cloud-web-corejs 1.0.54-dev.740 → 1.0.54-dev.743

package/src/components/xform/form-designer/form-widget/field-widget/area-select-widget.vue

@@ -30,6 +30,7 @@
       :label-value="areaNameLabel"
       @update:labelValue="handleAreaLabelUpdate"
       :max-level="maxLevel"
+      :min-level="minLevel"
       :locale="field.options.locale"
       :disabled="field.options.disabled"
       :readonly="field.options.readonly"
@@ -111,6 +112,17 @@ export default {
       }
       return 4;
     },
+    minLevel() {
+      const areaMinLevel = this.field.options.areaMinLevel;
+      if (areaMinLevel == null || areaMinLevel === "") {
+        return 1;
+      }
+      const type = areaMinLevel * 1;
+      if (type >= 0 && type <= 3) {
+        return type + 1;
+      }
+      return 1;
+    },
     readModeText() {
       return this.areaNameLabel || "--";
     },

package/src/components/xform/form-designer/setting-panel/property-editor/field-area-select/areaMinLevel-editor.vue

@@ -0,0 +1,50 @@
+<template>
+  <el-form-item>
+    <span slot="label"
+      >{{ i18nt("designer.setting.areaMinLevel") }}
+      <el-tooltip
+        effect="light"
+        :content="i18nt('designer.setting.areaMinLevelHint')"
+      >
+        <i class="el-icon-info"></i>
+      </el-tooltip>
+    </span>
+    <el-select v-model="minLevel" style="width: 100%">
+      <el-option
+        :label="i18nt('designer.setting.areaMinLevelNone')"
+        :value="null"
+      />
+      <el-option :label="i18nt('designer.setting.areaMinLevel0')" :value="0" />
+      <el-option :label="i18nt('designer.setting.areaMinLevel1')" :value="1" />
+      <el-option :label="i18nt('designer.setting.areaMinLevel2')" :value="2" />
+      <el-option :label="i18nt('designer.setting.areaMinLevel3')" :value="3" />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "@base/components/xform/utils/i18n";
+import propertyMixin from "@base/components/xform/form-designer/setting-panel/property-editor/propertyMixin";
+
+export default {
+  name: "areaMinLevel-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  computed: {
+    minLevel: {
+      get() {
+        const val = this.optionModel.areaMinLevel;
+        return val == null || val === "" ? null : val;
+      },
+      set(val) {
+        /* 旧表单的 options 上可能没有该 key，需 $set 保证响应式 */
+        this.$set(this.optionModel, "areaMinLevel", val);
+      },
+    },
+  },
+};
+</script>

package/src/components/xform/form-designer/setting-panel/propertyRegister.js

@@ -85,6 +85,7 @@ const COMMON_PROPERTIES = {
   vabSearchName: "vabSearchName-editor",
   areaName: "areaName-editor",
   areaDataType: "areaDataType-editor",
+  areaMinLevel: "areaMinLevel-editor",
   copyButton: "copyButton-editor",
   tempStorageFlag: "tempStorage-editor",
   formatType: "formatType-editor",

package/src/components/xform/form-designer/widget-panel/indexMixin.js

@@ -5,7 +5,8 @@ import {
   basicFields,
   advancedFields,
   customFields,
-  businessFields
+  businessFields,
+  widgetPanelOrder
 } from "./widgetsConfig"
 import {
   formTemplates
@@ -162,14 +163,14 @@ modules = {
       return true
     },
     loadWidgets() {
-      this.containers = containers.map(con => {
+      this.containers = this.sortByPanelOrder(containers.map(con => {
         return {
           ...con,
           displayName: this.i18n2t(`designer.widgetLabel.${con.type}`, `extension.widgetLabel.${con.type}`)
         };
       }).filter(con => {
         return !con.internal && !this.isBanned(con.type) && this.getIsShow(con);
-      });
+      }), widgetPanelOrder.containers);
 
       this.commonContainers = this.containers.filter(con => !!con.commonFlag && this.getIsShow(con));
 
@@ -191,6 +192,16 @@ modules = {
         return !this.isBanned(fld.type) && this.getIsShow(fld);
       });
 
+      /* 面板分组归一：表单数据字段（搜索框/自动完成/级联/凭证/状态等）展示在基础字段分组 */
+      const moveTypes = widgetPanelOrder.basicFromAdvanced || [];
+      const movedFields = this.advancedFields.filter(fld => moveTypes.indexOf(fld.type) > -1);
+      this.advancedFields = this.advancedFields.filter(fld => moveTypes.indexOf(fld.type) === -1);
+      this.basicFields = this.sortByPanelOrder(
+        this.basicFields.concat(movedFields),
+        widgetPanelOrder.basicFields
+      );
+      this.advancedFields = this.sortByPanelOrder(this.advancedFields, widgetPanelOrder.advancedFields);
+
       this.businessFields = this.businessFields.map(fld => {
         return {
           ...fld,
@@ -200,14 +211,15 @@ modules = {
         return !this.isBanned(fld.type) && this.getIsShow(fld);
       });
 
-      this.commonAdvancedFields = advancedFields.map(fld => {
+      this.commonAdvancedFields = this.sortByPanelOrder(advancedFields.map(fld => {
         return {
           ...fld,
           displayName: this.i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)
         };
       }).filter(fld => {
-        return !this.isBanned(fld.type) && !!fld.commonFlag && this.getIsShow(fld);
-      });
+        return !this.isBanned(fld.type) && !!fld.commonFlag && this.getIsShow(fld)
+          && moveTypes.indexOf(fld.type) === -1;
+      }), widgetPanelOrder.advancedFields);
 
       this.customFields = this.customFields.map(fld => {
         return {
@@ -239,6 +251,29 @@ modules = {
 
     },
 
+    /* 按 widgetPanelOrder 排序面板展示列表；未列出的类型（含扩展组件）排在末尾，保持原有相对顺序 */
+    sortByPanelOrder(list, orderList) {
+      if (!orderList || !orderList.length) {
+        return list;
+      }
+      const orderMap = {};
+      orderList.forEach((type, index) => {
+        orderMap[type] = index;
+      });
+      return list
+        .map((widget, index) => ({ widget, index }))
+        .sort((a, b) => {
+          const oa = orderMap[a.widget.type] !== undefined
+            ? orderMap[a.widget.type]
+            : orderList.length + a.index;
+          const ob = orderMap[b.widget.type] !== undefined
+            ? orderMap[b.widget.type]
+            : orderList.length + b.index;
+          return oa - ob;
+        })
+        .map(item => item.widget);
+    },
+
     handleContainerWidgetClone(origin) {
       return this.designer.copyNewContainerWidget(origin);
     },

package/src/components/xform/form-designer/widget-panel/widgetsConfig.js

@@ -434,7 +434,7 @@ export const containers = [
   {
     type: "detail",
     category: "container",
-    icon: "grid",
+    icon: "form",
     commonFlag: !0,
     layoutType: "PC",
     panes: [],
@@ -474,7 +474,7 @@ export const containers = [
   {
     type: "detail-h5",
     category: "container",
-    icon: "grid",
+    icon: "descriptions",
     commonFlag: !0,
     layoutType: "H5",
     panes: [],
@@ -494,7 +494,7 @@ export const containers = [
   {
     type: "list-h5",
     category: "container",
-    icon: "grid",
+    icon: "list",
     commonFlag: !0,
     formItemFlag: !0,
     layoutType: "H5",
@@ -647,7 +647,7 @@ export const containers = [
   {
     type: "h5-card",
     category: "container",
-    icon: "tab",
+    icon: "card",
     commonFlag: !0,
     layoutType: "H5",
     panes: [],
@@ -678,7 +678,7 @@ export const containers = [
   {
     type: "h5-table",
     category: "container",
-    icon: "table",
+    icon: "section",
     commonFlag: !0,
     layoutType: "H5",
     rows: [],
@@ -1188,7 +1188,7 @@ export const basicFields = [
   },
   {
     type: "script-input",
-    icon: "textarea-field",
+    icon: "code",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -1531,7 +1531,7 @@ export const basicFields = [
   },
   {
     type: "area-select",
-    icon: "select-field",
+    icon: "international",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -1566,6 +1566,7 @@ export const basicFields = [
       labelTooltip: null,
       areaName: "",
       areaDataType: 3,
+      areaMinLevel: null,
       locale: null,
       onCreated: "",
       onMounted: "",
@@ -2153,7 +2154,7 @@ export const basicFields = [
   },
   {
     type: "a-text",
-    icon: "text-field",
+    icon: "link",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -2206,7 +2207,7 @@ export const basicFields = [
   },
   {
     type: "a-link",
-    icon: "button",
+    icon: "guide",
     commonFlag: !0,
     formItemFlag: !1,
     columnFlag: true,
@@ -3007,7 +3008,7 @@ export const advancedFields = [
   },
   {
     type: "autocomplete",
-    icon: "searchbox",
+    icon: "edit",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !0,
@@ -3018,7 +3019,7 @@ export const advancedFields = [
   },
   {
     type: "search_button",
-    icon: "button",
+    icon: "search",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3063,7 +3064,7 @@ export const advancedFields = [
   {
     type: "save_button",
     targetType: "button",
-    icon: "button",
+    icon: "save",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3104,7 +3105,7 @@ export const advancedFields = [
   {
     type: "reset_button",
     targetType: "button",
-    icon: "button",
+    icon: "redo",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3169,7 +3170,7 @@ export const advancedFields = [
   },
   {
     type: "select-export-button",
-    icon: "list-export",
+    icon: "export",
     formItemFlag: !1,
     commonFlag: !0,
     columnFlag: true,
@@ -3200,7 +3201,7 @@ export const advancedFields = [
   },
   {
     type: "select-export-item-button",
-    icon: "list-export",
+    icon: "document",
     formItemFlag: !1,
     commonFlag: !0,
     columnFlag: true,
@@ -3232,7 +3233,7 @@ export const advancedFields = [
   {
     type: "add_button",
     targetType: "button",
-    icon: "button",
+    icon: "add",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3268,7 +3269,7 @@ export const advancedFields = [
   },
   {
     type: "import-button",
-    icon: "button",
+    icon: "import",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3320,7 +3321,7 @@ export const advancedFields = [
   },
   {
     type: "import2-button",
-    icon: "button",
+    icon: "excel",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3368,7 +3369,7 @@ export const advancedFields = [
   },
   {
     type: "print-button",
-    icon: "button",
+    icon: "print",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3409,7 +3410,7 @@ export const advancedFields = [
   },
   {
     type: "print-detail-button",
-    icon: "button",
+    icon: "pdf",
     commonFlag: !0,
     columnFlag: false,
     formItemFlag: !1,
@@ -3572,7 +3573,7 @@ export const advancedFields = [
 
   {
     type: "project-tag",
-    icon: "uploadbox",
+    icon: "tag",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !0,
@@ -3585,7 +3586,7 @@ export const advancedFields = [
   {
     type: "table2",
     category: "container",
-    icon: "table",
+    icon: "tree-table",
     commonFlag: !0,
     formItemFlag: !0,
     rows: [],
@@ -3611,7 +3612,7 @@ export const advancedFields = [
   },
   {
     type: "dropdown",
-    icon: "tab",
+    icon: "ico-more",
     commonFlag: !0,
     // columnFlag: true,
     widgetList: [],
@@ -3661,7 +3662,7 @@ export const advancedFields = [
   },
   {
     type: "gantt",
-    icon: "uploadbox",
+    icon: "chart",
     commonFlag: !0,
     formItemFlag: !1,
     options: {
@@ -3683,7 +3684,7 @@ export const advancedFields = [
 
   {
     type: "download-button",
-    icon: "button",
+    icon: "download",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -3721,7 +3722,7 @@ export const advancedFields = [
 
   {
     type: "vue-page",
-    icon: "html-text",
+    icon: "vue-sfc",
     commonFlag: !0,
     formItemFlag: !1,
     columnFlag: false,
@@ -3809,7 +3810,7 @@ export const businessFields = [
   {
     type: "create_by-text",
     targetType: "text",
-    icon: "text",
+    icon: "people",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -3848,7 +3849,7 @@ export const businessFields = [
   {
     type: "modify_by-text",
     targetType: "text",
-    icon: "text",
+    icon: "edit",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -3887,7 +3888,7 @@ export const businessFields = [
   {
     type: "create_date-text",
     targetType: "text",
-    icon: "text",
+    icon: "date-field",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -3926,7 +3927,7 @@ export const businessFields = [
   {
     type: "modify_date-text",
     targetType: "text",
-    icon: "text",
+    icon: "time-field",
     commonFlag: !0,
     formItemFlag: !0,
     columnFlag: true,
@@ -3966,7 +3967,7 @@ export const businessFields = [
   {
     type: "user-vabsearch",
     targetType: "singerSearch",
-    icon: "searchbox",
+    icon: "user",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !0,
@@ -3989,7 +3990,7 @@ export const businessFields = [
   {
     type: "saleOrg-vabsearch",
     targetType: "singerSearch",
-    icon: "searchbox",
+    icon: "org",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !0,
@@ -4013,7 +4014,7 @@ export const businessFields = [
   {
     type: "user-project-tag",
     targetType: "project-tag",
-    icon: "uploadbox",
+    icon: "peoples",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !0,
@@ -4034,7 +4035,7 @@ export const businessFields = [
   {
     type: "saleOrg-project-tag",
     targetType: "project-tag",
-    icon: "uploadbox",
+    icon: "org",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !0,
@@ -4055,7 +4056,7 @@ export const businessFields = [
   {
     type: "save_submit_wf_button",
     targetType: "button",
-    icon: "button",
+    icon: "node-tree",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -4093,7 +4094,7 @@ export const businessFields = [
   },
   {
     type: "copy_button",
-    icon: "button",
+    icon: "clipboard",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -4123,7 +4124,7 @@ export const businessFields = [
   },
   {
     type: "tempStorage",
-    icon: "uploadbox",
+    icon: "documentation",
     commonFlag: !0,
     columnFlag: true,
     formItemFlag: !1,
@@ -4147,7 +4148,7 @@ export const businessFields = [
   },
   {
     type: "oplog",
-    icon: "uploadbox",
+    icon: "list",
     commonFlag: !0,
     formItemFlag: !1,
     options: {
@@ -4168,7 +4169,7 @@ export const businessFields = [
   },
   {
     type: "vabUpload2",
-    icon: "uploadbox",
+    icon: "file-upload-field",
     commonFlag: !0,
     formItemFlag: !0,
     tableField: null,
@@ -4230,7 +4231,7 @@ export const compareFields = [
   {
     type: "compare-change-button",
     targetType: "button",
-    icon: "button",
+    icon: "switch-field",
     commonFlag: !0,
     formItemFlag: !1,
     columnFlag: true,
@@ -4276,7 +4277,7 @@ export const compareFields = [
   {
     type: "compare-button",
     targetType: "button",
-    icon: "button",
+    icon: "compare",
     commonFlag: !0,
     formItemFlag: !1,
     columnFlag: true,
@@ -4297,8 +4298,7 @@ export const compareFields = [
       customClass: "",
       onCreated: "",
       onMounted: "",
-      onClick:
-        "this.getFormRef().getGlobalConfig().enableCompareBySource(this)",
+      onClick: "this.getFormRef().enableCompareBySource()",
       accessType: "1",
       clickBindEvent: null,
       onBeforeClickButton: null,
@@ -4321,7 +4321,7 @@ export const compareFields = [
   {
     type: "compare-close-button",
     targetType: "button",
-    icon: "button",
+    icon: "exit-fullscreen",
     commonFlag: !0,
     formItemFlag: !1,
     columnFlag: true,
@@ -4342,7 +4342,7 @@ export const compareFields = [
       customClass: "",
       onCreated: "",
       onMounted: "",
-      onClick: "this.getFormRef().getGlobalConfig().disableCompare(this)",
+      onClick: "this.getFormRef().disableCompare()",
       accessType: "1",
       clickBindEvent: null,
       onBeforeClickButton: null,
@@ -4365,7 +4365,7 @@ export const compareFields = [
   {
     type: "compare-del-button",
     targetType: "button",
-    icon: "button",
+    icon: "eye",
     commonFlag: !0,
     formItemFlag: !1,
     columnFlag: true,
@@ -4386,7 +4386,7 @@ export const compareFields = [
       customClass: "",
       onCreated: "",
       onMounted: "",
-      onClick: "this.getFormRef().openCompareDelList('明细表keyName')",
+      onClick: "this.getFormRef().openCompareDelList()",
       accessType: "1",
       clickBindEvent: null,
       onBeforeClickButton: null,
@@ -4415,6 +4415,105 @@ export const keyNamePrefixMap = {
 
 export const customFields = [];
 
+/* 组件面板展示顺序与分组归一（仅影响左侧面板展示，不影响按 type 查找与扩展注册）：
+ * - 分组规则：基础字段 = 表单数据字段；高级字段 = 图表/特殊展示/功能按钮
+ * - 未列出的类型（含扩展注册的组件）排在已列出类型之后，保持原有相对顺序
+ * - basicFromAdvanced：展示时从「高级字段」归入「基础字段」的类型
+ */
+export const widgetPanelOrder = {
+  /* 通用布局 → 数据/详情 → 树 → H5 专用；internal 子容器紧随父容器（不展示，仅占位） */
+  containers: [
+    "grid",
+    "grid-col",
+    "table",
+    "table-cell",
+    "tab",
+    "tab-pane",
+    "data-table",
+    "table-column",
+    "detail",
+    "detail-pane",
+    "tree-pane",
+    "tree",
+    "vf-dialog",
+    "detail-h5",
+    "list-h5",
+    "h5-card",
+    "h5-card-pane",
+    "h5-table",
+    "h5-table-cell",
+  ],
+  /* 输入 → 选择 → 日期时间 → 上传 → 状态/文本展示 → 其他 */
+  basicFields: [
+    "input",
+    "input-batch",
+    "textarea",
+    "script-input",
+    "number",
+    "radio",
+    "checkbox",
+    "select",
+    "cascader",
+    "area-select",
+    "vabsearch",
+    "singerSearch",
+    "multiSearch",
+    "autocomplete",
+    "date",
+    "date-range",
+    "time",
+    "time-range",
+    "vabUpload",
+    "baseAttachment",
+    "status",
+    "text",
+    "a-text",
+    "static-text",
+    "html-text",
+    "a-link",
+    "a-link2",
+    "button",
+    "divider",
+  ],
+  /* 图表 → 展示 → 按钮 */
+  advancedFields: [
+    "echart-pie",
+    "echart-bar",
+    "echart-category",
+    "echart",
+    "gantt",
+    "census",
+    "project-tag",
+    "table2",
+    "vue-page",
+    "search_button",
+    "reset_button",
+    "save_button",
+    "add_button",
+    "import-button",
+    "import2-button",
+    "table-export-button",
+    "select-export-button",
+    "select-export-item-button",
+    "print-button",
+    "print-detail-button",
+    "download-button",
+    "dropdown",
+    "dropdown-item",
+  ],
+  /* 表单数据字段归入基础字段展示（隐藏的 singerSearch/multiSearch/baseAttachment 跟随同类） */
+  basicFromAdvanced: [
+    "vabsearch",
+    "singerSearch",
+    "multiSearch",
+    "autocomplete",
+    "cascader",
+    "vabUpload",
+    "baseAttachment",
+    "status",
+  ],
+};
+
 export function addContainerWidgetSchema(containerSchema) {
   containers.push(containerSchema);
 }