@nocobase/client 2.0.0-alpha.5 → 2.0.0-alpha.6

package/es/index.mjs

@@ -92,7 +92,7 @@ import { TinyColor } from "@ctrl/tinycolor";
 import * as i18next from "i18next";
 import i18next__default from "i18next";
 import * as antIcons from "@ant-design/icons";
-import antIcons__default, { LoadingOutlined, createFromIconfontCN, RightOutlined, QuestionCircleOutlined, MenuOutlined, CloseOutlined, CloseCircleOutlined, PlusOutlined, DragOutlined, CopyOutlined, LeftOutlined, FileImageOutlined, ScanOutlined, CloseCircleFilled, ExclamationCircleFilled, UserOutlined, HighlightOutlined, EllipsisOutlined, ArrowLeftOutlined, DownOutlined, DownloadOutlined, UndoOutlined, RedoOutlined, InboxOutlined, DeleteOutlined, CheckOutlined, EditOutlined, ZoomInOutlined, EyeInvisibleOutlined, EyeOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined, VerticalAlignMiddleOutlined, RightSquareOutlined, SyncOutlined, ApiOutlined, SettingOutlined, ReadOutlined, ReloadOutlined, ArrowUpOutlined, ArrowDownOutlined, LockOutlined, UploadOutlined, SwapOutlined, RotateLeftOutlined, RotateRightOutlined, ZoomOutOutlined, ThunderboltOutlined, SearchOutlined, TableOutlined, FormOutlined, ProfileOutlined, AppstoreOutlined, OrderedListOutlined, LineOutlined, DisconnectOutlined, TranslationOutlined } from "@ant-design/icons";
+import antIcons__default, { LoadingOutlined, createFromIconfontCN, RightOutlined, QuestionCircleOutlined, MenuOutlined, CloseOutlined, CloseCircleOutlined, PlusOutlined, DragOutlined, CopyOutlined, LeftOutlined, FileImageOutlined, ScanOutlined, CloseCircleFilled, ExclamationCircleFilled, UserOutlined, HighlightOutlined, EllipsisOutlined, ArrowLeftOutlined, DownOutlined, DownloadOutlined, UndoOutlined, RedoOutlined, InboxOutlined, DeleteOutlined, CheckOutlined, EditOutlined, ZoomInOutlined, EyeInvisibleOutlined, EyeOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined, VerticalAlignMiddleOutlined, RightSquareOutlined, SyncOutlined, ApiOutlined, SettingOutlined, ReadOutlined, ReloadOutlined, ArrowUpOutlined, ArrowDownOutlined, LockOutlined, ExclamationCircleOutlined, UploadOutlined, SwapOutlined, RotateLeftOutlined, RotateRightOutlined, ZoomOutOutlined, ThunderboltOutlined, SearchOutlined, TableOutlined, FormOutlined, ProfileOutlined, AppstoreOutlined, OrderedListOutlined, LineOutlined, DisconnectOutlined, TranslationOutlined } from "@ant-design/icons";
 import * as ReactRouter from "react-router";
 import { matchRoutes } from "react-router";
 import omit$1 from "lodash/omit";
@@ -9556,7 +9556,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version = "2.0.0-alpha.5", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
+const name = "@nocobase/client", version = "2.0.0-alpha.6", 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.6.1",
@@ -9579,10 +9579,10 @@ const name = "@nocobase/client", version = "2.0.0-alpha.5", license = "AGPL-3.0"
   "@formily/reactive-react": "^2.2.27",
   "@formily/shared": "^2.2.27",
   "@formily/validator": "^2.2.27",
-  "@nocobase/evaluators": "2.0.0-alpha.5",
-  "@nocobase/flow-engine": "2.0.0-alpha.5",
-  "@nocobase/sdk": "2.0.0-alpha.5",
-  "@nocobase/utils": "2.0.0-alpha.5",
+  "@nocobase/evaluators": "2.0.0-alpha.6",
+  "@nocobase/flow-engine": "2.0.0-alpha.6",
+  "@nocobase/sdk": "2.0.0-alpha.6",
+  "@nocobase/utils": "2.0.0-alpha.6",
   "@tanstack/react-table": "^8.21.3",
   "@types/tabulator-tables": "^6.2.6",
   ahooks: "^3.7.2",
@@ -67751,12 +67751,12 @@ const CodeEditor = (e) => {
 }, titleField = defineAction({
   name: "titleField",
   title: tval$1("Label field"),
-  uiSchema: (e) => e.collectionField.isAssociationField() ? {
+  uiSchema: (e) => !e.collectionField || !e.collectionField.isAssociationField() ? null : {
     label: {
       "x-component": SelectOptions$1,
       "x-decorator": "FormItem"
     }
-  } : null,
+  },
   defaultParams: (e) => {
     var o;
     const t = e.model.context.collectionField.targetCollectionTitleFieldName;
@@ -68614,9 +68614,12 @@ DetailsItemModel.registerFlow({
           }
         }
       }),
-      defaultParams: (e) => ({
-        title: e.collectionField.title
-      }),
+      defaultParams: (e) => {
+        var t;
+        return {
+          title: (t = e.collectionField) == null ? void 0 : t.title
+        };
+      },
       handler(e, t) {
         e.model.setProps({ label: t.title });
       }
@@ -68736,16 +68739,18 @@ const displayFieldComponent = defineAction({
   title: escapeT("Field component"),
   uiSchema: (e) => {
     const { titleField: t } = e.model.props;
-    return e.model.constructor.getBindingsByField(e, e.collectionField).length === 1 && !t ? null : {
+    return e.collectionField ? e.model.constructor.getBindingsByField(e, e.collectionField).length === 1 && !t ? null : {
       use: {
         type: "string",
         "x-component": "Select",
         "x-decorator": "FormItem",
         enum: buildAssociationOptions(e, e.model.constructor, t)
       }
-    };
+    } : void 0;
   },
   beforeParamsSave: (e, t, o) => E(void 0, null, function* () {
+    if (!e.collectionField)
+      return;
     const n = e.model.constructor.getBindingsByField(e, e.collectionField), { titleField: r } = e.model.props;
     let i = [];
     r && (i = e.model.constructor.getBindingsByField(
@@ -68783,8 +68788,8 @@ const displayFieldComponent = defineAction({
   name: "fieldComponent",
   uiSchema: (e) => {
     if (e.model.getProps().pattern === "readPretty") {
-      const { titleField: t } = e.model.props;
-      return e.model.constructor.getBindingsByField(e, e.collectionField).length === 1 && !t ? null : {
+      const { titleField: t } = e.model.props, o = e.model.constructor.getBindingsByField(e, e.collectionField);
+      return !o || o.length === 1 && !t ? null : {
         use: {
           type: "string",
           "x-component": "Select",
@@ -68794,7 +68799,7 @@ const displayFieldComponent = defineAction({
       };
     } else {
       const t = e.model.constructor.getBindingsByField(e, e.collectionField);
-      return t.length === 1 ? null : {
+      return !t || t.length === 1 ? null : {
         use: {
           type: "string",
           "x-component": "Select",
@@ -68848,38 +68853,42 @@ const displayFieldComponent = defineAction({
   handler(e, t) {
     return E(this, null, function* () {
       var n, r;
-      (yield e.aclCheck({
+      const o = yield e.aclCheck({
         dataSourceKey: (n = e.model.context.dataSource) == null ? void 0 : n.key,
         resourceName: e.model.context.resourceName,
         actionName: e.model.context.actionName,
         fields: ((r = e.model.context) == null ? void 0 : r.collectionField) && [e.model.context.collectionField.name]
-      })) || (e.model.hidden = !0, e.exitAll());
+      });
+      e.fieldPath && !e.collectionField && (e.model.fieldDeleted = !0, e.model.hidden = !0, e.exitAll()), o || (e.model.hidden = !0, e.exitAll());
     });
   }
 }), pattern = defineAction({
   name: "pattern",
   title: escapeT("Display mode"),
-  uiSchema: (e) => ({
-    pattern: {
-      "x-component": "Select",
-      "x-decorator": "FormItem",
-      enum: [
-        {
-          value: "editable",
-          label: escapeT("Editable")
-        },
-        {
-          value: "disabled",
-          label: escapeT("Disabled")
-        },
-        {
-          value: "readPretty",
-          label: escapeT("Display only")
+  uiSchema: (e) => {
+    if (e.model.collectionField)
+      return {
+        pattern: {
+          "x-component": "Select",
+          "x-decorator": "FormItem",
+          enum: [
+            {
+              value: "editable",
+              label: escapeT("Editable")
+            },
+            {
+              value: "disabled",
+              label: escapeT("Disabled")
+            },
+            {
+              value: "readPretty",
+              label: escapeT("Display only")
+            }
+          ],
+          "x-disabled": e.model.collectionField.inputable === !1
         }
-      ],
-      "x-disabled": e.model.collectionField.inputable === !1
-    }
-  }),
+      };
+  },
   defaultParams: (e) => ({
     pattern: e.model.collectionField.inputable === !1 || e.model.context.parentDisabled || e.model.props.disabled || e.model.collectionField.readonly ? "disabled" : "editable"
   }),
@@ -68926,6 +68935,8 @@ const validation = defineAction({
   title: escapeT("Validation"),
   name: "validation",
   uiSchema: (e) => {
+    if (!e.model.collectionField)
+      return;
     const t = e.app.dataSourceManager.collectionFieldInterfaceManager.getFieldInterface(
       e.model.collectionField.interface
     );
@@ -70172,7 +70183,7 @@ RecordSelectFieldModel.registerFlow({
     allowMultiple: {
       title: escapeT("Allow multiple"),
       uiSchema(e) {
-        return ["belongsToMany", "hasMany", "belongsToArray"].includes(e.model.context.collectionField.type) ? {
+        return e.collectionField && ["belongsToMany", "hasMany", "belongsToArray"].includes(e.collectionField.type) ? {
           allowMultiple: {
             "x-component": "Switch",
             type: "boolean",
@@ -70182,9 +70193,7 @@ RecordSelectFieldModel.registerFlow({
       },
       defaultParams(e) {
         return {
-          allowMultiple: ["belongsToMany", "hasMany", "belongsToArray"].includes(
-            e.model.context.collectionField.type
-          )
+          allowMultiple: e.collectionField && ["belongsToMany", "hasMany", "belongsToArray"].includes(e.model.context.collectionField.type)
         };
       },
       handler(e, t) {
@@ -71801,7 +71810,7 @@ class CollectionBlockModel extends DataBlockModel {
     return createDefaultCollectionBlockTitle({ blockLabel: o, dsName: n, dsCount: r, collectionTitle: i });
   }
   addAppends(o, n = !1) {
-    if (o)
+    if (console.log(o), !!o)
       if (o.includes(".")) {
         const [r, i] = o.split("."), l = this.context.dataSourceManager.getCollectionField(
           `${this.collection.dataSourceKey}.${this.collection.name}.${r}`
@@ -71815,7 +71824,7 @@ class CollectionBlockModel extends DataBlockModel {
         );
         if (!r)
           return;
-        r.isAssociationField() && (this.resource.addAppends(r.name), n && this.resource.refresh());
+        r.isAssociationField() && (console.log(r.name), this.resource.addAppends(r.name), n && this.resource.refresh());
       }
   }
 }
@@ -72953,11 +72962,15 @@ FormItemModel.registerFlow({
           }
         }
       }),
-      defaultParams: (e) => ({
-        label: e.collectionField.title
-      }),
+      defaultParams: (e) => {
+        var t;
+        return {
+          label: (t = e.collectionField) == null ? void 0 : t.title
+        };
+      },
       handler(e, t) {
-        e.model.setProps({ label: t.label || e.collectionField.title });
+        var o;
+        e.model.setProps({ label: t.label || ((o = e.collectionField) == null ? void 0 : o.title) });
       }
     },
     aclCheck: {
@@ -73071,12 +73084,12 @@ FormItemModel.registerFlow({
     fieldNames: {
       use: "titleField",
       uiSchema: (e) => E(void 0, null, function* () {
-        return e.collectionField.isAssociationField() && e.model.getProps().titleField ? {
+        return e.collectionField ? e.collectionField.isAssociationField() && e.model.getProps().titleField ? {
           label: {
             "x-component": SelectOptions$1,
             "x-decorator": "FormItem"
           }
-        } : null;
+        } : null : void 0;
       }),
       beforeParamsSave: (e, t, o) => E(void 0, null, function* () {
         if (!(e.collectionField.isAssociationField() && e.model.props.titleField))
@@ -76317,9 +76330,20 @@ TableBlockModel.define({
   },
   sort: 300
 });
+function FieldDeletePlaceholder() {
+  const { t: e } = useTranslation(), t = useFlowModel(), o = t.context.blockModel, n = o.collection.dataSource, r = o.collection, i = t.fieldPath, a = useMemo(() => {
+    const c = `${e(n.displayName || n.key)} > `, u = r ? `${e(r.title) || r.name || r.tableName} > ` : "";
+    return `${c}${u}${i}`;
+  }, []), l = e('The {{type}} "{{name}}" may have been deleted. Please remove this {{blockType}}.', {
+    type: e("Field"),
+    name: a,
+    blockType: e("Field")
+  }).replaceAll(">", ">");
+  return /* @__PURE__ */ jsx(Tooltip, { title: l, children: /* @__PURE__ */ jsx(ExclamationCircleOutlined, { style: { opacity: "0.45" } }) });
+}
 const Re = class Re extends DisplayItemModel {
   renderHiddenInConfig() {
-    return /* @__PURE__ */ jsx(Tooltip, { title: this.context.t("该字段已被隐藏，你无法查看（该内容仅在激活 UI Editor 时显示）。"), children: /* @__PURE__ */ jsx(LockOutlined, { style: { opacity: "0.45" } }) });
+    return this.fieldDeleted ? /* @__PURE__ */ jsx(FieldDeletePlaceholder, {}) : /* @__PURE__ */ jsx(Tooltip, { title: this.context.t("该字段已被隐藏，你无法查看（该内容仅在激活 UI Editor 时显示）。"), children: /* @__PURE__ */ jsx(LockOutlined, { style: { opacity: "0.45" } }) });
   }
   afterAddAsSubModel() {
     return E(this, null, function* () {
@@ -76528,6 +76552,8 @@ TableColumnModel.registerFlow({
     quickEdit: {
       title: escapeT("Enable quick edit"),
       uiSchema: (e) => {
+        if (!e.model.collectionField)
+          return;
         const t = e.model.context.blockModel.collection.name, o = e.model.collectionField.collectionName;
         if (t === o)
           return {
@@ -80688,15 +80714,18 @@ ClickableFieldModel.registerFlow({
   steps: {
     displayStyle: {
       title: escapeT("Display style"),
-      uiSchema: (e) => ["select", "multipleSelect", "radioGroup", "checkboxGroup"].includes(e.collectionField.interface) ? null : {
-        displayStyle: {
-          "x-component": "Radio.Group",
-          "x-decorator": "FormItem",
-          enum: [
-            { label: escapeT("Tag"), value: "tag" },
-            { label: escapeT("Text"), value: "text" }
-          ]
-        }
+      uiSchema: (e) => {
+        var t;
+        return ["select", "multipleSelect", "radioGroup", "checkboxGroup"].includes((t = e.collectionField) == null ? void 0 : t.interface) ? null : {
+          displayStyle: {
+            "x-component": "Radio.Group",
+            "x-decorator": "FormItem",
+            enum: [
+              { label: escapeT("Tag"), value: "tag" },
+              { label: escapeT("Text"), value: "text" }
+            ]
+          }
+        };
       },
       defaultParams: {
         displayStyle: "text"