@sheinx/shineout-style 3.4.0-beta.1 → 3.4.0-beta.3

package/cjs/badge/badge.d.ts

@@ -0,0 +1,27 @@
+import { JsStyles } from '../jss-style';
+export type BadgeClasses = {
+    badge: string;
+    count: string;
+    dot: string;
+    textDot: string;
+    custom: string;
+    number: string;
+    singleWord: string;
+    multipleWords: string;
+    zoom: string;
+    status: string;
+    textBadge: string;
+    text: string;
+    warning: string;
+    success: string;
+    error: string;
+    default: string;
+    processing: string;
+    small: string;
+    '@keyframes animationZoom': string;
+    '@keyframes animationProgressing': string;
+};
+export type BadgeClassType = keyof BadgeClasses;
+declare const badgeStyle: JsStyles<BadgeClassType>;
+export default badgeStyle;
+//# sourceMappingURL=badge.d.ts.map

package/cjs/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/badge/badge.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var badgeStyle = {
+  badge: {
+    boxSizing: 'border-box',
+    width: 'fit-content',
+    margin: 0,
+    padding: 0,
+    lineHeight: 1,
+    listStyle: 'none',
+    position: 'relative',
+    display: 'inline-block',
+    '& $count,$custom,$dot': {
+      position: 'absolute',
+      top: 0,
+      insetInlineEnd: 0,
+      transform: 'translate(50%, -50%)',
+      transformOrigin: '100% 0',
+      boxShadow: "0 0 0 1px #fff"
+    }
+  },
+  textBadge: {
+    display: 'block',
+    lineHeight: 'inherit',
+    verticalAlign: 'baseline'
+  },
+  count: {
+    textAlign: 'center',
+    display: 'inline-flex',
+    justifyContent: 'center',
+    minWidth: _theme.default.badgeCountHeight,
+    height: _theme.default.badgeCountHeight,
+    verticalAlign: 'super',
+    lineHeight: _theme.default.lineHeightDynamic,
+    background: _theme.default.badgeBadgeBackgroundColor,
+    borderRadius: _theme.default.badgeBadgeBorderRadius,
+    fontSize: _theme.default.badgeBadgeFontSize,
+    color: _theme.default.badgeBadgeFontColor
+  },
+  small: {
+    lineHeight: 'initial',
+    height: _theme.default.badgeSmallCountHeight,
+    minWidth: _theme.default.badgeSmallCountHeight
+  },
+  dot: {
+    borderRadius: '50%',
+    width: _theme.default.badgeDotWidth,
+    height: _theme.default.badgeDotWidth,
+    background: _theme.default.badgeBadgeBackgroundColor
+  },
+  textDot: {
+    position: 'relative',
+    top: -1,
+    display: 'inline-block',
+    borderRadius: '50%',
+    lineHeight: 'inherit',
+    verticalAlign: 'middle',
+    width: _theme.default.badgeDotWidth,
+    height: _theme.default.badgeDotWidth,
+    background: _theme.default.badgeBadgeBackgroundColor
+  },
+  number: {},
+  singleWord: {},
+  multipleWords: {
+    padding: "0 ".concat(_theme.default.badgeCountPaddingX)
+  },
+  custom: {},
+  zoom: {
+    animationName: '$animationZoom',
+    animationDirection: '0.3',
+    animationFillMode: 'both',
+    animationTimingFunction: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)'
+  },
+  status: {},
+  text: {
+    lineHeight: 'inherit',
+    color: _theme.default.badgeTextFontColor,
+    marginLeft: _theme.default.badgeTextMarginLeft
+  },
+  default: {
+    background: _theme.default.badgeDefaultBackgroundColor
+  },
+  warning: {
+    background: _theme.default.badgeWarningBackgroundColor
+  },
+  success: {
+    background: _theme.default.badgeSuccessBackgroundColor
+  },
+  error: {
+    background: _theme.default.badgeErrorBackgroundColor
+  },
+  processing: {
+    borderColor: 'currentcolor',
+    color: _theme.default.badgeProcessingBackgroundColor,
+    background: _theme.default.badgeProcessingBackgroundColor,
+    '&::after': {
+      position: 'absolute',
+      content: '""',
+      top: 0,
+      insetInlineStart: 0,
+      width: '100%',
+      height: '100%',
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: 'inherit',
+      borderRadius: '50%',
+      animationName: '$animationProgressing',
+      animationDuration: '1.2s',
+      animationIterationCount: 'infinite',
+      animationTimingFunction: 'ease-in-out'
+    }
+  },
+  '@keyframes animationProgressing': {
+    '0%': {
+      transform: 'scale(0.8)',
+      opacity: 0.5
+    },
+    '100%': {
+      transform: 'scale(2.4)',
+      opacity: 0
+    }
+  },
+  '@keyframes animationZoom': {
+    '0%': {
+      transform: 'scale(0) translate(50%, -50%)',
+      opacity: 0
+    },
+    '100%': {
+      transform: 'scale(1) translate(50%, -50%)',
+      opacity: 1
+    }
+  }
+};
+var _default = exports.default = badgeStyle;

package/cjs/badge/index.d.ts

@@ -0,0 +1,5 @@
+import badgeStyle from './badge';
+declare const useBadgeStyle: () => import("jss").Classes<keyof import("./badge").BadgeClasses>;
+export { badgeStyle, useBadgeStyle };
+export default useBadgeStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,aAAa,mEAA8B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AACrC,eAAe,aAAa,CAAC"}

package/cjs/badge/index.js

@@ -0,0 +1,18 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "badgeStyle", {
+  enumerable: true,
+  get: function get() {
+    return _badge.default;
+  }
+});
+exports.useBadgeStyle = exports.default = void 0;
+var _jssStyle = require("../jss-style");
+var _badge = _interopRequireDefault(require("./badge"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var useBadgeStyle = exports.useBadgeStyle = (0, _jssStyle.styled)(_badge.default, 'badge');
+var _default = exports.default = useBadgeStyle;

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAid9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAwd9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -422,6 +422,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginTop: _theme.default.cascaderPlaceholderMarginY,
     marginBottom: _theme.default.cascaderPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(_theme.default.selectOptionInnerPaddingY, " ").concat(_theme.default.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,

package/cjs/index.d.ts

@@ -1,4 +1,5 @@
 export * from './alert';
+export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './card';
@@ -19,6 +20,7 @@ export * from './icon';
 export * from './image';
 export * from './inner-title';
 export * from './input';
+export * from './link';
 export * from './list';
 export * from './menu';
 export * from './message';

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}

package/cjs/index.js

@@ -21,6 +21,18 @@ Object.keys(_alert).forEach(function (key) {
     }
   });
 });
+var _badge = require("./badge");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _badge[key];
+    }
+  });
+});
 var _breadcrumb = require("./breadcrumb");
 Object.keys(_breadcrumb).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -261,6 +273,18 @@ Object.keys(_input).forEach(function (key) {
     }
   });
 });
+var _link = require("./link");
+Object.keys(_link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _link[key];
+    }
+  });
+});
 var _list = require("./list");
 Object.keys(_list).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/link/index.d.ts

@@ -0,0 +1,5 @@
+import linkStyle from './link';
+declare const useLinkStyle: () => import("jss").Classes<keyof import("@sheinx/base").LinkClasses>;
+export { linkStyle, useLinkStyle };
+export default useLinkStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC"}

package/cjs/link/index.js

@@ -0,0 +1,19 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "linkStyle", {
+  enumerable: true,
+  get: function get() {
+    return _link.default;
+  }
+});
+exports.useLinkStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _link = _interopRequireDefault(require("./link"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var useLinkStyle = exports.useLinkStyle = (0, _jssStyle.styled)(_link.default, 'link');
+var _default = exports.default = useLinkStyle;

package/cjs/link/link.d.ts

@@ -0,0 +1,6 @@
+import { JsStyles } from '../jss-style';
+import { LinkClasses } from '@sheinx/base';
+export type LinkClassType = keyof LinkClasses;
+declare const linkStyle: JsStyles<LinkClassType>;
+export default linkStyle;
+//# sourceMappingURL=link.d.ts.map

package/cjs/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["link.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkGtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/link/link.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var linkStyle = {
+  wrapper: {
+    fontSize: _theme.default.linkDefaultFontSize
+  },
+  sizeSmall: {
+    fontSize: _theme.default.linkSmallFontSize
+  },
+  sizeLarge: {
+    fontSize: _theme.default.linkLargeFontSize
+  },
+  underline: {
+    textDecoration: 'underline',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  underlineHover: {
+    textDecoration: 'none',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  disabled: {
+    color: _theme.default.linkPrimaryDisabledFontColor,
+    cursor: 'not-allowed',
+    '&:hover': {
+      color: _theme.default.linkPrimaryDisabledFontColor
+    }
+  },
+  primary: {
+    color: _theme.default.linkPrimaryFontColor,
+    '&:hover': {
+      color: _theme.default.linkPrimaryHoverFontColor
+    },
+    '&:active': {
+      color: _theme.default.linkPrimaryActiveFontColor
+    },
+    '&$disabled': {
+      color: _theme.default.linkPrimaryDisabledFontColor
+    }
+  },
+  secondary: {
+    color: _theme.default.linkSecondaryFontColor,
+    '&:hover': {
+      color: _theme.default.linkSecondaryHoverFontColor
+    },
+    '&:active': {
+      color: _theme.default.linkSecondaryActiveFontColor
+    },
+    '&$disabled': {
+      color: _theme.default.linkSecondaryDisabledFontColor
+    }
+  },
+  danger: {
+    color: _theme.default.linkDangerFontColor,
+    '&:hover': {
+      color: _theme.default.linkDangerHoverFontColor
+    },
+    '&:active': {
+      color: _theme.default.linkDangerActiveFontColor
+    },
+    '&$disabled': {
+      color: _theme.default.linkDangerDisabledFontColor
+    }
+  },
+  warning: {
+    color: _theme.default.linkWarningFontColor,
+    '&:hover': {
+      color: _theme.default.linkWarningHoverFontColor
+    },
+    '&:active': {
+      color: _theme.default.linkWarningActiveFontColor
+    },
+    '&$disabled': {
+      color: _theme.default.linkWarningDisabledFontColor
+    }
+  },
+  success: {
+    color: _theme.default.linkSuccessFontColor,
+    '&:hover': {
+      color: _theme.default.linkSuccessHoverFontColor
+    },
+    '&:active': {
+      color: _theme.default.linkSuccessActiveFontColor
+    },
+    '&$disabled': {
+      color: _theme.default.linkSuccessDisabledFontColor
+    }
+  },
+  icon: {
+    display: 'inline-block',
+    width: '1em',
+    verticalAlign: 'middle',
+    marginRight: 6,
+    '& > svg': {
+      fill: 'currentcolor'
+    }
+  }
+};
+var _default = exports.default = linkStyle;

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,CA0gBtC,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,CA6gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/menu/menu.js

@@ -11,13 +11,15 @@ var collapseWidth = _theme.default.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
-    height: '100%',
     width: '100%',
     backgroundColor: _theme.default.menuItemBackgroundColor,
     transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
     color: _theme.default.menuFontColor,
     display: 'flex',
-    flexDirection: 'column'
+    flexDirection: 'column',
+    '&:not([data-soui-mode=horizontal])': {
+      height: '100%'
+    }
   },
   wrapperLight: {},
   wrapperDark: {

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA6f1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAogB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -416,6 +416,13 @@ var selectStyle = _objectSpread(_objectSpread({
     marginTop: _theme.default.selectPlaceholderMarginY,
     marginBottom: _theme.default.selectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(_theme.default.selectOptionInnerPaddingY, " ").concat(_theme.default.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -248,7 +248,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
         content: '""',
         position: 'absolute',
         top: 0,
-        bottom: 0,
+        bottom: -1,
         width: '5px'
       },
       '&[dir=ltr]::after': {

package/cjs/tabs/tabs.js

@@ -652,7 +652,7 @@ var tabsStyle = {
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
   headerScroll: {
-    transition: 'all .15s ease-out'
+    transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
   },
   header: {
     flex: 1,

package/cjs/transfer/transfer.d.ts.map

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

package/cjs/transfer/transfer.js

@@ -13,6 +13,11 @@ var TransferStyle = {
     color: _theme.default.transferFontColor,
     fontSize: _theme.default.transferFontSize
   },
+  equalPanelWidth: {
+    '& $view': {
+      flex: 1
+    }
+  },
   small: {
     '& $operations': {
       '& svg': {
@@ -204,7 +209,14 @@ var TransferStyle = {
       marginRight: 0
     }
   },
-  checkbox: {},
+  checkbox: {
+    '&>[data-soui-role="desc"]': {
+      flex: 1,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  },
   empty: {
     height: '100%',
     display: 'flex',

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,CAqOtC,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,CAsNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tree/tree.js

@@ -132,22 +132,6 @@ var treeStyle = {
     cursor: 'pointer',
     padding: "0 ".concat(_theme.default.treePaddingX),
     borderRadius: _theme.default.treeContentBorderRadius,
-    position: 'relative',
-    '&[data-expanded="true"]::before': {
-      content: '""',
-      position: 'absolute',
-      top: 24,
-      bottom: 0,
-      left: -12,
-      width: 1,
-      background: '#ebebeb'
-    },
-    '&[dir=ltr][data-expanded="true"]::before': {
-      left: -12
-    },
-    '&[dir=rtl][data-expanded="true"]::before': {
-      right: -12
-    },
     '$contentDisabled &': {
       '& $text': {
         color: _theme.default.treeContentDisabledFontColor
@@ -178,7 +162,8 @@ var treeStyle = {
     color: _theme.default.treeFontColor,
     fontWeight: _theme.default.treeFontWeight,
     paddingTop: _theme.default.treeTextPaddingY,
-    paddingBottom: _theme.default.treeTextPaddingY
+    paddingBottom: _theme.default.treeTextPaddingY,
+    whiteSpace: 'nowrap'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,

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,CAydlD,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,CAgelD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -394,6 +394,13 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     marginTop: _theme.default.treeSelectPlaceholderMarginY,
     marginBottom: _theme.default.treeSelectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(_theme.default.selectOptionInnerPaddingY, " ").concat(_theme.default.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,

package/cjs/version.d.ts

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

package/cjs/version.js

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

package/esm/badge/badge.d.ts

@@ -0,0 +1,27 @@
+import { JsStyles } from '../jss-style';
+export type BadgeClasses = {
+    badge: string;
+    count: string;
+    dot: string;
+    textDot: string;
+    custom: string;
+    number: string;
+    singleWord: string;
+    multipleWords: string;
+    zoom: string;
+    status: string;
+    textBadge: string;
+    text: string;
+    warning: string;
+    success: string;
+    error: string;
+    default: string;
+    processing: string;
+    small: string;
+    '@keyframes animationZoom': string;
+    '@keyframes animationProgressing': string;
+};
+export type BadgeClassType = keyof BadgeClasses;
+declare const badgeStyle: JsStyles<BadgeClassType>;
+export default badgeStyle;
+//# sourceMappingURL=badge.d.ts.map

package/esm/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/badge/badge.js

@@ -0,0 +1,133 @@
+import token from '@sheinx/theme';
+var badgeStyle = {
+  badge: {
+    boxSizing: 'border-box',
+    width: 'fit-content',
+    margin: 0,
+    padding: 0,
+    lineHeight: 1,
+    listStyle: 'none',
+    position: 'relative',
+    display: 'inline-block',
+    '& $count,$custom,$dot': {
+      position: 'absolute',
+      top: 0,
+      insetInlineEnd: 0,
+      transform: 'translate(50%, -50%)',
+      transformOrigin: '100% 0',
+      boxShadow: "0 0 0 1px #fff"
+    }
+  },
+  textBadge: {
+    display: 'block',
+    lineHeight: 'inherit',
+    verticalAlign: 'baseline'
+  },
+  count: {
+    textAlign: 'center',
+    display: 'inline-flex',
+    justifyContent: 'center',
+    minWidth: token.badgeCountHeight,
+    height: token.badgeCountHeight,
+    verticalAlign: 'super',
+    lineHeight: token.lineHeightDynamic,
+    background: token.badgeBadgeBackgroundColor,
+    borderRadius: token.badgeBadgeBorderRadius,
+    fontSize: token.badgeBadgeFontSize,
+    color: token.badgeBadgeFontColor
+  },
+  small: {
+    lineHeight: 'initial',
+    height: token.badgeSmallCountHeight,
+    minWidth: token.badgeSmallCountHeight
+  },
+  dot: {
+    borderRadius: '50%',
+    width: token.badgeDotWidth,
+    height: token.badgeDotWidth,
+    background: token.badgeBadgeBackgroundColor
+  },
+  textDot: {
+    position: 'relative',
+    top: -1,
+    display: 'inline-block',
+    borderRadius: '50%',
+    lineHeight: 'inherit',
+    verticalAlign: 'middle',
+    width: token.badgeDotWidth,
+    height: token.badgeDotWidth,
+    background: token.badgeBadgeBackgroundColor
+  },
+  number: {},
+  singleWord: {},
+  multipleWords: {
+    padding: "0 ".concat(token.badgeCountPaddingX)
+  },
+  custom: {},
+  zoom: {
+    animationName: '$animationZoom',
+    animationDirection: '0.3',
+    animationFillMode: 'both',
+    animationTimingFunction: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)'
+  },
+  status: {},
+  text: {
+    lineHeight: 'inherit',
+    color: token.badgeTextFontColor,
+    marginLeft: token.badgeTextMarginLeft
+  },
+  default: {
+    background: token.badgeDefaultBackgroundColor
+  },
+  warning: {
+    background: token.badgeWarningBackgroundColor
+  },
+  success: {
+    background: token.badgeSuccessBackgroundColor
+  },
+  error: {
+    background: token.badgeErrorBackgroundColor
+  },
+  processing: {
+    borderColor: 'currentcolor',
+    color: token.badgeProcessingBackgroundColor,
+    background: token.badgeProcessingBackgroundColor,
+    '&::after': {
+      position: 'absolute',
+      content: '""',
+      top: 0,
+      insetInlineStart: 0,
+      width: '100%',
+      height: '100%',
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: 'inherit',
+      borderRadius: '50%',
+      animationName: '$animationProgressing',
+      animationDuration: '1.2s',
+      animationIterationCount: 'infinite',
+      animationTimingFunction: 'ease-in-out'
+    }
+  },
+  '@keyframes animationProgressing': {
+    '0%': {
+      transform: 'scale(0.8)',
+      opacity: 0.5
+    },
+    '100%': {
+      transform: 'scale(2.4)',
+      opacity: 0
+    }
+  },
+  '@keyframes animationZoom': {
+    '0%': {
+      transform: 'scale(0) translate(50%, -50%)',
+      opacity: 0
+    },
+    '100%': {
+      transform: 'scale(1) translate(50%, -50%)',
+      opacity: 1
+    }
+  }
+};
+export default badgeStyle;

package/esm/badge/index.d.ts

@@ -0,0 +1,5 @@
+import badgeStyle from './badge';
+declare const useBadgeStyle: () => import("jss").Classes<keyof import("./badge").BadgeClasses>;
+export { badgeStyle, useBadgeStyle };
+export default useBadgeStyle;
+//# sourceMappingURL=index.d.ts.map

package/esm/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,aAAa,mEAA8B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AACrC,eAAe,aAAa,CAAC"}

package/esm/badge/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { styled } from "../jss-style";
+import badgeStyle from "./badge";
+var useBadgeStyle = styled(badgeStyle, 'badge');
+export { badgeStyle, useBadgeStyle };
+export default useBadgeStyle;

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAid9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAwd9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -415,6 +415,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginTop: token.cascaderPlaceholderMarginY,
     marginBottom: token.cascaderPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(token.selectOptionInnerPaddingY, " ").concat(token.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,

package/esm/index.d.ts

@@ -1,4 +1,5 @@
 export * from './alert';
+export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './card';
@@ -19,6 +20,7 @@ export * from './icon';
 export * from './image';
 export * from './inner-title';
 export * from './input';
+export * from './link';
 export * from './list';
 export * from './menu';
 export * from './message';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}

package/esm/index.js

@@ -1,5 +1,6 @@
 "use client";
 export * from "./alert";
+export * from "./badge";
 export * from "./breadcrumb";
 export * from "./button";
 export * from "./card";
@@ -20,6 +21,7 @@ export * from "./icon";
 export * from "./image";
 export * from "./inner-title";
 export * from "./input";
+export * from "./link";
 export * from "./list";
 export * from "./menu";
 export * from "./message";

package/esm/link/index.d.ts

@@ -0,0 +1,5 @@
+import linkStyle from './link';
+declare const useLinkStyle: () => import("jss").Classes<keyof import("@sheinx/base").LinkClasses>;
+export { linkStyle, useLinkStyle };
+export default useLinkStyle;
+//# sourceMappingURL=index.d.ts.map

package/esm/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC"}

package/esm/link/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { styled } from "../jss-style";
+import linkStyle from "./link";
+var useLinkStyle = styled(linkStyle, 'link');
+export { linkStyle, useLinkStyle };
+export default useLinkStyle;

package/esm/link/link.d.ts

@@ -0,0 +1,6 @@
+import { JsStyles } from '../jss-style';
+import { LinkClasses } from '@sheinx/base';
+export type LinkClassType = keyof LinkClasses;
+declare const linkStyle: JsStyles<LinkClassType>;
+export default linkStyle;
+//# sourceMappingURL=link.d.ts.map

package/esm/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["link.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkGtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/link/link.js

@@ -0,0 +1,101 @@
+import token from '@sheinx/theme';
+var linkStyle = {
+  wrapper: {
+    fontSize: token.linkDefaultFontSize
+  },
+  sizeSmall: {
+    fontSize: token.linkSmallFontSize
+  },
+  sizeLarge: {
+    fontSize: token.linkLargeFontSize
+  },
+  underline: {
+    textDecoration: 'underline',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  underlineHover: {
+    textDecoration: 'none',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  disabled: {
+    color: token.linkPrimaryDisabledFontColor,
+    cursor: 'not-allowed',
+    '&:hover': {
+      color: token.linkPrimaryDisabledFontColor
+    }
+  },
+  primary: {
+    color: token.linkPrimaryFontColor,
+    '&:hover': {
+      color: token.linkPrimaryHoverFontColor
+    },
+    '&:active': {
+      color: token.linkPrimaryActiveFontColor
+    },
+    '&$disabled': {
+      color: token.linkPrimaryDisabledFontColor
+    }
+  },
+  secondary: {
+    color: token.linkSecondaryFontColor,
+    '&:hover': {
+      color: token.linkSecondaryHoverFontColor
+    },
+    '&:active': {
+      color: token.linkSecondaryActiveFontColor
+    },
+    '&$disabled': {
+      color: token.linkSecondaryDisabledFontColor
+    }
+  },
+  danger: {
+    color: token.linkDangerFontColor,
+    '&:hover': {
+      color: token.linkDangerHoverFontColor
+    },
+    '&:active': {
+      color: token.linkDangerActiveFontColor
+    },
+    '&$disabled': {
+      color: token.linkDangerDisabledFontColor
+    }
+  },
+  warning: {
+    color: token.linkWarningFontColor,
+    '&:hover': {
+      color: token.linkWarningHoverFontColor
+    },
+    '&:active': {
+      color: token.linkWarningActiveFontColor
+    },
+    '&$disabled': {
+      color: token.linkWarningDisabledFontColor
+    }
+  },
+  success: {
+    color: token.linkSuccessFontColor,
+    '&:hover': {
+      color: token.linkSuccessHoverFontColor
+    },
+    '&:active': {
+      color: token.linkSuccessActiveFontColor
+    },
+    '&$disabled': {
+      color: token.linkSuccessDisabledFontColor
+    }
+  },
+  icon: {
+    display: 'inline-block',
+    width: '1em',
+    verticalAlign: 'middle',
+    marginRight: 6,
+    '& > svg': {
+      fill: 'currentcolor'
+    }
+  }
+};
+export default linkStyle;

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,CA0gBtC,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,CA6gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -4,13 +4,15 @@ var collapseWidth = token.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
-    height: '100%',
     width: '100%',
     backgroundColor: token.menuItemBackgroundColor,
     transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
     color: token.menuFontColor,
     display: 'flex',
-    flexDirection: 'column'
+    flexDirection: 'column',
+    '&:not([data-soui-mode=horizontal])': {
+      height: '100%'
+    }
   },
   wrapperLight: {},
   wrapperDark: {

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA6f1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAogB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -409,6 +409,13 @@ var selectStyle = _objectSpread(_objectSpread({
     marginTop: token.selectPlaceholderMarginY,
     marginBottom: token.selectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(token.selectOptionInnerPaddingY, " ").concat(token.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -241,7 +241,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
         content: '""',
         position: 'absolute',
         top: 0,
-        bottom: 0,
+        bottom: -1,
         width: '5px'
       },
       '&[dir=ltr]::after': {

package/esm/tabs/tabs.js

@@ -645,7 +645,7 @@ var tabsStyle = {
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
   headerScroll: {
-    transition: 'all .15s ease-out'
+    transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
   },
   header: {
     flex: 1,

package/esm/transfer/transfer.d.ts.map

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

package/esm/transfer/transfer.js

@@ -6,6 +6,11 @@ var TransferStyle = {
     color: Token.transferFontColor,
     fontSize: Token.transferFontSize
   },
+  equalPanelWidth: {
+    '& $view': {
+      flex: 1
+    }
+  },
   small: {
     '& $operations': {
       '& svg': {
@@ -197,7 +202,14 @@ var TransferStyle = {
       marginRight: 0
     }
   },
-  checkbox: {},
+  checkbox: {
+    '&>[data-soui-role="desc"]': {
+      flex: 1,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  },
   empty: {
     height: '100%',
     display: 'flex',

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,CAqOtC,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,CAsNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tree/tree.js

@@ -125,22 +125,6 @@ var treeStyle = {
     cursor: 'pointer',
     padding: "0 ".concat(Token.treePaddingX),
     borderRadius: Token.treeContentBorderRadius,
-    position: 'relative',
-    '&[data-expanded="true"]::before': {
-      content: '""',
-      position: 'absolute',
-      top: 24,
-      bottom: 0,
-      left: -12,
-      width: 1,
-      background: '#ebebeb'
-    },
-    '&[dir=ltr][data-expanded="true"]::before': {
-      left: -12
-    },
-    '&[dir=rtl][data-expanded="true"]::before': {
-      right: -12
-    },
     '$contentDisabled &': {
       '& $text': {
         color: Token.treeContentDisabledFontColor
@@ -171,7 +155,8 @@ var treeStyle = {
     color: Token.treeFontColor,
     fontWeight: Token.treeFontWeight,
     paddingTop: Token.treeTextPaddingY,
-    paddingBottom: Token.treeTextPaddingY
+    paddingBottom: Token.treeTextPaddingY,
+    whiteSpace: 'nowrap'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,

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,CAydlD,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,CAgelD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -385,6 +385,13 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     marginTop: token.treeSelectPlaceholderMarginY,
     marginBottom: token.treeSelectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(token.selectOptionInnerPaddingY, " ").concat(token.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.4.0-beta.1';
+export default '3.4.0-beta.3';

package/package.json

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