element-less 0.0.66 → 0.0.68

package/{index-BGBQ1Ob0.js → index-DYgEX2VV.js}

@@ -31814,6 +31814,8 @@ function useTree(props2 = {}, dataTree, defaultEmits, componentName) {
   const optionData = ref([]);
   const options2 = ref([]);
   const selectValue = ref([]);
+  const prevCascaderValue = ref([]);
+  let cascadeNormalizing = false;
   const selectOptionData = ref([]);
   const remoteLoading = ref(false);
   const defaultExpandedKeys = ref([]);
@@ -32219,6 +32221,18 @@ function useTree(props2 = {}, dataTree, defaultEmits, componentName) {
     if (value === void 0) {
       value = "";
     }
+    if (props2.multiple && !props2.emitPath && props2.checkStrictly && (props2.checkWithParent || props2.unCheckWithchild) && !cascadeNormalizing) {
+      const normalized = normalizeCascaderCascade(Array.isArray(value) ? value : []);
+      prevCascaderValue.value = normalized;
+      if (normalized.length !== (Array.isArray(value) ? value.length : 0)) {
+        cascadeNormalizing = true;
+        selectValue.value = normalized;
+        cascadeNormalizing = false;
+        return;
+      }
+    } else if (props2.multiple && !props2.emitPath && props2.checkStrictly) {
+      prevCascaderValue.value = Array.isArray(value) ? [...value] : [];
+    }
     if (!value || value.length == 0) {
       returnModelValue("");
       if (initSelect.value) {
@@ -32328,6 +32342,38 @@ function useTree(props2 = {}, dataTree, defaultEmits, componentName) {
   function findParentData(parentID) {
     return optionData.value.find((ele) => ele[currIdField.value] == parentID);
   }
+  function collectAncestorValues(value, acc = []) {
+    const node = optionData.value.find((e) => e[props2.valueField] == value);
+    if (!node) return acc;
+    const parent = findParentData(node[props2.parentIdField]);
+    if (parent) {
+      acc.push(parent[props2.valueField]);
+      collectAncestorValues(parent[props2.valueField], acc);
+    }
+    return acc;
+  }
+  function collectDescendantValues(value, acc = []) {
+    const node = optionData.value.find((e) => e[props2.valueField] == value);
+    if (!node) return acc;
+    optionData.value.filter((e) => e[props2.parentIdField] == node[currIdField.value]).forEach((child) => {
+      acc.push(child[props2.valueField]);
+      collectDescendantValues(child[props2.valueField], acc);
+    });
+    return acc;
+  }
+  function normalizeCascaderCascade(value) {
+    if (!props2.multiple || props2.emitPath || !props2.checkStrictly) return value;
+    if (!props2.checkWithParent && !props2.unCheckWithchild) return value;
+    const set = new Set(value);
+    const prev = prevCascaderValue.value;
+    if (props2.checkWithParent) {
+      value.filter((v) => prev.indexOf(v) === -1).forEach((v) => collectAncestorValues(v).forEach((a) => set.add(a)));
+    }
+    if (props2.unCheckWithchild) {
+      prev.filter((v) => value.indexOf(v) === -1).forEach((v) => collectDescendantValues(v).forEach((d) => set.delete(d)));
+    }
+    return Array.from(set);
+  }
   function unCheckChild(parentID) {
     optionData.value.filter((ele) => ele[props2.parentIdField] == parentID).forEach((ele) => {
       if (dataTree.value.getCheckedKeys().indexOf(ele[currIdField.value]) > -1) {
@@ -32700,7 +32746,8 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
               nodeSource: "currNode",
               fieldCode: childPath,
               componentType: af.componentType || "",
-              componentOptions: af.componentOptions || null
+              componentOptions: af.componentOptions || null,
+              multiple: !!af.multiple
             } : null;
           }).filter(Boolean);
           if (nameMatch || children.length > 0) {
@@ -32717,7 +32764,8 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
               nodeSource: "currNode",
               fieldCode: f.keyCode,
               componentType: f.componentType || "",
-              componentOptions: f.componentOptions || null
+              componentOptions: f.componentOptions || null,
+              multiple: !!f.multiple
             });
           }
         }
@@ -32735,7 +32783,8 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
         nodeSource: "parentNode",
         fieldCode: f.keyCode,
         componentType: f.componentType || "",
-        componentOptions: f.componentOptions || null
+        componentOptions: f.componentOptions || null,
+        multiple: !!f.multiple
       }));
     });
     const globalDataItems = computed(() => {
@@ -32767,7 +32816,8 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
               nodeSource: "rootNode",
               fieldCode: fullPath,
               componentType: f.componentType || "",
-              componentOptions: f.componentOptions || null
+              componentOptions: f.componentOptions || null,
+              multiple: !!f.multiple
             });
           }
         } else {
@@ -32781,7 +32831,8 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
               nodeSource: "rootNode",
               fieldCode: f.keyCode,
               componentType: f.componentType || "",
-              componentOptions: f.componentOptions || null
+              componentOptions: f.componentOptions || null,
+              multiple: !!f.multiple
             });
           }
         }
@@ -33048,7 +33099,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FieldPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["__scopeId", "data-v-1ddf1c52"]]);
+const FieldPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["__scopeId", "data-v-f7844c2e"]]);
 const _hoisted_1$1q = { class: "condition-builder-trigger" };
 const _hoisted_2$z = { class: "cb-dialog-body" };
 const _hoisted_3$q = { class: "cb-header" };
@@ -33110,12 +33161,24 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
         { value: "!=", label: "不等于" }
       ],
       Array: [
+        { value: "contains", label: "包含" },
+        { value: "notContains", label: "不包含" },
         { value: "empty", label: "为空" },
         { value: "notEmpty", label: "不为空" }
       ]
     };
     const DEFAULT_OPS = OPERATORS.String;
+    const MULTI_OPS = [
+      { value: "contains", label: "包含" },
+      { value: "notContains", label: "不包含" },
+      { value: "empty", label: "为空" },
+      { value: "notEmpty", label: "不为空" }
+    ];
+    function isMultiSelect(cond) {
+      return !!cond.multiple;
+    }
     function getOperators(cond) {
+      if (isMultiSelect(cond)) return MULTI_OPS;
       return OPERATORS[cond.dataTypeName] || DEFAULT_OPS;
     }
     const allFieldOptions = computed(() => {
@@ -33130,7 +33193,8 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
           nodeSource: "currNode",
           fieldCode: f.keyCode,
           componentType: f.componentType || "",
-          componentOptions: f.componentOptions || null
+          componentOptions: f.componentOptions || null,
+          multiple: !!f.multiple
         })),
         ...parentFieldsList.map((f) => ({
           value: `parent:${f.keyCode}`,
@@ -33139,7 +33203,8 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
           nodeSource: "parentNode",
           fieldCode: f.keyCode,
           componentType: f.componentType || "",
-          componentOptions: f.componentOptions || null
+          componentOptions: f.componentOptions || null,
+          multiple: !!f.multiple
         })),
         ...allFormFields.value.map((f) => {
           const pathParts = [...f.containerPath || [], f.keyCode];
@@ -33151,7 +33216,8 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
             nodeSource: "rootNode",
             fieldCode: fullPath,
             componentType: f.componentType || "",
-            componentOptions: f.componentOptions || null
+            componentOptions: f.componentOptions || null,
+            multiple: !!f.multiple
           };
         }),
         ...gdOpts
@@ -33177,6 +33243,11 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
         const ref2 = getFieldRef(c);
         if (c.operator === "empty") return `!${ref2}`;
         if (c.operator === "notEmpty") return `!!${ref2}`;
+        if (c.operator === "contains" || c.operator === "notContains") {
+          const item = c.dataTypeName === "Number" ? c.value ?? 0 : JSON.stringify(String(c.value ?? ""));
+          const expr = `(',' + (${ref2} ?? '') + ',').includes(',' + ${item} + ',')`;
+          return c.operator === "contains" ? expr : `!${expr}`;
+        }
         const val = c.dataTypeName === "Number" ? c.value ?? 0 : JSON.stringify(c.value ?? "");
         return `${ref2} ${c.operator} ${val}`;
       });
@@ -33186,8 +33257,40 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
         return acc + sep + p;
       }, "");
     }
+    function parseLiteral(raw) {
+      let val = raw.trim();
+      if (val.startsWith("'") && val.endsWith("'") || val.startsWith('"') && val.endsWith('"')) val = val.slice(1, -1);
+      else if (val === "true") val = true;
+      else if (val === "false") val = false;
+      else if (!isNaN(Number(val))) val = Number(val);
+      return val;
+    }
     function parseSingleCondition(part) {
       const s = part.trim();
+      const includesM = s.match(/^(!?)\(','\s*\+\s*\((.+?)\s*\?\?\s*''\)\s*\+\s*','\)\.includes\(','\s*\+\s*(.+?)\s*\+\s*','\)$/);
+      if (includesM) {
+        const operator = includesM[1] === "!" ? "notContains" : "contains";
+        const refStr = includesM[2].trim();
+        const value = parseLiteral(includesM[3]);
+        const nestedRef = refStr.match(new RegExp(`^${nodePattern}\\['([^']+)'\\]\\?\\.value\\?\\.\\['([^']+)'\\]\\?\\.value$`));
+        if (nestedRef) {
+          const nodeSource = nestedRef[1];
+          const fieldCode = `${nestedRef[2]}.${nestedRef[3]}`;
+          return { fieldCode, fieldName: fieldCode, dataTypeName: "String", operator, value, logicOp: "AND", nodeSource, multiple: true };
+        }
+        const singleRef = refStr.match(new RegExp(`^${nodePattern}\\['([^']+)'\\]\\?\\.value$`));
+        if (singleRef) {
+          const nodeSource = singleRef[1];
+          const f = nodeSource === "currNode" ? siblingFields.value.find((f2) => f2.keyCode === singleRef[2]) : null;
+          return { fieldCode: singleRef[2], fieldName: (f == null ? void 0 : f.keyName) || singleRef[2], dataTypeName: (f == null ? void 0 : f.dataTypeName) || "String", operator, value, logicOp: "AND", nodeSource, multiple: true };
+        }
+        const gdRef = refStr.match(/^globalData\.(.+)$/);
+        if (gdRef) {
+          const f = findGlobalDataOption(gdRef[1]);
+          return { fieldCode: gdRef[1], fieldName: (f == null ? void 0 : f.label) || gdRef[1], dataTypeName: (f == null ? void 0 : f.dataTypeName) || "String", operator, value, logicOp: "AND", nodeSource: "globalData", multiple: true };
+        }
+        return null;
+      }
       const nestedNotEmptyM = s.match(new RegExp(`^!!${nodePattern}\\['([^']+)'\\]\\?\\.value\\?\\.\\['([^']+)'\\]\\?\\.value$`));
       if (nestedNotEmptyM) {
         const nodeSource = nestedNotEmptyM[1];
@@ -33328,16 +33431,18 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     }
     function addCondition() {
       const defaultOpt = allFieldOptions.value[0];
-      localConditions.value.push({
-        fieldCode: (defaultOpt == null ? void 0 : defaultOpt.fieldCode) || "",
-        fieldName: (defaultOpt == null ? void 0 : defaultOpt.label) || "",
-        dataTypeName: (defaultOpt == null ? void 0 : defaultOpt.dataTypeName) || "String",
+      const cond = {
+        fieldCode: "",
+        fieldName: "",
+        dataTypeName: "String",
         operator: "==",
         value: "",
         logicOp: "AND",
-        nodeSource: (defaultOpt == null ? void 0 : defaultOpt.nodeSource) || "currNode",
-        _combined: (defaultOpt == null ? void 0 : defaultOpt.value) || ""
-      });
+        nodeSource: "currNode",
+        _combined: ""
+      };
+      if (defaultOpt) applyFieldSelect(cond, defaultOpt);
+      localConditions.value.push(cond);
     }
     function removeCondition(i) {
       localConditions.value.splice(i, 1);
@@ -33364,6 +33469,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
       cond.dataTypeName = opt.dataTypeName || "String";
       cond.componentType = opt.componentType || "";
       cond.componentOptions = opt.componentOptions || null;
+      cond.multiple = !!opt.multiple;
       cond.value = "";
       const ops = getOperators(cond);
       if (!ops.find((o) => o.value === cond.operator)) cond.operator = ops[0].value;
@@ -33375,6 +33481,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
         cond.dataTypeName = field.dataTypeName || cond.dataTypeName;
         cond.componentType = field.componentType || "";
         cond.componentOptions = field.componentOptions || null;
+        cond.multiple = !!field.multiple;
       }
     }
     function clearCondition() {
@@ -33794,7 +33901,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConditionBuilderVue = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["__scopeId", "data-v-0b3e6aff"]]);
+const ConditionBuilderVue = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["__scopeId", "data-v-3580b83f"]]);
 const _hoisted_1$1p = { class: "expr-input-wrapper" };
 const _hoisted_2$y = {
   key: 0,
@@ -38772,9 +38879,12 @@ const tableColumnProps = Object.assign({}, defaults_default$1, buildProps({
    */
   isLocaleString: Boolean,
   /**
-   * @description 是否可编辑
+   * @description 是否可编辑，true=显式开启，false=显式屏蔽，undefined=继承table级isEdit
    */
-  isEdit: Boolean,
+  isEdit: {
+    type: Boolean,
+    default: void 0
+  },
   /**
    * @description 编辑字段名，多个用逗号分割
    */
@@ -39212,7 +39322,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
                 key: 0,
                 innerHTML: row[_ctx.prop]
               }, null, 8, _hoisted_2$v)) : createCommentVNode("", true)
-            ]) : !unref(tableGlobalData).isEdit && (!row.edit || !_ctx.isEdit) && _ctx.prop ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+            ]) : (_ctx.isEdit === false || !unref(tableGlobalData).isEdit && (!row.edit || _ctx.isEdit !== true)) && _ctx.prop ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
               _ctx.type == "image" ? (openBlock(), createBlock(_component_els_image, {
                 key: 0,
                 "empty-desc": _ctx.imageEmptyDesc,
@@ -43513,6 +43623,20 @@ const cascaderProps = buildProps({
    * @description 是否严格的遵守父子节点不互相关联
    */
   checkStrictly: Boolean,
+  /**
+   * @description 选择节点并且勾选父节点（仅 multiple + checkStrictly + 非 emitPath 生效）
+   */
+  checkWithParent: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 取消选择并且取消子节点（仅 multiple + checkStrictly + 非 emitPath 生效）
+   */
+  unCheckWithchild: {
+    type: Boolean,
+    default: false
+  },
   /**
    * @description 次级菜单的展开方式
    */
@@ -50773,7 +50897,7 @@ const property_radio = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -50978,7 +51102,7 @@ const property_radio = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -51192,7 +51316,7 @@ const property_radio = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -51801,7 +51925,7 @@ const property_checkbox = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -52306,7 +52430,7 @@ const property_select = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -52511,7 +52635,7 @@ const property_select = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -52725,7 +52849,7 @@ const property_select = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -66144,7 +66268,7 @@ const property_table = [
                     "columns": [
                       {
                         "id": "label",
-                        "label": "label",
+                        "label": "列名称",
                         "prop": "label",
                         "width": "",
                         "showSummary": false,
@@ -66494,13 +66618,13 @@ const property_table = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   prop:'',
   type:'default',
   width:'',
-  isEdit:false,
+  isEdit:undefined,
   editComponent:{name:'els-input',props:{}}
 })`
                   },
@@ -70447,7 +70571,7 @@ const property_cascader = [
                     "circle": false,
                     "autoInsertSpace": false,
                     "tag": "button",
-                    "eventClick": `currNode["default"].value.push({
+                    "eventClick": `refs[currNode["default"]?.keyID]?.addRow({
   id:utils.shortid(),
   label:'',
   value:'',
@@ -70750,6 +70874,97 @@ const property_cascader = [
           "arrayConfig": {}
         }
       },
+      {
+        "keyID": "id_3564",
+        "keyName": "栅格行",
+        "keyCode": "",
+        "children": [
+          {
+            "keyID": "id_3565",
+            "keyName": "勾选节点后父节点也会勾选",
+            "keyCode": "checkWithParent",
+            "children": [],
+            "dataType": "Bool",
+            "arrayDataType": "",
+            "componentTypeLabel": "开关",
+            "componentType": "Switch",
+            "icon": "switch-one",
+            "slots": [],
+            "config": {
+              "formConfig": {
+                "labelWidth": "",
+                "suffixContent": "",
+                "requiredMessage": "",
+                "re_required": "",
+                "tip": "仅多选 + 选择任意一级 + 非返回节点路径时生效",
+                "tipPosition": "left",
+                "validType": "",
+                "validMessage": "",
+                "validExpression": "",
+                "validMethod": ""
+              },
+              "baseConfig": {
+                "active-value": true,
+                "inactive-value": false
+              },
+              "advancedConfig": {},
+              "arrayConfig": {}
+            },
+            "defaultValue": false
+          },
+          {
+            "keyID": "id_3566",
+            "keyName": "取消节点后子节点也会取消",
+            "keyCode": "unCheckWithchild",
+            "children": [],
+            "dataType": "Bool",
+            "arrayDataType": "",
+            "componentTypeLabel": "开关",
+            "componentType": "Switch",
+            "icon": "switch-one",
+            "slots": [],
+            "config": {
+              "formConfig": {
+                "labelWidth": "",
+                "suffixContent": "",
+                "requiredMessage": "",
+                "re_required": "",
+                "tip": "仅多选 + 选择任意一级 + 非返回节点路径时生效",
+                "tipPosition": "left",
+                "validType": "",
+                "validMessage": "",
+                "validExpression": "",
+                "validMethod": ""
+              },
+              "baseConfig": {
+                "active-value": true,
+                "inactive-value": false
+              },
+              "advancedConfig": {},
+              "arrayConfig": {}
+            },
+            "defaultValue": false
+          }
+        ],
+        "dataType": "None",
+        "arrayDataType": "",
+        "componentTypeLabel": "栅格行",
+        "componentType": "Row",
+        "icon": "layout-two",
+        "slots": [],
+        "config": {
+          "formConfig": {},
+          "baseConfig": {
+            "gutter": 10,
+            "span": 12,
+            "justify": "start",
+            "align": "",
+            "tag": "div"
+          },
+          "advancedConfig": {},
+          "arrayConfig": {}
+        }
+      },
       {
         "keyID": "id_4862",
         "keyName": "栅格行",
@@ -73338,7 +73553,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-DoH8pmVi.js");
+      return import("./innerItem-CqXGUjai.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -74056,6 +74271,12 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       return props2.visibleFields.includes(field);
     }
     const SELECT_TYPES_DESIGNER = ["Select", "Radio", "Checkbox"];
+    function isMultiSelectFieldDesigner(item, typeName) {
+      var _a, _b;
+      if (typeName === "Checkbox") return true;
+      if (typeName === "Select") return ((_b = (_a = item.config) == null ? void 0 : _a.baseConfig) == null ? void 0 : _b.multiple) === true;
+      return false;
+    }
     function resolveTypeName(dataType) {
       var _a;
       return ((_a = currDynamicDataType.value.find((dt2) => dt2.value === dataType)) == null ? void 0 : _a.type) || dataType || "";
@@ -74082,7 +74303,8 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
               containerPath,
               containerKeyNames,
               componentType: typeName,
-              componentOptions: SELECT_TYPES_DESIGNER.includes(typeName) ? ((_b = (_a = item.config) == null ? void 0 : _a.baseConfig) == null ? void 0 : _b.data) || null : null
+              componentOptions: SELECT_TYPES_DESIGNER.includes(typeName) ? ((_b = (_a = item.config) == null ? void 0 : _a.baseConfig) == null ? void 0 : _b.data) || null : null,
+              multiple: isMultiSelectFieldDesigner(item, typeName)
             });
           }
           if (!isArrayContainer) {
@@ -74119,7 +74341,8 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         keyName: item.keyName,
         dataTypeName: dataTypeName || "String",
         componentType: typeName,
-        componentOptions: SELECT_TYPES_DESIGNER.includes(typeName) ? ((_b = (_a = item.config) == null ? void 0 : _a.baseConfig) == null ? void 0 : _b.data) || null : null
+        componentOptions: SELECT_TYPES_DESIGNER.includes(typeName) ? ((_b = (_a = item.config) == null ? void 0 : _a.baseConfig) == null ? void 0 : _b.data) || null : null,
+        multiple: isMultiSelectFieldDesigner(item, typeName)
       };
     }
     initData();
@@ -74211,7 +74434,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Designer = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__scopeId", "data-v-7bf90ef8"]]);
+const Designer = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__scopeId", "data-v-1112b724"]]);
 const ElsDynamicDesigner = withInstall$1(Designer);
 const renderProps = buildProps({
   ...formItemProps$1,
@@ -74310,10 +74533,10 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-Bw70NrB9.js").then((n) => n.i);
+      return import("./inner-Cf5U_aKM.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-Bw70NrB9.js").then((n) => n.f);
+      return import("./inner-Cf5U_aKM.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -74543,10 +74766,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-Bw70NrB9.js").then((n) => n.i);
+      return import("./inner-Cf5U_aKM.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-Bw70NrB9.js").then((n) => n.f);
+      return import("./inner-Cf5U_aKM.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -77825,7 +78048,7 @@ const _hoisted_16$1 = { class: "confirm-title confirm-yes-title" };
 const _hoisted_17$1 = { class: "confirm-body confirm-yes-body" };
 const _hoisted_18$1 = {
   key: 1,
-  style: { "position": "relative" }
+  style: { "position": "relative", "min-width": "0", "overflow": "hidden" }
 };
 const _hoisted_19$1 = { class: "els-dynamic-d-view-propertys" };
 const _hoisted_20$1 = { class: "preview-header" };
@@ -78256,9 +78479,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         return null;
       }
     });
-    function syncColumnEditSlots(node, columns) {
+    function syncColumnEditSlots(node, columns, tableIsEdit) {
       if (!node.slots) node.slots = [];
-      const editCols = (Array.isArray(columns) ? columns : []).filter((c) => c.isEdit);
+      const editCols = (Array.isArray(columns) ? columns : []).filter(
+        (c) => c.isEdit === true || c.isEdit !== false && tableIsEdit
+      );
       editCols.forEach((col) => {
         if (!col.id) col.id = col.prop || utils.shortid();
       });
@@ -78277,14 +78502,17 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     }
     watch(
       () => {
-        var _a2, _b2, _c;
-        return (_c = (_b2 = (_a2 = currSelectItem.value) == null ? void 0 : _a2.config) == null ? void 0 : _b2.baseConfig) == null ? void 0 : _c.columns;
+        var _a2, _b2, _c, _d, _e, _f;
+        return [
+          (_c = (_b2 = (_a2 = currSelectItem.value) == null ? void 0 : _a2.config) == null ? void 0 : _b2.baseConfig) == null ? void 0 : _c.columns,
+          (_f = (_e = (_d = currSelectItem.value) == null ? void 0 : _d.config) == null ? void 0 : _e.baseConfig) == null ? void 0 : _f.isEdit
+        ];
       },
-      (columns) => {
+      ([columns, tableIsEdit]) => {
         var _a2;
         if (!currSelectItem.value) return;
         if (!Array.isArray(columns) && !((_a2 = currSelectItem.value.slots) == null ? void 0 : _a2.some((s) => s.name.startsWith("edit-")))) return;
-        syncColumnEditSlots(currSelectItem.value, Array.isArray(columns) ? columns : []);
+        syncColumnEditSlots(currSelectItem.value, Array.isArray(columns) ? columns : [], tableIsEdit);
       },
       { deep: true, immediate: true }
     );
@@ -78305,7 +78533,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               containerPath,
               containerKeyNames,
               componentType: typeName,
-              componentOptions: SELECT_TYPES_FIELD.includes(typeName) ? ((_c = (_b2 = item.config) == null ? void 0 : _b2.baseConfig) == null ? void 0 : _c.data) || null : null
+              componentOptions: SELECT_TYPES_FIELD.includes(typeName) ? ((_c = (_b2 = item.config) == null ? void 0 : _b2.baseConfig) == null ? void 0 : _c.data) || null : null,
+              multiple: isMultiSelectField(item, typeName)
             });
           }
           if (!isArrayContainer) {
@@ -78338,6 +78567,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       return traverse(renderData.value);
     }
     const SELECT_TYPES_FIELD = ["Select", "Radio", "Checkbox"];
+    function isMultiSelectField(item, typeName) {
+      var _a2, _b2;
+      if (typeName === "Checkbox") return true;
+      if (typeName === "Select") return ((_b2 = (_a2 = item.config) == null ? void 0 : _a2.baseConfig) == null ? void 0 : _b2.multiple) === true;
+      return false;
+    }
     function toFieldItem(item) {
       var _a2, _b2;
       const typeName = item.componentTypeName || item.componentType || "";
@@ -78346,7 +78581,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         keyName: item.keyName,
         dataTypeName: item.dataTypeName,
         componentType: typeName,
-        componentOptions: SELECT_TYPES_FIELD.includes(typeName) ? ((_b2 = (_a2 = item.config) == null ? void 0 : _a2.baseConfig) == null ? void 0 : _b2.data) || null : null
+        componentOptions: SELECT_TYPES_FIELD.includes(typeName) ? ((_b2 = (_a2 = item.config) == null ? void 0 : _a2.baseConfig) == null ? void 0 : _b2.data) || null : null,
+        multiple: isMultiSelectField(item, typeName)
       };
     }
     function isFormField(item) {
@@ -79439,7 +79675,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-0ac944a4"]]);
+const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-97b12b59"]]);
 const ElsDesignerView = withInstall$1(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -80178,31 +80414,31 @@ let AceEditor$1 = class AceEditor extends TBaseFormItem {
     __publicField(this, "editor", ref());
     onMounted(() => {
       if (props2.language === "json") {
-        const currModule = import("./mode-json-B_NJTBHQ.js").then((n) => n.m);
+        const currModule = import("./mode-json-Br_Lu-Mh.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/json", res);
           this.init();
         });
       } else if (props2.language === "javascript") {
-        const currModule = import("./mode-javascript-CSfydrrh.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-B8epNaGN.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/javascript", res);
           this.init();
         });
       } else if (props2.language === "csharp") {
-        const currModule = import("./mode-csharp-DXVk2zCh.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-DnzxQJcZ.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/csharp", res);
           this.init();
         });
       } else if (props2.language === "mysql") {
-        const currModule = import("./mode-mysql-CMcGiMki.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-BDVOBDPt.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/mysql", res);
           this.init();
         });
       } else if (props2.language === "css") {
-        const currModule = import("./mode-css-CinEu5kF.js").then((n) => n.m);
+        const currModule = import("./mode-css-BKArO9O3.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           this.init();