fantasia-ui 0.6.7 → 0.6.8

package/dist/fantasia-ui.css

@@ -4346,8 +4346,16 @@
   border-radius: 4px;
   transition: all 0.2s ease;
 }
+.f-input__prefix {
+  display: flex;
+  align-items: center;
+  padding-left: 12px;
+  color: #94a3b8;
+  font-size: 16px;
+}
 .f-input__inner {
   flex: 1;
+  min-width: 0;
   padding: 10px 12px;
   background: transparent;
   border: none;
@@ -4358,6 +4366,9 @@
 .f-input__inner::placeholder {
   color: #94a3b8;
 }
+.f-input__prefix + .f-input__inner {
+  padding-left: 8px;
+}
 .f-input__suffix {
   display: flex;
   align-items: center;
@@ -4372,6 +4383,27 @@
 .f-input__suffix .icon-btn:hover {
   color: #64748b;
 }
+.f-input__password {
+  display: none;
+}
+.f-input:hover .f-input__password, .f-input.is-focus .f-input__password {
+  display: inline-flex;
+}
+.f-input.is-round {
+  border-radius: 999px;
+}
+.f-input.is-round .f-input__inner {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix + .f-input__inner {
+  padding-left: 8px;
+}
+.f-input.is-round .f-input__suffix {
+  padding-right: 12px;
+}
 .f-input:hover {
   border-color: #ec4899;
 }
@@ -7946,7 +7978,7 @@ to {
 .fade-enter-from[data-v-3057ceb9],
 .fade-leave-to[data-v-3057ceb9] {
   opacity: 0;
-}.f-input[data-v-e5e139ea] {
+}.f-input[data-v-1316bd23] {
   position: relative;
   width: 100%;
   display: flex;
@@ -7956,8 +7988,16 @@ to {
   border-radius: 4px;
   transition: all 0.2s ease;
 }
-.f-input__inner[data-v-e5e139ea] {
+.f-input__prefix[data-v-1316bd23] {
+  display: flex;
+  align-items: center;
+  padding-left: 12px;
+  color: #94a3b8;
+  font-size: 16px;
+}
+.f-input__inner[data-v-1316bd23] {
   flex: 1;
+  min-width: 0;
   padding: 10px 12px;
   background: transparent;
   border: none;
@@ -7965,36 +8005,60 @@ to {
   color: #1e293b;
   outline: none;
 }
-.f-input__inner[data-v-e5e139ea]::placeholder {
+.f-input__inner[data-v-1316bd23]::placeholder {
   color: #94a3b8;
 }
-.f-input__suffix[data-v-e5e139ea] {
+.f-input__prefix + .f-input__inner[data-v-1316bd23] {
+  padding-left: 8px;
+}
+.f-input__suffix[data-v-1316bd23] {
   display: flex;
   align-items: center;
   padding-right: 8px;
   gap: 4px;
   color: #94a3b8;
 }
-.f-input__suffix .icon-btn[data-v-e5e139ea] {
+.f-input__suffix .icon-btn[data-v-1316bd23] {
   cursor: pointer;
   transition: color 0.2s;
 }
-.f-input__suffix .icon-btn[data-v-e5e139ea]:hover {
+.f-input__suffix .icon-btn[data-v-1316bd23]:hover {
   color: #64748b;
 }
-.f-input[data-v-e5e139ea]:hover {
+.f-input__password[data-v-1316bd23] {
+  display: none;
+}
+.f-input:hover .f-input__password[data-v-1316bd23], .f-input.is-focus .f-input__password[data-v-1316bd23] {
+  display: inline-flex;
+}
+.f-input.is-round[data-v-1316bd23] {
+  border-radius: 999px;
+}
+.f-input.is-round .f-input__inner[data-v-1316bd23] {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix[data-v-1316bd23] {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix + .f-input__inner[data-v-1316bd23] {
+  padding-left: 8px;
+}
+.f-input.is-round .f-input__suffix[data-v-1316bd23] {
+  padding-right: 12px;
+}
+.f-input[data-v-1316bd23]:hover {
   border-color: #ec4899;
 }
-.f-input.is-focus[data-v-e5e139ea] {
+.f-input.is-focus[data-v-1316bd23] {
   background: #fff;
   border-color: #ec4899;
   box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
 }
-.f-input.is-error[data-v-e5e139ea] {
+.f-input.is-error[data-v-1316bd23] {
   border-color: #f43f5e;
   background: #fff1f2;
 }
-.f-input.is-error[data-v-e5e139ea]:focus-within {
+.f-input.is-error[data-v-1316bd23]:focus-within {
   box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
 }.f-textarea[data-v-177d85dc] {
   position: relative;
@@ -13345,37 +13409,37 @@ to {
 .f-color-picker-fade-leave-to[data-v-2cc1dd01] {
   opacity: 0;
   transform: translateY(-4px);
-}[data-v-4df701ef]:root {
+}[data-v-a6ea44eb]:root {
   --f-empty-image-color: #52525b;
   --f-empty-description-color: #71717a;
 }
-:root.light[data-v-4df701ef] {
+:root.light[data-v-a6ea44eb] {
   --f-empty-image-color: #d4d4d8;
   --f-empty-description-color: #a1a1aa;
 }
-.f-empty[data-v-4df701ef] {
+.f-empty[data-v-a6ea44eb] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 32px 0;
 }
-.f-empty__image[data-v-4df701ef] {
+.f-empty__image[data-v-a6ea44eb] {
   color: var(--f-empty-image-color);
 }
-.f-empty__image-default[data-v-4df701ef], .f-empty__image-img[data-v-4df701ef] {
+.f-empty__image-default[data-v-a6ea44eb], .f-empty__image-img[data-v-a6ea44eb] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.f-empty__description[data-v-4df701ef] {
+.f-empty__description[data-v-a6ea44eb] {
   margin-top: 12px;
   font-size: 13px;
   line-height: 1.5;
   color: var(--f-empty-description-color);
   text-align: center;
 }
-.f-empty__extra[data-v-4df701ef] {
+.f-empty__extra[data-v-a6ea44eb] {
   margin-top: 16px;
 }[data-v-ac11d4e9]:root {
   --f-slider-track-color: #333338;

package/dist/fantasia-ui.es.js

@@ -37,8 +37,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, inject, createBlock, resolveDynamicComponent, nextTick, onMounted, withModifiers, onBeforeUnmount, onUnmounted, Teleport, createTextVNode, withKeys, isRef, vModelText, TransitionGroup, useSlots, Comment as Comment$1, Text, provide, readonly, reactive, toRefs, createStaticVNode, h, render } from "vue";
-import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, CloseCircle, Close, ChevronDownOutline, CalendarOutline, ChevronBackOutline, ChevronForwardOutline, EllipsisHorizontal, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, CheckmarkCircle, AlertCircle, DocumentOutline, Reload, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, RefreshOutline, PauseOutline, PlayOutline, CloseOutline, Warning } from "@vicons/ionicons5";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, useSlots, inject, createBlock, resolveDynamicComponent, withModifiers, nextTick, onMounted, onBeforeUnmount, onUnmounted, Teleport, createTextVNode, withKeys, isRef, vModelText, TransitionGroup, Comment as Comment$1, Text, provide, readonly, reactive, toRefs, h, render } from "vue";
+import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, CloseCircle, Close, ChevronDownOutline, CalendarOutline, ChevronBackOutline, ChevronForwardOutline, EllipsisHorizontal, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, CheckmarkCircle, AlertCircle, DocumentOutline, Reload, FileTrayOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, RefreshOutline, PauseOutline, PlayOutline, CloseOutline, Warning } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
@@ -116,7 +116,7 @@ const _hoisted_2$D = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$x = {
+const _hoisted_3$y = {
   key: 0,
   class: "f-image__error"
 };
@@ -149,7 +149,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
         }),
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
               renderSlot(_ctx.$slots, "error", {}, () => [
                 createVNode(FIcon, { size: "48px" }, {
                   default: withCtx(() => [
@@ -177,15 +177,21 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-3057ceb9"]]);
-const _hoisted_1$I = ["type", "value", "placeholder"];
-const _hoisted_2$C = { class: "f-input__suffix" };
+const _hoisted_1$I = {
+  key: 0,
+  class: "f-input__prefix"
+};
+const _hoisted_2$C = ["type", "value", "placeholder"];
+const _hoisted_3$x = { class: "f-input__suffix" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
     type: {},
     placeholder: {},
     clearable: { type: Boolean },
-    showPassword: { type: Boolean }
+    showPassword: { type: Boolean },
+    round: { type: Boolean },
+    prefixIcon: { type: [Object, Function] }
   }, {
     "modelValue": { default: "" },
     "modelModifiers": {}
@@ -194,6 +200,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const modelValue = useModel(__props, "modelValue");
     const props = __props;
+    const slots = useSlots();
     const formItemContext = inject("FFormItemContext", null);
     const isPasswordVisible = ref(false);
     const isFocused = ref(false);
@@ -207,16 +214,15 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       }
       return props.type || "text";
     });
-    const showClearIcon = computed(() => {
-      return props.clearable && modelValue.value && !props.showPassword;
-    });
+    const hasPrefix = computed(() => !!props.prefixIcon || !!slots.prefix);
+    const showClearIcon = computed(() => props.clearable && !!modelValue.value);
     const showPasswordIcon = computed(() => {
-      return props.showPassword && props.type === "password" && modelValue.value;
+      return props.showPassword && props.type === "password" && !!modelValue.value;
     });
     const onInput = (e) => {
       modelValue.value = e.target.value;
     };
-    const onBlur = (e) => {
+    const onBlur = () => {
       isFocused.value = false;
       formItemContext == null ? void 0 : formItemContext.validate();
     };
@@ -233,9 +239,20 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-input", {
           "is-focus": unref(isFocused),
-          "is-error": unref(hasError)
+          "is-error": unref(hasError),
+          "is-round": _ctx.round
         }])
       }, [
+        unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
+          renderSlot(_ctx.$slots, "prefix", {}, () => [
+            createVNode(FIcon, null, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
+              ]),
+              _: 1
+            })
+          ], true)
+        ])) : createCommentVNode("", true),
         createElementVNode("input", {
           type: unref(inputType),
           value: modelValue.value,
@@ -244,12 +261,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           onBlur,
           onFocus,
           class: "f-input__inner"
-        }, null, 40, _hoisted_1$I),
-        createElementVNode("div", _hoisted_2$C, [
+        }, null, 40, _hoisted_2$C),
+        createElementVNode("div", _hoisted_3$x, [
           unref(showClearIcon) ? (openBlock(), createBlock(FIcon, {
             key: 0,
-            onClick: clearValue,
-            class: "icon-btn"
+            class: "icon-btn",
+            onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["prevent"])),
+            onClick: clearValue
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(unref(CloseCircleOutline))))
@@ -258,8 +277,10 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           unref(showPasswordIcon) ? (openBlock(), createBlock(FIcon, {
             key: 1,
-            onClick: togglePassword,
-            class: "icon-btn"
+            class: "icon-btn f-input__password",
+            onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+            }, ["prevent"])),
+            onClick: togglePassword
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(unref(isPasswordVisible) ? unref(EyeOutline) : unref(EyeOffOutline))))
@@ -267,12 +288,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true)
         ]),
-        _cache[0] || (_cache[0] = createElementVNode("div", { class: "f-input__focus-bg" }, null, -1))
+        _cache[2] || (_cache[2] = createElementVNode("div", { class: "f-input__focus-bg" }, null, -1))
       ], 2);
     };
   }
 });
-const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-e5e139ea"]]);
+const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-1316bd23"]]);
 const _hoisted_1$H = ["value", "placeholder", "disabled", "maxlength"];
 const _hoisted_2$B = {
   key: 1,
@@ -1060,7 +1081,7 @@ const _hoisted_3$u = {
   class: "f-select__label is-placeholder"
 };
 const _hoisted_4$j = ["placeholder"];
-const _hoisted_5$g = { class: "f-select__suffix" };
+const _hoisted_5$f = { class: "f-select__suffix" };
 const _hoisted_6$e = ["data-placement"];
 const _hoisted_7$9 = { class: "f-select-dropdown__content" };
 const _hoisted_8$8 = ["onClick"];
@@ -1369,7 +1390,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               ], true)
             ], 2))
           ], 64)),
-          createElementVNode("div", _hoisted_5$g, [
+          createElementVNode("div", _hoisted_5$f, [
             unref(showClear) ? (openBlock(), createBlock(FIcon, {
               key: 0,
               class: "f-select__clear",
@@ -1496,7 +1517,7 @@ const _hoisted_1$B = { class: "f-date-picker__inner" };
 const _hoisted_2$w = ["value", "placeholder", "disabled"];
 const _hoisted_3$t = { class: "f-date-picker-panel" };
 const _hoisted_4$i = { class: "f-date-picker-panel__header" };
-const _hoisted_5$f = { class: "f-date-picker-panel__body" };
+const _hoisted_5$e = { class: "f-date-picker-panel__body" };
 const _hoisted_6$d = { key: 0 };
 const _hoisted_7$8 = { class: "week-header" };
 const _hoisted_8$7 = { class: "calendar-grid" };
@@ -1738,7 +1759,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 })
               ])
             ]),
-            createElementVNode("div", _hoisted_5$f, [
+            createElementVNode("div", _hoisted_5$e, [
               unref(panelMode) === "date" ? (openBlock(), createElementBlock("div", _hoisted_6$d, [
                 createElementVNode("div", _hoisted_7$8, [
                   (openBlock(), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
@@ -1836,7 +1857,7 @@ const _hoisted_3$s = {
   class: "f-pagination__size"
 };
 const _hoisted_4$h = ["value"];
-const _hoisted_5$e = ["value"];
+const _hoisted_5$d = ["value"];
 const _hoisted_6$c = {
   key: 3,
   class: "f-pagination__list"
@@ -1913,7 +1934,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$e);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$d);
                 }), 128))
               ], 40, _hoisted_4$h)
             ])) : item === "prev" ? (openBlock(), createElementBlock("button", {
@@ -1993,7 +2014,7 @@ const _hoisted_4$g = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$d = {
+const _hoisted_5$c = {
   key: 3,
   class: "f-card__footer"
 };
@@ -2042,7 +2063,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -3336,7 +3357,7 @@ const _hoisted_4$d = {
   key: 0,
   class: "f-tree-select__expand"
 };
-const _hoisted_5$c = { class: "f-tree-select__text" };
+const _hoisted_5$b = { class: "f-tree-select__text" };
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FTreeSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -3429,7 +3450,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               onClick: ($event) => node.children && node.children.length ? toggleExpand(node.key) : handleSelect(node)
             }, [
               node.children && node.children.length ? (openBlock(), createElementBlock("span", _hoisted_4$d, toDisplayString(unref(expandedKeys).includes(node.key) ? "-" : "+"), 1)) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_5$c, toDisplayString(node.label), 1)
+              createElementVNode("span", _hoisted_5$b, toDisplayString(node.label), 1)
             ], 14, _hoisted_3$k);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -3442,7 +3463,7 @@ const _hoisted_1$k = { class: "f-transfer__panel" };
 const _hoisted_2$j = { class: "f-transfer__header" };
 const _hoisted_3$j = { class: "f-transfer__list" };
 const _hoisted_4$c = ["onClick"];
-const _hoisted_5$b = { class: "f-transfer__actions" };
+const _hoisted_5$a = { class: "f-transfer__actions" };
 const _hoisted_6$a = ["disabled"];
 const _hoisted_7$5 = ["disabled"];
 const _hoisted_8$4 = { class: "f-transfer__panel" };
@@ -3517,7 +3538,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_5$b, [
+        createElementVNode("div", _hoisted_5$a, [
           createElementVNode("button", {
             type: "button",
             class: "f-transfer__btn",
@@ -3594,7 +3615,7 @@ const _hoisted_1$i = { class: "f-editor__toolbar" };
 const _hoisted_2$h = { class: "f-editor__status" };
 const _hoisted_3$h = { class: "f-editor__lines" };
 const _hoisted_4$b = { class: "f-editor__code-wrapper" };
-const _hoisted_5$a = ["innerHTML"];
+const _hoisted_5$9 = ["innerHTML"];
 const _hoisted_6$9 = ["rows", "readonly", "placeholder"];
 const LINE_HEIGHT_PX = 17.6;
 const PADDING_TOP_PX = 12;
@@ -3824,7 +3845,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   key: line.lineNo,
                   class: "f-editor__line",
                   innerHTML: line.html + "\n"
-                }, null, 8, _hoisted_5$a);
+                }, null, 8, _hoisted_5$9);
               }), 128))
             ], 512),
             withDirectives(createElementVNode("textarea", {
@@ -3862,7 +3883,7 @@ const _hoisted_4$a = {
   key: 0,
   class: "f-table__th f-table__th--index"
 };
-const _hoisted_5$9 = { class: "f-table__th-inner" };
+const _hoisted_5$8 = { class: "f-table__th-inner" };
 const _hoisted_6$8 = {
   key: 0,
   class: "f-table__spacer"
@@ -4014,7 +4035,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["f-table__th", col.thClass])
                   }, [
                     renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [
-                      createElementVNode("div", _hoisted_5$9, [
+                      createElementVNode("div", _hoisted_5$8, [
                         createElementVNode("span", null, toDisplayString(col.label), 1)
                       ])
                     ], true)
@@ -4101,7 +4122,7 @@ const _hoisted_1$g = { class: "f-upload" };
 const _hoisted_2$f = ["accept", "multiple"];
 const _hoisted_3$f = { class: "f-upload__zone" };
 const _hoisted_4$9 = { class: "f-upload__hint" };
-const _hoisted_5$8 = {
+const _hoisted_5$7 = {
   key: 0,
   class: "f-upload__list"
 };
@@ -4249,7 +4270,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ])
           ], true)
         ], 34),
-        fileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
+        fileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (item) => {
             return openBlock(), createElementBlock("div", {
               key: item.uid,
@@ -4494,7 +4515,7 @@ const _hoisted_2$c = {
 };
 const _hoisted_3$c = { class: "f-color-picker__sliders" };
 const _hoisted_4$8 = { class: "f-color-picker__slider-group" };
-const _hoisted_5$7 = ["value"];
+const _hoisted_5$6 = ["value"];
 const _hoisted_6$6 = {
   key: 0,
   class: "f-color-picker__predefine"
@@ -4791,7 +4812,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 value: toColorString(),
                 onChange: handleInputChange,
                 onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => $event.target.blur(), ["enter"]))
-              }, null, 40, _hoisted_5$7),
+              }, null, 40, _hoisted_5$6),
               _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.predefine, (color) => {
                   return openBlock(), createElementBlock("span", {
@@ -4813,22 +4834,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 const FColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2cc1dd01"]]);
 const _hoisted_1$c = { class: "f-empty" };
 const _hoisted_2$b = ["src"];
-const _hoisted_3$b = {
-  key: 1,
-  viewBox: "0 0 160 160",
-  class: "f-empty__image-default"
-};
-const _hoisted_4$7 = { class: "f-empty__description" };
-const _hoisted_5$6 = {
+const _hoisted_3$b = { class: "f-empty__description" };
+const _hoisted_4$7 = {
   key: 0,
   class: "f-empty__extra"
 };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FEmpty",
   props: {
-    description: { default: "鏆傛棤鏁版嵁" },
+    description: { default: "暂无数据" },
     image: { default: "" },
-    imageSize: { default: 120 }
+    imageSize: { default: 120 },
+    icon: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -4843,24 +4860,30 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               src: _ctx.image,
               class: "f-empty__image-img",
               alt: ""
-            }, null, 8, _hoisted_2$b)) : (openBlock(), createElementBlock("svg", _hoisted_3$b, _cache[0] || (_cache[0] = [
-              createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08" data-v-4df701ef></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" data-v-4df701ef></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35" data-v-4df701ef></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35" data-v-4df701ef></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5" data-v-4df701ef></path>', 5)
-            ])))
+            }, null, 8, _hoisted_2$b)) : (openBlock(), createBlock(FIcon, {
+              key: 1,
+              class: "f-empty__image-default"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? _ctx.icon : unref(FileTrayOutline))))
+              ]),
+              _: 1
+            }))
           ], true)
         ], 4),
-        createElementVNode("div", _hoisted_4$7, [
+        createElementVNode("div", _hoisted_3$b, [
           renderSlot(_ctx.$slots, "description", {}, () => [
             createTextVNode(toDisplayString(_ctx.description), 1)
           ], true)
         ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4df701ef"]]);
+const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a6ea44eb"]]);
 const _hoisted_1$b = { class: "f-slider__mark-label" };
 const _hoisted_2$a = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
 const _hoisted_3$a = {

package/dist/fantasia-ui.umd.js

@@ -117,7 +117,7 @@ var __async = (__this, __arguments, generator) => {
     key: 0,
     class: "f-image__placeholder"
   };
-  const _hoisted_3$x = {
+  const _hoisted_3$y = {
     key: 0,
     class: "f-image__error"
   };
@@ -150,7 +150,7 @@ 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$x, [
+              vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
                 vue.renderSlot(_ctx.$slots, "error", {}, () => [
                   vue.createVNode(FIcon, { size: "48px" }, {
                     default: vue.withCtx(() => [
@@ -178,15 +178,21 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-3057ceb9"]]);
-  const _hoisted_1$I = ["type", "value", "placeholder"];
-  const _hoisted_2$C = { class: "f-input__suffix" };
+  const _hoisted_1$I = {
+    key: 0,
+    class: "f-input__prefix"
+  };
+  const _hoisted_2$C = ["type", "value", "placeholder"];
+  const _hoisted_3$x = { class: "f-input__suffix" };
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     __name: "FInput",
     props: /* @__PURE__ */ vue.mergeModels({
       type: {},
       placeholder: {},
       clearable: { type: Boolean },
-      showPassword: { type: Boolean }
+      showPassword: { type: Boolean },
+      round: { type: Boolean },
+      prefixIcon: { type: [Object, Function] }
     }, {
       "modelValue": { default: "" },
       "modelModifiers": {}
@@ -195,6 +201,7 @@ var __async = (__this, __arguments, generator) => {
     setup(__props) {
       const modelValue = vue.useModel(__props, "modelValue");
       const props = __props;
+      const slots = vue.useSlots();
       const formItemContext = vue.inject("FFormItemContext", null);
       const isPasswordVisible = vue.ref(false);
       const isFocused = vue.ref(false);
@@ -208,16 +215,15 @@ var __async = (__this, __arguments, generator) => {
         }
         return props.type || "text";
       });
-      const showClearIcon = vue.computed(() => {
-        return props.clearable && modelValue.value && !props.showPassword;
-      });
+      const hasPrefix = vue.computed(() => !!props.prefixIcon || !!slots.prefix);
+      const showClearIcon = vue.computed(() => props.clearable && !!modelValue.value);
       const showPasswordIcon = vue.computed(() => {
-        return props.showPassword && props.type === "password" && modelValue.value;
+        return props.showPassword && props.type === "password" && !!modelValue.value;
       });
       const onInput = (e) => {
         modelValue.value = e.target.value;
       };
-      const onBlur = (e) => {
+      const onBlur = () => {
         isFocused.value = false;
         formItemContext == null ? void 0 : formItemContext.validate();
       };
@@ -234,9 +240,20 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-input", {
             "is-focus": vue.unref(isFocused),
-            "is-error": vue.unref(hasError)
+            "is-error": vue.unref(hasError),
+            "is-round": _ctx.round
           }])
         }, [
+          vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+            vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
+              vue.createVNode(FIcon, null, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
+                ]),
+                _: 1
+              })
+            ], true)
+          ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("input", {
             type: vue.unref(inputType),
             value: modelValue.value,
@@ -245,12 +262,14 @@ var __async = (__this, __arguments, generator) => {
             onBlur,
             onFocus,
             class: "f-input__inner"
-          }, null, 40, _hoisted_1$I),
-          vue.createElementVNode("div", _hoisted_2$C, [
+          }, null, 40, _hoisted_2$C),
+          vue.createElementVNode("div", _hoisted_3$x, [
             vue.unref(showClearIcon) ? (vue.openBlock(), vue.createBlock(FIcon, {
               key: 0,
-              onClick: clearValue,
-              class: "icon-btn"
+              class: "icon-btn",
+              onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["prevent"])),
+              onClick: clearValue
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(ionicons5.CloseCircleOutline))))
@@ -259,8 +278,10 @@ var __async = (__this, __arguments, generator) => {
             })) : vue.createCommentVNode("", true),
             vue.unref(showPasswordIcon) ? (vue.openBlock(), vue.createBlock(FIcon, {
               key: 1,
-              onClick: togglePassword,
-              class: "icon-btn"
+              class: "icon-btn f-input__password",
+              onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+              }, ["prevent"])),
+              onClick: togglePassword
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(isPasswordVisible) ? vue.unref(ionicons5.EyeOutline) : vue.unref(ionicons5.EyeOffOutline))))
@@ -268,12 +289,12 @@ var __async = (__this, __arguments, generator) => {
               _: 1
             })) : vue.createCommentVNode("", true)
           ]),
-          _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "f-input__focus-bg" }, null, -1))
+          _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "f-input__focus-bg" }, null, -1))
         ], 2);
       };
     }
   });
-  const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-e5e139ea"]]);
+  const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-1316bd23"]]);
   const _hoisted_1$H = ["value", "placeholder", "disabled", "maxlength"];
   const _hoisted_2$B = {
     key: 1,
@@ -1061,7 +1082,7 @@ var __async = (__this, __arguments, generator) => {
     class: "f-select__label is-placeholder"
   };
   const _hoisted_4$j = ["placeholder"];
-  const _hoisted_5$g = { class: "f-select__suffix" };
+  const _hoisted_5$f = { class: "f-select__suffix" };
   const _hoisted_6$e = ["data-placement"];
   const _hoisted_7$9 = { class: "f-select-dropdown__content" };
   const _hoisted_8$8 = ["onClick"];
@@ -1370,7 +1391,7 @@ var __async = (__this, __arguments, generator) => {
                 ], true)
               ], 2))
             ], 64)),
-            vue.createElementVNode("div", _hoisted_5$g, [
+            vue.createElementVNode("div", _hoisted_5$f, [
               vue.unref(showClear) ? (vue.openBlock(), vue.createBlock(FIcon, {
                 key: 0,
                 class: "f-select__clear",
@@ -1497,7 +1518,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_2$w = ["value", "placeholder", "disabled"];
   const _hoisted_3$t = { class: "f-date-picker-panel" };
   const _hoisted_4$i = { class: "f-date-picker-panel__header" };
-  const _hoisted_5$f = { class: "f-date-picker-panel__body" };
+  const _hoisted_5$e = { class: "f-date-picker-panel__body" };
   const _hoisted_6$d = { key: 0 };
   const _hoisted_7$8 = { class: "week-header" };
   const _hoisted_8$7 = { class: "calendar-grid" };
@@ -1739,7 +1760,7 @@ var __async = (__this, __arguments, generator) => {
                   })
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_5$f, [
+              vue.createElementVNode("div", _hoisted_5$e, [
                 vue.unref(panelMode) === "date" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$d, [
                   vue.createElementVNode("div", _hoisted_7$8, [
                     (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays, (day) => {
@@ -1837,7 +1858,7 @@ var __async = (__this, __arguments, generator) => {
     class: "f-pagination__size"
   };
   const _hoisted_4$h = ["value"];
-  const _hoisted_5$e = ["value"];
+  const _hoisted_5$d = ["value"];
   const _hoisted_6$c = {
     key: 3,
     class: "f-pagination__list"
@@ -1914,7 +1935,7 @@ var __async = (__this, __arguments, generator) => {
                     return vue.openBlock(), vue.createElementBlock("option", {
                       key: s,
                       value: s
-                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$e);
+                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$d);
                   }), 128))
                 ], 40, _hoisted_4$h)
               ])) : item === "prev" ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -1994,7 +2015,7 @@ var __async = (__this, __arguments, generator) => {
     key: 2,
     class: "f-card__body"
   };
-  const _hoisted_5$d = {
+  const _hoisted_5$c = {
     key: 3,
     class: "f-card__footer"
   };
@@ -2043,7 +2064,7 @@ var __async = (__this, __arguments, generator) => {
             _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$g, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
               vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -3337,7 +3358,7 @@ var __async = (__this, __arguments, generator) => {
     key: 0,
     class: "f-tree-select__expand"
   };
-  const _hoisted_5$c = { class: "f-tree-select__text" };
+  const _hoisted_5$b = { class: "f-tree-select__text" };
   const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "FTreeSelect",
     props: /* @__PURE__ */ vue.mergeModels({
@@ -3430,7 +3451,7 @@ var __async = (__this, __arguments, generator) => {
                 onClick: ($event) => node.children && node.children.length ? toggleExpand(node.key) : handleSelect(node)
               }, [
                 node.children && node.children.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, vue.toDisplayString(vue.unref(expandedKeys).includes(node.key) ? "-" : "+"), 1)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("span", _hoisted_5$c, vue.toDisplayString(node.label), 1)
+                vue.createElementVNode("span", _hoisted_5$b, vue.toDisplayString(node.label), 1)
               ], 14, _hoisted_3$k);
             }), 128))
           ])) : vue.createCommentVNode("", true)
@@ -3443,7 +3464,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_2$j = { class: "f-transfer__header" };
   const _hoisted_3$j = { class: "f-transfer__list" };
   const _hoisted_4$c = ["onClick"];
-  const _hoisted_5$b = { class: "f-transfer__actions" };
+  const _hoisted_5$a = { class: "f-transfer__actions" };
   const _hoisted_6$a = ["disabled"];
   const _hoisted_7$5 = ["disabled"];
   const _hoisted_8$4 = { class: "f-transfer__panel" };
@@ -3518,7 +3539,7 @@ var __async = (__this, __arguments, generator) => {
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$b, [
+          vue.createElementVNode("div", _hoisted_5$a, [
             vue.createElementVNode("button", {
               type: "button",
               class: "f-transfer__btn",
@@ -3595,7 +3616,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_2$h = { class: "f-editor__status" };
   const _hoisted_3$h = { class: "f-editor__lines" };
   const _hoisted_4$b = { class: "f-editor__code-wrapper" };
-  const _hoisted_5$a = ["innerHTML"];
+  const _hoisted_5$9 = ["innerHTML"];
   const _hoisted_6$9 = ["rows", "readonly", "placeholder"];
   const LINE_HEIGHT_PX = 17.6;
   const PADDING_TOP_PX = 12;
@@ -3825,7 +3846,7 @@ var __async = (__this, __arguments, generator) => {
                     key: line.lineNo,
                     class: "f-editor__line",
                     innerHTML: line.html + "\n"
-                  }, null, 8, _hoisted_5$a);
+                  }, null, 8, _hoisted_5$9);
                 }), 128))
               ], 512),
               vue.withDirectives(vue.createElementVNode("textarea", {
@@ -3863,7 +3884,7 @@ var __async = (__this, __arguments, generator) => {
     key: 0,
     class: "f-table__th f-table__th--index"
   };
-  const _hoisted_5$9 = { class: "f-table__th-inner" };
+  const _hoisted_5$8 = { class: "f-table__th-inner" };
   const _hoisted_6$8 = {
     key: 0,
     class: "f-table__spacer"
@@ -4015,7 +4036,7 @@ var __async = (__this, __arguments, generator) => {
                       class: vue.normalizeClass(["f-table__th", col.thClass])
                     }, [
                       vue.renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [
-                        vue.createElementVNode("div", _hoisted_5$9, [
+                        vue.createElementVNode("div", _hoisted_5$8, [
                           vue.createElementVNode("span", null, vue.toDisplayString(col.label), 1)
                         ])
                       ], true)
@@ -4102,7 +4123,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_2$f = ["accept", "multiple"];
   const _hoisted_3$f = { class: "f-upload__zone" };
   const _hoisted_4$9 = { class: "f-upload__hint" };
-  const _hoisted_5$8 = {
+  const _hoisted_5$7 = {
     key: 0,
     class: "f-upload__list"
   };
@@ -4250,7 +4271,7 @@ var __async = (__this, __arguments, generator) => {
               ])
             ], true)
           ], 34),
-          fileList.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
+          fileList.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileList.value, (item) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: item.uid,
@@ -4495,7 +4516,7 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_3$c = { class: "f-color-picker__sliders" };
   const _hoisted_4$8 = { class: "f-color-picker__slider-group" };
-  const _hoisted_5$7 = ["value"];
+  const _hoisted_5$6 = ["value"];
   const _hoisted_6$6 = {
     key: 0,
     class: "f-color-picker__predefine"
@@ -4792,7 +4813,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$7),
+                }, null, 40, _hoisted_5$6),
                 _ctx.predefine.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.predefine, (color) => {
                     return vue.openBlock(), vue.createElementBlock("span", {
@@ -4814,22 +4835,18 @@ var __async = (__this, __arguments, generator) => {
   const FColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2cc1dd01"]]);
   const _hoisted_1$c = { class: "f-empty" };
   const _hoisted_2$b = ["src"];
-  const _hoisted_3$b = {
-    key: 1,
-    viewBox: "0 0 160 160",
-    class: "f-empty__image-default"
-  };
-  const _hoisted_4$7 = { class: "f-empty__description" };
-  const _hoisted_5$6 = {
+  const _hoisted_3$b = { class: "f-empty__description" };
+  const _hoisted_4$7 = {
     key: 0,
     class: "f-empty__extra"
   };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     __name: "FEmpty",
     props: {
-      description: { default: "鏆傛棤鏁版嵁" },
+      description: { default: "暂无数据" },
       image: { default: "" },
-      imageSize: { default: 120 }
+      imageSize: { default: 120 },
+      icon: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
@@ -4844,24 +4861,30 @@ var __async = (__this, __arguments, generator) => {
                 src: _ctx.image,
                 class: "f-empty__image-img",
                 alt: ""
-              }, null, 8, _hoisted_2$b)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$b, _cache[0] || (_cache[0] = [
-                vue.createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08" data-v-4df701ef></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" data-v-4df701ef></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35" data-v-4df701ef></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35" data-v-4df701ef></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5" data-v-4df701ef></path>', 5)
-              ])))
+              }, null, 8, _hoisted_2$b)) : (vue.openBlock(), vue.createBlock(FIcon, {
+                key: 1,
+                class: "f-empty__image-default"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon ? _ctx.icon : vue.unref(ionicons5.FileTrayOutline))))
+                ]),
+                _: 1
+              }))
             ], true)
           ], 4),
-          vue.createElementVNode("div", _hoisted_4$7, [
+          vue.createElementVNode("div", _hoisted_3$b, [
             vue.renderSlot(_ctx.$slots, "description", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
             ], true)
           ]),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4df701ef"]]);
+  const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a6ea44eb"]]);
   const _hoisted_1$b = { class: "f-slider__mark-label" };
   const _hoisted_2$a = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
   const _hoisted_3$a = {

package/dist/types/packages/components/modules/FCollapse.vue.d.ts

@@ -12,11 +12,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_4) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | (string | number)[]) => any;
     add: () => any;
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
     onAdd?: () => any;
+    "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
 }>, {
     accordion: boolean;
     showAddButton: boolean;

package/dist/types/packages/components/modules/FEmpty.vue.d.ts

@@ -1,11 +1,11 @@
 import type { FEmptyProps } from '../../types';
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
     image?: (props: typeof __VLS_1) => any;
 } & {
-    description?: (props: typeof __VLS_3) => any;
+    description?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_5) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<FEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FEmptyProps> & Readonly<{}>, {
     image: string;

package/dist/types/packages/components/modules/FInput.vue.d.ts

@@ -3,9 +3,19 @@ type __VLS_Props = FInputProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: (value: string) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/packages/components/modules/FSelect.vue.d.ts

@@ -26,14 +26,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 } & {
     select: (key: SelectKey, option: FDropdownOption) => any;
     clear: () => any;
-    change: (value: SelectKey | SelectKey[], option: FDropdownOption | FDropdownOption[]) => any;
     add: (option: FDropdownOption) => any;
+    change: (value: SelectKey | SelectKey[], option: FDropdownOption | FDropdownOption[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: (key: SelectKey, option: FDropdownOption) => any;
-    "onUpdate:modelValue"?: (value: SelectKey | SelectKey[]) => any;
     onClear?: () => any;
-    onChange?: (value: SelectKey | SelectKey[], option: FDropdownOption | FDropdownOption[]) => any;
     onAdd?: (option: FDropdownOption) => any;
+    "onUpdate:modelValue"?: (value: SelectKey | SelectKey[]) => any;
+    onChange?: (value: SelectKey | SelectKey[], option: FDropdownOption | FDropdownOption[]) => any;
 }>, {
     disabled: boolean;
     size: "small" | "medium" | "large";

package/dist/types/packages/components/modules/FTextarea.vue.d.ts

@@ -4,11 +4,11 @@ type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     clear: () => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: string) => any;
     onClear?: () => any;
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
     disabled: boolean;
     clearable: boolean;

package/dist/types/packages/types/components/modules/f-empty.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from "vue";
 interface FEmptyProps {
     /** 描述文案 */
     description?: string;
@@ -5,5 +6,7 @@ interface FEmptyProps {
     image?: string;
     /** 图片尺寸，单位 px */
     imageSize?: number;
+    /** 图表 */
+    icon?: Component;
 }
 export type { FEmptyProps };

package/dist/types/packages/types/components/modules/f-input.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from "vue";
 interface FInputProps {
     /** 输入框类型 */
     type?: string;
@@ -7,5 +8,7 @@ interface FInputProps {
     clearable?: boolean;
     /** 是否显示密码切换按钮 */
     showPassword?: boolean;
+    round?: boolean;
+    prefixIcon?: Component;
 }
 export type { FInputProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.6.7",
+  "version": "0.6.8",
   "type": "module",
   "main": "dist/fantasia-ui.umd.js",
   "module": "dist/fantasia-ui.es.js",