fantasia-ui 0.2.39 → 0.2.43

package/dist/fantasia-ui.umd.js

@@ -41,7 +41,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     __name: "FIcon",
     props: {
       color: {},
@@ -65,24 +65,24 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _export_sfc = (sfc, props) => {
+  const _export_sfc$3 = (sfc, props) => {
     const target = sfc.__vccOpts || sfc;
     for (const [key, val] of props) {
       target[key] = val;
     }
     return target;
   };
-  const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-baf7de0c"]]);
+  const FIcon$3 = /* @__PURE__ */ _export_sfc$3(_sfc_main$M, [["__scopeId", "data-v-baf7de0c"]]);
   const PictureError = "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";
-  const _hoisted_1$u = {
+  const _hoisted_1$x = {
     key: 0,
     class: "loop cubes"
   };
-  const _hoisted_2$n = {
+  const _hoisted_2$r = {
     key: 2,
     class: "msg"
   };
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     __name: "FLoading",
     props: {
       type: { default: "dots" },
@@ -95,7 +95,7 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["flex-center-col size-full loading-container", { "global-mask": _ctx.mask }])
         }, [
-          _ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+          _ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(6, (i) => {
               return vue.createElementVNode("div", {
                 class: "item cubes",
@@ -106,23 +106,23 @@ var __async = (__this, __arguments, generator) => {
             key: 1,
             class: vue.normalizeClass(["loader", _ctx.type])
           }, null, 2)),
-          props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$n, vue.toDisplayString(props.text), 1)) : vue.createCommentVNode("", true)
+          props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$r, vue.toDisplayString(props.text), 1)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-20f58a50"]]);
-  const _hoisted_1$t = { class: "f-image" };
-  const _hoisted_2$m = {
+  const FLoading = /* @__PURE__ */ _export_sfc$3(_sfc_main$I, [["__scopeId", "data-v-20f58a50"]]);
+  const _hoisted_1$w = { class: "f-image" };
+  const _hoisted_2$q = {
     key: 0,
     class: "f-image__placeholder"
   };
-  const _hoisted_3$j = {
+  const _hoisted_3$m = {
     key: 0,
     class: "f-image__error"
   };
-  const _hoisted_4$b = ["src", "loading"];
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$f = ["src", "loading"];
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     __name: "FImage",
     props: {
       src: {},
@@ -139,10 +139,10 @@ var __async = (__this, __arguments, generator) => {
       const onLoad = () => status.value = "loaded";
       const onError = () => status.value = "error";
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
           vue.createVNode(vue.Transition, { name: "fade" }, {
             default: vue.withCtx(() => [
-              vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
+              vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [
                 vue.createVNode(FLoading, { type: "classic first" })
               ])) : vue.createCommentVNode("", true)
             ]),
@@ -150,9 +150,9 @@ var __async = (__this, __arguments, generator) => {
           }),
           vue.createVNode(vue.Transition, { name: "fade" }, {
             default: vue.withCtx(() => [
-              vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
+              vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
                 vue.renderSlot(_ctx.$slots, "error", {}, () => [
-                  vue.createVNode(FIcon, { size: "48px" }, {
+                  vue.createVNode(FIcon$3, { size: "48px" }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(PictureError))
                     ]),
@@ -170,83 +170,116 @@ var __async = (__this, __arguments, generator) => {
             class: "f-image__img",
             onLoad,
             onError
-          }, null, 44, _hoisted_4$b), [
+          }, null, 44, _hoisted_4$f), [
             [vue.vShow, vue.unref(status) === "loaded"]
           ])
         ]);
       };
     }
   });
-  const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-e959ab10"]]);
-  const _hoisted_1$s = ["type", "placeholder", "disabled", "readonly", "name", "id"];
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const FImage = /* @__PURE__ */ _export_sfc$3(_sfc_main$H, [["__scopeId", "data-v-e959ab10"]]);
+  const _hoisted_1$v = ["type", "value", "placeholder"];
+  const _hoisted_2$p = { class: "f-input__suffix" };
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     __name: "FInput",
     props: /* @__PURE__ */ vue.mergeModels({
-      placeholder: { default: "输入..." },
-      type: { default: "text" },
-      disabled: { type: Boolean, default: false },
-      readonly: { type: Boolean, default: false },
-      name: { default: "" },
-      id: { default: "" }
+      type: {},
+      placeholder: {},
+      clearable: { type: Boolean },
+      showPassword: { type: Boolean }
     }, {
       "modelValue": { default: "" },
       "modelModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["input", "change", "focus", "blur"], ["update:modelValue"]),
-    setup(__props, { emit: __emit }) {
-      const model = vue.useModel(__props, "modelValue");
-      const emit = __emit;
-      const handleInput = (event) => {
-        const value = event.target.value;
-        emit("input", value);
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const formItemContext = vue.inject("FFormItemContext", null);
+      const isPasswordVisible = vue.ref(false);
+      const isFocused = vue.ref(false);
+      const hasError = vue.computed(() => {
+        var _a;
+        return !!((_a = formItemContext == null ? void 0 : formItemContext.errorMsg) == null ? void 0 : _a.value);
+      });
+      const inputType = vue.computed(() => {
+        if (props.showPassword && props.type === "password") {
+          return isPasswordVisible.value ? "text" : "password";
+        }
+        return props.type || "text";
+      });
+      const showClearIcon = vue.computed(() => {
+        return props.clearable && modelValue.value && !props.showPassword;
+      });
+      const showPasswordIcon = vue.computed(() => {
+        return props.showPassword && props.type === "password" && modelValue.value;
+      });
+      const onInput = (e) => {
+        modelValue.value = e.target.value;
+      };
+      const onBlur = (e) => {
+        isFocused.value = false;
+        formItemContext == null ? void 0 : formItemContext.validate();
       };
-      const handleChange = (event) => {
-        const value = event.target.value;
-        emit("change", value);
+      const onFocus = () => {
+        isFocused.value = true;
       };
-      const handleFocus = (event) => {
-        emit("focus", event);
+      const clearValue = () => {
+        modelValue.value = "";
       };
-      const handleBlur = (event) => {
-        emit("blur", event);
+      const togglePassword = () => {
+        isPasswordVisible.value = !isPasswordVisible.value;
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["f-input", { "is-disabled": _ctx.disabled, "is-readonly": "readonly" in _ctx ? _ctx.readonly : vue.unref(vue.readonly) }])
+          class: vue.normalizeClass(["f-input", {
+            "is-focus": vue.unref(isFocused),
+            "is-error": vue.unref(hasError)
+          }])
         }, [
-          vue.createVNode(FIcon, { class: "f-input__icon" }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(ionicons5.Search))
-            ]),
-            _: 1
-          }),
-          vue.withDirectives(vue.createElementVNode("input", {
-            class: "f-input__text",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            type: _ctx.type,
+          vue.createElementVNode("input", {
+            type: vue.unref(inputType),
+            value: modelValue.value,
             placeholder: _ctx.placeholder,
-            disabled: _ctx.disabled,
-            readonly: "readonly" in _ctx ? _ctx.readonly : vue.unref(vue.readonly),
-            name: _ctx.name,
-            id: _ctx.id,
-            onInput: handleInput,
-            onChange: handleChange,
-            onFocus: handleFocus,
-            onBlur: handleBlur
-          }, null, 40, _hoisted_1$s), [
-            [vue.vModelDynamic, model.value]
-          ])
+            onInput,
+            onBlur,
+            onFocus,
+            class: "f-input__inner"
+          }, null, 40, _hoisted_1$v),
+          vue.createElementVNode("div", _hoisted_2$p, [
+            vue.unref(showClearIcon) ? (vue.openBlock(), vue.createBlock(FIcon$3, {
+              key: 0,
+              onClick: clearValue,
+              class: "icon-btn"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(ionicons5.CloseCircleOutline))))
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
+            vue.unref(showPasswordIcon) ? (vue.openBlock(), vue.createBlock(FIcon$3, {
+              key: 1,
+              onClick: togglePassword,
+              class: "icon-btn"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(isPasswordVisible) ? vue.unref(ionicons5.EyeOutline) : vue.unref(ionicons5.EyeOffOutline))))
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "f-input__focus-bg" }, null, -1))
         ], 2);
       };
     }
   });
-  const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9af0fbbe"]]);
-  const _hoisted_1$r = ["onMousemove"];
-  const _hoisted_2$l = {
+  const FInput = /* @__PURE__ */ _export_sfc$3(_sfc_main$G, [["__scopeId", "data-v-68f468e1"]]);
+  const _hoisted_1$u = ["onMousemove"];
+  const _hoisted_2$o = {
     key: 0,
     class: "f-rate__score"
   };
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     __name: "FRate",
     props: /* @__PURE__ */ vue.mergeModels({
       modelValue: {},
@@ -320,7 +353,7 @@ var __async = (__this, __arguments, generator) => {
               onMousemove: ($event) => onMouseMove($event, index),
               onClick
             }, [
-              vue.createVNode(FIcon, {
+              vue.createVNode(FIcon$3, {
                 color: getStarColor(index),
                 size: vue.unref(starSize)
               }, {
@@ -329,32 +362,33 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 2
               }, 1032, ["color", "size"])
-            ], 40, _hoisted_1$r);
+            ], 40, _hoisted_1$u);
           }), 128)),
-          props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$l, vue.toDisplayString(vue.unref(scoreText)), 1)) : vue.createCommentVNode("", true)
+          props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, vue.toDisplayString(vue.unref(scoreText)), 1)) : vue.createCommentVNode("", true)
         ], 34);
       };
     }
   });
-  const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-3b5c4f14"]]);
-  const _hoisted_1$q = { class: "f-dropdown-wrapper" };
-  const _hoisted_2$k = { class: "f-dropdown-content" };
-  const _hoisted_3$i = ["onClick"];
-  const _hoisted_4$a = {
+  const FRate = /* @__PURE__ */ _export_sfc$3(_sfc_main$F, [["__scopeId", "data-v-3b5c4f14"]]);
+  const _hoisted_1$t = { class: "f-dropdown-wrapper" };
+  const _hoisted_2$n = { class: "f-dropdown-content" };
+  const _hoisted_3$l = ["onClick"];
+  const _hoisted_4$e = {
     key: 0,
     class: "opt-icon"
   };
-  const _hoisted_5$9 = { class: "opt-label" };
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_5$c = { class: "opt-label" };
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     __name: "FDropdown",
     props: {
       placement: { default: "right-start" },
       offset: { default: 12 },
       zIndex: { default: 2e3 },
       trigger: { default: "hover" },
-      options: { default: () => [] }
+      options: { default: () => [] },
+      disabled: { type: Boolean, default: false }
     },
-    emits: ["select"],
+    emits: ["select", "show", "hide"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
@@ -458,7 +492,7 @@ var __async = (__this, __arguments, generator) => {
         }
       };
       const handleTriggerClick = (e) => {
-        if (props.trigger !== "click") return;
+        if (props.trigger !== "click" || props.disabled) return;
         e.stopPropagation();
         if (!show.value) {
           anchorRect.value = triggerRef.value.getBoundingClientRect();
@@ -468,7 +502,7 @@ var __async = (__this, __arguments, generator) => {
         }
       };
       const handleMouseEnter = () => {
-        if (props.trigger !== "hover") return;
+        if (props.trigger !== "hover" || props.disabled) return;
         clearLeaveTimer();
         showTimer = setTimeout(() => {
           if (triggerRef.value) {
@@ -503,9 +537,11 @@ var __async = (__this, __arguments, generator) => {
           yield vue.nextTick();
           dropdownHeight.value = ((_a = dropdownRef.value) == null ? void 0 : _a.offsetHeight) || 200;
           dropdownWidth.value = ((_b = dropdownRef.value) == null ? void 0 : _b.offsetWidth) || 160;
+          emit("show");
         } else {
           dropdownHeight.value = 0;
           dropdownWidth.value = 0;
+          emit("hide");
         }
       }));
       vue.onUnmounted(() => {
@@ -514,7 +550,7 @@ var __async = (__this, __arguments, generator) => {
       });
       core.useEventListener(window, "click", handleWindowClick);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
           vue.createElementVNode("div", {
             ref_key: "triggerRef",
             ref: triggerRef,
@@ -544,18 +580,18 @@ var __async = (__this, __arguments, generator) => {
                     class: "f-dropdown-bridge",
                     style: vue.normalizeStyle(vue.unref(bridgeStyle))
                   }, null, 4)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_2$k, [
+                  vue.createElementVNode("div", _hoisted_2$n, [
                     _ctx.options && _ctx.options.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.options, (opt) => {
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: opt.key,
                         class: vue.normalizeClass(["f-dropdown-option", { "is-disabled": opt.disabled }]),
                         onClick: ($event) => handleOptionClick(opt)
                       }, [
-                        opt.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$a, [
+                        opt.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, [
                           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(opt.icon)))
                         ])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("span", _hoisted_5$9, vue.toDisplayString(opt.label), 1)
-                      ], 10, _hoisted_3$i);
+                        vue.createElementVNode("span", _hoisted_5$c, vue.toDisplayString(opt.label), 1)
+                      ], 10, _hoisted_3$l);
                     }), 128)) : vue.renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                   ])
                 ], 36)) : vue.createCommentVNode("", true)
@@ -567,55 +603,66 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-addb3a3b"]]);
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const FDropdown = /* @__PURE__ */ _export_sfc$3(_sfc_main$E, [["__scopeId", "data-v-834f9929"]]);
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     __name: "FSelect",
     props: /* @__PURE__ */ vue.mergeModels({
       options: {},
-      placeholder: {}
+      placeholder: {},
+      disabled: { type: Boolean }
     }, {
       "modelValue": {},
       "modelModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["select"], ["update:modelValue"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["select", "change"], ["update:modelValue"]),
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
       const modelValue = vue.useModel(__props, "modelValue");
       const isOpen = vue.ref(false);
-      const selectedLabel = vue.computed(
-        () => {
-          var _a, _b, _c;
-          return (_c = (_a = props.options.find((o) => o.key === modelValue.value)) == null ? void 0 : _a.label) != null ? _c : (_b = props.placeholder) != null ? _b : "请选择";
-        }
-      );
-      const hasValue = vue.computed(() => modelValue.value !== void 0 && modelValue.value !== "");
+      const dropdownRef = vue.ref();
+      const selectedLabel = vue.computed(() => {
+        var _a, _b;
+        const option = props.options.find((o) => o.key === modelValue.value);
+        return (_b = option == null ? void 0 : option.label) != null ? _b : (_a = props.placeholder) != null ? _a : "请选择";
+      });
+      const hasValue = vue.computed(() => {
+        return modelValue.value !== void 0 && modelValue.value !== null && modelValue.value !== "";
+      });
       const handleSelect = (key, option) => {
+        const oldValue = modelValue.value;
         modelValue.value = key;
         emit("select", key, option);
+        if (oldValue !== key) {
+          emit("change", key, option);
+        }
         isOpen.value = false;
       };
-      const handleDropdownShow = (val) => {
-        isOpen.value = val;
-      };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(FDropdown, {
+          ref_key: "dropdownRef",
+          ref: dropdownRef,
           options: _ctx.options,
+          disabled: _ctx.disabled,
           trigger: "click",
           onSelect: handleSelect,
-          onShow: _cache[0] || (_cache[0] = ($event) => handleDropdownShow(true)),
-          onHide: _cache[1] || (_cache[1] = ($event) => handleDropdownShow(false)),
+          onShow: _cache[0] || (_cache[0] = ($event) => isOpen.value = true),
+          onHide: _cache[1] || (_cache[1] = ($event) => isOpen.value = false),
           placement: "bottom",
           offset: 4
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(["f-select", { "is-active": vue.unref(hasValue), "is-open": vue.unref(isOpen) }])
+              class: vue.normalizeClass(["f-select", {
+                "is-active": vue.unref(hasValue),
+                "is-open": vue.unref(isOpen),
+                "is-disabled": _ctx.disabled
+              }])
             }, [
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["f-select__label", { "is-placeholder": !vue.unref(hasValue) }])
               }, vue.toDisplayString(vue.unref(selectedLabel)), 3),
-              vue.createVNode(FIcon, { class: "f-select__arrow" }, {
+              vue.createVNode(FIcon$3, { class: "f-select__arrow" }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(ionicons5.ChevronDownOutline))
                 ]),
@@ -624,25 +671,25 @@ var __async = (__this, __arguments, generator) => {
             ], 2)
           ]),
           _: 1
-        }, 8, ["options"]);
+        }, 8, ["options", "disabled"]);
       };
     }
   });
-  const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-61444561"]]);
-  const _hoisted_1$p = {
+  const FSelect = /* @__PURE__ */ _export_sfc$3(_sfc_main$D, [["__scopeId", "data-v-fc1ceb39"]]);
+  const _hoisted_1$s = {
     key: 0,
     class: "f-pagination"
   };
-  const _hoisted_2$j = {
+  const _hoisted_2$m = {
     key: 0,
     class: "f-pagination__total"
   };
-  const _hoisted_3$h = {
+  const _hoisted_3$k = {
     key: 1,
     class: "f-pagination__size"
   };
-  const _hoisted_4$9 = ["value"];
-  const _hoisted_5$8 = ["value"];
+  const _hoisted_4$d = ["value"];
+  const _hoisted_5$b = ["value"];
   const _hoisted_6$7 = {
     key: 3,
     class: "f-pagination__list"
@@ -657,7 +704,7 @@ var __async = (__this, __arguments, generator) => {
     class: "f-pagination__jump"
   };
   const _hoisted_10$2 = ["max"];
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     __name: "FPagination",
     props: /* @__PURE__ */ vue.mergeModels({
       total: {},
@@ -706,10 +753,10 @@ var __async = (__this, __arguments, generator) => {
         jumpInput.value = "";
       };
       return (_ctx, _cache) => {
-        return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+        return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(layoutItems), (item) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
-              item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, " 共 " + vue.toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
+              item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, " 共 " + vue.toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, [
                 vue.createElementVNode("select", {
                   class: "size-select",
                   value: _ctx.pageSize,
@@ -719,15 +766,15 @@ var __async = (__this, __arguments, generator) => {
                     return vue.openBlock(), vue.createElementBlock("option", {
                       key: s,
                       value: s
-                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$8);
+                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$b);
                   }), 128))
-                ], 40, _hoisted_4$9)
+                ], 40, _hoisted_4$d)
               ])) : item === "prev" ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 2,
                 class: vue.normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
                 onClick: _cache[0] || (_cache[0] = ($event) => go(currentPage.value - 1))
               }, [
-                vue.createVNode(FIcon, null, {
+                vue.createVNode(FIcon$3, null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.ChevronBackOutline))
                   ]),
@@ -737,7 +784,7 @@ var __async = (__this, __arguments, generator) => {
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pages), (page, index) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
                     page === "..." ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_7$3, [
-                      vue.createVNode(FIcon, null, {
+                      vue.createVNode(FIcon$3, null, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(ionicons5.EllipsisHorizontal))
                         ]),
@@ -755,7 +802,7 @@ var __async = (__this, __arguments, generator) => {
                 class: vue.normalizeClass(["page-btn", { disabled: currentPage.value === vue.unref(pageCount) }]),
                 onClick: _cache[1] || (_cache[1] = ($event) => go(currentPage.value + 1))
               }, [
-                vue.createVNode(FIcon, null, {
+                vue.createVNode(FIcon$3, null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.ChevronForwardOutline))
                   ]),
@@ -782,24 +829,24 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-930f8b20"]]);
-  const _hoisted_1$o = {
+  const FPagination = /* @__PURE__ */ _export_sfc$3(_sfc_main$C, [["__scopeId", "data-v-930f8b20"]]);
+  const _hoisted_1$r = {
     key: 0,
     class: "f-card__header"
   };
-  const _hoisted_2$i = {
+  const _hoisted_2$l = {
     key: 0,
     class: "f-card__header-extra"
   };
-  const _hoisted_3$g = {
+  const _hoisted_3$j = {
     key: 1,
     class: "f-card__cover"
   };
-  const _hoisted_4$8 = {
+  const _hoisted_4$c = {
     key: 2,
     class: "f-card__body"
   };
-  const _hoisted_5$7 = {
+  const _hoisted_5$a = {
     key: 3,
     class: "f-card__footer"
   };
@@ -824,7 +871,7 @@ var __async = (__this, __arguments, generator) => {
     key: 1,
     class: "f-card__footer"
   };
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     __name: "FCard",
     props: {
       hoverable: { type: Boolean, default: true },
@@ -836,19 +883,19 @@ var __async = (__this, __arguments, generator) => {
           class: vue.normalizeClass(["f-card", [`f-card--${_ctx.direction}`, { "is-hoverable": _ctx.hoverable }]])
         }, [
           _ctx.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
               vue.renderSlot(_ctx.$slots, "header", {}, void 0, true),
-              _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
+              _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, [
                 vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$g, [
+            _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
               vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [
               vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -874,12 +921,12 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a66fa373"]]);
-  const _hoisted_1$n = {
+  const FCard = /* @__PURE__ */ _export_sfc$3(_sfc_main$B, [["__scopeId", "data-v-a66fa373"]]);
+  const _hoisted_1$q = {
     key: 0,
     class: "f-tag__dot"
   };
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     __name: "FTag",
     props: {
       color: {},
@@ -903,9 +950,9 @@ var __async = (__this, __arguments, generator) => {
           onMouseenter: _cache[1] || (_cache[1] = ($event) => isHover.value = true),
           onMouseleave: _cache[2] || (_cache[2] = ($event) => isHover.value = false)
         }, [
-          _ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$n)) : vue.createCommentVNode("", true),
+          _ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$q)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          _ctx.closable ? (vue.openBlock(), vue.createBlock(FIcon, {
+          _ctx.closable ? (vue.openBlock(), vue.createBlock(FIcon$3, {
             key: 1,
             class: "f-tag__close",
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emit("close"), ["stop"]))
@@ -919,8 +966,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-02bd5aa6"]]);
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const FTag = /* @__PURE__ */ _export_sfc$3(_sfc_main$A, [["__scopeId", "data-v-02bd5aa6"]]);
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     __name: "FTooltip",
     props: {
       content: {},
@@ -1024,13 +1071,13 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-be9acca7"]]);
-  const _hoisted_1$m = { class: "f-progress" };
-  const _hoisted_2$h = {
+  const FTooltip = /* @__PURE__ */ _export_sfc$3(_sfc_main$z, [["__scopeId", "data-v-be9acca7"]]);
+  const _hoisted_1$p = { class: "f-progress" };
+  const _hoisted_2$k = {
     key: 0,
     class: "f-progress__text"
   };
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     __name: "FProgress",
     props: {
       percent: {},
@@ -1042,7 +1089,7 @@ var __async = (__this, __arguments, generator) => {
       const props = __props;
       const clampedPercent = vue.computed(() => Math.min(100, Math.max(0, props.percent)));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
           vue.createElementVNode("div", {
             class: "f-progress__track",
             style: vue.normalizeStyle({ height: `${_ctx.height}px` })
@@ -1055,17 +1102,17 @@ var __async = (__this, __arguments, generator) => {
               })
             }, null, 4)
           ], 4),
-          _ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(vue.unref(clampedPercent)) + "%", 1)) : vue.createCommentVNode("", true)
+          _ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$k, vue.toDisplayString(vue.unref(clampedPercent)) + "%", 1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-c2164d6e"]]);
-  const _hoisted_1$l = { class: "f-tabs__nav-container" };
-  const _hoisted_2$g = { class: "f-tabs__nav" };
-  const _hoisted_3$f = ["onClick"];
-  const _hoisted_4$7 = { class: "f-tabs__label" };
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const FProgress = /* @__PURE__ */ _export_sfc$3(_sfc_main$y, [["__scopeId", "data-v-c2164d6e"]]);
+  const _hoisted_1$o = { class: "f-tabs__nav-container" };
+  const _hoisted_2$j = { class: "f-tabs__nav" };
+  const _hoisted_3$i = ["onClick"];
+  const _hoisted_4$b = { class: "f-tabs__label" };
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     __name: "FTabs",
     props: {
       tabs: {},
@@ -1098,8 +1145,8 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
         }, [
-          vue.createElementVNode("div", _hoisted_1$l, [
-            vue.createElementVNode("div", _hoisted_2$g, [
+          vue.createElementVNode("div", _hoisted_1$o, [
+            vue.createElementVNode("div", _hoisted_2$j, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: tab.name,
@@ -1109,8 +1156,8 @@ var __async = (__this, __arguments, generator) => {
                   }]),
                   onClick: ($event) => setActiveTab(tab.name, tab.disabled)
                 }, [
-                  vue.createElementVNode("span", _hoisted_4$7, vue.toDisplayString(tab.label), 1)
-                ], 10, _hoisted_3$f);
+                  vue.createElementVNode("span", _hoisted_4$b, vue.toDisplayString(tab.label), 1)
+                ], 10, _hoisted_3$i);
               }), 128))
             ])
           ]),
@@ -1128,17 +1175,17 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-268fc654"]]);
-  const _hoisted_1$k = {
+  const FTabs = /* @__PURE__ */ _export_sfc$3(_sfc_main$x, [["__scopeId", "data-v-268fc654"]]);
+  const _hoisted_1$n = {
     class: "f-breadcrumb__current",
     "aria-current": "page"
   };
-  const _hoisted_2$f = ["href"];
-  const _hoisted_3$e = {
+  const _hoisted_2$i = ["href"];
+  const _hoisted_3$h = {
     key: 3,
     class: "f-breadcrumb__text"
   };
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     __name: "FBreadcrumb",
     props: {
       items: { default: () => [] },
@@ -1166,12 +1213,12 @@ var __async = (__this, __arguments, generator) => {
                     key: 1,
                     item
                   }, () => [
-                    vue.createElementVNode("span", _hoisted_1$k, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("span", _hoisted_1$n, vue.toDisplayString(item.label), 1)
                   ], true) : item.href ? (vue.openBlock(), vue.createElementBlock("a", {
                     key: 2,
                     href: item.href,
                     class: "f-breadcrumb__link"
-                  }, vue.toDisplayString(item.label), 9, _hoisted_2$f)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(item.label), 1))
+                  }, vue.toDisplayString(item.label), 9, _hoisted_2$i)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, vue.toDisplayString(item.label), 1))
                 ], 64);
               }), 128))
             ]),
@@ -1181,8 +1228,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-55b15358"]]);
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const FBreadcrumb = /* @__PURE__ */ _export_sfc$3(_sfc_main$w, [["__scopeId", "data-v-55b15358"]]);
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     __name: "FCol",
     props: {
       span: { default: 24 },
@@ -1223,8 +1270,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FCol = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-5a8b0cb4"]]);
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const FCol = /* @__PURE__ */ _export_sfc$3(_sfc_main$v, [["__scopeId", "data-v-5a8b0cb4"]]);
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "FRow",
     props: {
       gutter: { default: 0 },
@@ -1277,14 +1324,14 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-72f62339"]]);
-  const _hoisted_1$j = { class: "f-space__item" };
-  const _hoisted_2$e = {
+  const FRow = /* @__PURE__ */ _export_sfc$3(_sfc_main$u, [["__scopeId", "data-v-72f62339"]]);
+  const _hoisted_1$m = { class: "f-space__item" };
+  const _hoisted_2$h = {
     key: 0,
     class: "f-space__split",
     "aria-hidden": "true"
   };
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     __name: "FSpace",
     props: {
       direction: { default: "horizontal" },
@@ -1338,18 +1385,18 @@ var __async = (__this, __arguments, generator) => {
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(children), (child, index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
-              vue.createElementVNode("div", _hoisted_1$j, [
+              vue.createElementVNode("div", _hoisted_1$m, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child)))
               ]),
-              _ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$e, vue.toDisplayString(_ctx.split), 1)) : vue.createCommentVNode("", true)
+              _ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.split), 1)) : vue.createCommentVNode("", true)
             ], 64);
           }), 128))
         ], 4);
       };
     }
   });
-  const FSpace = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-5fb3b1a0"]]);
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const FSpace = /* @__PURE__ */ _export_sfc$3(_sfc_main$t, [["__scopeId", "data-v-5fb3b1a0"]]);
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "FContainer",
     props: {
       gap: { default: 12 }
@@ -1369,8 +1416,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FContainer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-08450ddf"]]);
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const FContainer = /* @__PURE__ */ _export_sfc$3(_sfc_main$s, [["__scopeId", "data-v-08450ddf"]]);
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     __name: "FDivider",
     props: {
       color: {},
@@ -1397,9 +1444,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-512ee743"]]);
-  const _hoisted_1$i = ["src", "alt"];
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const FDivider = /* @__PURE__ */ _export_sfc$3(_sfc_main$r, [["__scopeId", "data-v-512ee743"]]);
+  const _hoisted_1$l = ["src", "alt"];
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     __name: "FAvatar",
     props: {
       src: {},
@@ -1431,7 +1478,7 @@ var __async = (__this, __arguments, generator) => {
             key: 0,
             src: _ctx.src,
             alt: _ctx.alt
-          }, null, 8, _hoisted_1$i)) : (vue.openBlock(), vue.createBlock(FIcon, {
+          }, null, 8, _hoisted_1$l)) : (vue.openBlock(), vue.createBlock(FIcon$3, {
             key: 1,
             size: 24
           }, {
@@ -1444,13 +1491,2174 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-b3665268"]]);
-  const _hoisted_1$h = ["type", "disabled"];
-  const _hoisted_2$d = { class: "f-button__inner" };
-  const _hoisted_3$d = {
+  const FAvatar = /* @__PURE__ */ _export_sfc$3(_sfc_main$q, [["__scopeId", "data-v-b3665268"]]);
+  var __defProp2 = Object.defineProperty;
+  var __defProps2 = Object.defineProperties;
+  var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+  var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+  var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues2 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    if (__getOwnPropSymbols2)
+      for (var prop of __getOwnPropSymbols2(b)) {
+        if (__propIsEnum2.call(b, prop))
+          __defNormalProp2(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+    __name: "FIcon",
+    props: {
+      color: {},
+      size: { default: "1em" }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => ({
+        width: typeof props.size === "number" ? `${props.size}px` : props.size,
+        height: typeof props.size === "number" ? `${props.size}px` : props.size,
+        color: props.color
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          role: "img",
+          class: "f-icon",
+          style: vue.normalizeStyle(vue.unref(style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const _export_sfc$2 = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const FIcon$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["__scopeId", "data-v-baf7de0c"]]);
+  var __defProp22 = Object.defineProperty;
+  var __getOwnPropSymbols22 = Object.getOwnPropertySymbols;
+  var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+  var __propIsEnum22 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues22 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp22.call(b, prop))
+        __defNormalProp22(a, prop, b[prop]);
+    if (__getOwnPropSymbols22)
+      for (var prop of __getOwnPropSymbols22(b)) {
+        if (__propIsEnum22.call(b, prop))
+          __defNormalProp22(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+    __name: "FIcon",
+    props: {
+      color: {},
+      size: { default: "1em" }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => ({
+        width: typeof props.size === "number" ? `${props.size}px` : props.size,
+        height: typeof props.size === "number" ? `${props.size}px` : props.size,
+        color: props.color
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          role: "img",
+          class: "f-icon",
+          style: vue.normalizeStyle(vue.unref(style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-baf7de0c"]]);
+  var __defProp222 = Object.defineProperty;
+  var __getOwnPropSymbols222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp222 = (obj, key, value) => key in obj ? __defProp222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp222.call(b, prop))
+        __defNormalProp222(a, prop, b[prop]);
+    if (__getOwnPropSymbols222)
+      for (var prop of __getOwnPropSymbols222(b)) {
+        if (__propIsEnum222.call(b, prop))
+          __defNormalProp222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+    __name: "FIcon",
+    props: {
+      color: {},
+      size: { default: "1em" }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => ({
+        width: typeof props.size === "number" ? `${props.size}px` : props.size,
+        height: typeof props.size === "number" ? `${props.size}px` : props.size,
+        color: props.color
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          role: "img",
+          class: "f-icon",
+          style: vue.normalizeStyle(vue.unref(style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const _export_sfc$1 = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-baf7de0c"]]);
+  var __defProp2222 = Object.defineProperty;
+  var __getOwnPropSymbols2222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp2222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum2222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp2222 = (obj, key, value) => key in obj ? __defProp2222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues2222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp2222.call(b, prop))
+        __defNormalProp2222(a, prop, b[prop]);
+    if (__getOwnPropSymbols2222)
+      for (var prop of __getOwnPropSymbols2222(b)) {
+        if (__propIsEnum2222.call(b, prop))
+          __defNormalProp2222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __defProp22222 = Object.defineProperty;
+  var __getOwnPropSymbols22222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp22222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum22222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp22222 = (obj, key, value) => key in obj ? __defProp22222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues22222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp22222.call(b, prop))
+        __defNormalProp22222(a, prop, b[prop]);
+    if (__getOwnPropSymbols22222)
+      for (var prop of __getOwnPropSymbols22222(b)) {
+        if (__propIsEnum22222.call(b, prop))
+          __defNormalProp22222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __defProp222222 = Object.defineProperty;
+  var __getOwnPropSymbols222222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp222222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum222222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp222222 = (obj, key, value) => key in obj ? __defProp222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues222222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp222222.call(b, prop))
+        __defNormalProp222222(a, prop, b[prop]);
+    if (__getOwnPropSymbols222222)
+      for (var prop of __getOwnPropSymbols222222(b)) {
+        if (__propIsEnum222222.call(b, prop))
+          __defNormalProp222222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __defProp2222222 = Object.defineProperty;
+  var __getOwnPropSymbols2222222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp2222222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum2222222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp2222222 = (obj, key, value) => key in obj ? __defProp2222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues2222222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp2222222.call(b, prop))
+        __defNormalProp2222222(a, prop, b[prop]);
+    if (__getOwnPropSymbols2222222)
+      for (var prop of __getOwnPropSymbols2222222(b)) {
+        if (__propIsEnum2222222.call(b, prop))
+          __defNormalProp2222222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __defProp22222222 = Object.defineProperty;
+  var __getOwnPropSymbols22222222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp22222222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum22222222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp22222222 = (obj, key, value) => key in obj ? __defProp22222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues22222222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp22222222.call(b, prop))
+        __defNormalProp22222222(a, prop, b[prop]);
+    if (__getOwnPropSymbols22222222)
+      for (var prop of __getOwnPropSymbols22222222(b)) {
+        if (__propIsEnum22222222.call(b, prop))
+          __defNormalProp22222222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _hoisted_1$f$1 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$d$1 = ["checked", "disabled"];
+  const _hoisted_3$d$1 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$f$1, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$d$1),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d$1, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  var __defProp222222222 = Object.defineProperty;
+  var __getOwnPropSymbols222222222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp222222222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum222222222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp222222222 = (obj, key, value) => key in obj ? __defProp222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues222222222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp222222222.call(b, prop))
+        __defNormalProp222222222(a, prop, b[prop]);
+    if (__getOwnPropSymbols222222222)
+      for (var prop of __getOwnPropSymbols222222222(b)) {
+        if (__propIsEnum222222222.call(b, prop))
+          __defNormalProp222222222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __defProp2222222222 = Object.defineProperty;
+  var __getOwnPropSymbols2222222222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp2222222222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum2222222222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp2222222222 = (obj, key, value) => key in obj ? __defProp2222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues2222222222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp2222222222.call(b, prop))
+        __defNormalProp2222222222(a, prop, b[prop]);
+    if (__getOwnPropSymbols2222222222)
+      for (var prop of __getOwnPropSymbols2222222222(b)) {
+        if (__propIsEnum2222222222.call(b, prop))
+          __defNormalProp2222222222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _hoisted_1$d$1 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$1 = ["checked", "disabled"];
+  const _hoisted_3$b$1 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$1, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$1),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$1, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$d$2 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$2 = ["checked", "disabled"];
+  const _hoisted_3$b$2 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$2, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$2),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$2, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$d$3 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$3 = ["checked", "disabled"];
+  const _hoisted_3$b$3 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$3, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$3),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$3, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$d$4 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$4 = ["checked", "disabled"];
+  const _hoisted_3$b$4 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$4, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$4),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$4, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$d$5 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$5 = ["checked", "disabled"];
+  const _hoisted_3$b$5 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$5, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$5),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$5, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$d$6 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$6 = ["checked", "disabled"];
+  const _hoisted_3$b$6 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$6, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$6),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$6, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$d$7 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b$7 = ["checked", "disabled"];
+  const _hoisted_3$b$7 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d$7, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b$7),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b$7, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$i$1 = ["type", "disabled"];
+  const _hoisted_2$e$1 = { class: "f-button__inner" };
+  const _hoisted_3$e$1 = {
+    key: 0,
+    class: "f-loader"
+  };
+  const _hoisted_4$8$1 = {
+    key: 2,
+    class: "f-button__text"
+  };
+  const _sfc_main$o$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FButton",
+    props: {
+      type: {},
+      size: {},
+      nativeType: { default: "button" },
+      loading: { type: Boolean },
+      disabled: { type: Boolean },
+      round: { type: [Boolean, Number] },
+      circle: { type: Boolean },
+      plain: { type: Boolean },
+      text: { type: Boolean },
+      block: { type: Boolean },
+      icon: {},
+      active: { type: Boolean },
+      bgColor: {},
+      color: {}
+    },
+    setup(__props) {
+      const SIZE_MAP = {
+        small: { h: "24px", p: "0 8px", f: "12px", i: "14px" },
+        normal: { h: "32px", p: "0 12px", f: "13px", i: "16px" },
+        large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
+      };
+      const props = __props;
+      const slots = vue.useSlots();
+      const groupContext = vue.inject("FButtonGroupContext", null);
+      const mergedSize = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+      });
+      const mergedType = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
+      });
+      const isDisabled = vue.computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+      const hasText = vue.computed(() => !!slots.default);
+      const buttonStyle = vue.computed(() => {
+        const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+        const style = {
+          height: s.h,
+          padding: props.circle ? "0" : s.p,
+          fontSize: s.f,
+          minWidth: props.circle ? s.h : "auto",
+          backgroundColor: props.bgColor,
+          color: props.color
+        };
+        if (props.circle) {
+          style.borderRadius = "50%";
+          style.width = s.h;
+        } else if (typeof props.round === "number") {
+          style.borderRadius = `${props.round}px`;
+        } else if (props.round === true) {
+          style.borderRadius = "999px";
+        }
+        return style;
+      });
+      const iconSize = vue.computed(() => {
+        const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+        return s.i;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("button", {
+          type: _ctx.nativeType,
+          class: vue.normalizeClass(["f-button", [
+            `f-button--${vue.unref(mergedType)}`,
+            `f-button--${vue.unref(mergedSize)}`,
+            {
+              "is-disabled": vue.unref(isDisabled),
+              "is-loading": _ctx.loading,
+              "is-active": _ctx.active,
+              "is-text": _ctx.text,
+              "is-icon-only": !vue.unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+            }
+          ]]),
+          disabled: vue.unref(isDisabled),
+          style: vue.normalizeStyle(vue.unref(buttonStyle))
+        }, [
+          vue.createElementVNode("span", _hoisted_2$e$1, [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e$1)) : vue.createCommentVNode("", true),
+            !_ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              _ctx.$slots.icon || _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon$1), {
+                key: 0,
+                class: "f-button__icon",
+                style: vue.normalizeStyle({ fontSize: vue.unref(iconSize) })
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.createCommentVNode("", true)
+                  ], true)
+                ]),
+                _: 3
+              }, 8, ["style"])) : vue.createCommentVNode("", true)
+            ], 64)) : vue.createCommentVNode("", true),
+            vue.unref(hasText) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8$1, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true)
+          ])
+        ], 14, _hoisted_1$i$1);
+      };
+    }
+  });
+  const FButton$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o$1, [["__scopeId", "data-v-41be5001"]]);
+  const _hoisted_1$e$1 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$c$1 = ["checked", "disabled"];
+  const _hoisted_3$c$1 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$e$1, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$c$1),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c$1, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$j = {
+    key: 0,
+    class: "f-dialog__icon"
+  };
+  const _hoisted_2$f = { class: "f-dialog__title" };
+  const _hoisted_3$f = { class: "f-dialog__body" };
+  const _hoisted_4$9 = { key: 0 };
+  const _hoisted_5$8 = {
+    key: 2,
+    class: "f-dialog__footer"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      title: { default: "提示" },
+      content: {},
+      width: { default: "500px" },
+      type: { default: "default" },
+      confirmText: { default: "确定" },
+      cancelText: { default: "取消" },
+      showCancel: { type: Boolean, default: true },
+      showClose: { type: Boolean, default: true },
+      closeOnClickModal: { type: Boolean, default: true },
+      closeOnEsc: { type: Boolean, default: true },
+      center: { type: Boolean, default: false },
+      fullscreen: { type: Boolean, default: false },
+      destroyOnClose: { type: Boolean, default: false },
+      beforeClose: {}
+    }, {
+      "modelValue": __spreadValues22({ type: Boolean }, { required: true }),
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleClose = () => {
+        visible.value = false;
+        emit("close");
+      };
+      const handleConfirm = () => {
+        emit("confirm");
+        if (props.beforeClose) {
+          props.beforeClose(() => {
+            visible.value = false;
+          });
+        } else {
+          visible.value = false;
+        }
+      };
+      const handleCancel = () => {
+        emit("cancel");
+        handleClose();
+      };
+      const handleOverlayClick = (e) => {
+        if (props.closeOnClickModal && e.target === e.currentTarget) {
+          handleClose();
+        }
+      };
+      const handleKeydown = (e) => {
+        if (props.closeOnEsc && e.key === "Escape") {
+          handleClose();
+        }
+      };
+      vue.onMounted(() => {
+        if (props.closeOnEsc) {
+          window.addEventListener("keydown", handleKeydown);
+        }
+        emit("open");
+      });
+      vue.onBeforeUnmount(() => {
+        if (props.closeOnEsc) {
+          window.removeEventListener("keydown", handleKeydown);
+        }
+      });
+      const iconMap = {
+        info: ionicons5.InformationCircleOutline,
+        success: ionicons5.CheckmarkCircleOutline,
+        warning: ionicons5.WarningOutline,
+        failed: ionicons5.AlertCircleOutline,
+        primary: ionicons5.InformationCircleOutline,
+        default: ionicons5.InformationCircleOutline
+      };
+      const hasIcon = vue.computed(() => props.type && props.type !== "default");
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "f-dialog-fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-overlay",
+                onClick: handleOverlayClick
+              }, [
+                vue.createVNode(vue.Transition, { name: "f-dialog-zoom" }, {
+                  default: vue.withCtx(() => [
+                    visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: vue.normalizeClass(["f-dialog", [
+                        `f-dialog--${_ctx.type}`,
+                        {
+                          "is-center": _ctx.center,
+                          "is-fullscreen": _ctx.fullscreen
+                        }
+                      ]]),
+                      style: vue.normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                    }, [
+                      _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        class: "f-dialog__close",
+                        onClick: handleClose
+                      }, [
+                        vue.createVNode(FIcon, null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(ionicons5.CloseOutline))
+                          ]),
+                          _: 1
+                        })
+                      ])) : vue.createCommentVNode("", true),
+                      _ctx.$slots.header || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 1,
+                        class: vue.normalizeClass(["f-dialog__header", { "has-icon": vue.unref(hasIcon) }])
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                          vue.unref(hasIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+                            vue.createVNode(FIcon, null, {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconMap[_ctx.type])))
+                              ]),
+                              _: 1
+                            })
+                          ])) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("h3", _hoisted_2$f, vue.toDisplayString(_ctx.title), 1)
+                        ], true)
+                      ], 2)) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_3$f, [
+                        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$9, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
+                        ], true)
+                      ]),
+                      _ctx.$slots.footer || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
+                        vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                          _ctx.showCancel ? (vue.openBlock(), vue.createBlock(FButton$1, {
+                            key: 0,
+                            onClick: handleCancel
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          vue.createVNode(FButton$1, {
+                            type: "primary",
+                            onClick: handleConfirm
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                            ]),
+                            _: 1
+                          })
+                        ], true)
+                      ])) : vue.createCommentVNode("", true)
+                    ], 6)) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 3
+                })
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$i$2 = ["type", "disabled"];
+  const _hoisted_2$e$2 = { class: "f-button__inner" };
+  const _hoisted_3$e$2 = {
+    key: 0,
+    class: "f-loader"
+  };
+  const _hoisted_4$8$2 = {
+    key: 2,
+    class: "f-button__text"
+  };
+  const _sfc_main$o$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FButton",
+    props: {
+      type: {},
+      size: {},
+      nativeType: { default: "button" },
+      loading: { type: Boolean },
+      disabled: { type: Boolean },
+      round: { type: [Boolean, Number] },
+      circle: { type: Boolean },
+      plain: { type: Boolean },
+      text: { type: Boolean },
+      block: { type: Boolean },
+      icon: {},
+      active: { type: Boolean },
+      bgColor: {},
+      color: {}
+    },
+    setup(__props) {
+      const SIZE_MAP = {
+        small: { h: "24px", p: "0 8px", f: "12px", i: "14px" },
+        normal: { h: "32px", p: "0 12px", f: "13px", i: "16px" },
+        large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
+      };
+      const props = __props;
+      const slots = vue.useSlots();
+      const groupContext = vue.inject("FButtonGroupContext", null);
+      const mergedSize = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+      });
+      const mergedType = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
+      });
+      const isDisabled = vue.computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+      const hasText = vue.computed(() => !!slots.default);
+      const buttonStyle = vue.computed(() => {
+        const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+        const style = {
+          height: s.h,
+          padding: props.circle ? "0" : s.p,
+          fontSize: s.f,
+          minWidth: props.circle ? s.h : "auto",
+          backgroundColor: props.bgColor,
+          color: props.color
+        };
+        if (props.circle) {
+          style.borderRadius = "50%";
+          style.width = s.h;
+        } else if (typeof props.round === "number") {
+          style.borderRadius = `${props.round}px`;
+        } else if (props.round === true) {
+          style.borderRadius = "999px";
+        }
+        return style;
+      });
+      const iconSize = vue.computed(() => {
+        const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+        return s.i;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("button", {
+          type: _ctx.nativeType,
+          class: vue.normalizeClass(["f-button", [
+            `f-button--${vue.unref(mergedType)}`,
+            `f-button--${vue.unref(mergedSize)}`,
+            {
+              "is-disabled": vue.unref(isDisabled),
+              "is-loading": _ctx.loading,
+              "is-active": _ctx.active,
+              "is-text": _ctx.text,
+              "is-icon-only": !vue.unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+            }
+          ]]),
+          disabled: vue.unref(isDisabled),
+          style: vue.normalizeStyle(vue.unref(buttonStyle))
+        }, [
+          vue.createElementVNode("span", _hoisted_2$e$2, [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e$2)) : vue.createCommentVNode("", true),
+            !_ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              _ctx.$slots.icon || _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
+                key: 0,
+                class: "f-button__icon",
+                style: vue.normalizeStyle({ fontSize: vue.unref(iconSize) })
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.createCommentVNode("", true)
+                  ], true)
+                ]),
+                _: 3
+              }, 8, ["style"])) : vue.createCommentVNode("", true)
+            ], 64)) : vue.createCommentVNode("", true),
+            vue.unref(hasText) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8$2, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true)
+          ])
+        ], 14, _hoisted_1$i$2);
+      };
+    }
+  });
+  const FButton$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$o$2, [["__scopeId", "data-v-41be5001"]]);
+  const _hoisted_1$e$2 = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$c$2 = ["checked", "disabled"];
+  const _hoisted_3$c$2 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$e$2, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$c$2),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c$2, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$2$1 = { class: "f-message__content" };
+  const _sfc_main$2$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FMessage",
+    props: {
+      type: { default: "info" },
+      message: {},
+      duration: { default: 3e3 },
+      closable: { type: Boolean, default: false },
+      showIcon: { type: Boolean, default: true },
+      offset: { default: 20 }
+    },
+    emits: ["close", "destroy"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const visible = vue.ref(false);
+      let timer = null;
+      const iconName = vue.computed(() => {
+        const map = {
+          info: ionicons5.InformationCircle,
+          success: ionicons5.CheckmarkCircle,
+          warning: ionicons5.Warning,
+          failed: ionicons5.CloseCircle,
+          default: ionicons5.InformationCircle,
+          primary: ionicons5.InformationCircle
+        };
+        return map[props.type];
+      });
+      const rootStyle = vue.computed(() => ({
+        top: `${props.offset}px`
+      }));
+      const startTimer = () => {
+        if (props.duration <= 0) return;
+        timer = setTimeout(() => {
+          close();
+        }, props.duration);
+      };
+      const clearTimer = () => {
+        if (timer) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      const close = () => {
+        clearTimer();
+        visible.value = false;
+        emit("close");
+      };
+      const handleAfterLeave = () => emit("destroy");
+      vue.onMounted(() => {
+        visible.value = true;
+        startTimer();
+      });
+      vue.onBeforeUnmount(() => {
+        clearTimer();
+      });
+      __expose({ close });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: "f-message-fade",
+          onAfterLeave: handleAfterLeave
+        }, {
+          default: vue.withCtx(() => [
+            vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(["f-message", [`f-message--${_ctx.type}`]]),
+              style: vue.normalizeStyle(vue.unref(rootStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer
+            }, [
+              _ctx.showIcon ? (vue.openBlock(), vue.createBlock(FIcon$2, {
+                key: 0,
+                class: "f-message__icon"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconName))))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_1$2$1, vue.toDisplayString(_ctx.message), 1),
+              _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 1,
+                type: "button",
+                class: "f-message__close",
+                "aria-label": "close",
+                onClick: close
+              }, [
+                vue.createVNode(FIcon$2, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(ionicons5.Close))
+                  ]),
+                  _: 1
+                })
+              ])) : vue.createCommentVNode("", true)
+            ], 38)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        });
+      };
+    }
+  });
+  const FMessageComp$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$2$1, [["__scopeId", "data-v-97556afa"]]);
+  const GAP$1$1 = 16;
+  const BASE_OFFSET$1$1 = 20;
+  let seed$1$1 = 0;
+  const instances$1 = [];
+  const normalizeOptions$1$1 = (options) => {
+    return typeof options === "string" ? { message: options } : options;
+  };
+  const repositionAll$1 = () => {
+    let offset = BASE_OFFSET$1$1;
+    instances$1.forEach((item) => {
+      const vm = item.vnode.component;
+      if (vm) {
+        vm.props.offset = offset;
+      }
+      offset += item.height + GAP$1$1;
+    });
+  };
+  const removeInstance$1$1 = (id) => {
+    const index = instances$1.findIndex((item) => item.id === id);
+    if (index === -1) return;
+    const { container } = instances$1[index];
+    vue.render(null, container);
+    container.remove();
+    instances$1.splice(index, 1);
+    repositionAll$1();
+  };
+  const createInstance$1$1 = (options) => {
+    var _a;
+    const id = seed$1$1++;
+    const container = document.createElement("div");
+    const offset = instances$1.length === 0 ? BASE_OFFSET$1$1 : (() => {
+      var _a2;
+      const last = instances$1[instances$1.length - 1];
+      return ((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + last.height + GAP$1$1;
+    })();
+    const vnode = vue.createVNode(FMessageComp$1, __spreadProps2(__spreadValues2({}, options), {
+      offset,
+      onClose: () => {
+        var _a2;
+        (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+      },
+      onDestroy: () => {
+        removeInstance$1$1(id);
+      }
+    }));
+    vue.render(vnode, container);
+    document.body.appendChild(container);
+    const el = vnode.el;
+    const height = (_a = el == null ? void 0 : el.offsetHeight) != null ? _a : 44;
+    instances$1.push({ id, vnode, container, height });
+    return {
+      id,
+      close: () => {
+        var _a2, _b, _c;
+        (_c = (_b = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+      }
+    };
+  };
+  const FMessage$1 = (options) => {
+    return createInstance$1$1(normalizeOptions$1$1(options));
+  };
+  const withType$1$1 = (type) => (options) => createInstance$1$1(__spreadProps2(__spreadValues2({}, normalizeOptions$1$1(options)), { type }));
+  FMessage$1.info = withType$1$1("info");
+  FMessage$1.success = withType$1$1("success");
+  FMessage$1.warning = withType$1$1("warning");
+  FMessage$1.failed = withType$1$1("failed");
+  FMessage$1.closeAll = () => {
+    [...instances$1].forEach((item) => {
+      var _a, _b, _c;
+      (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+    });
+  };
+  const _hoisted_1$1$1 = { class: "f-notification__body" };
+  const _hoisted_2$1$1 = {
+    key: 0,
+    class: "f-notification__title"
+  };
+  const _hoisted_3$1$1 = { class: "f-notification__content" };
+  const _sfc_main$1$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FNotification",
+    props: {
+      type: { default: "info" },
+      title: {},
+      message: {},
+      duration: { default: 4500 },
+      closable: { type: Boolean, default: true },
+      showIcon: { type: Boolean, default: true },
+      position: { default: "top-right" },
+      offset: { default: 20 }
+    },
+    emits: ["close", "destroy", "click"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const visible = vue.ref(false);
+      let timer = null;
+      const iconName = vue.computed(() => {
+        const map = {
+          info: ionicons5.InformationCircle,
+          success: ionicons5.CheckmarkCircle,
+          warning: ionicons5.Warning,
+          failed: ionicons5.CloseCircle,
+          default: ionicons5.InformationCircle,
+          primary: ionicons5.InformationCircle
+        };
+        return map[props.type];
+      });
+      const isTop = vue.computed(() => props.position.startsWith("top"));
+      const isRight = vue.computed(() => props.position.endsWith("right"));
+      const rootStyle = vue.computed(() => ({
+        [isTop.value ? "top" : "bottom"]: `${props.offset}px`,
+        [isRight.value ? "right" : "left"]: "20px"
+      }));
+      const startTimer = () => {
+        if (props.duration <= 0) return;
+        timer = setTimeout(() => {
+          close();
+        }, props.duration);
+      };
+      const clearTimer = () => {
+        if (timer) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      const close = () => {
+        clearTimer();
+        visible.value = false;
+        emit("close");
+      };
+      const handleAfterLeave = () => emit("destroy");
+      const handleClick = () => emit("click");
+      vue.onMounted(() => {
+        visible.value = true;
+        startTimer();
+      });
+      vue.onBeforeUnmount(() => {
+        clearTimer();
+      });
+      __expose({ close });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: `f-notification-${_ctx.position}`,
+          onAfterLeave: handleAfterLeave
+        }, {
+          default: vue.withCtx(() => [
+            vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(["f-notification", [`f-notification--${_ctx.type}`]]),
+              style: vue.normalizeStyle(vue.unref(rootStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer,
+              onClick: handleClick
+            }, [
+              _ctx.showIcon ? (vue.openBlock(), vue.createBlock(FIcon$2, {
+                key: 0,
+                class: "f-notification__icon"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconName))))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_1$1$1, [
+                _ctx.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$1$1, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("p", _hoisted_3$1$1, vue.toDisplayString(_ctx.message), 1)
+              ]),
+              _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 1,
+                type: "button",
+                class: "f-notification__close",
+                "aria-label": "close",
+                onClick: vue.withModifiers(close, ["stop"])
+              }, [
+                vue.createVNode(FIcon$2, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(ionicons5.Close))
+                  ]),
+                  _: 1
+                })
+              ])) : vue.createCommentVNode("", true)
+            ], 38)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["name"]);
+      };
+    }
+  });
+  const FNotificationComp$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$1$1, [["__scopeId", "data-v-0a7315d6"]]);
+  const GAP$2 = 16;
+  const BASE_OFFSET$2 = 20;
+  let seed$2 = 0;
+  const groups$1 = {
+    "top-right": [],
+    "top-left": [],
+    "bottom-right": [],
+    "bottom-left": []
+  };
+  const normalizeOptions$2 = (options) => {
+    return typeof options === "string" ? { message: options } : options;
+  };
+  const repositionGroup$1 = (position) => {
+    let offset = BASE_OFFSET$2;
+    groups$1[position].forEach((item) => {
+      const vm = item.vnode.component;
+      if (vm) {
+        vm.props.offset = offset;
+      }
+      offset += Number(item.size) + GAP$2;
+    });
+  };
+  const removeInstance$2 = (position, id) => {
+    const list = groups$1[position];
+    const index = list.findIndex((item) => item.id === id);
+    if (index === -1) return;
+    const { container } = list[index];
+    vue.render(null, container);
+    container.remove();
+    list.splice(index, 1);
+    repositionGroup$1(position);
+  };
+  const createInstance$2 = (options) => {
+    var _a, _b;
+    const id = seed$2++;
+    const position = (_a = options.position) != null ? _a : "top-right";
+    const list = groups$1[position];
+    const container = document.createElement("div");
+    const offset = list.length === 0 ? BASE_OFFSET$2 : (() => {
+      var _a2;
+      const last = list[list.length - 1];
+      return Number((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + Number(last.size) + GAP$2;
+    })();
+    const vnode = vue.createVNode(FNotificationComp$1, __spreadProps2(__spreadValues2({}, options), {
+      position,
+      offset,
+      onClose: () => {
+        var _a2;
+        (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+      },
+      onDestroy: () => {
+        removeInstance$2(position, id);
+      },
+      onClick: () => {
+        var _a2;
+        (_a2 = options.onClick) == null ? void 0 : _a2.call(options);
+      }
+    }));
+    vue.render(vnode, container);
+    document.body.appendChild(container);
+    const el = vnode.el;
+    const size = (_b = el == null ? void 0 : el.offsetHeight) != null ? _b : 72;
+    list.push({ id, position, vnode, container, size });
+    return {
+      id,
+      close: () => {
+        var _a2, _b2, _c;
+        (_c = (_b2 = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b2.close) == null ? void 0 : _c.call(_b2);
+      }
+    };
+  };
+  const FNotification$1 = (options) => {
+    return createInstance$2(normalizeOptions$2(options));
+  };
+  const withType$2 = (type) => (options) => createInstance$2(__spreadProps2(__spreadValues2({}, normalizeOptions$2(options)), { type }));
+  FNotification$1.info = withType$2("info");
+  FNotification$1.success = withType$2("success");
+  FNotification$1.warning = withType$2("warning");
+  FNotification$1.failed = withType$2("failed");
+  FNotification$1.closeAll = (position) => {
+    const positions = position ? [position] : Object.keys(groups$1);
+    positions.forEach((pos) => {
+      [...groups$1[pos]].forEach((item) => {
+        var _a, _b, _c;
+        (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+      });
+    });
+  };
+  const _hoisted_1$k = {
+    key: 0,
+    class: "f-dialog__icon"
+  };
+  const _hoisted_2$g = { class: "f-dialog__title" };
+  const _hoisted_3$g = { class: "f-dialog__body" };
+  const _hoisted_4$a = { key: 0 };
+  const _hoisted_5$9 = {
+    key: 2,
+    class: "f-dialog__footer"
+  };
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      title: { default: "提示" },
+      content: {},
+      width: { default: "500px" },
+      type: { default: "default" },
+      confirmText: { default: "确定" },
+      cancelText: { default: "取消" },
+      showCancel: { type: Boolean, default: true },
+      showClose: { type: Boolean, default: true },
+      closeOnClickModal: { type: Boolean, default: true },
+      closeOnEsc: { type: Boolean, default: true },
+      center: { type: Boolean, default: false },
+      fullscreen: { type: Boolean, default: false },
+      destroyOnClose: { type: Boolean, default: false },
+      beforeClose: {}
+    }, {
+      "modelValue": __spreadValues2({ type: Boolean }, { required: true }),
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleClose = () => {
+        visible.value = false;
+        emit("close");
+      };
+      const handleConfirm = () => {
+        emit("confirm");
+        if (props.beforeClose) {
+          props.beforeClose(() => {
+            visible.value = false;
+          });
+        } else {
+          visible.value = false;
+        }
+      };
+      const handleCancel = () => {
+        emit("cancel");
+        handleClose();
+      };
+      const handleOverlayClick = (e) => {
+        if (props.closeOnClickModal && e.target === e.currentTarget) {
+          handleClose();
+        }
+      };
+      const handleKeydown = (e) => {
+        if (props.closeOnEsc && e.key === "Escape") {
+          handleClose();
+        }
+      };
+      vue.onMounted(() => {
+        if (props.closeOnEsc) {
+          window.addEventListener("keydown", handleKeydown);
+        }
+        emit("open");
+      });
+      vue.onBeforeUnmount(() => {
+        if (props.closeOnEsc) {
+          window.removeEventListener("keydown", handleKeydown);
+        }
+      });
+      const iconMap = {
+        info: ionicons5.InformationCircleOutline,
+        success: ionicons5.CheckmarkCircleOutline,
+        warning: ionicons5.WarningOutline,
+        failed: ionicons5.AlertCircleOutline,
+        primary: ionicons5.InformationCircleOutline,
+        default: ionicons5.InformationCircleOutline
+      };
+      const hasIcon = vue.computed(() => props.type && props.type !== "default");
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "f-dialog-fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-overlay",
+                onClick: handleOverlayClick
+              }, [
+                vue.createVNode(vue.Transition, { name: "f-dialog-zoom" }, {
+                  default: vue.withCtx(() => [
+                    visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: vue.normalizeClass(["f-dialog", [
+                        `f-dialog--${_ctx.type}`,
+                        {
+                          "is-center": _ctx.center,
+                          "is-fullscreen": _ctx.fullscreen
+                        }
+                      ]]),
+                      style: vue.normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                    }, [
+                      _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        class: "f-dialog__close",
+                        onClick: handleClose
+                      }, [
+                        vue.createVNode(FIcon$2, null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(ionicons5.CloseOutline))
+                          ]),
+                          _: 1
+                        })
+                      ])) : vue.createCommentVNode("", true),
+                      _ctx.$slots.header || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 1,
+                        class: vue.normalizeClass(["f-dialog__header", { "has-icon": vue.unref(hasIcon) }])
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                          vue.unref(hasIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+                            vue.createVNode(FIcon$2, null, {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconMap[_ctx.type])))
+                              ]),
+                              _: 1
+                            })
+                          ])) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("h3", _hoisted_2$g, vue.toDisplayString(_ctx.title), 1)
+                        ], true)
+                      ], 2)) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_3$g, [
+                        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$a, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
+                        ], true)
+                      ]),
+                      _ctx.$slots.footer || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [
+                        vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                          _ctx.showCancel ? (vue.openBlock(), vue.createBlock(FButton$2, {
+                            key: 0,
+                            onClick: handleCancel
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          vue.createVNode(FButton$2, {
+                            type: "primary",
+                            onClick: handleConfirm
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                            ]),
+                            _: 1
+                          })
+                        ], true)
+                      ])) : vue.createCommentVNode("", true)
+                    ], 6)) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 3
+                })
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const FDialogComp$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$p, [["__scopeId", "data-v-991352de"]]);
+  const showDialog$1 = (options) => {
+    return new Promise((resolve) => {
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      const visible = vue.ref(true);
+      const handleConfirm = () => {
+        cleanup();
+        resolve(true);
+      };
+      const handleCancel = () => {
+        cleanup();
+        resolve(false);
+      };
+      const handleClose = () => {
+        cleanup();
+        resolve(false);
+      };
+      const cleanup = () => {
+        visible.value = false;
+        setTimeout(() => {
+          vue.render(null, container);
+          document.body.removeChild(container);
+        }, 300);
+      };
+      const vnode = vue.h(FDialogComp$1, __spreadValues2({
+        modelValue: visible.value,
+        "onUpdate:modelValue": (val) => {
+          visible.value = val;
+          if (!val) {
+            cleanup();
+          }
+        },
+        onConfirm: handleConfirm,
+        onCancel: handleCancel,
+        onClose: handleClose
+      }, options));
+      vue.render(vnode, container);
+    });
+  };
+  const confirm$1 = (content, title = "确认") => {
+    return showDialog$1({
+      title,
+      content,
+      type: "warning",
+      showCancel: true,
+      center: true
+    });
+  };
+  const alert$1 = (content, title = "提示", type = "info") => {
+    return showDialog$1({
+      title,
+      content,
+      type,
+      showCancel: false,
+      confirmText: "知道了",
+      center: true
+    });
+  };
+  const success$1 = (content, title = "成功") => {
+    return alert$1(content, title, "success");
+  };
+  const warning$1 = (content, title = "警告") => {
+    return alert$1(content, title, "warning");
+  };
+  const failed$1 = (content, title = "错误") => {
+    return alert$1(content, title, "failed");
+  };
+  const info$1 = (content, title = "提示") => {
+    return alert$1(content, title, "info");
+  };
+  const FDialog$1 = (options) => {
+    return showDialog$1(options);
+  };
+  FDialog$1.showDialog = showDialog$1;
+  FDialog$1.confirm = confirm$1;
+  FDialog$1.alert = alert$1;
+  FDialog$1.success = success$1;
+  FDialog$1.warning = warning$1;
+  FDialog$1.failed = failed$1;
+  FDialog$1.info = info$1;
+  const _hoisted_1$i = ["type", "disabled"];
+  const _hoisted_2$e = { class: "f-button__inner" };
+  const _hoisted_3$e = {
     key: 0,
     class: "f-loader"
   };
+  const _hoisted_4$8 = {
+    key: 2,
+    class: "f-button__text"
+  };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     __name: "FButton",
     props: {
@@ -1462,6 +3670,7 @@ var __async = (__this, __arguments, generator) => {
       round: { type: [Boolean, Number] },
       circle: { type: Boolean },
       plain: { type: Boolean },
+      text: { type: Boolean },
       block: { type: Boolean },
       icon: {},
       active: { type: Boolean },
@@ -1475,6 +3684,7 @@ var __async = (__this, __arguments, generator) => {
         large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
       };
       const props = __props;
+      const slots = vue.useSlots();
       const groupContext = vue.inject("FButtonGroupContext", null);
       const mergedSize = vue.computed(() => {
         var _a, _b;
@@ -1485,6 +3695,7 @@ var __async = (__this, __arguments, generator) => {
         return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
       });
       const isDisabled = vue.computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+      const hasText = vue.computed(() => !!slots.default);
       const buttonStyle = vue.computed(() => {
         const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
         const style = {
@@ -1505,26 +3716,52 @@ var __async = (__this, __arguments, generator) => {
         }
         return style;
       });
+      const iconSize = vue.computed(() => {
+        const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+        return s.i;
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("button", {
           type: _ctx.nativeType,
           class: vue.normalizeClass(["f-button", [
             `f-button--${vue.unref(mergedType)}`,
             `f-button--${vue.unref(mergedSize)}`,
-            { "is-disabled": vue.unref(isDisabled), "is-loading": _ctx.loading, "is-active": _ctx.active }
+            {
+              "is-disabled": vue.unref(isDisabled),
+              "is-loading": _ctx.loading,
+              "is-active": _ctx.active,
+              "is-text": _ctx.text,
+              "is-icon-only": !vue.unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+            }
           ]]),
           disabled: vue.unref(isDisabled),
           style: vue.normalizeStyle(vue.unref(buttonStyle))
         }, [
-          vue.createElementVNode("span", _hoisted_2$d, [
-            _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d)) : vue.createCommentVNode("", true),
-            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          vue.createElementVNode("span", _hoisted_2$e, [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e)) : vue.createCommentVNode("", true),
+            !_ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              _ctx.$slots.icon || _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(FIcon$2), {
+                key: 0,
+                class: "f-button__icon",
+                style: vue.normalizeStyle({ fontSize: vue.unref(iconSize) })
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.createCommentVNode("", true)
+                  ], true)
+                ]),
+                _: 3
+              }, 8, ["style"])) : vue.createCommentVNode("", true)
+            ], 64)) : vue.createCommentVNode("", true),
+            vue.unref(hasText) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true)
           ])
-        ], 14, _hoisted_1$h);
+        ], 14, _hoisted_1$i);
       };
     }
   });
-  const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-8ec1ff5a"]]);
+  const FButton = /* @__PURE__ */ _export_sfc$3(_sfc_main$o, [["__scopeId", "data-v-41be5001"]]);
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     __name: "FTypography",
     props: {
@@ -1547,7 +3784,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FTypography = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
+  const FTypography = /* @__PURE__ */ _export_sfc$3(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     __name: "FText",
     props: {
@@ -1606,8 +3843,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FText = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8bcfc6b3"]]);
-  const _hoisted_1$g = ["href", "target", "rel"];
+  const FText = /* @__PURE__ */ _export_sfc$3(_sfc_main$m, [["__scopeId", "data-v-8bcfc6b3"]]);
+  const _hoisted_1$h = ["href", "target", "rel"];
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     __name: "FLink",
     props: {
@@ -1631,12 +3868,12 @@ var __async = (__this, __arguments, generator) => {
           rel: props.target === "_blank" ? "noopener noreferrer" : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 10, _hoisted_1$g);
+        ], 10, _hoisted_1$h);
       };
     }
   });
-  const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-daaa3e25"]]);
-  const _hoisted_1$f = { class: "f-badge" };
+  const FLink = /* @__PURE__ */ _export_sfc$3(_sfc_main$l, [["__scopeId", "data-v-daaa3e25"]]);
+  const _hoisted_1$g = { class: "f-badge" };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     __name: "FBadge",
     props: {
@@ -1666,7 +3903,7 @@ var __async = (__this, __arguments, generator) => {
         return map[props.placement];
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
@@ -1677,7 +3914,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FBadge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
+  const FBadge = /* @__PURE__ */ _export_sfc$3(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     __name: "FAffix",
     props: {
@@ -1706,7 +3943,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FAffix = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
+  const FAffix = /* @__PURE__ */ _export_sfc$3(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     __name: "FForm",
     props: {
@@ -1764,7 +4001,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
+  const FForm = /* @__PURE__ */ _export_sfc$3(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
   const validateSingleField = (value, rules) => __async(null, null, function* () {
     const ruleArray = Array.isArray(rules) ? rules : [rules];
     for (let rule of ruleArray) {
@@ -1846,12 +4083,12 @@ var __async = (__this, __arguments, generator) => {
     }
     return void 0;
   };
-  const _hoisted_1$e = {
+  const _hoisted_1$f = {
     key: 0,
     class: "star"
   };
-  const _hoisted_2$c = { class: "f-form-item__content" };
-  const _hoisted_3$c = {
+  const _hoisted_2$d = { class: "f-form-item__content" };
+  const _hoisted_3$d = {
     key: 0,
     class: "f-form-item__error"
   };
@@ -1921,14 +4158,14 @@ var __async = (__this, __arguments, generator) => {
               textAlign: vue.unref(labelPosition) === "top" ? "left" : vue.unref(labelPosition)
             })
           }, [
-            vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$e, "*")) : vue.createCommentVNode("", true),
+            vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$f, "*")) : vue.createCommentVNode("", true),
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.label) + "： ", 1)
           ], 4)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$c, [
+          vue.createElementVNode("div", _hoisted_2$d, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
             vue.createVNode(vue.Transition, { name: "err-slide" }, {
               default: vue.withCtx(() => [
-                vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$c, vue.toDisplayString(vue.unref(errorMsg)), 1)) : vue.createCommentVNode("", true)
+                vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$d, vue.toDisplayString(vue.unref(errorMsg)), 1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             })
@@ -1937,10 +4174,10 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c3d6ec01"]]);
-  const _hoisted_1$d = { class: "f-checkbox__wrapper" };
-  const _hoisted_2$b = ["checked", "disabled"];
-  const _hoisted_3$b = {
+  const FFormItem = /* @__PURE__ */ _export_sfc$3(_sfc_main$h, [["__scopeId", "data-v-c3d6ec01"]]);
+  const _hoisted_1$e = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$c = ["checked", "disabled"];
+  const _hoisted_3$c = {
     key: 0,
     class: "f-checkbox__label"
   };
@@ -1966,24 +4203,24 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
         }, [
-          vue.createElementVNode("span", _hoisted_1$d, [
+          vue.createElementVNode("span", _hoisted_1$e, [
             vue.createElementVNode("input", {
               type: "checkbox",
               checked: modelValue.value,
               disabled: _ctx.disabled,
               onChange: handleChange
-            }, null, 40, _hoisted_2$b),
+            }, null, 40, _hoisted_2$c),
             _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
           ]),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const FCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-633b283a"]]);
-  const _hoisted_1$c = { class: "alert__body" };
-  const _hoisted_2$a = { class: "alert__title" };
-  const _hoisted_3$a = { class: "alert__content" };
+  const FCheckbox = /* @__PURE__ */ _export_sfc$3(_sfc_main$g, [["__scopeId", "data-v-633b283a"]]);
+  const _hoisted_1$d = { class: "alert__body" };
+  const _hoisted_2$b = { class: "alert__title" };
+  const _hoisted_3$b = { class: "alert__content" };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     __name: "FAlert",
     props: {
@@ -2004,15 +4241,15 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["alert", `alert--${_ctx.type}`])
         }, [
-          vue.createVNode(FIcon, { class: "alert__icon" }, {
+          vue.createVNode(FIcon$3, { class: "alert__icon" }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(config).icon)))
             ]),
             _: 1
           }),
-          vue.createElementVNode("div", _hoisted_1$c, [
-            vue.createElementVNode("h4", _hoisted_2$a, vue.toDisplayString((_a = _ctx.title) != null ? _a : vue.unref(config).label), 1),
-            vue.createElementVNode("div", _hoisted_3$a, [
+          vue.createElementVNode("div", _hoisted_1$d, [
+            vue.createElementVNode("h4", _hoisted_2$b, vue.toDisplayString((_a = _ctx.title) != null ? _a : vue.unref(config).label), 1),
+            vue.createElementVNode("div", _hoisted_3$b, [
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
               ], true)
@@ -2022,12 +4259,12 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FAlert = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-f16678ef"]]);
-  const _hoisted_1$b = { class: "f-editor__toolbar" };
-  const _hoisted_2$9 = { class: "f-editor__status" };
-  const _hoisted_3$9 = { class: "f-editor__lines" };
-  const _hoisted_4$6 = { class: "f-editor__code-wrapper" };
-  const _hoisted_5$6 = ["innerHTML"];
+  const FAlert = /* @__PURE__ */ _export_sfc$3(_sfc_main$f, [["__scopeId", "data-v-f16678ef"]]);
+  const _hoisted_1$c = { class: "f-editor__toolbar" };
+  const _hoisted_2$a = { class: "f-editor__status" };
+  const _hoisted_3$a = { class: "f-editor__lines" };
+  const _hoisted_4$7 = { class: "f-editor__code-wrapper" };
+  const _hoisted_5$7 = ["innerHTML"];
   const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
   const LINE_HEIGHT_PX = 17.6;
   const PADDING_TOP_PX = 12;
@@ -2199,9 +4436,9 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-editor", { "f-editor--invalid": !vue.unref(isJsonValid) }])
         }, [
-          vue.createElementVNode("div", _hoisted_1$b, [
-            vue.createElementVNode("span", _hoisted_2$9, [
-              vue.createElementVNode("span", _hoisted_3$9, vue.toDisplayString(vue.unref(lineCount)) + " 行", 1),
+          vue.createElementVNode("div", _hoisted_1$c, [
+            vue.createElementVNode("span", _hoisted_2$a, [
+              vue.createElementVNode("span", _hoisted_3$a, vue.toDisplayString(vue.unref(lineCount)) + " 行", 1),
               vue.unref(isHeavy) ? (vue.openBlock(), vue.createBlock(FTag, {
                 key: 0,
                 color: "orange",
@@ -2239,7 +4476,7 @@ var __async = (__this, __arguments, generator) => {
                 }, vue.toDisplayString(ln), 3);
               }), 128))
             ], 512)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_4$6, [
+            vue.createElementVNode("div", _hoisted_4$7, [
               vue.createElementVNode("div", {
                 class: "f-editor__active-line",
                 style: vue.normalizeStyle({
@@ -2257,7 +4494,7 @@ var __async = (__this, __arguments, generator) => {
                     key: line.lineNo,
                     class: "f-editor__line",
                     innerHTML: line.html + "\n"
-                  }, null, 8, _hoisted_5$6);
+                  }, null, 8, _hoisted_5$7);
                 }), 128))
               ], 512),
               vue.withDirectives(vue.createElementVNode("textarea", {
@@ -2284,18 +4521,18 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FEditor = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
-  const _hoisted_1$a = { class: "f-table" };
-  const _hoisted_2$8 = {
+  const FEditor = /* @__PURE__ */ _export_sfc$3(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
+  const _hoisted_1$b = { class: "f-table" };
+  const _hoisted_2$9 = {
     key: 0,
     class: "f-table__loading"
   };
-  const _hoisted_3$8 = { class: "f-table__inner" };
-  const _hoisted_4$5 = {
+  const _hoisted_3$9 = { class: "f-table__inner" };
+  const _hoisted_4$6 = {
     key: 0,
     class: "f-table__col--index"
   };
-  const _hoisted_5$5 = { class: "f-table__head" };
+  const _hoisted_5$6 = { class: "f-table__head" };
   const _hoisted_6$4 = {
     key: 0,
     class: "f-table__th f-table__th--index"
@@ -2382,8 +4619,8 @@ var __async = (__this, __arguments, generator) => {
         scrollTop.value = 0;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
             _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "spinner" }, null, -1)),
             vue.createElementVNode("span", null, vue.toDisplayString(_ctx.loadingText), 1)
           ])) : vue.createCommentVNode("", true),
@@ -2393,9 +4630,9 @@ var __async = (__this, __arguments, generator) => {
             ref: scrollEl,
             onScroll
           }, [
-            vue.createElementVNode("table", _hoisted_3$8, [
+            vue.createElementVNode("table", _hoisted_3$9, [
               vue.createElementVNode("colgroup", null, [
-                _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_4$5)) : vue.createCommentVNode("", true),
+                _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_4$6)) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
                   var _a, _b;
                   return vue.openBlock(), vue.createElementBlock("col", {
@@ -2407,7 +4644,7 @@ var __async = (__this, __arguments, generator) => {
                   }, null, 4);
                 }), 128))
               ]),
-              vue.createElementVNode("thead", _hoisted_5$5, [
+              vue.createElementVNode("thead", _hoisted_5$6, [
                 vue.createElementVNode("tr", null, [
                   _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$4, "#")) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
@@ -2489,73 +4726,17 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-01724962"]]);
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    __name: "FDialog",
-    props: /* @__PURE__ */ vue.mergeModels({
-      maskClosable: { type: Boolean, default: true },
-      maskColor: { default: "black" },
-      showMask: { type: Boolean, default: true }
-    }, {
-      "modelValue": __spreadValues({ type: Boolean }, { default: false }),
-      "modelModifiers": {}
-    }),
-    emits: ["update:modelValue"],
-    setup(__props) {
-      const props = __props;
-      const visible = vue.useModel(__props, "modelValue");
-      const handleMaskClick = () => {
-        if (props.maskClosable) visible.value = false;
-      };
-      const maskBackgroundColor = vue.computed(() => {
-        if (!props.showMask) return "transparent";
-        switch (props.maskColor) {
-          case "white":
-            return "rgba(255, 255, 255, 0.5)";
-          case "black":
-            return "rgba(0, 0, 0, 0.5)";
-          case "transparent":
-            return "transparent";
-          default:
-            return "rgba(0, 0, 0, 0.5)";
-        }
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-          vue.createVNode(vue.Transition, { name: "fade" }, {
-            default: vue.withCtx(() => [
-              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: "f-dialog-mask",
-                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
-                onClick: handleMaskClick
-              }, [
-                vue.createElementVNode("div", {
-                  class: "f-dialog-container",
-                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-                  }, ["stop"]))
-                }, [
-                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ])
-              ], 4)) : vue.createCommentVNode("", true)
-            ]),
-            _: 3
-          })
-        ]);
-      };
-    }
-  });
-  const FDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-31496822"]]);
-  const _hoisted_1$9 = { class: "f-upload" };
-  const _hoisted_2$7 = { class: "f-upload__label" };
-  const _hoisted_3$7 = ["accept"];
-  const _hoisted_4$4 = {
+  const FTable = /* @__PURE__ */ _export_sfc$3(_sfc_main$d, [["__scopeId", "data-v-01724962"]]);
+  const _hoisted_1$a = { class: "f-upload" };
+  const _hoisted_2$8 = { class: "f-upload__label" };
+  const _hoisted_3$8 = ["accept"];
+  const _hoisted_4$5 = {
     key: 0,
     class: "f-upload__file-item"
   };
-  const _hoisted_5$4 = { class: "f-upload__file-info" };
+  const _hoisted_5$5 = { class: "f-upload__file-info" };
   const _hoisted_6$3 = { class: "f-upload__file-name" };
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     __name: "FUpload",
     props: /* @__PURE__ */ vue.mergeModels({
       accept: {},
@@ -2606,22 +4787,22 @@ var __async = (__this, __arguments, generator) => {
         emit("change", f);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["f-upload__zone", { "f-upload--drag": vue.unref(dragActive) }]),
             onDragover: onDragOver,
             onDragleave: onDragLeave,
             onDrop
           }, [
-            vue.createElementVNode("label", _hoisted_2$7, [
+            vue.createElementVNode("label", _hoisted_2$8, [
               vue.createElementVNode("input", {
                 type: "file",
                 accept: _ctx.accept,
                 class: "f-upload__input",
                 onChange: onFileChange
-              }, null, 40, _hoisted_3$7),
+              }, null, 40, _hoisted_3$8),
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createVNode(FIcon, { size: 40 }, {
+                vue.createVNode(FIcon$3, { size: 40 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.CloudUpload))
                   ]),
@@ -2632,14 +4813,14 @@ var __async = (__this, __arguments, generator) => {
               ], true)
             ])
           ], 34),
-          file.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
-            vue.createVNode(FIcon, null, {
+          file.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
+            vue.createVNode(FIcon$3, null, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(ionicons5.DocumentOutline))
               ]),
               _: 1
             }),
-            vue.createElementVNode("div", _hoisted_5$4, [
+            vue.createElementVNode("div", _hoisted_5$5, [
               vue.createElementVNode("span", _hoisted_6$3, vue.toDisplayString(file.value), 1),
               _ctx.progress != null ? (vue.openBlock(), vue.createBlock(FProgress, {
                 key: 0,
@@ -2647,7 +4828,7 @@ var __async = (__this, __arguments, generator) => {
                 "show-text": ""
               }, null, 8, ["percent"])) : vue.createCommentVNode("", true)
             ]),
-            vue.createVNode(FIcon, {
+            vue.createVNode(FIcon$3, {
               onClick: vue.withModifiers(clearFile, ["stop"]),
               onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
               onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
@@ -2663,8 +4844,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-07b95a32"]]);
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  const FUpload = /* @__PURE__ */ _export_sfc$3(_sfc_main$c, [["__scopeId", "data-v-07b95a32"]]);
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     __name: "FButtonGroup",
     props: {
       size: { default: "normal" },
@@ -2685,9 +4866,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-62561657"]]);
-  const _hoisted_1$8 = { class: "f-collapse" };
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const FButtonGroup = /* @__PURE__ */ _export_sfc$3(_sfc_main$b, [["__scopeId", "data-v-62561657"]]);
+  const _hoisted_1$9 = { class: "f-collapse" };
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     __name: "FCollapse",
     props: /* @__PURE__ */ vue.mergeModels({
       accordion: { type: Boolean, default: false }
@@ -2727,16 +4908,16 @@ var __async = (__this, __arguments, generator) => {
         })
       );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
           vue.renderSlot(_ctx.$slots, "default")
         ]);
       };
     }
   });
-  const _hoisted_1$7 = { class: "f-collapse-item__header-title" };
-  const _hoisted_2$6 = { class: "f-collapse-item__wrapper" };
-  const _hoisted_3$6 = { class: "f-collapse-item__content" };
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$8 = { class: "f-collapse-item__header-title" };
+  const _hoisted_2$7 = { class: "f-collapse-item__wrapper" };
+  const _hoisted_3$7 = { class: "f-collapse-item__content" };
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     __name: "FCollapseItem",
     props: {
       name: {},
@@ -2780,7 +4961,7 @@ var __async = (__this, __arguments, generator) => {
             onClick: handleHeaderClick
           }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("span", _hoisted_1$7, vue.toDisplayString(_ctx.title), 1)
+              vue.createElementVNode("span", _hoisted_1$8, vue.toDisplayString(_ctx.title), 1)
             ]),
             _cache[0] || (_cache[0] = vue.createElementVNode("svg", {
               class: "f-collapse-item__icon",
@@ -2804,8 +4985,8 @@ var __async = (__this, __arguments, generator) => {
             onLeave
           }, {
             default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", _hoisted_2$6, [
-                vue.createElementVNode("div", _hoisted_3$6, [
+              vue.withDirectives(vue.createElementVNode("div", _hoisted_2$7, [
+                vue.createElementVNode("div", _hoisted_3$7, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ])
               ], 512), [
@@ -2818,21 +4999,21 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$6 = { class: "f-color-picker__swatch" };
-  const _hoisted_2$5 = {
+  const _hoisted_1$7 = { class: "f-color-picker__swatch" };
+  const _hoisted_2$6 = {
     key: 0,
     class: "f-color-picker__panel"
   };
-  const _hoisted_3$5 = { class: "f-color-picker__sliders" };
-  const _hoisted_4$3 = { class: "f-color-picker__slider-group" };
-  const _hoisted_5$3 = ["value"];
+  const _hoisted_3$6 = { class: "f-color-picker__sliders" };
+  const _hoisted_4$4 = { class: "f-color-picker__slider-group" };
+  const _hoisted_5$4 = ["value"];
   const _hoisted_6$2 = {
     key: 0,
     class: "f-color-picker__predefine"
   };
   const _hoisted_7 = ["onClick"];
   const hueBackground = "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "FColorPicker",
     props: /* @__PURE__ */ vue.mergeModels({
       showAlpha: { type: Boolean, default: false },
@@ -3058,7 +5239,7 @@ var __async = (__this, __arguments, generator) => {
             class: "f-color-picker__trigger",
             onClick: togglePanel
           }, [
-            vue.createElementVNode("div", _hoisted_1$6, [
+            vue.createElementVNode("div", _hoisted_1$7, [
               vue.createElementVNode("span", {
                 class: "f-color-picker__swatch-color",
                 style: vue.normalizeStyle({ background: `rgba(${vue.unref(previewRgb).r}, ${vue.unref(previewRgb).g}, ${vue.unref(previewRgb).b}, ${vue.unref(hsva).a})` })
@@ -3067,7 +5248,7 @@ var __async = (__this, __arguments, generator) => {
           ]),
           vue.createVNode(vue.Transition, { name: "f-color-picker-fade" }, {
             default: vue.withCtx(() => [
-              vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+              vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
                 vue.createElementVNode("div", {
                   ref_key: "panelRef",
                   ref: panelRef,
@@ -3080,8 +5261,8 @@ var __async = (__this, __arguments, generator) => {
                     style: vue.normalizeStyle({ left: `${vue.unref(hsva).s}%`, top: `${100 - vue.unref(hsva).v}%` })
                   }, null, 4)
                 ], 36),
-                vue.createElementVNode("div", _hoisted_3$5, [
-                  vue.createElementVNode("div", _hoisted_4$3, [
+                vue.createElementVNode("div", _hoisted_3$6, [
+                  vue.createElementVNode("div", _hoisted_4$4, [
                     vue.createElementVNode("div", {
                       ref_key: "hueRef",
                       ref: hueRef,
@@ -3122,7 +5303,7 @@ var __async = (__this, __arguments, generator) => {
                   value: toColorString(),
                   onChange: handleInputChange,
                   onKeydown: _cache[0] || (_cache[0] = vue.withKeys(($event) => $event.target.blur(), ["enter"]))
-                }, null, 40, _hoisted_5$3),
+                }, null, 40, _hoisted_5$4),
                 _ctx.predefine.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.predefine, (color) => {
                     return vue.openBlock(), vue.createElementBlock("span", {
@@ -3141,19 +5322,19 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$5 = { class: "f-empty" };
-  const _hoisted_2$4 = ["src"];
-  const _hoisted_3$4 = {
+  const _hoisted_1$6 = { class: "f-empty" };
+  const _hoisted_2$5 = ["src"];
+  const _hoisted_3$5 = {
     key: 1,
     viewBox: "0 0 160 160",
     class: "f-empty__image-default"
   };
-  const _hoisted_4$2 = { class: "f-empty__description" };
-  const _hoisted_5$2 = {
+  const _hoisted_4$3 = { class: "f-empty__description" };
+  const _hoisted_5$3 = {
     key: 0,
     class: "f-empty__extra"
   };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "FEmpty",
     props: {
       description: { default: "暂无数据" },
@@ -3162,7 +5343,7 @@ var __async = (__this, __arguments, generator) => {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
           vue.createElementVNode("div", {
             class: "f-empty__image",
             style: vue.normalizeStyle({ width: `${_ctx.imageSize}px`, height: `${_ctx.imageSize}px` })
@@ -3173,30 +5354,30 @@ var __async = (__this, __arguments, generator) => {
                 src: _ctx.image,
                 class: "f-empty__image-img",
                 alt: ""
-              }, null, 8, _hoisted_2$4)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$4, _cache[0] || (_cache[0] = [
+              }, null, 8, _hoisted_2$5)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$5, _cache[0] || (_cache[0] = [
                 vue.createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08"></ellipse><path d="M40 60 L120 60 L128 128 L32 128 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35"></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"></path>', 5)
               ])))
             ])
           ], 4),
-          vue.createElementVNode("div", _hoisted_4$2, [
+          vue.createElementVNode("div", _hoisted_4$3, [
             vue.renderSlot(_ctx.$slots, "description", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
             ])
           ]),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [
             vue.renderSlot(_ctx.$slots, "default")
           ])) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const _hoisted_1$4 = { class: "f-slider__mark-label" };
-  const _hoisted_2$3 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
-  const _hoisted_3$3 = {
+  const _hoisted_1$5 = { class: "f-slider__mark-label" };
+  const _hoisted_2$4 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
+  const _hoisted_3$4 = {
     key: 0,
     class: "f-slider__tooltip"
   };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     __name: "FSlider",
     props: /* @__PURE__ */ vue.mergeModels({
       min: { default: 0 },
@@ -3370,7 +5551,7 @@ var __async = (__this, __arguments, generator) => {
                 style: vue.normalizeStyle(_ctx.vertical ? { bottom: `${mark.percent}%` } : { left: `${mark.percent}%` })
               }, [
                 _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "f-slider__mark-dot" }, null, -1)),
-                vue.createElementVNode("span", _hoisted_1$4, vue.toDisplayString(mark.label), 1)
+                vue.createElementVNode("span", _hoisted_1$5, vue.toDisplayString(mark.label), 1)
               ], 4);
             }), 128)),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(values), (value, index) => {
@@ -3390,18 +5571,18 @@ var __async = (__this, __arguments, generator) => {
               }, [
                 vue.createVNode(vue.Transition, { name: "f-slider-tooltip-fade" }, {
                   default: vue.withCtx(() => [
-                    tooltipVisible(index) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, vue.toDisplayString(value), 1)) : vue.createCommentVNode("", true)
+                    tooltipVisible(index) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, vue.toDisplayString(value), 1)) : vue.createCommentVNode("", true)
                   ]),
                   _: 2
                 }, 1024)
-              ], 46, _hoisted_2$3);
+              ], 46, _hoisted_2$4);
             }), 128))
           ], 544)
         ], 2);
       };
     }
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "FScrollbar",
     props: {
       height: { default: "" },
@@ -3589,16 +5770,16 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const _hoisted_1$3 = ["disabled"];
-  const _hoisted_2$2 = ["value", "disabled", "placeholder"];
-  const _hoisted_3$2 = ["disabled"];
-  const _hoisted_4$1 = {
+  const _hoisted_1$4 = ["disabled"];
+  const _hoisted_2$3 = ["value", "disabled", "placeholder"];
+  const _hoisted_3$3 = ["disabled"];
+  const _hoisted_4$2 = {
     key: 2,
     class: "f-input-number__stack"
   };
-  const _hoisted_5$1 = ["disabled"];
+  const _hoisted_5$2 = ["disabled"];
   const _hoisted_6$1 = ["disabled"];
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "FInputNumber",
     props: /* @__PURE__ */ vue.mergeModels({
       min: { default: -Infinity },
@@ -3606,7 +5787,6 @@ var __async = (__this, __arguments, generator) => {
       step: { default: 1 },
       precision: { default: void 0 },
       disabled: { type: Boolean, default: false },
-      size: { default: "default" },
       controls: { type: Boolean, default: true },
       controlsPosition: { default: "right" },
       placeholder: { default: "" }
@@ -3621,16 +5801,21 @@ var __async = (__this, __arguments, generator) => {
       const inputRef = vue.ref(null);
       const isFocused = vue.ref(false);
       const displayText = vue.ref("");
-      function format(value) {
+      const formItemContext = vue.inject("FFormItemContext", null);
+      const hasError = vue.computed(() => {
+        var _a;
+        return !!((_a = formItemContext == null ? void 0 : formItemContext.errorMsg) == null ? void 0 : _a.value);
+      });
+      const format = (value) => {
         return props.precision !== void 0 ? value.toFixed(props.precision) : String(value);
-      }
-      function clamp(value) {
+      };
+      const clamp = (value) => {
         let result = Math.min(Math.max(value, props.min), props.max);
         if (props.precision !== void 0) {
           result = Number(result.toFixed(props.precision));
         }
         return result;
-      }
+      };
       vue.watch(
         modelValue,
         (val) => {
@@ -3641,7 +5826,7 @@ var __async = (__this, __arguments, generator) => {
       );
       const canIncrease = vue.computed(() => modelValue.value === void 0 || modelValue.value < props.max);
       const canDecrease = vue.computed(() => modelValue.value === void 0 || modelValue.value > props.min);
-      function commit(raw) {
+      const commit = (raw) => {
         if (raw.trim() === "") {
           modelValue.value = void 0;
           displayText.value = "";
@@ -3655,48 +5840,49 @@ var __async = (__this, __arguments, generator) => {
         const clamped = clamp(parsed);
         modelValue.value = clamped;
         displayText.value = format(clamped);
-      }
-      function handleInput(e) {
+      };
+      const handleInput = (e) => {
         const raw = e.target.value;
         if (raw === "" || raw === "-" || /^-?\d*\.?\d*$/.test(raw)) {
           displayText.value = raw;
         }
-      }
-      function handleFocus() {
+      };
+      const handleFocus = () => {
         isFocused.value = true;
-      }
-      function handleBlur() {
+      };
+      const handleBlur = () => {
         isFocused.value = false;
         commit(displayText.value);
-      }
-      function handleEnter() {
+        formItemContext == null ? void 0 : formItemContext.validate();
+      };
+      const handleEnter = () => {
         var _a;
         (_a = inputRef.value) == null ? void 0 : _a.blur();
-      }
-      function step(direction) {
+      };
+      const step = (direction) => {
         var _a;
         if (props.disabled) return;
         const base = (_a = modelValue.value) != null ? _a : 0;
         const next = clamp(base + direction * props.step);
         modelValue.value = next;
         displayText.value = format(next);
-      }
+      };
       let repeatTimer = null;
       let repeatInterval = null;
-      function startRepeat(direction) {
+      const startRepeat = (direction) => {
         if (props.disabled) return;
         step(direction);
         repeatTimer = setTimeout(() => {
           repeatInterval = setInterval(() => step(direction), 80);
         }, 400);
-      }
-      function stopRepeat() {
+      };
+      const stopRepeat = () => {
         if (repeatTimer) clearTimeout(repeatTimer);
         if (repeatInterval) clearInterval(repeatInterval);
         repeatTimer = null;
         repeatInterval = null;
-      }
-      function handleKeydown(e) {
+      };
+      const handleKeydown = (e) => {
         if (e.key === "ArrowUp") {
           e.preventDefault();
           step(1);
@@ -3706,43 +5892,39 @@ var __async = (__this, __arguments, generator) => {
         } else if (e.key === "Enter") {
           handleEnter();
         }
-      }
-      function handleWheel(e) {
+      };
+      const handleWheel = (e) => {
         if (!isFocused.value || props.disabled) return;
         e.preventDefault();
         step(e.deltaY < 0 ? 1 : -1);
-      }
+      };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["f-input-number", [
-            `f-input-number--${_ctx.size}`,
-            `f-input-number--controls-${_ctx.controlsPosition}`,
-            { "f-input-number--disabled": _ctx.disabled, "f-input-number--without-controls": !_ctx.controls }
-          ]])
+          class: vue.normalizeClass(["f-input-number", {
+            "is-focus": vue.unref(isFocused),
+            "is-error": vue.unref(hasError),
+            "is-disabled": _ctx.disabled,
+            "has-controls-both": _ctx.controls && _ctx.controlsPosition === "both",
+            "has-controls-right": _ctx.controls && _ctx.controlsPosition === "right"
+          }])
         }, [
           _ctx.controls && _ctx.controlsPosition === "both" ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
             type: "button",
-            class: "f-input-number__control f-input-number__control--minus",
+            class: "f-input-number__btn-left",
             tabindex: "-1",
             disabled: _ctx.disabled || !vue.unref(canDecrease),
             onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(($event) => startRepeat(-1), ["prevent"])),
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
-          }, _cache[4] || (_cache[4] = [
-            vue.createElementVNode("svg", {
-              viewBox: "0 0 12 12",
-              width: "10",
-              height: "10"
-            }, [
-              vue.createElementVNode("path", {
-                d: "M2 6h8",
-                stroke: "currentColor",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round"
-              })
-            ], -1)
-          ]), 40, _hoisted_1$3)) : vue.createCommentVNode("", true),
+          }, [
+            vue.createVNode(vue.unref(FIcon$2), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(ionicons5.RemoveOutline))
+              ]),
+              _: 1
+            })
+          ], 40, _hoisted_1$4)) : vue.createCommentVNode("", true),
           vue.createElementVNode("input", {
             ref_key: "inputRef",
             ref: inputRef,
@@ -3757,31 +5939,25 @@ var __async = (__this, __arguments, generator) => {
             onBlur: handleBlur,
             onKeydown: handleKeydown,
             onWheel: handleWheel
-          }, null, 40, _hoisted_2$2),
+          }, null, 40, _hoisted_2$3),
           _ctx.controls && _ctx.controlsPosition === "both" ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 1,
             type: "button",
-            class: "f-input-number__control f-input-number__control--plus",
+            class: "f-input-number__btn-right",
             tabindex: "-1",
             disabled: _ctx.disabled || !vue.unref(canIncrease),
             onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(($event) => startRepeat(1), ["prevent"])),
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
-          }, _cache[5] || (_cache[5] = [
-            vue.createElementVNode("svg", {
-              viewBox: "0 0 12 12",
-              width: "10",
-              height: "10"
-            }, [
-              vue.createElementVNode("path", {
-                d: "M2 6h8M6 2v8",
-                stroke: "currentColor",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round"
-              })
-            ], -1)
-          ]), 40, _hoisted_3$2)) : vue.createCommentVNode("", true),
-          _ctx.controls && _ctx.controlsPosition === "right" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+          }, [
+            vue.createVNode(vue.unref(FIcon$2), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(ionicons5.AddOutline))
+              ]),
+              _: 1
+            })
+          ], 40, _hoisted_3$3)) : vue.createCommentVNode("", true),
+          _ctx.controls && _ctx.controlsPosition === "right" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
             vue.createElementVNode("button", {
               type: "button",
               class: "f-input-number__stack-btn",
@@ -3790,22 +5966,14 @@ var __async = (__this, __arguments, generator) => {
               onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(($event) => startRepeat(1), ["prevent"])),
               onMouseup: stopRepeat,
               onMouseleave: stopRepeat
-            }, _cache[6] || (_cache[6] = [
-              vue.createElementVNode("svg", {
-                viewBox: "0 0 12 12",
-                width: "8",
-                height: "8"
-              }, [
-                vue.createElementVNode("path", {
-                  d: "M2 7l4-4 4 4",
-                  stroke: "currentColor",
-                  "stroke-width": "1.5",
-                  fill: "none",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                })
-              ], -1)
-            ]), 40, _hoisted_5$1),
+            }, [
+              vue.createVNode(vue.unref(FIcon$2), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(ionicons5.ChevronUpOutline))
+                ]),
+                _: 1
+              })
+            ], 40, _hoisted_5$2),
             vue.createElementVNode("button", {
               type: "button",
               class: "f-input-number__stack-btn",
@@ -3814,41 +5982,34 @@ var __async = (__this, __arguments, generator) => {
               onMousedown: _cache[3] || (_cache[3] = vue.withModifiers(($event) => startRepeat(-1), ["prevent"])),
               onMouseup: stopRepeat,
               onMouseleave: stopRepeat
-            }, _cache[7] || (_cache[7] = [
-              vue.createElementVNode("svg", {
-                viewBox: "0 0 12 12",
-                width: "8",
-                height: "8"
-              }, [
-                vue.createElementVNode("path", {
-                  d: "M2 5l4 4 4-4",
-                  stroke: "currentColor",
-                  "stroke-width": "1.5",
-                  fill: "none",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                })
-              ], -1)
-            ]), 40, _hoisted_6$1)
+            }, [
+              vue.createVNode(vue.unref(FIcon$2), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(ionicons5.ChevronDownOutline))
+                ]),
+                _: 1
+              })
+            ], 40, _hoisted_6$1)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$2 = { class: "f-result__icon" };
-  const _hoisted_2$1 = {
+  const FInputNumber = /* @__PURE__ */ _export_sfc$3(_sfc_main$4, [["__scopeId", "data-v-292cd24f"]]);
+  const _hoisted_1$3 = { class: "f-result__icon" };
+  const _hoisted_2$2 = {
     key: 0,
     class: "f-result__code"
   };
-  const _hoisted_3$1 = {
+  const _hoisted_3$2 = {
     key: 0,
     class: "f-result__title"
   };
-  const _hoisted_4 = {
+  const _hoisted_4$1 = {
     key: 1,
     class: "f-result__subtitle"
   };
-  const _hoisted_5 = {
+  const _hoisted_5$1 = {
     key: 2,
     class: "f-result__extra"
   };
@@ -3856,7 +6017,7 @@ var __async = (__this, __arguments, generator) => {
     key: 3,
     class: "f-result__content"
   };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "FResult",
     props: {
       status: { default: "info" },
@@ -3882,9 +6043,9 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-result", `f-result--${_ctx.status}`])
         }, [
-          vue.createElementVNode("div", _hoisted_1$2, [
+          vue.createElementVNode("div", _hoisted_1$3, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              vue.unref(showCode) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(_ctx.status), 1)) : (vue.openBlock(), vue.createBlock(FIcon, {
+              vue.unref(showCode) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(_ctx.status), 1)) : (vue.openBlock(), vue.createBlock(FIcon$3, {
                 key: 1,
                 size: 72
               }, {
@@ -3895,17 +6056,17 @@ var __async = (__this, __arguments, generator) => {
               }))
             ], true)
           ]),
-          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ], true)
           ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.subtitle || _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          _ctx.$slots.subtitle || _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
             vue.renderSlot(_ctx.$slots, "subtitle", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.subTitle), 1)
             ], true)
           ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
             vue.renderSlot(_ctx.$slots, "extra", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
           _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
@@ -3915,9 +6076,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FResult = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1667a865"]]);
-  const _hoisted_1$1 = { class: "f-message__content" };
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const FResult = /* @__PURE__ */ _export_sfc$3(_sfc_main$3, [["__scopeId", "data-v-1667a865"]]);
+  const _hoisted_1$2 = { class: "f-message__content" };
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "FMessage",
     props: {
       type: { default: "info" },
@@ -3938,7 +6099,9 @@ var __async = (__this, __arguments, generator) => {
           info: ionicons5.InformationCircle,
           success: ionicons5.CheckmarkCircle,
           warning: ionicons5.Warning,
-          failed: ionicons5.CloseCircle
+          failed: ionicons5.CloseCircle,
+          default: ionicons5.InformationCircle,
+          primary: ionicons5.InformationCircle
         };
         return map[props.type];
       });
@@ -3985,7 +6148,7 @@ var __async = (__this, __arguments, generator) => {
               onMouseenter: clearTimer,
               onMouseleave: startTimer
             }, [
-              _ctx.showIcon ? (vue.openBlock(), vue.createBlock(FIcon, {
+              _ctx.showIcon ? (vue.openBlock(), vue.createBlock(FIcon$3, {
                 key: 0,
                 class: "f-message__icon"
               }, {
@@ -3994,7 +6157,7 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createElementVNode("span", _hoisted_1$1, vue.toDisplayString(_ctx.message), 1),
+              vue.createElementVNode("span", _hoisted_1$2, vue.toDisplayString(_ctx.message), 1),
               _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 1,
                 type: "button",
@@ -4002,7 +6165,7 @@ var __async = (__this, __arguments, generator) => {
                 "aria-label": "close",
                 onClick: close
               }, [
-                vue.createVNode(FIcon, null, {
+                vue.createVNode(FIcon$3, null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.Close))
                   ]),
@@ -4016,7 +6179,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6332ba18"]]);
+  const FMessageComp = /* @__PURE__ */ _export_sfc$3(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
   const GAP$1 = 16;
   const BASE_OFFSET$1 = 20;
   let seed$1 = 0;
@@ -4089,13 +6252,13 @@ var __async = (__this, __arguments, generator) => {
       (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
     });
   };
-  const _hoisted_1 = { class: "f-notification__body" };
-  const _hoisted_2 = {
+  const _hoisted_1$1 = { class: "f-notification__body" };
+  const _hoisted_2$1 = {
     key: 0,
     class: "f-notification__title"
   };
-  const _hoisted_3 = { class: "f-notification__content" };
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$1 = { class: "f-notification__content" };
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "FNotification",
     props: {
       type: { default: "info" },
@@ -4118,7 +6281,9 @@ var __async = (__this, __arguments, generator) => {
           info: ionicons5.InformationCircle,
           success: ionicons5.CheckmarkCircle,
           warning: ionicons5.Warning,
-          failed: ionicons5.CloseCircle
+          failed: ionicons5.CloseCircle,
+          default: ionicons5.InformationCircle,
+          primary: ionicons5.InformationCircle
         };
         return map[props.type];
       });
@@ -4170,7 +6335,7 @@ var __async = (__this, __arguments, generator) => {
               onMouseleave: startTimer,
               onClick: handleClick
             }, [
-              _ctx.showIcon ? (vue.openBlock(), vue.createBlock(FIcon, {
+              _ctx.showIcon ? (vue.openBlock(), vue.createBlock(FIcon$3, {
                 key: 0,
                 class: "f-notification__icon"
               }, {
@@ -4179,9 +6344,9 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_1, [
-                _ctx.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)
+              vue.createElementVNode("div", _hoisted_1$1, [
+                _ctx.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$1, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("p", _hoisted_3$1, vue.toDisplayString(_ctx.message), 1)
               ]),
               _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 1,
@@ -4190,7 +6355,7 @@ var __async = (__this, __arguments, generator) => {
                 "aria-label": "close",
                 onClick: vue.withModifiers(close, ["stop"])
               }, [
-                vue.createVNode(FIcon, null, {
+                vue.createVNode(FIcon$3, null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.Close))
                   ]),
@@ -4204,7 +6369,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7600a501"]]);
+  const FNotificationComp = /* @__PURE__ */ _export_sfc$3(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
   const GAP = 16;
   const BASE_OFFSET = 20;
   let seed = 0;
@@ -4293,6 +6458,262 @@ var __async = (__this, __arguments, generator) => {
       });
     });
   };
+  const _hoisted_1 = {
+    key: 0,
+    class: "f-dialog__icon"
+  };
+  const _hoisted_2 = { class: "f-dialog__title" };
+  const _hoisted_3 = { class: "f-dialog__body" };
+  const _hoisted_4 = { key: 0 };
+  const _hoisted_5 = {
+    key: 2,
+    class: "f-dialog__footer"
+  };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      title: { default: "提示" },
+      content: {},
+      width: { default: "500px" },
+      type: { default: "default" },
+      confirmText: { default: "确定" },
+      cancelText: { default: "取消" },
+      showCancel: { type: Boolean, default: true },
+      showClose: { type: Boolean, default: true },
+      closeOnClickModal: { type: Boolean, default: true },
+      closeOnEsc: { type: Boolean, default: true },
+      center: { type: Boolean, default: false },
+      fullscreen: { type: Boolean, default: false },
+      destroyOnClose: { type: Boolean, default: false },
+      beforeClose: {}
+    }, {
+      "modelValue": __spreadValues({ type: Boolean }, { required: true }),
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleClose = () => {
+        visible.value = false;
+        emit("close");
+      };
+      const handleConfirm = () => {
+        emit("confirm");
+        if (props.beforeClose) {
+          props.beforeClose(() => {
+            visible.value = false;
+          });
+        } else {
+          visible.value = false;
+        }
+      };
+      const handleCancel = () => {
+        emit("cancel");
+        handleClose();
+      };
+      const handleOverlayClick = (e) => {
+        if (props.closeOnClickModal && e.target === e.currentTarget) {
+          handleClose();
+        }
+      };
+      const handleKeydown = (e) => {
+        if (props.closeOnEsc && e.key === "Escape") {
+          handleClose();
+        }
+      };
+      vue.onMounted(() => {
+        if (props.closeOnEsc) {
+          window.addEventListener("keydown", handleKeydown);
+        }
+        emit("open");
+      });
+      vue.onBeforeUnmount(() => {
+        if (props.closeOnEsc) {
+          window.removeEventListener("keydown", handleKeydown);
+        }
+      });
+      const iconMap = {
+        info: ionicons5.InformationCircleOutline,
+        success: ionicons5.CheckmarkCircleOutline,
+        warning: ionicons5.WarningOutline,
+        failed: ionicons5.AlertCircleOutline,
+        primary: ionicons5.InformationCircleOutline,
+        default: ionicons5.InformationCircleOutline
+      };
+      const hasIcon = vue.computed(() => props.type && props.type !== "default");
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "f-dialog-fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-overlay",
+                onClick: handleOverlayClick
+              }, [
+                vue.createVNode(vue.Transition, { name: "f-dialog-zoom" }, {
+                  default: vue.withCtx(() => [
+                    visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: vue.normalizeClass(["f-dialog", [
+                        `f-dialog--${_ctx.type}`,
+                        {
+                          "is-center": _ctx.center,
+                          "is-fullscreen": _ctx.fullscreen
+                        }
+                      ]]),
+                      style: vue.normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                    }, [
+                      _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        class: "f-dialog__close",
+                        onClick: handleClose
+                      }, [
+                        vue.createVNode(FIcon$3, null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(ionicons5.CloseOutline))
+                          ]),
+                          _: 1
+                        })
+                      ])) : vue.createCommentVNode("", true),
+                      _ctx.$slots.header || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 1,
+                        class: vue.normalizeClass(["f-dialog__header", { "has-icon": vue.unref(hasIcon) }])
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                          vue.unref(hasIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                            vue.createVNode(FIcon$3, null, {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconMap[_ctx.type])))
+                              ]),
+                              _: 1
+                            })
+                          ])) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(_ctx.title), 1)
+                        ], true)
+                      ], 2)) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_3, [
+                        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
+                        ], true)
+                      ]),
+                      _ctx.$slots.footer || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                        vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                          _ctx.showCancel ? (vue.openBlock(), vue.createBlock(FButton, {
+                            key: 0,
+                            onClick: handleCancel
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          vue.createVNode(FButton, {
+                            type: "primary",
+                            onClick: handleConfirm
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                            ]),
+                            _: 1
+                          })
+                        ], true)
+                      ])) : vue.createCommentVNode("", true)
+                    ], 6)) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 3
+                })
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const FDialogComp = /* @__PURE__ */ _export_sfc$3(_sfc_main, [["__scopeId", "data-v-991352de"]]);
+  const showDialog = (options) => {
+    return new Promise((resolve) => {
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      const visible = vue.ref(true);
+      const handleConfirm = () => {
+        cleanup();
+        resolve(true);
+      };
+      const handleCancel = () => {
+        cleanup();
+        resolve(false);
+      };
+      const handleClose = () => {
+        cleanup();
+        resolve(false);
+      };
+      const cleanup = () => {
+        visible.value = false;
+        setTimeout(() => {
+          vue.render(null, container);
+          document.body.removeChild(container);
+        }, 300);
+      };
+      const vnode = vue.h(FDialogComp, __spreadValues({
+        modelValue: visible.value,
+        "onUpdate:modelValue": (val) => {
+          visible.value = val;
+          if (!val) {
+            cleanup();
+          }
+        },
+        onConfirm: handleConfirm,
+        onCancel: handleCancel,
+        onClose: handleClose
+      }, options));
+      vue.render(vnode, container);
+    });
+  };
+  const confirm = (content, title = "确认") => {
+    return showDialog({
+      title,
+      content,
+      type: "warning",
+      showCancel: true,
+      center: true
+    });
+  };
+  const alert = (content, title = "提示", type = "info") => {
+    return showDialog({
+      title,
+      content,
+      type,
+      showCancel: false,
+      confirmText: "知道了",
+      center: true
+    });
+  };
+  const success = (content, title = "成功") => {
+    return alert(content, title, "success");
+  };
+  const warning = (content, title = "警告") => {
+    return alert(content, title, "warning");
+  };
+  const failed = (content, title = "错误") => {
+    return alert(content, title, "failed");
+  };
+  const info = (content, title = "提示") => {
+    return alert(content, title, "info");
+  };
+  const FDialog = (options) => {
+    return showDialog(options);
+  };
+  FDialog.showDialog = showDialog;
+  FDialog.confirm = confirm;
+  FDialog.alert = alert;
+  FDialog.success = success;
+  FDialog.warning = warning;
+  FDialog.failed = failed;
+  FDialog.info = info;
   const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     FAffix,
@@ -4305,21 +6726,21 @@ var __async = (__this, __arguments, generator) => {
     FCard,
     FCheckbox,
     FCol,
-    FCollapse: _sfc_main$9,
-    FCollapseItem: _sfc_main$8,
-    FColorPicker: _sfc_main$7,
+    FCollapse: _sfc_main$a,
+    FCollapseItem: _sfc_main$9,
+    FColorPicker: _sfc_main$8,
     FContainer,
     FDialog,
     FDivider,
     FDropdown,
     FEditor,
-    FEmpty: _sfc_main$6,
+    FEmpty: _sfc_main$7,
     FForm,
     FFormItem,
-    FIcon,
+    FIcon: FIcon$3,
     FImage,
     FInput,
-    FInputNumber: _sfc_main$3,
+    FInputNumber,
     FLink,
     FLoading,
     FMessage,
@@ -4329,9 +6750,9 @@ var __async = (__this, __arguments, generator) => {
     FRate,
     FResult,
     FRow,
-    FScrollbar: _sfc_main$4,
+    FScrollbar: _sfc_main$5,
     FSelect,
-    FSlider: _sfc_main$5,
+    FSlider: _sfc_main$6,
     FSpace,
     FTable,
     FTabs,
@@ -4356,21 +6777,21 @@ var __async = (__this, __arguments, generator) => {
   exports2.FCard = FCard;
   exports2.FCheckbox = FCheckbox;
   exports2.FCol = FCol;
-  exports2.FCollapse = _sfc_main$9;
-  exports2.FCollapseItem = _sfc_main$8;
-  exports2.FColorPicker = _sfc_main$7;
+  exports2.FCollapse = _sfc_main$a;
+  exports2.FCollapseItem = _sfc_main$9;
+  exports2.FColorPicker = _sfc_main$8;
   exports2.FContainer = FContainer;
   exports2.FDialog = FDialog;
   exports2.FDivider = FDivider;
   exports2.FDropdown = FDropdown;
   exports2.FEditor = FEditor;
-  exports2.FEmpty = _sfc_main$6;
+  exports2.FEmpty = _sfc_main$7;
   exports2.FForm = FForm;
   exports2.FFormItem = FFormItem;
-  exports2.FIcon = FIcon;
+  exports2.FIcon = FIcon$3;
   exports2.FImage = FImage;
   exports2.FInput = FInput;
-  exports2.FInputNumber = _sfc_main$3;
+  exports2.FInputNumber = FInputNumber;
   exports2.FLink = FLink;
   exports2.FLoading = FLoading;
   exports2.FMessage = FMessage;
@@ -4380,9 +6801,9 @@ var __async = (__this, __arguments, generator) => {
   exports2.FRate = FRate;
   exports2.FResult = FResult;
   exports2.FRow = FRow;
-  exports2.FScrollbar = _sfc_main$4;
+  exports2.FScrollbar = _sfc_main$5;
   exports2.FSelect = FSelect;
-  exports2.FSlider = _sfc_main$5;
+  exports2.FSlider = _sfc_main$6;
   exports2.FSpace = FSpace;
   exports2.FTable = FTable;
   exports2.FTabs = FTabs;