fantasia-ui 0.2.4 → 0.2.5

package/dist/fantasia-ui.es.js

@@ -1,66 +1,96 @@
-var ge = Object.defineProperty, be = Object.defineProperties;
-var ye = Object.getOwnPropertyDescriptors;
-var le = Object.getOwnPropertySymbols;
-var $e = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
-var re = (n, e, o) => e in n ? ge(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o, ie = (n, e) => {
-  for (var o in e || (e = {}))
-    $e.call(e, o) && re(n, o, e[o]);
-  if (le)
-    for (var o of le(e))
-      ke.call(e, o) && re(n, o, e[o]);
-  return n;
-}, ce = (n, e) => be(n, ye(e));
-var J = (n, e, o) => new Promise((t, s) => {
-  var i = (a) => {
+var Ee = Object.defineProperty, Oe = Object.defineProperties;
+var Pe = Object.getOwnPropertyDescriptors;
+var $e = Object.getOwnPropertySymbols;
+var Le = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
+var ke = (a, e, s) => e in a ? Ee(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s, we = (a, e) => {
+  for (var s in e || (e = {}))
+    Le.call(e, s) && ke(a, s, e[s]);
+  if ($e)
+    for (var s of $e(e))
+      je.call(e, s) && ke(a, s, e[s]);
+  return a;
+}, Fe = (a, e) => Oe(a, Pe(e));
+var ie = (a, e, s) => new Promise((t, o) => {
+  var i = (r) => {
     try {
-      r(o.next(a));
-    } catch (f) {
-      s(f);
+      u(s.next(r));
+    } catch (v) {
+      o(v);
     }
-  }, u = (a) => {
+  }, d = (r) => {
     try {
-      r(o.throw(a));
-    } catch (f) {
-      s(f);
+      u(s.throw(r));
+    } catch (v) {
+      o(v);
     }
-  }, r = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(i, u);
-  r((o = o.apply(n, e)).next());
+  }, u = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(i, d);
+  u((s = s.apply(a, e)).next());
 });
-import { defineComponent as g, computed as h, createElementBlock as c, openBlock as l, normalizeStyle as T, unref as p, renderSlot as v, ref as R, watch as ee, resolveComponent as O, createVNode as S, withDirectives as te, Transition as K, withCtx as I, createCommentVNode as y, createElementVNode as z, vShow as ue, mergeModels as H, useModel as Q, normalizeClass as C, readonly as de, vModelDynamic as we, Fragment as P, renderList as G, toDisplayString as V, createBlock as W, nextTick as pe, onUnmounted as oe, Teleport as fe, withModifiers as se, resolveDynamicComponent as Y, createTextVNode as me, TransitionGroup as Fe, useSlots as ze, provide as _e, inject as Ce, onMounted as xe } from "vue";
-import { Search as Se, StarOutline as Me, StarHalf as Ie, Star as Te, ChevronDownOutline as Be, ChevronBackOutline as Ve, EllipsisHorizontal as Re, ChevronForwardOutline as Ae, CloseCircle as Pe, Close as We, Person as je } from "@vicons/ionicons5";
-import { useEventListener as De } from "@vueuse/core";
-const Ee = /* @__PURE__ */ g({
+import { defineComponent as S, computed as g, createElementBlock as n, openBlock as l, normalizeStyle as O, unref as c, renderSlot as z, normalizeClass as M, createCommentVNode as k, Fragment as L, renderList as W, createElementVNode as h, toDisplayString as R, ref as V, watch as ce, createVNode as H, withDirectives as de, Transition as ae, withCtx as E, vShow as ze, mergeModels as U, useModel as te, readonly as ve, vModelDynamic as We, createBlock as j, nextTick as _e, onUnmounted as he, Teleport as ge, withModifiers as ue, resolveDynamicComponent as se, withKeys as Ne, isRef as Ge, vModelText as Se, createTextVNode as ne, TransitionGroup as Ue, useSlots as Je, provide as Ie, inject as qe, onMounted as Me, onBeforeUnmount as Xe } from "vue";
+import { Search as Ye, StarOutline as Ke, StarHalf as Qe, Star as Ze, ChevronDownOutline as et, ChevronBackOutline as tt, EllipsisHorizontal as st, ChevronForwardOutline as ot, CloseCircle as Te, Close as xe, Person as lt, InformationCircleOutline as at, WarningOutline as nt, AlertCircleOutline as rt, CheckmarkCircleOutline as it, CloudUpload as ct, DocumentOutline as dt } from "@vicons/ionicons5";
+import { useEventListener as ut } from "@vueuse/core";
+const pt = /* @__PURE__ */ S({
   __name: "FIcon",
   props: {
     color: {},
     size: { default: "1em" }
   },
-  setup(n) {
-    const e = n, o = h(() => ({
+  setup(a) {
+    const e = a, s = g(() => ({
       width: typeof e.size == "number" ? `${e.size}px` : e.size,
       height: typeof e.size == "number" ? `${e.size}px` : e.size,
       color: e.color
     }));
-    return (t, s) => (l(), c("span", {
+    return (t, o) => (l(), n("span", {
       role: "img",
       class: "f-icon",
-      style: T(p(o))
+      style: O(c(s))
     }, [
-      v(t.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), b = (n, e) => {
-  const o = n.__vccOpts || n;
-  for (const [t, s] of e)
-    o[t] = s;
-  return o;
-}, Le = /* @__PURE__ */ b(Ee, [["__scopeId", "data-v-524b7dbb"]]), Oe = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e", He = { class: "f-image" }, Ne = {
+}), I = (a, e) => {
+  const s = a.__vccOpts || a;
+  for (const [t, o] of e)
+    s[t] = o;
+  return s;
+}, G = /* @__PURE__ */ I(pt, [["__scopeId", "data-v-524b7dbb"]]), ft = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e", _t = {
+  key: 0,
+  class: "loop cubes"
+}, mt = {
+  key: 2,
+  class: "msg"
+}, vt = /* @__PURE__ */ S({
+  __name: "FLoading",
+  props: {
+    type: { default: "dots" },
+    text: {},
+    mask: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const e = a;
+    return (s, t) => (l(), n("div", {
+      class: M(["flex-center-col size-full loading-container", { "global-mask": s.mask }])
+    }, [
+      s.type === "cubes" ? (l(), n("div", _t, [
+        (l(), n(L, null, W(6, (o) => h("div", {
+          class: "item cubes",
+          key: o
+        })), 64))
+      ])) : (l(), n("div", {
+        key: 1,
+        class: M(["loader", s.type])
+      }, null, 2)),
+      e.text ? (l(), n("p", mt, R(e.text), 1)) : k("", !0)
+    ], 2));
+  }
+}), Be = /* @__PURE__ */ I(vt, [["__scopeId", "data-v-20f58a50"]]), ht = { class: "f-image" }, gt = {
   key: 0,
   class: "f-image__placeholder"
-}, qe = {
+}, yt = {
   key: 0,
   class: "f-image__error"
-}, Ge = ["src", "loading"], Ue = /* @__PURE__ */ g({
+}, bt = ["src", "loading"], $t = /* @__PURE__ */ S({
   __name: "FImage",
   props: {
     src: {},
@@ -68,54 +98,51 @@ const Ee = /* @__PURE__ */ g({
     fit: { default: "cover" },
     lazy: { type: Boolean, default: !0 }
   },
-  setup(n) {
-    const e = n, o = R("loading");
-    ee(() => e.src, () => {
-      o.value = "loading";
+  setup(a) {
+    const e = a, s = V("loading");
+    ce(() => e.src, () => {
+      s.value = "loading";
     }, { immediate: !1 });
-    const t = () => o.value = "loaded", s = () => o.value = "error";
-    return (i, u) => {
-      const r = O("f-loading"), a = O("f-icon");
-      return l(), c("div", He, [
-        S(K, { name: "fade" }, {
-          default: I(() => [
-            p(o) === "loading" ? (l(), c("div", Ne, [
-              S(r, { type: "classic first" })
-            ])) : y("", !0)
-          ]),
-          _: 1
-        }),
-        S(K, { name: "fade" }, {
-          default: I(() => [
-            p(o) === "error" ? (l(), c("div", qe, [
-              v(i.$slots, "error", {}, () => [
-                S(a, { size: "48px" }, {
-                  default: I(() => [
-                    S(p(Oe))
-                  ]),
-                  _: 1
-                })
-              ], !0)
-            ])) : y("", !0)
-          ]),
-          _: 3
-        }),
-        te(z("img", {
-          src: e.src,
-          loading: i.lazy ? "lazy" : "eager",
-          style: T({ objectFit: e.fit }),
-          class: "f-image__img",
-          onLoad: t,
-          onError: s
-        }, null, 44, Ge), [
-          [ue, p(o) === "loaded"]
-        ])
-      ]);
-    };
+    const t = () => s.value = "loaded", o = () => s.value = "error";
+    return (i, d) => (l(), n("div", ht, [
+      H(ae, { name: "fade" }, {
+        default: E(() => [
+          c(s) === "loading" ? (l(), n("div", gt, [
+            H(Be, { type: "classic first" })
+          ])) : k("", !0)
+        ]),
+        _: 1
+      }),
+      H(ae, { name: "fade" }, {
+        default: E(() => [
+          c(s) === "error" ? (l(), n("div", yt, [
+            z(i.$slots, "error", {}, () => [
+              H(G, { size: "48px" }, {
+                default: E(() => [
+                  H(c(ft))
+                ]),
+                _: 1
+              })
+            ], !0)
+          ])) : k("", !0)
+        ]),
+        _: 3
+      }),
+      de(h("img", {
+        src: e.src,
+        loading: i.lazy ? "lazy" : "eager",
+        style: O({ objectFit: e.fit }),
+        class: "f-image__img",
+        onLoad: t,
+        onError: o
+      }, null, 44, bt), [
+        [ze, c(s) === "loaded"]
+      ])
+    ]));
   }
-}), Xe = /* @__PURE__ */ b(Ue, [["__scopeId", "data-v-2948108d"]]), Ye = ["type", "placeholder", "disabled", "readonly", "name", "id"], Je = /* @__PURE__ */ g({
+}), kt = /* @__PURE__ */ I($t, [["__scopeId", "data-v-e959ab10"]]), wt = ["type", "placeholder", "disabled", "readonly", "name", "id"], Ft = /* @__PURE__ */ S({
   __name: "FInput",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ U({
     placeholder: { default: "输入..." },
     type: { default: "text" },
     disabled: { type: Boolean, default: !1 },
@@ -126,85 +153,52 @@ const Ee = /* @__PURE__ */ g({
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["input", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(n, { emit: e }) {
-    const o = Q(n, "modelValue"), t = e, s = (a) => {
-      const f = a.target.value;
-      t("input", f);
-    }, i = (a) => {
-      const f = a.target.value;
-      t("change", f);
-    }, u = (a) => {
-      t("focus", a);
-    }, r = (a) => {
-      t("blur", a);
-    };
-    return (a, f) => {
-      const m = O("f-icon");
-      return l(), c("div", {
-        class: C(["f-input", { "is-disabled": a.disabled, "is-readonly": "readonly" in a ? a.readonly : p(de) }])
-      }, [
-        S(m, { class: "f-input__icon" }, {
-          default: I(() => [
-            S(p(Se))
-          ]),
-          _: 1
-        }),
-        te(z("input", {
-          class: "f-input__text",
-          "onUpdate:modelValue": f[0] || (f[0] = (d) => o.value = d),
-          type: a.type,
-          placeholder: a.placeholder,
-          disabled: a.disabled,
-          readonly: "readonly" in a ? a.readonly : p(de),
-          name: a.name,
-          id: a.id,
-          onInput: s,
-          onChange: i,
-          onFocus: u,
-          onBlur: r
-        }, null, 40, Ye), [
-          [we, o.value]
-        ])
-      ], 2);
+  emits: /* @__PURE__ */ U(["input", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(a, { emit: e }) {
+    const s = te(a, "modelValue"), t = e, o = (r) => {
+      const v = r.target.value;
+      t("input", v);
+    }, i = (r) => {
+      const v = r.target.value;
+      t("change", v);
+    }, d = (r) => {
+      t("focus", r);
+    }, u = (r) => {
+      t("blur", r);
     };
-  }
-}), Ke = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-6c6d7c63"]]), Qe = {
-  key: 0,
-  class: "loop cubes"
-}, Ze = {
-  key: 2,
-  class: "msg"
-}, et = /* @__PURE__ */ g({
-  __name: "FLoading",
-  props: {
-    type: { default: "dots" },
-    text: {},
-    mask: { type: Boolean, default: !1 }
-  },
-  setup(n) {
-    const e = n;
-    return (o, t) => (l(), c("div", {
-      class: C(["flex-center-col size-full loading-container", { "global-mask": o.mask }])
+    return (r, v) => (l(), n("div", {
+      class: M(["f-input", { "is-disabled": r.disabled, "is-readonly": "readonly" in r ? r.readonly : c(ve) }])
     }, [
-      o.type === "cubes" ? (l(), c("div", Qe, [
-        (l(), c(P, null, G(6, (s) => z("div", {
-          class: "item cubes",
-          key: s
-        })), 64))
-      ])) : (l(), c("div", {
-        key: 1,
-        class: C(["loader", o.type])
-      }, null, 2)),
-      e.text ? (l(), c("p", Ze, V(e.text), 1)) : y("", !0)
+      H(G, { class: "f-input__icon" }, {
+        default: E(() => [
+          H(c(Ye))
+        ]),
+        _: 1
+      }),
+      de(h("input", {
+        class: "f-input__text",
+        "onUpdate:modelValue": v[0] || (v[0] = (y) => s.value = y),
+        type: r.type,
+        placeholder: r.placeholder,
+        disabled: r.disabled,
+        readonly: "readonly" in r ? r.readonly : c(ve),
+        name: r.name,
+        id: r.id,
+        onInput: o,
+        onChange: i,
+        onFocus: d,
+        onBlur: u
+      }, null, 40, wt), [
+        [We, s.value]
+      ])
     ], 2));
   }
-}), tt = /* @__PURE__ */ b(et, [["__scopeId", "data-v-20f58a50"]]), ot = ["onMousemove"], st = {
+}), Ct = /* @__PURE__ */ I(Ft, [["__scopeId", "data-v-9af0fbbe"]]), zt = ["onMousemove"], St = {
   key: 0,
   class: "f-rate__score"
-}, at = /* @__PURE__ */ g({
+}, It = /* @__PURE__ */ S({
   __name: "FRate",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ U({
     modelValue: {},
     count: { default: 5 },
     readonly: { type: Boolean, default: !1 },
@@ -218,63 +212,60 @@ const Ee = /* @__PURE__ */ g({
     modelValue: { default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
-  setup(n, { emit: e }) {
-    const o = Q(n, "modelValue"), t = n, s = e, i = R(null), u = h(() => {
-      var w;
-      return (w = i.value) != null ? w : o.value;
-    }), r = h(
-      () => t.scoreTemplate.replace("{value}", String(o.value))
-    ), a = h(
+  emits: /* @__PURE__ */ U(["change"], ["update:modelValue"]),
+  setup(a, { emit: e }) {
+    const s = te(a, "modelValue"), t = a, o = e, i = V(null), d = g(() => {
+      var p;
+      return (p = i.value) != null ? p : s.value;
+    }), u = g(
+      () => t.scoreTemplate.replace("{value}", String(s.value))
+    ), r = g(
       () => t.size === "normal" ? 16 : t.size === "small" ? 12 : 20
-    ), f = (w) => {
-      const B = u.value;
-      return B >= w ? "full" : t.allowHalf && B >= w - 0.5 ? "half" : "empty";
-    }, m = (w) => f(w) === "full" ? t.voidColor : t.color, d = (w, B) => {
+    ), v = (p) => {
+      const $ = d.value;
+      return $ >= p ? "full" : t.allowHalf && $ >= p - 0.5 ? "half" : "empty";
+    }, y = (p) => v(p) === "full" ? t.voidColor : t.color, _ = (p, $) => {
       if (!t.readonly)
         if (t.allowHalf) {
-          const A = w.currentTarget, { left: M, width: E } = A.getBoundingClientRect();
-          i.value = (w.clientX - M) / E < 0.5 ? B - 0.5 : B;
+          const w = p.currentTarget, { left: T, width: D } = w.getBoundingClientRect();
+          i.value = (p.clientX - T) / D < 0.5 ? $ - 0.5 : $;
         } else
-          i.value = B;
-    }, k = () => {
+          i.value = $;
+    }, f = () => {
       t.readonly || (i.value = null);
-    }, x = () => {
-      var B;
+    }, m = () => {
+      var $;
       if (t.readonly) return;
-      const w = (B = i.value) != null ? B : o.value;
-      o.value = w, s("change", w);
+      const p = ($ = i.value) != null ? $ : s.value;
+      s.value = p, o("change", p);
     };
-    return (w, B) => {
-      const A = O("f-icon");
-      return l(), c("div", {
-        class: C(["f-rate", { "f-rate--readonly": t.readonly }]),
-        onMouseleave: k
+    return (p, $) => (l(), n("div", {
+      class: M(["f-rate", { "f-rate--readonly": t.readonly }]),
+      onMouseleave: f
+    }, [
+      (l(!0), n(L, null, W(t.count, (w) => (l(), n("span", {
+        key: w,
+        class: "f-rate__item",
+        onMousemove: (T) => _(T, w),
+        onClick: m
       }, [
-        (l(!0), c(P, null, G(t.count, (M) => (l(), c("span", {
-          key: M,
-          class: "f-rate__item",
-          onMousemove: (E) => d(E, M),
-          onClick: x
-        }, [
-          S(A, {
-            color: m(M),
-            size: p(a)
-          }, {
-            default: I(() => [
-              f(M) === "full" ? (l(), W(p(Me), { key: 0 })) : f(M) === "half" ? (l(), W(p(Ie), { key: 1 })) : (l(), W(p(Te), { key: 2 }))
-            ]),
-            _: 2
-          }, 1032, ["color", "size"])
-        ], 40, ot))), 128)),
-        t.showText ? (l(), c("span", st, V(p(r)), 1)) : y("", !0)
-      ], 34);
-    };
+        H(G, {
+          color: y(w),
+          size: c(r)
+        }, {
+          default: E(() => [
+            v(w) === "full" ? (l(), j(c(Ke), { key: 0 })) : v(w) === "half" ? (l(), j(c(Qe), { key: 1 })) : (l(), j(c(Ze), { key: 2 }))
+          ]),
+          _: 2
+        }, 1032, ["color", "size"])
+      ], 40, zt))), 128)),
+      t.showText ? (l(), n("span", St, R(c(u)), 1)) : k("", !0)
+    ], 34));
   }
-}), nt = /* @__PURE__ */ b(at, [["__scopeId", "data-v-d68cd0e3"]]), lt = { class: "f-dropdown-wrapper" }, rt = { class: "f-dropdown-content" }, it = ["onClick"], ct = {
+}), Mt = /* @__PURE__ */ I(It, [["__scopeId", "data-v-3b5c4f14"]]), Tt = { class: "f-dropdown-wrapper" }, xt = { class: "f-dropdown-content" }, Bt = ["onClick"], Vt = {
   key: 0,
   class: "opt-icon"
-}, dt = { class: "opt-label" }, ut = /* @__PURE__ */ g({
+}, Rt = { class: "opt-label" }, Ht = /* @__PURE__ */ S({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -284,291 +275,339 @@ const Ee = /* @__PURE__ */ g({
     options: { default: () => [] }
   },
   emits: ["select"],
-  setup(n, { emit: e }) {
-    const o = n, t = e, s = R(!1), i = R(null), u = R(null), r = R(null), a = R(0), f = R(0), m = h(() => {
-      const [_] = o.placement.split("-"), $ = (Array.isArray(o.offset) ? o.offset[0] : o.offset) + 4, F = { position: "absolute" };
-      return _ === "right" ? (F.width = `${$}px`, F.left = `-${$}px`, F.top = 0, F.bottom = 0) : _ === "left" ? (F.width = `${$}px`, F.right = `-${$}px`, F.top = 0, F.bottom = 0) : _ === "bottom" ? (F.height = `${$}px`, F.top = `-${$}px`, F.left = 0, F.right = 0) : _ === "top" && (F.height = `${$}px`, F.bottom = `-${$}px`, F.left = 0, F.right = 0), F;
-    }), d = h(() => {
+  setup(a, { emit: e }) {
+    const s = a, t = e, o = V(!1), i = V(null), d = V(null), u = V(null), r = V(0), v = V(0), y = g(() => {
+      const [b] = s.placement.split("-"), x = (Array.isArray(s.offset) ? s.offset[0] : s.offset) + 4, A = { position: "absolute" };
+      return b === "right" ? (A.width = `${x}px`, A.left = `-${x}px`, A.top = 0, A.bottom = 0) : b === "left" ? (A.width = `${x}px`, A.right = `-${x}px`, A.top = 0, A.bottom = 0) : b === "bottom" ? (A.height = `${x}px`, A.top = `-${x}px`, A.left = 0, A.right = 0) : b === "top" && (A.height = `${x}px`, A.bottom = `-${x}px`, A.left = 0, A.right = 0), A;
+    }), _ = g(() => {
       if (!i.value) return {};
-      const _ = i.value, { placement: N } = o, $ = Array.isArray(o.offset) ? o.offset[0] : o.offset, [F, q] = N.split("-"), ae = window.innerWidth, ne = window.innerHeight, U = f.value || 160, X = a.value || 200;
-      let j = 0, D = 0, L = F;
-      F === "right" ? (D = _.right + $, D + U > ae && (D = _.left - U - $, L = "left")) : F === "left" ? (D = _.left - U - $, D < 0 && (D = _.right + $, L = "right")) : F === "bottom" ? (j = _.bottom + $, j + X > ne && (j = _.top - X - $, L = "top")) : F === "top" && (j = _.top - X - $, j < 0 && (j = _.bottom + $, L = "bottom")), L === "top" || L === "bottom" ? (q === "start" ? D = _.left : q === "end" ? D = _.right - U : D = _.left + (_.width - U) / 2, D = Math.max(8, Math.min(D, ae - U - 8))) : (q === "start" ? j = _.top : q === "end" ? j = _.bottom - X : j = _.top + (_.height - X) / 2, j = Math.max(8, Math.min(j, ne - X - 8)));
-      const he = L === "right" ? "left" : L === "left" ? "right" : q === "start" ? "left" : q === "end" ? "right" : "center", ve = L === "bottom" ? "top" : L === "top" ? "bottom" : q === "start" ? "top" : q === "end" ? "bottom" : "center";
+      const b = i.value, { placement: Y } = s, x = Array.isArray(s.offset) ? s.offset[0] : s.offset, [A, N] = Y.split("-"), le = window.innerWidth, pe = window.innerHeight, K = v.value || 160, Q = r.value || 200;
+      let F = 0, C = 0, B = A;
+      A === "right" ? (C = b.right + x, C + K > le && (C = b.left - K - x, B = "left")) : A === "left" ? (C = b.left - K - x, C < 0 && (C = b.right + x, B = "right")) : A === "bottom" ? (F = b.bottom + x, F + Q > pe && (F = b.top - Q - x, B = "top")) : A === "top" && (F = b.top - Q - x, F < 0 && (F = b.bottom + x, B = "bottom")), B === "top" || B === "bottom" ? (N === "start" ? C = b.left : N === "end" ? C = b.right - K : C = b.left + (b.width - K) / 2, C = Math.max(8, Math.min(C, le - K - 8))) : (N === "start" ? F = b.top : N === "end" ? F = b.bottom - Q : F = b.top + (b.height - Q) / 2, F = Math.max(8, Math.min(F, pe - Q - 8)));
+      const P = B === "right" ? "left" : B === "left" ? "right" : N === "start" ? "left" : N === "end" ? "right" : "center", J = B === "bottom" ? "top" : B === "top" ? "bottom" : N === "start" ? "top" : N === "end" ? "bottom" : "center";
       return {
-        top: `${j}px`,
-        left: `${D}px`,
-        transformOrigin: `${ve} ${he}`
+        top: `${F}px`,
+        left: `${C}px`,
+        transformOrigin: `${J} ${P}`
       };
     });
-    let k = null, x = null;
-    const w = () => {
-      k && (clearTimeout(k), k = null);
-    }, B = (_) => {
-      o.trigger === "click" && (_.stopPropagation(), s.value ? s.value = !1 : (i.value = u.value.getBoundingClientRect(), s.value = !0));
-    }, A = () => {
-      o.trigger === "hover" && (w(), x = setTimeout(() => {
-        u.value && (i.value = u.value.getBoundingClientRect()), s.value = !0;
+    let f = null, m = null;
+    const p = () => {
+      f && (clearTimeout(f), f = null);
+    }, $ = (b) => {
+      s.trigger === "click" && (b.stopPropagation(), o.value ? o.value = !1 : (i.value = d.value.getBoundingClientRect(), o.value = !0));
+    }, w = () => {
+      s.trigger === "hover" && (p(), m = setTimeout(() => {
+        d.value && (i.value = d.value.getBoundingClientRect()), o.value = !0;
       }, 400));
-    }, M = () => {
-      o.trigger === "hover" && (x && (clearTimeout(x), x = null), k = setTimeout(() => {
-        s.value = !1;
+    }, T = () => {
+      s.trigger === "hover" && (m && (clearTimeout(m), m = null), f = setTimeout(() => {
+        o.value = !1;
       }, 400));
-    }, E = (_) => {
-      o.trigger !== "click" || !s.value || (s.value = !1);
-    }, Z = (_) => {
-      _.disabled || (t("select", _.key, _), _.children || (s.value = !1));
+    }, D = (b) => {
+      s.trigger !== "click" || !o.value || (o.value = !1);
+    }, q = (b) => {
+      b.disabled || (t("select", b.key, b), b.children || (o.value = !1));
     };
-    return ee(s, (_) => J(null, null, function* () {
-      var N, $;
-      _ ? (i.value = u.value.getBoundingClientRect(), yield pe(), a.value = ((N = r.value) == null ? void 0 : N.offsetHeight) || 200, f.value = (($ = r.value) == null ? void 0 : $.offsetWidth) || 160) : (a.value = 0, f.value = 0);
-    })), oe(() => {
-      w(), x && clearTimeout(x);
-    }), De(window, "click", E), (_, N) => (l(), c("div", lt, [
-      z("div", {
+    return ce(o, (b) => ie(null, null, function* () {
+      var Y, x;
+      b ? (i.value = d.value.getBoundingClientRect(), yield _e(), r.value = ((Y = u.value) == null ? void 0 : Y.offsetHeight) || 200, v.value = ((x = u.value) == null ? void 0 : x.offsetWidth) || 160) : (r.value = 0, v.value = 0);
+    })), he(() => {
+      p(), m && clearTimeout(m);
+    }), ut(window, "click", D), (b, Y) => (l(), n("div", Tt, [
+      h("div", {
         ref_key: "triggerRef",
-        ref: u,
+        ref: d,
         class: "f-dropdown-trigger-wrapper",
-        onMouseenter: A,
-        onMouseleave: M,
-        onClick: B
+        onMouseenter: w,
+        onMouseleave: T,
+        onClick: $
       }, [
-        v(_.$slots, "default", {}, void 0, !0)
+        z(b.$slots, "default", {}, void 0, !0)
       ], 544),
-      (l(), W(fe, { to: "body" }, [
-        S(K, { name: "f-dropdown-motion" }, {
-          default: I(() => [
-            p(s) ? (l(), c("div", {
+      (l(), j(ge, { to: "body" }, [
+        H(ae, { name: "f-dropdown-motion" }, {
+          default: E(() => [
+            c(o) ? (l(), n("div", {
               key: 0,
               ref_key: "dropdownRef",
-              ref: r,
+              ref: u,
               class: "f-dropdown-item",
-              style: T([p(d), { zIndex: _.zIndex }]),
-              onMouseenter: w,
-              onMouseleave: M,
-              onClick: N[0] || (N[0] = se(() => {
+              style: O([c(_), { zIndex: b.zIndex }]),
+              onMouseenter: p,
+              onMouseleave: T,
+              onClick: Y[0] || (Y[0] = ue(() => {
               }, ["stop"]))
             }, [
-              _.trigger === "hover" ? (l(), c("div", {
+              b.trigger === "hover" ? (l(), n("div", {
                 key: 0,
                 class: "f-dropdown-bridge",
-                style: T(p(m))
-              }, null, 4)) : y("", !0),
-              z("div", rt, [
-                _.options && _.options.length > 0 ? (l(!0), c(P, { key: 0 }, G(_.options, ($) => (l(), c("div", {
-                  key: $.key,
-                  class: C(["f-dropdown-option", { "is-disabled": $.disabled }]),
-                  onClick: (F) => Z($)
+                style: O(c(y))
+              }, null, 4)) : k("", !0),
+              h("div", xt, [
+                b.options && b.options.length > 0 ? (l(!0), n(L, { key: 0 }, W(b.options, (x) => (l(), n("div", {
+                  key: x.key,
+                  class: M(["f-dropdown-option", { "is-disabled": x.disabled }]),
+                  onClick: (A) => q(x)
                 }, [
-                  $.icon ? (l(), c("span", ct, [
-                    (l(), W(Y($.icon)))
-                  ])) : y("", !0),
-                  z("span", dt, V($.label), 1)
-                ], 10, it))), 128)) : v(_.$slots, "content", { key: 1 }, void 0, !0)
+                  x.icon ? (l(), n("span", Vt, [
+                    (l(), j(se(x.icon)))
+                  ])) : k("", !0),
+                  h("span", Rt, R(x.label), 1)
+                ], 10, Bt))), 128)) : z(b.$slots, "content", { key: 1 }, void 0, !0)
               ])
-            ], 36)) : y("", !0)
+            ], 36)) : k("", !0)
           ]),
           _: 3
         })
       ]))
     ]));
   }
-}), pt = /* @__PURE__ */ b(ut, [["__scopeId", "data-v-addb3a3b"]]), ft = /* @__PURE__ */ g({
+}), Ve = /* @__PURE__ */ I(Ht, [["__scopeId", "data-v-addb3a3b"]]), Dt = /* @__PURE__ */ S({
   __name: "FSelect",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ U({
     options: {},
     placeholder: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["select"], ["update:modelValue"]),
-  setup(n, { emit: e }) {
-    const o = n, t = e, s = Q(n, "modelValue"), i = R(!1), u = h(
+  emits: /* @__PURE__ */ U(["select"], ["update:modelValue"]),
+  setup(a, { emit: e }) {
+    const s = a, t = e, o = te(a, "modelValue"), i = V(!1), d = g(
       () => {
-        var m, d, k;
-        return (k = (m = o.options.find((x) => x.key === s.value)) == null ? void 0 : m.label) != null ? k : (d = o.placeholder) != null ? d : "请选择";
+        var y, _, f;
+        return (f = (y = s.options.find((m) => m.key === o.value)) == null ? void 0 : y.label) != null ? f : (_ = s.placeholder) != null ? _ : "请选择";
       }
-    ), r = h(() => s.value !== void 0 && s.value !== ""), a = (m, d) => {
-      s.value = m, t("select", m, d), i.value = !1;
-    }, f = (m) => {
-      i.value = m;
-    };
-    return (m, d) => {
-      const k = O("f-icon"), x = O("f-dropdown");
-      return l(), W(x, {
-        options: m.options,
-        trigger: "click",
-        onSelect: a,
-        onShow: d[0] || (d[0] = (w) => f(!0)),
-        onHide: d[1] || (d[1] = (w) => f(!1)),
-        placement: "bottom",
-        offset: 4
-      }, {
-        default: I(() => [
-          z("div", {
-            class: C(["f-select", { "is-active": p(r), "is-open": p(i) }])
-          }, [
-            z("span", {
-              class: C(["f-select__label", { "is-placeholder": !p(r) }])
-            }, V(p(u)), 3),
-            S(k, { class: "f-select__arrow" }, {
-              default: I(() => [
-                S(p(Be))
-              ]),
-              _: 1
-            })
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["options"]);
+    ), u = g(() => o.value !== void 0 && o.value !== ""), r = (y, _) => {
+      o.value = y, t("select", y, _), i.value = !1;
+    }, v = (y) => {
+      i.value = y;
     };
+    return (y, _) => (l(), j(Ve, {
+      options: y.options,
+      trigger: "click",
+      onSelect: r,
+      onShow: _[0] || (_[0] = (f) => v(!0)),
+      onHide: _[1] || (_[1] = (f) => v(!1)),
+      placement: "bottom",
+      offset: 4
+    }, {
+      default: E(() => [
+        h("div", {
+          class: M(["f-select", { "is-active": c(u), "is-open": c(i) }])
+        }, [
+          h("span", {
+            class: M(["f-select__label", { "is-placeholder": !c(u) }])
+          }, R(c(d)), 3),
+          H(G, { class: "f-select__arrow" }, {
+            default: E(() => [
+              H(c(et))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["options"]));
   }
-}), mt = /* @__PURE__ */ b(ft, [["__scopeId", "data-v-25e7d03d"]]), _t = { class: "f-pagination" }, ht = { class: "f-pagination__list" }, vt = {
+}), At = /* @__PURE__ */ I(Dt, [["__scopeId", "data-v-61444561"]]), Et = {
+  key: 0,
+  class: "f-pagination"
+}, Ot = {
+  key: 0,
+  class: "f-pagination__total"
+}, Pt = {
+  key: 1,
+  class: "f-pagination__size"
+}, Lt = ["value"], jt = ["value"], Wt = {
+  key: 3,
+  class: "f-pagination__list"
+}, Nt = {
   key: 0,
   class: "page-btn ellipsis"
-}, gt = ["onClick"], bt = /* @__PURE__ */ g({
+}, Gt = ["onClick"], Ut = {
+  key: 5,
+  class: "f-pagination__jump"
+}, Jt = ["max"], qt = /* @__PURE__ */ S({
   __name: "FPagination",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ U({
     total: {},
     pageSize: { default: 10 },
-    hideOnSingle: { type: Boolean }
+    hideOnSingle: { type: Boolean, default: !1 },
+    pageSizes: { default: () => [10, 20, 50, 100] },
+    layout: { default: () => ["prev", "pager", "next"] }
   }, {
     modelValue: { default: 1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["update:currentPage"], ["update:modelValue"]),
-  setup(n, { emit: e }) {
-    const o = n, t = Q(n, "modelValue"), s = h(() => Math.ceil(o.total / o.pageSize) || 1), i = h(() => {
-      const r = s.value, a = t.value;
-      return !r || r <= 0 ? [] : r <= 7 ? Array.from({ length: r }, (f, m) => m + 1) : a <= 4 ? [1, 2, 3, 4, 5, "...", r] : a >= r - 3 ? [1, "...", r - 4, r - 3, r - 2, r - 1, r] : [1, "...", a - 1, a, a + 1, "...", r];
-    }), u = (r) => {
-      typeof r == "number" && (r < 1 || r > s.value || r === t.value || (t.value = r));
+  emits: /* @__PURE__ */ U(["update:pageSize"], ["update:modelValue"]),
+  setup(a, { emit: e }) {
+    const s = a, t = e, o = te(a, "modelValue"), i = g(
+      () => {
+        var f;
+        return (f = s.layout) != null ? f : ["prev", "pager", "next"];
+      }
+    ), d = g(() => Math.ceil(s.total / s.pageSize) || 1), u = g(() => {
+      const f = d.value, m = o.value;
+      return !f || f <= 0 ? [] : f <= 7 ? Array.from({ length: f }, (p, $) => $ + 1) : m <= 4 ? [1, 2, 3, 4, 5, "...", f] : m >= f - 3 ? [1, "...", f - 4, f - 3, f - 2, f - 1, f] : [1, "...", m - 1, m, m + 1, "...", f];
+    }), r = (f) => {
+      typeof f == "number" && (f < 1 || f > d.value || f === o.value || (o.value = f));
+    }, v = (f) => {
+      t("update:pageSize", parseInt(f.target.value, 10)), o.value = 1;
+    }, y = V(""), _ = () => {
+      const f = parseInt(y.value, 10);
+      isNaN(f) || r(f), y.value = "";
     };
-    return (r, a) => {
-      const f = O("f-icon");
-      return l(), c("div", _t, [
-        z("button", {
-          class: C(["page-btn", { disabled: t.value === 1 }]),
-          onClick: a[0] || (a[0] = (m) => u(t.value - 1))
+    return (f, m) => !f.hideOnSingle || c(d) > 1 ? (l(), n("div", Et, [
+      (l(!0), n(L, null, W(c(i), (p) => (l(), n(L, { key: p }, [
+        p === "total" ? (l(), n("span", Ot, " 共 " + R(f.total) + " 条 ", 1)) : p === "sizes" ? (l(), n("div", Pt, [
+          h("select", {
+            class: "size-select",
+            value: f.pageSize,
+            onChange: v
+          }, [
+            (l(!0), n(L, null, W(f.pageSizes, ($) => (l(), n("option", {
+              key: $,
+              value: $
+            }, R($) + " 条/页", 9, jt))), 128))
+          ], 40, Lt)
+        ])) : p === "prev" ? (l(), n("button", {
+          key: 2,
+          class: M(["page-btn", { disabled: o.value === 1 }]),
+          onClick: m[0] || (m[0] = ($) => r(o.value - 1))
         }, [
-          S(f, null, {
-            default: I(() => [
-              S(p(Ve))
+          H(G, null, {
+            default: E(() => [
+              H(c(tt))
             ]),
             _: 1
           })
-        ], 2),
-        z("ul", ht, [
-          (l(!0), c(P, null, G(p(i), (m, d) => (l(), c(P, { key: d }, [
-            m === "..." ? (l(), c("li", vt, [
-              S(f, null, {
-                default: I(() => [
-                  S(p(Re))
+        ], 2)) : p === "pager" ? (l(), n("ul", Wt, [
+          (l(!0), n(L, null, W(c(u), ($, w) => (l(), n(L, { key: w }, [
+            $ === "..." ? (l(), n("li", Nt, [
+              H(G, null, {
+                default: E(() => [
+                  H(c(st))
                 ]),
                 _: 1
               })
-            ])) : (l(), c("li", {
+            ])) : (l(), n("li", {
               key: 1,
-              class: C(["page-btn", { active: t.value === m }]),
-              onClick: (k) => u(m)
-            }, V(m), 11, gt))
+              class: M(["page-btn", { active: o.value === $ }]),
+              onClick: (T) => r($)
+            }, R($), 11, Gt))
           ], 64))), 128))
-        ]),
-        z("button", {
-          class: C(["page-btn", { disabled: t.value === p(s) }]),
-          onClick: a[1] || (a[1] = (m) => u(t.value + 1))
+        ])) : p === "next" ? (l(), n("button", {
+          key: 4,
+          class: M(["page-btn", { disabled: o.value === c(d) }]),
+          onClick: m[1] || (m[1] = ($) => r(o.value + 1))
         }, [
-          S(f, null, {
-            default: I(() => [
-              S(p(Ae))
+          H(G, null, {
+            default: E(() => [
+              H(c(ot))
             ]),
             _: 1
           })
-        ], 2)
-      ]);
-    };
+        ], 2)) : p === "jumper" ? (l(), n("div", Ut, [
+          m[3] || (m[3] = h("span", { class: "jump-label" }, "前往", -1)),
+          de(h("input", {
+            "onUpdate:modelValue": m[2] || (m[2] = ($) => Ge(y) ? y.value = $ : null),
+            class: "jump-input",
+            type: "number",
+            min: 1,
+            max: c(d),
+            onKeydown: Ne(_, ["enter"]),
+            onBlur: _
+          }, null, 40, Jt), [
+            [Se, c(y)]
+          ]),
+          m[4] || (m[4] = h("span", { class: "jump-label" }, "页", -1))
+        ])) : k("", !0)
+      ], 64))), 128))
+    ])) : k("", !0);
   }
-}), yt = /* @__PURE__ */ b(bt, [["__scopeId", "data-v-e58f1ac9"]]), $t = {
+}), Xt = /* @__PURE__ */ I(qt, [["__scopeId", "data-v-930f8b20"]]), Yt = {
   key: 0,
   class: "f-card__header"
-}, kt = {
+}, Kt = {
   key: 0,
   class: "f-card__header-extra"
-}, wt = {
+}, Qt = {
   key: 1,
   class: "f-card__cover"
-}, Ft = {
+}, Zt = {
   key: 2,
   class: "f-card__body"
-}, zt = {
+}, es = {
   key: 3,
   class: "f-card__footer"
-}, Ct = {
+}, ts = {
   key: 0,
   class: "f-card__header"
-}, xt = {
+}, ss = {
   key: 0,
   class: "f-card__header-extra"
-}, St = {
+}, os = {
   key: 1,
   class: "f-card__cover"
-}, Mt = { class: "f-card__content" }, It = {
+}, ls = { class: "f-card__content" }, as = {
   key: 0,
   class: "f-card__body"
-}, Tt = {
+}, ns = {
   key: 1,
   class: "f-card__footer"
-}, Bt = /* @__PURE__ */ g({
+}, rs = /* @__PURE__ */ S({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: !0 },
     direction: { default: "vertical" }
   },
-  setup(n) {
-    return (e, o) => (l(), c("div", {
-      class: C(["f-card", [`f-card--${e.direction}`, { "is-hoverable": e.hoverable }]])
+  setup(a) {
+    return (e, s) => (l(), n("div", {
+      class: M(["f-card", [`f-card--${e.direction}`, { "is-hoverable": e.hoverable }]])
     }, [
-      e.direction === "vertical" ? (l(), c(P, { key: 0 }, [
-        e.$slots.header || e.$slots["header-extra"] ? (l(), c("div", $t, [
-          v(e.$slots, "header", {}, void 0, !0),
-          e.$slots["header-extra"] ? (l(), c("div", kt, [
-            v(e.$slots, "header-extra", {}, void 0, !0)
-          ])) : y("", !0)
-        ])) : y("", !0),
-        e.$slots.cover ? (l(), c("div", wt, [
-          v(e.$slots, "cover", {}, void 0, !0)
-        ])) : y("", !0),
-        e.$slots.default ? (l(), c("div", Ft, [
-          v(e.$slots, "default", {}, void 0, !0)
-        ])) : y("", !0),
-        e.$slots.footer ? (l(), c("div", zt, [
-          v(e.$slots, "footer", {}, void 0, !0)
-        ])) : y("", !0)
-      ], 64)) : (l(), c(P, { key: 1 }, [
-        e.$slots.header || e.$slots["header-extra"] ? (l(), c("div", Ct, [
-          v(e.$slots, "header", {}, void 0, !0),
-          e.$slots["header-extra"] ? (l(), c("div", xt, [
-            v(e.$slots, "header-extra", {}, void 0, !0)
-          ])) : y("", !0)
-        ])) : y("", !0),
-        e.$slots.cover ? (l(), c("div", St, [
-          v(e.$slots, "cover", {}, void 0, !0)
-        ])) : y("", !0),
-        z("div", Mt, [
-          e.$slots.default ? (l(), c("div", It, [
-            v(e.$slots, "default", {}, void 0, !0)
-          ])) : y("", !0),
-          e.$slots.footer ? (l(), c("div", Tt, [
-            v(e.$slots, "footer", {}, void 0, !0)
-          ])) : y("", !0)
+      e.direction === "vertical" ? (l(), n(L, { key: 0 }, [
+        e.$slots.header || e.$slots["header-extra"] ? (l(), n("div", Yt, [
+          z(e.$slots, "header", {}, void 0, !0),
+          e.$slots["header-extra"] ? (l(), n("div", Kt, [
+            z(e.$slots, "header-extra", {}, void 0, !0)
+          ])) : k("", !0)
+        ])) : k("", !0),
+        e.$slots.cover ? (l(), n("div", Qt, [
+          z(e.$slots, "cover", {}, void 0, !0)
+        ])) : k("", !0),
+        e.$slots.default ? (l(), n("div", Zt, [
+          z(e.$slots, "default", {}, void 0, !0)
+        ])) : k("", !0),
+        e.$slots.footer ? (l(), n("div", es, [
+          z(e.$slots, "footer", {}, void 0, !0)
+        ])) : k("", !0)
+      ], 64)) : (l(), n(L, { key: 1 }, [
+        e.$slots.header || e.$slots["header-extra"] ? (l(), n("div", ts, [
+          z(e.$slots, "header", {}, void 0, !0),
+          e.$slots["header-extra"] ? (l(), n("div", ss, [
+            z(e.$slots, "header-extra", {}, void 0, !0)
+          ])) : k("", !0)
+        ])) : k("", !0),
+        e.$slots.cover ? (l(), n("div", os, [
+          z(e.$slots, "cover", {}, void 0, !0)
+        ])) : k("", !0),
+        h("div", ls, [
+          e.$slots.default ? (l(), n("div", as, [
+            z(e.$slots, "default", {}, void 0, !0)
+          ])) : k("", !0),
+          e.$slots.footer ? (l(), n("div", ns, [
+            z(e.$slots, "footer", {}, void 0, !0)
+          ])) : k("", !0)
         ])
       ], 64))
     ], 2));
   }
-}), Vt = /* @__PURE__ */ b(Bt, [["__scopeId", "data-v-a66fa373"]]), Rt = {
+}), is = /* @__PURE__ */ I(rs, [["__scopeId", "data-v-a66fa373"]]), cs = {
   key: 0,
   class: "f-tag__dot"
-}, At = /* @__PURE__ */ g({
+}, ds = /* @__PURE__ */ S({
   __name: "FTag",
   props: {
     color: {},
@@ -578,36 +617,35 @@ const Ee = /* @__PURE__ */ g({
     size: { default: "normal" }
   },
   emits: ["close"],
-  setup(n, { emit: e }) {
-    const o = e, t = R(!1);
-    return (s, i) => {
-      var r, a, f;
-      const u = O("f-icon");
-      return l(), c("span", {
-        class: C(["f-tag", [
-          `f-tag--${(r = s.type) != null ? r : "round"}`,
-          `f-tag--${(a = s.effect) != null ? a : "light"}`,
-          (f = s.color) != null ? f : "default"
+  setup(a, { emit: e }) {
+    const s = e, t = V(!1);
+    return (o, i) => {
+      var d, u, r;
+      return l(), n("span", {
+        class: M(["f-tag", [
+          `f-tag--${(d = o.type) != null ? d : "round"}`,
+          `f-tag--${(u = o.effect) != null ? u : "light"}`,
+          (r = o.color) != null ? r : "default"
         ]]),
-        onMouseenter: i[1] || (i[1] = (m) => t.value = !0),
-        onMouseleave: i[2] || (i[2] = (m) => t.value = !1)
+        onMouseenter: i[1] || (i[1] = (v) => t.value = !0),
+        onMouseleave: i[2] || (i[2] = (v) => t.value = !1)
       }, [
-        s.type === "dot" ? (l(), c("span", Rt)) : y("", !0),
-        v(s.$slots, "default", {}, void 0, !0),
-        s.closable ? (l(), W(u, {
+        o.type === "dot" ? (l(), n("span", cs)) : k("", !0),
+        z(o.$slots, "default", {}, void 0, !0),
+        o.closable ? (l(), j(G, {
           key: 1,
           class: "f-tag__close",
-          onClick: i[0] || (i[0] = se((m) => o("close"), ["stop"]))
+          onClick: i[0] || (i[0] = ue((v) => s("close"), ["stop"]))
         }, {
-          default: I(() => [
-            (l(), W(Y(p(t) ? p(Pe) : p(We))))
+          default: E(() => [
+            (l(), j(se(c(t) ? c(Te) : c(xe))))
           ]),
           _: 1
-        })) : y("", !0)
+        })) : k("", !0)
       ], 34);
     };
   }
-}), Pt = /* @__PURE__ */ b(At, [["__scopeId", "data-v-9f7974a7"]]), Wt = /* @__PURE__ */ g({
+}), Re = /* @__PURE__ */ I(ds, [["__scopeId", "data-v-02bd5aa6"]]), us = /* @__PURE__ */ S({
   __name: "FTooltip",
   props: {
     content: {},
@@ -617,77 +655,77 @@ const Ee = /* @__PURE__ */ g({
     offset: { default: 6 },
     maxWidth: { default: 240 }
   },
-  setup(n) {
-    const e = n, o = R(null), t = R(null), s = R(!1), i = R({ top: 0, left: 0 });
-    let u = null;
-    const r = () => {
-      e.disabled || (u = setTimeout(() => {
-        s.value = !0, pe(f);
+  setup(a) {
+    const e = a, s = V(null), t = V(null), o = V(!1), i = V({ top: 0, left: 0 });
+    let d = null;
+    const u = () => {
+      e.disabled || (d = setTimeout(() => {
+        o.value = !0, _e(v);
       }, e.delay));
-    }, a = () => {
-      u && clearTimeout(u), s.value = !1;
-    }, f = () => {
-      var Z, _;
+    }, r = () => {
+      d && clearTimeout(d), o.value = !1;
+    }, v = () => {
+      var q, b;
       if (!t.value) return;
-      const m = (_ = (Z = o.value) == null ? void 0 : Z.firstElementChild) != null ? _ : o.value;
-      if (!m) return;
-      const d = m.getBoundingClientRect(), k = t.value.getBoundingClientRect(), x = e.offset, [w, B] = e.placement.split("-");
-      let A = 0, M = 0;
-      switch (w) {
+      const y = (b = (q = s.value) == null ? void 0 : q.firstElementChild) != null ? b : s.value;
+      if (!y) return;
+      const _ = y.getBoundingClientRect(), f = t.value.getBoundingClientRect(), m = e.offset, [p, $] = e.placement.split("-");
+      let w = 0, T = 0;
+      switch (p) {
         case "top":
-          A = d.top - k.height - x;
+          w = _.top - f.height - m;
           break;
         case "bottom":
-          A = d.bottom + x;
+          w = _.bottom + m;
           break;
         case "left":
-          M = d.left - k.width - x;
+          T = _.left - f.width - m;
           break;
         case "right":
-          M = d.right + x;
+          T = _.right + m;
           break;
       }
-      w === "top" || w === "bottom" ? B === "start" ? M = d.left : B === "end" ? M = d.right - k.width : M = d.left + (d.width - k.width) / 2 : B === "start" ? A = d.top : B === "end" ? A = d.bottom - k.height : A = d.top + (d.height - k.height) / 2;
-      const E = 8;
-      M = Math.max(E, Math.min(M, window.innerWidth - k.width - E)), A = Math.max(E, Math.min(A, window.innerHeight - k.height - E)), i.value = { top: A + window.scrollY, left: M + window.scrollX };
+      p === "top" || p === "bottom" ? $ === "start" ? T = _.left : $ === "end" ? T = _.right - f.width : T = _.left + (_.width - f.width) / 2 : $ === "start" ? w = _.top : $ === "end" ? w = _.bottom - f.height : w = _.top + (_.height - f.height) / 2;
+      const D = 8;
+      T = Math.max(D, Math.min(T, window.innerWidth - f.width - D)), w = Math.max(D, Math.min(w, window.innerHeight - f.height - D)), i.value = { top: w + window.scrollY, left: T + window.scrollX };
     };
-    return oe(a), (m, d) => (l(), c("div", {
+    return he(r), (y, _) => (l(), n("div", {
       class: "f-tooltip",
       ref_key: "triggerRef",
-      ref: o,
-      onMouseenter: r,
-      onMouseleave: a
+      ref: s,
+      onMouseenter: u,
+      onMouseleave: r
     }, [
-      v(m.$slots, "default", {}, void 0, !0),
-      (l(), W(fe, { to: "body" }, [
-        S(K, { name: "f-tooltip" }, {
-          default: I(() => [
-            p(s) && (m.content || m.$slots.content) ? (l(), c("div", {
+      z(y.$slots, "default", {}, void 0, !0),
+      (l(), j(ge, { to: "body" }, [
+        H(ae, { name: "f-tooltip" }, {
+          default: E(() => [
+            c(o) && (y.content || y.$slots.content) ? (l(), n("div", {
               key: 0,
               ref_key: "tooltipRef",
               ref: t,
-              class: C(["f-tooltip-wrapper", `is-${m.placement.split("-")[0]}`]),
-              style: T({
-                top: `${p(i).top}px`,
-                left: `${p(i).left}px`,
-                maxWidth: `${m.maxWidth}px`
+              class: M(["f-tooltip-wrapper", `is-${y.placement.split("-")[0]}`]),
+              style: O({
+                top: `${c(i).top}px`,
+                left: `${c(i).left}px`,
+                maxWidth: `${y.maxWidth}px`
               })
             }, [
-              v(m.$slots, "content", {}, () => [
-                me(V(m.content), 1)
+              z(y.$slots, "content", {}, () => [
+                ne(R(y.content), 1)
               ], !0),
-              d[0] || (d[0] = z("span", { class: "f-tooltip-arrow" }, null, -1))
-            ], 6)) : y("", !0)
+              _[0] || (_[0] = h("span", { class: "f-tooltip-arrow" }, null, -1))
+            ], 6)) : k("", !0)
           ]),
           _: 3
         })
       ]))
     ], 544));
   }
-}), jt = /* @__PURE__ */ b(Wt, [["__scopeId", "data-v-be9acca7"]]), Dt = { class: "f-progress" }, Et = {
+}), He = /* @__PURE__ */ I(us, [["__scopeId", "data-v-be9acca7"]]), ps = { class: "f-progress" }, fs = {
   key: 0,
   class: "f-progress__text"
-}, Lt = /* @__PURE__ */ g({
+}, _s = /* @__PURE__ */ S({
   __name: "FProgress",
   props: {
     percent: {},
@@ -695,25 +733,25 @@ const Ee = /* @__PURE__ */ g({
     showText: { type: Boolean, default: !1 },
     height: { default: 5 }
   },
-  setup(n) {
-    const e = n, o = h(() => Math.min(100, Math.max(0, e.percent)));
-    return (t, s) => (l(), c("div", Dt, [
-      z("div", {
+  setup(a) {
+    const e = a, s = g(() => Math.min(100, Math.max(0, e.percent)));
+    return (t, o) => (l(), n("div", ps, [
+      h("div", {
         class: "f-progress__track",
-        style: T({ height: `${t.height}px` })
+        style: O({ height: `${t.height}px` })
       }, [
-        z("div", {
+        h("div", {
           class: "f-progress__fill",
-          style: T({
-            width: `${p(o)}%`,
+          style: O({
+            width: `${c(s)}%`,
             background: t.color
           })
         }, null, 4)
       ], 4),
-      t.showText ? (l(), c("span", Et, V(p(o)) + "%", 1)) : y("", !0)
+      t.showText ? (l(), n("span", fs, R(c(s)) + "%", 1)) : k("", !0)
     ]));
   }
-}), Ot = /* @__PURE__ */ b(Lt, [["__scopeId", "data-v-c2164d6e"]]), Ht = { class: "f-tabs__nav-container" }, Nt = { class: "f-tabs__nav" }, qt = ["onClick"], Gt = { class: "f-tabs__label" }, Ut = /* @__PURE__ */ g({
+}), De = /* @__PURE__ */ I(_s, [["__scopeId", "data-v-c2164d6e"]]), ms = { class: "f-tabs__nav-container" }, vs = { class: "f-tabs__nav" }, hs = ["onClick"], gs = { class: "f-tabs__label" }, ys = /* @__PURE__ */ S({
   __name: "FTabs",
   props: {
     tabs: {},
@@ -721,93 +759,93 @@ const Ee = /* @__PURE__ */ g({
     type: { default: "line" }
   },
   emits: ["update:active", "change"],
-  setup(n, { emit: e }) {
-    const o = n, t = e, s = h({
+  setup(a, { emit: e }) {
+    const s = a, t = e, o = g({
       get: () => {
-        var r;
-        if (o.active && o.tabs.some((a) => a.name === o.active && !a.disabled))
-          return o.active;
-        const u = o.tabs.find((a) => !a.disabled);
-        return (r = u == null ? void 0 : u.name) != null ? r : "";
+        var u;
+        if (s.active && s.tabs.some((r) => r.name === s.active && !r.disabled))
+          return s.active;
+        const d = s.tabs.find((r) => !r.disabled);
+        return (u = d == null ? void 0 : d.name) != null ? u : "";
       },
-      set: (u) => {
-        t("update:active", u), t("change", u);
+      set: (d) => {
+        t("update:active", d), t("change", d);
       }
-    }), i = (u, r) => {
-      r || (s.value = u);
+    }), i = (d, u) => {
+      u || (o.value = d);
     };
-    return (u, r) => (l(), c("div", {
-      class: C(["f-tabs", [`f-tabs--${u.type}`]])
+    return (d, u) => (l(), n("div", {
+      class: M(["f-tabs", [`f-tabs--${d.type}`]])
     }, [
-      z("div", Ht, [
-        z("div", Nt, [
-          (l(!0), c(P, null, G(u.tabs, (a) => (l(), c("div", {
-            key: a.name,
-            class: C(["f-tabs__tab", {
-              active: p(s) === a.name,
-              disabled: a.disabled
+      h("div", ms, [
+        h("div", vs, [
+          (l(!0), n(L, null, W(d.tabs, (r) => (l(), n("div", {
+            key: r.name,
+            class: M(["f-tabs__tab", {
+              active: c(o) === r.name,
+              disabled: r.disabled
             }]),
-            onClick: (f) => i(a.name, a.disabled)
+            onClick: (v) => i(r.name, r.disabled)
           }, [
-            z("span", Gt, V(a.label), 1)
-          ], 10, qt))), 128))
+            h("span", gs, R(r.label), 1)
+          ], 10, hs))), 128))
         ])
       ]),
-      (l(!0), c(P, null, G(u.tabs, (a) => te((l(), c("div", {
-        key: a.name,
+      (l(!0), n(L, null, W(d.tabs, (r) => de((l(), n("div", {
+        key: r.name,
         class: "f-tabs__panel"
       }, [
-        v(u.$slots, a.name, {}, void 0, !0)
+        z(d.$slots, r.name, {}, void 0, !0)
       ])), [
-        [ue, p(s) === a.name]
+        [ze, c(o) === r.name]
       ])), 128))
     ], 2));
   }
-}), Xt = /* @__PURE__ */ b(Ut, [["__scopeId", "data-v-268fc654"]]), Yt = {
+}), bs = /* @__PURE__ */ I(ys, [["__scopeId", "data-v-268fc654"]]), $s = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
-}, Jt = ["href"], Kt = {
+}, ks = ["href"], ws = {
   key: 3,
   class: "f-breadcrumb__text"
-}, Qt = /* @__PURE__ */ g({
+}, Fs = /* @__PURE__ */ S({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
     separator: { default: "/" },
     animated: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    return (e, o) => (l(), c("nav", {
-      class: C(["f-breadcrumb", { "f-breadcrumb--animated": e.animated }]),
+  setup(a) {
+    return (e, s) => (l(), n("nav", {
+      class: M(["f-breadcrumb", { "f-breadcrumb--animated": e.animated }]),
       "aria-label": "breadcrumb"
     }, [
-      S(Fe, { name: "breadcrumb" }, {
-        default: I(() => [
-          (l(!0), c(P, null, G(e.items, (t, s) => (l(), c(P, {
+      H(Ue, { name: "breadcrumb" }, {
+        default: E(() => [
+          (l(!0), n(L, null, W(e.items, (t, o) => (l(), n(L, {
             key: t.label
           }, [
-            s > 0 ? (l(), c("span", {
+            o > 0 ? (l(), n("span", {
               key: `sep-${t.label}`,
               class: "f-breadcrumb__sep",
               "aria-hidden": "true"
-            }, V(e.separator), 1)) : y("", !0),
-            s === e.items.length - 1 ? v(e.$slots, "default", {
+            }, R(e.separator), 1)) : k("", !0),
+            o === e.items.length - 1 ? z(e.$slots, "default", {
               key: 1,
               item: t
             }, () => [
-              z("span", Yt, V(t.label), 1)
-            ], !0) : t.href ? (l(), c("a", {
+              h("span", $s, R(t.label), 1)
+            ], !0) : t.href ? (l(), n("a", {
               key: 2,
               href: t.href,
               class: "f-breadcrumb__link"
-            }, V(t.label), 9, Jt)) : (l(), c("span", Kt, V(t.label), 1))
+            }, R(t.label), 9, ks)) : (l(), n("span", ws, R(t.label), 1))
           ], 64))), 128))
         ]),
         _: 3
       })
     ], 2));
   }
-}), Zt = /* @__PURE__ */ b(Qt, [["__scopeId", "data-v-bb787dcc"]]), eo = /* @__PURE__ */ g({
+}), Cs = /* @__PURE__ */ I(Fs, [["__scopeId", "data-v-bb787dcc"]]), zs = /* @__PURE__ */ S({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -818,28 +856,28 @@ const Ee = /* @__PURE__ */ g({
     md: {},
     lg: {}
   },
-  setup(n) {
-    const e = n, o = (i) => typeof i == "number" ? { span: i } : i, t = h(() => ({
+  setup(a) {
+    const e = a, s = (i) => typeof i == "number" ? { span: i } : i, t = g(() => ({
       "--col-span": e.span,
       "--col-offset": e.offset,
       "--col-order": e.order
-    })), s = h(() => {
-      const i = [], u = { xs: e.xs, sm: e.sm, md: e.md, lg: e.lg };
-      for (const [r, a] of Object.entries(u)) {
-        if (a === void 0) continue;
-        const { span: f, offset: m, order: d } = o(a);
-        f !== void 0 && i.push(`f-col--${r}-${f}`), m !== void 0 && i.push(`f-col--${r}-offset-${m}`), d !== void 0 && i.push(`f-col--${r}-order-${d}`);
+    })), o = g(() => {
+      const i = [], d = { xs: e.xs, sm: e.sm, md: e.md, lg: e.lg };
+      for (const [u, r] of Object.entries(d)) {
+        if (r === void 0) continue;
+        const { span: v, offset: y, order: _ } = s(r);
+        v !== void 0 && i.push(`f-col--${u}-${v}`), y !== void 0 && i.push(`f-col--${u}-offset-${y}`), _ !== void 0 && i.push(`f-col--${u}-order-${_}`);
       }
       return i;
     });
-    return (i, u) => (l(), c("div", {
-      class: C(["f-col", p(s)]),
-      style: T(p(t))
+    return (i, d) => (l(), n("div", {
+      class: M(["f-col", c(o)]),
+      style: O(c(t))
     }, [
-      v(i.$slots, "default", {}, void 0, !0)
+      z(i.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), to = /* @__PURE__ */ b(eo, [["__scopeId", "data-v-5a8b0cb4"]]), oo = /* @__PURE__ */ g({
+}), Ss = /* @__PURE__ */ I(zs, [["__scopeId", "data-v-5a8b0cb4"]]), Is = /* @__PURE__ */ S({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -848,12 +886,12 @@ const Ee = /* @__PURE__ */ g({
     wrap: { default: "wrap" },
     tag: { default: "div" }
   },
-  setup(n) {
-    const e = n, o = h(
+  setup(a) {
+    const e = a, s = g(
       () => Array.isArray(e.gutter) ? e.gutter[0] : e.gutter
-    ), t = h(
+    ), t = g(
       () => Array.isArray(e.gutter) ? e.gutter[1] : 0
-    ), s = {
+    ), o = {
       start: "flex-start",
       end: "flex-end",
       center: "center",
@@ -865,30 +903,30 @@ const Ee = /* @__PURE__ */ g({
       middle: "center",
       bottom: "flex-end",
       stretch: "stretch"
-    }, u = h(() => ({
-      marginLeft: o.value ? `-${o.value / 2}px` : void 0,
-      marginRight: o.value ? `-${o.value / 2}px` : void 0,
+    }, d = g(() => ({
+      marginLeft: s.value ? `-${s.value / 2}px` : void 0,
+      marginRight: s.value ? `-${s.value / 2}px` : void 0,
       rowGap: t.value ? `${t.value}px` : void 0,
-      justifyContent: s[e.justify],
+      justifyContent: o[e.justify],
       alignItems: i[e.align],
       flexWrap: e.wrap,
-      "--row-gutter-h": o.value ? `${o.value / 2}px` : "0px"
+      "--row-gutter-h": s.value ? `${s.value / 2}px` : "0px"
     }));
-    return (r, a) => (l(), W(Y(r.tag), {
+    return (u, r) => (l(), j(se(u.tag), {
       class: "f-row",
-      style: T(p(u))
+      style: O(c(d))
     }, {
-      default: I(() => [
-        v(r.$slots, "default", {}, void 0, !0)
+      default: E(() => [
+        z(u.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), so = /* @__PURE__ */ b(oo, [["__scopeId", "data-v-72f62339"]]), ao = { class: "f-space__item" }, no = {
+}), Ms = /* @__PURE__ */ I(Is, [["__scopeId", "data-v-72f62339"]]), Ts = { class: "f-space__item" }, xs = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
-}, lo = /* @__PURE__ */ g({
+}, Bs = /* @__PURE__ */ S({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -898,80 +936,80 @@ const Ee = /* @__PURE__ */ g({
     wrap: { type: Boolean, default: !1 },
     split: {}
   },
-  setup(n) {
-    const e = n, o = {
+  setup(a) {
+    const e = a, s = {
       small: 6,
       normal: 12,
       large: 18
-    }, t = (a) => typeof a == "number" ? a : o[a], s = h(() => {
-      const a = e.size;
-      return Array.isArray(a) ? `${t(a[1])}px ${t(a[0])}px` : `${t(a)}px`;
-    }), i = h(() => ({
+    }, t = (r) => typeof r == "number" ? r : s[r], o = g(() => {
+      const r = e.size;
+      return Array.isArray(r) ? `${t(r[1])}px ${t(r[0])}px` : `${t(r)}px`;
+    }), i = g(() => ({
       flexDirection: e.direction === "vertical" ? "column" : "row",
       alignItems: e.align,
       justifyContent: e.justify,
       flexWrap: e.wrap ? "wrap" : "nowrap",
-      gap: s.value
-    })), u = ze(), r = h(() => {
-      var m;
-      const a = (m = u.default) == null ? void 0 : m.call(u);
-      if (!a) return [];
-      const f = [];
-      for (const d of a)
-        d.type === P ? f.push(...d.children) : f.push(d);
-      return f.filter((d) => d.type !== Comment);
+      gap: o.value
+    })), d = Je(), u = g(() => {
+      var y;
+      const r = (y = d.default) == null ? void 0 : y.call(d);
+      if (!r) return [];
+      const v = [];
+      for (const _ of r)
+        _.type === L ? v.push(..._.children) : v.push(_);
+      return v.filter((_) => _.type !== Comment);
     });
-    return (a, f) => (l(), c("div", {
+    return (r, v) => (l(), n("div", {
       class: "f-space",
-      style: T(p(i))
+      style: O(c(i))
     }, [
-      (l(!0), c(P, null, G(p(r), (m, d) => (l(), c(P, { key: d }, [
-        z("div", ao, [
-          (l(), W(Y(m)))
+      (l(!0), n(L, null, W(c(u), (y, _) => (l(), n(L, { key: _ }, [
+        h("div", Ts, [
+          (l(), j(se(y)))
         ]),
-        a.split && d < p(r).length - 1 ? (l(), c("span", no, V(a.split), 1)) : y("", !0)
+        r.split && _ < c(u).length - 1 ? (l(), n("span", xs, R(r.split), 1)) : k("", !0)
       ], 64))), 128))
     ], 4));
   }
-}), ro = /* @__PURE__ */ b(lo, [["__scopeId", "data-v-5fb3b1a0"]]), io = /* @__PURE__ */ g({
+}), Vs = /* @__PURE__ */ I(Bs, [["__scopeId", "data-v-5fb3b1a0"]]), Rs = /* @__PURE__ */ S({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
   },
-  setup(n) {
-    const e = n, o = h(() => ({
+  setup(a) {
+    const e = a, s = g(() => ({
       gap: typeof e.gap == "number" ? `${e.gap}px` : e.gap
     }));
-    return (t, s) => (l(), c("div", {
+    return (t, o) => (l(), n("div", {
       class: "f-container",
-      style: T(p(o))
+      style: O(c(s))
     }, [
-      v(t.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), co = /* @__PURE__ */ b(io, [["__scopeId", "data-v-08450ddf"]]), uo = /* @__PURE__ */ g({
+}), Hs = /* @__PURE__ */ I(Rs, [["__scopeId", "data-v-08450ddf"]]), Ds = /* @__PURE__ */ S({
   __name: "FDivider",
   props: {
     color: {},
     direction: { default: "horizontal" },
     line: { default: "solid" }
   },
-  setup(n) {
-    const e = n, o = h(() => {
-      const t = e.color || "var(--el-color-primary)", s = e.direction === "horizontal";
+  setup(a) {
+    const e = a, s = g(() => {
+      const t = e.color || "var(--el-color-primary)", o = e.direction === "horizontal";
       return {
-        borderTop: s ? `${e.line} ${t}` : "none",
-        borderLeft: s ? "none" : `${e.line} ${t}`,
-        height: s ? "0" : "100%",
-        width: s ? "100%" : "0",
-        margin: s ? "24px 0" : "0"
+        borderTop: o ? `${e.line} ${t}` : "none",
+        borderLeft: o ? "none" : `${e.line} ${t}`,
+        height: o ? "0" : "100%",
+        width: o ? "100%" : "0",
+        margin: o ? "24px 0" : "0"
       };
     });
-    return (t, s) => (l(), c("hr", {
-      style: T(o.value)
+    return (t, o) => (l(), n("hr", {
+      style: O(s.value)
     }, null, 4));
   }
-}), po = /* @__PURE__ */ b(uo, [["__scopeId", "data-v-512ee743"]]), fo = ["src", "alt"], mo = /* @__PURE__ */ g({
+}), As = /* @__PURE__ */ I(Ds, [["__scopeId", "data-v-512ee743"]]), Es = ["src", "alt"], Os = /* @__PURE__ */ S({
   __name: "FAvatar",
   props: {
     src: {},
@@ -980,39 +1018,36 @@ const Ee = /* @__PURE__ */ g({
     shape: { default: "circle" },
     icon: {}
   },
-  setup(n) {
-    const e = n, o = {
+  setup(a) {
+    const e = a, s = {
       small: "32px",
       normal: "48px",
       large: "64px"
-    }, t = h(() => ({
-      width: typeof e.size == "string" ? o[e.size] : `${e.size}px`,
-      height: typeof e.size == "string" ? o[e.size] : `${e.size}px`,
+    }, t = g(() => ({
+      width: typeof e.size == "string" ? s[e.size] : `${e.size}px`,
+      height: typeof e.size == "string" ? s[e.size] : `${e.size}px`,
       borderRadius: e.shape === "circle" ? "50%" : "8px"
     }));
-    return (s, i) => {
-      const u = O("f-icon");
-      return l(), c("div", {
-        class: "f-avatar",
-        style: T(p(t))
-      }, [
-        s.src ? (l(), c("img", {
-          key: 0,
-          src: s.src,
-          alt: s.alt
-        }, null, 8, fo)) : (l(), W(u, {
-          key: 1,
-          size: 24
-        }, {
-          default: I(() => [
-            (l(), W(Y(s.icon ? s.icon : p(je))))
-          ]),
-          _: 1
-        }))
-      ], 4);
-    };
+    return (o, i) => (l(), n("div", {
+      class: "f-avatar",
+      style: O(c(t))
+    }, [
+      o.src ? (l(), n("img", {
+        key: 0,
+        src: o.src,
+        alt: o.alt
+      }, null, 8, Es)) : (l(), j(G, {
+        key: 1,
+        size: 24
+      }, {
+        default: E(() => [
+          (l(), j(se(o.icon ? o.icon : c(lt))))
+        ]),
+        _: 1
+      }))
+    ], 4));
   }
-}), _o = /* @__PURE__ */ b(mo, [["__scopeId", "data-v-799350d0"]]), ho = ["disabled"], vo = /* @__PURE__ */ g({
+}), Ps = /* @__PURE__ */ I(Os, [["__scopeId", "data-v-b3665268"]]), Ls = ["disabled"], js = /* @__PURE__ */ S({
   __name: "FButton",
   props: {
     size: { default: "normal" },
@@ -1021,49 +1056,49 @@ const Ee = /* @__PURE__ */ g({
     bgColor: {},
     variant: {}
   },
-  setup(n) {
-    const e = n, o = {
+  setup(a) {
+    const e = a, s = {
       small: { height: "24px", minWidth: "24px", padding: "0 8px", fontSize: "11px" },
       normal: { height: "32px", minWidth: "32px", padding: "0 12px", fontSize: "12px" },
       large: { height: "40px", minWidth: "40px", padding: "0 16px", fontSize: "13px" }
-    }, t = h(() => {
-      var s;
-      return ce(ie({}, (s = o[e.size]) != null ? s : o.normal), {
+    }, t = g(() => {
+      var o;
+      return Fe(we({}, (o = s[e.size]) != null ? o : s.normal), {
         borderRadius: e.round === !0 ? "999px" : typeof e.round == "number" ? `${e.round}px` : "6px",
         backgroundColor: e.bgColor
       });
     });
-    return (s, i) => {
-      var u;
-      return l(), c("button", {
-        class: C(["f-button", [
-          `f-button--${(u = s.variant) != null ? u : "default"}`,
-          { "is-disabled": s.disabled }
+    return (o, i) => {
+      var d;
+      return l(), n("button", {
+        class: M(["f-button", [
+          `f-button--${(d = o.variant) != null ? d : "default"}`,
+          { "is-disabled": o.disabled }
         ]]),
-        style: T(p(t)),
-        disabled: s.disabled
+        style: O(c(t)),
+        disabled: o.disabled
       }, [
-        v(s.$slots, "default", {}, void 0, !0)
-      ], 14, ho);
+        z(o.$slots, "default", {}, void 0, !0)
+      ], 14, Ls);
     };
   }
-}), go = /* @__PURE__ */ b(vo, [["__scopeId", "data-v-eeff7101"]]), bo = /* @__PURE__ */ g({
+}), Ws = /* @__PURE__ */ I(js, [["__scopeId", "data-v-eeff7101"]]), Ns = /* @__PURE__ */ S({
   __name: "FTypography",
   props: {
     color: { default: "" }
   },
-  setup(n) {
-    const e = n, o = h(() => ({
+  setup(a) {
+    const e = a, s = g(() => ({
       color: e.color
     }));
-    return (t, s) => (l(), c("div", {
+    return (t, o) => (l(), n("div", {
       class: "f-typography",
-      style: T(p(o))
+      style: O(c(s))
     }, [
-      v(t.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), yo = /* @__PURE__ */ b(bo, [["__scopeId", "data-v-54c9aca5"]]), $o = /* @__PURE__ */ g({
+}), Gs = /* @__PURE__ */ I(Ns, [["__scopeId", "data-v-50e044db"]]), Us = /* @__PURE__ */ S({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -1074,8 +1109,8 @@ const Ee = /* @__PURE__ */ g({
     truncate: { type: Boolean },
     italic: { type: Boolean }
   },
-  setup(n) {
-    const e = n, o = {
+  setup(a) {
+    const e = a, s = {
       1: "3xl",
       2: "2xl",
       3: "xl",
@@ -1089,31 +1124,31 @@ const Ee = /* @__PURE__ */ g({
       4: "medium",
       5: "medium",
       6: "normal"
-    }, s = h(() => {
-      var r;
-      return e.heading ? `h${e.heading}` : (r = e.tag) != null ? r : "span";
-    }), i = h(() => {
-      var r;
-      return (r = e.size) != null ? r : e.heading ? o[e.heading] : "normal";
-    }), u = h(() => {
-      var r;
-      return (r = e.weight) != null ? r : e.heading ? t[e.heading] : "normal";
+    }, o = g(() => {
+      var u;
+      return e.heading ? `h${e.heading}` : (u = e.tag) != null ? u : "span";
+    }), i = g(() => {
+      var u;
+      return (u = e.size) != null ? u : e.heading ? s[e.heading] : "normal";
+    }), d = g(() => {
+      var u;
+      return (u = e.weight) != null ? u : e.heading ? t[e.heading] : "normal";
     });
-    return (r, a) => (l(), W(Y(p(s)), {
-      class: C(["f-text", [
-        `f-text--${p(i)}`,
-        `f-text--${p(u)}`,
-        r.color && `f-text--${r.color}`,
-        { "f-text--truncate": r.truncate, "f-text--italic": r.italic }
+    return (u, r) => (l(), j(se(c(o)), {
+      class: M(["f-text", [
+        `f-text--${c(i)}`,
+        `f-text--${c(d)}`,
+        u.color && `f-text--${u.color}`,
+        { "f-text--truncate": u.truncate, "f-text--italic": u.italic }
       ]])
     }, {
-      default: I(() => [
-        v(r.$slots, "default", {}, void 0, !0)
+      default: E(() => [
+        z(u.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), ko = /* @__PURE__ */ b($o, [["__scopeId", "data-v-8bcfc6b3"]]), wo = ["href", "target", "rel"], Fo = /* @__PURE__ */ g({
+}), Js = /* @__PURE__ */ I(Us, [["__scopeId", "data-v-8bcfc6b3"]]), qs = ["href", "target", "rel"], Xs = /* @__PURE__ */ S({
   __name: "FLink",
   props: {
     href: {},
@@ -1122,10 +1157,10 @@ const Ee = /* @__PURE__ */ g({
     color: {},
     disabled: { type: Boolean }
   },
-  setup(n) {
-    const e = n;
-    return (o, t) => (l(), c("a", {
-      class: C(["f-link", [
+  setup(a) {
+    const e = a;
+    return (s, t) => (l(), n("a", {
+      class: M(["f-link", [
         e.color && `f-link--${e.color}`,
         `f-link--underline-${e.underline}`,
         { "f-link--disabled": e.disabled }
@@ -1134,10 +1169,10 @@ const Ee = /* @__PURE__ */ g({
       target: e.target,
       rel: e.target === "_blank" ? "noopener noreferrer" : void 0
     }, [
-      v(o.$slots, "default", {}, void 0, !0)
-    ], 10, wo));
+      z(s.$slots, "default", {}, void 0, !0)
+    ], 10, qs));
   }
-}), zo = /* @__PURE__ */ b(Fo, [["__scopeId", "data-v-daaa3e25"]]), Co = { class: "f-badge" }, xo = /* @__PURE__ */ g({
+}), Ys = /* @__PURE__ */ I(Xs, [["__scopeId", "data-v-daaa3e25"]]), Ks = { class: "f-badge" }, Qs = /* @__PURE__ */ S({
   __name: "FBadge",
   props: {
     value: {},
@@ -1147,52 +1182,52 @@ const Ee = /* @__PURE__ */ g({
     placement: { default: "top-right" },
     offset: { default: () => [0, 0] }
   },
-  setup(n) {
-    const e = n, o = h(() => {
-      var s;
-      return e.dot ? "" : typeof e.value == "number" && e.value > e.max ? `${e.max}+` : (s = e.value) != null ? s : "";
-    }), t = h(() => {
-      const [s, i] = e.offset;
+  setup(a) {
+    const e = a, s = g(() => {
+      var o;
+      return e.dot ? "" : typeof e.value == "number" && e.value > e.max ? `${e.max}+` : (o = e.value) != null ? o : "";
+    }), t = g(() => {
+      const [o, i] = e.offset;
       return {
-        "top-right": { top: 0, right: 0, transform: `translate(calc(50% + ${s}px), calc(-50% + ${i}px))` },
-        "top-left": { top: 0, left: 0, transform: `translate(calc(-50% + ${s}px), calc(-50% + ${i}px))` },
-        "bottom-right": { bottom: 0, right: 0, transform: `translate(calc(50% + ${s}px), calc(50% + ${i}px))` },
-        "bottom-left": { bottom: 0, left: 0, transform: `translate(calc(-50% + ${s}px), calc(50% + ${i}px))` }
+        "top-right": { top: 0, right: 0, transform: `translate(calc(50% + ${o}px), calc(-50% + ${i}px))` },
+        "top-left": { top: 0, left: 0, transform: `translate(calc(-50% + ${o}px), calc(-50% + ${i}px))` },
+        "bottom-right": { bottom: 0, right: 0, transform: `translate(calc(50% + ${o}px), calc(50% + ${i}px))` },
+        "bottom-left": { bottom: 0, left: 0, transform: `translate(calc(-50% + ${o}px), calc(50% + ${i}px))` }
       }[e.placement];
     });
-    return (s, i) => (l(), c("div", Co, [
-      v(s.$slots, "default", {}, void 0, !0),
-      s.dot || s.value !== void 0 && s.value !== "" ? (l(), c("span", {
+    return (o, i) => (l(), n("div", Ks, [
+      z(o.$slots, "default", {}, void 0, !0),
+      o.dot || o.value !== void 0 && o.value !== "" ? (l(), n("span", {
         key: 0,
-        class: C(["f-badge__content", [`f-badge--${s.type}`, { "f-badge--dot": s.dot }]]),
-        style: T(p(t))
-      }, V(p(o)), 7)) : y("", !0)
+        class: M(["f-badge__content", [`f-badge--${o.type}`, { "f-badge--dot": o.dot }]]),
+        style: O(c(t))
+      }, R(c(s)), 7)) : k("", !0)
     ]));
   }
-}), So = /* @__PURE__ */ b(xo, [["__scopeId", "data-v-be6947ff"]]), Mo = /* @__PURE__ */ g({
+}), Zs = /* @__PURE__ */ I(Qs, [["__scopeId", "data-v-be6947ff"]]), eo = /* @__PURE__ */ S({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
     offset: { default: () => [8, 8] }
   },
-  setup(n) {
-    const e = n, o = h(() => {
-      const [t, s] = e.offset;
+  setup(a) {
+    const e = a, s = g(() => {
+      const [t, o] = e.offset;
       return {
-        "top-left": { top: `${s}px`, left: `${t}px` },
-        "top-right": { top: `${s}px`, right: `${t}px` },
-        "bottom-left": { bottom: `${s}px`, left: `${t}px` },
-        "bottom-right": { bottom: `${s}px`, right: `${t}px` }
+        "top-left": { top: `${o}px`, left: `${t}px` },
+        "top-right": { top: `${o}px`, right: `${t}px` },
+        "bottom-left": { bottom: `${o}px`, left: `${t}px` },
+        "bottom-right": { bottom: `${o}px`, right: `${t}px` }
       }[e.placement];
     });
-    return (t, s) => (l(), c("div", {
+    return (t, o) => (l(), n("div", {
       class: "f-affix",
-      style: T(p(o))
+      style: O(c(s))
     }, [
-      v(t.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Io = /* @__PURE__ */ b(Mo, [["__scopeId", "data-v-8506d679"]]), To = /* @__PURE__ */ g({
+}), to = /* @__PURE__ */ I(eo, [["__scopeId", "data-v-8506d679"]]), so = /* @__PURE__ */ S({
   __name: "FForm",
   props: {
     model: {},
@@ -1201,165 +1236,165 @@ const Ee = /* @__PURE__ */ g({
     labelPosition: { default: "right" },
     size: { default: "normal" }
   },
-  setup(n, { expose: e }) {
-    const o = n, t = R([]), s = (a) => {
-      t.value.push(a);
-    }, i = (a) => {
-      t.value = t.value.filter((f) => f.prop !== a);
+  setup(a, { expose: e }) {
+    const s = a, t = V([]), o = (r) => {
+      t.value.push(r);
+    }, i = (r) => {
+      t.value = t.value.filter((v) => v.prop !== r);
     };
-    return _e("FFormContext", {
-      model: o.model,
-      rules: o.rules,
-      labelWidth: o.labelWidth,
-      labelPosition: h(() => o.labelPosition),
-      size: h(() => o.size),
-      registerField: s,
+    return Ie("FFormContext", {
+      model: s.model,
+      rules: s.rules,
+      labelWidth: s.labelWidth,
+      labelPosition: g(() => s.labelPosition),
+      size: g(() => s.size),
+      registerField: o,
       unregisterField: i
     }), e({
-      validate: () => J(null, null, function* () {
-        const a = t.value.map((d) => d.validate());
-        if ((yield Promise.all(a)).filter((d) => d !== void 0).length > 0)
+      validate: () => ie(null, null, function* () {
+        const r = t.value.map((_) => _.validate());
+        if ((yield Promise.all(r)).filter((_) => _ !== void 0).length > 0)
           throw new Error("表单校验失败");
         return !0;
       }),
       resetFields: () => {
-        t.value.forEach((a) => a.clearValidate());
+        t.value.forEach((r) => r.clearValidate());
       }
-    }), (a, f) => (l(), c("form", {
-      class: C(["f-form", [
-        `f-form--label-${a.labelPosition}`,
-        `f-form--size-${a.size}`
+    }), (r, v) => (l(), n("form", {
+      class: M(["f-form", [
+        `f-form--label-${r.labelPosition}`,
+        `f-form--size-${r.size}`
       ]]),
-      onSubmit: f[0] || (f[0] = se(() => {
+      onSubmit: v[0] || (v[0] = ue(() => {
       }, ["prevent"]))
     }, [
-      v(a.$slots, "default", {}, void 0, !0)
+      z(r.$slots, "default", {}, void 0, !0)
     ], 34));
   }
-}), Bo = /* @__PURE__ */ b(To, [["__scopeId", "data-v-21f7de9b"]]), Vo = (n, e) => J(null, null, function* () {
-  const o = Array.isArray(e) ? e : [e];
-  for (let t of o) {
-    t.transform && (n = t.transform(n));
-    const s = n == null || n === "", i = t.whitespace && typeof n == "string" && n.trim() === "";
-    if (t.required && (s || i))
+}), oo = /* @__PURE__ */ I(so, [["__scopeId", "data-v-21f7de9b"]]), lo = (a, e) => ie(null, null, function* () {
+  const s = Array.isArray(e) ? e : [e];
+  for (let t of s) {
+    t.transform && (a = t.transform(a));
+    const o = a == null || a === "", i = t.whitespace && typeof a == "string" && a.trim() === "";
+    if (t.required && (o || i))
       return t.message || "此字段为必填项";
-    if (!t.required && s) continue;
+    if (!t.required && o) continue;
     if (t.type) {
-      const r = Ro(n, t);
-      if (r) return r;
+      const u = ao(a, t);
+      if (u) return u;
     }
-    const u = Ao(n, t);
-    if (u) return u;
-    if (t.pattern && !t.pattern.test(String(n)))
+    const d = no(a, t);
+    if (d) return d;
+    if (t.pattern && !t.pattern.test(String(a)))
       return t.message || "格式不匹配";
-    if (t.enum && !t.enum.includes(n))
+    if (t.enum && !t.enum.includes(a))
       return t.message || "不在指定的枚举范围内";
     if (t.validator) {
-      const r = yield Promise.resolve(t.validator(n, t));
-      if (typeof r == "string") return r;
-      if (r === !1) return t.message || "校验失败";
+      const u = yield Promise.resolve(t.validator(a, t));
+      if (typeof u == "string") return u;
+      if (u === !1) return t.message || "校验失败";
     }
   }
-}), Ro = (n, e) => {
-  const { type: o, message: t } = e;
-  switch (o) {
+}), ao = (a, e) => {
+  const { type: s, message: t } = e;
+  switch (s) {
     case "string":
-      if (typeof n != "string") return t || "必须是字符串";
+      if (typeof a != "string") return t || "必须是字符串";
       break;
     case "number":
-      if (typeof n != "number" || isNaN(n)) return t || "必须是数字";
+      if (typeof a != "number" || isNaN(a)) return t || "必须是数字";
       break;
     case "integer":
-      if (!Number.isInteger(n)) return t || "必须是整数";
+      if (!Number.isInteger(a)) return t || "必须是整数";
       break;
     case "boolean":
-      if (typeof n != "boolean") return t || "必须是布尔值";
+      if (typeof a != "boolean") return t || "必须是布尔值";
       break;
     case "array":
-      if (!Array.isArray(n)) return t || "必须是数组";
+      if (!Array.isArray(a)) return t || "必须是数组";
       break;
     case "object":
-      if (typeof n != "object" || n === null) return t || "必须是对象";
+      if (typeof a != "object" || a === null) return t || "必须是对象";
       break;
     case "email":
-      if (!/^[^\s@]+@([^\s@]+\.)+[^\s@]+$/.test(n)) return t || "邮箱格式不正确";
+      if (!/^[^\s@]+@([^\s@]+\.)+[^\s@]+$/.test(a)) return t || "邮箱格式不正确";
       break;
     case "regexp":
-      if (e.pattern && !e.pattern.test(String(n)))
+      if (e.pattern && !e.pattern.test(String(a)))
         return e.message || "格式不匹配";
       break;
   }
-}, Ao = (n, e) => {
-  const { min: o, max: t, len: s, message: i, type: u } = e, r = u === "number" || u === "integer" || u === "float", a = r && typeof n == "number" ? n : n == null ? void 0 : n.length;
-  if (a !== void 0) {
-    if (s !== void 0 && a !== s)
-      return i || (r ? `值必须等于 ${s}` : `长度必须为 ${s}`);
-    if (o !== void 0 && a < o)
-      return i || (r ? `最小值不能小于 ${o}` : `长度不能小于 ${o}`);
-    if (t !== void 0 && a > t)
-      return i || (r ? `最大值不能大于 ${t}` : `长度不能大于 ${t}`);
+}, no = (a, e) => {
+  const { min: s, max: t, len: o, message: i, type: d } = e, u = d === "number" || d === "integer" || d === "float", r = u && typeof a == "number" ? a : a == null ? void 0 : a.length;
+  if (r !== void 0) {
+    if (o !== void 0 && r !== o)
+      return i || (u ? `值必须等于 ${o}` : `长度必须为 ${o}`);
+    if (s !== void 0 && r < s)
+      return i || (u ? `最小值不能小于 ${s}` : `长度不能小于 ${s}`);
+    if (t !== void 0 && r > t)
+      return i || (u ? `最大值不能大于 ${t}` : `长度不能大于 ${t}`);
   }
-}, Po = {
+}, ro = {
   key: 0,
   class: "star"
-}, Wo = { class: "f-form-item__content" }, jo = {
+}, io = { class: "f-form-item__content" }, co = {
   key: 0,
   class: "f-form-item__error"
-}, Do = /* @__PURE__ */ g({
+}, uo = /* @__PURE__ */ S({
   __name: "FFormItem",
   props: {
     label: {},
     prop: {}
   },
-  setup(n, { expose: e }) {
-    const o = n, t = Ce("FFormContext"), s = R(""), i = h(() => {
-      var d;
-      return ((d = t == null ? void 0 : t.labelPosition) == null ? void 0 : d.value) || "right";
-    }), u = h(() => {
-      var d;
-      return ((d = t == null ? void 0 : t.size) == null ? void 0 : d.value) || "default";
-    }), r = h(() => {
-      if (!(t != null && t.rules) || !o.prop) return [];
-      const d = t.rules[o.prop] || [];
-      return Array.isArray(d) ? d : [d];
-    }), a = h(() => r.value.some((d) => d.required)), f = () => J(null, null, function* () {
-      if (!o.prop || !t) return;
-      const d = t.model[o.prop], k = yield Vo(d, r.value);
-      return s.value = k || "", k;
-    }), m = () => {
-      s.value = "";
+  setup(a, { expose: e }) {
+    const s = a, t = qe("FFormContext"), o = V(""), i = g(() => {
+      var _;
+      return ((_ = t == null ? void 0 : t.labelPosition) == null ? void 0 : _.value) || "right";
+    }), d = g(() => {
+      var _;
+      return ((_ = t == null ? void 0 : t.size) == null ? void 0 : _.value) || "default";
+    }), u = g(() => {
+      if (!(t != null && t.rules) || !s.prop) return [];
+      const _ = t.rules[s.prop] || [];
+      return Array.isArray(_) ? _ : [_];
+    }), r = g(() => u.value.some((_) => _.required)), v = () => ie(null, null, function* () {
+      if (!s.prop || !t) return;
+      const _ = t.model[s.prop], f = yield lo(_, u.value);
+      return o.value = f || "", f;
+    }), y = () => {
+      o.value = "";
     };
-    return _e("FFormItemContext", { errorMsg: s, validate: f }), xe(() => {
-      o.prop && (t != null && t.registerField) && t.registerField({ prop: o.prop, validate: f, clearValidate: m });
-    }), oe(() => {
-      o.prop && (t != null && t.unregisterField) && t.unregisterField(o.prop);
-    }), ee(() => t == null ? void 0 : t.model[o.prop], () => {
-      s.value && f();
-    }), e({ validate: f, clearValidate: m }), (d, k) => {
-      var x;
-      return l(), c("div", {
-        class: C(["f-form-item", [
-          `is-label-${p(i)}`,
-          `is-size-${p(u)}`,
-          { "is-error": p(s) }
+    return Ie("FFormItemContext", { errorMsg: o, validate: v }), Me(() => {
+      s.prop && (t != null && t.registerField) && t.registerField({ prop: s.prop, validate: v, clearValidate: y });
+    }), he(() => {
+      s.prop && (t != null && t.unregisterField) && t.unregisterField(s.prop);
+    }), ce(() => t == null ? void 0 : t.model[s.prop], () => {
+      o.value && v();
+    }), e({ validate: v, clearValidate: y }), (_, f) => {
+      var m;
+      return l(), n("div", {
+        class: M(["f-form-item", [
+          `is-label-${c(i)}`,
+          `is-size-${c(d)}`,
+          { "is-error": c(o) }
         ]])
       }, [
-        d.label ? (l(), c("label", {
+        _.label ? (l(), n("label", {
           key: 0,
           class: "f-form-item__label",
-          style: T({
-            width: p(i) === "top" ? "100%" : (x = p(t)) == null ? void 0 : x.labelWidth,
-            textAlign: p(i) === "top" ? "left" : p(i)
+          style: O({
+            width: c(i) === "top" ? "100%" : (m = c(t)) == null ? void 0 : m.labelWidth,
+            textAlign: c(i) === "top" ? "left" : c(i)
           })
         }, [
-          p(a) ? (l(), c("span", Po, "*")) : y("", !0),
-          me(" " + V(d.label) + "： ", 1)
-        ], 4)) : y("", !0),
-        z("div", Wo, [
-          v(d.$slots, "default", {}, void 0, !0),
-          S(K, { name: "err-slide" }, {
-            default: I(() => [
-              p(s) ? (l(), c("p", jo, V(p(s)), 1)) : y("", !0)
+          c(r) ? (l(), n("span", ro, "*")) : k("", !0),
+          ne(" " + R(_.label) + "： ", 1)
+        ], 4)) : k("", !0),
+        h("div", io, [
+          z(_.$slots, "default", {}, void 0, !0),
+          H(ae, { name: "err-slide" }, {
+            default: E(() => [
+              c(o) ? (l(), n("p", co, R(c(o)), 1)) : k("", !0)
             ]),
             _: 1
           })
@@ -1367,12 +1402,12 @@ const Ee = /* @__PURE__ */ g({
       ], 2);
     };
   }
-}), Eo = /* @__PURE__ */ b(Do, [["__scopeId", "data-v-c3d6ec01"]]), Lo = { class: "f-checkbox__wrapper" }, Oo = ["checked", "disabled"], Ho = {
+}), po = /* @__PURE__ */ I(uo, [["__scopeId", "data-v-c3d6ec01"]]), fo = { class: "f-checkbox__wrapper" }, _o = ["checked", "disabled"], mo = {
   key: 0,
   class: "f-checkbox__label"
-}, No = /* @__PURE__ */ g({
+}, vo = /* @__PURE__ */ S({
   __name: "FCheckbox",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ U({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -1380,92 +1415,627 @@ const Ee = /* @__PURE__ */ g({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const e = Q(n, "modelValue"), o = n, t = (s) => {
-      if (o.disabled) return;
-      const i = s.target;
+  setup(a) {
+    const e = te(a, "modelValue"), s = a, t = (o) => {
+      if (s.disabled) return;
+      const i = o.target;
       e.value = i.checked;
     };
-    return (s, i) => (l(), c("label", {
-      class: C(["f-checkbox", { "is-disabled": s.disabled }])
+    return (o, i) => (l(), n("label", {
+      class: M(["f-checkbox", { "is-disabled": o.disabled }])
     }, [
-      z("span", Lo, [
-        z("input", {
+      h("span", fo, [
+        h("input", {
           type: "checkbox",
           checked: e.value,
-          disabled: s.disabled,
+          disabled: o.disabled,
           onChange: t
-        }, null, 40, Oo),
-        i[0] || (i[0] = z("span", { class: "f-checkbox__checkmark" }, null, -1))
+        }, null, 40, _o),
+        i[0] || (i[0] = h("span", { class: "f-checkbox__checkmark" }, null, -1))
       ]),
-      s.label ? (l(), c("span", Ho, V(s.label), 1)) : y("", !0)
+      o.label ? (l(), n("span", mo, R(o.label), 1)) : k("", !0)
     ], 2));
   }
-}), qo = /* @__PURE__ */ b(No, [["__scopeId", "data-v-633b283a"]]), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ho = /* @__PURE__ */ I(vo, [["__scopeId", "data-v-633b283a"]]), go = { class: "alert__body" }, yo = { class: "alert__title" }, bo = { class: "alert__content" }, $o = /* @__PURE__ */ S({
+  __name: "FAlert",
+  props: {
+    type: { default: "info" },
+    title: {},
+    content: {}
+  },
+  setup(a) {
+    const e = a, s = g(() => ({
+      success: { icon: it, label: "Success" },
+      error: { icon: rt, label: "Error" },
+      warning: { icon: nt, label: "Warning" },
+      info: { icon: at, label: "Tips" }
+    })[e.type]);
+    return (t, o) => {
+      var i;
+      return l(), n("div", {
+        class: M(["alert", `alert--${t.type}`])
+      }, [
+        H(G, { class: "alert__icon" }, {
+          default: E(() => [
+            (l(), j(se(c(s).icon)))
+          ]),
+          _: 1
+        }),
+        h("div", go, [
+          h("h4", yo, R((i = t.title) != null ? i : c(s).label), 1),
+          h("div", bo, [
+            z(t.$slots, "default", {}, () => [
+              ne(R(t.content), 1)
+            ], !0)
+          ])
+        ])
+      ], 2);
+    };
+  }
+}), ko = /* @__PURE__ */ I($o, [["__scopeId", "data-v-f16678ef"]]), wo = { class: "f-editor__toolbar" }, Fo = { class: "f-editor__status" }, Co = { class: "f-editor__lines" }, zo = { class: "f-editor__code-wrapper" }, So = ["innerHTML"], Io = ["rows", "readonly", "placeholder"], me = 17.6, Ce = 12, Mo = 180, To = 1500, xo = /* @__PURE__ */ S({
+  __name: "FEditor",
+  props: /* @__PURE__ */ U({
+    placeholder: {},
+    rows: {},
+    language: {},
+    readonly: { type: Boolean },
+    showLine: { type: Boolean },
+    height: { default: 420 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U(["blur"], ["update:modelValue"]),
+  setup(a, { emit: e }) {
+    const s = te(a, "modelValue"), t = a, o = e, i = V(), d = V(), u = V(), r = V(0), v = V(1), y = V(0), _ = (F) => {
+      if (F.key === "Tab") {
+        F.preventDefault();
+        const C = i.value;
+        if (!C) return;
+        const B = C.selectionStart, P = C.selectionEnd;
+        s.value = s.value.slice(0, B) + "  " + s.value.slice(P), _e(() => {
+          C.selectionStart = C.selectionEnd = B + 2;
+        });
+        return;
+      }
+      if (F.key === "Enter") {
+        const C = i.value;
+        if (!C) return;
+        const B = C.selectionStart, P = s.value.lastIndexOf(`
+`, B - 1) + 1, J = s.value.slice(P, B), X = J.match(/^\s*/), re = X ? X[0] : "", Z = J.trim().slice(-1), ee = Z === "{" || Z === "[" ? "  " : "";
+        if (ee) {
+          F.preventDefault();
+          const oe = `
+` + re + ee;
+          s.value = s.value.slice(0, B) + oe + s.value.slice(B), _e(() => {
+            C.selectionStart = C.selectionEnd = B + oe.length;
+          });
+        }
+      }
+    }, f = t.height, m = g(() => {
+      const F = Ce * 2 + w.value * me;
+      return Math.min(f, Math.max(Mo, F));
+    }), p = () => {
+      const F = i.value;
+      F && (y.value = F.selectionStart, v.value = s.value.slice(0, F.selectionStart).split(`
+`).length);
+    }, $ = g(() => s.value.split(`
+`)), w = g(() => $.value.length), T = g(() => w.value > To);
+    let D = null;
+    const q = V(s.value);
+    ce(s, (F) => {
+      D && clearTimeout(D);
+      const C = F.length > 2e4 ? 120 : 0;
+      D = setTimeout(() => {
+        q.value = F;
+      }, C);
+    }, { immediate: !0 });
+    const b = g(() => {
+      if (t.language !== "json" || !q.value.trim()) return null;
+      try {
+        return JSON.parse(q.value), null;
+      } catch (F) {
+        const C = F.message || "", B = C.match(/position (\d+)/);
+        if (B) return parseInt(B[1], 10);
+        const P = C.match(/line (\d+) column (\d+)/);
+        if (P) {
+          const J = parseInt(P[1], 10), X = parseInt(P[2], 10), re = q.value.split(`
+`);
+          let Z = 0;
+          for (let ee = 0; ee < J - 1; ee++) Z += re[ee].length + 1;
+          return Z + X - 1;
+        }
+        return q.value.length;
+      }
+    }), Y = g(() => b.value === null ? null : q.value.slice(0, b.value).split(`
+`).length), x = g(() => b.value === null), A = () => {
+      if (t.language === "json")
+        try {
+          s.value = JSON.stringify(JSON.parse(s.value), null, 2);
+        } catch (F) {
+        }
+    }, N = (F) => F.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), le = (F) => N(F).replace(/("(?:\\.|[^"\\])*")(\s*:)?/g, (B, P, J) => `<span class="${J ? "tok-key" : "tok-string"}">${P}</span>${J || ""}`).replace(/\b(true|false|null)\b/g, '<span class="tok-keyword">$1</span>').replace(/(-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b)/g, '<span class="tok-number">$1</span>').replace(/([{}[\],])/g, '<span class="tok-punct">$1</span>'), pe = g(() => {
+      const C = q.value.split(`
+`), B = b.value, P = Y.value;
+      let J = 0;
+      return C.map((X, re) => {
+        const Z = re + 1, ee = J;
+        J += X.length + 1;
+        let oe;
+        if (P === Z && B !== null) {
+          const fe = B - ee, ye = X.slice(0, Math.max(0, fe)), Ae = X.slice(fe, fe + 1) || " ", be = X.slice(fe + 1);
+          oe = (T.value ? N(ye) : le(ye)) + `<span class="tok-error">${N(Ae)}</span>` + (T.value ? N(be) : le(be));
+        } else t.language === "json" && !T.value ? oe = le(X) : oe = N(X);
+        return { lineNo: Z, html: oe || "&nbsp;" };
+      });
+    }), K = () => {
+      i.value && (r.value = i.value.scrollTop, d.value && (d.value.scrollTop = i.value.scrollTop, d.value.scrollLeft = i.value.scrollLeft), u.value && (u.value.scrollTop = i.value.scrollTop));
+    }, Q = () => {
+      K(), p();
+    };
+    return (F, C) => {
+      var B;
+      return l(), n("div", {
+        class: M(["f-editor", { "f-editor--invalid": !c(x) }])
+      }, [
+        h("div", wo, [
+          h("span", Fo, [
+            h("span", Co, R(c(w)) + " 行", 1),
+            c(T) ? (l(), j(Re, {
+              key: 0,
+              color: "orange",
+              type: "square",
+              effect: "plain"
+            }, {
+              default: E(() => C[2] || (C[2] = [
+                ne("大文件模式")
+              ])),
+              _: 1,
+              __: [2]
+            })) : k("", !0)
+          ]),
+          F.language === "json" ? (l(), n("button", {
+            key: 0,
+            type: "button",
+            class: "f-editor__format",
+            onClick: A
+          }, " 格式化 ")) : k("", !0)
+        ]),
+        h("div", {
+          class: "f-editor__body",
+          style: O({ height: `${c(m)}px` })
+        }, [
+          F.showLine ? (l(), n("div", {
+            key: 0,
+            ref_key: "gutterRef",
+            ref: u,
+            class: "f-editor__gutter"
+          }, [
+            (l(!0), n(L, null, W(c(w), (P) => (l(), n("div", {
+              key: P,
+              class: M(["f-editor__gutter-line", { "f-editor__gutter-line--active": P === c(v) }])
+            }, R(P), 3))), 128))
+          ], 512)) : k("", !0),
+          h("div", zo, [
+            h("div", {
+              class: "f-editor__active-line",
+              style: O({
+                top: `${Ce + (c(v) - 1) * me - c(r)}px`,
+                height: `${me}px`
+              })
+            }, null, 4),
+            h("pre", {
+              ref_key: "highlightRef",
+              ref: d,
+              class: "f-editor__highlight"
+            }, [
+              (l(!0), n(L, null, W(c(pe), (P) => (l(), n("span", {
+                key: P.lineNo,
+                class: "f-editor__line",
+                innerHTML: P.html + `
+`
+              }, null, 8, So))), 128))
+            ], 512),
+            de(h("textarea", {
+              ref_key: "textareaRef",
+              ref: i,
+              "onUpdate:modelValue": C[0] || (C[0] = (P) => s.value = P),
+              rows: (B = F.rows) != null ? B : 8,
+              readonly: "readonly" in F ? F.readonly : c(ve),
+              class: "f-editor__textarea",
+              spellcheck: "false",
+              placeholder: F.placeholder,
+              onKeydown: _,
+              onScroll: K,
+              onInput: Q,
+              onClick: p,
+              onKeyup: p,
+              onBlur: C[1] || (C[1] = (P) => o("blur"))
+            }, null, 40, Io), [
+              [Se, s.value]
+            ])
+          ])
+        ], 4)
+      ], 2);
+    };
+  }
+}), Bo = /* @__PURE__ */ I(xo, [["__scopeId", "data-v-6d590649"]]), Vo = { class: "f-table" }, Ro = {
+  key: 0,
+  class: "f-table__loading"
+}, Ho = { class: "f-table__inner" }, Do = {
+  key: 0,
+  class: "f-table__col--index"
+}, Ao = { class: "f-table__head" }, Eo = {
+  key: 0,
+  class: "f-table__th f-table__th--index"
+}, Oo = { class: "f-table__th-inner" }, Po = { class: "f-table__body" }, Lo = {
+  key: 0,
+  class: "f-table__spacer"
+}, jo = ["colspan"], Wo = {
+  key: 0,
+  class: "f-table__td f-table__td--index"
+}, No = { key: 2 }, Go = ["colspan"], Uo = {
+  key: 3,
+  class: "f-table__spacer"
+}, Jo = ["colspan"], qo = /* @__PURE__ */ S({
+  __name: "FTable",
+  props: {
+    data: {},
+    columns: {},
+    rowHeight: { default: 40 },
+    overscan: { default: 5 },
+    showIndex: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    loadingText: { default: "加载中..." },
+    emptyText: { default: "暂无数据" }
+  },
+  setup(a) {
+    const e = a, s = V(null), t = V(0), o = V(0), i = g(() => e.columns.length + (e.showIndex ? 1 : 0)), d = g(() => {
+      const p = Math.floor(t.value / e.rowHeight) - e.overscan;
+      return Math.max(0, p);
+    }), u = g(() => {
+      const p = Math.ceil(o.value / e.rowHeight), $ = d.value + p + e.overscan * 2;
+      return Math.min(e.data.length - 1, $);
+    }), r = g(
+      () => e.data.slice(d.value, u.value + 1).map((p, $) => ({
+        row: p,
+        index: d.value + $
+      }))
+    ), v = g(() => d.value * e.rowHeight), y = g(
+      () => Math.max(0, (e.data.length - u.value - 1) * e.rowHeight)
+    ), _ = (p) => {
+      t.value = p.target.scrollTop;
+    }, f = (p) => p == null ? "-" : typeof p == "object" ? JSON.stringify(p) : String(p);
+    let m = null;
+    return Me(() => {
+      s.value && (o.value = s.value.clientHeight, m = new ResizeObserver(([p]) => {
+        p && (o.value = p.contentRect.height);
+      }), m.observe(s.value));
+    }), Xe(() => {
+      m == null || m.disconnect();
+    }), ce(() => e.data, () => {
+      s.value && (s.value.scrollTop = 0), t.value = 0;
+    }), (p, $) => (l(), n("div", Vo, [
+      p.loading ? (l(), n("div", Ro, [
+        $[0] || ($[0] = h("span", { class: "spinner" }, null, -1)),
+        h("span", null, R(p.loadingText), 1)
+      ])) : k("", !0),
+      h("div", {
+        class: "f-table__scroll",
+        ref_key: "scrollEl",
+        ref: s,
+        onScroll: _
+      }, [
+        h("table", Ho, [
+          h("colgroup", null, [
+            p.showIndex ? (l(), n("col", Do)) : k("", !0),
+            (l(!0), n(L, null, W(p.columns, (w) => {
+              var T, D;
+              return l(), n("col", {
+                key: w.key,
+                style: O({
+                  width: (T = w.width) != null ? T : "auto",
+                  minWidth: (D = w.minWidth) != null ? D : "120px"
+                })
+              }, null, 4);
+            }), 128))
+          ]),
+          h("thead", Ao, [
+            h("tr", null, [
+              p.showIndex ? (l(), n("th", Eo, "#")) : k("", !0),
+              (l(!0), n(L, null, W(p.columns, (w) => (l(), n("th", {
+                key: w.key,
+                class: M(["f-table__th", w.thClass])
+              }, [
+                z(p.$slots, `header-${w.key}`, { column: w }, () => [
+                  h("div", Oo, [
+                    h("span", null, R(w.label), 1)
+                  ])
+                ], !0)
+              ], 2))), 128))
+            ])
+          ]),
+          h("tbody", Po, [
+            c(v) > 0 ? (l(), n("tr", Lo, [
+              h("td", {
+                colspan: c(i),
+                style: O({ height: c(v) + "px" })
+              }, null, 12, jo)
+            ])) : k("", !0),
+            c(r).length > 0 ? (l(!0), n(L, { key: 1 }, W(c(r), ({ row: w, index: T }) => (l(), n("tr", {
+              key: T,
+              class: "f-table__row"
+            }, [
+              p.showIndex ? (l(), n("td", Wo, R(T + 1), 1)) : k("", !0),
+              (l(!0), n(L, null, W(p.columns, (D) => (l(), n("td", {
+                key: D.key,
+                class: M(["f-table__td", D.tdClass])
+              }, [
+                p.$slots[`cell-${D.key}`] ? z(p.$slots, `cell-${D.key}`, {
+                  key: 0,
+                  row: w,
+                  value: w[D.key],
+                  index: T,
+                  col: D
+                }, void 0, !0) : p.$slots.cell ? z(p.$slots, "cell", {
+                  key: 1,
+                  row: w,
+                  value: w[D.key],
+                  index: T,
+                  col: D
+                }, void 0, !0) : (l(), j(He, {
+                  key: 2,
+                  content: f(w[D.key])
+                }, {
+                  default: E(() => [
+                    ne(R(f(w[D.key])), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["content"]))
+              ], 2))), 128))
+            ]))), 128)) : p.loading ? k("", !0) : (l(), n("tr", No, [
+              h("td", {
+                colspan: c(i),
+                class: "f-table__empty"
+              }, [
+                z(p.$slots, "empty", {}, () => [
+                  ne(R(p.emptyText), 1)
+                ], !0)
+              ], 8, Go)
+            ])),
+            c(y) > 0 ? (l(), n("tr", Uo, [
+              h("td", {
+                colspan: c(i),
+                style: O({ height: c(y) + "px" })
+              }, null, 12, Jo)
+            ])) : k("", !0)
+          ])
+        ])
+      ], 544)
+    ]));
+  }
+}), Xo = /* @__PURE__ */ I(qo, [["__scopeId", "data-v-22daf8be"]]), Yo = /* @__PURE__ */ S({
+  __name: "FDialog",
+  props: /* @__PURE__ */ U({
+    maskClosable: { type: Boolean, default: !0 },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const e = a, s = te(a, "modelValue"), t = () => {
+      e.maskClosable && (s.value = !1);
+    }, o = g(() => {
+      if (!e.showMask) return "transparent";
+      switch (e.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (i, d) => (l(), j(ge, { to: "body" }, [
+      H(ae, { name: "fade" }, {
+        default: E(() => [
+          s.value ? (l(), n("div", {
+            key: 0,
+            class: "f-dialog-mask",
+            style: O({ backgroundColor: c(o) }),
+            onClick: t
+          }, [
+            h("div", {
+              class: "f-dialog-container",
+              onClick: d[0] || (d[0] = ue(() => {
+              }, ["stop"]))
+            }, [
+              z(i.$slots, "default", {}, void 0, !0)
+            ])
+          ], 4)) : k("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Ko = /* @__PURE__ */ I(Yo, [["__scopeId", "data-v-31496822"]]), Qo = { class: "f-upload" }, Zo = { class: "f-upload__label" }, el = ["accept"], tl = {
+  key: 0,
+  class: "f-upload__file-item"
+}, sl = { class: "f-upload__file-info" }, ol = { class: "f-upload__file-name" }, ll = /* @__PURE__ */ S({
+  __name: "FUpload",
+  props: /* @__PURE__ */ U({
+    accept: {},
+    limit: {},
+    progress: {}
+  }, {
+    file: { default: "" },
+    fileModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U(["change", "exceed"], ["update:file"]),
+  setup(a, { emit: e }) {
+    const s = te(a, "file"), t = a, o = e, i = V(!1), d = V(!1), u = () => {
+      s.value = "";
+    }, r = (f) => {
+      f.preventDefault(), i.value = !0;
+    }, v = (f) => {
+      f.preventDefault(), i.value = !1;
+    }, y = (f) => {
+      var p, $;
+      f.preventDefault(), i.value = !1;
+      const m = ($ = (p = f.dataTransfer) == null ? void 0 : p.files) == null ? void 0 : $[0];
+      if (m) {
+        if (t.limit && m.size > t.limit) {
+          o("exceed", m);
+          return;
+        }
+        o("change", m);
+      }
+    }, _ = (f) => {
+      var p;
+      const m = (p = f.target.files) == null ? void 0 : p[0];
+      if (m) {
+        if (t.limit && m.size > t.limit) {
+          o("exceed", m);
+          return;
+        }
+        o("change", m);
+      }
+    };
+    return (f, m) => (l(), n("div", Qo, [
+      h("div", {
+        class: M(["f-upload__zone", { "f-upload--drag": c(i) }]),
+        onDragover: r,
+        onDragleave: v,
+        onDrop: y
+      }, [
+        h("label", Zo, [
+          h("input", {
+            type: "file",
+            accept: f.accept,
+            class: "f-upload__input",
+            onChange: _
+          }, null, 40, el),
+          z(f.$slots, "default", {}, () => [
+            H(G, { size: 40 }, {
+              default: E(() => [
+                H(c(ct))
+              ]),
+              _: 1
+            }),
+            m[2] || (m[2] = h("span", { class: "f-upload__title" }, "点击或拖拽文件至此处", -1)),
+            m[3] || (m[3] = h("span", { class: "f-upload__hint" }, "支持 .xlsx .xls .json .txt", -1))
+          ], !0)
+        ])
+      ], 34),
+      s.value ? (l(), n("div", tl, [
+        H(G, null, {
+          default: E(() => [
+            H(c(dt))
+          ]),
+          _: 1
+        }),
+        h("div", sl, [
+          h("span", ol, R(s.value), 1),
+          f.progress != null ? (l(), j(De, {
+            key: 0,
+            percent: f.progress,
+            "show-text": ""
+          }, null, 8, ["percent"])) : k("", !0)
+        ]),
+        H(G, {
+          onClick: ue(u, ["stop"]),
+          onMouseenter: m[0] || (m[0] = (p) => d.value = !0),
+          onMouseleave: m[1] || (m[1] = (p) => d.value = !1),
+          style: { cursor: "pointer", transition: "color 0.2s" }
+        }, {
+          default: E(() => [
+            (l(), j(se(c(d) ? c(Te) : c(xe))))
+          ]),
+          _: 1
+        })
+      ])) : k("", !0)
+    ]));
+  }
+}), al = /* @__PURE__ */ I(ll, [["__scopeId", "data-v-07b95a32"]]), nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FAffix: Io,
-  FAvatar: _o,
-  FBadge: So,
-  FBreadcrumb: Zt,
-  FButton: go,
-  FCard: Vt,
-  FCheckbox: qo,
-  FCol: to,
-  FContainer: co,
-  FDivider: po,
-  FDropdown: pt,
-  FForm: Bo,
-  FFormItem: Eo,
-  FIcon: Le,
-  FImage: Xe,
-  FInput: Ke,
-  FLink: zo,
-  FLoading: tt,
-  FPagination: yt,
-  FProgress: Ot,
-  FRate: nt,
-  FRow: so,
-  FSelect: mt,
-  FSpace: ro,
-  FTabs: Xt,
-  FTag: Pt,
-  FText: ko,
-  FTooltip: jt,
-  FTypography: yo
-}, Symbol.toStringTag, { value: "Module" })), Ko = (n) => {
-  Object.entries(Go).forEach(([e, o]) => {
-    n.component(e, o);
+  FAffix: to,
+  FAlert: ko,
+  FAvatar: Ps,
+  FBadge: Zs,
+  FBreadcrumb: Cs,
+  FButton: Ws,
+  FCard: is,
+  FCheckbox: ho,
+  FCol: Ss,
+  FContainer: Hs,
+  FDialog: Ko,
+  FDivider: As,
+  FDropdown: Ve,
+  FEditor: Bo,
+  FForm: oo,
+  FFormItem: po,
+  FIcon: G,
+  FImage: kt,
+  FInput: Ct,
+  FLink: Ys,
+  FLoading: Be,
+  FPagination: Xt,
+  FProgress: De,
+  FRate: Mt,
+  FRow: Ms,
+  FSelect: At,
+  FSpace: Vs,
+  FTable: Xo,
+  FTabs: bs,
+  FTag: Re,
+  FText: Js,
+  FTooltip: He,
+  FTypography: Gs,
+  FUpload: al
+}, Symbol.toStringTag, { value: "Module" })), ul = (a) => {
+  Object.entries(nl).forEach(([e, s]) => {
+    a.component(e, s);
   });
 };
 export {
-  Io as FAffix,
-  _o as FAvatar,
-  So as FBadge,
-  Zt as FBreadcrumb,
-  go as FButton,
-  Vt as FCard,
-  qo as FCheckbox,
-  to as FCol,
-  co as FContainer,
-  po as FDivider,
-  pt as FDropdown,
-  Bo as FForm,
-  Eo as FFormItem,
-  Le as FIcon,
-  Xe as FImage,
-  Ke as FInput,
-  zo as FLink,
-  tt as FLoading,
-  yt as FPagination,
-  Ot as FProgress,
-  nt as FRate,
-  so as FRow,
-  mt as FSelect,
-  ro as FSpace,
-  Xt as FTabs,
-  Pt as FTag,
-  ko as FText,
-  jt as FTooltip,
-  yo as FTypography,
-  Ko as default
+  to as FAffix,
+  ko as FAlert,
+  Ps as FAvatar,
+  Zs as FBadge,
+  Cs as FBreadcrumb,
+  Ws as FButton,
+  is as FCard,
+  ho as FCheckbox,
+  Ss as FCol,
+  Hs as FContainer,
+  Ko as FDialog,
+  As as FDivider,
+  Ve as FDropdown,
+  Bo as FEditor,
+  oo as FForm,
+  po as FFormItem,
+  G as FIcon,
+  kt as FImage,
+  Ct as FInput,
+  Ys as FLink,
+  Be as FLoading,
+  Xt as FPagination,
+  De as FProgress,
+  Mt as FRate,
+  Ms as FRow,
+  At as FSelect,
+  Vs as FSpace,
+  Xo as FTable,
+  bs as FTabs,
+  Re as FTag,
+  Js as FText,
+  He as FTooltip,
+  Gs as FTypography,
+  al as FUpload,
+  ul as default
 };