fit2cloud-ui-plus 0.0.1-beta.8 → 1.0.0-beta.2

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

@@ -17,56 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, mergeProps, getCurrentInstance, inject, computed, unref, isRef, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createVNode, withCtx, provide, onMounted, createTextVNode, createCommentVNode, renderSlot, resolveDynamicComponent, toHandlers, nextTick, normalizeClass, withModifiers, h, normalizeStyle, Transition, useSlots, reactive, withDirectives, isVNode, Comment, onUpdated, vShow, normalizeProps, guardReactiveProps } from "vue";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const __default__$f = { name: "FuSearchInput" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$f), {
-  props: {
-    value: String
-  },
-  emits: ["input", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const quick = ref("");
-    watch(() => props.value, (val) => {
-      quick.value = val;
-    });
-    function input(e) {
-      emit("input", quick.value, e);
-    }
-    function blur(e) {
-      emit("change", quick.value, e);
-    }
-    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-search-input",
-        "prefix-icon": "Search",
-        modelValue: quick.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
-        onInput: input,
-        onBlur: blur,
-        onKeydown: keydown
-      }, _ctx.$attrs, { clearable: "" }), null, 16, ["modelValue"]);
-    };
-  }
-}));
-var FuSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuSearchInput.vue"]]);
+import { ref, getCurrentInstance, inject, computed, provide, unref, isRef, defineComponent, watch, resolveComponent, openBlock, createBlock, mergeProps, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createVNode, withCtx, onMounted, withDirectives, createTextVNode, createCommentVNode, vShow, renderSlot, resolveDynamicComponent, toHandlers, nextTick, normalizeClass, withModifiers, h, vModelText, normalizeStyle, Transition, useSlots, isVNode, Comment, onUpdated, normalizeProps, guardReactiveProps } 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) {
-  const config = getCurrentInstance() ? inject(Symbol(), globalConfig) : globalConfig;
+  const config = getCurrentInstance() ? inject(globalConfigKey, globalConfig) : globalConfig;
   if (key) {
     return computed(() => {
       var _a2, _b;
@@ -76,6 +33,19 @@ function useGlobalConfig(key, defaultValue = void 0) {
     return config;
   }
 }
+const provideGlobalConfig = (config, app) => {
+  var _a2;
+  const inSetup = !!getCurrentInstance();
+  const provideFn = (_a2 = app == null ? void 0 : app.provide) != null ? _a2 : inSetup ? provide : void 0;
+  const context = computed(() => {
+    return unref(config);
+  });
+  provideFn == null ? void 0 : provideFn(globalConfigKey, context);
+  if (!globalConfig.value) {
+    globalConfig.value = context.value;
+  }
+  return context;
+};
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -125,9 +95,9 @@ function isSymbol(value) {
   return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
 }
 function arrayMap(array, iteratee) {
-  var index2 = -1, length = array == null ? 0 : array.length, result = Array(length);
-  while (++index2 < length) {
-    result[index2] = iteratee(array[index2], index2, array);
+  var index = -1, length = array == null ? 0 : array.length, result = Array(length);
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
   }
   return result;
 }
@@ -254,10 +224,10 @@ function hashSet(key, value) {
   return this;
 }
 function Hash(entries) {
-  var index2 = -1, length = entries == null ? 0 : entries.length;
+  var index = -1, length = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index2 < length) {
-    var entry = entries[index2];
+  while (++index < length) {
+    var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
 }
@@ -282,41 +252,41 @@ function assocIndexOf(array, key) {
 var arrayProto = Array.prototype;
 var splice = arrayProto.splice;
 function listCacheDelete(key) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  if (index2 < 0) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  if (index < 0) {
     return false;
   }
   var lastIndex = data.length - 1;
-  if (index2 == lastIndex) {
+  if (index == lastIndex) {
     data.pop();
   } else {
-    splice.call(data, index2, 1);
+    splice.call(data, index, 1);
   }
   --this.size;
   return true;
 }
 function listCacheGet(key) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  return index2 < 0 ? void 0 : data[index2][1];
+  var data = this.__data__, index = assocIndexOf(data, key);
+  return index < 0 ? void 0 : data[index][1];
 }
 function listCacheHas(key) {
   return assocIndexOf(this.__data__, key) > -1;
 }
 function listCacheSet(key, value) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  if (index2 < 0) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  if (index < 0) {
     ++this.size;
     data.push([key, value]);
   } else {
-    data[index2][1] = value;
+    data[index][1] = value;
   }
   return this;
 }
 function ListCache(entries) {
-  var index2 = -1, length = entries == null ? 0 : entries.length;
+  var index = -1, length = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index2 < length) {
-    var entry = entries[index2];
+  while (++index < length) {
+    var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
 }
@@ -361,10 +331,10 @@ function mapCacheSet(key, value) {
   return this;
 }
 function MapCache(entries) {
-  var index2 = -1, length = entries == null ? 0 : entries.length;
+  var index = -1, length = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index2 < length) {
-    var entry = entries[index2];
+  while (++index < length) {
+    var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
 }
@@ -434,11 +404,11 @@ function toKey(value) {
 }
 function baseGet(object, path) {
   path = castPath(path, object);
-  var index2 = 0, length = path.length;
-  while (object != null && index2 < length) {
-    object = object[toKey(path[index2++])];
+  var index = 0, length = path.length;
+  while (object != null && index < length) {
+    object = object[toKey(path[index++])];
   }
-  return index2 && index2 == length ? object : void 0;
+  return index && index == length ? object : void 0;
 }
 function get(object, path, defaultValue) {
   var result = object == null ? void 0 : baseGet(object, path);
@@ -520,18 +490,95 @@ const useLocale = () => {
   const locale = useGlobalConfig("locale");
   return buildLocaleContext(computed(() => locale.value || Chinese));
 };
-const _hoisted_1$c = { class: "fu-filter-conditions" };
-const _hoisted_2$7 = { class: "condition-text" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const useProp = (name2) => {
+  const vm = getCurrentInstance();
+  return computed(() => {
+    var _a2, _b;
+    return (_b = ((_a2 = vm.proxy) == null ? void 0 : _a2.$props)[name2]) != null ? _b : void 0;
+  });
+};
+const useSize = (fallback, ignore = {}) => {
+  const emptyRef = ref(void 0);
+  const size = ignore.prop ? emptyRef : useProp("size");
+  const globalConfig2 = ignore.global ? emptyRef : useGlobalConfig("size");
+  return computed(() => size.value || unref(fallback) || globalConfig2.value || "");
+};
+const useSizeProp = {
+  type: String,
+  validator: validateSize
+};
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const __default__$r = { name: "FuFilterInput" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$r), {
+  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);
+    }
+    function blur(e) {
+      emit("change", quick.value, e);
+    }
+    function clear() {
+      emit("update:modelValue", quick.value);
+      emit("change", quick.value);
+    }
+    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"]);
+    };
+  }
+}));
+var FuFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterInput.vue"]]);
+const _hoisted_1$l = { class: "fu-filter-conditions" };
+const _hoisted_2$e = { class: "condition-text" };
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterConditions",
   props: {
     conditions: Array
   },
   emits: ["change"],
   setup(__props, { emit }) {
     const props = __props;
-    function remove(index2) {
+    function remove(index) {
       var _a2;
-      (_a2 = props.conditions) == null ? void 0 : _a2.splice(index2, 1);
+      (_a2 = props.conditions) == null ? void 0 : _a2.splice(index, 1);
       emit("change", props.conditions);
     }
     function text(condition) {
@@ -540,16 +587,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_CloseBold = resolveComponent("CloseBold");
       const _component_el_icon = resolveComponent("el-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index2) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index) => {
           return openBlock(), createElementBlock("div", {
             class: "fu-filter-conditions__item",
-            key: index2
+            key: index
           }, [
-            createElementVNode("div", _hoisted_2$7, toDisplayString(text(condition)), 1),
+            createElementVNode("div", _hoisted_2$e, toDisplayString(text(condition)), 1),
             createVNode(_component_el_icon, {
               class: "fu-scale-click",
-              onClick: ($event) => remove(index2)
+              onClick: ($event) => remove(index)
             }, {
               default: withCtx(() => [
                 createVNode(_component_CloseBold)
@@ -562,17 +609,21 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FuFilterConditions = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuFilterConditions.vue"]]);
+var FuFilterConditions = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterConditions.vue"]]);
 const selectKey = Symbol("SelectKey");
-const referenceKey = Symbol("ReferenceKey");
-const _hoisted_1$b = { class: "fu-filter__result" };
-const _hoisted_2$6 = { style: { "opacity": "0.6" } };
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "fu-filter__split" }, null, -1);
+const referenceKey$1 = Symbol("ReferenceKey");
+const _hoisted_1$k = { class: "fu-filter__result" };
+const _hoisted_2$d = { style: { "opacity": "0.6" } };
+const _hoisted_3$b = /* @__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__$e = { name: "FuFilter" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$e), {
+const __default__$q = { name: "FuFilter" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$q), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     count: {
       type: Number,
       default: 0
@@ -581,13 +632,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     drawerWidth: {
       type: [Number, String],
       default: "680px"
-    }
+    },
+    showEmpty: Boolean
   },
   emits: ["filter"],
   setup(__props, { expose, emit }) {
+    const props = __props;
     const { t } = useLocale();
     const filterRef = ref(null);
     const conditionsRef = ref(null);
+    const configSize = useSize();
     const drawer = ref(true);
     const scroll = ref(false);
     const conditions = ref([]);
@@ -618,6 +672,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         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;
+        console.log(el == null ? void 0 : el.getBoundingClientRect().width, scrollWidth.value);
       });
       emit("filter", conditions.value);
     }
@@ -669,7 +724,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       const el = filterRef.value;
       return el === null ? 0 : el.getBoundingClientRect().width - 210;
     });
-    provide(referenceKey, references);
+    const show = computed(() => {
+      return conditions.value.length > 0 && props.showEmpty === false || props.showEmpty;
+    });
+    provide(referenceKey$1, references);
     onMounted(() => {
       drawer.value = false;
     });
@@ -684,61 +742,65 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       const _component_Delete = resolveComponent("Delete");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_drawer = resolveComponent("el-drawer");
-      return openBlock(), createElementBlock("div", {
-        class: "fu-filter",
-        ref_key: "filterRef",
-        ref: filterRef
-      }, [
-        createElementVNode("div", _hoisted_1$b, [
-          createTextVNode(toDisplayString(__props.count) + " ", 1),
-          createElementVNode("span", _hoisted_2$6, toDisplayString(unref(t)("fu.filter_bar.results")), 1)
-        ]),
-        _hoisted_3$4,
-        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
+      return openBlock(), createElementBlock(Fragment, null, [
+        withDirectives(createElementVNode("div", {
+          class: "fu-filter",
+          ref_key: "filterRef",
+          ref: filterRef
         }, [
-          createVNode(_component_el_icon, null, {
-            default: withCtx(() => [
-              createVNode(_component_Delete)
-            ]),
-            _: 1
-          }),
-          createTextVNode(" " + toDisplayString(unref(t)("fu.filter_bar.clear")), 1)
-        ])) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_1$k, [
+            createTextVNode(toDisplayString(__props.count) + " ", 1),
+            createElementVNode("span", _hoisted_2$d, toDisplayString(unref(t)("fu.filter_bar.results")), 1)
+          ]),
+          _hoisted_3$b,
+          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(t)("fu.filter_bar.clear")), 1)
+          ])) : createCommentVNode("v-if", true)
+        ], 512), [
+          [vShow, unref(show)]
+        ]),
         createVNode(_component_el_drawer, {
           size: __props.drawerWidth,
           "custom-class": "fu-filter__drawer",
@@ -754,21 +816,23 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                   return openBlock(), createBlock(resolveDynamicComponent(c.component), mergeProps({ key: i }, c, {
                     ref_for: true,
                     ref: c.field
-                  }, toHandlers(c)), null, 16);
+                  }, toHandlers(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(t)("fu.filter_bar.cancel")), 1)
                   ]),
                   _: 1
-                }),
+                }, 8, ["size"]),
                 createVNode(_component_el_button, {
+                  size: __props.size,
                   type: "primary",
                   onClick: filter
                 }, {
@@ -776,33 +840,42 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                     createTextVNode(toDisplayString(unref(t)("fu.filter_bar.search")), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["size"])
               ])
             ])
           ]),
           _: 3
         }, 8, ["size", "title", "modelValue"])
-      ], 512);
+      ], 64);
     };
   }
 }));
-var FuFilter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuFilter.vue"]]);
-const _hoisted_1$a = { class: "fu-filter-bar" };
-const _hoisted_2$5 = { class: "fu-filter-bar__top" };
-const _hoisted_3$3 = { class: "top_left" };
+var FuFilter = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilter.vue"]]);
+const _hoisted_1$j = { class: "fu-filter-bar" };
+const _hoisted_2$c = { class: "fu-filter-bar__top" };
+const _hoisted_3$a = { 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__$d = { name: "FuFilterBar" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$d), {
+const __default__$p = { name: "FuFilterBar" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$p), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     resultCount: Number,
     quickPlaceholder: String,
-    components: Array
+    components: Array,
+    showEmpty: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: ["exec"],
   setup(__props, { expose, emit }) {
     const { t } = useLocale();
+    const configSize = useSize();
     const quick = ref("");
     const conditions = ref([]);
     const filterRef = ref();
@@ -822,42 +895,48 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       (_a2 = filterRef.value) == null ? void 0 : _a2.setConditions(conditionObj2);
     }
     const conditionObj = computed(() => {
-      let obj = { quick: quick.value };
+      let obj = {};
+      if (quick.value) {
+        obj.quick = quick.value;
+      }
       conditions.value.forEach((c) => {
         obj[c.field] = c;
       });
       return obj;
     });
     expose({
-      setConditions
+      setConditions,
+      open
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createElementVNode("div", _hoisted_2$5, [
-          createElementVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", _hoisted_2$c, [
+          createElementVNode("div", _hoisted_3$a, [
             renderSlot(_ctx.$slots, "tl")
           ]),
           createElementVNode("div", _hoisted_4$1, [
-            renderSlot(_ctx.$slots, "tr", {}, () => [
-              createCommentVNode(' :size="configSize" '),
-              createVNode(FuSearchInput, {
+            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, ["modelValue", "placeholder"]),
-              createVNode(_component_el_button, {
-                onClick: open,
-                icon: "Filter"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("fu.filter_bar.filter")) + " ", 1),
-                  conditions.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_5, "(" + toDisplayString(conditions.value.length) + ")", 1)) : createCommentVNode("v-if", true)
-                ]),
-                _: 1
-              })
+              }, 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(t)("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")
           ])
         ]),
@@ -867,21 +946,24 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             ref: filterRef,
             onFilter: filter,
             count: __props.resultCount,
-            components: __props.components
+            components: __props.components,
+            size: unref(configSize),
+            "show-empty": __props.showEmpty
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["count", "components"])
+          }, 8, ["count", "components", "size", "show-empty"])
         ])
       ]);
     };
   }
 }));
-var FuFilterBar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuFilterBar.vue"]]);
-const _hoisted_1$9 = ["onClick"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+var FuFilterBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterBar.vue"]]);
+const _hoisted_1$i = ["onClick"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterOption",
   props: {
     value: {
       type: [String, Number],
@@ -912,18 +994,22 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       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$9);
+      }, toDisplayString(__props.label || __props.value), 11, _hoisted_1$i);
     };
   }
 });
-var FuFilterOption = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterOption.vue"]]);
-const _hoisted_1$8 = { class: "fu-filter-component" };
-const _hoisted_2$4 = { class: "fu-filter-component__label" };
-const _hoisted_3$2 = { class: "fu-filter-component__content" };
+var FuFilterOption = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterOption.vue"]]);
+const _hoisted_1$h = { class: "fu-filter-component" };
+const _hoisted_2$b = { class: "fu-filter-component__label" };
+const _hoisted_3$9 = { class: "fu-filter-component__content" };
 const _hoisted_4 = { class: "fu-filter-option" };
-const __default__$c = { name: "FuFilterSelect" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$c), {
+const __default__$o = { name: "FuFilterSelect" };
+const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$o), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     multiple: {
       type: Boolean,
       default: false
@@ -949,8 +1035,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   emits: ["change"],
   setup(__props, { expose, emit }) {
     const props = __props;
-    const { t } = useLocale();
     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;
@@ -971,6 +1057,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }
       return getValueLabel(selection.value);
     });
+    const { t } = useLocale();
     function change(v) {
       if (v.includes("")) {
         selection.value = props.options.map((o) => o.value);
@@ -983,8 +1070,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         return;
       }
       if (selected) {
-        let index2 = selection.value.indexOf(value);
-        selection.value.splice(index2, 1);
+        let index = selection.value.indexOf(value);
+        selection.value.splice(index, 1);
       } else {
         selection.value.push(value);
       }
@@ -1013,7 +1100,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       setSelected,
       selection
     });
-    const references = inject(referenceKey);
+    const references = inject(referenceKey$1);
     const field = props.field;
     const reference = { field, init, getCondition };
     references == null ? void 0 : references.value.push(reference);
@@ -1027,9 +1114,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       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$8, [
-        createElementVNode("div", _hoisted_2$4, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createElementVNode("div", _hoisted_2$b, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$9, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showOptions), (o) => {
             return openBlock(), createBlock(FuFilterOption, {
               label: o.label,
@@ -1063,6 +1150,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                 multiple: __props.multiple,
                 onChange: change,
                 teleported: false,
+                size: unref(configSize),
                 placeholder: unref(t)("fu.search_bar.please_select")
               }), {
                 default: withCtx(() => [
@@ -1084,7 +1172,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                   }), 128))
                 ]),
                 _: 1
-              }, 16, ["modelValue", "multiple", "placeholder"])
+              }, 16, ["modelValue", "multiple", "size", "placeholder"])
             ]),
             _: 1
           })
@@ -1093,7 +1181,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterSelect.vue"]]);
+var FuFilterSelect = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterSelect.vue"]]);
 const getCheckDate = (timestamp) => {
   if (!timestamp)
     return false;
@@ -1123,12 +1211,16 @@ const dateFormat = (timestamp) => {
   const d = (dt.getDate() + "").padStart(2, "0");
   return `${y}-${m}-${d}`;
 };
-const _hoisted_1$7 = { class: "fu-filter-component" };
-const _hoisted_2$3 = { class: "fu-filter-component__label" };
-const _hoisted_3$1 = { class: "fu-filter-component__content" };
-const __default__$b = { name: "FuFilterDate" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
+const _hoisted_1$g = { 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: "FuFilterDate" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$n), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     label: String,
     field: {
       type: String,
@@ -1141,11 +1233,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props, { expose }) {
     const props = __props;
-    const { t } = useLocale();
     const value = ref("");
+    const configSize = useSize();
     const valueLabel = computed(() => {
       return dateFormat(value.value[0]) + " - " + dateFormat(value.value[1]);
     });
+    const { t } = useLocale();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -1155,7 +1248,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     function init(v) {
       value.value = v !== void 0 ? v : "";
     }
-    const references = inject(referenceKey);
+    const references = inject(referenceKey$1);
     const field = props.field;
     const reference = { field, init, getCondition };
     references == null ? void 0 : references.value.push(reference);
@@ -1165,33 +1258,38 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$1, [
-          createCommentVNode(' :size="configSize"  '),
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createElementVNode("div", _hoisted_2$a, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$8, [
+          createCommentVNode("configSize"),
           createVNode(_component_el_date_picker, mergeProps({
             class: "fu-filter-date",
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
+            size: unref(configSize),
             placeholder: unref(t)("fu.search_bar.select_date"),
             type: "daterange",
             "value-format": __props.valueFormat,
             "start-placeholder": unref(t)("fu.search_bar.start_date"),
             "end-placeholder": unref(t)("fu.search_bar.end_date")
-          }), null, 16, ["modelValue", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
+          }), null, 16, ["modelValue", "size", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
         ])
       ]);
     };
   }
 }));
-var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDate.vue"]]);
-const _hoisted_1$6 = { class: "fu-filter-component" };
-const _hoisted_2$2 = { class: "fu-filter-component__label" };
-const _hoisted_3 = { class: "fu-filter-component__content" };
-const __default__$a = { name: "FuFilterDateTime" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
+var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDate.vue"]]);
+const _hoisted_1$f = { 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: "FuFilterDateTime" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$m), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     label: String,
     field: {
       type: String,
@@ -1204,11 +1302,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props, { expose }) {
     const props = __props;
-    const { t } = useLocale();
     const value = ref("");
+    const configSize = useSize();
     const valueLabel = computed(() => {
       return datetimeFormat(value.value[0]) + " - " + datetimeFormat(value.value[1]);
     });
+    const { t } = useLocale();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -1218,7 +1317,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     function init(v) {
       value.value = v !== void 0 ? v : "";
     }
-    const references = inject(referenceKey);
+    const references = inject(referenceKey$1);
     const field = props.field;
     const reference = { field, init, getCondition };
     references == null ? void 0 : references.value.push(reference);
@@ -1228,40 +1327,112 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$2, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$9, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$7, [
           createCommentVNode(' :size="configSize"  '),
           createVNode(_component_el_date_picker, mergeProps({
             class: "fu-filter-date",
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
+            size: unref(configSize),
             placeholder: unref(t)("fu.search_bar.select_date_time"),
             type: "datetimerange",
             "value-format": __props.valueFormat,
             "start-placeholder": unref(t)("fu.search_bar.start_date_time"),
             "end-placeholder": unref(t)("fu.search_bar.end_date_time")
-          }), null, 16, ["modelValue", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
+          }), null, 16, ["modelValue", "size", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
         ])
       ]);
     };
   }
 }));
-var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDateTime.vue"]]);
-var index$1 = {
-  install: (app) => {
-    app.component(FuFilterBar.name, FuFilterBar);
-    app.component(FuFilter.name, FuFilter);
-    app.component(FuSearchInput.name, FuSearchInput);
-    app.component(FuFilterSelect.name, FuFilterSelect);
-    app.component(FuFilterDate.name, FuFilterDate);
-    app.component(FuFilterDateTime.name, FuFilterDateTime);
+var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDateTime.vue"]]);
+FuFilterBar.install = (app) => {
+  app.component(FuFilterBar.name, FuFilterBar);
+  app.component(FuFilter.name, FuFilter);
+  app.component(FuFilterInput.name, FuFilterInput);
+  app.component(FuFilterSelect.name, FuFilterSelect);
+  app.component(FuFilterDate.name, FuFilterDate);
+  app.component(FuFilterDateTime.name, FuFilterDateTime);
+};
+var __glob_2_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": FuFilterBar
+}, Symbol.toStringTag, { value: "Module" }));
+const COMPONENTS_TYPE = ["default", "primary", "success", "warning", "danger", "info"];
+const validateType = (value) => {
+  if (!value)
+    return true;
+  if (COMPONENTS_TYPE.includes(value)) {
+    return true;
+  }
+  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), {
+  props: {
+    name: String,
+    size: {
+      type: [Number, String],
+      default: 20
+    },
+    color: String,
+    loading: Boolean,
+    disabled: Boolean,
+    type: {
+      type: String,
+      validator: validateType
+    },
+    tabindex: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const typeClass = computed(() => {
+      return props.type ? `fu-icon-button--${props.type}` : "";
+    });
+    function click(e) {
+      if (!props.disabled) {
+        emit("click", e);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["fu-icon-button", [{ "is-disabled": __props.disabled }, unref(typeClass)]]),
+        tabindex: __props.tabindex,
+        onClick: click
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createVNode(_component_el_icon, {
+            color: __props.color,
+            size: __props.size,
+            class: normalizeClass({ "is-loading": __props.loading })
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.name)))
+            ]),
+            _: 1
+          }, 8, ["color", "size", "class"])
+        ])
+      ], 10, _hoisted_1$e);
+    };
   }
+}));
+var FuIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/icon-button/FuIconButton.vue"]]);
+FuIconButton.install = (app) => {
+  app.component(FuIconButton.name, FuIconButton);
 };
-var __glob_1_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": index$1
+  "default": FuIconButton
 }, Symbol.toStringTag, { value: "Module" }));
 const uuid = function() {
   let d = new Date().getTime();
@@ -1279,7 +1450,7 @@ const uuid = function() {
   });
 };
 const TRIGGERS = ["manual", "onClick", "onDblclick"];
-const _sfc_main$h = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "FuReadWriteSwitch",
   props: {
     modelValue: Boolean,
@@ -1346,147 +1517,898 @@ const _sfc_main$h = defineComponent({
       return h("div", context, children);
     };
   }
-});
-var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/read-write-switch/FuReadWriteSwitch.vue"]]);
-const __default__$9 = { name: "FuInputRwSwitch" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
+});
+var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "/Users/mokun/fit2cloud2.0/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), {
+  props: {
+    modelValue: [String, Number],
+    writeTrigger: {
+      type: String,
+      default: "onClick",
+      validator: (value) => {
+        return ["onClick", "onDblclick"].includes(value);
+      }
+    }
+  },
+  emits: ["input", "blur"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const data = ref(props.modelValue);
+    watch(() => props.modelValue, (v) => {
+      data.value = v;
+    });
+    function input(e) {
+      emit("input", data.value, e);
+    }
+    function blur(read, e) {
+      emit("blur", data.value, e);
+      read();
+    }
+    function keydown(read, e) {
+      if (e.key === "Enter") {
+        read();
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(FuReadWriteSwitch, {
+        "write-trigger": __props.writeTrigger,
+        data: data.value
+      }, {
+        default: withCtx(({ read }) => [
+          createVNode(_component_el_input, mergeProps({
+            modelValue: data.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event)
+          }, _ctx.$attrs, {
+            onInput: input,
+            onBlur: ($event) => blur(read, $event),
+            onKeydown: ($event) => keydown(read, $event)
+          }), null, 16, ["modelValue", "onBlur", "onKeydown"])
+        ]),
+        _: 1
+      }, 8, ["write-trigger", "data"]);
+    };
+  }
+}));
+var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/mokun/fit2cloud2.0/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), {
+  props: {
+    modelValue: [String, Number],
+    options: {
+      type: Array,
+      default: []
+    },
+    blurTime: {
+      type: Number,
+      default: 150
+    },
+    writeTrigger: {
+      type: String,
+      default: "onClick",
+      validator: (value) => {
+        return ["onClick", "onDblclick"].includes(value);
+      }
+    }
+  },
+  emits: ["input", "blur", "change", "update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const data = ref(props.modelValue);
+    watch(() => props.modelValue, (v) => {
+      data.value = v;
+    });
+    function input(e) {
+      emit("input", data.value, e);
+    }
+    function blur(read, e) {
+      if (props.blurTime > 0) {
+        setTimeout(() => {
+          read();
+        }, props.blurTime);
+        emit("blur", e);
+      }
+    }
+    function change(read, e) {
+      emit("update:modelValue", data.value, e);
+      emit("change", data.value, e);
+      read();
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(FuReadWriteSwitch, {
+        "write-trigger": __props.writeTrigger,
+        data: data.value
+      }, {
+        read: withCtx(() => [
+          renderSlot(_ctx.$slots, "read", {}, () => [
+            createTextVNode(toDisplayString(data.value), 1)
+          ])
+        ]),
+        default: withCtx(({ read }) => [
+          createVNode(_component_el_select, mergeProps({
+            modelValue: data.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event)
+          }, _ctx.$attrs, {
+            onInput: input,
+            onBlur: ($event) => blur(read, $event),
+            onChange: ($event) => change(read, $event)
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ])
+            ]),
+            _: 2
+          }, 1040, ["modelValue", "onBlur", "onChange"])
+        ]),
+        _: 3
+      }, 8, ["write-trigger", "data"]);
+    };
+  }
+}));
+var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "/Users/mokun/fit2cloud2.0/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_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), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    modelValue: String,
+    placeholder: String,
+    useIcon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const focused = ref(false);
+    const configSize = useSize();
+    const value = computed({
+      get: () => props.modelValue,
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    function focus() {
+      focused.value = true;
+    }
+    function blur(e) {
+      if (focused.value) {
+        emit("change", value.value, e);
+      }
+      focused.value = false;
+    }
+    function keydown(e) {
+      const { code } = e;
+      if (code === "Enter") {
+        focused.value = false;
+        emit("change", value.value, e);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_Search = resolveComponent("Search");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["fu-quick-search", "fu-quick-search--" + unref(configSize)])
+      }, [
+        __props.useIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+          default: withCtx(() => [
+            createVNode(_component_Search)
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        createElementVNode("label", null, [
+          withDirectives(createElementVNode("input", {
+            placeholder: __props.placeholder,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
+            onBlur: blur,
+            onFocus: focus,
+            onKeydown: keydown
+          }, null, 40, _hoisted_1$d), [
+            [vModelText, unref(value)]
+          ])
+        ])
+      ], 2);
+    };
+  }
+}));
+var FuQuickSearch = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/FuQuickSearch.vue"]]);
+const referenceKey = Symbol("ReferenceKey");
+const _hoisted_1$c = { 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), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    components: Array
+  },
+  emits: ["close", "change"],
+  setup(__props, { expose, emit }) {
+    const active = ref(false);
+    const references = inject(referenceKey);
+    const configSize = useSize();
+    const showComplex = computed(() => {
+      return references ? references.value.length > 0 : false;
+    });
+    const { t } = useLocale();
+    function hide() {
+      emit("close");
+    }
+    function toggle() {
+      active.value = !active.value;
+      if (active.value) {
+        references == null ? void 0 : references.value.forEach((r) => r.init());
+      }
+    }
+    function close() {
+      active.value = false;
+    }
+    function ok() {
+      close();
+      exec();
+    }
+    function exec() {
+      let conditions = [];
+      references == null ? void 0 : references.value.forEach((r) => {
+        let condition = r.getCondition();
+        if (condition && condition.value !== void 0) {
+          conditions.push(condition);
+        }
+      });
+      emit("change", conditions);
+    }
+    function setConditions(conditionObj) {
+      let result = [];
+      if (conditionObj) {
+        Object.keys(conditionObj).forEach((key) => {
+          let c = conditionObj[key];
+          references == null ? void 0 : references.value.forEach((r) => {
+            if (r.field === key) {
+              r.init(c.value);
+              const condition = r.getCondition();
+              if (condition) {
+                result.push(condition);
+              }
+            }
+          });
+        });
+      }
+      return result;
+    }
+    expose({
+      setConditions,
+      close
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createBlock(_component_el_popover, {
+        visible: active.value,
+        "show-arrow": false,
+        onHide: hide,
+        width: "auto",
+        "popper-class": "fu-complex-components"
+      }, {
+        reference: withCtx(() => [
+          withDirectives(createVNode(_component_el_button, {
+            circle: "",
+            icon: "ArrowRightBold",
+            onClick: toggle,
+            size: unref(configSize),
+            class: normalizeClass(["fu-complex-components-trigger", { "is-active": active.value }])
+          }, null, 8, ["size", "class"]), [
+            [vShow, unref(showComplex)]
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$c, [
+            createElementVNode("div", _hoisted_2$8, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.components, (c) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(c.component), mergeProps(c, { size: unref(configSize) }), null, 16, ["size"]);
+                }), 256))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_3$6, [
+              createVNode(_component_el_button, {
+                onClick: close,
+                size: unref(configSize)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("fu.search_bar.cancel")), 1)
+                ]),
+                _: 1
+              }, 8, ["size"]),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: ok,
+                size: unref(configSize)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("fu.search_bar.ok")), 1)
+                ]),
+                _: 1
+              }, 8, ["size"])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["visible"]);
+    };
+  }
+}));
+var FuComplexSearch = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/FuComplexSearch.vue"]]);
+const __default__$g = { name: "FuSearchBarButton" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$g), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    tooltip: String
+  },
+  setup(__props) {
+    const configSize = useSize();
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      return openBlock(), createBlock(_component_el_tooltip, {
+        content: __props.tooltip,
+        disabled: !__props.tooltip
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_button, mergeProps({
+            class: "fu-search-bar-button",
+            circle: "",
+            size: unref(configSize)
+          }, _ctx.$attrs), null, 16, ["size"])
+        ]),
+        _: 1
+      }, 8, ["content", "disabled"]);
+    };
+  }
+}));
+var FuSearchBarButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/FuSearchBarButton.vue"]]);
+const _hoisted_1$b = { 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), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    conditions: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const configSize = useSize();
+    function remove(index) {
+      props.conditions.splice(index, 1);
+      emit("change", props.conditions);
+    }
+    return (_ctx, _cache) => {
+      const _component_Close = resolveComponent("Close");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", {
+        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, [
+            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, {
+              class: "condition-remove",
+              onClick: ($event) => remove(index)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_Close)
+              ]),
+              _: 2
+            }, 1032, ["onClick"])
+          ]);
+        }), 256))
+      ], 2);
+    };
+  }
+}));
+var FuSearchConditions = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/FuSearchContions.vue"]]);
+const _hoisted_1$a = { 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), {
+  props: {
+    size: useSizeProp,
+    quickKey: {
+      type: String,
+      default: "quick"
+    },
+    quickPlaceholder: String,
+    useCleanButton: {
+      type: Boolean,
+      default: true
+    },
+    useRefreshButton: {
+      type: Boolean,
+      default: false
+    },
+    useQuickSearch: {
+      type: Boolean,
+      default: true
+    },
+    components: Array
+  },
+  emits: ["close", "exec"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const complexRef = ref(null);
+    const quick = ref("");
+    const conditions = ref([]);
+    const references = ref([]);
+    provide(referenceKey, references);
+    const configSize = useSize();
+    const placeholder = computed(() => {
+      return props.quickPlaceholder ? props.quickPlaceholder : t("fu.search_bar.search");
+    });
+    const showComplex = computed(() => {
+      return references.value.length > 0;
+    });
+    const showClean = computed(() => {
+      return props.useCleanButton && (conditions.value.length > 0 || quick.value);
+    });
+    const showRefresh = computed(() => {
+      return props.useRefreshButton && showComplex.value;
+    });
+    const condition = computed(() => {
+      var _a2;
+      const obj = {};
+      if (quick.value) {
+        obj[props.quickKey] = quick.value;
+      }
+      if (((_a2 = conditions.value) == null ? void 0 : _a2.length) > 0) {
+        conditions.value.forEach((c) => {
+          const { field, value } = c;
+          obj[c.field] = { field, value };
+        });
+      }
+      return obj;
+    });
+    const { t } = useLocale();
+    function closePopover() {
+      emit("close");
+    }
+    function clean() {
+      quick.value = "";
+      conditions.value = [];
+      emit("exec", condition.value);
+    }
+    function change(ccs) {
+      conditions.value = merge(conditions.value, ccs);
+      exec();
+    }
+    function refresh() {
+      var _a2;
+      (_a2 = complexRef.value) == null ? void 0 : _a2.close();
+      exec();
+    }
+    function exec() {
+      emit("exec", condition.value);
+    }
+    function merge(source, target) {
+      let conditions2 = source.concat(target);
+      let conditionMap = /* @__PURE__ */ new Map();
+      for (let condition2 of conditions2) {
+        conditionMap.set(condition2.field, condition2);
+      }
+      let result = [];
+      conditionMap.forEach((v) => {
+        result.push(v);
+      });
+      return result;
+    }
+    function setConditions(conditionObj) {
+      var _a2;
+      conditions.value = ((_a2 = complexRef.value) == null ? void 0 : _a2.setConditions(conditionObj)) || [];
+      if (props.useQuickSearch && conditionObj[props.quickKey] !== void 0) {
+        quick.value = conditionObj[props.quickKey].value;
+        exec();
+      } else {
+        refresh();
+      }
+    }
+    expose({
+      setConditions
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_2$6, [
+          createVNode(FuComplexSearch, {
+            ref_key: "complexRef",
+            ref: complexRef,
+            components: __props.components,
+            onChange: change,
+            size: unref(configSize),
+            onClose: closePopover
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "complex")
+            ]),
+            _: 3
+          }, 8, ["components", "size"]),
+          unref(showComplex) ? (openBlock(), createBlock(FuSearchConditions, {
+            key: 0,
+            conditions: conditions.value,
+            size: unref(configSize),
+            onChange: change
+          }, null, 8, ["conditions", "size"])) : createCommentVNode("v-if", true),
+          __props.useQuickSearch ? (openBlock(), createBlock(FuQuickSearch, {
+            key: 1,
+            size: unref(configSize),
+            "use-icon": !unref(showComplex),
+            placeholder: unref(placeholder),
+            modelValue: quick.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
+            onChange: exec
+          }, null, 8, ["size", "use-icon", "placeholder", "modelValue"])) : createCommentVNode("v-if", true)
+        ]),
+        createElementVNode("div", _hoisted_3$4, [
+          renderSlot(_ctx.$slots, "buttons", {}, () => [
+            unref(showClean) ? (openBlock(), createBlock(FuSearchBarButton, {
+              key: 0,
+              icon: "Close",
+              onClick: clean,
+              size: unref(configSize),
+              tooltip: unref(t)("fu.search_bar.clean")
+            }, null, 8, ["size", "tooltip"])) : createCommentVNode("v-if", true),
+            unref(showRefresh) ? (openBlock(), createBlock(FuSearchBarButton, {
+              key: 1,
+              icon: "Refresh",
+              onClick: refresh,
+              size: unref(configSize),
+              tooltip: unref(t)("fu.search_bar.refresh")
+            }, null, 8, ["size", "tooltip"])) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ]);
+    };
+  }
+}));
+var FuSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/FuSearchBar.vue"]]);
+const _hoisted_1$9 = { 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), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    label: String,
+    field: {
+      type: String,
+      required: true
+    },
+    options: {
+      type: Array,
+      default: []
+    }
+  },
+  emits: ["init"],
+  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 { t } = useLocale();
+    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 ? [] : "";
+      emit("init");
+    }
+    const references = inject(referenceKey);
+    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$9, [
+        createElementVNode("div", _hoisted_2$5, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$3, [
+          createVNode(_component_el_select, mergeProps({
+            class: "fu-complex-select",
+            placeholder: unref(t)("fu.search_bar.please_select"),
+            modelValue: selection.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event),
+            size: unref(configSize)
+          }, _ctx.$attrs, { clearable: "" }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (o) => {
+                return openBlock(), createBlock(_component_el_option, {
+                  key: o.value,
+                  label: o.label,
+                  value: o.value
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["placeholder", "modelValue", "size"])
+        ])
+      ]);
+    };
+  }
+}));
+var FuComplexSelect = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexSelect.vue"]]);
+const _hoisted_1$8 = { 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), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    label: String,
+    field: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const inputValue = ref("");
+    const configSize = useSize();
+    const { t } = useLocale();
+    function getCondition() {
+      if (!inputValue.value)
+        return;
+      let { field: field2, label } = props;
+      let value = inputValue.value;
+      let valueLabel = inputValue.value;
+      return { field: field2, label, value, valueLabel };
+    }
+    function init(v) {
+      inputValue.value = v !== void 0 ? v : "";
+    }
+    const references = inject(referenceKey);
+    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_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$4, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$2, [
+          createVNode(_component_el_input, mergeProps({
+            modelValue: inputValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+            placeholder: unref(t)("fu.search_bar.please_input"),
+            size: unref(configSize)
+          }, _ctx.$attrs), null, 16, ["modelValue", "placeholder", "size"])
+        ])
+      ]);
+    };
+  }
+}));
+var FuComplexInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexInput.vue"]]);
+const _hoisted_1$7 = { 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), {
   props: {
-    modelValue: [String, Number],
-    writeTrigger: {
+    size: {
       type: String,
-      default: "onClick",
-      validator: (value) => {
-        return ["onClick", "onDblclick"].includes(value);
-      }
+      validator: validateSize
+    },
+    label: String,
+    field: {
+      type: String,
+      required: true
+    },
+    valueFormat: {
+      type: String,
+      default: "x"
     }
   },
-  emits: ["input", "blur"],
-  setup(__props, { emit }) {
+  setup(__props, { expose }) {
     const props = __props;
-    const data = ref(props.modelValue);
-    watch(() => props.modelValue, (v) => {
-      data.value = v;
+    const value = ref("");
+    const valueLabel = computed(() => {
+      return dateFormat(value.value[0]) + " ~ " + dateFormat(value.value[1]);
     });
-    function input(e) {
-      emit("input", data.value, e);
-    }
-    function blur(read, e) {
-      emit("blur", data.value, e);
-      read();
+    const { t } = useLocale();
+    const configSize = useSize();
+    function getCondition() {
+      if (!String(value.value))
+        return;
+      let { field: field2, label } = props;
+      return { field: field2, label, value: value.value, valueLabel: valueLabel.value };
     }
-    function keydown(read, e) {
-      if (e.key === "Enter") {
-        read();
-      }
+    function init(v) {
+      value.value = v !== void 0 ? v : "";
     }
+    const references = inject(referenceKey);
+    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_input = resolveComponent("el-input");
-      return openBlock(), createBlock(FuReadWriteSwitch, {
-        "write-trigger": __props.writeTrigger,
-        data: data.value
-      }, {
-        default: withCtx(({ read }) => [
-          createVNode(_component_el_input, mergeProps({
-            modelValue: data.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event)
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$1, [
+          createVNode(_component_el_date_picker, mergeProps({
+            class: "fu-complex-date",
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
-            onInput: input,
-            onBlur: ($event) => blur(read, $event),
-            onKeydown: ($event) => keydown(read, $event)
-          }), null, 16, ["modelValue", "onBlur", "onKeydown"])
-        ]),
-        _: 1
-      }, 8, ["write-trigger", "data"]);
+            size: unref(configSize),
+            placeholder: unref(t)("fu.search_bar.select_date"),
+            type: "daterange",
+            "value-format": __props.valueFormat,
+            "start-placeholder": unref(t)("fu.search_bar.start_date"),
+            "end-placeholder": unref(t)("fu.search_bar.end_date")
+          }), null, 16, ["modelValue", "size", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
+        ])
+      ]);
     };
   }
 }));
-var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/read-write-switch/FuInputRwSwitch.vue"]]);
-const __default__$8 = { name: "FuSelectRwSwitch" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
+var FuComplexDate = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexDate.vue"]]);
+const _hoisted_1$6 = { 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), {
   props: {
-    modelValue: [String, Number],
-    options: {
-      type: Array,
-      default: []
+    size: {
+      type: String,
+      validator: validateSize
     },
-    writeTrigger: {
+    label: String,
+    field: {
       type: String,
-      default: "onClick",
-      validator: (value) => {
-        return ["onClick", "onDblclick"].includes(value);
-      }
+      required: true
+    },
+    valueFormat: {
+      type: String,
+      default: "x"
     }
   },
-  emits: ["input", "blur", "change"],
-  setup(__props, { emit }) {
+  setup(__props, { expose }) {
     const props = __props;
-    const data = ref(props.modelValue);
-    watch(() => props.modelValue, (v) => {
-      data.value = v;
+    const value = ref("");
+    const configSize = useSize();
+    const valueLabel = computed(() => {
+      return datetimeFormat(value.value[0]) + " ~ " + datetimeFormat(value.value[1]);
     });
-    function input(e) {
-      emit("input", data.value, e);
-    }
-    function blur(read, e) {
-      setTimeout(() => {
-        read();
-      }, 100);
-      emit("blur", data.value, e);
+    const { t } = useLocale();
+    function getCondition() {
+      if (!String(value.value))
+        return;
+      let { field: field2, label } = props;
+      return { field: field2, label, value: value.value, valueLabel: valueLabel.value };
     }
-    function change(read, e) {
-      emit("change", data.value, e);
-      read();
+    function init(v) {
+      value.value = v !== void 0 ? v : "";
     }
+    const references = inject(referenceKey);
+    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");
-      const _component_fu_read_write_switch = resolveComponent("fu-read-write-switch");
-      return openBlock(), createBlock(_component_fu_read_write_switch, {
-        "write-trigger": __props.writeTrigger,
-        data: data.value
-      }, {
-        read: withCtx(() => [
-          renderSlot(_ctx.$slots, "read", {}, () => [
-            createTextVNode(toDisplayString(data.value), 1)
-          ])
-        ]),
-        default: withCtx(({ read }) => [
-          createVNode(_component_el_select, mergeProps({
-            modelValue: data.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event)
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$2, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3, [
+          createCommentVNode(' :size="configSize"  '),
+          createVNode(_component_el_date_picker, mergeProps({
+            class: "fu-complex-date-time",
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
-            onInput: input,
-            onBlur: ($event) => blur(read, $event),
-            onChange: ($event) => change(read, $event)
-          }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
-                  return openBlock(), createBlock(_component_el_option, {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ])
-            ]),
-            _: 2
-          }, 1040, ["modelValue", "onBlur", "onChange"])
-        ]),
-        _: 3
-      }, 8, ["write-trigger", "data"]);
+            size: unref(configSize),
+            placeholder: unref(t)("fu.search_bar.select_date_time"),
+            type: "datetimerange",
+            "value-format": __props.valueFormat,
+            "start-placeholder": unref(t)("fu.search_bar.start_date_time"),
+            "end-placeholder": unref(t)("fu.search_bar.end_date_time")
+          }), null, 16, ["modelValue", "size", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
+        ])
+      ]);
     };
   }
 }));
-var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/wangdan/\u5DE5\u4F5C/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 FuComplexDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/search-bar/complex-components/FuComplexDateTime.vue"]]);
+FuSearchBar.install = (app) => {
+  app.component(FuQuickSearch.name, FuQuickSearch);
+  app.component(FuSearchBar.name, FuSearchBar);
+  app.component(FuSearchBarButton.name, FuSearchBarButton);
+  app.component(FuComplexSelect.name, FuComplexSelect);
+  app.component(FuComplexInput.name, FuComplexInput);
+  app.component(FuComplexDate.name, FuComplexDate);
+  app.component(FuComplexDateTime.name, FuComplexDateTime);
 };
-var __glob_1_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": FuReadWriteSwitch
+  "default": FuSearchBar
 }, Symbol.toStringTag, { value: "Module" }));
 var _a;
 const isClient = typeof window !== "undefined";
@@ -1564,17 +2486,8 @@ const ClickOutside = {
     nodeList.delete(el);
   }
 };
-const COMPONENTS_TYPE = ["default", "primary", "success", "warning", "danger", "info"];
-const validateType = (value) => {
-  if (!value)
-    return true;
-  if (COMPONENTS_TYPE.includes(value)) {
-    return true;
-  }
-  console.error("types is not contains " + value);
-  return false;
-};
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "FuSpeedDialButton",
   props: {
     type: {
       type: String,
@@ -1595,10 +2508,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
           "fu-speed-dial-button",
-          "fu-speed-dial-button--" + __props.type,
+          "el-button",
+          "el-button--" + __props.type,
           {
             "fu-speed-dial-button--rotate": __props.rotate,
             "is-disabled": __props.disabled,
@@ -1614,22 +2529,27 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         })
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          createElementVNode("i", {
-            class: normalizeClass(__props.icon)
-          }, null, 2)
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
+            ]),
+            _: 1
+          })
         ])
       ], 6);
     };
   }
 });
-var FuSpeedDialButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialButton.vue"]]);
+var FuSpeedDialButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/mokun/fit2cloud2.0/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({
+  __name: "FuSpeedDialActionButton",
   props: {
     index: Number,
     icon: {
       type: String,
-      default: "el-icon-plus"
+      default: "Plus"
     },
     titleClass: String,
     titleBgColor: String,
@@ -1642,18 +2562,16 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props, { emit }) {
     const props = __props;
-    const FuSpeedDial2 = inject("FuSpeedDial");
+    const speedDialKey = inject(SpeedDialKey);
     const config = computed(() => {
-      return FuSpeedDial2.config;
+      return speedDialKey == null ? void 0 : speedDialKey.config;
     });
     const direction = computed(() => {
-      return FuSpeedDial2.direction;
-    });
-    computed(() => {
-      return FuSpeedDial2.clickClose;
+      return (speedDialKey == null ? void 0 : speedDialKey.direction.value) || "";
     });
     const titleSize = computed(() => {
-      let size = config.value.fab.size + "px";
+      var _a2;
+      let size = ((_a2 = config.value) == null ? void 0 : _a2.fab.size) + "px";
       let style = { position: "absolute", height: size };
       if (["top", "bottom"].includes(direction.value)) {
         style["text-align"] = "right";
@@ -1661,7 +2579,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       } else {
         style["text-align"] = "center";
         style["min-width"] = size;
-        if (props.index % 2 === 0) {
+        if (props.index || 0 % 2 === 0) {
           style.top = size;
         } else {
           style.top = "-" + size;
@@ -1670,22 +2588,24 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return style;
     });
     const titleStyle = computed(() => {
+      var _a2;
       let backgroundColor = props.titleBgColor;
       let color = props.titleColor;
-      let fontSize = config.value.item.titleFontSize;
+      let fontSize = (_a2 = config.value) == null ? void 0 : _a2.item.titleFontSize;
       return { backgroundColor, color, fontSize };
     });
     const buttonProps = computed(() => {
+      var _a2, _b;
       let backgroundColor = props.bgColor;
       let color = props.color;
-      let fontSize = config.value.item.buttonFontSize;
-      let size = config.value.item.size + "px";
+      let fontSize = (_a2 = config.value) == null ? void 0 : _a2.item.buttonFontSize;
+      let size = ((_b = config.value) == null ? void 0 : _b.item.size) + "px";
       return { backgroundColor, color, fontSize, size };
     });
     function click(e) {
-      const { index: index2, title } = props;
-      emit("click", { index: index2, title }, e);
-      FuSpeedDial2.close();
+      const { index, title } = props;
+      emit("click", { index, title }, e);
+      speedDialKey == null ? void 0 : speedDialKey.close();
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
@@ -1712,9 +2632,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FuSpeedDialActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialActionButton.vue"]]);
-const __default__$7 = { name: "FuSpeedDialItem" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
+var FuSpeedDialActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialActionButton.vue"]]);
+const __default__$9 = { name: "FuSpeedDialItem" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
   props: {
     index: {
       type: Number,
@@ -1723,33 +2643,33 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props) {
     const props = __props;
-    const FuSpeedDial2 = inject("FuSpeedDial");
+    const speedDialKey = inject(SpeedDialKey);
     const config = computed(() => {
-      return FuSpeedDial2.config;
+      return speedDialKey == null ? void 0 : speedDialKey.config;
     });
     const direction = computed(() => {
-      return FuSpeedDial2.direction;
+      return (speedDialKey == null ? void 0 : speedDialKey.direction.value) || "";
     });
     const isActive = computed(() => {
-      return FuSpeedDial2.active;
-    });
-    computed(() => {
-      return FuSpeedDial2.size;
+      var _a2;
+      return (_a2 = speedDialKey == null ? void 0 : speedDialKey.active) == null ? void 0 : _a2.value;
     });
     const spacing = computed(() => {
       return config.value.item.spacing || 0;
     });
     const directionPosition = computed(() => {
+      var _a2, _b, _c, _d;
       if (["top", "left"].includes(direction.value)) {
-        return -config.value.fab.size - spacing.value;
+        return -((_b = (_a2 = config.value) == null ? void 0 : _a2.fab) == null ? void 0 : _b.size) - spacing.value;
       }
-      return config.value.fab.size + spacing.value;
+      return ((_d = (_c = config.value) == null ? void 0 : _c.fab) == null ? void 0 : _d.size) + spacing.value;
     });
     const itemSize = computed(() => {
-      let size2 = config.value.fab.size + "px";
+      var _a2, _b;
+      let size = ((_b = (_a2 = config.value) == null ? void 0 : _a2.fab) == null ? void 0 : _b.size) + "px";
       return {
-        width: size2,
-        height: size2
+        width: size,
+        height: size
       };
     });
     function setPosition(el, position) {
@@ -1803,13 +2723,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSpeedDialItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialItem.vue"]]);
+var FuSpeedDialItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialItem.vue"]]);
 const _hoisted_1$4 = { class: "fu-speed-dial__content" };
-const __default__$6 = { name: "FuSpeedDial" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$6), {
+const __default__$8 = { name: "FuSpeedDial" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
   props: {
+    modelValue: Boolean,
     id: String,
-    value: Boolean,
     type: {
       type: String,
       default: "primary"
@@ -1818,7 +2738,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     size: {
       type: String,
       default: "default",
-      validator: (value) => ["big", "default", "medium", "small"].includes(value)
+      validator: (value) => ["large", "default", "small"].includes(value)
     },
     direction: {
       type: String,
@@ -1827,11 +2747,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     },
     icon: {
       type: String,
-      default: "el-icon-plus"
+      default: "Plus"
     },
     activeIcon: {
       type: String,
-      default: "el-icon-close"
+      default: "Close"
     },
     movable: {
       type: Boolean,
@@ -1866,7 +2786,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       type: Object,
       default: () => {
         return {
-          big: {
+          large: {
             fab: { size: 56, fontSize: "18px" },
             item: { size: 40, spacing: 0, titleFontSize: "14px", buttonFontSize: "18px" }
           },
@@ -1874,12 +2794,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             fab: { size: 40, fontSize: "16px" },
             item: { size: 32, spacing: 0, titleFontSize: "14px", buttonFontSize: "16px" }
           },
-          medium: {
-            fab: { size: 36, fontSize: "14px" },
-            item: { size: 28, spacing: 0, titleFontSize: "12px", buttonFontSize: "14px" }
-          },
           small: {
-            fab: { size: 32, fontSize: "12px" },
+            fab: { size: 32, fontSize: "12px", padding: 0 },
             item: { size: 24, spacing: 0, titleFontSize: "12px", buttonFontSize: "12px" }
           }
         };
@@ -1891,23 +2807,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const props = __props;
     const slots = useSlots();
     const instance = getCurrentInstance();
-    const { zIndex, position, left, top, right, bottom } = props;
     const active = ref(false);
     const moving = ref(false);
-    const style = reactive({ zIndex, position, left, top, right, bottom });
-    const updateStyle = function() {
-      style.value = { zIndex, position, left, top, right, bottom };
-    };
-    provide("FuSpeedDial", instance);
-    watch(() => props.value, (v) => {
+    const { zIndex, position, left, top, right, bottom } = props;
+    const style = ref({ zIndex, position, left, top, right, bottom });
+    watch(() => props.modelValue, (v) => {
       active.value = v;
     });
-    watch(() => props.position, updateStyle);
-    watch(() => props.zIndex, updateStyle);
-    watch(() => props.left, updateStyle);
-    watch(() => props.right, updateStyle);
-    watch(() => props.top, updateStyle);
-    watch(() => props.bottom, updateStyle);
+    watch(() => props.position, () => updateStyle());
+    watch(() => props.zIndex, () => updateStyle());
+    watch(() => props.left, () => updateStyle());
+    watch(() => props.right, () => updateStyle());
+    watch(() => props.top, () => updateStyle());
+    watch(() => props.bottom, () => updateStyle());
+    function updateStyle() {
+      const { zIndex: zIndex2, position: position2, left: left2, top: top2, right: right2, bottom: bottom2 } = props;
+      style.value = { zIndex: zIndex2, position: position2, left: left2, top: top2, right: right2, bottom: bottom2 };
+    }
     const saveKey = computed(() => {
       return "Fu-SD-" + props.localKey;
     });
@@ -1921,13 +2837,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       return props.sizeOptions[props.size] || props.sizeOptions["default"];
     });
     const buttonProps = computed(() => {
-      let type = props.type;
       let rotate = true;
-      let activeValue = active.value;
       let size = config.value.fab.size + "px";
       let fontSize = config.value.fab.fontSize;
       let icon = props.activeIcon === props.icon ? props.icon : active.value ? props.activeIcon : props.icon;
-      return { type, rotate, active: activeValue, size, fontSize, icon };
+      return { type: props.type, rotate, active: active.value, size, fontSize, icon };
     });
     const spacing = computed(() => {
       let spacing2 = config.value.item.spacing || 0;
@@ -1939,18 +2853,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       if (["top", "left"].includes(props.direction)) {
         position2 = -config.value.fab.size - spacing.value;
       }
-      let style2 = { position: "absolute", zIndex: props.zIndex };
+      let positionStyle = { position: "absolute", zIndex: props.zIndex };
       if (["top", "bottom"].includes(props.direction)) {
-        style2.top = position2 + "px";
+        positionStyle.top = position2 + "px";
       } else {
-        style2.top = 0;
-        style2.left = position2 + "px";
+        positionStyle.top = 0;
+        positionStyle.left = position2 + "px";
       }
-      return style2;
+      return positionStyle;
     });
-    function toggle(active2) {
+    function toggle(bool) {
       if (!moving.value && hashChildren.value) {
-        active2.value = active2 === void 0 ? !active2.value : active2;
+        active.value = bool === void 0 ? !active.value : bool;
       }
     }
     function outsideClickClose() {
@@ -1966,7 +2880,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       emit("click", [props.id, active.value], e);
     }
     function mousedown() {
-      if (moving.value) {
+      if (props.movable) {
         document.addEventListener("mousemove", mousemove);
         document.addEventListener("mouseup", mouseup);
       }
@@ -1974,7 +2888,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     function mousemove(e) {
       moving.value = true;
       if (props.position === "fixed") {
-        const el = instance.vnode.el;
+        const el = instance == null ? void 0 : instance.vnode.el;
         const rect = el.getBoundingClientRect();
         let left2 = e.clientX - rect.width / 2;
         let top2 = e.clientY - rect.height / 2;
@@ -1984,9 +2898,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         delete style.value.bottom;
       }
       if (props.position === "absolute") {
-        const { offsetLeft, offsetTop, clientWidth, clientHeight, offsetParent } = this.$el;
-        const maxWidth = offsetParent.clientWidth - clientWidth;
-        const maxHeight = offsetParent.clientHeight - clientHeight;
+        const { offsetLeft, offsetTop, clientWidth, clientHeight, offsetParent } = instance == null ? void 0 : instance.vnode.el;
+        const maxWidth = offsetParent && offsetParent.clientWidth || 0 - clientWidth;
+        const maxHeight = offsetParent && offsetParent.clientHeight || 0 - clientHeight;
         let left2 = offsetLeft + e.movementX;
         let top2 = offsetTop + e.movementY;
         if (left2 > 0 && left2 < maxWidth) {
@@ -2021,13 +2935,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         console.warn(saveKey.value + " error", e);
       }
     }
-    function itemClick(arg, e) {
-      console.log(arg);
-      const { index: index2 } = arg;
-      if (index2 !== void 0) {
-        const item = props.items[index2];
+    function itemClick(index) {
+      if (index !== void 0) {
+        const item = props.items[index];
         if (item.click && typeof item.click === "function")
-          return item.click(arg, e);
+          return item.click(index);
       }
     }
     function close() {
@@ -2036,6 +2948,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }
       emit("close", [props.id, active.value]);
     }
+    provide(SpeedDialKey, {
+      config: config.value,
+      direction: computed(() => props.direction),
+      active,
+      close
+    });
     onMounted(() => {
       readPosition();
     });
@@ -2045,7 +2963,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
         class: "fu-speed-dial",
-        style: normalizeStyle(unref(style))
+        style: normalizeStyle(style.value)
       }, [
         createElementVNode("div", _hoisted_1$4, [
           renderSlot(_ctx.$slots, "fab", {}, () => [
@@ -2058,11 +2976,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             style: normalizeStyle(unref(contentPosition))
           }, [
             renderSlot(_ctx.$slots, "default", {}, () => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index2) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
                 return openBlock(), createBlock(FuSpeedDialItem, mergeProps({
-                  index: index2,
-                  key: index2
-                }, item, { onClick: itemClick }), null, 16, ["index"]);
+                  index,
+                  key: index
+                }, item, {
+                  onClick: ($event) => itemClick(index)
+                }), null, 16, ["index", "onClick"]);
               }), 128))
             ])
           ], 4)
@@ -2073,12 +2993,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSpeedDial = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDial.vue"]]);
+var FuSpeedDial = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDial.vue"]]);
 FuSpeedDial.install = (app) => {
   app.component(FuSpeedDial.name, FuSpeedDial);
   app.component(FuSpeedDialItem.name, FuSpeedDialItem);
 };
-var __glob_1_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSpeedDial
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2086,8 +3006,8 @@ const _hoisted_1$3 = {
   key: 0,
   class: "icon"
 };
-const __default__$5 = { name: "FuSplitPane" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$5), {
+const __default__$7 = { name: "FuSplitPane" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
   props: {
     min: {
       type: [Number, String],
@@ -2289,22 +3209,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/split-pane/FuSplitPane.vue"]]);
+var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/split-pane/FuSplitPane.vue"]]);
 FuSplitPane.install = (app) => {
   app.component(FuSplitPane.name, FuSplitPane);
 };
-var __glob_1_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSplitPane
 }, Symbol.toStringTag, { value: "Module" }));
-var index = {
-  install: (app) => {
-  }
-};
-var __glob_1_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  "default": index
-}, Symbol.toStringTag, { value: "Module" }));
 function isFragment(node) {
   return isVNode(node) && node.type === Fragment;
 }
@@ -2369,8 +3281,9 @@ const FuTableBody = (props, context) => {
   });
   return nodes;
 };
-const __default__$4 = { name: "FuTable" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const LocalKey = Symbol("LocalKey");
+const __default__$6 = { name: "FuTable" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$6), {
   props: {
     columns: Array,
     refresh: {
@@ -2390,7 +3303,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
     const updateNodes = (nodes) => {
       nodes.forEach((node) => {
-        if (!node.type.key) {
+        if (isValidElementNode(node) && !node.type.key) {
           node.type.key = getLabel(node);
         }
       });
@@ -2465,7 +3378,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         initColumns(children, props.columns);
       }
     });
-    provide("localKey", props.localKey);
+    provide(LocalKey, props.localKey);
     onUpdated(() => {
       updateNodes(children);
       updateColumns(children, props.columns);
@@ -2492,15 +3405,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/FuTable.vue"]]);
+var FuTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/FuTable.vue"]]);
 const tableColumnSelect = (localKey) => {
   const columnsKey = computed(() => {
     return localKey ? "FU-T-" + localKey : "";
   });
-  function dragstart(event, index2) {
+  function dragstart(event, index) {
     if (event.dataTransfer) {
       event.dataTransfer.effectAllowed = "move";
-      event.dataTransfer.setData("source_index", index2);
+      event.dataTransfer.setData("source_index", index);
     }
   }
   function dragenter(event) {
@@ -2522,11 +3435,11 @@ const tableColumnSelect = (localKey) => {
       event.dataTransfer.clearData();
     }
   }
-  function drop(event, list, index2) {
+  function drop(event, list, index) {
     var _a2;
     let target = event.target;
     let source_index = Number((_a2 = event.dataTransfer) == null ? void 0 : _a2.getData("source_index"));
-    let target_index = index2;
+    let target_index = index;
     if (target_index > source_index) {
       list.splice(target_index + 1, 0, list[source_index]);
       list.splice(source_index, 1);
@@ -2550,6 +3463,7 @@ const tableColumnSelect = (localKey) => {
 const _hoisted_1$2 = { class: "fu-table-column-select-popper__body" };
 const _hoisted_2$1 = { class: "fu-table-column-select-popper__footer" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "FuTableColumnSelectPopover",
   props: {
     icon: {
       type: String,
@@ -2568,7 +3482,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { t } = useLocale();
-    const localKey = inject("localKey");
+    const localKey = inject(LocalKey, void 0);
     const {
       columnsKey,
       dragstart,
@@ -2597,11 +3511,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_popover = resolveComponent("el-popover");
-      return withDirectives((openBlock(), createBlock(_component_el_popover, {
+      return openBlock(), createBlock(_component_el_popover, {
         class: "fu-table-column-select",
         "popper-class": "fu-table-column-select-popper",
         trigger: __props.trigger,
-        "show-arrow": false
+        "show-arrow": false,
+        style: normalizeStyle({ "visibility": unref(hasSelect) ? "visible" : "hidden" })
       }, {
         reference: withCtx(() => [
           createVNode(_component_el_button, {
@@ -2658,25 +3573,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 1
-      }, 8, ["trigger"])), [
-        [vShow, unref(hasSelect)]
-      ]);
+      }, 8, ["trigger", "style"]);
     };
   }
 });
-var FuTableColumnSelectPopover = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-column-select/FuTableColumnSelectPopover.vue"]]);
+var FuTableColumnSelectPopover = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/table-column-select/FuTableColumnSelectPopover.vue"]]);
 const _hoisted_1$1 = { style: { "display": "inline-block" } };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "FuTableColumnSelectDialog",
   props: {
     icon: {
       type: String,
       default: "Setting"
     },
-    trigger: {
-      type: String,
-      default: "hover",
-      validator: (value) => ["click", "hover"].includes(value)
-    },
     columns: {
       type: Array,
       default: () => []
@@ -2684,7 +3593,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const localKey = inject("localKey");
+    const localKey = inject(LocalKey, void 0);
     const { t } = useLocale();
     const cloneColumn = (source, target) => {
       source.forEach((col) => {
@@ -2714,7 +3623,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       visible.value = false;
     }
     function reset() {
-      if (columnsKey) {
+      if (columnsKey.value) {
         localStorage.removeItem(columnsKey.value);
       }
       props.columns.splice(0, props.columns.length);
@@ -2726,7 +3635,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createCommentVNode(' :size="configSize"  '),
         createVNode(_component_el_button, {
           class: "fu-search-bar-button",
           icon: __props.icon,
@@ -2803,7 +3711,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FuTableColumnSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-column-select/FuTableColumnSelectDialog.vue"]]);
+var FuTableColumnSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/table-column-select/FuTableColumnSelectDialog.vue"]]);
 const _sfc_main$6 = defineComponent({
   name: "FuTableColumnSelect",
   props: ["type"],
@@ -2818,12 +3726,9 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-var FuTableColumnSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-column-select/FuTableColumnSelect.vue"]]);
-FuTableColumnSelect.install = (app) => {
-  app.component(FuTableColumnSelect.name, FuTableColumnSelect);
-};
-const __default__$3 = { name: "FuTablePagination" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+var FuTableColumnSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/table-column-select/FuTableColumnSelect.vue"]]);
+const __default__$5 = { name: "FuTablePagination" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$5), {
   props: {
     currentPage: {
       type: Number,
@@ -2870,13 +3775,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuTablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/FuTablePagination.vue"]]);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+var FuTablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/FuTablePagination.vue"]]);
+const __default__$4 = { name: "FuTableButton" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   props: {
-    size: {
-      type: String,
-      default: "default"
-    },
     label: String,
     disabled: Boolean,
     icon: Boolean
@@ -2901,9 +3803,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }, 8, ["content", "disabled"]);
     };
   }
-});
-var FuTableButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-operations/FuTableButton.vue"]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}));
+var FuTableButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/table-operations/FuTableButton.vue"]]);
+const __default__$3 = { name: "FuTableMoreButton" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   props: {
     row: Object,
     buttons: {
@@ -2977,7 +3880,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(unref(t)("fu.table.more")), 1)
-              ], 2112))
+              ], 64))
             ]),
             _: 1
           })
@@ -2986,8 +3889,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       });
     };
   }
-});
-var FuTableMoreButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-operations/FuTableMoreButton.vue"]]);
+}));
+var FuTableMoreButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/table-operations/FuTableMoreButton.vue"]]);
 const __default__$2 = { name: "FuTableOperations" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   props: {
@@ -2999,7 +3902,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     minWidth: [String, Number],
     ellipsis: {
       type: Number,
-      default: 3
+      default: 2
     },
     buttons: {
       type: Array,
@@ -3077,7 +3980,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                   _: 2
                 }, 1024)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   createTextVNode(toDisplayString(btn.label), 1)
-                ], 2112))
+                ], 64))
               ]),
               _: 2
             }, 1032, ["icon", "onClick", "disabled", "label", "type"]);
@@ -3094,12 +3997,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuTableOperations = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-operations/FuTableOperations.vue"]]);
-FuTableOperations.install = (app) => {
-  app.component(FuTableOperations.name, FuTableOperations);
-  app.component(FuTableButton.name, FuTableButton);
-  app.component(FuTableMoreButton.name, FuTableMoreButton);
-};
+var FuTableOperations = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/table-operations/FuTableOperations.vue"]]);
 const _hoisted_1 = { class: "fu-dropdown-link" };
 const _hoisted_2 = {
   key: 0,
@@ -3155,11 +4053,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         row
       };
     }
-    function show(index2) {
-      instance.refs[`dropdown${index2}`].handleOpen();
+    function show(index) {
+      instance.refs[`dropdown${index}`].handleOpen();
     }
-    function hide(index2) {
-      instance.refs[`dropdown${index2}`].handleClose();
+    function hide(index) {
+      instance.refs[`dropdown${index}`].handleClose();
     }
     expose({
       show,
@@ -3233,18 +4131,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuTableColumnDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-column-dropdown/FuTableColumnDropdown.vue"]]);
-FuTableColumnDropdown.install = (app) => {
-  app.component(FuTableColumnDropdown.name, FuTableColumnDropdown);
-};
+var FuTableColumnDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/table/FuTableColumnDropdown.vue"]]);
 FuTable.install = (app) => {
   app.component(FuTable.name, FuTable);
   app.component(FuTablePagination.name, FuTablePagination);
-  app.use(FuTableOperations.install);
-  app.use(FuTableColumnSelect.install);
-  app.use(FuTableColumnDropdown.install);
+  app.component(FuTableColumnSelect.name, FuTableColumnSelect);
+  app.component(FuTableColumnDropdown.name, FuTableColumnDropdown);
+  app.component(FuTableOperations.name, FuTableOperations);
+  app.component(FuTableButton.name, FuTableButton);
+  app.component(FuTableMoreButton.name, FuTableMoreButton);
 };
-var __glob_1_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuTable
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3303,10 +4200,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         addable: false
       }, _ctx.$attrs), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
           __props.addable ? (openBlock(), createBlock(_component_el_tab_pane, {
             name: "add",
-            key: "add"
+            key: "add",
+            lazy: true
           }, {
             label: withCtx(() => [
               renderSlot(_ctx.$slots, "add", {}, () => [
@@ -3352,7 +4249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                           }),
                           __props.addButtonLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                             createTextVNode(toDisplayString(__props.addButtonLabel), 1)
-                          ], 2112)) : createCommentVNode("v-if", true)
+                          ], 64)) : createCommentVNode("v-if", true)
                         ]),
                         _: 1
                       })
@@ -3375,7 +4272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                       }),
                       __props.addButtonLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                         createTextVNode(toDisplayString(__props.addButtonLabel), 1)
-                      ], 2112)) : createCommentVNode("v-if", true)
+                      ], 64)) : createCommentVNode("v-if", true)
                     ]),
                     _: 1
                   })
@@ -3383,28 +4280,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               ])
             ]),
             _: 3
-          })) : createCommentVNode("v-if", true)
+          })) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
 }));
-var FuTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/tabs/FuTabs.vue"]]);
+var FuTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/tabs/FuTabs.vue"]]);
 FuTabs.install = (app) => {
   app.component(FuTabs.name, FuTabs);
 };
-var __glob_1_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuTabs
 }, Symbol.toStringTag, { value: "Module" }));
 const name = "fit2cloud-ui-plus";
-const version = "0.0.1-beta.8";
+const version = "1.0.0-beta.2";
 const main = "./lib/fit2cloud-ui-plus.es.js";
 const files = [
   "lib",
-  "src"
+  "src",
+  "types"
 ];
+const types = "./types/src/index.d.ts";
 const author = "fit2cloud";
 const license = "GPL-3.0 License";
 const repository = {
@@ -3414,16 +4314,19 @@ const repository = {
 const scripts = {
   dev: "vite",
   build: "vite build",
-  "build-lib": "vite build --mode lib",
+  "build-lib": "vite build --mode lib && vue-tsc --emitDeclarationOnly",
+  "build-docs": "vite build --mode docs",
   preview: "vite preview"
 };
 const dependencies = {
   "@element-plus/icons-vue": "^1.1.4",
-  "element-plus": "^2.2.2",
+  "element-plus": "^2.2.14",
   "github-markdown-css": "^5.1.0",
+  "prism-theme-vars": "^0.2.3",
   prismjs: "^1.28.0",
   "vite-plugin-markdown": "^2.0.2",
   vue: "^3.2.37",
+  "vue-clipboard3": "^2.0.0",
   "vue-router": "^4.0.14"
 };
 const devDependencies = {
@@ -3433,7 +4336,7 @@ const devDependencies = {
   "sass-loader": "^12.6.0",
   typescript: "^4.5.4",
   "unplugin-vue-define-options": "^0.6.1",
-  vite: "^2.9.5",
+  vite: "^2.9.13",
   "vue-tsc": "^0.34.7"
 };
 var PackageJSON = {
@@ -3442,6 +4345,7 @@ var PackageJSON = {
   "private": false,
   main,
   files,
+  types,
   author,
   license,
   repository,
@@ -3449,12 +4353,13 @@ var PackageJSON = {
   dependencies,
   devDependencies
 };
-const components = { "./components/filter-bar/index.ts": __glob_1_0, "./components/read-write-switch/index.ts": __glob_1_1, "./components/speed-dial/index.ts": __glob_1_2, "./components/split-pane/index.ts": __glob_1_3, "./components/steps/index.ts": __glob_1_4, "./components/table/index.ts": __glob_1_5, "./components/tabs/index.ts": __glob_1_6 };
-const install = (app) => {
+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/table/index.ts": __glob_2_6, "./components/tabs/index.ts": __glob_2_7 };
+const install = (app, config) => {
   Object.keys(components).forEach((key) => {
     let component = components[key].default;
     app.use(component);
   });
+  provideGlobalConfig(config);
 };
 const plugin = {
   name: "Fit2CloudUIPlus",