shineout 3.6.0-beta.26 → 3.6.0-beta.27

package/cjs/index.js

@@ -514,5 +514,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.6.0-beta.26'
+  version: '3.6.0-beta.27'
 };

package/dist/shineout.js

@@ -7074,6 +7074,9 @@ var config = {
     Next: icons.ArrowRight,
     CollapseArrow: icons.ArrowLeft
   },
+  textarea: {
+    Close: icons.CloseFill
+  },
   transfer: {
     DeleteAll: icons.Delete,
     DeleteItem: icons.Close,
@@ -12136,7 +12139,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.6.0-beta.26');
+/* harmony default export */ var version = ('3.6.0-beta.27');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13166,24 +13169,24 @@ var cardTokens = {
   cardBorderRadius: 'Radius-default',
   cardFontColor: 'Neutral-text-5',
   cardFontSize: 'Font-14',
-  cardPaddingX: 'Spacing-16',
+  cardPaddingX: 'Spacing-12',
   cardPaddingY: 'Spacing-12',
   cardTitleFontColor: 'Neutral-text-5',
   cardTitleFontSize: 'Font-16',
   cardTitleFontWeight: 'Weight-medium',
   cardHeaderGap: '8px',
-  cardHeaderExtraMarginX: 'Spacing-16',
-  cardHeaderPaddingX: 'Spacing-16',
+  cardHeaderExtraMarginX: 'Spacing-12',
+  cardHeaderPaddingX: 'Spacing-12',
   cardHeaderPaddingY: 'Spacing-12',
   cardIndicatorSize: 'Size-7',
   cardIndicatorColor: 'Neutral-text-4',
-  cardBodyPaddingX: 'Spacing-16',
+  cardBodyPaddingX: 'Spacing-12',
   cardBodyPaddingY: 'Spacing-12',
   cardBodyFontSize: 'Font-14',
   cardBodyFontColor: 'Neutral-text-5',
   cardBodyFontWeight: 'Weight-regular',
   cardBodyBorderColor: 'Neutral-border-1',
-  cardFooterPaddingX: 'Spacing-16',
+  cardFooterPaddingX: 'Spacing-12',
   cardFooterPaddingY: 'Spacing-12',
   cardFooterBorderColor: 'Neutral-border-1'
 };
@@ -15001,7 +15004,12 @@ var textareaTokens = {
   textareaInfoBorderColor: 'Neutral-border-2',
   textareaInfoErrorFontColor: 'Danger-6',
   textareaInfoErrorBackgroundColor: 'Danger-1',
-  textareaInfoErrorBorderColor: 'Danger-6'
+  textareaInfoErrorBorderColor: 'Danger-6',
+  textareaLimitFontColor: 'Neutral-text-3',
+  textareaLimitFontSize: 'Font-12',
+  textareaClearColor: 'Neutral-text-3',
+  textareaClearSize: 'Size-7',
+  textareaClearHoverColor: 'Neutral-text-4'
 };
 /* harmony default export */ var textarea_textarea = (textareaTokens);
 ;// CONCATENATED MODULE: ../theme/src/textarea/index.ts
@@ -23124,7 +23132,10 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     borderRadius: src.selectPanelRadius,
     transformOrigin: '0 0',
     border: "1px solid ".concat(src.selectPanelBorder),
-    cursor: 'initial'
+    cursor: 'initial',
+    '& [data-soui-role="scroll"]': {
+      overscrollBehavior: 'none'
+    }
   },
   pickerSmall: {
     '& $optionInner': {
@@ -27255,6 +27266,37 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     borderRadius: 0,
     width: '100%',
     boxSizing: 'border-box'
+  },
+  limit: {
+    position: 'absolute',
+    right: 12,
+    bottom: 6,
+    color: src.textareaLimitFontColor,
+    fontSize: src.textareaLimitFontSize,
+    '$resize + &': {
+      right: 16
+    }
+  },
+  clear: {
+    position: 'absolute',
+    right: src.textareaPaddingX,
+    top: src.textareaPaddingY,
+    cursor: 'pointer',
+    padding: 4,
+    color: src.textareaClearColor,
+    '&:hover': {
+      color: src.textareaClearHoverColor
+    },
+    '& > svg': {
+      display: 'block',
+      width: src.textareaClearSize,
+      height: src.textareaClearSize
+    }
+  },
+  wrapperWithClear: {
+    '&& $textarea': {
+      paddingRight: "calc(".concat(src.textareaPaddingX, " * 4)")
+    }
   }
 });
 /* harmony default export */ var src_textarea_textarea = (textarea_input);
@@ -28265,7 +28307,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     transformOrigin: '0 0',
     width: 'max-content',
     maxWidth: '640px',
-    cursor: 'initial'
+    cursor: 'initial',
+    '& $tree': {
+      overscrollBehavior: 'none'
+    }
   },
   iconWrapper: {
     display: 'flex',
@@ -48138,7 +48183,8 @@ var useTextarea = function useTextarea(props) {
 
 
 
-var simple_textarea_excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "autosize", "border", "resize", "onEnterPress", "getStatus", "renderTextarea"];
+var simple_textarea_excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "autosize", "border", "resize", "onEnterPress", "onStatusChange", "renderTextarea", "limit", "clearable"];
+
 
 
 
@@ -48161,8 +48207,10 @@ var Textarea = function Textarea(props) {
     _props$resize = props.resize,
     resize = _props$resize === void 0 ? false : _props$resize,
     _onEnterPress = props.onEnterPress,
-    getStatus = props.getStatus,
+    onStatusChange = props.onStatusChange,
     renderTextarea = props.renderTextarea,
+    limit = props.limit,
+    clearable = props.clearable,
     rest = objectWithoutProperties_default()(props, simple_textarea_excluded);
   var textareaClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle);
   var _useTextarea = use_textarea(objectSpread2_default()({}, rest)),
@@ -48188,8 +48236,8 @@ var Textarea = function Textarea(props) {
     onKeyUp: onKeyUp
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (getStatus) {
-      getStatus({
+    if (onStatusChange) {
+      onStatusChange({
         focused: focused
       });
     }
@@ -48198,13 +48246,32 @@ var Textarea = function Textarea(props) {
   if (typeof renderTextarea === 'function') {
     textareaEl = renderTextarea(textareaEl);
   }
+  var limitEl = null;
+  if (limit) {
+    var _props$value;
+    limitEl = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.limit,
+      children: typeof limit === 'number' ? "".concat(((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) || 0, "/").concat(limit) : limit(props.value)
+    });
+  }
+  var clearEl = null;
+  if (clearable && props.value) {
+    clearEl = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.clear,
+      onClick: function onClick() {
+        var _props$onChange;
+        (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, '');
+      },
+      children: icons_config.textarea.Close
+    });
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
   }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
-    children: [prefix, textareaEl, suffix]
+    children: [prefix, textareaEl, suffix, limitEl, clearEl]
   }));
 };
 /* harmony default export */ var simple_textarea = (Textarea);
@@ -48303,7 +48370,7 @@ var useAutoSize = function useAutoSize(props) {
 
 
 
-var textarea_excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "trim", "delay"];
+var textarea_excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "limit", "trim", "delay"];
 
 
 
@@ -48332,6 +48399,7 @@ var textarea_Textarea = function Textarea(props0) {
     jssStyle = props.jssStyle,
     onBlur = props.onBlur,
     status = props.status,
+    limit = props.limit,
     trimProps = props.trim,
     delayProps = props.delay,
     resetProps = objectWithoutProperties_default()(props, textarea_excluded);
@@ -48363,7 +48431,12 @@ var textarea_Textarea = function Textarea(props0) {
   var inputAbleParams = {
     value: resetProps.value,
     onChange: resetProps.onChange,
-    beforeChange: resetProps.beforeChange,
+    beforeChange: typeof limit === 'number' ? function (v) {
+      var _resetProps$beforeCha;
+      if (v.length > limit) return v.slice(0, limit);
+      if (resetProps.beforeChange) (_resetProps$beforeCha = resetProps.beforeChange) === null || _resetProps$beforeCha === void 0 || _resetProps$beforeCha.call(resetProps, v);
+      return v;
+    } : resetProps.beforeChange,
     defaultValue: resetProps.defaultValue,
     delay: delay
   };
@@ -48472,13 +48545,14 @@ var textarea_Textarea = function Textarea(props0) {
     rows: 4,
     jssStyle: jssStyle
   }, forwardProps), formatProps), {}, {
-    className: classnames_default()(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), resetProps.className),
+    className: classnames_default()(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), props.clearable && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperWithClear), resetProps.className),
     renderTextarea: renderTextarea,
+    limit: limit,
     status: tipProps.error ? 'error' : status,
+    onStatusChange: onStatusChange,
     value: inputAbleProps.value || '',
     suffix: mergeSuffix,
     style: mergeStyle,
-    getStatus: onStatusChange,
     rootRef: rootRef,
     autosize: props.autosize
   }));
@@ -49887,6 +49961,8 @@ var Tooltip = function Tooltip(props) {
     className = props.className,
     style = props.style,
     zIndex = props.zIndex,
+    _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
     persistentProp = props.persistent,
     _props$type = props.type,
     type = _props$type === void 0 ? 'default' : _props$type,
@@ -49984,7 +50060,7 @@ var Tooltip = function Tooltip(props) {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
         dir: config.direction,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
+        children: [showArrow && /*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
           ref: arrowRef,
           className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
         }, getDataAttribute({
@@ -61276,9 +61352,7 @@ var Colgroup = function Colgroup(props) {
         if (minWidth) {
           style.minWidth = minWidth;
         }
-        if (width) {
-          style.width = width;
-        }
+        style.width = width;
         return /*#__PURE__*/(0,jsx_runtime.jsx)("col", {
           style: style
         }, columns[index].key);
@@ -69509,7 +69583,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.26'
+  version: '3.6.0-beta.27'
 });
 }();
 /******/ 	return __webpack_exports__;