@koi-design/uxd-ui 12.1.36-beta.0

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

@@ -0,0 +1,326 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../Icon/index.js');
+var index = require('../../Tooltip/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var Render = require('../../base/Render.js');
+var FilterDropdown = require('./FilterDropdown.js');
+var utils = require('../utils.js');
+var useTableResize = require('../hooks/useTableResize.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = vue.defineComponent({
+  name: "TableHeaderRow",
+  components: {
+    FilterDropdown: FilterDropdown["default"],
+    RenderTitle: (props) => {
+      let content;
+      if (props.cell.titleRender) {
+        content = vue.h(Render["default"], {
+          render: () => {
+            return props.cell.titleRender({
+              title: props.cell.title,
+              setting: props.cell
+            });
+          }
+        });
+      } else {
+        content = vue.h(vue.Fragment, [props.cell.title]);
+      }
+      if (props.cell.tips) {
+        content = vue.h(vue.Fragment, [
+          content,
+          vue.h(
+            index.UTooltip,
+            {
+              title: props.cell.tips
+            },
+            {
+              default: () => vue.h(
+                index$1.UIcon,
+                {
+                  class: `${props.prefix}-column-tips-icon`
+                },
+                {
+                  default: () => vue.h(uxdIcon.USolidInfoCircle)
+                }
+              )
+            }
+          )
+        ]);
+      }
+      return content;
+    },
+    UIcon: index$1.UIcon,
+    USolidCaretUp: uxdIcon.USolidCaretUp,
+    USolidCaretDown: uxdIcon.USolidCaretDown
+  },
+  props: {
+    row: {
+      type: Array,
+      default: () => []
+    },
+    rows: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props) {
+    const {
+      prefixCls,
+      locale,
+      showResizeLine,
+      saveRef,
+      tableRefs,
+      size: { setResizeWidth, handleColumnResize, tableWidth },
+      filterAndSorter: {
+        hasAction,
+        hasSorters,
+        hasFilters,
+        isSortColumn,
+        isAscend,
+        isDescend,
+        hasAscend,
+        hasDescend,
+        toggleSortOrder,
+        setColumnFilter
+      },
+      headerEvents: { onHeaderCellClick }
+    } = vue.inject("tableContext", {});
+    const rowStyle = vue.computed(() => {
+      const style = {};
+      return style;
+    });
+    const getCellProps = (cell) => {
+      const attrs = {};
+      const { colSpan, rowSpan } = cell;
+      if (colSpan && colSpan > 1) {
+        attrs.colSpan = colSpan;
+      }
+      if (rowSpan && rowSpan > 1) {
+        attrs.rowSpan = rowSpan;
+      }
+      return attrs;
+    };
+    const getCellStyle = (cell) => {
+      const style = {};
+      const { align, left, right } = cell;
+      if (align) {
+        style.textAlign = align;
+      }
+      if (left !== void 0) {
+        style.left = `${left}px`;
+      }
+      if (right !== void 0) {
+        style.right = `${right}px`;
+      }
+      return style;
+    };
+    const hasResize = (cell) => {
+      return cell.resizable && !cell.children;
+    };
+    const handleSorterClick = (column) => {
+      if (hasSorters(column)) {
+        toggleSortOrder(column);
+      }
+    };
+    const handleHeaderClick = (column, e) => {
+      onHeaderCellClick(column, e);
+    };
+    const handleFilterSelected = (column, selectedKeys) => {
+      setColumnFilter(column, selectedKeys);
+    };
+    const getFixedWidth = (direction) => {
+      return props.row.reduce((pre, cur) => {
+        if (cur.fixed === direction) {
+          return pre + useTableResize.getWidth(cur.width, tableWidth.value);
+        }
+        return pre;
+      }, 0);
+    };
+    let dragging = false;
+    let dragState = {};
+    const handleResizeMousedown = (column, event) => {
+      if (!column || !column.resizable) {
+        return;
+      }
+      dragging = true;
+      const tableEl = tableRefs.table;
+      const tableLeft = tableEl.getBoundingClientRect().left;
+      const tableRight = tableEl.getBoundingClientRect().right;
+      const columnEl = tableRefs[`header-column-${column._index}`];
+      const columnRect = columnEl.getBoundingClientRect();
+      const resizeLineEl = tableRefs.resizeLine;
+      const minLeft = columnRect.left - tableLeft + utils.getMinWidth(column);
+      const maxRight = tableRight - getFixedWidth("right") - tableLeft - 50;
+      dragState = {
+        startMouseLeft: event.clientX,
+        startLeft: columnRect.right - tableLeft,
+        startColumnLeft: columnRect.left - tableLeft,
+        tableLeft
+      };
+      resizeLineEl.style.left = `${dragState.startLeft}px`;
+      showResizeLine.value = true;
+      document.body.style.cursor = "col-resize";
+      document.onselectstart = () => {
+        return false;
+      };
+      document.ondragstart = () => {
+        return false;
+      };
+      const handleMouseMove = (e) => {
+        const deltaLeft = e.clientX - dragState.startMouseLeft;
+        const proxyLeft = dragState.startLeft + deltaLeft;
+        resizeLineEl.style.left = `${Math.min(Math.max(minLeft, proxyLeft), maxRight)}px`;
+      };
+      const handleMouseUp = () => {
+        if (dragging) {
+          const { startColumnLeft, startLeft } = dragState;
+          const finalLeft = parseInt(resizeLineEl.style.left);
+          const columnWidth = finalLeft - startColumnLeft;
+          setResizeWidth(column, columnWidth);
+          handleColumnResize(columnWidth, startLeft - startColumnLeft, column, event);
+          document.body.style.cursor = "";
+          dragging = false;
+          dragState = {};
+          showResizeLine.value = false;
+        }
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+        document.onselectstart = null;
+        document.ondragstart = null;
+      };
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    };
+    return {
+      prefixCls,
+      saveRef,
+      locale,
+      rowStyle,
+      getCellProps,
+      getCellStyle,
+      hasAction,
+      hasSorters,
+      hasFilters,
+      hasResize,
+      isSortColumn,
+      isAscend,
+      isDescend,
+      hasAscend,
+      hasDescend,
+      handleSorterClick,
+      handleHeaderClick,
+      handleFilterSelected,
+      handleResizeMousedown
+    };
+  }
+});
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onMousedown"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_RenderTitle = vue.resolveComponent("RenderTitle");
+  const _component_USolidCaretUp = vue.resolveComponent("USolidCaretUp");
+  const _component_UIcon = vue.resolveComponent("UIcon");
+  const _component_USolidCaretDown = vue.resolveComponent("USolidCaretDown");
+  const _component_FilterDropdown = vue.resolveComponent("FilterDropdown");
+  return vue.openBlock(), vue.createElementBlock("tr", {
+    style: vue.normalizeStyle(_ctx.rowStyle)
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+      return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
+        key: index,
+        ref_for: true,
+        ref: _ctx.saveRef(`header-column-${cell._index}`)
+      }, _ctx.getCellProps(cell), {
+        style: _ctx.getCellStyle(cell),
+        class: {
+          [String(cell.className)]: !!cell.className,
+          [`${_ctx.prefixCls}-column-header`]: true,
+          [`${_ctx.prefixCls}-column-header-right`]: cell._isRightEdge,
+          [`${_ctx.prefixCls}-column-has-actions`]: _ctx.hasAction(cell),
+          [`${_ctx.prefixCls}-column-has-sorters`]: _ctx.hasSorters(cell),
+          [`${_ctx.prefixCls}-column-has-filters`]: _ctx.hasFilters(cell),
+          [`${_ctx.prefixCls}-column-sort`]: _ctx.isSortColumn(cell),
+          [`${_ctx.prefixCls}-column-has-resize`]: _ctx.hasResize(cell)
+        },
+        onClick: (e) => _ctx.handleHeaderClick(cell, e)
+      }), [
+        _ctx.hasAction(cell) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-header-column`)
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass({ [`${_ctx.prefixCls}-column-sorters`]: _ctx.hasSorters(cell) }),
+              onClick: ($event) => _ctx.handleSorterClick(cell)
+            }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(`${_ctx.prefixCls}-column-title`)
+              }, [
+                vue.createVNode(_component_RenderTitle, {
+                  cell,
+                  prefix: _ctx.prefixCls
+                }, null, 8, ["cell", "prefix"])
+              ], 2),
+              _ctx.hasSorters(cell) ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorter`)
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    `${_ctx.prefixCls}-column-sorter-inner`,
+                    {
+                      [`${_ctx.prefixCls}-column-sorter-inner-full`]: _ctx.hasAscend(cell) && _ctx.hasDescend(cell)
+                    }
+                  ])
+                }, [
+                  _ctx.hasAscend(cell) ? (vue.openBlock(), vue.createBlock(_component_UIcon, {
+                    key: 0,
+                    class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorter-up ${_ctx.isAscend(cell) ? "on" : "off"}`)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_USolidCaretUp)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : vue.createCommentVNode("v-if", true),
+                  _ctx.hasDescend(cell) ? (vue.openBlock(), vue.createBlock(_component_UIcon, {
+                    key: 1,
+                    class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorter-down ${_ctx.isDescend(cell) ? "on" : "off"}`)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_USolidCaretDown)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : vue.createCommentVNode("v-if", true)
+                ], 2)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_2)
+          ], 2),
+          _ctx.hasFilters(cell) ? (vue.openBlock(), vue.createBlock(_component_FilterDropdown, {
+            key: 0,
+            column: cell,
+            locale: _ctx.locale,
+            onSelect: _ctx.handleFilterSelected
+          }, null, 8, ["column", "locale", "onSelect"])) : vue.createCommentVNode("v-if", true)
+        ], 64)) : (vue.openBlock(), vue.createBlock(_component_RenderTitle, {
+          key: 1,
+          cell,
+          prefix: _ctx.prefixCls
+        }, null, 8, ["cell", "prefix"])),
+        _ctx.hasResize(cell) ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 2,
+          class: vue.normalizeClass(`${_ctx.prefixCls}-column-resize-trigger`),
+          onMousedown: (e) => _ctx.handleResizeMousedown(cell, e)
+        }, null, 42, _hoisted_3)) : vue.createCommentVNode("v-if", true)
+      ], 16, _hoisted_1);
+    }), 128))
+  ], 4);
+}
+var TableHeaderRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Table\\tableUnits\\TableHeaderRow.vue"]]);
+
+exports["default"] = TableHeaderRow;
+//# sourceMappingURL=TableHeaderRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderRow.js","sources":["../../../../../src/components/Table/tableUnits/TableHeaderRow.vue"],"sourcesContent":["<template>\n  <tr :style=\"rowStyle\">\n    <th\n      v-for=\"(cell, index) in row\"\n      :key=\"index\"\n      :ref=\"saveRef(`header-column-${cell._index}`)\"\n      v-bind=\"getCellProps(cell)\"\n      :style=\"getCellStyle(cell)\"\n      :class=\"{\n        [String(cell.className)]: !!cell.className,\n        [`${prefixCls}-column-header`]: true,\n        [`${prefixCls}-column-header-right`]: cell._isRightEdge,\n        [`${prefixCls}-column-has-actions`]: hasAction(cell),\n        [`${prefixCls}-column-has-sorters`]: hasSorters(cell),\n        [`${prefixCls}-column-has-filters`]: hasFilters(cell),\n        [`${prefixCls}-column-sort`]: isSortColumn(cell),\n        [`${prefixCls}-column-has-resize`]: hasResize(cell)\n      }\"\n      @click=\"(e) => handleHeaderClick(cell, e)\"\n    >\n      <template v-if=\"hasAction(cell)\">\n        <span :class=\"`${prefixCls}-header-column`\">\n          <div :class=\"{ [`${prefixCls}-column-sorters`]: hasSorters(cell) }\" @click=\"handleSorterClick(cell)\">\n            <span :class=\"`${prefixCls}-column-title`\">\n              <RenderTitle :cell=\"cell\" :prefix=\"prefixCls\" />\n            </span>\n            <span v-if=\"hasSorters(cell)\" :class=\"`${prefixCls}-column-sorter`\">\n              <div\n                :class=\"[\n                  `${prefixCls}-column-sorter-inner`,\n                  {\n                    [`${prefixCls}-column-sorter-inner-full`]: hasAscend(cell) && hasDescend(cell)\n                  }\n                ]\"\n              >\n                <UIcon v-if=\"hasAscend(cell)\" :class=\"`${prefixCls}-column-sorter-up ${isAscend(cell) ? 'on' : 'off'}`\">\n                  <USolidCaretUp />\n                </UIcon>\n                <UIcon v-if=\"hasDescend(cell)\" :class=\"`${prefixCls}-column-sorter-down ${isDescend(cell) ? 'on' : 'off'}`\">\n                  <USolidCaretDown />\n                </UIcon>\n              </div>\n            </span>\n          </div>\n        </span>\n        <FilterDropdown v-if=\"hasFilters(cell)\" :column=\"cell\" :locale=\"locale\" @select=\"handleFilterSelected\" />\n      </template>\n      <template v-else>\n        <RenderTitle :cell=\"cell\" :prefix=\"prefixCls\" />\n      </template>\n      <span v-if=\"hasResize(cell)\" :class=\"`${prefixCls}-column-resize-trigger`\" @mousedown=\"(e) => handleResizeMousedown(cell, e)\" />\n    </th>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject, h, Fragment } from 'vue';\nimport type { PropType, CSSProperties, VNode } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport { USolidCaretUp, USolidCaretDown, USolidInfoCircle } from '@koi-design/uxd-icon';\nimport Render from '../../base/Render';\nimport FilterDropdown from './FilterDropdown.vue';\nimport { getMinWidth } from '../utils';\nimport type { InnerColumn, TableContext } from '../Table.type';\nimport { getWidth } from '../hooks/useTableResize';\n\ninterface DragState {\n  startMouseLeft: number;\n  startLeft: number;\n  startColumnLeft: number;\n  tableLeft: number;\n}\n\nexport default defineComponent({\n  name: 'TableHeaderRow',\n  components: {\n    FilterDropdown,\n    RenderTitle: (props) => {\n      let content: VNode;\n      if (props.cell.titleRender) {\n        content = h(Render, {\n          render: () => {\n            return props.cell.titleRender({\n              title: props.cell.title,\n              setting: props.cell\n            });\n          }\n        });\n      } else {\n        content = h(Fragment, [props.cell.title]);\n      }\n\n      if (props.cell.tips) {\n        content = h(Fragment, [\n          content,\n          h(\n            UTooltip,\n            {\n              title: props.cell.tips\n            },\n            {\n              default: () =>\n                h(\n                  UIcon,\n                  {\n                    class: `${props.prefix}-column-tips-icon`\n                  },\n                  {\n                    default: () => h(USolidInfoCircle)\n                  }\n                )\n            }\n          )\n        ]);\n      }\n      return content;\n    },\n    UIcon,\n    USolidCaretUp,\n    USolidCaretDown\n  },\n  props: {\n    row: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    },\n    rows: {\n      type: Array as PropType<InnerColumn[][]>,\n      default: () => [] as InnerColumn[][]\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls,\n      locale,\n      showResizeLine,\n      saveRef,\n      tableRefs,\n      // fixed: { fixedHeadRowsHeight },\n      size: { setResizeWidth, handleColumnResize, tableWidth },\n      filterAndSorter: {\n        hasAction,\n        hasSorters,\n        hasFilters,\n        isSortColumn,\n        isAscend,\n        isDescend,\n        hasAscend,\n        hasDescend,\n        toggleSortOrder,\n        setColumnFilter\n      },\n      headerEvents: { onHeaderCellClick }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const rowStyle = computed(() => {\n      const style = {} as CSSProperties;\n      return style;\n    });\n\n    const getCellProps = (cell: InnerColumn) => {\n      const attrs = {} as Record<string, any>;\n      const { colSpan, rowSpan } = cell;\n      if (colSpan && colSpan > 1) {\n        attrs.colSpan = colSpan;\n      }\n      if (rowSpan && rowSpan > 1) {\n        attrs.rowSpan = rowSpan;\n      }\n      return attrs;\n    };\n\n    const getCellStyle = (cell: InnerColumn) => {\n      const style = {} as CSSProperties;\n      const { align, left, right } = cell;\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 hasResize = (cell: InnerColumn) => {\n      return cell.resizable && !cell.children;\n    };\n\n    const handleSorterClick = (column: InnerColumn) => {\n      if (hasSorters(column)) {\n        toggleSortOrder(column);\n      }\n    };\n\n    const handleHeaderClick = (column: InnerColumn, e: any) => {\n      onHeaderCellClick(column, e);\n    };\n\n    const handleFilterSelected = (column: InnerColumn, selectedKeys: (string | number)[]) => {\n      setColumnFilter(column, selectedKeys);\n    };\n\n    const getFixedWidth = (direction: 'left' | 'right') => {\n      return props.row.reduce((pre, cur) => {\n        if (cur.fixed === direction) {\n          return pre + getWidth(cur.width, tableWidth.value);\n        }\n        return pre;\n      }, 0);\n    };\n\n    let dragging = false;\n    let dragState = {} as DragState;\n    const handleResizeMousedown = (column: InnerColumn, event: any) => {\n      if (!column || !column.resizable) {\n        return;\n      }\n      dragging = true;\n      const tableEl = tableRefs.table;\n      const tableLeft = tableEl.getBoundingClientRect().left;\n      const tableRight = tableEl.getBoundingClientRect().right;\n      const columnEl = tableRefs[`header-column-${column._index}`];\n      const columnRect = columnEl.getBoundingClientRect();\n      const resizeLineEl = tableRefs.resizeLine;\n      const minLeft = columnRect.left - tableLeft + getMinWidth(column);\n\n      const maxRight = tableRight - getFixedWidth('right') - tableLeft - 50;\n\n      dragState = {\n        startMouseLeft: event.clientX,\n        startLeft: columnRect.right - tableLeft,\n        startColumnLeft: columnRect.left - tableLeft,\n        tableLeft\n      };\n      resizeLineEl.style.left = `${dragState.startLeft}px`;\n      showResizeLine.value = true;\n      document.body.style.cursor = 'col-resize';\n      document.onselectstart = () => {\n        return false;\n      };\n      document.ondragstart = () => {\n        return false;\n      };\n      const handleMouseMove = (e: any) => {\n        const deltaLeft = e.clientX - dragState.startMouseLeft;\n        const proxyLeft = dragState.startLeft + deltaLeft;\n\n        resizeLineEl.style.left = `${Math.min(Math.max(minLeft, proxyLeft), maxRight)}px`;\n      };\n\n      const handleMouseUp = () => {\n        if (dragging) {\n          const { startColumnLeft, startLeft } = dragState;\n          const finalLeft = parseInt(resizeLineEl.style.left);\n          const columnWidth = finalLeft - startColumnLeft;\n          setResizeWidth(column, columnWidth);\n          handleColumnResize(columnWidth, startLeft - startColumnLeft, column, event);\n\n          document.body.style.cursor = '';\n          dragging = false;\n          dragState = {} as DragState;\n          showResizeLine.value = false;\n        }\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        document.onselectstart = null;\n        document.ondragstart = null;\n      };\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    };\n\n    return {\n      prefixCls,\n      saveRef,\n      locale,\n      rowStyle,\n      getCellProps,\n      getCellStyle,\n      hasAction,\n      hasSorters,\n      hasFilters,\n      hasResize,\n      isSortColumn,\n      isAscend,\n      isDescend,\n      hasAscend,\n      hasDescend,\n      handleSorterClick,\n      handleHeaderClick,\n      handleFilterSelected,\n      handleResizeMousedown\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","FilterDropdown","h","Render","Fragment","UTooltip","UIcon","USolidInfoCircle","USolidCaretUp","USolidCaretDown","inject","computed","getWidth","getMinWidth","_createElementBlock","_normalizeStyle","_Fragment","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createBlock"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+import type { PropType, CSSProperties } from 'vue';
+import type { InnerColumn } from '../Table.type';
+declare const _default: import("vue").DefineComponent<{
+    row: {
+        type: PropType<InnerColumn[]>;
+        default: () => InnerColumn[];
+    };
+    rows: {
+        type: PropType<InnerColumn[][]>;
+        default: () => InnerColumn[][];
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    saveRef: import("../Table.type").SaveRef;
+    locale: import("vue").ComputedRef<import("../../locale/default").TableLocal>;
+    rowStyle: import("vue").ComputedRef<CSSProperties>;
+    getCellProps: (cell: InnerColumn) => Record<string, any>;
+    getCellStyle: (cell: InnerColumn) => CSSProperties;
+    hasAction: (column: InnerColumn) => boolean;
+    hasSorters: (column: InnerColumn) => boolean;
+    hasFilters: (column: InnerColumn) => boolean;
+    hasResize: (cell: InnerColumn) => boolean;
+    isSortColumn: (column: InnerColumn) => boolean;
+    isAscend: (column: InnerColumn) => boolean;
+    isDescend: (column: InnerColumn) => boolean;
+    hasAscend: (column: InnerColumn) => boolean;
+    hasDescend: (column: InnerColumn) => boolean;
+    handleSorterClick: (column: InnerColumn) => void;
+    handleHeaderClick: (column: InnerColumn, e: any) => void;
+    handleFilterSelected: (column: InnerColumn, selectedKeys: (string | number)[]) => void;
+    handleResizeMousedown: (column: InnerColumn, event: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    row: {
+        type: PropType<InnerColumn[]>;
+        default: () => InnerColumn[];
+    };
+    rows: {
+        type: PropType<InnerColumn[][]>;
+        default: () => InnerColumn[][];
+    };
+}>>, {
+    rows: InnerColumn[][];
+    row: InnerColumn[];
+}, {}>;
+export default _default;

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

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var TableCell = require('./TableCell.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = vue.defineComponent({
+  name: "TableRow",
+  components: {
+    TableCell: TableCell["default"]
+  },
+  props: {
+    prefixCls: {
+      type: String
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    },
+    indent: {
+      type: Number,
+      default: 20
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    rowKey: {
+      type: [String, Number],
+      required: true
+    },
+    expendedRow: {
+      type: Boolean,
+      default: false
+    },
+    childRow: {
+      type: Boolean,
+      default: false
+    },
+    visible: {
+      type: Boolean,
+      required: true
+    },
+    skeleton: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const rowRef = vue.ref(null);
+    const {
+      fixed: { currentHoverKey },
+      expand: { expandIconColumnIndex },
+      props: { rowClassName, disabledHover },
+      draggable: { setRowRefs },
+      rowEvents: { onRowMouseEnter, onRowMouseLeave, onRowClick, onRowDoubleClick, onRowContextMenu }
+    } = vue.inject("tableContext", {});
+    const rowStyle = vue.computed(() => {
+      const style = {};
+      if (!props.visible) {
+        style.display = "none";
+      }
+      return style;
+    });
+    const handleMouseEnter = (e) => {
+      currentHoverKey.value = props.rowKey;
+      onRowMouseEnter(props.data, props.index, e);
+    };
+    const handleMouseLeave = (e) => {
+      currentHoverKey.value = null;
+      onRowMouseLeave(props.data, props.index, e);
+    };
+    const handleClick = (e) => {
+      onRowClick(props.data, props.index, e);
+    };
+    const handleDoubleClick = (e) => {
+      onRowDoubleClick(props.data, props.index, e);
+    };
+    const handlContextMenu = (e) => {
+      onRowContextMenu(props.data, props.index, e);
+    };
+    const hoverd = vue.computed(() => {
+      return currentHoverKey.value === props.rowKey;
+    });
+    const customClassName = vue.computed(() => {
+      let className = "";
+      if (rowClassName.value !== void 0) {
+        className = rowClassName.value(props.data, props.index);
+      }
+      return className;
+    });
+    const hasExpandIcon = (data, columnIndex) => {
+      if (columnIndex !== expandIconColumnIndex.value) {
+        return false;
+      }
+      return !!data.children || props.indent > 0;
+    };
+    vue.onMounted(() => {
+      setRowRefs({ rowKey: props.rowKey, index: props.index, data: props.data, rowRef: [rowRef] });
+    });
+    vue.watch(
+      () => props.index,
+      () => {
+        setRowRefs({ rowKey: props.rowKey, index: props.index, data: props.data, rowRef: [rowRef] });
+      }
+    );
+    return {
+      rowRef,
+      rowStyle,
+      handleMouseEnter,
+      handleMouseLeave,
+      handleClick,
+      handleDoubleClick,
+      handlContextMenu,
+      hoverd,
+      disabledHover,
+      customClassName,
+      hasExpandIcon
+    };
+  }
+});
+const _hoisted_1 = ["data-row-key"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_TableCell = vue.resolveComponent("TableCell");
+  return vue.openBlock(), vue.createElementBlock("tr", {
+    ref: "rowRef",
+    class: vue.normalizeClass([
+      _ctx.prefixCls,
+      `${_ctx.prefixCls}-level-${_ctx.indent}`,
+      {
+        [`${_ctx.prefixCls}-hover`]: _ctx.hoverd && !_ctx.disabledHover,
+        [`${_ctx.prefixCls}-disabled-hover`]: _ctx.disabledHover,
+        [`${_ctx.prefixCls}-custom`]: _ctx.customClassName
+      },
+      _ctx.customClassName
+    ]),
+    "data-row-key": _ctx.rowKey,
+    style: vue.normalizeStyle(_ctx.rowStyle),
+    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
+    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    onDblclick: _cache[3] || (_cache[3] = (...args) => _ctx.handleDoubleClick && _ctx.handleDoubleClick(...args)),
+    onContextmenu: _cache[4] || (_cache[4] = (...args) => _ctx.handlContextMenu && _ctx.handlContextMenu(...args))
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column, i) => {
+      return vue.openBlock(), vue.createBlock(_component_TableCell, {
+        key: column.key,
+        "row-key": _ctx.rowKey,
+        column,
+        data: _ctx.data,
+        index: _ctx.index,
+        indent: _ctx.indent,
+        skeleton: _ctx.skeleton,
+        "prefix-cls": _ctx.prefixCls,
+        "expand-icon": !_ctx.expendedRow && _ctx.hasExpandIcon(_ctx.data, i)
+      }, null, 8, ["row-key", "column", "data", "index", "indent", "skeleton", "prefix-cls", "expand-icon"]);
+    }), 128))
+  ], 46, _hoisted_1);
+}
+var TableRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Table\\tableUnits\\TableRow.vue"]]);
+
+exports["default"] = TableRow;
+//# sourceMappingURL=TableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/tableUnits/TableRow.vue"],"sourcesContent":["<template>\n  <tr\n    ref=\"rowRef\"\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-level-${indent}`,\n      {\n        [`${prefixCls}-hover`]: hoverd && !disabledHover,\n        [`${prefixCls}-disabled-hover`]: disabledHover,\n        [`${prefixCls}-custom`]: customClassName\n      },\n      customClassName\n    ]\"\n    :data-row-key=\"rowKey\"\n    :style=\"rowStyle\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @click=\"handleClick\"\n    @dblclick=\"handleDoubleClick\"\n    @contextmenu=\"handlContextMenu\"\n  >\n    <TableCell\n      v-for=\"(column, i) in columns\"\n      :key=\"column.key\"\n      :row-key=\"rowKey\"\n      :column=\"column\"\n      :data=\"data\"\n      :index=\"index\"\n      :indent=\"indent\"\n      :skeleton=\"skeleton\"\n      :prefix-cls=\"prefixCls\"\n      :expand-icon=\"!expendedRow && hasExpandIcon(data, i)\"\n    />\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch, onMounted } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport type { TableColumn, TableContext } from '../Table.type';\nimport TableCell from './TableCell.vue';\n\nexport default defineComponent({\n  name: 'TableRow',\n  components: {\n    TableCell\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    data: {\n      type: Object as PropType<Record<string, any>>,\n      required: true\n    },\n    index: {\n      type: Number,\n      required: true\n    },\n    indent: {\n      type: Number,\n      default: 20\n    },\n    columns: {\n      type: Array as PropType<TableColumn[]>,\n      default: () => [] as TableColumn[]\n    },\n    rowKey: {\n      type: [String, Number],\n      required: true\n    },\n    expendedRow: {\n      type: Boolean,\n      default: false\n    },\n    childRow: {\n      type: Boolean,\n      default: false\n    },\n    visible: {\n      type: Boolean,\n      required: true\n    },\n    skeleton: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup(props) {\n    const rowRef = ref<HTMLElement | null>(null);\n    const {\n      fixed: { currentHoverKey },\n      expand: { expandIconColumnIndex },\n      props: { rowClassName, disabledHover },\n      draggable: { setRowRefs },\n      rowEvents: { onRowMouseEnter, onRowMouseLeave, onRowClick, onRowDoubleClick, onRowContextMenu }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const rowStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (!props.visible) {\n        style.display = 'none';\n      }\n      return style;\n    });\n\n    // const updateRowHeight = () => {\n    //   if (!isColumnFixed.value || !rowRef.value) {\n    //     return;\n    //   }\n    //   if (props.expendedRow || props.childRow) {\n    //     const { height } = rowRef.value.getBoundingClientRect();\n    //     fixedBodyRowsHeight.value = {\n    //       ...fixedBodyRowsHeight.value,\n    //       [props.rowKey]: height\n    //     };\n    //   }\n    // };\n\n    const handleMouseEnter = (e: Event) => {\n      currentHoverKey.value = props.rowKey;\n      onRowMouseEnter(props.data, props.index, e);\n    };\n\n    const handleMouseLeave = (e: Event) => {\n      currentHoverKey.value = null;\n      onRowMouseLeave(props.data, props.index, e);\n    };\n\n    const handleClick = (e: Event) => {\n      onRowClick(props.data, props.index, e);\n    };\n\n    const handleDoubleClick = (e: Event) => {\n      onRowDoubleClick(props.data, props.index, e);\n    };\n\n    const handlContextMenu = (e: Event) => {\n      onRowContextMenu(props.data, props.index, e);\n    };\n\n    const hoverd = computed(() => {\n      return currentHoverKey.value === props.rowKey;\n    });\n\n    const customClassName = computed(() => {\n      let className = '';\n      if (rowClassName.value !== undefined) {\n        className = rowClassName.value(props.data, props.index);\n      }\n      return className;\n    });\n\n    // watch(\n    //   () => props.visible,\n    //   (val) => {\n    //     if (val) {\n    //       nextTick(() => {\n    //         updateRowHeight();\n    //       });\n    //     }\n    //   }\n    // );\n\n    const hasExpandIcon = (data: Record<string, any>, columnIndex: number) => {\n      if (columnIndex !== expandIconColumnIndex.value) {\n        return false;\n      }\n      return !!data.children || props.indent > 0;\n    };\n\n    onMounted(() => {\n      setRowRefs({ rowKey: props.rowKey, index: props.index, data: props.data, rowRef: [rowRef] });\n    });\n\n    watch(\n      () => props.index,\n      () => {\n        setRowRefs({ rowKey: props.rowKey, index: props.index, data: props.data, rowRef: [rowRef] });\n      }\n    );\n\n    return {\n      rowRef,\n      rowStyle,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleClick,\n      handleDoubleClick,\n      handlContextMenu,\n      hoverd,\n      disabledHover,\n      customClassName,\n      hasExpandIcon\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","TableCell","ref","inject","computed","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_createBlock"],"mappings":"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"}