persagy-vant 0.0.42 → 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";
@@ -299,6 +299,12 @@ var stdin_default$29 = {
   },
   vanTabs: {
     moreTitle: "更多标签"
+  },
+  vanUploader: {
+    sourcePickerTitle: "选择上传方式",
+    takePhoto: "拍照",
+    recordVideo: "拍视频",
+    chooseFromAlbum: "从相册选择"
   }
 };
 const lang = ref("zh-CN");
@@ -1784,6 +1790,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   closeable: truthProp,
   cancelText: String,
   description: String,
+  contentAdaptive: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickAction: Boolean,
   safeAreaInsetBottom: truthProp
@@ -1892,7 +1899,9 @@ var stdin_default$1W = defineComponent({
       }
     };
     return () => createVNode(Popup, mergeProps({
-      "class": bem$1I(),
+      "class": bem$1I({
+        "content-adaptive": props2.contentAdaptive
+      }),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props2, popupInheritKeys$2)), {
@@ -7599,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;
 };
@@ -7869,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
@@ -13023,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 = {
@@ -13049,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];
@@ -13074,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) {
@@ -13092,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)
@@ -13105,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;
@@ -13130,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
@@ -13155,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}`,
@@ -13192,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", {
@@ -15838,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",
@@ -16164,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
   }) {
@@ -16183,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) {
@@ -16207,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();
@@ -16252,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;
@@ -19215,6 +19289,7 @@ const uploaderProps = {
   accept: makeStringProp("image/*"),
   capture: String,
   multiple: Boolean,
+  sourcePicker: Boolean,
   label: String,
   required: Boolean,
   disabled: Boolean,
@@ -19244,21 +19319,26 @@ const uploaderProps = {
 var stdin_default$7 = 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 = ref();
+    const cameraInputRef = ref();
+    const videoInputRef = ref();
+    const sourcePickerVisible = 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();
@@ -19394,21 +19474,69 @@ var stdin_default$7 = defineComponent({
         "class": bem$3("required")
       }, [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 = (source) => {
+      const target = source === "camera" ? cameraInputRef.value : source === "video" ? videoInputRef.value : inputRef.value;
+      if (target && !props2.disabled && !props2.readonly) {
+        emit("select-source", source);
+        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) => 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 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 : 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 createVNode("div", {
           "class": bem$3("input-wrapper"),
@@ -19428,8 +19556,14 @@ var stdin_default$7 = defineComponent({
         "class": bem$3("upload-text")
       }, [props2.uploadText]), Input]);
     };
-    const chooseFile = () => {
-      if (inputRef.value && !props2.disabled) {
+    const chooseFile = (source) => {
+      if (props2.disabled || props2.readonly)
+        return;
+      if (source) {
+        triggerInput(source);
+      } else if (props2.sourcePicker) {
+        sourcePickerVisible.value = true;
+      } else if (inputRef.value) {
         inputRef.value.click();
       }
     };
@@ -19449,7 +19583,7 @@ var stdin_default$7 = defineComponent({
       "class": bem$3("wrapper", {
         disabled: props2.disabled
       })
-    }, [props2.uploadFirst ? createVNode(Fragment, null, [renderUpload(), renderPreviewList()]) : createVNode(Fragment, null, [renderPreviewList(), renderUpload()])])]);
+    }, [props2.uploadFirst ? createVNode(Fragment, null, [renderUpload(), renderPreviewList()]) : createVNode(Fragment, null, [renderPreviewList(), renderUpload()])]), renderSourcePicker()]);
   }
 });
 const Uploader = withInstall(stdin_default$7);
@@ -21329,7 +21463,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.42";
+const version = "0.0.44";
 function install(app) {
   const components = [
     ActionBar,