fit2cloud-ui-plus 1.1.0 → 1.1.1

package/lib/fit2cloud-ui-plus.es.js

@@ -21,110 +21,9 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, renderSlot, inject, ref, h, getCurrentInstance, provide, isRef, watch, Transition, createElementVNode, toDisplayString, createVNode, normalizeStyle, createCommentVNode, resolveDirective, withDirectives, onMounted, onUpdated, nextTick, createTextVNode, vShow, resolveDynamicComponent, normalizeClass, withModifiers, vModelText, useSlots, isVNode, Comment } from "vue";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  __name: "FuHorizontalNavigation",
-  props: {
-    stepper: Object,
-    steps: Array,
-    disable: Function
-  },
-  emits: ["active"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const active = computed(() => {
-      return props.stepper.index;
-    });
-    function click(index) {
-      !props.disable(index) && emit("active", index);
-    }
-    return (_ctx, _cache) => {
-      const _component_el_step = resolveComponent("el-step");
-      const _component_el_steps = resolveComponent("el-steps");
-      return openBlock(), createBlock(_component_el_steps, mergeProps({ active: unref(active) }, __props.stepper), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, index) => {
-            return openBlock(), createBlock(_component_el_step, mergeProps({ key: index }, step, {
-              onClick: ($event) => click(index),
-              class: __props.disable(index) && "fu-step--disable"
-            }), null, 16, ["onClick", "class"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["active"]);
-    };
-  }
-});
-var FuHorizontalNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuHorizontalNavigation.vue"]]);
-const _sfc_main$I = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_el_button = resolveComponent("el-button");
-  return openBlock(), createBlock(_component_el_button, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16);
-}
-var FuStepButton = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render], ["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuStepButton.vue"]]);
-var FuStepsFooter = defineComponent({
-  name: "FuStepsFooter",
-  components: {
-    FuStepButton
-  },
-  emits: ["stepperFn"],
-  setup(props, { emit }) {
-    const stepper = inject("stepper");
-    const disabledButton = ref(false);
-    const isFirst = computed(() => {
-      return stepper.isFirst(stepper.index);
-    });
-    const isLast = computed(() => {
-      return stepper.isLast(stepper.index);
-    });
-    const showCancel = computed(() => {
-      return stepper.showCancel !== false;
-    });
-    const disabled = computed(() => {
-      return (stepper == null ? void 0 : stepper.isLoading) || disabledButton.value;
-    });
-    function clickHandle(fnName) {
-      stepper[fnName] ? stepper[fnName]() : emit("stepperFn", fnName);
-      disabledButton.value = true;
-      setTimeout(() => {
-        disabledButton.value = false;
-      }, 500);
-    }
-    const button = (value) => {
-      return h(FuStepButton, {
-        disabled: disabled.value,
-        size: stepper.buttonSize,
-        onClick: () => clickHandle(value)
-      }, () => stepper[`${value}ButtonText`]);
-    };
-    return () => h("div", {
-      class: `fu-steps__footer--${stepper.footerAlign}`
-    }, [
-      h("div", {
-        class: "fu-steps__footer--block",
-        style: "margin-right:10px"
-      }, [showCancel.value && button("onCancel")]),
-      h("div", {
-        class: "fu-steps__footer--block"
-      }, [
-        !isFirst.value && button("prev"),
-        isLast.value ? button("onFinish") : button("next")
-      ])
-    ]);
-  }
-});
+import { ref, getCurrentInstance, inject, computed, provide, unref, isRef, defineComponent, watch, resolveComponent, openBlock, createBlock, mergeProps, onMounted, onUpdated, withCtx, createElementVNode, toDisplayString, nextTick, createElementBlock, Fragment, renderList, createVNode, withDirectives, createTextVNode, createCommentVNode, vShow, renderSlot, resolveDynamicComponent, normalizeClass, withModifiers, h, vModelText, normalizeStyle, Transition, useSlots, normalizeProps, guardReactiveProps, resolveDirective, isVNode, Comment } from "vue";
+const COMPONENTS_SIZE = ["", "default", "small", "large"];
+const validateSize = (val) => ["", ...COMPONENTS_SIZE].includes(val);
 const globalConfig = ref();
 const globalConfigKey = Symbol("GlobalConfigKey");
 function useGlobalConfig(key, defaultValue = void 0) {
@@ -595,8 +494,6 @@ const useLocale = () => {
   const locale = useGlobalConfig("locale");
   return buildLocaleContext(computed(() => locale.value || Chinese));
 };
-const COMPONENTS_SIZE = ["", "default", "small", "large"];
-const validateSize = (val) => ["", ...COMPONENTS_SIZE].includes(val);
 const useProp = (name2) => {
   const vm = getCurrentInstance();
   return computed(() => {
@@ -614,912 +511,734 @@ const useSizeProp = {
   type: String,
   validator: validateSize
 };
-const { t } = useLocale();
-class Stepper {
-  constructor(options) {
-    __publicField(this, "steps");
-    __publicField(this, "index");
-    __publicField(this, "activeSet");
-    __publicField(this, "isLoading");
-    __publicField(this, "onCancelButtonText");
-    __publicField(this, "onFinishButtonText");
-    __publicField(this, "prevButtonText");
-    __publicField(this, "nextButtonText");
-    __publicField(this, "buttonSize");
-    __publicField(this, "footerAlign");
-    __publicField(this, "showCancel");
-    __publicField(this, "beforeActive");
-    __publicField(this, "beforeLeave");
-    __publicField(this, "height");
-    options = options || {};
-    this.steps = options.steps;
-    this.index = options.index === void 0 ? 0 : options.index;
-    this.activeSet = /* @__PURE__ */ new Set();
-    this.isLoading = (options == null ? void 0 : options.isLoading) || false;
-    this.onCancelButtonText = options.onCancelButtonText || t("fu.steps.cancel");
-    this.onFinishButtonText = options.onFinishButtonText || t("fu.steps.finish");
-    this.prevButtonText = options.prevButtonText || t("fu.steps.prev");
-    this.nextButtonText = options.nextButtonText || t("fu.steps.next");
-    this.buttonSize = options.buttonSize || "default";
-    this.footerAlign = options.footerAlign || "flex";
-    this.showCancel = options.showCancel === void 0 ? false : options.showCancel;
-    this.beforeActive = options.beforeActive;
-    this.beforeLeave = options.beforeLeave;
-    this.height = options.height;
-  }
-  isFirst(index) {
-    return index === 0;
-  }
-  isLast(index) {
-    return index === this.steps.length - 1;
-  }
-  isActive(index) {
-    return this.activeSet.has(index);
-  }
-  isCurrent(index) {
-    return this.index === index;
-  }
-  async active(index) {
-    const isValid = index >= 0 && index < this.steps.length && this.index !== index;
-    const forward = index > this.index;
-    if (isValid) {
-      if (await this.executeBeforeLeave(this.index, forward) !== false) {
-        if (await this.executeBeforeActive(index, forward) !== false) {
-          this.index = index;
-          this.activeSet.add(index);
-        }
-      }
-    }
-  }
-  next() {
-    if (!this.isLast(this.index)) {
-      this.active(this.index + 1);
-    }
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
   }
-  prev() {
-    if (!this.isFirst(this.index)) {
-      this.active(this.index - 1);
+  return target;
+};
+const __default__$u = { name: "FuFilterInput" };
+const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$u), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    modelValue: String
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const quick = ref("");
+    const configSize = useSize();
+    watch(() => props.modelValue, (val) => {
+      quick.value = val;
+    });
+    function input(e) {
+      emit("update:modelValue", quick.value, e);
     }
-  }
-  getStep(index) {
-    if (this.steps && this.steps.length > index) {
-      return this.steps[index];
+    function blur(e) {
+      emit("change", quick.value, e);
     }
-  }
-  executeBeforeLeave(index, forward) {
-    const step = this.getStep(index);
-    if (step.beforeLeave) {
-      return step.beforeLeave(step, forward);
+    function clear() {
+      emit("update:modelValue", quick.value);
+      emit("change", quick.value);
     }
-    if (this.beforeLeave) {
-      return this.beforeLeave(step, forward);
+    function keydown(e) {
+      const event = e;
+      if (event.key === "Enter") {
+        emit("change", quick.value, e);
+      }
     }
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(_component_el_input, mergeProps({
+        class: "fu-filter-input",
+        "prefix-icon": "Search",
+        modelValue: quick.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
+        onInput: input,
+        onBlur: blur,
+        onKeydown: keydown,
+        onClear: clear
+      }, _ctx.$attrs, {
+        clearable: "",
+        size: unref(configSize)
+      }), null, 16, ["modelValue", "size"]);
+    };
   }
-  executeBeforeActive(index, forward) {
-    const step = this.getStep(index);
-    if (step.beforeActive) {
-      return step.beforeActive(step, forward);
+}));
+var FuFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterInput.vue"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterConditionText",
+  props: {
+    condition: {
+      type: Object,
+      required: true
     }
-    if (this.beforeActive) {
-      return this.beforeActive(step, forward);
+  },
+  setup(__props) {
+    const props = __props;
+    const textRef = ref(null);
+    const disabled = ref(true);
+    const text = computed(() => {
+      let condition = props.condition;
+      return condition.label + " " + condition.valueLabel || condition.value;
+    });
+    function computeDisable() {
+      nextTick(() => {
+        const el = textRef.value;
+        disabled.value = el === null || el.getBoundingClientRect().width < 320;
+      });
     }
-  }
-}
-class Step {
-  constructor(options) {
-    __publicField(this, "id");
-    __publicField(this, "index");
-    __publicField(this, "beforeActive");
-    __publicField(this, "beforeLeave");
-    __publicField(this, "title");
-    __publicField(this, "description");
-    __publicField(this, "icon");
-    __publicField(this, "status");
-    options = options || {};
-    this.id = options.id;
-    this.index = options.index;
-    this.beforeActive = options.beforeActive;
-    this.beforeLeave = options.beforeLeave;
-    this.title = options.title;
-    this.description = options.description;
-    this.icon = options.icon;
-    this.status = options.status;
-  }
-}
-const _sfc_main$H = defineComponent({
-  name: "FuHorizontalSteps",
-  components: {
-    FuHorizontalNavigation,
-    FuStepsFooter
-  },
-  emits: ["change"],
-  setup(_, { attrs, slots, emit, expose }) {
-    var _a2;
-    const stepper = ref(new Stepper());
-    (_a2 = stepper.value) == null ? void 0 : _a2.activeSet.add(0);
-    watch(() => stepper.value.index, (value) => {
-      emit("change", stepper.value.steps[value]);
-    });
-    const heightStyle = computed(() => {
-      var _a3;
-      return { height: parseInt((_a3 = stepper.value) == null ? void 0 : _a3.height) + "px" || "auto" };
-    });
-    function active(index) {
-      var _a3;
-      (_a3 = stepper.value) == null ? void 0 : _a3.active(index);
-    }
-    function disable(index) {
-      var _a3;
-      return !((_a3 = stepper.value) == null ? void 0 : _a3.isActive(index));
-    }
-    function next() {
-      stepper.value.next();
-    }
-    function prev() {
-      stepper.value.prev();
-    }
-    function $func(name2) {
-      emit(name2);
-    }
-    provide("stepper", stepper.value);
-    expose({
-      next,
-      prev,
-      active
-    });
-    return () => {
-      var _a3, _b, _c;
-      let steps = [];
-      if ((_a3 = slots.default) == null ? void 0 : _a3.call(slots)) {
-        (_b = slots.default) == null ? void 0 : _b.call(slots).forEach((node, index) => {
-          const options = __spreadValues({
-            index
-          }, node.props);
-          const step = new Step(options);
-          steps.push(step);
-        });
-      }
-      stepper.value.steps = steps;
-      stepper.value = Object.assign(stepper.value, attrs);
-      return h("div", {
-        class: ["fu-steps", "fu-steps--horizontal"]
-      }, [
-        h(FuHorizontalNavigation, {
-          stepper: stepper.value,
-          steps,
-          disable,
-          onActive: active
-        }),
-        h("div", { class: "fu-steps__wrapper" }, h("div", { class: "fu-steps__container", style: heightStyle.value }, h(Transition, { name: "carousel", mode: "out-in", tag: "p" }, () => {
-          var _a4;
-          return (_a4 = slots.default) == null ? void 0 : _a4.call(slots).map((item, index) => {
-            item["key"] = index;
-            return stepper.value.index === index && item;
-          });
-        }))),
-        h("div", { class: "fu-steps__footer" }, ((_c = slots.footer) == null ? void 0 : _c.call(slots)) || h(FuStepsFooter, { onStepperFn: $func }))
-      ]);
+    onMounted(() => computeDisable());
+    onUpdated(() => computeDisable());
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      return openBlock(), createBlock(_component_el_tooltip, {
+        content: unref(text),
+        placement: "top",
+        disabled: disabled.value
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "condition-text",
+            ref_key: "textRef",
+            ref: textRef
+          }, toDisplayString(unref(text)), 513)
+        ]),
+        _: 1
+      }, 8, ["content", "disabled"]);
     };
   }
 });
-var FuHorizontalSteps = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuHorizontalSteps.vue"]]);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  __name: "FuVerticalNavigation",
+var FuFilterConditionText = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterConditionText.vue"]]);
+const _hoisted_1$o = { class: "fu-filter-conditions" };
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterConditions",
   props: {
-    stepper: Object,
-    steps: Array,
-    disable: Function
+    conditions: Array
   },
-  emits: ["active"],
+  emits: ["change"],
   setup(__props, { emit }) {
     const props = __props;
-    const active = computed(() => {
-      return props.stepper.index;
-    });
-    const heightStyle = computed(() => {
+    function remove(index) {
       var _a2;
-      return {
-        height: parseInt((_a2 = props.stepper) == null ? void 0 : _a2.height) + "px" || "auto"
-      };
-    });
-    function click(index) {
-      !props.disable(index) && emit("active", index);
+      (_a2 = props.conditions) == null ? void 0 : _a2.splice(index, 1);
+      emit("change", props.conditions);
     }
     return (_ctx, _cache) => {
-      const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
-      const _component_el_step = resolveComponent("el-step");
-      const _component_el_steps = resolveComponent("el-steps");
-      return openBlock(), createBlock(_component_el_steps, mergeProps({ active: unref(active) }, __props.stepper, { direction: "vertical" }), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, i) => {
-            return openBlock(), createBlock(_component_el_step, mergeProps({ key: i }, step, {
-              onClick: ($event) => click(i),
-              class: __props.disable(i) && "fu-step--disable"
-            }), {
-              description: withCtx(() => [
-                createElementVNode("span", null, toDisplayString(step.description), 1),
-                createVNode(_component_el_collapse_transition, null, {
-                  default: withCtx(() => [
-                    i === unref(active) ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      class: "fu-steps__container",
-                      style: normalizeStyle(unref(heightStyle))
-                    }, [
-                      renderSlot(_ctx.$slots, "default", { step })
-                    ], 4)) : createCommentVNode("v-if", true)
-                  ]),
-                  _: 2
-                }, 1024)
+      const _component_CloseBold = resolveComponent("CloseBold");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index) => {
+          return openBlock(), createElementBlock("div", {
+            class: "fu-filter-conditions__item",
+            key: index
+          }, [
+            createVNode(FuFilterConditionText, { condition }, null, 8, ["condition"]),
+            createVNode(_component_el_icon, {
+              class: "fu-scale-click",
+              onClick: ($event) => remove(index)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_CloseBold)
               ]),
               _: 2
-            }, 1040, ["onClick", "class"]);
-          }), 128))
-        ]),
-        _: 3
-      }, 16, ["active"]);
+            }, 1032, ["onClick"])
+          ]);
+        }), 128))
+      ]);
     };
   }
 });
-var FuVerticalNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuVerticalNavigation.vue"]]);
-const _sfc_main$F = defineComponent({
-  name: "FuVerticalSteps",
-  components: { FuVerticalNavigation, FuStepsFooter },
-  emits: ["change"],
-  setup(_, { attrs, slots, emit, expose }) {
-    const stepper = ref(new Stepper());
-    stepper.value.activeSet.add(0);
-    watch(() => stepper.value.index, (value) => {
-      emit("change", stepper.value.steps[value]);
-    });
-    function active(index) {
-      stepper.value.active(index);
+var FuFilterConditions = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterConditions.vue"]]);
+const selectKey = Symbol("SelectKey");
+const referenceKey$1 = Symbol("ReferenceKey");
+const _hoisted_1$n = { class: "fu-filter__result" };
+const _hoisted_2$f = { style: { "opacity": "0.6" } };
+const _hoisted_3$d = /* @__PURE__ */ createElementVNode("div", { class: "fu-filter__split" }, null, -1);
+const _hoisted_4$2 = { class: "drawer-body" };
+const _hoisted_5$1 = { class: "drawer-footer" };
+const __default__$t = { name: "FuFilter" };
+const _sfc_main$G = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$t), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize,
+      required: true
+    },
+    count: {
+      type: Number,
+      default: 0
+    },
+    components: Array,
+    drawerWidth: {
+      type: [Number, String],
+      default: "680px"
+    },
+    showEmpty: Boolean
+  },
+  emits: ["filter"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { t: t2 } = useLocale();
+    const filterRef = ref(null);
+    const conditionsRef = ref(null);
+    const configSize = useSize();
+    const drawer = ref(true);
+    const scroll = ref(false);
+    const conditions = ref([]);
+    const references = ref([]);
+    let leftTimer, rightTimer;
+    function mouseup() {
+      clearInterval(leftTimer);
+      clearInterval(rightTimer);
     }
-    function disable(index) {
-      return !stepper.value.isActive(index);
+    function left() {
+      var _a2;
+      let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
+      leftTimer = setInterval(() => {
+        if (el)
+          el.scrollLeft -= 15;
+      }, 50);
     }
-    function next() {
-      stepper.value.next();
+    function right() {
+      var _a2;
+      let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
+      rightTimer = setInterval(() => {
+        if (el)
+          el.scrollLeft += 15;
+      }, 50);
     }
-    function prev() {
-      stepper.value.prev();
+    function change() {
+      nextTick(() => {
+        var _a2;
+        let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
+        scroll.value = el != null && (el == null ? void 0 : el.getBoundingClientRect().width) >= scrollWidth.value;
+      });
+      emit("filter", conditions.value);
     }
-    function $func(name2) {
-      emit(name2);
-    }
-    provide("stepper", stepper.value);
-    expose({
-      next,
-      prev,
-      active
-    });
-    return () => {
-      var _a2, _b;
-      let currentNode;
-      let steps = [];
-      if ((_a2 = slots.default) == null ? void 0 : _a2.call(slots)) {
-        (_b = slots.default) == null ? void 0 : _b.call(slots).forEach((node, index) => {
-          const options = __spreadValues({
-            index
-          }, node.props);
-          const step = new Step(options);
-          steps.push(step);
-          if (stepper.value.isCurrent(index)) {
-            currentNode = node;
-          }
+    function setConditions(conditionObj) {
+      conditions.value = [];
+      if (conditionObj) {
+        Object.keys(conditionObj).forEach((key) => {
+          let value = conditionObj[key].value;
+          references.value.forEach((r) => {
+            if (r.field === key) {
+              r.init(value);
+              const condition = r.getCondition();
+              if (condition) {
+                conditions.value.push(condition);
+              }
+            }
+          });
         });
+        change();
       }
-      stepper.value.steps = steps;
-      stepper.value = Object.assign(stepper.value, attrs);
-      return h("div", {
-        class: ["fu-steps", "fu-steps--vertical"]
-      }, [
-        h(FuVerticalNavigation, {
-          stepper: stepper.value,
-          steps,
-          disable,
-          onActive: active
-        }, () => currentNode),
-        h("div", { class: "fu-steps__footer" }, h(FuStepsFooter, { onStepperFn: $func }))
-      ]);
-    };
-  }
-});
-var FuVerticalSteps = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuVerticalSteps.vue"]]);
-const _sfc_main$E = defineComponent({
-  name: "FuSteps",
-  components: {
-    FuHorizontalSteps,
-    FuVerticalSteps
-  },
-  emits: ["change"],
-  props: ["direction"],
-  setup(props, { attrs, slots, emit, expose }) {
-    const { direction } = props;
-    const FuSteps2 = ref();
-    function next() {
-      var _a2;
-      (_a2 = FuSteps2.value) == null ? void 0 : _a2.next();
     }
-    function prev() {
-      var _a2;
-      (_a2 = FuSteps2.value) == null ? void 0 : _a2.prev();
+    function filter() {
+      conditions.value = [];
+      references.value.forEach((r) => {
+        let condition;
+        condition = r.getCondition();
+        if (condition) {
+          conditions.value.push(condition);
+        }
+      });
+      drawer.value = false;
+      change();
     }
-    function active(index) {
-      var _a2;
-      (_a2 = FuSteps2.value) == null ? void 0 : _a2.active(index);
+    function open() {
+      drawer.value = true;
     }
-    function handleChange({ id, title, index }) {
-      emit("change", { id, title, index });
+    function initComponents() {
+      references.value.forEach((r) => {
+        let condition = conditions.value.find((c) => c.field === r.field);
+        r.init(condition == null ? void 0 : condition.value);
+      });
+    }
+    function clear() {
+      conditions.value = [];
+      initComponents();
+      change();
     }
+    const scrollWidth = computed(() => {
+      const el = filterRef.value;
+      return el === null ? 0 : el.getBoundingClientRect().width - 210;
+    });
+    const show = computed(() => {
+      return conditions.value.length > 0 && props.showEmpty === false || props.showEmpty;
+    });
+    provide(referenceKey$1, references);
+    onMounted(() => {
+      drawer.value = false;
+    });
     expose({
-      next,
-      prev,
-      active
+      open,
+      setConditions
     });
-    if (direction === "vertical") {
-      return () => h(FuVerticalSteps, __spreadValues({ ref: FuSteps2, onChange: handleChange }, attrs), slots);
-    } else {
-      return () => h(FuHorizontalSteps, __spreadValues({ ref: FuSteps2, onChange: handleChange }, attrs), slots);
-    }
-  }
-});
-var FuSteps = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuSteps.vue"]]);
-const _hoisted_1$o = { class: "fu-step" };
-const __default__$u = { name: "FuStep" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$u), {
-  setup(__props) {
-    const stepper = inject("stepper");
-    const loading = computed(() => stepper.isLoading || false);
     return (_ctx, _cache) => {
-      const _directive_loading = resolveDirective("loading");
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$o, [
-        renderSlot(_ctx.$slots, "default")
-      ])), [
-        [_directive_loading, unref(loading)]
-      ]);
+      const _component_ArrowLeftBold = resolveComponent("ArrowLeftBold");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_ArrowRightBold = resolveComponent("ArrowRightBold");
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_drawer = resolveComponent("el-drawer");
+      return openBlock(), createElementBlock(Fragment, null, [
+        withDirectives(createElementVNode("div", {
+          class: "fu-filter",
+          ref_key: "filterRef",
+          ref: filterRef
+        }, [
+          createElementVNode("div", _hoisted_1$n, [
+            createTextVNode(toDisplayString(__props.count) + " ", 1),
+            createElementVNode("span", _hoisted_2$f, toDisplayString(unref(t2)("fu.filter_bar.results")), 1)
+          ]),
+          _hoisted_3$d,
+          scroll.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "fu-filter__scroll",
+            onMousedown: left,
+            onMouseup: mouseup
+          }, [
+            createVNode(_component_el_icon, null, {
+              default: withCtx(() => [
+                createVNode(_component_ArrowLeftBold)
+              ]),
+              _: 1
+            })
+          ], 32)) : createCommentVNode("v-if", true),
+          createVNode(FuFilterConditions, {
+            conditions: conditions.value,
+            onChange: change,
+            ref_key: "conditionsRef",
+            ref: conditionsRef
+          }, null, 8, ["conditions"]),
+          scroll.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "fu-filter__scroll",
+            onMousedown: right,
+            onMouseup: mouseup
+          }, [
+            createVNode(_component_el_icon, null, {
+              default: withCtx(() => [
+                createVNode(_component_ArrowRightBold)
+              ]),
+              _: 1
+            })
+          ], 32)) : createCommentVNode("v-if", true),
+          conditions.value.length > 0 ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "fu-filter__clear fu-scale-click",
+            onClick: clear
+          }, [
+            createVNode(_component_el_icon, null, {
+              default: withCtx(() => [
+                createVNode(_component_Delete)
+              ]),
+              _: 1
+            }),
+            createTextVNode(" " + toDisplayString(unref(t2)("fu.filter_bar.clear")), 1)
+          ])) : createCommentVNode("v-if", true)
+        ], 512), [
+          [vShow, unref(show)]
+        ]),
+        createVNode(_component_el_drawer, {
+          size: __props.drawerWidth,
+          class: "fu-filter__drawer",
+          title: unref(t2)("fu.filter_bar.drawer_title"),
+          modelValue: drawer.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => drawer.value = $event),
+          onOpen: initComponents
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4$2, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.components, (c, i) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(c.component), mergeProps({ key: i }, c, { size: unref(configSize) }), null, 16, ["size"]);
+                }), 128))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_5$1, [
+              renderSlot(_ctx.$slots, "footer", {}, () => [
+                createVNode(_component_el_button, {
+                  size: __props.size,
+                  onClick: _cache[0] || (_cache[0] = ($event) => drawer.value = false)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(t2)("fu.filter_bar.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size"]),
+                createVNode(_component_el_button, {
+                  size: __props.size,
+                  type: "primary",
+                  onClick: filter
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(t2)("fu.filter_bar.search")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size"])
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["size", "title", "modelValue"])
+      ], 64);
     };
   }
 }));
-var FuStep = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/ steps/FuStep.vue"]]);
-FuSteps.install = (app) => {
-  app.component(FuStep.name, FuStep);
-  app.component(FuSteps.name, FuSteps);
-};
-var __glob_2_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  "default": FuSteps
-}, Symbol.toStringTag, { value: "Module" }));
-const __default__$t = { name: "FuFilterInput" };
-const _sfc_main$C = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$t), {
+var FuFilter = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilter.vue"]]);
+const _hoisted_1$m = { class: "fu-filter-bar" };
+const _hoisted_2$e = { class: "fu-filter-bar__top" };
+const _hoisted_3$c = { class: "top_left" };
+const _hoisted_4$1 = { class: "top_right" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "fu-filter-bar__bottom" };
+const __default__$s = { name: "FuFilterBar" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$s), {
   props: {
     size: {
       type: String,
       validator: validateSize
     },
-    modelValue: String
+    resultCount: Number,
+    quickPlaceholder: String,
+    components: Array,
+    showEmpty: {
+      type: Boolean,
+      default: false
+    }
   },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const quick = ref("");
+  emits: ["exec"],
+  setup(__props, { expose, emit }) {
+    const { t: t2 } = useLocale();
     const configSize = useSize();
-    watch(() => props.modelValue, (val) => {
-      quick.value = val;
-    });
-    function input(e) {
-      emit("update:modelValue", quick.value, e);
+    const quick = ref("");
+    const conditions = ref([]);
+    const filterRef = ref();
+    function open() {
+      var _a2;
+      (_a2 = filterRef.value) == null ? void 0 : _a2.open();
     }
-    function blur(e) {
-      emit("change", quick.value, e);
+    function change() {
+      emit("exec", conditionObj.value);
     }
-    function clear() {
-      emit("update:modelValue", quick.value);
-      emit("change", quick.value);
+    function filter(c) {
+      conditions.value = c;
+      emit("exec", conditionObj.value);
     }
-    function keydown(e) {
-      const event = e;
-      if (event.key === "Enter") {
-        emit("change", quick.value, e);
+    function setConditions(conditionObj2) {
+      var _a2;
+      if (conditionObj2.quick) {
+        quick.value = conditionObj2.quick;
       }
+      (_a2 = filterRef.value) == null ? void 0 : _a2.setConditions(conditionObj2);
     }
+    const conditionObj = computed(() => {
+      let obj = {};
+      if (quick.value) {
+        obj.quick = quick.value;
+      }
+      conditions.value.forEach((c) => {
+        obj[c.field] = c;
+      });
+      return obj;
+    });
+    expose({
+      setConditions,
+      open
+    });
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createBlock(_component_el_input, mergeProps({
-        class: "fu-filter-input",
-        "prefix-icon": "Search",
-        modelValue: quick.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
-        onInput: input,
-        onBlur: blur,
-        onKeydown: keydown,
-        onClear: clear
-      }, _ctx.$attrs, {
-        clearable: "",
-        size: unref(configSize)
-      }), null, 16, ["modelValue", "size"]);
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+        createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("div", _hoisted_3$c, [
+            renderSlot(_ctx.$slots, "tl")
+          ]),
+          createElementVNode("div", _hoisted_4$1, [
+            renderSlot(_ctx.$slots, "tr", { condition: unref(conditionObj) }, () => [
+              createVNode(FuFilterInput, {
+                size: unref(configSize),
+                modelValue: quick.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
+                placeholder: __props.quickPlaceholder,
+                onChange: change
+              }, null, 8, ["size", "modelValue", "placeholder"])
+            ]),
+            createVNode(_component_el_button, {
+              class: "fu-filter-button",
+              onClick: open,
+              icon: "Filter",
+              size: unref(configSize)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t2)("fu.filter_bar.filter")) + " ", 1),
+                conditions.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_5, "(" + toDisplayString(conditions.value.length) + ")", 1)) : createCommentVNode("v-if", true)
+              ]),
+              _: 1
+            }, 8, ["size"]),
+            renderSlot(_ctx.$slots, "buttons")
+          ])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(FuFilter, {
+            ref_key: "filterRef",
+            ref: filterRef,
+            onFilter: filter,
+            count: __props.resultCount,
+            components: __props.components,
+            size: unref(configSize),
+            "show-empty": __props.showEmpty
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["count", "components", "size", "show-empty"])
+        ])
+      ]);
     };
   }
 }));
-var FuFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterInput.vue"]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  __name: "FuFilterConditionText",
+var FuFilterBar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterBar.vue"]]);
+const _hoisted_1$l = ["onClick"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterOption",
   props: {
-    condition: {
-      type: Object,
+    value: {
+      type: [String, Number, Boolean, Object],
       required: true
+    },
+    label: [String, Number],
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   setup(__props) {
     const props = __props;
-    const textRef = ref(null);
-    const disabled = ref(true);
-    const text = computed(() => {
-      let condition = props.condition;
-      return condition.label + " " + condition.valueLabel || condition.value;
+    const select = inject(selectKey);
+    const selected = computed(() => {
+      if (!select)
+        return false;
+      if (Array.isArray(select.selection.value)) {
+        return select.selection.value.includes(props.value);
+      } else {
+        return select.selection.value === props.value;
+      }
     });
-    function computeDisable() {
-      nextTick(() => {
-        const el = textRef.value;
-        disabled.value = el === null || el.getBoundingClientRect().width < 320;
-      });
-    }
-    onMounted(() => computeDisable());
-    onUpdated(() => computeDisable());
-    return (_ctx, _cache) => {
-      const _component_el_tooltip = resolveComponent("el-tooltip");
-      return openBlock(), createBlock(_component_el_tooltip, {
-        content: unref(text),
-        placement: "top",
-        disabled: disabled.value
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: "condition-text",
-            ref_key: "textRef",
-            ref: textRef
-          }, toDisplayString(unref(text)), 513)
-        ]),
-        _: 1
-      }, 8, ["content", "disabled"]);
-    };
-  }
-});
-var FuFilterConditionText = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterConditionText.vue"]]);
-const _hoisted_1$n = { class: "fu-filter-conditions" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  __name: "FuFilterConditions",
-  props: {
-    conditions: Array
-  },
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    function remove(index) {
-      var _a2;
-      (_a2 = props.conditions) == null ? void 0 : _a2.splice(index, 1);
-      emit("change", props.conditions);
+    function click() {
+      select == null ? void 0 : select.setSelected(props.value, selected.value);
     }
     return (_ctx, _cache) => {
-      const _component_CloseBold = resolveComponent("CloseBold");
-      const _component_el_icon = resolveComponent("el-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index) => {
-          return openBlock(), createElementBlock("div", {
-            class: "fu-filter-conditions__item",
-            key: index
-          }, [
-            createVNode(FuFilterConditionText, { condition }, null, 8, ["condition"]),
-            createVNode(_component_el_icon, {
-              class: "fu-scale-click",
-              onClick: ($event) => remove(index)
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_CloseBold)
-              ]),
-              _: 2
-            }, 1032, ["onClick"])
-          ]);
-        }), 128))
-      ]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["fu-filter-option", { "is-selected": unref(selected), "is-disabled": __props.disabled }]),
+        onClick: withModifiers(click, ["stop"])
+      }, toDisplayString(__props.label || __props.value), 11, _hoisted_1$l);
     };
   }
 });
-var FuFilterConditions = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterConditions.vue"]]);
-const selectKey = Symbol("SelectKey");
-const referenceKey$1 = Symbol("ReferenceKey");
-const _hoisted_1$m = { class: "fu-filter__result" };
-const _hoisted_2$f = { style: { "opacity": "0.6" } };
-const _hoisted_3$d = /* @__PURE__ */ createElementVNode("div", { class: "fu-filter__split" }, null, -1);
-const _hoisted_4$2 = { class: "drawer-body" };
-const _hoisted_5$1 = { class: "drawer-footer" };
-const __default__$s = { name: "FuFilter" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$s), {
+var FuFilterOption = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterOption.vue"]]);
+const _hoisted_1$k = { class: "fu-filter-component" };
+const _hoisted_2$d = { class: "fu-filter-component__label" };
+const _hoisted_3$b = { class: "fu-filter-component__content" };
+const _hoisted_4 = { class: "fu-filter-option" };
+const __default__$r = { name: "FuFilterSelect" };
+const _sfc_main$D = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$r), {
   props: {
     size: {
       type: String,
-      validator: validateSize,
-      required: true
+      validator: validateSize
     },
-    count: {
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    showLimit: {
       type: Number,
-      default: 0
+      default: 3
     },
-    components: Array,
-    drawerWidth: {
-      type: [Number, String],
-      default: "680px"
+    useSelectAll: {
+      type: Boolean,
+      default: false
     },
-    showEmpty: Boolean
+    label: String,
+    field: {
+      type: String,
+      required: true
+    },
+    options: {
+      type: Array,
+      default: []
+    }
   },
-  emits: ["filter"],
+  emits: ["change"],
   setup(__props, { expose, emit }) {
     const props = __props;
-    const { t: t2 } = useLocale();
-    const filterRef = ref(null);
-    const conditionsRef = ref(null);
+    const selection = ref(props.multiple ? [] : "");
     const configSize = useSize();
-    const drawer = ref(true);
-    const scroll = ref(false);
-    const conditions = ref([]);
-    const references = ref([]);
-    let leftTimer, rightTimer;
-    function mouseup() {
-      clearInterval(leftTimer);
-      clearInterval(rightTimer);
-    }
-    function left() {
-      var _a2;
-      let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
-      leftTimer = setInterval(() => {
-        if (el)
-          el.scrollLeft -= 15;
-      }, 50);
-    }
-    function right() {
-      var _a2;
-      let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
-      rightTimer = setInterval(() => {
-        if (el)
-          el.scrollLeft += 15;
-      }, 50);
-    }
-    function change() {
-      nextTick(() => {
-        var _a2;
-        let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
-        scroll.value = el != null && (el == null ? void 0 : el.getBoundingClientRect().width) >= scrollWidth.value;
+    const showOptions = computed(() => {
+      return props.options.filter((o, i) => {
+        let show = props.showLimit < 0 ? true : i < props.showLimit;
+        if (Array.isArray(selection.value)) {
+          return show || selection.value.includes(o.value);
+        } else {
+          return show || selection.value === o.value;
+        }
       });
-      emit("filter", conditions.value);
-    }
-    function setConditions(conditionObj) {
-      conditions.value = [];
-      if (conditionObj) {
-        Object.keys(conditionObj).forEach((key) => {
-          let value = conditionObj[key].value;
-          references.value.forEach((r) => {
-            if (r.field === key) {
-              r.init(value);
-              const condition = r.getCondition();
-              if (condition) {
-                conditions.value.push(condition);
-              }
-            }
-          });
+    });
+    const showMore = computed(() => {
+      var _a2;
+      return ((_a2 = props.options) == null ? void 0 : _a2.length) > props.showLimit && props.showLimit > 0;
+    });
+    const valueLabel = computed(() => {
+      if (Array.isArray(selection.value)) {
+        let values = [];
+        selection.value.forEach((v) => {
+          values.push(getValueLabel(v));
         });
-        change();
+        return values.join(", ");
+      }
+      return getValueLabel(selection.value);
+    });
+    const showSelectAll = computed(() => {
+      return props.useSelectAll && props.multiple;
+    });
+    const { t: t2 } = useLocale();
+    function change(v) {
+      if (showSelectAll.value && (v == null ? void 0 : v.includes("-$SELECT-ALL$-"))) {
+        selection.value = props.options.map((o) => o.value);
       }
+      emit("change", selection.value);
     }
-    function filter() {
-      conditions.value = [];
-      references.value.forEach((r) => {
-        let condition;
-        condition = r.getCondition();
-        if (condition) {
-          conditions.value.push(condition);
-        }
-      });
-      drawer.value = false;
-      change();
+    function setSelected(value, selected) {
+      if (!Array.isArray(selection.value)) {
+        selection.value = selected ? "" : value;
+        return;
+      }
+      if (selected) {
+        let index = selection.value.indexOf(value);
+        selection.value.splice(index, 1);
+      } else {
+        selection.value.push(value);
+      }
     }
-    function open() {
-      drawer.value = true;
+    function selectAll() {
+      selection.value = props.options.map((o) => o.value);
     }
-    function initComponents() {
-      references.value.forEach((r) => {
-        let condition = conditions.value.find((c) => c.field === r.field);
-        r.init(condition == null ? void 0 : condition.value);
-      });
+    function getValueLabel(value) {
+      for (let o of props.options) {
+        if (o.value === value) {
+          return o.label;
+        }
+      }
+      return value;
     }
-    function clear() {
-      conditions.value = [];
-      initComponents();
-      change();
+    function getCondition() {
+      if (!selection.value || Array.isArray(selection.value) && selection.value.length === 0)
+        return;
+      let { field: field2, label } = props;
+      return { field: field2, label, value: selection.value, valueLabel: valueLabel.value };
     }
-    const scrollWidth = computed(() => {
-      const el = filterRef.value;
-      return el === null ? 0 : el.getBoundingClientRect().width - 210;
-    });
-    const show = computed(() => {
-      return conditions.value.length > 0 && props.showEmpty === false || props.showEmpty;
-    });
-    provide(referenceKey$1, references);
-    onMounted(() => {
-      drawer.value = false;
+    function init(v) {
+      selection.value = v !== void 0 ? v : props.multiple ? [] : "";
+    }
+    provide(selectKey, {
+      setSelected,
+      selection
     });
+    const references = inject(referenceKey$1);
+    const field = props.field;
+    const reference = { field, init, getCondition };
+    references == null ? void 0 : references.value.push(reference);
     expose({
-      open,
-      setConditions
+      getCondition,
+      init
     });
     return (_ctx, _cache) => {
-      const _component_ArrowLeftBold = resolveComponent("ArrowLeftBold");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_Plus = resolveComponent("Plus");
       const _component_el_icon = resolveComponent("el-icon");
-      const _component_ArrowRightBold = resolveComponent("ArrowRightBold");
-      const _component_Delete = resolveComponent("Delete");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_drawer = resolveComponent("el-drawer");
-      return openBlock(), createElementBlock(Fragment, null, [
-        withDirectives(createElementVNode("div", {
-          class: "fu-filter",
-          ref_key: "filterRef",
-          ref: filterRef
-        }, [
-          createElementVNode("div", _hoisted_1$m, [
-            createTextVNode(toDisplayString(__props.count) + " ", 1),
-            createElementVNode("span", _hoisted_2$f, toDisplayString(unref(t2)("fu.filter_bar.results")), 1)
-          ]),
-          _hoisted_3$d,
-          scroll.value ? (openBlock(), createElementBlock("div", {
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_2$d, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$b, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showOptions), (o) => {
+            return openBlock(), createBlock(FuFilterOption, {
+              label: o.label,
+              value: o.value,
+              key: o.value
+            }, null, 8, ["label", "value"]);
+          }), 128)),
+          unref(showMore) ? (openBlock(), createBlock(_component_el_popover, {
             key: 0,
-            class: "fu-filter__scroll",
-            onMousedown: left,
-            onMouseup: mouseup
-          }, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_ArrowLeftBold)
-              ]),
-              _: 1
-            })
-          ], 32)) : createCommentVNode("v-if", true),
-          createVNode(FuFilterConditions, {
-            conditions: conditions.value,
-            onChange: change,
-            ref_key: "conditionsRef",
-            ref: conditionsRef
-          }, null, 8, ["conditions"]),
-          scroll.value ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "fu-filter__scroll",
-            onMousedown: right,
-            onMouseup: mouseup
-          }, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_ArrowRightBold)
-              ]),
-              _: 1
-            })
-          ], 32)) : createCommentVNode("v-if", true),
-          conditions.value.length > 0 ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: "fu-filter__clear fu-scale-click",
-            onClick: clear
-          }, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_Delete)
-              ]),
-              _: 1
-            }),
-            createTextVNode(" " + toDisplayString(unref(t2)("fu.filter_bar.clear")), 1)
-          ])) : createCommentVNode("v-if", true)
-        ], 512), [
-          [vShow, unref(show)]
-        ]),
-        createVNode(_component_el_drawer, {
-          size: __props.drawerWidth,
-          class: "fu-filter__drawer",
-          title: unref(t2)("fu.filter_bar.drawer_title"),
-          modelValue: drawer.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => drawer.value = $event),
-          onOpen: initComponents
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_4$2, [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.components, (c, i) => {
-                  return openBlock(), createBlock(resolveDynamicComponent(c.component), mergeProps({ key: i }, c, { size: unref(configSize) }), null, 16, ["size"]);
-                }), 128))
-              ])
-            ]),
-            createElementVNode("div", _hoisted_5$1, [
-              renderSlot(_ctx.$slots, "footer", {}, () => [
-                createVNode(_component_el_button, {
-                  size: __props.size,
-                  onClick: _cache[0] || (_cache[0] = ($event) => drawer.value = false)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t2)("fu.filter_bar.cancel")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["size"]),
-                createVNode(_component_el_button, {
-                  size: __props.size,
-                  type: "primary",
-                  onClick: filter
-                }, {
+            "popper-class": "fu-filter-component-popover",
+            "show-arrow": false,
+            placement: "bottom-start",
+            trigger: "click",
+            width: "240"
+          }, {
+            reference: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_component_el_icon, null, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t2)("fu.filter_bar.search")), 1)
+                    createVNode(_component_Plus)
                   ]),
                   _: 1
-                }, 8, ["size"])
+                }),
+                createTextVNode(" " + toDisplayString(unref(t2)("fu.filter_bar.more")), 1)
               ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["size", "title", "modelValue"])
-      ], 64);
-    };
-  }
-}));
-var FuFilter = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilter.vue"]]);
-const _hoisted_1$l = { class: "fu-filter-bar" };
-const _hoisted_2$e = { class: "fu-filter-bar__top" };
-const _hoisted_3$c = { class: "top_left" };
-const _hoisted_4$1 = { class: "top_right" };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { class: "fu-filter-bar__bottom" };
-const __default__$r = { name: "FuFilterBar" };
-const _sfc_main$y = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$r), {
-  props: {
-    size: {
-      type: String,
-      validator: validateSize
-    },
-    resultCount: Number,
-    quickPlaceholder: String,
-    components: Array,
-    showEmpty: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["exec"],
-  setup(__props, { expose, emit }) {
-    const { t: t2 } = useLocale();
-    const configSize = useSize();
-    const quick = ref("");
-    const conditions = ref([]);
-    const filterRef = ref();
-    function open() {
-      var _a2;
-      (_a2 = filterRef.value) == null ? void 0 : _a2.open();
-    }
-    function change() {
-      emit("exec", conditionObj.value);
-    }
-    function filter(c) {
-      conditions.value = c;
-      emit("exec", conditionObj.value);
-    }
-    function setConditions(conditionObj2) {
-      var _a2;
-      if (conditionObj2.quick) {
-        quick.value = conditionObj2.quick;
-      }
-      (_a2 = filterRef.value) == null ? void 0 : _a2.setConditions(conditionObj2);
-    }
-    const conditionObj = computed(() => {
-      let obj = {};
-      if (quick.value) {
-        obj.quick = quick.value;
-      }
-      conditions.value.forEach((c) => {
-        obj[c.field] = c;
-      });
-      return obj;
-    });
-    expose({
-      setConditions,
-      open
-    });
-    return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        createElementVNode("div", _hoisted_2$e, [
-          createElementVNode("div", _hoisted_3$c, [
-            renderSlot(_ctx.$slots, "tl")
-          ]),
-          createElementVNode("div", _hoisted_4$1, [
-            renderSlot(_ctx.$slots, "tr", { condition: unref(conditionObj) }, () => [
-              createVNode(FuFilterInput, {
-                size: unref(configSize),
-                modelValue: quick.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
-                placeholder: __props.quickPlaceholder,
-                onChange: change
-              }, null, 8, ["size", "modelValue", "placeholder"])
             ]),
-            createVNode(_component_el_button, {
-              class: "fu-filter-button",
-              onClick: open,
-              icon: "Filter",
-              size: unref(configSize)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t2)("fu.filter_bar.filter")) + " ", 1),
-                conditions.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_5, "(" + toDisplayString(conditions.value.length) + ")", 1)) : createCommentVNode("v-if", true)
-              ]),
-              _: 1
-            }, 8, ["size"]),
-            renderSlot(_ctx.$slots, "buttons")
-          ])
-        ]),
-        createElementVNode("div", _hoisted_6, [
-          createVNode(FuFilter, {
-            ref_key: "filterRef",
-            ref: filterRef,
-            onFilter: filter,
-            count: __props.resultCount,
-            components: __props.components,
-            size: unref(configSize),
-            "show-empty": __props.showEmpty
-          }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              createVNode(_component_el_select, mergeProps({
+                modelValue: selection.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event)
+              }, _ctx.$attrs, {
+                multiple: __props.multiple,
+                onChange: change,
+                teleported: false,
+                size: unref(configSize),
+                placeholder: unref(t2)("fu.search_bar.please_select")
+              }), {
+                default: withCtx(() => [
+                  unref(showSelectAll) ? (openBlock(), createBlock(_component_el_option, {
+                    key: 0,
+                    value: "-$SELECT-ALL$-"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", { onClick: selectAll }, toDisplayString(unref(t2)("fu.filter_bar.select_all")), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (o) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      label: o.label,
+                      value: o.value,
+                      key: o.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 16, ["modelValue", "multiple", "size", "placeholder"])
             ]),
-            _: 3
-          }, 8, ["count", "components", "size", "show-empty"])
+            _: 1
+          })) : createCommentVNode("v-if", true)
         ])
       ]);
     };
   }
 }));
-var FuFilterBar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/FuFilterBar.vue"]]);
-const _hoisted_1$k = ["onClick"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "FuFilterOption",
-  props: {
-    value: {
-      type: [String, Number, Boolean, Object],
-      required: true
-    },
-    label: [String, Number],
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const select = inject(selectKey);
-    const selected = computed(() => {
-      if (!select)
-        return false;
-      if (Array.isArray(select.selection.value)) {
-        return select.selection.value.includes(props.value);
-      } else {
-        return select.selection.value === props.value;
-      }
-    });
-    function click() {
-      select == null ? void 0 : select.setSelected(props.value, selected.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["fu-filter-option", { "is-selected": unref(selected), "is-disabled": __props.disabled }]),
-        onClick: withModifiers(click, ["stop"])
-      }, toDisplayString(__props.label || __props.value), 11, _hoisted_1$k);
-    };
-  }
-});
-var FuFilterOption = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterOption.vue"]]);
+var FuFilterSelect = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterSelect.vue"]]);
 const _hoisted_1$j = { class: "fu-filter-component" };
-const _hoisted_2$d = { class: "fu-filter-component__label" };
-const _hoisted_3$b = { class: "fu-filter-component__content" };
-const _hoisted_4 = { class: "fu-filter-option" };
-const __default__$q = { name: "FuFilterSelect" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$q), {
+const _hoisted_2$c = { class: "fu-filter-component__label" };
+const _hoisted_3$a = { class: "fu-filter-component__content" };
+const __default__$q = { name: "FuFilterNormalSelect" };
+const _sfc_main$C = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$q), {
   props: {
     size: {
       type: String,
@@ -1529,10 +1248,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       type: Boolean,
       default: false
     },
-    showLimit: {
-      type: Number,
-      default: 3
-    },
     useSelectAll: {
       type: Boolean,
       default: false
@@ -1552,20 +1267,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const props = __props;
     const selection = ref(props.multiple ? [] : "");
     const configSize = useSize();
-    const showOptions = computed(() => {
-      return props.options.filter((o, i) => {
-        let show = props.showLimit < 0 ? true : i < props.showLimit;
-        if (Array.isArray(selection.value)) {
-          return show || selection.value.includes(o.value);
-        } else {
-          return show || selection.value === o.value;
-        }
-      });
-    });
-    const showMore = computed(() => {
-      var _a2;
-      return ((_a2 = props.options) == null ? void 0 : _a2.length) > props.showLimit && props.showLimit > 0;
-    });
     const valueLabel = computed(() => {
       if (Array.isArray(selection.value)) {
         let values = [];
@@ -1633,197 +1334,25 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      const _component_Plus = resolveComponent("Plus");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_popover = resolveComponent("el-popover");
       return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createElementVNode("div", _hoisted_2$d, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$b, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showOptions), (o) => {
-            return openBlock(), createBlock(FuFilterOption, {
-              label: o.label,
-              value: o.value,
-              key: o.value
-            }, null, 8, ["label", "value"]);
-          }), 128)),
-          unref(showMore) ? (openBlock(), createBlock(_component_el_popover, {
-            key: 0,
-            "popper-class": "fu-filter-component-popover",
-            "show-arrow": false,
-            placement: "bottom-start",
-            trigger: "click",
-            width: "240"
-          }, {
-            reference: withCtx(() => [
-              createElementVNode("div", _hoisted_4, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(_component_Plus)
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" " + toDisplayString(unref(t2)("fu.filter_bar.more")), 1)
-              ])
-            ]),
+        createElementVNode("div", _hoisted_2$c, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$a, [
+          createVNode(_component_el_select, mergeProps({
+            modelValue: selection.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event)
+          }, _ctx.$attrs, {
+            multiple: __props.multiple,
+            onChange: change,
+            teleported: false,
+            size: unref(configSize),
+            placeholder: unref(t2)("fu.search_bar.please_select"),
+            class: "fu-filter-select"
+          }), {
             default: withCtx(() => [
-              createVNode(_component_el_select, mergeProps({
-                modelValue: selection.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event)
-              }, _ctx.$attrs, {
-                multiple: __props.multiple,
-                onChange: change,
-                teleported: false,
-                size: unref(configSize),
-                placeholder: unref(t2)("fu.search_bar.please_select")
-              }), {
-                default: withCtx(() => [
-                  unref(showSelectAll) ? (openBlock(), createBlock(_component_el_option, {
-                    key: 0,
-                    value: "-$SELECT-ALL$-"
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", { onClick: selectAll }, toDisplayString(unref(t2)("fu.filter_bar.select_all")), 1)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("v-if", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (o) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      label: o.label,
-                      value: o.value,
-                      key: o.value
-                    }, null, 8, ["label", "value"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 16, ["modelValue", "multiple", "size", "placeholder"])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ])
-      ]);
-    };
-  }
-}));
-var FuFilterSelect = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterSelect.vue"]]);
-const _hoisted_1$i = { class: "fu-filter-component" };
-const _hoisted_2$c = { class: "fu-filter-component__label" };
-const _hoisted_3$a = { class: "fu-filter-component__content" };
-const __default__$p = { name: "FuFilterNormalSelect" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$p), {
-  props: {
-    size: {
-      type: String,
-      validator: validateSize
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    useSelectAll: {
-      type: Boolean,
-      default: false
-    },
-    label: String,
-    field: {
-      type: String,
-      required: true
-    },
-    options: {
-      type: Array,
-      default: []
-    }
-  },
-  emits: ["change"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const selection = ref(props.multiple ? [] : "");
-    const configSize = useSize();
-    const valueLabel = computed(() => {
-      if (Array.isArray(selection.value)) {
-        let values = [];
-        selection.value.forEach((v) => {
-          values.push(getValueLabel(v));
-        });
-        return values.join(", ");
-      }
-      return getValueLabel(selection.value);
-    });
-    const showSelectAll = computed(() => {
-      return props.useSelectAll && props.multiple;
-    });
-    const { t: t2 } = useLocale();
-    function change(v) {
-      if (showSelectAll.value && (v == null ? void 0 : v.includes("-$SELECT-ALL$-"))) {
-        selection.value = props.options.map((o) => o.value);
-      }
-      emit("change", selection.value);
-    }
-    function setSelected(value, selected) {
-      if (!Array.isArray(selection.value)) {
-        selection.value = selected ? "" : value;
-        return;
-      }
-      if (selected) {
-        let index = selection.value.indexOf(value);
-        selection.value.splice(index, 1);
-      } else {
-        selection.value.push(value);
-      }
-    }
-    function selectAll() {
-      selection.value = props.options.map((o) => o.value);
-    }
-    function getValueLabel(value) {
-      for (let o of props.options) {
-        if (o.value === value) {
-          return o.label;
-        }
-      }
-      return value;
-    }
-    function getCondition() {
-      if (!selection.value || Array.isArray(selection.value) && selection.value.length === 0)
-        return;
-      let { field: field2, label } = props;
-      return { field: field2, label, value: selection.value, valueLabel: valueLabel.value };
-    }
-    function init(v) {
-      selection.value = v !== void 0 ? v : props.multiple ? [] : "";
-    }
-    provide(selectKey, {
-      setSelected,
-      selection
-    });
-    const references = inject(referenceKey$1);
-    const field = props.field;
-    const reference = { field, init, getCondition };
-    references == null ? void 0 : references.value.push(reference);
-    expose({
-      getCondition,
-      init
-    });
-    return (_ctx, _cache) => {
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createElementVNode("div", _hoisted_2$c, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$a, [
-          createVNode(_component_el_select, mergeProps({
-            modelValue: selection.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event)
-          }, _ctx.$attrs, {
-            multiple: __props.multiple,
-            onChange: change,
-            teleported: false,
-            size: unref(configSize),
-            placeholder: unref(t2)("fu.search_bar.please_select"),
-            class: "fu-filter-select"
-          }), {
-            default: withCtx(() => [
-              unref(showSelectAll) ? (openBlock(), createBlock(_component_el_option, {
-                key: 0,
-                value: "-$SELECT-ALL$-"
-              }, {
+              unref(showSelectAll) ? (openBlock(), createBlock(_component_el_option, {
+                key: 0,
+                value: "-$SELECT-ALL$-"
+              }, {
                 default: withCtx(() => [
                   createElementVNode("div", { onClick: selectAll }, toDisplayString(unref(t2)("fu.filter_bar.select_all")), 1)
                 ]),
@@ -1844,7 +1373,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterNormalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterNormalSelect.vue"]]);
+var FuFilterNormalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterNormalSelect.vue"]]);
 const getCheckDate = (timestamp) => {
   if (!timestamp)
     return false;
@@ -1874,11 +1403,11 @@ const dateFormat = (timestamp) => {
   const d = (dt.getDate() + "").padStart(2, "0");
   return `${y}-${m}-${d}`;
 };
-const _hoisted_1$h = { class: "fu-filter-component" };
+const _hoisted_1$i = { class: "fu-filter-component" };
 const _hoisted_2$b = { class: "fu-filter-component__label" };
 const _hoisted_3$9 = { class: "fu-filter-component__content" };
-const __default__$o = { name: "FuFilterDate" };
-const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$o), {
+const __default__$p = { name: "FuFilterDate" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$p), {
   props: {
     size: {
       type: String,
@@ -1921,7 +1450,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("div", _hoisted_2$b, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$9, [
           createCommentVNode("configSize"),
@@ -1942,12 +1471,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDate.vue"]]);
-const _hoisted_1$g = { class: "fu-filter-component" };
+var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDate.vue"]]);
+const _hoisted_1$h = { class: "fu-filter-component" };
 const _hoisted_2$a = { class: "fu-filter-component__label" };
 const _hoisted_3$8 = { class: "fu-filter-component__content" };
-const __default__$n = { name: "FuFilterDateTime" };
-const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$n), {
+const __default__$o = { name: "FuFilterDateTime" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$o), {
   props: {
     size: {
       type: String,
@@ -1990,7 +1519,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createElementVNode("div", _hoisted_2$a, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$8, [
           createCommentVNode(' :size="configSize"  '),
@@ -2011,12 +1540,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDateTime.vue"]]);
-const _hoisted_1$f = { class: "fu-filter-component" };
+var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDateTime.vue"]]);
+const _hoisted_1$g = { class: "fu-filter-component" };
 const _hoisted_2$9 = { class: "fu-filter-component__label" };
 const _hoisted_3$7 = { class: "fu-filter-component__content" };
-const __default__$m = { name: "FuFilterInputText" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$m), {
+const __default__$n = { name: "FuFilterInputText" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$n), {
   props: {
     size: {
       type: String,
@@ -2052,7 +1581,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createElementVNode("div", _hoisted_2$9, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$7, [
           createVNode(_component_el_input, mergeProps({
@@ -2065,7 +1594,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterInputText = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterInputText.vue"]]);
+var FuFilterInputText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterInputText.vue"]]);
 FuFilterBar.install = (app) => {
   app.component(FuFilterBar.name, FuFilterBar);
   app.component(FuFilter.name, FuFilter);
@@ -2076,7 +1605,7 @@ FuFilterBar.install = (app) => {
   app.component(FuFilterDateTime.name, FuFilterDateTime);
   app.component(FuFilterInputText.name, FuFilterInputText);
 };
-var __glob_2_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuFilterBar
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2090,9 +1619,9 @@ const validateType = (value) => {
   console.error("types is not contains " + value);
   return false;
 };
-const _hoisted_1$e = ["tabindex"];
-const __default__$l = { name: "FuIconButton" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$l), {
+const _hoisted_1$f = ["tabindex"];
+const __default__$m = { name: "FuIconButton" };
+const _sfc_main$y = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$m), {
   props: {
     name: String,
     size: {
@@ -2141,15 +1670,15 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             _: 1
           }, 8, ["color", "size", "class"])
         ])
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 }));
-var FuIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/icon-button/FuIconButton.vue"]]);
+var FuIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/icon-button/FuIconButton.vue"]]);
 FuIconButton.install = (app) => {
   app.component(FuIconButton.name, FuIconButton);
 };
-var __glob_2_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuIconButton
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2169,7 +1698,7 @@ const uuid = function() {
   });
 };
 const TRIGGERS = ["manual", "onClick", "onDblclick"];
-const _sfc_main$q = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "FuReadWriteSwitch",
   props: {
     modelValue: Boolean,
@@ -2237,9 +1766,9 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/read-write-switch/FuReadWriteSwitch.vue"]]);
-const __default__$k = { name: "FuInputRwSwitch" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$k), {
+var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/read-write-switch/FuReadWriteSwitch.vue"]]);
+const __default__$l = { name: "FuInputRwSwitch" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$l), {
   props: {
     modelValue: [String, Number],
     writeTrigger: {
@@ -2290,9 +1819,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/read-write-switch/FuInputRwSwitch.vue"]]);
-const __default__$j = { name: "FuSelectRwSwitch" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$j), {
+var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/read-write-switch/FuInputRwSwitch.vue"]]);
+const __default__$k = { name: "FuSelectRwSwitch" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$k), {
   props: {
     modelValue: [String, Number],
     options: {
@@ -2374,19 +1903,19 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/read-write-switch/FuSelectRwSwitch.vue"]]);
+var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/read-write-switch/FuSelectRwSwitch.vue"]]);
 FuReadWriteSwitch.install = (app) => {
   app.component(FuReadWriteSwitch.name, FuReadWriteSwitch);
   app.component(FuInputRwSwitch.name, FuInputRwSwitch);
   app.component(FuSelectRwSwitch.name, FuSelectRwSwitch);
 };
-var __glob_2_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuReadWriteSwitch
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$d = ["placeholder"];
-const __default__$i = { name: "FuQuickSearch" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$i), {
+const _hoisted_1$e = ["placeholder"];
+const __default__$j = { name: "FuQuickSearch" };
+const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$j), {
   props: {
     size: {
       type: String,
@@ -2445,7 +1974,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             onBlur: blur,
             onFocus: focus,
             onKeydown: keydown
-          }, null, 40, _hoisted_1$d), [
+          }, null, 40, _hoisted_1$e), [
             [vModelText, unref(value)]
           ])
         ])
@@ -2453,13 +1982,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuQuickSearch = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuQuickSearch.vue"]]);
+var FuQuickSearch = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuQuickSearch.vue"]]);
 const referenceKey = Symbol("ReferenceKey");
-const _hoisted_1$c = { class: "fu-complex-components" };
+const _hoisted_1$d = { class: "fu-complex-components" };
 const _hoisted_2$8 = { class: "fu-complex-components__body" };
 const _hoisted_3$6 = { class: "fu-complex-components__footer" };
-const __default__$h = { name: "FuComplexSearch" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$h), {
+const __default__$i = { name: "FuComplexSearch" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$i), {
   props: {
     size: {
       type: String,
@@ -2546,7 +2075,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$c, [
+          createElementVNode("div", _hoisted_1$d, [
             createElementVNode("div", _hoisted_2$8, [
               renderSlot(_ctx.$slots, "default", {}, () => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.components, (c) => {
@@ -2582,9 +2111,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuComplexSearch = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuComplexSearch.vue"]]);
-const __default__$g = { name: "FuSearchBarButton" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$g), {
+var FuComplexSearch = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuComplexSearch.vue"]]);
+const __default__$h = { name: "FuSearchBarButton" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$h), {
   props: {
     size: {
       type: String,
@@ -2613,12 +2142,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSearchBarButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuSearchBarButton.vue"]]);
-const _hoisted_1$b = { class: "fu-search-conditions__item" };
+var FuSearchBarButton = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuSearchBarButton.vue"]]);
+const _hoisted_1$c = { class: "fu-search-conditions__item" };
 const _hoisted_2$7 = { key: 0 };
 const _hoisted_3$5 = { class: "condition-value" };
-const __default__$f = { name: "FuSearchConditions" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$f), {
+const __default__$g = { name: "FuSearchConditions" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$g), {
   props: {
     size: {
       type: String,
@@ -2644,7 +2173,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         class: normalizeClass(["fu-search-conditions", "fu-search-conditions--" + unref(configSize)])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index) => {
-          return openBlock(), createElementBlock("div", _hoisted_1$b, [
+          return openBlock(), createElementBlock("div", _hoisted_1$c, [
             condition.label ? (openBlock(), createElementBlock("div", _hoisted_2$7, toDisplayString(condition.label), 1)) : createCommentVNode("v-if", true),
             createElementVNode("div", _hoisted_3$5, toDisplayString(condition.valueLabel), 1),
             createVNode(_component_el_icon, {
@@ -2662,12 +2191,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSearchConditions = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuSearchContions.vue"]]);
-const _hoisted_1$a = { class: "fu-search-bar" };
+var FuSearchConditions = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuSearchContions.vue"]]);
+const _hoisted_1$b = { class: "fu-search-bar" };
 const _hoisted_2$6 = { class: "fu-search-bar__content" };
 const _hoisted_3$4 = { class: "fu-search-bar__buttons" };
-const __default__$e = { name: "FuSearchBar" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$e), {
+const __default__$f = { name: "FuSearchBar" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$f), {
   props: {
     size: useSizeProp,
     quickKey: {
@@ -2771,7 +2300,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       setConditions
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", _hoisted_2$6, [
           createVNode(FuComplexSearch, {
             ref_key: "complexRef",
@@ -2825,12 +2354,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuSearchBar.vue"]]);
-const _hoisted_1$9 = { class: "fu-complex-component" };
+var FuSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/FuSearchBar.vue"]]);
+const _hoisted_1$a = { class: "fu-complex-component" };
 const _hoisted_2$5 = { class: "fu-complex-component__label" };
 const _hoisted_3$3 = { class: "fu-complex-component__content" };
-const __default__$d = { name: "FuComplexSelect" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$d), {
+const __default__$e = { name: "FuComplexSelect" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$e), {
   props: {
     size: {
       type: String,
@@ -2895,7 +2424,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", _hoisted_2$5, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$3, [
           createVNode(_component_el_select, mergeProps({
@@ -2921,12 +2450,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuComplexSelect = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexSelect.vue"]]);
-const _hoisted_1$8 = { class: "fu-complex-component" };
+var FuComplexSelect = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexSelect.vue"]]);
+const _hoisted_1$9 = { class: "fu-complex-component" };
 const _hoisted_2$4 = { class: "fu-complex-component__label" };
 const _hoisted_3$2 = { class: "fu-complex-component__content" };
-const __default__$c = { name: "FuComplexInput" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$c), {
+const __default__$d = { name: "FuComplexInput" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$d), {
   props: {
     size: {
       type: String,
@@ -2964,7 +2493,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", _hoisted_2$4, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$2, [
           createVNode(_component_el_input, mergeProps({
@@ -2978,12 +2507,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuComplexInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexInput.vue"]]);
-const _hoisted_1$7 = { class: "fu-complex-component" };
+var FuComplexInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexInput.vue"]]);
+const _hoisted_1$8 = { class: "fu-complex-component" };
 const _hoisted_2$3 = { class: "fu-complex-component__label" };
 const _hoisted_3$1 = { class: "fu-complex-component__content" };
-const __default__$b = { name: "FuComplexDate" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
+const __default__$c = { name: "FuComplexDate" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$c), {
   props: {
     size: {
       type: String,
@@ -3026,7 +2555,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$1, [
           createVNode(_component_el_date_picker, mergeProps({
@@ -3046,12 +2575,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuComplexDate = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexDate.vue"]]);
-const _hoisted_1$6 = { class: "fu-complex-component" };
+var FuComplexDate = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexDate.vue"]]);
+const _hoisted_1$7 = { class: "fu-complex-component" };
 const _hoisted_2$2 = { class: "fu-complex-component__label" };
 const _hoisted_3 = { class: "fu-complex-component__content" };
-const __default__$a = { name: "FuComplexDateTime" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
+const __default__$b = { name: "FuComplexDateTime" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
   props: {
     size: {
       type: String,
@@ -3094,7 +2623,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", _hoisted_2$2, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3, [
           createCommentVNode(' :size="configSize"  '),
@@ -3115,7 +2644,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuComplexDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexDateTime.vue"]]);
+var FuComplexDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexDateTime.vue"]]);
 FuSearchBar.install = (app) => {
   app.component(FuQuickSearch.name, FuQuickSearch);
   app.component(FuSearchBar.name, FuSearchBar);
@@ -3125,7 +2654,7 @@ FuSearchBar.install = (app) => {
   app.component(FuComplexDate.name, FuComplexDate);
   app.component(FuComplexDateTime.name, FuComplexDateTime);
 };
-var __glob_2_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSearchBar
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3205,7 +2734,7 @@ const ClickOutside = {
     nodeList.delete(el);
   }
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FuSpeedDialButton",
   props: {
     type: {
@@ -3259,10 +2788,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FuSpeedDialButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialButton.vue"]]);
+var FuSpeedDialButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialButton.vue"]]);
 const SpeedDialKey = Symbol("SpeedDialKey");
-const _hoisted_1$5 = { class: "fu-speed-dial-action-button" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "fu-speed-dial-action-button" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FuSpeedDialActionButton",
   props: {
     index: Number,
@@ -3327,7 +2856,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       speedDialKey == null ? void 0 : speedDialKey.close();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         __props.title ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "fu-speed-dial-action-button__title",
@@ -3351,9 +2880,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FuSpeedDialActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialActionButton.vue"]]);
-const __default__$9 = { name: "FuSpeedDialItem" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
+var FuSpeedDialActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialActionButton.vue"]]);
+const __default__$a = { name: "FuSpeedDialItem" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
   props: {
     index: {
       type: Number,
@@ -3442,10 +2971,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSpeedDialItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialItem.vue"]]);
-const _hoisted_1$4 = { class: "fu-speed-dial__content" };
-const __default__$8 = { name: "FuSpeedDial" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
+var FuSpeedDialItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialItem.vue"]]);
+const _hoisted_1$5 = { class: "fu-speed-dial__content" };
+const __default__$9 = { name: "FuSpeedDial" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
   props: {
     modelValue: Boolean,
     id: String,
@@ -3684,7 +3213,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         class: "fu-speed-dial",
         style: normalizeStyle(style.value)
       }, [
-        createElementVNode("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_1$5, [
           renderSlot(_ctx.$slots, "fab", {}, () => [
             createVNode(FuSpeedDialButton, mergeProps(unref(buttonProps), {
               onClick: click,
@@ -3712,21 +3241,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSpeedDial = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDial.vue"]]);
+var FuSpeedDial = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDial.vue"]]);
 FuSpeedDial.install = (app) => {
   app.component(FuSpeedDial.name, FuSpeedDial);
   app.component(FuSpeedDialItem.name, FuSpeedDialItem);
 };
-var __glob_2_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSpeedDial
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "icon"
 };
-const __default__$7 = { name: "FuSplitPane" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
+const __default__$8 = { name: "FuSplitPane" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
   props: {
     min: {
       type: [Number, String],
@@ -3813,128 +3342,599 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const saveKey = computed(() => {
       return "Fu-SP-" + props.localKey;
     });
-    const resizerClasses = computed(() => {
-      const classes = [
-        `fu-split-pane__${props.resizerType}`,
-        `is-${props.direction}`,
-        props.resizable && "is-resizable",
-        props.resizerClass,
-        hover.value && (props.resizerHoverClass || "hover")
-      ];
-      return classes;
+    const resizerClasses = computed(() => {
+      const classes = [
+        `fu-split-pane__${props.resizerType}`,
+        `is-${props.direction}`,
+        props.resizable && "is-resizable",
+        props.resizerClass,
+        hover.value && (props.resizerHoverClass || "hover")
+      ];
+      return classes;
+    });
+    const padding = computed(() => {
+      return props.resizerType === "resizer" && isHorizontal.value && "3px";
+    });
+    function onMouseDown(e) {
+      initOffset.value = isHorizontal.value ? e.pageX : e.pageY;
+      oldValue.value = usedValue.value;
+      active.value = true;
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    }
+    function onMouseUp() {
+      active.value = false;
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+      emit("changeSplit", usedValue.value);
+    }
+    function onMouseMove(e) {
+      if (!props.resizable)
+        return;
+      if (active.value) {
+        const currentPage = isHorizontal.value ? e.pageX : e.pageY;
+        const offset = currentPage - initOffset.value;
+        const value = isReverse.value ? oldValue.value - offset : oldValue.value + offset;
+        if (value > percentToValue(props.min) && value < outerWrapperSize.value - percentToValue(props.min)) {
+          usedValue.value = value;
+          writeValue();
+        }
+      }
+    }
+    function percentToValue(val) {
+      const size = instance.refs.outerWrapper[offsetSize.value];
+      if (typeof val === "string" && val.includes("%")) {
+        return parseInt(val) / 100 * size;
+      } else {
+        return parseInt(val);
+      }
+    }
+    function getMin(val) {
+      return val < percentToValue(props.min) ? percentToValue(props.min) : val;
+    }
+    function writeValue() {
+      const obj = {
+        [resizerAttr.value]: usedValue.value
+      };
+      if (props.localKey) {
+        localStorage.setItem(saveKey.value, JSON.stringify(obj));
+      }
+    }
+    function readValue() {
+      if (props.localKey) {
+        const local = localStorage.getItem(saveKey.value);
+        if (local && local[resizerAttr.value]) {
+          usedValue.value = parseInt(local) || defaultValue.value;
+        } else {
+          usedValue.value = defaultValue.value;
+        }
+      } else {
+        usedValue.value = defaultValue.value;
+      }
+    }
+    onMounted(() => {
+      readValue();
+    });
+    return (_ctx, _cache) => {
+      const _component_MoreFilled = resolveComponent("MoreFilled");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({ cursor: unref(cursor), userSelect: unref(userSelect) }),
+        class: "fu-split-pane",
+        ref: "outerWrapper"
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([`is-${__props.direction}`, "fu-split-pane__left"]),
+          style: normalizeStyle({ [unref(attr)]: unref(isReverse) ? unref(valueAnother) : `${usedValue.value}px`, "padding-right": unref(padding) })
+        }, [
+          renderSlot(_ctx.$slots, unref(isHorizontal) ? "left" : "top")
+        ], 6),
+        createElementVNode("div", {
+          class: normalizeClass(unref(resizerClasses)),
+          style: normalizeStyle(__spreadValues({ [unref(resizerAttr)]: `${usedValue.value}px` }, __props.resizerStyle)),
+          onMousedown: onMouseDown,
+          onMouseover: _cache[0] || (_cache[0] = ($event) => hover.value = true),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => hover.value = false)
+        }, [
+          __props.resizerType === "resizer" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+            renderSlot(_ctx.$slots, "resizer", {}, () => [
+              createVNode(_component_el_icon, { size: 10 }, {
+                default: withCtx(() => [
+                  createVNode(_component_MoreFilled)
+                ]),
+                _: 1
+              })
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ], 38),
+        createElementVNode("div", {
+          class: normalizeClass([`is-${__props.direction}`, "fu-split-pane__right"]),
+          style: normalizeStyle({ [unref(attr)]: unref(isReverse) ? `${usedValue.value}px` : unref(valueAnother), "padding-left": unref(padding) })
+        }, [
+          renderSlot(_ctx.$slots, unref(isHorizontal) ? "right" : "bottom")
+        ], 6)
+      ], 4);
+    };
+  }
+}));
+var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/split-pane/FuSplitPane.vue"]]);
+FuSplitPane.install = (app) => {
+  app.component(FuSplitPane.name, FuSplitPane);
+};
+var __glob_2_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": FuSplitPane
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "FuHorizontalNavigation",
+  props: {
+    stepper: Object,
+    steps: Array,
+    disable: Function
+  },
+  emits: ["active"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const active = computed(() => {
+      return props.stepper.index;
+    });
+    function click(index) {
+      !props.disable(index) && emit("active", index);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_step = resolveComponent("el-step");
+      const _component_el_steps = resolveComponent("el-steps");
+      return openBlock(), createBlock(_component_el_steps, mergeProps({ active: unref(active) }, __props.stepper), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, index) => {
+            return openBlock(), createBlock(_component_el_step, mergeProps({ key: index }, step, {
+              onClick: ($event) => click(index),
+              class: __props.disable(index) && "fu-step--disable"
+            }), null, 16, ["onClick", "class"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["active"]);
+    };
+  }
+});
+var FuHorizontalNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuHorizontalNavigation.vue"]]);
+const _sfc_main$f = {};
+function _sfc_render(_ctx, _cache) {
+  const _component_el_button = resolveComponent("el-button");
+  return openBlock(), createBlock(_component_el_button, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+var FuStepButton = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render], ["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuStepButton.vue"]]);
+var FuStepsFooter = defineComponent({
+  name: "FuStepsFooter",
+  components: {
+    FuStepButton
+  },
+  emits: ["stepperFn"],
+  setup(props, { emit }) {
+    const stepper = inject("stepper");
+    const disabledButton = ref(false);
+    const isFirst = computed(() => {
+      return stepper.isFirst(stepper.index);
+    });
+    const isLast = computed(() => {
+      return stepper.isLast(stepper.index);
+    });
+    const showCancel = computed(() => {
+      return stepper.showCancel !== false;
+    });
+    const disabled = computed(() => {
+      return (stepper == null ? void 0 : stepper.isLoading) || disabledButton.value;
+    });
+    function clickHandle(fnName) {
+      stepper[fnName] ? stepper[fnName]() : emit("stepperFn", fnName);
+      disabledButton.value = true;
+      setTimeout(() => {
+        disabledButton.value = false;
+      }, 500);
+    }
+    const button = (value) => {
+      return h(FuStepButton, {
+        disabled: disabled.value,
+        size: stepper.buttonSize,
+        onClick: () => clickHandle(value)
+      }, () => stepper[`${value}ButtonText`]);
+    };
+    return () => h("div", {
+      class: `fu-steps__footer--${stepper.footerAlign}`
+    }, [
+      h("div", {
+        class: "fu-steps__footer--block",
+        style: "margin-right:10px"
+      }, [showCancel.value && button("onCancel")]),
+      h("div", {
+        class: "fu-steps__footer--block"
+      }, [
+        !isFirst.value && button("prev"),
+        isLast.value ? button("onFinish") : button("next")
+      ])
+    ]);
+  }
+});
+const { t } = useLocale();
+class Stepper {
+  constructor(options) {
+    __publicField(this, "steps");
+    __publicField(this, "index");
+    __publicField(this, "activeSet");
+    __publicField(this, "isLoading");
+    __publicField(this, "onCancelButtonText");
+    __publicField(this, "onFinishButtonText");
+    __publicField(this, "prevButtonText");
+    __publicField(this, "nextButtonText");
+    __publicField(this, "buttonSize");
+    __publicField(this, "footerAlign");
+    __publicField(this, "showCancel");
+    __publicField(this, "beforeActive");
+    __publicField(this, "beforeLeave");
+    __publicField(this, "height");
+    options = options || {};
+    this.steps = options.steps;
+    this.index = options.index === void 0 ? 0 : options.index;
+    this.activeSet = /* @__PURE__ */ new Set();
+    this.isLoading = (options == null ? void 0 : options.isLoading) || false;
+    this.onCancelButtonText = options.onCancelButtonText || t("fu.steps.cancel");
+    this.onFinishButtonText = options.onFinishButtonText || t("fu.steps.finish");
+    this.prevButtonText = options.prevButtonText || t("fu.steps.prev");
+    this.nextButtonText = options.nextButtonText || t("fu.steps.next");
+    this.buttonSize = options.buttonSize || "default";
+    this.footerAlign = options.footerAlign || "flex";
+    this.showCancel = options.showCancel === void 0 ? false : options.showCancel;
+    this.beforeActive = options.beforeActive;
+    this.beforeLeave = options.beforeLeave;
+    this.height = options.height;
+  }
+  isFirst(index) {
+    return index === 0;
+  }
+  isLast(index) {
+    return index === this.steps.length - 1;
+  }
+  isActive(index) {
+    return this.activeSet.has(index);
+  }
+  isCurrent(index) {
+    return this.index === index;
+  }
+  async active(index) {
+    const isValid = index >= 0 && index < this.steps.length && this.index !== index;
+    const forward = index > this.index;
+    if (isValid) {
+      if (await this.executeBeforeLeave(this.index, forward) !== false) {
+        if (await this.executeBeforeActive(index, forward) !== false) {
+          this.index = index;
+          this.activeSet.add(index);
+        }
+      }
+    }
+  }
+  next() {
+    if (!this.isLast(this.index)) {
+      this.active(this.index + 1);
+    }
+  }
+  prev() {
+    if (!this.isFirst(this.index)) {
+      this.active(this.index - 1);
+    }
+  }
+  getStep(index) {
+    if (this.steps && this.steps.length > index) {
+      return this.steps[index];
+    }
+  }
+  executeBeforeLeave(index, forward) {
+    const step = this.getStep(index);
+    if (step.beforeLeave) {
+      return step.beforeLeave(step, forward);
+    }
+    if (this.beforeLeave) {
+      return this.beforeLeave(step, forward);
+    }
+  }
+  executeBeforeActive(index, forward) {
+    const step = this.getStep(index);
+    if (step.beforeActive) {
+      return step.beforeActive(step, forward);
+    }
+    if (this.beforeActive) {
+      return this.beforeActive(step, forward);
+    }
+  }
+}
+class Step {
+  constructor(options) {
+    __publicField(this, "id");
+    __publicField(this, "index");
+    __publicField(this, "beforeActive");
+    __publicField(this, "beforeLeave");
+    __publicField(this, "title");
+    __publicField(this, "description");
+    __publicField(this, "icon");
+    __publicField(this, "status");
+    options = options || {};
+    this.id = options.id;
+    this.index = options.index;
+    this.beforeActive = options.beforeActive;
+    this.beforeLeave = options.beforeLeave;
+    this.title = options.title;
+    this.description = options.description;
+    this.icon = options.icon;
+    this.status = options.status;
+  }
+}
+const _sfc_main$e = defineComponent({
+  name: "FuHorizontalSteps",
+  components: {
+    FuHorizontalNavigation,
+    FuStepsFooter
+  },
+  emits: ["change"],
+  setup(_, { attrs, slots, emit, expose }) {
+    var _a2;
+    const stepper = ref(new Stepper());
+    (_a2 = stepper.value) == null ? void 0 : _a2.activeSet.add(0);
+    watch(() => stepper.value.index, (value) => {
+      emit("change", stepper.value.steps[value]);
+    });
+    const heightStyle = computed(() => {
+      var _a3;
+      return { height: parseInt((_a3 = stepper.value) == null ? void 0 : _a3.height) + "px" || "auto" };
+    });
+    function active(index) {
+      var _a3;
+      (_a3 = stepper.value) == null ? void 0 : _a3.active(index);
+    }
+    function disable(index) {
+      var _a3;
+      return !((_a3 = stepper.value) == null ? void 0 : _a3.isActive(index));
+    }
+    function next() {
+      stepper.value.next();
+    }
+    function prev() {
+      stepper.value.prev();
+    }
+    function $func(name2) {
+      emit(name2);
+    }
+    provide("stepper", stepper.value);
+    expose({
+      next,
+      prev,
+      active
+    });
+    return () => {
+      var _a3, _b, _c;
+      let steps = [];
+      if ((_a3 = slots.default) == null ? void 0 : _a3.call(slots)) {
+        (_b = slots.default) == null ? void 0 : _b.call(slots).forEach((node, index) => {
+          const options = __spreadValues({
+            index
+          }, node.props);
+          const step = new Step(options);
+          steps.push(step);
+        });
+      }
+      stepper.value.steps = steps;
+      stepper.value = Object.assign(stepper.value, attrs);
+      return h("div", {
+        class: ["fu-steps", "fu-steps--horizontal"]
+      }, [
+        h(FuHorizontalNavigation, {
+          stepper: stepper.value,
+          steps,
+          disable,
+          onActive: active
+        }),
+        h("div", { class: "fu-steps__wrapper" }, h("div", { class: "fu-steps__container", style: heightStyle.value }, h(Transition, { name: "carousel", mode: "out-in", tag: "p" }, () => {
+          var _a4;
+          return (_a4 = slots.default) == null ? void 0 : _a4.call(slots).map((item, index) => {
+            item["key"] = index;
+            return stepper.value.index === index && item;
+          });
+        }))),
+        h("div", { class: "fu-steps__footer" }, ((_c = slots.footer) == null ? void 0 : _c.call(slots)) || h(FuStepsFooter, { onStepperFn: $func }))
+      ]);
+    };
+  }
+});
+var FuHorizontalSteps = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuHorizontalSteps.vue"]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "FuVerticalNavigation",
+  props: {
+    stepper: Object,
+    steps: Array,
+    disable: Function
+  },
+  emits: ["active"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const active = computed(() => {
+      return props.stepper.index;
+    });
+    const heightStyle = computed(() => {
+      var _a2;
+      return {
+        height: parseInt((_a2 = props.stepper) == null ? void 0 : _a2.height) + "px" || "auto"
+      };
     });
-    const padding = computed(() => {
-      return props.resizerType === "resizer" && isHorizontal.value && "3px";
+    function click(index) {
+      !props.disable(index) && emit("active", index);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
+      const _component_el_step = resolveComponent("el-step");
+      const _component_el_steps = resolveComponent("el-steps");
+      return openBlock(), createBlock(_component_el_steps, mergeProps({ active: unref(active) }, __props.stepper, { direction: "vertical" }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, i) => {
+            return openBlock(), createBlock(_component_el_step, mergeProps({ key: i }, step, {
+              onClick: ($event) => click(i),
+              class: __props.disable(i) && "fu-step--disable"
+            }), {
+              description: withCtx(() => [
+                createElementVNode("span", null, toDisplayString(step.description), 1),
+                createVNode(_component_el_collapse_transition, null, {
+                  default: withCtx(() => [
+                    i === unref(active) ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "fu-steps__container",
+                      style: normalizeStyle(unref(heightStyle))
+                    }, [
+                      renderSlot(_ctx.$slots, "default", { step })
+                    ], 4)) : createCommentVNode("v-if", true)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1040, ["onClick", "class"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 16, ["active"]);
+    };
+  }
+});
+var FuVerticalNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuVerticalNavigation.vue"]]);
+const _sfc_main$c = defineComponent({
+  name: "FuVerticalSteps",
+  components: { FuVerticalNavigation, FuStepsFooter },
+  emits: ["change"],
+  setup(_, { attrs, slots, emit, expose }) {
+    const stepper = ref(new Stepper());
+    stepper.value.activeSet.add(0);
+    watch(() => stepper.value.index, (value) => {
+      emit("change", stepper.value.steps[value]);
     });
-    function onMouseDown(e) {
-      initOffset.value = isHorizontal.value ? e.pageX : e.pageY;
-      oldValue.value = usedValue.value;
-      active.value = true;
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
+    function active(index) {
+      stepper.value.active(index);
     }
-    function onMouseUp() {
-      active.value = false;
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-      emit("changeSplit", usedValue.value);
+    function disable(index) {
+      return !stepper.value.isActive(index);
     }
-    function onMouseMove(e) {
-      if (!props.resizable)
-        return;
-      if (active.value) {
-        const currentPage = isHorizontal.value ? e.pageX : e.pageY;
-        const offset = currentPage - initOffset.value;
-        const value = isReverse.value ? oldValue.value - offset : oldValue.value + offset;
-        if (value > percentToValue(props.min) && value < outerWrapperSize.value - percentToValue(props.min)) {
-          usedValue.value = value;
-          writeValue();
-        }
-      }
+    function next() {
+      stepper.value.next();
     }
-    function percentToValue(val) {
-      const size = instance.refs.outerWrapper[offsetSize.value];
-      if (typeof val === "string" && val.includes("%")) {
-        return parseInt(val) / 100 * size;
-      } else {
-        return parseInt(val);
-      }
+    function prev() {
+      stepper.value.prev();
     }
-    function getMin(val) {
-      return val < percentToValue(props.min) ? percentToValue(props.min) : val;
+    function $func(name2) {
+      emit(name2);
     }
-    function writeValue() {
-      const obj = {
-        [resizerAttr.value]: usedValue.value
-      };
-      if (props.localKey) {
-        localStorage.setItem(saveKey.value, JSON.stringify(obj));
+    provide("stepper", stepper.value);
+    expose({
+      next,
+      prev,
+      active
+    });
+    return () => {
+      var _a2, _b;
+      let currentNode;
+      let steps = [];
+      if ((_a2 = slots.default) == null ? void 0 : _a2.call(slots)) {
+        (_b = slots.default) == null ? void 0 : _b.call(slots).forEach((node, index) => {
+          const options = __spreadValues({
+            index
+          }, node.props);
+          const step = new Step(options);
+          steps.push(step);
+          if (stepper.value.isCurrent(index)) {
+            currentNode = node;
+          }
+        });
       }
+      stepper.value.steps = steps;
+      stepper.value = Object.assign(stepper.value, attrs);
+      return h("div", {
+        class: ["fu-steps", "fu-steps--vertical"]
+      }, [
+        h(FuVerticalNavigation, {
+          stepper: stepper.value,
+          steps,
+          disable,
+          onActive: active
+        }, () => currentNode),
+        h("div", { class: "fu-steps__footer" }, h(FuStepsFooter, { onStepperFn: $func }))
+      ]);
+    };
+  }
+});
+var FuVerticalSteps = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuVerticalSteps.vue"]]);
+const _sfc_main$b = defineComponent({
+  name: "FuSteps",
+  components: {
+    FuHorizontalSteps,
+    FuVerticalSteps
+  },
+  emits: ["change"],
+  props: ["direction"],
+  setup(props, { attrs, slots, emit, expose }) {
+    const { direction } = props;
+    const FuSteps2 = ref();
+    function next() {
+      var _a2;
+      (_a2 = FuSteps2.value) == null ? void 0 : _a2.next();
     }
-    function readValue() {
-      if (props.localKey) {
-        const local = localStorage.getItem(saveKey.value);
-        if (local && local[resizerAttr.value]) {
-          usedValue.value = parseInt(local) || defaultValue.value;
-        } else {
-          usedValue.value = defaultValue.value;
-        }
-      } else {
-        usedValue.value = defaultValue.value;
-      }
+    function prev() {
+      var _a2;
+      (_a2 = FuSteps2.value) == null ? void 0 : _a2.prev();
     }
-    onMounted(() => {
-      readValue();
+    function active(index) {
+      var _a2;
+      (_a2 = FuSteps2.value) == null ? void 0 : _a2.active(index);
+    }
+    function handleChange({ id, title, index }) {
+      emit("change", { id, title, index });
+    }
+    expose({
+      next,
+      prev,
+      active
     });
+    if (direction === "vertical") {
+      return () => h(FuVerticalSteps, __spreadValues({ ref: FuSteps2, onChange: handleChange }, attrs), slots);
+    } else {
+      return () => h(FuHorizontalSteps, __spreadValues({ ref: FuSteps2, onChange: handleChange }, attrs), slots);
+    }
+  }
+});
+var FuSteps = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuSteps.vue"]]);
+const _hoisted_1$3 = { class: "fu-step" };
+const __default__$7 = { name: "FuStep" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
+  setup(__props) {
+    const stepper = inject("stepper");
+    const loading = computed(() => stepper.isLoading || false);
     return (_ctx, _cache) => {
-      const _component_MoreFilled = resolveComponent("MoreFilled");
-      const _component_el_icon = resolveComponent("el-icon");
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({ cursor: unref(cursor), userSelect: unref(userSelect) }),
-        class: "fu-split-pane",
-        ref: "outerWrapper"
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass([`is-${__props.direction}`, "fu-split-pane__left"]),
-          style: normalizeStyle({ [unref(attr)]: unref(isReverse) ? unref(valueAnother) : `${usedValue.value}px`, "padding-right": unref(padding) })
-        }, [
-          renderSlot(_ctx.$slots, unref(isHorizontal) ? "left" : "top")
-        ], 6),
-        createElementVNode("div", {
-          class: normalizeClass(unref(resizerClasses)),
-          style: normalizeStyle(__spreadValues({ [unref(resizerAttr)]: `${usedValue.value}px` }, __props.resizerStyle)),
-          onMousedown: onMouseDown,
-          onMouseover: _cache[0] || (_cache[0] = ($event) => hover.value = true),
-          onMouseleave: _cache[1] || (_cache[1] = ($event) => hover.value = false)
-        }, [
-          __props.resizerType === "resizer" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-            renderSlot(_ctx.$slots, "resizer", {}, () => [
-              createVNode(_component_el_icon, { size: 10 }, {
-                default: withCtx(() => [
-                  createVNode(_component_MoreFilled)
-                ]),
-                _: 1
-              })
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ], 38),
-        createElementVNode("div", {
-          class: normalizeClass([`is-${__props.direction}`, "fu-split-pane__right"]),
-          style: normalizeStyle({ [unref(attr)]: unref(isReverse) ? `${usedValue.value}px` : unref(valueAnother), "padding-left": unref(padding) })
-        }, [
-          renderSlot(_ctx.$slots, unref(isHorizontal) ? "right" : "bottom")
-        ], 6)
-      ], 4);
+      const _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$3, [
+        renderSlot(_ctx.$slots, "default")
+      ])), [
+        [_directive_loading, unref(loading)]
+      ]);
     };
   }
 }));
-var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/split-pane/FuSplitPane.vue"]]);
-FuSplitPane.install = (app) => {
-  app.component(FuSplitPane.name, FuSplitPane);
+var FuStep = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/runner/work/fit2cloud-ui-plus/fit2cloud-ui-plus/src/components/steps/FuStep.vue"]]);
+FuSteps.install = (app) => {
+  app.component(FuStep.name, FuStep);
+  app.component(FuSteps.name, FuSteps);
 };
 var __glob_2_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": FuSplitPane
+  "default": FuSteps
 }, Symbol.toStringTag, { value: "Module" }));
 function isFragment(node) {
   return isVNode(node) && node.type === Fragment;
@@ -5047,7 +5047,7 @@ var __glob_2_8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   "default": FuTabs
 }, Symbol.toStringTag, { value: "Module" }));
 const name = "fit2cloud-ui-plus";
-const version = "1.1.0";
+const version = "1.1.1";
 const main = "./lib/fit2cloud-ui-plus.es.js";
 const files = [
   "lib",
@@ -5103,7 +5103,7 @@ var PackageJSON = {
   dependencies,
   devDependencies
 };
-const components = { "./components/ steps/index.ts": __glob_2_0, "./components/filter-bar/index.ts": __glob_2_1, "./components/icon-button/index.ts": __glob_2_2, "./components/read-write-switch/index.ts": __glob_2_3, "./components/search-bar/index.ts": __glob_2_4, "./components/speed-dial/index.ts": __glob_2_5, "./components/split-pane/index.ts": __glob_2_6, "./components/table/index.ts": __glob_2_7, "./components/tabs/index.ts": __glob_2_8 };
+const components = { "./components/filter-bar/index.ts": __glob_2_0, "./components/icon-button/index.ts": __glob_2_1, "./components/read-write-switch/index.ts": __glob_2_2, "./components/search-bar/index.ts": __glob_2_3, "./components/speed-dial/index.ts": __glob_2_4, "./components/split-pane/index.ts": __glob_2_5, "./components/steps/index.ts": __glob_2_6, "./components/table/index.ts": __glob_2_7, "./components/tabs/index.ts": __glob_2_8 };
 const install = (app, config) => {
   Object.keys(components).forEach((key) => {
     let component = components[key].default;