@kaiheila/ui-components 1.0.2 → 1.0.3

package/dist/ui-components.js

@@ -2196,7 +2196,7 @@ const logic_models_react_namespaceObject = require("@kookapp/logic-models-react"
 
 
 const OptionList = _ref => {
-  var _visibleRange$visible;
+  var _visibleRange$visible, _visibleRange$visible2;
   let {
     filterData,
     optionsStyle,
@@ -2206,7 +2206,8 @@ const OptionList = _ref => {
     valueKey = "value",
     loadComponent,
     onSelect,
-    onReachBottom
+    onReachBottom,
+    loading = false
   } = _ref;
   const containerRef = (0,external_react_namespaceObject.useRef)(null);
   const ids = (0,external_react_namespaceObject.useMemo)(() => filterData.map(item => item[valueKey]), [filterData, valueKey]);
@@ -2225,6 +2226,7 @@ const OptionList = _ref => {
     containerRef,
     onReachBottom
   });
+  const empty = (visibleRange === null || visibleRange === void 0 || (_visibleRange$visible = visibleRange.visibleIds) === null || _visibleRange$visible === void 0 ? void 0 : _visibleRange$visible.length) == 0 || (visibleRange === null || visibleRange === void 0 || (_visibleRange$visible2 = visibleRange.visibleIds) === null || _visibleRange$visible2 === void 0 ? void 0 : _visibleRange$visible2.every(id => (0,logic_models_react_namespaceObject.isSentinelId)(id)));
   return /*#__PURE__*/external_react_default().createElement("ul", {
     className: "selector-search-option theme-scroll-bar",
     style: optionsStyle,
@@ -2242,7 +2244,7 @@ const OptionList = _ref => {
       padding: 8,
       transform: "translateY(".concat(visibleRange === null || visibleRange === void 0 ? void 0 : visibleRange.topSpace, "px)")
     }
-  }, (visibleRange === null || visibleRange === void 0 || (_visibleRange$visible = visibleRange.visibleIds) === null || _visibleRange$visible === void 0 ? void 0 : _visibleRange$visible.length) > 0 ? visibleRange === null || visibleRange === void 0 ? void 0 : visibleRange.visibleIds.map((id, i) => {
+  }, !empty ? visibleRange === null || visibleRange === void 0 ? void 0 : visibleRange.visibleIds.map((id, i) => {
     if ((0,logic_models_react_namespaceObject.isSentinelId)(id)) {
       return null;
     }
@@ -2263,7 +2265,9 @@ const OptionList = _ref => {
       key: value + i,
       title: label
     }, renderOption ? renderOption(item) : label);
-  }) : /*#__PURE__*/external_react_default().createElement("li", {
+  }) : loading ? /*#__PURE__*/external_react_default().createElement("li", {
+    key: "none"
+  }, "\u52A0\u8F7D\u4E2D...") : /*#__PURE__*/external_react_default().createElement("li", {
     key: "none"
   }, "\u6CA1\u6709\u4EFB\u4F55\u5185\u5BB9")));
 };
@@ -2503,6 +2507,7 @@ class SelectorSearch extends external_react_namespaceObject.Component {
       renderOption,
       disabledValues = [],
       onReachBottom,
+      loading,
       labelKey = 'label',
       valueKey = 'value',
       loadComponent
@@ -2537,6 +2542,7 @@ class SelectorSearch extends external_react_namespaceObject.Component {
     }, label)), /*#__PURE__*/external_react_default().createElement("span", {
       className: "dropdown-icon"
     }, /*#__PURE__*/external_react_default().createElement(IconDropDown, null))), showList ? /*#__PURE__*/external_react_default().createElement(selector_search_OptionList, {
+      loading: loading,
       filterData: filterData,
       optionsStyle: optionsStyle,
       renderOption: renderOption,
@@ -5648,7 +5654,7 @@ class TimeSelector extends external_react_namespaceObject.Component {
 
 /* harmony default export */ const time_selector = (TimeSelector);
 ;// ./package.json
-const package_namespaceObject = {"rE":"1.0.2"};
+const package_namespaceObject = {"rE":"1.0.3"};
 ;// ./src/index.js
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaiheila/ui-components",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "开黑啦 UI Components",
   "main": "dist/ui-components.js",
   "scripts": {