@sheinx/base 3.0.8 → 3.0.9

package/cjs/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,wBAqDE"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,wBAwDE"}

package/cjs/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA+WX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEAkXX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/select/result.js

@@ -64,14 +64,18 @@ var Result = function Result(props) {
     getDataByValues = props.getDataByValues,
     checkUnMatched = props.checkUnMatched,
     onRemove = props.onRemove,
-    onResultItemClick = props.onResultItemClick;
+    onResultItemClick = props.onResultItemClick,
+    data = props.data;
   var value = [null, undefined, ''].includes(valueProp) ? [] : multiple ? valueProp : [valueProp];
   var _useState = (0, _react.useState)(-1),
     _useState2 = _slicedToArray(_useState, 2),
     more = _useState2[0],
     setMore = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    shouldResetMore = _useState4[0],
+    setShouldResetMore = _useState4[1];
   var resultRef = (0, _react.useRef)(null);
-  var shouldResetMore = (0, _react.useRef)(false);
   var prevMore = (0, _react.useRef)(more);
   var showInput = allowOnFilter;
   var mounted = (0, _react.useRef)(false);
@@ -143,6 +147,7 @@ var Result = function Result(props) {
     if (isUnMatchedData(item)) {
       if (isFunc(keygen)) {
         key = keygen(item.value, index);
+        if (key === undefined) key = index;
       } else {
         key = item.value;
       }
@@ -286,7 +291,9 @@ var Result = function Result(props) {
   };
   var handleResetMore = function handleResetMore() {
     if (!compressed) return;
-    shouldResetMore.current = true;
+    if (isCompressedBound()) return;
+    setMore(-1);
+    setShouldResetMore(true);
   };
   (0, _react.useEffect)(function () {
     if (!focus && mounted.current) {
@@ -298,34 +305,27 @@ var Result = function Result(props) {
     mounted.current = true;
   }, [focus]);
   (0, _react.useEffect)(function () {
-    if (!resultRef.current) return;
-    if (!compressed) return;
-    if (isCompressedBound()) return;
     handleResetMore();
-  }, [valueProp]);
+  }, [valueProp, data]);
   (0, _react.useEffect)(function () {
-    if (!compressed) return;
-    if (!resultRef.current) return;
-    if (more === -1) {
+    if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || [].length)) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
-      if (shouldResetMore.current && isArray(value) && (value || []).length) {
-        shouldResetMore.current = false;
+      if (shouldResetMore && isArray(value) && (value || []).length) {
         var newMore = (0, _resultMore.getResetMore)(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
-
-        // 下次触发折叠逻辑的时候，将多余的 tag 隐藏，避免视图闪断
-        if (newMore !== prevMore.current && prevMore.current === -1 && newMore > prevMore.current) {
-          var tags = resultRef.current.querySelectorAll(tagClassName);
-          tags.forEach(function (tag, index) {
-            if (index >= newMore) tag.setAttribute('style', 'opacity: 0');
-          });
-        }
         prevMore.current = newMore;
         setMore(newMore);
+        setShouldResetMore(false);
+      } else {
+        setShouldResetMore(false);
       }
+    } else {
+      setShouldResetMore(false);
     }
-  }, [valueProp, more]);
+  }, [shouldResetMore]);
   (0, _react.useEffect)(function () {
     if (!resultRef.current) return;
+    if (!compressed) return;
+    if (isCompressedBound()) return;
     var cancelObserver = (0, _hooks.addResizeObserver)(resultRef.current, handleResetMore, {
       direction: 'x'
     });

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eA+tBxE;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eA8tBxE;AAED,eAAe,MAAM,CAAC"}

package/cjs/select/select.js

@@ -126,7 +126,7 @@ function Select(props0) {
     filterSameChange = props.filterSameChange,
     noCache = props.noCache;
   var hasFilter = _hooks.util.isFunc(props.onAdvancedFilter || onFilterProp);
-  var showInput = hasFilter || _hooks.util.isFunc(onCreateProp);
+  var showInput = hasFilter || _hooks.util.isFunc(onCreateProp) || onCreateProp === true;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
   var rootStyle = Object.assign({
     width: width

package/esm/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,wBAqDE"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,wBAwDE"}

package/esm/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA+WX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEAkXX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -56,14 +56,18 @@ var Result = function Result(props) {
     getDataByValues = props.getDataByValues,
     checkUnMatched = props.checkUnMatched,
     onRemove = props.onRemove,
-    onResultItemClick = props.onResultItemClick;
+    onResultItemClick = props.onResultItemClick,
+    data = props.data;
   var value = [null, undefined, ''].includes(valueProp) ? [] : multiple ? valueProp : [valueProp];
   var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
     more = _useState2[0],
     setMore = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    shouldResetMore = _useState4[0],
+    setShouldResetMore = _useState4[1];
   var resultRef = useRef(null);
-  var shouldResetMore = useRef(false);
   var prevMore = useRef(more);
   var showInput = allowOnFilter;
   var mounted = useRef(false);
@@ -135,6 +139,7 @@ var Result = function Result(props) {
     if (isUnMatchedData(item)) {
       if (isFunc(keygen)) {
         key = keygen(item.value, index);
+        if (key === undefined) key = index;
       } else {
         key = item.value;
       }
@@ -278,7 +283,9 @@ var Result = function Result(props) {
   };
   var handleResetMore = function handleResetMore() {
     if (!compressed) return;
-    shouldResetMore.current = true;
+    if (isCompressedBound()) return;
+    setMore(-1);
+    setShouldResetMore(true);
   };
   useEffect(function () {
     if (!focus && mounted.current) {
@@ -290,34 +297,27 @@ var Result = function Result(props) {
     mounted.current = true;
   }, [focus]);
   useEffect(function () {
-    if (!resultRef.current) return;
-    if (!compressed) return;
-    if (isCompressedBound()) return;
     handleResetMore();
-  }, [valueProp]);
+  }, [valueProp, data]);
   useEffect(function () {
-    if (!compressed) return;
-    if (!resultRef.current) return;
-    if (more === -1) {
+    if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || [].length)) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
-      if (shouldResetMore.current && isArray(value) && (value || []).length) {
-        shouldResetMore.current = false;
+      if (shouldResetMore && isArray(value) && (value || []).length) {
         var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
-
-        // 下次触发折叠逻辑的时候，将多余的 tag 隐藏，避免视图闪断
-        if (newMore !== prevMore.current && prevMore.current === -1 && newMore > prevMore.current) {
-          var tags = resultRef.current.querySelectorAll(tagClassName);
-          tags.forEach(function (tag, index) {
-            if (index >= newMore) tag.setAttribute('style', 'opacity: 0');
-          });
-        }
         prevMore.current = newMore;
         setMore(newMore);
+        setShouldResetMore(false);
+      } else {
+        setShouldResetMore(false);
       }
+    } else {
+      setShouldResetMore(false);
     }
-  }, [valueProp, more]);
+  }, [shouldResetMore]);
   useEffect(function () {
     if (!resultRef.current) return;
+    if (!compressed) return;
+    if (isCompressedBound()) return;
     var cancelObserver = addResizeObserver(resultRef.current, handleResetMore, {
       direction: 'x'
     });

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eA+tBxE;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eA8tBxE;AAED,eAAe,MAAM,CAAC"}

package/esm/select/select.js

@@ -119,7 +119,7 @@ function Select(props0) {
     filterSameChange = props.filterSameChange,
     noCache = props.noCache;
   var hasFilter = util.isFunc(props.onAdvancedFilter || onFilterProp);
-  var showInput = hasFilter || util.isFunc(onCreateProp);
+  var showInput = hasFilter || util.isFunc(onCreateProp) || onCreateProp === true;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
   var rootStyle = Object.assign({
     width: width

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.0.8",
+  "version": "3.0.9",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.0.8",
+    "@sheinx/hooks": "3.0.9",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.2"