@nocobase/client 1.8.18 → 1.8.20

package/es/index.mjs

@@ -8771,7 +8771,7 @@ function addAppVersion(e, t) {
       addAppVersion((o = e.properties) == null ? void 0 : o[n], t);
     }), e;
 }
-const name = "@nocobase/client", version = "1.8.18", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
+const name = "@nocobase/client", version = "1.8.20", 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",
@@ -8792,9 +8792,9 @@ const name = "@nocobase/client", version = "1.8.18", license = "AGPL-3.0", main
   "@formily/reactive-react": "^2.2.27",
   "@formily/shared": "^2.2.27",
   "@formily/validator": "^2.2.27",
-  "@nocobase/evaluators": "1.8.18",
-  "@nocobase/sdk": "1.8.18",
-  "@nocobase/utils": "1.8.18",
+  "@nocobase/evaluators": "1.8.20",
+  "@nocobase/sdk": "1.8.20",
+  "@nocobase/utils": "1.8.20",
   ahooks: "^3.7.2",
   antd: "5.24.2",
   "antd-style": "3.7.1",
@@ -22514,8 +22514,8 @@ const HeightMode = {
   );
   return useEventListener("resize", r), { height: o, width: e, tableSizeRefCallback: a };
 }, hasActionContainerInParentChain = (e) => {
-  var t;
-  return e ? e["x-component"] === "Action.Container" ? ((t = e == null ? void 0 : e.parent["x-component-props"]) == null ? void 0 : t.openMode) !== "page" : hasActionContainerInParentChain(e.parent) : null;
+  var t, n;
+  return e ? e["x-component"] === "Action.Container" ? ((n = (t = e == null ? void 0 : e.parent) == null ? void 0 : t["x-component-props"]) == null ? void 0 : n.openMode) !== "page" : hasActionContainerInParentChain(e.parent) : null;
 }, useFieldModeOptions = (e) => {
   var g;
   const { t } = useTranslation(), { getCollectionJoinField: n, getCollection: o } = useCollectionManager_deprecated(), r = useFieldSchema(), a = (e == null ? void 0 : e.fieldSchema) || r, i = useField(), l = useForm(), c = (a == null ? void 0 : a["x-read-pretty"]) || i.readPretty || l.readPretty, u = e == null ? void 0 : e.fieldSchema, { getField: d } = useCollection_deprecated(), p = (e == null ? void 0 : e.collectionField) || d(a.name) || n(a["x-collection-field"]), { label: m } = ((g = a["x-component-props"]) == null ? void 0 : g.fieldNames) || {};
@@ -23681,7 +23681,7 @@ function RawTextArea(e) {
       children: [
         /* @__PURE__ */ jsx(o, P(x({}, l), { ref: t })),
         /* @__PURE__ */ jsx(
-          Button.Group,
+          Space$1.Compact,
           {
             className: css`
           position: absolute;
@@ -29208,7 +29208,7 @@ const BlockItemCardContext = createContext({}), BlockItemCard = React.forwardRef
         }
       }
     )
-  ] }), b = /* @__PURE__ */ jsx(BlockItemCardContext.Provider, { value: { titleHeight: d }, children: /* @__PURE__ */ jsx(Card, P(x({ ref: n, bordered: !1, style: u }, c), { title: C, children: e })) });
+  ] }), b = /* @__PURE__ */ jsx(BlockItemCardContext.Provider, { value: { titleHeight: d }, children: /* @__PURE__ */ jsx(Card, P(x({ ref: n, variant: "borderless", style: u }, c), { title: C, children: e })) });
   return f ? /* @__PURE__ */ jsx(BlockLinkageRuleProvider, { children: b }) : b;
 });
 BlockItemCard.displayName = "BlockItemCard";
@@ -30671,8 +30671,8 @@ const SortableProvider = (e) => {
     }, i), {
       className: cx("nb-sortable-designer", e.className),
       ref: p,
-      style: m,
-      setNodeRef: p
+      style: m
+      // setNodeRef,
     }),
     r
   );
@@ -40251,12 +40251,12 @@ const RenderButtonInner = observer$1(
         (Y, G) => {
           var J = Y, { component: V = p || Button, icon: E, onlyIcon: z, children: H } = J, U = W(J, ["component", "icon", "onlyIcon", "children"]);
           return /* @__PURE__ */ jsxs(V, P(x({ ref: G }, U), { children: [
-            z ? /* @__PURE__ */ jsx(Tooltip, { title: U.title, children: /* @__PURE__ */ jsx("span", { style: { padding: 3 }, children: E && typeof E == "string" ? /* @__PURE__ */ jsx(Icon, { type: E }) : E }) }) : /* @__PURE__ */ jsx("span", { style: { paddingRight: 3 }, children: E && typeof E == "string" ? /* @__PURE__ */ jsx(Icon, { type: E }) : E }),
-            z ? H[1] : H
+            v ? /* @__PURE__ */ jsx(Tooltip, { title: U.title, children: /* @__PURE__ */ jsx("span", { style: { padding: 3 }, children: E && typeof E == "string" ? /* @__PURE__ */ jsx(Icon, { type: E }) : E }) }) : /* @__PURE__ */ jsx("span", { style: { paddingRight: 3 }, children: E && typeof E == "string" ? /* @__PURE__ */ jsx(Icon, { type: E }) : E }),
+            v ? H[1] : H
           ] }));
         }
       ),
-      [v]
+      [v, p]
     );
     if (!t && ((M = n == null ? void 0 : n.data) != null && M.hidden || !o))
       return null;
@@ -40277,7 +40277,6 @@ const RenderButtonInner = observer$1(
         className: cls(m, h, g, "nb-action"),
         type: f === "danger" ? void 0 : f,
         title: typeof B == "string" ? B : null,
-        onlyIcon: v,
         children: [
           !v && B && /* @__PURE__ */ jsx("span", { className: r ? "nb-action-title" : null, style: j, children: B }),
           /* @__PURE__ */ jsx(C, x({}, b))
@@ -40526,7 +40525,15 @@ const ReadPrettyInternal = observer$1(
       const l = x(x({}, defaultFieldNames$1), e.fieldNames), c = a.dataSource || e.options || (i == null ? void 0 : i.uiSchema.enum) || [], u = getCurrentOptions(a.value, c, l);
       if (!isValid(e.value) && !u.length || isArrayField(a) && ((p = a == null ? void 0 : a.value) == null ? void 0 : p.length) === 0)
         return;
-      const d = a.value !== null && u.map((m, h) => /* @__PURE__ */ jsx(Tag, { color: m[l.color], icon: m.icon, children: m[l.label] }, h));
+      const d = a.value !== null && u.map((m, h) => /* @__PURE__ */ jsx(
+        Tag,
+        {
+          color: m[l.color],
+          icon: typeof m.icon == "string" ? /* @__PURE__ */ jsx(Icon, { type: m.icon }) : m.icon,
+          children: m[l.label]
+        },
+        h
+      ));
       r(d), n(!1);
     }, [
       i == null ? void 0 : i.uiSchema.enum,
@@ -43629,9 +43636,13 @@ function matchMimetype(e, t) {
 }
 const toArr$1 = (e) => isValid(e) ? Object.keys(e).length === 0 ? [] : toArr$3(e) : [], testOpts = (e, t) => t && isArr(t.include) ? t.include.some((n) => e.test(n)) : t && isArr(t.exclude) ? !t.exclude.some((n) => e.test(n)) : !0;
 function getThumbnailPlaceholderURL(e, t = {}) {
-  for (let n = 0; n < UPLOAD_PLACEHOLDER.length; n++)
-    if (UPLOAD_PLACEHOLDER[n].ext.test(e.extname || e.filename || e.url || e.name))
+  for (let n = 0; n < UPLOAD_PLACEHOLDER.length; n++) {
+    const o = e.url ? new URL(
+      e.url.startsWith("http://") || e.url.startsWith("https://") ? e.url : `${location.origin}/${e.url.replace(/^\//, "")}`
+    ) : { pathname: e.filename };
+    if (UPLOAD_PLACEHOLDER[n].ext.test(e.extname || e.filename || o.pathname || e.name))
       return testOpts(UPLOAD_PLACEHOLDER[n].ext, t) ? UPLOAD_PLACEHOLDER[n].icon || UNKNOWN_FILE_ICON : e.name;
+  }
   return UNKNOWN_FILE_ICON;
 }
 function getResponseMessage({ error: e, response: t }) {
@@ -45713,11 +45724,13 @@ const CreateRecordAction$1 = forwardRef(InternalCreateRecordAction), initializer
   useAclCheck
 }, Symbol.toStringTag, { value: "Module" })), CreateRecordAction = observer$1(
   (e) => {
-    const t = useField(), n = useFieldSchema(), o = useActionContext(), { getCollection: r } = useCollectionManager_deprecated(), a = useInsertSchema$1("AddNewer"), { options: i } = useAssociationFieldContext(), [l, c] = useState(!1), u = r(i == null ? void 0 : i.target), [d, p] = useState(u == null ? void 0 : u.name), [m, h] = useState(u == null ? void 0 : u.dataSource), [g, f] = useState(!1), C = (b) => {
-      a(schema$1.AddNewer), c(!0), p(b.name), h(b.dataSource);
+    const t = useField(), n = useFieldSchema(), o = useActionContext(), { getCollection: r } = useCollectionManager_deprecated(), a = useInsertSchema$1("AddNewer"), { options: i } = useAssociationFieldContext(), [l, c] = useState(!1), u = r(i == null ? void 0 : i.target), [d, p] = useState(u == null ? void 0 : u.name), [m, h] = useState(u == null ? void 0 : u.dataSource), [g, f] = useState(!1), C = useMemo(() => n.reduceProperties((y, S) => S["x-component"] === "AssociationField.AddNewer" ? (Object.keys(S.parent.properties).forEach((v) => {
+      v !== S.name && S.parent.removeProperty(v);
+    }), S.parent) : y), [n]), b = (y) => {
+      a(schema$1.AddNewer), c(!0), p(y.name), h(y.dataSource);
     };
     return /* @__PURE__ */ jsxs(CollectionProvider_deprecated, { name: i == null ? void 0 : i.target, children: [
-      /* @__PURE__ */ jsx(CreateAction, P(x({}, e), { onClick: (b) => C(b) })),
+      /* @__PURE__ */ jsx(CreateAction, P(x({}, e), { onClick: (y) => b(y) })),
       /* @__PURE__ */ jsx(
         ActionContextProvider,
         {
@@ -45727,15 +45740,7 @@ const CreateRecordAction$1 = forwardRef(InternalCreateRecordAction), initializer
             formValueChanged: g,
             setFormValueChanged: f
           }),
-          children: /* @__PURE__ */ jsx(CollectionProvider_deprecated, { name: d, dataSource: m, children: /* @__PURE__ */ jsx(TabsContextProvider, { children: /* @__PURE__ */ jsx(
-            NocoBaseRecursionField,
-            {
-              onlyRenderProperties: !0,
-              basePath: t.address,
-              schema: n,
-              filterProperties: (b) => b["x-component"] === "AssociationField.AddNewer"
-            }
-          ) }) })
+          children: /* @__PURE__ */ jsx(CollectionProvider_deprecated, { name: d, dataSource: m, children: /* @__PURE__ */ jsx(TabsContextProvider, { children: /* @__PURE__ */ jsx(NocoBaseRecursionField, { basePath: t.address, schema: C }) }) })
         }
       )
     ] });
@@ -49408,7 +49413,9 @@ const NanoIDInput = Object.assign(
   return /* @__PURE__ */ jsx(Upload.ReadPretty, P(x({}, e), { value: t }));
 }), Editable = observer$1(
   (e) => {
-    const t = useField(), n = useRef(null), o = useFieldSchema(), r = t.value, { token: a } = useToken(), i = {
+    const t = useField(), n = useRef(null), o = useFieldSchema(), r = t.value, { token: a } = useToken();
+    o.required = t.required;
+    const i = {
       name: o.name,
       "x-collection-field": o["x-collection-field"],
       "x-component": "CollectionField",
@@ -49435,6 +49442,9 @@ const NanoIDInput = Object.assign(
               display: none;
             }
           `,
+        onOpenChange: (d) => {
+          d && t.validate();
+        },
         children: /* @__PURE__ */ jsx(
           "div",
           {