tntd 2.8.52 → 2.8.54

package/es/preview-text/index.js

@@ -1,276 +1,195 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PreviewText = void 0;
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
-var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-var _react = _interopRequireWildcard(require("react"));
-var _tag = _interopRequireDefault(require("../tag"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _context = require("../tntd-form/context");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var prefixCls = 'tnt-preview-text';
-var isValid = function isValid(value) {
-  return !(0, _isUndefined2["default"])(value) && !(0, _isNull2["default"])(value) && value !== '';
+import React, { useContext } from 'react';
+import Tag from '../tag';
+import cc from 'classnames';
+import { isUndefined, isArray, isNull, isFunction } from 'lodash';
+import { FormContext } from '../tntd-form/context';
+const prefixCls = 'tnt-preview-text';
+const isValid = (value) => !isUndefined(value) && !isNull(value) && value !== '';
+const usePlaceholder = (value) => {
+    const { placeholder } = useContext(FormContext);
+    return isValid(value) ? value : placeholder;
 };
-var usePlaceholder = function usePlaceholder(value) {
-  var _useContext = (0, _react.useContext)(_context.FormContext),
-    placeholder = _useContext.placeholder;
-  return isValid(value) ? value : placeholder;
+const Input = (props) => (React.createElement("div", { className: cc([props.className]), style: props.style },
+    props.addonBefore,
+    props.prefix,
+    usePlaceholder(props.value),
+    props.suffix,
+    props.addonAfter));
+const Select = ({ options, mode, value, labelInValue, className, style }) => {
+    const dataSource = (options || []);
+    const placeholder = usePlaceholder();
+    const isMultiple = ['multiple', 'tags'].includes(mode !== null && mode !== void 0 ? mode : '') || isArray(value);
+    const getSelected = () => {
+        if (isMultiple) {
+            if (labelInValue) {
+                return isArray(value) ? value : [];
+            }
+            else {
+                return isArray(value) ? value.map((val) => ({ label: val, value: val })) : [];
+            }
+        }
+        else {
+            if (labelInValue) {
+                return isValid(value) ? [value] : [];
+            }
+            else {
+                return isValid(value) ? [{ label: value, value }] : [];
+            }
+        }
+    };
+    const getLabels = () => {
+        const selected = getSelected();
+        if (!selected.length)
+            return placeholder;
+        return selected.map(({ label, value }, key) => {
+            var _a;
+            const text = ((_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || label;
+            return isMultiple ? React.createElement(Tag, { key: key }, text || placeholder) : text || placeholder;
+        });
+    };
+    return (React.createElement("div", { className: cc([prefixCls, className]), style: style }, getLabels()));
 };
-var Input = function Input(props) {
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([props.className]),
-    style: props.style
-  }, props.addonBefore, props.prefix, usePlaceholder(props.value), props.suffix, props.addonAfter);
+const TreeSelect = ({ value, multiple, labelInValue, treeData, className, style, }) => {
+    const placeholder = usePlaceholder();
+    const dataSource = treeData || [];
+    const getSelected = () => {
+        if (multiple) {
+            if (labelInValue) {
+                return isArray(value) ? value : [];
+            }
+            else {
+                return isArray(value) ? value.map((val) => ({ label: val, value: val })) : [];
+            }
+        }
+        else {
+            if (labelInValue) {
+                return value ? [value] : [];
+            }
+            else {
+                return value ? [{ label: value, value }] : [];
+            }
+        }
+    };
+    const findLabel = (value, dataSource) => {
+        for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+            const item = dataSource[i];
+            if ((item === null || item === void 0 ? void 0 : item.value) === value || (item === null || item === void 0 ? void 0 : item.key) === value) {
+                return item === null || item === void 0 ? void 0 : item.title;
+            }
+            else {
+                const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+                if (childLabel)
+                    return childLabel;
+            }
+        }
+    };
+    const getLabels = () => {
+        const selected = getSelected();
+        if (!(selected === null || selected === void 0 ? void 0 : selected.length))
+            return React.createElement(Tag, null, placeholder);
+        return selected.map(({ value, label }, key) => {
+            return (React.createElement(React.Fragment, null, multiple ? (React.createElement(Tag, { key: key }, findLabel(value, dataSource) || label || placeholder)) : (findLabel(value, dataSource) || label || placeholder)));
+        });
+    };
+    return (React.createElement("div", { className: cc([prefixCls, className]), style: style }, getLabels()));
 };
-var Select = function Select(_ref) {
-  var options = _ref.options,
-    mode = _ref.mode,
-    value = _ref.value,
-    labelInValue = _ref.labelInValue,
-    className = _ref.className,
-    style = _ref.style;
-  var dataSource = options || [];
-  var placeholder = usePlaceholder();
-  var isMultiple = ['multiple', 'tags'].includes(mode !== null && mode !== void 0 ? mode : '') || (0, _isArray2["default"])(value);
-  var getSelected = function getSelected() {
-    if (isMultiple) {
-      if (labelInValue) {
-        return (0, _isArray2["default"])(value) ? value : [];
-      } else {
-        return (0, _isArray2["default"])(value) ? value.map(function (val) {
-          return {
-            label: val,
-            value: val
-          };
-        }) : [];
-      }
-    } else {
-      if (labelInValue) {
-        return isValid(value) ? [value] : [];
-      } else {
-        return isValid(value) ? [{
-          label: value,
-          value: value
-        }] : [];
-      }
-    }
-  };
-  var getLabels = function getLabels() {
-    var selected = getSelected();
-    if (!selected.length) return placeholder;
-    return selected.map(function (_ref2, key) {
-      var label = _ref2.label,
-        value = _ref2.value;
-      var _a;
-      var text = ((_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
-        return item.value === value;
-      })) === null || _a === void 0 ? void 0 : _a.label) || label;
-      return isMultiple ? _react["default"].createElement(_tag["default"], {
-        key: key
-      }, text || placeholder) : text || placeholder;
-    });
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([prefixCls, className]),
-    style: style
-  }, getLabels());
-};
-var TreeSelect = function TreeSelect(_ref3) {
-  var value = _ref3.value,
-    multiple = _ref3.multiple,
-    labelInValue = _ref3.labelInValue,
-    treeData = _ref3.treeData,
-    className = _ref3.className,
-    style = _ref3.style;
-  var placeholder = usePlaceholder();
-  var dataSource = treeData || [];
-  var getSelected = function getSelected() {
-    if (multiple) {
-      if (labelInValue) {
-        return (0, _isArray2["default"])(value) ? value : [];
-      } else {
-        return (0, _isArray2["default"])(value) ? value.map(function (val) {
-          return {
-            label: val,
-            value: val
-          };
-        }) : [];
-      }
-    } else {
-      if (labelInValue) {
-        return value ? [value] : [];
-      } else {
-        return value ? [{
-          label: value,
-          value: value
-        }] : [];
-      }
-    }
-  };
-  var _findLabel = function findLabel(value, dataSource) {
-    for (var i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
-      var item = dataSource[i];
-      if ((item === null || item === void 0 ? void 0 : item.value) === value || (item === null || item === void 0 ? void 0 : item.key) === value) {
-        return item === null || item === void 0 ? void 0 : item.title;
-      } else {
-        var childLabel = _findLabel(value, item === null || item === void 0 ? void 0 : item.children);
-        if (childLabel) return childLabel;
-      }
-    }
-  };
-  var getLabels = function getLabels() {
-    var selected = getSelected();
-    if (!(selected === null || selected === void 0 ? void 0 : selected.length)) return _react["default"].createElement(_tag["default"], null, placeholder);
-    return selected.map(function (_ref4, key) {
-      var value = _ref4.value,
-        label = _ref4.label;
-      return _react["default"].createElement(_react["default"].Fragment, null, multiple ? _react["default"].createElement(_tag["default"], {
-        key: key
-      }, _findLabel(value, dataSource) || label || placeholder) : _findLabel(value, dataSource) || label || placeholder);
-    });
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([prefixCls, className]),
-    style: style
-  }, getLabels());
+const Cascader = ({ options, value, className, style }) => {
+    const placeholder = usePlaceholder();
+    const dataSource = options || [];
+    const getSelected = () => {
+        return isArray(value) ? value : [];
+    };
+    const findLabel = (value, dataSource) => {
+        for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+            const item = dataSource[i];
+            if ((item === null || item === void 0 ? void 0 : item.value) === value) {
+                return item === null || item === void 0 ? void 0 : item.label;
+            }
+            else {
+                const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+                if (childLabel)
+                    return childLabel;
+            }
+        }
+    };
+    const getLabels = () => {
+        const selected = getSelected();
+        if (!(selected === null || selected === void 0 ? void 0 : selected.length)) {
+            return placeholder;
+        }
+        return selected
+            .map((value) => {
+            return findLabel(value, dataSource) || placeholder;
+        })
+            .join('/');
+    };
+    return (React.createElement("div", { className: cc([prefixCls, className]), style: style }, getLabels()));
 };
-var Cascader = function Cascader(_ref5) {
-  var options = _ref5.options,
-    value = _ref5.value,
-    className = _ref5.className,
-    style = _ref5.style;
-  var placeholder = usePlaceholder();
-  var dataSource = options || [];
-  var getSelected = function getSelected() {
-    return (0, _isArray2["default"])(value) ? value : [];
-  };
-  var _findLabel2 = function findLabel(value, dataSource) {
-    for (var i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
-      var item = dataSource[i];
-      if ((item === null || item === void 0 ? void 0 : item.value) === value) {
-        return item === null || item === void 0 ? void 0 : item.label;
-      } else {
-        var childLabel = _findLabel2(value, item === null || item === void 0 ? void 0 : item.children);
-        if (childLabel) return childLabel;
-      }
-    }
-  };
-  var getLabels = function getLabels() {
-    var selected = getSelected();
-    if (!(selected === null || selected === void 0 ? void 0 : selected.length)) {
-      return placeholder;
+const formatMomentValue = (value, format, placeholder) => {
+    const formatDate = (date, format, i = 0) => {
+        if (!date)
+            return placeholder;
+        if (isArray(format)) {
+            const _format = format[i];
+            if (isFunction(_format)) {
+                return _format(date);
+            }
+            return (date === null || date === void 0 ? void 0 : date.format) ? date.format(_format) : date;
+        }
+        else {
+            if (isFunction(format)) {
+                return format(date);
+            }
+            return (date === null || date === void 0 ? void 0 : date.format) ? date.format(format) : date;
+        }
+    };
+    if (isArray(value)) {
+        return value.map((val, index) => {
+            return formatDate(val, format, index);
+        });
     }
-    return selected.map(function (value) {
-      return _findLabel2(value, dataSource) || placeholder;
-    }).join('/');
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([prefixCls, className]),
-    style: style
-  }, getLabels());
-};
-var formatMomentValue = function formatMomentValue(value, format, placeholder) {
-  var formatDate = function formatDate(date, format) {
-    var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    if (!date) return placeholder;
-    if ((0, _isArray2["default"])(format)) {
-      var _format = format[i];
-      if ((0, _isFunction2["default"])(_format)) {
-        return _format(date);
-      }
-      return (date === null || date === void 0 ? void 0 : date.format) ? date.format(_format) : date;
-    } else {
-      if ((0, _isFunction2["default"])(format)) {
-        return format(date);
-      }
-      return (date === null || date === void 0 ? void 0 : date.format) ? date.format(format) : date;
+    else {
+        return value ? formatDate(value, format) : value || placeholder;
     }
-  };
-  if ((0, _isArray2["default"])(value)) {
-    return value.map(function (val, index) {
-      return formatDate(val, format, index);
-    });
-  } else {
-    return value ? formatDate(value, format) : value || placeholder;
-  }
 };
-var DatePicker = function DatePicker(_ref6) {
-  var value = _ref6.value,
-    format = _ref6.format,
-    showTime = _ref6.showTime,
-    placeholder = _ref6.placeholder,
-    className = _ref6.className;
-  var getLabels = function getLabels() {
-    var labels = formatMomentValue(value, format || "YYYY-MM-DD".concat(showTime ? ' HH:mm:ss' : ''), placeholder);
-    return (0, _isArray2["default"])(labels) ? labels.join('~') : labels;
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([prefixCls, className])
-  }, getLabels());
+const DatePicker = ({ value, format, showTime, placeholder, className, }) => {
+    const getLabels = () => {
+        const labels = formatMomentValue(value, format || `YYYY-MM-DD${showTime ? ' HH:mm:ss' : ''}`, placeholder);
+        return isArray(labels) ? labels.join('~') : labels;
+    };
+    return React.createElement("div", { className: cc([prefixCls, className]) }, getLabels());
 };
-var TimePicker = function TimePicker(_ref7) {
-  var value = _ref7.value,
-    format = _ref7.format,
-    placeholder = _ref7.placeholder,
-    className = _ref7.className,
-    style = _ref7.style;
-  var getLabels = function getLabels() {
-    var labels = formatMomentValue(value, format || 'HH:mm:ss', placeholder);
-    return (0, _isArray2["default"])(labels) ? labels.join('~') : labels;
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefixCls, className),
-    style: style
-  }, getLabels());
+const TimePicker = ({ value, format, placeholder, className, style, }) => {
+    const getLabels = () => {
+        const labels = formatMomentValue(value, format || 'HH:mm:ss', placeholder);
+        return isArray(labels) ? labels.join('~') : labels;
+    };
+    return (React.createElement("div", { className: cc(prefixCls, className), style: style }, getLabels()));
 };
-var MonthPicker = function MonthPicker(_ref8) {
-  var value = _ref8.value,
-    format = _ref8.format,
-    placeholder = _ref8.placeholder,
-    className = _ref8.className,
-    style = _ref8.style;
-  var getLabels = function getLabels() {
-    var labels = formatMomentValue(value, format || 'YYYY-MM', placeholder);
-    return (0, _isArray2["default"])(labels) ? labels.join('~') : labels;
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefixCls, className),
-    style: style
-  }, getLabels());
+const MonthPicker = ({ value, format, placeholder, className, style, }) => {
+    const getLabels = () => {
+        const labels = formatMomentValue(value, format || 'YYYY-MM', placeholder);
+        return isArray(labels) ? labels.join('~') : labels;
+    };
+    return (React.createElement("div", { className: cc(prefixCls, className), style: style }, getLabels()));
 };
-var WeekPicker = function WeekPicker(_ref9) {
-  var value = _ref9.value,
-    format = _ref9.format,
-    placeholder = _ref9.placeholder,
-    className = _ref9.className,
-    style = _ref9.style;
-  var getLabels = function getLabels() {
-    var labels = formatMomentValue(value, format || 'gggg-wo', placeholder);
-    return (0, _isArray2["default"])(labels) ? labels.join('~') : labels;
-  };
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefixCls, className),
-    style: style
-  }, getLabels());
+const WeekPicker = ({ value, format, placeholder, className, style, }) => {
+    const getLabels = () => {
+        const labels = formatMomentValue(value, format || 'gggg-wo', placeholder);
+        return isArray(labels) ? labels.join('~') : labels;
+    };
+    return (React.createElement("div", { className: cc(prefixCls, className), style: style }, getLabels()));
 };
-var PreviewText = exports.PreviewText = {
-  Input: Input,
-  Select: Select,
-  TreeSelect: TreeSelect,
-  Cascader: Cascader,
-  DatePicker: DatePicker,
-  TimePicker: TimePicker,
-  MonthPicker: MonthPicker,
-  WeekPicker: WeekPicker,
-  usePlaceholder: usePlaceholder
+export const PreviewText = {
+    Input,
+    Select,
+    TreeSelect,
+    Cascader,
+    DatePicker,
+    TimePicker,
+    MonthPicker,
+    WeekPicker,
+    usePlaceholder,
 };
-var _default = exports["default"] = PreviewText;
+export default PreviewText;
+//# sourceMappingURL=index.js.map

package/es/progress/index.js

@@ -1,24 +1,5 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _progress = _interopRequireWildcard(require("antd/es/progress"));
-Object.keys(_progress).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _progress[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _progress[key];
-    }
-  });
-});
-require("./style");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _default = exports["default"] = _progress["default"];
+import Progress from 'antd/es/progress';
+import './style';
+export * from 'antd/es/progress';
+export default Progress;
+//# sourceMappingURL=index.js.map

package/es/progress/progress.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdProgress from 'antd/es/progress';
+import classNames from 'classnames';
+import Ellipsis from '../ellipsis';
+import Icon from '../icon';
+import './progress.less';
+export * from 'antd/es/tooltip';
+const iconMap = {
+    line: {
+        success: 'check-circle',
+        exception: 'close-circle',
+    },
+    circle: {
+        success: 'check',
+        exception: 'close',
+    },
+};
+const ifPercentBottom = (type, percentPosition) => {
+    return type === 'line' && percentPosition === 'bottom';
+};
+const percentTransform = (percent) => {
+    return percent >= 100 ? 100 : percent <= 0 ? 0 : percent;
+};
+const themeStrokeColor = (status, strokeColor, percent) => {
+    return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100
+        ? 'var(--blue-5)'
+        : '';
+};
+const Progress = (props) => {
+    const { className, type = 'line', percentPosition = 'right', percent = 0, format, size, label, width = 132, status, halfCircle, gapDegree = props.halfCircle ? 135 : props.gapDegree, strokeColor, strokeWidth = 7, } = props;
+    const _percent = percentTransform(percent);
+    const _strokeColor = themeStrokeColor(status, strokeColor, _percent);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('progress');
+        const CusLabelOrPercent = (props) => {
+            const { type, theme } = props;
+            const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {
+                [`${prefixCls}-percent-bottom-${size}`]: size === 'small',
+                [`${prefixCls}-percent-bottom-${type}`]: type === 'line',
+            });
+            const showIcon = (status) => (React.createElement(Icon, { type: `${iconMap[type][status]}`, theme: theme, className: classNames({
+                    [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]: type === 'line',
+                }) }));
+            const showPercent = (React.createElement("div", { className: labelPercentClassName }, format ? format === null || format === void 0 ? void 0 : format(_percent) : _percent + '%'));
+            let displayContent;
+            if (status === 'success' || status === 'exception') {
+                displayContent = showIcon(status);
+            }
+            else if (status === 'normal' || status === 'active') {
+                displayContent = showPercent;
+            }
+            else {
+                // 如果状态为空
+                displayContent = _percent === 100 ? showIcon('success') : showPercent;
+            }
+            return displayContent;
+        };
+        const CusCircleAndDashboardFormat = (props) => {
+            const { widthNum } = props;
+            return (React.createElement("div", { className: `${prefixCls}-cus-format` },
+                !!label && (React.createElement(Ellipsis, { className: `${prefixCls}-cus-format-label`, title: label, widthLimit: widthNum <= 64 ? widthNum : 'calc(100% - 50px)', placement: widthNum <= 64 ? 'bottom' : 'top' })),
+                React.createElement(CusLabelOrPercent, { type: "circle", theme: "outlined" })));
+        };
+        //line
+        const LineProgress = () => (React.createElement(AntdProgress, Object.assign({ strokeColor: _strokeColor }, props, { className: classNames('tnt-progress', className, {
+                [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',
+            }) })));
+        //circle,dashboard (额外新增label和半圆选项)
+        const CircleAndDashboardProgress = () => {
+            const widthNum = Number(String(width).split('px').shift());
+            return (React.createElement(AntdProgress, Object.assign({ gapDegree: gapDegree, strokeColor: _strokeColor, strokeWidth: strokeWidth }, props, { type: halfCircle ? 'dashboard' : type, className: classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {
+                    [`${prefixCls}-small-circle`]: widthNum <= 64 && label,
+                    [`${prefixCls}-large-circle`]: widthNum > 64 && label,
+                    [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,
+                    [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,
+                }), format: () => React.createElement(CusCircleAndDashboardFormat, { widthNum: widthNum }) })));
+        };
+        const progressMap = {
+            line: React.createElement(LineProgress, null),
+            circle: React.createElement(CircleAndDashboardProgress, null),
+            dashboard: React.createElement(CircleAndDashboardProgress, null),
+        };
+        return progressMap[type];
+    }));
+};
+export default Progress;
+//# sourceMappingURL=progress.js.map

package/es/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { ProgressProps } from 'antd/es/progress'\nimport type { ThemeType } from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdProgress from 'antd/es/progress'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport './progress.less'\nexport * from 'antd/es/tooltip'\n\ninterface ExtendsProgress {\n  percentPosition?: 'bottom' | 'right'\n  label?: React.ReactNode\n  halfCircle?: boolean\n}\nconst iconMap = {\n  line: {\n    success: 'check-circle',\n    exception: 'close-circle',\n  },\n  circle: {\n    success: 'check',\n    exception: 'close',\n  },\n}\nconst ifPercentBottom = (type: string, percentPosition: string) => {\n  return type === 'line' && percentPosition === 'bottom'\n}\nconst percentTransform = (percent: number) => {\n  return percent >= 100 ? 100 : percent <= 0 ? 0 : percent\n}\n\nconst themeStrokeColor = (status?: string, strokeColor?: string | object, percent?: number) => {\n  return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100\n    ? 'var(--blue-5)'\n    : ''\n}\n\nconst Progress: React.FC<ProgressProps & ExtendsProgress> = (props) => {\n  const {\n    className,\n    type = 'line',\n    percentPosition = 'right',\n    percent = 0,\n    format,\n    size,\n    label,\n    width = 132,\n    status,\n    halfCircle,\n    gapDegree = props.halfCircle ? 135 : props.gapDegree,\n    strokeColor,\n    strokeWidth = 7,\n  } = props\n  const _percent = percentTransform(percent)\n  const _strokeColor = themeStrokeColor(status, strokeColor, _percent)\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('progress')\n\n        const CusLabelOrPercent = (props: { type: 'line' | 'circle'; theme?: ThemeType }) => {\n          const { type, theme } = props\n          const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {\n            [`${prefixCls}-percent-bottom-${size}`]: size === 'small',\n            [`${prefixCls}-percent-bottom-${type}`]: type === 'line',\n          })\n\n          const showIcon = (status: 'success' | 'exception') => (\n            <Icon\n              type={`${iconMap[type][status]}`}\n              theme={theme}\n              className={classNames({\n                [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]:\n                  type === 'line',\n              })}\n            />\n          )\n          const showPercent = (\n            <div className={labelPercentClassName}>\n              {format ? format?.(_percent) : _percent + '%'}\n            </div>\n          )\n\n          let displayContent\n          if (status === 'success' || status === 'exception') {\n            displayContent = showIcon(status)\n          } else if (status === 'normal' || status === 'active') {\n            displayContent = showPercent\n          } else {\n            // 如果状态为空\n            displayContent = _percent === 100 ? showIcon('success') : showPercent\n          }\n          return displayContent\n        }\n\n        const CusCircleAndDashboardFormat = (props: { widthNum: number }) => {\n          const { widthNum } = props\n          return (\n            <div className={`${prefixCls}-cus-format`}>\n              {!!label && (\n                <Ellipsis\n                  className={`${prefixCls}-cus-format-label`}\n                  title={label}\n                  widthLimit={widthNum <= 64 ? widthNum : 'calc(100% - 50px)'}\n                  placement={widthNum <= 64 ? 'bottom' : 'top'}\n                />\n              )}\n              <CusLabelOrPercent type=\"circle\" theme=\"outlined\" />\n            </div>\n          )\n        }\n\n        //line\n        const LineProgress: React.FC = () => (\n          <AntdProgress\n            strokeColor={_strokeColor}\n            {...props}\n            className={classNames('tnt-progress', className, {\n              [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',\n            })}\n          />\n        )\n\n        //circle,dashboard (额外新增label和半圆选项)\n        const CircleAndDashboardProgress: React.FC = () => {\n          const widthNum = Number(String(width).split('px').shift())\n          return (\n            <AntdProgress\n              gapDegree={gapDegree}\n              strokeColor={_strokeColor}\n              strokeWidth={strokeWidth}\n              {...props}\n              type={halfCircle ? 'dashboard' : type}\n              className={classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {\n                [`${prefixCls}-small-circle`]: widthNum <= 64 && label,\n                [`${prefixCls}-large-circle`]: widthNum > 64 && label,\n                [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,\n                [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,\n              })}\n              format={() => <CusCircleAndDashboardFormat widthNum={widthNum} />}\n            />\n          )\n        }\n\n        const progressMap = {\n          line: <LineProgress />,\n          circle: <CircleAndDashboardProgress />,\n          dashboard: <CircleAndDashboardProgress />,\n        }\n        return progressMap[type]\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Progress\n"]}