@sheinx/shineout-style 3.0.0-alpha.2 → 3.0.0-alpha.5

package/cjs/tabs/tabs.js

@@ -11,6 +11,7 @@ exports.default = void 0;
 require("core-js/modules/es.array.concat.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _header;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var active = function active(options) {
@@ -116,7 +117,7 @@ var getLineStyle = function getLineStyle() {
       top: 0,
       bottom: 0,
       right: 0,
-      width: 3
+      width: 2
     })),
     '&[data-soui-position^="right-"][data-soui-shape="line"]': _objectSpread({
       '& $hr': {
@@ -128,7 +129,7 @@ var getLineStyle = function getLineStyle() {
       top: 0,
       bottom: 0,
       left: 0,
-      width: 3
+      width: 2
     })),
     '&[data-soui-position^="top-"][data-soui-shape="line"]': _objectSpread({
       '& $hr': {
@@ -140,7 +141,7 @@ var getLineStyle = function getLineStyle() {
       bottom: 0,
       left: 0,
       right: 0,
-      height: 3
+      height: 2
     })),
     '&[data-soui-position^="bottom-"][data-soui-shape="line"]': _objectSpread({
       '& $hr': {
@@ -152,7 +153,7 @@ var getLineStyle = function getLineStyle() {
       top: 0,
       left: 0,
       right: 0,
-      height: 3
+      height: 2
     }))
   };
 };
@@ -160,13 +161,13 @@ var getDashStyle = function getDashStyle() {
   return {
     '&[data-soui-position^="left-"][data-soui-shape="dash"]': _objectSpread({}, active({
       top: "calc(50% - 12px)",
-      width: 3,
+      width: 2,
       height: 24,
       right: 0
     })),
     '&[data-soui-position^="right-"][data-soui-shape="dash"]': _objectSpread({}, active({
       top: "calc(50% - 12px)",
-      width: 3,
+      width: 2,
       height: 24,
       left: 0
     })),
@@ -174,13 +175,13 @@ var getDashStyle = function getDashStyle() {
       bottom: 0,
       left: "calc(50% - 12px)",
       width: 24,
-      height: 3
+      height: 2
     })),
     '&[data-soui-position^="bottom-"][data-soui-shape="dash"]': _objectSpread({}, active({
       top: 0,
       left: "calc(50% - 12px)",
       width: 24,
-      height: 3
+      height: 2
     }))
   };
 };
@@ -194,10 +195,11 @@ var getFillStyle = function getFillStyle() {
             color: _theme.default.tabsActiveFontColor
           }
         },
-        '&:not([data-soui-state="active"]):hover $fillInner': {
-          background: _theme.default.tabsHoverBackgroundColor
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $fillInner': {
+          // background: Token.tabsHoverBackgroundColor,
+          background: _theme.default.tabsExtraFillHoverBackgroundColor
         },
-        '&:not([data-soui-state="active"]):active $fillInner': {
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $fillInner': {
           background: _theme.default.tabsClickBackgroundColor
         },
         '&:before': {
@@ -208,7 +210,7 @@ var getFillStyle = function getFillStyle() {
           width: 1,
           height: 14,
           background: 'transparent',
-          transition: 'all .15s ease-out'
+          transition: 'background .15s ease-out'
         }
       },
       '& $tab:not([data-soui-state="active"]):not(:hover) + $tab:not([data-soui-state="active"]):not(:hover)': {
@@ -253,13 +255,16 @@ var getHeaderStyle = function getHeaderStyle() {
     '&[data-soui-shape="fill"] $header': {
       '& $tab': {
         background: _theme.default.tabsBackgroundColor,
-        padding: "".concat(_theme.default.tabsFillPaddingY, " ").concat(_theme.default.tabsFillPaddingX)
+        // padding: `${Token.tabsFillPaddingY} ${Token.tabsFillPaddingX}`,
+        padding: "".concat(_theme.default.tabsFillPaddingY, " 0")
       },
       '& $tab:first-child': {
-        borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius)
+        borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius),
+        paddingLeft: _theme.default.tabsFillPaddingX
       },
       '& $tab:last-child': {
-        borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0")
+        borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0"),
+        paddingRight: _theme.default.tabsFillPaddingX
       }
     },
     '&[data-soui-shape="dash"],&[data-soui-shape="fill"]': {
@@ -293,8 +298,32 @@ var tabsStyle = {
         alignItems: 'center'
       },
       '& $next,& $prev': {
+        lineHeight: 0,
         padding: "".concat(_theme.default.tabsActionHorizontalPaddingY, " ").concat(_theme.default.tabsActionHorizontalPaddingX)
       },
+      '& $headerScroll': {
+        display: 'inline-flex'
+      },
+      '&[data-soui-position^="top-left"]': {
+        '& $headerScroll': {
+          justifyContent: 'flex-start'
+        }
+      },
+      '&[data-soui-position^="bottom-left"]': {
+        '& $headerScroll': {
+          justifyContent: 'flex-start'
+        }
+      },
+      '&[data-soui-position^="top-right"]': {
+        '& $headerScroll': {
+          justifyContent: 'flex-end'
+        }
+      },
+      '&[data-soui-position^="bottom-right"]': {
+        '& $headerScroll': {
+          justifyContent: 'flex-end'
+        }
+      },
       '& $panel': {
         width: '100%'
       }
@@ -387,7 +416,6 @@ var tabsStyle = {
     cursor: 'pointer',
     lineHeight: _theme.default.lineHeightDynamic,
     fontSize: _theme.default.tabsTabFontSize,
-    transition: 'all .2s',
     '&[data-soui-state="active"]': {
       '&:after': {
         background: _theme.default.tabsActiveFontColor
@@ -398,6 +426,19 @@ var tabsStyle = {
     position: 'absolute',
     background: _theme.default.tabsBorderColor
   },
+  cardHr: {
+    // aflter
+    '&:after': {
+      position: 'absolute',
+      content: '""',
+      bottom: 0,
+      left: 0,
+      width: '100%',
+      height: 1,
+      zIndex: -1,
+      background: _theme.default.tabsBorderColor
+    }
+  },
   headerWrapper: {
     display: 'flex',
     overflow: 'hidden',
@@ -481,10 +522,9 @@ var tabsStyle = {
     }
   },
   headerScroll: {
-    zIndex: 1,
     transition: 'all .15s ease-out'
   },
-  header: (0, _defineProperty2.default)({
+  header: (_header = {
     flex: 1,
     display: 'flex',
     alignItems: 'center',
@@ -499,15 +539,17 @@ var tabsStyle = {
         background: _theme.default.tabsBackgroundColor,
         '&[data-soui-state="active"]': {
           color: _theme.default.tabsActiveFontColor,
-          background: _theme.default.tabsActiveBackgroundColor
+          background: _theme.default.tabsActiveBackgroundColor,
+          fontWeight: 'bold'
         },
-        '&$disabled': {
-          color: _theme.default.tabsDisabledFontColor
+        '&[data-soui-state="disabled"]': {
+          color: _theme.default.tabsDisabledFontColor,
+          cursor: 'not-allowed'
         },
-        '&:not([data-soui-state="active"]):hover': {
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover': {
           background: _theme.default.tabsHoverBackgroundColor
         },
-        '&:not([data-soui-state="active"]):active': {
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active': {
           background: _theme.default.tabsClickBackgroundColor
         }
       }
@@ -520,40 +562,56 @@ var tabsStyle = {
 
         '&[data-soui-state="active"]': {
           color: _theme.default.tabsActiveFontColor,
-          background: _theme.default.tabsActiveBackgroundColor
+          background: _theme.default.tabsActiveBackgroundColor,
+          fontWeight: 'bold'
+        },
+        '&[data-soui-state="disabled"]': {
+          color: _theme.default.tabsDisabledFontColor,
+          cursor: 'not-allowed'
         },
-        '&:not([data-soui-state="active"]):hover $lineInner': {
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
           background: _theme.default.tabsHoverBackgroundColor
         },
-        '&:not([data-soui-state="active"]):active $lineInner': {
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
           background: _theme.default.tabsClickBackgroundColor
         }
       }
     }
-  }, '&[data-soui-shape="dash"]', {
+  }, (0, _defineProperty2.default)(_header, '&[data-soui-shape="dash"]', {
     '& $tab': {
       padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
       '&[data-soui-state="active"]': {
         color: _theme.default.tabsActiveFontColor,
-        background: _theme.default.tabsActiveBackgroundColor
+        background: _theme.default.tabsActiveBackgroundColor,
+        fontWeight: 'bold'
       },
-      '&:not([data-soui-state="active"]):hover $lineInner': {
+      '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
         background: _theme.default.tabsHoverBackgroundColor
       },
-      '&:not([data-soui-state="active"]):active  $lineInner': {
+      '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active  $lineInner': {
         background: _theme.default.tabsClickBackgroundColor
       }
     }
-  }),
+  }), (0, _defineProperty2.default)(_header, '&[data-soui-shape="fill"]', {
+    '& $tab': {
+      '&[data-soui-state="active"]': {
+        fontWeight: 'bold'
+      },
+      '&[data-soui-state="disabled"]': {
+        color: _theme.default.tabsDisabledFontColor,
+        cursor: 'not-allowed'
+      }
+    }
+  }), _header),
   button: {},
   line: {},
   lineInner: {
-    transition: 'all .2s',
+    // transition: 'all .2s',
     borderRadius: _theme.default.tabsTabBorderRadius,
     padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX)
   },
   fillInner: {
-    transition: 'all .2s',
+    // transition: 'all .2s',
     borderRadius: _theme.default.tabsTabBorderRadius,
     padding: "".concat(_theme.default.tabsFillInnerPaddingY, " ").concat(_theme.default.tabsFillInnerPaddingX)
   },
@@ -597,14 +655,29 @@ var tabsStyle = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    '&:hover': {
-      color: _theme.default.tabsActiveFontColor
-    },
+    position: 'relative',
     '& svg': {
       width: 14,
       textAlign: 'center',
       transform: 'rotate(-90deg)',
       transition: 'transform .2s'
+    },
+    // after
+    '&:after': {
+      position: 'absolute',
+      content: '""',
+      left: 3,
+      top: 3,
+      width: 22,
+      height: 22,
+      background: 'transparent',
+      borderRadius: '50%',
+      zIndex: -1
+    },
+    '&:hover': {
+      '&:after': {
+        background: _theme.default.tabsHoverBackgroundColor
+      }
     }
   },
   collapsed: {

package/cjs/tag/index.d.ts

@@ -1,4 +1,5 @@
 import tagStyle from './tag';
-declare const useTagStyle: (data?: undefined) => import("jss").Classes<"input" | "small" | "outline" | "fill" | "cyan" | "indigo" | "magenta" | "orange" | "purple" | "default" | "inline" | "large" | "disabled" | "info" | "success" | "warning" | "danger" | "rounded" | "tag" | "closeIcon" | "closeIconWrapper" | "neon" | "lemon" | "tangerine" | "bright" | "brightOutline">;
+declare const useTagStyle: (data?: undefined) => import("jss").Classes<"input" | "small" | "outline" | "fill" | "cyan" | "indigo" | "magenta" | "orange" | "purple" | "default" | "inline" | "large" | "disabled" | "info" | "success" | "warning" | "danger" | "tag" | "rounded" | "closeIcon" | "closeIconWrapper" | "neon" | "lemon" | "tangerine" | "bright" | "brightOutline">;
 export { tagStyle, useTagStyle };
 export default useTagStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,OAAO,CAAC;AAE7B,QAAA,MAAM,WAAW,0VAA0B,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACjC,eAAe,WAAW,CAAC"}

package/cjs/tag/tag.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 declare type TagClass = 'tag' | 'inline' | 'disabled' | 'closeIcon' | 'closeIconWrapper' | 'info' | 'default' | 'success' | 'warning' | 'danger' | 'orange' | 'magenta' | 'purple' | 'indigo' | 'cyan' | 'neon' | 'lemon' | 'tangerine' | 'large' | 'small' | 'outline' | 'fill' | 'bright' | 'brightOutline' | 'rounded' | 'input';
 declare const TagStyle: JsStyles<TagClass>;
 export default TagStyle;
+//# sourceMappingURL=tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAkBxC,aAAK,QAAQ,GACT,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,eAAe,GACf,SAAS,GACT,OAAO,CAAC;AA2HZ,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAqIhC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -25,6 +25,9 @@ var tag = function tag(type) {
           backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
         }
       },
+      '& $closeIcon': {
+        fill: _theme.default["tag".concat(type, "IconFontColor")]
+      },
       '&$disabled': {
         color: _theme.default["tag".concat(type, "DisabledFontColor")],
         backgroundColor: _theme.default["tag".concat(type, "DisabledBackgroundColor")],
@@ -116,14 +119,14 @@ var tag = function tag(type) {
 };
 var TagStyle = {
   tag: {
-    display: 'inline-block',
+    display: 'inline-flex',
     height: _theme.default.tagHeight,
     padding: "".concat(_theme.default.tagPaddingY, " ").concat(_theme.default.tagPaddingX),
     fontSize: _theme.default.tagFontSize,
     borderRadius: _theme.default.tagBorderRadius,
-    cursor: 'pointer',
+    // cursor: 'pointer',
     boxSizing: 'border-box',
-    lineHeight: "calc(".concat(_theme.default.tagFontSize, " + 6px)"),
+    lineHeight: "calc(".concat(_theme.default.tagFontSize, " + 4px)"),
     '& + &': {
       marginLeft: 8
     }
@@ -138,6 +141,9 @@ var TagStyle = {
   },
   inline: {
     display: 'inline-block',
+    flex: 1,
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
     verticalAlign: 'top'
   },
   large: {
@@ -146,8 +152,12 @@ var TagStyle = {
     lineHeight: "calc(".concat(_theme.default.tagLargeFontSize, " + 8px)"),
     padding: "".concat(_theme.default.tagLargePaddingY, " ").concat(_theme.default.tagLargePaddingX),
     '& $closeIconWrapper': {
-      width: 16,
-      height: 16
+      width: 18,
+      height: 18,
+      '& svg': {
+        width: 14,
+        height: 14
+      }
     }
   },
   small: {
@@ -155,28 +165,38 @@ var TagStyle = {
     lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
     '& $closeIconWrapper': {
-      width: 14,
-      height: 14
+      width: 16,
+      height: 16,
+      '& svg': {
+        width: 12,
+        height: 12
+      }
     }
   },
   disabled: {
-    cursor: 'not-allowed'
+    cursor: 'not-allowed',
+    '& $closeIcon': {
+      cursor: 'not-allowed'
+    }
   },
   closeIcon: {
     marginLeft: 4,
     alignItems: 'center',
     height: '100%',
     display: 'inline-flex',
-    '& span': {
-      width: 14,
-      height: 14
-    }
+    cursor: 'pointer'
   },
   closeIconWrapper: {
     display: 'inline-flex',
     alignItems: 'center',
     borderRadius: '50%',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    width: 16,
+    height: 16,
+    '& svg': {
+      width: 12,
+      height: 12
+    }
   },
   info: _objectSpread({}, tag('Info')),
   default: _objectSpread({}, tag('Default')),

package/cjs/textarea/index.d.ts

@@ -2,3 +2,4 @@ import textareaStyle from './textarea';
 declare const useTextareaStyle: (data?: undefined) => import("jss").Classes<import("./textarea").InputClass>;
 export { textareaStyle, useTextareaStyle };
 export default useTextareaStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,QAAA,MAAM,gBAAgB,8EAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,eAAe,gBAAgB,CAAC"}

package/cjs/textarea/textarea.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 export declare type InputClass = 'wrapper' | 'wrapperSmall' | 'wrapperLarge' | 'wrapperFocus' | 'wrapperError' | 'wrapperDisabled' | 'wrapperUnderline' | 'wrapperNoBorder' | 'wrapperPaddingBox' | 'wrapperInnerTitle' | 'wrapperInnerTitleTop' | 'wrapperInnerTitleBottom' | 'textarea' | 'resize' | 'shadow' | 'info' | 'infoError' | 'footer';
 declare const input: JsStyles<InputClass>;
 export default input;
+//# sourceMappingURL=textarea.d.ts.map

package/cjs/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6CxC,oBAAY,UAAU,GAClB,SAAS,GACT,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,GACjB,mBAAmB,GACnB,mBAAmB,GACnB,sBAAsB,GACtB,yBAAyB,GACzB,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,WAAW,GACX,QAAQ,CAAC;AAEb,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,UAAU,CAqF/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/tooltip/index.d.ts

@@ -2,3 +2,4 @@ import tooltipStyle from './tooltip';
 declare const useTooltipStyle: (data?: undefined) => import("jss").Classes<import("./tooltip").TooltipClass>;
 export { tooltipStyle, useTooltipStyle };
 export default useTooltipStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,WAAW,CAAC;AAErC,QAAA,MAAM,eAAe,+EAAkC,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AACzC,eAAe,eAAe,CAAC"}

package/cjs/tooltip/tooltip.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 export declare type TooltipClass = 'wrapper' | 'wrapperOpen' | 'content' | 'target';
 declare const tooltipStyle: JsStyles<TooltipClass>;
 export default tooltipStyle;
+//# sourceMappingURL=tooltip.d.ts.map

package/cjs/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AA+C5E,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,YAAY,CAmJxC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/transfer/index.d.ts

@@ -1,4 +1,5 @@
 import transferStyle from './transfer';
-declare const useTransferStyle: (data?: undefined) => import("jss").Classes<"footer" | "header" | "input" | "small" | "source" | "title" | "left" | "right" | "view" | "checkbox" | "large" | "disabled" | "close" | "item" | "list" | "empty" | "simple" | "target" | "transfer" | "removeAll" | "simpleTarget" | "operations" | "count" | "itemWrapper">;
+declare const useTransferStyle: (data?: undefined) => import("jss").Classes<"footer" | "header" | "input" | "small" | "source" | "title" | "left" | "right" | "view" | "checkbox" | "large" | "disabled" | "close" | "itemWrapper" | "item" | "list" | "empty" | "simple" | "target" | "transfer" | "removeAll" | "simpleTarget" | "operations" | "count">;
 export { transferStyle, useTransferStyle };
 export default useTransferStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,QAAA,MAAM,gBAAgB,4TAAoC,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,eAAe,gBAAgB,CAAC"}

package/cjs/transfer/transfer.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 declare type TransferClass = 'transfer' | 'small' | 'large' | 'simple' | 'view' | 'source' | 'target' | 'close' | 'removeAll' | 'simpleTarget' | 'operations' | 'input' | 'left' | 'right' | 'header' | 'title' | 'count' | 'list' | 'item' | 'disabled' | 'checkbox' | 'itemWrapper' | 'footer' | 'empty';
 declare const TransferStyle: JsStyles<TransferClass>;
 export default TransferStyle;
+//# sourceMappingURL=transfer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,aAAK,aAAa,GACd,UAAU,GACV,OAAO,GACP,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,WAAW,GACX,cAAc,GACd,YAAY,GACZ,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,CAAC;AAEZ,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CA4K1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/transfer/transfer.js

@@ -10,7 +10,7 @@ var _theme = _interopRequireDefault(require("@sheinx/theme"));
 var TransferStyle = {
   transfer: {
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'stretch',
     color: _theme.default.transferFontColor,
     fontSize: _theme.default.transferFontSize
   },
@@ -119,6 +119,7 @@ var TransferStyle = {
     padding: '0 24px',
     textAlign: 'center',
     display: 'flex',
+    justifyContent: 'center',
     flexDirection: 'column',
     '& svg': {
       width: 14

package/cjs/tree/index.d.ts

@@ -2,3 +2,4 @@ import treeStyle from './tree';
 declare const useTreeStyle: (data?: undefined) => import("jss").Classes<import("./tree").TreeClass>;
 export { treeStyle, useTreeStyle };
 export default useTreeStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/tree/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,yEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC"}

package/cjs/tree/tree.d.ts

@@ -1,4 +1,5 @@
 import { JsStyles } from '../jss-style';
-export declare type TreeClass = 'tree' | 'line' | 'noline' | 'small' | 'large' | 'root' | 'contentWrapper' | 'inlineContent' | 'content' | 'checkbox' | 'text' | 'list' | 'node' | 'leaf' | 'childnode' | 'iconWrapper' | 'icon' | 'children' | 'placement';
+export declare type TreeClass = 'tree' | 'line' | 'noline' | 'small' | 'large' | 'root' | 'contentWrapper' | 'inlineContent' | 'content' | 'checkbox' | 'text' | 'textDisabled' | 'list' | 'node' | 'leaf' | 'childnode' | 'iconWrapper' | 'icon' | 'children' | 'placement';
 declare const treeStyle: JsStyles<TreeClass>;
 export default treeStyle;
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,SAAS,GACjB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,eAAe,GACf,SAAS,GACT,UAAU,GACV,MAAM,GACN,cAAc,GACd,MAAM,GACN,MAAM,GACN,MAAM,GACN,WAAW,GACX,aAAa,GACb,MAAM,GACN,UAAU,GACV,WAAW,CAAC;AAEhB,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,SAAS,CA2LlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tree/tree.js

@@ -14,7 +14,8 @@ var treeStyle = {
         content: '""',
         position: 'absolute',
         left: 0,
-        height: '100%',
+        top: -6,
+        height: 'calc(100% + 6px)',
         width: 1,
         background: '#ebebeb'
       },
@@ -24,7 +25,7 @@ var treeStyle = {
         top: 18,
         left: 0,
         height: 1,
-        width: 12,
+        width: 16,
         background: '#ebebeb'
       }
     },
@@ -98,7 +99,6 @@ var treeStyle = {
     display: 'flex',
     alignItems: 'center',
     cursor: 'pointer',
-    lineHeight: '26px',
     padding: "0 ".concat(_theme.default.treePaddingX),
     borderRadius: _theme.default.treeContentBorderRadius,
     '&[data-active="true"]': {
@@ -114,12 +114,18 @@ var treeStyle = {
   checkbox: {
     '&[class*="checkbox-wrapper"]': {
       height: 26,
-      marginRight: 0
+      marginRight: _theme.default.treeCheckboxMarginX
     }
   },
   text: {
     fontSize: _theme.default.treeFontSize,
-    color: _theme.default.treeFontColor
+    lineHeight: _theme.default.lineHeightDynamic,
+    color: _theme.default.treeFontColor,
+    paddingTop: _theme.default.treeTextPaddingY,
+    paddingBottom: _theme.default.treeTextPaddingY
+  },
+  textDisabled: {
+    color: _theme.default.treeItemDisabledFontColor
   },
   list: {},
   node: {
@@ -155,7 +161,6 @@ var treeStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: '50%',
-    transition: 'all 0.2s ease',
     color: _theme.default.treeItemFontColor,
     cursor: 'pointer',
     // transform: 'rotate(-90deg)',

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

@@ -0,0 +1,6 @@
+import treeSelectStyle from './tree-select';
+import type { TreeSelectClasses } from './tree-select';
+declare const useTreeSelectStyle: (data?: undefined) => import("jss").Classes<keyof TreeSelectClasses>;
+export { treeSelectStyle, useTreeSelectStyle, TreeSelectClasses };
+export default useTreeSelectStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,QAAA,MAAM,kBAAkB,sEAAwC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;AAClE,eAAe,kBAAkB,CAAC"}

package/cjs/tree-select/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "treeSelectStyle", {
+  enumerable: true,
+  get: function get() {
+    return _treeSelect.default;
+  }
+});
+exports.useTreeSelectStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _treeSelect = _interopRequireDefault(require("./tree-select"));
+var useTreeSelectStyle = (0, _jssStyle.styled)(_treeSelect.default, 'treeSelect');
+exports.useTreeSelectStyle = useTreeSelectStyle;
+var _default = useTreeSelectStyle;
+exports.default = _default;