persagy-vant 0.0.43 → 0.0.44

package/lib/vant.js

@@ -8848,21 +8848,21 @@
       }, [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;
   };
@@ -9108,7 +9108,7 @@
           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
@@ -14227,21 +14227,25 @@
     }
   });
   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 = {
@@ -14253,20 +14257,31 @@
     selectableParent: Boolean,
     showParentSelect: Boolean,
     showSelectLevels: Array,
-    showDivider: truthProp
+    showDivider: truthProp,
+    loadChildren: Function
   };
   var stdin_default$J = vue.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 = vue.computed(() => props2.modelValue);
       const expandedKeys = vue.computed(() => props2.expandedKeys);
+      const resolvedChildren = vue.shallowReactive(/* @__PURE__ */ new Map());
+      const loadingKeys = vue.shallowReactive(/* @__PURE__ */ new Set());
+      const loadedKeys = vue.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];
@@ -14278,10 +14293,7 @@
         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) {
@@ -14296,11 +14308,11 @@
       };
       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)
@@ -14309,13 +14321,45 @@
             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;
@@ -14334,12 +14378,13 @@
         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
@@ -14359,36 +14404,29 @@
         }
         const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
         const selectionState = getSelectionState(item);
-        return vue.createVNode("div", {
-          "key": item.id,
-          "class": bem$B("node")
-        }, [vue.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 ? vue.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);
             }
-          }, [vue.createVNode(Icon, {
+          }, [loading ? vue.createVNode(Loading, {
+            "class": bem$B("loading"),
+            "size": "var(--van-tree-select-arrow-size)"
+          }, null) : vue.createVNode(Icon, {
             "name": "trangle-down",
             "class": bem$B("arrow", {
               expanded
             })
           }, null), vue.createVNode("span", null, [renderTitle()])]) : vue.createVNode("span", null, [renderTitle()])]
-        }, selectable && selectionState === "indeterminate" ? {
-          "right-select": () => vue.createVNode("button", {
+        };
+        if (selectable && selectionState === "indeterminate") {
+          cellSlots["right-select"] = () => vue.createVNode("button", {
             "type": "button",
             "class": bem$B("indeterminate"),
             "aria-label": `部分选中${item.text}`,
@@ -14396,13 +14434,27 @@
               event.stopPropagation();
               updateSelected(item, true);
             }
-          }, null)
-        } : {})), vue.createVNode(vue.Transition, {
+          }, null);
+        }
+        return vue.createVNode("div", {
+          "key": item.id,
+          "class": bem$B("node")
+        }, [vue.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), vue.createVNode(vue.Transition, {
           "name": "van-tree-select-expand"
         }, {
           default: () => [hasChildren && expanded && vue.createVNode("div", {
             "class": bem$B("children")
-          }, [renderNodes(item.children, level + 1)])]
+          }, [renderNodes(children, level + 1)])]
         })]);
       });
       return () => vue.createVNode("div", {
@@ -17042,13 +17094,7 @@
             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",
@@ -17368,13 +17414,14 @@
     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 = vue.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
     }) {
@@ -17387,6 +17434,14 @@
       const expandedSelected = vue.ref(false);
       const searching = vue.ref(false);
       const keyword = vue.ref("");
+      const loadedChildren = vue.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$1({}, item, {
+          children: hydrateItems(children)
+        }) : item;
+      });
       const currentSpecialtyItems = (specialty) => specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
       const expandOnlySpecialty = () => {
         if (props2.specialties.length === 1) {
@@ -17411,7 +17466,7 @@
         immediate: true
       });
       const selected = vue.computed(() => props2.modelValue);
-      const allItems = vue.computed(() => flattenItems$1([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])]));
+      const allItems = vue.computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
       const selectedItems = vue.computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
       const searchResults = vue.computed(() => {
         const query = keyword.value.trim().toLowerCase();
@@ -17456,19 +17511,29 @@
         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) => vue.createVNode("div", {
         "class": bem$o("tree-card")
       }, [vue.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;
@@ -24987,7 +25052,7 @@
       });
     }
   };
-  const version = "0.0.43";
+  const version = "0.0.44";
   function install(app) {
     const components = [
       ActionBar,