@nocobase/client 2.0.31 → 2.0.32

package/es/flow/models/blocks/details/DetailsItemModel.d.ts

@@ -17,6 +17,13 @@ import { DetailsGridModel } from './DetailsGridModel';
  * @param idx Form.List 的索引
  */
 export declare function getValueWithIndex(record: any, fieldPath: string, idx?: string[]): any;
+export declare function getDetailsItemValue(options: {
+    record: any;
+    currentObject?: any;
+    fieldPath: string;
+    prefixFieldPath?: string;
+    idx?: string[];
+}): any;
 export declare class DetailsItemModel extends DisplayItemModel<{
     parent: DetailsGridModel;
     subModels: {

package/es/index.mjs

@@ -80,7 +80,7 @@ import { ErrorBoundary } from "react-error-boundary";
 import * as reactI18next from "react-i18next";
 import { useTranslation, initReactI18next, Trans, I18nextProvider } from "react-i18next";
 import * as nocobaseSDK from "@nocobase/sdk";
-import { APIClient as APIClient$1, getSubAppName } from "@nocobase/sdk";
+import { APIClient as APIClient$1, hasHeaderValue, getSubAppName } from "@nocobase/sdk";
 import get$1 from "lodash/get";
 import merge$1 from "lodash/merge";
 import set$1 from "lodash/set";
@@ -3777,6 +3777,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get getDefaultOperator() {
     return getDefaultOperator;
   },
+  get getDetailsItemValue() {
+    return getDetailsItemValue;
+  },
   get getDisplayNumber() {
     return getDisplayNumber;
   },
@@ -5280,7 +5283,7 @@ class APIClient extends APIClient$1 {
       o.headers["X-With-ACL-Meta"] = !0;
       const n = this.getHeaders();
       return Object.keys(n).forEach((r) => {
-        o.headers[r] = o.headers[r] || n[r];
+        hasHeaderValue(o.headers, r) || (o.headers[r] = n[r]);
       }), o;
     }), super.interceptors(), this.useNotificationMiddleware(), this.axios.interceptors.response.use(
       (o) => o,
@@ -9964,7 +9967,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version = "2.0.31", license = "Apache-2.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
+const name = "@nocobase/client", version = "2.0.32", license = "Apache-2.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",
@@ -9987,10 +9990,10 @@ const name = "@nocobase/client", version = "2.0.31", license = "Apache-2.0", mai
   "@formily/reactive-react": "^2.2.27",
   "@formily/shared": "^2.2.27",
   "@formily/validator": "^2.2.27",
-  "@nocobase/evaluators": "2.0.31",
-  "@nocobase/flow-engine": "2.0.31",
-  "@nocobase/sdk": "2.0.31",
-  "@nocobase/utils": "2.0.31",
+  "@nocobase/evaluators": "2.0.32",
+  "@nocobase/flow-engine": "2.0.32",
+  "@nocobase/sdk": "2.0.32",
+  "@nocobase/utils": "2.0.32",
   "@tanstack/react-table": "^8.21.3",
   "@types/tabulator-tables": "^6.2.6",
   "acorn-jsx": "^5.3.2",
@@ -79468,6 +79471,18 @@ function getValueWithIndex(e, t, o) {
   }
   return get(e, r);
 }
+function getDetailsItemValue(e) {
+  const { record: t, currentObject: o, fieldPath: n, prefixFieldPath: r, idx: i } = e, a = getValueWithIndex(t, n, i);
+  if (a !== void 0 || o == null)
+    return a;
+  if (r && n === r)
+    return o;
+  const l = r && n.startsWith(`${r}.`) ? n.slice(r.length + 1) : n;
+  return l ? get(o, l) : o;
+}
+function normalizeDetailsAssociationValue(e, t) {
+  return !isToManyAssociationField(e) || Array.isArray(t) ? t : t && typeof t == "object" && Array.isArray(t.rows) ? t.rows : t == null ? [] : [t];
+}
 class DetailsItemModel extends DisplayItemModel {
   static defineChildren(t) {
     const o = t.collection;
@@ -79513,29 +79528,38 @@ class DetailsItemModel extends DisplayItemModel {
     });
   }
   renderItem() {
-    const t = this.subModels.field, o = this.context.fieldIndex, n = this.context.record, r = this.context.currentObject, i = this.context.item, a = this.context.getPropertyOptions("item"), l = o != null ? (() => {
-      const d = t.createFork({}, `${o}`);
-      d.context.defineProperty("fieldIndex", {
+    const t = this.subModels.field, o = this.context.fieldIndex, n = this.context.record, r = this.context.currentObject, i = this.context.item, a = this.context.getPropertyOptions("item"), l = this.context.prefixFieldPath, c = o != null ? (() => {
+      const p = t.createFork({}, `${o}`);
+      p.context.defineProperty("fieldIndex", {
         get: () => o
-      }), d.context.defineProperty("record", {
+      }), p.context.defineProperty("record", {
         get: () => n,
         cache: !1
-      }), d.context.defineProperty("currentObject", {
+      }), p.context.defineProperty("currentObject", {
         get: () => r,
         cache: !1
       });
-      const h = a || {}, { value: p } = h, m = ee(h, ["value"]);
-      return d.context.defineProperty("item", A(x({}, m), {
+      const g = a || {}, { value: m } = g, h = ee(g, ["value"]);
+      return p.context.defineProperty("item", A(x({}, h), {
         get: () => i,
         cache: !1
-      })), this.context.pattern && d.context.defineProperty("pattern", {
+      })), this.context.pattern && p.context.defineProperty("pattern", {
         get: () => this.context.pattern
-      }), d;
-    })() : t, c = this.context.pattern ? A(x(x({}, this.context.blockModel.props), this.props), {
+      }), p;
+    })() : t, u = this.context.pattern ? A(x(x({}, this.context.blockModel.props), this.props), {
       pattern: this.context.pattern,
       disabled: this.context.pattern === "readPretty"
-    }) : x(x({}, this.context.blockModel.props), this.props), u = getValueWithIndex(n, this.fieldPath, o);
-    return /* @__PURE__ */ jsx(FormItem$2, A(x({}, c), { value: u, children: /* @__PURE__ */ jsx(FieldModelRenderer, { model: l }) }));
+    }) : x(x({}, this.context.blockModel.props), this.props), d = normalizeDetailsAssociationValue(
+      this.collectionField,
+      getDetailsItemValue({
+        record: n,
+        currentObject: r,
+        fieldPath: this.fieldPath,
+        prefixFieldPath: l,
+        idx: o
+      })
+    );
+    return /* @__PURE__ */ jsx(FormItem$2, A(x({}, u), { value: d, children: /* @__PURE__ */ jsx(FieldModelRenderer, { model: c }) }));
   }
 }
 DetailsItemModel.define({
@@ -84131,16 +84155,20 @@ const LargeFieldEdit = observer((a) => {
       )
     }
   );
-}), handleModelName = (e) => ["RadioGroupFieldModel", "CheckboxGroupFieldModel"].includes(e) ? "SelectFieldModel" : e, MemoFieldRenderer = React.memo(FieldModelRenderer, (e, t) => e.value === t.value && e.model === t.model), FieldModelRendererOptimize = React.memo((e) => {
+}), handleModelName = (e) => ["RadioGroupFieldModel", "CheckboxGroupFieldModel"].includes(e) ? "SelectFieldModel" : e, MemoFieldRenderer = React.memo(FieldModelRenderer, (e, t) => e.value === t.value && e.model === t.model);
+function shouldCommitImmediately(e) {
+  return Array.isArray(e) ? !0 : e && typeof e == "object" ? !("target" in e) : !1;
+}
+const FieldModelRendererOptimize = React.memo((e) => {
   const c = e, { model: t, onChange: o, value: n } = c, r = ee(c, ["model", "onChange", "value"]), i = React.useRef(e == null ? void 0 : e.value);
   useEffect(() => {
     i.current = n;
   }, [n]);
   const a = React.useCallback(
     (u) => {
-      i.current = u;
+      i.current = u, shouldCommitImmediately(u) && (o == null || o(u));
     },
-    [t]
+    [o]
   ), l = React.useCallback(() => {
     o == null || o(i.current);
   }, [o]);
@@ -95801,6 +95829,7 @@ const models = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   formatNumber,
   getAllDataModels,
   getDefaultOperator,
+  getDetailsItemValue,
   getDisplayNumber,
   getValueWithIndex,
   injectRecordPickerPopupContext,
@@ -108678,6 +108707,7 @@ export {
   getDatePickerLabels,
   getDateRanges,
   getDefaultOperator,
+  getDetailsItemValue,
   getDisplayNumber,
   getFieldDefaultValue,
   getFlowPageMenuSchema,