shineout 3.1.10 → 3.1.12

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.10'
+  version: '3.1.12'
 };

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.10');
+/* harmony default export */ var version = ('3.1.12');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -15979,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
@@ -19057,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',
@@ -19889,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',
@@ -20053,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,
@@ -21404,7 +21409,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   virtualList: {
     margin: 0,
-    padding: 0
+    padding: 0,
+    width: '100%'
   },
   option: {
     listStyle: 'none',
@@ -25129,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',
@@ -25139,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',
@@ -25163,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',
@@ -25183,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',
@@ -25208,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',
@@ -28024,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,
@@ -32207,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'
@@ -42279,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,
@@ -42505,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);
 };
@@ -43799,7 +43844,7 @@ var useForm = function useForm(props) {
       removeArr: new Set(),
       names: new Set(),
       submitLock: false,
-      value: props.value || emptyObj,
+      value: deepClone(props.value) || emptyObj,
       errors: {},
       serverErrors: {},
       lastValue: props.value || emptyObj,
@@ -46532,7 +46577,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), {}, {
@@ -46731,7 +46777,6 @@ var VirtualList = function VirtualList(props) {
     tag = _props$tag === void 0 ? 'div' : _props$tag,
     tagClassName = props.tagClassName,
     virtualRef = props.virtualRef,
-    childrenStyle = props.childrenStyle,
     onControlTypeChange = props.onControlTypeChange;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -46785,7 +46830,9 @@ var VirtualList = function VirtualList(props) {
       scrollWidth: 0,
       scrollHeight: scrollHeight,
       wrapperRef: wrapperRef,
-      childrenStyle: childrenStyle,
+      childrenStyle: {
+        width: '100%'
+      },
       onScroll: handleScroll,
       onMouseMove: handleMouseMove,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(Tag, {
@@ -47260,9 +47307,6 @@ var list_List = function List(props) {
       height: height,
       lineHeight: lineHeight,
       rowsInView: itemsInView,
-      childrenStyle: {
-        width: '100%'
-      },
       renderItem: renderItem,
       customRenderItem: renderGroupTitle,
       onControlTypeChange: onControlTypeChange
@@ -62122,7 +62166,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.1.10'
+  version: '3.1.12'
 });
 }();
 /******/ 	return __webpack_exports__;