persagy-vant 0.0.43 → 0.0.45

package/es/material-add/index.d.ts

@@ -52,7 +52,12 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
         type: import("vue").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<import("vue").ExtractPropTypes<{
+    search: import("vue").PropType<import("./types").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<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
         type: import("vue").PropType<number[]>;
@@ -106,17 +111,24 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
+    search: import("vue").PropType<import("./types").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: import("./types").MaterialAddItem[];
+    searchDebounce: string | number;
     categories: import("./types").MaterialAddCategory[];
     showCommonTab: boolean;
     showAllTab: boolean;
@@ -129,7 +141,7 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
 }>>;
 export default MaterialAdd;
 export type { MaterialAddProps } from './MaterialAdd';
-export type { MaterialAddCategory, MaterialAddCategoryNode, MaterialAddItem } from './types';
+export type { MaterialAddCategory, MaterialAddCategoryNode, MaterialAddItem, MaterialAddSearch, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanMaterialAdd: typeof MaterialAdd;

package/es/material-add/index.less

@@ -23,7 +23,7 @@
   &__tree-card { margin-bottom: 12px; overflow: hidden; background: var(--van-white); border-radius: 8px; }
   &__catalog-leaf { overflow: hidden; }
   &__material-list { overflow: hidden; background: var(--van-white); border-radius: 8px; }
-  &__empty { padding: 32px 16px; color: var(--van-text-color-3); font-size: var(--van-font-size-md); text-align: center; }
+  &__search-state { display: flex; align-items: center; justify-content: center; min-height: 160px; }
   &__footer { position: relative; z-index: 2; flex: none; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); .van-bottom-action-bar { box-shadow: none; } }
   &__selected-panel { position: absolute; right: 0; bottom: 60px; left: 0; display: flex; flex-direction: column; max-height: 340px; overflow: hidden; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); }
   &__selected-header { display: flex; align-items: center; justify-content: space-between; padding: 12px var(--van-padding-md) 4px; }

package/es/material-add/style/index.mjs

@@ -33,6 +33,7 @@ import "../../swipe-item/index.css";
 import "../../material-detail/index.css";
 import "../../tabs/index.css";
 import "../../tab/index.css";
+import "../../empty/index.css";
 import "../../stepper/index.css";
 import "../../material-action-bar/index.css";
 import "../index.css";

package/es/material-add/style/less.mjs

@@ -33,6 +33,7 @@ import "../../swipe-item/index.less";
 import "../../material-detail/index.less";
 import "../../tabs/index.less";
 import "../../tab/index.less";
+import "../../empty/index.less";
 import "../../stepper/index.less";
 import "../../material-action-bar/index.less";
 import "../index.less";

package/es/material-add/types.d.ts

@@ -8,15 +8,16 @@ export declare type MaterialAddItem = {
     category: string;
     kind: 'material' | 'tool';
 };
-export declare type MaterialAddCategory = {
-    id: Numeric;
-    text: string;
-    kind: 'material' | 'tool';
-    categories: MaterialAddCategoryNode[];
-};
 export declare type MaterialAddCategoryNode = {
     id?: Numeric;
     value?: string;
     text: string;
     children?: MaterialAddCategoryNode[];
 };
+export declare type MaterialAddCategory = {
+    id: Numeric;
+    text: string;
+    kind: 'material' | 'tool';
+    categories: MaterialAddCategoryNode[];
+};
+export declare type MaterialAddSearch = (keyword: string) => void | Promise<void>;

package/es/object-select/ObjectSelect.d.ts

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import { type Numeric } from '../utils';
-import { type TreeSelectItem } from '../tree-select';
-import type { ObjectSelectSpecialty } from './types';
+import { type TreeSelectItem, type TreeSelectLoadChildren } from '../tree-select';
+import type { ObjectSelectSearch, ObjectSelectSpecialty } from './types';
 declare const objectSelectProps: {
     show: BooleanConstructor;
     modelValue: {
@@ -24,6 +24,12 @@ declare const objectSelectProps: {
         type: PropType<ObjectSelectSpecialty[]>;
         default: () => ObjectSelectSpecialty[];
     };
+    loadChildren: PropType<TreeSelectLoadChildren>;
+    search: PropType<ObjectSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 };
 export declare type ObjectSelectProps = ExtractPropTypes<typeof objectSelectProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -48,7 +54,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ObjectSelectSpecialty[]>;
         default: () => ObjectSelectSpecialty[];
     };
-}, () => 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<{
+    loadChildren: PropType<TreeSelectLoadChildren>;
+    search: PropType<ObjectSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error")[], "change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
         type: PropType<Numeric[]>;
@@ -70,16 +82,26 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ObjectSelectSpecialty[]>;
         default: () => ObjectSelectSpecialty[];
     };
+    loadChildren: PropType<TreeSelectLoadChildren>;
+    search: PropType<ObjectSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onLoad-error"?: ((...args: any[]) => any) | undefined;
+    "onSearch-error"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     modelValue: Numeric[];
     show: boolean;
     confirmText: string;
+    searchDebounce: string | number;
     spaceItems: TreeSelectItem[];
     specialties: ObjectSelectSpecialty[];
 }>;

package/es/object-select/ObjectSelect.mjs

@@ -1,11 +1,33 @@
-import { computed, defineComponent, ref, watch, createVNode as _createVNode, Fragment as _Fragment, createTextVNode as _createTextVNode } from "vue";
-import { createNamespace, extend, makeArrayProp, makeStringProp } from "../utils/index.mjs";
+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());
+  });
+};
+import { computed, defineComponent, onBeforeUnmount, ref, shallowReactive, watch, createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment } from "vue";
+import { createNamespace, extend, makeArrayProp, makeNumericProp, makeStringProp } from "../utils/index.mjs";
 import { ActionSheet } from "../action-sheet/index.mjs";
 import { BlueMarkHeader } from "../blue-mark/index.mjs";
 import { BottomActionBar } from "../bottom-action-bar/index.mjs";
 import { Cell } from "../cell/index.mjs";
 import { FilterTag } from "../filter-tag/index.mjs";
 import { Icon } from "../icon/index.mjs";
+import { Empty } from "../empty/index.mjs";
+import { Loading } from "../loading/index.mjs";
 import { NavBar } from "../nav-bar/index.mjs";
 import { Search } from "../search/index.mjs";
 import { Tab } from "../tab/index.mjs";
@@ -46,13 +68,7 @@ const spaceItems = [{
           id: "high-voltage",
           text: "\u9AD8\u538B\u8BA1\u91CF\u67DC",
           selectable: false,
-          children: [{
-            id: "metering-cabinet-1",
-            text: "B3_\u9AD8\u538B\u8BA1\u91CF\u67DC_1#"
-          }, {
-            id: "metering-cabinet-2",
-            text: "B3_\u9AD8\u538B\u8BA1\u91CF\u67DC_2#"
-          }]
+          children: []
         }]
       }, {
         id: "chiller-room",
@@ -372,13 +388,16 @@ const objectSelectProps = {
   specialties: {
     type: Array,
     default: () => specialties
-  }
+  },
+  loadChildren: Function,
+  search: Function,
+  searchDebounce: makeNumericProp(300)
 };
 const flattenItems = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems(item.children) : []]);
 var stdin_default = defineComponent({
   name,
   props: objectSelectProps,
-  emits: ["update:show", "update:modelValue", "change", "confirm"],
+  emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error", "search-error"],
   setup(props, {
     emit
   }) {
@@ -391,6 +410,20 @@ var stdin_default = 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 (props.specialties.length === 1) {
@@ -404,6 +437,12 @@ var stdin_default = 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 = {
@@ -415,14 +454,65 @@ var stdin_default = defineComponent({
       immediate: true
     });
     const selected = computed(() => props.modelValue);
-    const allItems = computed(() => flattenItems([...props.spaceItems, ...props.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])]));
-    const selectedItems = computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
+    const allItems = computed(() => flattenItems(hydrateItems([...props.spaceItems, ...props.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 (props.search)
+        return asyncSearchResults.value;
       return allItems.value.filter((item) => item.text.toLowerCase().includes(query));
     });
+    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 {
+        const results = yield props.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 (!props.search || !query)
+        return;
+      searchTimer = setTimeout(runSearch, Number(props.searchDebounce));
+    };
+    watch([keyword, () => props.search], scheduleSearch);
+    onBeforeUnmount(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const renderHighlightedText = (text) => {
       const query = keyword.value.trim();
       if (!query)
@@ -460,19 +550,29 @@ var stdin_default = 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("tree-card")
     }, [_createVNode(TreeSelect, {
       "modelValue": selected.value,
       "expandedKeys": expandedKeys.value,
-      "items": items,
+      "items": hydrateItems(items),
       "multiple": true,
       "showParentSelect": true,
       "cascade": false,
+      "loadChildren": props.loadChildren,
       "onUpdate:modelValue": update,
       "onUpdate:expandedKeys": (value) => {
         expandedKeys.value = value;
-      }
+      },
+      "onLoad": onLoad,
+      "onLoad-error": onLoadError
     }, null)]);
     const renderSpecialty = (specialty) => {
       var _a;
@@ -493,6 +593,45 @@ var stdin_default = 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("search-state")
+        }, [_createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [_createTextVNode("\u52A0\u8F7D\u4E2D...")]
+        })]);
+      }
+      if (searchFailed.value) {
+        return _createVNode(Empty, {
+          "image": "network",
+          "description": "\u641C\u7D22\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"
+        }, null);
+      }
+      if (!searchResults.value.length) {
+        return _createVNode(Empty, {
+          "description": "\u6682\u65E0\u641C\u7D22\u7ED3\u679C"
+        }, null);
+      }
+      return _createVNode("div", {
+        "class": bem("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": props.show,
       "class": bem(),
@@ -503,10 +642,18 @@ var stdin_default = defineComponent({
         "modelValue": keyword.value,
         "onUpdate:modelValue": ($event) => keyword.value = $event,
         "class": bem("search"),
+        "variant": "pure",
         "shape": "round",
         "inputAlign": "left",
         "autofocus": true,
         "placeholder": "\u641C\u7D22\u5BF9\u8C61",
+        "onSearch": () => {
+          if (props.search) {
+            if (searchTimer)
+              clearTimeout(searchTimer);
+            runSearch();
+          }
+        },
         "onCancel": () => {
           searching.value = false;
           keyword.value = "";
@@ -545,21 +692,7 @@ var stdin_default = defineComponent({
         }, null)]
       })]), _createVNode("div", {
         "class": bem("body")
-      }, [searching.value ? keyword.value && _createVNode("div", {
-        "class": bem("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(props.spaceItems) : _createVNode(_Fragment, null, [_createVNode("div", {
+      }, [searching.value ? renderSearchContent() : view.value === 0 ? renderTree(props.spaceItems) : _createVNode(_Fragment, null, [_createVNode("div", {
         "class": bem("type-tabs")
       }, [_createVNode(FilterTag, {
         "selected": specialtyType.value === 0,

package/es/object-select/index.css

@@ -1 +1 @@
-.van-object-select{display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-object-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;gap:0;padding:0;overflow:hidden}.van-object-select__nav{flex:none;align-self:stretch;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-2)}.van-object-select__nav.van-nav-bar,.van-object-select__nav .van-nav-bar__content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-object-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-object-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-object-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-object-select__search .van-search__field{padding-left:0}.van-object-select__keyword{color:var(--van-primary-color)}.van-object-select__view-tabs{flex:none;padding-left:8px;background:transparent;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-nav-background-color: transparent;--van-tabs-bottom-bar-width: 40px}.van-object-select__view-tabs .van-tabs__nav{background:transparent}.van-object-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-object-select__tree-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-object-select__tree-card--search{margin-top:0}.van-object-select__type-tabs{display:flex;gap:8px;margin-bottom:12px;--van-filter-tag-background-color: var(--van-gray-4)}.van-object-select__type-tabs .van-filter-tag{width:80px}.van-object-select__specialty{margin-bottom:12px}.van-object-select__specialty .van-blue-mark-header{padding:0 4px 8px}.van-object-select__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__footer .van-bottom-action-bar{box-shadow:none}.van-object-select__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-object-select__clear,.van-object-select__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-object-select__clear{color:var(--van-primary-color)}.van-object-select__collapse,.van-object-select__remove,.van-object-select__collapse .van-icon,.van-object-select__remove .van-icon{color:var(--van-gray-6)}.van-object-select__collapse{gap:2px}.van-object-select__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-object-select__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-object-select__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}
+.van-object-select{display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-object-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;gap:0;padding:0;overflow:hidden}.van-object-select__nav{flex:none;align-self:stretch;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-2)}.van-object-select__nav.van-nav-bar,.van-object-select__nav .van-nav-bar__content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-object-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-object-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-object-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-object-select__search .van-search__field{padding-left:0}.van-object-select__keyword{color:var(--van-primary-color)}.van-object-select__view-tabs{flex:none;padding-left:8px;background:transparent;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-nav-background-color: transparent;--van-tabs-bottom-bar-width: 40px}.van-object-select__view-tabs .van-tabs__nav{background:transparent}.van-object-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-object-select__tree-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-object-select__tree-card--search{margin-top:0}.van-object-select__search-state{display:flex;align-items:center;justify-content:center;min-height:160px}.van-object-select__type-tabs{display:flex;gap:8px;margin-bottom:12px;--van-filter-tag-background-color: var(--van-gray-4)}.van-object-select__type-tabs .van-filter-tag{width:80px}.van-object-select__specialty{margin-bottom:12px}.van-object-select__specialty .van-blue-mark-header{padding:0 4px 8px}.van-object-select__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__footer .van-bottom-action-bar{box-shadow:none}.van-object-select__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-object-select__clear,.van-object-select__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-object-select__clear{color:var(--van-primary-color)}.van-object-select__collapse,.van-object-select__remove,.van-object-select__collapse .van-icon,.van-object-select__remove .van-icon{color:var(--van-gray-6)}.van-object-select__collapse{gap:2px}.van-object-select__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-object-select__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-object-select__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}

package/es/object-select/index.d.ts

@@ -20,7 +20,13 @@ export declare const ObjectSelect: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<import("./types").ObjectSelectSpecialty[]>;
         default: () => import("./types").ObjectSelectSpecialty[];
     };
-}, () => 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<import("vue").ExtractPropTypes<{
+    loadChildren: import("vue").PropType<import("..").TreeSelectLoadChildren>;
+    search: import("vue").PropType<import("./types").ObjectSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error")[], "change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
         type: import("vue").PropType<import("../utils").Numeric[]>;
@@ -42,22 +48,32 @@ export declare const ObjectSelect: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<import("./types").ObjectSelectSpecialty[]>;
         default: () => import("./types").ObjectSelectSpecialty[];
     };
+    loadChildren: import("vue").PropType<import("..").TreeSelectLoadChildren>;
+    search: import("vue").PropType<import("./types").ObjectSelectSearch>;
+    searchDebounce: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onLoad-error"?: ((...args: any[]) => any) | undefined;
+    "onSearch-error"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     modelValue: import("../utils").Numeric[];
     show: boolean;
     confirmText: string;
+    searchDebounce: string | number;
     spaceItems: import("..").TreeSelectItem[];
     specialties: import("./types").ObjectSelectSpecialty[];
 }>>;
 export default ObjectSelect;
 export type { ObjectSelectProps } from './ObjectSelect';
-export type { ObjectSelectSpecialty, ObjectSelectTree, ObjectSelectValue } from './types';
+export type { ObjectSelectSearch, ObjectSelectSpecialty, ObjectSelectTree, ObjectSelectValue, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanObjectSelect: typeof ObjectSelect;

package/es/object-select/index.less

@@ -52,6 +52,7 @@
   &__body { flex: 1; min-height: 0; padding: 12px var(--van-padding-md); overflow-y: auto; }
   &__tree-card { overflow: hidden; background: var(--van-white); border-radius: 8px; }
   &__tree-card--search { margin-top: 0; }
+  &__search-state { display: flex; align-items: center; justify-content: center; min-height: 160px; }
   &__type-tabs {
     display: flex;
     gap: 8px;

package/es/object-select/style/index.mjs

@@ -26,4 +26,5 @@ import "../../swipe/index.css";
 import "../../swipe-item/index.css";
 import "../../tabs/index.css";
 import "../../tab/index.css";
+import "../../empty/index.css";
 import "../index.css";

package/es/object-select/style/less.mjs

@@ -26,4 +26,5 @@ import "../../swipe/index.less";
 import "../../swipe-item/index.less";
 import "../../tabs/index.less";
 import "../../tab/index.less";
+import "../../empty/index.less";
 import "../index.less";

package/es/object-select/types.d.ts

@@ -2,6 +2,7 @@ import type { Numeric } from '../utils';
 import type { TreeSelectItem } from '../tree-select';
 export declare type ObjectSelectTree = TreeSelectItem;
 export declare type ObjectSelectValue = Numeric[];
+export declare type ObjectSelectSearch = (keyword: string) => ObjectSelectTree[] | Promise<ObjectSelectTree[]>;
 export declare type ObjectSelectSpecialty = {
     id: string;
     name: string;

package/es/tree-select/TreeSelect.d.ts

@@ -8,6 +8,7 @@ export declare type TreeSelectItem = {
     selectable?: boolean;
 };
 export declare type TreeSelectChild = TreeSelectItem;
+export declare type TreeSelectLoadChildren = (item: TreeSelectItem) => TreeSelectItem[] | Promise<TreeSelectItem[]>;
 declare const treeSelectProps: {
     items: {
         type: PropType<TreeSelectItem[]>;
@@ -30,6 +31,7 @@ declare const treeSelectProps: {
         type: BooleanConstructor;
         default: true;
     };
+    loadChildren: PropType<TreeSelectLoadChildren>;
 };
 export declare type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -54,7 +56,8 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:expandedKeys" | "expand")[], "select" | "update:modelValue" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    loadChildren: PropType<TreeSelectLoadChildren>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "load" | "update:expandedKeys" | "expand" | "load-error")[], "select" | "update:modelValue" | "load" | "update:expandedKeys" | "expand" | "load-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
         type: PropType<TreeSelectItem[]>;
         default: () => never[];
@@ -76,11 +79,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    loadChildren: PropType<TreeSelectLoadChildren>;
 }>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
+    "onLoad-error"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Numeric[];
     multiple: boolean;