element-ps 1.0.0-alpha.6 → 1.0.1

package/lib/packages/components/table/src/table/style-helper.js

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var throttle = require('lodash/throttle');
+var resizeEvent = require('../../../../utils/resize-event.js');
+var util = require('../../../../utils/util.js');
+var dom = require('../../../../utils/dom.js');
+var util$1 = require('../util.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
+
+function useStyle(props, layout, store, table) {
+  const $ELEMENT = util.useGlobalConfig();
+  const isHidden = vue.ref(false);
+  const renderExpanded = vue.ref(null);
+  const resizeProxyVisible = vue.ref(false);
+  const resizeState = vue.ref({
+    width: null,
+    height: null
+  });
+  const isGroup = vue.ref(false);
+  vue.watchEffect(() => {
+    layout.setHeight(props.height);
+  });
+  vue.watchEffect(() => {
+    layout.setMaxHeight(props.maxHeight);
+  });
+  vue.watchEffect(() => {
+    if (props.expandRowKeys) {
+      store.setExpandRowKeysAdapter(props.expandRowKeys);
+    }
+  });
+  const shouldUpdateHeight = vue.computed(() => {
+    return props.height || props.maxHeight || store.states.fixedColumns.value.length > 0 || store.states.rightFixedColumns.value.length > 0;
+  });
+  const doLayout = () => {
+    if (shouldUpdateHeight.value) {
+      layout.updateElsHeight();
+    }
+    layout.updateColumnsWidth();
+    syncPostion();
+  };
+  vue.onMounted(async () => {
+    setScrollClass("is-scrolling-left");
+    store.updateColumns();
+    await vue.nextTick();
+    bindEvents();
+    doLayout();
+    resizeState.value = {
+      width: table.vnode.el.offsetWidth,
+      height: table.vnode.el.offsetHeight
+    };
+    store.states.columns.value.forEach((column) => {
+      if (column.filteredValue && column.filteredValue.length) {
+        table.store.commit("filterChange", {
+          column,
+          values: column.filteredValue,
+          silent: true
+        });
+      }
+    });
+    table.$ready = true;
+  });
+  const setScrollClassByEl = (el, className) => {
+    if (!el)
+      return;
+    const classList = Array.from(el.classList).filter((item) => !item.startsWith("is-scrolling-"));
+    classList.push(layout.scrollX.value ? className : "is-scrolling-none");
+    el.className = classList.join(" ");
+  };
+  const setScrollClass = (className) => {
+    const { bodyWrapper } = table.refs;
+    setScrollClassByEl(bodyWrapper, className);
+  };
+  const syncPostion = throttle__default["default"](function() {
+    if (!table.refs.bodyWrapper)
+      return;
+    const { scrollLeft, scrollTop, offsetWidth, scrollWidth } = table.refs.bodyWrapper;
+    const {
+      headerWrapper,
+      footerWrapper,
+      fixedBodyWrapper,
+      rightFixedBodyWrapper
+    } = table.refs;
+    if (headerWrapper)
+      headerWrapper.scrollLeft = scrollLeft;
+    if (footerWrapper)
+      footerWrapper.scrollLeft = scrollLeft;
+    if (fixedBodyWrapper)
+      fixedBodyWrapper.scrollTop = scrollTop;
+    if (rightFixedBodyWrapper)
+      rightFixedBodyWrapper.scrollTop = scrollTop;
+    const maxScrollLeftPosition = scrollWidth - offsetWidth - 1;
+    if (scrollLeft >= maxScrollLeftPosition) {
+      setScrollClass("is-scrolling-right");
+    } else if (scrollLeft === 0) {
+      setScrollClass("is-scrolling-left");
+    } else {
+      setScrollClass("is-scrolling-middle");
+    }
+  }, 10);
+  const bindEvents = () => {
+    table.refs.bodyWrapper.addEventListener("scroll", syncPostion, {
+      passive: true
+    });
+    if (props.fit) {
+      resizeEvent.addResizeListener(table.vnode.el, resizeListener);
+    } else {
+      dom.on(window, "resize", doLayout);
+    }
+  };
+  vue.onUnmounted(() => {
+    unbindEvents();
+  });
+  const unbindEvents = () => {
+    var _a;
+    (_a = table.refs.bodyWrapper) == null ? void 0 : _a.removeEventListener("scroll", syncPostion, true);
+    if (props.fit) {
+      resizeEvent.removeResizeListener(table.vnode.el, resizeListener);
+    } else {
+      dom.off(window, "resize", doLayout);
+    }
+  };
+  const resizeListener = () => {
+    if (!table.$ready)
+      return;
+    let shouldUpdateLayout = false;
+    const el = table.vnode.el;
+    const { width: oldWidth, height: oldHeight } = resizeState.value;
+    const width = el.offsetWidth;
+    if (oldWidth !== width) {
+      shouldUpdateLayout = true;
+    }
+    const height = el.offsetHeight;
+    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
+      shouldUpdateLayout = true;
+    }
+    if (shouldUpdateLayout) {
+      resizeState.value = {
+        width,
+        height
+      };
+      doLayout();
+    }
+  };
+  const tableSize = vue.computed(() => {
+    return props.size || $ELEMENT.size;
+  });
+  const bodyWidth = vue.computed(() => {
+    const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout;
+    return bodyWidth_.value ? `${bodyWidth_.value - (scrollY.value ? gutterWidth : 0)}px` : "";
+  });
+  const bodyHeight = vue.computed(() => {
+    const headerHeight = layout.headerHeight.value || 0;
+    const bodyHeight2 = layout.bodyHeight.value;
+    const footerHeight = layout.footerHeight.value || 0;
+    if (props.height) {
+      return {
+        height: bodyHeight2 ? `${bodyHeight2}px` : ""
+      };
+    } else if (props.maxHeight) {
+      const maxHeight = util$1.parseHeight(props.maxHeight);
+      if (typeof maxHeight === "number") {
+        return {
+          "max-height": `${maxHeight - footerHeight - (props.showHeader ? headerHeight : 0)}px`
+        };
+      }
+    }
+    return {};
+  });
+  const emptyBlockStyle = vue.computed(() => {
+    if (props.data && props.data.length)
+      return null;
+    let height = "100%";
+    if (layout.appendHeight.value) {
+      height = `calc(100% - ${layout.appendHeight.value}px)`;
+    }
+    return {
+      width: bodyWidth.value,
+      height
+    };
+  });
+  const fixedHeight = vue.computed(() => {
+    if (props.maxHeight) {
+      if (props.showSummary) {
+        return {
+          bottom: 0
+        };
+      }
+      return {
+        bottom: layout.scrollX.value && props.data.length ? `${layout.gutterWidth}px` : ""
+      };
+    } else {
+      if (props.showSummary) {
+        return {
+          height: layout.tableHeight.value ? `${layout.tableHeight.value}px` : ""
+        };
+      }
+      return {
+        height: layout.viewportHeight.value ? `${layout.viewportHeight.value}px` : ""
+      };
+    }
+  });
+  const fixedBodyHeight = vue.computed(() => {
+    if (props.height) {
+      return {
+        height: layout.fixedBodyHeight.value ? `${layout.fixedBodyHeight.value}px` : ""
+      };
+    } else if (props.maxHeight) {
+      let maxHeight = util$1.parseHeight(props.maxHeight);
+      if (typeof maxHeight === "number") {
+        maxHeight = layout.scrollX.value ? maxHeight - layout.gutterWidth : maxHeight;
+        if (props.showHeader) {
+          maxHeight -= layout.headerHeight.value;
+        }
+        maxHeight -= layout.footerHeight.value;
+        return {
+          "max-height": `${maxHeight}px`
+        };
+      }
+    }
+    return {};
+  });
+  return {
+    isHidden,
+    renderExpanded,
+    isGroup,
+    tableSize,
+    bodyHeight,
+    emptyBlockStyle,
+    fixedHeight,
+    fixedBodyHeight,
+    resizeProxyVisible,
+    bodyWidth,
+    resizeState,
+    doLayout
+  };
+}
+
+exports["default"] = useStyle;
+//# sourceMappingURL=style-helper.js.map

package/lib/packages/components/table/src/table/style-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-helper.js","sources":["../../../../../../../../packages/components/table/src/table/style-helper.ts"],"sourcesContent":["import {\n  onMounted,\n  onUnmounted,\n  computed,\n  ref,\n  watchEffect,\n  nextTick,\n} from 'vue'\nimport throttle from 'lodash/throttle'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-ps/utils/resize-event'\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { on, off } from '@element-ps/utils/dom'\nimport { parseHeight } from '../util'\n\nimport type { ResizableElement } from '@element-ps/utils/resize-event'\nimport type { Table, TableProps } from './defaults'\nimport type { Store } from '../store'\nimport type TableLayout from '../table-layout'\nimport type { TableColumnCtx } from '../table-column/defaults'\n\nfunction useStyle<T>(\n  props: TableProps<T>,\n  layout: TableLayout<T>,\n  store: Store<T>,\n  table: Table<T>\n) {\n  const $ELEMENT = useGlobalConfig()\n  const isHidden = ref(false)\n  const renderExpanded = ref(null)\n  const resizeProxyVisible = ref(false)\n\n  const resizeState = ref({\n    width: null,\n    height: null,\n  })\n  const isGroup = ref(false)\n\n  watchEffect(() => {\n    layout.setHeight(props.height)\n  })\n  watchEffect(() => {\n    layout.setMaxHeight(props.maxHeight)\n  })\n  watchEffect(() => {\n    if (props.expandRowKeys) {\n      store.setExpandRowKeysAdapter(props.expandRowKeys)\n    }\n  })\n\n  const shouldUpdateHeight = computed(() => {\n    return (\n      props.height ||\n      props.maxHeight ||\n      store.states.fixedColumns.value.length > 0 ||\n      store.states.rightFixedColumns.value.length > 0\n    )\n  })\n\n  const doLayout = () => {\n    if (shouldUpdateHeight.value) {\n      layout.updateElsHeight()\n    }\n    layout.updateColumnsWidth()\n    syncPostion()\n  }\n  onMounted(async () => {\n    setScrollClass('is-scrolling-left')\n    store.updateColumns()\n    await nextTick()\n    bindEvents()\n    doLayout()\n\n    resizeState.value = {\n      width: table.vnode.el.offsetWidth,\n      height: table.vnode.el.offsetHeight,\n    }\n\n    // init filters\n    store.states.columns.value.forEach((column: TableColumnCtx<T>) => {\n      if (column.filteredValue && column.filteredValue.length) {\n        table.store.commit('filterChange', {\n          column,\n          values: column.filteredValue,\n          silent: true,\n        })\n      }\n    })\n    table.$ready = true\n  })\n  const setScrollClassByEl = (el: HTMLElement, className: string) => {\n    if (!el) return\n    const classList = Array.from(el.classList).filter(\n      (item) => !item.startsWith('is-scrolling-')\n    )\n    classList.push(layout.scrollX.value ? className : 'is-scrolling-none')\n    el.className = classList.join(' ')\n  }\n  const setScrollClass = (className: string) => {\n    const { bodyWrapper } = table.refs\n    setScrollClassByEl(bodyWrapper, className)\n  }\n  const syncPostion = throttle(function () {\n    if (!table.refs.bodyWrapper) return\n    const { scrollLeft, scrollTop, offsetWidth, scrollWidth } =\n      table.refs.bodyWrapper\n    const {\n      headerWrapper,\n      footerWrapper,\n      fixedBodyWrapper,\n      rightFixedBodyWrapper,\n    } = table.refs\n    if (headerWrapper) headerWrapper.scrollLeft = scrollLeft\n    if (footerWrapper) footerWrapper.scrollLeft = scrollLeft\n    if (fixedBodyWrapper) fixedBodyWrapper.scrollTop = scrollTop\n    if (rightFixedBodyWrapper) rightFixedBodyWrapper.scrollTop = scrollTop\n    const maxScrollLeftPosition = scrollWidth - offsetWidth - 1\n    if (scrollLeft >= maxScrollLeftPosition) {\n      setScrollClass('is-scrolling-right')\n    } else if (scrollLeft === 0) {\n      setScrollClass('is-scrolling-left')\n    } else {\n      setScrollClass('is-scrolling-middle')\n    }\n  }, 10)\n\n  const bindEvents = () => {\n    table.refs.bodyWrapper.addEventListener('scroll', syncPostion, {\n      passive: true,\n    })\n    if (props.fit) {\n      addResizeListener(table.vnode.el as ResizableElement, resizeListener)\n    } else {\n      on(window, 'resize', doLayout)\n    }\n  }\n  onUnmounted(() => {\n    unbindEvents()\n  })\n  const unbindEvents = () => {\n    table.refs.bodyWrapper?.removeEventListener('scroll', syncPostion, true)\n    if (props.fit) {\n      removeResizeListener(table.vnode.el as ResizableElement, resizeListener)\n    } else {\n      off(window, 'resize', doLayout)\n    }\n  }\n  const resizeListener = () => {\n    if (!table.$ready) return\n    let shouldUpdateLayout = false\n    const el = table.vnode.el\n    const { width: oldWidth, height: oldHeight } = resizeState.value\n\n    const width = el.offsetWidth\n    if (oldWidth !== width) {\n      shouldUpdateLayout = true\n    }\n\n    const height = el.offsetHeight\n    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {\n      shouldUpdateLayout = true\n    }\n\n    if (shouldUpdateLayout) {\n      resizeState.value = {\n        width,\n        height,\n      }\n      doLayout()\n    }\n  }\n  const tableSize = computed(() => {\n    return props.size || $ELEMENT.size\n  })\n  const bodyWidth = computed(() => {\n    const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout\n    return bodyWidth_.value\n      ? `${(bodyWidth_.value as number) - (scrollY.value ? gutterWidth : 0)}px`\n      : ''\n  })\n  const bodyHeight = computed(() => {\n    const headerHeight = layout.headerHeight.value || 0\n    const bodyHeight = layout.bodyHeight.value\n    const footerHeight = layout.footerHeight.value || 0\n    if (props.height) {\n      return {\n        height: bodyHeight ? `${bodyHeight}px` : '',\n      }\n    } else if (props.maxHeight) {\n      const maxHeight = parseHeight(props.maxHeight)\n      if (typeof maxHeight === 'number') {\n        return {\n          'max-height': `${\n            maxHeight - footerHeight - (props.showHeader ? headerHeight : 0)\n          }px`,\n        }\n      }\n    }\n    return {}\n  })\n  const emptyBlockStyle = computed(() => {\n    if (props.data && props.data.length) return null\n    let height = '100%'\n    if (layout.appendHeight.value) {\n      height = `calc(100% - ${layout.appendHeight.value}px)`\n    }\n    return {\n      width: bodyWidth.value,\n      height,\n    }\n  })\n\n  const fixedHeight = computed(() => {\n    if (props.maxHeight) {\n      if (props.showSummary) {\n        return {\n          bottom: 0,\n        }\n      }\n      return {\n        bottom:\n          layout.scrollX.value && props.data.length\n            ? `${layout.gutterWidth}px`\n            : '',\n      }\n    } else {\n      if (props.showSummary) {\n        return {\n          height: layout.tableHeight.value\n            ? `${layout.tableHeight.value}px`\n            : '',\n        }\n      }\n      return {\n        height: layout.viewportHeight.value\n          ? `${layout.viewportHeight.value}px`\n          : '',\n      }\n    }\n  })\n  const fixedBodyHeight = computed(() => {\n    if (props.height) {\n      return {\n        height: layout.fixedBodyHeight.value\n          ? `${layout.fixedBodyHeight.value}px`\n          : '',\n      }\n    } else if (props.maxHeight) {\n      let maxHeight = parseHeight(props.maxHeight)\n      if (typeof maxHeight === 'number') {\n        maxHeight = layout.scrollX.value\n          ? maxHeight - layout.gutterWidth\n          : maxHeight\n        if (props.showHeader) {\n          maxHeight -= layout.headerHeight.value\n        }\n        maxHeight -= layout.footerHeight.value\n        return {\n          'max-height': `${maxHeight}px`,\n        }\n      }\n    }\n    return {}\n  })\n\n  return {\n    isHidden,\n    renderExpanded,\n    isGroup,\n    tableSize,\n    bodyHeight,\n    emptyBlockStyle,\n    fixedHeight,\n    fixedBodyHeight,\n    resizeProxyVisible,\n    bodyWidth,\n    resizeState,\n    doLayout,\n  }\n}\n\nexport default useStyle\n"],"names":["useGlobalConfig","ref","computed","nextTick","throttle","parseHeight"],"mappings":"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"}

package/lib/packages/components/table/src/table/utils-helper.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function useUtils(store) {
+  const setCurrentRow = (row) => {
+    store.commit("setCurrentRow", row);
+  };
+  const toggleRowSelection = (row, selected) => {
+    store.toggleRowSelection(row, selected, false);
+    store.updateAllSelected();
+  };
+  const clearSelection = () => {
+    store.clearSelection();
+  };
+  const clearFilter = (columnKeys) => {
+    store.clearFilter(columnKeys);
+  };
+  const toggleAllSelection = () => {
+    store.commit("toggleAllSelection");
+  };
+  const toggleRowExpansion = (row, expanded) => {
+    store.toggleRowExpansionAdapter(row, expanded);
+  };
+  const clearSort = () => {
+    store.clearSort();
+  };
+  const sort = (prop, order) => {
+    store.commit("sort", { prop, order });
+  };
+  return {
+    setCurrentRow,
+    toggleRowSelection,
+    clearSelection,
+    clearFilter,
+    toggleAllSelection,
+    toggleRowExpansion,
+    clearSort,
+    sort
+  };
+}
+
+exports["default"] = useUtils;
+//# sourceMappingURL=utils-helper.js.map

package/lib/packages/components/table/src/table/utils-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-helper.js","sources":["../../../../../../../../packages/components/table/src/table/utils-helper.ts"],"sourcesContent":["import type { Store } from '../store'\n\nfunction useUtils<T>(store: Store<T>) {\n  const setCurrentRow = (row: T) => {\n    store.commit('setCurrentRow', row)\n  }\n  const toggleRowSelection = (row: T, selected: boolean) => {\n    store.toggleRowSelection(row, selected, false)\n    store.updateAllSelected()\n  }\n  const clearSelection = () => {\n    store.clearSelection()\n  }\n  const clearFilter = (columnKeys: string[]) => {\n    store.clearFilter(columnKeys)\n  }\n  const toggleAllSelection = () => {\n    store.commit('toggleAllSelection')\n  }\n  const toggleRowExpansion = (row: T, expanded: boolean) => {\n    store.toggleRowExpansionAdapter(row, expanded)\n  }\n  const clearSort = () => {\n    store.clearSort()\n  }\n  const sort = (prop: string, order: string) => {\n    store.commit('sort', { prop, order })\n  }\n\n  return {\n    setCurrentRow,\n    toggleRowSelection,\n    clearSelection,\n    clearFilter,\n    toggleAllSelection,\n    toggleRowExpansion,\n    clearSort,\n    sort,\n  }\n}\n\nexport default useUtils\n"],"names":[],"mappings":";;;;AAEA,kBAAqB,OAAiB;AACpC,QAAM,gBAAgB,CAAC,QAAW;AAChC,UAAM,OAAO,iBAAiB;AAAA;AAEhC,QAAM,qBAAqB,CAAC,KAAQ,aAAsB;AACxD,UAAM,mBAAmB,KAAK,UAAU;AACxC,UAAM;AAAA;AAER,QAAM,iBAAiB,MAAM;AAC3B,UAAM;AAAA;AAER,QAAM,cAAc,CAAC,eAAyB;AAC5C,UAAM,YAAY;AAAA;AAEpB,QAAM,qBAAqB,MAAM;AAC/B,UAAM,OAAO;AAAA;AAEf,QAAM,qBAAqB,CAAC,KAAQ,aAAsB;AACxD,UAAM,0BAA0B,KAAK;AAAA;AAEvC,QAAM,YAAY,MAAM;AACtB,UAAM;AAAA;AAER,QAAM,OAAO,CAAC,MAAc,UAAkB;AAC5C,UAAM,OAAO,QAAQ,EAAE,MAAM;AAAA;AAG/B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/packages/components/table/src/table-body/defaults.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const defaultProps = {
+  store: {
+    required: true,
+    type: Object
+  },
+  stripe: Boolean,
+  tooltipEffect: String,
+  context: {
+    default: () => ({}),
+    type: Object
+  },
+  rowClassName: [String, Function],
+  rowStyle: [Object, Function],
+  fixed: {
+    type: String,
+    default: ""
+  },
+  highlight: Boolean
+};
+
+exports["default"] = defaultProps;
+//# sourceMappingURL=defaults.js.map

package/lib/packages/components/table/src/table-body/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../../../../../../packages/components/table/src/table-body/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type { Store } from '../store'\nimport type {\n  ColumnCls,\n  ColumnStyle,\n  DefaultRow,\n  Table,\n} from '../table/defaults'\n\ninterface TableBodyProps<T> {\n  store: Store<T>\n  stripe?: boolean\n  context: Table<T>\n  rowClassName: ColumnCls<T>\n  rowStyle: ColumnStyle<T>\n  fixed: string\n  highlight: boolean\n  tooltipEffect: string\n}\n\nconst defaultProps = {\n  store: {\n    required: true,\n    type: Object as PropType<TableBodyProps<DefaultRow>['store']>,\n  },\n  stripe: Boolean,\n  tooltipEffect: String,\n  context: {\n    default: () => ({}),\n    type: Object as PropType<TableBodyProps<DefaultRow>['context']>,\n  },\n  rowClassName: [String, Function] as PropType<\n    TableBodyProps<DefaultRow>['rowClassName']\n  >,\n  rowStyle: [Object, Function] as PropType<\n    TableBodyProps<DefaultRow>['rowStyle']\n  >,\n  fixed: {\n    type: String,\n    default: '',\n  },\n  highlight: Boolean,\n}\n\nexport { TableBodyProps }\nexport default defaultProps\n"],"names":[],"mappings":";;;;MAoBM,eAAe;AAAA,EACnB,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA;AAAA,EAER,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,SAAS;AAAA,IACP,SAAS;AAAO,IAChB,MAAM;AAAA;AAAA,EAER,cAAc,CAAC,QAAQ;AAAA,EAGvB,UAAU,CAAC,QAAQ;AAAA,EAGnB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA;;;;"}

package/lib/packages/components/table/src/table-body/events-helper.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var debounce = require('lodash/debounce');
+var dom = require('../../../../utils/dom.js');
+var util = require('../util.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+
+function useEvents(props) {
+  const instance = vue.getCurrentInstance();
+  const parent = instance.parent;
+  const tooltipContent = vue.ref("");
+  const tooltipTrigger = vue.ref(vue.h("div"));
+  const handleEvent = (event, row, name) => {
+    const table = parent;
+    const cell = util.getCell(event);
+    let column;
+    if (cell) {
+      column = util.getColumnByCell({
+        columns: props.store.states.columns.value
+      }, cell);
+      if (column) {
+        table.emit(`cell-${name}`, row, column, cell, event);
+      }
+    }
+    table.emit(`row-${name}`, row, column, event);
+  };
+  const handleDoubleClick = (event, row) => {
+    handleEvent(event, row, "dblclick");
+  };
+  const handleClick = (event, row) => {
+    props.store.commit("setCurrentRow", row);
+    handleEvent(event, row, "click");
+  };
+  const handleContextMenu = (event, row) => {
+    handleEvent(event, row, "contextmenu");
+  };
+  const handleMouseEnter = debounce__default["default"](function(index) {
+    props.store.commit("setHoverRow", index);
+  }, 30);
+  const handleMouseLeave = debounce__default["default"](function() {
+    props.store.commit("setHoverRow", null);
+  }, 30);
+  const handleCellMouseEnter = (event, row) => {
+    const table = parent;
+    const cell = util.getCell(event);
+    if (cell) {
+      const column = util.getColumnByCell({
+        columns: props.store.states.columns.value
+      }, cell);
+      const hoverState = table.hoverState = { cell, column, row };
+      table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
+    }
+    const cellChild = event.target.querySelector(".cell");
+    if (!(dom.hasClass(cellChild, "el-tooltip") && cellChild.childNodes.length)) {
+      return;
+    }
+    const range = document.createRange();
+    range.setStart(cellChild, 0);
+    range.setEnd(cellChild, cellChild.childNodes.length);
+    const rangeWidth = range.getBoundingClientRect().width;
+    const padding = (parseInt(dom.getStyle(cellChild, "paddingLeft"), 10) || 0) + (parseInt(dom.getStyle(cellChild, "paddingRight"), 10) || 0);
+    if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
+      util.createTablePopper(cell, cell.innerText || cell.textContent, {
+        placement: "top",
+        strategy: "fixed"
+      }, row.tooltipEffect);
+    }
+  };
+  const handleCellMouseLeave = (event) => {
+    const cell = util.getCell(event);
+    if (!cell)
+      return;
+    const oldHoverState = parent.hoverState;
+    parent.emit("cell-mouse-leave", oldHoverState == null ? void 0 : oldHoverState.row, oldHoverState == null ? void 0 : oldHoverState.column, oldHoverState == null ? void 0 : oldHoverState.cell, event);
+  };
+  return {
+    handleDoubleClick,
+    handleClick,
+    handleContextMenu,
+    handleMouseEnter,
+    handleMouseLeave,
+    handleCellMouseEnter,
+    handleCellMouseLeave,
+    tooltipContent,
+    tooltipTrigger
+  };
+}
+
+exports["default"] = useEvents;
+//# sourceMappingURL=events-helper.js.map

package/lib/packages/components/table/src/table-body/events-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-helper.js","sources":["../../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { getCurrentInstance, ref, h } from 'vue'\nimport debounce from 'lodash/debounce'\nimport { getStyle, hasClass } from '@element-ps/utils/dom'\nimport { createTablePopper, getCell, getColumnByCell } from '../util'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { Table } from '../table/defaults'\nimport type { TableBodyProps } from './defaults'\n\nfunction useEvents<T>(props: Partial<TableBodyProps<T>>) {\n  const instance = getCurrentInstance()\n  const parent = instance.parent as Table<T>\n  const tooltipContent = ref('')\n  const tooltipTrigger = ref(h('div'))\n  const handleEvent = (event: Event, row: T, name: string) => {\n    const table = parent\n    const cell = getCell(event)\n    let column: TableColumnCtx<T>\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store.states.columns.value,\n        },\n        cell\n      )\n      if (column) {\n        table.emit(`cell-${name}`, row, column, cell, event)\n      }\n    }\n    table.emit(`row-${name}`, row, column, event)\n  }\n  const handleDoubleClick = (event: Event, row: T) => {\n    handleEvent(event, row, 'dblclick')\n  }\n  const handleClick = (event: Event, row: T) => {\n    props.store.commit('setCurrentRow', row)\n    handleEvent(event, row, 'click')\n  }\n  const handleContextMenu = (event: Event, row: T) => {\n    handleEvent(event, row, 'contextmenu')\n  }\n  const handleMouseEnter = debounce(function (index: number) {\n    props.store.commit('setHoverRow', index)\n  }, 30)\n  const handleMouseLeave = debounce(function () {\n    props.store.commit('setHoverRow', null)\n  }, 30)\n  const handleCellMouseEnter = (\n    event: MouseEvent,\n    row: T & { tooltipEffect: string }\n  ) => {\n    const table = parent\n    const cell = getCell(event)\n\n    if (cell) {\n      const column = getColumnByCell(\n        {\n          columns: props.store.states.columns.value,\n        },\n        cell\n      )\n      const hoverState = (table.hoverState = { cell, column, row })\n      table.emit(\n        'cell-mouse-enter',\n        hoverState.row,\n        hoverState.column,\n        hoverState.cell,\n        event\n      )\n    }\n\n    // 判断是否text-overflow, 如果是就显示tooltip\n    const cellChild = (event.target as HTMLElement).querySelector(\n      '.cell'\n    ) as HTMLElement\n    if (!(hasClass(cellChild, 'el-tooltip') && cellChild.childNodes.length)) {\n      return\n    }\n    // use range width instead of scrollWidth to determine whether the text is overflowing\n    // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n    const range = document.createRange()\n    range.setStart(cellChild, 0)\n    range.setEnd(cellChild, cellChild.childNodes.length)\n    const rangeWidth = range.getBoundingClientRect().width\n    const padding =\n      (parseInt(getStyle(cellChild, 'paddingLeft'), 10) || 0) +\n      (parseInt(getStyle(cellChild, 'paddingRight'), 10) || 0)\n    if (\n      rangeWidth + padding > cellChild.offsetWidth ||\n      cellChild.scrollWidth > cellChild.offsetWidth\n    ) {\n      createTablePopper(\n        cell,\n        cell.innerText || cell.textContent,\n        {\n          placement: 'top',\n          strategy: 'fixed',\n        },\n        row.tooltipEffect\n      )\n    }\n  }\n  const handleCellMouseLeave = (event) => {\n    const cell = getCell(event)\n    if (!cell) return\n\n    const oldHoverState = parent.hoverState\n    parent.emit(\n      'cell-mouse-leave',\n      oldHoverState?.row,\n      oldHoverState?.column,\n      oldHoverState?.cell,\n      event\n    )\n  }\n\n  return {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useEvents\n"],"names":["getCurrentInstance","ref","h","getCell","getColumnByCell","debounce","getStyle"],"mappings":";;;;;;;;;;;;;AASA,mBAAsB,OAAmC;AACvD,QAAM,WAAWA;AACjB,QAAM,SAAS,SAAS;AACxB,QAAM,iBAAiBC,QAAI;AAC3B,QAAM,iBAAiBA,QAAIC,MAAE;AAC7B,QAAM,cAAc,CAAC,OAAc,KAAQ,SAAiB;AAC1D,UAAM,QAAQ;AACd,UAAM,OAAOC,aAAQ;AACrB,QAAI;AACJ,QAAI,MAAM;AACR,eAASC,qBACP;AAAA,QACE,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,SAEtC;AAEF,UAAI,QAAQ;AACV,cAAM,KAAK,QAAQ,QAAQ,KAAK,QAAQ,MAAM;AAAA;AAAA;AAGlD,UAAM,KAAK,OAAO,QAAQ,KAAK,QAAQ;AAAA;AAEzC,QAAM,oBAAoB,CAAC,OAAc,QAAW;AAClD,gBAAY,OAAO,KAAK;AAAA;AAE1B,QAAM,cAAc,CAAC,OAAc,QAAW;AAC5C,UAAM,MAAM,OAAO,iBAAiB;AACpC,gBAAY,OAAO,KAAK;AAAA;AAE1B,QAAM,oBAAoB,CAAC,OAAc,QAAW;AAClD,gBAAY,OAAO,KAAK;AAAA;AAE1B,QAAM,mBAAmBC,6BAAS,SAAU,OAAe;AACzD,UAAM,MAAM,OAAO,eAAe;AAAA,KACjC;AACH,QAAM,mBAAmBA,6BAAS,WAAY;AAC5C,UAAM,MAAM,OAAO,eAAe;AAAA,KACjC;AACH,QAAM,uBAAuB,CAC3B,OACA,QACG;AACH,UAAM,QAAQ;AACd,UAAM,OAAOF,aAAQ;AAErB,QAAI,MAAM;AACR,YAAM,SAASC,qBACb;AAAA,QACE,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,SAEtC;AAEF,YAAM,aAAc,MAAM,aAAa,EAAE,MAAM,QAAQ;AACvD,YAAM,KACJ,oBACA,WAAW,KACX,WAAW,QACX,WAAW,MACX;AAAA;AAKJ,UAAM,YAAa,MAAM,OAAuB,cAC9C;AAEF,QAAI,eAAW,WAAW,iBAAiB,UAAU,WAAW,SAAS;AACvE;AAAA;AAIF,UAAM,QAAQ,SAAS;AACvB,UAAM,SAAS,WAAW;AAC1B,UAAM,OAAO,WAAW,UAAU,WAAW;AAC7C,UAAM,aAAa,MAAM,wBAAwB;AACjD,UAAM,UACH,UAASE,aAAS,WAAW,gBAAgB,OAAO,eAC3CA,aAAS,WAAW,iBAAiB,OAAO;AACxD,QACE,aAAa,UAAU,UAAU,eACjC,UAAU,cAAc,UAAU,aAClC;AACA,6BACE,MACA,KAAK,aAAa,KAAK,aACvB;AAAA,QACE,WAAW;AAAA,QACX,UAAU;AAAA,SAEZ,IAAI;AAAA;AAAA;AAIV,QAAM,uBAAuB,CAAC,UAAU;AACtC,UAAM,OAAOH,aAAQ;AACrB,QAAI,CAAC;AAAM;AAEX,UAAM,gBAAgB,OAAO;AAC7B,WAAO,KACL,oBACA,+CAAe,KACf,+CAAe,QACf,+CAAe,MACf;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/packages/components/table/src/table-body/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var hHelper = require('../h-helper.js');
+var layoutObserver = require('../layout-observer.js');
+var util = require('../util.js');
+var renderHelper = require('./render-helper.js');
+var defaults = require('./defaults.js');
+
+var TableBody = vue.defineComponent({
+  name: "PsTableBody",
+  props: defaults["default"],
+  setup(props) {
+    const instance = vue.getCurrentInstance();
+    const parent = instance.parent;
+    const { wrappedRowRender, tooltipContent, tooltipTrigger } = renderHelper["default"](props);
+    const { onColumnsChange, onScrollableChange } = layoutObserver["default"](parent);
+    vue.onUnmounted(() => {
+      var _a;
+      (_a = util.removePopper) == null ? void 0 : _a();
+    });
+    vue.onUpdated(() => {
+      var _a;
+      (_a = util.removePopper) == null ? void 0 : _a();
+    });
+    return {
+      onColumnsChange,
+      onScrollableChange,
+      wrappedRowRender,
+      tooltipContent,
+      tooltipTrigger
+    };
+  },
+  render() {
+    const data = this.store.states.data.value || [];
+    return vue.h("table", {
+      class: "el-table__body",
+      cellspacing: "0",
+      cellpadding: "0",
+      border: "0"
+    }, [
+      hHelper.hColgroup(this.store.states.columns.value),
+      vue.h("tbody", {}, [
+        data.reduce((acc, row) => {
+          return acc.concat(this.wrappedRowRender(row, acc.length));
+        }, [])
+      ])
+    ]);
+  }
+});
+
+exports["default"] = TableBody;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/table/src/table-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../packages/components/table/src/table-body/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  getCurrentInstance,\n  h,\n  watch,\n  onUnmounted,\n  onUpdated,\n} from 'vue'\nimport { addClass, removeClass } from '@element-ps/utils/dom'\nimport isServer from '@element-ps/utils/isServer'\nimport { hColgroup } from '../h-helper'\nimport useLayoutObserver from '../layout-observer'\nimport { removePopper } from '../util'\nimport useRender from './render-helper'\nimport defaultProps from './defaults'\n\nimport type { VNode } from 'vue'\nimport type { DefaultRow, Table } from '../table/defaults'\n\nexport default defineComponent({\n  name: 'PsTableBody',\n  props: defaultProps,\n  setup(props) {\n    const instance = getCurrentInstance()\n    const parent = instance.parent as Table<DefaultRow>\n\n    const { wrappedRowRender, tooltipContent, tooltipTrigger } =\n      useRender(props)\n    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent)\n\n    onUnmounted(() => {\n      removePopper?.()\n    })\n    onUpdated(() => {\n      removePopper?.()\n    })\n\n    return {\n      onColumnsChange,\n      onScrollableChange,\n      wrappedRowRender,\n      tooltipContent,\n      tooltipTrigger,\n    }\n  },\n  render() {\n    const data = this.store.states.data.value || []\n    return h(\n      'table',\n      {\n        class: 'el-table__body',\n        cellspacing: '0',\n        cellpadding: '0',\n        border: '0',\n      },\n      [\n        hColgroup(this.store.states.columns.value),\n        h('tbody', {}, [\n          data.reduce((acc: VNode[], row) => {\n            return acc.concat(this.wrappedRowRender(row, acc.length))\n          }, []),\n        ]),\n      ]\n    )\n  },\n})\n"],"names":["defineComponent","defaultProps","getCurrentInstance","useRender","useLayoutObserver","h","hColgroup"],"mappings":";;;;;;;;;;;AAmBA,gBAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,SAAS,SAAS;AAExB,UAAM,EAAE,kBAAkB,gBAAgB,mBACxCC,wBAAU;AACZ,UAAM,EAAE,iBAAiB,uBAAuBC,0BAAkB;AAElE,oBAAY,MAAM;AA9BtB;AA+BM;AAAA;AAEF,kBAAU,MAAM;AAjCpB;AAkCM;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,EAGJ,SAAS;AACP,UAAM,OAAO,KAAK,MAAM,OAAO,KAAK,SAAS;AAC7C,WAAOC,MACL,SACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,aAAa;AAAA,MACb,QAAQ;AAAA,OAEV;AAAA,MACEC,kBAAU,KAAK,MAAM,OAAO,QAAQ;AAAA,MACpCD,MAAE,SAAS,IAAI;AAAA,QACb,KAAK,OAAO,CAAC,KAAc,QAAQ;AACjC,iBAAO,IAAI,OAAO,KAAK,iBAAiB,KAAK,IAAI;AAAA,WAChD;AAAA;AAAA;AAAA;AAAA;;;;"}