shineout 3.6.0-beta.26 → 3.6.0-beta.28

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.28'
 };

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.28');
 ;// 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': {
@@ -25643,6 +25654,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&::after': {
       position: 'absolute',
+      zIndex: fixedFixedIndex + 3,
       content: '""',
       display: 'block',
       bottom: 0,
@@ -27255,6 +27267,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 +28308,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',
@@ -37851,7 +37897,6 @@ function use_tree_toArray(value) {
   if (!Array.isArray(value)) return [value];
   return value;
 }
-var global_tree_map = new Map();
 var MODE = {
   /**
    * 返回全选数据，包含父节点和子节点
@@ -38254,15 +38299,6 @@ var useTree = function useTree(props) {
     return 2;
   };
   var setData = function setData(data) {
-    // if(data && global_tree_map.get(data)){
-    //   context.cachedValue = global_tree_map.get(data)?.cachedValue || []
-    //   context.pathMap = global_tree_map.get(data)?.pathMap || new Map()
-    //   context.dataMap = global_tree_map.get(data)?.dataMap || new Map()
-    //   context.valueMap = global_tree_map.get(data)?.valueMap || new Map()
-    //   context.unmatchedValueMap = global_tree_map.get(data)?.unmatchedValueMap || new Map()
-    //   return
-    // }
-
     var prevValue = context.value || [];
     context.cachedValue = [];
     context.pathMap = new Map();
@@ -38283,8 +38319,6 @@ var useTree = function useTree(props) {
     }
     initValue();
     setValue(prevValue);
-
-    // global_tree_map.set(data, context)
   };
   var set = function set(id, checked, direction) {
     if (!isDisabled(id)) {
@@ -38326,6 +38360,28 @@ var useTree = function useTree(props) {
     }
     return current;
   };
+  var updateInnerCheckStatus = function updateInnerCheckStatus() {
+    var _context$value;
+    if (mode !== MODE.MODE_0) return;
+    (_context$value = context.value) === null || _context$value === void 0 || _context$value.forEach(function (id) {
+      var _ref3 = context.pathMap.get(id),
+        children = _ref3.children;
+      if (children.length) {
+        var noCheckedChildren = children.filter(function (cid) {
+          var _context$value2;
+          return !((_context$value2 = context.value) !== null && _context$value2 !== void 0 && _context$value2.includes(cid));
+        });
+        if (noCheckedChildren.length > 0) {
+          setTimeout(function () {
+            setValueMap(id, 2);
+            noCheckedChildren.forEach(function (cid) {
+              setValueMap(cid, 0);
+            });
+          }, 0);
+        }
+      }
+    });
+  };
   var appendChildrenExpanded = function appendChildrenExpanded(child, level, pid, insertData) {
     if (!child) return;
     child.forEach(function (item, i) {
@@ -38436,6 +38492,7 @@ var useTree = function useTree(props) {
     if (props.datum) return;
     if (!dataUpdate) return;
     setData(data);
+    updateInnerCheckStatus();
   }, [data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.datum) return;
@@ -38599,7 +38656,9 @@ var Scroll = function Scroll(props) {
     _props$scrollWidth = props.scrollWidth,
     scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
     _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
+    _props$keepScrollTop = props.keepScrollTop,
+    keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
   var _useResize = useResize({
       targetRef: containerRef,
       timer: 100
@@ -38623,7 +38682,10 @@ var Scroll = function Scroll(props) {
   }, isRtl ? 'right' : 'left', 0), "top", 0);
 
   // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
-  var paddingTop = height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
+  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
+    return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
+  }, [scrollHeight, height]);
   var placeStyle = {
     paddingTop: paddingTop,
     width: scrollWidth,
@@ -38735,6 +38797,7 @@ var VirtualList = function VirtualList(props) {
     className = props.className,
     lineHeight = props.lineHeight,
     height = props.height,
+    keepScrollTop = props.keepScrollTop,
     keepScrollHeight = props.keepScrollHeight,
     renderItem = props.renderItem,
     customRenderItem = props.customRenderItem,
@@ -38901,6 +38964,7 @@ var VirtualList = function VirtualList(props) {
       style: nextStyle,
       height: height,
       scrollWidth: 0,
+      keepScrollTop: keepScrollTop,
       scrollerStyle: scrollerStyle,
       scrollHeight: scrollHeight,
       childrenStyle: {
@@ -38931,6 +38995,7 @@ var VirtualList = function VirtualList(props) {
   }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    if (keepScrollTop) return;
     if (keepScrollHeight) return;
     setTop(0);
     setStartIndex(0);
@@ -48138,7 +48203,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 +48227,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 +48256,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 +48266,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 +48390,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 +48419,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 +48451,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 +48565,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 +49981,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 +50080,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({
@@ -52944,6 +53040,7 @@ var list_List = function List(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
       virtualRef: virtualRef,
       data: data,
+      keepScrollTop: true,
       keygen: keygen,
       tag: 'ul',
       groupKey: groupKey,
@@ -55426,9 +55523,7 @@ function Select(props0) {
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
         onAnimationAfterEnter: onAnimationAfterEnter,
         display: 'block',
-        type: "scale-y"
-        // type='fade'
-        ,
+        type: "scale-y",
         duration: 'fast',
         style: getListStyle(),
         children: [renderHeader(), renderOptions(), renderFooter()]
@@ -61276,9 +61371,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 +69602,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.26'
+  version: '3.6.0-beta.28'
 });
 }();
 /******/ 	return __webpack_exports__;