yuang-framework-ui-pc 1.1.44 → 1.1.45

package/es/ele-cropper/components/cropper-tools.js

@@ -0,0 +1,218 @@
+import { defineComponent, ref, shallowRef, watch, markRaw, resolveComponent, createElementBlock, openBlock, createVNode, Fragment, renderList, createBlock, withCtx, normalizeClass, createCommentVNode, createTextVNode, toDisplayString, mergeProps } from "vue";
+import { ElUpload, ElButton, ElButtonGroup } from "element-plus";
+import { CheckOutlined, UploadOutlined, SyncOutlined, SortOutlined, SwapOutlined, ReloadOutlined, UndoOutlined, ArrowDownOutlined, ArrowUpOutlined, ArrowRightOutlined, ArrowLeftOutlined, ZoomOutOutlined, ZoomInOutlined } from "../../icons";
+import { useTimer } from "../../utils/hook";
+import { useLocale } from "../../ele-config-provider/receiver";
+import EleTooltip from "../../ele-tooltip/index";
+const TOOL_ICONS = {
+  zoomIn: ZoomInOutlined,
+  zoomOut: ZoomOutOutlined,
+  moveLeft: ArrowLeftOutlined,
+  moveRight: ArrowRightOutlined,
+  moveUp: ArrowUpOutlined,
+  moveDown: ArrowDownOutlined,
+  rotateLeft: UndoOutlined,
+  rotateRight: ReloadOutlined,
+  flipX: SwapOutlined,
+  flipY: SortOutlined,
+  reset: SyncOutlined,
+  upload: UploadOutlined,
+  ok: CheckOutlined
+};
+const _sfc_main = defineComponent({
+  name: "CropperTools",
+  components: { ElButtonGroup, ElButton, ElUpload, EleTooltip },
+  props: {
+    /** 操作按钮布局 */
+    tools: String,
+    /** 允许上传的图片类型 */
+    accept: String,
+    /** 是否需要提示组件 */
+    tooltip: Boolean,
+    /** 提示组件属性 */
+    tooltipProps: Object,
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: Function,
+    /** 国际化 */
+    locale: Object
+  },
+  emits: {
+    zoomIn: () => true,
+    zoomOut: () => true,
+    moveLeft: () => true,
+    moveRight: () => true,
+    moveUp: () => true,
+    moveDown: () => true,
+    rotateLeft: () => true,
+    rotateRight: () => true,
+    flipX: () => true,
+    flipY: () => true,
+    reset: () => true,
+    upload: (_option) => true,
+    ok: () => true
+  },
+  setup(props, { emit }) {
+    const { lang } = useLocale("cropper", props);
+    const [startHideTipTimer, stopHideTipTimer] = useTimer(200);
+    const tooltipRef = ref(null);
+    const groups = shallowRef([]);
+    const tooltipContent = ref("");
+    const virtualRef = ref();
+    const emitUpload = (data, type) => {
+      emit("upload", { data, type });
+    };
+    const handleUpload = (file) => {
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        var _a;
+        const url = (_a = e.target) == null ? void 0 : _a.result;
+        if (url != null) {
+          emitUpload(url, file.type);
+        }
+      };
+      reader.readAsDataURL(file);
+      return false;
+    };
+    const hideTooltip = () => {
+      tooltipRef.value && tooltipRef.value.hide();
+    };
+    const handleItemHover = (item, e) => {
+      const title = lang.value[item.name];
+      if (props.tooltip && item.name !== "ok" && title) {
+        stopHideTipTimer();
+        virtualRef.value = e.currentTarget;
+        tooltipContent.value = title;
+      }
+    };
+    const handleClick = (name) => {
+      startHideTipTimer(() => {
+        hideTooltip();
+      });
+      emit(name);
+    };
+    const handleUploadButtonClick = (e) => {
+      startHideTipTimer(() => {
+        hideTooltip();
+      });
+      if (props.beforeUploadClick && props.beforeUploadClick(e, emitUpload) === false) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    };
+    watch(
+      () => props.tools,
+      (tools) => {
+        if (!tools) {
+          groups.value = [];
+          return;
+        }
+        const names = Object.keys(TOOL_ICONS);
+        groups.value = tools.split("|").filter((g) => !!g.trim()).map((g, i) => {
+          const items = g.split(",").filter((t) => {
+            const name = t.trim();
+            return name && names.includes(name);
+          }).map((t, j) => {
+            const name = t.trim();
+            return {
+              key: i + "-" + j + name,
+              name,
+              icon: markRaw(TOOL_ICONS[name]),
+              className: `ele-cropper-${name}`
+            };
+          });
+          return { key: i + g, items };
+        });
+      },
+      { immediate: true }
+    );
+    return {
+      lang,
+      tooltipRef,
+      groups,
+      tooltipContent,
+      virtualRef,
+      handleUpload,
+      handleClick,
+      handleItemHover,
+      handleUploadButtonClick
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-cropper-tools" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ElUpload = resolveComponent("ElUpload");
+  const _component_ElButtonGroup = resolveComponent("ElButtonGroup");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.groups, (group) => {
+      return openBlock(), createBlock(_component_ElButtonGroup, {
+        key: group.key,
+        class: "ele-cropper-tool-item"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: item.key
+            }, [
+              item.name === "upload" ? (openBlock(), createBlock(_component_ElUpload, {
+                key: 0,
+                action: "",
+                accept: _ctx.accept,
+                showFileList: false,
+                beforeUpload: _ctx.handleUpload,
+                style: { "display": "inline-block", "line-height": "0" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_ElButton, {
+                    type: "primary",
+                    icon: item.icon,
+                    class: normalizeClass(["ele-cropper-tool", item.className]),
+                    onMouseover: (e) => _ctx.handleItemHover(item, e),
+                    onClick: _ctx.handleUploadButtonClick
+                  }, null, 8, ["icon", "class", "onMouseover", "onClick"])
+                ]),
+                _: 2
+              }, 1032, ["accept", "beforeUpload"])) : (openBlock(), createBlock(_component_ElButton, {
+                key: 1,
+                type: "primary",
+                icon: item.icon,
+                class: normalizeClass(["ele-cropper-tool", item.className]),
+                onMouseover: (e) => _ctx.handleItemHover(item, e),
+                onClick: ($event) => _ctx.handleClick(item.name)
+              }, {
+                default: withCtx(() => [
+                  item.name === "ok" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode(toDisplayString(_ctx.lang.ok), 1)
+                  ], 64)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["icon", "class", "onMouseover", "onClick"]))
+            ], 64);
+          }), 128))
+        ]),
+        _: 2
+      }, 1024);
+    }), 128)),
+    createVNode(_component_EleTooltip, mergeProps({
+      placement: "top",
+      offset: 6
+    }, _ctx.tooltipProps || {}, {
+      content: _ctx.tooltipContent,
+      virtualRef: _ctx.virtualRef,
+      virtualTriggering: true,
+      ref: "tooltipRef"
+    }), null, 16, ["content", "virtualRef"])
+  ]);
+}
+const cropperTools = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  cropperTools as default
+};

package/es/ele-dashboard/props.d.ts

@@ -0,0 +1,17 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { DashboardType } from './types';
+
+/**
+ * 属性
+ */
+export declare const dashboardProps: {
+    /** 类型 */
+    type: PropType<DashboardType>;
+    /** 自定义颜色 */
+    color: StringConstructor;
+    /** 尺寸 */
+    size: (StringConstructor | NumberConstructor)[];
+    /** 间距 */
+    space: (StringConstructor | NumberConstructor)[];
+};
+export type DashboardProps = ExtractPropTypes<typeof dashboardProps>;

package/{lib/ele-dashboard/props.cjs → es/ele-dashboard/props.js}

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dashboardProps = {
   /** 类型 */
   type: String,
@@ -10,4 +8,6 @@ const dashboardProps = {
   /** 间距 */
   space: [Number, String]
 };
-exports.dashboardProps = dashboardProps;
+export {
+  dashboardProps
+};

package/{lib/ele-data-table/index.cjs → es/ele-data-table/index.js}

@@ -1,58 +1,57 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const icons = require("../icons");
-const core = require("../utils/core");
-const util = require("./util");
-const props = require("./props");
+import { defineComponent, ref, computed, watch, nextTick, onMounted, createVNode, mergeProps, h } from "vue";
+import { ElEmpty, ElTable, ElTableColumn } from "element-plus";
+import { FilterFilled } from "../icons";
+import { omit, pick, getValue, eachTree } from "../utils/core";
+import { useEmits, useMethods, useStickyHeader, isReserveChecked, getGlobalTooltipProps, getStateCols, getHeadRowClass, getBodyRowClass, isDisableRow, getTableFilter, getRowKeys, valueIsChanged, getRowByKey, arrayIsChanged, getKeysAndList, toggleRowSelectionPro, getTooltipProps, getFilterPopperClass, getCellClass } from "./util";
+import { dataTableEmits, dataTableProps, tablePropKeys } from "./props";
 const ownSlots = ["default", "append", "empty"];
-const index = /* @__PURE__ */ vue.defineComponent({
+const index = /* @__PURE__ */ defineComponent({
   name: "EleDataTable",
   components: {
-    ElTable: elementPlus.ElTable,
-    ElEmpty: elementPlus.ElEmpty
+    ElTable,
+    ElEmpty
   },
-  props: props.dataTableProps,
-  emits: props.dataTableEmits,
-  setup(props$1, {
+  props: dataTableProps,
+  emits: dataTableEmits,
+  setup(props, {
     emit,
     slots,
     expose
   }) {
-    const events = util.useEmits(emit);
-    const methods = util.useMethods(() => tableRef.value);
+    const events = useEmits(emit);
+    const methods = useMethods(() => tableRef.value);
     const {
       isLayoutFixedHead,
       isLayoutMaximized
-    } = util.useStickyHeader();
+    } = useStickyHeader();
     const tableState = {
-      sorter: props$1.defaultSort,
+      sorter: props.defaultSort,
       key: null,
       checkedKeys: [],
       checked: [],
-      reserveChecked: util.isReserveChecked(props$1.columns)
+      reserveChecked: isReserveChecked(props.columns)
     };
-    const tableRef = vue.ref(null);
-    const tableCols = vue.ref(props$1.columns ?? []);
-    const tableOverflowTooltip = vue.computed(() => {
-      return util.getGlobalTooltipProps(props$1.showOverflowTooltip, props$1.tooltipEffect, props$1.tooltipOptions);
+    const tableRef = ref(null);
+    const tableCols = ref(props.columns ?? []);
+    const tableOverflowTooltip = computed(() => {
+      return getGlobalTooltipProps(props.showOverflowTooltip, props.tooltipEffect, props.tooltipOptions);
     });
-    const childKey = vue.computed(() => {
+    const childKey = computed(() => {
       var _a;
-      return ((_a = props$1.treeProps) == null ? void 0 : _a.children) || "children";
+      return ((_a = props.treeProps) == null ? void 0 : _a.children) || "children";
     });
-    const tableProps = vue.computed(() => {
-      const propKeys = props.tablePropKeys.filter((k) => !["currentRowKey", "showOverflowTooltip", "tooltipOptions", "tooltipEffect"].includes(k));
+    const tableProps = computed(() => {
+      const propKeys = tablePropKeys.filter((k) => !["currentRowKey", "showOverflowTooltip", "tooltipOptions", "tooltipEffect"].includes(k));
       return {
-        ...core.pick(props$1, propKeys),
-        ...core.omit(events, ["onUpdate:currentRowKey", "onUpdate:selectedRowKeys", "onRowClick", "onHeaderClick", "onSortChange", "onFilterChange", "onCurrentChange", "onSelect", "onSelectAll", "onSelectionChange"])
+        ...pick(props, propKeys),
+        ...omit(events, ["onUpdate:currentRowKey", "onUpdate:selectedRowKeys", "onRowClick", "onHeaderClick", "onSortChange", "onFilterChange", "onCurrentChange", "onSelect", "onSelectAll", "onSelectionChange"])
       };
     });
     const handleRowClick = (row, column, event) => {
-      if (props$1.rowClickChecked && !util.isDisableRow(row, props$1.data.indexOf(row), props$1.columns)) {
+      if (props.rowClickChecked && !isDisableRow(row, props.data.indexOf(row), props.columns)) {
         const selections = methods.getSelectionRows();
-        if (props$1.rowClickChecked === "smart" && (!selections || !selections.length || selections.length === 1)) {
-          const key = core.getValue(row, props$1.rowKey);
+        if (props.rowClickChecked === "smart" && (!selections || !selections.length || selections.length === 1)) {
+          const key = getValue(row, props.rowKey);
           updateCheckedState(key == null ? [] : [key]);
         } else {
           toggleRowSelection(row);
@@ -79,20 +78,20 @@ const index = /* @__PURE__ */ vue.defineComponent({
       events.onSortChange(sorter);
     };
     const handleFilterChange = (filter) => {
-      tableState.filter = util.getTableFilter(tableRef.value) ?? filter;
+      tableState.filter = getTableFilter(tableRef.value) ?? filter;
       events.onFilterChange(tableState.filter);
     };
     const handleCurrentChange = (row, old) => {
       if (row != null && row !== old) {
-        updateSelectedState(core.getValue(row, props$1.rowKey), row);
+        updateSelectedState(getValue(row, props.rowKey), row);
       }
     };
     const handleSelect = (selection, row) => {
       events.onSelect(selection, row);
-      updateCheckedState(util.getRowKeys(selection, props$1.rowKey), selection);
+      updateCheckedState(getRowKeys(selection, props.rowKey), selection);
     };
     const handleSelectAll = (selection) => {
-      updateCheckedState(util.getRowKeys(selection, props$1.rowKey), selection);
+      updateCheckedState(getRowKeys(selection, props.rowKey), selection);
       events.onSelectAll(selection);
     };
     const updateScrollBar = () => {
@@ -112,10 +111,10 @@ const index = /* @__PURE__ */ vue.defineComponent({
     const toggleRowSelection = (row, selected) => {
       methods.toggleRowSelection(row, selected);
       const selection = methods.getSelectionRows() || [];
-      updateCheckedState(util.getRowKeys(selection, props$1.rowKey), selection);
+      updateCheckedState(getRowKeys(selection, props.rowKey), selection);
     };
     const setCurrentRow = (row) => {
-      updateSelectedState(core.getValue(row, props$1.rowKey), row);
+      updateSelectedState(getValue(row, props.rowKey), row);
     };
     const setCurrentRowKey = (key) => {
       updateSelectedState(key);
@@ -125,7 +124,7 @@ const index = /* @__PURE__ */ vue.defineComponent({
     };
     const setSelectedRows = (rows) => {
       if (rows) {
-        updateCheckedState(util.getRowKeys(rows, props$1.rowKey), rows, !!rows.length);
+        updateCheckedState(getRowKeys(rows, props.rowKey), rows, !!rows.length);
       }
     };
     const setSelectedRowKeys = (keys) => {
@@ -134,7 +133,7 @@ const index = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const toggleRowExpansionAll = (expanded) => {
-      core.eachTree(props$1.data, (row) => {
+      eachTree(props.data, (row) => {
         var _a;
         if ((_a = row[childKey.value]) == null ? void 0 : _a.length) {
           methods.toggleRowExpansion(row, expanded);
@@ -142,7 +141,7 @@ const index = /* @__PURE__ */ vue.defineComponent({
       }, childKey.value);
     };
     const updateSelectedState = (key, item) => {
-      if (!util.valueIsChanged(tableState.key, key)) {
+      if (!valueIsChanged(tableState.key, key)) {
         if (key != null && item != null) {
           if (tableState.row !== item) {
             tableState.row = item;
@@ -153,12 +152,12 @@ const index = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       if (key != null) {
-        const row = util.getRowByKey(key, props$1.data, props$1.rowKey, childKey.value);
-        if (row != null || props$1.reserveCurrent) {
+        const row = getRowByKey(key, props.data, props.rowKey, childKey.value);
+        if (row != null || props.reserveCurrent) {
           tableState.oldRow = tableState.row;
           tableState.row = row || item || void 0;
-          if (tableState.row == null && props$1.cacheData != null) {
-            tableState.row = util.getRowByKey(key, props$1.cacheData, props$1.rowKey, childKey.value);
+          if (tableState.row == null && props.cacheData != null) {
+            tableState.row = getRowByKey(key, props.cacheData, props.rowKey, childKey.value);
           }
           tableState.key = key;
           methods.setCurrentRow(row);
@@ -177,13 +176,13 @@ const index = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const updateCheckedState = (keys, items, force) => {
-      if (!force && !util.arrayIsChanged(tableState.checkedKeys, keys)) {
+      if (!force && !arrayIsChanged(tableState.checkedKeys, keys)) {
         return;
       }
-      const [dataKeys, list] = util.getKeysAndList(props$1.data, props$1.rowKey, childKey.value);
-      const [cacheKeys, cacheList] = util.getKeysAndList(props$1.cacheData, props$1.rowKey, childKey.value);
-      const itemKeys = items ? items.map((d) => core.getValue(d, props$1.rowKey)) : [];
-      const oldKeys = tableState.checked.map((d) => core.getValue(d, props$1.rowKey));
+      const [dataKeys, list] = getKeysAndList(props.data, props.rowKey, childKey.value);
+      const [cacheKeys, cacheList] = getKeysAndList(props.cacheData, props.rowKey, childKey.value);
+      const itemKeys = items ? items.map((d) => getValue(d, props.rowKey)) : [];
+      const oldKeys = tableState.checked.map((d) => getValue(d, props.rowKey));
       const checkedKeys = [];
       const checked = [];
       keys.forEach((key) => {
@@ -200,7 +199,7 @@ const index = /* @__PURE__ */ vue.defineComponent({
               return;
             }
           }
-          if (props$1.cacheData != null) {
+          if (props.cacheData != null) {
             const i = cacheKeys.indexOf(key);
             if (i !== -1) {
               checked.push(cacheList[i]);
@@ -212,21 +211,21 @@ const index = /* @__PURE__ */ vue.defineComponent({
             checked.push(tableState.checked[oIndex]);
             return;
           }
-          if (typeof props$1.rowKey === "string") {
+          if (typeof props.rowKey === "string") {
             checked.push({
-              [props$1.rowKey]: key,
+              [props.rowKey]: key,
               _isMock: true
             });
           }
         }
       });
-      const isChanged = util.arrayIsChanged(tableState.checked, checked);
+      const isChanged = arrayIsChanged(tableState.checked, checked);
       tableState.checked = checked;
       tableState.checkedKeys = checkedKeys;
-      if (isChanged || force && util.arrayIsChanged(methods.getSelectionRows(), checked)) {
+      if (isChanged || force && arrayIsChanged(methods.getSelectionRows(), checked)) {
         methods.clearSelection();
         checked.forEach((row) => {
-          util.toggleRowSelectionPro(tableRef.value, row, true);
+          toggleRowSelectionPro(tableRef.value, row, true);
         });
       }
       updateSelectedRowKeys(checkedKeys);
@@ -237,13 +236,13 @@ const index = /* @__PURE__ */ vue.defineComponent({
     const updateSelectedAndChecked = () => {
       const key = tableState.key;
       if (key != null) {
-        const row = util.getRowByKey(key, props$1.data, props$1.rowKey, childKey.value);
+        const row = getRowByKey(key, props.data, props.rowKey, childKey.value);
         if (row != null) {
           updateSelectedState(key, row);
-        } else if (!props$1.reserveCurrent) {
+        } else if (!props.reserveCurrent) {
           updateSelectedState(null);
-        } else if (props$1.cacheData != null) {
-          const temp = util.getRowByKey(key, props$1.cacheData, props$1.rowKey, childKey.value);
+        } else if (props.cacheData != null) {
+          const temp = getRowByKey(key, props.cacheData, props.rowKey, childKey.value);
           if (temp != null) {
             updateSelectedState(key, temp);
           }
@@ -257,27 +256,27 @@ const index = /* @__PURE__ */ vue.defineComponent({
       methods.updateKeyChildren(key, rows);
     };
     const updateCurrentRowKey = (key) => {
-      if (util.valueIsChanged(props$1.currentRowKey, key)) {
+      if (valueIsChanged(props.currentRowKey, key)) {
         events["onUpdate:currentRowKey"](key);
       }
     };
     const updateSelectedRowKeys = (keys) => {
-      const selected = props$1.selectedRowKeys || [];
-      if (util.arrayIsChanged(selected, keys)) {
+      const selected = props.selectedRowKeys || [];
+      if (arrayIsChanged(selected, keys)) {
         events["onUpdate:selectedRowKeys"](keys);
       }
     };
-    vue.watch(() => props$1.columns, (columns) => {
-      tableState.reserveChecked = util.isReserveChecked(columns);
+    watch(() => props.columns, (columns) => {
+      tableState.reserveChecked = isReserveChecked(columns);
       if (!columns) {
         tableCols.value = [];
       } else {
         const {
           cols,
           sorter
-        } = util.getStateCols(columns, tableState.sorter, tableState.filter);
+        } = getStateCols(columns, tableState.sorter, tableState.filter);
         tableCols.value = cols;
-        vue.nextTick(() => {
+        nextTick(() => {
           methods.doLayout();
           updateScrollBar();
           if (sorter) {
@@ -288,25 +287,25 @@ const index = /* @__PURE__ */ vue.defineComponent({
     }, {
       deep: true
     });
-    vue.watch([() => props$1.data, () => props$1.cacheData], () => {
-      vue.nextTick(() => {
+    watch([() => props.data, () => props.cacheData], () => {
+      nextTick(() => {
         updateSelectedAndChecked();
       });
     });
-    vue.watch(() => props$1.currentRowKey, (key) => {
+    watch(() => props.currentRowKey, (key) => {
       updateSelectedState(key);
     });
-    vue.watch(() => props$1.selectedRowKeys, (selectedRowKeys) => {
+    watch(() => props.selectedRowKeys, (selectedRowKeys) => {
       updateCheckedState(selectedRowKeys || []);
     }, {
       deep: true
     });
-    vue.onMounted(() => {
-      if (props$1.currentRowKey != null) {
-        updateSelectedState(props$1.currentRowKey);
+    onMounted(() => {
+      if (props.currentRowKey != null) {
+        updateSelectedState(props.currentRowKey);
       }
-      if (props$1.selectedRowKeys != null && props$1.selectedRowKeys.length) {
-        updateCheckedState(props$1.selectedRowKeys);
+      if (props.selectedRowKeys != null && props.selectedRowKeys.length) {
+        updateCheckedState(props.selectedRowKeys);
       }
     });
     const exposeValue = {
@@ -326,48 +325,48 @@ const index = /* @__PURE__ */ vue.defineComponent({
     };
     expose(exposeValue);
     const renderTableColumn = (col) => {
-      return vue.createVNode(elementPlus.ElTableColumn, vue.mergeProps(core.omit(col, ["showOverflowTooltip", "filterClassName", "columnKey", "className", "uid", "slot", "headerSlot", "hideInTable", "hideInSetting", "hideInExport", "hideInPrint", "printSlot", "children"]), {
+      return createVNode(ElTableColumn, mergeProps(omit(col, ["showOverflowTooltip", "filterClassName", "columnKey", "className", "uid", "slot", "headerSlot", "hideInTable", "hideInSetting", "hideInExport", "hideInPrint", "printSlot", "children"]), {
         "key": col.uid ?? col.columnKey ?? col.prop,
-        "index": col.index ?? props$1.pageIndex,
-        "className": util.getCellClass(col),
+        "index": col.index ?? props.pageIndex,
+        "className": getCellClass(col),
         "columnKey": col.columnKey ?? col.prop,
-        "filterClassName": util.getFilterPopperClass(col.filterClassName),
-        "showOverflowTooltip": util.getTooltipProps(col.showOverflowTooltip, tableOverflowTooltip.value)
+        "filterClassName": getFilterPopperClass(col.filterClassName),
+        "showOverflowTooltip": getTooltipProps(col.showOverflowTooltip, tableOverflowTooltip.value)
       }), {
         header: (slotProps) => {
           var _a, _b, _c;
-          return col.headerSlot && !ownSlots.includes(col.headerSlot) && slots[col.headerSlot] ? (_a = slots[col.headerSlot]) == null ? void 0 : _a.call(slots, slotProps) : vue.createVNode("div", {
+          return col.headerSlot && !ownSlots.includes(col.headerSlot) && slots[col.headerSlot] ? (_a = slots[col.headerSlot]) == null ? void 0 : _a.call(slots, slotProps) : createVNode("div", {
             "class": "ele-cell-title",
             "title": (_b = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _b.label
           }, [(_c = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _c.label]);
         },
         ["filter-icon"]: (slotProps) => {
           var _a;
-          return !col.filterIcon ? vue.createVNode(icons.FilterFilled, null, null) : typeof col.filterIcon === "string" && !ownSlots.includes(col.filterIcon) && slots[col.filterIcon] ? (_a = slots[col.filterIcon]) == null ? void 0 : _a.call(slots, slotProps) : vue.h(col.filterIcon);
+          return !col.filterIcon ? createVNode(FilterFilled, null, null) : typeof col.filterIcon === "string" && !ownSlots.includes(col.filterIcon) && slots[col.filterIcon] ? (_a = slots[col.filterIcon]) == null ? void 0 : _a.call(slots, slotProps) : h(col.filterIcon);
         },
         default: (slotProps) => {
           var _a;
-          return col.slot && !ownSlots.includes(col.slot) && slots[col.slot] && (!props$1.slotNormalize || (slotProps == null ? void 0 : slotProps.$index) != -1) ? (_a = slots[col.slot]) == null ? void 0 : _a.call(slots, slotProps) : col.children && col.children.length ? col.children.map(renderTableColumn) : void 0;
+          return col.slot && !ownSlots.includes(col.slot) && slots[col.slot] && (!props.slotNormalize || (slotProps == null ? void 0 : slotProps.$index) != -1) ? (_a = slots[col.slot]) == null ? void 0 : _a.call(slots, slotProps) : col.children && col.children.length ? col.children.map(renderTableColumn) : void 0;
         }
       });
     };
-    return () => vue.createVNode(elementPlus.ElTable, vue.mergeProps(tableProps.value, {
+    return () => createVNode(ElTable, mergeProps(tableProps.value, {
       "ref": tableRef,
-      "emptyText": props$1.errorText || props$1.emptyText,
-      "rowClassName": (param) => util.getBodyRowClass(props$1.rowClassName, param),
-      "headerRowClassName": (param) => util.getHeadRowClass(props$1.headerRowClassName, param, props$1.headerEllipsis),
+      "emptyText": props.errorText || props.emptyText,
+      "rowClassName": (param) => getBodyRowClass(props.rowClassName, param),
+      "headerRowClassName": (param) => getHeadRowClass(props.headerRowClassName, param, props.headerEllipsis),
       "class": ["ele-data-table", {
-        "is-sticky": props$1.sticky
+        "is-sticky": props.sticky
       }, {
-        "is-layout-fixed-head": props$1.sticky && isLayoutFixedHead.value
+        "is-layout-fixed-head": props.sticky && isLayoutFixedHead.value
       }, {
-        "is-layout-maximized": props$1.sticky && isLayoutMaximized.value
+        "is-layout-maximized": props.sticky && isLayoutMaximized.value
       }, {
-        "is-sticky": props$1.sticky
+        "is-sticky": props.sticky
       }, {
-        "hide-header": !props$1.showHeader
+        "hide-header": !props.showHeader
       }, {
-        "hide-bottom-line": !props$1.bottomLine
+        "hide-bottom-line": !props.bottomLine
       }],
       "onRowClick": handleRowClick,
       "onHeaderClick": handleHeaderClick,
@@ -384,17 +383,19 @@ const index = /* @__PURE__ */ vue.defineComponent({
       empty: slots.empty ? () => {
         var _a;
         return (_a = slots.empty) == null ? void 0 : _a.call(slots, {
-          text: props$1.emptyText,
-          error: props$1.errorText
+          text: props.emptyText,
+          error: props.errorText
         });
-      } : props$1.emptyProps ? () => vue.createVNode(elementPlus.ElEmpty, vue.mergeProps({
+      } : props.emptyProps ? () => createVNode(ElEmpty, mergeProps({
         "imageSize": 68
-      }, !props$1.emptyProps || props$1.emptyProps === true ? {} : props$1.emptyProps, {
-        "description": props$1.errorText || props$1.emptyText,
+      }, !props.emptyProps || props.emptyProps === true ? {} : props.emptyProps, {
+        "description": props.errorText || props.emptyText,
         "class": "ele-table-empty"
       }), null) : void 0,
       default: () => tableCols.value.map(renderTableColumn)
     });
   }
 });
-module.exports = index;
+export {
+  index as default
+};