fantasia-ui 0.2.3 → 0.2.4

package/dist/fantasia-ui.es.js

@@ -1,78 +1,66 @@
-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 ge = Object.defineProperty, be = Object.defineProperties;
+var ye = Object.getOwnPropertyDescriptors;
+var le = Object.getOwnPropertySymbols;
+var $e = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
+var re = (n, e, o) => e in n ? ge(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o, ie = (n, e) => {
+  for (var o in e || (e = {}))
+    $e.call(e, o) && re(n, o, e[o]);
+  if (le)
+    for (var o of le(e))
+      ke.call(e, o) && re(n, o, e[o]);
+  return n;
+}, ce = (n, e) => be(n, ye(e));
+var J = (n, e, o) => new Promise((t, s) => {
+  var i = (a) => {
     try {
-      l(t.next(a));
-    } catch (_) {
-      o(_);
+      r(o.next(a));
+    } catch (f) {
+      s(f);
     }
-  }, d = (a) => {
+  }, u = (a) => {
     try {
-      l(t.throw(a));
-    } catch (_) {
-      o(_);
+      r(o.throw(a));
+    } catch (f) {
+      s(f);
     }
-  }, l = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(c, d);
-  l((t = t.apply(r, e)).next());
+  }, r = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(i, u);
+  r((o = o.apply(n, 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 g, computed as h, createElementBlock as c, openBlock as l, normalizeStyle as T, unref as p, renderSlot as v, ref as R, watch as ee, resolveComponent as O, createVNode as S, withDirectives as te, Transition as K, withCtx as I, createCommentVNode as y, createElementVNode as z, vShow as ue, mergeModels as H, useModel as Q, normalizeClass as C, readonly as de, vModelDynamic as we, Fragment as P, renderList as G, toDisplayString as V, createBlock as W, nextTick as pe, onUnmounted as oe, Teleport as fe, withModifiers as se, resolveDynamicComponent as Y, createTextVNode as me, TransitionGroup as Fe, useSlots as ze, provide as _e, inject as Ce, onMounted as xe } from "vue";
+import { Search as Se, StarOutline as Me, StarHalf as Ie, Star as Te, ChevronDownOutline as Be, ChevronBackOutline as Ve, EllipsisHorizontal as Re, ChevronForwardOutline as Ae, CloseCircle as Pe, Close as We, Person as je } from "@vicons/ionicons5";
+import { useEventListener as De } from "@vueuse/core";
+const Ee = /* @__PURE__ */ g({
   __name: "FIcon",
   props: {
     color: {},
     size: { default: "1em" }
   },
-  setup(r) {
-    const e = r, t = v(() => ({
+  setup(n) {
+    const e = n, o = h(() => ({
       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, s) => (l(), c("span", {
       role: "img",
       class: "f-icon",
-      style: I(u(t))
+      style: T(p(o))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      v(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 = {
+}), b = (n, e) => {
+  const o = n.__vccOpts || n;
+  for (const [t, s] of e)
+    o[t] = s;
+  return o;
+}, Le = /* @__PURE__ */ b(Ee, [["__scopeId", "data-v-524b7dbb"]]), Oe = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e", He = { class: "f-image" }, Ne = {
   key: 0,
   class: "f-image__placeholder"
-}, je = {
+}, qe = {
   key: 0,
   class: "f-image__error"
-}, Ne = ["src", "loading"], Ge = /* @__PURE__ */ y({
+}, Ge = ["src", "loading"], Ue = /* @__PURE__ */ g({
   __name: "FImage",
   props: {
     src: {},
@@ -80,54 +68,54 @@ 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(n) {
+    const e = n, o = R("loading");
+    ee(() => e.src, () => {
+      o.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)
+    const t = () => o.value = "loaded", s = () => o.value = "error";
+    return (i, u) => {
+      const r = O("f-loading"), a = O("f-icon");
+      return l(), c("div", He, [
+        S(K, { name: "fade" }, {
+          default: I(() => [
+            p(o) === "loading" ? (l(), c("div", Ne, [
+              S(r, { type: "classic first" })
+            ])) : y("", !0)
           ]),
           _: 1
         }),
-        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))
+        S(K, { name: "fade" }, {
+          default: I(() => [
+            p(o) === "error" ? (l(), c("div", qe, [
+              v(i.$slots, "error", {}, () => [
+                S(a, { size: "48px" }, {
+                  default: I(() => [
+                    S(p(Oe))
                   ]),
                   _: 1
                 })
               ], !0)
-            ])) : k("", !0)
+            ])) : y("", !0)
           ]),
           _: 3
         }),
-        Z(z("img", {
+        te(z("img", {
           src: e.src,
-          loading: c.lazy ? "lazy" : "eager",
-          style: I({ objectFit: e.fit }),
+          loading: i.lazy ? "lazy" : "eager",
+          style: T({ objectFit: e.fit }),
           class: "f-image__img",
-          onLoad: s,
-          onError: o
-        }, null, 44, Ne), [
-          [ce, u(t) === "loaded"]
+          onLoad: t,
+          onError: s
+        }, null, 44, Ge), [
+          [ue, p(o) === "loaded"]
         ])
       ]);
     };
   }
-}), io = /* @__PURE__ */ b(Ge, [["__scopeId", "data-v-2948108d"]]), Ue = ["type", "placeholder", "disabled", "readonly", "name", "id"], Xe = /* @__PURE__ */ y({
+}), Xe = /* @__PURE__ */ b(Ue, [["__scopeId", "data-v-2948108d"]]), Ye = ["type", "placeholder", "disabled", "readonly", "name", "id"], Je = /* @__PURE__ */ g({
   __name: "FInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     placeholder: { default: "输入..." },
     type: { default: "text" },
     disabled: { type: Boolean, default: !1 },
@@ -138,85 +126,85 @@ 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);
+  emits: /* @__PURE__ */ H(["input", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(n, { emit: e }) {
+    const o = Q(n, "modelValue"), t = e, s = (a) => {
+      const f = a.target.value;
+      t("input", f);
+    }, i = (a) => {
+      const f = a.target.value;
+      t("change", f);
+    }, u = (a) => {
+      t("focus", a);
+    }, r = (a) => {
+      t("blur", a);
     };
-    return (a, _) => {
-      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) }])
+    return (a, f) => {
+      const m = O("f-icon");
+      return l(), c("div", {
+        class: C(["f-input", { "is-disabled": a.disabled, "is-readonly": "readonly" in a ? a.readonly : p(de) }])
       }, [
-        T(f, { class: "f-input__icon" }, {
-          default: B(() => [
-            T(u(ze))
+        S(m, { class: "f-input__icon" }, {
+          default: I(() => [
+            S(p(Se))
           ]),
           _: 1
         }),
-        Z(z("input", {
+        te(z("input", {
           class: "f-input__text",
-          "onUpdate:modelValue": _[0] || (_[0] = (p) => t.value = p),
+          "onUpdate:modelValue": f[0] || (f[0] = (d) => o.value = d),
           type: a.type,
           placeholder: a.placeholder,
           disabled: a.disabled,
-          readonly: "readonly" in a ? a.readonly : u(re),
+          readonly: "readonly" in a ? a.readonly : p(de),
           name: a.name,
           id: a.id,
-          onInput: o,
-          onChange: c,
-          onFocus: d,
-          onBlur: l
-        }, null, 40, Ue), [
-          [$e, t.value]
+          onInput: s,
+          onChange: i,
+          onFocus: u,
+          onBlur: r
+        }, null, 40, Ye), [
+          [we, o.value]
         ])
       ], 2);
     };
   }
-}), co = /* @__PURE__ */ b(Xe, [["__scopeId", "data-v-6c6d7c63"]]), Ye = {
+}), Ke = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-6c6d7c63"]]), Qe = {
   key: 0,
   class: "loop cubes"
-}, qe = {
+}, Ze = {
   key: 2,
   class: "msg"
-}, Je = /* @__PURE__ */ y({
+}, et = /* @__PURE__ */ g({
   __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 }])
+  setup(n) {
+    const e = n;
+    return (o, t) => (l(), c("div", {
+      class: C(["flex-center-col size-full loading-container", { "global-mask": o.mask }])
     }, [
-      t.type === "cubes" ? (n(), i("div", Ye, [
-        (n(), i(D, null, U(6, (o) => z("div", {
+      o.type === "cubes" ? (l(), c("div", Qe, [
+        (l(), c(P, null, G(6, (s) => z("div", {
           class: "item cubes",
-          key: o
+          key: s
         })), 64))
-      ])) : (n(), i("div", {
+      ])) : (l(), c("div", {
         key: 1,
-        class: C(["loader", t.type])
+        class: C(["loader", o.type])
       }, null, 2)),
-      e.text ? (n(), i("p", qe, A(e.text), 1)) : k("", !0)
+      e.text ? (l(), c("p", Ze, V(e.text), 1)) : y("", !0)
     ], 2));
   }
-}), uo = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-26005e98"]]), Ke = ["onMousemove"], Qe = {
+}), tt = /* @__PURE__ */ b(et, [["__scopeId", "data-v-20f58a50"]]), ot = ["onMousemove"], st = {
   key: 0,
   class: "f-rate__score"
-}, Ze = /* @__PURE__ */ y({
+}, at = /* @__PURE__ */ g({
   __name: "FRate",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     modelValue: {},
     count: { default: 5 },
     readonly: { type: Boolean, default: !1 },
@@ -230,63 +218,63 @@ 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__ */ H(["change"], ["update:modelValue"]),
+  setup(n, { emit: e }) {
+    const o = Q(n, "modelValue"), t = n, s = e, i = R(null), u = h(() => {
+      var w;
+      return (w = i.value) != null ? w : o.value;
+    }), r = h(
+      () => t.scoreTemplate.replace("{value}", String(o.value))
+    ), a = h(
+      () => t.size === "normal" ? 16 : t.size === "small" ? 12 : 20
+    ), f = (w) => {
+      const B = u.value;
+      return B >= w ? "full" : t.allowHalf && B >= w - 0.5 ? "half" : "empty";
+    }, m = (w) => f(w) === "full" ? t.voidColor : t.color, d = (w, B) => {
+      if (!t.readonly)
+        if (t.allowHalf) {
+          const A = w.currentTarget, { left: M, width: E } = A.getBoundingClientRect();
+          i.value = (w.clientX - M) / E < 0.5 ? B - 0.5 : B;
         } 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 = B;
+    }, k = () => {
+      t.readonly || (i.value = null);
+    }, x = () => {
+      var B;
+      if (t.readonly) return;
+      const w = (B = i.value) != null ? B : o.value;
+      o.value = w, s("change", w);
     };
-    return ($, M) => {
-      const V = O("f-icon");
-      return n(), i("div", {
-        class: C(["f-rate", { "f-rate--readonly": s.readonly }]),
-        onMouseleave: F
+    return (w, B) => {
+      const A = O("f-icon");
+      return l(), c("div", {
+        class: C(["f-rate", { "f-rate--readonly": t.readonly }]),
+        onMouseleave: k
       }, [
-        (n(!0), i(D, null, U(s.count, (x) => (n(), i("span", {
-          key: x,
+        (l(!0), c(P, null, G(t.count, (M) => (l(), c("span", {
+          key: M,
           class: "f-rate__item",
-          onMousemove: (H) => p(H, x),
-          onClick: S
+          onMousemove: (E) => d(E, M),
+          onClick: x
         }, [
-          T(V, {
-            color: f(x),
-            size: u(a)
+          S(A, {
+            color: m(M),
+            size: p(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 }))
+            default: I(() => [
+              f(M) === "full" ? (l(), W(p(Me), { key: 0 })) : f(M) === "half" ? (l(), W(p(Ie), { key: 1 })) : (l(), W(p(Te), { key: 2 }))
             ]),
             _: 2
           }, 1032, ["color", "size"])
-        ], 40, Ke))), 128)),
-        s.showText ? (n(), i("span", Qe, A(u(l)), 1)) : k("", !0)
+        ], 40, ot))), 128)),
+        t.showText ? (l(), c("span", st, V(p(r)), 1)) : y("", !0)
       ], 34);
     };
   }
-}), fo = /* @__PURE__ */ b(Ze, [["__scopeId", "data-v-d68cd0e3"]]), et = { class: "f-dropdown-wrapper" }, tt = { class: "f-dropdown-content" }, ot = ["onClick"], st = {
+}), nt = /* @__PURE__ */ b(at, [["__scopeId", "data-v-d68cd0e3"]]), lt = { class: "f-dropdown-wrapper" }, rt = { class: "f-dropdown-content" }, it = ["onClick"], ct = {
   key: 0,
   class: "opt-icon"
-}, at = { class: "opt-label" }, nt = /* @__PURE__ */ y({
+}, dt = { class: "opt-label" }, ut = /* @__PURE__ */ g({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -296,136 +284,136 @@ 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(n, { emit: e }) {
+    const o = n, t = e, s = R(!1), i = R(null), u = R(null), r = R(null), a = R(0), f = R(0), m = h(() => {
+      const [_] = o.placement.split("-"), $ = (Array.isArray(o.offset) ? o.offset[0] : o.offset) + 4, F = { position: "absolute" };
+      return _ === "right" ? (F.width = `${$}px`, F.left = `-${$}px`, F.top = 0, F.bottom = 0) : _ === "left" ? (F.width = `${$}px`, F.right = `-${$}px`, F.top = 0, F.bottom = 0) : _ === "bottom" ? (F.height = `${$}px`, F.top = `-${$}px`, F.left = 0, F.right = 0) : _ === "top" && (F.height = `${$}px`, F.bottom = `-${$}px`, F.left = 0, F.right = 0), F;
+    }), d = h(() => {
+      if (!i.value) return {};
+      const _ = i.value, { placement: N } = o, $ = Array.isArray(o.offset) ? o.offset[0] : o.offset, [F, q] = N.split("-"), ae = window.innerWidth, ne = window.innerHeight, U = f.value || 160, X = a.value || 200;
+      let j = 0, D = 0, L = F;
+      F === "right" ? (D = _.right + $, D + U > ae && (D = _.left - U - $, L = "left")) : F === "left" ? (D = _.left - U - $, D < 0 && (D = _.right + $, L = "right")) : F === "bottom" ? (j = _.bottom + $, j + X > ne && (j = _.top - X - $, L = "top")) : F === "top" && (j = _.top - X - $, j < 0 && (j = _.bottom + $, L = "bottom")), L === "top" || L === "bottom" ? (q === "start" ? D = _.left : q === "end" ? D = _.right - U : D = _.left + (_.width - U) / 2, D = Math.max(8, Math.min(D, ae - U - 8))) : (q === "start" ? j = _.top : q === "end" ? j = _.bottom - X : j = _.top + (_.height - X) / 2, j = Math.max(8, Math.min(j, ne - X - 8)));
+      const he = L === "right" ? "left" : L === "left" ? "right" : q === "start" ? "left" : q === "end" ? "right" : "center", ve = L === "bottom" ? "top" : L === "top" ? "bottom" : q === "start" ? "top" : q === "end" ? "bottom" : "center";
       return {
-        top: `${P}px`,
-        left: `${W}px`,
-        transformOrigin: `${_e} ${me}`
+        top: `${j}px`,
+        left: `${D}px`,
+        transformOrigin: `${ve} ${he}`
       };
     });
-    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 k = null, x = null;
+    const w = () => {
+      k && (clearTimeout(k), k = null);
+    }, B = (_) => {
+      o.trigger === "click" && (_.stopPropagation(), s.value ? s.value = !1 : (i.value = u.value.getBoundingClientRect(), s.value = !0));
+    }, A = () => {
+      o.trigger === "hover" && (w(), x = setTimeout(() => {
+        u.value && (i.value = u.value.getBoundingClientRect()), s.value = !0;
       }, 400));
-    }, x = () => {
-      t.trigger === "hover" && (S && (clearTimeout(S), S = null), F = setTimeout(() => {
-        o.value = !1;
+    }, M = () => {
+      o.trigger === "hover" && (x && (clearTimeout(x), x = null), k = setTimeout(() => {
+        s.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));
+    }, E = (_) => {
+      o.trigger !== "click" || !s.value || (s.value = !1);
+    }, Z = (_) => {
+      _.disabled || (t("select", _.key, _), _.children || (s.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, [
+    return ee(s, (_) => J(null, null, function* () {
+      var N, $;
+      _ ? (i.value = u.value.getBoundingClientRect(), yield pe(), a.value = ((N = r.value) == null ? void 0 : N.offsetHeight) || 200, f.value = (($ = r.value) == null ? void 0 : $.offsetWidth) || 160) : (a.value = 0, f.value = 0);
+    })), oe(() => {
+      w(), x && clearTimeout(x);
+    }), De(window, "click", E), (_, N) => (l(), c("div", lt, [
       z("div", {
         ref_key: "triggerRef",
-        ref: d,
+        ref: u,
         class: "f-dropdown-trigger-wrapper",
-        onMouseenter: V,
-        onMouseleave: x,
-        onClick: M
+        onMouseenter: A,
+        onMouseleave: M,
+        onClick: B
       }, [
-        h(m.$slots, "default", {}, void 0, !0)
+        v(_.$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(), W(fe, { to: "body" }, [
+        S(K, { name: "f-dropdown-motion" }, {
+          default: I(() => [
+            p(s) ? (l(), c("div", {
               key: 0,
               ref_key: "dropdownRef",
-              ref: l,
+              ref: r,
               class: "f-dropdown-item",
-              style: I([u(p), { zIndex: m.zIndex }]),
-              onMouseenter: $,
-              onMouseleave: x,
-              onClick: j[0] || (j[0] = pe(() => {
+              style: T([p(d), { zIndex: _.zIndex }]),
+              onMouseenter: w,
+              onMouseleave: M,
+              onClick: N[0] || (N[0] = se(() => {
               }, ["stop"]))
             }, [
-              m.trigger === "hover" ? (n(), i("div", {
+              _.trigger === "hover" ? (l(), c("div", {
                 key: 0,
                 class: "f-dropdown-bridge",
-                style: I(u(f))
-              }, 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)
+                style: T(p(m))
+              }, null, 4)) : y("", !0),
+              z("div", rt, [
+                _.options && _.options.length > 0 ? (l(!0), c(P, { key: 0 }, G(_.options, ($) => (l(), c("div", {
+                  key: $.key,
+                  class: C(["f-dropdown-option", { "is-disabled": $.disabled }]),
+                  onClick: (F) => Z($)
                 }, [
-                  g.icon ? (n(), i("span", st, [
-                    (n(), L(q(g.icon)))
-                  ])) : k("", !0),
-                  z("span", at, A(g.label), 1)
-                ], 10, ot))), 128)) : h(m.$slots, "content", { key: 1 }, void 0, !0)
+                  $.icon ? (l(), c("span", ct, [
+                    (l(), W(Y($.icon)))
+                  ])) : y("", !0),
+                  z("span", dt, V($.label), 1)
+                ], 10, it))), 128)) : v(_.$slots, "content", { key: 1 }, void 0, !0)
               ])
-            ], 36)) : k("", !0)
+            ], 36)) : y("", !0)
           ]),
           _: 3
         })
       ]))
     ]));
   }
-}), po = /* @__PURE__ */ b(nt, [["__scopeId", "data-v-addb3a3b"]]), lt = /* @__PURE__ */ y({
+}), pt = /* @__PURE__ */ b(ut, [["__scopeId", "data-v-addb3a3b"]]), ft = /* @__PURE__ */ g({
   __name: "FSelect",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     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__ */ H(["select"], ["update:modelValue"]),
+  setup(n, { emit: e }) {
+    const o = n, t = e, s = Q(n, "modelValue"), i = R(!1), u = h(
       () => {
-        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 m, d, k;
+        return (k = (m = o.options.find((x) => x.key === s.value)) == null ? void 0 : m.label) != null ? k : (d = o.placeholder) != null ? d : "请选择";
       }
-    ), 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;
+    ), r = h(() => s.value !== void 0 && s.value !== ""), a = (m, d) => {
+      s.value = m, t("select", m, d), i.value = !1;
+    }, f = (m) => {
+      i.value = m;
     };
-    return (f, p) => {
-      const F = O("f-icon"), S = O("f-dropdown");
-      return n(), L(S, {
-        options: f.options,
+    return (m, d) => {
+      const k = O("f-icon"), x = O("f-dropdown");
+      return l(), W(x, {
+        options: m.options,
         trigger: "click",
         onSelect: a,
-        onShow: p[0] || (p[0] = ($) => _(!0)),
-        onHide: p[1] || (p[1] = ($) => _(!1)),
+        onShow: d[0] || (d[0] = (w) => f(!0)),
+        onHide: d[1] || (d[1] = (w) => f(!1)),
         placement: "bottom",
         offset: 4
       }, {
-        default: B(() => [
+        default: I(() => [
           z("div", {
-            class: C(["f-select", { "is-active": u(l), "is-open": u(c) }])
+            class: C(["f-select", { "is-active": p(r), "is-open": p(i) }])
           }, [
             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))
+              class: C(["f-select__label", { "is-placeholder": !p(r) }])
+            }, V(p(u)), 3),
+            S(k, { class: "f-select__arrow" }, {
+              default: I(() => [
+                S(p(Be))
               ]),
               _: 1
             })
@@ -435,12 +423,12 @@ const Pe = (r, e, t) => {
       }, 8, ["options"]);
     };
   }
-}), mo = /* @__PURE__ */ b(lt, [["__scopeId", "data-v-25e7d03d"]]), rt = { class: "f-pagination" }, it = { class: "f-pagination__list" }, ct = {
+}), mt = /* @__PURE__ */ b(ft, [["__scopeId", "data-v-25e7d03d"]]), _t = { class: "f-pagination" }, ht = { class: "f-pagination__list" }, vt = {
   key: 0,
   class: "page-btn ellipsis"
-}, dt = ["onClick"], ut = /* @__PURE__ */ y({
+}, gt = ["onClick"], bt = /* @__PURE__ */ g({
   __name: "FPagination",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     total: {},
     pageSize: { default: 10 },
     hideOnSingle: { type: Boolean }
@@ -448,51 +436,51 @@ const Pe = (r, e, t) => {
     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__ */ H(["update:currentPage"], ["update:modelValue"]),
+  setup(n, { emit: e }) {
+    const o = n, t = Q(n, "modelValue"), s = h(() => Math.ceil(o.total / o.pageSize) || 1), i = h(() => {
+      const r = s.value, a = t.value;
+      return !r || r <= 0 ? [] : r <= 7 ? Array.from({ length: r }, (f, m) => m + 1) : a <= 4 ? [1, 2, 3, 4, 5, "...", r] : a >= r - 3 ? [1, "...", r - 4, r - 3, r - 2, r - 1, r] : [1, "...", a - 1, a, a + 1, "...", r];
+    }), u = (r) => {
+      typeof r == "number" && (r < 1 || r > s.value || r === t.value || (t.value = r));
     };
-    return (l, a) => {
-      const _ = O("f-icon");
-      return n(), i("div", rt, [
+    return (r, a) => {
+      const f = O("f-icon");
+      return l(), c("div", _t, [
         z("button", {
-          class: C(["page-btn", { disabled: s.value === 1 }]),
-          onClick: a[0] || (a[0] = (f) => d(s.value - 1))
+          class: C(["page-btn", { disabled: t.value === 1 }]),
+          onClick: a[0] || (a[0] = (m) => u(t.value - 1))
         }, [
-          T(_, null, {
-            default: B(() => [
-              T(u(Be))
+          S(f, null, {
+            default: I(() => [
+              S(p(Ve))
             ]),
             _: 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))
+        z("ul", ht, [
+          (l(!0), c(P, null, G(p(i), (m, d) => (l(), c(P, { key: d }, [
+            m === "..." ? (l(), c("li", vt, [
+              S(f, null, {
+                default: I(() => [
+                  S(p(Re))
                 ]),
                 _: 1
               })
-            ])) : (n(), i("li", {
+            ])) : (l(), c("li", {
               key: 1,
-              class: C(["page-btn", { active: s.value === f }]),
-              onClick: (F) => d(f)
-            }, A(f), 11, dt))
+              class: C(["page-btn", { active: t.value === m }]),
+              onClick: (k) => u(m)
+            }, V(m), 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))
+          class: C(["page-btn", { disabled: t.value === p(s) }]),
+          onClick: a[1] || (a[1] = (m) => u(t.value + 1))
         }, [
-          T(_, null, {
-            default: B(() => [
-              T(u(Ve))
+          S(f, null, {
+            default: I(() => [
+              S(p(Ae))
             ]),
             _: 1
           })
@@ -500,87 +488,87 @@ const Pe = (r, e, t) => {
       ]);
     };
   }
-}), _o = /* @__PURE__ */ b(ut, [["__scopeId", "data-v-e58f1ac9"]]), ft = {
+}), yt = /* @__PURE__ */ b(bt, [["__scopeId", "data-v-e58f1ac9"]]), $t = {
   key: 0,
   class: "f-card__header"
-}, pt = {
+}, kt = {
   key: 0,
   class: "f-card__header-extra"
-}, mt = {
+}, wt = {
   key: 1,
   class: "f-card__cover"
-}, _t = {
+}, Ft = {
   key: 2,
   class: "f-card__body"
-}, vt = {
+}, zt = {
   key: 3,
   class: "f-card__footer"
-}, ht = {
+}, Ct = {
   key: 0,
   class: "f-card__header"
-}, gt = {
+}, xt = {
   key: 0,
   class: "f-card__header-extra"
-}, yt = {
+}, St = {
   key: 1,
   class: "f-card__cover"
-}, bt = { class: "f-card__content" }, $t = {
+}, Mt = { class: "f-card__content" }, It = {
   key: 0,
   class: "f-card__body"
-}, wt = {
+}, Tt = {
   key: 1,
   class: "f-card__footer"
-}, kt = /* @__PURE__ */ y({
+}, Bt = /* @__PURE__ */ g({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: !0 },
     direction: { default: "vertical" }
   },
-  setup(r) {
-    return (e, t) => (n(), i("div", {
+  setup(n) {
+    return (e, o) => (l(), c("div", {
       class: C(["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)
-          ])) : k("", !0)
-        ])) : k("", !0),
-        e.$slots.cover ? (n(), i("div", mt, [
-          h(e.$slots, "cover", {}, void 0, !0)
-        ])) : k("", !0),
-        e.$slots.default ? (n(), i("div", _t, [
-          h(e.$slots, "default", {}, void 0, !0)
-        ])) : k("", !0),
-        e.$slots.footer ? (n(), i("div", vt, [
-          h(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)
-          ])) : k("", !0)
-        ])) : k("", !0),
-        e.$slots.cover ? (n(), i("div", yt, [
-          h(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)
-          ])) : k("", !0),
-          e.$slots.footer ? (n(), i("div", wt, [
-            h(e.$slots, "footer", {}, void 0, !0)
-          ])) : k("", !0)
+      e.direction === "vertical" ? (l(), c(P, { key: 0 }, [
+        e.$slots.header || e.$slots["header-extra"] ? (l(), c("div", $t, [
+          v(e.$slots, "header", {}, void 0, !0),
+          e.$slots["header-extra"] ? (l(), c("div", kt, [
+            v(e.$slots, "header-extra", {}, void 0, !0)
+          ])) : y("", !0)
+        ])) : y("", !0),
+        e.$slots.cover ? (l(), c("div", wt, [
+          v(e.$slots, "cover", {}, void 0, !0)
+        ])) : y("", !0),
+        e.$slots.default ? (l(), c("div", Ft, [
+          v(e.$slots, "default", {}, void 0, !0)
+        ])) : y("", !0),
+        e.$slots.footer ? (l(), c("div", zt, [
+          v(e.$slots, "footer", {}, void 0, !0)
+        ])) : y("", !0)
+      ], 64)) : (l(), c(P, { key: 1 }, [
+        e.$slots.header || e.$slots["header-extra"] ? (l(), c("div", Ct, [
+          v(e.$slots, "header", {}, void 0, !0),
+          e.$slots["header-extra"] ? (l(), c("div", xt, [
+            v(e.$slots, "header-extra", {}, void 0, !0)
+          ])) : y("", !0)
+        ])) : y("", !0),
+        e.$slots.cover ? (l(), c("div", St, [
+          v(e.$slots, "cover", {}, void 0, !0)
+        ])) : y("", !0),
+        z("div", Mt, [
+          e.$slots.default ? (l(), c("div", It, [
+            v(e.$slots, "default", {}, void 0, !0)
+          ])) : y("", !0),
+          e.$slots.footer ? (l(), c("div", Tt, [
+            v(e.$slots, "footer", {}, void 0, !0)
+          ])) : y("", !0)
         ])
       ], 64))
     ], 2));
   }
-}), vo = /* @__PURE__ */ b(kt, [["__scopeId", "data-v-a66fa373"]]), Ft = {
+}), Vt = /* @__PURE__ */ b(Bt, [["__scopeId", "data-v-a66fa373"]]), Rt = {
   key: 0,
   class: "f-tag__dot"
-}, Ct = /* @__PURE__ */ y({
+}, At = /* @__PURE__ */ g({
   __name: "FTag",
   props: {
     color: {},
@@ -590,36 +578,36 @@ 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", {
+  setup(n, { emit: e }) {
+    const o = e, t = R(!1);
+    return (s, i) => {
+      var r, a, f;
+      const u = O("f-icon");
+      return l(), c("span", {
         class: C(["f-tag", [
-          `f-tag--${(l = o.type) != null ? l : "round"}`,
-          `f-tag--${(a = o.effect) != null ? a : "light"}`,
-          (_ = o.color) != null ? _ : "default"
+          `f-tag--${(r = s.type) != null ? r : "round"}`,
+          `f-tag--${(a = s.effect) != null ? a : "light"}`,
+          (f = s.color) != null ? f : "default"
         ]]),
-        onMouseenter: c[1] || (c[1] = (f) => s.value = !0),
-        onMouseleave: c[2] || (c[2] = (f) => s.value = !1)
+        onMouseenter: i[1] || (i[1] = (m) => t.value = !0),
+        onMouseleave: i[2] || (i[2] = (m) => t.value = !1)
       }, [
-        o.type === "dot" ? (n(), i("span", Ft)) : k("", !0),
-        h(o.$slots, "default", {}, void 0, !0),
-        o.closable ? (n(), L(d, {
+        s.type === "dot" ? (l(), c("span", Rt)) : y("", !0),
+        v(s.$slots, "default", {}, void 0, !0),
+        s.closable ? (l(), W(u, {
           key: 1,
           class: "f-tag__close",
-          onClick: c[0] || (c[0] = pe((f) => t("close"), ["stop"]))
+          onClick: i[0] || (i[0] = se((m) => o("close"), ["stop"]))
         }, {
-          default: B(() => [
-            (n(), L(q(u(s) ? u(Re) : u(Ae))))
+          default: I(() => [
+            (l(), W(Y(p(t) ? p(Pe) : p(We))))
           ]),
           _: 1
-        })) : k("", !0)
+        })) : y("", !0)
       ], 34);
     };
   }
-}), ho = /* @__PURE__ */ b(Ct, [["__scopeId", "data-v-9f7974a7"]]), zt = /* @__PURE__ */ y({
+}), Pt = /* @__PURE__ */ b(At, [["__scopeId", "data-v-9f7974a7"]]), Wt = /* @__PURE__ */ g({
   __name: "FTooltip",
   props: {
     content: {},
@@ -629,77 +617,77 @@ 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 });
-    let d = null;
-    const l = () => {
-      e.disabled || (d = setTimeout(() => {
-        o.value = !0, de(_);
+  setup(n) {
+    const e = n, o = R(null), t = R(null), s = R(!1), i = R({ top: 0, left: 0 });
+    let u = null;
+    const r = () => {
+      e.disabled || (u = setTimeout(() => {
+        s.value = !0, pe(f);
       }, e.delay));
     }, a = () => {
-      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 ($) {
+      u && clearTimeout(u), s.value = !1;
+    }, f = () => {
+      var Z, _;
+      if (!t.value) return;
+      const m = (_ = (Z = o.value) == null ? void 0 : Z.firstElementChild) != null ? _ : o.value;
+      if (!m) return;
+      const d = m.getBoundingClientRect(), k = t.value.getBoundingClientRect(), x = e.offset, [w, B] = e.placement.split("-");
+      let A = 0, M = 0;
+      switch (w) {
         case "top":
-          V = p.top - F.height - S;
+          A = d.top - k.height - x;
           break;
         case "bottom":
-          V = p.bottom + S;
+          A = d.bottom + x;
           break;
         case "left":
-          x = p.left - F.width - S;
+          M = d.left - k.width - x;
           break;
         case "right":
-          x = p.right + S;
+          M = d.right + x;
           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 };
+      w === "top" || w === "bottom" ? B === "start" ? M = d.left : B === "end" ? M = d.right - k.width : M = d.left + (d.width - k.width) / 2 : B === "start" ? A = d.top : B === "end" ? A = d.bottom - k.height : A = d.top + (d.height - k.height) / 2;
+      const E = 8;
+      M = Math.max(E, Math.min(M, window.innerWidth - k.width - E)), A = Math.max(E, Math.min(A, window.innerHeight - k.height - E)), i.value = { top: A + window.scrollY, left: M + window.scrollX };
     };
-    return ue(a), (f, p) => (n(), i("div", {
+    return oe(a), (m, d) => (l(), c("div", {
       class: "f-tooltip",
       ref_key: "triggerRef",
-      ref: t,
-      onMouseenter: l,
+      ref: o,
+      onMouseenter: r,
       onMouseleave: a
     }, [
-      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", {
+      v(m.$slots, "default", {}, void 0, !0),
+      (l(), W(fe, { to: "body" }, [
+        S(K, { name: "f-tooltip" }, {
+          default: I(() => [
+            p(s) && (m.content || m.$slots.content) ? (l(), c("div", {
               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: C(["f-tooltip-wrapper", `is-${m.placement.split("-")[0]}`]),
+              style: T({
+                top: `${p(i).top}px`,
+                left: `${p(i).left}px`,
+                maxWidth: `${m.maxWidth}px`
               })
             }, [
-              h(f.$slots, "content", {}, () => [
-                we(A(f.content), 1)
+              v(m.$slots, "content", {}, () => [
+                me(V(m.content), 1)
               ], !0),
-              p[0] || (p[0] = z("span", { class: "f-tooltip-arrow" }, null, -1))
-            ], 6)) : k("", !0)
+              d[0] || (d[0] = z("span", { class: "f-tooltip-arrow" }, null, -1))
+            ], 6)) : y("", !0)
           ]),
           _: 3
         })
       ]))
     ], 544));
   }
-}), go = /* @__PURE__ */ b(zt, [["__scopeId", "data-v-be9acca7"]]), xt = { class: "f-progress" }, Tt = {
+}), jt = /* @__PURE__ */ b(Wt, [["__scopeId", "data-v-be9acca7"]]), Dt = { class: "f-progress" }, Et = {
   key: 0,
   class: "f-progress__text"
-}, St = /* @__PURE__ */ y({
+}, Lt = /* @__PURE__ */ g({
   __name: "FProgress",
   props: {
     percent: {},
@@ -707,25 +695,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, [
+  setup(n) {
+    const e = n, o = h(() => Math.min(100, Math.max(0, e.percent)));
+    return (t, s) => (l(), c("div", Dt, [
       z("div", {
         class: "f-progress__track",
-        style: I({ height: `${s.height}px` })
+        style: T({ height: `${t.height}px` })
       }, [
         z("div", {
           class: "f-progress__fill",
-          style: I({
-            width: `${u(t)}%`,
-            background: s.color
+          style: T({
+            width: `${p(o)}%`,
+            background: t.color
           })
         }, null, 4)
       ], 4),
-      s.showText ? (n(), i("span", Tt, A(u(t)) + "%", 1)) : k("", !0)
+      t.showText ? (l(), c("span", Et, V(p(o)) + "%", 1)) : y("", !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({
+}), Ot = /* @__PURE__ */ b(Lt, [["__scopeId", "data-v-c2164d6e"]]), Ht = { class: "f-tabs__nav-container" }, Nt = { class: "f-tabs__nav" }, qt = ["onClick"], Gt = { class: "f-tabs__label" }, Ut = /* @__PURE__ */ g({
   __name: "FTabs",
   props: {
     tabs: {},
@@ -733,93 +721,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(n, { emit: e }) {
+    const o = n, t = e, s = h({
       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 r;
+        if (o.active && o.tabs.some((a) => a.name === o.active && !a.disabled))
+          return o.active;
+        const u = o.tabs.find((a) => !a.disabled);
+        return (r = u == null ? void 0 : u.name) != null ? r : "";
       },
-      set: (d) => {
-        s("update:active", d), s("change", d);
+      set: (u) => {
+        t("update:active", u), t("change", u);
       }
-    }), c = (d, l) => {
-      l || (o.value = d);
+    }), i = (u, r) => {
+      r || (s.value = u);
     };
-    return (d, l) => (n(), i("div", {
-      class: C(["f-tabs", [`f-tabs--${d.type}`]])
+    return (u, r) => (l(), c("div", {
+      class: C(["f-tabs", [`f-tabs--${u.type}`]])
     }, [
-      z("div", Mt, [
-        z("div", Bt, [
-          (n(!0), i(D, null, U(d.tabs, (a) => (n(), i("div", {
+      z("div", Ht, [
+        z("div", Nt, [
+          (l(!0), c(P, null, G(u.tabs, (a) => (l(), c("div", {
             key: a.name,
             class: C(["f-tabs__tab", {
-              active: u(o) === a.name,
+              active: p(s) === a.name,
               disabled: a.disabled
             }]),
-            onClick: (_) => c(a.name, a.disabled)
+            onClick: (f) => i(a.name, a.disabled)
           }, [
-            z("span", Vt, A(a.label), 1)
-          ], 10, It))), 128))
+            z("span", Gt, V(a.label), 1)
+          ], 10, qt))), 128))
         ])
       ]),
-      (n(!0), i(D, null, U(d.tabs, (a) => Z((n(), i("div", {
+      (l(!0), c(P, null, G(u.tabs, (a) => te((l(), c("div", {
         key: a.name,
         class: "f-tabs__panel"
       }, [
-        h(d.$slots, a.name, {}, void 0, !0)
+        v(u.$slots, a.name, {}, void 0, !0)
       ])), [
-        [ce, u(o) === a.name]
+        [ue, p(s) === a.name]
       ])), 128))
     ], 2));
   }
-}), bo = /* @__PURE__ */ b(Rt, [["__scopeId", "data-v-268fc654"]]), At = {
+}), Xt = /* @__PURE__ */ b(Ut, [["__scopeId", "data-v-268fc654"]]), Yt = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
-}, Dt = ["href"], Lt = {
+}, Jt = ["href"], Kt = {
   key: 3,
   class: "f-breadcrumb__text"
-}, Pt = /* @__PURE__ */ y({
+}, Qt = /* @__PURE__ */ g({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
     separator: { default: "/" },
     animated: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    return (e, t) => (n(), i("nav", {
+  setup(n) {
+    return (e, o) => (l(), c("nav", {
       class: C(["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
+      S(Fe, { name: "breadcrumb" }, {
+        default: I(() => [
+          (l(!0), c(P, null, G(e.items, (t, s) => (l(), c(P, {
+            key: t.label
           }, [
-            o > 0 ? (n(), i("span", {
-              key: `sep-${s.label}`,
+            s > 0 ? (l(), c("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", {
+            }, V(e.separator), 1)) : y("", !0),
+            s === e.items.length - 1 ? v(e.$slots, "default", {
               key: 1,
-              item: s
+              item: t
             }, () => [
-              z("span", At, A(s.label), 1)
-            ], !0) : s.href ? (n(), i("a", {
+              z("span", Yt, V(t.label), 1)
+            ], !0) : t.href ? (l(), c("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))
+            }, V(t.label), 9, Jt)) : (l(), c("span", Kt, V(t.label), 1))
           ], 64))), 128))
         ]),
         _: 3
       })
     ], 2));
   }
-}), $o = /* @__PURE__ */ b(Pt, [["__scopeId", "data-v-bb787dcc"]]), Wt = /* @__PURE__ */ y({
+}), Zt = /* @__PURE__ */ b(Qt, [["__scopeId", "data-v-bb787dcc"]]), eo = /* @__PURE__ */ g({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -830,28 +818,28 @@ const Pe = (r, e, t) => {
     md: {},
     lg: {}
   },
-  setup(r) {
-    const e = r, t = (c) => typeof c == "number" ? { span: c } : c, s = v(() => ({
+  setup(n) {
+    const e = n, o = (i) => typeof i == "number" ? { span: i } : i, t = h(() => ({
       "--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)) {
+    })), s = h(() => {
+      const i = [], u = { xs: e.xs, sm: e.sm, md: e.md, lg: e.lg };
+      for (const [r, a] of Object.entries(u)) {
         if (a === void 0) continue;
-        const { span: _, 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}`);
+        const { span: f, offset: m, order: d } = o(a);
+        f !== void 0 && i.push(`f-col--${r}-${f}`), m !== void 0 && i.push(`f-col--${r}-offset-${m}`), d !== void 0 && i.push(`f-col--${r}-order-${d}`);
       }
-      return c;
+      return i;
     });
-    return (c, d) => (n(), i("div", {
-      class: C(["f-col", u(o)]),
-      style: I(u(s))
+    return (i, u) => (l(), c("div", {
+      class: C(["f-col", p(s)]),
+      style: T(p(t))
     }, [
-      h(c.$slots, "default", {}, void 0, !0)
+      v(i.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), wo = /* @__PURE__ */ b(Wt, [["__scopeId", "data-v-5a8b0cb4"]]), Ht = /* @__PURE__ */ y({
+}), to = /* @__PURE__ */ b(eo, [["__scopeId", "data-v-5a8b0cb4"]]), oo = /* @__PURE__ */ g({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -860,47 +848,47 @@ const Pe = (r, e, t) => {
     wrap: { default: "wrap" },
     tag: { default: "div" }
   },
-  setup(r) {
-    const e = r, t = v(
+  setup(n) {
+    const e = n, o = h(
       () => Array.isArray(e.gutter) ? e.gutter[0] : e.gutter
-    ), s = v(
+    ), t = h(
       () => Array.isArray(e.gutter) ? e.gutter[1] : 0
-    ), o = {
+    ), s = {
       start: "flex-start",
       end: "flex-end",
       center: "center",
       "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,
-      justifyContent: o[e.justify],
-      alignItems: c[e.align],
+    }, u = h(() => ({
+      marginLeft: o.value ? `-${o.value / 2}px` : void 0,
+      marginRight: o.value ? `-${o.value / 2}px` : void 0,
+      rowGap: t.value ? `${t.value}px` : void 0,
+      justifyContent: s[e.justify],
+      alignItems: i[e.align],
       flexWrap: e.wrap,
-      "--row-gutter-h": t.value ? `${t.value / 2}px` : "0px"
+      "--row-gutter-h": o.value ? `${o.value / 2}px` : "0px"
     }));
-    return (l, a) => (n(), L(q(l.tag), {
+    return (r, a) => (l(), W(Y(r.tag), {
       class: "f-row",
-      style: I(u(d))
+      style: T(p(u))
     }, {
-      default: B(() => [
-        h(l.$slots, "default", {}, void 0, !0)
+      default: I(() => [
+        v(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), ko = /* @__PURE__ */ b(Ht, [["__scopeId", "data-v-72f62339"]]), Et = { class: "f-space__item" }, Ot = {
+}), so = /* @__PURE__ */ b(oo, [["__scopeId", "data-v-72f62339"]]), ao = { class: "f-space__item" }, no = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
-}, jt = /* @__PURE__ */ y({
+}, lo = /* @__PURE__ */ g({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -910,80 +898,80 @@ const Pe = (r, e, t) => {
     wrap: { type: Boolean, default: !1 },
     split: {}
   },
-  setup(r) {
-    const e = r, t = {
+  setup(n) {
+    const e = n, o = {
       small: 6,
       normal: 12,
       large: 18
-    }, s = (a) => typeof a == "number" ? a : t[a], o = v(() => {
+    }, t = (a) => typeof a == "number" ? a : o[a], s = h(() => {
       const a = e.size;
-      return Array.isArray(a) ? `${s(a[1])}px ${s(a[0])}px` : `${s(a)}px`;
-    }), c = v(() => ({
+      return Array.isArray(a) ? `${t(a[1])}px ${t(a[0])}px` : `${t(a)}px`;
+    }), i = h(() => ({
       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);
+      gap: s.value
+    })), u = ze(), r = h(() => {
+      var m;
+      const a = (m = u.default) == null ? void 0 : m.call(u);
       if (!a) return [];
-      const _ = [];
-      for (const p of a)
-        p.type === D ? _.push(...p.children) : _.push(p);
-      return _.filter((p) => p.type !== Comment);
+      const f = [];
+      for (const d of a)
+        d.type === P ? f.push(...d.children) : f.push(d);
+      return f.filter((d) => d.type !== Comment);
     });
-    return (a, _) => (n(), i("div", {
+    return (a, f) => (l(), c("div", {
       class: "f-space",
-      style: I(u(c))
+      style: T(p(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), c(P, null, G(p(r), (m, d) => (l(), c(P, { key: d }, [
+        z("div", ao, [
+          (l(), W(Y(m)))
         ]),
-        a.split && p < u(l).length - 1 ? (n(), i("span", Ot, A(a.split), 1)) : k("", !0)
+        a.split && d < p(r).length - 1 ? (l(), c("span", no, V(a.split), 1)) : y("", !0)
       ], 64))), 128))
     ], 4));
   }
-}), Fo = /* @__PURE__ */ b(jt, [["__scopeId", "data-v-5fb3b1a0"]]), Nt = /* @__PURE__ */ y({
+}), ro = /* @__PURE__ */ b(lo, [["__scopeId", "data-v-5fb3b1a0"]]), io = /* @__PURE__ */ g({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
   },
-  setup(r) {
-    const e = r, t = v(() => ({
+  setup(n) {
+    const e = n, o = h(() => ({
       gap: typeof e.gap == "number" ? `${e.gap}px` : e.gap
     }));
-    return (s, o) => (n(), i("div", {
+    return (t, s) => (l(), c("div", {
       class: "f-container",
-      style: I(u(t))
+      style: T(p(o))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      v(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Co = /* @__PURE__ */ b(Nt, [["__scopeId", "data-v-08450ddf"]]), Gt = /* @__PURE__ */ y({
+}), co = /* @__PURE__ */ b(io, [["__scopeId", "data-v-08450ddf"]]), uo = /* @__PURE__ */ g({
   __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(n) {
+    const e = n, o = h(() => {
+      const t = e.color || "var(--el-color-primary)", s = e.direction === "horizontal";
       return {
-        borderTop: o ? `${e.line} ${s}` : "none",
-        borderLeft: o ? "none" : `${e.line} ${s}`,
-        height: o ? "0" : "100%",
-        width: o ? "100%" : "0",
-        margin: o ? "24px 0" : "0"
+        borderTop: s ? `${e.line} ${t}` : "none",
+        borderLeft: s ? "none" : `${e.line} ${t}`,
+        height: s ? "0" : "100%",
+        width: s ? "100%" : "0",
+        margin: s ? "24px 0" : "0"
       };
     });
-    return (s, o) => (n(), i("hr", {
-      style: I(t.value)
+    return (t, s) => (l(), c("hr", {
+      style: T(o.value)
     }, null, 4));
   }
-}), zo = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-512ee743"]]), Ut = ["src", "alt"], Xt = /* @__PURE__ */ y({
+}), po = /* @__PURE__ */ b(uo, [["__scopeId", "data-v-512ee743"]]), fo = ["src", "alt"], mo = /* @__PURE__ */ g({
   __name: "FAvatar",
   props: {
     src: {},
@@ -992,39 +980,39 @@ const Pe = (r, e, t) => {
     shape: { default: "circle" },
     icon: {}
   },
-  setup(r) {
-    const e = r, t = {
+  setup(n) {
+    const e = n, o = {
       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 = h(() => ({
+      width: typeof e.size == "string" ? o[e.size] : `${e.size}px`,
+      height: typeof e.size == "string" ? o[e.size] : `${e.size}px`,
       borderRadius: e.shape === "circle" ? "50%" : "8px"
     }));
-    return (o, c) => {
-      const d = O("f-icon");
-      return n(), i("div", {
+    return (s, i) => {
+      const u = O("f-icon");
+      return l(), c("div", {
         class: "f-avatar",
-        style: I(u(s))
+        style: T(p(t))
       }, [
-        o.src ? (n(), i("img", {
+        s.src ? (l(), c("img", {
           key: 0,
-          src: o.src,
-          alt: o.alt
-        }, null, 8, Ut)) : (n(), L(d, {
+          src: s.src,
+          alt: s.alt
+        }, null, 8, fo)) : (l(), W(u, {
           key: 1,
           size: 24
         }, {
-          default: B(() => [
-            (n(), L(q(o.icon ? o.icon : u(De))))
+          default: I(() => [
+            (l(), W(Y(s.icon ? s.icon : p(je))))
           ]),
           _: 1
         }))
       ], 4);
     };
   }
-}), xo = /* @__PURE__ */ b(Xt, [["__scopeId", "data-v-799350d0"]]), Yt = ["disabled"], qt = /* @__PURE__ */ y({
+}), _o = /* @__PURE__ */ b(mo, [["__scopeId", "data-v-799350d0"]]), ho = ["disabled"], vo = /* @__PURE__ */ g({
   __name: "FButton",
   props: {
     size: { default: "normal" },
@@ -1033,49 +1021,49 @@ const Pe = (r, e, t) => {
     bgColor: {},
     variant: {}
   },
-  setup(r) {
-    const e = r, t = {
+  setup(n) {
+    const e = n, o = {
       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(() => {
-      var o;
-      return ne(ae({}, (o = t[e.size]) != null ? o : t.normal), {
+    }, t = h(() => {
+      var s;
+      return ce(ie({}, (s = o[e.size]) != null ? s : o.normal), {
         borderRadius: e.round === !0 ? "999px" : typeof e.round == "number" ? `${e.round}px` : "6px",
         backgroundColor: e.bgColor
       });
     });
-    return (o, c) => {
-      var d;
-      return n(), i("button", {
+    return (s, i) => {
+      var u;
+      return l(), c("button", {
         class: C(["f-button", [
-          `f-button--${(d = o.variant) != null ? d : "default"}`,
-          { "is-disabled": o.disabled }
+          `f-button--${(u = s.variant) != null ? u : "default"}`,
+          { "is-disabled": s.disabled }
         ]]),
-        style: I(u(s)),
-        disabled: o.disabled
+        style: T(p(t)),
+        disabled: s.disabled
       }, [
-        h(o.$slots, "default", {}, void 0, !0)
-      ], 14, Yt);
+        v(s.$slots, "default", {}, void 0, !0)
+      ], 14, ho);
     };
   }
-}), To = /* @__PURE__ */ b(qt, [["__scopeId", "data-v-eeff7101"]]), Jt = /* @__PURE__ */ y({
+}), go = /* @__PURE__ */ b(vo, [["__scopeId", "data-v-eeff7101"]]), bo = /* @__PURE__ */ g({
   __name: "FTypography",
   props: {
     color: { default: "" }
   },
-  setup(r) {
-    const e = r, t = v(() => ({
+  setup(n) {
+    const e = n, o = h(() => ({
       color: e.color
     }));
-    return (s, o) => (n(), i("div", {
+    return (t, s) => (l(), c("div", {
       class: "f-typography",
-      style: I(u(t))
+      style: T(p(o))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      v(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), So = /* @__PURE__ */ b(Jt, [["__scopeId", "data-v-54c9aca5"]]), Kt = /* @__PURE__ */ y({
+}), yo = /* @__PURE__ */ b(bo, [["__scopeId", "data-v-54c9aca5"]]), $o = /* @__PURE__ */ g({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -1086,46 +1074,46 @@ const Pe = (r, e, t) => {
     truncate: { type: Boolean },
     italic: { type: Boolean }
   },
-  setup(r) {
-    const e = r, t = {
+  setup(n) {
+    const e = n, o = {
       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";
+    }, s = h(() => {
+      var r;
+      return e.heading ? `h${e.heading}` : (r = e.tag) != null ? r : "span";
+    }), i = h(() => {
+      var r;
+      return (r = e.size) != null ? r : e.heading ? o[e.heading] : "normal";
+    }), u = h(() => {
+      var r;
+      return (r = e.weight) != null ? r : e.heading ? t[e.heading] : "normal";
     });
-    return (l, a) => (n(), L(q(u(o)), {
+    return (r, a) => (l(), W(Y(p(s)), {
       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 }
+        `f-text--${p(i)}`,
+        `f-text--${p(u)}`,
+        r.color && `f-text--${r.color}`,
+        { "f-text--truncate": r.truncate, "f-text--italic": r.italic }
       ]])
     }, {
-      default: B(() => [
-        h(l.$slots, "default", {}, void 0, !0)
+      default: I(() => [
+        v(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Mo = /* @__PURE__ */ b(Kt, [["__scopeId", "data-v-8bcfc6b3"]]), Qt = ["href", "target", "rel"], Zt = /* @__PURE__ */ y({
+}), ko = /* @__PURE__ */ b($o, [["__scopeId", "data-v-8bcfc6b3"]]), wo = ["href", "target", "rel"], Fo = /* @__PURE__ */ g({
   __name: "FLink",
   props: {
     href: {},
@@ -1134,9 +1122,9 @@ const Pe = (r, e, t) => {
     color: {},
     disabled: { type: Boolean }
   },
-  setup(r) {
-    const e = r;
-    return (t, s) => (n(), i("a", {
+  setup(n) {
+    const e = n;
+    return (o, t) => (l(), c("a", {
       class: C(["f-link", [
         e.color && `f-link--${e.color}`,
         `f-link--underline-${e.underline}`,
@@ -1146,10 +1134,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));
+      v(o.$slots, "default", {}, void 0, !0)
+    ], 10, wo));
   }
-}), Bo = /* @__PURE__ */ b(Zt, [["__scopeId", "data-v-daaa3e25"]]), eo = { class: "f-badge" }, to = /* @__PURE__ */ y({
+}), zo = /* @__PURE__ */ b(Fo, [["__scopeId", "data-v-daaa3e25"]]), Co = { class: "f-badge" }, xo = /* @__PURE__ */ g({
   __name: "FBadge",
   props: {
     value: {},
@@ -1159,109 +1147,325 @@ const Pe = (r, e, t) => {
     placement: { default: "top-right" },
     offset: { default: () => [0, 0] }
   },
-  setup(r) {
-    const e = r, t = v(() => {
-      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;
+  setup(n) {
+    const e = n, o = h(() => {
+      var s;
+      return e.dot ? "" : typeof e.value == "number" && e.value > e.max ? `${e.max}+` : (s = e.value) != null ? s : "";
+    }), t = h(() => {
+      const [s, i] = e.offset;
       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% + ${s}px), calc(-50% + ${i}px))` },
+        "top-left": { top: 0, left: 0, transform: `translate(calc(-50% + ${s}px), calc(-50% + ${i}px))` },
+        "bottom-right": { bottom: 0, right: 0, transform: `translate(calc(50% + ${s}px), calc(50% + ${i}px))` },
+        "bottom-left": { bottom: 0, left: 0, transform: `translate(calc(-50% + ${s}px), calc(50% + ${i}px))` }
       }[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 (s, i) => (l(), c("div", Co, [
+      v(s.$slots, "default", {}, void 0, !0),
+      s.dot || s.value !== void 0 && s.value !== "" ? (l(), c("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: C(["f-badge__content", [`f-badge--${s.type}`, { "f-badge--dot": s.dot }]]),
+        style: T(p(t))
+      }, V(p(o)), 7)) : y("", !0)
     ]));
   }
-}), Io = /* @__PURE__ */ b(to, [["__scopeId", "data-v-be6947ff"]]), oo = /* @__PURE__ */ y({
+}), So = /* @__PURE__ */ b(xo, [["__scopeId", "data-v-be6947ff"]]), Mo = /* @__PURE__ */ g({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
     offset: { default: () => [8, 8] }
   },
-  setup(r) {
-    const e = r, t = v(() => {
-      const [s, o] = e.offset;
+  setup(n) {
+    const e = n, o = h(() => {
+      const [t, s] = 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: `${s}px`, left: `${t}px` },
+        "top-right": { top: `${s}px`, right: `${t}px` },
+        "bottom-left": { bottom: `${s}px`, left: `${t}px` },
+        "bottom-right": { bottom: `${s}px`, right: `${t}px` }
       }[e.placement];
     });
-    return (s, o) => (n(), i("div", {
+    return (t, s) => (l(), c("div", {
       class: "f-affix",
-      style: I(u(t))
+      style: T(p(o))
     }, [
-      h(s.$slots, "default", {}, void 0, !0)
+      v(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)));
+}), Io = /* @__PURE__ */ b(Mo, [["__scopeId", "data-v-8506d679"]]), To = /* @__PURE__ */ g({
+  __name: "FForm",
+  props: {
+    model: {},
+    rules: { default: () => ({}) },
+    labelWidth: { default: "80px" },
+    labelPosition: { default: "right" },
+    size: { default: "normal" }
+  },
+  setup(n, { expose: e }) {
+    const o = n, t = R([]), s = (a) => {
+      t.value.push(a);
+    }, i = (a) => {
+      t.value = t.value.filter((f) => f.prop !== a);
+    };
+    return _e("FFormContext", {
+      model: o.model,
+      rules: o.rules,
+      labelWidth: o.labelWidth,
+      labelPosition: h(() => o.labelPosition),
+      size: h(() => o.size),
+      registerField: s,
+      unregisterField: i
+    }), e({
+      validate: () => J(null, null, function* () {
+        const a = t.value.map((d) => d.validate());
+        if ((yield Promise.all(a)).filter((d) => d !== void 0).length > 0)
+          throw new Error("表单校验失败");
+        return !0;
+      }),
+      resetFields: () => {
+        t.value.forEach((a) => a.clearValidate());
+      }
+    }), (a, f) => (l(), c("form", {
+      class: C(["f-form", [
+        `f-form--label-${a.labelPosition}`,
+        `f-form--size-${a.size}`
+      ]]),
+      onSubmit: f[0] || (f[0] = se(() => {
+      }, ["prevent"]))
+    }, [
+      v(a.$slots, "default", {}, void 0, !0)
+    ], 34));
+  }
+}), Bo = /* @__PURE__ */ b(To, [["__scopeId", "data-v-21f7de9b"]]), Vo = (n, e) => J(null, null, function* () {
+  const o = Array.isArray(e) ? e : [e];
+  for (let t of o) {
+    t.transform && (n = t.transform(n));
+    const s = n == null || n === "", i = t.whitespace && typeof n == "string" && n.trim() === "";
+    if (t.required && (s || i))
+      return t.message || "此字段为必填项";
+    if (!t.required && s) continue;
+    if (t.type) {
+      const r = Ro(n, t);
+      if (r) return r;
+    }
+    const u = Ao(n, t);
+    if (u) return u;
+    if (t.pattern && !t.pattern.test(String(n)))
+      return t.message || "格式不匹配";
+    if (t.enum && !t.enum.includes(n))
+      return t.message || "不在指定的枚举范围内";
+    if (t.validator) {
+      const r = yield Promise.resolve(t.validator(n, t));
+      if (typeof r == "string") return r;
+      if (r === !1) return t.message || "校验失败";
+    }
+  }
+}), Ro = (n, e) => {
+  const { type: o, message: t } = e;
+  switch (o) {
+    case "string":
+      if (typeof n != "string") return t || "必须是字符串";
+      break;
+    case "number":
+      if (typeof n != "number" || isNaN(n)) return t || "必须是数字";
+      break;
+    case "integer":
+      if (!Number.isInteger(n)) return t || "必须是整数";
+      break;
+    case "boolean":
+      if (typeof n != "boolean") return t || "必须是布尔值";
+      break;
+    case "array":
+      if (!Array.isArray(n)) return t || "必须是数组";
+      break;
+    case "object":
+      if (typeof n != "object" || n === null) return t || "必须是对象";
+      break;
+    case "email":
+      if (!/^[^\s@]+@([^\s@]+\.)+[^\s@]+$/.test(n)) return t || "邮箱格式不正确";
+      break;
+    case "regexp":
+      if (e.pattern && !e.pattern.test(String(n)))
+        return e.message || "格式不匹配";
+      break;
+  }
+}, Ao = (n, e) => {
+  const { min: o, max: t, len: s, message: i, type: u } = e, r = u === "number" || u === "integer" || u === "float", a = r && typeof n == "number" ? n : n == null ? void 0 : n.length;
+  if (a !== void 0) {
+    if (s !== void 0 && a !== s)
+      return i || (r ? `值必须等于 ${s}` : `长度必须为 ${s}`);
+    if (o !== void 0 && a < o)
+      return i || (r ? `最小值不能小于 ${o}` : `长度不能小于 ${o}`);
+    if (t !== void 0 && a > t)
+      return i || (r ? `最大值不能大于 ${t}` : `长度不能大于 ${t}`);
+  }
+}, Po = {
+  key: 0,
+  class: "star"
+}, Wo = { class: "f-form-item__content" }, jo = {
+  key: 0,
+  class: "f-form-item__error"
+}, Do = /* @__PURE__ */ g({
+  __name: "FFormItem",
+  props: {
+    label: {},
+    prop: {}
+  },
+  setup(n, { expose: e }) {
+    const o = n, t = Ce("FFormContext"), s = R(""), i = h(() => {
+      var d;
+      return ((d = t == null ? void 0 : t.labelPosition) == null ? void 0 : d.value) || "right";
+    }), u = h(() => {
+      var d;
+      return ((d = t == null ? void 0 : t.size) == null ? void 0 : d.value) || "default";
+    }), r = h(() => {
+      if (!(t != null && t.rules) || !o.prop) return [];
+      const d = t.rules[o.prop] || [];
+      return Array.isArray(d) ? d : [d];
+    }), a = h(() => r.value.some((d) => d.required)), f = () => J(null, null, function* () {
+      if (!o.prop || !t) return;
+      const d = t.model[o.prop], k = yield Vo(d, r.value);
+      return s.value = k || "", k;
+    }), m = () => {
+      s.value = "";
+    };
+    return _e("FFormItemContext", { errorMsg: s, validate: f }), xe(() => {
+      o.prop && (t != null && t.registerField) && t.registerField({ prop: o.prop, validate: f, clearValidate: m });
+    }), oe(() => {
+      o.prop && (t != null && t.unregisterField) && t.unregisterField(o.prop);
+    }), ee(() => t == null ? void 0 : t.model[o.prop], () => {
+      s.value && f();
+    }), e({ validate: f, clearValidate: m }), (d, k) => {
+      var x;
+      return l(), c("div", {
+        class: C(["f-form-item", [
+          `is-label-${p(i)}`,
+          `is-size-${p(u)}`,
+          { "is-error": p(s) }
+        ]])
+      }, [
+        d.label ? (l(), c("label", {
+          key: 0,
+          class: "f-form-item__label",
+          style: T({
+            width: p(i) === "top" ? "100%" : (x = p(t)) == null ? void 0 : x.labelWidth,
+            textAlign: p(i) === "top" ? "left" : p(i)
+          })
+        }, [
+          p(a) ? (l(), c("span", Po, "*")) : y("", !0),
+          me(" " + V(d.label) + "： ", 1)
+        ], 4)) : y("", !0),
+        z("div", Wo, [
+          v(d.$slots, "default", {}, void 0, !0),
+          S(K, { name: "err-slide" }, {
+            default: I(() => [
+              p(s) ? (l(), c("p", jo, V(p(s)), 1)) : y("", !0)
+            ]),
+            _: 1
+          })
+        ])
+      ], 2);
+    };
+  }
+}), Eo = /* @__PURE__ */ b(Do, [["__scopeId", "data-v-c3d6ec01"]]), Lo = { class: "f-checkbox__wrapper" }, Oo = ["checked", "disabled"], Ho = {
+  key: 0,
+  class: "f-checkbox__label"
+}, No = /* @__PURE__ */ g({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ H({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const e = Q(n, "modelValue"), o = n, t = (s) => {
+      if (o.disabled) return;
+      const i = s.target;
+      e.value = i.checked;
+    };
+    return (s, i) => (l(), c("label", {
+      class: C(["f-checkbox", { "is-disabled": s.disabled }])
+    }, [
+      z("span", Lo, [
+        z("input", {
+          type: "checkbox",
+          checked: e.value,
+          disabled: s.disabled,
+          onChange: t
+        }, null, 40, Oo),
+        i[0] || (i[0] = z("span", { class: "f-checkbox__checkmark" }, null, -1))
+      ]),
+      s.label ? (l(), c("span", Ho, V(s.label), 1)) : y("", !0)
+    ], 2));
+  }
+}), qo = /* @__PURE__ */ b(No, [["__scopeId", "data-v-633b283a"]]), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FAffix: Io,
+  FAvatar: _o,
+  FBadge: So,
+  FBreadcrumb: Zt,
+  FButton: go,
+  FCard: Vt,
+  FCheckbox: qo,
+  FCol: to,
+  FContainer: co,
+  FDivider: po,
+  FDropdown: pt,
+  FForm: Bo,
+  FFormItem: Eo,
+  FIcon: Le,
+  FImage: Xe,
+  FInput: Ke,
+  FLink: zo,
+  FLoading: tt,
+  FPagination: yt,
+  FProgress: Ot,
+  FRate: nt,
+  FRow: so,
+  FSelect: mt,
+  FSpace: ro,
+  FTabs: Xt,
+  FTag: Pt,
+  FText: ko,
+  FTooltip: jt,
+  FTypography: yo
+}, Symbol.toStringTag, { value: "Module" })), Ko = (n) => {
+  Object.entries(Go).forEach(([e, o]) => {
+    n.component(e, o);
   });
 };
 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
+  Io as FAffix,
+  _o as FAvatar,
+  So as FBadge,
+  Zt as FBreadcrumb,
+  go as FButton,
+  Vt as FCard,
+  qo as FCheckbox,
+  to as FCol,
+  co as FContainer,
+  po as FDivider,
+  pt as FDropdown,
+  Bo as FForm,
+  Eo as FFormItem,
+  Le as FIcon,
+  Xe as FImage,
+  Ke as FInput,
+  zo as FLink,
+  tt as FLoading,
+  yt as FPagination,
+  Ot as FProgress,
+  nt as FRate,
+  so as FRow,
+  mt as FSelect,
+  ro as FSpace,
+  Xt as FTabs,
+  Pt as FTag,
+  ko as FText,
+  jt as FTooltip,
+  yo as FTypography,
+  Ko as default
 };