shineout 3.9.9-beta.13 → 3.9.9-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.9-beta.13'
+  version: '3.9.9-beta.15'
 };

package/dist/shineout.js

@@ -12402,7 +12402,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.9-beta.13');
+/* harmony default export */ var version = ('3.9.9-beta.15');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13676,6 +13676,7 @@ var checkboxTokens = {
   checkboxLabelFontColor: 'Neutral-text-5',
   checkboxLabelFontSize: 'Font-14',
   checkboxLabelDisabledFontColor: 'Neutral-text-2',
+  checkboxIndicatorMarginTop: 'Spacing-4',
   checkboxGap: 'Spacing-24',
   checkboxBlockGap: 'Spacing-12',
   checkboxSmallIconSize: 'Font-12',
@@ -14498,6 +14499,7 @@ var radioTokens = {
   radioIconCheckedDisabledColor: 'Brand-3',
   radioIconWrapperFill: 'Neutral-fill-2',
   radioIconWrapperDark: 'Neutral-fill-3',
+  radioIndicatorMarginTop: 'Spacing-4',
   radioPaddingY: 'Spacing-4',
   radioButtonPaddingY: 'Spacing-4',
   radioButtonPaddingX: 'Spacing-12',
@@ -18164,7 +18166,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
-    alignItems: 'flex-start',
+    alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
     marginRight: src.checkboxGap,
@@ -18175,6 +18177,12 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
   },
   wrapperSmall: {},
   wrapperLarge: {},
+  wrapperTop: {
+    alignItems: 'flex-start',
+    '& $indicatorWrapper': {
+      marginTop: src.checkboxIndicatorMarginTop
+    }
+  },
   input: {},
   wrapperChecked: {},
   wrapperIndeterminate: {},
@@ -18187,7 +18195,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
     boxSizing: 'border-box',
     width: src.checkboxIconSize,
     height: src.checkboxIconSize,
-    marginTop: 'var(--soui-checkbox-indicator-margin-top, 4px)',
+    // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
       width: src.checkboxSmallIconSize,
@@ -23193,12 +23201,10 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
 
 
 
-var popover_arrowGap = 12;
 var popover_arrowHeight = 8;
 var popover_cssvar = '--popover-arrow-gap';
 var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
 var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
-var arrowMargin = '8px';
 var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
 var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
 var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAnimation), {}, {
@@ -23232,7 +23238,7 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&$hideArrow': defineProperty_default()({}, popover_cssvar, '4px'),
     '&[data-soui-position^="bottom"]': {
-      marginTop: popover_arrowGap - 2,
+      marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
       '& > $arrow': {
         left: '50%',
         transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
@@ -23248,7 +23254,7 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
       }
     },
     '&[data-soui-position^="top"]': {
-      marginTop: (popover_arrowGap - 2) * -1,
+      marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
       '& > $arrow': {
         top: '100%',
         left: '50%',
@@ -23266,10 +23272,10 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&[data-soui-position^="left"]': {
       '&[dir=ltr]': {
-        marginRight: popover_arrowGap - 2
+        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '&[dir=rtl]': {
-        marginLeft: popover_arrowGap - 2
+        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '& > $arrow': {
         right: 0,
@@ -23289,10 +23295,10 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&[data-soui-position^="right"]': {
       '&[dir=ltr]': {
-        marginLeft: popover_arrowGap - 2
+        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '&[dir=rtl]': {
-        marginRight: popover_arrowGap - 2
+        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '& > $arrow': {
         top: '50%',
@@ -23740,7 +23746,7 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
-    alignItems: 'flex-start',
+    alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
     marginRight: src.radioGap,
@@ -23767,6 +23773,12 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
       padding: "".concat(src.radioLargeButtonPaddingY, " ").concat(src.radioLargeButtonPaddingX)
     }
   },
+  wrapperTop: {
+    alignItems: 'flex-start',
+    '& $indicatorWrapper': {
+      marginTop: src.radioIndicatorMarginTop
+    }
+  },
   wrapperChecked: {},
   wrapperDisabled: {
     cursor: 'not-allowed'
@@ -23778,7 +23790,6 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     width: src.radioIconWidth,
     minWidth: src.radioIconWidth,
     height: src.radioIconWidth,
-    marginTop: 4,
     '$wrapperSmall &': {
       width: src.radioSmallIconWidth,
       minWidth: src.radioSmallIconWidth,
@@ -29318,8 +29329,7 @@ var treeStyle = {
   },
   checkbox: {
     '&[class*="checkbox-wrapper"]': {
-      marginRight: src.treeCheckboxMarginX,
-      '--soui-checkbox-indicator-margin-top': '0px'
+      marginRight: src.treeCheckboxMarginX
     }
   },
   text: {
@@ -29553,7 +29563,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
         right: src.treeSelectLargePaddingX
       }
     },
-    '&:hover': {
+    '&:hover': objectSpread2_default()(objectSpread2_default()({}, tree_select_wrapper['&:hover']), {}, {
       cursor: 'pointer',
       '&$clearable:not($wrapperEmpty)': {
         '& $clearIcon': {
@@ -29563,7 +29573,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
           display: 'none'
         }
       }
-    },
+    }),
     '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
         display: 'none'
@@ -37337,7 +37347,7 @@ FormFieldContext.displayName = 'FormFieldContext';
 ;// CONCATENATED MODULE: ../base/src/checkbox/simple-checkbox.tsx
 
 
-var simple_checkbox_excluded = ["jssStyle", "className", "style", "children", "renderFooter", "size", "theme"];
+var simple_checkbox_excluded = ["jssStyle", "className", "style", "children", "renderFooter", "size", "theme", "verticalAlign"];
 
 
 
@@ -37354,6 +37364,7 @@ var Checkbox = function Checkbox(props) {
     renderFooter = props.renderFooter,
     size = props.size,
     theme = props.theme,
+    verticalAlign = props.verticalAlign,
     rest = objectWithoutProperties_default()(props, simple_checkbox_excluded);
   var mouseEvents = extractProps(rest, 'mouse');
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
@@ -37368,7 +37379,7 @@ var Checkbox = function Checkbox(props) {
     getInputProps = _useCheck.getInputProps,
     disabled = _useCheck.disabled,
     checked = _useCheck.checked;
-  var rootClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
+  var rootClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate), verticalAlign === 'top' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperTop));
   var indicatorClass = classnames_default()(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
   var inputProps = getInputProps();
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
@@ -58134,7 +58145,7 @@ var tree_list_List = function List(props) {
     style: newStyle,
     className: rootClass,
     children: data.map(renderNode)
-  });
+  }, data.length);
 };
 /* harmony default export */ var tree_list = (tree_list_List);
 ;// CONCATENATED MODULE: ../base/src/tree/tree-root.tsx
@@ -58676,7 +58687,7 @@ var TreeList = function TreeList(props) {
 ;// CONCATENATED MODULE: ../base/src/radio/simple-radio.tsx
 
 
-var simple_radio_excluded = ["jssStyle", "className", "style", "children", "renderWrapper", "size", "theme"];
+var simple_radio_excluded = ["jssStyle", "className", "style", "children", "renderWrapper", "size", "theme", "verticalAlign"];
 
 
 
@@ -58693,6 +58704,7 @@ var Radio = function Radio(props) {
     renderWrapper = props.renderWrapper,
     size = props.size,
     theme = props.theme,
+    verticalAlign = props.verticalAlign,
     rest = objectWithoutProperties_default()(props, simple_radio_excluded);
   var mouseEvents = extractProps(rest, 'mouse');
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
@@ -58704,7 +58716,7 @@ var Radio = function Radio(props) {
     getInputProps = _useCheck.getInputProps,
     disabled = _useCheck.disabled,
     checked = _useCheck.checked;
-  var rootClass = classnames_default()([radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.rootClass, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapper, className, !!disabled && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperDisabled), !!checked && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperChecked), size === 'small' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperSmall), size === 'large' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperLarge)]);
+  var rootClass = classnames_default()([radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.rootClass, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapper, className, !!disabled && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperDisabled), !!checked && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperChecked), size === 'small' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperSmall), size === 'large' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperLarge), verticalAlign === 'top' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperTop)]);
   var indicatorClass = classnames_default()(radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.indicatorWrapper, theme === 'dark' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.darkIndicatorWrapper));
   var inputProps = getInputProps();
   var rootProps = objectSpread2_default()(objectSpread2_default()({}, mouseEvents), getRootProps({
@@ -75450,7 +75462,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.9-beta.13'
+  version: '3.9.9-beta.15'
 });
 }();
 /******/ 	return __webpack_exports__;