@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.12

package/dist/Table/TableHeaderCell.js

@@ -1,178 +1,231 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMount } from 'ahooks';
+import classNames from 'classnames';
+import isEqual from 'lodash/isEqual';
+import sortBy from 'lodash/sortBy';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import Checkbox from "../Checkbox/Checkbox";
+import { isEmpty, isNotEmpty } from "../Util";
+import { useClassNames } from "../hooks";
+import { TableBodyContext, TableContext, TableHeaderContext } from "./TableContext";
+import { useResize } from "./hooks/useResize";
+import { onCheck } from "./hooks/useSelection";
+import { mergeTreeData } from "./treeUtil";
+import { getRowIdentity } from "./util";
+var TableHeaderCell = function TableHeaderCell(p) {
+  var row = p.row,
+    rowIndex = p.rowIndex,
+    column = p.column,
+    columnIndex = p.columnIndex,
+    scheduleLayout = p.scheduleLayout,
+    className = p.className,
+    style = p.style;
+  var _useContext = useContext(TableContext),
+    data = _useContext.data,
+    props = _useContext.props,
+    setData = _useContext.setData,
+    flattenColumns = _useContext.flattenColumns;
+  var _useContext2 = useContext(TableHeaderContext),
+    sortProp = _useContext2.sortProp,
+    setSortProp = _useContext2.setSortProp,
+    init = _useContext2.init;
+  var _useContext3 = useContext(TableBodyContext),
+    state = _useContext3.state,
+    dispatch = _useContext3.dispatch,
+    initialData = _useContext3.initialData,
+    sortedData = _useContext3.sortedData,
+    disabledRows = _useContext3.disabledRows,
+    treeProps = _useContext3.treeProps,
+    treeNodes = _useContext3.treeNodes;
+  var rowKey = props.rowKey,
+    headerCellClassName = props.headerCellClassName,
+    headerCellStyle = props.headerCellStyle,
+    onHeaderClick = props.onHeaderClick,
+    onHeaderContextmenu = props.onHeaderContextmenu,
+    onSelectAll = props.onSelectAll,
+    onSelectionChange = props.onSelectionChange,
+    selectOnIndeterminate = props.selectOnIndeterminate,
+    defaultSort = props.defaultSort,
+    onSortChange = props.onSortChange;
+  var _useClassNames = useClassNames('table'),
+    e = _useClassNames.e,
+    is = _useClassNames.is,
+    bm = _useClassNames.bm;
+  var _useResize = useResize(scheduleLayout),
+    handleMouseDown = _useResize.handleMouseDown,
+    handleMouseMove = _useResize.handleMouseMove,
+    handleMouseOut = _useResize.handleMouseOut;
 
-// src/Table/TableHeaderCell.tsx
-var TableHeaderCell_exports = {};
-__export(TableHeaderCell_exports, {
-  default: () => TableHeaderCell_default
-});
-module.exports = __toCommonJS(TableHeaderCell_exports);
-var import_ahooks = require("ahooks");
-var import_classnames = __toESM(require("classnames"));
-var import_isEqual = __toESM(require("lodash/isEqual"));
-var import_sortBy = __toESM(require("lodash/sortBy"));
-var import_react = __toESM(require("react"));
-var import_Checkbox = require("../Checkbox");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_TableContext = require("./TableContext");
-var import_useResize = require("./hooks/useResize");
-var import_useSelection = require("./hooks/useSelection");
-var import_treeUtil = require("./treeUtil");
-var import_util = require("./util");
-var TableHeaderCell = (p) => {
-  const { row, rowIndex, column, columnIndex, scheduleLayout, className, style } = p;
-  const { data, props, setData, flattenColumns } = (0, import_react.useContext)(import_TableContext.TableContext);
-  const { sortProp, setSortProp, init } = (0, import_react.useContext)(import_TableContext.TableHeaderContext);
-  const { state, dispatch, initialData, sortedData, disabledRows, treeProps, treeNodes } = (0, import_react.useContext)(import_TableContext.TableBodyContext);
-  const { rowKey, headerCellClassName, headerCellStyle, onHeaderClick, onHeaderContextmenu, onSelectAll, onSelectionChange, selectOnIndeterminate, defaultSort, onSortChange } = props;
-  const { e, is, bm } = (0, import_hooks.useClassNames)("table");
-  const { handleMouseDown, handleMouseMove, handleMouseOut } = (0, import_useResize.useResize)(scheduleLayout);
-  const enableSort = (0, import_react.useMemo)(() => {
-    if (column.sortable === true || column.sortable === "custom") {
+  /** 是否启用排序 */
+  var enableSort = useMemo(function () {
+    if (column.sortable === true || column.sortable === 'custom') {
       return true;
-    } else if ((defaultSort == null ? void 0 : defaultSort.prop) && (0, import_Util.isNotEmpty)(column.prop || column.name)) {
+    } else if (defaultSort !== null && defaultSort !== void 0 && defaultSort.prop && isNotEmpty(column.prop || column.name)) {
       return defaultSort.prop === (column.prop || column.name);
     }
     return false;
-  }, [column.name, column.prop, column.sortable, defaultSort == null ? void 0 : defaultSort.prop]);
-  const sortOrders = (0, import_react.useMemo)(() => (column == null ? void 0 : column.sortOrders) ?? ["ascending", "descending", null], [column == null ? void 0 : column.sortOrders]);
-  const activeSort = (0, import_react.useMemo)(() => (0, import_Util.isNotEmpty)(sortProp) && sortProp === (column.prop || column.name), [column.name, column.prop, sortProp]);
-  const [order, setOrder] = (0, import_react.useState)(() => activeSort && !init.current ? defaultSort == null ? void 0 : defaultSort.order : null);
-  (0, import_react.useEffect)(() => {
+  }, [column.name, column.prop, column.sortable, defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.prop]);
+  var sortOrders = useMemo(function () {
+    var _column$sortOrders;
+    return (_column$sortOrders = column === null || column === void 0 ? void 0 : column.sortOrders) !== null && _column$sortOrders !== void 0 ? _column$sortOrders : ['ascending', 'descending', null];
+  }, [column === null || column === void 0 ? void 0 : column.sortOrders]);
+  var activeSort = useMemo(function () {
+    return isNotEmpty(sortProp) && sortProp === (column.prop || column.name);
+  }, [column.name, column.prop, sortProp]);
+  var _useState = useState(function () {
+      return activeSort && !init.current ? defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.order : null;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    order = _useState2[0],
+    setOrder = _useState2[1];
+  useEffect(function () {
     if (enableSort && init.current && !activeSort) {
+      // 设置为最后一个排序，为了在下次点击时切换到第一个
       setOrder(sortOrders[sortOrders.length - 1]);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [sortProp]);
-  const handleCheckAll = (0, import_react.useCallback)(
-    (checked) => {
-      let selected = [];
-      const filterData = data.filter(
-        (item1) => !disabledRows.current.some((item2) => rowKey ? (0, import_util.getRowIdentity)(item1, rowKey) === (0, import_util.getRowIdentity)(item2, rowKey) : (0, import_isEqual.default)(item1, item2))
-      );
-      if (selectOnIndeterminate) {
-        selected = checked ? filterData : [];
-      } else {
-        selected = state.selection.length > 0 ? [] : filterData;
-      }
-      dispatch((0, import_useSelection.onCheck)({ selection: selected, isIndeterminate: false }));
-      onSelectAll == null ? void 0 : onSelectAll(selected);
-      onSelectionChange == null ? void 0 : onSelectionChange(selected);
-    },
-    [data, disabledRows, dispatch, onSelectAll, onSelectionChange, rowKey, selectOnIndeterminate, state.selection.length]
-  );
-  const handleSort = (0, import_react.useCallback)(
-    (_sort) => {
-      if (column.sortable === "custom" && sortProp && _sort) {
-        const _data = onSortChange == null ? void 0 : onSortChange({ column, prop: sortProp, order: _sort });
-        if (_data && _data instanceof Array) {
-          try {
-            setData((0, import_treeUtil.mergeTreeData)(initialData.current, treeNodes.current, treeProps, rowKey));
-          } catch (error) {
-            console.warn("warning： 返回的数据似乎有问题");
-          }
-        } else {
-          console.warn("warning： 返回的数据格式有问题");
+
+  /** 全选点击事件 */
+  var handleCheckAll = useCallback(function (checked) {
+    var selected = [];
+    var filterData = data.filter(function (item1) {
+      return !disabledRows.current.some(function (item2) {
+        return rowKey ? getRowIdentity(item1, rowKey) === getRowIdentity(item2, rowKey) : isEqual(item1, item2);
+      });
+    });
+    if (selectOnIndeterminate) {
+      selected = checked ? filterData : [];
+    } else {
+      selected = state.selection.length > 0 ? [] : filterData;
+    }
+    dispatch(onCheck({
+      selection: selected,
+      isIndeterminate: false
+    }));
+    onSelectAll === null || onSelectAll === void 0 || onSelectAll(selected);
+    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(selected);
+  }, [data, disabledRows, dispatch, onSelectAll, onSelectionChange, rowKey, selectOnIndeterminate, state.selection.length]);
+
+  /** 排序 */
+  var handleSort = useCallback(function (_sort) {
+    if (column.sortable === 'custom' && sortProp && _sort) {
+      var _data = onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange({
+        column: column,
+        prop: sortProp,
+        order: _sort
+      });
+      if (_data && _data instanceof Array) {
+        try {
+          setData(mergeTreeData(initialData.current, treeNodes.current, treeProps, rowKey));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.warn('warning： 返回的数据似乎有问题');
         }
-      } else if (column.sortMethod) {
-        const _data = initialData.current.sort((a, b) => column.sortMethod(a, b));
-        setData((0, import_treeUtil.mergeTreeData)(_data, treeNodes.current, treeProps, rowKey));
-      } else if ((0, import_Util.isEmpty)(_sort)) {
-        setData((0, import_treeUtil.mergeTreeData)(initialData.current, treeNodes.current, treeProps, rowKey));
       } else {
-        const _data = (0, import_sortBy.default)(initialData.current, column.sortBy ? column.sortBy : column.prop || column.name);
-        sortedData.current = _sort === "descending" ? _data.reverse() : _data;
-        setData((0, import_treeUtil.mergeTreeData)(sortedData.current, treeNodes.current, treeProps, rowKey));
+        // eslint-disable-next-line no-console
+        console.warn('warning： 返回的数据格式有问题');
       }
-    },
-    [column, sortProp, onSortChange, initialData, setData, treeNodes, treeProps, rowKey, sortedData]
-  );
-  (0, import_ahooks.useMount)(() => {
+    } else if (column.sortMethod) {
+      var _data2 = initialData.current.sort(function (a, b) {
+        return column.sortMethod(a, b);
+      });
+      setData(mergeTreeData(_data2, treeNodes.current, treeProps, rowKey));
+    } else if (isEmpty(_sort)) {
+      // 没有排序，恢复到原始顺序
+      setData(mergeTreeData(initialData.current, treeNodes.current, treeProps, rowKey));
+    } else {
+      var _data3 = sortBy(initialData.current, column.sortBy ? column.sortBy : column.prop || column.name);
+      sortedData.current = _sort === 'descending' ? _data3.reverse() : _data3;
+      setData(mergeTreeData(sortedData.current, treeNodes.current, treeProps, rowKey));
+    }
+  }, [column, sortProp, onSortChange, initialData, setData, treeNodes, treeProps, rowKey, sortedData]);
+  useMount(function () {
     if (activeSort) {
       handleSort(order);
     }
   });
-  const handleHeaderClick = (0, import_react.useCallback)(
-    (event) => {
-      onHeaderClick == null ? void 0 : onHeaderClick(column, event);
-      if (enableSort && order !== void 0) {
-        let nextIndex = sortOrders.indexOf(order) + 1;
-        nextIndex = nextIndex >= 3 ? 0 : nextIndex;
-        setOrder(sortOrders[nextIndex]);
-        if (!activeSort) {
-          setSortProp(column.prop || column.name);
-        }
-        init.current = true;
-        handleSort(sortOrders[nextIndex]);
+
+  /** 表头点击事件 */
+  var handleHeaderClick = useCallback(function (event) {
+    onHeaderClick === null || onHeaderClick === void 0 || onHeaderClick(column, event);
+    if (enableSort && order !== undefined) {
+      var nextIndex = sortOrders.indexOf(order) + 1;
+      nextIndex = nextIndex >= 3 ? 0 : nextIndex;
+      setOrder(sortOrders[nextIndex]);
+      if (!activeSort) {
+        setSortProp(column.prop || column.name);
       }
+      init.current = true;
+      handleSort(sortOrders[nextIndex]);
+    }
+  }, [activeSort, column, enableSort, handleSort, init, onHeaderClick, order, setSortProp, sortOrders]);
+  return /*#__PURE__*/React.createElement("th", {
+    className: classNames(column.id, e(_templateObject || (_templateObject = _taggedTemplateLiteral(["cell"]))), _defineProperty(_defineProperty({}, bm('column', 'selection'), column.type === 'selection'), order, activeSort), is(column.headerAlign || column.align, {
+      leaf: column.isSubColumn,
+      sortable: enableSort
+    }), column.labelClassName, className, typeof headerCellClassName === 'function' ? headerCellClassName === null || headerCellClassName === void 0 ? void 0 : headerCellClassName({
+      row: row,
+      column: column,
+      rowIndex: rowIndex,
+      columnIndex: columnIndex
+    }) : headerCellClassName),
+    style: _objectSpread(_objectSpread({}, style), typeof headerCellStyle === 'function' ? headerCellStyle === null || headerCellStyle === void 0 ? void 0 : headerCellStyle({
+      row: row,
+      column: column,
+      rowIndex: rowIndex,
+      columnIndex: columnIndex
+    }) : headerCellStyle),
+    colSpan: column.colSpan || 1,
+    rowSpan: column.rowSpan || 1,
+    onClick: handleHeaderClick,
+    onContextMenu: function onContextMenu(event) {
+      return onHeaderContextmenu === null || onHeaderContextmenu === void 0 ? void 0 : onHeaderContextmenu(column, event);
     },
-    [activeSort, column, enableSort, handleSort, init, onHeaderClick, order, setSortProp, sortOrders]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(
-    "th",
-    {
-      className: (0, import_classnames.default)(
-        column.id,
-        e`cell`,
-        { [bm("column", "selection")]: column.type === "selection", [order]: activeSort },
-        is(column.headerAlign || column.align, { leaf: column.isSubColumn, sortable: enableSort }),
-        column.labelClassName,
-        className,
-        typeof headerCellClassName === "function" ? headerCellClassName == null ? void 0 : headerCellClassName({ row, column, rowIndex, columnIndex }) : headerCellClassName
-      ),
-      style: { ...style, ...typeof headerCellStyle === "function" ? headerCellStyle == null ? void 0 : headerCellStyle({ row, column, rowIndex, columnIndex }) : headerCellStyle },
-      colSpan: column.colSpan || 1,
-      rowSpan: column.rowSpan || 1,
-      onClick: handleHeaderClick,
-      onContextMenu: (event) => onHeaderContextmenu == null ? void 0 : onHeaderContextmenu(column, event),
-      onMouseDown: (event) => handleMouseDown(
-        event,
-        flattenColumns.find((item) => item.id === column.id)
-      ),
-      onMouseMove: (event) => handleMouseMove(event, column),
-      onMouseOut: handleMouseOut
+    onMouseDown: function onMouseDown(event) {
+      return handleMouseDown(event, flattenColumns.find(function (item) {
+        return item.id === column.id;
+      }));
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: e`cell-content` }, (() => {
-      var _a, _b, _c, _d, _e;
-      if (data.length > 0 && column.type === "selection") {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_Checkbox.Checkbox,
-          {
-            disabled: ((_a = disabledRows.current) == null ? void 0 : _a.length) === data.length,
-            checked: ((_b = state.selection) == null ? void 0 : _b.length) > 0 && ((_c = state.selection) == null ? void 0 : _c.length) + ((_d = disabledRows.current) == null ? void 0 : _d.length) === data.length,
-            indeterminate: ((_e = state.selection) == null ? void 0 : _e.length) > 0 && state.isIndeterminate,
-            onChange: (checked) => handleCheckAll(checked)
-          }
-        );
-      } else {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, column.label, enableSort && /* @__PURE__ */ import_react.default.createElement("span", { className: "caret-wrapper" }, /* @__PURE__ */ import_react.default.createElement("i", { className: "sort-caret ascending" }), /* @__PURE__ */ import_react.default.createElement("i", { className: "sort-caret descending" })));
-      }
-    })())
-  );
+    onMouseMove: function onMouseMove(event) {
+      return handleMouseMove(event, column);
+    },
+    onMouseOut: handleMouseOut
+  }, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["cell-content"])))
+  }, function () {
+    if (data.length > 0 && column.type === 'selection') {
+      var _disabledRows$current, _state$selection, _state$selection2, _disabledRows$current2, _state$selection3;
+      return /*#__PURE__*/React.createElement(Checkbox, {
+        disabled: ((_disabledRows$current = disabledRows.current) === null || _disabledRows$current === void 0 ? void 0 : _disabledRows$current.length) === data.length,
+        checked: ((_state$selection = state.selection) === null || _state$selection === void 0 ? void 0 : _state$selection.length) > 0 && ((_state$selection2 = state.selection) === null || _state$selection2 === void 0 ? void 0 : _state$selection2.length) + ((_disabledRows$current2 = disabledRows.current) === null || _disabledRows$current2 === void 0 ? void 0 : _disabledRows$current2.length) === data.length,
+        indeterminate: ((_state$selection3 = state.selection) === null || _state$selection3 === void 0 ? void 0 : _state$selection3.length) > 0 && state.isIndeterminate,
+        onChange: function onChange(checked) {
+          return handleCheckAll(checked);
+        }
+      });
+    } else {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, column.label, enableSort && /*#__PURE__*/React.createElement("span", {
+        className: "caret-wrapper"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "sort-caret ascending"
+      }), /*#__PURE__*/React.createElement("i", {
+        className: "sort-caret descending"
+      })));
+    }
+  }()));
 };
-var TableHeaderCell_default = TableHeaderCell;
+export default TableHeaderCell;

package/dist/Table/hooks/useResize.js

@@ -1,131 +1,117 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Table/hooks/useResize.ts
-var useResize_exports = {};
-__export(useResize_exports, {
-  useResize: () => useResize
-});
-module.exports = __toCommonJS(useResize_exports);
-var import_dom_lib = require("dom-lib");
-var import_react = require("react");
-var import_TableContext = require("../TableContext");
-var useResize = (scheduleLayout) => {
-  const { props, tableRefs } = (0, import_react.useContext)(import_TableContext.TableContext);
-  const draggingColumn = (0, import_react.useRef)(null);
-  const dragging = (0, import_react.useRef)(false);
-  const dragState = (0, import_react.useRef)({});
-  const handleMouseDown = (event, column) => {
+import { addClass, hasClass, removeClass } from 'dom-lib';
+import { useContext, useRef } from 'react';
+import { TableContext } from "../TableContext";
+export var useResize = function useResize(scheduleLayout) {
+  var _useContext = useContext(TableContext),
+    props = _useContext.props,
+    tableRefs = _useContext.tableRefs;
+  var draggingColumn = useRef(null);
+  var dragging = useRef(false);
+  var dragState = useRef({});
+  var handleMouseDown = function handleMouseDown(event, column) {
     if (column.children && column.children.length > 0) {
       return;
     }
+    /* istanbul ignore if */
     if (draggingColumn.current && props.border) {
       dragging.current = true;
-      const tableEl = tableRefs.tableWrapper;
+
+      // emit('set-drag-visible', true);
+      var tableEl = tableRefs.tableWrapper;
       if (tableEl.current && tableRefs.resizeHelper.current) {
-        const resizeProxy = tableRefs.resizeHelper.current;
-        resizeProxy.style.display = "";
-        const tableLeft = tableEl.current.getBoundingClientRect().left;
-        const columnEl = tableEl.current.querySelector(`th.${column.id}`);
+        var resizeProxy = tableRefs.resizeHelper.current;
+        resizeProxy.style.display = '';
+        var tableLeft = tableEl.current.getBoundingClientRect().left;
+        var columnEl = tableEl.current.querySelector("th.".concat(column.id));
         if (columnEl) {
-          const columnRect = columnEl.getBoundingClientRect();
-          const minLeft = (columnRect == null ? void 0 : columnRect.left) - tableLeft + 30;
-          (0, import_dom_lib.addClass)(columnEl, "noclick");
+          var columnRect = columnEl.getBoundingClientRect();
+          var minLeft = (columnRect === null || columnRect === void 0 ? void 0 : columnRect.left) - tableLeft + 30;
+          addClass(columnEl, 'noclick');
           dragState.current = {
             startMouseLeft: event.clientX,
             startLeft: columnRect.right - tableLeft,
             startColumnLeft: columnRect.left - tableLeft,
-            tableLeft
+            tableLeft: tableLeft
           };
-          resizeProxy.style.left = `${dragState.current.startLeft}px`;
-          document.onselectstart = function() {
+          resizeProxy.style.left = "".concat(dragState.current.startLeft, "px");
+          document.onselectstart = function () {
             return false;
           };
-          document.ondragstart = function() {
+          document.ondragstart = function () {
             return false;
           };
-          const handleMouseMove2 = (e) => {
-            const deltaLeft = e.clientX - dragState.current.startMouseLeft;
-            const proxyLeft = dragState.current.startLeft + deltaLeft;
-            resizeProxy.style.left = `${Math.max(minLeft, proxyLeft)}px`;
+          var _handleMouseMove = function _handleMouseMove(e) {
+            var deltaLeft = e.clientX - dragState.current.startMouseLeft;
+            var proxyLeft = dragState.current.startLeft + deltaLeft;
+            resizeProxy.style.left = "".concat(Math.max(minLeft, proxyLeft), "px");
           };
-          const handleMouseUp = () => {
-            var _a;
+          var handleMouseUp = function handleMouseUp() {
             if (dragging.current) {
-              const { startColumnLeft, startLeft } = dragState.current;
-              const finalLeft = Number.parseInt(resizeProxy.style.left, 10);
-              const columnWidth = finalLeft - startColumnLeft;
+              var _props$onHeaderDragen;
+              var _ref = dragState.current,
+                startColumnLeft = _ref.startColumnLeft,
+                startLeft = _ref.startLeft;
+              var finalLeft = Number.parseInt(resizeProxy.style.left, 10);
+              var columnWidth = finalLeft - startColumnLeft;
               column.width = column.realWidth = columnWidth;
-              (_a = props == null ? void 0 : props.onHeaderDragend) == null ? void 0 : _a.call(props, column.width, startLeft - startColumnLeft, column, event);
-              requestAnimationFrame(() => scheduleLayout == null ? void 0 : scheduleLayout(false));
-              document.body.style.cursor = "";
+              props === null || props === void 0 || (_props$onHeaderDragen = props.onHeaderDragend) === null || _props$onHeaderDragen === void 0 || _props$onHeaderDragen.call(props, column.width, startLeft - startColumnLeft, column, event);
+              requestAnimationFrame(function () {
+                return scheduleLayout === null || scheduleLayout === void 0 ? void 0 : scheduleLayout(false);
+              });
+              document.body.style.cursor = '';
               dragging.current = false;
               draggingColumn.current = null;
               dragState.current = {};
-              resizeProxy.style.display = "none";
+              resizeProxy.style.display = 'none';
+              // emit('set-drag-visible', false);
             }
-            document.removeEventListener("mousemove", handleMouseMove2);
-            document.removeEventListener("mouseup", handleMouseUp);
+            document.removeEventListener('mousemove', _handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
             document.onselectstart = null;
             document.ondragstart = null;
-            setTimeout(() => {
-              (0, import_dom_lib.removeClass)(columnEl, "noclick");
+            setTimeout(function () {
+              removeClass(columnEl, 'noclick');
             }, 0);
           };
-          document.addEventListener("mousemove", handleMouseMove2);
-          document.addEventListener("mouseup", handleMouseUp);
+          document.addEventListener('mousemove', _handleMouseMove);
+          document.addEventListener('mouseup', handleMouseUp);
         }
       }
     }
   };
-  const handleMouseMove = (event, column) => {
-    var _a;
+  var handleMouseMove = function handleMouseMove(event, column) {
+    var _event$target;
     if (column.children && column.children.length > 0) {
       return;
     }
-    const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+    var target = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest('th');
     if (!column || !column.resizable) {
       return;
     }
     if (!dragging.current && target && props.border) {
-      const rect = target.getBoundingClientRect();
-      const bodyStyle = document.body.style;
+      var rect = target.getBoundingClientRect();
+      var bodyStyle = document.body.style;
       if (rect.width > 12 && rect.right - event.pageX < 8) {
-        bodyStyle.cursor = "col-resize";
-        if ((0, import_dom_lib.hasClass)(target, "is-sortable")) {
-          target.style.cursor = "col-resize";
+        bodyStyle.cursor = 'col-resize';
+        if (hasClass(target, 'is-sortable')) {
+          target.style.cursor = 'col-resize';
         }
         draggingColumn.current = column;
       } else if (!dragging.current) {
-        bodyStyle.cursor = "";
-        if ((0, import_dom_lib.hasClass)(target, "is-sortable")) {
-          target.style.cursor = "pointer";
+        bodyStyle.cursor = '';
+        if (hasClass(target, 'is-sortable')) {
+          target.style.cursor = 'pointer';
         }
         draggingColumn.current = null;
       }
     }
   };
-  const handleMouseOut = () => {
-    document.body.style.cursor = "";
+  var handleMouseOut = function handleMouseOut() {
+    document.body.style.cursor = '';
+  };
+  return {
+    handleMouseDown: handleMouseDown,
+    handleMouseMove: handleMouseMove,
+    handleMouseOut: handleMouseOut
   };
-  return { handleMouseDown, handleMouseMove, handleMouseOut };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useResize
-});
+};