shineout 3.9.8-beta.6 → 3.9.8-beta.8

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.9.8-beta.6'
+  version: '3.9.8-beta.8'
 };

package/dist/shineout.js

@@ -7331,7 +7331,8 @@ var config = {
     CollapseArrow: icons.ArrowLeft
   },
   tag: {
-    Close: icons.Close
+    Close: icons.Close,
+    Loading: icons.Loading
   },
   textarea: {
     Close: icons.CloseFill
@@ -12401,7 +12402,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.9.8-beta.6');
+/* harmony default export */ var version = ('3.9.8-beta.8');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -23447,6 +23448,9 @@ var progressStyle = {
     backgroundColor: src.progressSuccessFrontBackgroundColor,
     '& + $lineFront': {
       zIndex: 1
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   lineFront: {
@@ -23484,6 +23488,9 @@ var progressStyle = {
       '$wrapperDanger&': {
         backgroundColor: src.progressLineInnerDangerFrontBackgroundColor
       }
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   content: {
@@ -23523,7 +23530,10 @@ var progressStyle = {
     padding: '3px 8px',
     borderRadius: '2px',
     color: src.progressLinePopFontColor,
-    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
+    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)',
+    '$noAnimation &': {
+      transition: 'none'
+    }
   },
   linePopValue: {},
   linePopArrow: {
@@ -23596,14 +23606,21 @@ var progressStyle = {
     },
     '$wrapperDanger &': {
       stroke: src.progressDangerFrontBackgroundColor
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   circleSuccess: {
     transform: 'rotate(-90deg)',
     transformOrigin: '50% 50%',
     transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
-    stroke: src.progressSuccessFrontBackgroundColor
-  }
+    stroke: src.progressSuccessFrontBackgroundColor,
+    '$noAnimation &': {
+      transition: 'none'
+    }
+  },
+  noAnimation: {}
 };
 /* harmony default export */ var progress_progress = (progressStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/progress/index.ts
@@ -28190,6 +28207,16 @@ var useTabsStyle = styled(tabs_tabs, 'tabs');
 
 
 var tagDefaultLineHeight = "calc(".concat(src.tagDefaultLineBase, " + 6px)");
+var tag_animations = {
+  '@keyframes spin': {
+    '0%': {
+      transform: 'rotate(0deg)'
+    },
+    '100%': {
+      transform: 'rotate(360deg)'
+    }
+  }
+};
 var brightTag = function brightTag(name, type) {
   return {
     color: src["tag".concat(type, "FontColor")],
@@ -28290,7 +28317,7 @@ var brightOutlineTag = function brightOutlineTag(name, type) {
     }
   });
 };
-var TagStyle = {
+var TagStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   tag: {
     display: 'inline-flex',
@@ -28391,6 +28418,10 @@ var TagStyle = {
     cursor: 'pointer',
     height: tagDefaultLineHeight,
     maxHeight: '100%'
+  }
+}, tag_animations), {}, {
+  closeIconPending: {
+    animation: "$spin 1s linear infinite"
   },
   closeIconWrapper: {
     display: 'inline-flex',
@@ -28425,7 +28456,7 @@ var TagStyle = {
   rounded: {
     borderRadius: src.buttonRoundBorderRadius
   }
-};
+});
 /* harmony default export */ var tag_tag = (TagStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/tag/index.ts
 
@@ -42884,17 +42915,17 @@ var Tag = function Tag(props) {
     if (!showClose) {
       return null;
     }
-    if (dismiss === tag_Pending) {
-      // 后面用 Spin 替换
-      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {});
-    }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: tagStyle.closeIcon,
+      className: classnames_default()(tagStyle.closeIcon, dismiss === tag_Pending && tagStyle.closeIconPending),
       onClick: handleClose,
       onMouseDown: onMouseDown,
+      style: dismiss === tag_Pending ? {
+        opacity: 0.6,
+        pointerEvents: 'none'
+      } : undefined,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: tagStyle.closeIconWrapper,
-        children: icons_config.tag.Close
+        children: dismiss === tag_Pending ? icons_config.tag.Loading : icons_config.tag.Close
       })
     });
   };
@@ -62094,7 +62125,9 @@ var Line = function Line(props) {
     type = _props$type === void 0 ? 'info' : _props$type,
     iconSize = props.iconSize,
     popup = props.popup,
-    success = props.success;
+    success = props.success,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? true : _props$animation;
   var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
   var isInner = shape === 'line-inner';
   var isInnerRight = isInner && value < 10;
@@ -62104,7 +62137,7 @@ var Line = function Line(props) {
     width: iconSize,
     height: iconSize
   };
-  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.line, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), isDefault && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineDefault), isDefaultPop && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.linePop), isInner && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInner), isInnerRight && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInnerRight));
+  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.line, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), isDefault && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineDefault), isDefaultPop && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.linePop), isInner && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInner), isInnerRight && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInnerRight), animation === false && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.noAnimation));
   var bgStyle = {
     height: props.strokeWidth,
     background: props.background,
@@ -62194,7 +62227,9 @@ var Circle = function Circle(props) {
     _props$strokeLinecap = props.strokeLinecap,
     strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
     iconSize = props.iconSize,
-    success = props.success;
+    success = props.success,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? true : _props$animation;
   var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
   var iconStyle = {
     width: iconSize,
@@ -62217,7 +62252,7 @@ var Circle = function Circle(props) {
   var successDasharray = success ? [p * (success.value / 100), p * (1 - success.value / 100)] : null;
   var successWidth = success && success.value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
   var objSuccessColor = (success === null || success === void 0 ? void 0 : success.color) && typeof_default()(success.color) === 'object';
-  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger));
+  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), animation === false && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.noAnimation));
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, extractProps(props, 'mouse')), {}, {
     className: mc,
     style: style,
@@ -75110,7 +75145,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.8-beta.6'
+  version: '3.9.8-beta.8'
 });
 }();
 /******/ 	return __webpack_exports__;