@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/table/components/ColumnSetting/style.js

@@ -1,118 +1,82 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/table/components/ColumnSetting/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      width: "auto",
-      "&-title": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        height: "32px"
-      },
-      "&-overlay": {
-        [`${token.antCls}-popover-inner-content`]: {
-          width: "200px",
-          paddingBlock: 0,
-          paddingInline: 0,
-          paddingBlockEnd: 8
-        },
-        [`${token.antCls}-tree-node-content-wrapper:hover`]: {
-          backgroundColor: "transparent"
-        },
-        [`${token.antCls}-tree-draggable-icon`]: { cursor: "grab" },
-        [`${token.antCls}-tree-treenode`]: {
-          alignItems: "center",
-          "&:hover": {
-            [`${token.componentCls}-list-item-option`]: {
-              display: "block"
-            }
-          },
-          [`${token.antCls}-tree-checkbox`]: {
-            marginInlineEnd: "4px"
-          },
-          [`${token.antCls}-tree-title`]: {
-            width: "100%"
-          }
-        }
-      }
+var genProStyle = function genProStyle(token) {
+  return _defineProperty(_defineProperty(_defineProperty({}, token.componentCls, {
+    width: 'auto',
+    '&-title': {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      height: '32px'
     },
-    [`${token.componentCls}-action-rest-button`]: {
-      color: token.colorPrimary
+    '&-overlay': _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(token.antCls, "-popover-inner-content"), {
+      width: '200px',
+      paddingBlock: 0,
+      paddingInline: 0,
+      paddingBlockEnd: 8
+    }), "".concat(token.antCls, "-tree-node-content-wrapper:hover"), {
+      backgroundColor: 'transparent'
+    }), "".concat(token.antCls, "-tree-draggable-icon"), {
+      cursor: 'grab'
+    }), "".concat(token.antCls, "-tree-treenode"), _defineProperty(_defineProperty({
+      alignItems: 'center',
+      '&:hover': _defineProperty({}, "".concat(token.componentCls, "-list-item-option"), {
+        display: 'block'
+      })
+    }, "".concat(token.antCls, "-tree-checkbox"), {
+      marginInlineEnd: '4px'
+    }), "".concat(token.antCls, "-tree-title"), {
+      width: '100%'
+    }))
+  }), "".concat(token.componentCls, "-action-rest-button"), {
+    color: token.colorPrimary
+  }), "".concat(token.componentCls, "-list"), _defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%',
+    paddingBlockStart: 8
+  }, "&".concat(token.componentCls, "-list-group"), {
+    paddingBlockStart: 0
+  }), '&-title', {
+    marginBlockStart: '6px',
+    marginBlockEnd: '6px',
+    paddingInlineStart: '24px',
+    color: token.colorTextSecondary,
+    fontSize: '12px'
+  }), '&-item', {
+    display: 'flex',
+    alignItems: 'center',
+    maxHeight: 24,
+    justifyContent: 'space-between',
+    '&-title': {
+      flex: 1,
+      maxWidth: 80,
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      wordBreak: 'break-all',
+      whiteSpace: 'nowrap'
     },
-    [`${token.componentCls}-list`]: {
-      display: "flex",
-      flexDirection: "column",
-      width: "100%",
-      paddingBlockStart: 8,
-      [`&${token.componentCls}-list-group`]: {
-        paddingBlockStart: 0
-      },
-      "&-title": {
-        marginBlockStart: "6px",
-        marginBlockEnd: "6px",
-        paddingInlineStart: "24px",
-        color: token.colorTextSecondary,
-        fontSize: "12px"
-      },
-      "&-item": {
-        display: "flex",
-        alignItems: "center",
-        maxHeight: 24,
-        justifyContent: "space-between",
-        "&-title": {
-          flex: 1,
-          maxWidth: 80,
-          textOverflow: "ellipsis",
-          overflow: "hidden",
-          wordBreak: "break-all",
-          whiteSpace: "nowrap"
-        },
-        "&-option": {
-          display: "none",
-          float: "right",
-          cursor: "pointer",
-          "> span": {
-            "> span.anticon": {
-              color: token.colorPrimary
-            }
-          },
-          "> span + span": {
-            marginInlineStart: 4
-          }
+    '&-option': {
+      display: 'none',
+      float: 'right',
+      cursor: 'pointer',
+      '> span': {
+        '> span.anticon': {
+          color: token.colorPrimary
         }
+      },
+      '> span + span': {
+        marginInlineStart: 4
       }
     }
-  };
+  }));
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ColumnSetting", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('ColumnSetting', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/table/components/DragSortTable/index.js

@@ -1,146 +1,110 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/table/components/DragSortTable/index.tsx
-import { HolderOutlined } from "@ant-design/icons";
-import { ConfigProvider } from "antd";
-import useMergedState from "rc-util/lib/hooks/useMergedState";
-import React, { useContext, useMemo } from "react";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["rowKey", "dragSortKey", "dragSortHandlerRender", "onDragSortEnd", "onDataSourceChange", "defaultData", "dataSource", "onLoad"],
+  _excluded2 = ["rowData", "index", "className"];
+import { HolderOutlined } from '@ant-design/icons';
+import { useMergedState } from '@rc-component/util';
+import { ConfigProvider } from 'antd';
+import React, { useContext, useMemo } from 'react';
 import ProTable from "../../Table";
 import { useDragSort } from "../../utils/useDragSort";
 import { useStyle } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
 function DragSortTable(props) {
-  var _b;
-  const _a = props, {
-    rowKey,
-    dragSortKey,
-    dragSortHandlerRender,
-    onDragSortEnd,
-    onDataSourceChange,
-    defaultData,
-    dataSource: originDataSource,
-    onLoad
-  } = _a, otherProps = __objRest(_a, [
-    "rowKey",
-    "dragSortKey",
-    "dragSortHandlerRender",
-    "onDragSortEnd",
-    "onDataSourceChange",
-    "defaultData",
-    "dataSource",
-    "onLoad"
-  ]);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const [dataSource, setDataSource] = useMergedState(
-    () => defaultData || [],
-    {
+  var _otherProps$columns;
+  var rowKey = props.rowKey,
+    dragSortKey = props.dragSortKey,
+    dragSortHandlerRender = props.dragSortHandlerRender,
+    onDragSortEnd = props.onDragSortEnd,
+    onDataSourceChange = props.onDataSourceChange,
+    defaultData = props.defaultData,
+    originDataSource = props.dataSource,
+    onLoad = props.onLoad,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useMergedState = useMergedState(function () {
+      return defaultData || [];
+    }, {
       value: originDataSource,
       onChange: onDataSourceChange
-    }
-  );
-  const { wrapSSR, hashId } = useStyle(getPrefixCls("pro-table-drag"));
-  const DragHandle = useMemo(() => {
-    return (dragHandleProps) => {
-      const _a2 = dragHandleProps, { rowData, index, className } = _a2, rest = __objRest(_a2, ["rowData", "index", "className"]);
-      const defaultDom = /* @__PURE__ */ React.createElement(
-        HolderOutlined,
-        __spreadProps(__spreadValues({}, rest), {
-          className: `${getPrefixCls("pro-table-drag-icon")} ${className || ""} ${hashId || ""}`.trim()
-        })
-      );
-      const handel = dragSortHandlerRender ? dragSortHandlerRender(
-        dragHandleProps == null ? void 0 : dragHandleProps.rowData,
-        dragHandleProps == null ? void 0 : dragHandleProps.index
-      ) : defaultDom;
-      return /* @__PURE__ */ React.createElement("div", __spreadValues({}, rest), handel);
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    dataSource = _useMergedState2[0],
+    setDataSource = _useMergedState2[1];
+  var _useStyle = useStyle(getPrefixCls('pro-table-drag')),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+
+  // 默认拖拽把手
+  var DragHandle = useMemo(function () {
+    return function (dragHandleProps) {
+      var rowData = dragHandleProps.rowData,
+        index = dragHandleProps.index,
+        className = dragHandleProps.className,
+        rest = _objectWithoutProperties(dragHandleProps, _excluded2);
+      var defaultDom = /*#__PURE__*/_jsx(HolderOutlined, _objectSpread(_objectSpread({}, rest), {}, {
+        className: "".concat(getPrefixCls('pro-table-drag-icon'), " ").concat(className || '', " ").concat(hashId || '').trim()
+      }));
+      var handel = dragSortHandlerRender ? dragSortHandlerRender(dragHandleProps === null || dragHandleProps === void 0 ? void 0 : dragHandleProps.rowData, dragHandleProps === null || dragHandleProps === void 0 ? void 0 : dragHandleProps.index) : defaultDom;
+      return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+        children: handel
+      }));
     };
   }, [getPrefixCls]);
-  const { components, DndContext } = useDragSort({
-    dataSource: dataSource == null ? void 0 : dataSource.slice(),
-    dragSortKey,
-    onDragSortEnd,
-    components: props.components,
-    rowKey,
-    DragHandle
-  });
-  const wrapOnload = (ds) => __async(this, null, function* () {
-    setDataSource(ds);
-    return onLoad == null ? void 0 : onLoad(ds);
-  });
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      ProTable,
-      __spreadProps(__spreadValues({}, otherProps), {
-        columns: (_b = otherProps.columns) == null ? void 0 : _b.map((item) => {
-          if (item.dataIndex == dragSortKey || item.key === dragSortKey) {
-            if (!item.render) {
-              item.render = () => null;
-            }
-          }
-          return item;
-        }),
-        onLoad: wrapOnload,
-        rowKey,
-        tableViewRender: (_, defaultDom) => {
-          return /* @__PURE__ */ React.createElement(DndContext, null, defaultDom);
-        },
-        dataSource,
-        components,
-        onDataSourceChange
-      })
-    )
-  );
+
+  // 使用自定义hooks获取拖拽相关组件的components集合
+  var _useDragSort = useDragSort({
+      dataSource: dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(),
+      dragSortKey: dragSortKey,
+      onDragSortEnd: onDragSortEnd,
+      components: props.components,
+      rowKey: rowKey,
+      DragHandle: DragHandle
+    }),
+    components = _useDragSort.components,
+    DndContext = _useDragSort.DndContext;
+  var wrapOnload = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(ds) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setDataSource(ds);
+            return _context.abrupt("return", onLoad === null || onLoad === void 0 ? void 0 : onLoad(ds));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function wrapOnload(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return wrapSSR( /*#__PURE__*/_jsx(ProTable, _objectSpread(_objectSpread({}, otherProps), {}, {
+    columns: (_otherProps$columns = otherProps.columns) === null || _otherProps$columns === void 0 ? void 0 : _otherProps$columns.map(function (item) {
+      if (item.dataIndex == dragSortKey || item.key === dragSortKey) {
+        if (!item.render) {
+          item.render = function () {
+            return null;
+          };
+        }
+      }
+      return item;
+    }),
+    onLoad: wrapOnload,
+    rowKey: rowKey,
+    tableViewRender: function tableViewRender(_, defaultDom) {
+      return /*#__PURE__*/_jsx(DndContext, {
+        children: defaultDom
+      });
+    },
+    dataSource: dataSource,
+    components: components,
+    onDataSourceChange: onDataSourceChange
+  })));
 }
-var DragSortTable_default = DragSortTable;
-export {
-  DragSortTable_default as default
-};
+export default DragSortTable;

package/es/table/components/DragSortTable/style.js

@@ -1,51 +1,27 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/table/components/DragSortTable/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProListStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&-icon": {
-        marginInlineEnd: 8,
-        color: token.colorTextSecondary,
-        cursor: "grab !important",
-        padding: 4,
-        fontSize: 12,
-        borderRadius: token.borderRadius,
-        "&:hover": {
-          color: token.colorText,
-          backgroundColor: token.colorInfoBg
-        }
+var genProListStyle = function genProListStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    '&-icon': {
+      marginInlineEnd: 8,
+      color: token.colorTextSecondary,
+      cursor: 'grab !important',
+      padding: 4,
+      fontSize: 12,
+      borderRadius: token.borderRadius,
+      '&:hover': {
+        color: token.colorText,
+        backgroundColor: token.colorInfoBg
       }
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("DragSortTable", (token) => {
-    const proListToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('DragSortTable', function (token) {
+    var proListToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProListStyle(proListToken)];
   });
-}
-export {
-  useStyle
-};
+}