vant-vtk 1.0.2 → 1.0.3

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