@nocobase/client 2.0.28 → 2.0.30

package/es/flow/models/fields/AssociationFieldModel/PopupSubTableFieldModel/actions/popupSubTableBeforeClose.d.ts

@@ -0,0 +1,25 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import type { FlowModel } from '@nocobase/flow-engine';
+import type { HookAPI } from 'antd/es/modal/useModal';
+type PopupBeforeClosePayload = {
+    result?: any;
+    force?: boolean;
+    ignoredDirtyFormModelUids?: string[];
+};
+type PopupViewLike = {
+    beforeClose?: (payload: PopupBeforeClosePayload) => Promise<boolean | void> | boolean | void;
+};
+export declare function bindPopupSubTableBeforeClose({ view, model, modal, t, }: {
+    view: PopupViewLike;
+    model?: FlowModel | null;
+    modal: Pick<HookAPI, 'confirm'>;
+    t: (key: string) => string;
+}): () => void;
+export {};

package/es/index.mjs

@@ -9964,7 +9964,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version = "2.0.28", 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.30", 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 +9987,10 @@ const name = "@nocobase/client", version = "2.0.28", 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.28",
-  "@nocobase/flow-engine": "2.0.28",
-  "@nocobase/sdk": "2.0.28",
-  "@nocobase/utils": "2.0.28",
+  "@nocobase/evaluators": "2.0.30",
+  "@nocobase/flow-engine": "2.0.30",
+  "@nocobase/sdk": "2.0.30",
+  "@nocobase/utils": "2.0.30",
   "@tanstack/react-table": "^8.21.3",
   "@types/tabulator-tables": "^6.2.6",
   "acorn-jsx": "^5.3.2",
@@ -24650,7 +24650,7 @@ function parseValue(e, t = {}) {
   if (o === "string") {
     const r = e.match(JT_VALUE_RE);
     if (r)
-      return r[1].split(".");
+      return r[1].trim().split(".");
     if (t.stringToDate && !Number.isNaN(Date.parse(e)))
       return "date";
   }
@@ -25262,7 +25262,7 @@ function useVariablesFromValue(e, t = ["{{", "}}"]) {
     if (!(e != null && e.trim()))
       return [];
     const n = new RegExp(`${t[0]}\\s*([^{}]+)\\s*${t[1]}`, "g"), r = e.match(n);
-    return (i = r == null ? void 0 : r.map((a) => a.replace(n, "$1"))) != null ? i : [];
+    return (i = r == null ? void 0 : r.map((a) => a.replace(n, "$1").trim())) != null ? i : [];
   }, [e, o]);
 }
 function TextArea(e) {
@@ -30630,7 +30630,7 @@ const useStyles$a = genStyleHook("nb-markdown", (e, { isDarkTheme: t }) => {
     }, t ? i : r)
   };
 }), parseMarkdown$1 = _.memoize((e) => L(void 0, null, function* () {
-  return e && (yield import("./md-oH2RssNY.mjs")).default.render(e);
+  return e && (yield import("./md-BbvRKckr.mjs")).default.render(e);
 }));
 function useParseMarkdown$1(e) {
   const [t, o] = useState(""), [n, r] = useState(!0);
@@ -72043,7 +72043,7 @@ BlockGridModel.registerFlow({
   }
 });
 const parseMarkdown = _.memoize((e) => L(void 0, null, function* () {
-  return e && (yield import("./md-BbvRKckr.mjs")).default.render(e);
+  return e && (yield import("./md-oH2RssNY.mjs")).default.render(e);
 }));
 function useParseMarkdown(e) {
   const [t, o] = useState(""), [n, r] = useState(!0);
@@ -73144,6 +73144,16 @@ const TABS_DESIGN_MODE_ROOT_CLASS_NAME = css`
   > .ant-tabs-nav .ant-tabs-tab {
     min-width: 54px;
   }
+
+  > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
+    display: block;
+    width: 100%;
+  }
+
+  > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn > [data-has-float-menu='true'] {
+    display: block;
+    width: 100%;
+  }
 `;
 class PageModel extends FlowModel {
   constructor() {
@@ -86377,6 +86387,66 @@ EditableItemModel.bindModelToInterface("CascadeSelectListFieldModel", ["m2m", "o
   isDefault: !0,
   order: 60
 });
+const POPUP_BEFORE_CLOSE_NEXT = Symbol("popupBeforeCloseNext");
+function visitModelTree(e, t) {
+  const o = e ? [e] : [], n = /* @__PURE__ */ new Set();
+  for (; o.length; ) {
+    const r = o.pop();
+    !(r != null && r.uid) || n.has(r.uid) || (n.add(r.uid), t(r), Object.values(r.subModels || {}).forEach((i) => {
+      Array.isArray(i) ? o.push(...i) : i && typeof i == "object" && o.push(i);
+    }));
+  }
+}
+function unlinkBeforeClose(e, t) {
+  let o, n = e.beforeClose;
+  for (; n; ) {
+    if (n === t) {
+      o ? o[POPUP_BEFORE_CLOSE_NEXT] = n[POPUP_BEFORE_CLOSE_NEXT] : e.beforeClose = n[POPUP_BEFORE_CLOSE_NEXT];
+      break;
+    }
+    if (!(POPUP_BEFORE_CLOSE_NEXT in n))
+      break;
+    o = n, n = n[POPUP_BEFORE_CLOSE_NEXT];
+  }
+}
+function bindPopupSubTableBeforeClose({
+  view: e,
+  model: t,
+  modal: o,
+  t: n
+}) {
+  const r = (l = []) => {
+    const c = [], u = l.length ? new Set(l) : null;
+    return visitModelTree(t, (d) => {
+      var p, m;
+      d.uid && ((m = (p = d.getUserModifiedFields) == null ? void 0 : p.call(d)) != null && m.size) && !(u != null && u.has(d.uid)) && c.push(d.uid);
+    }), c;
+  }, i = (l) => {
+    if (!l.length)
+      return;
+    const c = new Set(l);
+    visitModelTree(t, (u) => {
+      var d;
+      u.uid && c.has(u.uid) && ((d = u.resetUserModifiedFields) == null || d.call(u));
+    });
+  }, a = (l) => L(this, null, function* () {
+    const c = l.force ? [] : r(l.ignoredDirtyFormModelUids);
+    if (c.length && !(yield o.confirm({
+      title: n("Unsaved changes"),
+      content: n("Are you sure you don't want to save?"),
+      okText: n("Confirm"),
+      cancelText: n("Cancel")
+    })))
+      return !1;
+    const u = a[POPUP_BEFORE_CLOSE_NEXT], d = c.length ? Array.from(/* @__PURE__ */ new Set([...l.ignoredDirtyFormModelUids || [], ...c])) : l.ignoredDirtyFormModelUids;
+    return (yield u == null ? void 0 : u(A(x({}, l), {
+      ignoredDirtyFormModelUids: d
+    }))) !== !1 ? (c.length && i(c), !0) : !1;
+  });
+  return a[POPUP_BEFORE_CLOSE_NEXT] = e.beforeClose, e.beforeClose = a, () => {
+    unlinkBeforeClose(e, a);
+  };
+}
 function FieldWithoutPermissionPlaceholder({ targetModel: e, children: t }) {
   const o = e.context.t, n = e, r = n.context.collectionField.collection, i = r.dataSource, a = n.context.collectionField.name, l = useMemo(() => {
     const d = `${o(i.displayName || i.key)} > `, p = r ? `${o(r.title) || r.name || r.tableName} > ` : "";
@@ -86406,7 +86476,15 @@ function RemoteModelRenderer({ options: e, fieldModel: t }) {
       refreshDeps: [o, e]
     }
   );
-  return r || !(n != null && n.uid) ? /* @__PURE__ */ jsx(SkeletonFallback, { style: { margin: 16 } }) : /* @__PURE__ */ jsx(FlowModelRenderer, { model: n, fallback: /* @__PURE__ */ jsx(SkeletonFallback, { style: { margin: 16 } }) });
+  return useEffect(() => {
+    if (n != null && n.uid)
+      return bindPopupSubTableBeforeClose({
+        view: o.view,
+        model: n,
+        modal: o.modal,
+        t: o.t
+      });
+  }, [o, n]), r || !(n != null && n.uid) ? /* @__PURE__ */ jsx(SkeletonFallback, { style: { margin: 16 } }) : /* @__PURE__ */ jsx(FlowModelRenderer, { model: n, fallback: /* @__PURE__ */ jsx(SkeletonFallback, { style: { margin: 16 } }) });
 }
 function EditFormContent({ model: e, scene: t = "update" }) {
   const o = useFlowContext(), { Header: n, type: r } = o.view;
@@ -87765,17 +87843,18 @@ PopupSubTableFormSubmitActionModel.registerFlow({
     save: {
       handler(e, t) {
         return L(this, null, function* () {
+          var d;
           const o = e.blockModel, n = o.context.associationModel, r = n.context.resource, a = o.resource.getUpdateAssociationValues(), l = n.context.collectionField.name, c = r.getUpdateAssociationValues(), u = matchPath(c, l);
           try {
-            const d = e != null && e.flowSettingsEnabled ? getValidationNamePathsExcludingHiddenModels(o) : null;
-            Array.isArray(d) ? d.length && (yield o.form.validateFields(d)) : yield o.form.validateFields();
-            const p = o.form.getFieldsValue(!0), m = omitHiddenModelValuesFromSubmit(p, o);
+            const p = e != null && e.flowSettingsEnabled ? getValidationNamePathsExcludingHiddenModels(o) : null;
+            Array.isArray(p) ? p.length && (yield o.form.validateFields(p)) : yield o.form.validateFields();
+            const m = o.form.getFieldsValue(!0), h = omitHiddenModelValuesFromSubmit(m, o);
             n.dispatchEvent("updateRow", {
-              updatedRecord: m
+              updatedRecord: h
             });
-            const h = a.map((g) => `${u}.${g}`);
-            r.addUpdateAssociationValues(h);
-          } catch (d) {
+            const g = a.map((f) => `${u}.${f}`);
+            r.addUpdateAssociationValues(g), (d = o.resetUserModifiedFields) == null || d.call(o);
+          } catch (p) {
             return;
           }
           e.view && e.view.close();
@@ -95443,7 +95522,7 @@ DisplayItemModel.bindModelToInterface("DisplayPercentFieldModel", ["percent"], {
 });
 class DisplayTextFieldModel extends ClickableFieldModel {
   t(t) {
-    return t != null && t.startsWith("{{") && (t != null && t.endsWith("}}")) ? this.translate(t) : t;
+    return typeof t != "string" ? t : t.startsWith("{{") && t.endsWith("}}") ? this.translate(t) : t;
   }
   renderComponent(t, o) {
     const { prefix: n, suffix: r, overflowMode: i } = this.props;
@@ -95727,47 +95806,64 @@ const models = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   transformNestedData,
   transformRowsToSingleColumn
 }, Symbol.toStringTag, { value: "Module" }));
-function collectDirtyFormModelUids(e) {
+function collectDirtyFormModelUids(e, t = []) {
   if (!e)
     return [];
-  const t = /* @__PURE__ */ new Set(), o = [], n = (r) => {
-    var a;
-    if (!(r != null && r.uid) || t.has(r.uid))
+  const o = /* @__PURE__ */ new Set(), n = [], r = t.length ? new Set(t) : null, i = (a) => {
+    var c;
+    if (!(a != null && a.uid) || o.has(a.uid))
       return;
-    t.add(r.uid);
-    const i = (a = r.getUserModifiedFields) == null ? void 0 : a.call(r);
-    i != null && i.size && o.push(r.uid), Object.values(r.subModels || {}).forEach((l) => {
-      _.castArray(l).forEach((c) => {
-        c && typeof c == "object" && n(c);
+    o.add(a.uid);
+    const l = (c = a.getUserModifiedFields) == null ? void 0 : c.call(a);
+    l != null && l.size && !(r != null && r.has(a.uid)) && n.push(a.uid), Object.values(a.subModels || {}).forEach((u) => {
+      _.castArray(u).forEach((d) => {
+        d && typeof d == "object" && i(d);
       });
     });
   };
-  return n(e), o;
+  return i(e), n;
 }
-function createBeforeCloseDirtyState(e) {
-  const t = collectDirtyFormModelUids(e);
+function createBeforeCloseDirtyState(e, t = []) {
+  const o = collectDirtyFormModelUids(e, t);
   return {
-    hasDirtyForms: t.length > 0,
-    formModelUids: t
+    hasDirtyForms: o.length > 0,
+    formModelUids: o
   };
 }
+function resetDirtyFormModels(e, t = []) {
+  if (!e || !t.length)
+    return;
+  const o = /* @__PURE__ */ new Set(), n = new Set(t), r = (i) => {
+    var a;
+    !(i != null && i.uid) || o.has(i.uid) || (o.add(i.uid), n.has(i.uid) && ((a = i.resetUserModifiedFields) == null || a.call(i)), Object.values(i.subModels || {}).forEach((l) => {
+      _.castArray(l).forEach((c) => {
+        c && typeof c == "object" && r(c);
+      });
+    }));
+  };
+  r(e);
+}
 function createViewBeforeCloseHandler(e) {
-  return (n) => L(this, [n], function* ({ result: t, force: o }) {
+  return (r) => L(this, [r], function* ({
+    result: t,
+    force: o,
+    ignoredDirtyFormModelUids: n
+  }) {
     if (o)
       return !0;
-    const r = createBeforeCloseDirtyState(e);
-    let i = !1;
-    const a = yield e.dispatchEvent("close", {
+    const i = createBeforeCloseDirtyState(e, n);
+    let a = !1;
+    const l = yield e.dispatchEvent("close", {
       result: t,
       force: !1,
-      dirty: r,
+      dirty: i,
       controller: {
         prevent() {
-          i = !0;
+          a = !0;
         }
       }
-    }), l = (a == null ? void 0 : a.__abortedByExitAll) === !0 || (Array.isArray(a) ? a.some((c) => c instanceof FlowExitAllException) : !1);
-    return !i && !l;
+    }), c = (l == null ? void 0 : l.__abortedByExitAll) === !0 || (Array.isArray(l) ? l.some((d) => d instanceof FlowExitAllException) : !1), u = !a && !c;
+    return u && i.hasDirtyForms && resetDirtyFormModels(e, i.formModelUids), u;
   });
 }
 const openView = defineAction({