persagy-vant 0.0.43 → 0.0.45

package/lib/index.d.ts

@@ -117,4 +117,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.43";
+export const version: "0.0.45";

package/lib/index.js

@@ -248,7 +248,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video-preview"), module.exports);
 __reExport(stdin_exports, require("./work-order-card"), module.exports);
 __reExport(stdin_exports, require("./work-order-filter"), module.exports);
-const version = "0.0.43";
+const version = "0.0.45";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/index.less

@@ -69,13 +69,13 @@
 @import "./uploader/index.less";
 @import "./tabs/index.less";
 @import "./tab/index.less";
-@import "./object-select/index.less";
-@import "./location-select/index.less";
 @import "./cascader/index.less";
 @import "./cell-group/index.less";
 @import "./empty/index.less";
 @import "./tree-select-panel/index.less";
 @import "./radio-panel/index.less";
+@import "./object-select/index.less";
+@import "./location-select/index.less";
 @import "./coupon-list/index.less";
 @import "./checkbox-panel/index.less";
 @import "./circle/index.less";

package/lib/location-select/LocationSelect.d.ts

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import { type Numeric } from '../utils';
 import { type TreeSelectItem } from '../tree-select';
+import type { LocationSelectSearch } from './types';
 declare const props: {
     show: BooleanConstructor;
     modelValue: PropType<Numeric | undefined>;
@@ -16,6 +17,11 @@ declare const props: {
         type: PropType<string[]>;
         default: () => never[];
     };
+    search: PropType<LocationSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 };
 export declare type LocationSelectProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
@@ -33,7 +39,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show")[], "change" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    search: PropType<LocationSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "search-error")[], "change" | "update:modelValue" | "update:show" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: PropType<Numeric | undefined>;
     title: {
@@ -48,14 +59,21 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
+    search: PropType<LocationSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    "onSearch-error"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     show: boolean;
     items: TreeSelectItem[][];
     tabTitles: string[];
+    searchDebounce: string | number;
 }>;
 export default _default;

package/lib/location-select/LocationSelect.js

@@ -15,6 +15,26 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__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());
+  });
+};
 var stdin_exports = {};
 __export(stdin_exports, {
   default: () => stdin_default
@@ -25,7 +45,9 @@ var import_utils = require("../utils");
 var import_action_sheet = require("../action-sheet");
 var import_cell = require("../cell");
 var import_dialog = require("../dialog");
+var import_empty = require("../empty");
 var import_icon = require("../icon");
+var import_loading = require("../loading");
 var import_nav_bar = require("../nav-bar");
 var import_search = require("../search");
 var import_tab = require("../tab");
@@ -165,12 +187,14 @@ const props = {
     type: Array,
     default: () => locations
   },
-  tabTitles: (0, import_utils.makeArrayProp)()
+  tabTitles: (0, import_utils.makeArrayProp)(),
+  search: Function,
+  searchDebounce: (0, import_utils.makeNumericProp)(300)
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props,
-  emits: ["update:show", "update:modelValue", "change"],
+  emits: ["update:show", "update:modelValue", "change", "search-error"],
   setup(props2, {
     emit
   }) {
@@ -180,6 +204,12 @@ var stdin_default = (0, import_vue.defineComponent)({
     const customValue = (0, import_vue.ref)("");
     const expandedKeys = (0, import_vue.ref)(["basement", "b3"]);
     const query = (0, import_vue.ref)("");
+    const asyncSearchResults = (0, import_vue.ref)([]);
+    const searchLoading = (0, import_vue.ref)(false);
+    const searchFailed = (0, import_vue.ref)(false);
+    const searchedItems = (0, import_vue.shallowReactive)(/* @__PURE__ */ new Map());
+    let searchTimer;
+    let searchRequestId = 0;
     const titles = (0, import_vue.computed)(() => props2.tabTitles.length ? props2.tabTitles : ["ABC\u5EA7\u5730\u4E0B\u5BA4", "A\u5EA7", "B\u5EA7", "C\u5EA7", "D\u5EA7"]);
     const allItems = (0, import_vue.computed)(() => props2.items.flatMap(flatten));
     const currentRoot = (0, import_vue.computed)(() => {
@@ -190,7 +220,48 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a;
       return ((_a = currentRoot.value) == null ? void 0 : _a.children) || [];
     });
-    const searchResults = (0, import_vue.computed)(() => query.value ? allItems.value.filter((item) => item.text.includes(query.value)) : []);
+    const searchResults = (0, import_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(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));
+      }
+    };
+    (0, import_vue.watch)([query, () => props2.search], scheduleSearch);
     (0, import_vue.watch)(() => props2.show, (show) => {
       if (show) {
         active.value = 0;
@@ -198,11 +269,16 @@ var stdin_default = (0, import_vue.defineComponent)({
         expandedKeys.value = ["basement", "b3"];
       }
     });
+    (0, import_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();
@@ -217,6 +293,37 @@ var stdin_default = (0, import_vue.defineComponent)({
       showCustom.value = false;
       close();
     };
+    const renderSearchContent = () => {
+      if (searchLoading.value)
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("search-state")
+        }, [(0, import_vue.createVNode)(import_loading.Loading, {
+          "vertical": true
+        }, {
+          default: () => [(0, import_vue.createTextVNode)("\u52A0\u8F7D\u4E2D...")]
+        })]);
+      if (searchFailed.value)
+        return (0, import_vue.createVNode)(import_empty.Empty, {
+          "image": "network",
+          "description": "\u641C\u7D22\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"
+        }, null);
+      if (!searchResults.value.length)
+        return (0, import_vue.createVNode)(import_empty.Empty, {
+          "description": "\u6682\u65E0\u641C\u7D22\u7ED3\u679C"
+        }, null);
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("card")
+      }, [searchResults.value.map((item, index) => (0, import_vue.createVNode)(import_cell.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 () => (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
       "show": props2.show,
       "class": bem(),
@@ -247,23 +354,20 @@ var stdin_default = (0, import_vue.defineComponent)({
         "modelValue": query.value,
         "onUpdate:modelValue": ($event) => query.value = $event,
         "class": bem("search"),
+        "variant": "pure",
         "shape": "round",
         "inputAlign": "left",
-        "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD"
+        "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD",
+        "onSearch": () => {
+          if (props2.search) {
+            if (searchTimer)
+              clearTimeout(searchTimer);
+            runSearch();
+          }
+        }
       }, null), query.value ? (0, import_vue.createVNode)("div", {
         "class": bem("body")
-      }, [(0, import_vue.createVNode)("div", {
-        "class": bem("card")
-      }, [searchResults.value.map((item) => (0, import_vue.createVNode)(import_cell.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))])]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(import_tabs.Tabs, {
+      }, [renderSearchContent()]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(import_tabs.Tabs, {
         "active": active.value,
         "onUpdate:active": ($event) => active.value = $event,
         "showMore": showMore.value,

package/lib/location-select/index.css

@@ -1 +1 @@
-.van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}
+.van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__search-state{display:flex;align-items:center;justify-content:center;min-height:160px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}

package/lib/location-select/index.d.ts

@@ -13,7 +13,12 @@ export declare const LocationSelect: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show")[], "change" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    search: import("vue").PropType<import("./types").LocationSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "search-error")[], "change" | "update:modelValue" | "update:show" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: import("vue").PropType<import("../utils").Numeric | undefined>;
     title: {
@@ -28,18 +33,26 @@ export declare const LocationSelect: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    search: import("vue").PropType<import("./types").LocationSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    "onSearch-error"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     show: boolean;
     items: import("..").TreeSelectItem[][];
     tabTitles: string[];
+    searchDebounce: string | number;
 }>>;
 export default LocationSelect;
 export type { LocationSelectProps } from './LocationSelect';
+export type { LocationSelectSearch } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanLocationSelect: typeof LocationSelect;

package/lib/location-select/index.less

@@ -11,5 +11,6 @@
   &__tabs { flex: none; padding-left: 8px; --van-tab-font-size: var(--van-font-size-md); --van-tabs-line-height: 44px; --van-tabs-nav-background-color: transparent; }
   &__body { flex: 1; min-height: 0; padding: 12px var(--van-padding-md); overflow-y: auto; }
   &__card { overflow: hidden; background: var(--van-white); border-radius: 8px; }
+  &__search-state { display: flex; align-items: center; justify-content: center; min-height: 160px; }
   &__root-option { margin-bottom: 8px; background: var(--van-white); border-radius: 8px; }
 }

package/lib/location-select/style/index.js

@@ -25,4 +25,5 @@ require("../../swipe/index.css");
 require("../../swipe-item/index.css");
 require("../../tabs/index.css");
 require("../../tab/index.css");
+require("../../empty/index.css");
 require("../index.css");

package/lib/location-select/style/less.js

@@ -25,4 +25,5 @@ require("../../swipe/index.less");
 require("../../swipe-item/index.less");
 require("../../tabs/index.less");
 require("../../tab/index.less");
+require("../../empty/index.less");
 require("../index.less");

package/lib/location-select/types.d.ts

@@ -0,0 +1,2 @@
+import type { TreeSelectItem } from '../tree-select';
+export declare type LocationSelectSearch = (keyword: string) => TreeSelectItem[] | Promise<TreeSelectItem[]>;

package/lib/location-select/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/material-add/MaterialAdd.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
-import type { MaterialAddCategory, MaterialAddItem } from './types';
+import type { MaterialAddCategory, MaterialAddItem, MaterialAddSearch } from './types';
 declare const materialAddProps: {
     show: BooleanConstructor;
     modelValue: {
@@ -54,6 +54,11 @@ declare const materialAddProps: {
         type: PropType<string>;
         default: string;
     };
+    search: PropType<MaterialAddSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 };
 export declare type MaterialAddProps = ExtractPropTypes<typeof materialAddProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -110,7 +115,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm")[], "change" | "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    search: PropType<MaterialAddSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm" | "search-error")[], "change" | "update:modelValue" | "update:show" | "confirm" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
         type: PropType<number[]>;
@@ -164,17 +174,24 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    search: PropType<MaterialAddSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onSearch-error"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     modelValue: number[];
     show: boolean;
     confirmText: string;
     items: MaterialAddItem[];
+    searchDebounce: string | number;
     categories: MaterialAddCategory[];
     showCommonTab: boolean;
     showAllTab: boolean;

package/lib/material-add/MaterialAdd.js

@@ -25,6 +25,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__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());
+  });
+};
 var stdin_exports = {};
 __export(stdin_exports, {
   default: () => stdin_default
@@ -35,7 +55,9 @@ var import_action_sheet = require("../action-sheet");
 var import_blue_mark = require("../blue-mark");
 var import_bottom_action_bar = require("../bottom-action-bar");
 var import_filter_tag = require("../filter-tag");
+var import_empty = require("../empty");
 var import_icon = require("../icon");
+var import_loading = require("../loading");
 var import_nav_bar = require("../nav-bar");
 var import_search = require("../search");
 var import_swipe = require("../swipe");
@@ -354,12 +376,14 @@ const materialAddProps = {
   commonTabText: (0, import_utils.makeStringProp)("\u5E38\u7528\u7269\u6599"),
   allTabText: (0, import_utils.makeStringProp)("\u5168\u90E8\u7269\u6599"),
   materialTabText: (0, import_utils.makeStringProp)("\u7269\u8D44"),
-  toolTabText: (0, import_utils.makeStringProp)("\u5DE5\u5177")
+  toolTabText: (0, import_utils.makeStringProp)("\u5DE5\u5177"),
+  search: Function,
+  searchDebounce: (0, import_utils.makeNumericProp)(300)
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: materialAddProps,
-  emits: ["update:show", "update:modelValue", "change", "confirm"],
+  emits: ["update:show", "update:modelValue", "change", "confirm", "search-error"],
   setup(props, {
     emit
   }) {
@@ -375,6 +399,10 @@ var stdin_default = (0, import_vue.defineComponent)({
     const activeKind = (0, import_vue.ref)(getDefaultKind());
     const keyword = (0, import_vue.ref)("");
     const searching = (0, import_vue.ref)(false);
+    const searchLoading = (0, import_vue.ref)(false);
+    const searchFailed = (0, import_vue.ref)(false);
+    let searchTimer;
+    let searchRequestId = 0;
     const expandedKeys = (0, import_vue.ref)([]);
     const expandedSelected = (0, import_vue.ref)(false);
     const detailItem = (0, import_vue.ref)();
@@ -457,6 +485,11 @@ var stdin_default = (0, import_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;
@@ -474,6 +507,40 @@ var stdin_default = (0, import_vue.defineComponent)({
         expandedKeys.value = getDefaultExpandedKeys();
       }
     });
+    const runSearch = (..._0) => __async(this, [..._0], function* (query = keyword.value.trim()) {
+      if (!props.search || !query)
+        return;
+      const requestId = ++searchRequestId;
+      searchLoading.value = true;
+      searchFailed.value = false;
+      try {
+        yield props.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 (props.search && keyword.value.trim()) {
+        searchTimer = setTimeout(runSearch, Number(props.searchDebounce));
+      }
+    };
+    (0, import_vue.watch)([keyword, () => props.search], scheduleSearch);
+    (0, import_vue.onBeforeUnmount)(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const setActiveTab = (tab) => {
       activeTab.value = tab;
       if (tab === "all") {
@@ -540,9 +607,25 @@ var stdin_default = (0, import_vue.defineComponent)({
     }, null);
     const renderList = () => (0, import_vue.createVNode)("div", {
       "class": bem("material-list")
-    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props.items.indexOf(item))) : (0, import_vue.createVNode)("div", {
-      "class": bem("empty")
-    }, [(0, import_vue.createTextVNode)("\u6682\u65E0\u5339\u914D\u7269\u6599")])]);
+    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props.items.indexOf(item))) : (0, import_vue.createVNode)(import_empty.Empty, {
+      "description": "\u6682\u65E0\u5339\u914D\u7269\u6599"
+    }, null)]);
+    const renderSearchContent = () => {
+      if (searchLoading.value)
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("search-state")
+        }, [(0, import_vue.createVNode)(import_loading.Loading, {
+          "vertical": true
+        }, {
+          default: () => [(0, import_vue.createTextVNode)("\u52A0\u8F7D\u4E2D...")]
+        })]);
+      if (searchFailed.value)
+        return (0, import_vue.createVNode)(import_empty.Empty, {
+          "image": "network",
+          "description": "\u641C\u7D22\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"
+        }, null);
+      return renderList();
+    };
     const renderCatalog = () => {
       const catalogItems = getCatalogItems();
       const defaultExpandedKeys = getDefaultExpandedKeys();
@@ -701,11 +784,19 @@ var stdin_default = (0, import_vue.defineComponent)({
         "modelValue": keyword.value,
         "onUpdate:modelValue": ($event) => keyword.value = $event,
         "class": bem("search"),
+        "variant": "pure",
         "shape": "round",
         "inputAlign": "left",
         "autofocus": true,
         "showAction": true,
         "placeholder": "\u641C\u7D22\u7269\u8D44/\u5DE5\u5177\u540D\u79F0",
+        "onSearch": () => {
+          if (props.search) {
+            if (searchTimer)
+              clearTimeout(searchTimer);
+            runSearch();
+          }
+        },
         "onCancel": () => {
           searching.value = false;
           keyword.value = "";
@@ -759,7 +850,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         default: () => [props.toolTabText]
       })])]), (0, import_vue.createVNode)("div", {
         "class": bem("body")
-      }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === "common" ? renderList() : renderCatalog()]), (0, import_vue.createVNode)("div", {
+      }, [searching.value && !keyword.value.trim() ? null : searching.value ? renderSearchContent() : activeTab.value === "common" ? renderList() : renderCatalog()]), (0, import_vue.createVNode)("div", {
         "class": bem("footer")
       }, [renderSelectPanel(), (0, import_vue.createVNode)(import_bottom_action_bar.BottomActionBar, {
         "fixed": false,