ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/lib/ele-pro-form-builder/components/if-edit.cjs

@@ -1,21 +1,20 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const index = require("../../icons/index");
 const EleModal = require("../../ele-modal/index");
 const CodeEditer = require("./code-editer");
-const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ele-pro-form-builder-code-edit-header"
-};
-const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-body" };
+const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-header" };
+const _hoisted_2 = { class: "ele-pro-form-builder-code-edit-tip" };
+const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-wrapper" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "IfEdit" },
   __name: "if-edit",
   props: {
     modelValue: {},
     title: {},
     codeTips: {},
-    codeEditerComponent: {}
+    codeEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -40,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createVNode(vue.unref(elementPlus.ElButton), {
           size: "small",
-          style: { width: "100%" },
+          class: "ele-pro-form-builder-props-fluid-btn",
           onClick: openModal
         }, {
           default: vue.withCtx(() => [
@@ -52,9 +51,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           width: 800,
           maxable: true,
           position: "center",
-          title: _ctx.title,
           modelValue: visible.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
           closeOnClickModal: false,
           destroyOnClose: true,
           bodyStyle: {
@@ -64,40 +62,58 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             padding: "8px 16px"
           }
         }, {
+          header: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createElementVNode("div", null, vue.toDisplayString(_ctx.title), 1),
+              _ctx.codeTips ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                key: 0,
+                class: "ele-pro-form-builder-code-edit-icon",
+                onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["stop"])),
+                onTouchstart: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.QuestionCircleOutlined)),
+                  vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.codeTips), 1)
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ])
+          ]),
           footer: vue.withCtx(() => [
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               size: "default",
               onClick: handleCancel
             }, {
-              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+              default: vue.withCtx(() => _cache[4] || (_cache[4] = [
                 vue.createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [4]
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
                 vue.createTextVNode(" 保存 ")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             })
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
-              _ctx.codeTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(_ctx.codeTips), 1)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_3, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
-                  modelValue: codeContent.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
-                }, null, 8, ["modelValue"]))
-              ])
+            vue.createElementVNode("div", _hoisted_3, [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+                modelValue: codeContent.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => codeContent.value = $event)
+              }, null, 8, ["modelValue"]))
             ])
           ]),
           _: 1
-        }, 8, ["title", "modelValue"])
+        }, 8, ["modelValue"])
       ], 64);
     };
   }

package/lib/ele-pro-form-builder/components/import-modal.cjs

@@ -1,18 +1,20 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const core = require("../../utils/core");
+const common = require("../../utils/common");
 const EleModal = require("../../ele-modal/index");
 const renderUtil = require("../../ele-pro-form/components/render-util");
+const buildCore = require("./build-core");
 const buildUtil = require("./build-util");
 const CodeEditer = require("./code-editer");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "ImportModal" },
   __name: "import-modal",
   props: {
     modelValue: { type: Boolean },
     config: {},
     isImport: { type: Boolean },
-    jsonEditerComponent: {}
+    jsonEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue", "importData"],
   setup(__props, { emit: __emit }) {
@@ -29,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       handleUpdateModelValue(false);
     };
     const checkLegacyItems = (items) => {
-      return core.mapTree(items, (item) => {
+      return common.mapTree(items, (item) => {
         const legacyProps = renderUtil.getComponentLegacyProps(item);
         return {
           ...item,
@@ -47,19 +49,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       try {
         const result = JSON.parse(jsonContent.value);
         if (result && Array.isArray(result)) {
-          const config = JSON.parse(JSON.stringify(props.config));
+          const config = buildCore.deepCloneObject(props.config);
           buildUtil.itemsGenerateNewKey(result, config.items, false);
-          result.forEach((item) => {
-            config.items.push(item);
-          });
+          if (config.items) {
+            result.forEach((item) => {
+              config.items.push(item);
+            });
+          } else {
+            config.items = result;
+          }
           config.items = checkLegacyItems(config.items);
           handleImportData(config);
           return;
         }
         if (result && typeof result === "object" && result.prop && result.items == null) {
-          const config = JSON.parse(JSON.stringify(props.config));
+          const config = buildCore.deepCloneObject(props.config);
           buildUtil.itemsGenerateNewKey(result, config.items, false);
-          config.items.push(result);
+          if (config.items) {
+            config.items.push(result);
+          } else {
+            config.items = [result];
+          }
           config.items = checkLegacyItems(config.items);
           handleImportData(config);
           return;
@@ -118,7 +128,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                 vue.createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [1]
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
@@ -128,7 +139,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                 vue.createTextVNode(" 导入 ")
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             })
           ]),
           key: "0"

package/lib/ele-pro-form-builder/components/import-modal.d.ts

@@ -1,30 +1,30 @@
 import { UserComponent } from '../../ele-app/types';
-import { TemplateFormConfig } from '../types';
+import { EleProFormProps } from '../../ele-app/plus';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 弹窗是否打开 */
     modelValue?: boolean;
     /** 表单配置数据 */
-    config?: TemplateFormConfig;
+    config?: EleProFormProps;
     /** 是否是导入 */
     isImport?: boolean;
     /** JSON 编辑器组件 */
     jsonEditerComponent?: UserComponent;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (visible?: boolean | undefined) => void;
-    importData: (data: TemplateFormConfig) => void;
+    importData: (data: EleProFormProps) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 弹窗是否打开 */
     modelValue?: boolean;
     /** 表单配置数据 */
-    config?: TemplateFormConfig;
+    config?: EleProFormProps;
     /** 是否是导入 */
     isImport?: boolean;
     /** JSON 编辑器组件 */
     jsonEditerComponent?: UserComponent;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
-    onImportData?: ((data: TemplateFormConfig) => any) | undefined;
+    onImportData?: ((data: EleProFormProps) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/ele-pro-form-builder/components/json-input.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "JsonInput" },
   __name: "json-input",
   props: {
     modelValue: { type: [String, Boolean, Number, Object, Array] },

package/lib/ele-pro-form-builder/components/options-code.cjs

@@ -1,20 +1,15 @@
 "use strict";
 const vue = require("vue");
-const renderUtil = require("../../ele-pro-form/components/render-util");
 const CodeEditer = require("./code-editer");
 const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ele-pro-form-builder-code-edit-header"
-};
-const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-body" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "OptionsCode" },
   __name: "options-code",
   props: {
     data: {},
-    codeTips: {},
     codePlaceholder: {},
-    codeEditerComponent: {}
+    codePrefix: {},
+    codeEditerComponent: { type: [String, Object, Function] }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -24,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (code == null || !code) {
         return;
       }
-      return `${renderUtil.codeStringPrefix}${code}`;
+      return `${props.codePrefix}${code}`;
     };
     vue.onMounted(() => {
       if (props.data == null || typeof props.data !== "string") {
@@ -32,8 +27,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const data = props.data.trim();
-      if (data.startsWith(renderUtil.codeStringPrefix)) {
-        codeContent.value = data.slice(renderUtil.codeStringPrefix.length);
+      const codePrefix = props.codePrefix;
+      if (data.startsWith(codePrefix)) {
+        codeContent.value = data.slice(codePrefix.length);
         return;
       }
       codeContent.value = (data || props.codePlaceholder) ?? "";
@@ -43,13 +39,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.codeTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(_ctx.codeTips), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3, [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
-            modelValue: codeContent.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
-          }, null, 8, ["modelValue"]))
-        ])
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+          modelValue: codeContent.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
+        }, null, 8, ["modelValue"]))
       ]);
     };
   }

package/lib/ele-pro-form-builder/components/options-code.d.ts

@@ -3,10 +3,10 @@ import { UserComponent } from '../../ele-app/types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选项数据代码 */
     data?: Array<any> | string;
-    /** 顶部提示内容 */
-    codeTips?: string;
     /** 默认提示示例代码 */
     codePlaceholder?: string;
+    /** 代码字符串前缀 */
+    codePrefix: string;
     /** 代码编辑器组件 */
     codeEditerComponent?: UserComponent;
 }>>, {
@@ -14,10 +14,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选项数据代码 */
     data?: Array<any> | string;
-    /** 顶部提示内容 */
-    codeTips?: string;
     /** 默认提示示例代码 */
     codePlaceholder?: string;
+    /** 代码字符串前缀 */
+    codePrefix: string;
     /** 代码编辑器组件 */
     codeEditerComponent?: UserComponent;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/lib/ele-pro-form-builder/components/options-edit.cjs

@@ -1,12 +1,15 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const renderUtil = require("../../ele-pro-form/components/render-util");
+const index = require("../../icons/index");
+const renderCore = require("../../ele-pro-form/components/render-core");
 const EleModal = require("../../ele-modal/index");
 const EleTabBar = require("../../ele-tab-bar/index");
 const OptionsTable = require("./options-table");
 const OptionsCode = require("./options-code");
+const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-tip" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "OptionsEdit" },
   __name: "options-edit",
   props: {
     modelValue: {},
@@ -16,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     codeOptions: { type: Boolean },
     codeTips: {},
     codePlaceholder: {},
-    codeEditerComponent: {}
+    codePrefix: {},
+    codeEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -25,8 +29,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const visible = vue.ref(false);
     const optionsType = vue.ref("optionsTable");
     const editerRef = vue.ref(null);
+    const codePrefixStr = vue.computed(() => {
+      return props.codePrefix ?? renderCore.codeStringPrefix;
+    });
     const openModal = () => {
-      if (props.modelValue != null && typeof props.modelValue === "string" && props.modelValue.startsWith(renderUtil.codeStringPrefix)) {
+      if (props.modelValue != null && typeof props.modelValue === "string" && props.modelValue.startsWith(codePrefixStr.value)) {
         optionsType.value = "optionsCode";
       } else {
         optionsType.value = "optionsTable";
@@ -46,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createVNode(vue.unref(elementPlus.ElButton), {
           size: "small",
-          style: { width: "100%" },
+          class: "ele-pro-form-builder-props-fluid-btn",
           onClick: openModal
         }, {
           default: vue.withCtx(() => [
@@ -80,7 +87,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                 vue.createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
@@ -90,7 +98,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                 vue.createTextVNode(" 保存 ")
               ])),
-              _: 1
+              _: 1,
+              __: [3]
             })
           ]),
           default: vue.withCtx(() => [
@@ -104,7 +113,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ],
               type: "plain",
               class: "ele-pro-form-builder-options-tabs"
-            }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+            }, {
+              label: vue.withCtx(({ label, item }) => [
+                vue.createElementVNode("span", null, vue.toDisplayString(label), 1),
+                optionsType.value === "optionsCode" && item.value === "optionsCode" && _ctx.codeTips ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                  key: 0,
+                  class: "ele-pro-form-builder-code-edit-icon"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index.QuestionCircleOutlined)),
+                    vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(_ctx.codeTips), 1)
+                  ]),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
             !_ctx.codeOptions || optionsType.value === "optionsTable" ? (vue.openBlock(), vue.createBlock(OptionsTable, {
               key: 1,
               ref_key: "editerRef",
@@ -117,10 +141,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ref_key: "editerRef",
               ref: editerRef,
               data: _ctx.modelValue,
-              codeTips: _ctx.codeTips,
               codePlaceholder: _ctx.codePlaceholder,
+              codePrefix: codePrefixStr.value,
               codeEditerComponent: _ctx.codeEditerComponent
-            }, null, 8, ["data", "codeTips", "codePlaceholder", "codeEditerComponent"])) : vue.createCommentVNode("", true)
+            }, null, 8, ["data", "codePlaceholder", "codePrefix", "codeEditerComponent"])) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["title", "modelValue"])

package/lib/ele-pro-form-builder/components/options-edit.d.ts

@@ -18,6 +18,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     codeTips?: string;
     /** 默认提示示例代码 */
     codePlaceholder?: string;
+    /** 代码字符串前缀 */
+    codePrefix?: string;
     /** 代码编辑器组件 */
     codeEditerComponent?: UserComponent;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -39,6 +41,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     codeTips?: string;
     /** 默认提示示例代码 */
     codePlaceholder?: string;
+    /** 代码字符串前缀 */
+    codePrefix?: string;
     /** 代码编辑器组件 */
     codeEditerComponent?: UserComponent;
 }>>> & Readonly<{

package/lib/ele-pro-form-builder/components/options-table.cjs

@@ -1,10 +1,10 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const core = require("../../utils/core");
+const common = require("../../utils/common");
 const EleTreeTable = require("../../ele-tree-table/index");
 const EleSelect = require("../../ele-select/index");
-const icons = require("../../icons");
+const index = require("../../icons/index");
 const util = require("../../ele-pro-form/util");
 const buildCore = require("./build-core");
 const ToolButton = require("./tool-button");
@@ -26,6 +26,7 @@ const _hoisted_4 = {
 };
 const actionColKey = "optionsEditTreeTableAction";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "OptionsTable" },
   __name: "options-table",
   props: {
     data: {},
@@ -78,35 +79,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleAddCol = () => {
-      const index = tableColumns.value.findIndex((c) => c.key === actionColKey);
-      if (index !== -1) {
+      const index2 = tableColumns.value.findIndex((c) => c.key === actionColKey);
+      if (index2 !== -1) {
         const col = {
           userProp: "",
           prop: generateCellKey(),
           label: "",
           style: { textAlign: "center" }
         };
-        if (index <= 0) {
+        if (index2 <= 0) {
           tableColumns.value.unshift(col);
         } else {
-          tableColumns.value.splice(index, 0, col);
+          tableColumns.value.splice(index2, 0, col);
         }
       }
     };
     const handleDeleteCol = (column) => {
       if (column.prop != null) {
-        const index = tableColumns.value.findIndex((c) => c.prop === column.prop);
-        if (index !== -1) {
-          tableColumns.value.splice(index, 1);
+        const index2 = tableColumns.value.findIndex((c) => c.prop === column.prop);
+        if (index2 !== -1) {
+          tableColumns.value.splice(index2, 1);
         }
       }
     };
     const getResult = () => {
-      let result = JSON.parse(
-        JSON.stringify(tableData.value)
-      );
+      let result = buildCore.deepCloneObject(tableData.value);
       if (props.columns === "tableData") {
-        result = core.mapTree(result, (row) => {
+        result = common.mapTree(result, (row) => {
           const temp = {};
           tableColumns.value.forEach((col) => {
             if (col.prop) {
@@ -122,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     vue.onMounted(() => {
       tableData.value = [];
-      const userData = props.data == null || typeof props.data === "string" ? [] : JSON.parse(JSON.stringify(props.data));
+      const userData = props.data == null || typeof props.data === "string" ? [] : buildCore.deepCloneObject(props.data);
       const actionCol = {
         key: actionColKey,
         label: "",
@@ -135,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
       if (props.columns === "tableData") {
         const keys = [];
-        core.eachTree(userData, (row) => {
+        common.eachTree(userData, (row) => {
           buildCore.getPropertyPath(row, ["children"]).forEach((k) => {
             if (!keys.includes(k)) {
               keys.push(k);
@@ -151,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           })),
           actionCol
         ];
-        tableData.value = core.mapTree(userData, (row) => {
+        tableData.value = common.mapTree(userData, (row) => {
           const temp = { ...row };
           tableColumns.value.forEach((col) => {
             if (col.prop && col.userProp) {
@@ -246,6 +245,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           _ctx.columns === "tableColumns" && column.prop === "align" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 0,
             size: "default",
+            placeholder: "",
             clearable: true,
             modelValue: row[column.prop],
             "onUpdate:modelValue": ($event) => row[column.prop] = $event,
@@ -259,19 +259,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "fixed" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 1,
             size: "default",
+            placeholder: "",
             clearable: true,
             modelValue: row[column.prop],
             "onUpdate:modelValue": ($event) => row[column.prop] = $event,
             options: [
               { label: "不固定", value: false },
-              { label: "固定在左侧", value: "left" },
-              { label: "固定在右侧", value: "right" }
+              { label: "左侧", value: "left" },
+              { label: "右侧", value: "right" }
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
           }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "type" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 2,
             size: "default",
+            placeholder: "",
             clearable: true,
             modelValue: row[column.prop],
             "onUpdate:modelValue": ($event) => row[column.prop] = $event,
@@ -286,6 +288,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "sortable" ? (vue.openBlock(), vue.createBlock(EleSelect, {
             key: 3,
             size: "default",
+            placeholder: "",
             clearable: true,
             modelValue: row[column.prop],
             "onUpdate:modelValue": ($event) => row[column.prop] = $event,
@@ -305,6 +308,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ])) : column.prop ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), {
             key: 5,
             size: "default",
+            placeholder: "",
             clearable: true,
             modelValue: row[column.prop],
             "onUpdate:modelValue": ($event) => row[column.prop] = $event
@@ -313,8 +317,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               buttonProps: {
                 type: "danger",
                 plain: true,
-                circle: true,
-                icon: vue.unref(icons.DeleteOutlined)
+                icon: vue.unref(index.DeleteOutlined)
               },
               tooltip: "删除数据",
               onClick: ($event) => handleDelete(row)
@@ -324,8 +327,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               buttonProps: {
                 type: "primary",
                 plain: true,
-                circle: true,
-                icon: vue.unref(icons.PlusOutlined)
+                icon: vue.unref(index.PlusOutlined)
               },
               tooltip: "新增子级",
               onClick: ($event) => handleAdd(row)
@@ -344,8 +346,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               buttonProps: {
                 type: "danger",
                 plain: true,
-                circle: true,
-                icon: vue.unref(icons.DeleteOutlined)
+                icon: vue.unref(index.DeleteOutlined)
               },
               tooltip: "删除属性",
               onClick: ($event) => handleDeleteCol(column)
@@ -356,8 +357,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               buttonProps: {
                 type: "primary",
                 plain: true,
-                circle: true,
-                icon: vue.unref(icons.AppstoreAddOutlined)
+                icon: vue.unref(index.AppstoreAddOutlined)
               },
               tooltip: "新增属性",
               onClick: _cache[0] || (_cache[0] = ($event) => handleAddCol())
@@ -366,8 +366,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               buttonProps: {
                 type: "primary",
                 plain: true,
-                circle: true,
-                icon: vue.unref(icons.PlusOutlined)
+                icon: vue.unref(index.PlusOutlined)
               },
               tooltip: "新增数据",
               onClick: _cache[1] || (_cache[1] = ($event) => handleAdd())