shineout 3.3.0 → 3.3.2-fix.1

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.3.0'
+  version: '3.3.2-fix.1'
 };

package/dist/shineout.js

@@ -11968,7 +11968,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.3.0');
+/* harmony default export */ var version = ('3.3.2-fix.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -18262,7 +18262,7 @@ var dropdown_dropdown = {
     height: '1em',
     display: 'inline-block',
     lineHeight: '1',
-    marginLeft: src.dropdownCaretMarginLeft,
+    // marginLeft: token.dropdownCaretMarginLeft,
     '$wrapper[data-position^="right"] > $button & > svg': {
       transform: 'rotate(-90deg)'
     },
@@ -18288,7 +18288,10 @@ var dropdown_dropdown = {
   },
   content: {
     flex: '1',
-    minWidth: '0'
+    minWidth: '0',
+    '& + $caret': {
+      marginLeft: src.dropdownCaretMarginLeft
+    }
   },
   button: {
     '$wrapper &': {
@@ -24874,6 +24877,7 @@ var getLineStyle = function getLineStyle() {
     '&[data-soui-position^="top-"][data-soui-shape="line"]': objectSpread2_default()({
       '& $hr': {
         bottom: 0,
+        left: 0,
         height: 1,
         width: '100%'
       }
@@ -24886,6 +24890,7 @@ var getLineStyle = function getLineStyle() {
     '&[data-soui-position^="bottom-"][data-soui-shape="line"]': objectSpread2_default()(objectSpread2_default()({
       '& $hr': {
         top: 0,
+        left: 0,
         height: 1,
         width: '100%'
       }
@@ -31821,19 +31826,18 @@ function useInputAble(props) {
   var render = useRender(syncValue);
   var shouldUseState = delay || !control;
   var value = shouldUseState ? stateValue : valuePo;
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (context.timer) {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (delay && control && props.value !== stateValue) {
+      changeStateValue(props.value);
+    } else if (context.timer) {
       clearTimeout(context.timer);
       context.timer = null;
     }
-    if (delay && props.value !== stateValue) {
-      changeStateValue(props.value);
-    }
-  }, [props.value, delay]);
+  }, [props.value, delay, control]);
   var forceDelayChange = use_persist_fn(function () {
-    if (context.timer && context.delayChange) {
+    if (context.delayChange) context.delayChange();
+    if (context.timer) {
       clearTimeout(context.timer);
-      context.delayChange();
       context.timer = null;
       context.delayChange = null;
     }
@@ -43339,7 +43343,10 @@ var Modal = function Modal(props) {
     });
   };
   var renderHeader = function renderHeader() {
-    var showCloseIcon = (maskCloseAble === null || !!maskCloseAble) && !props.hideClose;
+    var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
+    if (props.hideClose !== undefined) {
+      showCloseIcon = !props.hideClose;
+    }
     var isEmptyTitle = !props.title && props.title !== 0;
     if (isEmptyTitle) {
       var closeRoot = classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
@@ -43424,6 +43431,9 @@ var Modal = function Modal(props) {
   }
   return /*#__PURE__*/(0,jsx_runtime.jsx)(FormFooterProvider, {
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      },
       className: classnames_default()(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, (context.isMask || props.forceMask) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
       onAnimationEnd: handleAnimationEnd,
       style: {
@@ -43841,10 +43851,10 @@ var Dropdown = function Dropdown(props) {
       dir: config.direction,
       children: icons_config.dropdown.DropdownArrow
     }, 'caret');
-    var child = [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    var child = placeholder ? [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.content,
       children: placeholder
-    }, 'text')];
+    }, 'text')] : [];
     if (!hideArrow) {
       child.push(caret);
     }
@@ -44549,9 +44559,9 @@ var EditableArea = function EditableArea(props) {
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: classnames_default()(className, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapper, status === 'error' && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperError), disabled && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperDisabled), !bordered && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperNoBorder), !!props.innerTitle && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitle)),
-    style: objectSpread2_default()(objectSpread2_default()({}, style), {}, {
+    style: objectSpread2_default()({
       width: width
-    }),
+    }, style),
     ref: wrapperRef,
     children: [renderPlaceholder(), renderClear(), renderPopup()]
   });
@@ -47413,7 +47423,8 @@ var input_input_Input = function Input(props) {
       }
       if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement(child)) {
         return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(child, objectSpread2_default()(objectSpread2_default()({}, getProps(child)), {}, {
-          disabled: child.props.disabled || disabled
+          disabled: child.props.disabled || disabled,
+          size: child.props.size || size
         }));
       }
       return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -63575,7 +63586,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.0'
+  version: '3.3.2-fix.1'
 });
 }();
 /******/ 	return __webpack_exports__;