element-less 0.0.65 → 0.0.67

package/{index-DNsbHXNf.js → index-0bMe833F.js}

@@ -38772,9 +38772,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 +39215,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,
@@ -40204,7 +40207,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     });
     watch(tableData, (val) => {
       updateBottomScroll();
-      emits2("update:modelValue", val);
+      emits2("update:modelValue", val.map(({ edit: _e, saveDataLoading: _s, ...rest }) => rest));
     }, { immediate: true });
     watch(() => props2.pageSize, (val) => {
       currPageSize.value = val;
@@ -41882,6 +41885,21 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                         ref_for: true
                       }, { row, $index }), void 0, true)
                     ]),
+                    edit: withCtx((slotProps) => [
+                      _ctx.$slots["edit-" + (column.id || column.prop)] ? renderSlot(_ctx.$slots, "edit-" + (column.id || column.prop), mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, slotProps), void 0, true) : (openBlock(), createBlock(resolveDynamicComponent((column.editComponent || {}).name || "els-input"), mergeProps({
+                        key: 1,
+                        required: column.required,
+                        requiredMessage: column.requiredMessage,
+                        prop: column.prop,
+                        modelValue: slotProps.row[column.prop],
+                        "onUpdate:modelValue": ($event) => slotProps.row[column.prop] = $event
+                      }, { ref_for: true }, (column.editComponent || {}).props || {}, {
+                        aIndex: slotProps.$index
+                      }), null, 16, ["required", "requiredMessage", "prop", "modelValue", "onUpdate:modelValue", "aIndex"]))
+                    ]),
                     _: 2
                   }, 1040);
                 }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true),
@@ -42056,7 +42074,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$1_, [["__scopeId", "data-v-9b87b19a"]]);
+const Table$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$1_, [["__scopeId", "data-v-3219fa3f"]]);
 const ElsTable = withInstall$1(Table$1);
 const treeProps = buildProps({
   ...formItemProps$1,
@@ -50758,7 +50776,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:'',
@@ -50963,7 +50981,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:'',
@@ -51177,7 +51195,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:'',
@@ -51786,7 +51804,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:'',
@@ -52291,7 +52309,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:'',
@@ -52496,7 +52514,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:'',
@@ -52710,7 +52728,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:'',
@@ -66129,7 +66147,7 @@ const property_table = [
                     "columns": [
                       {
                         "id": "label",
-                        "label": "label",
+                        "label": "列名称",
                         "prop": "label",
                         "width": "",
                         "showSummary": false,
@@ -66197,6 +66215,22 @@ const property_table = [
                               {
                                 "label": "image",
                                 "value": "image"
+                              },
+                              {
+                                "label": "enum",
+                                "value": "enum"
+                              },
+                              {
+                                "label": "operate",
+                                "value": "operate"
+                              },
+                              {
+                                "label": "select",
+                                "value": "select"
+                              },
+                              {
+                                "label": "expand",
+                                "value": "expand"
                               }
                             ]
                           }
@@ -66463,13 +66497,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:{}}
 })`
                   },
@@ -70416,7 +70450,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:'',
@@ -73307,7 +73341,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-B8FxZ1Fo.js");
+      return import("./innerItem-DghmopSK.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -74279,10 +74313,10 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-C0sncydy.js").then((n) => n.i);
+      return import("./inner-DLy3GSYM.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-C0sncydy.js").then((n) => n.f);
+      return import("./inner-DLy3GSYM.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -74512,10 +74546,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-C0sncydy.js").then((n) => n.i);
+      return import("./inner-DLy3GSYM.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-C0sncydy.js").then((n) => n.f);
+      return import("./inner-DLy3GSYM.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -74724,6 +74758,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 const DynamicRenderAsync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1j, [["__scopeId", "data-v-a96b65cd"]]);
+const renderAsync = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: DynamicRenderAsync
+}, Symbol.toStringTag, { value: "Module" }));
 const ElsRender = withInstall$1(DynamicRender);
 const ElsRenderAsync = withInstall$1(DynamicRenderAsync);
 const _sfc_main$1i = {};
@@ -75956,20 +75994,22 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          currSelectItem.value.componentGroup === "Form" ? (openBlock(), createBlock(_component_els_input, {
-            key: 0,
-            label: "名称",
-            prop: "keyName"
-          })) : createCommentVNode("", true),
           currSelectItem.value.formItem ? (openBlock(), createBlock(_component_els_input, {
-            key: 1,
+            key: 0,
             label: "字段名",
             prop: "keyCode",
+            tip: "数据的字段名称",
             trim: "",
             onInput: handleChangeKeyCode,
             validMethod: unref(validationCode),
             required: currSelectItem.value.componentGroup !== "Container" && currSelectItem.value.componentGroup !== "Show"
           }, null, 8, ["validMethod", "required"])) : createCommentVNode("", true),
+          currSelectItem.value.componentGroup === "Form" ? (openBlock(), createBlock(_component_els_input, {
+            key: 1,
+            label: "名称",
+            prop: "keyName",
+            tip: "显示在页面上的名称"
+          })) : createCommentVNode("", true),
           currSelectItem.value.dataTypeName != "Array" && currSelectItem.value.componentGroup === "Form" && dataTypeData.value.length > 1 ? (openBlock(), createBlock(_component_els_select, {
             key: 2,
             label: "数据类型",
@@ -76059,7 +76099,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewBaseSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-26bb2740"]]);
+const DynamicDesignerViewBaseSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-1e06d172"]]);
 const _hoisted_1$m = { class: "se-root" };
 const _hoisted_2$f = { class: "se-margin-zone" };
 const _hoisted_3$e = { class: "se-row" };
@@ -77125,6 +77165,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:nodeItem"],
   setup(__props) {
+    const DynamicRenderAsync2 = defineAsyncComponent(() => Promise.resolve().then(() => renderAsync));
     const nodeItem = useModel$1(__props, "nodeItem");
     const props2 = __props;
     const { componentProps, renderContent } = useDesigner(props2, nodeItem);
@@ -77144,16 +77185,30 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return copyProps;
     });
     return (_ctx, _cache) => {
+      var _a;
       const _component_els_tip = resolveComponent("els-tip");
-      return componentName.value ? (openBlock(), createBlock(resolveDynamicComponent(componentName.value), normalizeProps(mergeProps({ key: 0 }, currProps.value)), {
+      return componentName.value ? (openBlock(), createBlock(resolveDynamicComponent(componentName.value), normalizeProps(mergeProps({ key: 0 }, currProps.value)), createSlots({
         default: withCtx(() => [
           innerContent.value ? (openBlock(), createElementBlock("span", {
             key: 0,
             innerHTML: unref(renderContent)(innerContent.value)
           }, null, 8, _hoisted_1$j)) : createCommentVNode("", true)
         ]),
-        _: 1
-      }, 16)) : (openBlock(), createBlock(_component_els_tip, {
+        _: 2
+      }, [
+        renderList((_a = nodeItem.value.slots) == null ? void 0 : _a.filter((ele) => ele.children.length), (slot) => {
+          return {
+            name: slot.name,
+            fn: withCtx((slotProps) => [
+              createVNode(unref(DynamicRenderAsync2), {
+                config: slot.children,
+                modelValue: (slotProps == null ? void 0 : slotProps.row) !== void 0 ? slotProps.row : {},
+                globalData: Object.assign({}, slotProps)
+              }, null, 8, ["config", "modelValue", "globalData"])
+            ])
+          };
+        })
+      ]), 1040)) : (openBlock(), createBlock(_component_els_tip, {
         key: 1,
         type: "danger"
       }, {
@@ -77198,6 +77253,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     setValue({
       setSlotVisible
     });
+    watch(
+      () => {
+        var _a;
+        return (_a = nodeItem.value.slots) == null ? void 0 : _a.some((s) => s.name.startsWith("edit-"));
+      },
+      (hasEditSlots) => {
+        if (hasEditSlots) slotVisible.value = true;
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
       const _component_els_form_node = resolveComponent("els-form-node");
@@ -77283,7 +77348,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(nodeItem.value.slots, (slot) => {
                   return openBlock(), createBlock(_component_els_option, {
-                    label: `插槽[${slot.name}]`
+                    label: slot.label || `插槽[${slot.name}]`
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_2$d, [
@@ -77309,7 +77374,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-f4511d4b"]]);
+const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-39ddb864"]]);
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "form",
   props: /* @__PURE__ */ mergeModels({
@@ -77763,7 +77828,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" };
@@ -78194,6 +78259,43 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         return null;
       }
     });
+    function syncColumnEditSlots(node, columns, tableIsEdit) {
+      if (!node.slots) node.slots = [];
+      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();
+      });
+      node.slots = node.slots.filter(
+        (s) => !s.name.startsWith("edit-") || editCols.some((c) => "edit-" + c.id === s.name)
+      );
+      editCols.forEach((col) => {
+        const name2 = "edit-" + col.id;
+        const existing = node.slots.find((s) => s.name === name2);
+        if (!existing) {
+          node.slots.push({ name: name2, label: (col.label || col.prop || name2) + " 编辑", children: [] });
+        } else {
+          existing.label = (col.label || col.prop || name2) + " 编辑";
+        }
+      });
+    }
+    watch(
+      () => {
+        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, 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 : [], tableIsEdit);
+      },
+      { deep: true, immediate: true }
+    );
     const allFormFields = computed(() => {
       const result = [];
       function collect(items, containerPath = [], containerKeyNames = []) {
@@ -79345,7 +79447,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-9713d6b4"]]);
+const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-db97206d"]]);
 const ElsDesignerView = withInstall$1(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -80084,31 +80186,31 @@ let AceEditor$1 = class AceEditor extends TBaseFormItem {
     __publicField(this, "editor", ref());
     onMounted(() => {
       if (props2.language === "json") {
-        const currModule = import("./mode-json-CU5fqs_U.js").then((n) => n.m);
+        const currModule = import("./mode-json-Bv08Ewma.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-CtvBeQM5.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-Uc61t92C.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-D18rCWw2.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-DeSzug7R.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-BucGANuW.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-BCslcP33.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-ClMCyVMY.js").then((n) => n.m);
+        const currModule = import("./mode-css-DlOYj8_Q.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           this.init();