@nocobase/plugin-flow-engine 2.1.0-alpha.2 → 2.1.0-alpha.20

package/dist/server/flow-surfaces/builder.js

@@ -0,0 +1,931 @@
+/**
+ * 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.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var builder_exports = {};
+__export(builder_exports, {
+  assignClientKeysToUids: () => assignClientKeysToUids,
+  buildActionTree: () => buildActionTree,
+  buildBlockTree: () => buildBlockTree,
+  buildCanonicalTableActionsColumnNode: () => buildCanonicalTableActionsColumnNode,
+  buildFieldTree: () => buildFieldTree,
+  buildPersistedRootPageModel: () => buildPersistedRootPageModel,
+  buildPopupPageTree: () => buildPopupPageTree,
+  buildStandaloneFieldNode: () => buildStandaloneFieldNode,
+  buildSyntheticRootPageTabModel: () => buildSyntheticRootPageTabModel
+});
+module.exports = __toCommonJS(builder_exports);
+var import_utils = require("@nocobase/utils");
+var import_lodash = __toESM(require("lodash"));
+var import_catalog = require("./catalog");
+var import_chart_config = require("./chart-config");
+var import_approval = require("./approval");
+var import_service_utils = require("./service-utils");
+const JS_BLOCK_DEFAULT_CODE = [
+  "// Welcome to the JS block",
+  "ctx.render(`",
+  `  <div style="padding: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6;">`,
+  '    <h2 style="color: #1890ff; margin: 0 0 12px 0; font-size: 24px; font-weight: 600;">JS Block</h2>',
+  '    <p style="color: #666; margin: 0;">Replace this code with your custom JavaScript to build an interactive block.</p>',
+  "  </div>",
+  "`);"
+].join("\n");
+const JS_FIELD_DEFAULT_CODE = [
+  "function JsReadonlyField() {",
+  "  const React = ctx.React;",
+  "  const { prefix, suffix, overflowMode } = ctx.model?.props || {};",
+  "  const text = String(ctx.value ?? '');",
+  "  const whiteSpace = overflowMode === 'wrap' ? 'pre-line' : 'nowrap';",
+  "",
+  "  return (",
+  "    <span style={{ whiteSpace }}>",
+  "      {prefix}",
+  "      {text}",
+  "      {suffix}",
+  "    </span>",
+  "  );",
+  "}",
+  "",
+  "ctx.render(<JsReadonlyField />);"
+].join("\n");
+const JS_EDITABLE_FIELD_DEFAULT_CODE = [
+  "// Render an editable antd Input via JSX and keep it in sync with form value.",
+  "function JsEditableField() {",
+  "  const React = ctx.React;",
+  "  const { Input } = ctx.antd;",
+  "  const [value, setValue] = React.useState(ctx.getValue?.() ?? '');",
+  "",
+  "  React.useEffect(() => {",
+  "    const handler = (ev) => setValue(ev?.detail ?? '');",
+  "    ctx.element?.addEventListener('js-field:value-change', handler);",
+  "    return () => ctx.element?.removeEventListener('js-field:value-change', handler);",
+  "  }, []);",
+  "",
+  "  const onChange = (e) => {",
+  "    const v = e?.target?.value ?? '';",
+  "    setValue(v);",
+  "    ctx.setValue?.(v);",
+  "  };",
+  "",
+  "  return <Input {...ctx.model.props} value={value} onChange={onChange} />;",
+  "}",
+  "",
+  "ctx.render(<JsEditableField />);"
+].join("\n");
+const JS_ITEM_DEFAULT_CODE = [
+  "function JsItem() {",
+  "  return (",
+  `    <div style={{ fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", lineHeight: 1.6 }}>`,
+  "      <h3 style={{ color: '#1890ff', margin: '0 0 12px 0', fontSize: 18, fontWeight: 600 }}>JS Item</h3>",
+  "      <div style={{ color: '#555' }}>This area is rendered by your JavaScript code.</div>",
+  "    </div>",
+  "  );",
+  "}",
+  "",
+  "ctx.render(<JsItem />);"
+].join("\n");
+const JS_COLUMN_DEFAULT_CODE = `ctx.render('<span class="nb-js-column">JS column</span>');`;
+const JS_ACTION_DEFAULT_CODE_BY_USE = {
+  JSCollectionActionModel: [
+    "const rows = ctx.resource?.getSelectedRows?.() || [];",
+    "if (!rows.length) {",
+    "  ctx.message.warning('Please select data first.');",
+    "} else {",
+    "  ctx.message.success('Selected ' + rows.length + ' row(s).');",
+    "}"
+  ].join("\n"),
+  JSRecordActionModel: [
+    "if (!ctx.record) {",
+    "  ctx.message.error('No record');",
+    "} else {",
+    "  ctx.message.success('Record ID: ' + (ctx.filterByTk ?? ctx.record?.id));",
+    "}"
+  ].join("\n"),
+  JSFormActionModel: [
+    "const values = ctx.form?.getFieldsValue?.() || {};",
+    "ctx.message.success('Current form values: ' + JSON.stringify(values));"
+  ].join("\n"),
+  JSItemActionModel: [
+    "const values = ctx.form?.getFieldsValue?.() || ctx.formValues || {};",
+    "ctx.message.success('Current form values: ' + JSON.stringify(values));"
+  ].join("\n"),
+  FilterFormJSActionModel: "",
+  JSActionModel: "ctx.message.info('Hello JS action.');"
+};
+function buildRunJsStepParams(code) {
+  return {
+    runJs: {
+      version: "v2",
+      code
+    }
+  };
+}
+function buildPersistedRootPageModel(options) {
+  const pageUid = options.pageUid || (0, import_utils.uid)();
+  const enableTabs = !!options.enableTabs;
+  const displayTitle = options.displayTitle !== false;
+  return {
+    uid: pageUid,
+    use: "RootPageModel",
+    props: {
+      routeId: options.routeId,
+      title: options.pageTitle,
+      enableTabs,
+      displayTitle
+    },
+    stepParams: {
+      pageSettings: {
+        general: {
+          title: options.pageTitle,
+          displayTitle,
+          enableTabs,
+          documentTitle: options.pageDocumentTitle
+        }
+      }
+    }
+  };
+}
+function buildSyntheticRootPageTabModel(options) {
+  var _a;
+  const stepParams = import_lodash.default.cloneDeep(options.stepParams || {});
+  return {
+    uid: options.uid,
+    use: options.use || "RootPageTabModel",
+    props: {
+      ...options.props || {},
+      route: import_lodash.default.cloneDeep(options.route),
+      title: options.title,
+      icon: options.icon
+    },
+    decoratorProps: import_lodash.default.cloneDeep(options.decoratorProps || {}),
+    flowRegistry: import_lodash.default.cloneDeep(options.flowRegistry || {}),
+    stepParams: {
+      ...stepParams,
+      pageTabSettings: {
+        ...stepParams.pageTabSettings || {},
+        tab: {
+          ...((_a = stepParams.pageTabSettings) == null ? void 0 : _a.tab) || {},
+          title: options.title,
+          icon: options.icon,
+          documentTitle: options.documentTitle
+        }
+      }
+    },
+    ...options.grid ? { subModels: { grid: options.grid } } : {}
+  };
+}
+function buildBlockTree(options) {
+  const use = (0, import_catalog.resolveSupportedBlockCatalogItem)(
+    {
+      type: options.type,
+      use: options.use,
+      containerUse: options.containerUse
+    },
+    {
+      requireCreateSupported: true
+    }
+  ).use;
+  const defaults = buildBlockDefaults(use);
+  const approvalBlockDefaults = (0, import_approval.buildApprovalBlockDefaults)(use);
+  const baseStepParams = import_lodash.default.merge(
+    {},
+    import_lodash.default.cloneDeep(defaults.stepParams || {}),
+    import_lodash.default.cloneDeep((approvalBlockDefaults == null ? void 0 : approvalBlockDefaults.stepParams) || {}),
+    import_lodash.default.cloneDeep(options.stepParams || {})
+  );
+  const normalizedResourceInit = import_lodash.default.pickBy(import_lodash.default.cloneDeep(options.resourceInit || {}), (value) => !import_lodash.default.isUndefined(value));
+  if (use === "ChartBlockModel") {
+    import_lodash.default.unset(baseStepParams, "resourceSettings");
+    const currentConfigure = import_lodash.default.get(baseStepParams, ["chartSettings", "configure"]) || {};
+    const nextConfigure = import_lodash.default.merge(
+      {
+        query: {
+          mode: "builder"
+        },
+        chart: {
+          option: {
+            mode: "basic"
+          }
+        }
+      },
+      import_lodash.default.cloneDeep(currentConfigure)
+    );
+    if (Object.keys(normalizedResourceInit).length) {
+      import_lodash.default.set(nextConfigure, ["query", "mode"], "builder");
+      import_lodash.default.set(
+        nextConfigure,
+        ["query", "collectionPath"],
+        [normalizedResourceInit.dataSourceKey || import_chart_config.CHART_DEFAULT_DATA_SOURCE_KEY, normalizedResourceInit.collectionName]
+      );
+      import_lodash.default.unset(nextConfigure, ["query", "resource"]);
+    }
+    import_lodash.default.set(baseStepParams, ["chartSettings", "configure"], nextConfigure);
+  } else if (Object.keys(normalizedResourceInit).length) {
+    import_lodash.default.set(baseStepParams, ["resourceSettings", "init"], normalizedResourceInit);
+  }
+  const model = {
+    use,
+    ...typeof (approvalBlockDefaults == null ? void 0 : approvalBlockDefaults.async) === "boolean" ? { async: approvalBlockDefaults.async } : {},
+    props: import_lodash.default.merge(
+      {},
+      import_lodash.default.cloneDeep(defaults.props || {}),
+      import_lodash.default.cloneDeep((approvalBlockDefaults == null ? void 0 : approvalBlockDefaults.props) || {}),
+      import_lodash.default.cloneDeep(options.props || {})
+    ),
+    decoratorProps: import_lodash.default.merge(
+      {},
+      import_lodash.default.cloneDeep(defaults.decoratorProps || {}),
+      import_lodash.default.cloneDeep((approvalBlockDefaults == null ? void 0 : approvalBlockDefaults.decoratorProps) || {}),
+      import_lodash.default.cloneDeep(options.decoratorProps || {})
+    ),
+    stepParams: baseStepParams
+  };
+  const flowRegistry = import_lodash.default.merge(
+    {},
+    import_lodash.default.cloneDeep(defaults.flowRegistry || {}),
+    import_lodash.default.cloneDeep((approvalBlockDefaults == null ? void 0 : approvalBlockDefaults.flowRegistry) || {}),
+    import_lodash.default.cloneDeep(options.flowRegistry || {})
+  );
+  if (Object.keys(flowRegistry).length) {
+    model.flowRegistry = flowRegistry;
+  }
+  if (approvalBlockDefaults == null ? void 0 : approvalBlockDefaults.subModels) {
+    model.subModels = {};
+    const gridDefaults = (0, import_service_utils.getSingleNodeSubModel)(approvalBlockDefaults.subModels.grid);
+    if (gridDefaults == null ? void 0 : gridDefaults.use) {
+      model.subModels.grid = {
+        uid: (0, import_utils.uid)(),
+        use: gridDefaults.use
+      };
+    }
+    if (Array.isArray(approvalBlockDefaults.subModels.actions) && approvalBlockDefaults.subModels.actions.length) {
+      model.subModels.actions = approvalBlockDefaults.subModels.actions.map((action) => ({
+        uid: (0, import_utils.uid)(),
+        ...buildActionTree({
+          use: action.use,
+          containerUse: use
+        })
+      }));
+    }
+  } else if (use === "TableBlockModel") {
+    model.subModels = {
+      columns: [buildCanonicalTableActionsColumnNode()]
+    };
+  } else if (["FormBlockModel", "CreateFormModel", "EditFormModel", "AssignFormModel"].includes(use)) {
+    model.subModels = {
+      grid: {
+        uid: (0, import_utils.uid)(),
+        use: use === "AssignFormModel" ? "AssignFormGridModel" : "FormGridModel"
+      }
+    };
+  } else if (use === "DetailsBlockModel") {
+    model.subModels = {
+      grid: {
+        uid: (0, import_utils.uid)(),
+        use: "DetailsGridModel"
+      }
+    };
+  } else if (use === "FilterFormBlockModel") {
+    model.subModels = {
+      grid: {
+        uid: (0, import_utils.uid)(),
+        use: "FilterFormGridModel"
+      }
+    };
+  } else if (use === "ListBlockModel") {
+    model.subModels = {
+      item: {
+        uid: (0, import_utils.uid)(),
+        use: "ListItemModel",
+        subModels: {
+          grid: {
+            uid: (0, import_utils.uid)(),
+            use: "DetailsGridModel"
+          }
+        }
+      }
+    };
+  } else if (use === "GridCardBlockModel") {
+    model.subModels = {
+      item: {
+        uid: (0, import_utils.uid)(),
+        use: "GridCardItemModel",
+        subModels: {
+          grid: {
+            uid: (0, import_utils.uid)(),
+            use: "DetailsGridModel"
+          }
+        }
+      }
+    };
+  }
+  return assignClientKeysToUids(model, {});
+}
+function buildPopupPageTree(options) {
+  const pageUid = options.pageUid || (0, import_utils.uid)();
+  const tabUid = options.tabUid || (0, import_utils.uid)();
+  const gridUid = options.gridUid || (0, import_utils.uid)();
+  const displayTitle = options.displayTitle === true;
+  const enableTabs = options.enableTabs !== false;
+  const tabTitle = options.tabTitle || "Details";
+  return {
+    uid: pageUid,
+    use: "ChildPageModel",
+    props: {
+      ...options.pageTitle ? { title: options.pageTitle } : {},
+      displayTitle,
+      enableTabs
+    },
+    stepParams: {
+      pageSettings: {
+        general: {
+          ...options.pageTitle ? { title: options.pageTitle } : {},
+          displayTitle,
+          enableTabs
+        }
+      }
+    },
+    subModels: {
+      tabs: [
+        {
+          uid: tabUid,
+          use: "ChildPageTabModel",
+          props: {
+            title: tabTitle
+          },
+          stepParams: {
+            pageTabSettings: {
+              tab: {
+                title: tabTitle
+              }
+            }
+          },
+          subModels: {
+            grid: {
+              uid: gridUid,
+              use: "BlockGridModel"
+            }
+          }
+        }
+      ]
+    }
+  };
+}
+function buildFieldTree(params) {
+  const wrapperUid = params.uid || (0, import_utils.uid)();
+  const innerUid = params.innerUid || (0, import_utils.uid)();
+  const fieldDefaults = getStandaloneFieldDefaults(params.fieldUse);
+  const approvalTree = (0, import_approval.buildApprovalFieldTree)({
+    ...params,
+    uid: wrapperUid,
+    innerUid,
+    fieldDefaults
+  });
+  if (approvalTree) {
+    return {
+      wrapperUid: approvalTree.wrapperUid,
+      innerUid: approvalTree.innerUid,
+      model: approvalTree.model
+    };
+  }
+  const initPayload = import_lodash.default.pickBy(
+    {
+      dataSourceKey: params.dataSourceKey,
+      collectionName: params.collectionName,
+      fieldPath: params.fieldPath,
+      ...params.associationPathName ? { associationPathName: params.associationPathName } : {}
+    },
+    (value) => !import_lodash.default.isUndefined(value)
+  );
+  const stepParams = {
+    fieldSettings: {
+      init: initPayload
+    }
+  };
+  if (params.filterFormInit) {
+    stepParams.filterFormItemSettings = {
+      init: params.filterFormInit
+    };
+  }
+  return {
+    wrapperUid,
+    innerUid,
+    model: {
+      uid: wrapperUid,
+      use: params.wrapperUse,
+      props: import_lodash.default.cloneDeep(params.wrapperProps || {}),
+      stepParams,
+      subModels: {
+        field: {
+          uid: innerUid,
+          use: params.fieldUse,
+          props: import_lodash.default.cloneDeep(params.fieldProps || {}),
+          stepParams: import_lodash.default.merge(
+            {},
+            fieldDefaults.stepParams || {},
+            import_lodash.default.cloneDeep({
+              fieldSettings: {
+                init: initPayload
+              }
+            })
+          )
+        }
+      }
+    }
+  };
+}
+function buildStandaloneFieldNode(options) {
+  const defaults = getStandaloneFieldDefaults(options.use);
+  return {
+    uid: options.uid || (0, import_utils.uid)(),
+    use: options.use,
+    props: import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.props || {}), import_lodash.default.cloneDeep(options.props || {})),
+    decoratorProps: import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.decoratorProps || {}), import_lodash.default.cloneDeep(options.decoratorProps || {})),
+    stepParams: import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.stepParams || {}), import_lodash.default.cloneDeep(options.stepParams || {}))
+  };
+}
+function buildActionTree(options) {
+  var _a;
+  const catalogItem = (0, import_catalog.resolveSupportedActionCatalogItem)(
+    {
+      type: options.type,
+      use: options.use,
+      containerUse: options.containerUse
+    },
+    {
+      requireCreateSupported: true
+    }
+  );
+  const use = catalogItem.use;
+  const defaults = buildActionDefaults({
+    use,
+    catalogItem,
+    containerUse: options.containerUse,
+    resourceInit: options.resourceInit
+  });
+  const props = import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.props || {}), import_lodash.default.cloneDeep(options.props || {}));
+  const stepParams = import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.stepParams || {}), import_lodash.default.cloneDeep(options.stepParams || {}));
+  if (import_lodash.default.isPlainObject((_a = stepParams == null ? void 0 : stepParams.buttonSettings) == null ? void 0 : _a.general)) {
+    stepParams.buttonSettings.general = import_lodash.default.merge({}, stepParams.buttonSettings.general, pickButtonGeneralProps(props));
+  }
+  return {
+    use,
+    props,
+    decoratorProps: import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.decoratorProps || {}), import_lodash.default.cloneDeep(options.decoratorProps || {})),
+    stepParams,
+    flowRegistry: import_lodash.default.merge({}, import_lodash.default.cloneDeep(defaults.flowRegistry || {}), import_lodash.default.cloneDeep(options.flowRegistry || {})),
+    ...defaults.subModels ? { subModels: import_lodash.default.cloneDeep(defaults.subModels) } : {}
+  };
+}
+function buildCanonicalTableActionsColumnNode(options = {}) {
+  return {
+    uid: options.uid || (0, import_utils.uid)(),
+    use: "TableActionsColumnModel",
+    props: import_lodash.default.cloneDeep(options.props || {}),
+    decoratorProps: import_lodash.default.cloneDeep(options.decoratorProps || {}),
+    stepParams: import_lodash.default.merge(
+      {},
+      {
+        tableColumnSettings: {
+          title: {
+            title: '{{t("Actions")}}'
+          }
+        }
+      },
+      import_lodash.default.cloneDeep(options.stepParams || {})
+    ),
+    flowRegistry: import_lodash.default.cloneDeep(options.flowRegistry || {})
+  };
+}
+function pickButtonGeneralProps(props) {
+  return import_lodash.default.pickBy(
+    import_lodash.default.pick(props || {}, ["title", "tooltip", "icon", "type", "danger", "color"]),
+    (value) => !import_lodash.default.isUndefined(value)
+  );
+}
+function assignClientKeysToUids(spec, clientKeyToUid) {
+  const next = import_lodash.default.cloneDeep(spec);
+  const walk = (node) => {
+    if (!node.uid) {
+      node.uid = (0, import_utils.uid)();
+    }
+    if (node.clientKey) {
+      clientKeyToUid[node.clientKey] = node.uid;
+    }
+    Object.values(node.subModels || {}).forEach((value) => {
+      import_lodash.default.castArray(value).forEach((child) => walk(child));
+    });
+  };
+  walk(next);
+  return next;
+}
+function buildActionDefaults(options) {
+  var _a, _b, _c;
+  const approvalDefaults = (0, import_approval.buildApprovalActionDefaults)(options.use);
+  const props = import_lodash.default.merge(
+    {},
+    inferActionDefaultProps(options.use, options.catalogItem.scope),
+    (approvalDefaults == null ? void 0 : approvalDefaults.props) || {}
+  );
+  const normalizedProps = applyContainerActionStyle(props, options.containerUse);
+  const stepParams = import_lodash.default.merge({}, import_lodash.default.cloneDeep((approvalDefaults == null ? void 0 : approvalDefaults.stepParams) || {}), {
+    buttonSettings: {
+      general: pickButtonGeneralProps(normalizedProps)
+    }
+  });
+  const subModels = import_lodash.default.cloneDeep((approvalDefaults == null ? void 0 : approvalDefaults.subModels) || {});
+  if (approvalDefaults) {
+    return {
+      props: normalizedProps,
+      stepParams,
+      ...Object.keys(subModels).length ? { subModels } : {}
+    };
+  }
+  if ([
+    "AddNewActionModel",
+    "ViewActionModel",
+    "EditActionModel",
+    "PopupCollectionActionModel",
+    "DuplicateActionModel",
+    "AddChildActionModel",
+    "MailSendActionModel"
+  ].includes(options.use)) {
+    const popupSourceId = inferPopupActionSourceId(options.resourceInit);
+    stepParams.popupSettings = {
+      openView: {
+        mode: "drawer",
+        size: "medium",
+        pageModelClass: "ChildPageModel",
+        ...((_a = options.resourceInit) == null ? void 0 : _a.dataSourceKey) ? { dataSourceKey: options.resourceInit.dataSourceKey } : {},
+        ...((_b = options.resourceInit) == null ? void 0 : _b.collectionName) ? { collectionName: options.resourceInit.collectionName } : {},
+        ...((_c = options.resourceInit) == null ? void 0 : _c.associationName) ? { associationName: options.resourceInit.associationName } : {},
+        ...popupSourceId ? { sourceId: popupSourceId } : {}
+      }
+    };
+  }
+  if (options.use === "DeleteActionModel" || options.use === "BulkDeleteActionModel") {
+    stepParams.deleteSettings = {
+      confirm: {
+        enable: true,
+        title: "Delete record",
+        content: "Are you sure you want to delete it?"
+      }
+    };
+  }
+  if (options.use === "FormSubmitActionModel") {
+    stepParams.submitSettings = {
+      confirm: {
+        enable: false,
+        title: "Submit record",
+        content: "Are you sure you want to save it?"
+      }
+    };
+  }
+  if (["UpdateRecordActionModel", "BulkUpdateActionModel"].includes(options.use)) {
+    stepParams.assignSettings = {
+      confirm: {
+        enable: false,
+        title: options.use === "BulkUpdateActionModel" ? "Perform the Bulk update" : "Perform the Update record",
+        content: options.use === "BulkUpdateActionModel" ? "Are you sure you want to perform the Bulk update action?" : "Are you sure you want to perform the Update record action?"
+      },
+      assignFieldValues: {
+        assignedValues: {}
+      }
+    };
+    stepParams.apply = {
+      apply: {
+        assignedValues: {}
+      }
+    };
+    subModels.assignForm = {
+      uid: (0, import_utils.uid)(),
+      use: "AssignFormModel",
+      stepParams: {
+        resourceSettings: {
+          init: import_lodash.default.cloneDeep(options.resourceInit || {})
+        }
+      },
+      subModels: {
+        grid: {
+          uid: (0, import_utils.uid)(),
+          use: "AssignFormGridModel"
+        }
+      }
+    };
+  }
+  if (JS_ACTION_DEFAULT_CODE_BY_USE[options.use] !== void 0) {
+    stepParams.clickSettings = buildRunJsStepParams(JS_ACTION_DEFAULT_CODE_BY_USE[options.use]);
+  }
+  return {
+    props: normalizedProps,
+    stepParams,
+    ...Object.keys(subModels).length ? { subModels } : {}
+  };
+}
+function inferPopupActionSourceId(resourceInit) {
+  if (!(resourceInit == null ? void 0 : resourceInit.associationName)) {
+    return void 0;
+  }
+  const sourceId = typeof (resourceInit == null ? void 0 : resourceInit.sourceId) === "string" ? resourceInit.sourceId.trim() : resourceInit == null ? void 0 : resourceInit.sourceId;
+  if (!sourceId) {
+    return void 0;
+  }
+  if (sourceId === "{{ctx.view.inputArgs.filterByTk}}") {
+    return "{{ctx.view.inputArgs.sourceId}}";
+  }
+  return sourceId;
+}
+function inferActionDefaultProps(use, scope) {
+  const map = {
+    AddNewActionModel: {
+      type: "primary",
+      title: "Add new",
+      icon: "PlusOutlined"
+    },
+    ViewActionModel: {
+      type: "link",
+      title: "View",
+      icon: "EyeOutlined"
+    },
+    EditActionModel: {
+      title: "Edit",
+      icon: "EditOutlined"
+    },
+    PopupCollectionActionModel: {
+      title: "Popup",
+      icon: "ExportOutlined"
+    },
+    DeleteActionModel: {
+      type: "link",
+      title: "Delete",
+      icon: "DeleteOutlined"
+    },
+    UpdateRecordActionModel: {
+      type: "link",
+      title: "Update record",
+      icon: "EditOutlined"
+    },
+    BulkUpdateActionModel: {
+      title: "Bulk update",
+      icon: "EditOutlined"
+    },
+    FilterActionModel: {
+      title: "Filter",
+      icon: "FilterOutlined"
+    },
+    RefreshActionModel: {
+      title: "Refresh",
+      icon: "ReloadOutlined"
+    },
+    ExpandCollapseActionModel: {
+      title: "Expand/Collapse",
+      icon: "DownOutlined"
+    },
+    BulkDeleteActionModel: {
+      title: "Delete",
+      icon: "DeleteOutlined"
+    },
+    BulkEditActionModel: {
+      title: "Bulk edit",
+      icon: "EditOutlined"
+    },
+    ExportActionModel: {
+      title: "Export",
+      icon: "DownloadOutlined"
+    },
+    ExportAttachmentActionModel: {
+      title: "Export attachments",
+      icon: "DownloadOutlined"
+    },
+    ImportActionModel: {
+      title: "Import",
+      icon: "UploadOutlined"
+    },
+    LinkActionModel: {
+      type: "link",
+      title: "Link"
+    },
+    UploadActionModel: {
+      title: "Upload",
+      icon: "UploadOutlined"
+    },
+    DuplicateActionModel: {
+      type: "link",
+      title: "Duplicate",
+      icon: "CopyOutlined"
+    },
+    AddChildActionModel: {
+      type: "link",
+      title: "Add child",
+      icon: "PlusOutlined"
+    },
+    TemplatePrintCollectionActionModel: {
+      title: "Template print",
+      icon: "PrinterOutlined"
+    },
+    TemplatePrintRecordActionModel: {
+      type: "link",
+      title: "Template print",
+      icon: "PrinterOutlined"
+    },
+    CollectionTriggerWorkflowActionModel: {
+      title: "Trigger workflow",
+      icon: "PlayCircleOutlined"
+    },
+    RecordTriggerWorkflowActionModel: {
+      type: "link",
+      title: "Trigger workflow",
+      icon: "PlayCircleOutlined"
+    },
+    FormTriggerWorkflowActionModel: {
+      title: "Trigger workflow",
+      icon: "PlayCircleOutlined"
+    },
+    WorkbenchTriggerWorkflowActionModel: {
+      title: "Trigger workflow",
+      icon: "PlayCircleOutlined"
+    },
+    MailSendActionModel: {
+      title: "Compose email",
+      icon: "MailOutlined"
+    },
+    FormSubmitActionModel: {
+      title: "Submit",
+      type: "primary",
+      htmlType: "submit"
+    },
+    FilterFormSubmitActionModel: {
+      title: "Filter",
+      type: "primary"
+    },
+    FilterFormResetActionModel: {
+      title: "Reset"
+    },
+    FilterFormCollapseActionModel: {
+      type: "link",
+      title: "Collapse button"
+    },
+    JSCollectionActionModel: {
+      title: "JS action",
+      icon: "JavaScriptOutlined"
+    },
+    JSRecordActionModel: {
+      type: "link",
+      title: "JS action",
+      icon: "JavaScriptOutlined"
+    },
+    JSFormActionModel: {
+      title: "JS action",
+      icon: "JavaScriptOutlined"
+    },
+    JSItemActionModel: {
+      title: "JS item",
+      icon: "JavaScriptOutlined"
+    },
+    FilterFormJSActionModel: {
+      title: "JS action",
+      icon: "JavaScriptOutlined"
+    },
+    JSActionModel: {
+      type: "default",
+      title: "JS action",
+      icon: "JavaScriptOutlined"
+    }
+  };
+  return import_lodash.default.cloneDeep(
+    map[use] || {
+      title: humanizeActionTitle(use),
+      ...scope === "record" ? { type: "link" } : { type: "default" }
+    }
+  );
+}
+function applyContainerActionStyle(props, containerUse) {
+  if (containerUse === "TableActionsColumnModel") {
+    return {
+      ...props,
+      type: "link",
+      icon: null
+    };
+  }
+  if (containerUse === "DetailsBlockModel") {
+    return {
+      ...props,
+      type: "default"
+    };
+  }
+  return props;
+}
+function buildBlockDefaults(use) {
+  if (use === "JSBlockModel") {
+    return {
+      stepParams: {
+        jsSettings: buildRunJsStepParams(JS_BLOCK_DEFAULT_CODE)
+      }
+    };
+  }
+  if (use === "ChartBlockModel") {
+    return {
+      stepParams: {
+        chartSettings: {
+          configure: {
+            query: {
+              mode: "builder"
+            },
+            chart: {
+              option: {
+                mode: "basic"
+              }
+            }
+          }
+        }
+      }
+    };
+  }
+  return {};
+}
+function getStandaloneFieldDefaults(use) {
+  switch (use) {
+    case "JSFieldModel":
+      return {
+        stepParams: {
+          jsSettings: buildRunJsStepParams(JS_FIELD_DEFAULT_CODE)
+        }
+      };
+    case "JSEditableFieldModel":
+      return {
+        stepParams: {
+          jsSettings: buildRunJsStepParams(JS_EDITABLE_FIELD_DEFAULT_CODE)
+        }
+      };
+    case "JSColumnModel":
+      return {
+        props: {
+          title: "JS column"
+        },
+        stepParams: {
+          tableColumnSettings: {
+            title: {
+              title: "JS column"
+            }
+          },
+          jsSettings: buildRunJsStepParams(JS_COLUMN_DEFAULT_CODE)
+        }
+      };
+    case "JSItemModel":
+      return {
+        stepParams: {
+          jsSettings: buildRunJsStepParams(JS_ITEM_DEFAULT_CODE)
+        }
+      };
+    default:
+      return {};
+  }
+}
+function humanizeActionTitle(use) {
+  const normalized = String(use || "").replace(/ActionModel$/, "").replace(/(Collection|Record|Form|Workbench)$/, "");
+  return import_lodash.default.startCase(normalized).replace(/\bJs\b/g, "JS").trim() || "Action";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  assignClientKeysToUids,
+  buildActionTree,
+  buildBlockTree,
+  buildCanonicalTableActionsColumnNode,
+  buildFieldTree,
+  buildPersistedRootPageModel,
+  buildPopupPageTree,
+  buildStandaloneFieldNode,
+  buildSyntheticRootPageTabModel
+});