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

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.14');
+/* harmony default export */ var version = ('3.9.9-beta.16');
 ;// 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: 'var(--soui-checkbox-align-items, 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,
@@ -21189,9 +21197,7 @@ var listStyle = {
     boxSizing: 'border-box',
     maxHeight: '100%',
     display: 'flex',
-    flexDirection: 'column',
-    '--soui-checkbox-indicator-margin-top': 0,
-    '--soui-checkbox-align-items': 'center'
+    flexDirection: 'column'
   },
   wrapperBordered: {
     border: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor),
@@ -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: {
@@ -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()({
@@ -53979,6 +53990,7 @@ var FormItem = function FormItem(props) {
     inline = _labelConfig$rest.inline,
     keepErrorHeight = _labelConfig$rest.keepErrorHeight,
     keepErrorBelow = _labelConfig$rest.keepErrorBelow,
+    keepErrorAbove = _labelConfig$rest.keepErrorAbove,
     colon = _labelConfig$rest.colon;
   var renderLabel = function renderLabel() {
     if (label === undefined || label === null || label === '') return null;
@@ -54075,11 +54087,11 @@ var FormItem = function FormItem(props) {
           label: labelText
         }),
         children: children
-      }), !!tip && (!showError || keepErrorBelow) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), keepErrorAbove && renderError(), !!tip && (!showError || keepErrorBelow || keepErrorAbove) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         ref: labelTipRef,
         className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
         children: tip
-      }), renderError()]
+      }), !keepErrorAbove && renderError()]
     }))]
   }));
 };
@@ -58676,7 +58688,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 +58705,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 +58717,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 +75463,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.9-beta.14'
+  version: '3.9.9-beta.16'
 });
 }();
 /******/ 	return __webpack_exports__;