shineout 3.9.13-beta.14 → 3.9.13-beta.16

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.14'
+  version: '3.9.13-beta.16'
 };

package/dist/shineout.js

@@ -3236,6 +3236,20 @@ const figma = [
     token: 'Brand-9',
     locked: true,
   },
+  {
+    name: 'colorBgLayout',
+    value: '#F4F5F8',
+    describe: '布局背景色',
+    token: 'Color-bg-layout',
+    locked: false,
+  },
+  {
+    name: 'colorBgPopup',
+    value: '#FFFFFF',
+    describe: '浮层容器背景色',
+    token: 'Color-bg-popup',
+    locked: false,
+  },
   {
     name: '青色-1',
     value: '#e8fffb',
@@ -12311,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.14');
+/* harmony default export */ var version = ('3.9.13-beta.16');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12533,6 +12547,8 @@ var Token = {
   'Brand-7': '#0B5BD4',
   'Brand-8': '#0040AD',
   'Brand-9': '#002D87',
+  'Color-bg-layout': '#F4F5F8',
+  'Color-bg-popup': '#FFFFFF',
   'Cyan-1': '#e8fffb',
   'Cyan-10': '#00424d',
   'Cyan-2': '#b7f1e9',
@@ -13636,7 +13652,9 @@ var common = {
   lineHeightDynamicMin: 'Line-height-dynamic-min',
   defaultBorder: 'Border-1',
   iconCirclePadding: 'Padding-4',
-  transparent: 'transparent'
+  transparent: 'transparent',
+  colorBgPopup: 'Bg-popup',
+  colorBgLayout: 'Bg-layout'
 };
 /* harmony default export */ var common_common = (common);
 ;// CONCATENATED MODULE: ../theme/src/common/index.ts
@@ -16154,7 +16172,7 @@ var breadcrumbStyle = {
   },
   dropdown: {
     borderRadius: src.dropdownListBorderRadius,
-    backgroundColor: src.dropdownListBackgroundColor,
+    backgroundColor: src.colorBgPopup,
     boxShadow: src.dropdownListBoxShadow,
     border: "1px solid ".concat(src.dropdownListBorderColor),
     // padding: `${token.breadcrumbListPaddingY} 0`,
@@ -16427,16 +16445,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
     },
@@ -16482,14 +16503,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
     },
@@ -16523,14 +16543,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)',
@@ -16555,15 +16574,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
     },
@@ -16621,21 +16639,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
     },
@@ -16659,27 +16676,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
@@ -17770,7 +17771,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: src.cascaderPanelBackgroundColor,
+    backgroundColor: src.colorBgPopup,
     boxShadow: src.cascaderPanelShadow,
     border: "1px solid ".concat(src.cascaderPanelBorder),
     borderRadius: src.cascaderPanelRadius,
@@ -18613,7 +18614,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: src.datePickerPanelBackgroundColor,
+    backgroundColor: src.colorBgPopup,
     boxShadow: src.datePickerPanelShadow,
     borderRadius: src.datePickerPanelRadius,
     border: "1px solid ".concat(src.datePickerPanelBorder),
@@ -19091,7 +19092,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       },
       transformOrigin: 'bottom',
       animation: '$scale-y-top 0.2s ease-in-out forwards',
-      backgroundColor: src.datePickerPanelBackgroundColor,
+      backgroundColor: src.colorBgPopup,
       boxShadow: src.datePickerPanelShadow,
       display: 'none'
     },
@@ -19440,7 +19441,7 @@ var dropdown_dropdown = {
     border: "".concat(src.dropdownListBorderWidth, " solid ").concat(src.dropdownListBorderColor),
     borderRadius: src.dropdownListBorderRadius,
     padding: "".concat(src.dropdownListPaddingY, " ").concat(src.dropdownListPaddingX),
-    background: src.dropdownListBackgroundColor,
+    background: src.colorBgPopup,
     boxShadow: src.dropdownListBoxShadow,
     width: 'max-content',
     boxSizing: 'border-box',
@@ -23747,7 +23748,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'
   },
@@ -24289,7 +24293,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   pickerWrapper: {
     position: 'absolute',
     overflow: 'hidden',
-    backgroundColor: src.selectPanelBackgroundColor,
+    backgroundColor: src.colorBgPopup,
     boxShadow: src.selectPanelShadow,
     borderRadius: src.selectPanelRadius,
     transformOrigin: '0 0',
@@ -29717,7 +29721,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: src.treeSelectPanelBackgroundColor,
+    backgroundColor: src.colorBgPopup,
     boxShadow: src.treeSelectPanelShadow,
     border: "1px solid ".concat(src.treeSelectPanelBorder),
     borderRadius: src.treeSelectPanelRadius,
@@ -75692,7 +75696,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.14'
+  version: '3.9.13-beta.16'
 });
 }();
 /******/ 	return __webpack_exports__;