persagy-vant 0.0.42 → 0.0.44

package/lib/vant.js

@@ -656,6 +656,12 @@
     },
     vanTabs: {
       moreTitle: "更多标签"
+    },
+    vanUploader: {
+      sourcePickerTitle: "选择上传方式",
+      takePhoto: "拍照",
+      recordVideo: "拍视频",
+      chooseFromAlbum: "从相册选择"
     }
   };
   const lang = vue.ref("zh-CN");
@@ -3035,6 +3041,7 @@
     closeable: truthProp,
     cancelText: String,
     description: String,
+    contentAdaptive: Boolean,
     closeOnPopstate: truthProp,
     closeOnClickAction: Boolean,
     safeAreaInsetBottom: truthProp
@@ -3143,7 +3150,9 @@
         }
       };
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": bem$1I(),
+        "class": bem$1I({
+          "content-adaptive": props2.contentAdaptive
+        }),
         "position": "bottom",
         "onUpdate:show": updateShow
       }, pick(props2, popupInheritKeys$2)), {
@@ -8839,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;
   };
@@ -9099,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
@@ -14218,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 = {
@@ -14244,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];
@@ -14269,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) {
@@ -14287,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)
@@ -14300,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;
@@ -14325,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
@@ -14350,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}`,
@@ -14387,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", {
@@ -17033,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",
@@ -17359,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
     }) {
@@ -17378,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) {
@@ -17402,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();
@@ -17447,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;
@@ -20404,6 +20478,7 @@
     accept: makeStringProp("image/*"),
     capture: String,
     multiple: Boolean,
+    sourcePicker: Boolean,
     label: String,
     required: Boolean,
     disabled: Boolean,
@@ -20433,21 +20508,26 @@
   var stdin_default$7 = vue.defineComponent({
     name: name$3,
     props: uploaderProps,
-    emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "update:modelValue"],
+    emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "select-source", "update:modelValue"],
     setup(props2, {
       emit,
       slots
     }) {
       const inputRef = vue.ref();
+      const cameraInputRef = vue.ref();
+      const videoInputRef = vue.ref();
+      const sourcePickerVisible = vue.ref(false);
       const urls = [];
       const getDetail = (index = props2.modelValue.length) => ({
         name: props2.name,
         index
       });
       const resetInput = () => {
-        if (inputRef.value) {
-          inputRef.value.value = "";
-        }
+        [inputRef, cameraInputRef, videoInputRef].forEach((input) => {
+          if (input.value) {
+            input.value.value = "";
+          }
+        });
       };
       const onAfterRead = (items) => {
         resetInput();
@@ -20583,21 +20663,69 @@
           "class": bem$3("required")
         }, [vue.createTextVNode("*")]), props2.label]);
       };
-      const onClickUpload = (event) => emit("click-upload", event);
+      const acceptTypes = () => props2.accept.split(",").map((type) => type.trim().toLowerCase()).filter(Boolean);
+      const acceptsMediaType = (type) => acceptTypes().some((accept) => accept === `${type}/*` || accept.startsWith(`${type}/`));
+      const triggerInput = (source2) => {
+        const target = source2 === "camera" ? cameraInputRef.value : source2 === "video" ? videoInputRef.value : inputRef.value;
+        if (target && !props2.disabled && !props2.readonly) {
+          emit("select-source", source2);
+          target.click();
+        }
+      };
+      const onClickUpload = (event) => {
+        emit("click-upload", event);
+        if (props2.sourcePicker && !props2.disabled && !props2.readonly) {
+          sourcePickerVisible.value = true;
+        }
+      };
+      const renderInput = (input, accept, capture, multiple = false, hidden = false) => vue.createVNode("input", {
+        "ref": input,
+        "type": "file",
+        "class": bem$3("input", {
+          hidden
+        }),
+        "accept": accept,
+        "capture": capture,
+        "multiple": multiple,
+        "disabled": props2.disabled,
+        "onChange": onChange
+      }, null);
+      const renderSourcePicker = () => {
+        if (!props2.sourcePicker)
+          return;
+        const actions = [];
+        if (acceptsMediaType("image")) {
+          actions.push({
+            name: t("takePhoto"),
+            callback: () => triggerInput("camera")
+          });
+        }
+        if (acceptsMediaType("video")) {
+          actions.push({
+            name: t("recordVideo"),
+            callback: () => triggerInput("video")
+          });
+        }
+        actions.push({
+          name: t("chooseFromAlbum"),
+          callback: () => triggerInput("album")
+        });
+        return vue.createVNode(ActionSheet, {
+          "show": sourcePickerVisible.value,
+          "title": t("sourcePickerTitle"),
+          "actions": actions,
+          "contentAdaptive": true,
+          "closeOnClickAction": true,
+          "onUpdate:show": (show) => {
+            sourcePickerVisible.value = show;
+          }
+        }, null);
+      };
       const renderUpload = () => {
         if (props2.modelValue.length >= props2.maxCount || !props2.showUpload) {
           return;
         }
-        const Input = props2.readonly ? null : vue.createVNode("input", {
-          "ref": inputRef,
-          "type": "file",
-          "class": bem$3("input"),
-          "accept": props2.accept,
-          "capture": props2.capture,
-          "multiple": props2.multiple,
-          "disabled": props2.disabled,
-          "onChange": onChange
-        }, null);
+        const Input = props2.readonly ? null : props2.sourcePicker ? [renderInput(inputRef, props2.accept, void 0, props2.multiple, true), acceptsMediaType("image") && renderInput(cameraInputRef, "image/*", props2.capture || "environment", false, true), acceptsMediaType("video") && renderInput(videoInputRef, "video/*", props2.capture || "environment", false, true)] : renderInput(inputRef, props2.accept, props2.capture, props2.multiple);
         if (slots.default) {
           return vue.createVNode("div", {
             "class": bem$3("input-wrapper"),
@@ -20617,8 +20745,14 @@
           "class": bem$3("upload-text")
         }, [props2.uploadText]), Input]);
       };
-      const chooseFile = () => {
-        if (inputRef.value && !props2.disabled) {
+      const chooseFile = (source2) => {
+        if (props2.disabled || props2.readonly)
+          return;
+        if (source2) {
+          triggerInput(source2);
+        } else if (props2.sourcePicker) {
+          sourcePickerVisible.value = true;
+        } else if (inputRef.value) {
           inputRef.value.click();
         }
       };
@@ -20638,7 +20772,7 @@
         "class": bem$3("wrapper", {
           disabled: props2.disabled
         })
-      }, [props2.uploadFirst ? vue.createVNode(vue.Fragment, null, [renderUpload(), renderPreviewList()]) : vue.createVNode(vue.Fragment, null, [renderPreviewList(), renderUpload()])])]);
+      }, [props2.uploadFirst ? vue.createVNode(vue.Fragment, null, [renderUpload(), renderPreviewList()]) : vue.createVNode(vue.Fragment, null, [renderPreviewList(), renderUpload()])]), renderSourcePicker()]);
     }
   });
   const Uploader = withInstall(stdin_default$7);
@@ -24918,7 +25052,7 @@
       });
     }
   };
-  const version = "0.0.42";
+  const version = "0.0.44";
   function install(app) {
     const components = [
       ActionBar,