fantasia-ui 0.2.2 → 0.2.4

package/dist/fantasia-ui.es.js

@@ -1,48 +1,66 @@
-import { defineComponent as m, computed as _, createElementBlock as r, openBlock as l, normalizeStyle as B, renderSlot as g, ref as A, watch as te, resolveComponent as P, createVNode as z, withDirectives as oe, Transition as Q, withCtx as S, createCommentVNode as b, unref as T, createElementVNode as h, vShow as ae, mergeModels as G, useModel as Z, normalizeClass as x, readonly as se, vModelDynamic as fe, Fragment as R, renderList as U, toDisplayString as V, createBlock as D, getCurrentScope as ve, onScopeDispose as me, toValue as K, nextTick as re, onUnmounted as ie, Teleport as ce, withModifiers as de, resolveDynamicComponent as Y, createTextVNode as he, TransitionGroup as _e, useSlots as ge, defineAsyncComponent as ye } from "vue";
-const we = (s, e, t) => {
-  const o = s[e];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((n, 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." : "")
-        )
-      )
-    );
-  });
-}, $e = /* @__PURE__ */ m({
+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 {
+      r(o.next(a));
+    } catch (f) {
+      s(f);
+    }
+  }, u = (a) => {
+    try {
+      r(o.throw(a));
+    } catch (f) {
+      s(f);
+    }
+  }, r = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(i, u);
+  r((o = o.apply(n, e)).next());
+});
+import { defineComponent as g, computed as h, createElementBlock as c, openBlock as l, normalizeStyle as T, unref as p, renderSlot as v, ref as R, watch as ee, resolveComponent as O, createVNode as S, withDirectives as te, Transition as K, withCtx as I, createCommentVNode as y, createElementVNode as z, vShow as ue, mergeModels as H, useModel as Q, normalizeClass as C, readonly as de, vModelDynamic as we, Fragment as P, renderList as G, toDisplayString as V, createBlock as W, nextTick as pe, onUnmounted as oe, Teleport as fe, withModifiers as se, resolveDynamicComponent as Y, createTextVNode as me, TransitionGroup as Fe, useSlots as ze, provide as _e, inject as Ce, onMounted as xe } from "vue";
+import { Search as Se, StarOutline as Me, StarHalf as Ie, Star as Te, ChevronDownOutline as Be, ChevronBackOutline as Ve, EllipsisHorizontal as Re, ChevronForwardOutline as Ae, CloseCircle as Pe, Close as We, Person as je } from "@vicons/ionicons5";
+import { useEventListener as De } from "@vueuse/core";
+const Ee = /* @__PURE__ */ g({
   __name: "FIcon",
   props: {
     color: {},
     size: { default: "1em" }
   },
-  setup(s) {
-    const e = s, t = _(() => ({
+  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 (o, n) => (l(), r("span", {
+    return (t, s) => (l(), c("span", {
       role: "img",
       class: "f-icon",
-      style: B(t.value)
+      style: T(p(o))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      v(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), w = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [o, n] of e)
-    t[o] = n;
-  return t;
-}, _o = /* @__PURE__ */ w($e, [["__scopeId", "data-v-6fc51076"]]), be = "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", ke = { class: "f-image" }, xe = {
+}), 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"
-}, Ce = {
+}, qe = {
   key: 0,
   class: "f-image__error"
-}, Fe = ["src", "loading"], ze = /* @__PURE__ */ m({
+}, Ge = ["src", "loading"], Ue = /* @__PURE__ */ g({
   __name: "FImage",
   props: {
     src: {},
@@ -50,382 +68,54 @@ const we = (s, e, t) => {
     fit: { default: "cover" },
     lazy: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const e = s, t = A("loading");
-    te(() => e.src, () => {
-      t.value = "loading";
+  setup(n) {
+    const e = n, o = R("loading");
+    ee(() => e.src, () => {
+      o.value = "loading";
     }, { immediate: !1 });
-    const o = () => t.value = "loaded", n = () => t.value = "error";
-    return (c, d) => {
-      const i = P("f-loading"), a = P("f-icon");
-      return l(), r("div", ke, [
-        z(Q, { name: "fade" }, {
-          default: S(() => [
-            t.value === "loading" ? (l(), r("div", xe, [
-              z(i, { type: "classic first" })
-            ])) : b("", !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
         }),
-        z(Q, { name: "fade" }, {
-          default: S(() => [
-            t.value === "error" ? (l(), r("div", Ce, [
-              g(c.$slots, "error", {}, () => [
-                z(a, { size: "48px" }, {
-                  default: S(() => [
-                    z(T(be))
+        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)
-            ])) : b("", !0)
+            ])) : y("", !0)
           ]),
           _: 3
         }),
-        oe(h("img", {
+        te(z("img", {
           src: e.src,
-          loading: c.lazy ? "lazy" : "eager",
-          style: B({ objectFit: e.fit }),
+          loading: i.lazy ? "lazy" : "eager",
+          style: T({ objectFit: e.fit }),
           class: "f-image__img",
-          onLoad: o,
-          onError: n
-        }, null, 44, Fe), [
-          [ae, t.value === "loaded"]
+          onLoad: t,
+          onError: s
+        }, null, 44, Ge), [
+          [ue, p(o) === "loaded"]
         ])
       ]);
     };
   }
-}), go = /* @__PURE__ */ w(ze, [["__scopeId", "data-v-aaa14cc8"]]), Me = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Se = m({
-  name: "ChevronBackOutline",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Me,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "48",
-            d: "M328 112L184 256l144 144"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Be = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Te = m({
-  name: "ChevronDownOutline",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Be,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "48",
-            d: "M112 184l144 144l144-144"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Ie = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Le = m({
-  name: "ChevronForwardOutline",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Ie,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "48",
-            d: "M184 112l144 144l-144 144"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Ae = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Ve = m({
-  name: "Close",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Ae,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M289.94 256l95-95A24 24 0 0 0 351 127l-95 95l-95-95a24 24 0 0 0-34 34l95 95l-95 95a24 24 0 1 0 34 34l95-95l95 95a24 24 0 0 0 34-34z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Re = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, De = m({
-  name: "CloseCircle",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Re,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), He = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, je = m({
-  name: "EllipsisHorizontal",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      He,
-      t[0] || (t[0] = [
-        h(
-          "circle",
-          {
-            cx: "256",
-            cy: "256",
-            r: "48",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        ),
-        h(
-          "circle",
-          {
-            cx: "416",
-            cy: "256",
-            r: "48",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        ),
-        h(
-          "circle",
-          {
-            cx: "96",
-            cy: "256",
-            r: "48",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Oe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, We = m({
-  name: "Person",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Oe,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M332.64 64.58C313.18 43.57 286 32 256 32c-30.16 0-57.43 11.5-76.8 32.38c-19.58 21.11-29.12 49.8-26.88 80.78C156.76 206.28 203.27 256 256 256s99.16-49.71 103.67-110.82c2.27-30.7-7.33-59.33-27.03-80.6z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        ),
-        h(
-          "path",
-          {
-            d: "M432 480H80a31 31 0 0 1-24.2-11.13c-6.5-7.77-9.12-18.38-7.18-29.11C57.06 392.94 83.4 353.61 124.8 326c36.78-24.51 83.37-38 131.2-38s94.42 13.5 131.2 38c41.4 27.6 67.74 66.93 76.18 113.75c1.94 10.73-.68 21.34-7.18 29.11A31 31 0 0 1 432 480z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Pe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Ee = m({
-  name: "Search",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Pe,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Ne = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Ge = m({
-  name: "Star",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Ne,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M394 480a16 16 0 0 1-9.39-3L256 383.76L127.39 477a16 16 0 0 1-24.55-18.08L153 310.35L23 221.2a16 16 0 0 1 9-29.2h160.38l48.4-148.95a16 16 0 0 1 30.44 0l48.4 149H480a16 16 0 0 1 9.05 29.2L359 310.35l50.13 148.53A16 16 0 0 1 394 480z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Ue = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, qe = m({
-  name: "StarHalf",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Ue,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M480 208H308L256 48l-52 160H32l140 96l-54 160l138-100l138 100l-54-160z",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-linejoin": "round",
-            "stroke-width": "32"
-          },
-          null,
-          -1
-          /* HOISTED */
-        ),
-        h(
-          "path",
-          {
-            d: "M256 48v316L118 464l54-160l-140-96h172l52-160z",
-            fill: "currentColor"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Xe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  viewBox: "0 0 512 512"
-}, Ye = m({
-  name: "StarOutline",
-  render: function(e, t) {
-    return l(), r(
-      "svg",
-      Xe,
-      t[0] || (t[0] = [
-        h(
-          "path",
-          {
-            d: "M480 208H308L256 48l-52 160H32l140 96l-54 160l138-100l138 100l-54-160z",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-linejoin": "round",
-            "stroke-width": "32"
-          },
-          null,
-          -1
-          /* HOISTED */
-        )
-      ])
-    );
-  }
-}), Je = ["type", "placeholder", "disabled", "readonly", "name", "id"], Ke = /* @__PURE__ */ m({
+}), 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 },
@@ -436,85 +126,85 @@ const we = (s, e, t) => {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["input", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(s, { emit: e }) {
-    const t = Z(s, "modelValue"), o = e, n = (a) => {
-      const f = a.target.value;
-      o("input", f);
-    }, c = (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;
-      o("change", f);
-    }, d = (a) => {
-      o("focus", a);
+      t("input", f);
     }, i = (a) => {
-      o("blur", a);
+      const f = a.target.value;
+      t("change", f);
+    }, u = (a) => {
+      t("focus", a);
+    }, r = (a) => {
+      t("blur", a);
     };
     return (a, f) => {
-      const u = P("f-icon");
-      return l(), r("div", {
-        class: x(["f-input", { "is-disabled": a.disabled, "is-readonly": "readonly" in a ? a.readonly : T(se) }])
+      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) }])
       }, [
-        z(u, { class: "f-input__icon" }, {
-          default: S(() => [
-            z(T(Ee))
+        S(m, { class: "f-input__icon" }, {
+          default: I(() => [
+            S(p(Se))
           ]),
           _: 1
         }),
-        oe(h("input", {
+        te(z("input", {
           class: "f-input__text",
-          "onUpdate:modelValue": f[0] || (f[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 : T(se),
+          readonly: "readonly" in a ? a.readonly : p(de),
           name: a.name,
           id: a.id,
-          onInput: n,
-          onChange: c,
-          onFocus: d,
-          onBlur: i
-        }, null, 40, Je), [
-          [fe, t.value]
+          onInput: s,
+          onChange: i,
+          onFocus: u,
+          onBlur: r
+        }, null, 40, Ye), [
+          [we, o.value]
         ])
       ], 2);
     };
   }
-}), yo = /* @__PURE__ */ w(Ke, [["__scopeId", "data-v-6c6d7c63"]]), Qe = {
+}), Ke = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-6c6d7c63"]]), Qe = {
   key: 0,
   class: "loop cubes"
 }, Ze = {
   key: 2,
   class: "msg"
-}, et = /* @__PURE__ */ m({
+}, et = /* @__PURE__ */ g({
   __name: "FLoading",
   props: {
     type: { default: "dots" },
     text: {},
     mask: { type: Boolean, default: !1 }
   },
-  setup(s) {
-    const e = s;
-    return (t, o) => (l(), r("div", {
-      class: x(["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" ? (l(), r("div", Qe, [
-        (l(), r(R, null, U(6, (n) => h("div", {
+      o.type === "cubes" ? (l(), c("div", Qe, [
+        (l(), c(P, null, G(6, (s) => z("div", {
           class: "item cubes",
-          key: n
+          key: s
         })), 64))
-      ])) : (l(), r("div", {
+      ])) : (l(), c("div", {
         key: 1,
-        class: x(["loader", t.type])
+        class: C(["loader", o.type])
       }, null, 2)),
-      e.text ? (l(), r("p", Ze, V(e.text), 1)) : b("", !0)
+      e.text ? (l(), c("p", Ze, V(e.text), 1)) : y("", !0)
     ], 2));
   }
-}), wo = /* @__PURE__ */ w(et, [["__scopeId", "data-v-26005e98"]]), tt = ["onMousemove"], ot = {
+}), tt = /* @__PURE__ */ b(et, [["__scopeId", "data-v-20f58a50"]]), ot = ["onMousemove"], st = {
   key: 0,
   class: "f-rate__score"
-}, nt = /* @__PURE__ */ m({
+}, at = /* @__PURE__ */ g({
   __name: "FRate",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     modelValue: {},
     count: { default: 5 },
     readonly: { type: Boolean, default: !1 },
@@ -528,120 +218,63 @@ const we = (s, e, t) => {
     modelValue: { default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["change"], ["update:modelValue"]),
-  setup(s, { emit: e }) {
-    const t = Z(s, "modelValue"), o = s, n = e, c = A(null), d = _(() => c.value ?? t.value), i = _(
-      () => o.scoreTemplate.replace("{value}", String(t.value))
-    ), a = _(
-      () => o.size === "normal" ? 16 : o.size === "small" ? 12 : 20
-    ), f = (k) => {
-      const I = d.value;
-      return I >= k ? "full" : o.allowHalf && I >= k - 0.5 ? "half" : "empty";
-    }, u = (k) => f(k) === "full" ? o.voidColor : o.color, p = (k, I) => {
-      if (!o.readonly)
-        if (o.allowHalf) {
-          const L = k.currentTarget, { left: F, width: O } = L.getBoundingClientRect();
-          c.value = (k.clientX - F) / O < 0.5 ? I - 0.5 : I;
+  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 = I;
-    }, C = () => {
-      o.readonly || (c.value = null);
-    }, M = () => {
-      if (o.readonly) return;
-      const k = c.value ?? t.value;
-      t.value = k, n("change", k);
+          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 (k, I) => {
-      const L = P("f-icon");
-      return l(), r("div", {
-        class: x(["f-rate", { "f-rate--readonly": o.readonly }]),
-        onMouseleave: C
+    return (w, B) => {
+      const A = O("f-icon");
+      return l(), c("div", {
+        class: C(["f-rate", { "f-rate--readonly": t.readonly }]),
+        onMouseleave: k
       }, [
-        (l(!0), r(R, null, U(o.count, (F) => (l(), r("span", {
-          key: F,
+        (l(!0), c(P, null, G(t.count, (M) => (l(), c("span", {
+          key: M,
           class: "f-rate__item",
-          onMousemove: (O) => p(O, F),
-          onClick: M
+          onMousemove: (E) => d(E, M),
+          onClick: x
         }, [
-          z(L, {
-            color: u(F),
-            size: a.value
+          S(A, {
+            color: m(M),
+            size: p(a)
           }, {
-            default: S(() => [
-              f(F) === "full" ? (l(), D(T(Ye), { key: 0 })) : f(F) === "half" ? (l(), D(T(qe), { key: 1 })) : (l(), D(T(Ge), { 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, tt))), 128)),
-        o.showText ? (l(), r("span", ot, V(i.value), 1)) : b("", !0)
+        ], 40, ot))), 128)),
+        t.showText ? (l(), c("span", st, V(p(r)), 1)) : y("", !0)
       ], 34);
     };
   }
-}), $o = /* @__PURE__ */ w(nt, [["__scopeId", "data-v-58cbc0f6"]]);
-function lt(s) {
-  return ve() ? (me(s), !0) : !1;
-}
-const st = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const at = Object.prototype.toString, rt = (s) => at.call(s) === "[object Object]";
-function ee(s) {
-  return Array.isArray(s) ? s : [s];
-}
-function it(s, e, t) {
-  return te(
-    s,
-    e,
-    {
-      ...t,
-      immediate: !0
-    }
-  );
-}
-const ct = st ? window : void 0;
-function dt(s) {
-  var e;
-  const t = K(s);
-  return (e = t == null ? void 0 : t.$el) != null ? e : t;
-}
-function ut(...s) {
-  const e = [], t = () => {
-    e.forEach((i) => i()), e.length = 0;
-  }, o = (i, a, f, u) => (i.addEventListener(a, f, u), () => i.removeEventListener(a, f, u)), n = _(() => {
-    const i = ee(K(s[0])).filter((a) => a != null);
-    return i.every((a) => typeof a != "string") ? i : void 0;
-  }), c = it(
-    () => {
-      var i, a;
-      return [
-        (a = (i = n.value) == null ? void 0 : i.map((f) => dt(f))) != null ? a : [ct].filter((f) => f != null),
-        ee(K(n.value ? s[1] : s[0])),
-        ee(T(n.value ? s[2] : s[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        K(n.value ? s[3] : s[2])
-      ];
-    },
-    ([i, a, f, u]) => {
-      if (t(), !(i != null && i.length) || !(a != null && a.length) || !(f != null && f.length))
-        return;
-      const p = rt(u) ? { ...u } : u;
-      e.push(
-        ...i.flatMap(
-          (C) => a.flatMap(
-            (M) => f.map((k) => o(C, M, k, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), d = () => {
-    c(), t();
-  };
-  return lt(t), d;
-}
-const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }, vt = ["onClick"], mt = {
+}), 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"
-}, ht = { class: "opt-label" }, _t = /* @__PURE__ */ m({
+}, dt = { class: "opt-label" }, ut = /* @__PURE__ */ g({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -651,136 +284,136 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     options: { default: () => [] }
   },
   emits: ["select"],
-  setup(s, { emit: e }) {
-    const t = s, o = e, n = A(!1), c = A(null), d = A(null), i = A(null), a = A(0), f = A(0), u = _(() => {
-      const [v] = t.placement.split("-"), y = (Array.isArray(t.offset) ? t.offset[0] : t.offset) + 4, $ = { position: "absolute" };
-      return v === "right" ? ($.width = `${y}px`, $.left = `-${y}px`, $.top = 0, $.bottom = 0) : v === "left" ? ($.width = `${y}px`, $.right = `-${y}px`, $.top = 0, $.bottom = 0) : v === "bottom" ? ($.height = `${y}px`, $.top = `-${y}px`, $.left = 0, $.right = 0) : v === "top" && ($.height = `${y}px`, $.bottom = `-${y}px`, $.left = 0, $.right = 0), $;
-    }), p = _(() => {
-      if (!c.value) return {};
-      const v = c.value, { placement: E } = t, y = Array.isArray(t.offset) ? t.offset[0] : t.offset, [$, N] = E.split("-"), ne = window.innerWidth, le = window.innerHeight, q = f.value || 160, X = a.value || 200;
-      let H = 0, j = 0, W = $;
-      $ === "right" ? (j = v.right + y, j + q > ne && (j = v.left - q - y, W = "left")) : $ === "left" ? (j = v.left - q - y, j < 0 && (j = v.right + y, W = "right")) : $ === "bottom" ? (H = v.bottom + y, H + X > le && (H = v.top - X - y, W = "top")) : $ === "top" && (H = v.top - X - y, H < 0 && (H = v.bottom + y, W = "bottom")), W === "top" || W === "bottom" ? (N === "start" ? j = v.left : N === "end" ? j = v.right - q : j = v.left + (v.width - q) / 2, j = Math.max(8, Math.min(j, ne - q - 8))) : (N === "start" ? H = v.top : N === "end" ? H = v.bottom - X : H = v.top + (v.height - X) / 2, H = Math.max(8, Math.min(H, le - X - 8)));
-      const ue = W === "right" ? "left" : W === "left" ? "right" : N === "start" ? "left" : N === "end" ? "right" : "center", pe = W === "bottom" ? "top" : W === "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: `${H}px`,
-        left: `${j}px`,
-        transformOrigin: `${pe} ${ue}`
+        top: `${j}px`,
+        left: `${D}px`,
+        transformOrigin: `${ve} ${he}`
       };
     });
-    let C = null, M = null;
-    const k = () => {
-      C && (clearTimeout(C), C = null);
-    }, I = (v) => {
-      t.trigger === "click" && (v.stopPropagation(), n.value ? n.value = !1 : (c.value = d.value.getBoundingClientRect(), n.value = !0));
-    }, L = () => {
-      t.trigger === "hover" && (k(), M = setTimeout(() => {
-        d.value && (c.value = d.value.getBoundingClientRect()), n.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));
-    }, F = () => {
-      t.trigger === "hover" && (M && (clearTimeout(M), M = null), C = setTimeout(() => {
-        n.value = !1;
+    }, M = () => {
+      o.trigger === "hover" && (x && (clearTimeout(x), x = null), k = setTimeout(() => {
+        s.value = !1;
       }, 400));
-    }, O = (v) => {
-      t.trigger !== "click" || !n.value || (n.value = !1);
-    }, J = (v) => {
-      v.disabled || (o("select", v.key, v), v.children || (n.value = !1));
+    }, E = (_) => {
+      o.trigger !== "click" || !s.value || (s.value = !1);
+    }, Z = (_) => {
+      _.disabled || (t("select", _.key, _), _.children || (s.value = !1));
     };
-    return te(n, async (v) => {
-      var E, y;
-      v ? (c.value = d.value.getBoundingClientRect(), await re(), a.value = ((E = i.value) == null ? void 0 : E.offsetHeight) || 200, f.value = ((y = i.value) == null ? void 0 : y.offsetWidth) || 160) : (a.value = 0, f.value = 0);
-    }), ie(() => {
-      k(), M && clearTimeout(M);
-    }), ut(window, "click", O), (v, E) => (l(), r("div", pt, [
-      h("div", {
+    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: L,
-        onMouseleave: F,
-        onClick: I
+        onMouseenter: A,
+        onMouseleave: M,
+        onClick: B
       }, [
-        g(v.$slots, "default", {}, void 0, !0)
+        v(_.$slots, "default", {}, void 0, !0)
       ], 544),
-      (l(), D(ce, { to: "body" }, [
-        z(Q, { name: "f-dropdown-motion" }, {
-          default: S(() => [
-            n.value ? (l(), r("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: i,
+              ref: r,
               class: "f-dropdown-item",
-              style: B([p.value, { zIndex: v.zIndex }]),
-              onMouseenter: k,
-              onMouseleave: F,
-              onClick: E[0] || (E[0] = de(() => {
+              style: T([p(d), { zIndex: _.zIndex }]),
+              onMouseenter: w,
+              onMouseleave: M,
+              onClick: N[0] || (N[0] = se(() => {
               }, ["stop"]))
             }, [
-              v.trigger === "hover" ? (l(), r("div", {
+              _.trigger === "hover" ? (l(), c("div", {
                 key: 0,
                 class: "f-dropdown-bridge",
-                style: B(u.value)
-              }, null, 4)) : b("", !0),
-              h("div", ft, [
-                v.options && v.options.length > 0 ? (l(!0), r(R, { key: 0 }, U(v.options, (y) => (l(), r("div", {
-                  key: y.key,
-                  class: x(["f-dropdown-option", { "is-disabled": y.disabled }]),
-                  onClick: ($) => J(y)
+                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($)
                 }, [
-                  y.icon ? (l(), r("span", mt, [
-                    (l(), D(Y(y.icon)))
-                  ])) : b("", !0),
-                  h("span", ht, V(y.label), 1)
-                ], 10, vt))), 128)) : g(v.$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)) : b("", !0)
+            ], 36)) : y("", !0)
           ]),
           _: 3
         })
       ]))
     ]));
   }
-}), bo = /* @__PURE__ */ w(_t, [["__scopeId", "data-v-73eb3486"]]), gt = /* @__PURE__ */ m({
+}), 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(s, { emit: e }) {
-    const t = s, o = e, n = Z(s, "modelValue"), c = A(!1), d = _(
+  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 u;
-        return ((u = t.options.find((p) => p.key === n.value)) == null ? void 0 : u.label) ?? t.placeholder ?? "请选择";
+        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 : "请选择";
       }
-    ), i = _(() => n.value !== void 0 && n.value !== ""), a = (u, p) => {
-      n.value = u, o("select", u, p), c.value = !1;
-    }, f = (u) => {
-      c.value = u;
+    ), 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 (u, p) => {
-      const C = P("f-icon"), M = P("f-dropdown");
-      return l(), D(M, {
-        options: u.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] = (k) => f(!0)),
-        onHide: p[1] || (p[1] = (k) => f(!1)),
+        onShow: d[0] || (d[0] = (w) => f(!0)),
+        onHide: d[1] || (d[1] = (w) => f(!1)),
         placement: "bottom",
         offset: 4
       }, {
-        default: S(() => [
-          h("div", {
-            class: x(["f-select", { "is-active": i.value, "is-open": c.value }])
+        default: I(() => [
+          z("div", {
+            class: C(["f-select", { "is-active": p(r), "is-open": p(i) }])
           }, [
-            h("span", {
-              class: x(["f-select__label", { "is-placeholder": !i.value }])
-            }, V(d.value), 3),
-            z(C, { class: "f-select__arrow" }, {
-              default: S(() => [
-                z(T(Te))
+            z("span", {
+              class: C(["f-select__label", { "is-placeholder": !p(r) }])
+            }, V(p(u)), 3),
+            S(k, { class: "f-select__arrow" }, {
+              default: I(() => [
+                S(p(Be))
               ]),
               _: 1
             })
@@ -790,12 +423,12 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
       }, 8, ["options"]);
     };
   }
-}), ko = /* @__PURE__ */ w(gt, [["__scopeId", "data-v-0a611203"]]), yt = { class: "f-pagination" }, wt = { class: "f-pagination__list" }, $t = {
+}), mt = /* @__PURE__ */ b(ft, [["__scopeId", "data-v-25e7d03d"]]), _t = { class: "f-pagination" }, ht = { class: "f-pagination__list" }, vt = {
   key: 0,
   class: "page-btn ellipsis"
-}, bt = ["onClick"], kt = /* @__PURE__ */ m({
+}, gt = ["onClick"], bt = /* @__PURE__ */ g({
   __name: "FPagination",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ H({
     total: {},
     pageSize: { default: 10 },
     hideOnSingle: { type: Boolean }
@@ -803,51 +436,51 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     modelValue: { default: 1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["update:currentPage"], ["update:modelValue"]),
-  setup(s, { emit: e }) {
-    const t = s, o = Z(s, "modelValue"), n = _(() => Math.ceil(t.total / t.pageSize) || 1), c = _(() => {
-      const i = n.value, a = o.value;
-      return !i || i <= 0 ? [] : i <= 7 ? Array.from({ length: i }, (f, u) => u + 1) : a <= 4 ? [1, 2, 3, 4, 5, "...", i] : a >= i - 3 ? [1, "...", i - 4, i - 3, i - 2, i - 1, i] : [1, "...", a - 1, a, a + 1, "...", i];
-    }), d = (i) => {
-      typeof i == "number" && (i < 1 || i > n.value || i === o.value || (o.value = i));
+  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 (i, a) => {
-      const f = P("f-icon");
-      return l(), r("div", yt, [
-        h("button", {
-          class: x(["page-btn", { disabled: o.value === 1 }]),
-          onClick: a[0] || (a[0] = (u) => d(o.value - 1))
+    return (r, a) => {
+      const f = O("f-icon");
+      return l(), c("div", _t, [
+        z("button", {
+          class: C(["page-btn", { disabled: t.value === 1 }]),
+          onClick: a[0] || (a[0] = (m) => u(t.value - 1))
         }, [
-          z(f, null, {
-            default: S(() => [
-              z(T(Se))
+          S(f, null, {
+            default: I(() => [
+              S(p(Ve))
             ]),
             _: 1
           })
         ], 2),
-        h("ul", wt, [
-          (l(!0), r(R, null, U(c.value, (u, p) => (l(), r(R, { key: p }, [
-            u === "..." ? (l(), r("li", $t, [
-              z(f, null, {
-                default: S(() => [
-                  z(T(je))
+        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
               })
-            ])) : (l(), r("li", {
+            ])) : (l(), c("li", {
               key: 1,
-              class: x(["page-btn", { active: o.value === u }]),
-              onClick: (C) => d(u)
-            }, V(u), 11, bt))
+              class: C(["page-btn", { active: t.value === m }]),
+              onClick: (k) => u(m)
+            }, V(m), 11, gt))
           ], 64))), 128))
         ]),
-        h("button", {
-          class: x(["page-btn", { disabled: o.value === n.value }]),
-          onClick: a[1] || (a[1] = (u) => d(o.value + 1))
+        z("button", {
+          class: C(["page-btn", { disabled: t.value === p(s) }]),
+          onClick: a[1] || (a[1] = (m) => u(t.value + 1))
         }, [
-          z(f, null, {
-            default: S(() => [
-              z(T(Le))
+          S(f, null, {
+            default: I(() => [
+              S(p(Ae))
             ]),
             _: 1
           })
@@ -855,87 +488,87 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
       ]);
     };
   }
-}), xo = /* @__PURE__ */ w(kt, [["__scopeId", "data-v-33bfb5be"]]), xt = {
+}), yt = /* @__PURE__ */ b(bt, [["__scopeId", "data-v-e58f1ac9"]]), $t = {
   key: 0,
   class: "f-card__header"
-}, Ct = {
+}, kt = {
   key: 0,
   class: "f-card__header-extra"
-}, Ft = {
+}, wt = {
   key: 1,
   class: "f-card__cover"
-}, zt = {
+}, Ft = {
   key: 2,
   class: "f-card__body"
-}, Mt = {
+}, zt = {
   key: 3,
   class: "f-card__footer"
-}, St = {
+}, Ct = {
   key: 0,
   class: "f-card__header"
-}, Bt = {
+}, xt = {
   key: 0,
   class: "f-card__header-extra"
-}, Tt = {
+}, St = {
   key: 1,
   class: "f-card__cover"
-}, It = { class: "f-card__content" }, Lt = {
+}, Mt = { class: "f-card__content" }, It = {
   key: 0,
   class: "f-card__body"
-}, At = {
+}, Tt = {
   key: 1,
   class: "f-card__footer"
-}, Vt = /* @__PURE__ */ m({
+}, Bt = /* @__PURE__ */ g({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: !0 },
     direction: { default: "vertical" }
   },
-  setup(s) {
-    return (e, t) => (l(), r("div", {
-      class: x(["f-card", [`f-card--${e.direction}`, { "is-hoverable": e.hoverable }]])
+  setup(n) {
+    return (e, o) => (l(), c("div", {
+      class: C(["f-card", [`f-card--${e.direction}`, { "is-hoverable": e.hoverable }]])
     }, [
-      e.direction === "vertical" ? (l(), r(R, { key: 0 }, [
-        e.$slots.header || e.$slots["header-extra"] ? (l(), r("div", xt, [
-          g(e.$slots, "header", {}, void 0, !0),
-          e.$slots["header-extra"] ? (l(), r("div", Ct, [
-            g(e.$slots, "header-extra", {}, void 0, !0)
-          ])) : b("", !0)
-        ])) : b("", !0),
-        e.$slots.cover ? (l(), r("div", Ft, [
-          g(e.$slots, "cover", {}, void 0, !0)
-        ])) : b("", !0),
-        e.$slots.default ? (l(), r("div", zt, [
-          g(e.$slots, "default", {}, void 0, !0)
-        ])) : b("", !0),
-        e.$slots.footer ? (l(), r("div", Mt, [
-          g(e.$slots, "footer", {}, void 0, !0)
-        ])) : b("", !0)
-      ], 64)) : (l(), r(R, { key: 1 }, [
-        e.$slots.header || e.$slots["header-extra"] ? (l(), r("div", St, [
-          g(e.$slots, "header", {}, void 0, !0),
-          e.$slots["header-extra"] ? (l(), r("div", Bt, [
-            g(e.$slots, "header-extra", {}, void 0, !0)
-          ])) : b("", !0)
-        ])) : b("", !0),
-        e.$slots.cover ? (l(), r("div", Tt, [
-          g(e.$slots, "cover", {}, void 0, !0)
-        ])) : b("", !0),
-        h("div", It, [
-          e.$slots.default ? (l(), r("div", Lt, [
-            g(e.$slots, "default", {}, void 0, !0)
-          ])) : b("", !0),
-          e.$slots.footer ? (l(), r("div", At, [
-            g(e.$slots, "footer", {}, void 0, !0)
-          ])) : b("", !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));
   }
-}), Co = /* @__PURE__ */ w(Vt, [["__scopeId", "data-v-a66fa373"]]), Rt = {
+}), Vt = /* @__PURE__ */ b(Bt, [["__scopeId", "data-v-a66fa373"]]), Rt = {
   key: 0,
   class: "f-tag__dot"
-}, Dt = /* @__PURE__ */ m({
+}, At = /* @__PURE__ */ g({
   __name: "FTag",
   props: {
     color: {},
@@ -945,35 +578,36 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     size: { default: "normal" }
   },
   emits: ["close"],
-  setup(s, { emit: e }) {
-    const t = e, o = A(!1);
-    return (n, c) => {
-      const d = P("f-icon");
-      return l(), r("span", {
-        class: x(["f-tag", [
-          `f-tag--${n.type ?? "round"}`,
-          `f-tag--${n.effect ?? "light"}`,
-          n.color ?? "default"
+  setup(n, { emit: e }) {
+    const o = e, t = R(!1);
+    return (s, i) => {
+      var r, a, f;
+      const u = O("f-icon");
+      return l(), c("span", {
+        class: C(["f-tag", [
+          `f-tag--${(r = s.type) != null ? r : "round"}`,
+          `f-tag--${(a = s.effect) != null ? a : "light"}`,
+          (f = s.color) != null ? f : "default"
         ]]),
-        onMouseenter: c[1] || (c[1] = (i) => o.value = !0),
-        onMouseleave: c[2] || (c[2] = (i) => o.value = !1)
+        onMouseenter: i[1] || (i[1] = (m) => t.value = !0),
+        onMouseleave: i[2] || (i[2] = (m) => t.value = !1)
       }, [
-        n.type === "dot" ? (l(), r("span", Rt)) : b("", !0),
-        g(n.$slots, "default", {}, void 0, !0),
-        n.closable ? (l(), D(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] = de((i) => t("close"), ["stop"]))
+          onClick: i[0] || (i[0] = se((m) => o("close"), ["stop"]))
         }, {
-          default: S(() => [
-            (l(), D(Y(o.value ? T(De) : T(Ve))))
+          default: I(() => [
+            (l(), W(Y(p(t) ? p(Pe) : p(We))))
           ]),
           _: 1
-        })) : b("", !0)
+        })) : y("", !0)
       ], 34);
     };
   }
-}), Fo = /* @__PURE__ */ w(Dt, [["__scopeId", "data-v-6667c961"]]), Ht = /* @__PURE__ */ m({
+}), Pt = /* @__PURE__ */ b(At, [["__scopeId", "data-v-9f7974a7"]]), Wt = /* @__PURE__ */ g({
   __name: "FTooltip",
   props: {
     content: {},
@@ -983,77 +617,77 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     offset: { default: 6 },
     maxWidth: { default: 240 }
   },
-  setup(s) {
-    const e = s, t = A(null), o = A(null), n = A(!1), c = A({ top: 0, left: 0 });
-    let d = null;
-    const i = () => {
-      e.disabled || (d = setTimeout(() => {
-        n.value = !0, re(f);
+  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), n.value = !1;
+      u && clearTimeout(u), s.value = !1;
     }, f = () => {
-      var J;
-      if (!o.value) return;
-      const u = ((J = t.value) == null ? void 0 : J.firstElementChild) ?? t.value;
-      if (!u) return;
-      const p = u.getBoundingClientRect(), C = o.value.getBoundingClientRect(), M = e.offset, [k, I] = e.placement.split("-");
-      let L = 0, F = 0;
-      switch (k) {
+      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":
-          L = p.top - C.height - M;
+          A = d.top - k.height - x;
           break;
         case "bottom":
-          L = p.bottom + M;
+          A = d.bottom + x;
           break;
         case "left":
-          F = p.left - C.width - M;
+          M = d.left - k.width - x;
           break;
         case "right":
-          F = p.right + M;
+          M = d.right + x;
           break;
       }
-      k === "top" || k === "bottom" ? I === "start" ? F = p.left : I === "end" ? F = p.right - C.width : F = p.left + (p.width - C.width) / 2 : I === "start" ? L = p.top : I === "end" ? L = p.bottom - C.height : L = p.top + (p.height - C.height) / 2;
-      const O = 8;
-      F = Math.max(O, Math.min(F, window.innerWidth - C.width - O)), L = Math.max(O, Math.min(L, window.innerHeight - C.height - O)), c.value = { top: L + window.scrollY, left: F + 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 ie(a), (u, p) => (l(), r("div", {
+    return oe(a), (m, d) => (l(), c("div", {
       class: "f-tooltip",
       ref_key: "triggerRef",
-      ref: t,
-      onMouseenter: i,
+      ref: o,
+      onMouseenter: r,
       onMouseleave: a
     }, [
-      g(u.$slots, "default", {}, void 0, !0),
-      (l(), D(ce, { to: "body" }, [
-        z(Q, { name: "f-tooltip" }, {
-          default: S(() => [
-            n.value && (u.content || u.$slots.content) ? (l(), r("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: o,
-              class: x(["f-tooltip-wrapper", `is-${u.placement.split("-")[0]}`]),
-              style: B({
-                top: `${c.value.top}px`,
-                left: `${c.value.left}px`,
-                maxWidth: `${u.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`
               })
             }, [
-              g(u.$slots, "content", {}, () => [
-                he(V(u.content), 1)
+              v(m.$slots, "content", {}, () => [
+                me(V(m.content), 1)
               ], !0),
-              p[0] || (p[0] = h("span", { class: "f-tooltip-arrow" }, null, -1))
-            ], 6)) : b("", !0)
+              d[0] || (d[0] = z("span", { class: "f-tooltip-arrow" }, null, -1))
+            ], 6)) : y("", !0)
           ]),
           _: 3
         })
       ]))
     ], 544));
   }
-}), zo = /* @__PURE__ */ w(Ht, [["__scopeId", "data-v-8d9ae5bb"]]), jt = { class: "f-progress" }, Ot = {
+}), jt = /* @__PURE__ */ b(Wt, [["__scopeId", "data-v-be9acca7"]]), Dt = { class: "f-progress" }, Et = {
   key: 0,
   class: "f-progress__text"
-}, Wt = /* @__PURE__ */ m({
+}, Lt = /* @__PURE__ */ g({
   __name: "FProgress",
   props: {
     percent: {},
@@ -1061,25 +695,25 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     showText: { type: Boolean, default: !1 },
     height: { default: 5 }
   },
-  setup(s) {
-    const e = s, t = _(() => Math.min(100, Math.max(0, e.percent)));
-    return (o, n) => (l(), r("div", jt, [
-      h("div", {
+  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: B({ height: `${o.height}px` })
+        style: T({ height: `${t.height}px` })
       }, [
-        h("div", {
+        z("div", {
           class: "f-progress__fill",
-          style: B({
-            width: `${t.value}%`,
-            background: o.color
+          style: T({
+            width: `${p(o)}%`,
+            background: t.color
           })
         }, null, 4)
       ], 4),
-      o.showText ? (l(), r("span", Ot, V(t.value) + "%", 1)) : b("", !0)
+      t.showText ? (l(), c("span", Et, V(p(o)) + "%", 1)) : y("", !0)
     ]));
   }
-}), Mo = /* @__PURE__ */ w(Wt, [["__scopeId", "data-v-06d85e64"]]), Pt = { class: "f-tabs__nav-container" }, Et = { class: "f-tabs__nav" }, Nt = ["onClick"], Gt = { class: "f-tabs__label" }, Ut = /* @__PURE__ */ m({
+}), 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: {},
@@ -1087,92 +721,93 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     type: { default: "line" }
   },
   emits: ["update:active", "change"],
-  setup(s, { emit: e }) {
-    const t = s, o = e, n = _({
+  setup(n, { emit: e }) {
+    const o = n, t = e, s = h({
       get: () => {
-        if (t.active && t.tabs.some((i) => i.name === t.active && !i.disabled))
-          return t.active;
-        const d = t.tabs.find((i) => !i.disabled);
-        return (d == null ? void 0 : d.name) ?? "";
+        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) => {
-        o("update:active", d), o("change", d);
+      set: (u) => {
+        t("update:active", u), t("change", u);
       }
-    }), c = (d, i) => {
-      i || (n.value = d);
+    }), i = (u, r) => {
+      r || (s.value = u);
     };
-    return (d, i) => (l(), r("div", {
-      class: x(["f-tabs", [`f-tabs--${d.type}`]])
+    return (u, r) => (l(), c("div", {
+      class: C(["f-tabs", [`f-tabs--${u.type}`]])
     }, [
-      h("div", Pt, [
-        h("div", Et, [
-          (l(!0), r(R, null, U(d.tabs, (a) => (l(), r("div", {
+      z("div", Ht, [
+        z("div", Nt, [
+          (l(!0), c(P, null, G(u.tabs, (a) => (l(), c("div", {
             key: a.name,
-            class: x(["f-tabs__tab", {
-              active: n.value === a.name,
+            class: C(["f-tabs__tab", {
+              active: p(s) === a.name,
               disabled: a.disabled
             }]),
-            onClick: (f) => c(a.name, a.disabled)
+            onClick: (f) => i(a.name, a.disabled)
           }, [
-            h("span", Gt, V(a.label), 1)
-          ], 10, Nt))), 128))
+            z("span", Gt, V(a.label), 1)
+          ], 10, qt))), 128))
         ])
       ]),
-      (l(!0), r(R, null, U(d.tabs, (a) => oe((l(), r("div", {
+      (l(!0), c(P, null, G(u.tabs, (a) => te((l(), c("div", {
         key: a.name,
         class: "f-tabs__panel"
       }, [
-        g(d.$slots, a.name, {}, void 0, !0)
+        v(u.$slots, a.name, {}, void 0, !0)
       ])), [
-        [ae, n.value === a.name]
+        [ue, p(s) === a.name]
       ])), 128))
     ], 2));
   }
-}), So = /* @__PURE__ */ w(Ut, [["__scopeId", "data-v-00231637"]]), qt = {
+}), Xt = /* @__PURE__ */ b(Ut, [["__scopeId", "data-v-268fc654"]]), Yt = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
-}, Xt = ["href"], Yt = {
+}, Jt = ["href"], Kt = {
   key: 3,
   class: "f-breadcrumb__text"
-}, Jt = /* @__PURE__ */ m({
+}, Qt = /* @__PURE__ */ g({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
     separator: { default: "/" },
     animated: { type: Boolean, default: !1 }
   },
-  setup(s) {
-    return (e, t) => (l(), r("nav", {
-      class: x(["f-breadcrumb", { "f-breadcrumb--animated": e.animated }]),
+  setup(n) {
+    return (e, o) => (l(), c("nav", {
+      class: C(["f-breadcrumb", { "f-breadcrumb--animated": e.animated }]),
       "aria-label": "breadcrumb"
     }, [
-      z(_e, { name: "breadcrumb" }, {
-        default: S(() => [
-          (l(!0), r(R, null, U(e.items, (o, n) => (l(), r(R, {
-            key: o.label
+      S(Fe, { name: "breadcrumb" }, {
+        default: I(() => [
+          (l(!0), c(P, null, G(e.items, (t, s) => (l(), c(P, {
+            key: t.label
           }, [
-            n > 0 ? (l(), r("span", {
-              key: `sep-${o.label}`,
+            s > 0 ? (l(), c("span", {
+              key: `sep-${t.label}`,
               class: "f-breadcrumb__sep",
               "aria-hidden": "true"
-            }, V(e.separator), 1)) : b("", !0),
-            n === e.items.length - 1 ? g(e.$slots, "default", {
+            }, V(e.separator), 1)) : y("", !0),
+            s === e.items.length - 1 ? v(e.$slots, "default", {
               key: 1,
-              item: o
+              item: t
             }, () => [
-              h("span", qt, V(o.label), 1)
-            ], !0) : o.href ? (l(), r("a", {
+              z("span", Yt, V(t.label), 1)
+            ], !0) : t.href ? (l(), c("a", {
               key: 2,
-              href: o.href,
+              href: t.href,
               class: "f-breadcrumb__link"
-            }, V(o.label), 9, Xt)) : (l(), r("span", Yt, V(o.label), 1))
+            }, V(t.label), 9, Jt)) : (l(), c("span", Kt, V(t.label), 1))
           ], 64))), 128))
         ]),
         _: 3
       })
     ], 2));
   }
-}), Bo = /* @__PURE__ */ w(Jt, [["__scopeId", "data-v-bb787dcc"]]), Kt = /* @__PURE__ */ m({
+}), Zt = /* @__PURE__ */ b(Qt, [["__scopeId", "data-v-bb787dcc"]]), eo = /* @__PURE__ */ g({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -1183,28 +818,28 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     md: {},
     lg: {}
   },
-  setup(s) {
-    const e = s, t = (c) => typeof c == "number" ? { span: c } : c, o = _(() => ({
+  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
-    })), n = _(() => {
-      const c = [], d = { xs: e.xs, sm: e.sm, md: e.md, lg: e.lg };
-      for (const [i, 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: f, offset: u, order: p } = t(a);
-        f !== void 0 && c.push(`f-col--${i}-${f}`), u !== void 0 && c.push(`f-col--${i}-offset-${u}`), p !== void 0 && c.push(`f-col--${i}-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) => (l(), r("div", {
-      class: x(["f-col", n.value]),
-      style: B(o.value)
+    return (i, u) => (l(), c("div", {
+      class: C(["f-col", p(s)]),
+      style: T(p(t))
     }, [
-      g(c.$slots, "default", {}, void 0, !0)
+      v(i.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), To = /* @__PURE__ */ w(Kt, [["__scopeId", "data-v-522acc47"]]), Qt = /* @__PURE__ */ m({
+}), to = /* @__PURE__ */ b(eo, [["__scopeId", "data-v-5a8b0cb4"]]), oo = /* @__PURE__ */ g({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -1213,47 +848,47 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     wrap: { default: "wrap" },
     tag: { default: "div" }
   },
-  setup(s) {
-    const e = s, t = _(
+  setup(n) {
+    const e = n, o = h(
       () => Array.isArray(e.gutter) ? e.gutter[0] : e.gutter
-    ), o = _(
+    ), t = h(
       () => Array.isArray(e.gutter) ? e.gutter[1] : 0
-    ), n = {
+    ), 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 = _(() => ({
-      marginLeft: t.value ? `-${t.value / 2}px` : void 0,
-      marginRight: t.value ? `-${t.value / 2}px` : void 0,
-      rowGap: o.value ? `${o.value}px` : void 0,
-      justifyContent: n[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 (i, a) => (l(), D(Y(i.tag), {
+    return (r, a) => (l(), W(Y(r.tag), {
       class: "f-row",
-      style: B(d.value)
+      style: T(p(u))
     }, {
-      default: S(() => [
-        g(i.$slots, "default", {}, void 0, !0)
+      default: I(() => [
+        v(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), Io = /* @__PURE__ */ w(Qt, [["__scopeId", "data-v-bf5b6af7"]]), Zt = { class: "f-space__item" }, eo = {
+}), so = /* @__PURE__ */ b(oo, [["__scopeId", "data-v-72f62339"]]), ao = { class: "f-space__item" }, no = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
-}, to = /* @__PURE__ */ m({
+}, lo = /* @__PURE__ */ g({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -1263,80 +898,80 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     wrap: { type: Boolean, default: !1 },
     split: {}
   },
-  setup(s) {
-    const e = s, t = {
+  setup(n) {
+    const e = n, o = {
       small: 6,
       normal: 12,
       large: 18
-    }, o = (a) => typeof a == "number" ? a : t[a], n = _(() => {
+    }, t = (a) => typeof a == "number" ? a : o[a], s = h(() => {
       const a = e.size;
-      return Array.isArray(a) ? `${o(a[1])}px ${o(a[0])}px` : `${o(a)}px`;
-    }), c = _(() => ({
+      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: n.value
-    })), d = ge(), i = _(() => {
-      var u;
-      const a = (u = d.default) == null ? void 0 : u.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 f = [];
-      for (const p of a)
-        p.type === R ? f.push(...p.children) : f.push(p);
-      return f.filter((p) => p.type !== Comment);
+      for (const d of a)
+        d.type === P ? f.push(...d.children) : f.push(d);
+      return f.filter((d) => d.type !== Comment);
     });
-    return (a, f) => (l(), r("div", {
+    return (a, f) => (l(), c("div", {
       class: "f-space",
-      style: B(c.value)
+      style: T(p(i))
     }, [
-      (l(!0), r(R, null, U(i.value, (u, p) => (l(), r(R, { key: p }, [
-        h("div", Zt, [
-          (l(), D(Y(u)))
+      (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 < i.value.length - 1 ? (l(), r("span", eo, V(a.split), 1)) : b("", !0)
+        a.split && d < p(r).length - 1 ? (l(), c("span", no, V(a.split), 1)) : y("", !0)
       ], 64))), 128))
     ], 4));
   }
-}), Lo = /* @__PURE__ */ w(to, [["__scopeId", "data-v-9a9642c7"]]), oo = /* @__PURE__ */ m({
+}), ro = /* @__PURE__ */ b(lo, [["__scopeId", "data-v-5fb3b1a0"]]), io = /* @__PURE__ */ g({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
   },
-  setup(s) {
-    const e = s, t = _(() => ({
+  setup(n) {
+    const e = n, o = h(() => ({
       gap: typeof e.gap == "number" ? `${e.gap}px` : e.gap
     }));
-    return (o, n) => (l(), r("div", {
+    return (t, s) => (l(), c("div", {
       class: "f-container",
-      style: B(t.value)
+      style: T(p(o))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      v(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ao = /* @__PURE__ */ w(oo, [["__scopeId", "data-v-7a5352b1"]]), no = /* @__PURE__ */ m({
+}), co = /* @__PURE__ */ b(io, [["__scopeId", "data-v-08450ddf"]]), uo = /* @__PURE__ */ g({
   __name: "FDivider",
   props: {
     color: {},
     direction: { default: "horizontal" },
     line: { default: "solid" }
   },
-  setup(s) {
-    const e = s, t = _(() => {
-      const o = e.color || "var(--el-color-primary)", n = e.direction === "horizontal";
+  setup(n) {
+    const e = n, o = h(() => {
+      const t = e.color || "var(--el-color-primary)", s = e.direction === "horizontal";
       return {
-        borderTop: n ? `${e.line} ${o}` : "none",
-        borderLeft: n ? "none" : `${e.line} ${o}`,
-        height: n ? "0" : "100%",
-        width: n ? "100%" : "0",
-        margin: n ? "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 (o, n) => (l(), r("hr", {
-      style: B(t.value)
+    return (t, s) => (l(), c("hr", {
+      style: T(o.value)
     }, null, 4));
   }
-}), Vo = /* @__PURE__ */ w(no, [["__scopeId", "data-v-512ee743"]]), lo = ["src", "alt"], so = /* @__PURE__ */ m({
+}), po = /* @__PURE__ */ b(uo, [["__scopeId", "data-v-512ee743"]]), fo = ["src", "alt"], mo = /* @__PURE__ */ g({
   __name: "FAvatar",
   props: {
     src: {},
@@ -1345,39 +980,39 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     shape: { default: "circle" },
     icon: {}
   },
-  setup(s) {
-    const e = s, t = {
+  setup(n) {
+    const e = n, o = {
       small: "32px",
       normal: "48px",
       large: "64px"
-    }, o = _(() => ({
-      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 (n, c) => {
-      const d = P("f-icon");
-      return l(), r("div", {
+    return (s, i) => {
+      const u = O("f-icon");
+      return l(), c("div", {
         class: "f-avatar",
-        style: B(o.value)
+        style: T(p(t))
       }, [
-        n.src ? (l(), r("img", {
+        s.src ? (l(), c("img", {
           key: 0,
-          src: n.src,
-          alt: n.alt
-        }, null, 8, lo)) : (l(), D(d, {
+          src: s.src,
+          alt: s.alt
+        }, null, 8, fo)) : (l(), W(u, {
           key: 1,
           size: 24
         }, {
-          default: S(() => [
-            (l(), D(Y(n.icon ? n.icon : T(We))))
+          default: I(() => [
+            (l(), W(Y(s.icon ? s.icon : p(je))))
           ]),
           _: 1
         }))
       ], 4);
     };
   }
-}), Ro = /* @__PURE__ */ w(so, [["__scopeId", "data-v-e28271c3"]]), ao = ["disabled"], ro = /* @__PURE__ */ m({
+}), _o = /* @__PURE__ */ b(mo, [["__scopeId", "data-v-799350d0"]]), ho = ["disabled"], vo = /* @__PURE__ */ g({
   __name: "FButton",
   props: {
     size: { default: "normal" },
@@ -1386,44 +1021,49 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     bgColor: {},
     variant: {}
   },
-  setup(s) {
-    const e = s, 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" }
-    }, o = _(() => ({
-      ...t[e.size] ?? t.normal,
-      borderRadius: e.round === !0 ? "999px" : typeof e.round == "number" ? `${e.round}px` : "6px",
-      backgroundColor: e.bgColor
-    }));
-    return (n, c) => (l(), r("button", {
-      class: x(["f-button", [
-        `f-button--${n.variant ?? "default"}`,
-        { "is-disabled": n.disabled }
-      ]]),
-      style: B(o.value),
-      disabled: n.disabled
-    }, [
-      g(n.$slots, "default", {}, void 0, !0)
-    ], 14, ao));
+    }, 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 (s, i) => {
+      var u;
+      return l(), c("button", {
+        class: C(["f-button", [
+          `f-button--${(u = s.variant) != null ? u : "default"}`,
+          { "is-disabled": s.disabled }
+        ]]),
+        style: T(p(t)),
+        disabled: s.disabled
+      }, [
+        v(s.$slots, "default", {}, void 0, !0)
+      ], 14, ho);
+    };
   }
-}), Do = /* @__PURE__ */ w(ro, [["__scopeId", "data-v-04df3a98"]]), io = /* @__PURE__ */ m({
+}), go = /* @__PURE__ */ b(vo, [["__scopeId", "data-v-eeff7101"]]), bo = /* @__PURE__ */ g({
   __name: "FTypography",
   props: {
     color: { default: "" }
   },
-  setup(s) {
-    const e = s, t = _(() => ({
+  setup(n) {
+    const e = n, o = h(() => ({
       color: e.color
     }));
-    return (o, n) => (l(), r("div", {
+    return (t, s) => (l(), c("div", {
       class: "f-typography",
-      style: B(t.value)
+      style: T(p(o))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      v(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ho = /* @__PURE__ */ w(io, [["__scopeId", "data-v-40f51ad6"]]), co = /* @__PURE__ */ m({
+}), yo = /* @__PURE__ */ b(bo, [["__scopeId", "data-v-54c9aca5"]]), $o = /* @__PURE__ */ g({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -1434,37 +1074,46 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     truncate: { type: Boolean },
     italic: { type: Boolean }
   },
-  setup(s) {
-    const e = s, t = {
+  setup(n) {
+    const e = n, o = {
       1: "3xl",
       2: "2xl",
       3: "xl",
       4: "lg",
       5: "normal",
       6: "sm"
-    }, o = {
+    }, t = {
       1: "bolder",
       2: "bold",
       3: "bold",
       4: "medium",
       5: "medium",
       6: "normal"
-    }, n = _(() => e.heading ? `h${e.heading}` : e.tag ?? "span"), c = _(() => e.size ?? (e.heading ? t[e.heading] : "normal")), d = _(() => e.weight ?? (e.heading ? o[e.heading] : "normal"));
-    return (i, a) => (l(), D(Y(n.value), {
-      class: x(["f-text", [
-        `f-text--${c.value}`,
-        `f-text--${d.value}`,
-        i.color && `f-text--${i.color}`,
-        { "f-text--truncate": i.truncate, "f-text--italic": i.italic }
+    }, 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 (r, a) => (l(), W(Y(p(s)), {
+      class: C(["f-text", [
+        `f-text--${p(i)}`,
+        `f-text--${p(u)}`,
+        r.color && `f-text--${r.color}`,
+        { "f-text--truncate": r.truncate, "f-text--italic": r.italic }
       ]])
     }, {
-      default: S(() => [
-        g(i.$slots, "default", {}, void 0, !0)
+      default: I(() => [
+        v(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), jo = /* @__PURE__ */ w(co, [["__scopeId", "data-v-ac74c770"]]), uo = ["href", "target", "rel"], po = /* @__PURE__ */ m({
+}), ko = /* @__PURE__ */ b($o, [["__scopeId", "data-v-8bcfc6b3"]]), wo = ["href", "target", "rel"], Fo = /* @__PURE__ */ g({
   __name: "FLink",
   props: {
     href: {},
@@ -1473,10 +1122,10 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     color: {},
     disabled: { type: Boolean }
   },
-  setup(s) {
-    const e = s;
-    return (t, o) => (l(), r("a", {
-      class: x(["f-link", [
+  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}`,
         { "f-link--disabled": e.disabled }
@@ -1485,10 +1134,10 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
       target: e.target,
       rel: e.target === "_blank" ? "noopener noreferrer" : void 0
     }, [
-      g(t.$slots, "default", {}, void 0, !0)
-    ], 10, uo));
+      v(o.$slots, "default", {}, void 0, !0)
+    ], 10, wo));
   }
-}), Oo = /* @__PURE__ */ w(po, [["__scopeId", "data-v-daaa3e25"]]), fo = { class: "f-badge" }, vo = /* @__PURE__ */ m({
+}), zo = /* @__PURE__ */ b(Fo, [["__scopeId", "data-v-daaa3e25"]]), Co = { class: "f-badge" }, xo = /* @__PURE__ */ g({
   __name: "FBadge",
   props: {
     value: {},
@@ -1498,106 +1147,325 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     placement: { default: "top-right" },
     offset: { default: () => [0, 0] }
   },
-  setup(s) {
-    const e = s, t = _(() => e.dot ? "" : typeof e.value == "number" && e.value > e.max ? `${e.max}+` : e.value ?? ""), o = _(() => {
-      const [n, 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% + ${n}px), calc(-50% + ${c}px))` },
-        "top-left": { top: 0, left: 0, transform: `translate(calc(-50% + ${n}px), calc(-50% + ${c}px))` },
-        "bottom-right": { bottom: 0, right: 0, transform: `translate(calc(50% + ${n}px), calc(50% + ${c}px))` },
-        "bottom-left": { bottom: 0, left: 0, transform: `translate(calc(-50% + ${n}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 (n, c) => (l(), r("div", fo, [
-      g(n.$slots, "default", {}, void 0, !0),
-      n.dot || n.value !== void 0 && n.value !== "" ? (l(), r("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: x(["f-badge__content", [`f-badge--${n.type}`, { "f-badge--dot": n.dot }]]),
-        style: B(o.value)
-      }, V(t.value), 7)) : b("", !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)
     ]));
   }
-}), Wo = /* @__PURE__ */ w(vo, [["__scopeId", "data-v-b9d3e8d6"]]), mo = /* @__PURE__ */ m({
+}), So = /* @__PURE__ */ b(xo, [["__scopeId", "data-v-be6947ff"]]), Mo = /* @__PURE__ */ g({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
     offset: { default: () => [8, 8] }
   },
-  setup(s) {
-    const e = s, t = _(() => {
-      const [o, n] = e.offset;
+  setup(n) {
+    const e = n, o = h(() => {
+      const [t, s] = e.offset;
       return {
-        "top-left": { top: `${n}px`, left: `${o}px` },
-        "top-right": { top: `${n}px`, right: `${o}px` },
-        "bottom-left": { bottom: `${n}px`, left: `${o}px` },
-        "bottom-right": { bottom: `${n}px`, right: `${o}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 (o, n) => (l(), r("div", {
+    return (t, s) => (l(), c("div", {
       class: "f-affix",
-      style: B(t.value)
+      style: T(p(o))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      v(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Po = /* @__PURE__ */ w(mo, [["__scopeId", "data-v-2ba0b82c"]]), Eo = (s) => {
-  [
-    "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) => {
-    s.component(t, ye(() => we(/* @__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 {
-  Po as FAffix,
-  Ro as FAvatar,
-  Wo as FBadge,
-  Bo as FBreadcrumb,
-  Do as FButton,
-  Co as FCard,
-  To as FCol,
-  Ao as FContainer,
-  Vo as FDivider,
-  bo as FDropdown,
-  _o as FIcon,
-  go as FImage,
-  yo as FInput,
-  Oo as FLink,
-  wo as FLoading,
-  xo as FPagination,
-  Mo as FProgress,
-  $o as FRate,
-  Io as FRow,
-  ko as FSelect,
-  Lo as FSpace,
-  So as FTabs,
-  Fo as FTag,
-  jo as FText,
-  zo as FTooltip,
-  Ho as FTypography,
-  Eo 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
 };