element-less 0.0.65 → 0.0.66

package/elementui/table/index.d.ts

@@ -1243,6 +1243,10 @@ export declare const ElsTable: {
     }) => any>> & Partial<Record<any, (_: {
         row: any;
         $index: any;
+    }) => any>> & Partial<Record<string, (_: {
+        row: any;
+        column: any;
+        $index: any;
     }) => any>> & {
         checklabel?(_: {
             checkItem: any;

package/elementui/table/src/table.vue.d.ts

@@ -28,6 +28,10 @@ declare function __VLS_template(): {
     }) => any>> & Partial<Record<any, (_: {
         row: any;
         $index: any;
+    }) => any>> & Partial<Record<string, (_: {
+        row: any;
+        column: any;
+        $index: any;
     }) => any>> & {
         checklabel?(_: {
             checkItem: any;

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

@@ -40204,7 +40204,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 +41882,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 +42071,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,
@@ -66197,6 +66212,22 @@ const property_table = [
                               {
                                 "label": "image",
                                 "value": "image"
+                              },
+                              {
+                                "label": "enum",
+                                "value": "enum"
+                              },
+                              {
+                                "label": "operate",
+                                "value": "operate"
+                              },
+                              {
+                                "label": "select",
+                                "value": "select"
+                              },
+                              {
+                                "label": "expand",
+                                "value": "expand"
                               }
                             ]
                           }
@@ -73307,7 +73338,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-DoH8pmVi.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -74279,10 +74310,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-Bw70NrB9.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-C0sncydy.js").then((n) => n.f);
+      return import("./inner-Bw70NrB9.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -74512,10 +74543,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-Bw70NrB9.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-C0sncydy.js").then((n) => n.f);
+      return import("./inner-Bw70NrB9.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -74724,6 +74755,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 +75991,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 +76096,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 +77162,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 +77182,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 +77250,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 +77345,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 +77371,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({
@@ -78194,6 +78256,38 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         return null;
       }
     });
+    function syncColumnEditSlots(node, columns) {
+      if (!node.slots) node.slots = [];
+      const editCols = (Array.isArray(columns) ? columns : []).filter((c) => c.isEdit);
+      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;
+        return (_c = (_b2 = (_a2 = currSelectItem.value) == null ? void 0 : _a2.config) == null ? void 0 : _b2.baseConfig) == null ? void 0 : _c.columns;
+      },
+      (columns) => {
+        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 : []);
+      },
+      { deep: true, immediate: true }
+    );
     const allFormFields = computed(() => {
       const result = [];
       function collect(items, containerPath = [], containerKeyNames = []) {
@@ -79345,7 +79439,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-0ac944a4"]]);
 const ElsDesignerView = withInstall$1(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -80084,31 +80178,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-B_NJTBHQ.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-CSfydrrh.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-DXVk2zCh.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-CMcGiMki.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-CinEu5kF.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           this.init();