tntd 2.8.0-beta.3 → 2.8.0-beta.4

package/es/notification/notification.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import Notification from 'antd/es/notification';
+import Icon from '../icon';
+import classNames from 'classnames';
+export * from 'antd/es/notification';
+import { SvgErrorTip, SvgSuccessTip } from './assets';
+const prefixCls = 'ant-notification-notice';
+const tntPrefixCls = 'tnt-notification-notice';
+const api = Object.assign(Object.assign({}, Notification), {
+  successInfo: args => {
+    return Notification.open(Object.assign(Object.assign({}, args), {
+      icon: React.createElement(Icon, {
+        className: "img-icon",
+        component: () => React.createElement(SvgSuccessTip, {
+          fill: "currentColor",
+          width: 46,
+          height: 46
+        })
+      }),
+      type: 'success',
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  errorInfo: args => {
+    return Notification.open(Object.assign(Object.assign({}, args), {
+      icon: React.createElement(Icon, {
+        className: "img-icon",
+        component: () => React.createElement(SvgErrorTip, {
+          fill: "currentColor",
+          width: 46,
+          height: 46
+        })
+      }),
+      type: 'success',
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  success: args => {
+    return Notification.success(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-success ${tntPrefixCls}-icon`,
+        type: "check-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  error: args => {
+    return Notification.error(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-error ${tntPrefixCls}-icon`,
+        type: "close-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  info: args => {
+    return Notification.info(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-info ${tntPrefixCls}-icon`,
+        type: "info-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  warning: args => {
+    return Notification.warning(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-warning ${tntPrefixCls}-icon`,
+        type: "exclamation-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  }
+});
+api.warn = api.warning;
+export default api;

package/es/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/notification/notification.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { NotificationApi as AntdNotificationApi, ArgsProps } from 'antd/es/notification'\nimport Notification from 'antd/es/notification'\nimport Icon from '../icon'\nimport classNames from 'classnames'\nexport * from 'antd/es/notification'\n\nimport { SvgErrorTip, SvgSuccessTip } from './assets'\n\ninterface NotificationApi extends AntdNotificationApi {\n  successInfo(args: ArgsProps): void\n  errorInfo(args: ArgsProps): void\n}\n\nconst prefixCls = 'ant-notification-notice'\nconst tntPrefixCls = 'tnt-notification-notice'\n\nconst api: NotificationApi = {\n  ...Notification,\n  successInfo: (args: ArgsProps) => {\n    return Notification.open({\n      ...args,\n      icon: (\n        <Icon\n          className=\"img-icon\"\n          component={() => <SvgSuccessTip fill=\"currentColor\" width={46} height={46} />}\n        />\n      ),\n      type: 'success',\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  errorInfo: (args: ArgsProps) => {\n    return Notification.open({\n      ...args,\n      icon: (\n        <Icon\n          className=\"img-icon\"\n          component={() => <SvgErrorTip fill=\"currentColor\" width={46} height={46} />}\n        />\n      ),\n      type: 'success',\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  success: (args: ArgsProps) => {\n    return Notification.success({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-success ${tntPrefixCls}-icon`}\n          type=\"check-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  error: (args: ArgsProps) => {\n    return Notification.error({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-error ${tntPrefixCls}-icon`}\n          type=\"close-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  info: (args: ArgsProps) => {\n    return Notification.info({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-info ${tntPrefixCls}-icon`}\n          type=\"info-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  warning: (args: ArgsProps) => {\n    return Notification.warning({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-warning ${tntPrefixCls}-icon`}\n          type=\"exclamation-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n}\n\napi.warn = api.warning\n\nexport default api\n"]}

package/es/notification/notification.less

@@ -0,0 +1,59 @@
+@notification-padding-horizontal-sm: 20px;
+@notification-prefix-cls: ~'@{ant-prefix}-notification';
+@tnt-notification-prefix-cls: ~'tnt-notification';
+@notification-padding-vertical: 16px;
+@tnt-notification-padding: @notification-padding-vertical @notification-padding-horizontal-sm;
+
+
+.@{notification-prefix-cls}-notice-message {
+  font-weight: 500;
+}
+.@{notification-prefix-cls}-notice-description {
+  color: @text-color-secondary;
+}
+
+
+.@{notification-prefix-cls}-notice-with-icon:has(.@{tnt-notification-prefix-cls}-notice-icon) {
+  .@{notification-prefix-cls}-notice-icon {
+    left: 10px;
+    top: 9px;
+    margin: 0;
+    padding: 0;
+    font-size: @font-size-xl;
+  }
+
+  .@{notification-prefix-cls}-notice-message {
+    margin-left: 28px;
+  }
+  .@{notification-prefix-cls}-notice-description {
+    margin-left: 28px;
+  }
+ 
+}
+
+.@{notification-prefix-cls}-notice:has(.img-icon) {
+  .@{notification-prefix-cls}-notice-icon {
+    left: 20px;
+    margin: 0;
+  }
+  .@{notification-prefix-cls}-notice-message {
+    margin-left: 64px;
+  }
+  .@{notification-prefix-cls}-notice-description {
+    margin-left: 64px;
+  }
+}
+
+.@{notification-prefix-cls} {
+  &-notice{
+    padding: @notification-padding !important;
+    border-radius: @border-radius-lg !important;
+  }
+  
+  &-close-icon {
+    // font-size: @font-size-base;
+    font-size: @font-size-lg;
+    cursor: pointer;
+    color: tint(@text-color, 50%);
+  }
+}

package/es/notification/style/index.less

@@ -29,7 +29,7 @@
   }
 
   &-close-icon {
-    font-size: @font-size-base;
+    font-size: 20px;
     cursor: pointer;
   }
 
@@ -53,7 +53,9 @@
       // https://github.com/ant-design/ant-design/issues/5846#issuecomment-296244140
       &-single-line-auto-margin {
         display: block;
-        width: calc(@notification-width - @notification-padding-horizontal * 2 - 24px - 48px - 100%);
+        width: calc(
+          @notification-width - @notification-padding-horizontal * 2 - 24px - 48px - 100%
+        );
         max-width: 4px;
         background-color: transparent;
         pointer-events: none;

package/es/popconfirm/index.less

@@ -0,0 +1,32 @@
+@popover-prefix-cls: ~'@{ant-prefix}-popover';
+
+.@{popover-prefix-cls} {
+  &-inner-content {
+    padding: @padding-base;
+  }
+
+  &-message {
+    padding: 0 0 @padding-xs;
+
+    &>.anticon {
+      font-size: @font-size-lg;
+      top: 7px;
+    }
+  }
+
+  &-message-title {
+    padding-top: @padding-xxs;
+    padding-bottom: @padding-xxs;
+    line-height: @line-height-base;
+  }
+
+  &-buttons {
+    margin-bottom: 0;
+  }
+}
+
+.@{popover-prefix-cls}-arrow-hidden {
+  .@{popover-prefix-cls}-arrow {
+    display: none;
+  }
+}

package/es/popconfirm/popconfirm.js

@@ -0,0 +1,43 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import React from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdPopconfirm from 'antd/es/popconfirm';
+import classNames from 'classnames';
+export * from 'antd/es/popconfirm';
+const Popconfirm = _a => {
+  var {
+      cancelButtonProps,
+      okButtonProps,
+      hiddenArrow
+    } = _a,
+    props = __rest(_a, ["cancelButtonProps", "okButtonProps", "hiddenArrow"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('popover');
+    return React.createElement(AntdPopconfirm, Object.assign({
+      cancelButtonProps: Object.assign({
+        type: 'tertiary',
+        className: classNames('tnt-btn', {
+          'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
+          'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini'
+        })
+      }, cancelButtonProps),
+      okButtonProps: Object.assign({
+        className: classNames('tnt-btn', {
+          'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+          'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+        })
+      }, okButtonProps),
+      overlayClassName: classNames(hiddenArrow ? prefixCls + '-arrow-hidden' : '')
+    }, props));
+  });
+};
+export default Popconfirm;

package/es/popconfirm/popconfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.js","sourceRoot":"","sources":["../../src/popconfirm/popconfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,oBAAoB,CAAA;AAElC,MAAM,UAAU,GAA0D,CAAC,EAK1E,EAAE,EAAE;QALsE,EACzE,iBAAiB,EACjB,aAAa,EACb,WAAW,OAEZ,EADI,KAAK,cAJiE,qDAK1E,CADS;IAER,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QACzC,OAAO,CACL,oBAAC,cAAc,kBACb,iBAAiB,EACf,gBACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAChB,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,UAAU,IAAI,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAA;oBAChF,cAAc,EAAE,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,MAAM;iBAC/D,CAAC,IACC,iBAAiB,CACA,EAExB,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;oBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;iBAC3D,CAAC,IACC,aAAa,GAElB,gBAAgB,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IACxE,KAAK,EACT,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import React from 'react'\nimport type { PopconfirmProps } from 'antd/es/popconfirm'\nimport type { NativeButtonProps } from 'antd/es/button/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopconfirm from 'antd/es/popconfirm'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popconfirm'\n\nconst Popconfirm: React.FC<PopconfirmProps & { hiddenArrow?: boolean }> = ({\n  cancelButtonProps,\n  okButtonProps,\n  hiddenArrow,\n  ...props\n}) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('popover')\n        return (\n          <AntdPopconfirm\n            cancelButtonProps={\n              {\n                type: 'tertiary',\n                className: classNames('tnt-btn', {\n                  'tnt-btn-tertiary':\n                    (cancelButtonProps?.type as string) === 'tertiary' || !cancelButtonProps?.type,\n                  'tnt-btn-mini': (cancelButtonProps?.size as string) === 'mini',\n                }),\n                ...cancelButtonProps,\n              } as NativeButtonProps\n            }\n            okButtonProps={{\n              className: classNames('tnt-btn', {\n                'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n                'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n              }),\n              ...okButtonProps,\n            }}\n            overlayClassName={classNames(hiddenArrow ? prefixCls + '-arrow-hidden' : '')}\n            {...props}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Popconfirm\n"]}

package/es/popover/index.less

@@ -0,0 +1,57 @@
+@popover-prefix-cls: ~'@{ant-prefix}-popover';
+
+// Base class
+.tnt-popover.@{popover-prefix-cls} {
+
+  &-dark,
+  &-light {
+    .@{popover-prefix-cls}-title {
+      border-bottom: 0px !important;
+      padding: 10px 12px 4px !important;
+      border-bottom: 0px !important;
+
+    }
+
+    .@{popover-prefix-cls}-inner {
+      &-content {
+        padding: 0px 12px 12px 12px;
+      }
+    }
+  }
+
+  &-dark {
+    .@{popover-prefix-cls}-title {
+      color: @popover-color-dark;
+    }
+
+    .@{popover-prefix-cls}-inner {
+      background-color: @popover-bg-dark;
+
+      &-content {
+        color: @popover-color-dark;
+      }
+    }
+
+    .@{popover-prefix-cls}-arrow {
+      border-color: @popover-arrow-color-dark !important;
+
+      &::before {
+        background-color: @popover-bg-dark;
+
+      }
+    }
+  }
+
+
+  // Arrows
+  &-arrow {
+    border-radius: 1px;
+  }
+}
+
+
+.@{popover-prefix-cls}-arrow-hidden {
+  .@{popover-prefix-cls}-arrow {
+    display: none;
+  }
+}

package/es/popover/popover.js

@@ -0,0 +1,34 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import React from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdPopover from 'antd/es/popover';
+import classNames from 'classnames';
+export * from 'antd/es/popover';
+const themeMap = (prefixCls, themeColor) => {
+  return `${prefixCls}-${themeColor}`;
+};
+const Popover = props => {
+  const {
+      overlayClassName,
+      theme = '',
+      titleDivider = false,
+      hiddenArrow = false
+    } = props,
+    restProps = __rest(props, ["overlayClassName", "theme", "titleDivider", "hiddenArrow"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('popover');
+    return React.createElement(AntdPopover, Object.assign({
+      overlayClassName: classNames(prefixCls, 'tnt-popover', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
+    }, restProps));
+  });
+};
+export default Popover;

package/es/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAmB,EAAE,EAAE;IAC1D,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAMD,MAAM,OAAO,GAET,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EACJ,gBAAgB,EAChB,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,KAEjB,KAAK,EADJ,SAAS,UACV,KAAK,EANH,4DAML,CAAQ,CAAA;IAET,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { PopoverProps } from 'antd/es/popover'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopover from 'antd/es/popover'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popover'\nconst themeMap = (prefixCls: string, themeColor?: string) => {\n  return `${prefixCls}-${themeColor}`\n}\ninterface CurProps extends PopoverProps {\n  theme?: string\n  titleDivider?: boolean\n}\n\nconst Popover: React.FC<\n  CurProps & { theme?: string; titleDivider?: boolean; hiddenArrow?: boolean }\n> = (props) => {\n  const {\n    overlayClassName,\n    theme = '',\n    titleDivider = false,\n    hiddenArrow = false,\n    ...restProps\n  } = props\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('popover')\n\n        return (\n          <AntdPopover\n            overlayClassName={classNames(\n              prefixCls,\n              'tnt-popover',\n              themeMap(prefixCls, theme),\n              hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n              overlayClassName\n            )}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Popover\n"]}

package/es/popover/style/index.less

@@ -90,7 +90,8 @@
       position: absolute;
       top: 8px; // 4px for padding-top, 4px for vertical middle;
       color: @warning-color;
-      font-size: @font-size-base;
+      // font-size: @font-size-base;
+      font-size: 16px;
     }
     &-title {
       padding-left: calc(@font-size-base + 8px);

package/es/progress/progress.js

@@ -0,0 +1,132 @@
+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;

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"]}

package/es/progress/progress.less

@@ -0,0 +1,82 @@
+@import '../style/themes/index.less';
+@import '../style/mixins/index';
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+.tnt-progress.@{progress-prefix-cls} {
+    .ant-progress-text{
+    //   font-family: PingFang SC;
+      font-weight: 500;
+    }
+    .ant-progress-cus-format-label{
+      .ant-progress-cus-format-label{
+        padding-bottom: 4px;
+      }
+    }
+    &-percent-bottom{
+        .ant-progress-outer{
+          padding-right: 0;
+        }
+        .ant-progress-text{
+          width: 100%;
+          display: block;
+          text-align: right;
+          margin-left: 0;
+        }
+    }
+    &-circle-progress{
+      .@{progress-prefix-cls}-cus-format{
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+    &-small-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .ant-progress-inner{
+        overflow:visible;
+      }
+      .tntd-ellipsis{
+        position: absolute;
+        bottom: -1.8em;
+        font-size: 0.75em;
+        // margin-bottom: 2px;
+        // color: #8B919E;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-large-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .tntd-ellipsis{
+        font-size: 0.55em;
+        // margin-bottom: 2px;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-small-half-circle{
+      .ant-progress-text{
+        height: 40%;
+      }
+      .tntd-ellipsis{
+        bottom: -1.5em;
+      }
+    }
+    &-large-half-circle{
+      .ant-progress-inner{
+        .ant-progress-text{
+          top: 42%
+        }
+      }
+    }
+}
+