persagy-vant 0.0.44 → 0.0.45

package/lib/vant.cjs.js

@@ -13034,7 +13034,7 @@ var stdin_default$K = vue.defineComponent({
   }
 });
 const InfoCard = withInstall(stdin_default$K);
-var __async$2 = (__this, __arguments, generator) => {
+var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -13138,7 +13138,7 @@ var stdin_default$J = vue.defineComponent({
       emit("update:expandedKeys", next);
       emit("expand", id, expanded);
     };
-    const toggleExpanded = (item) => __async$2(this, null, function* () {
+    const toggleExpanded = (item) => __async$5(this, null, function* () {
       const {
         id
       } = item;
@@ -13271,6 +13271,26 @@ var stdin_default$J = vue.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",
@@ -13405,12 +13425,14 @@ const props$1 = {
     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
   }) {
@@ -13420,6 +13442,12 @@ var stdin_default$H = vue.defineComponent({
     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(() => {
@@ -13430,7 +13458,48 @@ var stdin_default$H = vue.defineComponent({
       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;
@@ -13438,11 +13507,16 @@ var stdin_default$H = vue.defineComponent({
         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();
@@ -13457,6 +13531,37 @@ var stdin_default$H = vue.defineComponent({
       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(),
@@ -13487,23 +13592,20 @@ var stdin_default$H = vue.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 ? 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,
@@ -14171,6 +14273,26 @@ var stdin_default$D = vue.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",
@@ -14478,12 +14600,14 @@ const materialAddProps = {
   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
   }) {
@@ -14499,6 +14623,10 @@ var stdin_default$B = vue.defineComponent({
     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();
@@ -14570,6 +14698,11 @@ var stdin_default$B = vue.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;
@@ -14587,6 +14720,40 @@ var stdin_default$B = vue.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));
+      }
+    };
+    vue.watch([keyword, () => props2.search], scheduleSearch);
+    vue.onBeforeUnmount(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const setActiveTab = (tab) => {
       activeTab.value = tab;
       if (tab === "all") {
@@ -14653,9 +14820,25 @@ var stdin_default$B = vue.defineComponent({
     }, 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();
@@ -14712,11 +14895,19 @@ var stdin_default$B = vue.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 = "";
@@ -14770,7 +14961,7 @@ var stdin_default$B = vue.defineComponent({
         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,
@@ -15866,6 +16057,26 @@ var stdin_default$u = vue.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",
@@ -16222,13 +16433,15 @@ const objectSelectProps = {
     type: Array,
     default: () => specialties
   },
-  loadChildren: Function
+  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", "load", "load-error"],
+  emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error", "search-error"],
   setup(props2, {
     emit
   }) {
@@ -16241,6 +16454,12 @@ var stdin_default$t = vue.defineComponent({
     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) => {
@@ -16262,6 +16481,12 @@ var stdin_default$t = vue.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 = {
@@ -16274,13 +16499,64 @@ var stdin_default$t = vue.defineComponent({
     });
     const selected = vue.computed(() => props2.modelValue);
     const allItems = vue.computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
-    const selectedItems = vue.computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
+    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)
@@ -16361,6 +16637,45 @@ var stdin_default$t = vue.defineComponent({
       }, 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(),
@@ -16371,10 +16686,18 @@ var stdin_default$t = vue.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 = "";
@@ -16413,21 +16736,7 @@ var stdin_default$t = vue.defineComponent({
         }, 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,
@@ -21465,7 +21774,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.44";
+const version = "0.0.45";
 function install(app) {
   const components = [
     ActionBar,