@nocobase/client 1.2.26-alpha → 1.2.28-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, Result, Button, Select as Select$1, theme, App, ConfigProvider, Popover, Menu as Menu$1, Switch, Divider, 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, InputNumber as InputNumber$1, DatePicker as DatePicker$1, 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, List as List$1, Col, QRCode, Pagination as Pagination$1, TimePicker as TimePicker$1, Row, Popconfirm, Layout } from "antd";
+import { notification, Spin, message, Tag, Result, Button, Select as Select$1, theme, App, ConfigProvider, Popover, Menu as Menu$1, Switch, Divider, 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, DatePicker as DatePicker$1, InputNumber as InputNumber$1, 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, List as List$1, Col, 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, isReactElement, each } from "@formily/shared";
 import * as ahooks from "ahooks";
@@ -3965,7 +3965,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version$1 = "1.2.26-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.28-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",
@@ -3986,9 +3986,9 @@ const name = "@nocobase/client", version$1 = "1.2.26-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.26-alpha",
-  "@nocobase/sdk": "1.2.26-alpha",
-  "@nocobase/utils": "1.2.26-alpha",
+  "@nocobase/evaluators": "1.2.28-alpha",
+  "@nocobase/sdk": "1.2.28-alpha",
+  "@nocobase/utils": "1.2.28-alpha",
   ahooks: "^3.7.2",
   antd: "^5.12.8",
   "antd-style": "3.4.5",
@@ -21823,7 +21823,65 @@ const Action$1 = Action, ActionBarContext = React.createContext({
     (l) => (l = l ? `-${l}` : "", `popover-${o}${r}${i}${l}`),
     [r, o, i]
   ) };
-}, StablePopover = (e) => {
+}, ReadPretty$c = () => null;
+ReadPretty$c.DatePicker = function e(t) {
+  const o = usePrefixCls$1("description-date-picker", t);
+  if (!t.value)
+    return /* @__PURE__ */ jsx("div", {});
+  const n = () => {
+    const r = getDefaultFormat(t), i = str2moment(t.value, t), a = dayjs.isDayjs(i) ? i.format(r) : "";
+    return isArr(a) ? a.join("~") : a;
+  };
+  return /* @__PURE__ */ jsx("div", { className: cls(o, t.className), children: n() });
+};
+ReadPretty$c.DateRangePicker = function e(t) {
+  const o = usePrefixCls$1("description-text", t), n = getDefaultFormat(t), r = () => {
+    const i = str2moment(t.value, t);
+    if (!i)
+      return "";
+    const a = i.map((l) => l.format(n));
+    return isArr(a) ? a.join("~") : a;
+  };
+  return /* @__PURE__ */ jsx("div", { className: cls(o, t.className), style: t.style, children: r() });
+};
+const DatePickerContext = React.createContext({ utc: !0 }), useDatePickerContext = () => React.useContext(DatePickerContext), DatePickerProvider = DatePickerContext.Provider, InternalDatePicker = connect(
+  DatePicker$1,
+  mapProps(mapDatePicker()),
+  mapReadPretty(ReadPretty$c.DatePicker)
+), InternalRangePicker = connect(
+  DatePicker$1.RangePicker,
+  mapProps(mapRangePicker()),
+  mapReadPretty(ReadPretty$c.DateRangePicker)
+), DatePicker = (e) => {
+  const { utc: t = !0 } = useDatePickerContext(), o = Array.isArray(e.value) ? e.value[0] : e.value, n = g({ utc: t }, e);
+  return /* @__PURE__ */ jsx(InternalDatePicker, F(g({}, n), { value: o }));
+};
+DatePicker.ReadPretty = ReadPretty$c.DatePicker;
+DatePicker.RangePicker = function e(t) {
+  const { t: o } = useTranslation(), { utc: n = !0 } = useDatePickerContext(), r = getDateRanges(), i = [
+    { label: o("Today"), value: r.today },
+    { label: o("Last week"), value: r.lastWeek },
+    { label: o("This week"), value: r.thisWeek },
+    { label: o("Next week"), value: r.nextWeek },
+    { label: o("Last month"), value: r.lastMonth },
+    { label: o("This month"), value: r.thisMonth },
+    { label: o("Next month"), value: r.nextMonth },
+    { label: o("Last quarter"), value: r.lastQuarter },
+    { label: o("This quarter"), value: r.thisQuarter },
+    { label: o("Next quarter"), value: r.nextQuarter },
+    { label: o("Last year"), value: r.lastYear },
+    { label: o("This year"), value: r.thisYear },
+    { label: o("Next year"), value: r.nextYear },
+    { label: o("Last 7 days"), value: r.last7Days },
+    { label: o("Next 7 days"), value: r.next7Days },
+    { label: o("Last 30 days"), value: r.last30Days },
+    { label: o("Next 30 days"), value: r.next30Days },
+    { label: o("Last 90 days"), value: r.last90Days },
+    { label: o("Next 90 days"), value: r.next90Days }
+  ], a = g({ utc: n, presets: i }, t);
+  return /* @__PURE__ */ jsx(InternalRangePicker, g({}, a));
+};
+const StablePopover = (e) => {
   const t = useRef(null), o = useCallback((r) => {
     t.current = r.target;
   }, []), n = useCallback(
@@ -21868,7 +21926,7 @@ const FilterAction = withDynamicSchemaProps(
         onOpenChange: h,
         trigger: "click",
         content: /* @__PURE__ */ jsx("form", { children: /* @__PURE__ */ jsxs(FormProvider, { form: c, children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(DatePickerProvider, { value: { utc: !1 }, children: /* @__PURE__ */ jsx(
             SchemaComponent,
             {
               schema: {
@@ -21884,7 +21942,7 @@ const FilterAction = withDynamicSchemaProps(
                 }
               }
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -30306,7 +30364,7 @@ function getCurrentOptions(e, t, o) {
   }
   return i(n);
 }
-const ReadPretty$c = observer$1(
+const ReadPretty$b = observer$1(
   (e) => {
     var a;
     const t = g(g({}, defaultFieldNames$1), e.fieldNames), o = useField(), n = useCollectionField(), r = o.dataSource || e.options || (n == null ? void 0 : n.uiSchema.enum) || [], i = getCurrentOptions(o.value, r, t);
@@ -30437,10 +30495,10 @@ const ReadPretty$c = observer$1(
       suffixIcon: t != null && t.loading || t != null && t.validating ? /* @__PURE__ */ jsx(LoadingOutlined, {}) : e.suffixIcon
     })
   ),
-  mapReadPretty(ReadPretty$c)
+  mapReadPretty(ReadPretty$b)
 ), Select = InternalSelect;
-Select.ReadPretty = ReadPretty$c;
-const getValues = (e, t) => castArray(e).filter((o) => o != null).map((o) => typeof o == "object" ? o[t.value] : o), ReadPretty$b = observer$1(
+Select.ReadPretty = ReadPretty$b;
+const getValues = (e, t) => castArray(e).filter((o) => o != null).map((o) => typeof o == "object" ? o[t.value] : o), ReadPretty$a = observer$1(
   (e) => {
     const t = g(g({}, defaultFieldNames$1), e.fieldNames), o = useField(), n = useFieldSchema(), r = useRecord(), { snapshot: i } = useActionContext(), { data: a } = useRequest(
       i ? () => V(void 0, null, function* () {
@@ -30624,9 +30682,9 @@ const getValues = (e, t) => castArray(e).filter((o) => o != null).map((o) => typ
       });
     }
   ),
-  mapReadPretty(ReadPretty$b)
+  mapReadPretty(ReadPretty$a)
 ), RemoteSelect = InternalRemoteSelect;
-RemoteSelect.ReadPretty = ReadPretty$b;
+RemoteSelect.ReadPretty = ReadPretty$a;
 const useFormDataTemplates = () => {
   const e = useFieldSchema(), { t } = useTranslation(), { duplicateData: o } = useFormBlockContext(), { getCollectionJoinField: n } = useCollectionManager_deprecated();
   if (o)
@@ -32575,7 +32633,7 @@ function InternalUpload(e) {
   );
   return /* @__PURE__ */ jsx(Upload$1, F(g({}, useUploadProps(o)), { onChange: n }));
 }
-function ReadPretty$a({ value: e, onChange: t, disabled: o, multiple: n, size: r }) {
+function ReadPretty$9({ value: e, onChange: t, disabled: o, multiple: n, size: r }) {
   const { wrapSSR: i, hashId: a, componentCls: l } = useStyles$8();
   return (useUploadStyle.default ? useUploadStyle.default : useUploadStyle)(l), i(
     /* @__PURE__ */ jsx(
@@ -32598,9 +32656,9 @@ const Upload = connect(
   mapProps({
     value: "fileList"
   }),
-  mapReadPretty(ReadPretty$a)
+  mapReadPretty(ReadPretty$9)
 );
-Upload.ReadPretty = ReadPretty$a;
+Upload.ReadPretty = ReadPretty$9;
 function useSizeHint(e) {
   const t = e != null ? e : FILE_SIZE_LIMIT_DEFAULT, { t: o, i18n: n } = useTranslation(), r = filesize(t, { base: 2, standard: "jedec", locale: n.language });
   return t !== 0 ? o("File size should not exceed {{size}}.", { size: r }) : "";
@@ -32870,7 +32928,7 @@ function Attachment(e) {
     ] }) })
   );
 }
-Attachment.ReadPretty = ReadPretty$a;
+Attachment.ReadPretty = ReadPretty$9;
 Upload.Attachment = withDynamicSchemaProps(connect(Attachment, mapReadPretty(Attachment.ReadPretty)), {
   displayName: "Upload.Attachment"
 });
@@ -34288,7 +34346,7 @@ const CreateRecordAction$1 = forwardRef(InternalCreateRecordAction), initializer
     ] });
   },
   { displayName: "ReadPrettyAssociationField" }
-), ReadPretty$9 = observer$1(
+), ReadPretty$8 = observer$1(
   (e) => /* @__PURE__ */ jsx(AssociationFieldProvider, { children: /* @__PURE__ */ jsx(ReadPrettyAssociationField, g({}, e)) }),
   { displayName: "ReadPretty" }
 ), ColumnFieldProvider = observer$1(
@@ -34882,14 +34940,14 @@ const useTableColumns$1 = (e) => {
     ] });
   },
   { displayName: "SubTable" }
-), AssociationField = connect(Editable$1, mapReadPretty(ReadPretty$9));
+), AssociationField = connect(Editable$1, mapReadPretty(ReadPretty$8));
 AssociationField.SubTable = SubTable;
 AssociationField.Nester = Nester;
 AssociationField.AddNewer = Action.Container;
 AssociationField.Selector = Action.Container;
 AssociationField.Viewer = Action.Container;
 AssociationField.InternalSelect = InternalPicker;
-AssociationField.ReadPretty = ReadPretty$9;
+AssociationField.ReadPretty = ReadPretty$8;
 function useServiceOptions(e) {
   const { action: t = "list", service: o, fieldNames: n } = e, r = (o == null ? void 0 : o.params) || {}, i = useFieldSchema(), { getField: a } = useCollection_deprecated(), { getCollectionFields: l } = useCollectionManager_deprecated(), c = useRecord(), u = useCallback(
     (f) => f && typeof f == "object" ? f[n.value] : f,
@@ -34930,7 +34988,7 @@ function useServiceOptions(e) {
     params: F(g({}, o == null ? void 0 : o.params), { filter: h })
   }), [p == null ? void 0 : p.target, t, h, o]);
 }
-const ReadPretty$8 = observer$1(
+const ReadPretty$7 = observer$1(
   (e) => {
     const t = useServiceOptions(e);
     return useFieldTitle(), /* @__PURE__ */ jsx(RemoteSelect.ReadPretty, F(g({}, e), { service: t }));
@@ -34965,7 +35023,7 @@ const ReadPretty$8 = observer$1(
       suffixIcon: t != null && t.loading || t != null && t.validating ? /* @__PURE__ */ jsx(LoadingOutlined, {}) : e.suffixIcon
     })
   ),
-  mapReadPretty(ReadPretty$8)
+  mapReadPretty(ReadPretty$7)
 ), AssociationSelect = InternalAssociationSelect;
 AssociationSelect.Designer = function e() {
   var j, B, T, D, $, q, E, G, U, K, Y;
@@ -35709,7 +35767,7 @@ const blockDeleteSettings = new SchemaSettings({
   label: "label",
   value: "value",
   children: "children"
-}, ReadPretty$7 = (e) => {
+}, ReadPretty$6 = (e) => {
   const { fieldNames: t = defaultFieldNames } = e, o = toArr$3(e.value), n = o.length;
   let i = useField().dataSource;
   const a = [];
@@ -35795,10 +35853,10 @@ const blockDeleteSettings = new SchemaSettings({
         suffixIcon: t != null && t.loading || t != null && t.validating ? /* @__PURE__ */ jsx(LoadingOutlined, {}) : e.suffixIcon
       })
     ),
-    mapReadPretty(ReadPretty$7)
+    mapReadPretty(ReadPretty$6)
   ),
   { displayName: "Cascader" }
-), ReadPretty$6 = (e) => e.value ? /* @__PURE__ */ jsx(CheckOutlined, { style: { color: "#52c41a" } }) : e.showUnchecked ? /* @__PURE__ */ jsx(CloseOutlined, { style: { color: "#ff4d4f" } }) : null, Checkbox = connect(
+), ReadPretty$5 = (e) => e.value ? /* @__PURE__ */ jsx(CheckOutlined, { style: { color: "#52c41a" } }) : e.showUnchecked ? /* @__PURE__ */ jsx(CloseOutlined, { style: { color: "#ff4d4f" } }) : null, Checkbox = connect(
   (e) => {
     const t = (o) => {
       e == null || e.onChange(o);
@@ -35809,10 +35867,10 @@ const blockDeleteSettings = new SchemaSettings({
     value: "checked",
     onInput: "onChange"
   }),
-  mapReadPretty(ReadPretty$6)
+  mapReadPretty(ReadPretty$5)
 );
 Checkbox.displayName = "Checkbox";
-Checkbox.ReadPretty = ReadPretty$6;
+Checkbox.ReadPretty = ReadPretty$5;
 Checkbox.ReadPretty.displayName = "Checkbox.ReadPretty";
 Checkbox.__ANT_CHECKBOX = !0;
 Checkbox.Group = connect(
@@ -36061,7 +36119,7 @@ const DataSourceSelect = connect((e) => {
       children: /* @__PURE__ */ jsx(Cron$1, g({ setValue: t, locale: window.cronLocale }, o))
     }
   );
-}, ReadPretty$5 = (e) => {
+}, ReadPretty$4 = (e) => {
   const o = useAPIClient().auth.getLocale(), n = useMemo(() => {
     try {
       return cronstrue.toString(e.value, {
@@ -36073,8 +36131,8 @@ const DataSourceSelect = connect((e) => {
     }
   }, [e.value]);
   return e.value ? /* @__PURE__ */ jsx("span", { children: n }) : null;
-}, Cron = connect(Input, mapReadPretty(ReadPretty$5));
-Cron.ReadPretty = ReadPretty$5;
+}, Cron = connect(Input, mapReadPretty(ReadPretty$4));
+Cron.ReadPretty = ReadPretty$4;
 const CronSetInternal = (e) => {
   var m;
   const { onChange: t, value: o } = e, { getField: n } = useCollection_deprecated(), r = useFieldSchema(), i = (m = n(r == null ? void 0 : r.name)) == null ? void 0 : m.uiSchema.enum, a = useCompile(), [l, c] = useState({
@@ -36117,72 +36175,14 @@ const CronSetInternal = (e) => {
       }
     ) : null
   ] });
-}, ReadPretty$4 = (e) => {
+}, ReadPretty$3 = (e) => {
   var c;
   const { value: t } = e, o = useCompile(), n = useFieldSchema(), { getField: r } = useCollection_deprecated(), i = (c = r(n == null ? void 0 : n.name)) == null ? void 0 : c.uiSchema.enum, a = useMemo(() => (e.options || []).concat(i || []), [e.options]), l = useMemo(() => {
     var u;
     return t && ((u = a == null ? void 0 : a.find((d) => d.value === t)) == null ? void 0 : u.label);
   }, [a, t]);
   return /* @__PURE__ */ jsx(EllipsisWithTooltip, { ellipsis: !0, children: t && (l ? o(l) : /* @__PURE__ */ jsx(Cron.ReadPretty, g({}, e))) });
-}, CronSet = connect(CronSetInternal, mapReadPretty(ReadPretty$4)), ReadPretty$3 = () => null;
-ReadPretty$3.DatePicker = function e(t) {
-  const o = usePrefixCls$1("description-date-picker", t);
-  if (!t.value)
-    return /* @__PURE__ */ jsx("div", {});
-  const n = () => {
-    const r = getDefaultFormat(t), i = str2moment(t.value, t), a = dayjs.isDayjs(i) ? i.format(r) : "";
-    return isArr(a) ? a.join("~") : a;
-  };
-  return /* @__PURE__ */ jsx("div", { className: cls(o, t.className), children: n() });
-};
-ReadPretty$3.DateRangePicker = function e(t) {
-  const o = usePrefixCls$1("description-text", t), n = getDefaultFormat(t), r = () => {
-    const i = str2moment(t.value, t);
-    if (!i)
-      return "";
-    const a = i.map((l) => l.format(n));
-    return isArr(a) ? a.join("~") : a;
-  };
-  return /* @__PURE__ */ jsx("div", { className: cls(o, t.className), style: t.style, children: r() });
-};
-const DatePickerContext = React.createContext({ utc: !0 }), useDatePickerContext = () => React.useContext(DatePickerContext), DatePickerProvider = DatePickerContext.Provider, InternalDatePicker = connect(
-  DatePicker$1,
-  mapProps(mapDatePicker()),
-  mapReadPretty(ReadPretty$3.DatePicker)
-), InternalRangePicker = connect(
-  DatePicker$1.RangePicker,
-  mapProps(mapRangePicker()),
-  mapReadPretty(ReadPretty$3.DateRangePicker)
-), DatePicker = (e) => {
-  const { utc: t = !0 } = useDatePickerContext(), o = Array.isArray(e.value) ? e.value[0] : e.value, n = g({ utc: t }, e);
-  return /* @__PURE__ */ jsx(InternalDatePicker, F(g({}, n), { value: o }));
-};
-DatePicker.ReadPretty = ReadPretty$3.DatePicker;
-DatePicker.RangePicker = function e(t) {
-  const { t: o } = useTranslation(), { utc: n = !0 } = useDatePickerContext(), r = getDateRanges(), i = [
-    { label: o("Today"), value: r.today },
-    { label: o("Last week"), value: r.lastWeek },
-    { label: o("This week"), value: r.thisWeek },
-    { label: o("Next week"), value: r.nextWeek },
-    { label: o("Last month"), value: r.lastMonth },
-    { label: o("This month"), value: r.thisMonth },
-    { label: o("Next month"), value: r.nextMonth },
-    { label: o("Last quarter"), value: r.lastQuarter },
-    { label: o("This quarter"), value: r.thisQuarter },
-    { label: o("Next quarter"), value: r.nextQuarter },
-    { label: o("Last year"), value: r.lastYear },
-    { label: o("This year"), value: r.thisYear },
-    { label: o("Next year"), value: r.nextYear },
-    { label: o("Last 7 days"), value: r.last7Days },
-    { label: o("Next 7 days"), value: r.next7Days },
-    { label: o("Last 30 days"), value: r.last30Days },
-    { label: o("Next 30 days"), value: r.next30Days },
-    { label: o("Last 90 days"), value: r.last90Days },
-    { label: o("Next 90 days"), value: r.next90Days }
-  ], a = g({ utc: n, presets: i }, t);
-  return /* @__PURE__ */ jsx(InternalRangePicker, g({}, a));
-};
-const Details = withDynamicSchemaProps(
+}, CronSet = connect(CronSetInternal, mapReadPretty(ReadPretty$3)), Details = withDynamicSchemaProps(
   (e) => {
     var o;
     const t = useDataBlockRequest();
@@ -43208,6 +43208,14 @@ const getSchema$4 = (e, t, o) => {
         },
         title: '{{ t("Edit collection") }}',
         properties: F(g({}, r), {
+          filterTargetKey: {
+            title: '{{ t("Record unique key")}}',
+            type: "single",
+            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)}}"]
+          },
           footer: {
             type: "void",
             "x-component": "Action.Drawer.Footer",