fantasia-ui 0.2.52 → 0.2.55

package/dist/fantasia-ui.es.js

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 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, onUnmounted, Teleport, withModifiers, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, provide, onMounted, readonly, onBeforeUnmount, reactive, toRefs, createStaticVNode, h, render } from "vue";
-import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, AlertCircle, CheckmarkCircle, Warning } from "@vicons/ionicons5";
+import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, AlertCircle, CheckmarkCircle, CloseOutline, Warning } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
@@ -73,7 +73,7 @@ const _export_sfc = (sfc, props) => {
 };
 const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__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$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "loop cubes"
 };
@@ -94,7 +94,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["flex-center-col size-full loading-container", { "global-mask": _ctx.mask }])
       }, [
-        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -111,7 +111,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$A = { class: "f-image" };
+const _hoisted_1$B = { class: "f-image" };
 const _hoisted_2$u = {
   key: 0,
   class: "f-image__placeholder"
@@ -138,7 +138,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const onLoad = () => status.value = "loaded";
     const onError = () => status.value = "error";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
             unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
@@ -177,7 +177,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$z = ["type", "value", "placeholder"];
+const _hoisted_1$A = ["type", "value", "placeholder"];
 const _hoisted_2$t = { class: "f-input__suffix" };
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "FInput",
@@ -244,7 +244,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           onBlur,
           onFocus,
           class: "f-input__inner"
-        }, null, 40, _hoisted_1$z),
+        }, null, 40, _hoisted_1$A),
         createElementVNode("div", _hoisted_2$t, [
           unref(showClearIcon) ? (openBlock(), createBlock(FIcon, {
             key: 0,
@@ -273,7 +273,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-68f468e1"]]);
-const _hoisted_1$y = ["onMousemove"];
+const _hoisted_1$z = ["onMousemove"];
 const _hoisted_2$s = {
   key: 0,
   class: "f-rate__score"
@@ -361,7 +361,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$y);
+          ], 40, _hoisted_1$z);
         }), 128)),
         props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$s, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
@@ -369,14 +369,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-3b5c4f14"]]);
-const _hoisted_1$x = { class: "f-dropdown-wrapper" };
+const _hoisted_1$y = { class: "f-dropdown-wrapper" };
 const _hoisted_2$r = { class: "f-dropdown-content" };
 const _hoisted_3$o = ["onClick"];
 const _hoisted_4$f = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_5$c = { class: "opt-label" };
+const _hoisted_5$b = { class: "opt-label" };
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
@@ -549,7 +549,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -589,7 +589,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                       opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$f, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_5$c, toDisplayString(opt.label), 1)
+                      createElementVNode("span", _hoisted_5$b, toDisplayString(opt.label), 1)
                     ], 10, _hoisted_3$o);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
@@ -603,17 +603,20 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-ecac3ad8"]]);
+const _hoisted_1$x = { class: "f-select__suffix" };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "FSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
-    placeholder: {},
-    disabled: { type: Boolean }
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
+    size: { default: "medium" }
   }, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["select", "change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["select", "change", "clear"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -621,13 +624,16 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     const isOpen = ref(false);
     const dropdownRef = ref();
     const selectedLabel = computed(() => {
-      var _a, _b;
+      var _a;
       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 : "请选择";
+      return (_a = option == null ? void 0 : option.label) != null ? _a : props.placeholder;
     });
     const hasValue = computed(() => {
       return modelValue.value !== void 0 && modelValue.value !== null && modelValue.value !== "";
     });
+    const showClear = computed(() => {
+      return props.clearable && hasValue.value && !props.disabled;
+    });
     const handleSelect = (key, option) => {
       const oldValue = modelValue.value;
       modelValue.value = key;
@@ -637,6 +643,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       }
       isOpen.value = false;
     };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      modelValue.value = void 0;
+      emit("clear");
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(FDropdown, {
         ref_key: "dropdownRef",
@@ -655,18 +666,31 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["f-select", {
               "is-active": unref(hasValue),
               "is-open": unref(isOpen),
-              "is-disabled": _ctx.disabled
+              "is-disabled": _ctx.disabled,
+              [`f-select--${_ctx.size}`]: _ctx.size
             }])
           }, [
             createElementVNode("span", {
               class: normalizeClass(["f-select__label", { "is-placeholder": !unref(hasValue) }])
             }, toDisplayString(unref(selectedLabel)), 3),
-            createVNode(FIcon, { class: "f-select__arrow" }, {
-              default: withCtx(() => [
-                createVNode(unref(ChevronDownOutline))
-              ]),
-              _: 1
-            })
+            createElementVNode("div", _hoisted_1$x, [
+              unref(showClear) ? (openBlock(), createBlock(FIcon, {
+                key: 0,
+                class: "f-select__clear",
+                onClick: handleClear
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(CloseCircleOutline))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              createVNode(FIcon, { class: "f-select__arrow" }, {
+                default: withCtx(() => [
+                  createVNode(unref(ChevronDownOutline))
+                ]),
+                _: 1
+              })
+            ])
           ], 2)
         ]),
         _: 1
@@ -674,7 +698,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-d4fb19d1"]]);
+const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-046bf984"]]);
 const _hoisted_1$w = {
   key: 0,
   class: "f-pagination"
@@ -688,8 +712,8 @@ const _hoisted_3$n = {
   class: "f-pagination__size"
 };
 const _hoisted_4$e = ["value"];
-const _hoisted_5$b = ["value"];
-const _hoisted_6$9 = {
+const _hoisted_5$a = ["value"];
+const _hoisted_6$8 = {
   key: 3,
   class: "f-pagination__list"
 };
@@ -765,7 +789,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$b);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$a);
                 }), 128))
               ], 40, _hoisted_4$e)
             ])) : item === "prev" ? (openBlock(), createElementBlock("button", {
@@ -779,7 +803,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$9, [
+            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (page, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
                   page === "..." ? (openBlock(), createElementBlock("li", _hoisted_7$5, [
@@ -845,11 +869,11 @@ const _hoisted_4$d = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$a = {
+const _hoisted_5$9 = {
   key: 3,
   class: "f-card__footer"
 };
-const _hoisted_6$8 = {
+const _hoisted_6$7 = {
   key: 0,
   class: "f-card__header"
 };
@@ -894,11 +918,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
             _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
@@ -2215,7 +2239,7 @@ const _hoisted_4$a = {
   key: 0,
   class: "f-tree-select__expand"
 };
-const _hoisted_5$9 = { class: "f-tree-select__text" };
+const _hoisted_5$8 = { class: "f-tree-select__text" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FTreeSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -2308,7 +2332,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               onClick: ($event) => node.children && node.children.length ? toggleExpand(node.key) : handleSelect(node)
             }, [
               node.children && node.children.length ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(unref(expandedKeys).includes(node.key) ? "−" : "+"), 1)) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_5$9, toDisplayString(node.label), 1)
+              createElementVNode("span", _hoisted_5$8, toDisplayString(node.label), 1)
             ], 14, _hoisted_3$e);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -2321,8 +2345,8 @@ const _hoisted_1$f = { class: "f-transfer__panel" };
 const _hoisted_2$d = { class: "f-transfer__header" };
 const _hoisted_3$d = { class: "f-transfer__list" };
 const _hoisted_4$9 = ["onClick"];
-const _hoisted_5$8 = { class: "f-transfer__actions" };
-const _hoisted_6$7 = ["disabled"];
+const _hoisted_5$7 = { class: "f-transfer__actions" };
+const _hoisted_6$6 = ["disabled"];
 const _hoisted_7$3 = ["disabled"];
 const _hoisted_8$2 = { class: "f-transfer__panel" };
 const _hoisted_9$2 = { class: "f-transfer__header" };
@@ -2396,13 +2420,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_5$8, [
+        createElementVNode("div", _hoisted_5$7, [
           createElementVNode("button", {
             type: "button",
             class: "f-transfer__btn",
             disabled: _ctx.disabled || unref(leftList).length === 0,
             onClick: _cache[0] || (_cache[0] = ($event) => moveSelected("right"))
-          }, " → ", 8, _hoisted_6$7),
+          }, " → ", 8, _hoisted_6$6),
           createElementVNode("button", {
             type: "button",
             class: "f-transfer__btn",
@@ -2473,8 +2497,8 @@ const _hoisted_1$d = { class: "f-editor__toolbar" };
 const _hoisted_2$b = { class: "f-editor__status" };
 const _hoisted_3$b = { class: "f-editor__lines" };
 const _hoisted_4$8 = { class: "f-editor__code-wrapper" };
-const _hoisted_5$7 = ["innerHTML"];
-const _hoisted_6$6 = ["rows", "readonly", "placeholder"];
+const _hoisted_5$6 = ["innerHTML"];
+const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
 const LINE_HEIGHT_PX = 17.6;
 const PADDING_TOP_PX = 12;
 const MIN_BODY_HEIGHT = 180;
@@ -2703,7 +2727,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   key: line.lineNo,
                   class: "f-editor__line",
                   innerHTML: line.html + "\n"
-                }, null, 8, _hoisted_5$7);
+                }, null, 8, _hoisted_5$6);
               }), 128))
             ], 512),
             withDirectives(createElementVNode("textarea", {
@@ -2721,7 +2745,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onClick: updateCursorInfo,
               onKeyup: updateCursorInfo,
               onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur"))
-            }, null, 40, _hoisted_6$6), [
+            }, null, 40, _hoisted_6$5), [
               [vModelText, model.value]
             ])
           ])
@@ -2741,8 +2765,8 @@ const _hoisted_4$7 = {
   key: 0,
   class: "f-table__col--index"
 };
-const _hoisted_5$6 = { class: "f-table__head" };
-const _hoisted_6$5 = {
+const _hoisted_5$5 = { class: "f-table__head" };
+const _hoisted_6$4 = {
   key: 0,
   class: "f-table__th f-table__th--index"
 };
@@ -2853,9 +2877,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 }, null, 4);
               }), 128))
             ]),
-            createElementVNode("thead", _hoisted_5$6, [
+            createElementVNode("thead", _hoisted_5$5, [
               createElementVNode("tr", null, [
-                _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$5, "#")) : createCommentVNode("", true),
+                _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$4, "#")) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
                   return openBlock(), createElementBlock("th", {
                     key: col.key,
@@ -2940,11 +2964,11 @@ const _hoisted_1$b = { class: "f-upload" };
 const _hoisted_2$9 = { class: "f-upload__label" };
 const _hoisted_3$9 = ["accept"];
 const _hoisted_4$6 = { class: "f-upload__hint" };
-const _hoisted_5$5 = {
+const _hoisted_5$4 = {
   key: 1,
   class: "f-upload__button"
 };
-const _hoisted_6$4 = ["accept"];
+const _hoisted_6$3 = ["accept"];
 const _hoisted_7$1 = {
   key: 2,
   class: "f-upload__file-item"
@@ -3031,13 +3055,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               createElementVNode("span", _hoisted_4$6, toDisplayString(_ctx.hint), 1)
             ], true)
           ])
-        ], 34)) : (openBlock(), createElementBlock("label", _hoisted_5$5, [
+        ], 34)) : (openBlock(), createElementBlock("label", _hoisted_5$4, [
           createElementVNode("input", {
             type: "file",
             accept: _ctx.accept,
             class: "f-upload__input",
             onChange: onFileChange
-          }, null, 40, _hoisted_6$4),
+          }, null, 40, _hoisted_6$3),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createElementVNode("span", null, toDisplayString(_ctx.buttonText), 1)
           ], true)
@@ -3235,8 +3259,8 @@ const _hoisted_2$7 = {
 };
 const _hoisted_3$7 = { class: "f-color-picker__sliders" };
 const _hoisted_4$5 = { class: "f-color-picker__slider-group" };
-const _hoisted_5$4 = ["value"];
-const _hoisted_6$3 = {
+const _hoisted_5$3 = ["value"];
+const _hoisted_6$2 = {
   key: 0,
   class: "f-color-picker__predefine"
 };
@@ -3532,8 +3556,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 value: toColorString(),
                 onChange: handleInputChange,
                 onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => $event.target.blur(), ["enter"]))
-              }, null, 40, _hoisted_5$4),
-              _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+              }, null, 40, _hoisted_5$3),
+              _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.predefine, (color) => {
                   return openBlock(), createElementBlock("span", {
                     key: color,
@@ -3559,7 +3583,7 @@ const _hoisted_3$6 = {
   class: "f-empty__image-default"
 };
 const _hoisted_4$4 = { class: "f-empty__description" };
-const _hoisted_5$3 = {
+const _hoisted_5$2 = {
   key: 0,
   class: "f-empty__extra"
 };
@@ -3593,7 +3617,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.description), 1)
           ])
         ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("", true)
       ]);
@@ -4006,8 +4030,8 @@ const _hoisted_4$3 = {
   key: 2,
   class: "f-input-number__stack"
 };
-const _hoisted_5$2 = ["disabled"];
-const _hoisted_6$2 = ["disabled"];
+const _hoisted_5$1 = ["disabled"];
+const _hoisted_6$1 = ["disabled"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FInputNumber",
   props: /* @__PURE__ */ mergeModels({
@@ -4202,7 +4226,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 40, _hoisted_5$2),
+          ], 40, _hoisted_5$1),
           createElementVNode("button", {
             type: "button",
             class: "f-input-number__stack-btn",
@@ -4218,7 +4242,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 40, _hoisted_6$2)
+          ], 40, _hoisted_6$1)
         ])) : createCommentVNode("", true)
       ], 2);
     };
@@ -4238,11 +4262,11 @@ const _hoisted_4$2 = {
   key: 1,
   class: "f-result__subtitle"
 };
-const _hoisted_5$1 = {
+const _hoisted_5 = {
   key: 2,
   class: "f-result__extra"
 };
-const _hoisted_6$1 = {
+const _hoisted_6 = {
   key: 3,
   class: "f-result__content"
 };
@@ -4295,10 +4319,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.subTitle), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "extra", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
@@ -4435,15 +4459,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a97e1683"]]);
-const _hoisted_1$2 = {
-  key: 0,
-  class: "f-dialog__header"
-};
-const _hoisted_2$1 = { class: "f-dialog__icon" };
-const _hoisted_3$1 = { class: "f-dialog__title" };
-const _hoisted_4 = { class: "f-dialog__body" };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { class: "f-dialog__footer" };
+const _hoisted_1$2 = { class: "f-dialog__icon" };
+const _hoisted_2$1 = { class: "f-dialog__title" };
+const _hoisted_3$1 = { class: "f-dialog__body" };
+const _hoisted_4 = { key: 0 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FDialog",
   props: /* @__PURE__ */ mergeModels({
@@ -4453,6 +4472,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     confirmText: { default: "确定" },
     cancelText: { default: "取消" },
     showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    divider: { type: Boolean, default: false },
     closeOnClickOutside: { type: Boolean, default: true },
     closeOnEsc: { type: Boolean, default: true }
   }, {
@@ -4517,9 +4538,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     key: 0,
                     class: normalizeClass(["f-dialog", `f-dialog--${_ctx.type}`])
                   }, [
-                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon, { size: 18 }, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-divider": _ctx.divider }])
+                    }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        createElementVNode("div", _hoisted_2$1, [
+                        createElementVNode("div", _hoisted_1$2, [
                           createVNode(FIcon, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
@@ -4527,15 +4564,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             _: 1
                           })
                         ]),
-                        createElementVNode("h3", _hoisted_3$1, toDisplayString(_ctx.title), 1)
+                        createElementVNode("h3", _hoisted_2$1, toDisplayString(_ctx.title), 1)
                       ])
-                    ])) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_4, [
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$1, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
                       ])
                     ]),
-                    createElementVNode("div", _hoisted_6, [
+                    createElementVNode("div", {
+                      class: normalizeClass(["f-dialog__footer", { "has-divider": _ctx.divider }])
+                    }, [
                       renderSlot(_ctx.$slots, "footer", {}, () => [
                         _ctx.showCancel ? (openBlock(), createBlock(FButton, {
                           key: 0,
@@ -4556,7 +4595,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           _: 1
                         })
                       ])
-                    ])
+                    ], 2)
                   ], 2)) : createCommentVNode("", true)
                 ]),
                 _: 3