fantasia-ui 0.2.2 → 0.2.3

package/dist/fantasia-ui.es.js

@@ -1,7 +1,37 @@
-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) => {
+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) => {
+    try {
+      l(t.next(a));
+    } catch (_) {
+      o(_);
+    }
+  }, d = (a) => {
+    try {
+      l(t.throw(a));
+    } catch (_) {
+      o(_);
+    }
+  }, l = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(c, d);
+  l((t = t.apply(r, 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,
@@ -11,38 +41,38 @@ const we = (s, e, t) => {
       )
     );
   });
-}, $e = /* @__PURE__ */ m({
+}, We = /* @__PURE__ */ y({
   __name: "FIcon",
   props: {
     color: {},
     size: { default: "1em" }
   },
-  setup(s) {
-    const e = s, t = _(() => ({
+  setup(r) {
+    const e = r, t = v(() => ({
       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 (s, o) => (n(), i("span", {
       role: "img",
       class: "f-icon",
-      style: B(t.value)
+      style: I(u(t))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      h(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), w = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [o, n] of e)
-    t[o] = n;
+}), b = (r, e) => {
+  const t = r.__vccOpts || r;
+  for (const [s, o] of e)
+    t[s] = o;
   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 = {
+}, 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 = {
   key: 0,
   class: "f-image__placeholder"
-}, Ce = {
+}, je = {
   key: 0,
   class: "f-image__error"
-}, Fe = ["src", "loading"], ze = /* @__PURE__ */ m({
+}, Ne = ["src", "loading"], Ge = /* @__PURE__ */ y({
   __name: "FImage",
   props: {
     src: {},
@@ -50,380 +80,52 @@ const we = (s, e, t) => {
     fit: { default: "cover" },
     lazy: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const e = s, t = A("loading");
-    te(() => e.src, () => {
+  setup(r) {
+    const e = r, t = R("loading");
+    ie(() => e.src, () => {
       t.value = "loading";
     }, { immediate: !1 });
-    const o = () => t.value = "loaded", n = () => t.value = "error";
+    const s = () => t.value = "loaded", o = () => 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 l = O("f-loading"), a = O("f-icon");
+      return n(), i("div", Ee, [
+        T(K, { name: "fade" }, {
+          default: B(() => [
+            u(t) === "loading" ? (n(), i("div", Oe, [
+              T(l, { type: "classic first" })
+            ])) : k("", !0)
           ]),
           _: 1
         }),
-        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))
+        T(K, { name: "fade" }, {
+          default: B(() => [
+            u(t) === "error" ? (n(), i("div", je, [
+              h(c.$slots, "error", {}, () => [
+                T(a, { size: "48px" }, {
+                  default: B(() => [
+                    T(u(He))
                   ]),
                   _: 1
                 })
               ], !0)
-            ])) : b("", !0)
+            ])) : k("", !0)
           ]),
           _: 3
         }),
-        oe(h("img", {
+        Z(z("img", {
           src: e.src,
           loading: c.lazy ? "lazy" : "eager",
-          style: B({ objectFit: e.fit }),
+          style: I({ objectFit: e.fit }),
           class: "f-image__img",
-          onLoad: o,
-          onError: n
-        }, null, 44, Fe), [
-          [ae, t.value === "loaded"]
+          onLoad: s,
+          onError: o
+        }, null, 44, Ne), [
+          [ce, u(t) === "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({
+}), io = /* @__PURE__ */ b(Ge, [["__scopeId", "data-v-2948108d"]]), Ue = ["type", "placeholder", "disabled", "readonly", "name", "id"], Xe = /* @__PURE__ */ y({
   __name: "FInput",
   props: /* @__PURE__ */ G({
     placeholder: { default: "输入..." },
@@ -437,82 +139,82 @@ const we = (s, e, t) => {
     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);
+  setup(r, { emit: e }) {
+    const t = Q(r, "modelValue"), s = e, o = (a) => {
+      const _ = a.target.value;
+      s("input", _);
     }, c = (a) => {
-      const f = a.target.value;
-      o("change", f);
+      const _ = a.target.value;
+      s("change", _);
     }, d = (a) => {
-      o("focus", a);
-    }, i = (a) => {
-      o("blur", a);
+      s("focus", a);
+    }, l = (a) => {
+      s("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) }])
+    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) }])
       }, [
-        z(u, { class: "f-input__icon" }, {
-          default: S(() => [
-            z(T(Ee))
+        T(f, { class: "f-input__icon" }, {
+          default: B(() => [
+            T(u(ze))
           ]),
           _: 1
         }),
-        oe(h("input", {
+        Z(z("input", {
           class: "f-input__text",
-          "onUpdate:modelValue": f[0] || (f[0] = (p) => t.value = p),
+          "onUpdate:modelValue": _[0] || (_[0] = (p) => t.value = p),
           type: a.type,
           placeholder: a.placeholder,
           disabled: a.disabled,
-          readonly: "readonly" in a ? a.readonly : T(se),
+          readonly: "readonly" in a ? a.readonly : u(re),
           name: a.name,
           id: a.id,
-          onInput: n,
+          onInput: o,
           onChange: c,
           onFocus: d,
-          onBlur: i
-        }, null, 40, Je), [
-          [fe, t.value]
+          onBlur: l
+        }, null, 40, Ue), [
+          [$e, t.value]
         ])
       ], 2);
     };
   }
-}), yo = /* @__PURE__ */ w(Ke, [["__scopeId", "data-v-6c6d7c63"]]), Qe = {
+}), co = /* @__PURE__ */ b(Xe, [["__scopeId", "data-v-6c6d7c63"]]), Ye = {
   key: 0,
   class: "loop cubes"
-}, Ze = {
+}, qe = {
   key: 2,
   class: "msg"
-}, et = /* @__PURE__ */ m({
+}, Je = /* @__PURE__ */ y({
   __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(r) {
+    const e = r;
+    return (t, s) => (n(), i("div", {
+      class: C(["flex-center-col size-full loading-container", { "global-mask": t.mask }])
     }, [
-      t.type === "cubes" ? (l(), r("div", Qe, [
-        (l(), r(R, null, U(6, (n) => h("div", {
+      t.type === "cubes" ? (n(), i("div", Ye, [
+        (n(), i(D, null, U(6, (o) => z("div", {
           class: "item cubes",
-          key: n
+          key: o
         })), 64))
-      ])) : (l(), r("div", {
+      ])) : (n(), i("div", {
         key: 1,
-        class: x(["loader", t.type])
+        class: C(["loader", t.type])
       }, null, 2)),
-      e.text ? (l(), r("p", Ze, V(e.text), 1)) : b("", !0)
+      e.text ? (n(), i("p", qe, A(e.text), 1)) : k("", !0)
     ], 2));
   }
-}), wo = /* @__PURE__ */ w(et, [["__scopeId", "data-v-26005e98"]]), tt = ["onMousemove"], ot = {
+}), uo = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-26005e98"]]), Ke = ["onMousemove"], Qe = {
   key: 0,
   class: "f-rate__score"
-}, nt = /* @__PURE__ */ m({
+}, Ze = /* @__PURE__ */ y({
   __name: "FRate",
   props: /* @__PURE__ */ G({
     modelValue: {},
@@ -529,119 +231,62 @@ const we = (s, e, t) => {
     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;
+  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;
         } 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);
+          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", $);
     };
-    return (k, I) => {
-      const L = P("f-icon");
-      return l(), r("div", {
-        class: x(["f-rate", { "f-rate--readonly": o.readonly }]),
-        onMouseleave: C
+    return ($, M) => {
+      const V = O("f-icon");
+      return n(), i("div", {
+        class: C(["f-rate", { "f-rate--readonly": s.readonly }]),
+        onMouseleave: F
       }, [
-        (l(!0), r(R, null, U(o.count, (F) => (l(), r("span", {
-          key: F,
+        (n(!0), i(D, null, U(s.count, (x) => (n(), i("span", {
+          key: x,
           class: "f-rate__item",
-          onMousemove: (O) => p(O, F),
-          onClick: M
+          onMousemove: (H) => p(H, x),
+          onClick: S
         }, [
-          z(L, {
-            color: u(F),
-            size: a.value
+          T(V, {
+            color: f(x),
+            size: u(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: B(() => [
+              _(x) === "full" ? (n(), L(u(xe), { key: 0 })) : _(x) === "half" ? (n(), L(u(Te), { key: 1 })) : (n(), L(u(Se), { key: 2 }))
             ]),
             _: 2
           }, 1032, ["color", "size"])
-        ], 40, tt))), 128)),
-        o.showText ? (l(), r("span", ot, V(i.value), 1)) : b("", !0)
+        ], 40, Ke))), 128)),
+        s.showText ? (n(), i("span", Qe, A(u(l)), 1)) : k("", !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 = {
+}), fo = /* @__PURE__ */ b(Ze, [["__scopeId", "data-v-d68cd0e3"]]), et = { class: "f-dropdown-wrapper" }, tt = { class: "f-dropdown-content" }, ot = ["onClick"], st = {
   key: 0,
   class: "opt-icon"
-}, ht = { class: "opt-label" }, _t = /* @__PURE__ */ m({
+}, at = { class: "opt-label" }, nt = /* @__PURE__ */ y({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -651,95 +296,95 @@ 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 = _(() => {
+  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 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";
+      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";
       return {
-        top: `${H}px`,
-        left: `${j}px`,
-        transformOrigin: `${pe} ${ue}`
+        top: `${P}px`,
+        left: `${W}px`,
+        transformOrigin: `${_e} ${me}`
       };
     });
-    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 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;
       }, 400));
-    }, F = () => {
-      t.trigger === "hover" && (M && (clearTimeout(M), M = null), C = setTimeout(() => {
-        n.value = !1;
+    }, x = () => {
+      t.trigger === "hover" && (S && (clearTimeout(S), S = null), F = setTimeout(() => {
+        o.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));
+    }, H = (m) => {
+      t.trigger !== "click" || !o.value || (o.value = !1);
+    }, J = (m) => {
+      m.disabled || (s("select", m.key, m), m.children || (o.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 ie(o, (m) => le(null, null, function* () {
+      var j, g;
+      m ? (c.value = d.value.getBoundingClientRect(), yield de(), a.value = ((j = l.value) == null ? void 0 : j.offsetHeight) || 200, _.value = ((g = l.value) == null ? void 0 : g.offsetWidth) || 160) : (a.value = 0, _.value = 0);
+    })), ue(() => {
+      $(), S && clearTimeout(S);
+    }), Le(window, "click", H), (m, j) => (n(), i("div", et, [
+      z("div", {
         ref_key: "triggerRef",
         ref: d,
         class: "f-dropdown-trigger-wrapper",
-        onMouseenter: L,
-        onMouseleave: F,
-        onClick: I
+        onMouseenter: V,
+        onMouseleave: x,
+        onClick: M
       }, [
-        g(v.$slots, "default", {}, void 0, !0)
+        h(m.$slots, "default", {}, void 0, !0)
       ], 544),
-      (l(), D(ce, { to: "body" }, [
-        z(Q, { name: "f-dropdown-motion" }, {
-          default: S(() => [
-            n.value ? (l(), r("div", {
+      (n(), L(fe, { to: "body" }, [
+        T(K, { name: "f-dropdown-motion" }, {
+          default: B(() => [
+            u(o) ? (n(), i("div", {
               key: 0,
               ref_key: "dropdownRef",
-              ref: i,
+              ref: l,
               class: "f-dropdown-item",
-              style: B([p.value, { zIndex: v.zIndex }]),
-              onMouseenter: k,
-              onMouseleave: F,
-              onClick: E[0] || (E[0] = de(() => {
+              style: I([u(p), { zIndex: m.zIndex }]),
+              onMouseenter: $,
+              onMouseleave: x,
+              onClick: j[0] || (j[0] = pe(() => {
               }, ["stop"]))
             }, [
-              v.trigger === "hover" ? (l(), r("div", {
+              m.trigger === "hover" ? (n(), i("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: 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)
                 }, [
-                  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)
+                  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)
               ])
-            ], 36)) : b("", !0)
+            ], 36)) : k("", !0)
           ]),
           _: 3
         })
       ]))
     ]));
   }
-}), bo = /* @__PURE__ */ w(_t, [["__scopeId", "data-v-73eb3486"]]), gt = /* @__PURE__ */ m({
+}), po = /* @__PURE__ */ b(nt, [["__scopeId", "data-v-addb3a3b"]]), lt = /* @__PURE__ */ y({
   __name: "FSelect",
   props: /* @__PURE__ */ G({
     options: {},
@@ -749,38 +394,38 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
-  setup(s, { emit: e }) {
-    const t = s, o = e, n = Z(s, "modelValue"), c = A(!1), d = _(
+  setup(r, { emit: e }) {
+    const t = r, s = e, o = Q(r, "modelValue"), c = R(!1), d = v(
       () => {
-        var u;
-        return ((u = t.options.find((p) => p.key === n.value)) == null ? void 0 : u.label) ?? t.placeholder ?? "请选择";
+        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 : "请选择";
       }
-    ), 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;
+    ), l = v(() => o.value !== void 0 && o.value !== ""), a = (f, p) => {
+      o.value = f, s("select", f, p), c.value = !1;
+    }, _ = (f) => {
+      c.value = f;
     };
-    return (u, p) => {
-      const C = P("f-icon"), M = P("f-dropdown");
-      return l(), D(M, {
-        options: u.options,
+    return (f, p) => {
+      const F = O("f-icon"), S = O("f-dropdown");
+      return n(), L(S, {
+        options: f.options,
         trigger: "click",
         onSelect: a,
-        onShow: p[0] || (p[0] = (k) => f(!0)),
-        onHide: p[1] || (p[1] = (k) => f(!1)),
+        onShow: p[0] || (p[0] = ($) => _(!0)),
+        onHide: p[1] || (p[1] = ($) => _(!1)),
         placement: "bottom",
         offset: 4
       }, {
-        default: S(() => [
-          h("div", {
-            class: x(["f-select", { "is-active": i.value, "is-open": c.value }])
+        default: B(() => [
+          z("div", {
+            class: C(["f-select", { "is-active": u(l), "is-open": u(c) }])
           }, [
-            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": !u(l) }])
+            }, A(u(d)), 3),
+            T(F, { class: "f-select__arrow" }, {
+              default: B(() => [
+                T(u(Me))
               ]),
               _: 1
             })
@@ -790,10 +435,10 @@ 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 = {
+}), mo = /* @__PURE__ */ b(lt, [["__scopeId", "data-v-25e7d03d"]]), rt = { class: "f-pagination" }, it = { class: "f-pagination__list" }, ct = {
   key: 0,
   class: "page-btn ellipsis"
-}, bt = ["onClick"], kt = /* @__PURE__ */ m({
+}, dt = ["onClick"], ut = /* @__PURE__ */ y({
   __name: "FPagination",
   props: /* @__PURE__ */ G({
     total: {},
@@ -804,50 +449,50 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     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));
+  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));
     };
-    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 (l, a) => {
+      const _ = O("f-icon");
+      return n(), i("div", rt, [
+        z("button", {
+          class: C(["page-btn", { disabled: s.value === 1 }]),
+          onClick: a[0] || (a[0] = (f) => d(s.value - 1))
         }, [
-          z(f, null, {
-            default: S(() => [
-              z(T(Se))
+          T(_, null, {
+            default: B(() => [
+              T(u(Be))
             ]),
             _: 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", 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))
                 ]),
                 _: 1
               })
-            ])) : (l(), r("li", {
+            ])) : (n(), i("li", {
               key: 1,
-              class: x(["page-btn", { active: o.value === u }]),
-              onClick: (C) => d(u)
-            }, V(u), 11, bt))
+              class: C(["page-btn", { active: s.value === f }]),
+              onClick: (F) => d(f)
+            }, A(f), 11, dt))
           ], 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: s.value === u(o) }]),
+          onClick: a[1] || (a[1] = (f) => d(s.value + 1))
         }, [
-          z(f, null, {
-            default: S(() => [
-              z(T(Le))
+          T(_, null, {
+            default: B(() => [
+              T(u(Ve))
             ]),
             _: 1
           })
@@ -855,87 +500,87 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
       ]);
     };
   }
-}), xo = /* @__PURE__ */ w(kt, [["__scopeId", "data-v-33bfb5be"]]), xt = {
+}), _o = /* @__PURE__ */ b(ut, [["__scopeId", "data-v-e58f1ac9"]]), ft = {
   key: 0,
   class: "f-card__header"
-}, Ct = {
+}, pt = {
   key: 0,
   class: "f-card__header-extra"
-}, Ft = {
+}, mt = {
   key: 1,
   class: "f-card__cover"
-}, zt = {
+}, _t = {
   key: 2,
   class: "f-card__body"
-}, Mt = {
+}, vt = {
   key: 3,
   class: "f-card__footer"
-}, St = {
+}, ht = {
   key: 0,
   class: "f-card__header"
-}, Bt = {
+}, gt = {
   key: 0,
   class: "f-card__header-extra"
-}, Tt = {
+}, yt = {
   key: 1,
   class: "f-card__cover"
-}, It = { class: "f-card__content" }, Lt = {
+}, bt = { class: "f-card__content" }, $t = {
   key: 0,
   class: "f-card__body"
-}, At = {
+}, wt = {
   key: 1,
   class: "f-card__footer"
-}, Vt = /* @__PURE__ */ m({
+}, kt = /* @__PURE__ */ y({
   __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(r) {
+    return (e, t) => (n(), i("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" ? (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)
         ])
       ], 64))
     ], 2));
   }
-}), Co = /* @__PURE__ */ w(Vt, [["__scopeId", "data-v-a66fa373"]]), Rt = {
+}), vo = /* @__PURE__ */ b(kt, [["__scopeId", "data-v-a66fa373"]]), Ft = {
   key: 0,
   class: "f-tag__dot"
-}, Dt = /* @__PURE__ */ m({
+}, Ct = /* @__PURE__ */ y({
   __name: "FTag",
   props: {
     color: {},
@@ -945,35 +590,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(r, { emit: e }) {
+    const t = e, s = R(!1);
+    return (o, c) => {
+      var l, a, _;
+      const d = O("f-icon");
+      return n(), i("span", {
+        class: C(["f-tag", [
+          `f-tag--${(l = o.type) != null ? l : "round"}`,
+          `f-tag--${(a = o.effect) != null ? a : "light"}`,
+          (_ = o.color) != null ? _ : "default"
         ]]),
-        onMouseenter: c[1] || (c[1] = (i) => o.value = !0),
-        onMouseleave: c[2] || (c[2] = (i) => o.value = !1)
+        onMouseenter: c[1] || (c[1] = (f) => s.value = !0),
+        onMouseleave: c[2] || (c[2] = (f) => s.value = !1)
       }, [
-        n.type === "dot" ? (l(), r("span", Rt)) : b("", !0),
-        g(n.$slots, "default", {}, void 0, !0),
-        n.closable ? (l(), D(d, {
+        o.type === "dot" ? (n(), i("span", Ft)) : k("", !0),
+        h(o.$slots, "default", {}, void 0, !0),
+        o.closable ? (n(), L(d, {
           key: 1,
           class: "f-tag__close",
-          onClick: c[0] || (c[0] = de((i) => t("close"), ["stop"]))
+          onClick: c[0] || (c[0] = pe((f) => t("close"), ["stop"]))
         }, {
-          default: S(() => [
-            (l(), D(Y(o.value ? T(De) : T(Ve))))
+          default: B(() => [
+            (n(), L(q(u(s) ? u(Re) : u(Ae))))
           ]),
           _: 1
-        })) : b("", !0)
+        })) : k("", !0)
       ], 34);
     };
   }
-}), Fo = /* @__PURE__ */ w(Dt, [["__scopeId", "data-v-6667c961"]]), Ht = /* @__PURE__ */ m({
+}), ho = /* @__PURE__ */ b(Ct, [["__scopeId", "data-v-9f7974a7"]]), zt = /* @__PURE__ */ y({
   __name: "FTooltip",
   props: {
     content: {},
@@ -983,77 +629,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 });
+  setup(r) {
+    const e = r, t = R(null), s = R(null), o = R(!1), c = R({ top: 0, left: 0 });
     let d = null;
-    const i = () => {
+    const l = () => {
       e.disabled || (d = setTimeout(() => {
-        n.value = !0, re(f);
+        o.value = !0, de(_);
       }, e.delay));
     }, a = () => {
-      d && clearTimeout(d), n.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) {
+      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 ($) {
         case "top":
-          L = p.top - C.height - M;
+          V = p.top - F.height - S;
           break;
         case "bottom":
-          L = p.bottom + M;
+          V = p.bottom + S;
           break;
         case "left":
-          F = p.left - C.width - M;
+          x = p.left - F.width - S;
           break;
         case "right":
-          F = p.right + M;
+          x = p.right + S;
           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 };
+      $ === "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 };
     };
-    return ie(a), (u, p) => (l(), r("div", {
+    return ue(a), (f, p) => (n(), i("div", {
       class: "f-tooltip",
       ref_key: "triggerRef",
       ref: t,
-      onMouseenter: i,
+      onMouseenter: l,
       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", {
+      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", {
               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: 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`
               })
             }, [
-              g(u.$slots, "content", {}, () => [
-                he(V(u.content), 1)
+              h(f.$slots, "content", {}, () => [
+                we(A(f.content), 1)
               ], !0),
-              p[0] || (p[0] = h("span", { class: "f-tooltip-arrow" }, null, -1))
-            ], 6)) : b("", !0)
+              p[0] || (p[0] = z("span", { class: "f-tooltip-arrow" }, null, -1))
+            ], 6)) : k("", !0)
           ]),
           _: 3
         })
       ]))
     ], 544));
   }
-}), zo = /* @__PURE__ */ w(Ht, [["__scopeId", "data-v-8d9ae5bb"]]), jt = { class: "f-progress" }, Ot = {
+}), go = /* @__PURE__ */ b(zt, [["__scopeId", "data-v-be9acca7"]]), xt = { class: "f-progress" }, Tt = {
   key: 0,
   class: "f-progress__text"
-}, Wt = /* @__PURE__ */ m({
+}, St = /* @__PURE__ */ y({
   __name: "FProgress",
   props: {
     percent: {},
@@ -1061,25 +707,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(r) {
+    const e = r, t = v(() => Math.min(100, Math.max(0, e.percent)));
+    return (s, o) => (n(), i("div", xt, [
+      z("div", {
         class: "f-progress__track",
-        style: B({ height: `${o.height}px` })
+        style: I({ height: `${s.height}px` })
       }, [
-        h("div", {
+        z("div", {
           class: "f-progress__fill",
-          style: B({
-            width: `${t.value}%`,
-            background: o.color
+          style: I({
+            width: `${u(t)}%`,
+            background: s.color
           })
         }, null, 4)
       ], 4),
-      o.showText ? (l(), r("span", Ot, V(t.value) + "%", 1)) : b("", !0)
+      s.showText ? (n(), i("span", Tt, A(u(t)) + "%", 1)) : k("", !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({
+}), 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({
   __name: "FTabs",
   props: {
     tabs: {},
@@ -1087,92 +733,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(r, { emit: e }) {
+    const t = r, s = e, o = v({
       get: () => {
-        if (t.active && t.tabs.some((i) => i.name === t.active && !i.disabled))
+        var l;
+        if (t.active && t.tabs.some((a) => a.name === t.active && !a.disabled))
           return t.active;
-        const d = t.tabs.find((i) => !i.disabled);
-        return (d == null ? void 0 : d.name) ?? "";
+        const d = t.tabs.find((a) => !a.disabled);
+        return (l = d == null ? void 0 : d.name) != null ? l : "";
       },
       set: (d) => {
-        o("update:active", d), o("change", d);
+        s("update:active", d), s("change", d);
       }
-    }), c = (d, i) => {
-      i || (n.value = d);
+    }), c = (d, l) => {
+      l || (o.value = d);
     };
-    return (d, i) => (l(), r("div", {
-      class: x(["f-tabs", [`f-tabs--${d.type}`]])
+    return (d, l) => (n(), i("div", {
+      class: C(["f-tabs", [`f-tabs--${d.type}`]])
     }, [
-      h("div", Pt, [
-        h("div", Et, [
-          (l(!0), r(R, null, U(d.tabs, (a) => (l(), r("div", {
+      z("div", Mt, [
+        z("div", Bt, [
+          (n(!0), i(D, null, U(d.tabs, (a) => (n(), i("div", {
             key: a.name,
-            class: x(["f-tabs__tab", {
-              active: n.value === a.name,
+            class: C(["f-tabs__tab", {
+              active: u(o) === a.name,
               disabled: a.disabled
             }]),
-            onClick: (f) => c(a.name, a.disabled)
+            onClick: (_) => c(a.name, a.disabled)
           }, [
-            h("span", Gt, V(a.label), 1)
-          ], 10, Nt))), 128))
+            z("span", Vt, A(a.label), 1)
+          ], 10, It))), 128))
         ])
       ]),
-      (l(!0), r(R, null, U(d.tabs, (a) => oe((l(), r("div", {
+      (n(!0), i(D, null, U(d.tabs, (a) => Z((n(), i("div", {
         key: a.name,
         class: "f-tabs__panel"
       }, [
-        g(d.$slots, a.name, {}, void 0, !0)
+        h(d.$slots, a.name, {}, void 0, !0)
       ])), [
-        [ae, n.value === a.name]
+        [ce, u(o) === a.name]
       ])), 128))
     ], 2));
   }
-}), So = /* @__PURE__ */ w(Ut, [["__scopeId", "data-v-00231637"]]), qt = {
+}), bo = /* @__PURE__ */ b(Rt, [["__scopeId", "data-v-268fc654"]]), At = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
-}, Xt = ["href"], Yt = {
+}, Dt = ["href"], Lt = {
   key: 3,
   class: "f-breadcrumb__text"
-}, Jt = /* @__PURE__ */ m({
+}, Pt = /* @__PURE__ */ y({
   __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(r) {
+    return (e, t) => (n(), i("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
+      T(ke, { name: "breadcrumb" }, {
+        default: B(() => [
+          (n(!0), i(D, null, U(e.items, (s, o) => (n(), i(D, {
+            key: s.label
           }, [
-            n > 0 ? (l(), r("span", {
-              key: `sep-${o.label}`,
+            o > 0 ? (n(), i("span", {
+              key: `sep-${s.label}`,
               class: "f-breadcrumb__sep",
               "aria-hidden": "true"
-            }, V(e.separator), 1)) : b("", !0),
-            n === e.items.length - 1 ? g(e.$slots, "default", {
+            }, A(e.separator), 1)) : k("", !0),
+            o === e.items.length - 1 ? h(e.$slots, "default", {
               key: 1,
-              item: o
+              item: s
             }, () => [
-              h("span", qt, V(o.label), 1)
-            ], !0) : o.href ? (l(), r("a", {
+              z("span", At, A(s.label), 1)
+            ], !0) : s.href ? (n(), i("a", {
               key: 2,
-              href: o.href,
+              href: s.href,
               class: "f-breadcrumb__link"
-            }, V(o.label), 9, Xt)) : (l(), r("span", Yt, V(o.label), 1))
+            }, A(s.label), 9, Dt)) : (n(), i("span", Lt, A(s.label), 1))
           ], 64))), 128))
         ]),
         _: 3
       })
     ], 2));
   }
-}), Bo = /* @__PURE__ */ w(Jt, [["__scopeId", "data-v-bb787dcc"]]), Kt = /* @__PURE__ */ m({
+}), $o = /* @__PURE__ */ b(Pt, [["__scopeId", "data-v-bb787dcc"]]), Wt = /* @__PURE__ */ y({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -1183,28 +830,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(r) {
+    const e = r, t = (c) => typeof c == "number" ? { span: c } : c, s = v(() => ({
       "--col-span": e.span,
       "--col-offset": e.offset,
       "--col-order": e.order
-    })), n = _(() => {
+    })), o = v(() => {
       const c = [], d = { xs: e.xs, sm: e.sm, md: e.md, lg: e.lg };
-      for (const [i, a] of Object.entries(d)) {
+      for (const [l, a] of Object.entries(d)) {
         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: _, 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}`);
       }
       return c;
     });
-    return (c, d) => (l(), r("div", {
-      class: x(["f-col", n.value]),
-      style: B(o.value)
+    return (c, d) => (n(), i("div", {
+      class: C(["f-col", u(o)]),
+      style: I(u(s))
     }, [
-      g(c.$slots, "default", {}, void 0, !0)
+      h(c.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), To = /* @__PURE__ */ w(Kt, [["__scopeId", "data-v-522acc47"]]), Qt = /* @__PURE__ */ m({
+}), wo = /* @__PURE__ */ b(Wt, [["__scopeId", "data-v-5a8b0cb4"]]), Ht = /* @__PURE__ */ y({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -1213,12 +860,12 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     wrap: { default: "wrap" },
     tag: { default: "div" }
   },
-  setup(s) {
-    const e = s, t = _(
+  setup(r) {
+    const e = r, t = v(
       () => Array.isArray(e.gutter) ? e.gutter[0] : e.gutter
-    ), o = _(
+    ), s = v(
       () => Array.isArray(e.gutter) ? e.gutter[1] : 0
-    ), n = {
+    ), o = {
       start: "flex-start",
       end: "flex-end",
       center: "center",
@@ -1230,30 +877,30 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
       middle: "center",
       bottom: "flex-end",
       stretch: "stretch"
-    }, d = _(() => ({
+    }, d = v(() => ({
       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],
+      rowGap: s.value ? `${s.value}px` : void 0,
+      justifyContent: o[e.justify],
       alignItems: c[e.align],
       flexWrap: e.wrap,
       "--row-gutter-h": t.value ? `${t.value / 2}px` : "0px"
     }));
-    return (i, a) => (l(), D(Y(i.tag), {
+    return (l, a) => (n(), L(q(l.tag), {
       class: "f-row",
-      style: B(d.value)
+      style: I(u(d))
     }, {
-      default: S(() => [
-        g(i.$slots, "default", {}, void 0, !0)
+      default: B(() => [
+        h(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), Io = /* @__PURE__ */ w(Qt, [["__scopeId", "data-v-bf5b6af7"]]), Zt = { class: "f-space__item" }, eo = {
+}), ko = /* @__PURE__ */ b(Ht, [["__scopeId", "data-v-72f62339"]]), Et = { class: "f-space__item" }, Ot = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
-}, to = /* @__PURE__ */ m({
+}, jt = /* @__PURE__ */ y({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -1263,80 +910,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(r) {
+    const e = r, t = {
       small: 6,
       normal: 12,
       large: 18
-    }, o = (a) => typeof a == "number" ? a : t[a], n = _(() => {
+    }, s = (a) => typeof a == "number" ? a : t[a], o = v(() => {
       const a = e.size;
-      return Array.isArray(a) ? `${o(a[1])}px ${o(a[0])}px` : `${o(a)}px`;
-    }), c = _(() => ({
+      return Array.isArray(a) ? `${s(a[1])}px ${s(a[0])}px` : `${s(a)}px`;
+    }), c = v(() => ({
       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: o.value
+    })), d = Fe(), l = v(() => {
+      var f;
+      const a = (f = d.default) == null ? void 0 : f.call(d);
       if (!a) return [];
-      const f = [];
+      const _ = [];
       for (const p of a)
-        p.type === R ? f.push(...p.children) : f.push(p);
-      return f.filter((p) => p.type !== Comment);
+        p.type === D ? _.push(...p.children) : _.push(p);
+      return _.filter((p) => p.type !== Comment);
     });
-    return (a, f) => (l(), r("div", {
+    return (a, _) => (n(), i("div", {
       class: "f-space",
-      style: B(c.value)
+      style: I(u(c))
     }, [
-      (l(!0), r(R, null, U(i.value, (u, p) => (l(), r(R, { key: p }, [
-        h("div", Zt, [
-          (l(), D(Y(u)))
+      (n(!0), i(D, null, U(u(l), (f, p) => (n(), i(D, { key: p }, [
+        z("div", Et, [
+          (n(), L(q(f)))
         ]),
-        a.split && p < i.value.length - 1 ? (l(), r("span", eo, V(a.split), 1)) : b("", !0)
+        a.split && p < u(l).length - 1 ? (n(), i("span", Ot, A(a.split), 1)) : k("", !0)
       ], 64))), 128))
     ], 4));
   }
-}), Lo = /* @__PURE__ */ w(to, [["__scopeId", "data-v-9a9642c7"]]), oo = /* @__PURE__ */ m({
+}), Fo = /* @__PURE__ */ b(jt, [["__scopeId", "data-v-5fb3b1a0"]]), Nt = /* @__PURE__ */ y({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
   },
-  setup(s) {
-    const e = s, t = _(() => ({
+  setup(r) {
+    const e = r, t = v(() => ({
       gap: typeof e.gap == "number" ? `${e.gap}px` : e.gap
     }));
-    return (o, n) => (l(), r("div", {
+    return (s, o) => (n(), i("div", {
       class: "f-container",
-      style: B(t.value)
+      style: I(u(t))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      h(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ao = /* @__PURE__ */ w(oo, [["__scopeId", "data-v-7a5352b1"]]), no = /* @__PURE__ */ m({
+}), Co = /* @__PURE__ */ b(Nt, [["__scopeId", "data-v-08450ddf"]]), Gt = /* @__PURE__ */ y({
   __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(r) {
+    const e = r, t = v(() => {
+      const s = e.color || "var(--el-color-primary)", o = 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: o ? `${e.line} ${s}` : "none",
+        borderLeft: o ? "none" : `${e.line} ${s}`,
+        height: o ? "0" : "100%",
+        width: o ? "100%" : "0",
+        margin: o ? "24px 0" : "0"
       };
     });
-    return (o, n) => (l(), r("hr", {
-      style: B(t.value)
+    return (s, o) => (n(), i("hr", {
+      style: I(t.value)
     }, null, 4));
   }
-}), Vo = /* @__PURE__ */ w(no, [["__scopeId", "data-v-512ee743"]]), lo = ["src", "alt"], so = /* @__PURE__ */ m({
+}), zo = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-512ee743"]]), Ut = ["src", "alt"], Xt = /* @__PURE__ */ y({
   __name: "FAvatar",
   props: {
     src: {},
@@ -1345,39 +992,39 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     shape: { default: "circle" },
     icon: {}
   },
-  setup(s) {
-    const e = s, t = {
+  setup(r) {
+    const e = r, t = {
       small: "32px",
       normal: "48px",
       large: "64px"
-    }, o = _(() => ({
+    }, s = v(() => ({
       width: typeof e.size == "string" ? t[e.size] : `${e.size}px`,
       height: typeof e.size == "string" ? t[e.size] : `${e.size}px`,
       borderRadius: e.shape === "circle" ? "50%" : "8px"
     }));
-    return (n, c) => {
-      const d = P("f-icon");
-      return l(), r("div", {
+    return (o, c) => {
+      const d = O("f-icon");
+      return n(), i("div", {
         class: "f-avatar",
-        style: B(o.value)
+        style: I(u(s))
       }, [
-        n.src ? (l(), r("img", {
+        o.src ? (n(), i("img", {
           key: 0,
-          src: n.src,
-          alt: n.alt
-        }, null, 8, lo)) : (l(), D(d, {
+          src: o.src,
+          alt: o.alt
+        }, null, 8, Ut)) : (n(), L(d, {
           key: 1,
           size: 24
         }, {
-          default: S(() => [
-            (l(), D(Y(n.icon ? n.icon : T(We))))
+          default: B(() => [
+            (n(), L(q(o.icon ? o.icon : u(De))))
           ]),
           _: 1
         }))
       ], 4);
     };
   }
-}), Ro = /* @__PURE__ */ w(so, [["__scopeId", "data-v-e28271c3"]]), ao = ["disabled"], ro = /* @__PURE__ */ m({
+}), xo = /* @__PURE__ */ b(Xt, [["__scopeId", "data-v-799350d0"]]), Yt = ["disabled"], qt = /* @__PURE__ */ y({
   __name: "FButton",
   props: {
     size: { default: "normal" },
@@ -1386,44 +1033,49 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     bgColor: {},
     variant: {}
   },
-  setup(s) {
-    const e = s, t = {
+  setup(r) {
+    const e = r, t = {
       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));
+    }, s = v(() => {
+      var o;
+      return ne(ae({}, (o = t[e.size]) != null ? o : t.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", {
+        class: C(["f-button", [
+          `f-button--${(d = o.variant) != null ? d : "default"}`,
+          { "is-disabled": o.disabled }
+        ]]),
+        style: I(u(s)),
+        disabled: o.disabled
+      }, [
+        h(o.$slots, "default", {}, void 0, !0)
+      ], 14, Yt);
+    };
   }
-}), Do = /* @__PURE__ */ w(ro, [["__scopeId", "data-v-04df3a98"]]), io = /* @__PURE__ */ m({
+}), To = /* @__PURE__ */ b(qt, [["__scopeId", "data-v-eeff7101"]]), Jt = /* @__PURE__ */ y({
   __name: "FTypography",
   props: {
     color: { default: "" }
   },
-  setup(s) {
-    const e = s, t = _(() => ({
+  setup(r) {
+    const e = r, t = v(() => ({
       color: e.color
     }));
-    return (o, n) => (l(), r("div", {
+    return (s, o) => (n(), i("div", {
       class: "f-typography",
-      style: B(t.value)
+      style: I(u(t))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      h(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ho = /* @__PURE__ */ w(io, [["__scopeId", "data-v-40f51ad6"]]), co = /* @__PURE__ */ m({
+}), So = /* @__PURE__ */ b(Jt, [["__scopeId", "data-v-54c9aca5"]]), Kt = /* @__PURE__ */ y({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -1434,37 +1086,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(r) {
+    const e = r, t = {
       1: "3xl",
       2: "2xl",
       3: "xl",
       4: "lg",
       5: "normal",
       6: "sm"
-    }, o = {
+    }, s = {
       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 }
+    }, 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";
+    });
+    return (l, a) => (n(), L(q(u(o)), {
+      class: C(["f-text", [
+        `f-text--${u(c)}`,
+        `f-text--${u(d)}`,
+        l.color && `f-text--${l.color}`,
+        { "f-text--truncate": l.truncate, "f-text--italic": l.italic }
       ]])
     }, {
-      default: S(() => [
-        g(i.$slots, "default", {}, void 0, !0)
+      default: B(() => [
+        h(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), jo = /* @__PURE__ */ w(co, [["__scopeId", "data-v-ac74c770"]]), uo = ["href", "target", "rel"], po = /* @__PURE__ */ m({
+}), Mo = /* @__PURE__ */ b(Kt, [["__scopeId", "data-v-8bcfc6b3"]]), Qt = ["href", "target", "rel"], Zt = /* @__PURE__ */ y({
   __name: "FLink",
   props: {
     href: {},
@@ -1473,10 +1134,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(r) {
+    const e = r;
+    return (t, s) => (n(), i("a", {
+      class: C(["f-link", [
         e.color && `f-link--${e.color}`,
         `f-link--underline-${e.underline}`,
         { "f-link--disabled": e.disabled }
@@ -1485,10 +1146,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));
+      h(t.$slots, "default", {}, void 0, !0)
+    ], 10, Qt));
   }
-}), Oo = /* @__PURE__ */ w(po, [["__scopeId", "data-v-daaa3e25"]]), fo = { class: "f-badge" }, vo = /* @__PURE__ */ m({
+}), Bo = /* @__PURE__ */ b(Zt, [["__scopeId", "data-v-daaa3e25"]]), eo = { class: "f-badge" }, to = /* @__PURE__ */ y({
   __name: "FBadge",
   props: {
     value: {},
@@ -1498,49 +1159,52 @@ 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(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;
       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% + ${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))` }
       }[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 (o, c) => (n(), i("div", eo, [
+      h(o.$slots, "default", {}, void 0, !0),
+      o.dot || o.value !== void 0 && o.value !== "" ? (n(), i("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--${o.type}`, { "f-badge--dot": o.dot }]]),
+        style: I(u(s))
+      }, A(u(t)), 7)) : k("", !0)
     ]));
   }
-}), Wo = /* @__PURE__ */ w(vo, [["__scopeId", "data-v-b9d3e8d6"]]), mo = /* @__PURE__ */ m({
+}), Io = /* @__PURE__ */ b(to, [["__scopeId", "data-v-be6947ff"]]), oo = /* @__PURE__ */ y({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
     offset: { default: () => [8, 8] }
   },
-  setup(s) {
-    const e = s, t = _(() => {
-      const [o, n] = e.offset;
+  setup(r) {
+    const e = r, t = v(() => {
+      const [s, o] = 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: `${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` }
       }[e.placement];
     });
-    return (o, n) => (l(), r("div", {
+    return (s, o) => (n(), i("div", {
       class: "f-affix",
-      style: B(t.value)
+      style: I(u(t))
     }, [
-      g(o.$slots, "default", {}, void 0, !0)
+      h(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Po = /* @__PURE__ */ w(mo, [["__scopeId", "data-v-2ba0b82c"]]), Eo = (s) => {
+}), Vo = /* @__PURE__ */ b(oo, [["__scopeId", "data-v-8506d679"]]), Ro = (r) => {
   [
     "FInput",
     "FImage",
@@ -1569,35 +1233,35 @@ const pt = { class: "f-dropdown-wrapper" }, ft = { class: "f-dropdown-content" }
     "FBadge",
     "FAffix"
   ].forEach((t) => {
-    s.component(t, ye(() => we(/* @__PURE__ */ Object.assign({}), `./common/${t}.vue`, 3)));
+    r.component(t, Ce(() => Pe(/* @__PURE__ */ Object.assign({}), `./common/${t}.vue`, 3)));
   });
 };
 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
+  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
 };