@nocobase/client 1.2.9-alpha → 1.2.11-alpha

package/es/data-source/collection/Collection.d.ts

@@ -113,6 +113,7 @@ export declare class Collection {
     get isThrough(): boolean;
     get autoCreate(): boolean;
     get resource(): string;
+    setOption(key: string, value: any): this;
     getOptions(): CollectionOptions;
     getOption<K extends keyof CollectionOptions>(key: K): CollectionOptions[K];
     /**

package/es/index.mjs

@@ -3801,6 +3801,9 @@ class Collection {
   get resource() {
     return this.options.resource;
   }
+  setOption(t, o) {
+    return this.options[t] = o, this;
+  }
   getOptions() {
     return this.options;
   }
@@ -3926,7 +3929,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version$1 = "1.2.9-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.11-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",
@@ -3947,9 +3950,9 @@ const name = "@nocobase/client", version$1 = "1.2.9-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.9-alpha",
-  "@nocobase/sdk": "1.2.9-alpha",
-  "@nocobase/utils": "1.2.9-alpha",
+  "@nocobase/evaluators": "1.2.11-alpha",
+  "@nocobase/sdk": "1.2.11-alpha",
+  "@nocobase/utils": "1.2.11-alpha",
   ahooks: "^3.7.2",
   antd: "^5.12.8",
   "antd-style": "3.4.5",
@@ -10626,22 +10629,28 @@ function useServiceOptions$1(e) {
       const T = yield u(mergeFilter([F || ((D = o == null ? void 0 : o.params) == null ? void 0 : D.filter)]));
       m(T);
     }), k = _.debounce(I, DEBOUNCE_WAIT);
-    return I(), reaction(() => flatten(F, {
-      breakOn({ key: D }) {
-        return D.startsWith("$") && D !== "$and" && D !== "$or";
-      },
-      transformValue(D) {
-        if (!isVariable(D))
-          return D;
-        const $ = getVariableName(D), q = d($);
-        return getValuesByPath(
-          {
-            [$]: (q == null ? void 0 : q.ctx) || {}
-          },
-          getPath(D)
-        );
+    return I(), reaction(
+      () => flatten(F, {
+        breakOn({ key: D }) {
+          return D.startsWith("$") && D !== "$and" && D !== "$or";
+        },
+        transformValue(D) {
+          if (!isVariable(D))
+            return D;
+          const $ = getVariableName(D), q = d($);
+          return getValuesByPath(
+            {
+              [$]: (q == null ? void 0 : q.ctx) || {}
+            },
+            getPath(D)
+          );
+        }
+      }),
+      k,
+      {
+        equals: _.isEqual
       }
-    }), k);
+    );
   }, [
     (b = (S = (C = i.componentProps) == null ? void 0 : C.service) == null ? void 0 : S.params) == null ? void 0 : b.filter,
     r,
@@ -10971,23 +10980,29 @@ function useParsedFilter({ filterOption: e }) {
     });
     l();
     const c = _.debounce(l, DEBOUNCE_WAIT);
-    reaction(() => flatten(e, {
-      breakOn({ key: d }) {
-        return d.startsWith("$") && d !== "$and" && d !== "$or";
-      },
-      transformValue(d) {
-        if (!isVariable(d))
-          return d;
-        const p = getVariableName(d), m = o(p);
-        return getValuesByPath(
-          {
-            [p]: (m == null ? void 0 : m.ctx) || {}
-          },
-          getPath(d)
-        );
+    reaction(
+      () => flatten(e, {
+        breakOn({ key: d }) {
+          return d.startsWith("$") && d !== "$and" && d !== "$or";
+        },
+        transformValue(d) {
+          if (!isVariable(d))
+            return d;
+          const p = getVariableName(d), m = o(p);
+          return getValuesByPath(
+            {
+              [p]: (m == null ? void 0 : m.ctx) || {}
+            },
+            getPath(d)
+          );
+        }
+      }),
+      c,
+      {
+        equals: _.isEqual
       }
-    }), c);
-  }, [JSON.stringify(e), i]), {
+    );
+  }, [JSON.stringify(e)]), {
     /** 数据范围的筛选参数 */
     filter: n,
     /** 表示是否正在解析筛选参数中的变量 */
@@ -13103,7 +13118,10 @@ const useParseDefaultValue = () => {
           const F = { [S]: (b == null ? void 0 : b.ctx) || {} }, I = getPath(t.default), k = getValuesByPath(F, I);
           return k === void 0 ? Math.random() : k;
         },
-        () => C({ forceUpdate: !0 })
+        () => C({ forceUpdate: !0 }),
+        {
+          equals: _.isEqual
+        }
       )) : console.error(`useParseDefaultValue: can not find variable ${S}`);
     } else
       e.value == null && (c || u) && e.setValue(t.default);
@@ -29786,7 +29804,7 @@ const useFormBlockHeight = () => {
                     return [A, w, M].map((E) => JSON.stringify(E)).join(",");
                   },
                   getSubscriber(x, S, m, r, i),
-                  { fireImmediately: !0 }
+                  { fireImmediately: !0, equals: _.isEqual }
                 )
               );
             });
@@ -35678,40 +35696,71 @@ const InternalGridCardBlockProvider = (e) => {
 GridCard.Item = GridCardItem;
 GridCard.Designer = GridCardDesigner;
 GridCard.Decorator = GridCardBlockProvider;
+const { Search } = Input$3, useStyle = (e) => createStyles(({ css: t }) => ({
+  popoverContent: t`
+        width: 26em;
+        ${!e && "max-"}height: 20em;
+        overflow-y: auto;
+      `
+}))();
 function IconField(e) {
-  const t = useFormLayout(), { value: o, onChange: n, disabled: r } = e, [i, a] = useState(!1), { t: l } = useTranslation();
+  const { fontSizeHeading3: t } = theme.useToken().token, o = [...icons.keys()], n = useFormLayout(), { value: r, onChange: i, disabled: a, iconSize: l = t, searchable: c = !0 } = e, [u, d] = useState(!1), [p, m] = useState(o), { t: h } = useTranslation(), { styles: x } = useStyle(c), f = debounce((C) => {
+    var b;
+    const S = (b = C == null ? void 0 : C.trim()) != null ? b : "";
+    m(
+      S.length ? o.filter((y) => y.split(" ").some((F) => F.includes(S))) : o
+    );
+  }, 250);
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Space$1.Compact, { children: [
     /* @__PURE__ */ jsx(
       StablePopover,
       {
         placement: "bottom",
-        open: i,
-        onOpenChange: (c) => {
-          r || a(c);
+        open: u,
+        onOpenChange: (C) => {
+          a || d(C);
         },
-        content: /* @__PURE__ */ jsx("div", { style: { width: "26em", maxHeight: "20em", overflowY: "auto" }, children: [...icons.keys()].map((c) => /* @__PURE__ */ jsx(
+        content: /* @__PURE__ */ jsx("div", { className: x.popoverContent, children: p.length === 0 ? /* @__PURE__ */ jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE }) : p.map((C) => /* @__PURE__ */ jsx(
           "span",
           {
-            style: { fontSize: 18, marginRight: 10, cursor: "pointer" },
+            title: C.replace(/outlined|filled|twotone$/i, ""),
+            style: { fontSize: l, marginRight: 10, cursor: "pointer" },
             onClick: () => {
-              n(c), a(!1);
+              i(C), d(!1);
             },
-            children: /* @__PURE__ */ jsx(Icon, { type: c })
+            children: /* @__PURE__ */ jsx(Icon, { type: C })
           },
-          c
+          C
         )) }),
-        title: l("Icon"),
+        title: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { children: h("Icon") }),
+          c && /* @__PURE__ */ jsx(
+            Search,
+            {
+              style: { marginTop: 8 },
+              role: "search",
+              name: "icon-search",
+              placeholder: h("Search"),
+              allowClear: !0,
+              onSearch: f,
+              onChange: (C) => {
+                var S;
+                return f((S = C.target) == null ? void 0 : S.value);
+              }
+            }
+          )
+        ] }),
         trigger: "click",
-        children: /* @__PURE__ */ jsx(Button, { size: t.size, disabled: r, children: hasIcon(o) ? /* @__PURE__ */ jsx(Icon, { type: o }) : l("Select icon") })
+        children: /* @__PURE__ */ jsx(Button, { size: n.size, disabled: a, children: hasIcon(r) ? /* @__PURE__ */ jsx(Icon, { type: r }) : h("Select icon") })
       }
     ),
-    o && !r && /* @__PURE__ */ jsx(
+    r && !a && /* @__PURE__ */ jsx(
       Button,
       {
-        size: t.size,
+        size: n.size,
         icon: /* @__PURE__ */ jsx(CloseOutlined, {}),
-        onClick: (c) => {
-          n(null);
+        onClick: (C) => {
+          i(null);
         }
       }
     )
@@ -48409,9 +48458,9 @@ class ViewCollectionTemplate extends CollectionTemplate {
         }
       },
       filterTargetKey: {
-        title: '{{ t("Filter target key")}}',
+        title: '{{ t("Record unique key")}}',
         type: "single",
-        description: '{{t( "Filter data based on the specific field, with the requirement that the field value must be unique.")}}',
+        description: '{{t( "If a collection lacks a primary key, you must configure a unique record key to locate row records within a block, failure to configure this will prevent the creation of data blocks for the collection.")}}',
         "x-decorator": "FormItem",
         "x-component": "Select",
         "x-reactions": ["{{useAsyncDataSource(loadFilterTargetKeys)}}"]
@@ -48486,9 +48535,9 @@ class SqlCollectionTemplate extends CollectionTemplate {
       }
     }, getConfigurableProperties("category")), {
       filterTargetKey: {
-        title: '{{ t("Filter target key")}}',
+        title: '{{ t("Record unique key")}}',
         type: "single",
-        description: '{{t( "Filter data based on the specific field, with the requirement that the field value must be unique.")}}',
+        description: '{{t( "If a collection lacks a primary key, you must configure a unique record key to locate row records within a block, failure to configure this will prevent the creation of data blocks for the collection.")}}',
         "x-decorator": "FormItem",
         "x-component": "Select",
         "x-reactions": ["{{useAsyncDataSource(loadFilterTargetKeys)}}"]

package/es/schema-component/antd/icon-picker/IconPicker.d.ts

@@ -12,6 +12,8 @@ export interface IconPickerProps {
     onChange?: (value: string) => void;
     disabled?: boolean;
     suffix?: React.ReactNode;
+    iconSize?: number;
+    searchable?: boolean;
 }
 export declare const IconPicker: React.ForwardRefExoticComponent<Partial<IconPickerProps> & React.RefAttributes<unknown>>;
 export default IconPicker;