shineout 3.9.4-beta.7 → 3.9.4-beta.9

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.4-beta.7'
+  version: '3.9.4-beta.9'
 };

package/dist/shineout.js

@@ -12401,7 +12401,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.4-beta.7');
+/* harmony default export */ var version = ('3.9.4-beta.9');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13567,12 +13567,14 @@ var cascaderTokens = {
   cascaderSmallOptionInnerPaddingX: 'Spacing-8',
   cascaderSmallOptionInnerPaddingY: 'Spacing-2',
   cascaderSmallOptionIconSize: 'Font-12',
+  cascaderSmallClearIconSize: 'Font-12',
   cascaderLargeFontSize: 'Font-16',
   cascaderLargePaddingX: 'Spacing-12',
   cascaderLargePaddingY: 'Spacing-3',
   cascaderLargeOptionInnerPaddingX: 'Spacing-12',
   cascaderLargeOptionInnerPaddingY: 'Spacing-8',
   cascaderLargeOptionIconSize: 'Font-16',
+  cascaderLargeClearIconSize: 'Font-16',
   cascaderLargePlaceholderMarginY: 'Spacing-4',
   cascaderInnerPaddingX: 'Spacing-8',
   cascaderInnerPaddingY: 'Spacing-5',
@@ -13582,6 +13584,7 @@ var cascaderTokens = {
   cascaderClearColor: 'Neutral-text-3',
   cascaderClearPadding: 'Spacing-8',
   cascaderClearHoverColor: 'Neutral-text-4',
+  cascaderClearIconSize: 'Font-14',
   cascaderHoverBorderColor: 'Brand-6',
   cascaderHoverClearColor: 'Neutral-text-4',
   cascaderFocusBorderColor: 'Brand-7',
@@ -14495,15 +14498,21 @@ var radioTokens = {
   radioIconWrapperFill: 'Neutral-fill-2',
   radioIconWrapperDark: 'Neutral-fill-3',
   radioPaddingY: 'Spacing-4',
+  radioButtonPaddingY: 'Spacing-4',
+  radioButtonPaddingX: 'Spacing-12',
   radioSmallIconWidth: 'Font-12',
   radioSmallIconBorderWidth: 'Border-1',
   radioSmallIconInnerSize: 'Size-3',
   radioSmallLabelFontSize: 'Font-12',
   radioSmallPaddingY: 'Spacing-1',
+  radioSmallButtonPaddingY: 'Spacing-1',
+  radioSmallButtonPaddingX: 'Spacing-8',
   radioLargeIconWidth: 'Font-16',
   radioLargeIconBorderWidth: 'Border-2',
   radioLargeLabelFontSize: 'Font-16',
   radioLargePaddingY: 'Spacing-7',
+  radioLargeButtonPaddingY: 'Spacing-7',
+  radioLargeButtonPaddingX: 'Spacing-16',
   radioLabelFontColor: 'Neutral-text-5',
   radioLabelFontSize: 'Font-14',
   radioLabelDisabledFontColor: 'Neutral-text-2'
@@ -14557,11 +14566,13 @@ var selectTokens = {
   selectSmallPaddingY: 'Spacing-1',
   selectSmallOptionInnerPaddingX: 'Spacing-8',
   selectSmallOptionInnerPaddingY: 'Spacing-2',
+  selectSmallClearIconSize: 'Font-12',
   selectLargeFontSize: 'Font-16',
   selectLargePaddingX: 'Spacing-12',
   selectLargePaddingY: 'Spacing-3',
   selectLargeOptionInnerPaddingX: 'Spacing-12',
   selectLargeOptionInnerPaddingY: 'Spacing-8',
+  selectLargeClearIconSize: 'Font-16',
   selectLargePlaceholderMarginY: 'Spacing-4',
   selectInnerPaddingX: 'Spacing-8',
   selectInnerPaddingY: 'Spacing-5',
@@ -14571,6 +14582,7 @@ var selectTokens = {
   selectBackgroundColor: 'Neutral-fill-1',
   selectClearColor: 'Neutral-text-3',
   selectClearPadding: 'Spacing-8',
+  selectClearIconSize: 'Font-14',
   selectHoverBorderColor: 'Brand-6',
   selectHoverClearColor: 'Neutral-text-4',
   selectHoverBackgroundColor: 'Neutral-fill-1',
@@ -15518,11 +15530,13 @@ var treeSelectTokens = {
   treeSelectSmallPaddingY: 'Spacing-1',
   treeSelectSmallOptionInnerPaddingX: 'Spacing-8',
   treeSelectSmallOptionInnerPaddingY: 'Spacing-2',
+  treeSelectSmallClearIconSize: 'Font-12',
   treeSelectLargeFontSize: 'Font-16',
   treeSelectLargePaddingX: 'Spacing-12',
   treeSelectLargePaddingY: 'Spacing-3',
   treeSelectLargeOptionInnerPaddingX: 'Spacing-12',
   treeSelectLargeOptionInnerPaddingY: 'Spacing-8',
+  treeSelectLargeClearIconSize: 'Font-16',
   treeSelectLargePlaceholderMarginY: 'Spacing-4',
   treeSelectInnerPaddingX: 'Spacing-8',
   treeSelectInnerPaddingY: 'Spacing-5',
@@ -15532,6 +15546,7 @@ var treeSelectTokens = {
   treeSelectClearColor: 'Neutral-text-3',
   treeSelectClearPadding: 'Spacing-8',
   treeSelectClearHoverColor: 'Neutral-text-4',
+  treeSelectClearIconSize: 'Font-14',
   treeSelectHoverBorderColor: 'Brand-6',
   treeSelectHoverClearColor: 'Neutral-text-4',
   treeSelectFocusBorderColor: 'Brand-7',
@@ -15765,7 +15780,6 @@ var alertStyle = {
   withTitle: {
     '& $icon': {
       fontSize: src.alertTitleFontSize,
-      // marginBottom: Token.alertNearlyMargin,
       width: "calc(".concat(src.alertTitleIconWidth, " + 2px)"),
       height: src.lineHeightDynamic
     },
@@ -15792,13 +15806,17 @@ var alertStyle = {
     cursor: 'pointer',
     color: src.alertCloseFontColor,
     fontSize: src.alertFontSize,
-    height: "calc(".concat(src.alertFontSize, " + 2px)"),
-    width: "calc(".concat(src.alertFontSize, " + 2px)"),
+    height: src.alertFontSize,
+    width: src.alertFontSize,
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     // marginLeft: Token.alertNearlyMargin,
+    '$withTitle &': {
+      width: src.alertTitleFontSize,
+      height: src.alertTitleFontSize
+    },
     '&:hover': {
       color: src.alertCloseHoverColor
     },
@@ -17833,12 +17851,18 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.cascaderFontSize,
+    width: src.cascaderClearIconSize,
     lineHeight: 0,
     color: src.cascaderClearColor,
     verticalAlign: 'middle',
     '&:hover': {
       color: src.cascaderClearHoverColor
+    },
+    '$wrapperSmall &': {
+      width: src.cascaderSmallClearIconSize
+    },
+    '$wrapperLarge &': {
+      width: src.cascaderLargeClearIconSize
     }
   },
   compressedIcon: {},
@@ -23549,14 +23573,24 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     marginRight: src.radioGap,
     '&:last-child': {
       marginRight: 0
+    },
+    'button&': {
+      padding: "".concat(src.radioButtonPaddingY, " ").concat(src.radioButtonPaddingX)
     }
   },
   wrapperSmall: {
     '[data-soui-role="form-control"] > $group > &': {
       marginTop: 1
+    },
+    'button&': {
+      padding: "".concat(src.radioSmallButtonPaddingY, " ").concat(src.radioSmallButtonPaddingX)
+    }
+  },
+  wrapperLarge: {
+    'button&': {
+      padding: "".concat(src.radioLargeButtonPaddingY, " ").concat(src.radioLargeButtonPaddingX)
     }
   },
-  wrapperLarge: {},
   wrapperChecked: {},
   wrapperDisabled: {
     cursor: 'not-allowed'
@@ -24134,12 +24168,18 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.selectFontSize,
+    width: src.selectClearIconSize,
     lineHeight: 0,
     color: src.selectClearColor,
     verticalAlign: 'middle',
     '&:hover': {
       color: src.selectIconColor
+    },
+    '$wrapperSmall &': {
+      width: src.selectSmallClearIconSize
+    },
+    '$wrapperLarge &': {
+      width: src.selectLargeClearIconSize
     }
   },
   arrowIcon: {
@@ -29430,12 +29470,18 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.treeSelectFontSize,
+    width: src.treeSelectClearIconSize,
     lineHeight: 0,
     color: src.treeSelectClearColor,
     verticalAlign: 'middle',
     '&:hover svg': {
       color: src.treeSelectClearHoverColor
+    },
+    '$wrapperSmall &': {
+      width: src.treeSelectSmallClearIconSize
+    },
+    '$wrapperLarge &': {
+      width: src.treeSelectLargeClearIconSize
     }
   },
   arrowIcon: {
@@ -58167,7 +58213,8 @@ var TreeList = function TreeList(props) {
 ;// CONCATENATED MODULE: ../base/src/radio/simple-radio.tsx
 
 
-var simple_radio_excluded = ["jssStyle", "className", "style", "children", "renderRadio", "size", "theme"];
+var simple_radio_excluded = ["jssStyle", "className", "style", "children", "renderWrapper", "size", "theme"];
+
 
 
 
@@ -58180,7 +58227,7 @@ var Radio = function Radio(props) {
     className = props.className,
     style = props.style,
     children = props.children,
-    renderRadio = props.renderRadio,
+    renderWrapper = props.renderWrapper,
     size = props.size,
     theme = props.theme,
     rest = objectWithoutProperties_default()(props, simple_radio_excluded);
@@ -58202,9 +58249,7 @@ var Radio = function Radio(props) {
     needStopPropagation: true
   });
   var indicatorProps = getIndicatorProps();
-  var simpleRadio = /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    id: fieldId
-  }, rootProps), {}, {
+  var indicator = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()(objectSpread2_default()({}, inputProps), {}, {
       type: "radio"
     })), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -58212,15 +58257,21 @@ var Radio = function Radio(props) {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()(objectSpread2_default()({}, indicatorProps), {}, {
         className: radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.indicator
       }))
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    })]
+  });
+  var simpleRadio = /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    id: fieldId
+  }, rootProps), {}, {
+    children: [indicator, /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.desc,
       children: children
     })]
   }));
-  if (typeof renderRadio === 'function') {
-    return renderRadio({
+  if (typeof renderWrapper === 'function') {
+    return renderWrapper({
       content: simpleRadio,
-      rootProps: rootProps,
+      wrapperProps: rootProps,
+      indicator: indicator,
       indicatorProps: indicatorProps,
       inputProps: inputProps,
       disabled: disabled,
@@ -62063,7 +62114,7 @@ radio_group_context_groupContext.displayName = 'RadioGroupContext';
 ;// CONCATENATED MODULE: ../base/src/radio/radio.tsx
 
 
-var radio_excluded = ["children", "htmlValue", "onChange", "checked", "jssStyle"];
+var radio_excluded = ["children", "htmlValue", "onChange", "checked", "jssStyle", "renderWrapper"];
 
 
 
@@ -62076,6 +62127,7 @@ var radio_Radio = function Radio(props) {
     onChange = props.onChange,
     checked = props.checked,
     jssStyle = props.jssStyle,
+    renderWrapper = props.renderWrapper,
     rest = objectWithoutProperties_default()(props, radio_excluded);
   var handleChange = usePersistFn(function () {
     onChange === null || onChange === void 0 || onChange(htmlValue);
@@ -62100,13 +62152,17 @@ var radio_Radio = function Radio(props) {
     checked: getChecked(),
     onChange: handleChange,
     disabled: getDisabled(),
+    renderWrapper: renderWrapper,
     children: children
   }));
 };
 var RadioWithContext = function RadioWithContext(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(radio_group_context.Consumer, {
     children: function children(value) {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(radio_Radio, objectSpread2_default()(objectSpread2_default()({}, props), value));
+      var mergedProps = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, props), value), {}, {
+        renderWrapper: props.renderWrapper !== undefined ? props.renderWrapper : value.renderWrapper
+      });
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(radio_Radio, objectSpread2_default()({}, mergedProps));
     }
   });
 };
@@ -62194,7 +62250,8 @@ var radio_group_Group = function Group(props0) {
     jssStyle = props.jssStyle,
     style = props.style,
     size = props.size,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    externalRenderWrapper = props.renderWrapper;
   var radioClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$radio = jssStyle.radio) === null || _jssStyle$radio === void 0 ? void 0 : _jssStyle$radio.call(jssStyle);
   var inputAbleProps = useInputAble({
     value: props.value,
@@ -62231,38 +62288,49 @@ var radio_group_Group = function Group(props0) {
     }
     return '';
   };
-  var renderRadio = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(function (info) {
-    var children = info.children,
-      content = info.content,
-      checked = info.checked,
-      disabled = info.disabled,
-      rootProps = info.rootProps,
-      inputProps = info.inputProps;
-    var checkedProps = {
-      mode: button === 'outline' ? 'outline' : undefined,
-      type: 'primary'
-    };
-    var noCheckedProps = {
-      mode: button === 'outline' ? 'outline' : undefined,
-      type: 'secondary'
+  var createInternalRenderWrapper = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(function (data, index) {
+    return function (info) {
+      var children = info.children,
+        content = info.content,
+        checked = info.checked,
+        disabled = info.disabled,
+        wrapperProps = info.wrapperProps,
+        inputProps = info.inputProps;
+      var checkedProps = {
+        mode: button === 'outline' ? 'outline' : undefined,
+        type: 'primary'
+      };
+      var noCheckedProps = {
+        mode: button === 'outline' ? 'outline' : undefined,
+        type: 'secondary'
+      };
+      if (button) {
+        return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+          jssStyle: jssStyle,
+          size: size,
+          disabled: disabled
+        }, checked ? checkedProps : noCheckedProps), wrapperProps), {}, {
+          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
+            type: "radio"
+          }, inputProps)), children]
+        }));
+      }
+      if (externalRenderWrapper) {
+        return externalRenderWrapper(objectSpread2_default()(objectSpread2_default()({}, info), {}, {
+          item: data,
+          index: index
+        }));
+      }
+      return content;
     };
-    if (button) {
-      return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
-        jssStyle: jssStyle,
-        size: size,
-        disabled: disabled
-      }, checked ? checkedProps : noCheckedProps), rootProps), {}, {
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
-          type: "radio"
-        }, inputProps)), children]
-      }));
-    }
-    return content;
-  }, []);
+  }, [button, externalRenderWrapper]);
+  var internalRenderWrapper = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(function () {
+    return createInternalRenderWrapper();
+  }, [createInternalRenderWrapper]);
   var providerValue = objectSpread2_default()(objectSpread2_default()({
     checked: isChecked,
     onChange: handleItemChange,
-    renderRadio: renderRadio
+    renderWrapper: internalRenderWrapper
   }, size !== undefined && {
     size: size
   }), disabled !== undefined && {
@@ -62285,7 +62353,7 @@ var radio_group_Group = function Group(props0) {
         htmlValue: i,
         size: size,
         onChange: handleIndexChange,
-        renderRadio: renderRadio,
+        renderWrapper: createInternalRenderWrapper(d, i),
         children: getContent(d, i)
       }, getKey(keygen, d, i));
     }), children]
@@ -74704,7 +74772,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.4-beta.7'
+  version: '3.9.4-beta.9'
 });
 }();
 /******/ 	return __webpack_exports__;