@nocobase/client 1.2.1-alpha → 1.2.3-alpha

package/es/index.mjs

@@ -61,7 +61,7 @@ import { Outlet, UNSAFE_RouteContext, UNSAFE_LocationContext, useRoutes, HashRou
 import * as nocobaseSDK from "@nocobase/sdk";
 import { APIClient as APIClient$1, getSubAppName } from "@nocobase/sdk";
 import * as antd from "antd";
-import { notification, Spin, message, Tag, Select as Select$1, theme, App, ConfigProvider, Popover, Menu as Menu$1, Switch, Divider, Button, Result, Tooltip, Input as Input$3, Empty, Modal, Typography, Image, Slider, Space as Space$1, Card, Collapse, Badge, Tree as Tree$2, Dropdown, Alert, Cascader as Cascader$1, Radio as Radio$1, Drawer as Drawer$1, Flex, Tabs as Tabs$1, TreeSelect as TreeSelect$2, Upload as Upload$1, Progress, Table as Table$2, Skeleton, AutoComplete as AutoComplete$1, Checkbox as Checkbox$1, ColorPicker as ColorPicker$1, DatePicker as DatePicker$1, List as List$1, Col, InputNumber as InputNumber$1, Pagination as Pagination$1, TimePicker as TimePicker$1, Row, Popconfirm, Layout } from "antd";
+import { notification, Spin, message, Tag, Select as Select$1, theme, App, ConfigProvider, Popover, Menu as Menu$1, Switch, Divider, Button, Result, Tooltip, Input as Input$3, Empty, Modal, Typography, Image, Slider, Space as Space$1, Card, Collapse, Badge, Tree as Tree$2, Dropdown, Alert, Cascader as Cascader$1, Radio as Radio$1, Drawer as Drawer$1, Flex, Tabs as Tabs$1, TreeSelect as TreeSelect$2, Upload as Upload$1, Progress, Table as Table$2, Skeleton, AutoComplete as AutoComplete$1, Checkbox as Checkbox$1, ColorPicker as ColorPicker$1, DatePicker as DatePicker$1, List as List$1, Col, InputNumber as InputNumber$1, QRCode, Pagination as Pagination$1, TimePicker as TimePicker$1, Row, Popconfirm, Layout } from "antd";
 import * as formilyShared from "@formily/shared";
 import { merge, uid, isArr, isFn, applyMiddleware, isNum as isNum$1, isStr, isBool, toArr as toArr$3, isValid, each, isReactElement } from "@formily/shared";
 import * as ahooks from "ahooks";
@@ -791,7 +791,7 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return useLinkageAction;
   },
   get useStyles() {
-    return useStyles$5;
+    return useStyles$4;
   },
   get useTabsContext() {
     return useTabsContext;
@@ -3397,7 +3397,7 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return useSourceIdFromRecord;
   },
   get useStyles() {
-    return useStyles$5;
+    return useStyles$4;
   },
   get useSupportedBlocks() {
     return useSupportedBlocks;
@@ -3902,7 +3902,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version$1 = "1.2.1-alpha", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
+const name = "@nocobase/client", version$1 = "1.2.3-alpha", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
   "@ahooksjs/use-url-state": "3.5.1",
   "@ant-design/cssinjs": "^1.11.1",
   "@ant-design/icons": "^5.1.4",
@@ -3923,9 +3923,9 @@ const name = "@nocobase/client", version$1 = "1.2.1-alpha", license = "AGPL-3.0"
   "@formily/reactive-react": "^2.2.27",
   "@formily/shared": "^2.2.27",
   "@formily/validator": "^2.2.27",
-  "@nocobase/evaluators": "1.2.1-alpha",
-  "@nocobase/sdk": "1.2.1-alpha",
-  "@nocobase/utils": "1.2.1-alpha",
+  "@nocobase/evaluators": "1.2.3-alpha",
+  "@nocobase/sdk": "1.2.3-alpha",
+  "@nocobase/utils": "1.2.3-alpha",
   ahooks: "^3.7.2",
   antd: "^5.12.8",
   "antd-style": "3.4.5",
@@ -11257,53 +11257,68 @@ const ColDivider = (e) => {
   return useMemo(() => e.reduceProperties((t, o) => (o["x-component"] === "Grid.Col" && !o["x-hidden"] && t.push(o), t), []), [Object.keys(e.properties || {}).join(",")]);
 }, DndWrapper = (e) => e.dndContext === !1 ? /* @__PURE__ */ jsx(Fragment, { children: e.children }) : /* @__PURE__ */ jsx(DndContext, F(g({}, e.dndContext), { children: e.children })), useGridContext = () => useContext(GridContext), useGridRowContext = () => useContext(GridRowContext), Grid = observer$1(
   (e) => {
-    const { distributed: t, showDivider: o = !0 } = e, n = useRef(null), r = useField(), i = useFieldSchema(), { render: a } = useSchemaInitializerRender(i["x-initializer"], i["x-initializer-props"]), l = useCallback((x) => a(x), []), c = r.address.toString(), u = useRowProperties(), { setPrintContent: d } = useFormBlockContext(), { styles: p } = useStyles$j(), m = t === void 0 ? (i == null ? void 0 : i.parent["x-component"]) === "Page" || (i == null ? void 0 : i.parent["x-component"]) === "Tabs.TabPane" : t;
+    const { distributed: t, showDivider: o = !0 } = e, n = useRef(null), r = useField(), i = useFieldSchema(), { render: a } = useSchemaInitializerRender(i["x-initializer"], i["x-initializer-props"]), l = useCallback((C) => a(C), []), c = r.address.toString(), u = useRowProperties(), { setPrintContent: d } = useFormBlockContext(), { styles: p } = useStyles$j(), { token: m } = theme.useToken(), { designable: h } = useDesignable(), x = t === void 0 ? (i == null ? void 0 : i.parent["x-component"]) === "Page" || (i == null ? void 0 : i.parent["x-component"]) === "Tabs.TabPane" : t;
     useEffect(() => {
       n.current && (d == null || d(n.current));
     }, [n.current]);
-    const h = useMemo(() => ({
+    const f = useMemo(() => ({
       ref: n,
       fieldSchema: i,
       renderSchemaInitializer: a,
       InitializerComponent: l,
       showDivider: o
     }), [i, a, l, o]);
-    return /* @__PURE__ */ jsx(FilterBlockProvider, { children: /* @__PURE__ */ jsx(GridContext.Provider, { value: h, children: /* @__PURE__ */ jsx("div", { className: `nb-grid ${p.container}`, style: { position: "relative" }, ref: n, children: /* @__PURE__ */ jsxs("div", { className: "nb-grid-warp", children: [
-      /* @__PURE__ */ jsxs(DndWrapper, { dndContext: e.dndContext, children: [
-        o ? /* @__PURE__ */ jsx(
-          RowDivider,
-          {
-            rows: u,
-            first: !0,
-            id: `${c}_0`,
-            data: {
-              breakRemoveOn: breakRemoveOnGrid,
-              wrapSchema: wrapRowSchema,
-              insertAdjacent: "afterBegin",
-              schema: i
-            }
-          }
-        ) : null,
-        u.map((x, f) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-          m ? /* @__PURE__ */ jsx(SchemaComponent, { name: x.name, schema: x, distributed: !0 }) : /* @__PURE__ */ jsx(MemorizedRecursionField, { name: x.name, schema: x }),
-          o ? /* @__PURE__ */ jsx(
-            RowDivider,
-            {
-              rows: u,
-              index: f,
-              id: `${c}_${f + 1}`,
-              data: {
-                breakRemoveOn: breakRemoveOnGrid,
-                wrapSchema: wrapRowSchema,
-                insertAdjacent: "afterEnd",
-                schema: x
+    return /* @__PURE__ */ jsx(FilterBlockProvider, { children: /* @__PURE__ */ jsx(GridContext.Provider, { value: f, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cls(
+          `nb-grid ${p.container}`,
+          css`
+                & {
+                  margin-bottom: ${h ? 0 : -m.marginLG}px;
+                }
+              `
+        ),
+        style: { position: "relative" },
+        ref: n,
+        children: /* @__PURE__ */ jsxs("div", { className: "nb-grid-warp", children: [
+          /* @__PURE__ */ jsxs(DndWrapper, { dndContext: e.dndContext, children: [
+            o ? /* @__PURE__ */ jsx(
+              RowDivider,
+              {
+                rows: u,
+                first: !0,
+                id: `${c}_0`,
+                data: {
+                  breakRemoveOn: breakRemoveOnGrid,
+                  wrapSchema: wrapRowSchema,
+                  insertAdjacent: "afterBegin",
+                  schema: i
+                }
               }
-            }
-          ) : null
-        ] }, f))
-      ] }),
-      a()
-    ] }) }) }) });
+            ) : null,
+            u.map((C, S) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              x ? /* @__PURE__ */ jsx(SchemaComponent, { name: C.name, schema: C, distributed: !0 }) : /* @__PURE__ */ jsx(MemorizedRecursionField, { name: C.name, schema: C }),
+              o ? /* @__PURE__ */ jsx(
+                RowDivider,
+                {
+                  rows: u,
+                  index: S,
+                  id: `${c}_${S + 1}`,
+                  data: {
+                    breakRemoveOn: breakRemoveOnGrid,
+                    wrapSchema: wrapRowSchema,
+                    insertAdjacent: "afterEnd",
+                    schema: C
+                  }
+                }
+              ) : null
+            ] }, S))
+          ] }),
+          a()
+        ] })
+      }
+    ) }) });
   },
   { displayName: "Grid" }
 );
@@ -28714,7 +28729,7 @@ const useFieldComponentOptions = () => {
     var l;
     e != null && e.title || (e.title = i((l = r == null ? void 0 : r.uiSchema) == null ? void 0 : l.title));
   }, [(a = r == null ? void 0 : r.uiSchema) == null ? void 0 : a.title]);
-}, getPageHeaderHeight = (e, t, o, n) => e ? n.paddingContentHorizontalLG : o ? n.paddingContentHorizontalLG + 12 : t ? n.paddingSM + n.controlHeight + n.marginXS + 2 * n.controlPaddingHorizontalSM + 22 + n.paddingContentHorizontalLG : n.controlHeight + n.marginXS + (n.paddingXXS + 2) * 2 + n.paddingContentHorizontalLG, usePageFullScreenHeight = (e) => {
+}, getPageHeaderHeight = (e, t, o, n) => e ? n.paddingContentHorizontalLG : o ? t ? n.controlPaddingHorizontal + 3 * n.controlPaddingHorizontalSM + 22 + n.paddingContentHorizontalLG : n.paddingContentHorizontalLG + 12 : t ? n.paddingSM + n.controlHeight + n.marginXS + 2 * n.controlPaddingHorizontalSM + 22 + n.paddingContentHorizontalLG : n.controlHeight + n.marginXS + (n.paddingXXS + 2) * 2 + n.paddingContentHorizontalLG, usePageFullScreenHeight = (e) => {
   const { token: t } = theme.useToken(), { designable: o } = useDesignable(), { heightProps: n } = useBlockHeightProps(), { disablePageHeader: r, enablePageTabs: i, hidePageTitle: a } = n || e || {}, l = t.sizeXXL - 2, c = o ? t.controlHeight + 2 * t.paddingContentHorizontalLG : 1 * t.paddingContentHorizontalLG, u = getPageHeaderHeight(r, i, a, t);
   return l + u + c;
 }, useFullScreenHeight = (e) => {
@@ -30463,7 +30478,7 @@ const FixedBlockContext = React.createContext({
         }
       },
       ".nb-page-wrapper": {
-        padding: `${e.paddingPageVertical}px ${e.paddingPageHorizontal}px 0px ${e.paddingPageHorizontal}px`,
+        padding: `${e.paddingPageVertical}px`,
         flex: 1
       }
     }
@@ -36206,29 +36221,174 @@ function convertToText(e) {
   const n = o.innerText;
   return o = null, (n == null ? void 0 : n.replace(/[\n\r]/g, "")) || "";
 }
+const useStyles$5 = genStyleHook("nb-variable-select", (e) => {
+  const { componentCls: t } = e;
+  return {
+    [t]: {
+      position: "relative",
+      ".ant-select.ant-cascader": {
+        position: "absolute",
+        top: "-1px",
+        right: "-1px",
+        minWidth: "auto",
+        width: "calc(100% + 2px)",
+        height: "calc(100% + 2px)",
+        overflow: "hidden",
+        opacity: 0
+      },
+      ".variable-btn": {
+        fontStyle: "italic",
+        fontFamily: "'New York', 'Times New Roman', Times, serif"
+      },
+      ".Cascader-popupClassName": {
+        ".ant-cascader-menu": {
+          marginBottom: 0
+        }
+      }
+    }
+  };
+}), XButton = forwardRef((e, t) => {
+  const o = useMemo(() => ({
+    fontStyle: "italic",
+    fontFamily: "New York, Times New Roman, Times, serif"
+  }), []);
+  return /* @__PURE__ */ jsxs(Button, F(g({ "aria-label": "variable-button", ref: t, style: o }, e), { children: [
+    "x",
+    e.children
+  ] }));
+});
+XButton.displayName = "XButton";
+function VariableSelect({
+  options: e,
+  setOptions: t,
+  onInsert: o,
+  changeOnSelect: n = !1,
+  fieldNames: r = {},
+  className: i
+}) {
+  const { t: a } = useTranslation(), [l, c] = useState([]), { wrapSSR: u, componentCls: d, hashId: p } = useStyles$5(), { token: m } = useToken();
+  function h(x) {
+    return V(this, null, function* () {
+      var C;
+      const f = x[x.length - 1];
+      !((C = f.children) != null && C.length) && !f.isLeaf && f.loadChildren && (yield f.loadChildren(f), t((S) => [...S]));
+    });
+  }
+  return u(
+    /* @__PURE__ */ jsx(XButton, { className: cx("x-button", d, p, i), children: /* @__PURE__ */ jsx(
+      Cascader$1,
+      {
+        placeholder: a("Select a variable"),
+        value: [],
+        options: e,
+        fieldNames: r,
+        loadData: h,
+        onChange: (x = [], f = []) => {
+          var S;
+          if (c(x), !x.length)
+            return;
+          const C = f[f.length - 1];
+          (!((S = C == null ? void 0 : C.children) != null && S.length) && !(C != null && C.loadChildren) || C != null && C.isLeaf) && o(x);
+        },
+        changeOnSelect: n,
+        onClick: (x) => {
+          var f;
+          if (!(x.detail !== 2 || !n))
+            for (let C = x.target; C && C !== x.currentTarget; C = C.parentNode)
+              Array.from((f = C.classList) != null ? f : []).includes("ant-cascader-menu-item") && o(l);
+        },
+        popupClassName: "Cascader-popupClassName",
+        dropdownRender: n ? (x) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          x,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "0.5em",
+                borderTop: `1px solid ${m.colorBorder}`,
+                color: m.colorTextDescription
+              },
+              children: a("Double click to choose entire object")
+            }
+          )
+        ] }) : null
+      }
+    ) })
+  );
+}
+class QRCodeWebComponent extends HTMLElement {
+  constructor() {
+    super();
+    P(this, "root");
+    this.attachShadow({ mode: "open" }), this.root = null;
+  }
+  getProps(o, n = {}) {
+    return [...o].filter((r) => r.name !== "style").map((r) => this.convert(n, r.name, r.value)).reduce((r, i) => F(g({}, r), { [i.name]: i.value }), {});
+  }
+  convert(o, n, r) {
+    const i = Object.keys(o).find((l) => l.toLowerCase() == n);
+    let a = r;
+    return r === "true" || r === "false" ? a = r == "true" : !isNaN(r) && r !== "" ? a = +r : /^{.*}/.exec(r) && (a = JSON.parse(r)), {
+      name: i || n,
+      value: a
+    };
+  }
+  connectedCallback() {
+    const o = g({}, this.getProps(this.attributes));
+    this.root = createRoot$1(this.shadowRoot), this.root.render(/* @__PURE__ */ jsx(QRCode, g({}, o)));
+  }
+  disconnectedCallback() {
+    this.root.unmount();
+  }
+}
+function registerQrcodeWebComponent() {
+  customElements.get("qr-code") || customElements.define("qr-code", QRCodeWebComponent);
+}
 const MarkdownEditor = (e) => {
-  const { t } = useTranslation(), [o, n] = useState(e.defaultValue);
-  return /* @__PURE__ */ jsxs("div", { className: "mb-markdown", style: { position: "relative" }, children: [
+  const { scope: t } = e, { t: o } = useTranslation(), [n, r] = useState(e.defaultValue), i = useRef(null), [a, l] = useState([]), [c, u] = useState(null);
+  useEffect(() => {
+    l(t);
+  }, [t]), useEffect(() => {
+    var m, h;
+    const p = (h = (m = i == null ? void 0 : i.current) == null ? void 0 : m.resizableTextArea) == null ? void 0 : h.textArea;
+    c && p && p.setSelectionRange(c, c);
+  }, [c]);
+  const d = useCallback(
+    function(p) {
+      var y;
+      const m = p.filter((v) => !!v.trim()), { current: h } = i, x = (y = h == null ? void 0 : h.resizableTextArea) == null ? void 0 : y.textArea;
+      if (!x || !m)
+        return;
+      h.focus();
+      const f = `{{${p.join(".")}}}`, C = x.selectionStart || 0, S = n.substring(0, C) + f + n.substring(C, n.length), b = C + f.length;
+      r(S), u(b);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "mb-markdown", style: { position: "relative", paddingTop: "20px" }, children: [
     /* @__PURE__ */ jsx(
       Input$3.TextArea,
       F(g({
+        ref: i,
         autoSize: { minRows: 3 }
       }, e), {
-        value: o,
-        onChange: (r) => {
-          n(r.target.value);
-        }
+        value: n,
+        onChange: (p) => {
+          r(p.target.value);
+        },
+        style: { paddingBottom: "40px" }
       })
     ),
+    /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: 21, right: 1 }, children: /* @__PURE__ */ jsx(VariableSelect, { options: a, setOptions: l, onInsert: d }) }),
     /* @__PURE__ */ jsxs(Space$1, { style: { position: "absolute", bottom: 5, right: 5 }, children: [
       /* @__PURE__ */ jsx(
         Button,
         {
-          onClick: (r) => {
-            var i;
-            (i = e.onCancel) == null || i.call(e, r);
+          onClick: (p) => {
+            var m;
+            (m = e.onCancel) == null || m.call(e, p);
           },
-          children: t("Cancel")
+          children: o("Cancel")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -36236,10 +36396,10 @@ const MarkdownEditor = (e) => {
         {
           type: "primary",
           onClick: () => {
-            var r;
-            (r = e.onSubmit) == null || r.call(e, o);
+            var p;
+            (p = e.onSubmit) == null || p.call(e, n);
           },
-          children: t("Save")
+          children: o("Save")
         }
       )
     ] })
@@ -36248,24 +36408,41 @@ const MarkdownEditor = (e) => {
   const { token: e } = theme.useToken(), t = useBlockHeight();
   if (t)
     return t - 2 * e.paddingLG;
-}, MarkdownVoid = observer$1(
-  (e) => {
-    const { isDarkTheme: t } = useGlobalTheme(), { componentCls: o, hashId: n } = useStyles$6({ isDarkTheme: t }), { content: r, className: i } = e, a = useField(), l = useFieldSchema(), { dn: c } = useDesignable(), { onSave: u, onCancel: d } = e, { html: p, loading: m } = useParseMarkdown(r), h = useMarkdownHeight();
-    return m ? /* @__PURE__ */ jsx(Spin, {}) : a != null && a.editable ? /* @__PURE__ */ jsx(
+}, MarkdownVoid = withDynamicSchemaProps(
+  observer$1((e) => {
+    const { isDarkTheme: t } = useGlobalTheme(), { componentCls: o, hashId: n } = useStyles$6({ isDarkTheme: t }), { content: r, className: i } = e, a = useField(), l = useFieldSchema(), { dn: c } = useDesignable(), { onSave: u, onCancel: d, form: p } = e, m = useCollectionRecord(), [h, x] = useState(""), f = useVariables(), C = useLocalVariables(), [S, b] = useState(!1);
+    useEffect(() => {
+      b(!0), V(void 0, null, function* () {
+        const A = yield replaceVariableValue(r, f, C), T = yield parseMarkdown(A);
+        x(T), b(!1);
+      });
+    }, [r, f, C]);
+    const y = useMarkdownHeight(), v = useVariableOptions({
+      collectionField: { uiSchema: l },
+      form: p,
+      record: m,
+      uiSchema: l,
+      noDisabled: !0
+    });
+    return useEffect(() => {
+      registerQrcodeWebComponent();
+    }, []), S ? /* @__PURE__ */ jsx(Spin, {}) : a != null && a.editable ? /* @__PURE__ */ jsx(
       MarkdownEditor,
-      F(g({}, e), {
+      F(g({
+        scope: v
+      }, e), {
         className: !0,
         defaultValue: r,
         onCancel: () => {
           a.editable = !1, d == null || d();
         },
-        onSubmit: (x) => V(void 0, null, function* () {
-          var f;
-          a.editable = !1, (f = l["x-component-props"]) != null || (l["x-component-props"] = {}), l["x-component-props"].content = x, a.componentProps.content = x, u == null || u(l), c.emit("patch", {
+        onSubmit: (I) => V(void 0, null, function* () {
+          var A;
+          a.editable = !1, (A = l["x-component-props"]) != null || (l["x-component-props"] = {}), l["x-component-props"].content = I, a.componentProps.content = I, u == null || u(l), c.emit("patch", {
             schema: {
               "x-uid": l["x-uid"],
               "x-component-props": {
-                content: x
+                content: I
               }
             }
           });
@@ -36275,11 +36452,11 @@ const MarkdownEditor = (e) => {
       "div",
       {
         className: cls([o, n, "nb-markdown nb-markdown-default nb-markdown-table", i]),
-        style: F(g({}, e.style), { height: h || "100%", overflow: "auto" }),
-        dangerouslySetInnerHTML: { __html: p }
+        style: F(g({}, e.style), { height: y || "100%" }),
+        dangerouslySetInnerHTML: { __html: h }
       }
     );
-  },
+  }),
   { displayName: "MarkdownVoid" }
 );
 MarkdownVoid.Designer = MarkdownVoidDesigner;
@@ -37111,7 +37288,7 @@ Menu.SubMenu = observer$1(
   { displayName: "Menu.SubMenu" }
 );
 Menu.Designer = MenuDesigner;
-const useStyles$5 = createStyles(({ token: e }) => ({
+const useStyles$4 = createStyles(({ token: e }) => ({
   menuItem: {
     paddingLeft: `${e.padding}px !important`,
     paddingRight: `${e.padding}px !important`
@@ -37534,7 +37711,7 @@ RecordPicker.Selector = ActionContainer;
  * Copyright (c) 2014, Jason Chen
  * Copyright (c) 2013, salesforce.com
  */
-const useStyles$4 = genStyleHook("nb-rich-text", (e) => {
+const useStyles$3 = genStyleHook("nb-rich-text", (e) => {
   const { componentCls: t } = e;
   return {
     [t]: {
@@ -38166,7 +38343,7 @@ const useStyles$4 = genStyleHook("nb-rich-text", (e) => {
   };
 }), RichText = connect(
   (e) => {
-    const { wrapSSR: t, hashId: o, componentCls: n } = useStyles$4(), r = {
+    const { wrapSSR: t, hashId: o, componentCls: n } = useStyles$3(), r = {
       toolbar: [["bold", "italic", "underline", "link"], [{ list: "ordered" }, { list: "bullet" }], ["clean"]]
     }, i = [
       "header",
@@ -39487,18 +39664,7 @@ const ReadPretty = observer$1(
     })
   ),
   mapReadPretty(ReadPretty)
-), XButton = forwardRef((e, t) => {
-  const o = useMemo(() => ({
-    fontStyle: "italic",
-    fontFamily: "New York, Times New Roman, Times, serif"
-  }), []);
-  return /* @__PURE__ */ jsxs(Button, F(g({ "aria-label": "variable-button", ref: t, style: o }, e), { children: [
-    "x",
-    e.children
-  ] }));
-});
-XButton.displayName = "XButton";
-const useStyles$3 = genStyleHook("nb-variable", (e) => {
+), useStyles$2 = genStyleHook("nb-variable", (e) => {
   const { componentCls: t, lineWidth: o, colorFillQuaternary: n } = e, r = e.paddingSM - 1, a = 8 - o, l = e.fontSizeSM, c = `${e.lineHeightSM * l}px`, u = n;
   return {
     [t]: {
@@ -39690,7 +39856,7 @@ function Input(e) {
     className: l,
     changeOnSelect: c,
     fieldNames: u
-  } = e, d = typeof e.scope == "function" ? e.scope() : e.scope, { wrapSSR: p, hashId: m, componentCls: h, rootPrefixCls: x } = useStyles$3();
+  } = e, d = typeof e.scope == "function" ? e.scope() : e.scope, { wrapSSR: p, hashId: m, componentCls: h, rootPrefixCls: x } = useStyles$2();
   useAntdInputStyle(`${x}-input`);
   const f = useCompile(), { t: C } = useTranslation(), S = useForm(), [b, y] = React.useState([]), [v, I] = React.useState([]), A = useMemo(() => parseValue(t), [t]), T = typeof A == "string", w = T ? A : "", M = T ? null : A, $ = Object.assign(
     {
@@ -39811,10 +39977,10 @@ function Input(e) {
                 className: cx("ant-input", { "ant-input-disabled": j }, m),
                 contentEditable: !j,
                 suppressContentEditableWarning: !0,
-                children: /* @__PURE__ */ jsx(Tag, { contentEditable: !1, color: "blue", children: v.map((D, N) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                children: /* @__PURE__ */ jsx(Tag, { contentEditable: !1, color: "blue", children: v.map((D, N) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
                   N ? " / " : "",
                   D
-                ] })) })
+                ] }, D)) })
               }
             ),
             j ? null : /* @__PURE__ */ jsx(
@@ -39855,91 +40021,6 @@ function Input(e) {
     ] })
   );
 }
-const useStyles$2 = genStyleHook("nb-variable-select", (e) => {
-  const { componentCls: t } = e;
-  return {
-    [t]: {
-      position: "relative",
-      ".ant-select.ant-cascader": {
-        position: "absolute",
-        top: "-1px",
-        right: "-1px",
-        minWidth: "auto",
-        width: "calc(100% + 2px)",
-        height: "calc(100% + 2px)",
-        overflow: "hidden",
-        opacity: 0
-      },
-      ".variable-btn": {
-        fontStyle: "italic",
-        fontFamily: "'New York', 'Times New Roman', Times, serif"
-      },
-      ".Cascader-popupClassName": {
-        ".ant-cascader-menu": {
-          marginBottom: 0
-        }
-      }
-    }
-  };
-});
-function VariableSelect({
-  options: e,
-  setOptions: t,
-  onInsert: o,
-  changeOnSelect: n = !1,
-  fieldNames: r = {},
-  className: i
-}) {
-  const { t: a } = useTranslation(), [l, c] = useState([]), { wrapSSR: u, componentCls: d, hashId: p } = useStyles$2(), { token: m } = useToken();
-  function h(x) {
-    return V(this, null, function* () {
-      var C;
-      const f = x[x.length - 1];
-      !((C = f.children) != null && C.length) && !f.isLeaf && f.loadChildren && (yield f.loadChildren(f), t((S) => [...S]));
-    });
-  }
-  return u(
-    /* @__PURE__ */ jsx(XButton, { className: cx("x-button", d, p, i), children: /* @__PURE__ */ jsx(
-      Cascader$1,
-      {
-        placeholder: a("Select a variable"),
-        value: [],
-        options: e,
-        fieldNames: r,
-        loadData: h,
-        onChange: (x = [], f = []) => {
-          var S;
-          if (c(x), !x.length)
-            return;
-          const C = f[f.length - 1];
-          (!((S = C == null ? void 0 : C.children) != null && S.length) && !(C != null && C.loadChildren) || C != null && C.isLeaf) && o(x);
-        },
-        changeOnSelect: n,
-        onClick: (x) => {
-          var f;
-          if (!(x.detail !== 2 || !n))
-            for (let C = x.target; C && C !== x.currentTarget; C = C.parentNode)
-              Array.from((f = C.classList) != null ? f : []).includes("ant-cascader-menu-item") && o(l);
-        },
-        popupClassName: "Cascader-popupClassName",
-        dropdownRender: n ? (x) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          x,
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                padding: "0.5em",
-                borderTop: `1px solid ${m.colorBorder}`,
-                color: m.colorTextDescription
-              },
-              children: a("Double click to choose entire object")
-            }
-          )
-        ] }) : null
-      }
-    ) })
-  );
-}
 function setNativeInputValue(e, t) {
   var n;
   const o = (n = Object.getOwnPropertyDescriptor(e.constructor.prototype, "value")) == null ? void 0 : n.set;
@@ -40097,7 +40178,7 @@ function getCurrentRange(e) {
   ];
 }
 function TextArea(e) {
-  const { wrapSSR: t, hashId: o, componentCls: n } = useStyles$3(), { value: r = "", scope: i, onChange: a, multiline: l = !0, changeOnSelect: c, style: u } = e, d = useRef(null), [p, m] = useState([]), h = useForm(), x = useMemo(() => createOptionsValueLabelMap(p), [p]), [f, C] = useState(!1), [S, b] = useState(!1), [y, v] = useState(() => renderHTML(r != null ? r : "", x)), [I, A] = useState([-1, 0, -1, 0]);
+  const { wrapSSR: t, hashId: o, componentCls: n } = useStyles$2(), { value: r = "", scope: i, onChange: a, multiline: l = !0, changeOnSelect: c, style: u } = e, d = useRef(null), [p, m] = useState([]), h = useForm(), x = useMemo(() => createOptionsValueLabelMap(p), [p]), [f, C] = useState(!1), [S, b] = useState(!1), [y, v] = useState(() => renderHTML(r != null ? r : "", x)), [I, A] = useState([-1, 0, -1, 0]);
   useAntdInputStyle("ant-input"), useEffect(() => {
     preloadOptions(i, r).then((j) => {
       m(j);
@@ -55352,7 +55433,7 @@ const commonOptions$e = {
   const e = {}, t = useSchemaInitializerItem();
   return /* @__PURE__ */ jsx(InitializerWithSwitch, F(g({}, t), { schema: e, item: t, type: "x-collection-field" }));
 }, LinkMenuItem = () => {
-  const { insert: e } = useSchemaInitializer(), { t } = useTranslation(), o = useContext(SchemaOptionsContext), { theme: n } = useGlobalTheme(), { styles: r } = useStyles$5(), i = useCallback(() => V(void 0, null, function* () {
+  const { insert: e } = useSchemaInitializer(), { t } = useTranslation(), o = useContext(SchemaOptionsContext), { theme: n } = useGlobalTheme(), { styles: r } = useStyles$4(), i = useCallback(() => V(void 0, null, function* () {
     const a = yield FormDialog(
       t("Add link"),
       () => /* @__PURE__ */ jsx(SchemaComponentOptions, { scope: o.scope, components: g({}, o.components), children: /* @__PURE__ */ jsx(FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsx(
@@ -55407,7 +55488,7 @@ const commonOptions$e = {
   }), [e, o.components, o.scope, t, n]);
   return /* @__PURE__ */ jsx(SchemaInitializerItem, { title: t("Link"), onClick: i, className: r.menuItem });
 }, PageMenuItem = () => {
-  const { insert: e } = useSchemaInitializer(), { t } = useTranslation(), o = useContext(SchemaOptionsContext), { theme: n } = useGlobalTheme(), { styles: r } = useStyles$5(), i = useCallback(() => V(void 0, null, function* () {
+  const { insert: e } = useSchemaInitializer(), { t } = useTranslation(), o = useContext(SchemaOptionsContext), { theme: n } = useGlobalTheme(), { styles: r } = useStyles$4(), i = useCallback(() => V(void 0, null, function* () {
     const a = yield FormDialog(
       t("Add page"),
       () => /* @__PURE__ */ jsx(SchemaComponentOptions, { scope: o.scope, components: g({}, o.components), children: /* @__PURE__ */ jsx(FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsx(
@@ -55471,7 +55552,7 @@ const commonOptions$e = {
   }), [e, o.components, o.scope, t, n]);
   return /* @__PURE__ */ jsx(SchemaInitializerItem, { title: t("Page"), onClick: i, className: r.menuItem });
 }, GroupItem = () => {
-  const { insert: e } = useSchemaInitializer(), { t } = useTranslation(), o = useContext(SchemaOptionsContext), { theme: n } = useGlobalTheme(), { styles: r } = useStyles$5(), i = useCallback(() => V(void 0, null, function* () {
+  const { insert: e } = useSchemaInitializer(), { t } = useTranslation(), o = useContext(SchemaOptionsContext), { theme: n } = useGlobalTheme(), { styles: r } = useStyles$4(), i = useCallback(() => V(void 0, null, function* () {
     const a = yield FormDialog(
       t("Add group"),
       () => /* @__PURE__ */ jsx(SchemaComponentOptions, { scope: o.scope, components: g({}, o.components), children: /* @__PURE__ */ jsx(FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsx(
@@ -57254,7 +57335,7 @@ export {
   useSortFields,
   useSourceIdFromParentRecord,
   useSourceIdFromRecord,
-  useStyles$5 as useStyles,
+  useStyles$4 as useStyles,
   useSupportedBlocks,
   useSyncFromForm,
   useSystemSettings,

package/es/schema-component/antd/markdown/Markdown.Void.d.ts

@@ -9,6 +9,7 @@
 import React from 'react';
 import { TextAreaProps } from 'antd/es/input';
 export interface MarkdownEditorProps extends Omit<TextAreaProps, 'onSubmit'> {
+    scope: any[];
     defaultValue?: string;
     onSubmit?: (value: string) => void;
     onCancel?: (e: React.MouseEvent) => void;

package/es/schema-component/antd/markdown/qrcode-webcom.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+export declare function registerQrcodeWebComponent(): void;