cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.60

package/src/components/xform/form-render/pageDialogScope.js

@@ -0,0 +1,54 @@
+export const PAGE_DIALOG_SCOPE = "page";
+
+// 模板里的 top: "25vh" 是按整个窗口居中。当前页面弹框改由页面内容区 flex 居中，
+// 再套视口 vh 会从内容区顶部再下移一截，弹框就偏下。px 等显式偏移仍保留。
+export function pageDialogTop(top) {
+  const value = top == null ? "" : String(top).trim();
+  if (!value || /vh$/i.test(value)) return "0";
+  return value;
+}
+
+const PAGE_HOST_SELECTOR = "[data-xform-page-dialog-host]";
+
+export function resolveDialogOption(option, formConfig, inheritedScope, element) {
+  const source = option || {};
+  const scope = source.dialogScope ?? formConfig?.dialogScope ?? inheritedScope;
+  if (scope !== PAGE_DIALOG_SCOPE) return source;
+
+  const host = element?.closest?.(PAGE_HOST_SELECTOR);
+  if (!host) {
+    console.warn("xform page dialog host not found; using global dialog");
+    return { ...source, dialogScope: "global" };
+  }
+  return { ...source, dialogScope: PAGE_DIALOG_SCOPE, pageDialogHost: host };
+}
+
+export const pageScopedDialogMixin = {
+  computed: {
+    isPageScope() {
+      return (
+        this.option?.dialogScope === PAGE_DIALOG_SCOPE
+        && !!this.option.pageDialogHost
+      );
+    },
+    pageDialogHasTop() {
+      return this.isPageScope && pageDialogTop(this.option.dialogConfig?.top) !== "0";
+    },
+  },
+  mounted() {
+    if (!this.isPageScope) return;
+    const dialog = this.$refs.pageDialog;
+    const wrapper = dialog?.$el;
+    const host = this.option.pageDialogHost;
+    if (!wrapper || !host) return;
+    host.appendChild(wrapper);
+    this.pageDialogWrapper = wrapper;
+    // The surrounding menu and route tabs remain interactive.
+    dialog.$refs.dialog?.setAttribute("aria-modal", "false");
+  },
+  beforeDestroy() {
+    const wrapper = this.pageDialogWrapper;
+    if (wrapper?.parentNode) wrapper.parentNode.removeChild(wrapper);
+    this.pageDialogWrapper = null;
+  },
+};

package/src/components/xform/icon-picker/index.vue

@@ -30,7 +30,7 @@ export default {
   name: "icon-picker",
   props: {
     value: {
-      type: String | null,
+      type: String,
       required: true,
     },
     disabled: {

package/src/components/xform/lang/en-US.js

@@ -62,6 +62,10 @@ export default {
           autocomplete: "Autocomplete"
         },
         hint: {
+          h5DetailContentArea: "Content: drop h5 card",
+          h5DetailBottomArea: "Bottom buttons: 3 inline, rest in More",
+          h5PaneButtonArea: "Buttons",
+          h5PaneFieldArea: "Fields: drop field / h5 table / h5 list",
           selectParentWidget: "Select parent of this widget",
           moveUpWidget: "Move up this widget",
           moveDownWidget: "Move down this widget",
@@ -281,6 +285,9 @@ export default {
           tabPaneSetting: "Tab Panes",
           addTabPane: "Add Tab Pane",
           paneActive: "Active",
+          lazyRender: "Lazy Render",
+          lazyRenderHint:
+            "Pane content mounts on first activation and stays mounted; inactive panes render nothing and request no data. Ensure there are no cross-pane getWidgetRef scripts and that fields on unvisited panes need no submit validation. Intended for view/detail templates.",
           customLabelIcon: "Custom Label",
           labelIconClass: "Label Icon Class",
           labelIconPosition: "Label Icon Position",
@@ -295,6 +302,7 @@ export default {
           showWordLimit: "Show Word Limit",
           prefixIcon: "Prefix Icon",
           suffixIcon: "Suffix Icon",
+          suffixIconClickable: "Clickable Suffix Icon",
           inputButton: "Input Button Setting",
           appendButton: "Append Button",
           appendButtonDisabled: "Button Disabled",

package/src/components/xform/lang/zh-CN.js

@@ -133,6 +133,11 @@ export default {
       childrenKeyName: "子节点属性名称",
     },
     hint: {
+      /* h5卡片选项卡的两个投放区说明（设计器画布常驻，见 h5-card-pane-widget） */
+      h5DetailContentArea: "内容区：拖入 h5卡片",
+      h5DetailBottomArea: "底部按钮区：拖入按钮（平铺 3 个，超出收进「更多」）",
+      h5PaneButtonArea: "按钮区",
+      h5PaneFieldArea: "字段区：拖入字段 / h5表格 / H5列表",
       formulaSetting: "公式设置",
       formulaModel: "模式",
       formulaModelView: "查看",
@@ -442,6 +447,9 @@ export default {
       tabPaneSetting: "选项卡设置",
       addTabPane: "增加选项卡页",
       tabClass: "选项卡样式",
+      lazyRender: "懒渲染",
+      lazyRenderHint:
+        "开启后页签内容首次激活才挂载(激活后保留)，未激活页签不渲染、不请求数据。开启前请确认：无跨页签 getWidgetRef 脚本；未访问页签的字段不参与提交校验。适用于详情展示类模板。",
       paneActive: "激活",
       customLabelIcon: "定制字段标签",
       labelIconClass: "标签Icon样式",
@@ -458,6 +466,7 @@ export default {
       showWordLimit: "显示字数统计",
       prefixIcon: "头部Icon",
       suffixIcon: "尾部Icon",
+      suffixIconClickable: "尾部图标可点击",
       inputButton: "输入框按钮设置",
       appendButton: "添加后置按钮",
       appendButtonDisabled: "后置按钮禁用",

package/src/components/xform/mixins/businessLock.js

@@ -0,0 +1,59 @@
+import { applyFieldState } from '@base/components/xform/form-render/fieldControlEngine';
+
+// 最后叠加业务限制，不改变真实流程状态，也不放宽既有字段规则。
+export function applyBusinessLock(widget, host) {
+  if (!host.businessLocked || !widget?.options) return;
+  const deleteColumn = ['editDelete', 'removeTreeRow'].includes(widget.columnType);
+  if (widget.options.saveSubmitWfButton || deleteColumn) {
+    widget.options.hidden = true;
+  } else if (!host.getIsfreeWidgetTypesOfWf(widget)) {
+    if (host.getIsHiddenWidgetTypesOfWf(widget)) widget.options.hidden = true;
+    else if (widget.formItemFlag) widget.options.disabled = true;
+  }
+}
+
+export default {
+  data() {
+    return { businessLocked: false };
+  },
+  methods: {
+    // 可在表单事件脚本中调用；返回的 Promise 在本次视图更新后完成。
+    setBusinessLocked(locked = true) {
+      this.businessLocked = locked === true;
+      if (this.isFieldControlEnabled()) {
+        // 初始化前仅记录锁定意图，避免将锁定结果当成模板基线。
+        if (this.fieldControlInitialized) {
+          this.prepareFieldControlTargets();
+          this.applyFieldControlStates(this.getFieldControlRuntime().dynamicStates);
+        }
+      } else {
+        this.hanldeCommonWidget2();
+      }
+      return this.$nextTick();
+    },
+    withBusinessLock(widget, evaluate) {
+      if (!widget?.options) return evaluate();
+      if (!this._businessLockBaseline) this._businessLockBaseline = new WeakMap();
+      const previous = this._businessLockBaseline.get(widget);
+      if (previous) {
+        Object.keys(previous).forEach(key => {
+          if (previous[key] === undefined) this.$delete(widget.options, key);
+          else this.$set(widget.options, key, previous[key]);
+        });
+        this._businessLockBaseline.delete(widget);
+      }
+      try {
+        return evaluate();
+      } finally {
+        const baseline = { hidden: widget.options.hidden, disabled: widget.options.disabled };
+        applyBusinessLock(widget, this);
+        if (this.businessLocked) this._businessLockBaseline.set(widget, baseline);
+        if (this.businessLocked || previous) {
+          applyFieldState({ widget, refKey: widget.options.name, isContainer: widget.category === 'container' },
+            { visible: !widget.options.hidden, disabled: !!widget.options.disabled },
+            name => this.getWidgetRef(name));
+        }
+      }
+    },
+  },
+};