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

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

@@ -1,64 +1,43 @@
-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/LabelIconTip/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: "inline-flex",
-      alignItems: "center",
-      maxWidth: "100%",
-      "&-icon": {
-        display: "block",
-        marginInlineStart: "4px",
-        cursor: "pointer",
-        "&:hover": {
-          color: token.colorPrimary
-        }
-      },
-      "&-title": { display: "inline-flex", flex: "1" },
-      "&-subtitle ": {
-        marginInlineStart: 8,
-        color: token.colorTextSecondary,
-        fontWeight: "normal",
-        fontSize: token.fontSize,
-        whiteSpace: "nowrap"
-      },
-      "&-title-ellipsis": {
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis",
-        wordBreak: "keep-all"
+var genProStyle = function genProStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    display: 'inline-flex',
+    alignItems: 'center',
+    maxWidth: '100%',
+    '&-icon': {
+      display: 'block',
+      marginInlineStart: '4px',
+      cursor: 'pointer',
+      '&:hover': {
+        color: token.colorPrimary
       }
+    },
+    '&-title': {
+      display: 'inline-flex',
+      flex: '1'
+    },
+    '&-subtitle ': {
+      marginInlineStart: 8,
+      color: token.colorTextSecondary,
+      fontWeight: 'normal',
+      fontSize: token.fontSize,
+      whiteSpace: 'nowrap'
+    },
+    '&-title-ellipsis': {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'keep-all'
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("LabelIconTip", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('LabelIconTip', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

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

@@ -1,6 +1,2 @@
-// src/utils/components/ProFormContext/index.tsx
-import React from "react";
-var ProFormContext = React.createContext({});
-export {
-  ProFormContext
-};
+import React from 'react';
+export var ProFormContext = /*#__PURE__*/React.createContext({});

package/es/utils/conversionMomentValue/index.js

@@ -1,129 +1,148 @@
-// src/utils/conversionMomentValue/index.ts
-import dayjs from "dayjs";
-import quarterOfYear from "dayjs/plugin/quarterOfYear";
-import get from "rc-util/lib/utils/get";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { get } from '@rc-component/util';
+import dayjs from 'dayjs';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import { isNil } from "../isNil";
 dayjs.extend(quarterOfYear);
-var dateFormatterMap = {
-  time: "HH:mm:ss",
-  timeRange: "HH:mm:ss",
-  date: "YYYY-MM-DD",
-  dateWeek: "YYYY-wo",
-  dateMonth: "YYYY-MM",
-  dateQuarter: "YYYY-[Q]Q",
-  dateYear: "YYYY",
-  dateRange: "YYYY-MM-DD",
-  dateTime: "YYYY-MM-DD HH:mm:ss",
-  dateTimeRange: "YYYY-MM-DD HH:mm:ss"
+export var dateFormatterMap = {
+  time: 'HH:mm:ss',
+  timeRange: 'HH:mm:ss',
+  date: 'YYYY-MM-DD',
+  dateWeek: 'YYYY-wo',
+  dateMonth: 'YYYY-MM',
+  dateQuarter: 'YYYY-[Q]Q',
+  dateYear: 'YYYY',
+  dateRange: 'YYYY-MM-DD',
+  dateTime: 'YYYY-MM-DD HH:mm:ss',
+  dateTimeRange: 'YYYY-MM-DD HH:mm:ss'
 };
+/**
+ * 判断是不是一个 object
+ * @param  {any} o
+ * @returns boolean
+ */
 function isObject(o) {
-  return Object.prototype.toString.call(o) === "[object Object]";
+  return Object.prototype.toString.call(o) === '[object Object]';
 }
-function isPlainObject(o) {
-  if (isObject(o) === false)
-    return false;
-  const ctor = o.constructor;
-  if (ctor === void 0)
-    return true;
-  const prot = ctor.prototype;
-  if (isObject(prot) === false)
-    return false;
-  if (prot.hasOwnProperty("isPrototypeOf") === false) {
+/**
+ * 判断是否是一个的简单的 object
+ * @param  {{constructor:any}} o
+ * @returns boolean
+ */
+export function isPlainObject(o) {
+  if (isObject(o) === false) return false;
+
+  // If has modified constructor
+  var ctor = o.constructor;
+  if (ctor === undefined) return true;
+
+  // If has modified prototype
+  var prot = ctor.prototype;
+  if (isObject(prot) === false) return false;
+
+  // If constructor does not have an Object-specific method
+  if (prot.hasOwnProperty('isPrototypeOf') === false) {
     return false;
   }
+
+  // Most likely a plain Object
   return true;
 }
-var isMoment = (value) => !!(value == null ? void 0 : value._isAMomentObject);
-var convertMoment = (value, dateFormatter, valueType) => {
+
+/**
+ *  一个比较hack的moment判断工具
+ * @param  {any} value
+ * @returns boolean
+ */
+var isMoment = function isMoment(value) {
+  return !!(value !== null && value !== void 0 && value._isAMomentObject);
+};
+
+/**
+ * 根据不同的格式转化 dayjs
+ * @param  {dayjs.Dayjs} value
+ * @param  {string|((value:dayjs.Dayjs} dateFormatter
+ * @param  {string} valueType
+ */
+export var convertMoment = function convertMoment(value, dateFormatter, valueType) {
   if (!dateFormatter) {
     return value;
   }
   if (dayjs.isDayjs(value) || isMoment(value)) {
-    if (dateFormatter === "number") {
+    if (dateFormatter === 'number') {
       return value.valueOf();
     }
-    if (dateFormatter === "string") {
-      return value.format(
-        dateFormatterMap[valueType] || "YYYY-MM-DD HH:mm:ss"
-      );
+    if (dateFormatter === 'string') {
+      return value.format(dateFormatterMap[valueType] || 'YYYY-MM-DD HH:mm:ss');
     }
-    if (typeof dateFormatter === "string" && dateFormatter !== "string") {
+    if (typeof dateFormatter === 'string' && dateFormatter !== 'string') {
       return value.format(dateFormatter);
     }
-    if (typeof dateFormatter === "function") {
+    if (typeof dateFormatter === 'function') {
       return dateFormatter(value, valueType);
     }
   }
   return value;
 };
-var conversionMomentValue = (value, dateFormatter, valueTypeMap, omitNil, parentKey) => {
-  const tmpValue = {};
-  if (typeof window === "undefined")
-    return value;
-  if (typeof value !== "object" || isNil(value) || value instanceof Blob || Array.isArray(value)) {
+
+/**
+ * 这里主要是来转化一下数据 将 dayjs 转化为 string 将 all 默认删除
+ * @param  {T} value
+ * @param  {DateFormatter} dateFormatter
+ * @param  {Record<string} valueTypeMap
+ * @param  {ProFieldValueType;dateFormat:string;}|any>} |{valueType
+ * @param  {boolean} omitNil?
+ * @param  {NamePath} parentKey?
+ */
+export var conversionMomentValue = function conversionMomentValue(value, dateFormatter, valueTypeMap, omitNil, parentKey) {
+  var tmpValue = {};
+  if (typeof window === 'undefined') return value;
+  // 如果 value 是 string | null | Blob类型 其中之一，直接返回
+  // 形如 {key: [File, File]} 的表单字段当进行第二次递归时会导致其直接越过 typeof value !== 'object' 这一判断 https://github.com/ant-design/pro-components/issues/2071
+  if (_typeof(value) !== 'object' || isNil(value) || value instanceof Blob || Array.isArray(value)) {
     return value;
   }
-  Object.keys(value).forEach((valueKey) => {
-    const namePath = parentKey ? [parentKey, valueKey].flat(1) : [valueKey];
-    const valueFormatMap = get(valueTypeMap, namePath) || "text";
-    let valueType = "text";
-    let dateFormat;
-    if (typeof valueFormatMap === "string") {
+  Object.keys(value).forEach(function (valueKey) {
+    var namePath = parentKey ? [parentKey, valueKey].flat(1) : [valueKey];
+    var valueFormatMap = get(valueTypeMap, namePath) || 'text';
+    var valueType = 'text';
+    var dateFormat;
+    if (typeof valueFormatMap === 'string') {
       valueType = valueFormatMap;
     } else if (valueFormatMap) {
       valueType = valueFormatMap.valueType;
       dateFormat = valueFormatMap.dateFormat;
     }
-    const itemValue = value[valueKey];
+    var itemValue = value[valueKey];
     if (isNil(itemValue) && omitNil) {
       return;
     }
-    if (omitNil && itemValue === "") {
+    // 如果 omitNil 为 true，也过滤掉空字符串
+    if (omitNil && itemValue === '') {
       return;
     }
-    if (isPlainObject(itemValue) && // 不是数组
-    !Array.isArray(itemValue) && // 不是 dayjs
-    !dayjs.isDayjs(itemValue) && // 不是 moment
+    // 处理嵌套的情况
+    if (isPlainObject(itemValue) &&
+    // 不是数组
+    !Array.isArray(itemValue) &&
+    // 不是 dayjs
+    !dayjs.isDayjs(itemValue) &&
+    // 不是 moment
     !isMoment(itemValue)) {
-      tmpValue[valueKey] = conversionMomentValue(
-        itemValue,
-        dateFormatter,
-        valueTypeMap,
-        omitNil,
-        namePath
-      );
+      tmpValue[valueKey] = conversionMomentValue(itemValue, dateFormatter, valueTypeMap, omitNil, namePath);
       return;
     }
+    // 处理 FormList 的 value
     if (Array.isArray(itemValue)) {
-      tmpValue[valueKey] = itemValue.map((arrayValue, index) => {
+      tmpValue[valueKey] = itemValue.map(function (arrayValue, index) {
         if (dayjs.isDayjs(arrayValue) || isMoment(arrayValue)) {
-          return convertMoment(
-            arrayValue,
-            dateFormat || dateFormatter,
-            valueType
-          );
+          return convertMoment(arrayValue, dateFormat || dateFormatter, valueType);
         }
-        return conversionMomentValue(
-          arrayValue,
-          dateFormatter,
-          valueTypeMap,
-          omitNil,
-          [valueKey, `${index}`].flat(1)
-        );
+        return conversionMomentValue(arrayValue, dateFormatter, valueTypeMap, omitNil, [valueKey, "".concat(index)].flat(1));
       });
       return;
     }
-    tmpValue[valueKey] = convertMoment(
-      itemValue,
-      dateFormat || (dateFormatter === "string" ? dateFormatterMap[valueType] : dateFormatter),
-      valueType
-    );
+    tmpValue[valueKey] = convertMoment(itemValue, dateFormat || (dateFormatter === 'string' ? dateFormatterMap[valueType] : dateFormatter), valueType);
   });
   return tmpValue;
-};
-export {
-  conversionMomentValue,
-  convertMoment,
-  dateFormatterMap,
-  isPlainObject
-};
+};

package/es/utils/dateArrayFormatter/index.js

@@ -1,30 +1,45 @@
-// src/utils/dateArrayFormatter/index.tsx
-import dayjs from "dayjs";
-var formatString = (endText, format) => {
-  if (typeof format === "function") {
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import dayjs from 'dayjs';
+/**
+ * 通过 format 来格式化日期，因为支持了function 所以需要单独的方法来处理
+ * @param  {any} endText
+ * @param  {FormatType} format
+ * @return string
+ */
+var formatString = function formatString(endText, format) {
+  if (typeof format === 'function') {
     return format(dayjs(endText));
   }
   return dayjs(endText).format(format);
 };
-var dateArrayFormatter = (value, format) => {
-  const [startText, endText] = Array.isArray(value) ? value : [];
-  let formatFirst;
-  let formatEnd;
+/**
+ * 格式化区域日期,如果是一个数组，会返回 start ~ end
+ * @param  {any} value
+ * @param  {FormatType | FormatType[]} format
+ * returns string
+ */
+export var dateArrayFormatter = function dateArrayFormatter(value, format) {
+  var _ref = Array.isArray(value) ? value : [],
+    _ref2 = _slicedToArray(_ref, 2),
+    startText = _ref2[0],
+    endText = _ref2[1];
+  var formatFirst;
+  var formatEnd;
   if (Array.isArray(format)) {
     formatFirst = format[0];
     formatEnd = format[1];
-  } else if (typeof format === "object" && format.type === "mask") {
+  } else if (_typeof(format) === 'object' && format.type === 'mask') {
     formatFirst = format.format;
     formatEnd = format.format;
   } else {
     formatFirst = format;
     formatEnd = format;
   }
-  const parsedStartText = startText ? formatString(startText, formatFirst) : "";
-  const parsedEndText = endText ? formatString(endText, formatEnd) : "";
-  const valueStr = parsedStartText && parsedEndText ? `${parsedStartText} ~ ${parsedEndText}` : "";
+
+  // activePickerIndex for https://github.com/ant-design/ant-design/issues/22158
+  var parsedStartText = startText ? formatString(startText, formatFirst) : '';
+  var parsedEndText = endText ? formatString(endText, formatEnd) : '';
+  var valueStr = parsedStartText && parsedEndText ? "".concat(parsedStartText, " ~ ").concat(parsedEndText) : '';
   return valueStr;
-};
-export {
-  dateArrayFormatter
-};
+};

package/es/utils/genCopyable/index.js

@@ -1,53 +1,59 @@
-// src/utils/genCopyable/index.tsx
-import { Typography } from "antd";
-import React from "react";
-var isNeedTranText = (item) => {
-  var _a;
-  if ((_a = item == null ? void 0 : item.valueType) == null ? void 0 : _a.toString().startsWith("date")) {
+import { Typography } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var isNeedTranText = function isNeedTranText(item) {
+  var _item$valueType;
+  if (item !== null && item !== void 0 && (_item$valueType = item.valueType) !== null && _item$valueType !== void 0 && _item$valueType.toString().startsWith('date')) {
     return true;
   }
-  if ((item == null ? void 0 : item.valueType) === "select" || (item == null ? void 0 : item.valueEnum)) {
+  if ((item === null || item === void 0 ? void 0 : item.valueType) === 'select' || item !== null && item !== void 0 && item.valueEnum) {
     return true;
   }
   return false;
 };
-var getEllipsis = (item) => {
-  var _a;
-  if (((_a = item.ellipsis) == null ? void 0 : _a.showTitle) === false) {
+var getEllipsis = function getEllipsis(item) {
+  var _item$ellipsis;
+  if (((_item$ellipsis = item.ellipsis) === null || _item$ellipsis === void 0 ? void 0 : _item$ellipsis.showTitle) === false) {
     return false;
   }
   return item.ellipsis;
 };
-var genCopyable = (dom, item, text) => {
+
+/**
+ * 生成 Copyable 或 Ellipsis 的 dom
+ *
+ * @param dom
+ * @param item
+ * @param text
+ */
+export var genCopyable = function genCopyable(dom, item, text) {
   if (item.copyable || item.ellipsis) {
-    const copyable = item.copyable && text ? {
-      text,
-      tooltips: ["", ""]
-    } : void 0;
-    const needTranText = isNeedTranText(item);
-    const ellipsis = getEllipsis(item) && text ? {
-      tooltip: (
-        // 支持一下 tooltip 的关闭
-        (item == null ? void 0 : item.tooltip) !== false && needTranText ? /* @__PURE__ */ React.createElement("div", { className: "pro-table-tooltip-text" }, dom) : text
-      )
+    var copyable = item.copyable && text ? {
+      text: text,
+      tooltips: ['', '']
+    } : undefined;
+
+    /** 有些 valueType 需要设置copy的为string */
+    var needTranText = isNeedTranText(item);
+    var ellipsis = getEllipsis(item) && text ? {
+      tooltip:
+      // 支持一下 tooltip 的关闭
+      (item === null || item === void 0 ? void 0 : item.tooltip) !== false && needTranText ? /*#__PURE__*/_jsx("div", {
+        className: "pro-table-tooltip-text",
+        children: dom
+      }) : text
     } : false;
-    return /* @__PURE__ */ React.createElement(
-      Typography.Text,
-      {
-        style: {
-          width: "100%",
-          margin: 0,
-          padding: 0
-        },
-        title: "",
-        copyable,
-        ellipsis
+    return /*#__PURE__*/_jsx(Typography.Text, {
+      style: {
+        width: '100%',
+        margin: 0,
+        padding: 0
       },
-      dom
-    );
+      title: "",
+      copyable: copyable,
+      ellipsis: ellipsis,
+      children: dom
+    });
   }
   return dom;
-};
-export {
-  genCopyable
-};
+};

package/es/utils/getFieldPropsOrFormItemProps/index.js

@@ -1,11 +1,14 @@
-// src/utils/getFieldPropsOrFormItemProps/index.tsx
 import { runFunction } from "../runFunction";
-var getFieldPropsOrFormItemProps = (fieldProps, form, extraProps) => {
-  if (form === void 0) {
+
+/**
+ * 因为 fieldProps 支持了 function 所以新增了这个方法
+ *
+ * @param fieldProps
+ * @param form
+ */
+export var getFieldPropsOrFormItemProps = function getFieldPropsOrFormItemProps(fieldProps, form, extraProps) {
+  if (form === undefined) {
     return fieldProps;
   }
   return runFunction(fieldProps, form, extraProps);
-};
-export {
-  getFieldPropsOrFormItemProps
-};
+};

package/es/utils/hooks/useDebounceFn/index.js

@@ -1,59 +1,69 @@
-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/utils/hooks/useDebounceFn/index.ts
-import { useCallback, useEffect, useRef } from "react";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { useCallback, useEffect, useRef } from 'react';
 import { useRefFunction } from "../useRefFunction";
-function useDebounceFn(fn, wait) {
-  const callback = useRefFunction(fn);
-  const timer = useRef();
-  const cancel = useCallback(() => {
+/**
+ * 一个去抖的 hook，传入一个 function，返回一个去抖后的 function
+ * @param  {(...args:T) => Promise<any>} fn
+ * @param  {number} wait?
+ */
+export function useDebounceFn(fn, wait) {
+  var callback = useRefFunction(fn);
+  var timer = useRef();
+  var cancel = useCallback(function () {
     if (timer.current) {
       clearTimeout(timer.current);
       timer.current = null;
     }
   }, []);
-  const run = useCallback(
-    (...args) => __async(this, null, function* () {
-      if (wait === 0 || wait === void 0) {
-        return callback(...args);
+  var run = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _len,
+      args,
+      _key,
+      _args2 = arguments;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          for (_len = _args2.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = _args2[_key];
+          }
+          if (!(wait === 0 || wait === undefined)) {
+            _context2.next = 3;
+            break;
+          }
+          return _context2.abrupt("return", callback.apply(void 0, args));
+        case 3:
+          cancel();
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            timer.current = setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.t0 = resolve;
+                    _context.next = 3;
+                    return callback.apply(void 0, args);
+                  case 3:
+                    _context.t1 = _context.sent;
+                    (0, _context.t0)(_context.t1);
+                    return _context.abrupt("return");
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            })), wait);
+          }));
+        case 5:
+        case "end":
+          return _context2.stop();
       }
-      cancel();
-      return new Promise((resolve) => {
-        timer.current = setTimeout(() => __async(this, null, function* () {
-          resolve(yield callback(...args));
-          return;
-        }), wait);
-      });
-    }),
-    [callback, cancel, wait]
-  );
-  useEffect(() => {
+    }, _callee2);
+  })), [callback, cancel, wait]);
+  useEffect(function () {
     return cancel;
   }, [cancel]);
   return {
-    run,
-    cancel
+    run: run,
+    cancel: cancel
   };
-}
-export {
-  useDebounceFn
-};
+}