shineout 3.3.0-beta.1 → 3.3.0-beta.2

package/cjs/index.js

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

package/dist/shineout.js

@@ -11960,7 +11960,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.3.0-beta.1');
+/* harmony default export */ var version = ('3.3.0-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14755,9 +14755,11 @@ var treeTokens = {
   treeItemActiveFontColor: 'Neutral-text-4',
   treeItemDisabledFontColor: 'Neutral-text-2',
   treeContentHoverBackgroundColor: 'Neutral-fill-2',
+  treeContentHoverFontColor: 'Neutral-text-5',
   treeContentActiveBackgroundColor: 'Brand-1',
   treeContentActiveFontColor: 'Brand-6',
-  treeContentDisabledFontColor: 'Neutral-text-2',
+  treeContentDisabledBackgroundColor: 'Transprent',
+  treeContentDisabledFontColor: 'Neutral-text-5',
   treeDragBorderColor: 'Brand-6',
   treeDragBackgroundColor: 'Brand-1',
   treeContentBorderRadius: 'Radius-lesser'
@@ -14819,11 +14821,18 @@ var treeSelectTokens = {
   treeSelectPanelShadow: 'Shadow-2',
   treeSelectPanelRadius: 'Radius-default',
   treeSelectPanelBorder: 'Neutral-border-1',
+  treeSelectContentHoverFontColor: 'Neutral-text-5',
+  treeSelectContentHoverBackgroundColor: 'Neutral-fill-2',
+  treeSelectContentActiveFontColor: 'Brand-6',
+  treeSelectContentActiveBackgroundColor: 'Brand-1',
+  treeSelectContentDisabledFontColor: 'Neutral-text-2',
+  treeSelectContentDisabledBackgroundColor: 'Transprent',
   treeSelectOptionHeight: 'Size-16',
   treeSelectOptionPaddingX: 'Spacing-4',
   treeSelectOptionPaddingY: 'Spacing-1',
   treeSelectOptionActiveColor: 'Brand-6',
   treeSelectOptionActiveBackgroundColor: 'Brand-1',
+  treeSelectOptionFontColor: 'Neutral-text-5',
   treeSelectOptionInnerPaddingX: 'Spacing-8',
   treeSelectOptionInnerPaddingY: 'Spacing-5',
   treeSelectOptionInnerPaddingRight: 'Size-15',
@@ -20598,7 +20607,7 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
     flexDirection: 'column',
     textAlign: 'left',
     minWidth: 0,
-    background: '#fff',
+    background: src.modalPanelBackground,
     borderRadius: src.modalPanelRadius,
     padding: "".concat(src.modalPanelPaddingY, " ").concat(src.modalPanelPaddingX),
     fontSize: src.modalPanelFontSize,
@@ -25466,7 +25475,7 @@ var tag_tag = function tag(type) {
     },
     // outline 边框风格
     '&$outline': {
-      background: '#fff',
+      background: src["tag".concat(type, "OutlineBackgroundColor")],
       color: src["tag".concat(type, "OutlineFontColor")],
       border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
       '& $closeIconWrapper': {
@@ -26356,6 +26365,17 @@ var treeStyle = {
   inlineContent: {
     display: 'inline-flex'
   },
+  contentDisabled: {
+    '& $content[data-active="true"]': {
+      background: src.treeContentDisabledBackgroundColor
+    },
+    '& $content:hover:not([data-active="true"])': {
+      background: 'none',
+      '& $text': {
+        color: src.treeContentDisabledFontColor
+      }
+    }
+  },
   content: {
     flex: 1,
     display: 'flex',
@@ -26379,20 +26399,22 @@ var treeStyle = {
     '&[dir=rtl][data-expanded="true"]::before': {
       right: -12
     },
+    '$contentDisabled &': {
+      '& $text': {
+        color: src.treeContentDisabledFontColor
+      }
+    },
     '&[data-active="true"]': {
       background: src.treeContentActiveBackgroundColor,
       '& $text': {
         color: src.treeContentActiveFontColor
       }
     },
-    // '&[data-disabled="true"]': {
-    //   cursor: 'not-allowed',
-    // },
-    // '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
-    //   background: Token.treeContentHoverBackgroundColor,
-    // },
     '&:hover:not([data-active="true"])': {
-      background: src.treeContentHoverBackgroundColor
+      background: src.treeContentHoverBackgroundColor,
+      '& $text': {
+        color: src.treeContentHoverFontColor
+      }
     }
   },
   checkbox: {
@@ -26488,6 +26510,7 @@ var useTreeStyle = styled(tree_tree, 'tree');
 
 
 
+
 var tree_select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -26617,6 +26640,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   }),
+  treeWrapper: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, getTokenName('treeFontColor'), src.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), src.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), src.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), src.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), src.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), src.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), src.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: objectSpread2_default()({}, tree_select_wrapperDisabled)
@@ -48271,7 +48295,7 @@ var NodeContent = function NodeContent(props) {
   var disabled = isDisabled(id);
   bindUpdate(id, forceUpdate);
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode));
+  var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
   // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
   var textClass = classnames_default()(contentStyle.text);
@@ -59498,7 +59522,7 @@ var TreeSelect = function TreeSelect(props0) {
       treeProps.expanded = expanded;
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()(styles.tree),
+      className: classnames_default()(styles.tree, styles.treeWrapper),
       style: {
         maxHeight: height
       },
@@ -63149,7 +63173,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.0-beta.1'
+  version: '3.3.0-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;