mx-ui-template 0.2.0 → 0.2.2

package/dist/mx-ui-template.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, createBlock as r, openBlock as y, unref as m, normalizeStyle as f, normalizeClass as h, withCtx as i, renderSlot as c, computed as C, createSlots as p } from "vue";
-import { NButton as z, NInput as v, NCard as k } from "naive-ui";
-const I = /* @__PURE__ */ u({
+import { defineComponent as x, createBlock as de, openBlock as D, unref as L, normalizeStyle as fe, normalizeClass as U, withCtx as q, renderSlot as V, computed as R, createSlots as at, onUnmounted as ze, onDeactivated as Q, isRef as st, watch as k, onMounted as ee, nextTick as me, onActivated as ve, ref as g, reactive as he, getCurrentInstance as ge, createVNode as m, onBeforeUnmount as Ae, provide as Fe, watchEffect as lt, inject as ct, mergeProps as N, Transition as Ve, Teleport as Le, withDirectives as Ne, vShow as Re, Fragment as it, createApp as ut, createElementBlock as K, createCommentVNode as le, createElementVNode as O, toDisplayString as we } from "vue";
+import { NButton as rt, NInput as dt, NCard as ft } from "naive-ui";
+const mt = /* @__PURE__ */ x({
   __name: "Button",
   props: {
     type: {},
@@ -16,14 +16,14 @@ const I = /* @__PURE__ */ u({
     disabled: { type: Boolean }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = e, o = l, s = (n) => {
-      !t.disabled && t.onClick && t.onClick(n), o("click", n);
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = (s) => {
+      !n.disabled && n.onClick && n.onClick(s), o("click", s);
     };
-    return (n, d) => (y(), r(m(z), {
+    return (s, i) => (D(), de(L(rt), {
       id: e.id,
-      class: h(e.class),
-      style: f(e.style),
+      class: U(e.class),
+      style: fe(e.style),
       type: e.type,
       size: e.size,
       circle: e.circle,
@@ -31,20 +31,20 @@ const I = /* @__PURE__ */ u({
       dashed: e.dashed,
       loading: e.loading,
       disabled: e.disabled,
-      onClick: s
+      onClick: l
     }, {
-      default: i(() => [
-        c(n.$slots, "default", {}, void 0, !0)
+      default: q(() => [
+        V(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["id", "class", "style", "type", "size", "circle", "ghost", "dashed", "loading", "disabled"]));
   }
-}), b = (e, l) => {
-  const t = e.__vccOpts || e;
-  for (const [o, s] of l)
-    t[o] = s;
-  return t;
-}, V = /* @__PURE__ */ b(I, [["__scopeId", "data-v-fdf1cb77"]]), F = /* @__PURE__ */ u({
+}), te = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of t)
+    n[o] = l;
+  return n;
+}, vt = /* @__PURE__ */ te(mt, [["__scopeId", "data-v-fdf1cb77"]]), ht = /* @__PURE__ */ x({
   __name: "Input",
   props: {
     modelValue: {},
@@ -65,29 +65,29 @@ const I = /* @__PURE__ */ u({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "input", "blur", "focus"],
-  setup(e, { emit: l }) {
-    const t = e, o = l, s = C({
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = R({
       get() {
-        return t.modelValue?.toString() || "";
+        return n.modelValue?.toString() || "";
       },
-      set(a) {
-        o("update:modelValue", typeof t.modelValue == "number" && a !== "" ? Number(a) : a);
+      set(c) {
+        o("update:modelValue", typeof n.modelValue == "number" && c !== "" ? Number(c) : c);
       }
-    }), n = (a) => {
-      o("update:modelValue", a);
-    }, d = (a) => {
-      o("blur", a);
-    }, B = (a) => {
-      o("focus", a);
-    };
-    return (a, x) => (y(), r(m(v), {
+    }), s = (c) => {
+      o("update:modelValue", c);
+    }, i = (c) => {
+      o("blur", c);
+    }, a = (c) => {
+      o("focus", c);
+    };
+    return (c, u) => (D(), de(L(dt), {
       id: e.id,
-      class: h(e.class),
-      style: f(e.style),
-      value: s.value,
+      class: U(e.class),
+      style: fe(e.style),
+      value: l.value,
       "onUpdate:value": [
-        x[0] || (x[0] = (g) => s.value = g),
-        n
+        u[0] || (u[0] = (v) => l.value = v),
+        s
       ],
       type: e.type,
       size: e.size,
@@ -98,11 +98,11 @@ const I = /* @__PURE__ */ u({
       "prefix-icon": e.prefixIcon,
       "suffix-icon": e.suffixIcon,
       disabled: e.disabled,
-      onBlur: d,
-      onFocus: B
+      onBlur: i,
+      onFocus: a
     }, null, 8, ["id", "class", "style", "value", "type", "size", "placeholder", "readonly", "maxlength", "show-word-limit", "prefix-icon", "suffix-icon", "disabled"]));
   }
-}), w = /* @__PURE__ */ b(F, [["__scopeId", "data-v-be9f5c5c"]]), $ = /* @__PURE__ */ u({
+}), gt = /* @__PURE__ */ te(ht, [["__scopeId", "data-v-be9f5c5c"]]), yt = /* @__PURE__ */ x({
   __name: "Card",
   props: {
     title: {},
@@ -116,52 +116,1226 @@ const I = /* @__PURE__ */ u({
     disabled: { type: Boolean }
   },
   emits: ["close"],
-  setup(e, { emit: l }) {
-    const t = e, o = l, s = () => {
-      t.onClose && t.onClose(), o("close");
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = () => {
+      n.onClose && n.onClose(), o("close");
     };
-    return (n, d) => (y(), r(m(k), {
+    return (s, i) => (D(), de(L(ft), {
       id: e.id,
-      class: h(e.class),
-      style: f(e.style),
+      class: U(e.class),
+      style: fe(e.style),
       title: e.title,
       bordered: e.bordered,
       size: e.size,
       closable: e.closable,
-      onClose: s
-    }, p({
-      default: i(() => [
-        c(n.$slots, "default", {}, void 0, !0)
+      onClose: l
+    }, at({
+      default: q(() => [
+        V(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      n.$slots["header-extra"] ? {
+      s.$slots["header-extra"] ? {
         name: "header-extra",
-        fn: i(() => [
-          c(n.$slots, "header-extra", {}, void 0, !0)
+        fn: q(() => [
+          V(s.$slots, "header-extra", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "class", "style", "title", "bordered", "size", "closable"]));
   }
-}), S = /* @__PURE__ */ b($, [["__scopeId", "data-v-fdc12dd9"]]), U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), bt = /* @__PURE__ */ te(yt, [["__scopeId", "data-v-fdc12dd9"]]);
+function pt() {
+}
+const I = Object.assign, ye = typeof window < "u", ne = (e) => e !== null && typeof e == "object", P = (e) => e != null, ue = (e) => typeof e == "function", Et = (e) => ne(e) && ue(e.then) && ue(e.catch), je = (e) => typeof e == "number" || /^\d+(\.\d+)?$/.test(e), Ct = () => ye ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : !1;
+function xe(e, t) {
+  const n = t.split(".");
+  let o = e;
+  return n.forEach((l) => {
+    var s;
+    o = ne(o) && (s = o[l]) != null ? s : "";
+  }), o;
+}
+function wt(e, t, n) {
+  return t.reduce(
+    (o, l) => (o[l] = e[l], o),
+    {}
+  );
+}
+const J = null, p = [Number, String], z = {
+  type: Boolean,
+  default: !0
+}, xt = (e) => ({
+  type: Number,
+  default: e
+}), ce = (e) => ({
+  type: p,
+  default: e
+}), E = (e) => ({
+  type: String,
+  default: e
+});
+var be = typeof window < "u";
+function He(e) {
+  let t;
+  ee(() => {
+    e(), me(() => {
+      t = !0;
+    });
+  }), ve(() => {
+    t && e();
+  });
+}
+function pe(e, t, n = {}) {
+  if (!be)
+    return;
+  const { target: o = window, passive: l = !1, capture: s = !1 } = n;
+  let i = !1, a;
+  const c = (f) => {
+    if (i)
+      return;
+    const d = L(f);
+    d && !a && (d.addEventListener(e, t, {
+      capture: s,
+      passive: l
+    }), a = !0);
+  }, u = (f) => {
+    if (i)
+      return;
+    const d = L(f);
+    d && a && (d.removeEventListener(e, t, s), a = !1);
+  };
+  ze(() => u(o)), Q(() => u(o)), He(() => c(o));
+  let v;
+  return st(o) && (v = k(o, (f, d) => {
+    u(d), c(f);
+  })), () => {
+    v?.(), u(o), i = !0;
+  };
+}
+var X, ie;
+function Bt() {
+  if (!X && (X = g(0), ie = g(0), be)) {
+    const e = () => {
+      X.value = window.innerWidth, ie.value = window.innerHeight;
+    };
+    e(), window.addEventListener("resize", e, { passive: !0 }), window.addEventListener("orientationchange", e, { passive: !0 });
+  }
+  return { width: X, height: ie };
+}
+var St = /scroll|auto|overlay/i, Me = be ? window : void 0;
+function kt(e) {
+  return e.tagName !== "HTML" && e.tagName !== "BODY" && e.nodeType === 1;
+}
+function Ye(e, t = Me) {
+  let n = e;
+  for (; n && n !== t && kt(n); ) {
+    const { overflowY: o } = window.getComputedStyle(n);
+    if (St.test(o))
+      return n;
+    n = n.parentNode;
+  }
+  return t;
+}
+function Ot(e, t = Me) {
+  const n = g();
+  return ee(() => {
+    e.value && (n.value = Ye(e.value, t));
+  }), n;
+}
+function It(e) {
+  const t = "scrollTop" in e ? e.scrollTop : e.pageYOffset;
+  return Math.max(t, 0);
+}
+Ct();
+const Tt = (e) => e.stopPropagation();
+function Ee(e, t) {
+  (typeof e.cancelable != "boolean" || e.cancelable) && e.preventDefault(), t && Tt(e);
+}
+Bt();
+function S(e) {
+  if (P(e))
+    return je(e) ? `${e}px` : String(e);
+}
+function Pt(e) {
+  if (P(e)) {
+    if (Array.isArray(e))
+      return {
+        width: S(e[0]),
+        height: S(e[1])
+      };
+    const t = S(e);
+    return {
+      width: t,
+      height: t
+    };
+  }
+}
+function $t(e) {
+  const t = {};
+  return e !== void 0 && (t.zIndex = +e), t;
+}
+const Dt = /-(\w)/g, Ue = (e) => e.replace(Dt, (t, n) => n.toUpperCase()), zt = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, ""), { hasOwnProperty: At } = Object.prototype;
+function Ft(e, t, n) {
+  const o = t[n];
+  P(o) && (!At.call(e, n) || !ne(o) ? e[n] = o : e[n] = _e(Object(e[n]), o));
+}
+function _e(e, t) {
+  return Object.keys(t).forEach((n) => {
+    Ft(e, t, n);
+  }), e;
+}
+var Vt = {
+  name: "姓名",
+  tel: "电话",
+  save: "保存",
+  clear: "清空",
+  cancel: "取消",
+  confirm: "确认",
+  delete: "删除",
+  loading: "加载中...",
+  noCoupon: "暂无优惠券",
+  nameEmpty: "请填写姓名",
+  addContact: "添加联系人",
+  telInvalid: "请填写正确的电话",
+  vanCalendar: {
+    end: "结束",
+    start: "开始",
+    title: "日期选择",
+    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+    monthTitle: (e, t) => `${e}年${t}月`,
+    rangePrompt: (e) => `最多选择 ${e} 天`
+  },
+  vanCascader: {
+    select: "请选择"
+  },
+  vanPagination: {
+    prev: "上一页",
+    next: "下一页"
+  },
+  vanPullRefresh: {
+    pulling: "下拉即可刷新...",
+    loosing: "释放即可刷新..."
+  },
+  vanSubmitBar: {
+    label: "合计:"
+  },
+  vanCoupon: {
+    unlimited: "无门槛",
+    discount: (e) => `${e}折`,
+    condition: (e) => `满${e}元可用`
+  },
+  vanCouponCell: {
+    title: "优惠券",
+    count: (e) => `${e}张可用`
+  },
+  vanCouponList: {
+    exchange: "兑换",
+    close: "不使用",
+    enable: "可用",
+    disabled: "不可用",
+    placeholder: "输入优惠码"
+  },
+  vanAddressEdit: {
+    area: "地区",
+    areaEmpty: "请选择地区",
+    addressEmpty: "请填写详细地址",
+    addressDetail: "详细地址",
+    defaultAddress: "设为默认收货地址"
+  },
+  vanAddressList: {
+    add: "新增地址"
+  }
+};
+const Be = g("zh-CN"), Se = he({
+  "zh-CN": Vt
+}), Lt = {
+  messages() {
+    return Se[Be.value];
+  },
+  use(e, t) {
+    Be.value = e, this.add({ [e]: t });
+  },
+  add(e = {}) {
+    _e(Se, e);
+  }
+};
+var Nt = Lt;
+function Rt(e) {
+  const t = Ue(e) + ".";
+  return (n, ...o) => {
+    const l = Nt.messages(), s = xe(l, t + n) || xe(l, n);
+    return ue(s) ? s(...o) : s;
+  };
+}
+function re(e, t) {
+  return t ? typeof t == "string" ? ` ${e}--${t}` : Array.isArray(t) ? t.reduce(
+    (n, o) => n + re(e, o),
+    ""
+  ) : Object.keys(t).reduce(
+    (n, o) => n + (t[o] ? re(e, o) : ""),
+    ""
+  ) : "";
+}
+function jt(e) {
+  return (t, n) => (t && typeof t != "string" && (n = t, t = ""), t = t ? `${e}__${t}` : e, `${t}${re(t, n)}`);
+}
+function $(e) {
+  const t = `van-${e}`;
+  return [
+    t,
+    jt(t),
+    Rt(t)
+  ];
+}
+const Ht = "van-haptics-feedback", ke = 5;
+function Mt(e, {
+  args: t = [],
+  done: n,
+  canceled: o,
+  error: l
+}) {
+  if (e) {
+    const s = e.apply(null, t);
+    Et(s) ? s.then((i) => {
+      i ? n() : o && o();
+    }).catch(l || pt) : s ? n() : o && o();
+  } else
+    n();
+}
+function A(e) {
+  return e.install = (t) => {
+    const { name: n } = e;
+    n && (t.component(n, e), t.component(Ue(`-${n}`), e));
+  }, e;
+}
+const Yt = Symbol();
+function We(e) {
+  const t = ge();
+  t && I(t.proxy, e);
+}
+const [Ut, Oe] = $("badge"), _t = {
+  dot: Boolean,
+  max: p,
+  tag: E("div"),
+  color: String,
+  offset: Array,
+  content: p,
+  showZero: z,
+  position: E("top-right")
+};
+var Wt = x({
+  name: Ut,
+  props: _t,
+  setup(e, {
+    slots: t
+  }) {
+    const n = () => {
+      if (t.content)
+        return !0;
+      const {
+        content: a,
+        showZero: c
+      } = e;
+      return P(a) && a !== "" && (c || a !== 0 && a !== "0");
+    }, o = () => {
+      const {
+        dot: a,
+        max: c,
+        content: u
+      } = e;
+      if (!a && n())
+        return t.content ? t.content() : P(c) && je(u) && +u > +c ? `${c}+` : u;
+    }, l = (a) => a.startsWith("-") ? a.replace("-", "") : `-${a}`, s = R(() => {
+      const a = {
+        background: e.color
+      };
+      if (e.offset) {
+        const [c, u] = e.offset, {
+          position: v
+        } = e, [f, d] = v.split("-");
+        t.default ? (typeof u == "number" ? a[f] = S(f === "top" ? u : -u) : a[f] = f === "top" ? S(u) : l(u), typeof c == "number" ? a[d] = S(d === "left" ? c : -c) : a[d] = d === "left" ? S(c) : l(c)) : (a.marginTop = S(u), a.marginLeft = S(c));
+      }
+      return a;
+    }), i = () => {
+      if (n() || e.dot)
+        return m("div", {
+          class: Oe([e.position, {
+            dot: e.dot,
+            fixed: !!t.default
+          }]),
+          style: s.value
+        }, [o()]);
+    };
+    return () => {
+      if (t.default) {
+        const {
+          tag: a
+        } = e;
+        return m(a, {
+          class: Oe("wrapper")
+        }, {
+          default: () => [t.default(), i()]
+        });
+      }
+      return i();
+    };
+  }
+});
+const Kt = A(Wt);
+let Ke = 2e3;
+const Xt = () => ++Ke, Zt = (e) => {
+  Ke = e;
+}, [Xe, Gt] = $("config-provider"), Ze = Symbol(Xe), qt = {
+  tag: E("div"),
+  theme: E("light"),
+  zIndex: Number,
+  themeVars: Object,
+  themeVarsDark: Object,
+  themeVarsLight: Object,
+  themeVarsScope: E("local"),
+  iconPrefix: String
+};
+function Jt(e) {
+  return e.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
+function Qt(e) {
+  const t = {};
+  return Object.keys(e).forEach((n) => {
+    const o = Jt(zt(n));
+    t[`--van-${o}`] = e[n];
+  }), t;
+}
+function Z(e = {}, t = {}) {
+  Object.keys(e).forEach((n) => {
+    e[n] !== t[n] && document.documentElement.style.setProperty(n, e[n]);
+  }), Object.keys(t).forEach((n) => {
+    e[n] || document.documentElement.style.removeProperty(n);
+  });
+}
+x({
+  name: Xe,
+  props: qt,
+  setup(e, {
+    slots: t
+  }) {
+    const n = R(() => Qt(I({}, e.themeVars, e.theme === "dark" ? e.themeVarsDark : e.themeVarsLight)));
+    if (ye) {
+      const o = () => {
+        document.documentElement.classList.add(`van-theme-${e.theme}`);
+      }, l = (s = e.theme) => {
+        document.documentElement.classList.remove(`van-theme-${s}`);
+      };
+      k(() => e.theme, (s, i) => {
+        i && l(i), o();
+      }, {
+        immediate: !0
+      }), ve(o), Q(l), Ae(l), k(n, (s, i) => {
+        e.themeVarsScope === "global" && Z(s, i);
+      }), k(() => e.themeVarsScope, (s, i) => {
+        i === "global" && Z({}, n.value), s === "global" && Z(n.value, {});
+      }), e.themeVarsScope === "global" && Z(n.value, {});
+    }
+    return Fe(Ze, e), lt(() => {
+      e.zIndex !== void 0 && Zt(e.zIndex);
+    }), () => m(e.tag, {
+      class: Gt(),
+      style: e.themeVarsScope === "local" ? n.value : void 0
+    }, {
+      default: () => {
+        var o;
+        return [(o = t.default) == null ? void 0 : o.call(t)];
+      }
+    });
+  }
+});
+const [en, Ie] = $("icon"), tn = (e) => e?.includes("/"), nn = {
+  dot: Boolean,
+  tag: E("i"),
+  name: String,
+  size: p,
+  badge: p,
+  color: String,
+  badgeProps: Object,
+  classPrefix: String
+};
+var on = x({
+  name: en,
+  props: nn,
+  setup(e, {
+    slots: t
+  }) {
+    const n = ct(Ze, null), o = R(() => e.classPrefix || n?.iconPrefix || Ie());
+    return () => {
+      const {
+        tag: l,
+        dot: s,
+        name: i,
+        size: a,
+        badge: c,
+        color: u
+      } = e, v = tn(i);
+      return m(Kt, N({
+        dot: s,
+        tag: l,
+        class: [o.value, v ? "" : `${o.value}-${i}`],
+        style: {
+          color: u,
+          fontSize: S(a)
+        },
+        content: c
+      }, e.badgeProps), {
+        default: () => {
+          var f;
+          return [(f = t.default) == null ? void 0 : f.call(t), v && m("img", {
+            class: Ie("image"),
+            src: i
+          }, null)];
+        }
+      });
+    };
+  }
+});
+const Ge = A(on), [an, Y] = $("loading"), sn = Array(12).fill(null).map((e, t) => m("i", {
+  class: Y("line", String(t + 1))
+}, null)), ln = m("svg", {
+  class: Y("circular"),
+  viewBox: "25 25 50 50"
+}, [m("circle", {
+  cx: "50",
+  cy: "50",
+  r: "20",
+  fill: "none"
+}, null)]), cn = {
+  size: p,
+  type: E("circular"),
+  color: String,
+  vertical: Boolean,
+  textSize: p,
+  textColor: String
+};
+var un = x({
+  name: an,
+  props: cn,
+  setup(e, {
+    slots: t
+  }) {
+    const n = R(() => I({
+      color: e.color
+    }, Pt(e.size))), o = () => {
+      const s = e.type === "spinner" ? sn : ln;
+      return m("span", {
+        class: Y("spinner", e.type),
+        style: n.value
+      }, [t.icon ? t.icon() : s]);
+    }, l = () => {
+      var s;
+      if (t.default)
+        return m("span", {
+          class: Y("text"),
+          style: {
+            fontSize: S(e.textSize),
+            color: (s = e.textColor) != null ? s : e.color
+          }
+        }, [t.default()]);
+    };
+    return () => {
+      const {
+        type: s,
+        vertical: i
+      } = e;
+      return m("div", {
+        class: Y([s, {
+          vertical: i
+        }]),
+        "aria-live": "polite",
+        "aria-busy": !0
+      }, [o(), l()]);
+    };
+  }
+});
+const qe = A(un), rn = {
+  // whether to show popup
+  show: Boolean,
+  // z-index
+  zIndex: p,
+  // whether to show overlay
+  overlay: z,
+  // transition duration
+  duration: p,
+  // teleport
+  teleport: [String, Object],
+  // prevent body scroll
+  lockScroll: z,
+  // whether to lazy render
+  lazyRender: z,
+  // callback function before close
+  beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
+  // overlay custom style
+  overlayStyle: Object,
+  // overlay custom class name
+  overlayClass: J,
+  // Initial rendering animation
+  transitionAppear: Boolean,
+  // whether to close popup when overlay is clicked
+  closeOnClickOverlay: z
+};
+function dn(e, t) {
+  return e > t ? "horizontal" : t > e ? "vertical" : "";
+}
+function Je() {
+  const e = g(0), t = g(0), n = g(0), o = g(0), l = g(0), s = g(0), i = g(""), a = g(!0), c = () => i.value === "vertical", u = () => i.value === "horizontal", v = () => {
+    n.value = 0, o.value = 0, l.value = 0, s.value = 0, i.value = "", a.value = !0;
+  };
+  return {
+    move: (b) => {
+      const C = b.touches[0];
+      n.value = (C.clientX < 0 ? 0 : C.clientX) - e.value, o.value = C.clientY - t.value, l.value = Math.abs(n.value), s.value = Math.abs(o.value);
+      const B = 10;
+      (!i.value || l.value < B && s.value < B) && (i.value = dn(l.value, s.value)), a.value && (l.value > ke || s.value > ke) && (a.value = !1);
+    },
+    start: (b) => {
+      v(), e.value = b.touches[0].clientX, t.value = b.touches[0].clientY;
+    },
+    reset: v,
+    startX: e,
+    startY: t,
+    deltaX: n,
+    deltaY: o,
+    offsetX: l,
+    offsetY: s,
+    direction: i,
+    isVertical: c,
+    isHorizontal: u,
+    isTap: a
+  };
+}
+let j = 0;
+const Te = "van-overflow-hidden";
+function fn(e, t) {
+  const n = Je(), o = "01", l = "10", s = (v) => {
+    n.move(v);
+    const f = n.deltaY.value > 0 ? l : o, d = Ye(
+      v.target,
+      e.value
+    ), { scrollHeight: b, offsetHeight: C, scrollTop: B } = d;
+    let w = "11";
+    B === 0 ? w = C >= b ? "00" : "01" : B + C >= b && (w = "10"), w !== "11" && n.isVertical() && !(parseInt(w, 2) & parseInt(f, 2)) && Ee(v, !0);
+  }, i = () => {
+    document.addEventListener("touchstart", n.start), document.addEventListener("touchmove", s, { passive: !1 }), j || document.body.classList.add(Te), j++;
+  }, a = () => {
+    j && (document.removeEventListener("touchstart", n.start), document.removeEventListener("touchmove", s), j--, j || document.body.classList.remove(Te));
+  }, c = () => t() && i(), u = () => t() && a();
+  He(c), Q(u), Ae(u), k(t, (v) => {
+    v ? i() : a();
+  });
+}
+function Qe(e) {
+  const t = g(!1);
+  return k(
+    e,
+    (n) => {
+      n && (t.value = n);
+    },
+    { immediate: !0 }
+  ), (n) => () => t.value ? n() : null;
+}
+const Pe = () => {
+  var e;
+  const { scopeId: t } = ((e = ge()) == null ? void 0 : e.vnode) || {};
+  return t ? { [t]: "" } : null;
+}, [mn, vn] = $("overlay"), hn = {
+  show: Boolean,
+  zIndex: p,
+  duration: p,
+  className: J,
+  lockScroll: z,
+  lazyRender: z,
+  customStyle: Object,
+  teleport: [String, Object]
+};
+var gn = x({
+  name: mn,
+  inheritAttrs: !1,
+  props: hn,
+  setup(e, {
+    attrs: t,
+    slots: n
+  }) {
+    const o = g(), l = Qe(() => e.show || !e.lazyRender), s = (a) => {
+      e.lockScroll && Ee(a, !0);
+    }, i = l(() => {
+      var a;
+      const c = I($t(e.zIndex), e.customStyle);
+      return P(e.duration) && (c.animationDuration = `${e.duration}s`), Ne(m("div", N({
+        ref: o,
+        style: c,
+        class: [vn(), e.className]
+      }, t), [(a = n.default) == null ? void 0 : a.call(n)]), [[Re, e.show]]);
+    });
+    return pe("touchmove", s, {
+      target: o
+    }), () => {
+      const a = m(Ve, {
+        name: "van-fade",
+        appear: !0
+      }, {
+        default: i
+      });
+      return e.teleport ? m(Le, {
+        to: e.teleport
+      }, {
+        default: () => [a]
+      }) : a;
+    };
+  }
+});
+const yn = A(gn), bn = I({}, rn, {
+  round: Boolean,
+  position: E("center"),
+  closeIcon: E("cross"),
+  closeable: Boolean,
+  transition: String,
+  iconPrefix: String,
+  closeOnPopstate: Boolean,
+  closeIconPosition: E("top-right"),
+  destroyOnClose: Boolean,
+  safeAreaInsetTop: Boolean,
+  safeAreaInsetBottom: Boolean
+}), [pn, $e] = $("popup");
+var En = x({
+  name: pn,
+  inheritAttrs: !1,
+  props: bn,
+  emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
+  setup(e, {
+    emit: t,
+    attrs: n,
+    slots: o
+  }) {
+    let l, s;
+    const i = g(), a = g(), c = Qe(() => e.show || !e.lazyRender), u = R(() => {
+      const h = {
+        zIndex: i.value
+      };
+      if (P(e.duration)) {
+        const T = e.position === "center" ? "animationDuration" : "transitionDuration";
+        h[T] = `${e.duration}s`;
+      }
+      return h;
+    }), v = () => {
+      l || (l = !0, i.value = e.zIndex !== void 0 ? +e.zIndex : Xt(), t("open"));
+    }, f = () => {
+      l && Mt(e.beforeClose, {
+        done() {
+          l = !1, t("close"), t("update:show", !1);
+        }
+      });
+    }, d = (h) => {
+      t("clickOverlay", h), e.closeOnClickOverlay && f();
+    }, b = () => {
+      if (e.overlay) {
+        const h = I({
+          show: e.show,
+          class: e.overlayClass,
+          zIndex: i.value,
+          duration: e.duration,
+          customStyle: e.overlayStyle,
+          role: e.closeOnClickOverlay ? "button" : void 0,
+          tabindex: e.closeOnClickOverlay ? 0 : void 0
+        }, e.overlayProps);
+        return m(yn, N(h, Pe(), {
+          onClick: d
+        }), {
+          default: o["overlay-content"]
+        });
+      }
+    }, C = (h) => {
+      t("clickCloseIcon", h), f();
+    }, B = () => {
+      if (e.closeable)
+        return m(Ge, {
+          role: "button",
+          tabindex: 0,
+          name: e.closeIcon,
+          class: [$e("close-icon", e.closeIconPosition), Ht],
+          classPrefix: e.iconPrefix,
+          onClick: C
+        }, null);
+    };
+    let w;
+    const oe = () => {
+      w && clearTimeout(w), w = setTimeout(() => {
+        t("opened");
+      });
+    }, ae = () => t("closed"), _ = (h) => t("keydown", h), r = c(() => {
+      var h;
+      const {
+        destroyOnClose: T,
+        round: se,
+        position: W,
+        safeAreaInsetTop: nt,
+        safeAreaInsetBottom: ot,
+        show: Ce
+      } = e;
+      if (!(!Ce && T))
+        return Ne(m("div", N({
+          ref: a,
+          style: u.value,
+          role: "dialog",
+          tabindex: 0,
+          class: [$e({
+            round: se,
+            [W]: W
+          }), {
+            "van-safe-area-top": nt,
+            "van-safe-area-bottom": ot
+          }],
+          onKeydown: _
+        }, n, Pe()), [(h = o.default) == null ? void 0 : h.call(o), B()]), [[Re, Ce]]);
+    }), y = () => {
+      const {
+        position: h,
+        transition: T,
+        transitionAppear: se
+      } = e, W = h === "center" ? "van-fade" : `van-popup-slide-${h}`;
+      return m(Ve, {
+        name: T || W,
+        appear: se,
+        onAfterEnter: oe,
+        onAfterLeave: ae
+      }, {
+        default: r
+      });
+    };
+    return k(() => e.show, (h) => {
+      h && !l && (v(), n.tabindex === 0 && me(() => {
+        var T;
+        (T = a.value) == null || T.focus();
+      })), !h && l && (l = !1, t("close"));
+    }), We({
+      popupRef: a
+    }), fn(a, () => e.show && e.lockScroll), pe("popstate", () => {
+      e.closeOnPopstate && (f(), s = !1);
+    }), ee(() => {
+      e.show && v();
+    }), ve(() => {
+      s && (t("update:show", !0), s = !1);
+    }), Q(() => {
+      e.show && e.teleport && (f(), s = !0);
+    }), Fe(Yt, () => e.show), () => e.teleport ? m(Le, {
+      to: e.teleport
+    }, {
+      default: () => [b(), y()]
+    }) : m(it, null, [b(), y()]);
+  }
+});
+const Cn = A(En);
+let H = 0;
+function wn(e) {
+  e ? (H || document.body.classList.add("van-toast--unclickable"), H++) : H && (H--, H || document.body.classList.remove("van-toast--unclickable"));
+}
+const [xn, F] = $("toast"), Bn = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay", "zIndex"], Sn = {
+  icon: String,
+  show: Boolean,
+  type: E("text"),
+  overlay: Boolean,
+  message: p,
+  iconSize: p,
+  duration: xt(2e3),
+  position: E("middle"),
+  teleport: [String, Object],
+  wordBreak: String,
+  className: J,
+  iconPrefix: String,
+  transition: E("van-fade"),
+  loadingType: String,
+  forbidClick: Boolean,
+  overlayClass: J,
+  overlayStyle: Object,
+  closeOnClick: Boolean,
+  closeOnClickOverlay: Boolean,
+  zIndex: p
+};
+var et = x({
+  name: xn,
+  props: Sn,
+  emits: ["update:show"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    let o, l = !1;
+    const s = () => {
+      const f = e.show && e.forbidClick;
+      l !== f && (l = f, wn(l));
+    }, i = (f) => t("update:show", f), a = () => {
+      e.closeOnClick && i(!1);
+    }, c = () => clearTimeout(o), u = () => {
+      const {
+        icon: f,
+        type: d,
+        iconSize: b,
+        iconPrefix: C,
+        loadingType: B
+      } = e;
+      if (f || d === "success" || d === "fail")
+        return m(Ge, {
+          name: f || d,
+          size: b,
+          class: F("icon"),
+          classPrefix: C
+        }, null);
+      if (d === "loading")
+        return m(qe, {
+          class: F("loading"),
+          size: b,
+          type: B
+        }, null);
+    }, v = () => {
+      const {
+        type: f,
+        message: d
+      } = e;
+      if (n.message)
+        return m("div", {
+          class: F("text")
+        }, [n.message()]);
+      if (P(d) && d !== "")
+        return f === "html" ? m("div", {
+          key: 0,
+          class: F("text"),
+          innerHTML: String(d)
+        }, null) : m("div", {
+          class: F("text")
+        }, [d]);
+    };
+    return k(() => [e.show, e.forbidClick], s), k(() => [e.show, e.type, e.message, e.duration], () => {
+      c(), e.show && e.duration > 0 && (o = setTimeout(() => {
+        i(!1);
+      }, e.duration));
+    }), ee(s), ze(s), () => m(Cn, N({
+      class: [F([e.position, e.wordBreak === "normal" ? "break-normal" : e.wordBreak, {
+        [e.type]: !e.icon
+      }]), e.className],
+      lockScroll: !1,
+      onClick: a,
+      onClosed: c,
+      "onUpdate:show": i
+    }, wt(e, Bn)), {
+      default: () => [u(), v()]
+    });
+  }
+});
+function kn() {
+  const e = he({
+    show: !1
+  }), t = (l) => {
+    e.show = l;
+  }, n = (l) => {
+    I(e, l, { transitionAppear: !0 }), t(!0);
+  }, o = () => t(!1);
+  return We({ open: n, close: o, toggle: t }), {
+    open: n,
+    close: o,
+    state: e,
+    toggle: t
+  };
+}
+function On(e) {
+  const t = ut(e), n = document.createElement("div");
+  return document.body.appendChild(n), {
+    instance: t.mount(n),
+    unmount() {
+      t.unmount(), document.body.removeChild(n);
+    }
+  };
+}
+const In = {
+  icon: "",
+  type: "text",
+  message: "",
+  className: "",
+  overlay: !1,
+  onClose: void 0,
+  onOpened: void 0,
+  duration: 2e3,
+  teleport: "body",
+  iconSize: void 0,
+  iconPrefix: void 0,
+  position: "middle",
+  transition: "van-fade",
+  forbidClick: !1,
+  loadingType: void 0,
+  overlayClass: "",
+  overlayStyle: void 0,
+  closeOnClick: !1,
+  closeOnClickOverlay: !1
+};
+let G = [], Tn = !1, De = I({}, In);
+const Pn = /* @__PURE__ */ new Map();
+function $n(e) {
+  return ne(e) ? e : {
+    message: e
+  };
+}
+function Dn() {
+  const {
+    instance: e
+  } = On({
+    setup() {
+      const t = g(""), {
+        open: n,
+        state: o,
+        close: l,
+        toggle: s
+      } = kn(), i = () => {
+      }, a = () => m(et, N(o, {
+        onClosed: i,
+        "onUpdate:show": s
+      }), null);
+      return k(t, (c) => {
+        o.message = c;
+      }), ge().render = a, {
+        open: n,
+        close: l,
+        message: t
+      };
+    }
+  });
+  return e;
+}
+function zn() {
+  if (!G.length || Tn) {
+    const e = Dn();
+    G.push(e);
+  }
+  return G[G.length - 1];
+}
+function An(e = {}) {
+  if (!ye)
+    return {};
+  const t = zn(), n = $n(e);
+  return t.open(I({}, De, Pn.get(n.type || De.type), n)), t;
+}
+A(et);
+const [Fn, M, Vn] = $("pull-refresh"), tt = 50, Ln = ["pulling", "loosing", "success"], Nn = {
+  disabled: Boolean,
+  modelValue: Boolean,
+  headHeight: ce(tt),
+  successText: String,
+  pullingText: String,
+  loosingText: String,
+  loadingText: String,
+  pullDistance: p,
+  successDuration: ce(500),
+  animationDuration: ce(300)
+};
+var Rn = x({
+  name: Fn,
+  props: Nn,
+  emits: ["change", "refresh", "update:modelValue"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    let o;
+    const l = g(), s = g(), i = Ot(l), a = he({
+      status: "normal",
+      distance: 0,
+      duration: 0
+    }), c = Je(), u = () => {
+      if (e.headHeight !== tt)
+        return {
+          height: `${e.headHeight}px`
+        };
+    }, v = () => a.status !== "loading" && a.status !== "success" && !e.disabled, f = (r) => {
+      const y = +(e.pullDistance || e.headHeight);
+      return r > y && (r < y * 2 ? r = y + (r - y) / 2 : r = y * 1.5 + (r - y * 2) / 4), Math.round(r);
+    }, d = (r, y) => {
+      const h = +(e.pullDistance || e.headHeight);
+      a.distance = r, y ? a.status = "loading" : r === 0 ? a.status = "normal" : r < h ? a.status = "pulling" : a.status = "loosing", t("change", {
+        status: a.status,
+        distance: r
+      });
+    }, b = () => {
+      const {
+        status: r
+      } = a;
+      return r === "normal" ? "" : e[`${r}Text`] || Vn(r);
+    }, C = () => {
+      const {
+        status: r,
+        distance: y
+      } = a;
+      if (n[r])
+        return n[r]({
+          distance: y
+        });
+      const h = [];
+      return Ln.includes(r) && h.push(m("div", {
+        class: M("text")
+      }, [b()])), r === "loading" && h.push(m(qe, {
+        class: M("loading")
+      }, {
+        default: b
+      })), h;
+    }, B = () => {
+      a.status = "success", setTimeout(() => {
+        d(0);
+      }, +e.successDuration);
+    }, w = (r) => {
+      o = It(i.value) === 0, o && (a.duration = 0, c.start(r));
+    }, oe = (r) => {
+      v() && w(r);
+    }, ae = (r) => {
+      if (v()) {
+        o || w(r);
+        const {
+          deltaY: y
+        } = c;
+        c.move(r), o && y.value >= 0 && c.isVertical() && (Ee(r), d(f(y.value)));
+      }
+    }, _ = () => {
+      o && c.deltaY.value && v() && (a.duration = +e.animationDuration, a.status === "loosing" ? (d(+e.headHeight, !0), t("update:modelValue", !0), me(() => t("refresh"))) : d(0));
+    };
+    return k(() => e.modelValue, (r) => {
+      a.duration = +e.animationDuration, r ? d(+e.headHeight, !0) : n.success || e.successText ? B() : d(0, !1);
+    }), pe("touchmove", ae, {
+      target: s
+    }), () => {
+      var r;
+      const y = {
+        transitionDuration: `${a.duration}ms`,
+        transform: a.distance ? `translate3d(0,${a.distance}px, 0)` : ""
+      };
+      return m("div", {
+        ref: l,
+        class: M()
+      }, [m("div", {
+        ref: s,
+        class: M("track"),
+        style: y,
+        onTouchstartPassive: oe,
+        onTouchend: _,
+        onTouchcancel: _
+      }, [m("div", {
+        class: M("head"),
+        style: u()
+      }, [C()]), (r = n.default) == null ? void 0 : r.call(n)])]);
+    };
+  }
+});
+const jn = A(Rn), Hn = {
+  key: 0,
+  class: "mx-app-page-header"
+}, Mn = {
+  key: 0,
+  class: "mx-app-page-header-left"
+}, Yn = { class: "mx-app-page-header-center" }, Un = { class: "mx-app-page-title" }, _n = { class: "mx-app-page-header-right" }, Wn = {
+  key: 1,
+  class: "mx-app-page-search"
+}, Kn = { class: "search-content" }, Xn = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    title: { default: "" },
+    showBack: { type: Boolean, default: !0 },
+    showHeader: { type: Boolean, default: !0 },
+    enablePullRefresh: { type: Boolean, default: !1 },
+    refreshing: { type: Boolean, default: !1 },
+    showSearch: { type: Boolean, default: !0 },
+    onRefresh: {},
+    onBack: {},
+    id: {},
+    class: {},
+    style: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["back", "refresh"],
+  setup(e, { emit: t }) {
+    const n = t, o = g(0), l = g(!1), s = () => {
+      setTimeout(() => {
+        An("刷新成功"), l.value = !1, o.value++;
+      }, 1e3);
+    }, i = g(), a = () => {
+      n("back");
+    };
+    return (c, u) => (D(), K("div", {
+      id: "id",
+      class: U([
+        "mx-app-page",
+        {
+          "mx-app-page-with-header": e.showHeader
+        }
+      ])
+    }, [
+      e.showHeader ? (D(), K("header", Hn, [
+        e.showBack ? (D(), K("div", Mn, [
+          O("div", {
+            class: "mx-app-page-back",
+            onClick: a
+          }, [...u[1] || (u[1] = [
+            O("i", { class: "iconfont icon-fanhui1 icon" }, null, -1)
+          ])])
+        ])) : le("", !0),
+        O("div", Yn, [
+          V(c.$slots, "title", {}, () => [
+            O("span", Un, we(e.title), 1)
+          ], !0)
+        ]),
+        O("div", _n, [
+          V(c.$slots, "header-right", {}, void 0, !0)
+        ])
+      ])) : le("", !0),
+      e.showSearch ? (D(), K("div", Wn, [
+        O("div", Kn, [
+          V(c.$slots, "search", {}, void 0, !0)
+        ]),
+        u[2] || (u[2] = O("i", { class: "iconfont icon-sousuo icon" }, null, -1))
+      ])) : le("", !0),
+      O("div", {
+        class: U(["mx-app-page-content-wrapper", {
+          "has-search": e.showSearch,
+          "has-header": e.showHeader
+        }]),
+        ref_key: "contentWrapperRef",
+        ref: i
+      }, [
+        m(L(jn), {
+          modelValue: l.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (v) => l.value = v),
+          onRefresh: s
+        }, {
+          default: q(() => [
+            O("p", null, "刷新次数: " + we(o.value), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 2)
+    ], 2));
+  }
+}), Zn = /* @__PURE__ */ te(Xn, [["__scopeId", "data-v-b5dbaec1"]]), Qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), N = {
-  Button: V,
-  Input: w,
-  Card: S
-}, L = {
+}, Symbol.toStringTag, { value: "Module" })), Gn = {
+  Button: vt,
+  Input: gt,
+  Card: bt,
+  AppPage: Zn
+}, eo = {
   install: (e) => {
-    Object.values(N).forEach((l) => {
-      e.component(l.name, l);
+    Object.values(Gn).forEach((t) => {
+      e.component(t.name, t);
     });
   }
 };
 export {
-  V as Button,
-  S as Card,
-  w as Input,
-  N as components,
-  L as default,
-  U as types
+  Zn as AppPage,
+  vt as Button,
+  bt as Card,
+  gt as Input,
+  Gn as components,
+  eo as default,
+  Qn as types
 };