persagy-vant 0.0.43 → 0.0.45

package/lib/vant.js

@@ -8848,21 +8848,21 @@
       }, [renderChildren()]);
     }
   });
-  var __defProp$1 = Object.defineProperty;
+  var __defProp = Object.defineProperty;
   var __defProps = Object.defineProperties;
   var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1 = (a, b) => {
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1)
-      for (var prop of __getOwnPropSymbols$1(b)) {
-        if (__propIsEnum$1.call(b, prop))
-          __defNormalProp$1(a, prop, b[prop]);
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
       }
     return a;
   };
@@ -9108,7 +9108,7 @@
           name: tab.title,
           disabled: tab.disabled
         }));
-        return actions.map((action, index) => __spreadProps(__spreadValues$1({}, action), {
+        return actions.map((action, index) => __spreadProps(__spreadValues({}, action), {
           color: index === state.currentIndex ? "var(--van-primary-color)" : action.color,
           className: [action.className, bem$1d("more-option", {
             active: index === state.currentIndex
@@ -14227,21 +14227,25 @@
     }
   });
   const InfoCard = withInstall(stdin_default$K);
-  var __defProp = Object.defineProperty;
-  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __propIsEnum = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    if (__getOwnPropSymbols)
-      for (var prop of __getOwnPropSymbols(b)) {
-        if (__propIsEnum.call(b, prop))
-          __defNormalProp(a, prop, b[prop]);
-      }
-    return a;
+  var __async$5 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
   };
   const [name$B, bem$B] = createNamespace("tree-select");
   const treeSelectProps = {
@@ -14253,20 +14257,31 @@
     selectableParent: Boolean,
     showParentSelect: Boolean,
     showSelectLevels: Array,
-    showDivider: truthProp
+    showDivider: truthProp,
+    loadChildren: Function
   };
   var stdin_default$J = vue.defineComponent({
     name: name$B,
     props: treeSelectProps,
-    emits: ["update:modelValue", "update:expandedKeys", "select", "expand"],
+    emits: ["update:modelValue", "update:expandedKeys", "select", "expand", "load", "load-error"],
     setup(props2, {
       emit,
       slots
     }) {
       const selectedKeys = vue.computed(() => props2.modelValue);
       const expandedKeys = vue.computed(() => props2.expandedKeys);
+      const resolvedChildren = vue.shallowReactive(/* @__PURE__ */ new Map());
+      const loadingKeys = vue.shallowReactive(/* @__PURE__ */ new Set());
+      const loadedKeys = vue.shallowReactive(/* @__PURE__ */ new Set());
       const isExpanded = (id) => expandedKeys.value.includes(id);
       const isSelected = (id) => selectedKeys.value.includes(id);
+      const isLoading = (id) => loadingKeys.has(id);
+      const getChildren = (item) => {
+        var _a;
+        return ((_a = item.children) == null ? void 0 : _a.length) ? item.children : resolvedChildren.get(item.id) || item.children || [];
+      };
+      const isLoadable = (item) => !!props2.loadChildren && Array.isArray(item.children) && !item.children.length && !loadedKeys.has(item.id);
+      const isBranch = (item) => !!getChildren(item).length || isLoadable(item) || isLoading(item.id);
       const isSelectionVisible = (hasChildren, level) => {
         var _a;
         const configuredVisibility = (_a = props2.showSelectLevels) == null ? void 0 : _a[level];
@@ -14278,10 +14293,7 @@
         paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
         "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
       });
-      const getDescendantIds = (item) => {
-        var _a;
-        return ((_a = item.children) == null ? void 0 : _a.flatMap((child) => [child.id, ...getDescendantIds(child)])) || [];
-      };
+      const getDescendantIds = (item) => getChildren(item).flatMap((child) => [child.id, ...getDescendantIds(child)]);
       const getSelectionState = (item) => {
         const descendantIds = getDescendantIds(item);
         if (!props2.cascade || !descendantIds.length) {
@@ -14296,11 +14308,11 @@
       };
       const syncParentSelection = (items, values) => {
         items.forEach((item) => {
-          var _a;
-          if (!((_a = item.children) == null ? void 0 : _a.length))
+          const children = getChildren(item);
+          if (!children.length)
             return;
-          syncParentSelection(item.children, values);
-          const childIds = item.children.map((child) => child.id);
+          syncParentSelection(children, values);
+          const childIds = children.map((child) => child.id);
           const index = values.indexOf(item.id);
           const allChildrenSelected = childIds.every((id) => values.includes(id));
           if (allChildrenSelected && index === -1)
@@ -14309,13 +14321,45 @@
             values.splice(index, 1);
         });
       };
-      const toggleExpanded = (id) => {
+      const updateExpanded = (id, expanded) => {
         const next = expandedKeys.value.slice();
         const index = next.indexOf(id);
-        index === -1 ? next.push(id) : next.splice(index, 1);
+        if (expanded && index === -1)
+          next.push(id);
+        if (!expanded && index !== -1)
+          next.splice(index, 1);
         emit("update:expandedKeys", next);
-        emit("expand", id, index === -1);
+        emit("expand", id, expanded);
       };
+      const toggleExpanded = (item) => __async$5(this, null, function* () {
+        const {
+          id
+        } = item;
+        if (isLoading(id))
+          return;
+        if (isExpanded(id)) {
+          updateExpanded(id, false);
+          return;
+        }
+        if (isLoadable(item)) {
+          loadingKeys.add(id);
+          try {
+            const result = yield props2.loadChildren(item);
+            const children = Array.isArray(result) ? result : [];
+            resolvedChildren.set(id, children);
+            loadedKeys.add(id);
+            emit("load", item, children);
+            if (children.length)
+              updateExpanded(id, true);
+          } catch (error) {
+            emit("load-error", item, error);
+          } finally {
+            loadingKeys.delete(id);
+          }
+          return;
+        }
+        updateExpanded(id, true);
+      });
       const updateSelected = (item, selected) => {
         if (item.disabled || item.selectable === false)
           return;
@@ -14334,12 +14378,13 @@
         emit("select", item, selected);
       };
       const renderNodes = (items, level = 0) => items.map((item) => {
-        var _a;
-        const hasChildren = !!((_a = item.children) == null ? void 0 : _a.length);
+        const children = getChildren(item);
+        const hasChildren = isBranch(item);
         const expanded = isExpanded(item.id);
+        const loading = isLoading(item.id);
         const renderTitle = () => {
-          var _a2;
-          return ((_a2 = slots.title) == null ? void 0 : _a2.call(slots, {
+          var _a;
+          return ((_a = slots.title) == null ? void 0 : _a.call(slots, {
             item,
             level,
             hasChildren
@@ -14359,36 +14404,29 @@
         }
         const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
         const selectionState = getSelectionState(item);
-        return vue.createVNode("div", {
-          "key": item.id,
-          "class": bem$B("node")
-        }, [vue.createVNode(Cell, {
-          "class": bem$B("cell", {
-            branch: hasChildren
-          }),
-          "title": item.text,
-          "border": props2.showDivider,
-          "style": getNodeStyle(level),
-          "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
-          "selectType": props2.multiple ? "checkbox" : "radio",
-          "onUpdate:rightSelect": (value) => updateSelected(item, value)
-        }, __spreadValues({
+        const cellSlots = {
           title: () => [hasChildren ? vue.createVNode("button", {
             "type": "button",
             "class": bem$B("expand-control"),
             "disabled": item.disabled,
+            "aria-busy": loading,
+            "aria-disabled": loading,
             "onClick": (event) => {
               event.stopPropagation();
-              toggleExpanded(item.id);
+              toggleExpanded(item);
             }
-          }, [vue.createVNode(Icon, {
+          }, [loading ? vue.createVNode(Loading, {
+            "class": bem$B("loading"),
+            "size": "var(--van-tree-select-arrow-size)"
+          }, null) : vue.createVNode(Icon, {
             "name": "trangle-down",
             "class": bem$B("arrow", {
               expanded
             })
           }, null), vue.createVNode("span", null, [renderTitle()])]) : vue.createVNode("span", null, [renderTitle()])]
-        }, selectable && selectionState === "indeterminate" ? {
-          "right-select": () => vue.createVNode("button", {
+        };
+        if (selectable && selectionState === "indeterminate") {
+          cellSlots["right-select"] = () => vue.createVNode("button", {
             "type": "button",
             "class": bem$B("indeterminate"),
             "aria-label": `部分选中${item.text}`,
@@ -14396,13 +14434,27 @@
               event.stopPropagation();
               updateSelected(item, true);
             }
-          }, null)
-        } : {})), vue.createVNode(vue.Transition, {
+          }, null);
+        }
+        return vue.createVNode("div", {
+          "key": item.id,
+          "class": bem$B("node")
+        }, [vue.createVNode(Cell, {
+          "class": bem$B("cell", {
+            branch: hasChildren
+          }),
+          "title": item.text,
+          "border": props2.showDivider,
+          "style": getNodeStyle(level),
+          "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
+          "selectType": props2.multiple ? "checkbox" : "radio",
+          "onUpdate:rightSelect": (value) => updateSelected(item, value)
+        }, cellSlots), vue.createVNode(vue.Transition, {
           "name": "van-tree-select-expand"
         }, {
           default: () => [hasChildren && expanded && vue.createVNode("div", {
             "class": bem$B("children")
-          }, [renderNodes(item.children, level + 1)])]
+          }, [renderNodes(children, level + 1)])]
         })]);
       });
       return () => vue.createVNode("div", {
@@ -14412,6 +14464,26 @@
   });
   const TreeSelect = withInstall(stdin_default$J);
   var stdin_default$I = TreeSelect;
+  var __async$4 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const [name$A, bem$A] = createNamespace("location-select");
   const locations = [[{
     id: "basement",
@@ -14546,12 +14618,14 @@
       type: Array,
       default: () => locations
     },
-    tabTitles: makeArrayProp()
+    tabTitles: makeArrayProp(),
+    search: Function,
+    searchDebounce: makeNumericProp(300)
   };
   var stdin_default$H = vue.defineComponent({
     name: name$A,
     props: props$1,
-    emits: ["update:show", "update:modelValue", "change"],
+    emits: ["update:show", "update:modelValue", "change", "search-error"],
     setup(props2, {
       emit
     }) {
@@ -14561,6 +14635,12 @@
       const customValue = vue.ref("");
       const expandedKeys = vue.ref(["basement", "b3"]);
       const query = vue.ref("");
+      const asyncSearchResults = vue.ref([]);
+      const searchLoading = vue.ref(false);
+      const searchFailed = vue.ref(false);
+      const searchedItems = vue.shallowReactive(/* @__PURE__ */ new Map());
+      let searchTimer;
+      let searchRequestId = 0;
       const titles = vue.computed(() => props2.tabTitles.length ? props2.tabTitles : ["ABC座地下室", "A座", "B座", "C座", "D座"]);
       const allItems = vue.computed(() => props2.items.flatMap(flatten));
       const currentRoot = vue.computed(() => {
@@ -14571,7 +14651,48 @@
         var _a;
         return ((_a = currentRoot.value) == null ? void 0 : _a.children) || [];
       });
-      const searchResults = vue.computed(() => query.value ? allItems.value.filter((item) => item.text.includes(query.value)) : []);
+      const searchResults = vue.computed(() => {
+        if (!query.value.trim())
+          return [];
+        if (props2.search)
+          return asyncSearchResults.value;
+        return allItems.value.filter((item) => item.text.includes(query.value));
+      });
+      const runSearch = (..._0) => __async$4(this, [..._0], function* (keyword = query.value.trim()) {
+        if (!props2.search || !keyword)
+          return;
+        const requestId = ++searchRequestId;
+        searchLoading.value = true;
+        searchFailed.value = false;
+        try {
+          const results = yield props2.search(keyword);
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = results;
+          results.forEach((item) => searchedItems.set(item.id, item));
+        } catch (error) {
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = [];
+          searchFailed.value = true;
+          emit("search-error", keyword, error);
+        } finally {
+          if (requestId === searchRequestId)
+            searchLoading.value = false;
+        }
+      });
+      const scheduleSearch = () => {
+        if (searchTimer)
+          clearTimeout(searchTimer);
+        searchRequestId += 1;
+        searchLoading.value = false;
+        searchFailed.value = false;
+        asyncSearchResults.value = [];
+        if (props2.search && query.value.trim()) {
+          searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
+        }
+      };
+      vue.watch([query, () => props2.search], scheduleSearch);
       vue.watch(() => props2.show, (show) => {
         if (show) {
           active.value = 0;
@@ -14579,11 +14700,16 @@
           expandedKeys.value = ["basement", "b3"];
         }
       });
+      vue.onBeforeUnmount(() => {
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
+      });
       const close = () => emit("update:show", false);
       const select = (value) => {
         const selected = value[0];
         if (selected !== void 0) {
-          const selectedItem = allItems.value.find((item) => item.id === selected);
+          const selectedItem = allItems.value.find((item) => item.id === selected) || searchedItems.get(selected);
           emit("update:modelValue", selected);
           emit("change", selected, selectedItem == null ? void 0 : selectedItem.text);
           close();
@@ -14598,6 +14724,37 @@
         showCustom.value = false;
         close();
       };
+      const renderSearchContent = () => {
+        if (searchLoading.value)
+          return vue.createVNode("div", {
+            "class": bem$A("search-state")
+          }, [vue.createVNode(Loading, {
+            "vertical": true
+          }, {
+            default: () => [vue.createTextVNode("加载中...")]
+          })]);
+        if (searchFailed.value)
+          return vue.createVNode(Empty, {
+            "image": "network",
+            "description": "搜索失败，请重试"
+          }, null);
+        if (!searchResults.value.length)
+          return vue.createVNode(Empty, {
+            "description": "暂无搜索结果"
+          }, null);
+        return vue.createVNode("div", {
+          "class": bem$A("card")
+        }, [searchResults.value.map((item, index) => vue.createVNode(Cell, {
+          "key": item.id,
+          "title": item.text,
+          "rightSelect": props2.modelValue === item.id,
+          "selectType": "radio",
+          "border": index < searchResults.value.length - 1,
+          "clickable": true,
+          "onClick": () => select([item.id]),
+          "onUpdate:rightSelect": () => select([item.id])
+        }, null))]);
+      };
       return () => vue.createVNode(ActionSheet, {
         "show": props2.show,
         "class": bem$A(),
@@ -14628,23 +14785,20 @@
           "modelValue": query.value,
           "onUpdate:modelValue": ($event) => query.value = $event,
           "class": bem$A("search"),
+          "variant": "pure",
           "shape": "round",
           "inputAlign": "left",
-          "placeholder": "请输入搜索关键词"
+          "placeholder": "请输入搜索关键词",
+          "onSearch": () => {
+            if (props2.search) {
+              if (searchTimer)
+                clearTimeout(searchTimer);
+              runSearch();
+            }
+          }
         }, null), query.value ? vue.createVNode("div", {
           "class": bem$A("body")
-        }, [vue.createVNode("div", {
-          "class": bem$A("card")
-        }, [searchResults.value.map((item) => vue.createVNode(Cell, {
-          "key": item.id,
-          "title": item.text,
-          "rightSelect": props2.modelValue === item.id,
-          "selectType": "radio",
-          "border": true,
-          "clickable": true,
-          "onClick": () => select([item.id]),
-          "onUpdate:rightSelect": () => select([item.id])
-        }, null))])]) : vue.createVNode(vue.Fragment, null, [vue.createVNode(Tabs, {
+        }, [renderSearchContent()]) : vue.createVNode(vue.Fragment, null, [vue.createVNode(Tabs, {
           "active": active.value,
           "onUpdate:active": ($event) => active.value = $event,
           "showMore": showMore.value,
@@ -15312,6 +15466,26 @@
   });
   const MaterialDetail = withInstall(stdin_default$D);
   var stdin_default$C = MaterialDetail;
+  var __async$3 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const [name$w, bem$w] = createNamespace("material-add");
   const defaultItems = [{
     id: "refrigerant",
@@ -15619,12 +15793,14 @@
     commonTabText: makeStringProp("常用物料"),
     allTabText: makeStringProp("全部物料"),
     materialTabText: makeStringProp("物资"),
-    toolTabText: makeStringProp("工具")
+    toolTabText: makeStringProp("工具"),
+    search: Function,
+    searchDebounce: makeNumericProp(300)
   };
   var stdin_default$B = vue.defineComponent({
     name: name$w,
     props: materialAddProps,
-    emits: ["update:show", "update:modelValue", "change", "confirm"],
+    emits: ["update:show", "update:modelValue", "change", "confirm", "search-error"],
     setup(props2, {
       emit
     }) {
@@ -15640,6 +15816,10 @@
       const activeKind = vue.ref(getDefaultKind());
       const keyword = vue.ref("");
       const searching = vue.ref(false);
+      const searchLoading = vue.ref(false);
+      const searchFailed = vue.ref(false);
+      let searchTimer;
+      let searchRequestId = 0;
       const expandedKeys = vue.ref([]);
       const expandedSelected = vue.ref(false);
       const detailItem = vue.ref();
@@ -15711,6 +15891,11 @@
           activeTab.value = getDefaultTab();
           activeKind.value = getDefaultKind();
           keyword.value = "";
+          searchLoading.value = false;
+          searchFailed.value = false;
+          searchRequestId += 1;
+          if (searchTimer)
+            clearTimeout(searchTimer);
           searching.value = false;
           expandedKeys.value = getDefaultExpandedKeys();
           expandedSelected.value = false;
@@ -15728,6 +15913,40 @@
           expandedKeys.value = getDefaultExpandedKeys();
         }
       });
+      const runSearch = (..._0) => __async$3(this, [..._0], function* (query = keyword.value.trim()) {
+        if (!props2.search || !query)
+          return;
+        const requestId = ++searchRequestId;
+        searchLoading.value = true;
+        searchFailed.value = false;
+        try {
+          yield props2.search(query);
+        } catch (error) {
+          if (requestId !== searchRequestId)
+            return;
+          searchFailed.value = true;
+          emit("search-error", query, error);
+        } finally {
+          if (requestId === searchRequestId)
+            searchLoading.value = false;
+        }
+      });
+      const scheduleSearch = () => {
+        if (searchTimer)
+          clearTimeout(searchTimer);
+        searchRequestId += 1;
+        searchLoading.value = false;
+        searchFailed.value = false;
+        if (props2.search && keyword.value.trim()) {
+          searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
+        }
+      };
+      vue.watch([keyword, () => props2.search], scheduleSearch);
+      vue.onBeforeUnmount(() => {
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
+      });
       const setActiveTab = (tab) => {
         activeTab.value = tab;
         if (tab === "all") {
@@ -15794,9 +16013,25 @@
       }, null);
       const renderList = () => vue.createVNode("div", {
         "class": bem$w("material-list")
-      }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : vue.createVNode("div", {
-        "class": bem$w("empty")
-      }, [vue.createTextVNode("暂无匹配物料")])]);
+      }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : vue.createVNode(Empty, {
+        "description": "暂无匹配物料"
+      }, null)]);
+      const renderSearchContent = () => {
+        if (searchLoading.value)
+          return vue.createVNode("div", {
+            "class": bem$w("search-state")
+          }, [vue.createVNode(Loading, {
+            "vertical": true
+          }, {
+            default: () => [vue.createTextVNode("加载中...")]
+          })]);
+        if (searchFailed.value)
+          return vue.createVNode(Empty, {
+            "image": "network",
+            "description": "搜索失败，请重试"
+          }, null);
+        return renderList();
+      };
       const renderCatalog = () => {
         const catalogItems = getCatalogItems();
         const defaultExpandedKeys = getDefaultExpandedKeys();
@@ -15853,11 +16088,19 @@
           "modelValue": keyword.value,
           "onUpdate:modelValue": ($event) => keyword.value = $event,
           "class": bem$w("search"),
+          "variant": "pure",
           "shape": "round",
           "inputAlign": "left",
           "autofocus": true,
           "showAction": true,
           "placeholder": "搜索物资/工具名称",
+          "onSearch": () => {
+            if (props2.search) {
+              if (searchTimer)
+                clearTimeout(searchTimer);
+              runSearch();
+            }
+          },
           "onCancel": () => {
             searching.value = false;
             keyword.value = "";
@@ -15911,7 +16154,7 @@
           default: () => [props2.toolTabText]
         })])]), vue.createVNode("div", {
           "class": bem$w("body")
-        }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === "common" ? renderList() : renderCatalog()]), vue.createVNode("div", {
+        }, [searching.value && !keyword.value.trim() ? null : searching.value ? renderSearchContent() : activeTab.value === "common" ? renderList() : renderCatalog()]), vue.createVNode("div", {
           "class": bem$w("footer")
         }, [renderSelectPanel(), vue.createVNode(BottomActionBar, {
           "fixed": false,
@@ -17007,6 +17250,26 @@
     }
   });
   const NumberKeyboard = withInstall(stdin_default$u);
+  var __async$2 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const [name$o, bem$o] = createNamespace("object-select");
   const spaceItems = [{
     id: "shenzhen-hq",
@@ -17042,13 +17305,7 @@
             id: "high-voltage",
             text: "高压计量柜",
             selectable: false,
-            children: [{
-              id: "metering-cabinet-1",
-              text: "B3_高压计量柜_1#"
-            }, {
-              id: "metering-cabinet-2",
-              text: "B3_高压计量柜_2#"
-            }]
+            children: []
           }]
         }, {
           id: "chiller-room",
@@ -17368,13 +17625,16 @@
     specialties: {
       type: Array,
       default: () => specialties
-    }
+    },
+    loadChildren: Function,
+    search: Function,
+    searchDebounce: makeNumericProp(300)
   };
   const flattenItems$1 = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems$1(item.children) : []]);
   var stdin_default$t = vue.defineComponent({
     name: name$o,
     props: objectSelectProps,
-    emits: ["update:show", "update:modelValue", "change", "confirm"],
+    emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error", "search-error"],
     setup(props2, {
       emit
     }) {
@@ -17387,6 +17647,20 @@
       const expandedSelected = vue.ref(false);
       const searching = vue.ref(false);
       const keyword = vue.ref("");
+      const asyncSearchResults = vue.ref([]);
+      const searchLoading = vue.ref(false);
+      const searchFailed = vue.ref(false);
+      const searchedItems = vue.shallowReactive(/* @__PURE__ */ new Map());
+      let searchTimer;
+      let searchRequestId = 0;
+      const loadedChildren = vue.shallowReactive(/* @__PURE__ */ new Map());
+      const getChildren = (item) => loadedChildren.get(item.id) || item.children || [];
+      const hydrateItems = (items) => items.map((item) => {
+        const children = getChildren(item);
+        return children.length ? extend$1({}, item, {
+          children: hydrateItems(children)
+        }) : item;
+      });
       const currentSpecialtyItems = (specialty) => specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
       const expandOnlySpecialty = () => {
         if (props2.specialties.length === 1) {
@@ -17400,6 +17674,12 @@
         view.value = 0;
         specialtyType.value = 0;
         keyword.value = "";
+        asyncSearchResults.value = [];
+        searchLoading.value = false;
+        searchFailed.value = false;
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
         searching.value = false;
         expandedSelected.value = false;
         expandedSpecialties.value = {
@@ -17411,14 +17691,65 @@
         immediate: true
       });
       const selected = vue.computed(() => props2.modelValue);
-      const allItems = vue.computed(() => flattenItems$1([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])]));
-      const selectedItems = vue.computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
+      const allItems = vue.computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
+      const selectedItems = vue.computed(() => {
+        const items = /* @__PURE__ */ new Map();
+        allItems.value.forEach((item) => items.set(item.id, item));
+        searchedItems.forEach((item) => items.set(item.id, item));
+        return selected.value.flatMap((id) => {
+          const item = items.get(id);
+          return item ? [item] : [];
+        });
+      });
       const searchResults = vue.computed(() => {
         const query = keyword.value.trim().toLowerCase();
         if (!query)
           return [];
+        if (props2.search)
+          return asyncSearchResults.value;
         return allItems.value.filter((item) => item.text.toLowerCase().includes(query));
       });
+      const runSearch = (..._0) => __async$2(this, [..._0], function* (query = keyword.value.trim()) {
+        if (!props2.search || !query)
+          return;
+        const requestId = ++searchRequestId;
+        searchLoading.value = true;
+        searchFailed.value = false;
+        try {
+          const results = yield props2.search(query);
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = results;
+          results.forEach((item) => searchedItems.set(item.id, item));
+        } catch (error) {
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = [];
+          searchFailed.value = true;
+          emit("search-error", query, error);
+        } finally {
+          if (requestId === searchRequestId)
+            searchLoading.value = false;
+        }
+      });
+      const scheduleSearch = () => {
+        if (searchTimer)
+          clearTimeout(searchTimer);
+        searchRequestId += 1;
+        searchLoading.value = false;
+        searchFailed.value = false;
+        asyncSearchResults.value = [];
+        const query = keyword.value.trim();
+        if (!props2.search || !query)
+          return;
+        searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
+      };
+      vue.watch([keyword, () => props2.search], scheduleSearch);
+      vue.onBeforeUnmount(() => {
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
+      });
       const renderHighlightedText = (text) => {
         const query = keyword.value.trim();
         if (!query)
@@ -17456,19 +17787,29 @@
         update([]);
         expandedSelected.value = false;
       };
+      const onLoad = (item, children) => {
+        loadedChildren.set(item.id, children);
+        emit("load", item, children);
+      };
+      const onLoadError = (item, error) => {
+        emit("load-error", item, error);
+      };
       const renderTree = (items) => vue.createVNode("div", {
         "class": bem$o("tree-card")
       }, [vue.createVNode(TreeSelect, {
         "modelValue": selected.value,
         "expandedKeys": expandedKeys.value,
-        "items": items,
+        "items": hydrateItems(items),
         "multiple": true,
         "showParentSelect": true,
         "cascade": false,
+        "loadChildren": props2.loadChildren,
         "onUpdate:modelValue": update,
         "onUpdate:expandedKeys": (value) => {
           expandedKeys.value = value;
-        }
+        },
+        "onLoad": onLoad,
+        "onLoad-error": onLoadError
       }, null)]);
       const renderSpecialty = (specialty) => {
         var _a;
@@ -17489,6 +17830,45 @@
         }, null), expanded && renderTree(items)]);
       };
       const close = () => emit("update:show", false);
+      const renderSearchContent = () => {
+        if (!keyword.value.trim())
+          return;
+        if (searchLoading.value) {
+          return vue.createVNode("div", {
+            "class": bem$o("search-state")
+          }, [vue.createVNode(Loading, {
+            "vertical": true
+          }, {
+            default: () => [vue.createTextVNode("加载中...")]
+          })]);
+        }
+        if (searchFailed.value) {
+          return vue.createVNode(Empty, {
+            "image": "network",
+            "description": "搜索失败，请重试"
+          }, null);
+        }
+        if (!searchResults.value.length) {
+          return vue.createVNode(Empty, {
+            "description": "暂无搜索结果"
+          }, null);
+        }
+        return vue.createVNode("div", {
+          "class": bem$o("tree-card", {
+            search: true
+          })
+        }, [searchResults.value.map((item) => vue.createVNode(Cell, {
+          "key": item.id,
+          "rightSelect": selected.value.includes(item.id),
+          "selectType": "checkbox",
+          "border": true,
+          "clickable": true,
+          "onClick": () => toggleSearchItem(item),
+          "onUpdate:rightSelect": () => toggleSearchItem(item)
+        }, {
+          title: () => renderHighlightedText(item.text)
+        }))]);
+      };
       return () => vue.createVNode(ActionSheet, {
         "show": props2.show,
         "class": bem$o(),
@@ -17499,10 +17879,18 @@
           "modelValue": keyword.value,
           "onUpdate:modelValue": ($event) => keyword.value = $event,
           "class": bem$o("search"),
+          "variant": "pure",
           "shape": "round",
           "inputAlign": "left",
           "autofocus": true,
           "placeholder": "搜索对象",
+          "onSearch": () => {
+            if (props2.search) {
+              if (searchTimer)
+                clearTimeout(searchTimer);
+              runSearch();
+            }
+          },
           "onCancel": () => {
             searching.value = false;
             keyword.value = "";
@@ -17541,21 +17929,7 @@
           }, null)]
         })]), vue.createVNode("div", {
           "class": bem$o("body")
-        }, [searching.value ? keyword.value && vue.createVNode("div", {
-          "class": bem$o("tree-card", {
-            search: true
-          })
-        }, [searchResults.value.map((item) => vue.createVNode(Cell, {
-          "key": item.id,
-          "rightSelect": selected.value.includes(item.id),
-          "selectType": "checkbox",
-          "border": true,
-          "clickable": true,
-          "onClick": () => toggleSearchItem(item),
-          "onUpdate:rightSelect": () => toggleSearchItem(item)
-        }, {
-          title: () => renderHighlightedText(item.text)
-        }))]) : view.value === 0 ? renderTree(props2.spaceItems) : vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+        }, [searching.value ? renderSearchContent() : view.value === 0 ? renderTree(props2.spaceItems) : vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
           "class": bem$o("type-tabs")
         }, [vue.createVNode(FilterTag, {
           "selected": specialtyType.value === 0,
@@ -24987,7 +25361,7 @@
       });
     }
   };
-  const version = "0.0.43";
+  const version = "0.0.45";
   function install(app) {
     const components = [
       ActionBar,