shineout 3.1.9 → 3.1.11

package/cjs/index.js

@@ -476,5 +476,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.1.9'
+  version: '3.1.11'
 };

package/cjs/input/number.js

@@ -18,7 +18,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var jssStyle = {
   input: _shineoutStyle.useInputStyle,
-  innerTitle: _shineoutStyle.useInnerTitleStyle
+  innerTitle: _shineoutStyle.useInnerTitleStyle,
+  popover: _shineoutStyle.usePopoverStyle
 };
 var InputNumber = function InputNumber(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.InputNumber, _objectSpread(_objectSpread({}, props), {}, {

package/dist/shineout.js

@@ -11949,7 +11949,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.1.9');
+/* harmony default export */ var version = ('3.1.11');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -15442,6 +15442,13 @@ var useButtonStyle = styled(src_button_button, 'button');
 /* harmony default export */ var shineout_style_src_button = ((/* unused pure expression or super */ null && (useButtonStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/card/card.ts
 
+
+var headerCommon = {
+  fontSize: src.cardTitleFontSize,
+  lineHeight: src.lineHeightDynamic,
+  fontWeight: 'bold',
+  minWidth: 0
+};
 var cardStyle = {
   wrapper: {
     display: 'flex',
@@ -15494,13 +15501,10 @@ var cardStyle = {
       cursor: 'pointer'
     }
   },
-  headerContent: {
-    fontSize: src.cardTitleFontSize,
-    lineHeight: src.lineHeightDynamic,
-    fontWeight: 'bold',
-    flex: 1,
-    minWidth: 0
-  },
+  headerContent: objectSpread2_default()(objectSpread2_default()({}, headerCommon), {}, {
+    flex: 1
+  }),
+  simpleHeader: objectSpread2_default()({}, headerCommon),
   center: {
     textAlign: 'center'
   },
@@ -15975,7 +15979,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     color: token.fontColor,
     lineHeight: token.lineHeight,
     fontSize: token.fontSize,
-    verticalAlign: 'top',
+    // verticalAlign: 'top',
     transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
     '&:hover': {
       borderColor: token.hoverBorderColor
@@ -19053,6 +19057,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
       left: '0'
     },
     top: '100%',
+    zIndex: 1000,
     transformOrigin: '100% 0',
     marginTop: '10px',
     animation: 'so-input-fade .16s ease-in',
@@ -19885,7 +19890,7 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
     zIndex: modalIndex,
     top: 0,
     left: 0,
-    // overflow: 'auto',
+    overflow: 'auto',
     wordWrap: 'break-word',
     width: '100%',
     boxSizing: 'border-box',
@@ -20049,6 +20054,10 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
     display: 'flex',
     marginBottom: src.modalPanelGap
   },
+  headerEmptyTitle: {
+    marginBottom: 0,
+    height: 0
+  },
   headerIcon: {
     '$wrapper &': {
       marginRight: src.modalHeaderIconMarginEnd,
@@ -21400,7 +21409,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   virtualList: {
     margin: 0,
-    padding: 0
+    padding: 0,
+    width: '100%'
   },
   option: {
     listStyle: 'none',
@@ -23257,8 +23267,12 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({}, switch_ani
     display: 'inline-block',
     padding: "0 ".concat(src.switchTextPaddingX)
   },
-  wrapperSmall: {},
-  wrapperLarge: {},
+  wrapperSmall: {
+    fontSize: src.switchSmallFontSize
+  },
+  wrapperLarge: {
+    fontSize: src.switchLargeFontSize
+  },
   indicator: {
     width: src.switchCircleSize,
     height: src.switchCircleSize,
@@ -23326,9 +23340,23 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({}, switch_ani
     lineHeight: 1,
     paddingLeft: src.switchCircleSize,
     transition: "padding ".concat(switch_transition),
+    '$wrapperSmall &': {
+      paddingLeft: src.switchSmallCircleSize
+    },
+    '$wrapperLarge &': {
+      paddingLeft: src.switchLargeCircleSize
+    },
     '$wrapperChecked &': {
       paddingLeft: 0,
-      paddingRight: src.switchCircleSize
+      paddingRight: src.switchCircleSize,
+      '$wrapperSmall&': {
+        paddingLeft: 0,
+        paddingRight: src.switchSmallCircleSize
+      },
+      '$wrapperLarge&': {
+        paddingLeft: 0,
+        paddingRight: src.switchLargeCircleSize
+      }
     }
   },
   wrapperDisabled: {
@@ -24957,6 +24985,7 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
   },
   info: {
     position: 'absolute',
+    zIndex: 1000,
     '&[dir=ltr]': {
       right: '0'
     },
@@ -25106,6 +25135,7 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
       content: '" "',
       display: 'block',
       border: "inherit",
+      borderLeft: 'none',
       width: '8.4px',
       height: '8.4px',
       boxSizing: 'content-box',
@@ -25116,11 +25146,16 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
       marginTop: tooltip_arrowGap - 2,
       '&::before': {
         top: '0',
-        transform: 'translate(0, -50%) rotate(-45deg)',
         left: '0',
         right: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(0, -50%) rotate(-45deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(0, -50%) rotate(45deg)'
+      },
       '&::after': {
         top: tooltip_arrowGap * -1,
         left: '0',
@@ -25140,6 +25175,12 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
         right: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(0, 50%) rotate(135deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(0, 50%) rotate(-135deg)'
+      },
       '&::after': {
         bottom: tooltip_arrowGap * -1,
         left: '0',
@@ -25160,11 +25201,16 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
       },
       '&::before': {
         right: 0,
-        transform: 'translate(50%, 0) rotate(45deg)',
         top: '0',
         bottom: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(50%, 0) rotate(45deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(50%, 0) rotate(135deg)'
+      },
       '&::after': {
         left: tooltip_arrowGap * -1,
         top: '0',
@@ -25185,11 +25231,16 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
       },
       '&::before': {
         left: '0',
-        transform: 'translate(-50%, 0) rotate(-135deg)',
         top: '0',
         bottom: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(-50%, 0) rotate(-135deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(-50%, 0) rotate(-45deg)'
+      },
       '&::after': {
         left: tooltip_arrowGap * -1,
         top: '0',
@@ -28001,7 +28052,7 @@ var _process;
 
 var processEnv = typeof process !== 'undefined' ? (_process = process) === null || process === void 0 ? void 0 : ({"NODE_ENV":"production","PUBLIC_PATH":"/"}) : {};
 var src_config_config = {
-  prefix: 'so',
+  prefix: 'soui',
   locale: processEnv.LOCALE || 'en-US',
   delay: 0,
   trim: undefined,
@@ -30051,6 +30102,13 @@ var CardHeader = function CardHeader(props) {
     });
   };
   var headerContentClassName = classnames_default()(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerContent, align === 'center' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.center), align === 'right' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.right));
+  if (!props.extra && !collapsible) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: classnames_default()(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.simpleHeader, props.className),
+      style: props.style,
+      children: props.children
+    });
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     onMouseDown: handleDragMouseDown,
     onClick: onCollapse,
@@ -32177,6 +32235,7 @@ var useInputCommon = function useInputCommon(props0) {
     if (!res) return null;
     var isError = res instanceof Error;
     var text = isError ? res.message : res;
+    if (!isError && !focused) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       style: {
         minWidth: 'auto'
@@ -36606,10 +36665,20 @@ var useFormFunc = function useFormFunc() {
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form-flow/use-form-datum.tsx
 
 
+
+
+
 var useFormDatum = function useFormDatum() {
   var formFunc = useFormFunc();
+  var set = usePersistFn(function (vals, value) {
+    if (typeof_default()(vals) === 'object') {
+      formFunc === null || formFunc === void 0 || formFunc.setValue(vals);
+    } else {
+      formFunc === null || formFunc === void 0 || formFunc.setValue(defineProperty_default()({}, vals, value));
+    }
+  });
   var func = use_latest_obj({
-    set: formFunc === null || formFunc === void 0 ? void 0 : formFunc.setValue,
+    set: set,
     get: formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue
   });
   var datum = formFunc ? func : undefined;
@@ -42239,8 +42308,9 @@ var Modal = function Modal(props) {
   };
   var renderHeader = function renderHeader() {
     var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
+    var isEmptyTitle = !props.title && props.title !== 0;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header,
+      className: classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerEmptyTitle)),
       onMouseDown: props.moveable ? moveInfo.handleMouseDown : undefined,
       children: [renderIcon(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerTitle,
@@ -42465,19 +42535,34 @@ var modal_Modal = function Modal(props) {
   var _useContainer = use_container({
       container: props.container
     }),
-    getRoot = _useContainer.getRoot;
+    getRoot = _useContainer.getRoot,
+    unMount = _useContainer.unMount;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(true),
     _useState2 = slicedToArray_default()(_useState, 2),
     canDestroy = _useState2[0],
     seCanDestroy = _useState2[1];
-  var root = getRoot();
-  if (props.destroy && !props.visible && canDestroy) {
+  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+      rendered: false
+    }),
+    context = _useRef.current;
+  var destroyed = props.destroy && !props.visible && canDestroy;
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (destroyed) {
+      unMount();
+    }
+  }, [destroyed]);
+  if (destroyed) {
+    return null;
+  }
+  if (!context.rendered && !props.visible) {
     return null;
   }
+  context.rendered = true;
   var Content = /*#__PURE__*/(0,jsx_runtime.jsx)(modal_content, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     shouldDestroy: seCanDestroy,
     autoShow: false
   }));
+  var root = getRoot();
   if (!root) return null;
   return /*#__PURE__*/external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().createPortal(Content, root);
 };
@@ -43232,6 +43317,7 @@ var textarea_Textarea = function Textarea(props0) {
     if (!res) return null;
     var isError = res instanceof Error;
     var text = isError ? res.message : res;
+    if (!isError && !focused) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       style: {
         minWidth: 'auto'
@@ -43727,6 +43813,7 @@ var globalKey = '__global__&&@@';
 
 var emptyObj = {};
 var useForm = function useForm(props) {
+  var _props$value;
   var _props$defaultValue = props.defaultValue,
     defaultValue = _props$defaultValue === void 0 ? {} : _props$defaultValue,
     labelWidth = props.labelWidth,
@@ -43758,7 +43845,7 @@ var useForm = function useForm(props) {
       removeArr: new Set(),
       names: new Set(),
       submitLock: false,
-      value: props.value || emptyObj,
+      value: ((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : deepClone(props.value)) || emptyObj,
       errors: {},
       serverErrors: {},
       lastValue: props.value || emptyObj,
@@ -46491,7 +46578,8 @@ var InputNumber = function InputNumber(props) {
 
 var number_jssStyle = {
   input: useInputStyle,
-  innerTitle: useInnerTitleStyle
+  innerTitle: useInnerTitleStyle,
+  popover: usePopoverStyle
 };
 var number_InputNumber = function InputNumber(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(input_number, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -46655,9 +46743,9 @@ var Scroll = function Scroll(props) {
         style: containerStyle,
         ref: containerRef,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          style: {
+          style: objectSpread2_default()({
             flexGrow: 1
-          },
+          }, props.childrenStyle),
           children: props.children
         })
       })), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -46743,6 +46831,9 @@ var VirtualList = function VirtualList(props) {
       scrollWidth: 0,
       scrollHeight: scrollHeight,
       wrapperRef: wrapperRef,
+      childrenStyle: {
+        width: '100%'
+      },
       onScroll: handleScroll,
       onMouseMove: handleMouseMove,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(Tag, {
@@ -62076,7 +62167,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.1.9'
+  version: '3.1.11'
 });
 }();
 /******/ 	return __webpack_exports__;