@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.21

package/dist/Table/TableColumn.js

@@ -1,47 +1,13 @@
-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);
-
-// src/Table/TableColumn.tsx
-var TableColumn_exports = {};
-__export(TableColumn_exports, {
-  default: () => TableColumn_default
-});
-module.exports = __toCommonJS(TableColumn_exports);
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var TableColumn = (props) => {
-  const getChildren = (0, import_hooks.useChildrenInstance)("TableColumn");
+import React from 'react';
+import { useChildrenInstance } from "../hooks";
+var TableColumn = function TableColumn(props) {
+  var getChildren = useChildrenInstance('ElTableColumn');
   if (props.children instanceof Function) {
-    return /* @__PURE__ */ import_react.default.createElement("div", null);
+    return /*#__PURE__*/React.createElement("div", null);
   } else {
-    const columns = props.children ? getChildren(props.children) : [];
-    return /* @__PURE__ */ import_react.default.createElement("div", null, columns);
+    var columns = props.children ? getChildren(props.children) : [];
+    return /*#__PURE__*/React.createElement("div", null, columns);
   }
 };
-TableColumn.displayName = "TableColumn";
-var TableColumn_default = TableColumn;
+TableColumn.displayName = 'ElTableColumn';
+export default TableColumn;

package/dist/Table/TableContext.d.ts

@@ -3,9 +3,13 @@ import { Action, State } from './hooks/useSelection';
 import { TableColumnCtx, TableProps, TableRefs, TreeNode } from './typings';
 export interface TableContextProps<T> {
     tableId: string;
+    /** 多级列 */
     columns: TableColumnCtx<T>[][];
+    /** 最后一级列 */
     flattenColumns: TableColumnCtx<T>[];
+    /** 左固定列 */
     fixedLeftColumns: TableColumnCtx<T>[];
+    /** 右固定列 */
     fixedRightColumns: TableColumnCtx<T>[];
     tableRefs: TableRefs;
     props: Omit<TableProps<T>, 'children'>;
@@ -21,8 +25,11 @@ export interface TableBodyContextProps<T> {
     oldActiveRow: MutableRefObject<T | null | undefined>;
     state: State<T>;
     dispatch: (action: Action) => void;
+    /** 原始表格数据 */
     initialData: MutableRefObject<T[]>;
+    /** 排序后表格数据 */
     sortedData: MutableRefObject<T[]>;
+    /** 禁止选中行 */
     disabledRows: MutableRefObject<T[]>;
     isTreeTable: () => boolean;
     isTreeExpandCell: (id: string) => boolean;
@@ -30,6 +37,7 @@ export interface TableBodyContextProps<T> {
         hasChildren: string;
         children: string;
     };
+    /** 树节点信息 */
     treeNodes: MutableRefObject<TreeNode[]>;
 }
 export declare const TableContext: import("react").Context<TableContextProps<any>>;

package/dist/Table/TableContext.js

@@ -1,43 +1,7 @@
-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);
-
-// src/Table/TableContext.ts
-var TableContext_exports = {};
-__export(TableContext_exports, {
-  TableBodyContext: () => TableBodyContext,
-  TableContext: () => TableContext,
-  TableHeaderContext: () => TableHeaderContext
-});
-module.exports = __toCommonJS(TableContext_exports);
-var import_noop = __toESM(require("lodash/noop"));
-var import_react = require("react");
-var TableContext = (0, import_react.createContext)({
-  tableId: "",
+import noop from 'lodash/noop';
+import { createContext } from 'react';
+export var TableContext = /*#__PURE__*/createContext({
+  tableId: '',
   columns: [],
   flattenColumns: [],
   fixedLeftColumns: [],
@@ -45,28 +9,45 @@ var TableContext = (0, import_react.createContext)({
   // @ts-ignore
   props: {},
   data: [],
-  setData: import_noop.default
-});
-var TableHeaderContext = (0, import_react.createContext)({
-  sortProp: "",
-  setSortProp: import_noop.default,
-  init: { current: null }
+  setData: noop
 });
-var TableBodyContext = (0, import_react.createContext)({
-  oldActiveRow: { current: null },
-  state: { isIndeterminate: false, selection: [], currentRow: null },
-  dispatch: import_noop.default,
-  initialData: { current: [] },
-  sortedData: { current: [] },
-  disabledRows: { current: [] },
-  isTreeTable: () => false,
-  isTreeExpandCell: () => false,
-  treeProps: { hasChildren: "hasChildren", children: "children" },
-  treeNodes: { current: [] }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableBodyContext,
-  TableContext,
-  TableHeaderContext
+export var TableHeaderContext = /*#__PURE__*/createContext({
+  sortProp: '',
+  setSortProp: noop,
+  init: {
+    current: null
+  }
 });
+export var TableBodyContext = /*#__PURE__*/createContext({
+  oldActiveRow: {
+    current: null
+  },
+  state: {
+    isIndeterminate: false,
+    selection: [],
+    currentRow: null
+  },
+  dispatch: noop,
+  initialData: {
+    current: []
+  },
+  sortedData: {
+    current: []
+  },
+  disabledRows: {
+    current: []
+  },
+  isTreeTable: function isTreeTable() {
+    return false;
+  },
+  isTreeExpandCell: function isTreeExpandCell() {
+    return false;
+  },
+  treeProps: {
+    hasChildren: 'hasChildren',
+    children: 'children'
+  },
+  treeNodes: {
+    current: []
+  }
+});

package/dist/Table/TableHeader.js

@@ -1,107 +1,117 @@
-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);
-
-// src/Table/TableHeader.tsx
-var TableHeader_exports = {};
-__export(TableHeader_exports, {
-  default: () => TableHeader_default
-});
-module.exports = __toCommonJS(TableHeader_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_some = __toESM(require("lodash/some"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var import_TableContext = require("./TableContext");
-var import_TableHeaderCell = __toESM(require("./TableHeaderCell"));
-var TableHeader = ({ scheduleLayout }) => {
-  const { tableId, columns, fixedLeftColumns, fixedRightColumns, props } = (0, import_react.useContext)(import_TableContext.TableContext);
-  const { headerRowClassName, headerRowStyle, defaultSort } = props;
-  const { is, bm } = (0, import_hooks.useClassNames)("table");
-  const initSortRef = (0, import_react.useRef)(false);
-  const [sortProp, setSortProp] = (0, import_react.useState)(defaultSort == null ? void 0 : defaultSort.prop);
-  const middleColumns = (0, import_react.useMemo)(
-    () => columns.map((col, index) => {
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 classNames from 'classnames';
+import some from 'lodash/some';
+import React, { useContext, useMemo, useRef, useState } from 'react';
+import { useClassNames } from "../hooks";
+import { TableContext, TableHeaderContext } from "./TableContext";
+import TableHeaderCell from "./TableHeaderCell";
+var TableHeader = function TableHeader(_ref) {
+  var scheduleLayout = _ref.scheduleLayout;
+  var _useContext = useContext(TableContext),
+    tableId = _useContext.tableId,
+    columns = _useContext.columns,
+    fixedLeftColumns = _useContext.fixedLeftColumns,
+    fixedRightColumns = _useContext.fixedRightColumns,
+    props = _useContext.props;
+  var headerRowClassName = props.headerRowClassName,
+    headerRowStyle = props.headerRowStyle,
+    defaultSort = props.defaultSort;
+  var _useClassNames = useClassNames('table'),
+    is = _useClassNames.is,
+    bm = _useClassNames.bm;
+  var initSortRef = useRef(false);
+  var _useState = useState(defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.prop),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortProp = _useState2[0],
+    setSortProp = _useState2[1];
+  var middleColumns = useMemo(function () {
+    return columns.map(function (col, index) {
       if (index === 0) {
-        return col.filter((item) => !(0, import_some.default)([...fixedLeftColumns, ...fixedRightColumns], { id: item.id }));
+        return col.filter(function (item) {
+          return !some([].concat(_toConsumableArray(fixedLeftColumns), _toConsumableArray(fixedRightColumns)), {
+            id: item.id
+          });
+        });
       }
       return col;
-    }),
-    [fixedLeftColumns, fixedRightColumns, columns]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(import_TableContext.TableHeaderContext.Provider, { value: { sortProp, setSortProp, init: initSortRef } }, /* @__PURE__ */ import_react.default.createElement("thead", { className: is({ group: columns.length > 1 }) }, middleColumns.map((row, rowIndex) => {
-    let columnIndex = -1;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "tr",
-      {
-        key: `${tableId}_${rowIndex}`,
-        className: typeof headerRowClassName === "function" ? headerRowClassName == null ? void 0 : headerRowClassName({ row, rowIndex }) : headerRowClassName,
-        style: typeof headerRowStyle === "function" ? headerRowStyle == null ? void 0 : headerRowStyle({ row, rowIndex }) : headerRowStyle
-      },
-      rowIndex === 0 && fixedLeftColumns.map((column) => {
-        columnIndex++;
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_TableHeaderCell.default,
-          {
-            key: column.id,
-            row,
-            rowIndex,
-            column,
-            columnIndex,
-            className: (0, import_classnames.default)(
-              bm("fixed-column", "left"),
-              is({ leaf: column.isSubColumn, "last-column": columnIndex === fixedLeftColumns.length - 1 })
-            ),
-            style: { left: column.offsetWidth },
-            scheduleLayout
-          }
-        );
-      }),
-      row.map((column) => {
-        columnIndex++;
-        return /* @__PURE__ */ import_react.default.createElement(import_TableHeaderCell.default, { key: column.id, row, rowIndex, column, columnIndex, scheduleLayout });
-      }),
-      rowIndex === 0 && fixedRightColumns.map((column) => {
-        columnIndex++;
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_TableHeaderCell.default,
-          {
-            key: column.id,
-            row,
-            rowIndex,
-            column,
-            columnIndex,
-            className: (0, import_classnames.default)(bm("fixed-column", "right"), is({ leaf: column.isSubColumn, "first-column": columnIndex === 0 })),
-            style: { right: column.offsetWidth },
-            scheduleLayout
-          }
-        );
-      })
-    );
+    });
+  }, [fixedLeftColumns, fixedRightColumns, columns]);
+  return /*#__PURE__*/React.createElement(TableHeaderContext.Provider, {
+    value: {
+      sortProp: sortProp,
+      setSortProp: setSortProp,
+      init: initSortRef
+    }
+  }, /*#__PURE__*/React.createElement("thead", {
+    className: is({
+      group: columns.length > 1
+    })
+  }, middleColumns.map(function (row, rowIndex) {
+    var columnIndex = -1;
+    return /*#__PURE__*/React.createElement("tr", {
+      key: "".concat(tableId, "_").concat(rowIndex),
+      className: typeof headerRowClassName === 'function' ? headerRowClassName === null || headerRowClassName === void 0 ? void 0 : headerRowClassName({
+        row: row,
+        rowIndex: rowIndex
+      }) : headerRowClassName,
+      style: typeof headerRowStyle === 'function' ? headerRowStyle === null || headerRowStyle === void 0 ? void 0 : headerRowStyle({
+        row: row,
+        rowIndex: rowIndex
+      }) : headerRowStyle
+    }, rowIndex === 0 && fixedLeftColumns.map(function (column) {
+      columnIndex++;
+      return /*#__PURE__*/React.createElement(TableHeaderCell, {
+        key: column.id,
+        row: row,
+        rowIndex: rowIndex,
+        column: column,
+        columnIndex: columnIndex,
+        className: classNames(bm('fixed-column', 'left'), is({
+          leaf: column.isSubColumn,
+          'last-column': columnIndex === fixedLeftColumns.length - 1
+        })),
+        style: {
+          left: column.offsetWidth
+        },
+        scheduleLayout: scheduleLayout
+      });
+    }), row.map(function (column) {
+      columnIndex++;
+      return /*#__PURE__*/React.createElement(TableHeaderCell, {
+        key: column.id,
+        row: row,
+        rowIndex: rowIndex,
+        column: column,
+        columnIndex: columnIndex,
+        scheduleLayout: scheduleLayout
+      });
+    }), rowIndex === 0 && fixedRightColumns.map(function (column) {
+      columnIndex++;
+      return /*#__PURE__*/React.createElement(TableHeaderCell, {
+        key: column.id,
+        row: row,
+        rowIndex: rowIndex,
+        column: column,
+        columnIndex: columnIndex,
+        className: classNames(bm('fixed-column', 'right'), is({
+          leaf: column.isSubColumn,
+          'first-column': columnIndex === 0
+        })),
+        style: {
+          right: column.offsetWidth
+        },
+        scheduleLayout: scheduleLayout
+      });
+    }));
   })));
 };
-var TableHeader_default = TableHeader;
+export default TableHeader;