shineout 3.6.0-beta.25 → 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.25'
+  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.25');
+/* 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
@@ -22230,13 +22238,11 @@ var popoverStyle = {
       }
     },
     '&[data-soui-position^="left"]': {
-      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
       '&[dir=ltr]': {
-        marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
+        marginRight: "calc((".concat(hideArrowGap, " - 2px))")
       },
-      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
       '&[dir=rtl]': {
-        marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
+        marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
       },
       '& $arrow': {
         right: src.popoverBorderWidth,
@@ -22246,7 +22252,6 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        // left: arrowGap * -1,
         right: "calc(".concat(hideArrowGap, " * -1)"),
         top: '0',
         bottom: '0',
@@ -22257,11 +22262,9 @@ var popoverStyle = {
       }
     },
     '&[data-soui-position^="right"]': {
-      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
       '&[dir=ltr]': {
         marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
-      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
       '&[dir=rtl]': {
         marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
@@ -23129,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': {
@@ -27260,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);
@@ -27377,13 +27414,13 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&[data-soui-position^="left"]': {
       '&[dir=ltr]': {
-        marginLeft: -(arrowGap - 2),
+        marginRight: arrowGap - 2,
         '& $arrow': {
           transform: 'translateX(11px) rotate(90deg)'
         }
       },
       '&[dir=rtl]': {
-        marginRight: -(arrowGap - 2),
+        'margin-right': arrowGap - 2,
         '& $arrow': {
           left: 0,
           transform: 'translateX(11px) rotate(90deg)'
@@ -27447,7 +27484,7 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
         width: arrowGap,
         height: '100%',
         top: 0,
-        right: 0,
+        left: 0,
         transform: 'translateX(-100%)'
       }
     }
@@ -28270,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',
@@ -30473,10 +30513,12 @@ var usePositionStyle = function usePositionStyle(config) {
       }
       if (_h === 'right') {
         style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
+        arrayStyle.left = '0px';
+        arrayStyle.right = 'auto';
       } else {
-        style.left = rect.left - containerRect.left + containerScroll.left - popupGap;
-        arrayStyle.right = "0px";
-        style.transform += ' translateX(-100%)';
+        style.right = containerRect.right - rect.left;
+        arrayStyle.right = '0px';
+        arrayStyle.left = 'auto';
       }
     } else if (position === 'cover') {
       style.top = rect.top - containerRect.top + containerScroll.top;
@@ -31181,7 +31223,7 @@ var useContainer = function useContainer() {
     if (!is_isBrowser()) return null;
     if (!context.element) {
       context.element = document.createElement('div');
-      context.element.setAttribute('style', ' position: absolute; top: 0px; left: 0px; width: 100% ');
+      context.element.setAttribute('style', 'position: absolute; top: 0px; left: 0px; width: 100%;');
     }
     var rootContainer = getRootContainer(props);
     if (rootContainer && context.element.parentElement !== rootContainer) {
@@ -48141,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"];
+
 
 
 
@@ -48164,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)),
@@ -48191,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
       });
     }
@@ -48201,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);
@@ -48306,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"];
 
 
 
@@ -48335,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);
@@ -48366,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
   };
@@ -48475,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
   }));
@@ -49890,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,
@@ -49987,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({
@@ -61279,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);
@@ -69512,7 +69583,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.25'
+  version: '3.6.0-beta.27'
 });
 }();
 /******/ 	return __webpack_exports__;