@koi-design/uxd-ui 14.0.3 → 14.0.5

package/lib/components/Table/tableUnits/TableCell.js

@@ -9,9 +9,10 @@ var index = require('../../Skeleton/index.js');
 var Render = require('../../base/Render.js');
 var ExpandIcon = require('./ExpandIcon.js');
 require('../../../utils/index.js');
-var utils = require('../utils.js');
+var ResizeObserver = require('../../base/ResizeObserver.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var dom = require('../../../utils/dom.js');
+var tools = require('../../../utils/tools.js');
 
 const USkeletonItem = index.USkeleton.Item;
 const _sfc_main = vue.defineComponent({
@@ -21,7 +22,8 @@ const _sfc_main = vue.defineComponent({
     ExpandIcon: ExpandIcon["default"],
     UTooltip: index$1.UTooltip,
     USkeleton: index.USkeleton,
-    USkeletonItem
+    USkeletonItem,
+    ResizeObserver: ResizeObserver["default"]
   },
   props: {
     prefixCls: {
@@ -62,12 +64,12 @@ const _sfc_main = vue.defineComponent({
       props: { indentSize },
       expand: { handleExpandChange, isRowExpanded },
       filterAndSorter: { hasAction, hasSorters, hasFilters, isSortColumn },
-      size: { sizesMap },
       pagination
     } = vue.inject("tableContext", {});
     const cellRef = vue.ref();
     const ellipsisSpanRef = vue.ref();
     const isOverflow = vue.ref(false);
+    const isMinWidth = vue.ref(false);
     const renderFn = vue.computed(() => {
       const { render } = props.column;
       return render || null;
@@ -112,6 +114,9 @@ const _sfc_main = vue.defineComponent({
       if (right !== void 0) {
         style.right = `${right}px`;
       }
+      if (isMinWidth.value) {
+        style.width = `${props.column.minWidth}px`;
+      }
       return style;
     });
     const handleExpand = (e) => {
@@ -129,26 +134,25 @@ const _sfc_main = vue.defineComponent({
         e
       );
     };
-    vue.watch(
-      () => sizesMap,
-      () => {
+    const checkWidth = ({ target, width }) => {
+      vue.nextTick(() => {
         if (ellipsisSpanRef.value) {
-          const cell = cellRef.value;
+          const cell = target;
           const padding = (Number.parseInt(dom.getStyle(cell, "paddingLeft")) || 0) + (Number.parseInt(dom.getStyle(cell, "paddingRight")) || 0);
           const span = ellipsisSpanRef.value;
           const range = document.createRange();
           range.setStart(span, 0);
           range.setEnd(span, span.childNodes.length);
           const rangeWidth = range.getBoundingClientRect().width;
-          const colKey = utils.getColumnKey(props.column);
-          const cellWidth = sizesMap[colKey];
-          if (rangeWidth + padding > cellWidth) {
+          if (rangeWidth + padding > width) {
             isOverflow.value = true;
+          } else {
+            isOverflow.value = false;
           }
         }
-      },
-      { deep: true }
-    );
+      });
+    };
+    const debouncedHandleResize = tools.debounce((args) => checkWidth(args), 100);
     return {
       tablePrefixCls,
       isRender,
@@ -168,99 +172,108 @@ const _sfc_main = vue.defineComponent({
       pagination,
       cellRef,
       ellipsisSpanRef,
-      isOverflow
+      isOverflow,
+      debouncedHandleResize
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
   const _component_USkeletonItem = vue.resolveComponent("USkeletonItem");
   const _component_USkeleton = vue.resolveComponent("USkeleton");
   const _component_ExpandIcon = vue.resolveComponent("ExpandIcon");
   const _component_Render = vue.resolveComponent("Render");
   const _component_UTooltip = vue.resolveComponent("UTooltip");
-  return _ctx.showCell ? (vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
-    key: 0,
-    ref: "cellRef"
-  }, _ctx.tdProps, {
-    class: {
-      [`${_ctx.prefixCls}-cell-custom`]: !!((_a = _ctx.tdProps) == null ? void 0 : _a.class),
-      [`${_ctx.column.className}`]: !!_ctx.column.className,
-      [`${_ctx.prefixCls}-cell-ellipsis`]: !!_ctx.column.ellipsis,
-      [`${_ctx.prefixCls}-cell-break-word`]: !!_ctx.column.width,
-      [`${_ctx.tablePrefixCls}-column-has-actions`]: _ctx.hasAction(_ctx.column),
-      [`${_ctx.tablePrefixCls}-column-has-sorters`]: _ctx.hasSorters(_ctx.column),
-      [`${_ctx.tablePrefixCls}-column-has-filters`]: _ctx.hasFilters(_ctx.column),
-      [`${_ctx.tablePrefixCls}-column-sort`]: _ctx.isSortColumn(_ctx.column)
-    },
-    style: _ctx.tdStyle
-  }), [
-    _ctx.skeleton ? (vue.openBlock(), vue.createBlock(_component_USkeleton, {
-      key: 0,
-      class: vue.normalizeClass(`${_ctx.prefixCls}-skeleton-wrap`),
-      active: ""
-    }, {
-      default: vue.withCtx(() => [
-        _ctx.column.skeleton ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(Array(_ctx.column.skeleton.length), (_, ski) => {
-          return vue.openBlock(), vue.createBlock(_component_USkeletonItem, {
-            key: ski,
-            type: _ctx.column.skeleton[ski].type,
-            style: vue.normalizeStyle(_ctx.column.skeleton[ski].style)
-          }, null, 8, ["type", "style"]);
-        }), 128)) : (vue.openBlock(), vue.createBlock(_component_USkeletonItem, {
-          key: 1,
-          type: "text",
-          style: { "width": "50%" }
-        }))
-      ]),
-      _: 1
-    }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-      _ctx.expandIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(`${_ctx.prefixCls}-indent indent-level-${_ctx.indent}`),
-          style: vue.normalizeStyle({ paddingLeft: `${_ctx.indentSize * _ctx.indent}px` })
-        }, null, 6),
-        vue.createVNode(_component_ExpandIcon, {
-          "need-indent-spaced": "",
-          expandable: !!_ctx.data.children,
-          "need-loading": _ctx.data.children === true,
-          "row-key": _ctx.rowKey,
-          expanded: _ctx.isRowExpanded(_ctx.rowKey, true),
-          onExpand: _ctx.handleExpand,
-          onAsyncExpand: _ctx.handleAsyncExpand
-        }, null, 8, ["expandable", "need-loading", "row-key", "expanded", "onExpand", "onAsyncExpand"])
-      ], 64)) : vue.createCommentVNode("v-if", true),
-      _ctx.isRender ? (vue.openBlock(), vue.createBlock(_component_Render, {
-        key: 1,
-        render: () => {
-          var _a2;
-          return (_a2 = _ctx.renderFn) == null ? void 0 : _a2.call(_ctx, {
-            row: _ctx.data,
-            index: _ctx.index,
-            rowKey: _ctx.rowKey,
-            pagination: _ctx.pagination,
-            column: _ctx.column
-          });
-        }
-      }, null, 8, ["render"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-        _ctx.column.ellipsis && _ctx.displayCell ? (vue.openBlock(), vue.createBlock(_component_UTooltip, {
+  const _component_ResizeObserver = vue.resolveComponent("ResizeObserver");
+  return vue.openBlock(), vue.createBlock(_component_ResizeObserver, { onResize: _ctx.debouncedHandleResize }, {
+    default: vue.withCtx(() => {
+      var _a;
+      return [
+        _ctx.showCell ? (vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
           key: 0,
-          title: _ctx.displayCell.toString(),
-          disabled: !_ctx.isOverflow,
-          "mouse-enter-delay": 0.5
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("span", { ref: "ellipsisSpanRef" }, vue.toDisplayString(_ctx.displayCell), 513)
-          ]),
-          _: 1
-        }, 8, ["title", "disabled"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          vue.createTextVNode(vue.toDisplayString(_ctx.displayCell), 1)
-        ], 64))
-      ], 64))
-    ], 64))
-  ], 16)) : vue.createCommentVNode("v-if", true);
+          ref: "cellRef"
+        }, _ctx.tdProps, {
+          class: {
+            [`${_ctx.prefixCls}-cell-custom`]: !!((_a = _ctx.tdProps) == null ? void 0 : _a.class),
+            [`${_ctx.column.className}`]: !!_ctx.column.className,
+            [`${_ctx.prefixCls}-cell-ellipsis`]: !!_ctx.column.ellipsis,
+            [`${_ctx.prefixCls}-cell-break-word`]: !!_ctx.column.width,
+            [`${_ctx.tablePrefixCls}-column-has-actions`]: _ctx.hasAction(_ctx.column),
+            [`${_ctx.tablePrefixCls}-column-has-sorters`]: _ctx.hasSorters(_ctx.column),
+            [`${_ctx.tablePrefixCls}-column-has-filters`]: _ctx.hasFilters(_ctx.column),
+            [`${_ctx.tablePrefixCls}-column-sort`]: _ctx.isSortColumn(_ctx.column)
+          },
+          style: _ctx.tdStyle
+        }), [
+          _ctx.skeleton ? (vue.openBlock(), vue.createBlock(_component_USkeleton, {
+            key: 0,
+            class: vue.normalizeClass(`${_ctx.prefixCls}-skeleton-wrap`),
+            active: ""
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.column.skeleton ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(Array(_ctx.column.skeleton.length), (_, ski) => {
+                return vue.openBlock(), vue.createBlock(_component_USkeletonItem, {
+                  key: ski,
+                  type: _ctx.column.skeleton[ski].type,
+                  style: vue.normalizeStyle(_ctx.column.skeleton[ski].style)
+                }, null, 8, ["type", "style"]);
+              }), 128)) : (vue.openBlock(), vue.createBlock(_component_USkeletonItem, {
+                key: 1,
+                type: "text",
+                style: { "width": "50%" }
+              }))
+            ]),
+            _: 1
+          }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            _ctx.expandIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(`${_ctx.prefixCls}-indent indent-level-${_ctx.indent}`),
+                style: vue.normalizeStyle({ paddingLeft: `${_ctx.indentSize * _ctx.indent}px` })
+              }, null, 6),
+              vue.createVNode(_component_ExpandIcon, {
+                "need-indent-spaced": "",
+                expandable: !!_ctx.data.children,
+                "need-loading": _ctx.data.children === true,
+                "row-key": _ctx.rowKey,
+                expanded: _ctx.isRowExpanded(_ctx.rowKey, true),
+                onExpand: _ctx.handleExpand,
+                onAsyncExpand: _ctx.handleAsyncExpand
+              }, null, 8, ["expandable", "need-loading", "row-key", "expanded", "onExpand", "onAsyncExpand"])
+            ], 64)) : vue.createCommentVNode("v-if", true),
+            _ctx.isRender ? (vue.openBlock(), vue.createBlock(_component_Render, {
+              key: 1,
+              render: () => {
+                var _a2;
+                return (_a2 = _ctx.renderFn) == null ? void 0 : _a2.call(_ctx, {
+                  row: _ctx.data,
+                  index: _ctx.index,
+                  rowKey: _ctx.rowKey,
+                  pagination: _ctx.pagination,
+                  column: _ctx.column
+                });
+              }
+            }, null, 8, ["render"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+              _ctx.column.ellipsis && _ctx.displayCell ? (vue.openBlock(), vue.createBlock(_component_UTooltip, {
+                key: 0,
+                title: _ctx.displayCell.toString(),
+                disabled: !_ctx.isOverflow,
+                "mouse-enter-delay": 0.5
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("span", { ref: "ellipsisSpanRef" }, vue.toDisplayString(_ctx.displayCell), 513)
+                ]),
+                _: 1
+              }, 8, ["title", "disabled"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createTextVNode(vue.toDisplayString(_ctx.displayCell), 1)
+              ], 64))
+            ], 64))
+          ], 64))
+        ], 16)) : vue.createCommentVNode("v-if", true)
+      ];
+    }),
+    _: 1
+  }, 8, ["onResize"]);
 }
-var TableCell = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableCell.vue"]]);
+var TableCell = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableCell.vue"]]);
 
 exports["default"] = TableCell;
 //# sourceMappingURL=TableCell.js.map

package/lib/components/Table/tableUnits/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/tableUnits/TableCell.vue"],"sourcesContent":["<template>\n  <td\n    v-if=\"showCell\"\n    ref=\"cellRef\"\n    v-bind=\"tdProps\"\n    :class=\"{\n      [`${prefixCls}-cell-custom`]: !!(tdProps as any)?.class,\n      [`${column.className}`]: !!column.className,\n      [`${prefixCls}-cell-ellipsis`]: !!column.ellipsis,\n      [`${prefixCls}-cell-break-word`]: !!column.width,\n      [`${tablePrefixCls}-column-has-actions`]: hasAction(column),\n      [`${tablePrefixCls}-column-has-sorters`]: hasSorters(column),\n      [`${tablePrefixCls}-column-has-filters`]: hasFilters(column),\n      [`${tablePrefixCls}-column-sort`]: isSortColumn(column)\n    }\"\n    :style=\"tdStyle\"\n  >\n    <USkeleton v-if=\"skeleton\" :class=\"`${prefixCls}-skeleton-wrap`\" active>\n      <template v-if=\"column.skeleton\">\n        <USkeletonItem\n          v-for=\"(_, ski) in Array(column.skeleton.length)\"\n          :key=\"ski\"\n          :type=\"column.skeleton[ski].type\"\n          :style=\"column.skeleton[ski].style\"\n        />\n      </template>\n      <USkeletonItem v-else type=\"text\" style=\"width: 50%\" />\n    </USkeleton>\n    <template v-else>\n      <template v-if=\"expandIcon\">\n        <span :class=\"`${prefixCls}-indent indent-level-${indent}`\" :style=\"{ paddingLeft: `${indentSize * indent}px` }\" />\n        <ExpandIcon\n          need-indent-spaced\n          :expandable=\"!!(data as any).children\"\n          :need-loading=\"(data as any).children === true\"\n          :row-key=\"rowKey\"\n          :expanded=\"isRowExpanded(rowKey, true)\"\n          @expand=\"handleExpand\"\n          @async-expand=\"handleAsyncExpand\"\n        />\n      </template>\n      <Render\n        v-if=\"isRender\"\n        :render=\"\n          () => {\n            return renderFn?.({\n              row: data,\n              index,\n              rowKey,\n              pagination,\n              column\n            });\n          }\n        \"\n      />\n      <template v-else>\n        <template v-if=\"column.ellipsis && displayCell\">\n          <UTooltip :title=\"displayCell.toString()\" :disabled=\"!isOverflow\" :mouse-enter-delay=\"0.5\">\n            <span ref=\"ellipsisSpanRef\">\n              {{ displayCell }}\n            </span>\n          </UTooltip>\n        </template>\n        <template v-else>\n          {{ displayCell }}\n        </template>\n      </template>\n    </template>\n  </td>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport { get } from 'lodash-unified';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport USkeleton from '@uxd-ui/components/Skeleton';\nimport Render from '../../base/Render';\nimport ExpandIcon from './ExpandIcon.vue';\nimport type { InnerColumn, TableContext } from '../Table.type';\nimport { getStyle } from '../../../utils';\nimport { getColumnKey } from '../utils';\n\nconst USkeletonItem = USkeleton.Item;\n\nexport default defineComponent({\n  name: 'TableCell',\n  components: {\n    Render,\n    ExpandIcon,\n    UTooltip,\n    USkeleton,\n    USkeletonItem\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    column: {\n      type: Object as PropType<InnerColumn>,\n      required: true\n    },\n    data: {\n      type: Object as PropType<Record<string, any>>,\n      required: true\n    },\n    rowKey: {\n      type: [String, Number],\n      required: true\n    },\n    index: {\n      type: Number,\n      required: true\n    },\n    indent: {\n      type: Number,\n      default: 20\n    },\n    expandIcon: {\n      type: Boolean,\n      default: false\n    },\n    skeleton: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls: tablePrefixCls,\n      props: { indentSize },\n      expand: { handleExpandChange, isRowExpanded },\n      filterAndSorter: { hasAction, hasSorters, hasFilters, isSortColumn },\n      size: { sizesMap },\n      pagination\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const cellRef = ref();\n    const ellipsisSpanRef = ref();\n    const isOverflow = ref(false);\n\n    const renderFn = computed(() => {\n      const { render } = props.column;\n      return render || null;\n    });\n\n    const isRender = computed(() => {\n      return renderFn.value !== null;\n    });\n\n    const displayCell = computed(() => {\n      const { key, dataIndex } = props.column;\n      const record = props.data;\n      return get(record, dataIndex || key);\n    });\n\n    const tdProps = ref({});\n    const showCell = ref(true);\n\n    watch(\n      () => [props.column, props.data, props.index],\n      () => {\n        const { customCell } = props.column;\n        const attrs = {} as Record<string, any>;\n        // if (ellipsis && !render) {\n        //   attrs.title = displayCell.value;\n        // }\n        if (customCell) {\n          const { data, index } = props;\n          const _props = customCell(data, index);\n          const { colSpan, rowSpan } = _props;\n          showCell.value = colSpan !== 0 && rowSpan !== 0;\n          Object.keys(_props).forEach((key) => {\n            attrs[key] = _props[key];\n          });\n        }\n        tdProps.value = attrs;\n      },\n      { immediate: true }\n    );\n\n    const tdStyle = computed(() => {\n      const style = {} as CSSProperties;\n      const { align, left, right } = props.column;\n      if (align) {\n        style.textAlign = align;\n      }\n      if (left !== undefined) {\n        style.left = `${left}px`;\n      }\n      if (right !== undefined) {\n        style.right = `${right}px`;\n      }\n      return style;\n    });\n\n    const handleExpand = (e: any) => {\n      handleExpandChange({ row: props.data, rowKey: props.rowKey, tree: true }, e);\n    };\n\n    const handleAsyncExpand = (e: any, done: () => void) => {\n      handleExpandChange(\n        {\n          row: props.data,\n          rowKey: props.rowKey,\n          async: true,\n          tree: true,\n          done\n        },\n        e\n      );\n    };\n\n    watch(\n      () => sizesMap,\n      () => {\n        if (ellipsisSpanRef.value) {\n          const cell = cellRef.value;\n          const padding = (Number.parseInt(getStyle(cell, 'paddingLeft')) || 0) + (Number.parseInt(getStyle(cell, 'paddingRight')) || 0);\n          const span = ellipsisSpanRef.value;\n          const range = document.createRange();\n          range.setStart(span, 0);\n          range.setEnd(span, span.childNodes.length);\n          const rangeWidth = range.getBoundingClientRect().width;\n\n          const colKey = getColumnKey(props.column);\n          const cellWidth = sizesMap[colKey];\n          if (rangeWidth + padding > cellWidth) {\n            isOverflow.value = true;\n          }\n        }\n      },\n      { deep: true }\n    );\n\n    return {\n      tablePrefixCls,\n      isRender,\n      renderFn,\n      displayCell,\n      tdProps,\n      tdStyle,\n      indentSize,\n      handleExpand,\n      handleAsyncExpand,\n      isRowExpanded,\n      showCell,\n      hasAction,\n      hasSorters,\n      hasFilters,\n      isSortColumn,\n      pagination,\n      cellRef,\n      ellipsisSpanRef,\n      isOverflow\n    };\n  }\n});\n</script>\n"],"names":["USkeleton","defineComponent","Render","ExpandIcon","UTooltip","inject","ref","computed","get","getStyle","getColumnKey","_createElementBlock","_mergeProps","_createBlock","_normalizeClass","_Fragment","_normalizeStyle","_createElementVNode","_createVNode","_a"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/tableUnits/TableCell.vue"],"sourcesContent":["<template>\n  <ResizeObserver @resize=\"debouncedHandleResize\">\n    <td\n      v-if=\"showCell\"\n      ref=\"cellRef\"\n      v-bind=\"tdProps\"\n      :class=\"{\n      [`${prefixCls}-cell-custom`]: !!(tdProps as any)?.class,\n      [`${column.className}`]: !!column.className,\n      [`${prefixCls}-cell-ellipsis`]: !!column.ellipsis,\n      [`${prefixCls}-cell-break-word`]: !!column.width,\n      [`${tablePrefixCls}-column-has-actions`]: hasAction(column),\n      [`${tablePrefixCls}-column-has-sorters`]: hasSorters(column),\n      [`${tablePrefixCls}-column-has-filters`]: hasFilters(column),\n      [`${tablePrefixCls}-column-sort`]: isSortColumn(column)\n    }\"\n      :style=\"tdStyle\"\n    >\n      <USkeleton v-if=\"skeleton\" :class=\"`${prefixCls}-skeleton-wrap`\" active>\n        <template v-if=\"column.skeleton\">\n          <USkeletonItem\n            v-for=\"(_, ski) in Array(column.skeleton.length)\"\n            :key=\"ski\"\n            :type=\"column.skeleton[ski].type\"\n            :style=\"column.skeleton[ski].style\"\n          />\n        </template>\n        <USkeletonItem v-else type=\"text\" style=\"width: 50%\" />\n      </USkeleton>\n      <template v-else>\n        <template v-if=\"expandIcon\">\n          <span :class=\"`${prefixCls}-indent indent-level-${indent}`\" :style=\"{ paddingLeft: `${indentSize * indent}px` }\" />\n          <ExpandIcon\n            need-indent-spaced\n            :expandable=\"!!(data as any).children\"\n            :need-loading=\"(data as any).children === true\"\n            :row-key=\"rowKey\"\n            :expanded=\"isRowExpanded(rowKey, true)\"\n            @expand=\"handleExpand\"\n            @async-expand=\"handleAsyncExpand\"\n          />\n        </template>\n        <Render\n          v-if=\"isRender\"\n          :render=\"\n            () => {\n              return renderFn?.({\n                row: data,\n                index,\n                rowKey,\n                pagination,\n                column\n              });\n            }\n          \"\n        />\n        <template v-else>\n          <template v-if=\"column.ellipsis && displayCell\">\n            <UTooltip :title=\"displayCell.toString()\" :disabled=\"!isOverflow\" :mouse-enter-delay=\"0.5\">\n              <span ref=\"ellipsisSpanRef\">\n                {{ displayCell }}\n              </span>\n            </UTooltip>\n          </template>\n          <template v-else>\n            {{ displayCell }}\n          </template>\n        </template>\n      </template>\n    </td>\n  </ResizeObserver>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, watch, ref, nextTick } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport { get } from 'lodash-unified';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport USkeleton from '@uxd-ui/components/Skeleton';\nimport Render from '../../base/Render';\nimport ExpandIcon from './ExpandIcon.vue';\nimport type { InnerColumn, TableContext } from '../Table.type';\nimport { debounce, getStyle } from '../../../utils';\nimport ResizeObserver from '../../base/ResizeObserver';\n\nconst USkeletonItem = USkeleton.Item;\n\nexport default defineComponent({\n  name: 'TableCell',\n  components: {\n    Render,\n    ExpandIcon,\n    UTooltip,\n    USkeleton,\n    USkeletonItem,\n    ResizeObserver\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    column: {\n      type: Object as PropType<InnerColumn>,\n      required: true\n    },\n    data: {\n      type: Object as PropType<Record<string, any>>,\n      required: true\n    },\n    rowKey: {\n      type: [String, Number],\n      required: true\n    },\n    index: {\n      type: Number,\n      required: true\n    },\n    indent: {\n      type: Number,\n      default: 20\n    },\n    expandIcon: {\n      type: Boolean,\n      default: false\n    },\n    skeleton: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls: tablePrefixCls,\n      props: { indentSize },\n      expand: { handleExpandChange, isRowExpanded },\n      filterAndSorter: { hasAction, hasSorters, hasFilters, isSortColumn },\n      // size: { sizesMap },\n      pagination\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const cellRef = ref();\n    const ellipsisSpanRef = ref();\n    const isOverflow = ref(false);\n    const isMinWidth = ref(false);\n\n    const renderFn = computed(() => {\n      const { render } = props.column;\n      return render || null;\n    });\n\n    const isRender = computed(() => {\n      return renderFn.value !== null;\n    });\n\n    const displayCell = computed(() => {\n      const { key, dataIndex } = props.column;\n      const record = props.data;\n      return get(record, dataIndex || key);\n    });\n\n    const tdProps = ref({});\n    const showCell = ref(true);\n\n    watch(\n      () => [props.column, props.data, props.index],\n      () => {\n        const { customCell } = props.column;\n        const attrs = {} as Record<string, any>;\n        // if (ellipsis && !render) {\n        //   attrs.title = displayCell.value;\n        // }\n        if (customCell) {\n          const { data, index } = props;\n          const _props = customCell(data, index);\n          const { colSpan, rowSpan } = _props;\n          showCell.value = colSpan !== 0 && rowSpan !== 0;\n          Object.keys(_props).forEach((key) => {\n            attrs[key] = _props[key];\n          });\n        }\n        tdProps.value = attrs;\n      },\n      { immediate: true }\n    );\n\n    const tdStyle = computed(() => {\n      const style = {} as CSSProperties;\n      const { align, left, right } = props.column;\n      if (align) {\n        style.textAlign = align;\n      }\n      if (left !== undefined) {\n        style.left = `${left}px`;\n      }\n      if (right !== undefined) {\n        style.right = `${right}px`;\n      }\n      if (isMinWidth.value) {\n        style.width = `${props.column.minWidth}px`;\n      }\n      return style;\n    });\n\n    const handleExpand = (e: any) => {\n      handleExpandChange({ row: props.data, rowKey: props.rowKey, tree: true }, e);\n    };\n\n    const handleAsyncExpand = (e: any, done: () => void) => {\n      handleExpandChange(\n        {\n          row: props.data,\n          rowKey: props.rowKey,\n          async: true,\n          tree: true,\n          done\n        },\n        e\n      );\n    };\n\n    const checkWidth = ({ target, width }: { target: HTMLElement; width: number }) => {\n      nextTick(() => {\n        if (ellipsisSpanRef.value) {\n          const cell = target;\n          const padding = (Number.parseInt(getStyle(cell, 'paddingLeft')) || 0) + (Number.parseInt(getStyle(cell, 'paddingRight')) || 0);\n          const span = ellipsisSpanRef.value;\n          const range = document.createRange();\n          range.setStart(span, 0);\n          range.setEnd(span, span.childNodes.length);\n          const rangeWidth = range.getBoundingClientRect().width;\n\n          // const cellWidth = Number(getStyle(cell, 'width'));\n          if (rangeWidth + padding > width) {\n            isOverflow.value = true;\n          } else {\n            isOverflow.value = false;\n          }\n        }\n      });\n    };\n\n    // onMounted(() => {\n    //   checkOverflow(cellRef.value);\n    // });\n\n    const debouncedHandleResize = debounce((args: any) => checkWidth(args), 100);\n\n    return {\n      tablePrefixCls,\n      isRender,\n      renderFn,\n      displayCell,\n      tdProps,\n      tdStyle,\n      indentSize,\n      handleExpand,\n      handleAsyncExpand,\n      isRowExpanded,\n      showCell,\n      hasAction,\n      hasSorters,\n      hasFilters,\n      isSortColumn,\n      pagination,\n      cellRef,\n      ellipsisSpanRef,\n      isOverflow,\n      debouncedHandleResize\n    };\n  }\n});\n</script>\n"],"names":["USkeleton","defineComponent","Render","ExpandIcon","UTooltip","ResizeObserver","inject","ref","computed","get","getStyle","debounce","_createBlock","_createElementBlock","_mergeProps","_normalizeClass","_Fragment","_normalizeStyle","_createElementVNode","_createVNode","_a"],"mappings":"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"}

package/lib/components/Table/tableUnits/TableCell.vue.d.ts

@@ -52,6 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     cellRef: import("vue").Ref<any, any>;
     ellipsisSpanRef: import("vue").Ref<any, any>;
     isOverflow: import("vue").Ref<boolean, boolean>;
+    debouncedHandleResize: import("../../../utils").DebounceReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;
@@ -86,8 +87,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     expandIcon: boolean;
-    skeleton: boolean;
     indent: number;
+    skeleton: boolean;
 }, {}, {
     Render: {
         (props: import("../../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -108,7 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         expandIcon: {
             type: PropType<import("../../../utils").IconPropType>;
-            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            default: any;
         };
         needIndentSpaced: {
             type: BooleanConstructor;
@@ -134,7 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         expandIcon: {
             type: PropType<import("../../../utils").IconPropType>;
-            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            default: any;
         };
         needIndentSpaced: {
             type: BooleanConstructor;
@@ -149,7 +150,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onAsync-expand"?: (...args: any[]) => any;
     }>, {
         expanded: boolean;
-        expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        expandIcon: any;
         expandable: boolean;
         needIndentSpaced: boolean;
         needLoading: boolean;
@@ -1126,5 +1127,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {
         ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onResize?: (...args: any[]) => any;
+    }>, {
+        disabled: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/Table/tableUnits/TableHeader.js

@@ -69,7 +69,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TableHeader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableHeader.vue"]]);
+var TableHeader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableHeader.vue"]]);
 
 exports["default"] = TableHeader;
 //# sourceMappingURL=TableHeader.js.map

package/lib/components/Table/tableUnits/TableHeaderRow.js

@@ -320,7 +320,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 4);
 }
-var TableHeaderRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableHeaderRow.vue"]]);
+var TableHeaderRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableHeaderRow.vue"]]);
 
 exports["default"] = TableHeaderRow;
 //# sourceMappingURL=TableHeaderRow.js.map

package/lib/components/Table/tableUnits/TableRow.js

@@ -163,7 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 46, _hoisted_1);
 }
-var TableRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableRow.vue"]]);
+var TableRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableRow.vue"]]);
 
 exports["default"] = TableRow;
 //# sourceMappingURL=TableRow.js.map

package/lib/components/Table/tableUnits/TableRow.vue.d.ts

@@ -94,8 +94,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     columns: TableColumn[];
-    skeleton: boolean;
     indent: number;
+    skeleton: boolean;
     expendedRow: boolean;
     childRow: boolean;
 }, {}, {
@@ -151,6 +151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         cellRef: import("vue").Ref<any, any>;
         ellipsisSpanRef: import("vue").Ref<any, any>;
         isOverflow: import("vue").Ref<boolean, boolean>;
+        debouncedHandleResize: import("../../../utils").DebounceReturn;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         prefixCls: {
             type: StringConstructor;
@@ -185,8 +186,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         expandIcon: boolean;
-        skeleton: boolean;
         indent: number;
+        skeleton: boolean;
     }, {}, {
         Render: {
             (props: import("../../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -207,7 +208,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             expandIcon: {
                 type: PropType<import("../../..").IconPropType>;
-                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                default: any;
             };
             needIndentSpaced: {
                 type: BooleanConstructor;
@@ -233,7 +234,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             expandIcon: {
                 type: PropType<import("../../..").IconPropType>;
-                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                default: any;
             };
             needIndentSpaced: {
                 type: BooleanConstructor;
@@ -248,7 +249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onAsync-expand"?: (...args: any[]) => any;
         }>, {
             expanded: boolean;
-            expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            expandIcon: any;
             expandable: boolean;
             needIndentSpaced: boolean;
             needLoading: boolean;
@@ -1225,6 +1226,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {
             ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onResize?: (...args: any[]) => any;
+        }>, {
+            disabled: boolean;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/Table/tableUnits/TableSummaryRow.js

@@ -120,7 +120,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 46, _hoisted_1);
 }
-var TableSummaryRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableSummaryRow.vue"]]);
+var TableSummaryRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableSummaryRow.vue"]]);
 
 exports["default"] = TableSummaryRow;
 //# sourceMappingURL=TableSummaryRow.js.map

package/lib/components/Tabs/TabBar.js

@@ -107,7 +107,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     style: vue.normalizeStyle(_ctx.barStyle)
   }, null, 6);
 }
-var TabBar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tabs/TabBar.vue"]]);
+var TabBar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tabs\\TabBar.vue"]]);
 
 exports["default"] = TabBar;
 //# sourceMappingURL=TabBar.js.map

package/lib/components/Tabs/TabNav.js

@@ -502,7 +502,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ], 34);
 }
-var TabNav = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tabs/TabNav.vue"]]);
+var TabNav = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tabs\\TabNav.vue"]]);
 
 exports["default"] = TabNav;
 //# sourceMappingURL=TabNav.js.map

package/lib/components/Tabs/TabPane.js

@@ -73,7 +73,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vue.vShow, _ctx.active]
   ]);
 }
-var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tabs/TabPane.vue"]]);
+var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tabs\\TabPane.vue"]]);
 
 exports["default"] = TabPane;
 //# sourceMappingURL=TabPane.js.map

package/lib/components/Tag/Tag.js

@@ -85,25 +85,23 @@ const _sfc_main = vue.defineComponent({
         }
         if (props.variant === "outline") {
           return {
-            borderColor: void 0,
-            color: props.color,
-            boxShadow: `0 0 0 1px ${props.color} inset`
+            border: `1px solid ${props.color}`,
+            color: props.color
           };
         }
         if (props.variant === "solid") {
           return {
-            backgroundColor: props.color
+            backgroundColor: props.color,
+            color: "white"
           };
         }
         return {
           backgroundColor: tools.hexToRgba(props.color, 0.1),
           color: props.color,
-          boxShadow: `0 0 0 1px ${props.color} inset`
+          border: `1px solid ${props.color}`
         };
       }
-      return {
-        backgroundColor: void 0
-      };
+      return {};
     });
     const showIcon = vue.computed(() => {
       return !!slots.icon || !!props.icon;
@@ -130,7 +128,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass([
       `${_ctx.prefixCls}`,
       `${_ctx.prefixCls}-variant-${_ctx.variant}`,
-      `${_ctx.prefixCls}-${_ctx.size}`,
       {
         [`${_ctx.prefixCls}-has-color ${_ctx.prefixCls}-has-color-${_ctx.variant}`]: _ctx.color && !_ctx.isPresetColor && !_ctx.isStatusType,
         [`${_ctx.prefixCls}-has-icon`]: _ctx.showIcon,
@@ -169,7 +166,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vue.vShow, _ctx.visible && _ctx.hasSlot]
   ]);
 }
-var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tag/Tag.vue"]]);
+var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tag\\Tag.vue"]]);
 
 exports["default"] = Tag;
 //# sourceMappingURL=Tag.js.map