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

package/es/table/utils/useDragSort.js

@@ -1,197 +1,158 @@
-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;
-};
-
-// src/table/utils/useDragSort.tsx
-import {
-  DndContext,
-  MouseSensor,
-  PointerSensor,
-  rectIntersection,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import {
-  arrayMove,
-  SortableContext,
-  useSortable,
-  verticalListSortingStrategy
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import React, { createContext, useCallback, useContext, useMemo } from "react";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["DragHandle", "dragSortKey"],
+  _excluded2 = ["dragSortKey"];
+import { DndContext, MouseSensor, PointerSensor, rectIntersection, useSensor, useSensors } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { arrayMove, SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import React, { createContext, useCallback, useContext, useMemo } from 'react';
 import { useRefFunction } from "../../utils";
-var SortableItemContextValue = createContext({ handle: null });
-var SortableRow = (props) => {
-  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: props.id });
-  const style = __spreadValues({
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SortableItemContextValue = /*#__PURE__*/createContext({
+  handle: null
+});
+
+/**
+ * 拖拽排序表格的行，
+ * 如果有 DragHandle 回给 dragSortKey 所在的行注入 provide 和 handle
+ * 如果没有整个行都支持拖拽
+ * @param props
+ * @returns
+ */
+var SortableRow = function SortableRow(props) {
+  var _useSortable = useSortable({
+      id: props.id
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
+  var style = _objectSpread({
     transform: CSS.Transform.toString(transform),
-    transition
-  }, props == null ? void 0 : props.style);
-  const _a = props, { DragHandle, dragSortKey } = _a, rest = __objRest(_a, ["DragHandle", "dragSortKey"]);
+    transition: transition
+  }, props === null || props === void 0 ? void 0 : props.style);
+  var DragHandle = props.DragHandle,
+    dragSortKey = props.dragSortKey,
+    rest = _objectWithoutProperties(props, _excluded);
   if (dragSortKey) {
-    const doms = [];
-    React.Children.forEach(rest.children, (child, index) => {
-      var _a2, _b;
+    var doms = [];
+    React.Children.forEach(rest.children, function (child, index) {
       if (child.key === dragSortKey) {
-        doms.push(
-          /* @__PURE__ */ React.createElement(
-            SortableItemContextValue.Provider,
-            {
-              key: child.key || index,
-              value: {
-                handle: /* @__PURE__ */ React.createElement(
-                  DragHandle,
-                  __spreadValues(__spreadValues({
-                    rowData: (_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.record,
-                    index: (_b = child == null ? void 0 : child.props) == null ? void 0 : _b.index
-                  }, listeners), attributes)
-                )
-              }
-            },
-            child
-          )
-        );
+        var _child$props, _child$props2;
+        doms.push( /*#__PURE__*/_jsx(SortableItemContextValue.Provider, {
+          value: {
+            handle: /*#__PURE__*/_jsx(DragHandle, _objectSpread(_objectSpread({
+              rowData: child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.record,
+              index: child === null || child === void 0 || (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.index
+            }, listeners), attributes))
+          },
+          children: child
+        }, child.key || index));
         return;
       }
       doms.push(child);
     });
-    return /* @__PURE__ */ React.createElement("tr", __spreadProps(__spreadValues({}, rest), { ref: setNodeRef, style }), doms);
-  }
-  return /* @__PURE__ */ React.createElement(
-    "tr",
-    __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, rest), {
+    return /*#__PURE__*/_jsx("tr", _objectSpread(_objectSpread({}, rest), {}, {
       ref: setNodeRef,
-      style
-    }), attributes), listeners)
-  );
+      style: style,
+      children: doms
+    }));
+  }
+  return /*#__PURE__*/_jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, rest), {}, {
+    ref: setNodeRef,
+    style: style
+  }, attributes), listeners));
 };
-var SortableItemCell = React.memo((props) => {
-  const _a = props, { dragSortKey } = _a, rest = __objRest(_a, ["dragSortKey"]);
-  const { handle } = useContext(SortableItemContextValue);
+
+/**
+ * 拖拽排序表格的 cell，用与判断要不要展示 handle
+ */
+var SortableItemCell = /*#__PURE__*/React.memo(function (props) {
+  var dragSortKey = props.dragSortKey,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var _useContext = useContext(SortableItemContextValue),
+    handle = _useContext.handle;
   if (handle) {
-    return /* @__PURE__ */ React.createElement("td", __spreadValues({}, rest), /* @__PURE__ */ React.createElement(
-      "div",
-      {
+    return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({}, rest), {}, {
+      children: /*#__PURE__*/_jsxs("div", {
         style: {
-          display: "flex",
-          alignItems: "center"
-        }
-      },
-      handle,
-      " ",
-      rest.children
-    ));
+          display: 'flex',
+          alignItems: 'center'
+        },
+        children: [handle, " ", rest.children]
+      })
+    }));
   }
-  return /* @__PURE__ */ React.createElement("td", __spreadValues({}, rest));
+  return /*#__PURE__*/_jsx("td", _objectSpread({}, rest));
 });
-var SortContainer = (p) => /* @__PURE__ */ React.createElement("tbody", __spreadValues({}, p));
-function useDragSort(props) {
-  var _a;
-  const { dataSource = [], onDragSortEnd, DragHandle, dragSortKey } = props;
-  const sensors = useSensors(useSensor(PointerSensor), useSensor(MouseSensor));
-  const handleDragEnd = useCallback(
-    (event) => {
-      var _a2;
-      const { active, over } = event;
-      if (((_a2 = over == null ? void 0 : over.id) == null ? void 0 : _a2.toString()) && active.id !== (over == null ? void 0 : over.id)) {
-        const newData = arrayMove(
-          dataSource || [],
-          parseInt(active.id),
-          parseInt(over.id)
-        );
-        onDragSortEnd == null ? void 0 : onDragSortEnd(
-          parseInt(active.id),
-          parseInt(over.id),
-          newData || []
-        );
-      }
-    },
-    [dataSource, onDragSortEnd]
-  );
-  const DraggableContainer = useRefFunction((p) => /* @__PURE__ */ React.createElement(
-    SortableContext,
-    {
-      items: dataSource.map((_, index) => index == null ? void 0 : index.toString()),
-      strategy: verticalListSortingStrategy
-    },
-    /* @__PURE__ */ React.createElement(SortContainer, __spreadValues({}, p))
-  ));
-  const DraggableBodyRow = useRefFunction((p) => {
-    var _a2;
-    const restProps = __objRest(p, []);
-    const index = (_a2 = dataSource.findIndex(
-      (item) => {
-        var _a3;
-        return item[(_a3 = props.rowKey) != null ? _a3 : "index"] === restProps["data-row-key"];
-      }
-    )) == null ? void 0 : _a2.toString();
-    return /* @__PURE__ */ React.createElement(
-      SortableRow,
-      __spreadValues({
-        id: index,
-        dragSortKey,
-        DragHandle,
-        key: index
-      }, restProps)
-    );
+var SortContainer = function SortContainer(p) {
+  return /*#__PURE__*/_jsx("tbody", _objectSpread({}, p));
+};
+export function useDragSort(props) {
+  var _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    onDragSortEnd = props.onDragSortEnd,
+    DragHandle = props.DragHandle,
+    dragSortKey = props.dragSortKey;
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(MouseSensor));
+  var handleDragEnd = useCallback(function (event) {
+    var _over$id;
+    var active = event.active,
+      over = event.over;
+    if (over !== null && over !== void 0 && (_over$id = over.id) !== null && _over$id !== void 0 && _over$id.toString() && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var newData = arrayMove(dataSource || [], parseInt(active.id), parseInt(over.id));
+      onDragSortEnd === null || onDragSortEnd === void 0 || onDragSortEnd(parseInt(active.id), parseInt(over.id), newData || []);
+    }
+  }, [dataSource, onDragSortEnd]);
+  var DraggableContainer = useRefFunction(function (p) {
+    return /*#__PURE__*/_jsx(SortableContext, {
+      items: dataSource.map(function (_, index) {
+        return index === null || index === void 0 ? void 0 : index.toString();
+      }),
+      strategy: verticalListSortingStrategy,
+      children: /*#__PURE__*/_jsx(SortContainer, _objectSpread({}, p))
+    });
+  });
+  var DraggableBodyRow = useRefFunction(function (p) {
+    var _dataSource$findIndex;
+    var restProps = Object.assign({}, (_objectDestructuringEmpty(p), p));
+    // function findIndex base on Table rowKey props and should always be a right array index
+    var index = (_dataSource$findIndex = dataSource.findIndex(function (item) {
+      var _props$rowKey;
+      return item[(_props$rowKey = props.rowKey) !== null && _props$rowKey !== void 0 ? _props$rowKey : 'index'] === restProps['data-row-key'];
+    })) === null || _dataSource$findIndex === void 0 ? void 0 : _dataSource$findIndex.toString();
+    return /*#__PURE__*/_jsx(SortableRow, _objectSpread({
+      id: index,
+      dragSortKey: dragSortKey,
+      DragHandle: DragHandle
+    }, restProps), index);
   });
-  const components = props.components || {};
+  var components = props.components || {};
   if (dragSortKey) {
-    components.body = __spreadValues({
+    var _props$components;
+    components.body = _objectSpread({
       wrapper: DraggableContainer,
       row: DraggableBodyRow,
       cell: SortableItemCell
-    }, ((_a = props.components) == null ? void 0 : _a.body) || {});
+    }, ((_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.body) || {});
   }
-  const memoDndContext = useMemo(
-    () => (contextProps) => {
-      return /* @__PURE__ */ React.createElement(
-        DndContext,
-        {
-          modifiers: [restrictToVerticalAxis],
-          sensors,
-          collisionDetection: rectIntersection,
-          onDragEnd: handleDragEnd
-        },
-        contextProps.children
-      );
-    },
-    [handleDragEnd, sensors]
-  );
+  var memoDndContext = useMemo(function () {
+    return function (contextProps) {
+      return /*#__PURE__*/_jsx(DndContext, {
+        modifiers: [restrictToVerticalAxis],
+        sensors: sensors,
+        collisionDetection: rectIntersection,
+        onDragEnd: handleDragEnd,
+        children: contextProps.children
+      });
+    };
+  }, [handleDragEnd, sensors]);
   return {
     DndContext: memoDndContext,
-    components
+    components: components
   };
-}
-export {
-  useDragSort
-};
+}

package/es/utils/components/DropdownFooter/index.js

@@ -1,63 +1,53 @@
-// src/utils/components/DropdownFooter/index.tsx
-import { Button, ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext } from "react";
+import { Button, ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
 import { useIntl } from "../../../provider";
 import { useStyle } from "./style";
-var DropdownFooter = (props) => {
-  const intl = useIntl();
-  const { onClear, onConfirm, disabled, footerRender } = props;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-core-dropdown-footer");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const defaultFooter = [
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        key: "clear",
-        style: {
-          visibility: onClear ? "visible" : "hidden"
-        },
-        type: "link",
-        size: "small",
-        disabled,
-        onClick: (e) => {
-          if (onClear) {
-            onClear(e);
-          }
-          e.stopPropagation();
-        }
-      },
-      intl.getMessage("form.lightFilter.clear", "清除")
-    ),
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        key: "confirm",
-        "data-type": "confirm",
-        type: "primary",
-        size: "small",
-        onClick: onConfirm,
-        disabled
-      },
-      intl.getMessage("form.lightFilter.confirm", "确认")
-    )
-  ];
-  if (footerRender === false || (footerRender == null ? void 0 : footerRender(onConfirm, onClear)) === false) {
+import { jsx as _jsx } from "react/jsx-runtime";
+var DropdownFooter = function DropdownFooter(props) {
+  var intl = useIntl();
+  var onClear = props.onClear,
+    onConfirm = props.onConfirm,
+    disabled = props.disabled,
+    footerRender = props.footerRender;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-core-dropdown-footer');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var defaultFooter = [/*#__PURE__*/_jsx(Button, {
+    style: {
+      visibility: onClear ? 'visible' : 'hidden'
+    },
+    type: "link",
+    size: "small",
+    disabled: disabled,
+    onClick: function onClick(e) {
+      if (onClear) {
+        onClear(e);
+      }
+      e.stopPropagation();
+    },
+    children: intl.getMessage('form.lightFilter.clear', '清除')
+  }, "clear"), /*#__PURE__*/_jsx(Button, {
+    "data-type": "confirm",
+    type: "primary",
+    size: "small",
+    onClick: onConfirm,
+    disabled: disabled,
+    children: intl.getMessage('form.lightFilter.confirm', '确认')
+  }, "confirm")];
+  if (footerRender === false || (footerRender === null || footerRender === void 0 ? void 0 : footerRender(onConfirm, onClear)) === false) {
     return null;
   }
-  const renderDom = (footerRender == null ? void 0 : footerRender(onConfirm, onClear)) || defaultFooter;
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(prefixCls, hashId),
-        onClick: (e) => e.target.getAttribute("data-type") !== "confirm" && e.stopPropagation()
-      },
-      renderDom
-    )
-  );
-};
-export {
-  DropdownFooter
+  var renderDom = (footerRender === null || footerRender === void 0 ? void 0 : footerRender(onConfirm, onClear)) || defaultFooter;
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    className: classNames(prefixCls, hashId),
+    onClick: function onClick(e) {
+      return e.target.getAttribute('data-type') !== 'confirm' && e.stopPropagation();
+    },
+    children: renderDom
+  }));
 };
+export { DropdownFooter };

package/es/utils/components/DropdownFooter/style.js

@@ -1,45 +1,21 @@
-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/utils/components/DropdownFooter/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]: {
-      display: "flex",
-      justifyContent: "space-between",
-      paddingBlock: 8,
-      paddingInlineStart: 8,
-      paddingInlineEnd: 8,
-      borderBlockStart: `1px solid ${token.colorSplit}`
-    }
-  };
+var genProStyle = function genProStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    display: 'flex',
+    justifyContent: 'space-between',
+    paddingBlock: 8,
+    paddingInlineStart: 8,
+    paddingInlineEnd: 8,
+    borderBlockStart: "1px solid ".concat(token.colorSplit)
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("DropdownFooter", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('DropdownFooter', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/utils/components/ErrorBoundary/index.js

@@ -1,30 +1,56 @@
-// src/utils/components/ErrorBoundary/index.tsx
-import { Result } from "antd";
-import React from "react";
-var ErrorBoundary = class extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.state = { hasError: false, errorInfo: "" };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, errorInfo: error.message };
-  }
-  componentDidCatch(error, errorInfo) {
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Result } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  _inherits(ErrorBoundary, _React$Component);
+  var _super = _createSuper(ErrorBoundary);
+  function ErrorBoundary() {
+    var _this;
+    _classCallCheck(this, ErrorBoundary);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hasError: false,
+      errorInfo: ''
+    });
+    return _this;
   }
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ React.createElement(
-        Result,
-        {
+  _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, errorInfo) {
+      // You can also log the error to an error reporting service
+      // 这里可以添加错误上报逻辑
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        // You can render any custom fallback UI
+        return /*#__PURE__*/_jsx(Result, {
           status: "error",
           title: "Something went wrong.",
           extra: this.state.errorInfo
-        }
-      );
+        });
+      }
+      return this.props.children;
     }
-    return this.props.children;
-  }
-};
-export {
-  ErrorBoundary
-};
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      return {
+        hasError: true,
+        errorInfo: error.message
+      };
+    }
+  }]);
+  return ErrorBoundary;
+}(React.Component);
+export { ErrorBoundary };