fantasia-ui 0.2.3 → 0.2.5

package/dist/fantasia-ui.es.js

@@ -1,78 +1,96 @@
-var ve = Object.defineProperty, he = Object.defineProperties;
-var ge = Object.getOwnPropertyDescriptors;
-var oe = Object.getOwnPropertySymbols;
-var ye = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
-var se = (r, e, t) => e in r ? ve(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ae = (r, e) => {
-  for (var t in e || (e = {}))
-    ye.call(e, t) && se(r, t, e[t]);
-  if (oe)
-    for (var t of oe(e))
-      be.call(e, t) && se(r, t, e[t]);
-  return r;
-}, ne = (r, e) => he(r, ge(e));
-var le = (r, e, t) => new Promise((s, o) => {
-  var c = (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 {
-      l(t.next(a));
-    } catch (_) {
-      o(_);
+      u(s.next(r));
+    } catch (v) {
+      o(v);
     }
-  }, d = (a) => {
+  }, d = (r) => {
     try {
-      l(t.throw(a));
-    } catch (_) {
-      o(_);
+      u(s.throw(r));
+    } catch (v) {
+      o(v);
     }
-  }, l = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(c, d);
-  l((t = t.apply(r, 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 y, computed as v, createElementBlock as i, openBlock as n, normalizeStyle as I, unref as u, renderSlot as h, ref as R, watch as ie, resolveComponent as O, createVNode as T, withDirectives as Z, Transition as K, withCtx as B, createCommentVNode as k, createElementVNode as z, vShow as ce, mergeModels as G, useModel as Q, normalizeClass as C, readonly as re, vModelDynamic as $e, Fragment as D, renderList as U, toDisplayString as A, createBlock as L, nextTick as de, onUnmounted as ue, Teleport as fe, withModifiers as pe, resolveDynamicComponent as q, createTextVNode as we, TransitionGroup as ke, useSlots as Fe, defineAsyncComponent as Ce } from "vue";
-import { Search as ze, StarOutline as xe, StarHalf as Te, Star as Se, ChevronDownOutline as Me, ChevronBackOutline as Be, EllipsisHorizontal as Ie, ChevronForwardOutline as Ve, CloseCircle as Re, Close as Ae, Person as De } from "@vicons/ionicons5";
-import { useEventListener as Le } from "@vueuse/core";
-const Pe = (r, e, t) => {
-  const s = r[e];
-  return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((o, c) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      c.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + e + (e.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-}, We = /* @__PURE__ */ y({
+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(r) {
-    const e = r, t = v(() => ({
+  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 (s, o) => (n(), i("span", {
+    return (t, o) => (l(), n("span", {
       role: "img",
       class: "f-icon",
-      style: I(u(t))
+      style: O(c(s))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), b = (r, e) => {
-  const t = r.__vccOpts || r;
-  for (const [s, o] of e)
-    t[s] = o;
-  return t;
-}, ro = /* @__PURE__ */ b(We, [["__scopeId", "data-v-524b7dbb"]]), He = "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", Ee = { class: "f-image" }, Oe = {
+}), 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"
-}, je = {
+}, yt = {
   key: 0,
   class: "f-image__error"
-}, Ne = ["src", "loading"], Ge = /* @__PURE__ */ y({
+}, bt = ["src", "loading"], $t = /* @__PURE__ */ S({
   __name: "FImage",
   props: {
     src: {},
@@ -80,54 +98,51 @@ const Pe = (r, e, t) => {
     fit: { default: "cover" },
     lazy: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const e = r, t = R("loading");
-    ie(() => e.src, () => {
-      t.value = "loading";
+  setup(a) {
+    const e = a, s = V("loading");
+    ce(() => e.src, () => {
+      s.value = "loading";
     }, { immediate: !1 });
-    const s = () => t.value = "loaded", o = () => t.value = "error";
-    return (c, d) => {
-      const l = O("f-loading"), a = O("f-icon");
-      return n(), i("div", Ee, [
-        T(K, { name: "fade" }, {
-          default: B(() => [
-            u(t) === "loading" ? (n(), i("div", Oe, [
-              T(l, { type: "classic first" })
-            ])) : k("", !0)
-          ]),
-          _: 1
-        }),
-        T(K, { name: "fade" }, {
-          default: B(() => [
-            u(t) === "error" ? (n(), i("div", je, [
-              h(c.$slots, "error", {}, () => [
-                T(a, { size: "48px" }, {
-                  default: B(() => [
-                    T(u(He))
-                  ]),
-                  _: 1
-                })
-              ], !0)
-            ])) : k("", !0)
-          ]),
-          _: 3
-        }),
-        Z(z("img", {
-          src: e.src,
-          loading: c.lazy ? "lazy" : "eager",
-          style: I({ objectFit: e.fit }),
-          class: "f-image__img",
-          onLoad: s,
-          onError: o
-        }, null, 44, Ne), [
-          [ce, u(t) === "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"]
+      ])
+    ]));
   }
-}), io = /* @__PURE__ */ b(Ge, [["__scopeId", "data-v-2948108d"]]), Ue = ["type", "placeholder", "disabled", "readonly", "name", "id"], Xe = /* @__PURE__ */ y({
+}), kt = /* @__PURE__ */ I($t, [["__scopeId", "data-v-e959ab10"]]), wt = ["type", "placeholder", "disabled", "readonly", "name", "id"], Ft = /* @__PURE__ */ S({
   __name: "FInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ U({
     placeholder: { default: "输入..." },
     type: { default: "text" },
     disabled: { type: Boolean, default: !1 },
@@ -138,85 +153,52 @@ const Pe = (r, e, t) => {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["input", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(r, { emit: e }) {
-    const t = Q(r, "modelValue"), s = e, o = (a) => {
-      const _ = a.target.value;
-      s("input", _);
-    }, c = (a) => {
-      const _ = a.target.value;
-      s("change", _);
-    }, d = (a) => {
-      s("focus", a);
-    }, l = (a) => {
-      s("blur", a);
-    };
-    return (a, _) => {
-      const f = O("f-icon");
-      return n(), i("div", {
-        class: C(["f-input", { "is-disabled": a.disabled, "is-readonly": "readonly" in a ? a.readonly : u(re) }])
-      }, [
-        T(f, { class: "f-input__icon" }, {
-          default: B(() => [
-            T(u(ze))
-          ]),
-          _: 1
-        }),
-        Z(z("input", {
-          class: "f-input__text",
-          "onUpdate:modelValue": _[0] || (_[0] = (p) => t.value = p),
-          type: a.type,
-          placeholder: a.placeholder,
-          disabled: a.disabled,
-          readonly: "readonly" in a ? a.readonly : u(re),
-          name: a.name,
-          id: a.id,
-          onInput: o,
-          onChange: c,
-          onFocus: d,
-          onBlur: l
-        }, null, 40, Ue), [
-          [$e, t.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);
     };
-  }
-}), co = /* @__PURE__ */ b(Xe, [["__scopeId", "data-v-6c6d7c63"]]), Ye = {
-  key: 0,
-  class: "loop cubes"
-}, qe = {
-  key: 2,
-  class: "msg"
-}, Je = /* @__PURE__ */ y({
-  __name: "FLoading",
-  props: {
-    type: { default: "dots" },
-    text: {},
-    mask: { type: Boolean, default: !1 }
-  },
-  setup(r) {
-    const e = r;
-    return (t, s) => (n(), i("div", {
-      class: C(["flex-center-col size-full loading-container", { "global-mask": t.mask }])
+    return (r, v) => (l(), n("div", {
+      class: M(["f-input", { "is-disabled": r.disabled, "is-readonly": "readonly" in r ? r.readonly : c(ve) }])
     }, [
-      t.type === "cubes" ? (n(), i("div", Ye, [
-        (n(), i(D, null, U(6, (o) => z("div", {
-          class: "item cubes",
-          key: o
-        })), 64))
-      ])) : (n(), i("div", {
-        key: 1,
-        class: C(["loader", t.type])
-      }, null, 2)),
-      e.text ? (n(), i("p", qe, A(e.text), 1)) : k("", !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));
   }
-}), uo = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-26005e98"]]), Ke = ["onMousemove"], Qe = {
+}), Ct = /* @__PURE__ */ I(Ft, [["__scopeId", "data-v-9af0fbbe"]]), zt = ["onMousemove"], St = {
   key: 0,
   class: "f-rate__score"
-}, Ze = /* @__PURE__ */ y({
+}, It = /* @__PURE__ */ S({
   __name: "FRate",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ U({
     modelValue: {},
     count: { default: 5 },
     readonly: { type: Boolean, default: !1 },
@@ -230,63 +212,60 @@ const Pe = (r, e, t) => {
     modelValue: { default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["change"], ["update:modelValue"]),
-  setup(r, { emit: e }) {
-    const t = Q(r, "modelValue"), s = r, o = e, c = R(null), d = v(() => {
-      var $;
-      return ($ = c.value) != null ? $ : t.value;
-    }), l = v(
-      () => s.scoreTemplate.replace("{value}", String(t.value))
-    ), a = v(
-      () => s.size === "normal" ? 16 : s.size === "small" ? 12 : 20
-    ), _ = ($) => {
-      const M = d.value;
-      return M >= $ ? "full" : s.allowHalf && M >= $ - 0.5 ? "half" : "empty";
-    }, f = ($) => _($) === "full" ? s.voidColor : s.color, p = ($, M) => {
-      if (!s.readonly)
-        if (s.allowHalf) {
-          const V = $.currentTarget, { left: x, width: H } = V.getBoundingClientRect();
-          c.value = ($.clientX - x) / H < 0.5 ? M - 0.5 : M;
+  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
+    ), 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 w = p.currentTarget, { left: T, width: D } = w.getBoundingClientRect();
+          i.value = (p.clientX - T) / D < 0.5 ? $ - 0.5 : $;
         } else
-          c.value = M;
-    }, F = () => {
-      s.readonly || (c.value = null);
-    }, S = () => {
-      var M;
-      if (s.readonly) return;
-      const $ = (M = c.value) != null ? M : t.value;
-      t.value = $, o("change", $);
+          i.value = $;
+    }, f = () => {
+      t.readonly || (i.value = null);
+    }, m = () => {
+      var $;
+      if (t.readonly) return;
+      const p = ($ = i.value) != null ? $ : s.value;
+      s.value = p, o("change", p);
     };
-    return ($, M) => {
-      const V = O("f-icon");
-      return n(), i("div", {
-        class: C(["f-rate", { "f-rate--readonly": s.readonly }]),
-        onMouseleave: F
+    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
       }, [
-        (n(!0), i(D, null, U(s.count, (x) => (n(), i("span", {
-          key: x,
-          class: "f-rate__item",
-          onMousemove: (H) => p(H, x),
-          onClick: S
-        }, [
-          T(V, {
-            color: f(x),
-            size: u(a)
-          }, {
-            default: B(() => [
-              _(x) === "full" ? (n(), L(u(xe), { key: 0 })) : _(x) === "half" ? (n(), L(u(Te), { key: 1 })) : (n(), L(u(Se), { key: 2 }))
-            ]),
-            _: 2
-          }, 1032, ["color", "size"])
-        ], 40, Ke))), 128)),
-        s.showText ? (n(), i("span", Qe, A(u(l)), 1)) : k("", !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));
   }
-}), fo = /* @__PURE__ */ b(Ze, [["__scopeId", "data-v-d68cd0e3"]]), et = { class: "f-dropdown-wrapper" }, tt = { class: "f-dropdown-content" }, ot = ["onClick"], st = {
+}), 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"
-}, at = { class: "opt-label" }, nt = /* @__PURE__ */ y({
+}, Rt = { class: "opt-label" }, Ht = /* @__PURE__ */ S({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -296,86 +275,86 @@ const Pe = (r, e, t) => {
     options: { default: () => [] }
   },
   emits: ["select"],
-  setup(r, { emit: e }) {
-    const t = r, s = e, o = R(!1), c = R(null), d = R(null), l = R(null), a = R(0), _ = R(0), f = v(() => {
-      const [m] = t.placement.split("-"), g = (Array.isArray(t.offset) ? t.offset[0] : t.offset) + 4, w = { position: "absolute" };
-      return m === "right" ? (w.width = `${g}px`, w.left = `-${g}px`, w.top = 0, w.bottom = 0) : m === "left" ? (w.width = `${g}px`, w.right = `-${g}px`, w.top = 0, w.bottom = 0) : m === "bottom" ? (w.height = `${g}px`, w.top = `-${g}px`, w.left = 0, w.right = 0) : m === "top" && (w.height = `${g}px`, w.bottom = `-${g}px`, w.left = 0, w.right = 0), w;
-    }), p = v(() => {
-      if (!c.value) return {};
-      const m = c.value, { placement: j } = t, g = Array.isArray(t.offset) ? t.offset[0] : t.offset, [w, N] = j.split("-"), ee = window.innerWidth, te = window.innerHeight, X = _.value || 160, Y = a.value || 200;
-      let P = 0, W = 0, E = w;
-      w === "right" ? (W = m.right + g, W + X > ee && (W = m.left - X - g, E = "left")) : w === "left" ? (W = m.left - X - g, W < 0 && (W = m.right + g, E = "right")) : w === "bottom" ? (P = m.bottom + g, P + Y > te && (P = m.top - Y - g, E = "top")) : w === "top" && (P = m.top - Y - g, P < 0 && (P = m.bottom + g, E = "bottom")), E === "top" || E === "bottom" ? (N === "start" ? W = m.left : N === "end" ? W = m.right - X : W = m.left + (m.width - X) / 2, W = Math.max(8, Math.min(W, ee - X - 8))) : (N === "start" ? P = m.top : N === "end" ? P = m.bottom - Y : P = m.top + (m.height - Y) / 2, P = Math.max(8, Math.min(P, te - Y - 8)));
-      const me = E === "right" ? "left" : E === "left" ? "right" : N === "start" ? "left" : N === "end" ? "right" : "center", _e = E === "bottom" ? "top" : E === "top" ? "bottom" : N === "start" ? "top" : N === "end" ? "bottom" : "center";
+  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 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: `${P}px`,
-        left: `${W}px`,
-        transformOrigin: `${_e} ${me}`
+        top: `${F}px`,
+        left: `${C}px`,
+        transformOrigin: `${J} ${P}`
       };
     });
-    let F = null, S = null;
-    const $ = () => {
-      F && (clearTimeout(F), F = null);
-    }, M = (m) => {
-      t.trigger === "click" && (m.stopPropagation(), o.value ? o.value = !1 : (c.value = d.value.getBoundingClientRect(), o.value = !0));
-    }, V = () => {
-      t.trigger === "hover" && ($(), S = setTimeout(() => {
-        d.value && (c.value = d.value.getBoundingClientRect()), o.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));
-    }, x = () => {
-      t.trigger === "hover" && (S && (clearTimeout(S), S = null), F = setTimeout(() => {
+    }, T = () => {
+      s.trigger === "hover" && (m && (clearTimeout(m), m = null), f = setTimeout(() => {
         o.value = !1;
       }, 400));
-    }, H = (m) => {
-      t.trigger !== "click" || !o.value || (o.value = !1);
-    }, J = (m) => {
-      m.disabled || (s("select", m.key, m), m.children || (o.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 ie(o, (m) => le(null, null, function* () {
-      var j, g;
-      m ? (c.value = d.value.getBoundingClientRect(), yield de(), a.value = ((j = l.value) == null ? void 0 : j.offsetHeight) || 200, _.value = ((g = l.value) == null ? void 0 : g.offsetWidth) || 160) : (a.value = 0, _.value = 0);
-    })), ue(() => {
-      $(), S && clearTimeout(S);
-    }), Le(window, "click", H), (m, j) => (n(), i("div", et, [
-      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: d,
         class: "f-dropdown-trigger-wrapper",
-        onMouseenter: V,
-        onMouseleave: x,
-        onClick: M
+        onMouseenter: w,
+        onMouseleave: T,
+        onClick: $
       }, [
-        h(m.$slots, "default", {}, void 0, !0)
+        z(b.$slots, "default", {}, void 0, !0)
       ], 544),
-      (n(), L(fe, { to: "body" }, [
-        T(K, { name: "f-dropdown-motion" }, {
-          default: B(() => [
-            u(o) ? (n(), i("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: l,
+              ref: u,
               class: "f-dropdown-item",
-              style: I([u(p), { zIndex: m.zIndex }]),
-              onMouseenter: $,
-              onMouseleave: x,
-              onClick: j[0] || (j[0] = pe(() => {
+              style: O([c(_), { zIndex: b.zIndex }]),
+              onMouseenter: p,
+              onMouseleave: T,
+              onClick: Y[0] || (Y[0] = ue(() => {
               }, ["stop"]))
             }, [
-              m.trigger === "hover" ? (n(), i("div", {
+              b.trigger === "hover" ? (l(), n("div", {
                 key: 0,
                 class: "f-dropdown-bridge",
-                style: I(u(f))
+                style: O(c(y))
               }, null, 4)) : k("", !0),
-              z("div", tt, [
-                m.options && m.options.length > 0 ? (n(!0), i(D, { key: 0 }, U(m.options, (g) => (n(), i("div", {
-                  key: g.key,
-                  class: C(["f-dropdown-option", { "is-disabled": g.disabled }]),
-                  onClick: (w) => J(g)
+              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)
                 }, [
-                  g.icon ? (n(), i("span", st, [
-                    (n(), L(q(g.icon)))
+                  x.icon ? (l(), n("span", Vt, [
+                    (l(), j(se(x.icon)))
                   ])) : k("", !0),
-                  z("span", at, A(g.label), 1)
-                ], 10, ot))), 128)) : h(m.$slots, "content", { key: 1 }, void 0, !0)
+                  h("span", Rt, R(x.label), 1)
+                ], 10, Bt))), 128)) : z(b.$slots, "content", { key: 1 }, void 0, !0)
               ])
             ], 36)) : k("", !0)
           ]),
@@ -384,203 +363,251 @@ const Pe = (r, e, t) => {
       ]))
     ]));
   }
-}), po = /* @__PURE__ */ b(nt, [["__scopeId", "data-v-addb3a3b"]]), lt = /* @__PURE__ */ y({
+}), Ve = /* @__PURE__ */ I(Ht, [["__scopeId", "data-v-addb3a3b"]]), Dt = /* @__PURE__ */ S({
   __name: "FSelect",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ U({
     options: {},
     placeholder: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
-  setup(r, { emit: e }) {
-    const t = r, s = e, o = Q(r, "modelValue"), c = R(!1), d = v(
+  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 f, p, F;
-        return (F = (f = t.options.find((S) => S.key === o.value)) == null ? void 0 : f.label) != null ? F : (p = t.placeholder) != null ? p : "请选择";
+        var y, _, f;
+        return (f = (y = s.options.find((m) => m.key === o.value)) == null ? void 0 : y.label) != null ? f : (_ = s.placeholder) != null ? _ : "请选择";
       }
-    ), l = v(() => o.value !== void 0 && o.value !== ""), a = (f, p) => {
-      o.value = f, s("select", f, p), c.value = !1;
-    }, _ = (f) => {
-      c.value = f;
-    };
-    return (f, p) => {
-      const F = O("f-icon"), S = O("f-dropdown");
-      return n(), L(S, {
-        options: f.options,
-        trigger: "click",
-        onSelect: a,
-        onShow: p[0] || (p[0] = ($) => _(!0)),
-        onHide: p[1] || (p[1] = ($) => _(!1)),
-        placement: "bottom",
-        offset: 4
-      }, {
-        default: B(() => [
-          z("div", {
-            class: C(["f-select", { "is-active": u(l), "is-open": u(c) }])
-          }, [
-            z("span", {
-              class: C(["f-select__label", { "is-placeholder": !u(l) }])
-            }, A(u(d)), 3),
-            T(F, { class: "f-select__arrow" }, {
-              default: B(() => [
-                T(u(Me))
-              ]),
-              _: 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"]));
   }
-}), mo = /* @__PURE__ */ b(lt, [["__scopeId", "data-v-25e7d03d"]]), rt = { class: "f-pagination" }, it = { class: "f-pagination__list" }, ct = {
+}), 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"
-}, dt = ["onClick"], ut = /* @__PURE__ */ y({
+}, Gt = ["onClick"], Ut = {
+  key: 5,
+  class: "f-pagination__jump"
+}, Jt = ["max"], qt = /* @__PURE__ */ S({
   __name: "FPagination",
-  props: /* @__PURE__ */ G({
+  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__ */ G(["update:currentPage"], ["update:modelValue"]),
-  setup(r, { emit: e }) {
-    const t = r, s = Q(r, "modelValue"), o = v(() => Math.ceil(t.total / t.pageSize) || 1), c = v(() => {
-      const l = o.value, a = s.value;
-      return !l || l <= 0 ? [] : l <= 7 ? Array.from({ length: l }, (_, f) => f + 1) : a <= 4 ? [1, 2, 3, 4, 5, "...", l] : a >= l - 3 ? [1, "...", l - 4, l - 3, l - 2, l - 1, l] : [1, "...", a - 1, a, a + 1, "...", l];
-    }), d = (l) => {
-      typeof l == "number" && (l < 1 || l > o.value || l === s.value || (s.value = l));
+  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 (l, a) => {
-      const _ = O("f-icon");
-      return n(), i("div", rt, [
-        z("button", {
-          class: C(["page-btn", { disabled: s.value === 1 }]),
-          onClick: a[0] || (a[0] = (f) => d(s.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))
         }, [
-          T(_, null, {
-            default: B(() => [
-              T(u(Be))
+          H(G, null, {
+            default: E(() => [
+              H(c(tt))
             ]),
             _: 1
           })
-        ], 2),
-        z("ul", it, [
-          (n(!0), i(D, null, U(u(c), (f, p) => (n(), i(D, { key: p }, [
-            f === "..." ? (n(), i("li", ct, [
-              T(_, null, {
-                default: B(() => [
-                  T(u(Ie))
+        ], 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
               })
-            ])) : (n(), i("li", {
+            ])) : (l(), n("li", {
               key: 1,
-              class: C(["page-btn", { active: s.value === f }]),
-              onClick: (F) => d(f)
-            }, A(f), 11, dt))
+              class: M(["page-btn", { active: o.value === $ }]),
+              onClick: (T) => r($)
+            }, R($), 11, Gt))
           ], 64))), 128))
-        ]),
-        z("button", {
-          class: C(["page-btn", { disabled: s.value === u(o) }]),
-          onClick: a[1] || (a[1] = (f) => d(s.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))
         }, [
-          T(_, null, {
-            default: B(() => [
-              T(u(Ve))
+          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);
   }
-}), _o = /* @__PURE__ */ b(ut, [["__scopeId", "data-v-e58f1ac9"]]), ft = {
+}), Xt = /* @__PURE__ */ I(qt, [["__scopeId", "data-v-930f8b20"]]), Yt = {
   key: 0,
   class: "f-card__header"
-}, pt = {
+}, Kt = {
   key: 0,
   class: "f-card__header-extra"
-}, mt = {
+}, Qt = {
   key: 1,
   class: "f-card__cover"
-}, _t = {
+}, Zt = {
   key: 2,
   class: "f-card__body"
-}, vt = {
+}, es = {
   key: 3,
   class: "f-card__footer"
-}, ht = {
+}, ts = {
   key: 0,
   class: "f-card__header"
-}, gt = {
+}, ss = {
   key: 0,
   class: "f-card__header-extra"
-}, yt = {
+}, os = {
   key: 1,
   class: "f-card__cover"
-}, bt = { class: "f-card__content" }, $t = {
+}, ls = { class: "f-card__content" }, as = {
   key: 0,
   class: "f-card__body"
-}, wt = {
+}, ns = {
   key: 1,
   class: "f-card__footer"
-}, kt = /* @__PURE__ */ y({
+}, rs = /* @__PURE__ */ S({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: !0 },
     direction: { default: "vertical" }
   },
-  setup(r) {
-    return (e, t) => (n(), i("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" ? (n(), i(D, { key: 0 }, [
-        e.$slots.header || e.$slots["header-extra"] ? (n(), i("div", ft, [
-          h(e.$slots, "header", {}, void 0, !0),
-          e.$slots["header-extra"] ? (n(), i("div", pt, [
-            h(e.$slots, "header-extra", {}, void 0, !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 ? (n(), i("div", mt, [
-          h(e.$slots, "cover", {}, void 0, !0)
+        e.$slots.cover ? (l(), n("div", Qt, [
+          z(e.$slots, "cover", {}, void 0, !0)
         ])) : k("", !0),
-        e.$slots.default ? (n(), i("div", _t, [
-          h(e.$slots, "default", {}, void 0, !0)
+        e.$slots.default ? (l(), n("div", Zt, [
+          z(e.$slots, "default", {}, void 0, !0)
         ])) : k("", !0),
-        e.$slots.footer ? (n(), i("div", vt, [
-          h(e.$slots, "footer", {}, void 0, !0)
+        e.$slots.footer ? (l(), n("div", es, [
+          z(e.$slots, "footer", {}, void 0, !0)
         ])) : k("", !0)
-      ], 64)) : (n(), i(D, { key: 1 }, [
-        e.$slots.header || e.$slots["header-extra"] ? (n(), i("div", ht, [
-          h(e.$slots, "header", {}, void 0, !0),
-          e.$slots["header-extra"] ? (n(), i("div", gt, [
-            h(e.$slots, "header-extra", {}, void 0, !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 ? (n(), i("div", yt, [
-          h(e.$slots, "cover", {}, void 0, !0)
+        e.$slots.cover ? (l(), n("div", os, [
+          z(e.$slots, "cover", {}, void 0, !0)
         ])) : k("", !0),
-        z("div", bt, [
-          e.$slots.default ? (n(), i("div", $t, [
-            h(e.$slots, "default", {}, void 0, !0)
+        h("div", ls, [
+          e.$slots.default ? (l(), n("div", as, [
+            z(e.$slots, "default", {}, void 0, !0)
           ])) : k("", !0),
-          e.$slots.footer ? (n(), i("div", wt, [
-            h(e.$slots, "footer", {}, void 0, !0)
+          e.$slots.footer ? (l(), n("div", ns, [
+            z(e.$slots, "footer", {}, void 0, !0)
           ])) : k("", !0)
         ])
       ], 64))
     ], 2));
   }
-}), vo = /* @__PURE__ */ b(kt, [["__scopeId", "data-v-a66fa373"]]), Ft = {
+}), is = /* @__PURE__ */ I(rs, [["__scopeId", "data-v-a66fa373"]]), cs = {
   key: 0,
   class: "f-tag__dot"
-}, Ct = /* @__PURE__ */ y({
+}, ds = /* @__PURE__ */ S({
   __name: "FTag",
   props: {
     color: {},
@@ -590,36 +617,35 @@ const Pe = (r, e, t) => {
     size: { default: "normal" }
   },
   emits: ["close"],
-  setup(r, { emit: e }) {
-    const t = e, s = R(!1);
-    return (o, c) => {
-      var l, a, _;
-      const d = O("f-icon");
-      return n(), i("span", {
-        class: C(["f-tag", [
-          `f-tag--${(l = o.type) != null ? l : "round"}`,
-          `f-tag--${(a = o.effect) != null ? a : "light"}`,
-          (_ = o.color) != null ? _ : "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: c[1] || (c[1] = (f) => s.value = !0),
-        onMouseleave: c[2] || (c[2] = (f) => s.value = !1)
+        onMouseenter: i[1] || (i[1] = (v) => t.value = !0),
+        onMouseleave: i[2] || (i[2] = (v) => t.value = !1)
       }, [
-        o.type === "dot" ? (n(), i("span", Ft)) : k("", !0),
-        h(o.$slots, "default", {}, void 0, !0),
-        o.closable ? (n(), L(d, {
+        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: c[0] || (c[0] = pe((f) => t("close"), ["stop"]))
+          onClick: i[0] || (i[0] = ue((v) => s("close"), ["stop"]))
         }, {
-          default: B(() => [
-            (n(), L(q(u(s) ? u(Re) : u(Ae))))
+          default: E(() => [
+            (l(), j(se(c(t) ? c(Te) : c(xe))))
           ]),
           _: 1
         })) : k("", !0)
       ], 34);
     };
   }
-}), ho = /* @__PURE__ */ b(Ct, [["__scopeId", "data-v-9f7974a7"]]), zt = /* @__PURE__ */ y({
+}), Re = /* @__PURE__ */ I(ds, [["__scopeId", "data-v-02bd5aa6"]]), us = /* @__PURE__ */ S({
   __name: "FTooltip",
   props: {
     content: {},
@@ -629,66 +655,66 @@ const Pe = (r, e, t) => {
     offset: { default: 6 },
     maxWidth: { default: 240 }
   },
-  setup(r) {
-    const e = r, t = R(null), s = R(null), o = R(!1), c = R({ top: 0, left: 0 });
+  setup(a) {
+    const e = a, s = V(null), t = V(null), o = V(!1), i = V({ top: 0, left: 0 });
     let d = null;
-    const l = () => {
+    const u = () => {
       e.disabled || (d = setTimeout(() => {
-        o.value = !0, de(_);
+        o.value = !0, _e(v);
       }, e.delay));
-    }, a = () => {
+    }, r = () => {
       d && clearTimeout(d), o.value = !1;
-    }, _ = () => {
-      var J, m;
-      if (!s.value) return;
-      const f = (m = (J = t.value) == null ? void 0 : J.firstElementChild) != null ? m : t.value;
-      if (!f) return;
-      const p = f.getBoundingClientRect(), F = s.value.getBoundingClientRect(), S = e.offset, [$, M] = e.placement.split("-");
-      let V = 0, x = 0;
-      switch ($) {
+    }, v = () => {
+      var q, b;
+      if (!t.value) return;
+      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":
-          V = p.top - F.height - S;
+          w = _.top - f.height - m;
           break;
         case "bottom":
-          V = p.bottom + S;
+          w = _.bottom + m;
           break;
         case "left":
-          x = p.left - F.width - S;
+          T = _.left - f.width - m;
           break;
         case "right":
-          x = p.right + S;
+          T = _.right + m;
           break;
       }
-      $ === "top" || $ === "bottom" ? M === "start" ? x = p.left : M === "end" ? x = p.right - F.width : x = p.left + (p.width - F.width) / 2 : M === "start" ? V = p.top : M === "end" ? V = p.bottom - F.height : V = p.top + (p.height - F.height) / 2;
-      const H = 8;
-      x = Math.max(H, Math.min(x, window.innerWidth - F.width - H)), V = Math.max(H, Math.min(V, window.innerHeight - F.height - H)), c.value = { top: V + window.scrollY, left: x + 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 ue(a), (f, p) => (n(), i("div", {
+    return he(r), (y, _) => (l(), n("div", {
       class: "f-tooltip",
       ref_key: "triggerRef",
-      ref: t,
-      onMouseenter: l,
-      onMouseleave: a
+      ref: s,
+      onMouseenter: u,
+      onMouseleave: r
     }, [
-      h(f.$slots, "default", {}, void 0, !0),
-      (n(), L(fe, { to: "body" }, [
-        T(K, { name: "f-tooltip" }, {
-          default: B(() => [
-            u(o) && (f.content || f.$slots.content) ? (n(), i("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: s,
-              class: C(["f-tooltip-wrapper", `is-${f.placement.split("-")[0]}`]),
-              style: I({
-                top: `${u(c).top}px`,
-                left: `${u(c).left}px`,
-                maxWidth: `${f.maxWidth}px`
+              ref: t,
+              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`
               })
             }, [
-              h(f.$slots, "content", {}, () => [
-                we(A(f.content), 1)
+              z(y.$slots, "content", {}, () => [
+                ne(R(y.content), 1)
               ], !0),
-              p[0] || (p[0] = z("span", { class: "f-tooltip-arrow" }, null, -1))
+              _[0] || (_[0] = h("span", { class: "f-tooltip-arrow" }, null, -1))
             ], 6)) : k("", !0)
           ]),
           _: 3
@@ -696,10 +722,10 @@ const Pe = (r, e, t) => {
       ]))
     ], 544));
   }
-}), go = /* @__PURE__ */ b(zt, [["__scopeId", "data-v-be9acca7"]]), xt = { class: "f-progress" }, Tt = {
+}), He = /* @__PURE__ */ I(us, [["__scopeId", "data-v-be9acca7"]]), ps = { class: "f-progress" }, fs = {
   key: 0,
   class: "f-progress__text"
-}, St = /* @__PURE__ */ y({
+}, _s = /* @__PURE__ */ S({
   __name: "FProgress",
   props: {
     percent: {},
@@ -707,25 +733,25 @@ const Pe = (r, e, t) => {
     showText: { type: Boolean, default: !1 },
     height: { default: 5 }
   },
-  setup(r) {
-    const e = r, t = v(() => Math.min(100, Math.max(0, e.percent)));
-    return (s, o) => (n(), i("div", xt, [
-      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: I({ height: `${s.height}px` })
+        style: O({ height: `${t.height}px` })
       }, [
-        z("div", {
+        h("div", {
           class: "f-progress__fill",
-          style: I({
-            width: `${u(t)}%`,
-            background: s.color
+          style: O({
+            width: `${c(s)}%`,
+            background: t.color
           })
         }, null, 4)
       ], 4),
-      s.showText ? (n(), i("span", Tt, A(u(t)) + "%", 1)) : k("", !0)
+      t.showText ? (l(), n("span", fs, R(c(s)) + "%", 1)) : k("", !0)
     ]));
   }
-}), yo = /* @__PURE__ */ b(St, [["__scopeId", "data-v-c2164d6e"]]), Mt = { class: "f-tabs__nav-container" }, Bt = { class: "f-tabs__nav" }, It = ["onClick"], Vt = { class: "f-tabs__label" }, Rt = /* @__PURE__ */ y({
+}), 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: {},
@@ -733,93 +759,93 @@ const Pe = (r, e, t) => {
     type: { default: "line" }
   },
   emits: ["update:active", "change"],
-  setup(r, { emit: e }) {
-    const t = r, s = e, o = v({
+  setup(a, { emit: e }) {
+    const s = a, t = e, o = g({
       get: () => {
-        var l;
-        if (t.active && t.tabs.some((a) => a.name === t.active && !a.disabled))
-          return t.active;
-        const d = t.tabs.find((a) => !a.disabled);
-        return (l = d == null ? void 0 : d.name) != null ? l : "";
+        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: (d) => {
-        s("update:active", d), s("change", d);
+        t("update:active", d), t("change", d);
       }
-    }), c = (d, l) => {
-      l || (o.value = d);
+    }), i = (d, u) => {
+      u || (o.value = d);
     };
-    return (d, l) => (n(), i("div", {
-      class: C(["f-tabs", [`f-tabs--${d.type}`]])
+    return (d, u) => (l(), n("div", {
+      class: M(["f-tabs", [`f-tabs--${d.type}`]])
     }, [
-      z("div", Mt, [
-        z("div", Bt, [
-          (n(!0), i(D, null, U(d.tabs, (a) => (n(), i("div", {
-            key: a.name,
-            class: C(["f-tabs__tab", {
-              active: u(o) === 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: (_) => c(a.name, a.disabled)
+            onClick: (v) => i(r.name, r.disabled)
           }, [
-            z("span", Vt, A(a.label), 1)
-          ], 10, It))), 128))
+            h("span", gs, R(r.label), 1)
+          ], 10, hs))), 128))
         ])
       ]),
-      (n(!0), i(D, null, U(d.tabs, (a) => Z((n(), i("div", {
-        key: a.name,
+      (l(!0), n(L, null, W(d.tabs, (r) => de((l(), n("div", {
+        key: r.name,
         class: "f-tabs__panel"
       }, [
-        h(d.$slots, a.name, {}, void 0, !0)
+        z(d.$slots, r.name, {}, void 0, !0)
       ])), [
-        [ce, u(o) === a.name]
+        [ze, c(o) === r.name]
       ])), 128))
     ], 2));
   }
-}), bo = /* @__PURE__ */ b(Rt, [["__scopeId", "data-v-268fc654"]]), At = {
+}), bs = /* @__PURE__ */ I(ys, [["__scopeId", "data-v-268fc654"]]), $s = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
-}, Dt = ["href"], Lt = {
+}, ks = ["href"], ws = {
   key: 3,
   class: "f-breadcrumb__text"
-}, Pt = /* @__PURE__ */ y({
+}, Fs = /* @__PURE__ */ S({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
     separator: { default: "/" },
     animated: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    return (e, t) => (n(), i("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"
     }, [
-      T(ke, { name: "breadcrumb" }, {
-        default: B(() => [
-          (n(!0), i(D, null, U(e.items, (s, o) => (n(), i(D, {
-            key: s.label
+      H(Ue, { name: "breadcrumb" }, {
+        default: E(() => [
+          (l(!0), n(L, null, W(e.items, (t, o) => (l(), n(L, {
+            key: t.label
           }, [
-            o > 0 ? (n(), i("span", {
-              key: `sep-${s.label}`,
+            o > 0 ? (l(), n("span", {
+              key: `sep-${t.label}`,
               class: "f-breadcrumb__sep",
               "aria-hidden": "true"
-            }, A(e.separator), 1)) : k("", !0),
-            o === e.items.length - 1 ? h(e.$slots, "default", {
+            }, R(e.separator), 1)) : k("", !0),
+            o === e.items.length - 1 ? z(e.$slots, "default", {
               key: 1,
-              item: s
+              item: t
             }, () => [
-              z("span", At, A(s.label), 1)
-            ], !0) : s.href ? (n(), i("a", {
+              h("span", $s, R(t.label), 1)
+            ], !0) : t.href ? (l(), n("a", {
               key: 2,
-              href: s.href,
+              href: t.href,
               class: "f-breadcrumb__link"
-            }, A(s.label), 9, Dt)) : (n(), i("span", Lt, A(s.label), 1))
+            }, R(t.label), 9, ks)) : (l(), n("span", ws, R(t.label), 1))
           ], 64))), 128))
         ]),
         _: 3
       })
     ], 2));
   }
-}), $o = /* @__PURE__ */ b(Pt, [["__scopeId", "data-v-bb787dcc"]]), Wt = /* @__PURE__ */ y({
+}), Cs = /* @__PURE__ */ I(Fs, [["__scopeId", "data-v-bb787dcc"]]), zs = /* @__PURE__ */ S({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -830,28 +856,28 @@ const Pe = (r, e, t) => {
     md: {},
     lg: {}
   },
-  setup(r) {
-    const e = r, t = (c) => typeof c == "number" ? { span: c } : c, s = v(() => ({
+  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
-    })), o = v(() => {
-      const c = [], d = { xs: e.xs, sm: e.sm, md: e.md, lg: e.lg };
-      for (const [l, a] of Object.entries(d)) {
-        if (a === void 0) continue;
-        const { span: _, offset: f, order: p } = t(a);
-        _ !== void 0 && c.push(`f-col--${l}-${_}`), f !== void 0 && c.push(`f-col--${l}-offset-${f}`), p !== void 0 && c.push(`f-col--${l}-order-${p}`);
+    })), 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 c;
+      return i;
     });
-    return (c, d) => (n(), i("div", {
-      class: C(["f-col", u(o)]),
-      style: I(u(s))
+    return (i, d) => (l(), n("div", {
+      class: M(["f-col", c(o)]),
+      style: O(c(t))
     }, [
-      h(c.$slots, "default", {}, void 0, !0)
+      z(i.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), wo = /* @__PURE__ */ b(Wt, [["__scopeId", "data-v-5a8b0cb4"]]), Ht = /* @__PURE__ */ y({
+}), Ss = /* @__PURE__ */ I(zs, [["__scopeId", "data-v-5a8b0cb4"]]), Is = /* @__PURE__ */ S({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -860,10 +886,10 @@ const Pe = (r, e, t) => {
     wrap: { default: "wrap" },
     tag: { default: "div" }
   },
-  setup(r) {
-    const e = r, t = v(
+  setup(a) {
+    const e = a, s = g(
       () => Array.isArray(e.gutter) ? e.gutter[0] : e.gutter
-    ), s = v(
+    ), t = g(
       () => Array.isArray(e.gutter) ? e.gutter[1] : 0
     ), o = {
       start: "flex-start",
@@ -872,35 +898,35 @@ const Pe = (r, e, t) => {
       "space-between": "space-between",
       "space-around": "space-around",
       "space-evenly": "space-evenly"
-    }, c = {
+    }, i = {
       top: "flex-start",
       middle: "center",
       bottom: "flex-end",
       stretch: "stretch"
-    }, d = v(() => ({
-      marginLeft: t.value ? `-${t.value / 2}px` : void 0,
-      marginRight: t.value ? `-${t.value / 2}px` : void 0,
-      rowGap: s.value ? `${s.value}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: o[e.justify],
-      alignItems: c[e.align],
+      alignItems: i[e.align],
       flexWrap: e.wrap,
-      "--row-gutter-h": t.value ? `${t.value / 2}px` : "0px"
+      "--row-gutter-h": s.value ? `${s.value / 2}px` : "0px"
     }));
-    return (l, a) => (n(), L(q(l.tag), {
+    return (u, r) => (l(), j(se(u.tag), {
       class: "f-row",
-      style: I(u(d))
+      style: O(c(d))
     }, {
-      default: B(() => [
-        h(l.$slots, "default", {}, void 0, !0)
+      default: E(() => [
+        z(u.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), ko = /* @__PURE__ */ b(Ht, [["__scopeId", "data-v-72f62339"]]), Et = { class: "f-space__item" }, Ot = {
+}), Ms = /* @__PURE__ */ I(Is, [["__scopeId", "data-v-72f62339"]]), Ts = { class: "f-space__item" }, xs = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
-}, jt = /* @__PURE__ */ y({
+}, Bs = /* @__PURE__ */ S({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -910,80 +936,80 @@ const Pe = (r, e, t) => {
     wrap: { type: Boolean, default: !1 },
     split: {}
   },
-  setup(r) {
-    const e = r, t = {
+  setup(a) {
+    const e = a, s = {
       small: 6,
       normal: 12,
       large: 18
-    }, s = (a) => typeof a == "number" ? a : t[a], o = v(() => {
-      const a = e.size;
-      return Array.isArray(a) ? `${s(a[1])}px ${s(a[0])}px` : `${s(a)}px`;
-    }), c = v(() => ({
+    }, 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: o.value
-    })), d = Fe(), l = v(() => {
-      var f;
-      const a = (f = d.default) == null ? void 0 : f.call(d);
-      if (!a) return [];
-      const _ = [];
-      for (const p of a)
-        p.type === D ? _.push(...p.children) : _.push(p);
-      return _.filter((p) => p.type !== Comment);
+    })), 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, _) => (n(), i("div", {
+    return (r, v) => (l(), n("div", {
       class: "f-space",
-      style: I(u(c))
+      style: O(c(i))
     }, [
-      (n(!0), i(D, null, U(u(l), (f, p) => (n(), i(D, { key: p }, [
-        z("div", Et, [
-          (n(), L(q(f)))
+      (l(!0), n(L, null, W(c(u), (y, _) => (l(), n(L, { key: _ }, [
+        h("div", Ts, [
+          (l(), j(se(y)))
         ]),
-        a.split && p < u(l).length - 1 ? (n(), i("span", Ot, A(a.split), 1)) : k("", !0)
+        r.split && _ < c(u).length - 1 ? (l(), n("span", xs, R(r.split), 1)) : k("", !0)
       ], 64))), 128))
     ], 4));
   }
-}), Fo = /* @__PURE__ */ b(jt, [["__scopeId", "data-v-5fb3b1a0"]]), Nt = /* @__PURE__ */ y({
+}), Vs = /* @__PURE__ */ I(Bs, [["__scopeId", "data-v-5fb3b1a0"]]), Rs = /* @__PURE__ */ S({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
   },
-  setup(r) {
-    const e = r, t = v(() => ({
+  setup(a) {
+    const e = a, s = g(() => ({
       gap: typeof e.gap == "number" ? `${e.gap}px` : e.gap
     }));
-    return (s, o) => (n(), i("div", {
+    return (t, o) => (l(), n("div", {
       class: "f-container",
-      style: I(u(t))
+      style: O(c(s))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Co = /* @__PURE__ */ b(Nt, [["__scopeId", "data-v-08450ddf"]]), Gt = /* @__PURE__ */ y({
+}), Hs = /* @__PURE__ */ I(Rs, [["__scopeId", "data-v-08450ddf"]]), Ds = /* @__PURE__ */ S({
   __name: "FDivider",
   props: {
     color: {},
     direction: { default: "horizontal" },
     line: { default: "solid" }
   },
-  setup(r) {
-    const e = r, t = v(() => {
-      const s = e.color || "var(--el-color-primary)", o = e.direction === "horizontal";
+  setup(a) {
+    const e = a, s = g(() => {
+      const t = e.color || "var(--el-color-primary)", o = e.direction === "horizontal";
       return {
-        borderTop: o ? `${e.line} ${s}` : "none",
-        borderLeft: o ? "none" : `${e.line} ${s}`,
+        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 (s, o) => (n(), i("hr", {
-      style: I(t.value)
+    return (t, o) => (l(), n("hr", {
+      style: O(s.value)
     }, null, 4));
   }
-}), zo = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-512ee743"]]), Ut = ["src", "alt"], Xt = /* @__PURE__ */ y({
+}), As = /* @__PURE__ */ I(Ds, [["__scopeId", "data-v-512ee743"]]), Es = ["src", "alt"], Os = /* @__PURE__ */ S({
   __name: "FAvatar",
   props: {
     src: {},
@@ -992,39 +1018,36 @@ const Pe = (r, e, t) => {
     shape: { default: "circle" },
     icon: {}
   },
-  setup(r) {
-    const e = r, t = {
+  setup(a) {
+    const e = a, s = {
       small: "32px",
       normal: "48px",
       large: "64px"
-    }, s = v(() => ({
-      width: typeof e.size == "string" ? t[e.size] : `${e.size}px`,
-      height: typeof e.size == "string" ? t[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 (o, c) => {
-      const d = O("f-icon");
-      return n(), i("div", {
-        class: "f-avatar",
-        style: I(u(s))
-      }, [
-        o.src ? (n(), i("img", {
-          key: 0,
-          src: o.src,
-          alt: o.alt
-        }, null, 8, Ut)) : (n(), L(d, {
-          key: 1,
-          size: 24
-        }, {
-          default: B(() => [
-            (n(), L(q(o.icon ? o.icon : u(De))))
-          ]),
-          _: 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));
   }
-}), xo = /* @__PURE__ */ b(Xt, [["__scopeId", "data-v-799350d0"]]), Yt = ["disabled"], qt = /* @__PURE__ */ y({
+}), Ps = /* @__PURE__ */ I(Os, [["__scopeId", "data-v-b3665268"]]), Ls = ["disabled"], js = /* @__PURE__ */ S({
   __name: "FButton",
   props: {
     size: { default: "normal" },
@@ -1033,49 +1056,49 @@ const Pe = (r, e, t) => {
     bgColor: {},
     variant: {}
   },
-  setup(r) {
-    const e = r, t = {
+  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" }
-    }, s = v(() => {
+    }, t = g(() => {
       var o;
-      return ne(ae({}, (o = t[e.size]) != null ? o : t.normal), {
+      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 (o, c) => {
+    return (o, i) => {
       var d;
-      return n(), i("button", {
-        class: C(["f-button", [
+      return l(), n("button", {
+        class: M(["f-button", [
           `f-button--${(d = o.variant) != null ? d : "default"}`,
           { "is-disabled": o.disabled }
         ]]),
-        style: I(u(s)),
+        style: O(c(t)),
         disabled: o.disabled
       }, [
-        h(o.$slots, "default", {}, void 0, !0)
-      ], 14, Yt);
+        z(o.$slots, "default", {}, void 0, !0)
+      ], 14, Ls);
     };
   }
-}), To = /* @__PURE__ */ b(qt, [["__scopeId", "data-v-eeff7101"]]), Jt = /* @__PURE__ */ y({
+}), Ws = /* @__PURE__ */ I(js, [["__scopeId", "data-v-eeff7101"]]), Ns = /* @__PURE__ */ S({
   __name: "FTypography",
   props: {
     color: { default: "" }
   },
-  setup(r) {
-    const e = r, t = v(() => ({
+  setup(a) {
+    const e = a, s = g(() => ({
       color: e.color
     }));
-    return (s, o) => (n(), i("div", {
+    return (t, o) => (l(), n("div", {
       class: "f-typography",
-      style: I(u(t))
+      style: O(c(s))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), So = /* @__PURE__ */ b(Jt, [["__scopeId", "data-v-54c9aca5"]]), Kt = /* @__PURE__ */ y({
+}), Gs = /* @__PURE__ */ I(Ns, [["__scopeId", "data-v-50e044db"]]), Us = /* @__PURE__ */ S({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -1086,46 +1109,46 @@ const Pe = (r, e, t) => {
     truncate: { type: Boolean },
     italic: { type: Boolean }
   },
-  setup(r) {
-    const e = r, t = {
+  setup(a) {
+    const e = a, s = {
       1: "3xl",
       2: "2xl",
       3: "xl",
       4: "lg",
       5: "normal",
       6: "sm"
-    }, s = {
+    }, t = {
       1: "bolder",
       2: "bold",
       3: "bold",
       4: "medium",
       5: "medium",
       6: "normal"
-    }, o = v(() => {
-      var l;
-      return e.heading ? `h${e.heading}` : (l = e.tag) != null ? l : "span";
-    }), c = v(() => {
-      var l;
-      return (l = e.size) != null ? l : e.heading ? t[e.heading] : "normal";
-    }), d = v(() => {
-      var l;
-      return (l = e.weight) != null ? l : e.heading ? s[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 (l, a) => (n(), L(q(u(o)), {
-      class: C(["f-text", [
-        `f-text--${u(c)}`,
-        `f-text--${u(d)}`,
-        l.color && `f-text--${l.color}`,
-        { "f-text--truncate": l.truncate, "f-text--italic": l.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: B(() => [
-        h(l.$slots, "default", {}, void 0, !0)
+      default: E(() => [
+        z(u.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Mo = /* @__PURE__ */ b(Kt, [["__scopeId", "data-v-8bcfc6b3"]]), Qt = ["href", "target", "rel"], Zt = /* @__PURE__ */ y({
+}), Js = /* @__PURE__ */ I(Us, [["__scopeId", "data-v-8bcfc6b3"]]), qs = ["href", "target", "rel"], Xs = /* @__PURE__ */ S({
   __name: "FLink",
   props: {
     href: {},
@@ -1134,10 +1157,10 @@ const Pe = (r, e, t) => {
     color: {},
     disabled: { type: Boolean }
   },
-  setup(r) {
-    const e = r;
-    return (t, s) => (n(), i("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 }
@@ -1146,10 +1169,10 @@ const Pe = (r, e, t) => {
       target: e.target,
       rel: e.target === "_blank" ? "noopener noreferrer" : void 0
     }, [
-      h(t.$slots, "default", {}, void 0, !0)
-    ], 10, Qt));
+      z(s.$slots, "default", {}, void 0, !0)
+    ], 10, qs));
   }
-}), Bo = /* @__PURE__ */ b(Zt, [["__scopeId", "data-v-daaa3e25"]]), eo = { class: "f-badge" }, to = /* @__PURE__ */ y({
+}), Ys = /* @__PURE__ */ I(Xs, [["__scopeId", "data-v-daaa3e25"]]), Ks = { class: "f-badge" }, Qs = /* @__PURE__ */ S({
   __name: "FBadge",
   props: {
     value: {},
@@ -1159,109 +1182,860 @@ const Pe = (r, e, t) => {
     placement: { default: "top-right" },
     offset: { default: () => [0, 0] }
   },
-  setup(r) {
-    const e = r, t = v(() => {
+  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 : "";
-    }), s = v(() => {
-      const [o, c] = e.offset;
+    }), t = g(() => {
+      const [o, i] = e.offset;
       return {
-        "top-right": { top: 0, right: 0, transform: `translate(calc(50% + ${o}px), calc(-50% + ${c}px))` },
-        "top-left": { top: 0, left: 0, transform: `translate(calc(-50% + ${o}px), calc(-50% + ${c}px))` },
-        "bottom-right": { bottom: 0, right: 0, transform: `translate(calc(50% + ${o}px), calc(50% + ${c}px))` },
-        "bottom-left": { bottom: 0, left: 0, transform: `translate(calc(-50% + ${o}px), calc(50% + ${c}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 (o, c) => (n(), i("div", eo, [
-      h(o.$slots, "default", {}, void 0, !0),
-      o.dot || o.value !== void 0 && o.value !== "" ? (n(), i("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--${o.type}`, { "f-badge--dot": o.dot }]]),
-        style: I(u(s))
-      }, A(u(t)), 7)) : k("", !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)
     ]));
   }
-}), Io = /* @__PURE__ */ b(to, [["__scopeId", "data-v-be6947ff"]]), oo = /* @__PURE__ */ y({
+}), Zs = /* @__PURE__ */ I(Qs, [["__scopeId", "data-v-be6947ff"]]), eo = /* @__PURE__ */ S({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
     offset: { default: () => [8, 8] }
   },
-  setup(r) {
-    const e = r, t = v(() => {
-      const [s, o] = e.offset;
+  setup(a) {
+    const e = a, s = g(() => {
+      const [t, o] = e.offset;
       return {
-        "top-left": { top: `${o}px`, left: `${s}px` },
-        "top-right": { top: `${o}px`, right: `${s}px` },
-        "bottom-left": { bottom: `${o}px`, left: `${s}px` },
-        "bottom-right": { bottom: `${o}px`, right: `${s}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 (s, o) => (n(), i("div", {
+    return (t, o) => (l(), n("div", {
       class: "f-affix",
-      style: I(u(t))
+      style: O(c(s))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      z(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Vo = /* @__PURE__ */ b(oo, [["__scopeId", "data-v-8506d679"]]), Ro = (r) => {
-  [
-    "FInput",
-    "FImage",
-    "FLoading",
-    "FIcon",
-    "FRate",
-    "FDropdown",
-    "FSelect",
-    "FPagination",
-    "FCard",
-    "FTag",
-    "FTooltip",
-    "FProgress",
-    "FTabs",
-    "FBreadcrumb",
-    "FCol",
-    "FRow",
-    "FSpace",
-    "FContainer",
-    "FDivider",
-    "FAvatar",
-    "FButton",
-    "FTypography",
-    "FText",
-    "FLink",
-    "FBadge",
-    "FAffix"
-  ].forEach((t) => {
-    r.component(t, Ce(() => Pe(/* @__PURE__ */ Object.assign({}), `./common/${t}.vue`, 3)));
+}), to = /* @__PURE__ */ I(eo, [["__scopeId", "data-v-8506d679"]]), so = /* @__PURE__ */ S({
+  __name: "FForm",
+  props: {
+    model: {},
+    rules: { default: () => ({}) },
+    labelWidth: { default: "80px" },
+    labelPosition: { default: "right" },
+    size: { default: "normal" }
+  },
+  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 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: () => 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((r) => r.clearValidate());
+      }
+    }), (r, v) => (l(), n("form", {
+      class: M(["f-form", [
+        `f-form--label-${r.labelPosition}`,
+        `f-form--size-${r.size}`
+      ]]),
+      onSubmit: v[0] || (v[0] = ue(() => {
+      }, ["prevent"]))
+    }, [
+      z(r.$slots, "default", {}, void 0, !0)
+    ], 34));
+  }
+}), 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 && o) continue;
+    if (t.type) {
+      const u = ao(a, t);
+      if (u) return u;
+    }
+    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(a))
+      return t.message || "不在指定的枚举范围内";
+    if (t.validator) {
+      const u = yield Promise.resolve(t.validator(a, t));
+      if (typeof u == "string") return u;
+      if (u === !1) return t.message || "校验失败";
+    }
+  }
+}), ao = (a, e) => {
+  const { type: s, message: t } = e;
+  switch (s) {
+    case "string":
+      if (typeof a != "string") return t || "必须是字符串";
+      break;
+    case "number":
+      if (typeof a != "number" || isNaN(a)) return t || "必须是数字";
+      break;
+    case "integer":
+      if (!Number.isInteger(a)) return t || "必须是整数";
+      break;
+    case "boolean":
+      if (typeof a != "boolean") return t || "必须是布尔值";
+      break;
+    case "array":
+      if (!Array.isArray(a)) return t || "必须是数组";
+      break;
+    case "object":
+      if (typeof a != "object" || a === null) return t || "必须是对象";
+      break;
+    case "email":
+      if (!/^[^\s@]+@([^\s@]+\.)+[^\s@]+$/.test(a)) return t || "邮箱格式不正确";
+      break;
+    case "regexp":
+      if (e.pattern && !e.pattern.test(String(a)))
+        return e.message || "格式不匹配";
+      break;
+  }
+}, 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}`);
+  }
+}, ro = {
+  key: 0,
+  class: "star"
+}, io = { class: "f-form-item__content" }, co = {
+  key: 0,
+  class: "f-form-item__error"
+}, uo = /* @__PURE__ */ S({
+  __name: "FFormItem",
+  props: {
+    label: {},
+    prop: {}
+  },
+  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 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) }
+        ]])
+      }, [
+        _.label ? (l(), n("label", {
+          key: 0,
+          class: "f-form-item__label",
+          style: O({
+            width: c(i) === "top" ? "100%" : (m = c(t)) == null ? void 0 : m.labelWidth,
+            textAlign: c(i) === "top" ? "left" : c(i)
+          })
+        }, [
+          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
+          })
+        ])
+      ], 2);
+    };
+  }
+}), po = /* @__PURE__ */ I(uo, [["__scopeId", "data-v-c3d6ec01"]]), fo = { class: "f-checkbox__wrapper" }, _o = ["checked", "disabled"], mo = {
+  key: 0,
+  class: "f-checkbox__label"
+}, vo = /* @__PURE__ */ S({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ U({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const e = te(a, "modelValue"), s = a, t = (o) => {
+      if (s.disabled) return;
+      const i = o.target;
+      e.value = i.checked;
+    };
+    return (o, i) => (l(), n("label", {
+      class: M(["f-checkbox", { "is-disabled": o.disabled }])
+    }, [
+      h("span", fo, [
+        h("input", {
+          type: "checkbox",
+          checked: e.value,
+          disabled: o.disabled,
+          onChange: t
+        }, null, 40, _o),
+        i[0] || (i[0] = h("span", { class: "f-checkbox__checkmark" }, null, -1))
+      ]),
+      o.label ? (l(), n("span", mo, R(o.label), 1)) : k("", !0)
+    ], 2));
+  }
+}), 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: 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 {
-  Vo as FAffix,
-  xo as FAvatar,
-  Io as FBadge,
-  $o as FBreadcrumb,
-  To as FButton,
-  vo as FCard,
-  wo as FCol,
-  Co as FContainer,
-  zo as FDivider,
-  po as FDropdown,
-  ro as FIcon,
-  io as FImage,
-  co as FInput,
-  Bo as FLink,
-  uo as FLoading,
-  _o as FPagination,
-  yo as FProgress,
-  fo as FRate,
-  ko as FRow,
-  mo as FSelect,
-  Fo as FSpace,
-  bo as FTabs,
-  ho as FTag,
-  Mo as FText,
-  go as FTooltip,
-  So as FTypography,
-  Ro as install
+  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
 };