persagy-vant 0.0.42 → 0.0.44

package/es/action-sheet/ActionSheet.d.ts

@@ -50,6 +50,7 @@ declare const actionSheetProps: {
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -102,6 +103,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -152,6 +154,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -178,5 +181,6 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     actions: ActionSheetAction[];
     closeOnClickAction: boolean;
+    contentAdaptive: boolean;
 }>;
 export default _default;

package/es/action-sheet/ActionSheet.mjs

@@ -13,6 +13,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   closeable: truthProp,
   cancelText: String,
   description: String,
+  contentAdaptive: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickAction: Boolean,
   safeAreaInsetBottom: truthProp
@@ -121,7 +122,9 @@ var stdin_default = defineComponent({
       }
     };
     return () => _createVNode(Popup, _mergeProps({
-      "class": bem(),
+      "class": bem({
+        "content-adaptive": props.contentAdaptive
+      }),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys)), {

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height:calc(100% - 96px);--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color);background:var(--van-gray-2)}.van-action-sheet__content{flex:1 auto;display:flex;flex-direction:column;gap:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__action-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:transparent;border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{position:relative;line-height:var(--van-action-sheet-item-line-height);text-align:left}.van-action-sheet__item--selected{font-weight:var(--van-font-weight-bold)}.van-action-sheet__item:not(:last-child):after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;background:transparent}.van-action-sheet__nav-left{display:flex;align-items:center;height:var(--van-nav-bar-height);padding:0 6px 0 var(--van-padding-md)}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}
+:root{--van-action-sheet-max-height:calc(100% - 96px);--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color);background:var(--van-gray-2)}.van-action-sheet--content-adaptive{height:auto}.van-action-sheet__content{flex:1 auto;display:flex;flex-direction:column;gap:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__action-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:transparent;border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{position:relative;line-height:var(--van-action-sheet-item-line-height);text-align:left}.van-action-sheet__item--selected{font-weight:var(--van-font-weight-bold)}.van-action-sheet__item:not(:last-child):after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;background:transparent}.van-action-sheet__nav-left{display:flex;align-items:center;height:var(--van-nav-bar-height);padding:0 6px 0 var(--van-padding-md)}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}

package/es/action-sheet/index.d.ts

@@ -39,6 +39,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -89,6 +90,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -115,6 +117,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeOnPopstate: boolean;
     actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
+    contentAdaptive: boolean;
 }>>;
 export default ActionSheet;
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';

package/es/action-sheet/index.less

@@ -31,6 +31,10 @@
   color: var(--van-action-sheet-item-text-color);
   background: var(--van-gray-2);
 
+  &--content-adaptive {
+    height: auto;
+  }
+
   &__content {
     flex: 1 auto;
     display: flex;

package/es/index.d.ts

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

package/es/index.mjs

@@ -110,7 +110,7 @@ import { Uploader } from "./uploader/index.mjs";
 import { VideoPreview } from "./video-preview/index.mjs";
 import { WorkOrderCard } from "./work-order-card/index.mjs";
 import { WorkOrderFilter } from "./work-order-filter/index.mjs";
-const version = "0.0.42";
+const version = "0.0.44";
 function install(app) {
   const components = [
     ActionBar,

package/es/locale/lang/en-US.d.ts

@@ -63,5 +63,11 @@ declare const _default: {
     vanTabs: {
         moreTitle: string;
     };
+    vanUploader: {
+        sourcePickerTitle: string;
+        takePhoto: string;
+        recordVideo: string;
+        chooseFromAlbum: string;
+    };
 };
 export default _default;

package/es/locale/lang/en-US.mjs

@@ -62,6 +62,12 @@ var stdin_default = {
   },
   vanTabs: {
     moreTitle: "More tabs"
+  },
+  vanUploader: {
+    sourcePickerTitle: "Choose upload source",
+    takePhoto: "Take photo",
+    recordVideo: "Record video",
+    chooseFromAlbum: "Choose from album"
   }
 };
 export {

package/es/locale/lang/zh-CN.d.ts

@@ -63,5 +63,11 @@ declare const _default: {
     vanTabs: {
         moreTitle: string;
     };
+    vanUploader: {
+        sourcePickerTitle: string;
+        takePhoto: string;
+        recordVideo: string;
+        chooseFromAlbum: string;
+    };
 };
 export default _default;

package/es/locale/lang/zh-CN.mjs

@@ -62,6 +62,12 @@ var stdin_default = {
   },
   vanTabs: {
     moreTitle: "\u66F4\u591A\u6807\u7B7E"
+  },
+  vanUploader: {
+    sourcePickerTitle: "\u9009\u62E9\u4E0A\u4F20\u65B9\u5F0F",
+    takePhoto: "\u62CD\u7167",
+    recordVideo: "\u62CD\u89C6\u9891",
+    chooseFromAlbum: "\u4ECE\u76F8\u518C\u9009\u62E9"
   }
 };
 export {

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

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import { type Numeric } from '../utils';
-import { type TreeSelectItem } from '../tree-select';
+import { type TreeSelectItem, type TreeSelectLoadChildren } from '../tree-select';
 import type { ObjectSelectSpecialty } from './types';
 declare const objectSelectProps: {
     show: BooleanConstructor;
@@ -24,6 +24,7 @@ declare const objectSelectProps: {
         type: PropType<ObjectSelectSpecialty[]>;
         default: () => ObjectSelectSpecialty[];
     };
+    loadChildren: PropType<TreeSelectLoadChildren>;
 };
 export declare type ObjectSelectProps = ExtractPropTypes<typeof objectSelectProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -48,7 +49,8 @@ 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>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error")[], "change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
         type: PropType<Numeric[]>;
@@ -70,11 +72,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ObjectSelectSpecialty[]>;
         default: () => ObjectSelectSpecialty[];
     };
+    loadChildren: PropType<TreeSelectLoadChildren>;
 }>> & {
     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;
 }, {
     title: string;
     modelValue: Numeric[];

package/es/object-select/ObjectSelect.mjs

@@ -1,4 +1,4 @@
-import { computed, defineComponent, ref, watch, createVNode as _createVNode, Fragment as _Fragment, createTextVNode as _createTextVNode } from "vue";
+import { computed, defineComponent, ref, shallowReactive, watch, createVNode as _createVNode, Fragment as _Fragment, createTextVNode as _createTextVNode } from "vue";
 import { createNamespace, extend, makeArrayProp, makeStringProp } from "../utils/index.mjs";
 import { ActionSheet } from "../action-sheet/index.mjs";
 import { BlueMarkHeader } from "../blue-mark/index.mjs";
@@ -46,13 +46,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 +366,14 @@ const objectSelectProps = {
   specialties: {
     type: Array,
     default: () => specialties
-  }
+  },
+  loadChildren: Function
 };
 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"],
   setup(props, {
     emit
   }) {
@@ -391,6 +386,14 @@ var stdin_default = defineComponent({
     const expandedSelected = ref(false);
     const searching = ref(false);
     const keyword = ref("");
+    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) {
@@ -415,7 +418,7 @@ 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 allItems = computed(() => flattenItems(hydrateItems([...props.spaceItems, ...props.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
     const selectedItems = computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
     const searchResults = computed(() => {
       const query = keyword.value.trim().toLowerCase();
@@ -460,19 +463,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;

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

@@ -20,7 +20,8 @@ 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>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error")[], "change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-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,11 +43,14 @@ 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>;
 }>> & {
     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;
 }, {
     title: string;
     modelValue: import("../utils").Numeric[];

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;

package/es/tree-select/TreeSelect.mjs

@@ -1,23 +1,28 @@
-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 = (__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, Transition, createVNode as _createVNode } from "vue";
+import { computed, defineComponent, shallowReactive, Transition, createVNode as _createVNode } from "vue";
 import { makeArrayProp, createNamespace, truthProp } from "../utils/index.mjs";
 import { Cell } from "../cell/index.mjs";
 import { Icon } from "../icon/index.mjs";
+import { Loading } from "../loading/index.mjs";
 const [name, bem] = createNamespace("tree-select");
 const treeSelectProps = {
   items: makeArrayProp(),
@@ -28,20 +33,31 @@ const treeSelectProps = {
   selectableParent: Boolean,
   showParentSelect: Boolean,
   showSelectLevels: Array,
-  showDivider: truthProp
+  showDivider: truthProp,
+  loadChildren: Function
 };
 var stdin_default = defineComponent({
   name,
   props: treeSelectProps,
-  emits: ["update:modelValue", "update:expandedKeys", "select", "expand"],
+  emits: ["update:modelValue", "update:expandedKeys", "select", "expand", "load", "load-error"],
   setup(props, {
     emit,
     slots
   }) {
     const selectedKeys = computed(() => props.modelValue);
     const expandedKeys = computed(() => props.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) => !!props.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 = props.showSelectLevels) == null ? void 0 : _a[level];
@@ -53,10 +69,7 @@ var stdin_default = 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 (!props.cascade || !descendantIds.length) {
@@ -71,11 +84,11 @@ var stdin_default = 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)
@@ -84,13 +97,45 @@ var stdin_default = 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(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 props.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;
@@ -109,12 +154,13 @@ var stdin_default = 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
@@ -134,36 +180,29 @@ var stdin_default = defineComponent({
       }
       const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
       const selectionState = getSelectionState(item);
-      return _createVNode("div", {
-        "key": item.id,
-        "class": bem("node")
-      }, [_createVNode(Cell, {
-        "class": bem("cell", {
-          branch: hasChildren
-        }),
-        "title": item.text,
-        "border": props.showDivider,
-        "style": getNodeStyle(level),
-        "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
-        "selectType": props.multiple ? "checkbox" : "radio",
-        "onUpdate:rightSelect": (value) => updateSelected(item, value)
-      }, __spreadValues({
+      const cellSlots = {
         title: () => [hasChildren ? _createVNode("button", {
           "type": "button",
           "class": bem("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("loading"),
+          "size": "var(--van-tree-select-arrow-size)"
+        }, null) : _createVNode(Icon, {
           "name": "trangle-down",
           "class": bem("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("indeterminate"),
           "aria-label": `\u90E8\u5206\u9009\u4E2D${item.text}`,
@@ -171,13 +210,27 @@ var stdin_default = defineComponent({
             event.stopPropagation();
             updateSelected(item, true);
           }
-        }, null)
-      } : {})), _createVNode(Transition, {
+        }, null);
+      }
+      return _createVNode("div", {
+        "key": item.id,
+        "class": bem("node")
+      }, [_createVNode(Cell, {
+        "class": bem("cell", {
+          branch: hasChildren
+        }),
+        "title": item.text,
+        "border": props.showDivider,
+        "style": getNodeStyle(level),
+        "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
+        "selectType": props.multiple ? "checkbox" : "radio",
+        "onUpdate:rightSelect": (value) => updateSelected(item, value)
+      }, cellSlots), _createVNode(Transition, {
         "name": "van-tree-select-expand"
       }, {
         default: () => [hasChildren && expanded && _createVNode("div", {
           "class": bem("children")
-        }, [renderNodes(item.children, level + 1)])]
+        }, [renderNodes(children, level + 1)])]
       })]);
     });
     return () => _createVNode("div", {

package/es/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s;--van-tree-select-divider-left: var(--van-padding-md)}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__leaf{position:relative;box-sizing:border-box}.van-tree-select__leaf--divider:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-tree-select-divider-left);height:1px;background:var(--van-border-color);content:"";transform:scaleY(.5)}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__node:not(:last-child)>.van-tree-select__cell:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.van-tree-select__cell--branch:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}
+:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s;--van-tree-select-divider-left: var(--van-padding-md)}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__leaf{position:relative;box-sizing:border-box}.van-tree-select__leaf--divider:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-tree-select-divider-left);height:1px;background:var(--van-border-color);content:"";transform:scaleY(.5)}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__node:not(:last-child)>.van-tree-select__cell:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.van-tree-select__cell--branch:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__loading{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}