@sheinx/base 3.1.0-rc.3 → 3.1.0

package/esm/input/input-group.js

@@ -16,6 +16,7 @@ import { Children, cloneElement, useRef } from 'react';
 import classNames from 'classnames';
 import useWithFormConfig from "../common/use-with-form-config";
 import { util } from '@sheinx/hooks';
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function (props) {
   var _jssStyle$input;
@@ -23,6 +24,7 @@ export default (function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focus = _React$useState2[0],
     setFocus = _React$useState2[1];
+  var config = useConfig();
   var jssStyle = props.jssStyle;
   var inputStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
   var ref = useRef({
@@ -71,6 +73,7 @@ export default (function (props) {
     style: _objectSpread({
       width: width
     }, style),
+    dir: config === null || config === void 0 ? void 0 : config.direction,
     children: Children.toArray(children).map(function (child, i) {
       if (typeof child === 'string') {
         return /*#__PURE__*/_jsx("span", {

package/esm/input/simple-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAyFrC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBA4FrC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/simple-input.js

@@ -11,6 +11,7 @@ import { useInput, useKeyEvent, usePersistFn, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React from 'react';
 import Icons from "../icons";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Input = function Input(props) {
@@ -33,6 +34,7 @@ var Input = function Input(props) {
     hasSuffix = props.hasSuffix,
     rest = _objectWithoutProperties(props, _excluded);
   var inputStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
+  var config = useConfig();
   var _useInput = useInput(_objectSpread(_objectSpread({}, rest), {}, {
       onFocusedChange: onFocusedChange
     })),
@@ -74,6 +76,7 @@ var Input = function Input(props) {
       }, getClearProps()), {}, {
         children: /*#__PURE__*/_jsx("span", {
           className: inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.clear,
+          dir: config.direction,
           children: clearIcon || Icons.input.Close
         })
       })), suffix]

package/esm/input/use-input-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-common.d.ts","sourceRoot":"","sources":["use-input-common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,QAAA,MAAM,cAAc;;;;;;;;;;gCAsG8B,OAAO;;;;;;;gBAQnB,gBAAgB,CAAC,gBAAgB,CAAC;CAsBvE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-input-common.d.ts","sourceRoot":"","sources":["use-input-common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,QAAA,MAAM,cAAc;;;;;;;;;;gCAwG8B,OAAO;;;;;;;gBAQnB,gBAAgB,CAAC,gBAAgB,CAAC;CAsBvE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/input/use-input-common.js

@@ -14,7 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useMemo } from 'react';
-import { useInputAble, usePersistFn } from '@sheinx/hooks';
+import { useInputAble, usePersistFn, util } from '@sheinx/hooks';
 import useClear from "../common/use-clear";
 import useInnerTitle from "../common/use-inner-title";
 import useTip from "../common/use-tip";
@@ -83,7 +83,7 @@ var useInputCommon = function useInputCommon(props0) {
     delay: delay
   });
   var hasValue = function hasValue(value) {
-    return value === 0 || value && value.length;
+    return util.isNumber(value) && !util.isNan(value) || value && value.length;
   };
   var renderInput = useInnerTitle({
     innerTitle: innerTitle,
@@ -112,6 +112,7 @@ var useInputCommon = function useInputCommon(props0) {
         minWidth: 'auto'
       },
       className: classNames(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.info, !!isError && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.infoError)),
+      dir: config.direction,
       children: text
     }, 'info');
   };

package/esm/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,QAAA,MAAM,IAAI,mFAsMT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,QAAA,MAAM,IAAI,mFAuMT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/list/list.js

@@ -75,9 +75,6 @@ var List = function List(props) {
     var listStyle = _objectSpread({
       width: "".concat(100 / colNum, "%")
     }, props.itemStyle);
-    if (props.fixed) {
-      listStyle.height = lineHeight;
-    }
     return /*#__PURE__*/_jsx("div", {
       className: classNames(listClasses === null || listClasses === void 0 ? void 0 : listClasses.item, rowClass),
       style: listStyle,
@@ -103,6 +100,9 @@ var List = function List(props) {
   var renderColumn = usePersistFn(function (columnData, columnIndex) {
     return /*#__PURE__*/_jsx("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
+      style: {
+        height: props.fixed ? lineHeight : 'auto'
+      },
       children: columnData.map(function (item, rowIndex) {
         var index = rowIndex + columnIndex * colNum;
         return renderItem(item, index);
@@ -142,7 +142,7 @@ var List = function List(props) {
     if (typeof scrollLoading !== 'function') return;
     var scrollTop = e.currentTarget.scrollTop;
     if (!scrollTop) return;
-    var isEnd = scrollTop + e.currentTarget.clientHeight >= e.currentTarget.scrollHeight;
+    var isEnd = e.currentTarget.scrollHeight - scrollTop - e.currentTarget.clientHeight < 1;
     if (isEnd) {
       scrollLoading();
     }

package/esm/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBAwJzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBA6JzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/menu/item.js

@@ -8,6 +8,7 @@ import { cloneElement } from 'react';
 import classNames from 'classnames';
 import { useMenuItem, util } from '@sheinx/hooks';
 import Icons from "../icons";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
@@ -19,6 +20,7 @@ var MenuItem = function MenuItem(props) {
     inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
     _props$frontCaretType = props.frontCaretType,
     frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
+  var config = useConfig();
   var hasExpandAbleChildren = children.some(function (item) {
     return item && item.children && (props.looseChildren || item.children.length);
   });
@@ -84,6 +86,7 @@ var MenuItem = function MenuItem(props) {
           },
           className: classNames(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandFront, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
           onClick: handleExpandClick,
+          dir: config.direction,
           children: /*#__PURE__*/_jsx("div", {
             className: classes === null || classes === void 0 ? void 0 : classes.icon,
             children: frontCaretType === 'hollow' ? Icons.menu.CollapseArrow : Icons.menu.FrontSolidArrowDown
@@ -100,6 +103,7 @@ var MenuItem = function MenuItem(props) {
             color: props.caretColor
           },
           className: classNames(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandBack, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
+          dir: config.direction,
           children: /*#__PURE__*/_jsx("div", {
             className: classes === null || classes === void 0 ? void 0 : classes.icon,
             children: Icons.menu.CollapseArrow
@@ -112,8 +116,10 @@ var MenuItem = function MenuItem(props) {
     className: classNames(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
+    dir: config.direction,
     children: [renderItem(), children.length > 0 && /*#__PURE__*/_jsx("ul", {
       className: classNames(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
+      dir: config.direction,
       children: children.map(function (item, index) {
         var key = util.getKey(props.keygen, item, index);
         return /*#__PURE__*/_createElement(MenuItem, _objectSpread(_objectSpread({}, props), {}, {

package/esm/menu/scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["scrollbar.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,uBAuFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["scrollbar.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,uBAwFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/scrollbar.js

@@ -71,6 +71,7 @@ var Scrollbar = function Scrollbar(props) {
   }
   return /*#__PURE__*/_jsx("div", {
     className: classNames(classes === null || classes === void 0 ? void 0 : classes.scrollbar, props.direction === 'x' && (classes === null || classes === void 0 ? void 0 : classes.scrollbarX), props.direction === 'y' && (classes === null || classes === void 0 ? void 0 : classes.scrollbarY), isDragging && (classes === null || classes === void 0 ? void 0 : classes.scrollbarDragging)),
+    dir: config.direction,
     onClick: handleBgClick,
     children: /*#__PURE__*/_jsx("div", {
       className: classes === null || classes === void 0 ? void 0 : classes.scrolbarHandler,

package/esm/rate/rate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,QAAA,MAAM,IAAI,WAAY,SAAS,gBAyH9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,WAAY,SAAS,gBA2H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/rate/rate.js

@@ -9,11 +9,13 @@ import React, { useState } from 'react';
 import Icons from "../icons";
 import { useInputAble } from '@sheinx/hooks';
 import useWithFormConfig from "../common/use-with-form-config";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Rate = function Rate(props0) {
   var _props$jssStyle, _props$jssStyle$rate;
   var props = useWithFormConfig(props0);
+  var config = useConfig();
   var size = props0.size;
   var _props$max = props.max,
     max = _props$max === void 0 ? 5 : _props$max,
@@ -89,6 +91,7 @@ var Rate = function Rate(props0) {
           handleChange(index + 0.5);
         } : undefined,
         className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemHalf,
+        dir: config.direction,
         children: frontItem
       })]
     }, index);

package/esm/select/list-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-option.d.ts","sourceRoot":"","sources":["list-option.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,QAAA,MAAM,UAAU,2EAiDf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"list-option.d.ts","sourceRoot":"","sources":["list-option.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,QAAA,MAAM,UAAU,2EAuDf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/select/list-option.js

@@ -4,6 +4,7 @@ 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); }
 import classNames from 'classnames';
 import Icons from "../icons";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ListOption = function ListOption(props) {
@@ -17,6 +18,7 @@ var ListOption = function ListOption(props) {
     renderItem = props.renderItem,
     onHover = props.onHover,
     onOptionClick = props.onOptionClick;
+  var config = useConfig();
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
   var isChecked = datum.check(data);
   var isDisabled = datum.disabledCheck(data);
@@ -26,6 +28,7 @@ var ListOption = function ListOption(props) {
     onHover(index);
   };
   var handleClick = function handleClick() {
+    if (datum.disabledCheck(data)) return;
     if (isChecked && multiple) {
       datum.remove(data);
     } else {
@@ -36,6 +39,7 @@ var ListOption = function ListOption(props) {
   var renderCheckedIcon = function renderCheckedIcon() {
     return /*#__PURE__*/_jsx("span", {
       className: styles.checkedIcon,
+      dir: config.direction,
       children: Icons.select.Check
     });
   };

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

@@ -1 +1 @@
-{"version":3,"file":"result-input.d.ts","sourceRoot":"","sources":["result-input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBAgG3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"result-input.d.ts","sourceRoot":"","sources":["result-input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBA6F3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/result-input.js

@@ -22,10 +22,7 @@ var ResultInput = function ResultInput(props) {
   var bindInputRef = function bindInputRef(ref) {
     inputRef.current = ref;
   };
-  var handleBlur = function handleBlur(e) {
-    if (e.target.value === inputText) {
-      return;
-    }
+  var handleBlur = function handleBlur() {
     if (trim) {
       return onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(inputText === null || inputText === void 0 ? void 0 : inputText.trim());
     }

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,uEAgXX,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

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
 import classNames from 'classnames';
 import { util, addResizeObserver } from '@sheinx/hooks';
 import Input from "./result-input";
@@ -21,7 +21,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var isObject = util.isObject,
   isEmpty = util.isEmpty,
   isNumber = util.isNumber,
-  getKey = util.getKey,
   isUnMatchedData = util.isUnMatchedData,
   isFunc = util.isFunc,
   isArray = util.isArray;
@@ -56,14 +55,18 @@ var Result = function Result(props) {
     getDataByValues = props.getDataByValues,
     checkUnMatched = props.checkUnMatched,
     onRemove = props.onRemove,
-    onResultItemClick = props.onResultItemClick;
-  var value = [null, undefined, ''].includes(valueProp) ? [] : multiple ? valueProp : [valueProp];
+    onResultItemClick = props.onResultItemClick,
+    data = props.data;
+  var value = [null, undefined, ''].includes(valueProp) ? [] : Array.isArray(valueProp) ? 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);
@@ -130,19 +133,9 @@ var Result = function Result(props) {
       })
     }, 'input');
   };
-  var renderResultItem = function renderResultItem(item, index, nodes) {
-    var key;
-    if (isUnMatchedData(item)) {
-      if (isFunc(keygen)) {
-        key = keygen(item.value, index);
-      } else {
-        key = item.value;
-      }
-    } else {
-      key = getKey(keygen, item, index);
-    }
+  var renderResultItem = function renderResultItem(item, index, nodes, v) {
     var handleClose = function handleClose() {
-      onRemove === null || onRemove === void 0 || onRemove(item, key, index);
+      onRemove === null || onRemove === void 0 || onRemove(item, v);
     };
     var isDisabled;
     if (util.isFunc(disabled)) {
@@ -152,7 +145,7 @@ var Result = function Result(props) {
     }
     var resultClassName;
     if (util.isFunc(props.resultClassName)) {
-      resultClassName = props.resultClassName(key);
+      resultClassName = props.resultClassName(isUnMatchedData(item) ? item.value : item);
     } else {
       resultClassName = props.resultClassName;
     }
@@ -162,8 +155,9 @@ var Result = function Result(props) {
     var content = renderResultContent(item, index, nodes);
     if (!content) return null;
     if (renderResultContentProp) {
+      // cascader 不渲染tag
       return renderResultContentProp(_objectSpread({
-        key: key,
+        key: index,
         size: size,
         disabled: isDisabled,
         className: classNames(styles.tag, styles.hideTag, resultClassName),
@@ -189,7 +183,7 @@ var Result = function Result(props) {
       type: disabled === true ? 'dark' : undefined
     })), {}, {
       children: content
-    }), key);
+    }), index);
   };
   var renderNbsp = function renderNbsp() {
     return /*#__PURE__*/_jsx(React.Fragment, {
@@ -220,22 +214,28 @@ var Result = function Result(props) {
       children: content
     }, 'single');
   };
+  var getValueArr = function getValueArr(v) {
+    return (isArray(v) ? v : [v]).filter(function (v) {
+      return v !== undefined && v !== null;
+    });
+  };
   var renderMultipleResult = function renderMultipleResult() {
     if (isEmptyResult()) return renderNbsp();
     // [TODO] separator 处理逻辑后续交给 hooks 处理，此处临时处理
-    var nextValue = value;
+    var nextValue = getValueArr(value);
     if (separator && util.isString(valueProp)) {
       nextValue = valueProp.split(separator);
     }
-    var values = getDataByValues(nextValue);
-    var result = values.map(function (v, i) {
-      if (renderResultContentProp && i !== values.length - 1) {
-        return [renderResultItem(v, i, values), /*#__PURE__*/_jsx("span", {
+    var datas = getDataByValues(nextValue);
+    var result = datas.map(function (d, i) {
+      var v = nextValue[i];
+      if (renderResultContentProp && i !== datas.length - 1) {
+        return [renderResultItem(d, i, datas, v), /*#__PURE__*/_jsx("span", {
           className: classNames(styles.tag, styles.hideTag),
           children: "/"
         }, "separator-".concat(i))];
       }
-      return renderResultItem(v, i, values);
+      return renderResultItem(d, i, datas, v);
     });
     return result;
   };
@@ -278,7 +278,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,35 +292,27 @@ var Result = function Result(props) {
     mounted.current = true;
   }, [focus]);
   useEffect(function () {
-    if (!focus) return;
-    if (!resultRef.current) return;
-    if (!compressed) return;
-    if (isCompressedBound()) return;
     handleResetMore();
-  }, [valueProp, focus]);
-  useEffect(function () {
-    if (!compressed) return;
-    if (!resultRef.current) return;
-    if (more === -1) {
+  }, [valueProp, data]);
+  useLayoutEffect(function () {
+    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,eA6tBxE;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,eAmtBxE;AAED,eAAe,MAAM,CAAC"}

package/esm/select/select.js

@@ -39,7 +39,8 @@ function Select(props0) {
   var _jssStyle$select;
   var props = useWithFormConfig(props0);
   var _useConfig = useConfig(),
-    locale = _useConfig.locale;
+    locale = _useConfig.locale,
+    direction = _useConfig.direction;
   var jssStyle = props.jssStyle,
     className = props.className,
     size = props.size,
@@ -74,8 +75,6 @@ function Select(props0) {
     _props$height = props.height,
     height = _props$height === void 0 ? 250 : _props$height,
     openProp = props.open,
-    _props$position = props.position,
-    positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
     lineHeight = props.lineHeight,
     itemsInView = props.itemsInView,
     _props$showArrow = props.showArrow,
@@ -116,9 +115,11 @@ function Select(props0) {
     onFocus = props.onFocus,
     onCollapseProp = props.onCollapse,
     onEnterExpand = props.onEnterExpand,
-    filterSameChange = props.filterSameChange;
+    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 positionProp = props.position || (direction === 'rtl' ? 'bottom-right' : 'bottom-left');
   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
@@ -131,8 +132,6 @@ function Select(props0) {
     _useState4 = _slicedToArray(_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
-  var isPreventBlur = useRef(false);
-  var blurEvent = useRef();
   var inputRef = useRef();
   var optionListRef = useRef();
   var _useFilter = useFilter({
@@ -161,14 +160,6 @@ function Select(props0) {
     rawData = _useFilter.rawData;
   var onCollapse = usePersistFn(function (collapse) {
     onCollapseProp === null || onCollapseProp === void 0 || onCollapseProp(collapse);
-    if (isPreventBlur.current) {
-      isPreventBlur.current = false;
-      return;
-    }
-    if (blurEvent.current && !collapse) {
-      blurEvent.current();
-      blurEvent.current = null;
-    }
     onClearCreatedData();
   });
   var renderMoreIcon = function renderMoreIcon() {
@@ -233,7 +224,8 @@ function Select(props0) {
       prediction: prediction,
       beforeChange: beforeChange,
       onChange: handleSelectChange,
-      filterSameChange: filterSameChange
+      filterSameChange: filterSameChange,
+      noCache: noCache
     }),
     datum = _useSelect.datum,
     value = _useSelect.value;
@@ -351,12 +343,12 @@ function Select(props0) {
     if (!onCreate) return;
     if (multiple && !text) return;
     // 防止点击 option 后触发 blur 事件，先把要做的事情存起来，后面再看要不要执行
-    blurEvent.current = function () {
-      if (createdData) {
-        handleChange(createdData);
+    if (createdData) {
+      if (!datum.check(createdData)) {
+        datum.add(createdData);
       }
       onClearCreatedData();
-    };
+    }
   };
   var handleFilter = function handleFilter(text, from) {
     var hideCreate = onCreate && hideCreateOption;
@@ -373,7 +365,6 @@ function Select(props0) {
     onFilter === null || onFilter === void 0 || onFilter(trim ? text.trim() : text, from);
   };
   var handleOptionClick = function handleOptionClick() {
-    isPreventBlur.current = true;
     if (multiple) return;
     // 单选结束后需要清除创建项
     onClearCreatedData();

package/esm/steps/step.arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBA2BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAgCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/steps/step.arrow.js

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
 import { util } from '@sheinx/hooks';
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ArrowStep = function ArrowStep(props) {
@@ -12,9 +13,11 @@ var ArrowStep = function ArrowStep(props) {
     status = props.status;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = classNames(styles.arrow);
+  var config = useConfig();
   var renderTitle = function renderTitle() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.title,
+      dir: config.direction,
       children: util.isFunc(title) ? title(index, status) : title
     });
   };
@@ -33,6 +36,7 @@ var ArrowStep = function ArrowStep(props) {
   return /*#__PURE__*/_jsx("div", {
     className: rootClass,
     onClick: onChange,
+    dir: config.direction,
     children: renderContent()
   });
 };

package/esm/steps/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAqGvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAuGvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/steps/step.default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBA0EzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBAmFzC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/steps/step.default.js

@@ -5,6 +5,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import classNames from 'classnames';
 import { util } from '@sheinx/hooks';
 import Icons from "../icons";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var DefaultStep = function DefaultStep(props) {
@@ -20,17 +21,20 @@ var DefaultStep = function DefaultStep(props) {
     onChange = props.onChange;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = styles.default;
+  var config = useConfig();
   var iconClass = classNames(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
   var showTail = labelPlacement === 'vertical' || direction === 'vertical';
   var renderTail = function renderTail() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.tail,
-      children: " "
+      dir: config.direction,
+      children: ' '
     });
   };
   var renderTitle = function renderTitle() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.title,
+      dir: config.direction,
       children: util.isFunc(title) ? title(index, status) : title
     });
   };
@@ -44,6 +48,7 @@ var DefaultStep = function DefaultStep(props) {
     if (renderIconProp) return /*#__PURE__*/_jsx("div", {
       className: iconClass,
       onClick: onChange,
+      dir: config.direction,
       children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper,
         children: renderIconProp(index, status)

package/esm/steps/step.dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBA0DrC,CAAC;AAEF,eAAe,OAAO,CAAC"}