shineout 3.5.2-beta.4 → 3.5.2-beta.6

package/cjs/index.js

@@ -500,5 +500,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.5.2-beta.4'
+  version: '3.5.2-beta.6'
 };

package/dist/shineout.js

@@ -12002,7 +12002,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.5.2-beta.4');
+/* harmony default export */ var version = ('3.5.2-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12599,11 +12599,11 @@ var badgeTokens = {
   badgeBadgeFontColor: 'Neutral-text-1',
   badgeBadgeBackgroundColor: 'Danger-6',
   badgeBadgeBorderRadius: 'Radius-full',
-  badgeCountPaddingX: 'spacing-6',
+  badgeCountPaddingX: 'Spacing-6',
   badgeCountHeight: 'Size-10',
   badgeSmallCountHeight: 'Size-8',
   badgeDotWidth: 'Size-3',
-  badgeTextMarginLeft: 'spacing-8',
+  badgeTextMarginLeft: 'Spacing-8',
   badgeTextFontColor: 'Neutral-text-5',
   badgeDefaultBackgroundColor: 'Neutral-fill-5',
   badgeWarningBackgroundColor: 'Warning-6',
@@ -22139,26 +22139,21 @@ var useRadioStyle = styled(src_radio_radio, 'radio');
 /* harmony default export */ var shineout_style_src_radio = ((/* unused pure expression or super */ null && (useRadioStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/rate/rate.ts
 
-// const animation = {
-//   '@keyframes scale': {
-//     '0%': {
-//       transform: 'scale(1)',
-//     },
-//     '80%': {
-//       transform: 'scale(1.4)',
-//       opacity: 0.8,
-//     },
-//     '81%': {
-//       transform: 'scale(1.2)',
-//     },
-//     '100%': {
-//       transform: 'scale3d(1.2)',
-//     },
-//   },
-// }
 
-var rateStyle = {
-  // ...animation,
+var rate_animation = {
+  '@keyframes scale': {
+    '0%': {
+      transform: 'scale(1)'
+    },
+    '50%': {
+      transform: 'scale(1.2)'
+    },
+    '100%': {
+      transform: 'scale(1)'
+    }
+  }
+};
+var rateStyle = objectSpread2_default()(objectSpread2_default()({}, rate_animation), {}, {
   wrapper: {
     display: 'inline-block',
     '[data-soui-role="form-control"] >  &': {
@@ -22251,9 +22246,9 @@ var rateStyle = {
   },
   itemDisabled: {},
   itemAnimation: {
-    // animation: '$scale 0.2s ease-out',
+    animation: '$scale 0.4s cubic-bezier(0.34, 0.69, 0.1, 1)'
   }
-};
+});
 /* harmony default export */ var rate_rate = (rateStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/rate/index.ts
 
@@ -55830,10 +55825,6 @@ var Rate = function Rate(props0) {
     var backItem = Array.isArray(back) ? back[index] : back;
     var isHalfChecked = props.allowHalf && showValue % 1 > 0 && index === currentIndex;
     var isChecked = !isHalfChecked && index <= currentIndex;
-    var itemStyle = {
-      fontSize: size,
-      width: size
-    };
     var handleChange = function handleChange(val) {
       if (clearable && value === val) {
         onChange(0);
@@ -55843,12 +55834,17 @@ var Rate = function Rate(props0) {
         onChange(val);
       }
     };
+    var showAnimation = animationIndex && index < currentIndex;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled), animationIndex === index && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
+      className: classnames_default()(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled), showAnimation && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
+      style: {
+        fontSize: size,
+        width: size,
+        animationDelay: showAnimation ? "".concat(50 * index, "ms") : undefined
+      },
       onAnimationEnd: function onAnimationEnd() {
         setAnimationIndex(null);
       },
-      style: itemStyle,
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemBg,
         children: backItem
@@ -66429,7 +66425,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.2-beta.4'
+  version: '3.5.2-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;