mx-ui-template 0.2.0 → 0.2.3

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