vant-vtk 1.0.2 → 1.0.4

package/dist/vant-vtk.es.js

@@ -1,12 +1,13 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-v-54417869] .van-checkbox{margin-bottom:8px;margin-right:12px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { computed as v, resolveComponent as d, openBlock as g, createBlock as k, normalizeProps as h, guardReactiveProps as C, withCtx as V, createVNode as _, createElementBlock as x, Fragment as b, renderList as F, createTextVNode as P, toDisplayString as j, ref as N, mergeProps as B } from "vue";
-const T = (a, i) => {
-  const e = a.__vccOpts || a;
-  for (const [p, u] of i)
-    e[p] = u;
-  return e;
-}, O = /* @__PURE__ */ Object.assign({
-  name: "VtkCheckboxField"
+import { computed as R, resolveComponent as V, openBlock as C, createBlock as z, normalizeProps as Y, guardReactiveProps as Z, withCtx as A, createVNode as x, createElementBlock as D, Fragment as K, renderList as O, createTextVNode as F, toDisplayString as T, inject as ee, getCurrentInstance as ae, ref as S, watch as I, mergeProps as te, createElementVNode as $, unref as le, createCommentVNode as ne } from "vue";
+import { showLoadingToast as X, closeToast as re, showToast as H } from "vant";
+import oe from "vue-pdf-embed";
+const J = (l, d) => {
+  const n = l.__vccOpts || l;
+  for (const [_, c] of d)
+    n[_] = c;
+  return n;
+}, se = /* @__PURE__ */ Object.assign({
+  name: "VtkCheckbox"
 }, {
   __name: "index",
   props: {
@@ -24,7 +25,7 @@ const T = (a, i) => {
     valueType: {
       type: String,
       default: "array",
-      validator: (a) => ["string", "array", "object"].includes(a)
+      validator: (l) => ["string", "array", "object"].includes(l)
     },
     // 当 valueType 为 string 时的分隔符
     separator: {
@@ -33,42 +34,42 @@ const T = (a, i) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(a, { emit: i }) {
-    const e = a, p = i, u = v(() => Array.isArray(e.options) ? e.options : typeof e.options == "string" && e.options ? e.options.split("/").filter(Boolean).map((t) => {
-      const [n, l] = t.split(":");
+  setup(l, { emit: d }) {
+    const n = l, _ = d, c = R(() => Array.isArray(n.options) ? n.options : typeof n.options == "string" && n.options ? n.options.split("/").filter(Boolean).map((r) => {
+      const [t, s] = r.split(":");
       return {
-        text: l || n,
-        value: n
+        text: s || t,
+        value: t
       };
-    }) : []), c = v({
+    }) : []), p = R({
       get: () => {
-        const t = e.modelValue;
-        if (!t) return [];
-        let n = [];
-        return e.valueType === "string" ? n = typeof t == "string" ? t.split(e.separator).filter(Boolean) : [] : e.valueType === "object" ? n = Array.isArray(t) ? t.map((l) => (l == null ? void 0 : l.value) ?? l) : [] : n = Array.isArray(t) ? t : [], n.map(String);
+        const r = n.modelValue;
+        if (!r) return [];
+        let t = [];
+        return n.valueType === "string" ? t = typeof r == "string" ? r.split(n.separator).filter(Boolean) : [] : n.valueType === "object" ? t = Array.isArray(r) ? r.map((s) => (s == null ? void 0 : s.value) ?? s) : [] : t = Array.isArray(r) ? r : [], t.map(String);
       },
-      set: (t) => {
-        let n;
-        e.valueType === "string" ? n = t.join(e.separator) : e.valueType === "object" ? n = u.value.filter((l) => t.includes(String(l.value))) : n = t.map((l) => isNaN(Number(l)) ? l : Array.isArray(e.modelValue) && typeof e.modelValue[0] == "number" ? Number(l) : l), p("update:modelValue", n), p("change", n);
+      set: (r) => {
+        let t;
+        n.valueType === "string" ? t = r.join(n.separator) : n.valueType === "object" ? t = c.value.filter((s) => r.includes(String(s.value))) : t = r.map((s) => isNaN(Number(s)) ? s : Array.isArray(n.modelValue) && typeof n.modelValue[0] == "number" ? Number(s) : s), _("update:modelValue", t), _("change", t);
       }
     });
-    return (t, n) => {
-      const l = d("van-checkbox"), s = d("van-checkbox-group"), o = d("van-field");
-      return g(), k(o, h(C(t.$attrs)), {
-        input: V(() => [
-          _(s, {
-            modelValue: c.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (r) => c.value = r),
+    return (r, t) => {
+      const s = V("van-checkbox"), f = V("van-checkbox-group"), h = V("van-field");
+      return C(), z(h, Y(Z(r.$attrs)), {
+        input: A(() => [
+          x(f, {
+            modelValue: p.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (g) => p.value = g),
             direction: "horizontal"
           }, {
-            default: V(() => [
-              (g(!0), x(b, null, F(u.value, (r) => (g(), k(l, {
-                key: String(r.value),
-                name: String(r.value),
+            default: A(() => [
+              (C(!0), D(K, null, O(c.value, (g) => (C(), z(s, {
+                key: String(g.value),
+                name: String(g.value),
                 shape: "square"
               }, {
-                default: V(() => [
-                  P(j(r.text), 1)
+                default: A(() => [
+                  F(T(g.text), 1)
                 ]),
                 _: 2
               }, 1032, ["name"]))), 128))
@@ -80,72 +81,193 @@ const T = (a, i) => {
       }, 16);
     };
   }
-}), f = /* @__PURE__ */ T(O, [["__scopeId", "data-v-54417869"]]);
-f.install = (a) => {
-  a.component(f.name || "VtkCheckboxField", f);
+}), B = /* @__PURE__ */ J(se, [["__scopeId", "data-v-eb64e8a9"]]);
+B.install = (l) => {
+  l.component(B.name || "VtkCheckbox", B);
 };
-const y = /* @__PURE__ */ Object.assign({
-  name: "VtkPickerField"
+const E = /* @__PURE__ */ Object.assign({
+  name: "VtkArea"
 }, {
   __name: "index",
   props: {
-    // 绑定值 (value)
+    // 绑定值，根据 valueType 返回不同类型
     modelValue: {
-      type: [String, Number],
+      type: [String, Object, Array],
       default: ""
     },
-    // 选项数据：支持数组 [{value, text}] 或 字符串 '1:选项1/2:选项2'
-    options: {
-      type: [Array, String],
-      default: () => []
+    // 默认地区编码，用于初始化加载
+    defaultAreaCode: {
+      type: String,
+      default: "33"
+    },
+    // 返回值类型: 'code' 返回最后一级areaCode, 'codes' 返回所有级别areaCode数组, 'object' 返回完整对象信息
+    valueType: {
+      type: String,
+      default: "code",
+      validator: (l) => ["code", "codes", "object"].includes(l)
+    },
+    // 显示分隔符
+    separator: {
+      type: String,
+      default: "/"
     },
     // 弹窗标题
     title: {
       type: String,
-      default: "请选择"
+      default: "请选择所在地区"
+    },
+    // 占位文本
+    placeholder: {
+      type: String,
+      default: "请选择所在地区"
+    },
+    // 最大层级限制，达到该层级后不再加载下级
+    maxLevel: {
+      type: Number,
+      default: 12
+    },
+    // 显示模式: 'full' 显示完整路径, 'last' 只显示最后一级
+    displayMode: {
+      type: String,
+      default: "full",
+      validator: (l) => ["full", "last"].includes(l)
     }
   },
-  emits: ["update:modelValue", "change"],
-  setup(a, { emit: i }) {
-    const e = a, p = i, u = N(!1), c = v(() => Array.isArray(e.options) ? e.options : typeof e.options == "string" && e.options ? e.options.split("/").filter(Boolean).map((s) => {
-      const [o, r] = s.split(":");
-      return {
-        text: r || o,
-        // 如果没有冒号，则 text 和 value 相同
-        value: o
-      };
-    }) : []), t = v(() => {
-      const s = c.value.find((o) => String(o.value) === String(e.modelValue));
-      return s ? s.text : e.modelValue;
-    }), n = v(() => e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "" ? [e.modelValue] : []), l = ({ selectedOptions: s }) => {
-      var r;
-      const o = (r = s[0]) == null ? void 0 : r.value;
-      p("update:modelValue", o), p("change", o, s[0]), u.value = !1;
+  emits: ["update:modelValue", "change", "finish"],
+  setup(l, { expose: d, emit: n }) {
+    var y;
+    const _ = ee("vant-vtk:request", null), c = (y = ae()) == null ? void 0 : y.appContext.config.globalProperties, p = (c == null ? void 0 : c.$vtkRequest) || (c == null ? void 0 : c.$request), r = () => {
+      const e = _ || p;
+      if (!e)
+        throw new Error("VantVtk request 未配置");
+      return e;
+    }, t = l, s = n, f = S(!1), h = S(""), g = S([]), b = S(""), q = S(!1), w = S([]), U = {
+      text: "areaName",
+      value: "areaCode",
+      children: "children"
+    };
+    I(
+      () => t.modelValue,
+      (e) => {
+        e || (b.value = "", h.value = "", w.value = []);
+      },
+      { immediate: !0 }
+    );
+    const j = () => {
+      f.value = !0, g.value.length === 0 && P();
+    }, P = async () => {
+      if (!q.value) {
+        q.value = !0;
+        try {
+          const e = t.defaultAreaCode, o = await r().getForm(`dict/area/show/${e}`);
+          if (o.data) {
+            const i = {
+              areaCode: o.data.areaCode,
+              areaName: o.data.areaName,
+              areaLeve: o.data.areaLeve,
+              children: o.data.areaLeve < t.maxLevel ? [] : void 0
+            };
+            g.value = [i];
+          }
+        } catch (e) {
+          console.error("加载初始地区失败:", e);
+        } finally {
+          q.value = !1;
+        }
+      }
+    }, m = async (e) => {
+      if (!e._loading) {
+        e._loading = !0;
+        try {
+          const o = await r().getForm(`dict/area/next/${e.areaCode}`);
+          o.data && o.data.length > 0 ? (o.data.forEach((i) => {
+            i.areaLeve < t.maxLevel && (i.children = []);
+          }), e.children = o.data) : delete e.children;
+        } catch (o) {
+          console.error("加载下级地区失败:", o);
+        } finally {
+          e._loading = !1;
+        }
+      }
+    }, a = ({ value: e, selectedOptions: o, tabIndex: i }) => {
+      const v = o[i];
+      v && v.areaLeve < t.maxLevel && Array.isArray(v.children) && v.children.length === 0 && m(v), s("change", { value: e, selectedOptions: o, tabIndex: i });
+    }, u = ({ selectedOptions: e }) => {
+      var i, v, L, N, Q;
+      t.displayMode === "last" ? b.value = ((i = e[e.length - 1]) == null ? void 0 : i.areaName) || "" : b.value = e.map((k) => k.areaName).join(t.separator), w.value = e.map((k) => ({
+        areaCode: k.areaCode,
+        areaName: k.areaName,
+        areaLeve: k.areaLeve
+      }));
+      let o;
+      switch (t.valueType) {
+        case "code":
+          o = ((v = e[e.length - 1]) == null ? void 0 : v.areaCode) || "";
+          break;
+        case "codes":
+          o = e.map((k) => k.areaCode);
+          break;
+        case "object":
+          o = {
+            codes: e.map((k) => k.areaCode),
+            names: e.map((k) => k.areaName),
+            fullName: e.map((k) => k.areaName).join(t.separator),
+            lastCode: ((L = e[e.length - 1]) == null ? void 0 : L.areaCode) || "",
+            lastLevel: (N = e[e.length - 1]) == null ? void 0 : N.areaLeve,
+            options: w.value
+          };
+          break;
+        default:
+          o = ((Q = e[e.length - 1]) == null ? void 0 : Q.areaCode) || "";
+      }
+      s("update:modelValue", o), s("finish", { selectedOptions: e, value: o }), f.value = !1;
     };
-    return (s, o) => {
-      const r = d("van-field"), S = d("van-picker"), A = d("van-popup");
-      return g(), x(b, null, [
-        _(r, B({
-          modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (m) => t.value = m),
+    return d({
+      // 获取当前选中的完整数据
+      getSelectedData: () => w.value,
+      // 获取显示值
+      getDisplayValue: () => b.value,
+      // 重置选择
+      reset: () => {
+        b.value = "", h.value = "", w.value = [], s("update:modelValue", t.valueType === "codes" ? [] : t.valueType === "object" ? null : "");
+      },
+      // 打开选择器
+      open: () => {
+        j();
+      },
+      // 关闭选择器
+      close: () => {
+        f.value = !1;
+      }
+    }), (e, o) => {
+      const i = V("van-field"), v = V("van-cascader"), L = V("van-popup");
+      return C(), D(K, null, [
+        x(i, te({
+          modelValue: b.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (N) => b.value = N),
           "is-link": "",
-          readonly: "",
-          onClick: o[1] || (o[1] = (m) => u.value = !0)
-        }, s.$attrs), null, 16, ["modelValue"]),
-        _(A, {
-          show: u.value,
-          "onUpdate:show": o[3] || (o[3] = (m) => u.value = m),
-          position: "bottom",
-          round: ""
+          readonly: ""
+        }, e.$attrs, {
+          placeholder: l.placeholder,
+          onClick: j
+        }), null, 16, ["modelValue", "placeholder"]),
+        x(L, {
+          show: f.value,
+          "onUpdate:show": o[3] || (o[3] = (N) => f.value = N),
+          round: "",
+          position: "bottom"
         }, {
-          default: V(() => [
-            _(S, {
-              title: a.title,
-              columns: c.value,
-              "model-value": n.value,
-              onConfirm: l,
-              onCancel: o[2] || (o[2] = (m) => u.value = !1)
-            }, null, 8, ["title", "columns", "model-value"])
+          default: A(() => [
+            x(v, {
+              modelValue: h.value,
+              "onUpdate:modelValue": o[1] || (o[1] = (N) => h.value = N),
+              title: l.title,
+              options: g.value,
+              "field-names": U,
+              onClose: o[2] || (o[2] = (N) => f.value = !1),
+              onFinish: u,
+              onChange: a
+            }, null, 8, ["modelValue", "title", "options"])
           ]),
           _: 1
         }, 8, ["show"])
@@ -153,27 +275,427 @@ const y = /* @__PURE__ */ Object.assign({
     };
   }
 });
-y.install = (a) => {
-  a.component(y.name || "VtkPickerField", y);
+E.install = (l, d = {}) => {
+  d != null && d.request && (l.provide("vant-vtk:request", d.request), l.config.globalProperties.$vtkRequest = d.request), l.component(E.name || "VtkArea", E);
+};
+const ue = /* @__PURE__ */ Object.assign({
+  name: "VtkRadio"
+}, {
+  __name: "index",
+  props: {
+    // 绑定值
+    modelValue: {
+      type: [String, Number, Object],
+      default: ""
+    },
+    // 选项数据：支持数组 [{value, text}] 或 字符串 '1:选项1/2:选项2'
+    options: {
+      type: [Array, String],
+      default: () => []
+    },
+    // 返回值类型: 'string' (基本类型), 'object' (完整对象)
+    valueType: {
+      type: String,
+      default: "string",
+      validator: (l) => ["string", "object"].includes(l)
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(l, { emit: d }) {
+    const n = l, _ = d, c = R(() => Array.isArray(n.options) ? n.options : typeof n.options == "string" && n.options ? n.options.split("/").filter(Boolean).map((r) => {
+      const [t, s] = r.split(":");
+      return {
+        text: s || t,
+        value: t
+      };
+    }) : []), p = R({
+      get: () => {
+        const r = n.modelValue;
+        return r == null ? "" : n.valueType === "object" && r && typeof r == "object" ? String(r.value ?? "") : String(r);
+      },
+      set: (r) => {
+        var f;
+        let t = r;
+        typeof (n.valueType === "object" ? (f = n.modelValue) == null ? void 0 : f.value : n.modelValue) == "number" && !isNaN(Number(r)) && (t = Number(r)), n.valueType === "object" && (t = c.value.find((h) => String(h.value) === String(r)) || null), _("update:modelValue", t), _("change", t);
+      }
+    });
+    return (r, t) => {
+      const s = V("van-radio"), f = V("van-radio-group"), h = V("van-field");
+      return C(), z(h, Y(Z(r.$attrs)), {
+        input: A(() => [
+          x(f, {
+            modelValue: p.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (g) => p.value = g),
+            direction: "horizontal"
+          }, {
+            default: A(() => [
+              (C(!0), D(K, null, O(c.value, (g) => (C(), z(s, {
+                key: String(g.value),
+                name: String(g.value)
+              }, {
+                default: A(() => [
+                  F(T(g.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["name"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), M = /* @__PURE__ */ J(ue, [["__scopeId", "data-v-3482e335"]]);
+M.install = (l) => {
+  l.component(M.name || "VtkRadio", M);
+};
+const ie = /* @__PURE__ */ Object.assign({
+  name: "VtkUploader",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    /** 绑定值，支持字符串或数组 */
+    modelValue: {
+      type: [String, Array],
+      default: () => []
+    },
+    /** 返回值类型：'string' 返回逗号分隔的字符串，'array' 返回数组 */
+    valueType: {
+      type: String,
+      default: "array",
+      validator: (l) => ["string", "array"].includes(l)
+    },
+    /** 单个文件最大大小（字节），默认10MB */
+    maxSize: {
+      type: Number,
+      default: 10 * 1024 * 1024
+    },
+    /** 接受的文件类型 */
+    accept: {
+      type: String,
+      default: "image/*"
+    },
+    /** 上传接口地址 */
+    uploadUrl: {
+      type: String,
+      default: "/bizp/admin/upload"
+    },
+    /** 上传文件的字段名 */
+    fieldName: {
+      type: String,
+      default: "file"
+    }
+  },
+  emits: ["update:modelValue", "change", "success", "error"],
+  setup(l, { expose: d, emit: n }) {
+    var m;
+    const _ = ee("vant-vtk:request", null), c = (m = ae()) == null ? void 0 : m.appContext.config.globalProperties, p = (c == null ? void 0 : c.$vtkRequest) || (c == null ? void 0 : c.$request), r = () => {
+      const a = _ || p;
+      if (!a)
+        throw new Error("VantVtk request 未配置");
+      return a;
+    }, t = l, s = n, f = S([]), h = (a) => {
+      if (!a) return [];
+      let u = [];
+      return typeof a == "string" ? u = a.split(",").filter((y) => y.trim()) : Array.isArray(a) && (u = a.filter((y) => y)), u.map((y) => ({
+        url: y,
+        status: "done",
+        message: ""
+      }));
+    }, g = () => f.value.filter((a) => a.status === "done" && a.url).map((a) => a.url), b = (a) => t.valueType === "string" ? a.join(",") : a, q = () => {
+      const a = g(), u = b(a);
+      s("update:modelValue", u), s("change", u);
+    };
+    I(
+      () => t.modelValue,
+      (a) => {
+        const u = g().join(","), y = Array.isArray(a) ? a.join(",") : a || "";
+        u !== y && (f.value = h(a));
+      },
+      { immediate: !0 }
+    );
+    const w = (a) => {
+      const u = Array.isArray(a) ? a : [a];
+      for (const y of u)
+        if (y.size > t.maxSize) {
+          const e = (t.maxSize / 1024 / 1024).toFixed(1);
+          return H(`文件大小不能超过${e}MB`), !1;
+        }
+      return !0;
+    }, U = async (a) => {
+      var y, e, o, i;
+      const u = new FormData();
+      u.append(t.fieldName, a.file);
+      try {
+        const v = await r().imp(t.uploadUrl, u);
+        return (y = v.meta) != null && y.success ? { success: !0, url: ((e = v.data) == null ? void 0 : e.url) || ((o = v.data) == null ? void 0 : o.path) || v.data } : { success: !1, message: ((i = v.meta) == null ? void 0 : i.message) || "上传失败" };
+      } catch (v) {
+        return { success: !1, message: v.message || "上传失败" };
+      }
+    }, j = async (a) => {
+      const u = Array.isArray(a) ? a : [a];
+      u.length > 1 && X({
+        message: `正在上传 0/${u.length}`,
+        forbidClick: !0,
+        duration: 0
+      });
+      let y = 0, e = 0;
+      for (let o = 0; o < u.length; o++) {
+        const i = u[o];
+        i.status = "uploading", i.message = "上传中...", u.length > 1 && X({
+          message: `正在上传 ${o + 1}/${u.length}`,
+          forbidClick: !0,
+          duration: 0
+        });
+        const v = await U(i);
+        v.success ? (i.status = "done", i.message = "", i.url = v.url, y++, s("success", { file: i, url: v.url })) : (i.status = "failed", i.message = v.message, e++, s("error", { file: i, message: v.message }));
+      }
+      re(), u.length > 1 ? e === 0 ? H(`${y}个文件上传成功`) : H(`${y}个成功，${e}个失败`) : e > 0 && H(u[0].message || "上传失败"), q();
+    }, P = () => {
+      setTimeout(() => {
+        q();
+      }, 0);
+    };
+    return d({
+      /** 获取已上传的URL列表 */
+      getUrls: g,
+      /** 清空文件列表 */
+      clear: () => {
+        f.value = [], q();
+      },
+      /** 获取文件列表 */
+      getFileList: () => f.value
+    }), (a, u) => {
+      const y = V("van-uploader");
+      return C(), z(y, te({
+        modelValue: f.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (e) => f.value = e)
+      }, a.$attrs, {
+        "max-size": l.maxSize,
+        accept: l.accept,
+        "before-read": w,
+        "after-read": j,
+        onDelete: P
+      }), null, 16, ["modelValue", "max-size", "accept"]);
+    };
+  }
+}), W = /* @__PURE__ */ J(ie, [["__scopeId", "data-v-620ae5d0"]]);
+W.install = (l, d = {}) => {
+  d != null && d.request && (l.provide("vant-vtk:request", d.request), l.config.globalProperties.$vtkRequest = d.request), l.component(W.name || "VtkUploader", W);
+};
+const de = { class: "file-preview-container" }, ce = { class: "file-header" }, me = { class: "file-title" }, ve = { class: "file-content" }, fe = {
+  key: 0,
+  class: "image-preview"
+}, pe = { class: "image-footer" }, ge = { class: "file-info" }, ye = {
+  key: 1,
+  class: "pdf-preview"
+}, he = {
+  key: 1,
+  class: "pdf-placeholder"
+}, _e = { class: "pdf-footer" }, Ve = { class: "page-info" }, be = { class: "footer" }, ke = /* @__PURE__ */ Object.assign({
+  name: "VtkPreview"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    files: {
+      type: Array,
+      default: () => []
+    },
+    startIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(l, { emit: d }) {
+    const n = l, _ = d, c = S(n.modelValue), p = S(n.startIndex), r = S(1), t = S(null), s = S(0), f = R(() => n.files.map((m, a) => {
+      if (typeof m == "string") {
+        const u = m.toLowerCase().endsWith(".pdf");
+        return {
+          name: u ? `文档${a + 1}.pdf` : `图片${a + 1}`,
+          url: m,
+          type: u ? "pdf" : "image"
+        };
+      }
+      return m;
+    })), h = R(() => f.value[p.value] || null), g = R(() => {
+      if (!h.value) return null;
+      const m = h.value.url || h.value;
+      return typeof m == "string" ? m.toLowerCase().endsWith(".pdf") ? "pdf" : "image" : h.value.type || "image";
+    });
+    I(
+      () => n.modelValue,
+      (m) => {
+        c.value = m, m && f.value.length > 0 && (p.value = n.startIndex, b());
+      }
+    ), I(
+      () => n.startIndex,
+      (m) => {
+        p.value = m, b();
+      }
+    ), I(c, (m) => {
+      _("update:modelValue", m), m || P();
+    }), I(p, () => {
+      r.value = 1, s.value = 0, b();
+    });
+    const b = () => {
+      const m = h.value;
+      m && (g.value === "pdf" ? t.value = m.url || m : t.value = null);
+    }, q = (m) => {
+      s.value = m.numPages || 0;
+    }, w = () => {
+      console.log("PDF rendered successfully");
+    }, U = () => {
+      p.value > 0 && p.value--;
+    }, j = () => {
+      p.value < f.value.length - 1 && p.value++;
+    }, P = () => {
+      c.value = !1, t.value = null, r.value = 1, s.value = 0, _("close");
+    };
+    return (m, a) => {
+      const u = V("van-icon"), y = V("van-image"), e = V("van-button"), o = V("van-popup");
+      return C(), z(o, {
+        show: c.value,
+        "onUpdate:show": a[2] || (a[2] = (i) => c.value = i),
+        position: "bottom",
+        style: { height: "100vh" }
+      }, {
+        default: A(() => {
+          var i, v;
+          return [
+            $("div", de, [
+              $("div", ce, [
+                $("div", me, T(((i = h.value) == null ? void 0 : i.name) || "文件预览"), 1),
+                x(u, {
+                  name: "cross",
+                  size: "20",
+                  onClick: P
+                })
+              ]),
+              $("div", ve, [
+                g.value === "image" ? (C(), D("div", fe, [
+                  x(y, {
+                    src: (v = h.value) == null ? void 0 : v.url,
+                    fit: "contain",
+                    class: "preview-image"
+                  }, null, 8, ["src"]),
+                  $("div", pe, [
+                    x(e, {
+                      size: "small",
+                      disabled: p.value <= 0,
+                      onClick: U
+                    }, {
+                      default: A(() => [...a[3] || (a[3] = [
+                        F("上一个", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    $("span", ge, T(p.value + 1) + " / " + T(l.files.length), 1),
+                    x(e, {
+                      size: "small",
+                      disabled: p.value >= l.files.length - 1,
+                      onClick: j
+                    }, {
+                      default: A(() => [...a[4] || (a[4] = [
+                        F("下一个", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ])
+                ])) : g.value === "pdf" ? (C(), D("div", ye, [
+                  t.value ? (C(), z(le(oe), {
+                    key: 0,
+                    source: t.value,
+                    page: r.value,
+                    class: "pdf-embed-preview",
+                    onRendered: w,
+                    onLoaded: q
+                  }, null, 8, ["source", "page"])) : (C(), D("div", he, "请选择PDF文件")),
+                  $("div", _e, [
+                    x(e, {
+                      size: "small",
+                      disabled: r.value <= 1,
+                      onClick: a[0] || (a[0] = (L) => r.value--)
+                    }, {
+                      default: A(() => [...a[5] || (a[5] = [
+                        F("上一页", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    $("span", Ve, "第 " + T(r.value) + " / " + T(s.value || "?") + " 页", 1),
+                    x(e, {
+                      size: "small",
+                      disabled: !t.value || r.value >= s.value,
+                      onClick: a[1] || (a[1] = (L) => r.value++)
+                    }, {
+                      default: A(() => [...a[6] || (a[6] = [
+                        F("下一页", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ])
+                ])) : ne("", !0),
+                $("div", be, [
+                  x(e, {
+                    disabled: p.value <= 0,
+                    onClick: U,
+                    icon: "arrow-left",
+                    type: "primary",
+                    round: ""
+                  }, null, 8, ["disabled"]),
+                  x(e, {
+                    disabled: p.value >= l.files.length - 1,
+                    onClick: j,
+                    icon: "arrow",
+                    type: "primary",
+                    round: ""
+                  }, null, 8, ["disabled"])
+                ])
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+}), G = /* @__PURE__ */ J(ke, [["__scopeId", "data-v-1ad2c749"]]);
+G.install = (l) => {
+  l.component(G.name || "VtkPreview", G);
 };
-const $ = [
-  f,
-  y
-], w = (a) => {
-  $.forEach((i) => {
-    i.install ? a.use(i) : i.name && a.component(i.name, i);
+const xe = [
+  B,
+  E,
+  M,
+  W,
+  G
+], Ce = (l, d = {}) => {
+  d != null && d.request && (l.provide("vant-vtk:request", d.request), l.config.globalProperties.$vtkRequest = d.request), xe.forEach((n) => {
+    n.install ? l.use(n, d) : n.name && l.component(n.name, n);
   });
-}, z = {
-  install: w,
+}, we = {
+  install: Ce,
   // 也导出所有组件，方便直接访问
-  CheckboxField: f,
-  PickerField: y
-}, E = "1.0.0";
+  Checkbox: B,
+  Area: E,
+  Radio: M,
+  Uploader: W,
+  Preview: G
+}, Ne = "1.0.0";
 export {
-  f as CheckboxField,
-  y as PickerField,
-  z as default,
-  w as install,
-  E as version
+  E as Area,
+  B as Checkbox,
+  G as Preview,
+  M as Radio,
+  W as Uploader,
+  we as default,
+  Ce as install,
+  Ne as version
 };
 //# sourceMappingURL=vant-vtk.es.js.map