@sheinx/shineout-style 3.5.8 → 3.6.0-beta.10

package/cjs/alert/alert.js

@@ -58,14 +58,14 @@ var alertStyle = {
         }
       }
     },
-    '&$widthTitle': {},
+    '&$withTitle': {},
     '& $icon': {}
   },
-  widthTitle: {
+  withTitle: {
     '& $icon': {
       fontSize: _theme.default.alertTitleFontSize,
       // marginBottom: Token.alertNearlyMargin,
-      width: _theme.default.alertTitleIconWidth,
+      width: "calc(".concat(_theme.default.alertTitleIconWidth, " + 2px)"),
       height: _theme.default.lineHeightDynamic
     },
     '& $title': {
@@ -89,10 +89,10 @@ var alertStyle = {
   },
   close: {
     cursor: 'pointer',
-    width: _theme.default.alertFontSize,
     color: _theme.default.alertCloseFontColor,
     fontSize: _theme.default.alertFontSize,
-    height: _theme.default.alertFontSize,
+    height: _theme.default.alertCloseSize,
+    width: _theme.default.alertCloseSize,
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
@@ -107,7 +107,7 @@ var alertStyle = {
   },
   closeWrapper: {
     fontSize: _theme.default.alertFontSize,
-    width: _theme.default.alertFontSize,
+    width: _theme.default.alertCloseSize,
     height: _theme.default.lineHeightDynamic,
     display: 'flex',
     alignItems: 'center',

package/cjs/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAuE1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4E1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/avatar/avatar.js

@@ -63,8 +63,13 @@ var avatarStyle = {
     fontSize: _theme.default.avatarLargeFontSize
   },
   max: {
+    cursor: 'pointer',
     color: _theme.default.avatarMaxFontColor,
-    fontWeight: _theme.default.avatarMaxFontWeight
+    fontWeight: _theme.default.avatarMaxFontWeight,
+    '& $wrapper:hover': {
+      color: _theme.default.avatarMaxHoverColor,
+      backgroundColor: _theme.default.avatarMaxHoverBackgroundColor
+    }
   },
   popover: {
     padding: _theme.default.avatarPopoverPadding,

package/cjs/collapse/collapse-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAoItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/collapse/collapse-item.js

@@ -29,7 +29,6 @@ var collapseItemStyle = {
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
-    gap: _theme.default.collapseHeaderGap,
     fontSize: _theme.default.collapseHeaderFontSize,
     fontWeight: _theme.default.collapseHeaderFontWeight,
     color: _theme.default.collapseHeaderColor,
@@ -69,6 +68,7 @@ var collapseItemStyle = {
     color: _theme.default.collapseIconColor,
     lineHeight: _theme.default.lineHeightDynamic,
     zIndex: 0,
+    marginRight: _theme.default.collapseHeaderGap,
     '& svg': {
       zIndex: 1,
       width: _theme.default.collapseHeaderIconWidth
@@ -86,6 +86,11 @@ var collapseItemStyle = {
         borderRadius: '50%',
         background: _theme.default.collapseIconHoverBackgroundColor
       }
+    },
+    '&:active:hover': {
+      '&:after': {
+        background: _theme.default.collapseIconActiveBackgroundColor
+      }
     }
   },
   title: {

package/cjs/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAgM7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAoM7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdown.js

@@ -123,6 +123,10 @@ var dropdown = {
     minWidth: '0',
     '& + $caret': {
       marginLeft: _theme.default.dropdownCaretMarginLeft
+    },
+    '& > svg': {
+      display: 'block',
+      margin: '0 auto'
     }
   },
   button: {

package/cjs/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuHlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAmJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/form/form-item.js

@@ -6,8 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var formItemStyle = {
-  rootClass: {},
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var animations = {
+  '@keyframes appear': {
+    '0%': {
+      transform: 1
+    },
+    '25%': {
+      opacity: 0.5
+    },
+    '50%': {
+      opacity: 1
+    },
+    '75%': {
+      opacity: 0.5
+    },
+    '100%': {
+      transform: 1
+    }
+  }
+};
+var formItemStyle = _objectSpread(_objectSpread({
+  rootClass: {}
+}, animations), {}, {
   wrapper: {
     display: 'flex',
     alignItems: 'flex-start',
@@ -39,12 +65,28 @@ var formItemStyle = {
       display: 'inline-block'
     }
   },
+  labelWithColon: {
+    display: 'inline-flex',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end'
+  },
+  labelWithTooltip: {
+    display: 'inline-flex',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end'
+  },
+  labelColon: {
+    flexShrink: 0,
+    marginLeft: _theme.default.formItemTooltipIconMarginXStart
+  },
   labelTooltip: {
-    display: 'inline-block',
-    verticalAlign: 'middle',
-    cursor: 'help',
+    flexShrink: 0,
+    display: 'inline-flex',
+    alignItems: 'center',
+    cursor: 'pointer',
     color: _theme.default.formItemTooltipIconColor,
     width: _theme.default.formItemTooltipIconFontSize,
+    height: _theme.default.lineHeightDynamic,
     fontSize: _theme.default.formItemTooltipIconFontSize,
     marginLeft: _theme.default.formItemTooltipIconMarginXStart,
     '& svg': {
@@ -52,15 +94,16 @@ var formItemStyle = {
     }
   },
   labelLeft: {
-    textAlign: 'start'
+    textAlign: 'start',
+    '&$labelWithColon, &$labelWithTooltip': {
+      justifyContent: 'flex-start'
+    }
   },
   wrapperInline: {
     display: 'inline-flex',
     marginRight: _theme.default.formItemMarginXEnd
   },
   wrapperLabelTop: {
-    // flexFlow: 'column nowrap',
-    // alignItems: 'stretch',
     display: 'block',
     width: '100%',
     '& $label': {
@@ -69,6 +112,9 @@ var formItemStyle = {
       paddingTop: '0',
       paddingBottom: _theme.default.formItemLabelTopPaddingY,
       margin: '0'
+    },
+    '& $label$labelWithColon, & $label$labelWithTooltip': {
+      justifyContent: 'flex-start'
     }
   },
   wrapperLabelVerticalMiddle: {
@@ -77,10 +123,16 @@ var formItemStyle = {
       lineHeight: 1,
       padding: 0,
       marginTop: 0
+    },
+    '& $label$labelWithColon, & $label$labelWithTooltip': {
+      alignItems: 'center'
     }
   },
   wrapperLabelVerticalBottom: {
-    alignItems: 'flex-end'
+    alignItems: 'flex-end',
+    '& $label$labelWithColon, & $label$labelWithTooltip': {
+      alignItems: 'flex-end'
+    }
   },
   wrapperRequired: {
     '& $label::before': {
@@ -112,7 +164,8 @@ var formItemStyle = {
     lineHeight: _theme.default.lineHeightDynamic,
     minHeight: _theme.default.formItemTipMinHeight,
     fontSize: _theme.default.formItemDangerFontSize,
-    fontWeight: _theme.default.formItemDangerFontWeight
+    fontWeight: _theme.default.formItemDangerFontWeight,
+    animation: '$appear 1s ease-in-out forwards'
     // flexBasis: '100%',
     // width: 0,
   },
@@ -125,5 +178,5 @@ var formItemStyle = {
     marginTop: _theme.default.formItemTipMarginTop,
     width: '100%'
   }
-};
+});
 var _default = exports.default = formItemStyle;

package/cjs/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsapC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/image/image.js

@@ -257,6 +257,20 @@ var ImageStyle = _objectSpread(_objectSpread({
     },
     '&[dir=rtl]': {
       left: -15
+    },
+    '& > svg': {
+      position: 'relative'
+    },
+    '&:before': {
+      content: '""',
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      width: '80%',
+      height: '80%',
+      transform: 'translate(-50%, -50%)',
+      backgroundColor: '#fff',
+      borderRadius: '50%'
     }
   },
   // gallery

package/cjs/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuhBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4hBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/menu/menu.js

@@ -194,9 +194,13 @@ var menuStyle = {
         backgroundColor: _theme.default.menuItemHoverBackgroundColor
       }
     },
+    // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
+    '[data-soui-theme=dark] $root > $item > &': {
+      backgroundColor: _theme.default.menuDarkItemBackgroundColor
+    },
     '[data-soui-theme=dark] &': {
       color: _theme.default.menuDarkFontColor,
-      backgroundColor: _theme.default.menuDarkItemBackgroundColor,
+      backgroundColor: _theme.default.menuDarkItemOpenBackgroundColor,
       '&:hover': {
         color: _theme.default.menuDarkItemHoverFontColor,
         backgroundColor: _theme.default.menuDarkItemHoverBackgroundColor

package/cjs/spin/spin.js

@@ -83,7 +83,7 @@ var spinStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    '&:after': {
+    '&:before': {
       content: '""',
       position: 'absolute',
       top: 0,

package/cjs/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmyBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqyBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/steps/steps.js

@@ -400,7 +400,7 @@ var stepsStyle = {
       overflow: 'hidden'
     },
     '& $icon': {
-      marginRight: 12
+      marginRight: 16
     },
     '& $title, $description': {
       textAlign: 'left'
@@ -530,11 +530,13 @@ var stepsStyle = {
       },
       '& $icon': {
         lineHeight: 0,
+        marginRight: 6,
         padding: '8px 10px'
       },
       '& $process': {
         '& $icon': {
           marginTop: 0,
+          marginRight: 8,
           padding: '7px 8px'
         },
         '& $tail': {

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiKxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -126,6 +126,8 @@ var TagStyle = {
   rootClass: {},
   tag: {
     display: 'inline-flex',
+    // 消除 inline-flex 看不见的空白高度
+    verticalAlign: 'top',
     padding: "".concat(_theme.default.tagPaddingY, " ").concat(_theme.default.tagPaddingX),
     fontSize: _theme.default.tagFontSize,
     fontWeight: _theme.default.tagFontWeight,
@@ -137,11 +139,25 @@ var TagStyle = {
     }
   },
   input: {
-    '&[data-soui-input-border]': {
-      width: 100,
-      '& input': {
-        padding: "0 ".concat(_theme.default.tagInputPaddingX)
-      }
+    paddingLeft: '0 !important',
+    paddingRight: '0 !important',
+    width: 100,
+    '& > div': {
+      padding: '0 !important'
+    },
+    '& > div > input': {
+      fontSize: _theme.default.tagFontSize,
+      padding: "0 ".concat(_theme.default.tagPaddingX),
+      lineHeight: "calc(".concat(_theme.default.tagFontSize, " + 8px)")
+    },
+    '$small& > div > input': {
+      padding: "0 ".concat(_theme.default.tagSmallPaddingX),
+      lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
+    },
+    '$large& > div > input': {
+      fontSize: _theme.default.tagLargeFontSize,
+      padding: "0 ".concat(_theme.default.tagLargePaddingX),
+      lineHeight: "calc(".concat(_theme.default.tagLargeFontSize, " + 8px)")
     }
   },
   wrapper: {

package/cjs/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA+OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAgPtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tree/tree.js

@@ -9,6 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var treeStyle = {
   rootClass: {},
   tree: {},
+  virtual: {},
   line: {
     '& $node': {
       '&[dir=ltr]::before': {

package/cjs/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2elD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA6elD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -372,7 +372,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     paddingBottom: 3
   },
   tree: {
-    padding: 4,
+    // padding: 4,
     overflow: 'auto'
   },
   treeOption: {
@@ -460,11 +460,11 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     // },
   },
   optionActive: {
-    color: _theme.default.treeSelectOptionActiveColor,
-    backgroundColor: _theme.default.treeSelectOptionActiveBackgroundColor,
-    '&>div': {
-      color: _theme.default.treeSelectOptionActiveColor
-    }
+    // color: token.treeSelectOptionActiveColor,
+    // backgroundColor: token.treeSelectOptionActiveBackgroundColor,
+    // '&>div': {
+    //   color: token.treeSelectOptionActiveColor,
+    // },
   },
   optionDisabled: {
     cursor: 'not-allowed',

package/cjs/upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAmV1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwW1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/upload/upload.js

@@ -35,7 +35,7 @@ var uploadStyle = {
       border: "1px dashed ".concat(_theme.default.uploadImageHandlerBorderColor),
       backgroundColor: _theme.default.uploadImageHandlerBackgroundColor,
       color: _theme.default.uploadImageHandlerFontColor,
-      '&:hover': {
+      '&:hover, &:hover *': {
         borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
         color: _theme.default.uploadImageHandlerHoverFontColor
       },
@@ -46,14 +46,28 @@ var uploadStyle = {
       },
       '& svg': {
         color: _theme.default.uploadImageResultBtnRecoverColor
+      },
+      '&:active': {
+        color: _theme.default.uploadImageHandlerActiveFontColor,
+        borderColor: _theme.default.uploadImageHandlerActiveBorderColor
+      },
+      '&:active *': {
+        color: _theme.default.uploadImageHandlerActiveFontColor
       }
     }
   },
   result: {
     display: 'flex',
     alignItems: 'center',
-    marginTop: _theme.default.uploadResultMarginY,
-    gap: _theme.default.uploadResultGap
+    gap: '8px',
+    borderRadius: _theme.default.uploadResultBorderRadius,
+    padding: "".concat(_theme.default.uploadResultPaddingY, " ").concat(_theme.default.uploadResultPaddingX),
+    '&:hover': {
+      backgroundColor: _theme.default.uploadResultBackgroundColor
+    },
+    '$handler+&, $dropItem+&': {
+      marginTop: _theme.default.uploadResultMarginY
+    }
   },
   icon: {
     width: _theme.default.uploadResultIconSize,
@@ -69,25 +83,10 @@ var uploadStyle = {
     }
   },
   iconHover: {
-    position: 'relative',
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      top: '-5px',
-      left: '-5px',
-      right: '-5px',
-      bottom: '-5px',
+    '&:hover': {
+      color: _theme.default.uploadResultIconHoverColor,
       borderRadius: '50%',
-      display: 'none',
       backgroundColor: _theme.default.uploadResultIconHoverBackgroundColor
-    },
-    '& svg': {
-      position: 'relative'
-    },
-    '&:hover': {
-      '&::before': {
-        display: 'block'
-      }
     }
   },
   resultError: {},
@@ -115,17 +114,12 @@ var uploadStyle = {
     fontSize: _theme.default.uploadResultFontSize,
     color: _theme.default.uploadResultFontColor,
     lineHeight: _theme.default.lineHeightDynamic,
-    padding: "".concat(_theme.default.uploadResultPaddingY, " ").concat(_theme.default.uploadResultPaddingX),
-    borderRadius: _theme.default.uploadResultBorderRadius,
     '$resultError &': {
       color: _theme.default.uploadResultErrorFontColor
     },
     '$resultDeleted &': {
       textDecoration: 'line-through',
       color: _theme.default.uploadResultDeletedFontColor
-    },
-    '&:hover': {
-      backgroundColor: _theme.default.uploadResultBackgroundColor
     }
   },
   resultTextBody: {
@@ -134,7 +128,11 @@ var uploadStyle = {
   },
   resultClose: {
     cursor: 'pointer',
-    margin: '0 6px'
+    '&$icon': {
+      boxSizing: 'content-box',
+      padding: '0 4px',
+      height: _theme.default.lineHeightDynamic
+    }
   },
   imageHandler: {
     boxSizing: 'border-box',
@@ -151,6 +149,13 @@ var uploadStyle = {
       borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
       color: _theme.default.uploadImageHandlerHoverFontColor
     },
+    '$wrapper:not($wrapperDisabled) &:hover *': {
+      color: "".concat(_theme.default.uploadImageHandlerHoverFontColor, " !important")
+    },
+    '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
+      color: "".concat(_theme.default.uploadImageHandlerActiveFontColor, " !important"),
+      borderColor: _theme.default.uploadImageHandlerActiveBorderColor
+    },
     '$wrapperDisabled &': {
       borderColor: _theme.default.uploadImageHandlerDisabledBorderColor,
       backgroundColor: _theme.default.uploadImageHandlerDisabledBackgroundColor,
@@ -160,9 +165,13 @@ var uploadStyle = {
   imageHandlerIcon: {
     display: 'flex',
     alignItems: 'center',
+    color: _theme.default.uploadImageHandlerIconColor,
     '& > svg': {
       width: 20,
       height: 20
+    },
+    '$wrapperDisabled &': {
+      color: _theme.default.uploadImageHandlerDisabledFontColor
     }
   },
   imageResult: {
@@ -300,10 +309,20 @@ var uploadStyle = {
   dropItem: {
     ':not(wrapperDisabled) &[data-soui-dragover="true"]': {
       '& $handler, & $imageHandler, & $imageResult': {
-        borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
-        borderStyle: 'dashed',
-        borderWidth: '2px',
+        borderColor: 'transparent !important',
+        color: _theme.default.uploadImageHandlerHoverFontColor,
+        position: 'relative'
+      },
+      '& $handler *, & $imageHandler *, & $imageResult *': {
         color: _theme.default.uploadImageHandlerHoverFontColor
+      },
+      '& $handler:after, & $imageHandler:after, & $imageResult:after': {
+        content: '" "',
+        position: 'absolute',
+        inset: 0,
+        pointerEvents: 'none',
+        border: "2px dashed ".concat(_theme.default.uploadImageHandlerHoverBorderColor),
+        borderRadius: _theme.default.uploadImageBorderRadius
       }
     }
   },

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.5.8";
+declare const _default: "3.6.0-beta.10";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.5.8';
+var _default = exports.default = '3.6.0-beta.10';

package/esm/alert/alert.js

@@ -51,14 +51,14 @@ var alertStyle = {
         }
       }
     },
-    '&$widthTitle': {},
+    '&$withTitle': {},
     '& $icon': {}
   },
-  widthTitle: {
+  withTitle: {
     '& $icon': {
       fontSize: Token.alertTitleFontSize,
       // marginBottom: Token.alertNearlyMargin,
-      width: Token.alertTitleIconWidth,
+      width: "calc(".concat(Token.alertTitleIconWidth, " + 2px)"),
       height: Token.lineHeightDynamic
     },
     '& $title': {
@@ -82,10 +82,10 @@ var alertStyle = {
   },
   close: {
     cursor: 'pointer',
-    width: Token.alertFontSize,
     color: Token.alertCloseFontColor,
     fontSize: Token.alertFontSize,
-    height: Token.alertFontSize,
+    height: Token.alertCloseSize,
+    width: Token.alertCloseSize,
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
@@ -100,7 +100,7 @@ var alertStyle = {
   },
   closeWrapper: {
     fontSize: Token.alertFontSize,
-    width: Token.alertFontSize,
+    width: Token.alertCloseSize,
     height: Token.lineHeightDynamic,
     display: 'flex',
     alignItems: 'center',

package/esm/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAuE1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4E1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/avatar/avatar.js

@@ -56,8 +56,13 @@ var avatarStyle = {
     fontSize: token.avatarLargeFontSize
   },
   max: {
+    cursor: 'pointer',
     color: token.avatarMaxFontColor,
-    fontWeight: token.avatarMaxFontWeight
+    fontWeight: token.avatarMaxFontWeight,
+    '& $wrapper:hover': {
+      color: token.avatarMaxHoverColor,
+      backgroundColor: token.avatarMaxHoverBackgroundColor
+    }
   },
   popover: {
     padding: token.avatarPopoverPadding,

package/esm/collapse/collapse-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAoItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/collapse/collapse-item.js

@@ -22,7 +22,6 @@ var collapseItemStyle = {
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
-    gap: Token.collapseHeaderGap,
     fontSize: Token.collapseHeaderFontSize,
     fontWeight: Token.collapseHeaderFontWeight,
     color: Token.collapseHeaderColor,
@@ -62,6 +61,7 @@ var collapseItemStyle = {
     color: Token.collapseIconColor,
     lineHeight: Token.lineHeightDynamic,
     zIndex: 0,
+    marginRight: Token.collapseHeaderGap,
     '& svg': {
       zIndex: 1,
       width: Token.collapseHeaderIconWidth
@@ -79,6 +79,11 @@ var collapseItemStyle = {
         borderRadius: '50%',
         background: Token.collapseIconHoverBackgroundColor
       }
+    },
+    '&:active:hover': {
+      '&:after': {
+        background: Token.collapseIconActiveBackgroundColor
+      }
     }
   },
   title: {

package/esm/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAgM7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAoM7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/dropdown.js

@@ -116,6 +116,10 @@ var dropdown = {
     minWidth: '0',
     '& + $caret': {
       marginLeft: token.dropdownCaretMarginLeft
+    },
+    '& > svg': {
+      display: 'block',
+      margin: '0 auto'
     }
   },
   button: {

package/esm/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuHlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAmJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/form/form-item.js

@@ -1,6 +1,32 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import token from '@sheinx/theme';
-var formItemStyle = {
-  rootClass: {},
+var animations = {
+  '@keyframes appear': {
+    '0%': {
+      transform: 1
+    },
+    '25%': {
+      opacity: 0.5
+    },
+    '50%': {
+      opacity: 1
+    },
+    '75%': {
+      opacity: 0.5
+    },
+    '100%': {
+      transform: 1
+    }
+  }
+};
+var formItemStyle = _objectSpread(_objectSpread({
+  rootClass: {}
+}, animations), {}, {
   wrapper: {
     display: 'flex',
     alignItems: 'flex-start',
@@ -32,12 +58,28 @@ var formItemStyle = {
       display: 'inline-block'
     }
   },
+  labelWithColon: {
+    display: 'inline-flex',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end'
+  },
+  labelWithTooltip: {
+    display: 'inline-flex',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end'
+  },
+  labelColon: {
+    flexShrink: 0,
+    marginLeft: token.formItemTooltipIconMarginXStart
+  },
   labelTooltip: {
-    display: 'inline-block',
-    verticalAlign: 'middle',
-    cursor: 'help',
+    flexShrink: 0,
+    display: 'inline-flex',
+    alignItems: 'center',
+    cursor: 'pointer',
     color: token.formItemTooltipIconColor,
     width: token.formItemTooltipIconFontSize,
+    height: token.lineHeightDynamic,
     fontSize: token.formItemTooltipIconFontSize,
     marginLeft: token.formItemTooltipIconMarginXStart,
     '& svg': {
@@ -45,15 +87,16 @@ var formItemStyle = {
     }
   },
   labelLeft: {
-    textAlign: 'start'
+    textAlign: 'start',
+    '&$labelWithColon, &$labelWithTooltip': {
+      justifyContent: 'flex-start'
+    }
   },
   wrapperInline: {
     display: 'inline-flex',
     marginRight: token.formItemMarginXEnd
   },
   wrapperLabelTop: {
-    // flexFlow: 'column nowrap',
-    // alignItems: 'stretch',
     display: 'block',
     width: '100%',
     '& $label': {
@@ -62,6 +105,9 @@ var formItemStyle = {
       paddingTop: '0',
       paddingBottom: token.formItemLabelTopPaddingY,
       margin: '0'
+    },
+    '& $label$labelWithColon, & $label$labelWithTooltip': {
+      justifyContent: 'flex-start'
     }
   },
   wrapperLabelVerticalMiddle: {
@@ -70,10 +116,16 @@ var formItemStyle = {
       lineHeight: 1,
       padding: 0,
       marginTop: 0
+    },
+    '& $label$labelWithColon, & $label$labelWithTooltip': {
+      alignItems: 'center'
     }
   },
   wrapperLabelVerticalBottom: {
-    alignItems: 'flex-end'
+    alignItems: 'flex-end',
+    '& $label$labelWithColon, & $label$labelWithTooltip': {
+      alignItems: 'flex-end'
+    }
   },
   wrapperRequired: {
     '& $label::before': {
@@ -105,7 +157,8 @@ var formItemStyle = {
     lineHeight: token.lineHeightDynamic,
     minHeight: token.formItemTipMinHeight,
     fontSize: token.formItemDangerFontSize,
-    fontWeight: token.formItemDangerFontWeight
+    fontWeight: token.formItemDangerFontWeight,
+    animation: '$appear 1s ease-in-out forwards'
     // flexBasis: '100%',
     // width: 0,
   },
@@ -118,5 +171,5 @@ var formItemStyle = {
     marginTop: token.formItemTipMarginTop,
     width: '100%'
   }
-};
+});
 export default formItemStyle;

package/esm/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsapC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/image/image.js

@@ -250,6 +250,20 @@ var ImageStyle = _objectSpread(_objectSpread({
     },
     '&[dir=rtl]': {
       left: -15
+    },
+    '& > svg': {
+      position: 'relative'
+    },
+    '&:before': {
+      content: '""',
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      width: '80%',
+      height: '80%',
+      transform: 'translate(-50%, -50%)',
+      backgroundColor: '#fff',
+      borderRadius: '50%'
     }
   },
   // gallery

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuhBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4hBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -187,9 +187,13 @@ var menuStyle = {
         backgroundColor: token.menuItemHoverBackgroundColor
       }
     },
+    // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
+    '[data-soui-theme=dark] $root > $item > &': {
+      backgroundColor: token.menuDarkItemBackgroundColor
+    },
     '[data-soui-theme=dark] &': {
       color: token.menuDarkFontColor,
-      backgroundColor: token.menuDarkItemBackgroundColor,
+      backgroundColor: token.menuDarkItemOpenBackgroundColor,
       '&:hover': {
         color: token.menuDarkItemHoverFontColor,
         backgroundColor: token.menuDarkItemHoverBackgroundColor

package/esm/spin/spin.js

@@ -76,7 +76,7 @@ var spinStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    '&:after': {
+    '&:before': {
       content: '""',
       position: 'absolute',
       top: 0,

package/esm/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmyBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqyBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/steps/steps.js

@@ -393,7 +393,7 @@ var stepsStyle = {
       overflow: 'hidden'
     },
     '& $icon': {
-      marginRight: 12
+      marginRight: 16
     },
     '& $title, $description': {
       textAlign: 'left'
@@ -523,11 +523,13 @@ var stepsStyle = {
       },
       '& $icon': {
         lineHeight: 0,
+        marginRight: 6,
         padding: '8px 10px'
       },
       '& $process': {
         '& $icon': {
           marginTop: 0,
+          marginRight: 8,
           padding: '7px 8px'
         },
         '& $tail': {

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiKxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -119,6 +119,8 @@ var TagStyle = {
   rootClass: {},
   tag: {
     display: 'inline-flex',
+    // 消除 inline-flex 看不见的空白高度
+    verticalAlign: 'top',
     padding: "".concat(Token.tagPaddingY, " ").concat(Token.tagPaddingX),
     fontSize: Token.tagFontSize,
     fontWeight: Token.tagFontWeight,
@@ -130,11 +132,25 @@ var TagStyle = {
     }
   },
   input: {
-    '&[data-soui-input-border]': {
-      width: 100,
-      '& input': {
-        padding: "0 ".concat(Token.tagInputPaddingX)
-      }
+    paddingLeft: '0 !important',
+    paddingRight: '0 !important',
+    width: 100,
+    '& > div': {
+      padding: '0 !important'
+    },
+    '& > div > input': {
+      fontSize: Token.tagFontSize,
+      padding: "0 ".concat(Token.tagPaddingX),
+      lineHeight: "calc(".concat(Token.tagFontSize, " + 8px)")
+    },
+    '$small& > div > input': {
+      padding: "0 ".concat(Token.tagSmallPaddingX),
+      lineHeight: "calc(".concat(Token.tagSmallFontSize, " + 6px)")
+    },
+    '$large& > div > input': {
+      fontSize: Token.tagLargeFontSize,
+      padding: "0 ".concat(Token.tagLargePaddingX),
+      lineHeight: "calc(".concat(Token.tagLargeFontSize, " + 8px)")
     }
   },
   wrapper: {

package/esm/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA+OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAgPtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tree/tree.js

@@ -2,6 +2,7 @@ import Token from '@sheinx/theme';
 var treeStyle = {
   rootClass: {},
   tree: {},
+  virtual: {},
   line: {
     '& $node': {
       '&[dir=ltr]::before': {

package/esm/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2elD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA6elD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/esm/tree-select/tree-select.js

@@ -363,7 +363,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     paddingBottom: 3
   },
   tree: {
-    padding: 4,
+    // padding: 4,
     overflow: 'auto'
   },
   treeOption: {
@@ -451,11 +451,11 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     // },
   },
   optionActive: {
-    color: token.treeSelectOptionActiveColor,
-    backgroundColor: token.treeSelectOptionActiveBackgroundColor,
-    '&>div': {
-      color: token.treeSelectOptionActiveColor
-    }
+    // color: token.treeSelectOptionActiveColor,
+    // backgroundColor: token.treeSelectOptionActiveBackgroundColor,
+    // '&>div': {
+    //   color: token.treeSelectOptionActiveColor,
+    // },
   },
   optionDisabled: {
     cursor: 'not-allowed',

package/esm/upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAmV1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwW1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/upload/upload.js

@@ -28,7 +28,7 @@ var uploadStyle = {
       border: "1px dashed ".concat(token.uploadImageHandlerBorderColor),
       backgroundColor: token.uploadImageHandlerBackgroundColor,
       color: token.uploadImageHandlerFontColor,
-      '&:hover': {
+      '&:hover, &:hover *': {
         borderColor: token.uploadImageHandlerHoverBorderColor,
         color: token.uploadImageHandlerHoverFontColor
       },
@@ -39,14 +39,28 @@ var uploadStyle = {
       },
       '& svg': {
         color: token.uploadImageResultBtnRecoverColor
+      },
+      '&:active': {
+        color: token.uploadImageHandlerActiveFontColor,
+        borderColor: token.uploadImageHandlerActiveBorderColor
+      },
+      '&:active *': {
+        color: token.uploadImageHandlerActiveFontColor
       }
     }
   },
   result: {
     display: 'flex',
     alignItems: 'center',
-    marginTop: token.uploadResultMarginY,
-    gap: token.uploadResultGap
+    gap: '8px',
+    borderRadius: token.uploadResultBorderRadius,
+    padding: "".concat(token.uploadResultPaddingY, " ").concat(token.uploadResultPaddingX),
+    '&:hover': {
+      backgroundColor: token.uploadResultBackgroundColor
+    },
+    '$handler+&, $dropItem+&': {
+      marginTop: token.uploadResultMarginY
+    }
   },
   icon: {
     width: token.uploadResultIconSize,
@@ -62,25 +76,10 @@ var uploadStyle = {
     }
   },
   iconHover: {
-    position: 'relative',
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      top: '-5px',
-      left: '-5px',
-      right: '-5px',
-      bottom: '-5px',
+    '&:hover': {
+      color: token.uploadResultIconHoverColor,
       borderRadius: '50%',
-      display: 'none',
       backgroundColor: token.uploadResultIconHoverBackgroundColor
-    },
-    '& svg': {
-      position: 'relative'
-    },
-    '&:hover': {
-      '&::before': {
-        display: 'block'
-      }
     }
   },
   resultError: {},
@@ -108,17 +107,12 @@ var uploadStyle = {
     fontSize: token.uploadResultFontSize,
     color: token.uploadResultFontColor,
     lineHeight: token.lineHeightDynamic,
-    padding: "".concat(token.uploadResultPaddingY, " ").concat(token.uploadResultPaddingX),
-    borderRadius: token.uploadResultBorderRadius,
     '$resultError &': {
       color: token.uploadResultErrorFontColor
     },
     '$resultDeleted &': {
       textDecoration: 'line-through',
       color: token.uploadResultDeletedFontColor
-    },
-    '&:hover': {
-      backgroundColor: token.uploadResultBackgroundColor
     }
   },
   resultTextBody: {
@@ -127,7 +121,11 @@ var uploadStyle = {
   },
   resultClose: {
     cursor: 'pointer',
-    margin: '0 6px'
+    '&$icon': {
+      boxSizing: 'content-box',
+      padding: '0 4px',
+      height: token.lineHeightDynamic
+    }
   },
   imageHandler: {
     boxSizing: 'border-box',
@@ -144,6 +142,13 @@ var uploadStyle = {
       borderColor: token.uploadImageHandlerHoverBorderColor,
       color: token.uploadImageHandlerHoverFontColor
     },
+    '$wrapper:not($wrapperDisabled) &:hover *': {
+      color: "".concat(token.uploadImageHandlerHoverFontColor, " !important")
+    },
+    '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
+      color: "".concat(token.uploadImageHandlerActiveFontColor, " !important"),
+      borderColor: token.uploadImageHandlerActiveBorderColor
+    },
     '$wrapperDisabled &': {
       borderColor: token.uploadImageHandlerDisabledBorderColor,
       backgroundColor: token.uploadImageHandlerDisabledBackgroundColor,
@@ -153,9 +158,13 @@ var uploadStyle = {
   imageHandlerIcon: {
     display: 'flex',
     alignItems: 'center',
+    color: token.uploadImageHandlerIconColor,
     '& > svg': {
       width: 20,
       height: 20
+    },
+    '$wrapperDisabled &': {
+      color: token.uploadImageHandlerDisabledFontColor
     }
   },
   imageResult: {
@@ -293,10 +302,20 @@ var uploadStyle = {
   dropItem: {
     ':not(wrapperDisabled) &[data-soui-dragover="true"]': {
       '& $handler, & $imageHandler, & $imageResult': {
-        borderColor: token.uploadImageHandlerHoverBorderColor,
-        borderStyle: 'dashed',
-        borderWidth: '2px',
+        borderColor: 'transparent !important',
+        color: token.uploadImageHandlerHoverFontColor,
+        position: 'relative'
+      },
+      '& $handler *, & $imageHandler *, & $imageResult *': {
         color: token.uploadImageHandlerHoverFontColor
+      },
+      '& $handler:after, & $imageHandler:after, & $imageResult:after': {
+        content: '" "',
+        position: 'absolute',
+        inset: 0,
+        pointerEvents: 'none',
+        border: "2px dashed ".concat(token.uploadImageHandlerHoverBorderColor),
+        borderRadius: token.uploadImageBorderRadius
       }
     }
   },

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.5.8";
+declare const _default: "3.6.0-beta.10";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.5.8';
+export default '3.6.0-beta.10';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.5.8",
+  "version": "3.6.0-beta.10",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -17,8 +17,8 @@
   "dependencies": {
     "jss": "10.9.2",
     "react-jss": "10.9.2",
-    "@sheinx/theme": "3.5.8",
-    "@sheinx/base": "3.5.8"
+    "@sheinx/theme": "3.6.0-beta.10",
+    "@sheinx/base": "3.6.0-beta.10"
   },
   "peerDependencies": {
     "core-js": ">=3"