Merge pull request lowcoder-org#1318 from lowcoder-org/dev

Dev > Main for v2.5 Release

Author: FalkWolsky

client/VERSION

@@ -1 +1 @@
-2.4.12
+2.5.0

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-frontend",
-  "version": "2.4.12",
+  "version": "2.5.0",
   "type": "module",
   "private": true,
   "workspaces": [

client/packages/lowcoder-cli-template-typescript/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-cli-template-typescript",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "scripts": {
     "start": "NODE_OPTIONS=--max_old_space_size=6144 vite",
@@ -22,7 +22,9 @@
     }
   },
   "dependencies": {
+    "@observablehq/inspector": "^5.0.1",
     "@observablehq/runtime": "^4.8.2",
+    "@observablehq/stdlib": "^5.8.8",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
     "lowcoder-cli": "^0.0.30",

client/packages/lowcoder-cli-template-typescript/src/vendors/Chart.jsx

@@ -1,6 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types'
-import { Runtime, Inspector } from '@observablehq/runtime';
+import { Runtime } from '@observablehq/runtime';
+import { Inspector } from "@observablehq/inspector";
+import { Library } from "@observablehq/stdlib";
+
+const library = new Library();
 
 function Chart(props) {
   const [chartRef, setChartRef] = React.useState();
@@ -16,21 +20,20 @@ function Chart(props) {
     main.variable().define('translateXtoY', function() {
       return x => 50 * Math.sin((Math.PI / 50) * x - (1 / 2) * Math.PI) + 50;
     });
-    main.variable().define('d3', ['require'], function(require) {
-      return require('https://d3js.org/d3.v5.min.js');
+    main.variable().define('d3', [], function() {
+      return Library.require('https://d3js.org/d3.v5.min.js');
     });
 
     // Define the HillChart class
-    main.variable().define('HillChart', ['d3', 'DOM', 'translateXtoY'], function(d3, DOM, translateXtoY) {
+    main.variable().define('HillChart', ['d3', 'translateXtoY'], function(d3, translateXtoY) {
       return class HillChart {
         constructor(chart_height, chart_width, items) {
           this.chart_height = chart_height;
           this.chart_width = chart_width;
           this.items = items;
-      
-          this.svg = d3.select(DOM.svg(this.chart_width, this.chart_height)).attr('viewBox', `-20 -20 ${this.chart_width + 80} ${this.chart_height + 20}`);
+
+          this.svg = d3.select(library.DOM.svg(this.chart_width, this.chart_height)).attr('viewBox', `-20 -20 ${this.chart_width + 80} ${this.chart_height + 20}`);
         }
-        
 
         render() {
           const xScale = d3

client/packages/lowcoder-cli/package.json

@@ -38,7 +38,6 @@
     "vite-plugin-svgr": "^2.2.2"
   },
   "devDependencies": {
-    "@types/axios": "^0.14.0",
     "typescript": "^4.8.4"
   },
   "peerDependencies": {

client/packages/lowcoder-design/package.json

@@ -9,10 +9,10 @@
   "dependencies": {
     "colord": "^2.9.3",
     "react-fontawesome": "^0.2.0",
-    "react-markdown": "^8.0.0",
+    "react-markdown": "^9.0.1",
     "react-virtualized": "^9.22.3",
-    "rehype-raw": "^6.1.1",
-    "rehype-sanitize": "^5.0.1",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.0",
     "simplebar": "^6.2.5",
     "simplebar-react": "^3.2.4"

client/packages/lowcoder-design/src/components/markdown.tsx

@@ -4,7 +4,7 @@ import { lazy } from "react";
 import rehypeRaw from "rehype-raw";
 import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
 import remarkGfm from "remark-gfm";
-import type { ReactMarkdownOptions } from "react-markdown/lib/react-markdown";
+import type { Options as ReactMarkdownOptions } from "react-markdown/lib";
 
 const ReactMarkdown = lazy(() => import('react-markdown'));
 

client/packages/lowcoder-design/src/components/tacoInput.tsx

@@ -331,12 +331,14 @@ const FormInput = (props: {
     check: (value: string) => boolean;
   };
   formName?: string;
+  onBlur?: () => void;
   onChange?: (value: string, valid: boolean) => void;
   className?: string;
   inputRef?: Ref<InputRef>;
   msg?: string;
+  defaultValue?: string;
 }) => {
-  const { mustFill, checkRule, label, placeholder, onChange, formName, className, inputRef } =
+  const { mustFill, checkRule, label, placeholder, onBlur, onChange, formName, className, inputRef, defaultValue } =
     props;
   const [valueValid, setValueValid] = useState(true);
   return (
@@ -350,6 +352,7 @@ const FormInput = (props: {
         ref={inputRef}
         name={formName}
         placeholder={placeholder}
+        defaultValue={defaultValue}
         onChange={(e) => {
           let valid = true;
           if (checkRule) {
@@ -358,6 +361,7 @@ const FormInput = (props: {
           }
           onChange && onChange(e.target.value, valid);
         }}
+        onBlur={() => onBlur?.()}
       />
     </FormInputFiled>
   );

client/packages/lowcoder-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-sdk",
-  "version": "2.4.14",
+  "version": "2.4.16",
   "type": "module",
   "files": [
     "src",

client/packages/lowcoder/index.html

@@ -51,6 +51,10 @@
     <script>
       window.global = window;
     </script>
+    <script
+      src="https://tag.clearbitscripts.com/v1/pk_dfbc0aeefb28dc63475b67134facf127/tags.js"
+      referrerPolicy="no-referrer"
+    ></script>
   </head>
   <body>
     <div id="not-supported-browser"></div>