ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.3

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

@@ -0,0 +1,55 @@
+"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: "options-code",
+  props: {
+    data: {},
+    codeTips: {},
+    codePlaceholder: {},
+    codeEditerComponent: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const codeContent = vue.ref("");
+    const getResult = () => {
+      const code = codeContent.value;
+      if (code == null || !code) {
+        return;
+      }
+      return `${renderUtil.codeStringPrefix}${code}`;
+    };
+    vue.onMounted(() => {
+      if (props.data == null || typeof props.data !== "string") {
+        codeContent.value = props.codePlaceholder ?? "";
+        return;
+      }
+      const data = props.data.trim();
+      if (data.startsWith(renderUtil.codeStringPrefix)) {
+        codeContent.value = data.slice(renderUtil.codeStringPrefix.length);
+        return;
+      }
+      codeContent.value = (data || props.codePlaceholder) ?? "";
+    });
+    __expose({ getResult });
+    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"]))
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,33 @@
+import { UserComponent } from '../../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据代码 */
+    data?: Array<any> | string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>, {
+    getResult: () => string | undefined;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据代码 */
+    data?: Array<any> | string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,131 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const renderUtil = require("../../ele-pro-form/components/render-util");
+const EleModal = require("../../ele-modal/index");
+const EleTabBar = require("../../ele-tab-bar/index");
+const OptionsTable = require("./options-table");
+const OptionsCode = require("./options-code");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "options-edit",
+  props: {
+    modelValue: {},
+    title: {},
+    isTreeData: { type: [Boolean, Object] },
+    columns: {},
+    codeOptions: { type: Boolean },
+    codeTips: {},
+    codePlaceholder: {},
+    codeEditerComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = vue.ref(false);
+    const optionsType = vue.ref("optionsTable");
+    const editerRef = vue.ref(null);
+    const openModal = () => {
+      if (props.modelValue != null && typeof props.modelValue === "string" && props.modelValue.startsWith(renderUtil.codeStringPrefix)) {
+        optionsType.value = "optionsCode";
+      } else {
+        optionsType.value = "optionsTable";
+      }
+      visible.value = true;
+    };
+    const handleCancel = () => {
+      visible.value = false;
+    };
+    const handleSave = () => {
+      var _a, _b;
+      const result = (_b = (_a = editerRef.value) == null ? void 0 : _a.getResult) == null ? void 0 : _b.call(_a);
+      emit("update:modelValue", result ?? []);
+      visible.value = false;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.unref(elementPlus.ElButton), {
+          size: "small",
+          style: { width: "100%" },
+          onClick: openModal
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(EleModal, {
+          width: 960,
+          maxable: true,
+          position: "center",
+          title: _ctx.title,
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          closeOnClickModal: false,
+          destroyOnClose: true,
+          bodyStyle: {
+            height: "568px",
+            minHeight: "100%",
+            maxHeight: "100%",
+            padding: "0 16px 8px 16px",
+            display: "flex",
+            flexDirection: "column"
+          }
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              size: "default",
+              onClick: handleCancel
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleSave
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            _ctx.codeOptions ? (vue.openBlock(), vue.createBlock(EleTabBar, {
+              key: 0,
+              modelValue: optionsType.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionsType.value = $event),
+              items: [
+                { value: "optionsTable", label: "静态数据" },
+                { value: "optionsCode", label: "远程数据" }
+              ],
+              type: "plain",
+              class: "ele-pro-form-builder-options-tabs"
+            }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+            !_ctx.codeOptions || optionsType.value === "optionsTable" ? (vue.openBlock(), vue.createBlock(OptionsTable, {
+              key: 1,
+              ref_key: "editerRef",
+              ref: editerRef,
+              data: _ctx.modelValue,
+              isTreeData: _ctx.isTreeData,
+              columns: _ctx.columns
+            }, null, 8, ["data", "isTreeData", "columns"])) : _ctx.codeOptions ? (vue.openBlock(), vue.createBlock(OptionsCode, {
+              key: 2,
+              ref_key: "editerRef",
+              ref: editerRef,
+              data: _ctx.modelValue,
+              codeTips: _ctx.codeTips,
+              codePlaceholder: _ctx.codePlaceholder,
+              codeEditerComponent: _ctx.codeEditerComponent
+            }, null, 8, ["data", "codeTips", "codePlaceholder", "codeEditerComponent"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["title", "modelValue"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,56 @@
+import { UserComponent } from '../../ele-app/types';
+import { TreeTableColumn } from '../../ele-tree-table/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    modelValue?: Array<any> | string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+    /** 是否支持远程数据 */
+    codeOptions?: boolean;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (data: string | any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    modelValue?: Array<any> | string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+    /** 是否支持远程数据 */
+    codeOptions?: boolean;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((data: string | any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,380 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const core = require("../../utils/core");
+const EleTreeTable = require("../../ele-tree-table/index");
+const EleSelect = require("../../ele-select/index");
+const icons = require("../../icons");
+const util = require("../../ele-pro-form/util");
+const buildCore = require("./build-core");
+const ToolButton = require("./tool-button");
+const _hoisted_1 = {
+  key: 4,
+  class: "ele-pro-form-builder-options-edit-cell"
+};
+const _hoisted_2 = {
+  key: 6,
+  class: "ele-pro-form-builder-options-edit-cell"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "ele-pro-form-builder-options-edit-th"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "ele-pro-form-builder-options-edit-cell"
+};
+const actionColKey = "optionsEditTreeTableAction";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "options-table",
+  props: {
+    data: {},
+    isTreeData: { type: [Boolean, Object] },
+    columns: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const tableColumns = vue.ref([]);
+    const tableData = vue.ref([]);
+    const tableMinWidth = vue.computed(() => {
+      let width = 0;
+      tableColumns.value.forEach((col) => {
+        var _a;
+        const w = (_a = col.style) == null ? void 0 : _a.width;
+        const wn = w == null || typeof w === "number" ? w : Number.parseInt(w);
+        width += (wn == null || isNaN(wn) ? void 0 : wn) ?? 120;
+      });
+      return `${width}px`;
+    });
+    let tablePropStart = 0;
+    const generateCellKey = () => {
+      const key = buildCore.generateItemKey();
+      tablePropStart++;
+      return `${key}c${tablePropStart}`;
+    };
+    const handleDelete = (row, parent) => {
+      const children = parent ? parent.children : tableData.value;
+      if (children && children.length) {
+        for (let i = 0; i < children.length; i++) {
+          const temp = children[i];
+          if (temp === row) {
+            children.splice(i, 1);
+            return true;
+          }
+          if (handleDelete(row, temp)) {
+            return;
+          }
+        }
+      }
+    };
+    const handleAdd = (parent) => {
+      const item = {};
+      if (!parent) {
+        tableData.value.push(item);
+      } else if (parent.children) {
+        parent.children.push(item);
+      } else {
+        parent.children = [item];
+      }
+    };
+    const handleAddCol = () => {
+      const index = tableColumns.value.findIndex((c) => c.key === actionColKey);
+      if (index !== -1) {
+        const col = {
+          userProp: "",
+          prop: generateCellKey(),
+          label: "",
+          style: { textAlign: "center" }
+        };
+        if (index <= 0) {
+          tableColumns.value.unshift(col);
+        } else {
+          tableColumns.value.splice(index, 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 getResult = () => {
+      let result = JSON.parse(
+        JSON.stringify(tableData.value)
+      );
+      if (props.columns === "tableData") {
+        result = core.mapTree(result, (row) => {
+          const temp = {};
+          tableColumns.value.forEach((col) => {
+            if (col.prop) {
+              util.setValue(temp, col.userProp || col.prop, row[col.prop]);
+            }
+          });
+          return temp;
+        });
+      } else if (props.columns === "stringArray") {
+        result = result.map((d) => d.value);
+      }
+      return result;
+    };
+    vue.onMounted(() => {
+      tableData.value = [];
+      const userData = props.data == null || typeof props.data === "string" ? [] : JSON.parse(JSON.stringify(props.data));
+      const actionCol = {
+        key: actionColKey,
+        label: "",
+        style: {
+          textAlign: "center",
+          width: props.isTreeData ? "78px" : "48px",
+          flex: "none"
+        },
+        class: "is-fixed-right is-fixed-right-first"
+      };
+      if (props.columns === "tableData") {
+        const keys = [];
+        core.eachTree(userData, (row) => {
+          buildCore.getPropertyPath(row, ["children"]).forEach((k) => {
+            if (!keys.includes(k)) {
+              keys.push(k);
+            }
+          });
+        });
+        tableColumns.value = [
+          ...keys.map((k) => ({
+            userProp: k,
+            prop: generateCellKey(),
+            label: "",
+            style: { textAlign: "center" }
+          })),
+          actionCol
+        ];
+        tableData.value = core.mapTree(userData, (row) => {
+          const temp = { ...row };
+          tableColumns.value.forEach((col) => {
+            if (col.prop && col.userProp) {
+              temp[col.prop] = util.getValue(temp, col.userProp);
+            }
+          });
+          return temp;
+        });
+      } else if (props.columns === "tableColumns") {
+        tableColumns.value = [
+          {
+            prop: "label",
+            label: "标题",
+            style: { textAlign: "center" }
+          },
+          {
+            prop: "prop",
+            label: "属性名",
+            style: { textAlign: "center" }
+          },
+          {
+            prop: "columnKey",
+            label: "ColumnKey",
+            style: { textAlign: "center" }
+          },
+          {
+            prop: "align",
+            label: "对齐方式",
+            style: { textAlign: "center", width: "110px", flex: "none" }
+          },
+          {
+            prop: "width",
+            label: "列宽",
+            style: { textAlign: "center", width: "110px", flex: "none" }
+          },
+          {
+            prop: "minWidth",
+            label: "最小列宽",
+            style: { textAlign: "center", width: "110px", flex: "none" }
+          },
+          {
+            prop: "sortable",
+            label: "支持排序",
+            style: { textAlign: "center", width: "110px", flex: "none" },
+            editType: "switch"
+          },
+          {
+            prop: "fixed",
+            label: "固定",
+            style: { textAlign: "center" }
+          },
+          {
+            prop: "type",
+            label: "类型",
+            style: { textAlign: "center", width: "110px", flex: "none" }
+          },
+          actionCol
+        ];
+        tableData.value = userData;
+      } else if (props.columns === "stringArray") {
+        tableColumns.value = [
+          { prop: "value", label: "值", style: { textAlign: "center" } },
+          actionCol
+        ];
+        tableData.value = userData.map((d) => ({ value: d }));
+      } else if (props.columns) {
+        tableColumns.value = [...props.columns, actionCol];
+        tableData.value = userData;
+      } else {
+        tableColumns.value = [
+          { prop: "label", label: "文本", style: { textAlign: "center" } },
+          { prop: "value", label: "值", style: { textAlign: "center" } },
+          actionCol
+        ];
+        tableData.value = userData;
+      }
+    });
+    __expose({ getResult });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleTreeTable, {
+        data: tableData.value,
+        columns: tableColumns.value,
+        tableStyle: { minWidth: tableMinWidth.value },
+        class: vue.normalizeClass([
+          "ele-pro-form-builder-options-editer",
+          { "is-table-data": _ctx.columns === "tableData" }
+        ])
+      }, {
+        bodyCell: vue.withCtx(({ row, column, treeLevel }) => [
+          _ctx.columns === "tableColumns" && column.prop === "align" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+            key: 0,
+            size: "default",
+            clearable: true,
+            modelValue: row[column.prop],
+            "onUpdate:modelValue": ($event) => row[column.prop] = $event,
+            options: [
+              { label: "左对齐", value: "left" },
+              { label: "居中", value: "center" },
+              { label: "右对齐", value: "right" }
+            ],
+            popperOptions: { strategy: "fixed" },
+            class: "ele-fluid"
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "fixed" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+            key: 1,
+            size: "default",
+            clearable: true,
+            modelValue: row[column.prop],
+            "onUpdate:modelValue": ($event) => row[column.prop] = $event,
+            options: [
+              { label: "不固定", value: false },
+              { 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",
+            clearable: true,
+            modelValue: row[column.prop],
+            "onUpdate:modelValue": ($event) => row[column.prop] = $event,
+            options: [
+              { label: "默认", value: "default" },
+              { label: "选择列", value: "selection" },
+              { label: "序号列", value: "index" },
+              { label: "展开列", value: "expand" }
+            ],
+            popperOptions: { strategy: "fixed" },
+            class: "ele-fluid"
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "sortable" ? (vue.openBlock(), vue.createBlock(EleSelect, {
+            key: 3,
+            size: "default",
+            clearable: true,
+            modelValue: row[column.prop],
+            "onUpdate:modelValue": ($event) => row[column.prop] = $event,
+            options: [
+              { label: "true", value: true },
+              { label: "false", value: false },
+              { label: "custom", value: "custom" }
+            ],
+            popperOptions: { strategy: "fixed" },
+            class: "ele-fluid"
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : column.prop && column.editType === "switch" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+              size: "small",
+              modelValue: row[column.prop],
+              "onUpdate:modelValue": ($event) => row[column.prop] = $event
+            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+          ])) : column.prop ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), {
+            key: 5,
+            size: "default",
+            clearable: true,
+            modelValue: row[column.prop],
+            "onUpdate:modelValue": ($event) => row[column.prop] = $event
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : column.key === actionColKey ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.createVNode(ToolButton, {
+              buttonProps: {
+                type: "danger",
+                plain: true,
+                circle: true,
+                icon: vue.unref(icons.DeleteOutlined)
+              },
+              tooltip: "删除数据",
+              onClick: ($event) => handleDelete(row)
+            }, null, 8, ["buttonProps", "onClick"]),
+            _ctx.isTreeData && !(typeof _ctx.isTreeData === "object" && _ctx.isTreeData.maxDepth && (treeLevel || 1) >= _ctx.isTreeData.maxDepth) ? (vue.openBlock(), vue.createBlock(ToolButton, {
+              key: 0,
+              buttonProps: {
+                type: "primary",
+                plain: true,
+                circle: true,
+                icon: vue.unref(icons.PlusOutlined)
+              },
+              tooltip: "新增子级",
+              onClick: ($event) => handleAdd(row)
+            }, null, 8, ["buttonProps", "onClick"])) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        headerCell: vue.withCtx(({ column }) => [
+          _ctx.columns === "tableData" && column.prop ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(vue.unref(elementPlus.ElInput), {
+              size: "default",
+              clearable: true,
+              modelValue: column.userProp,
+              "onUpdate:modelValue": ($event) => column.userProp = $event
+            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+            vue.createVNode(ToolButton, {
+              buttonProps: {
+                type: "danger",
+                plain: true,
+                circle: true,
+                icon: vue.unref(icons.DeleteOutlined)
+              },
+              tooltip: "删除属性",
+              onClick: ($event) => handleDeleteCol(column)
+            }, null, 8, ["buttonProps", "onClick"])
+          ])) : column.key === actionColKey ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            _ctx.columns === "tableData" ? (vue.openBlock(), vue.createBlock(ToolButton, {
+              key: 0,
+              buttonProps: {
+                type: "primary",
+                plain: true,
+                circle: true,
+                icon: vue.unref(icons.AppstoreAddOutlined)
+              },
+              tooltip: "新增属性",
+              onClick: _cache[0] || (_cache[0] = ($event) => handleAddCol())
+            }, null, 8, ["buttonProps"])) : vue.createCommentVNode("", true),
+            vue.createVNode(ToolButton, {
+              buttonProps: {
+                type: "primary",
+                plain: true,
+                circle: true,
+                icon: vue.unref(icons.PlusOutlined)
+              },
+              tooltip: "新增数据",
+              onClick: _cache[1] || (_cache[1] = ($event) => handleAdd())
+            }, null, 8, ["buttonProps"])
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["data", "columns", "tableStyle", "class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,33 @@
+import { TreeTableColumn } from '../../ele-tree-table/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    data?: Array<any> | string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+}>, {
+    getResult: () => Array<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    data?: Array<any> | string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};