shineout 3.5.1-beta.2 → 3.5.1-beta.4

package/cjs/index.js

@@ -500,5 +500,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.5.1-beta.2'
+  version: '3.5.1-beta.4'
 };

package/dist/shineout.js

@@ -12002,7 +12002,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.5.1-beta.2');
+/* harmony default export */ var version = ('3.5.1-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -16896,6 +16896,11 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   }),
+  virtual: {
+    '& $filterList': {
+      overflow: 'hidden'
+    }
+  },
   wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, wrapperDisabled), {}, {
     '& $icon': {
       color: src.cascaderDisabledFontColor
@@ -17136,6 +17141,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   filterList: {
     display: 'block',
+    overflow: 'auto',
     '& $list': {
       width: '100%'
     }
@@ -37728,6 +37734,8 @@ var FilterNode = function FilterNode(props) {
 
 
 
+
+
 var FilterList = function FilterList(props) {
   var _jssStyle$cascader;
   var jssStyle = props.jssStyle,
@@ -37735,16 +37743,33 @@ var FilterList = function FilterList(props) {
     datum = props.datum,
     loading = props.loading,
     childrenKey = props.childrenKey,
+    keygen = props.keygen,
     wideMatch = props.wideMatch,
+    virtual = props.virtual,
+    height = props.height,
+    size = props.size,
     shouldFinal = props.shouldFinal,
     filterFunc = props.filterFunc,
-    renderItem = props.renderItem,
+    renderItemProp = props.renderItem,
     renderOptionList = props.renderOptionList,
     setInputText = props.setInputText,
     setFilterText = props.setFilterText,
     onChange = props.onChange,
     onPathChange = props.onPathChange;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var virtualRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    scrollByStep: undefined,
+    getCurrentIndex: undefined,
+    getHoverIndex: undefined
+  });
+  var getLineHeight = function getLineHeight() {
+    // if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
+    if (size === 'small') return 26;
+    if (size === 'default') return 34;
+    if (size === 'large') return 42;
+    return 34;
+  };
+  var lineHeight = getLineHeight();
   var getKey = function getKey(path) {
     return path.map(function (d) {
       return datum.getKey(d);
@@ -37757,32 +37782,63 @@ var FilterList = function FilterList(props) {
       });
     });
   };
+  var renderItem = function renderItem(item) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(filter_node, {
+      jssStyle: jssStyle,
+      data: item,
+      datum: datum,
+      shouldFinal: shouldFinal,
+      renderItem: renderItemProp,
+      setInputText: setInputText,
+      setFilterText: setFilterText,
+      onChange: onChange,
+      onPathChange: onPathChange
+    }, getKey(item));
+  };
   var renderLoading = function renderLoading() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
       jssStyle: jssStyle
     });
   };
-  var renderList = function renderList() {
+  var renderVirtualList = function renderVirtualList() {
     var list = getFlattenTree(data, childrenKey, wideMatch);
     if (wideMatch) {
       list = getWideMatch(list);
     }
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
+      virtualRef: virtualRef,
+      data: list,
+      keygen: keygen,
+      rowsInView: 20,
+      height: height,
+      lineHeight: lineHeight,
+      renderItem: renderItem
+    });
+  };
+  var renderSimpleList = function renderSimpleList() {
+    var list = getFlattenTree(data, childrenKey, wideMatch);
+    if (wideMatch) {
+      list = getWideMatch(list);
+    }
+    return list.map(function (item) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(filter_node, {
+        jssStyle: jssStyle,
+        data: item,
+        datum: datum,
+        shouldFinal: shouldFinal,
+        renderItem: renderItemProp,
+        setInputText: setInputText,
+        setFilterText: setFilterText,
+        onChange: onChange,
+        onPathChange: onPathChange
+      }, getKey(item));
+    });
+  };
+  var renderList = function renderList() {
     if (loading) return renderLoading();
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: classnames_default()(styles.list),
-      children: list.map(function (item) {
-        return /*#__PURE__*/(0,jsx_runtime.jsx)(filter_node, {
-          jssStyle: jssStyle,
-          data: item,
-          datum: datum,
-          shouldFinal: shouldFinal,
-          renderItem: renderItem,
-          setInputText: setInputText,
-          setFilterText: setFilterText,
-          onChange: onChange,
-          onPathChange: onPathChange
-        }, getKey(item));
-      })
+      children: virtual ? renderVirtualList() : renderSimpleList()
     });
   };
   var renderEmpety = function renderEmpety() {
@@ -39097,7 +39153,7 @@ var Cascader = function Cascader(props0) {
     return isEmpty;
   };
   var isEmpty = checkEmpty();
-  var rootClass = classnames_default()(className, isEmpty && styles.wrapperEmpty, styles === null || styles === void 0 ? void 0 : styles.wrapper, disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
+  var rootClass = classnames_default()(className, isEmpty && styles.wrapperEmpty, styles === null || styles === void 0 ? void 0 : styles.wrapper, disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), virtual && styles.virtual, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
   var getRenderItem = function getRenderItem(data, active, id) {
     return typeof renderItemProp === 'function' ? renderItemProp(data, active, id) : data[renderItemProp];
   };
@@ -39429,6 +39485,10 @@ var Cascader = function Cascader(props0) {
         jssStyle: jssStyle,
         data: filterData,
         datum: datum,
+        keygen: keygen,
+        height: height,
+        size: size,
+        virtual: virtual,
         wideMatch: wideMatch,
         filterFunc: filterFunc,
         renderItem: renderItem,
@@ -40132,6 +40192,8 @@ function useFormControl(props) {
               }
             }
           });
+        } else {
+          formFunc === null || formFunc === void 0 || formFunc.setError(name, e);
         }
         onError === null || onError === void 0 || onError(e);
         bindValidate();
@@ -66346,7 +66408,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.1-beta.2'
+  version: '3.5.1-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;