shineout 3.3.3-beta.8 → 3.3.3-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.3-beta.8'
+  version: '3.3.3-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.3-beta.8');
+/* harmony default export */ var version = ('3.3.3-fix.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -16813,6 +16813,13 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.cascaderPlaceholderMarginY,
     marginBottom: src.cascaderPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,
@@ -22136,6 +22143,13 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.selectPlaceholderMarginY,
     marginBottom: src.selectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,
@@ -27042,6 +27056,13 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.treeSelectPlaceholderMarginY,
     marginBottom: src.treeSelectPlaceholderMarginY
   },
+  inputPlaceholder: {
+    pointerEvents: 'none',
+    opacity: 0.5,
+    inset: 0,
+    position: 'absolute',
+    padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX)
+  },
   inputMirror: {
     position: 'absolute',
     left: 0,
@@ -29854,7 +29875,7 @@ var addResizeObserver = function addResizeObserver(el, handler) {
           if (height && lastHeight !== height) {
             debounceHandler(entry);
           }
-        } else if (width && height) {
+        } else if (lastWidth !== width || lastHeight !== height) {
           debounceHandler(entry, {
             x: lastWidth !== width,
             y: lastHeight !== height
@@ -31828,19 +31849,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;
     }
@@ -36236,6 +36256,13 @@ var ResultInput = function ResultInput(props) {
     onRef.current = inputRef.current;
     onBindInput === null || onBindInput === void 0 || onBindInput(inputRef.current);
   }, []);
+  var renderResultPlaceholder = function renderResultPlaceholder() {
+    if (inputText || !focus || typeof props.placeholder === 'string') return null;
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: styles.inputPlaceholder,
+      children: props.placeholder
+    });
+  };
   var style = {};
   if (!multiple) {
     style.width = '100%';
@@ -36249,7 +36276,7 @@ var ResultInput = function ResultInput(props) {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
       onRef: bindInputRef,
       style: style,
-      placeholder: props.placeholder,
+      placeholder: typeof props.placeholder === 'string' ? props.placeholder : undefined,
       value: inputText,
       maxLength: maxLength,
       onChange: onChange,
@@ -36261,7 +36288,7 @@ var ResultInput = function ResultInput(props) {
       className: styles.inputMirror,
       ref: mirrorRef,
       children: inputText || value
-    })]
+    }), renderResultPlaceholder()]
   });
 };
 /* harmony default export */ var result_input = (ResultInput);
@@ -36790,14 +36817,10 @@ var result_Result = function Result(props) {
     onResultItemClick === null || onResultItemClick === void 0 || onResultItemClick(e, item);
   };
   var renderInput = function renderInput() {
-    var placeholder2 = empty ? placeholder : '';
+    var _placeholder = empty ? placeholder : '';
     if (!multiple && valueProp && valueProp !== 0) {
       var _result = getDataByValues(value);
-      // 获取合法的 content
-      var content = renderResultContent(_result[0]);
-      if (typeof content === 'string') {
-        placeholder2 = content;
-      }
+      _placeholder = renderResultContent(_result[0]);
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(result_input, {
@@ -36815,7 +36838,7 @@ var result_Result = function Result(props) {
         convertBr: convertBr,
         onInputBlur: onInputBlur,
         onClearCreatedData: onClearCreatedData,
-        placeholder: placeholder2,
+        placeholder: _placeholder,
         disabled: isFunc(disabled) ? false : !!disabled
       })
     }, 'input');
@@ -63708,7 +63731,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.3-beta.8'
+  version: '3.3.3-fix.1'
 });
 }();
 /******/ 	return __webpack_exports__;