persagy-vant 0.0.43 → 0.0.44

package/lib/vant.es.js

@@ -1,4 +1,4 @@
-import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, watchEffect, mergeProps, onDeactivated, onBeforeUnmount, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, onUpdated, withKeys, TransitionGroup, h } from "vue";
+import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, watchEffect, mergeProps, onDeactivated, onBeforeUnmount, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, onUpdated, withKeys, shallowReactive, TransitionGroup, h } from "vue";
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, useClickAway, useCustomFieldValue, CUSTOM_FIELD_INJECTION_KEY, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, inBrowser as inBrowser$1 } from "@vant/use";
 import { offsetModifier, createPopper } from "@vant/popperjs";
 import Plyr from "plyr";
@@ -7608,21 +7608,21 @@ var stdin_default$1o = defineComponent({
     }, [renderChildren()]);
   }
 });
-var __defProp$1 = Object.defineProperty;
+var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
@@ -7878,7 +7878,7 @@ var stdin_default$1n = defineComponent({
         name: tab.title,
         disabled: tab.disabled
       }));
-      return actions.map((action, index) => __spreadProps(__spreadValues$1({}, action), {
+      return actions.map((action, index) => __spreadProps(__spreadValues({}, action), {
         color: index === state.currentIndex ? "var(--van-primary-color)" : action.color,
         className: [action.className, bem$1d("more-option", {
           active: index === state.currentIndex
@@ -13032,21 +13032,25 @@ var stdin_default$K = defineComponent({
   }
 });
 const InfoCard = withInstall(stdin_default$K);
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
+var __async$2 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
 };
 const [name$B, bem$B] = createNamespace("tree-select");
 const treeSelectProps = {
@@ -13058,20 +13062,31 @@ const treeSelectProps = {
   selectableParent: Boolean,
   showParentSelect: Boolean,
   showSelectLevels: Array,
-  showDivider: truthProp
+  showDivider: truthProp,
+  loadChildren: Function
 };
 var stdin_default$J = defineComponent({
   name: name$B,
   props: treeSelectProps,
-  emits: ["update:modelValue", "update:expandedKeys", "select", "expand"],
+  emits: ["update:modelValue", "update:expandedKeys", "select", "expand", "load", "load-error"],
   setup(props2, {
     emit,
     slots
   }) {
     const selectedKeys = computed(() => props2.modelValue);
     const expandedKeys = computed(() => props2.expandedKeys);
+    const resolvedChildren = shallowReactive(/* @__PURE__ */ new Map());
+    const loadingKeys = shallowReactive(/* @__PURE__ */ new Set());
+    const loadedKeys = shallowReactive(/* @__PURE__ */ new Set());
     const isExpanded = (id) => expandedKeys.value.includes(id);
     const isSelected = (id) => selectedKeys.value.includes(id);
+    const isLoading = (id) => loadingKeys.has(id);
+    const getChildren = (item) => {
+      var _a;
+      return ((_a = item.children) == null ? void 0 : _a.length) ? item.children : resolvedChildren.get(item.id) || item.children || [];
+    };
+    const isLoadable = (item) => !!props2.loadChildren && Array.isArray(item.children) && !item.children.length && !loadedKeys.has(item.id);
+    const isBranch = (item) => !!getChildren(item).length || isLoadable(item) || isLoading(item.id);
     const isSelectionVisible = (hasChildren, level) => {
       var _a;
       const configuredVisibility = (_a = props2.showSelectLevels) == null ? void 0 : _a[level];
@@ -13083,10 +13098,7 @@ var stdin_default$J = defineComponent({
       paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
       "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
     });
-    const getDescendantIds = (item) => {
-      var _a;
-      return ((_a = item.children) == null ? void 0 : _a.flatMap((child) => [child.id, ...getDescendantIds(child)])) || [];
-    };
+    const getDescendantIds = (item) => getChildren(item).flatMap((child) => [child.id, ...getDescendantIds(child)]);
     const getSelectionState = (item) => {
       const descendantIds = getDescendantIds(item);
       if (!props2.cascade || !descendantIds.length) {
@@ -13101,11 +13113,11 @@ var stdin_default$J = defineComponent({
     };
     const syncParentSelection = (items, values) => {
       items.forEach((item) => {
-        var _a;
-        if (!((_a = item.children) == null ? void 0 : _a.length))
+        const children = getChildren(item);
+        if (!children.length)
           return;
-        syncParentSelection(item.children, values);
-        const childIds = item.children.map((child) => child.id);
+        syncParentSelection(children, values);
+        const childIds = children.map((child) => child.id);
         const index = values.indexOf(item.id);
         const allChildrenSelected = childIds.every((id) => values.includes(id));
         if (allChildrenSelected && index === -1)
@@ -13114,13 +13126,45 @@ var stdin_default$J = defineComponent({
           values.splice(index, 1);
       });
     };
-    const toggleExpanded = (id) => {
+    const updateExpanded = (id, expanded) => {
       const next = expandedKeys.value.slice();
       const index = next.indexOf(id);
-      index === -1 ? next.push(id) : next.splice(index, 1);
+      if (expanded && index === -1)
+        next.push(id);
+      if (!expanded && index !== -1)
+        next.splice(index, 1);
       emit("update:expandedKeys", next);
-      emit("expand", id, index === -1);
+      emit("expand", id, expanded);
     };
+    const toggleExpanded = (item) => __async$2(this, null, function* () {
+      const {
+        id
+      } = item;
+      if (isLoading(id))
+        return;
+      if (isExpanded(id)) {
+        updateExpanded(id, false);
+        return;
+      }
+      if (isLoadable(item)) {
+        loadingKeys.add(id);
+        try {
+          const result = yield props2.loadChildren(item);
+          const children = Array.isArray(result) ? result : [];
+          resolvedChildren.set(id, children);
+          loadedKeys.add(id);
+          emit("load", item, children);
+          if (children.length)
+            updateExpanded(id, true);
+        } catch (error) {
+          emit("load-error", item, error);
+        } finally {
+          loadingKeys.delete(id);
+        }
+        return;
+      }
+      updateExpanded(id, true);
+    });
     const updateSelected = (item, selected) => {
       if (item.disabled || item.selectable === false)
         return;
@@ -13139,12 +13183,13 @@ var stdin_default$J = defineComponent({
       emit("select", item, selected);
     };
     const renderNodes = (items, level = 0) => items.map((item) => {
-      var _a;
-      const hasChildren = !!((_a = item.children) == null ? void 0 : _a.length);
+      const children = getChildren(item);
+      const hasChildren = isBranch(item);
       const expanded = isExpanded(item.id);
+      const loading = isLoading(item.id);
       const renderTitle = () => {
-        var _a2;
-        return ((_a2 = slots.title) == null ? void 0 : _a2.call(slots, {
+        var _a;
+        return ((_a = slots.title) == null ? void 0 : _a.call(slots, {
           item,
           level,
           hasChildren
@@ -13164,36 +13209,29 @@ var stdin_default$J = defineComponent({
       }
       const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
       const selectionState = getSelectionState(item);
-      return createVNode("div", {
-        "key": item.id,
-        "class": bem$B("node")
-      }, [createVNode(Cell, {
-        "class": bem$B("cell", {
-          branch: hasChildren
-        }),
-        "title": item.text,
-        "border": props2.showDivider,
-        "style": getNodeStyle(level),
-        "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
-        "selectType": props2.multiple ? "checkbox" : "radio",
-        "onUpdate:rightSelect": (value) => updateSelected(item, value)
-      }, __spreadValues({
+      const cellSlots = {
         title: () => [hasChildren ? createVNode("button", {
           "type": "button",
           "class": bem$B("expand-control"),
           "disabled": item.disabled,
+          "aria-busy": loading,
+          "aria-disabled": loading,
           "onClick": (event) => {
             event.stopPropagation();
-            toggleExpanded(item.id);
+            toggleExpanded(item);
           }
-        }, [createVNode(Icon, {
+        }, [loading ? createVNode(Loading, {
+          "class": bem$B("loading"),
+          "size": "var(--van-tree-select-arrow-size)"
+        }, null) : createVNode(Icon, {
           "name": "trangle-down",
           "class": bem$B("arrow", {
             expanded
           })
         }, null), createVNode("span", null, [renderTitle()])]) : createVNode("span", null, [renderTitle()])]
-      }, selectable && selectionState === "indeterminate" ? {
-        "right-select": () => createVNode("button", {
+      };
+      if (selectable && selectionState === "indeterminate") {
+        cellSlots["right-select"] = () => createVNode("button", {
           "type": "button",
           "class": bem$B("indeterminate"),
           "aria-label": `部分选中${item.text}`,
@@ -13201,13 +13239,27 @@ var stdin_default$J = defineComponent({
             event.stopPropagation();
             updateSelected(item, true);
           }
-        }, null)
-      } : {})), createVNode(Transition, {
+        }, null);
+      }
+      return createVNode("div", {
+        "key": item.id,
+        "class": bem$B("node")
+      }, [createVNode(Cell, {
+        "class": bem$B("cell", {
+          branch: hasChildren
+        }),
+        "title": item.text,
+        "border": props2.showDivider,
+        "style": getNodeStyle(level),
+        "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
+        "selectType": props2.multiple ? "checkbox" : "radio",
+        "onUpdate:rightSelect": (value) => updateSelected(item, value)
+      }, cellSlots), createVNode(Transition, {
         "name": "van-tree-select-expand"
       }, {
         default: () => [hasChildren && expanded && createVNode("div", {
           "class": bem$B("children")
-        }, [renderNodes(item.children, level + 1)])]
+        }, [renderNodes(children, level + 1)])]
       })]);
     });
     return () => createVNode("div", {
@@ -15847,13 +15899,7 @@ const spaceItems = [{
           id: "high-voltage",
           text: "高压计量柜",
           selectable: false,
-          children: [{
-            id: "metering-cabinet-1",
-            text: "B3_高压计量柜_1#"
-          }, {
-            id: "metering-cabinet-2",
-            text: "B3_高压计量柜_2#"
-          }]
+          children: []
         }]
       }, {
         id: "chiller-room",
@@ -16173,13 +16219,14 @@ const objectSelectProps = {
   specialties: {
     type: Array,
     default: () => specialties
-  }
+  },
+  loadChildren: Function
 };
 const flattenItems$1 = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems$1(item.children) : []]);
 var stdin_default$t = defineComponent({
   name: name$o,
   props: objectSelectProps,
-  emits: ["update:show", "update:modelValue", "change", "confirm"],
+  emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error"],
   setup(props2, {
     emit
   }) {
@@ -16192,6 +16239,14 @@ var stdin_default$t = 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 (props2.specialties.length === 1) {
@@ -16216,7 +16271,7 @@ var stdin_default$t = defineComponent({
       immediate: true
     });
     const selected = computed(() => props2.modelValue);
-    const allItems = computed(() => flattenItems$1([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])]));
+    const allItems = computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.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();
@@ -16261,19 +16316,29 @@ var stdin_default$t = defineComponent({
       update([]);
       expandedSelected.value = false;
     };
+    const onLoad = (item, children) => {
+      loadedChildren.set(item.id, children);
+      emit("load", item, children);
+    };
+    const onLoadError = (item, error) => {
+      emit("load-error", item, error);
+    };
     const renderTree = (items) => createVNode("div", {
       "class": bem$o("tree-card")
     }, [createVNode(TreeSelect, {
       "modelValue": selected.value,
       "expandedKeys": expandedKeys.value,
-      "items": items,
+      "items": hydrateItems(items),
       "multiple": true,
       "showParentSelect": true,
       "cascade": false,
+      "loadChildren": props2.loadChildren,
       "onUpdate:modelValue": update,
       "onUpdate:expandedKeys": (value) => {
         expandedKeys.value = value;
-      }
+      },
+      "onLoad": onLoad,
+      "onLoad-error": onLoadError
     }, null)]);
     const renderSpecialty = (specialty) => {
       var _a;
@@ -21398,7 +21463,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.43";
+const version = "0.0.44";
 function install(app) {
   const components = [
     ActionBar,