shineout 3.9.13-beta.13 → 3.9.13-beta.15

package/cjs/index.js

@@ -522,5 +522,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.9.13-beta.13'
+  version: '3.9.13-beta.15'
 };

package/dist/shineout.js

@@ -3236,6 +3236,20 @@ const figma = [
     token: 'Brand-9',
     locked: true,
   },
+  {
+    name: 'colorBgLayout',
+    value: '#F4F5F8',
+    describe: '布局背景色',
+    token: 'Bg-layout',
+    locked: false,
+  },
+  {
+    name: 'colorBgPopup',
+    value: '#FFFFFF',
+    describe: '浮层容器背景色',
+    token: 'Bg-popup',
+    locked: false,
+  },
   {
     name: '青色-1',
     value: '#e8fffb',
@@ -4419,55 +4433,7 @@ const figma = [
     token: 'Margin-32',
     locked: true,
   },
-  {
-    name: '0/radius',
-    value: '0px',
-    describe: '直角',
-    token: 'Radius-0',
-    locked: true,
-  },
-  {
-    name: '2/radius',
-    value: '2px',
-    describe: '2 圆角',
-    token: 'Radius-2',
-    locked: true,
-  },
-  {
-    name: '3/radius',
-    value: '3px',
-    describe: '3 圆角',
-    token: 'Radius-3',
-    locked: true,
-  },
-  {
-    name: '4/radius',
-    value: '4px',
-    describe: '4 圆角',
-    token: 'Radius-4',
-    locked: true,
-  },
-  {
-    name: '8/radius',
-    value: '8px',
-    describe: '8 圆角',
-    token: 'Radius-8',
-    locked: true,
-  },
-  {
-    name: '12/radius',
-    value: '12px',
-    describe: '12 圆角',
-    token: 'Radius-12',
-    locked: true,
-  },
-  {
-    name: '1000/radius',
-    value: '1000px',
-    describe: '1000 大圆角',
-    token: 'Radius-1000',
-    locked: true,
-  },
+
   {
     name: '基础阴影',
     value: '0px 2px 5px rgba(2, 11, 24, 0.1)',
@@ -12359,7 +12325,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.9.13-beta.13');
+/* harmony default export */ var version = ('3.9.13-beta.15');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12581,6 +12547,8 @@ var Token = {
   'Brand-7': '#0B5BD4',
   'Brand-8': '#0040AD',
   'Brand-9': '#002D87',
+  'Bg-layout': '#F4F5F8',
+  'Bg-popup': '#FFFFFF',
   'Cyan-1': '#e8fffb',
   'Cyan-10': '#00424d',
   'Cyan-2': '#b7f1e9',
@@ -12750,13 +12718,6 @@ var Token = {
   'Margin-16': '16px',
   'Margin-24': '24px',
   'Margin-32': '32px',
-  'Radius-0': '0px',
-  'Radius-2': '2px',
-  'Radius-3': '3px',
-  'Radius-4': '4px',
-  'Radius-8': '8px',
-  'Radius-12': '12px',
-  'Radius-1000': '1000px',
   'Shadow-1': '0px 2px 5px rgba(2, 11, 24, 0.1)',
   'Shadow-2': '0px 4px 10px rgba(2, 11, 24, 0.1)',
   'Shadow-3': '0px 8px 20px rgba(2, 11, 24, 0.1)',
@@ -13909,7 +13870,7 @@ var dropdownTokens = {
   dropdownOptionSelectFontColor: 'Brand-6',
   dropdownOptionDisabledBackgroundColor: 'Neutral-fill-1',
   dropdownOptionDisabledFontColor: 'Neutral-text-2',
-  dropdownOptionBorderRadius: 'Radius-2',
+  dropdownOptionBorderRadius: 'Radius-lesser',
   dropdownOptionGroupPaddingX: 'Spacing-8',
   dropdownOptionGroupPaddingTop: 'Font-14',
   dropdownOptionGroupPaddingBottom: 'Spacing-2',
@@ -15444,19 +15405,15 @@ var transferTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var treeTokens = {
-  treeTextPaddingY: 'Spacing-2',
-  treeTextPaddingX: 'Spacing-4',
-  treeCheckboxMarginX: 'Spacing-8',
-  treeIconSize: 'Font-14',
   treeFontSize: 'Font-14',
+  treeFontWeight: 'Weight-regular',
+  treeFontColor: 'Neutral-text-5',
   treeLineHeight: 'Size-18',
+  treeLineBackgroundColor: 'Neutral-fill-3',
   treeSmallFontSize: 'Font-12',
   treeSmallLineHeight: 'Size-14',
   treeLargeFontSize: 'Font-16',
   treeLargeLineHeight: 'Size-22',
-  treeFontWeight: 'Weight-regular',
-  treeFontColor: 'Neutral-text-5',
-  treeLineBackgroundColor: 'Neutral-fill-3',
   treePaddingX: 'Spacing-8',
   treePaddingY: 'Spacing-1',
   treeItemFontColor: 'Neutral-text-4',
@@ -15465,16 +15422,20 @@ var treeTokens = {
   treeItemActiveBackgroundColor: 'Neutral-fill-4',
   treeItemActiveFontColor: 'Neutral-text-4',
   treeItemDisabledFontColor: 'Neutral-text-2',
-  treeContentBorderRadius: 'Radius-lesser',
   treeContentHoverBackgroundColor: 'Neutral-fill-2',
   treeContentHoverFontColor: 'Neutral-text-5',
   treeContentActiveBackgroundColor: 'Brand-1',
   treeContentActiveFontColor: 'Brand-6',
-  treeContentActiveBorderRadius: 'Radius-2',
+  treeContentActiveBorderRadius: 'Radius-lesser',
   treeContentDisabledBackgroundColor: 'Transprent',
   treeContentDisabledFontColor: 'Neutral-text-5',
+  treeContentBorderRadius: 'Radius-lesser',
   treeDragBorderColor: 'Brand-6',
-  treeDragBackgroundColor: 'Brand-1'
+  treeDragBackgroundColor: 'Brand-1',
+  treeTextPaddingY: 'Spacing-2',
+  treeTextPaddingX: 'Spacing-4',
+  treeCheckboxMarginX: 'Spacing-8',
+  treeIconSize: 'Font-14'
 };
 /* harmony default export */ var tree = (treeTokens);
 ;// CONCATENATED MODULE: ../theme/src/tree/index.ts
@@ -16199,8 +16160,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: src.breadcrumbDownIconSize,
-    height: src.breadcrumbDownIconSize,
+    width: src.breadcrumbFontSize,
+    height: src.breadcrumbFontSize,
     lineHeight: '1',
     marginLeft: 4
   },
@@ -16482,16 +16443,19 @@ var ButtonStyle = {
 var bc = function bc(key) {
   return ".".concat(jss_style_prefix, "-button-").concat(key);
 };
+var heightAndTop = {
+  height: "var(--button-before-line-height, calc(50% - 2px))",
+  top: "var(--button-before-line-top, calc(25% + 1px))"
+};
 var beforeLine = function beforeLine() {
   return defineProperty_default()(defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineFullBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16537,14 +16501,13 @@ var beforeLine = function beforeLine() {
 };
 var outlineBeforeLine = function outlineBeforeLine(type, styles) {
   return defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src["button".concat(type).concat(styles, "BorderColor")]
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16578,14 +16541,13 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
       }
     }))
   }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
-    '&::before': {
-      height: 'calc(100% + 2px)',
-      top: -1,
+    '&::before': objectSpread2_default()(objectSpread2_default()({}, heightAndTop), {}, {
+      top: "var(--button-before-line-top, calc(25% + 1px))",
       left: -1,
       width: 1,
       bottom: -1,
       background: "".concat(src["button".concat(type).concat(styles, "BorderColor")])
-    },
+    }),
     '& + :not(&)': {
       '&::before': {
         height: 'calc(100% + 2px)',
@@ -16610,15 +16572,14 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
 };
 var textBeforeLine = function textBeforeLine() {
   return defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       transition: 'all 0.3s',
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineOutlineBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16676,21 +16637,20 @@ var ButtonGroupStyle = {
     borderRadius: 0,
     borderLeft: 'none',
     borderRight: 'none'
-  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
+  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('dashed'), "):not(").concat(bc('text'), ")"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
     position: 'relative',
     '&::before': {
-      transition: 'all 0.3s'
+      // transition: 'all 0.3s',
     }
   }, "&".concat(bc('secondary')), objectSpread2_default()(objectSpread2_default()({}, beforeLine()), {}, defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineOutlineBackgroundColor,
       transition: 'none'
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16714,27 +16674,11 @@ var ButtonGroupStyle = {
     '&::before': {
       transition: 'all 0.3s'
     }
-  }, "&".concat(bc('secondary')), objectSpread2_default()(objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: src.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    }
-  })), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), objectSpread2_default()({
+  }, "&".concat(bc('secondary')), objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), objectSpread2_default()({
     position: 'relative'
-  }, textBeforeLine())), "&".concat(bc('dashed')), {
-    position: 'relative',
-    borderStyle: 'none'
-  })
+  }, textBeforeLine())), "& ".concat(bc('dashed')), defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
+    position: 'relative'
+  }, "&".concat(bc('secondary')), objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline'))))
 };
 /* harmony default export */ var button_group = (ButtonGroupStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/button/index.ts
@@ -19644,16 +19588,16 @@ var dropdown_dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "calc(".concat(src.dropdownOptionGroupPaddingTop, " - 4px) ").concat(src.dropdownOptionGroupPaddingX, " ").concat(src.dropdownOptionGroupPaddingBottom, " ").concat(src.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(src.dropdownOptionGroupPaddingTop, " - 4px) ").concat(src.dropdownOptionPaddingX, " ").concat(src.dropdownOptionGroupPaddingBottom),
     fontSize: src.dropdownOptionGroupFontSize,
     fontWeight: src.dropdownOptionGroupFontWeight,
     color: src.dropdownOptionGroupFontColor,
     lineHeight: src.lineHeightDynamic,
     '$listSmall &': {
-      padding: "".concat(src.dropdownOptionGroupSmallTop, " ").concat(src.dropdownOptionGroupSmallX, " 0 ").concat(src.dropdownOptionGroupSmallX)
+      padding: "".concat(src.dropdownOptionGroupSmallTop, " ").concat(src.dropdownOptionSmallPaddingX, " 0")
     },
     '$listLarge &': {
-      padding: "".concat(src.dropdownOptionGroupLargeTop, " ").concat(src.dropdownOptionGroupLargeX, " ").concat(src.dropdownOptionGroupLargeBottom, " ").concat(src.dropdownOptionGroupLargeX)
+      padding: "".concat(src.dropdownOptionGroupLargeTop, " ").concat(src.dropdownOptionLargePaddingX, " ").concat(src.dropdownOptionGroupLargeBottom)
     }
   },
   optionDivider: {
@@ -21504,8 +21448,11 @@ var menuStyle = {
       }
     },
     // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
-    '[data-soui-theme=dark] $root > $item > &': {
-      backgroundColor: src.menuDarkItemBackgroundColor
+    '[data-soui-theme=dark] $root > $item:not($itemActive) > &': {
+      backgroundColor: src.menuDarkItemBackgroundColor,
+      '&:hover': {
+        backgroundColor: src.menuDarkItemHoverBackgroundColor
+      }
     },
     '[data-soui-theme=dark] &': {
       color: src.menuDarkFontColor,
@@ -23799,7 +23746,10 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
       marginTop: src.radioIndicatorMarginTop
     }
   },
-  wrapperChecked: {},
+  wrapperChecked: {
+    '--button-before-line-height': '100%',
+    '--button-before-line-top': 0
+  },
   wrapperDisabled: {
     cursor: 'not-allowed'
   },
@@ -75744,7 +75694,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.13'
+  version: '3.9.13-beta.15'
 });
 }();
 /******/ 	return __webpack_exports__;