persagy-vant 0.0.43 → 0.0.45

package/lib/vant.es.js

@@ -1,4 +1,4 @@
-import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, watchEffect, mergeProps, onDeactivated, onBeforeUnmount, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, onUpdated, withKeys, TransitionGroup, h } from "vue";
+import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, watchEffect, mergeProps, onDeactivated, onBeforeUnmount, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, onUpdated, withKeys, shallowReactive, TransitionGroup, h } from "vue";
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, useClickAway, useCustomFieldValue, CUSTOM_FIELD_INJECTION_KEY, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, inBrowser as inBrowser$1 } from "@vant/use";
 import { offsetModifier, createPopper } from "@vant/popperjs";
 import Plyr from "plyr";
@@ -7608,21 +7608,21 @@ var stdin_default$1o = defineComponent({
     }, [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;
 };
@@ -7878,7 +7878,7 @@ var stdin_default$1n = defineComponent({
         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
@@ -13032,21 +13032,25 @@ var stdin_default$K = defineComponent({
   }
 });
 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 = {
@@ -13058,20 +13062,31 @@ const treeSelectProps = {
   selectableParent: Boolean,
   showParentSelect: Boolean,
   showSelectLevels: Array,
-  showDivider: truthProp
+  showDivider: truthProp,
+  loadChildren: Function
 };
 var stdin_default$J = 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 = computed(() => props2.modelValue);
     const expandedKeys = computed(() => props2.expandedKeys);
+    const resolvedChildren = shallowReactive(/* @__PURE__ */ new Map());
+    const loadingKeys = shallowReactive(/* @__PURE__ */ new Set());
+    const loadedKeys = 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];
@@ -13083,10 +13098,7 @@ var stdin_default$J = defineComponent({
       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) {
@@ -13101,11 +13113,11 @@ var stdin_default$J = defineComponent({
     };
     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)
@@ -13114,13 +13126,45 @@ var stdin_default$J = defineComponent({
           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;
@@ -13139,12 +13183,13 @@ var stdin_default$J = defineComponent({
       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
@@ -13164,36 +13209,29 @@ var stdin_default$J = defineComponent({
       }
       const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
       const selectionState = getSelectionState(item);
-      return createVNode("div", {
-        "key": item.id,
-        "class": bem$B("node")
-      }, [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 ? 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);
           }
-        }, [createVNode(Icon, {
+        }, [loading ? createVNode(Loading, {
+          "class": bem$B("loading"),
+          "size": "var(--van-tree-select-arrow-size)"
+        }, null) : createVNode(Icon, {
           "name": "trangle-down",
           "class": bem$B("arrow", {
             expanded
           })
         }, null), createVNode("span", null, [renderTitle()])]) : createVNode("span", null, [renderTitle()])]
-      }, selectable && selectionState === "indeterminate" ? {
-        "right-select": () => createVNode("button", {
+      };
+      if (selectable && selectionState === "indeterminate") {
+        cellSlots["right-select"] = () => createVNode("button", {
           "type": "button",
           "class": bem$B("indeterminate"),
           "aria-label": `部分选中${item.text}`,
@@ -13201,13 +13239,27 @@ var stdin_default$J = defineComponent({
             event.stopPropagation();
             updateSelected(item, true);
           }
-        }, null)
-      } : {})), createVNode(Transition, {
+        }, null);
+      }
+      return createVNode("div", {
+        "key": item.id,
+        "class": bem$B("node")
+      }, [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), createVNode(Transition, {
         "name": "van-tree-select-expand"
       }, {
         default: () => [hasChildren && expanded && createVNode("div", {
           "class": bem$B("children")
-        }, [renderNodes(item.children, level + 1)])]
+        }, [renderNodes(children, level + 1)])]
       })]);
     });
     return () => createVNode("div", {
@@ -13217,6 +13269,26 @@ var stdin_default$J = defineComponent({
 });
 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",
@@ -13351,12 +13423,14 @@ const props$1 = {
     type: Array,
     default: () => locations
   },
-  tabTitles: makeArrayProp()
+  tabTitles: makeArrayProp(),
+  search: Function,
+  searchDebounce: makeNumericProp(300)
 };
 var stdin_default$H = defineComponent({
   name: name$A,
   props: props$1,
-  emits: ["update:show", "update:modelValue", "change"],
+  emits: ["update:show", "update:modelValue", "change", "search-error"],
   setup(props2, {
     emit
   }) {
@@ -13366,6 +13440,12 @@ var stdin_default$H = defineComponent({
     const customValue = ref("");
     const expandedKeys = ref(["basement", "b3"]);
     const query = ref("");
+    const asyncSearchResults = ref([]);
+    const searchLoading = ref(false);
+    const searchFailed = ref(false);
+    const searchedItems = shallowReactive(/* @__PURE__ */ new Map());
+    let searchTimer;
+    let searchRequestId = 0;
     const titles = computed(() => props2.tabTitles.length ? props2.tabTitles : ["ABC座地下室", "A座", "B座", "C座", "D座"]);
     const allItems = computed(() => props2.items.flatMap(flatten));
     const currentRoot = computed(() => {
@@ -13376,7 +13456,48 @@ var stdin_default$H = defineComponent({
       var _a;
       return ((_a = currentRoot.value) == null ? void 0 : _a.children) || [];
     });
-    const searchResults = computed(() => query.value ? allItems.value.filter((item) => item.text.includes(query.value)) : []);
+    const searchResults = 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));
+      }
+    };
+    watch([query, () => props2.search], scheduleSearch);
     watch(() => props2.show, (show) => {
       if (show) {
         active.value = 0;
@@ -13384,11 +13505,16 @@ var stdin_default$H = defineComponent({
         expandedKeys.value = ["basement", "b3"];
       }
     });
+    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();
@@ -13403,6 +13529,37 @@ var stdin_default$H = defineComponent({
       showCustom.value = false;
       close();
     };
+    const renderSearchContent = () => {
+      if (searchLoading.value)
+        return createVNode("div", {
+          "class": bem$A("search-state")
+        }, [createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [createTextVNode("加载中...")]
+        })]);
+      if (searchFailed.value)
+        return createVNode(Empty, {
+          "image": "network",
+          "description": "搜索失败，请重试"
+        }, null);
+      if (!searchResults.value.length)
+        return createVNode(Empty, {
+          "description": "暂无搜索结果"
+        }, null);
+      return createVNode("div", {
+        "class": bem$A("card")
+      }, [searchResults.value.map((item, index) => 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 () => createVNode(ActionSheet, {
       "show": props2.show,
       "class": bem$A(),
@@ -13433,23 +13590,20 @@ var stdin_default$H = defineComponent({
         "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 ? createVNode("div", {
         "class": bem$A("body")
-      }, [createVNode("div", {
-        "class": bem$A("card")
-      }, [searchResults.value.map((item) => 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))])]) : createVNode(Fragment, null, [createVNode(Tabs, {
+      }, [renderSearchContent()]) : createVNode(Fragment, null, [createVNode(Tabs, {
         "active": active.value,
         "onUpdate:active": ($event) => active.value = $event,
         "showMore": showMore.value,
@@ -14117,6 +14271,26 @@ var stdin_default$D = defineComponent({
 });
 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",
@@ -14424,12 +14598,14 @@ const materialAddProps = {
   commonTabText: makeStringProp("常用物料"),
   allTabText: makeStringProp("全部物料"),
   materialTabText: makeStringProp("物资"),
-  toolTabText: makeStringProp("工具")
+  toolTabText: makeStringProp("工具"),
+  search: Function,
+  searchDebounce: makeNumericProp(300)
 };
 var stdin_default$B = 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
   }) {
@@ -14445,6 +14621,10 @@ var stdin_default$B = defineComponent({
     const activeKind = ref(getDefaultKind());
     const keyword = ref("");
     const searching = ref(false);
+    const searchLoading = ref(false);
+    const searchFailed = ref(false);
+    let searchTimer;
+    let searchRequestId = 0;
     const expandedKeys = ref([]);
     const expandedSelected = ref(false);
     const detailItem = ref();
@@ -14516,6 +14696,11 @@ var stdin_default$B = defineComponent({
         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;
@@ -14533,6 +14718,40 @@ var stdin_default$B = defineComponent({
         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));
+      }
+    };
+    watch([keyword, () => props2.search], scheduleSearch);
+    onBeforeUnmount(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const setActiveTab = (tab) => {
       activeTab.value = tab;
       if (tab === "all") {
@@ -14599,9 +14818,25 @@ var stdin_default$B = defineComponent({
     }, null);
     const renderList = () => createVNode("div", {
       "class": bem$w("material-list")
-    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : createVNode("div", {
-      "class": bem$w("empty")
-    }, [createTextVNode("暂无匹配物料")])]);
+    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : createVNode(Empty, {
+      "description": "暂无匹配物料"
+    }, null)]);
+    const renderSearchContent = () => {
+      if (searchLoading.value)
+        return createVNode("div", {
+          "class": bem$w("search-state")
+        }, [createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [createTextVNode("加载中...")]
+        })]);
+      if (searchFailed.value)
+        return createVNode(Empty, {
+          "image": "network",
+          "description": "搜索失败，请重试"
+        }, null);
+      return renderList();
+    };
     const renderCatalog = () => {
       const catalogItems = getCatalogItems();
       const defaultExpandedKeys = getDefaultExpandedKeys();
@@ -14658,11 +14893,19 @@ var stdin_default$B = defineComponent({
         "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 = "";
@@ -14716,7 +14959,7 @@ var stdin_default$B = defineComponent({
         default: () => [props2.toolTabText]
       })])]), createVNode("div", {
         "class": bem$w("body")
-      }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === "common" ? renderList() : renderCatalog()]), createVNode("div", {
+      }, [searching.value && !keyword.value.trim() ? null : searching.value ? renderSearchContent() : activeTab.value === "common" ? renderList() : renderCatalog()]), createVNode("div", {
         "class": bem$w("footer")
       }, [renderSelectPanel(), createVNode(BottomActionBar, {
         "fixed": false,
@@ -15812,6 +16055,26 @@ var stdin_default$u = defineComponent({
   }
 });
 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",
@@ -15847,13 +16110,7 @@ const spaceItems = [{
           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",
@@ -16173,13 +16430,16 @@ const objectSelectProps = {
   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 = 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
   }) {
@@ -16192,6 +16452,20 @@ var stdin_default$t = defineComponent({
     const expandedSelected = ref(false);
     const searching = ref(false);
     const keyword = ref("");
+    const asyncSearchResults = ref([]);
+    const searchLoading = ref(false);
+    const searchFailed = ref(false);
+    const searchedItems = shallowReactive(/* @__PURE__ */ new Map());
+    let searchTimer;
+    let searchRequestId = 0;
+    const loadedChildren = 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({}, item, {
+        children: hydrateItems(children)
+      }) : item;
+    });
     const currentSpecialtyItems = (specialty) => specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
     const expandOnlySpecialty = () => {
       if (props2.specialties.length === 1) {
@@ -16205,6 +16479,12 @@ var stdin_default$t = defineComponent({
       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 = {
@@ -16216,14 +16496,65 @@ var stdin_default$t = defineComponent({
       immediate: true
     });
     const selected = computed(() => props2.modelValue);
-    const allItems = computed(() => flattenItems$1([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])]));
-    const selectedItems = computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
+    const allItems = computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
+    const selectedItems = 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 = 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));
+    };
+    watch([keyword, () => props2.search], scheduleSearch);
+    onBeforeUnmount(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const renderHighlightedText = (text) => {
       const query = keyword.value.trim();
       if (!query)
@@ -16261,19 +16592,29 @@ var stdin_default$t = defineComponent({
       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) => createVNode("div", {
       "class": bem$o("tree-card")
     }, [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;
@@ -16294,6 +16635,45 @@ var stdin_default$t = defineComponent({
       }, null), expanded && renderTree(items)]);
     };
     const close = () => emit("update:show", false);
+    const renderSearchContent = () => {
+      if (!keyword.value.trim())
+        return;
+      if (searchLoading.value) {
+        return createVNode("div", {
+          "class": bem$o("search-state")
+        }, [createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [createTextVNode("加载中...")]
+        })]);
+      }
+      if (searchFailed.value) {
+        return createVNode(Empty, {
+          "image": "network",
+          "description": "搜索失败，请重试"
+        }, null);
+      }
+      if (!searchResults.value.length) {
+        return createVNode(Empty, {
+          "description": "暂无搜索结果"
+        }, null);
+      }
+      return createVNode("div", {
+        "class": bem$o("tree-card", {
+          search: true
+        })
+      }, [searchResults.value.map((item) => 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 () => createVNode(ActionSheet, {
       "show": props2.show,
       "class": bem$o(),
@@ -16304,10 +16684,18 @@ var stdin_default$t = defineComponent({
         "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 = "";
@@ -16346,21 +16734,7 @@ var stdin_default$t = defineComponent({
         }, null)]
       })]), createVNode("div", {
         "class": bem$o("body")
-      }, [searching.value ? keyword.value && createVNode("div", {
-        "class": bem$o("tree-card", {
-          search: true
-        })
-      }, [searchResults.value.map((item) => 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) : createVNode(Fragment, null, [createVNode("div", {
+      }, [searching.value ? renderSearchContent() : view.value === 0 ? renderTree(props2.spaceItems) : createVNode(Fragment, null, [createVNode("div", {
         "class": bem$o("type-tabs")
       }, [createVNode(FilterTag, {
         "selected": specialtyType.value === 0,
@@ -21398,7 +21772,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.43";
+const version = "0.0.45";
 function install(app) {
   const components = [
     ActionBar,