fit2cloud-ui-plus 0.0.1-beta.8 → 0.0.1-beta.9

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

@@ -17,7 +17,9 @@ 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";
+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, isVNode, Comment, useSlots, onUpdated, withDirectives, vShow, normalizeProps, guardReactiveProps } from "vue";
+const COMPONENTS_SIZE = ["", "default", "small", "large"];
+const validateSize = (val) => ["", ...COMPONENTS_SIZE].includes(val);
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -26,8 +28,12 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 const __default__$f = { name: "FuSearchInput" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$f), {
+const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$f), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     value: String
   },
   emits: ["input", "change"],
@@ -59,18 +65,21 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         onInput: input,
         onBlur: blur,
         onKeydown: keydown
-      }, _ctx.$attrs, { clearable: "" }), null, 16, ["modelValue"]);
+      }, _ctx.$attrs, {
+        clearable: "",
+        size: __props.size
+      }), null, 16, ["modelValue", "size"]);
     };
   }
 }));
-var FuSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuSearchInput.vue"]]);
+var FuSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuSearchInput.vue"]]);
 const globalConfig = ref();
 function useGlobalConfig(key, defaultValue = void 0) {
   const config = getCurrentInstance() ? inject(Symbol(), globalConfig) : globalConfig;
   if (key) {
     return computed(() => {
-      var _a2, _b;
-      return (_b = (_a2 = config.value) == null ? void 0 : _a2[key]) != null ? _b : defaultValue;
+      var _a, _b;
+      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
     });
   } else {
     return config;
@@ -125,9 +134,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 +263,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 +291,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]);
   }
 }
@@ -325,13 +334,13 @@ ListCache.prototype["delete"] = listCacheDelete;
 ListCache.prototype.get = listCacheGet;
 ListCache.prototype.has = listCacheHas;
 ListCache.prototype.set = listCacheSet;
-var Map$1 = getNative(root$1, "Map");
-var Map$2 = Map$1;
+var Map = getNative(root$1, "Map");
+var Map$1 = Map;
 function mapCacheClear() {
   this.size = 0;
   this.__data__ = {
     "hash": new Hash(),
-    "map": new (Map$2 || ListCache)(),
+    "map": new (Map$1 || ListCache)(),
     "string": new Hash()
   };
 }
@@ -361,10 +370,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 +443,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);
@@ -504,8 +513,8 @@ var Chinese = {
 };
 const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
 const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
-  var _a2;
-  return `${(_a2 = option == null ? void 0 : option[key]) != null ? _a2 : `{${key}}`}`;
+  var _a;
+  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
 });
 const buildLocaleContext = (locale) => {
   const lang = computed(() => unref(locale).name);
@@ -520,18 +529,19 @@ const useLocale = () => {
   const locale = useGlobalConfig("locale");
   return buildLocaleContext(computed(() => locale.value || Chinese));
 };
-const _hoisted_1$c = { class: "fu-filter-conditions" };
+const _hoisted_1$a = { class: "fu-filter-conditions" };
 const _hoisted_2$7 = { class: "condition-text" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterConditions",
   props: {
     conditions: Array
   },
   emits: ["change"],
   setup(__props, { emit }) {
     const props = __props;
-    function remove(index2) {
-      var _a2;
-      (_a2 = props.conditions) == null ? void 0 : _a2.splice(index2, 1);
+    function remove(index) {
+      var _a;
+      (_a = props.conditions) == null ? void 0 : _a.splice(index, 1);
       emit("change", props.conditions);
     }
     function text(condition) {
@@ -540,16 +550,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$a, [
+        (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),
             createVNode(_component_el_icon, {
               class: "fu-scale-click",
-              onClick: ($event) => remove(index2)
+              onClick: ($event) => remove(index)
             }, {
               default: withCtx(() => [
                 createVNode(_component_CloseBold)
@@ -562,17 +572,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$k, [["__file", "/Users/wangdan/\u5DE5\u4F5C/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_1$9 = { 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 _hoisted_3$5 = /* @__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 _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$e), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     count: {
       type: Number,
       default: 0
@@ -598,16 +612,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       clearInterval(rightTimer);
     }
     function left() {
-      var _a2;
-      let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
+      var _a;
+      let el = (_a = conditionsRef.value) == null ? void 0 : _a.$el;
       leftTimer = setInterval(() => {
         if (el)
           el.scrollLeft -= 15;
       }, 50);
     }
     function right() {
-      var _a2;
-      let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
+      var _a;
+      let el = (_a = conditionsRef.value) == null ? void 0 : _a.$el;
       rightTimer = setInterval(() => {
         if (el)
           el.scrollLeft += 15;
@@ -615,8 +629,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     }
     function change() {
       nextTick(() => {
-        var _a2;
-        let el = (_a2 = conditionsRef.value) == null ? void 0 : _a2.$el;
+        var _a;
+        let el = (_a = conditionsRef.value) == null ? void 0 : _a.$el;
         scroll.value = el != null && (el == null ? void 0 : el.getBoundingClientRect().width) >= scrollWidth.value;
       });
       emit("filter", conditions.value);
@@ -689,11 +703,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         ref_key: "filterRef",
         ref: filterRef
       }, [
-        createElementVNode("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_1$9, [
           createTextVNode(toDisplayString(__props.count) + " ", 1),
           createElementVNode("span", _hoisted_2$6, toDisplayString(unref(t)("fu.filter_bar.results")), 1)
         ]),
-        _hoisted_3$4,
+        _hoisted_3$5,
         scroll.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "fu-filter__scroll",
@@ -754,21 +768,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: __props.size }), 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,7 +792,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                     createTextVNode(toDisplayString(unref(t)("fu.filter_bar.search")), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["size"])
               ])
             ])
           ]),
@@ -786,16 +802,20 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-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" };
+var FuFilter = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuFilter.vue"]]);
+const _hoisted_1$8 = { class: "fu-filter-bar" };
 const _hoisted_2$5 = { class: "fu-filter-bar__top" };
-const _hoisted_3$3 = { class: "top_left" };
+const _hoisted_3$4 = { 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 _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$d), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     resultCount: Number,
     quickPlaceholder: String,
     components: Array
@@ -807,8 +827,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const conditions = ref([]);
     const filterRef = ref();
     function open() {
-      var _a2;
-      (_a2 = filterRef.value) == null ? void 0 : _a2.open();
+      var _a;
+      (_a = filterRef.value) == null ? void 0 : _a.open();
     }
     function change() {
       emit("exec", conditionObj.value);
@@ -818,8 +838,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       emit("exec", conditionObj.value);
     }
     function setConditions(conditionObj2) {
-      var _a2;
-      (_a2 = filterRef.value) == null ? void 0 : _a2.setConditions(conditionObj2);
+      var _a;
+      (_a = filterRef.value) == null ? void 0 : _a.setConditions(conditionObj2);
     }
     const conditionObj = computed(() => {
       let obj = { quick: quick.value };
@@ -833,30 +853,31 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$5, [
-          createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("div", _hoisted_3$4, [
             renderSlot(_ctx.$slots, "tl")
           ]),
           createElementVNode("div", _hoisted_4$1, [
             renderSlot(_ctx.$slots, "tr", {}, () => [
-              createCommentVNode(' :size="configSize" '),
               createVNode(FuSearchInput, {
+                size: __props.size,
                 modelValue: quick.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
                 placeholder: __props.quickPlaceholder,
                 onChange: change
-              }, null, 8, ["modelValue", "placeholder"]),
+              }, null, 8, ["size", "modelValue", "placeholder"]),
               createVNode(_component_el_button, {
                 onClick: open,
-                icon: "Filter"
+                icon: "Filter",
+                size: __props.size
               }, {
                 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 +888,23 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             ref: filterRef,
             onFilter: filter,
             count: __props.resultCount,
-            components: __props.components
+            components: __props.components,
+            size: __props.size
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["count", "components"])
+          }, 8, ["count", "components", "size"])
         ])
       ]);
     };
   }
 }));
-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$i, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuFilterBar.vue"]]);
+const _hoisted_1$7 = ["onClick"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "FuFilterOption",
   props: {
     value: {
       type: [String, Number],
@@ -912,18 +935,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$7);
     };
   }
 });
-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" };
+var FuFilterOption = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterOption.vue"]]);
+const _hoisted_1$6 = { class: "fu-filter-component" };
 const _hoisted_2$4 = { class: "fu-filter-component__label" };
-const _hoisted_3$2 = { class: "fu-filter-component__content" };
+const _hoisted_3$3 = { 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 _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$c), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     multiple: {
       type: Boolean,
       default: false
@@ -983,8 +1010,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);
       }
@@ -1027,9 +1054,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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", _hoisted_2$4, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$2, [
+        createElementVNode("div", _hoisted_3$3, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showOptions), (o) => {
             return openBlock(), createBlock(FuFilterOption, {
               label: o.label,
@@ -1063,6 +1090,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                 multiple: __props.multiple,
                 onChange: change,
                 teleported: false,
+                size: __props.size,
                 placeholder: unref(t)("fu.search_bar.please_select")
               }), {
                 default: withCtx(() => [
@@ -1084,7 +1112,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                   }), 128))
                 ]),
                 _: 1
-              }, 16, ["modelValue", "multiple", "placeholder"])
+              }, 16, ["modelValue", "multiple", "size", "placeholder"])
             ]),
             _: 1
           })
@@ -1093,7 +1121,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$g, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterSelect.vue"]]);
 const getCheckDate = (timestamp) => {
   if (!timestamp)
     return false;
@@ -1123,12 +1151,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_1$5 = { class: "fu-filter-component" };
 const _hoisted_2$3 = { class: "fu-filter-component__label" };
-const _hoisted_3$1 = { class: "fu-filter-component__content" };
+const _hoisted_3$2 = { class: "fu-filter-component__content" };
 const __default__$b = { name: "FuFilterDate" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
+const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     label: String,
     field: {
       type: String,
@@ -1165,33 +1197,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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$1, [
-          createCommentVNode(' :size="configSize"  '),
+        createElementVNode("div", _hoisted_3$2, [
+          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: __props.size,
             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" };
+var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDate.vue"]]);
+const _hoisted_1$4 = { class: "fu-filter-component" };
 const _hoisted_2$2 = { class: "fu-filter-component__label" };
-const _hoisted_3 = { class: "fu-filter-component__content" };
+const _hoisted_3$1 = { class: "fu-filter-component__content" };
 const __default__$a = { name: "FuFilterDateTime" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
+const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
   props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
     label: String,
     field: {
       type: String,
@@ -1228,40 +1265,39 @@ 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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createElementVNode("div", _hoisted_2$2, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_3$1, [
           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: __props.size,
             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$e, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDateTime.vue"]]);
+FuSearchInput.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 __glob_1_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": index$1
+  "default": FuSearchInput
 }, Symbol.toStringTag, { value: "Module" }));
 const uuid = function() {
   let d = new Date().getTime();
@@ -1279,7 +1315,7 @@ const uuid = function() {
   });
 };
 const TRIGGERS = ["manual", "onClick", "onDblclick"];
-const _sfc_main$h = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "FuReadWriteSwitch",
   props: {
     modelValue: Boolean,
@@ -1347,9 +1383,9 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/read-write-switch/FuReadWriteSwitch.vue"]]);
+var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__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), {
+const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
   props: {
     modelValue: [String, Number],
     writeTrigger: {
@@ -1400,9 +1436,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/read-write-switch/FuInputRwSwitch.vue"]]);
+var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__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), {
+const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
   props: {
     modelValue: [String, Number],
     options: {
@@ -1478,7 +1514,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/read-write-switch/FuSelectRwSwitch.vue"]]);
+var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__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);
@@ -1488,606 +1524,12 @@ var __glob_1_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   __proto__: null,
   "default": FuReadWriteSwitch
 }, Symbol.toStringTag, { value: "Module" }));
-var _a;
-const isClient = typeof window !== "undefined";
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-Object.freeze({});
-Object.freeze([]);
-const isArray = Array.isArray;
-const isElement = (e) => {
-  if (typeof Element === "undefined")
-    return false;
-  return e instanceof Element;
-};
-const nodeList = /* @__PURE__ */ new Map();
-let startClick;
-if (isClient) {
-  document.addEventListener("mousedown", (e) => startClick = e);
-  document.addEventListener("mouseup", (e) => {
-    for (const handlers of nodeList.values()) {
-      for (const { documentHandler } of handlers) {
-        documentHandler(e, startClick);
-      }
-    }
-  });
-}
-function createDocumentHandler(el, binding) {
-  let excludes = [];
-  if (Array.isArray(binding.arg)) {
-    excludes = binding.arg;
-  } else if (isElement(binding.arg)) {
-    excludes.push(binding.arg);
-  }
-  return function(mouseup, mousedown) {
-    const popperRef = binding.instance.popperRef;
-    const mouseUpTarget = mouseup.target;
-    const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
-    const isBound = !binding || !binding.instance;
-    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-    const isSelf = el === mouseUpTarget;
-    const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
-    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
-    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
-      return;
-    }
-    binding.value(mouseup, mousedown);
-  };
-}
-const ClickOutside = {
-  beforeMount(el, binding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
-    }
-    nodeList.get(el).push({
-      documentHandler: createDocumentHandler(el, binding),
-      bindingFn: binding.value
-    });
-  },
-  updated(el, binding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
-    }
-    const handlers = nodeList.get(el);
-    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
-    const newHandler = {
-      documentHandler: createDocumentHandler(el, binding),
-      bindingFn: binding.value
-    };
-    if (oldHandlerIndex >= 0) {
-      handlers.splice(oldHandlerIndex, 1, newHandler);
-    } else {
-      handlers.push(newHandler);
-    }
-  },
-  unmounted(el) {
-    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({
-  props: {
-    type: {
-      type: String,
-      default: "default",
-      validator: validateType
-    },
-    rotate: Boolean,
-    disabled: Boolean,
-    active: Boolean,
-    icon: String,
-    size: {
-      type: String,
-      default: "32px"
-    },
-    backgroundColor: String,
-    color: String,
-    fontSize: String
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "fu-speed-dial-button",
-          "fu-speed-dial-button--" + __props.type,
-          {
-            "fu-speed-dial-button--rotate": __props.rotate,
-            "is-disabled": __props.disabled,
-            "is-active": __props.active
-          }
-        ]),
-        style: normalizeStyle({
-          width: __props.size,
-          height: __props.size,
-          backgroundColor: __props.backgroundColor,
-          color: __props.color,
-          fontSize: __props.fontSize
-        })
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createElementVNode("i", {
-            class: normalizeClass(__props.icon)
-          }, null, 2)
-        ])
-      ], 6);
-    };
-  }
-});
-var FuSpeedDialButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/speed-dial/FuSpeedDialButton.vue"]]);
-const _hoisted_1$5 = { class: "fu-speed-dial-action-button" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  props: {
-    index: Number,
-    icon: {
-      type: String,
-      default: "el-icon-plus"
-    },
-    titleClass: String,
-    titleBgColor: String,
-    titleColor: String,
-    buttonClass: String,
-    bgColor: String,
-    color: String,
-    title: [String, Number]
-  },
-  emits: ["click"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const FuSpeedDial2 = inject("FuSpeedDial");
-    const config = computed(() => {
-      return FuSpeedDial2.config;
-    });
-    const direction = computed(() => {
-      return FuSpeedDial2.direction;
-    });
-    computed(() => {
-      return FuSpeedDial2.clickClose;
-    });
-    const titleSize = computed(() => {
-      let size = config.value.fab.size + "px";
-      let style = { position: "absolute", height: size };
-      if (["top", "bottom"].includes(direction.value)) {
-        style["text-align"] = "right";
-        style["right"] = size;
-      } else {
-        style["text-align"] = "center";
-        style["min-width"] = size;
-        if (props.index % 2 === 0) {
-          style.top = size;
-        } else {
-          style.top = "-" + size;
-        }
-      }
-      return style;
-    });
-    const titleStyle = computed(() => {
-      let backgroundColor = props.titleBgColor;
-      let color = props.titleColor;
-      let fontSize = config.value.item.titleFontSize;
-      return { backgroundColor, color, fontSize };
-    });
-    const buttonProps = computed(() => {
-      let backgroundColor = props.bgColor;
-      let color = props.color;
-      let fontSize = config.value.item.buttonFontSize;
-      let size = config.value.item.size + "px";
-      return { backgroundColor, color, fontSize, size };
-    });
-    function click(e) {
-      const { index: index2, title } = props;
-      emit("click", { index: index2, title }, e);
-      FuSpeedDial2.close();
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        __props.title ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "fu-speed-dial-action-button__title",
-          style: normalizeStyle(unref(titleSize))
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("div", {
-              class: normalizeClass(["fu-speed-dial-action-button__text", __props.titleClass]),
-              style: normalizeStyle(unref(titleStyle)),
-              onClick: click
-            }, toDisplayString(__props.title), 7)
-          ])
-        ], 4)) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createVNode(FuSpeedDialButton, mergeProps({ class: __props.buttonClass }, unref(buttonProps), {
-            icon: __props.icon,
-            onClick: click
-          }), null, 16, ["class", "icon"])
-        ])
-      ]);
-    };
-  }
-});
-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), {
-  props: {
-    index: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const FuSpeedDial2 = inject("FuSpeedDial");
-    const config = computed(() => {
-      return FuSpeedDial2.config;
-    });
-    const direction = computed(() => {
-      return FuSpeedDial2.direction;
-    });
-    const isActive = computed(() => {
-      return FuSpeedDial2.active;
-    });
-    computed(() => {
-      return FuSpeedDial2.size;
-    });
-    const spacing = computed(() => {
-      return config.value.item.spacing || 0;
-    });
-    const directionPosition = computed(() => {
-      if (["top", "left"].includes(direction.value)) {
-        return -config.value.fab.size - spacing.value;
-      }
-      return config.value.fab.size + spacing.value;
-    });
-    const itemSize = computed(() => {
-      let size2 = config.value.fab.size + "px";
-      return {
-        width: size2,
-        height: size2
-      };
-    });
-    function setPosition(el, position) {
-      if (["top", "bottom"].includes(direction.value)) {
-        el.style.transform = "translateY(" + position + ")";
-      } else {
-        el.style.transform = "translateX(" + position + ")";
-      }
-    }
-    function beforeEnter(el) {
-      el.style.transition = "all 0.3s";
-      el.style.position = "absolute";
-      setPosition(el, 0);
-      el.style.opacity = "0";
-    }
-    function enter(el, done) {
-      let position = props.index * directionPosition.value + "px";
-      setTimeout(() => {
-        setPosition(el, position);
-        el.style.opacity = "1";
-        done();
-      });
-    }
-    function leave(el, done) {
-      setPosition(el, 0);
-      el.style.opacity = "0";
-      setTimeout(() => {
-        done();
-      }, 200);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        css: false,
-        onBeforeEnter: beforeEnter,
-        onEnter: enter,
-        onLeave: leave
-      }, {
-        default: withCtx(() => [
-          unref(isActive) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "fu-speed-dial-item",
-            style: normalizeStyle(unref(itemSize))
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(FuSpeedDialActionButton, mergeProps({ index: __props.index }, _ctx.$attrs), null, 16, ["index"])
-            ])
-          ], 4)) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      });
-    };
-  }
-}));
-var FuSpeedDialItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/wangdan/\u5DE5\u4F5C/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), {
-  props: {
-    id: String,
-    value: Boolean,
-    type: {
-      type: String,
-      default: "primary"
-    },
-    items: Array,
-    size: {
-      type: String,
-      default: "default",
-      validator: (value) => ["big", "default", "medium", "small"].includes(value)
-    },
-    direction: {
-      type: String,
-      default: "top",
-      validator: (value) => ["top", "bottom", "left", "right"].includes(value)
-    },
-    icon: {
-      type: String,
-      default: "el-icon-plus"
-    },
-    activeIcon: {
-      type: String,
-      default: "el-icon-close"
-    },
-    movable: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      validator: (value) => ["absolute", "fixed"].includes(value)
-    },
-    left: String,
-    top: String,
-    right: String,
-    bottom: String,
-    zIndex: {
-      type: [String, Number],
-      default: 99
-    },
-    itemClickClose: {
-      type: Boolean,
-      default: true
-    },
-    outsideClose: {
-      type: Boolean,
-      default: true
-    },
-    manual: {
-      type: Boolean,
-      default: false
-    },
-    localKey: String,
-    sizeOptions: {
-      type: Object,
-      default: () => {
-        return {
-          big: {
-            fab: { size: 56, fontSize: "18px" },
-            item: { size: 40, spacing: 0, titleFontSize: "14px", buttonFontSize: "18px" }
-          },
-          default: {
-            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" },
-            item: { size: 24, spacing: 0, titleFontSize: "12px", buttonFontSize: "12px" }
-          }
-        };
-      }
-    }
-  },
-  emits: ["close", "outside-click", "click"],
-  setup(__props, { expose, emit }) {
-    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) => {
-      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);
-    const saveKey = computed(() => {
-      return "Fu-SD-" + props.localKey;
-    });
-    const hashChildren = computed(() => {
-      if (props.items && props.items.length > 0) {
-        return true;
-      }
-      return slots && slots.default;
-    });
-    const config = computed(() => {
-      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 };
-    });
-    const spacing = computed(() => {
-      let spacing2 = config.value.item.spacing || 0;
-      spacing2 += (config.value.fab.size - config.value.item.size) / 2;
-      return spacing2;
-    });
-    const contentPosition = computed(() => {
-      let position2 = config.value.fab.size + spacing.value;
-      if (["top", "left"].includes(props.direction)) {
-        position2 = -config.value.fab.size - spacing.value;
-      }
-      let style2 = { position: "absolute", zIndex: props.zIndex };
-      if (["top", "bottom"].includes(props.direction)) {
-        style2.top = position2 + "px";
-      } else {
-        style2.top = 0;
-        style2.left = position2 + "px";
-      }
-      return style2;
-    });
-    function toggle(active2) {
-      if (!moving.value && hashChildren.value) {
-        active2.value = active2 === void 0 ? !active2.value : active2;
-      }
-    }
-    function outsideClickClose() {
-      if (props.outsideClose && !props.manual) {
-        toggle(false);
-      }
-      emit("outside-click", [props.id, active.value]);
-    }
-    function click(e) {
-      if (!props.manual) {
-        toggle();
-      }
-      emit("click", [props.id, active.value], e);
-    }
-    function mousedown() {
-      if (moving.value) {
-        document.addEventListener("mousemove", mousemove);
-        document.addEventListener("mouseup", mouseup);
-      }
-    }
-    function mousemove(e) {
-      moving.value = true;
-      if (props.position === "fixed") {
-        const el = instance.vnode.el;
-        const rect = el.getBoundingClientRect();
-        let left2 = e.clientX - rect.width / 2;
-        let top2 = e.clientY - rect.height / 2;
-        style.value.left = left2 + "px";
-        style.value.top = top2 + "px";
-        delete style.value.right;
-        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;
-        let left2 = offsetLeft + e.movementX;
-        let top2 = offsetTop + e.movementY;
-        if (left2 > 0 && left2 < maxWidth) {
-          style.value.left = left2 + "px";
-          delete style.value.right;
-        }
-        if (top2 > 0 && top2 < maxHeight) {
-          style.value.top = top2 + "px";
-          delete style.value.bottom;
-        }
-      }
-    }
-    function mouseup() {
-      writePosition();
-      document.removeEventListener("mousemove", mousemove);
-      document.removeEventListener("mouseup", mouseup);
-      setTimeout(() => moving.value = false);
-    }
-    function writePosition() {
-      if (props.localKey) {
-        localStorage.setItem(saveKey.value, JSON.stringify(style.value));
-      }
-    }
-    function readPosition() {
-      let position2 = localStorage.getItem(saveKey.value);
-      try {
-        localStorage.getItem(saveKey.value);
-        if (position2) {
-          style.value = JSON.parse(position2);
-        }
-      } catch (e) {
-        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];
-        if (item.click && typeof item.click === "function")
-          return item.click(arg, e);
-      }
-    }
-    function close() {
-      if (props.itemClickClose && !props.manual) {
-        toggle(false);
-      }
-      emit("close", [props.id, active.value]);
-    }
-    onMounted(() => {
-      readPosition();
-    });
-    expose({
-      close
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        class: "fu-speed-dial",
-        style: normalizeStyle(unref(style))
-      }, [
-        createElementVNode("div", _hoisted_1$4, [
-          renderSlot(_ctx.$slots, "fab", {}, () => [
-            createVNode(FuSpeedDialButton, mergeProps(unref(buttonProps), {
-              onClick: click,
-              onMousedown: mousedown
-            }), null, 16)
-          ]),
-          createElementVNode("div", {
-            style: normalizeStyle(unref(contentPosition))
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index2) => {
-                return openBlock(), createBlock(FuSpeedDialItem, mergeProps({
-                  index: index2,
-                  key: index2
-                }, item, { onClick: itemClick }), null, 16, ["index"]);
-              }), 128))
-            ])
-          ], 4)
-        ])
-      ], 4)), [
-        [unref(ClickOutside), outsideClickClose]
-      ]);
-    };
-  }
-}));
-var FuSpeedDial = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/wangdan/\u5DE5\u4F5C/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({
-  __proto__: null,
-  "default": FuSpeedDial
-}, Symbol.toStringTag, { value: "Module" }));
 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],
@@ -2293,18 +1735,13 @@ var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/w
 FuSplitPane.install = (app) => {
   app.component(FuSplitPane.name, FuSplitPane);
 };
-var __glob_1_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_1_2 = /* @__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" }));
+Object.freeze({});
+Object.freeze([]);
+const isArray = Array.isArray;
 function isFragment(node) {
   return isVNode(node) && node.type === Fragment;
 }
@@ -2369,8 +1806,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: {
@@ -2380,9 +1818,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     localKey: String
   },
   setup(__props) {
-    var _a2, _b;
+    var _a, _b;
     const props = __props;
-    const slots = (_b = (_a2 = useSlots()).default) == null ? void 0 : _b.call(_a2);
+    const slots = (_b = (_a = useSlots()).default) == null ? void 0 : _b.call(_a);
     const key = ref(0);
     const prefix = "FU-T-";
     const cleanColumns = (columns) => {
@@ -2420,8 +1858,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }
       if (columns.some((col) => col.label === void 0)) {
         columns.forEach((col, i) => {
-          var _a3;
-          (_a3 = col.label) != null ? _a3 : col.label = getLabel(nodes[i]);
+          var _a2;
+          (_a2 = col.label) != null ? _a2 : col.label = getLabel(nodes[i]);
         });
       }
     };
@@ -2465,7 +1903,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);
@@ -2497,10 +1935,10 @@ 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 +1960,11 @@ const tableColumnSelect = (localKey) => {
       event.dataTransfer.clearData();
     }
   }
-  function drop(event, list, index2) {
-    var _a2;
+  function drop(event, list, index) {
+    var _a;
     let target = event.target;
-    let source_index = Number((_a2 = event.dataTransfer) == null ? void 0 : _a2.getData("source_index"));
-    let target_index = index2;
+    let source_index = Number((_a = event.dataTransfer) == null ? void 0 : _a.getData("source_index"));
+    let target_index = index;
     if (target_index > source_index) {
       list.splice(target_index + 1, 0, list[source_index]);
       list.splice(source_index, 1);
@@ -2547,9 +1985,11 @@ const tableColumnSelect = (localKey) => {
     drop
   };
 };
-const _hoisted_1$2 = { class: "fu-table-column-select-popper__body" };
-const _hoisted_2$1 = { class: "fu-table-column-select-popper__footer" };
+const _hoisted_1$2 = { style: { "display": "inline-block" } };
+const _hoisted_2$1 = { class: "fu-table-column-select-popper__body" };
+const _hoisted_3 = { class: "fu-table-column-select-popper__footer" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "FuTableColumnSelectPopover",
   props: {
     icon: {
       type: String,
@@ -2568,7 +2008,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,
@@ -2578,14 +2018,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       drop
     } = tableColumnSelect(localKey);
     const isFixAll = computed(() => {
-      var _a2;
-      return (_a2 = props.columns) == null ? void 0 : _a2.every((c) => {
+      var _a;
+      return (_a = props.columns) == null ? void 0 : _a.every((c) => {
         return c.fix;
       });
     });
     const hasSelect = computed(() => {
-      var _a2;
-      return ((_a2 = props.columns) == null ? void 0 : _a2.length) > 0 && !isFixAll.value;
+      var _a;
+      return ((_a = props.columns) == null ? void 0 : _a.length) > 0 && !isFixAll.value;
     });
     function reset() {
       if (columnsKey) {
@@ -2597,68 +2037,70 @@ 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, {
-        class: "fu-table-column-select",
-        "popper-class": "fu-table-column-select-popper",
-        trigger: __props.trigger,
-        "show-arrow": false
-      }, {
-        reference: withCtx(() => [
-          createVNode(_component_el_button, {
-            class: "fu-search-bar-button",
-            icon: __props.icon
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("fu.table.custom_table_rows")), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("h3", null, toDisplayString(unref(t)("fu.table.custom_table_fields")), 1),
-          createElementVNode("div", _hoisted_1$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (c, i) => {
-              return openBlock(), createElementBlock("div", {
-                key: i,
-                class: "fu-table-column-select-popper__item"
-              }, [
-                withDirectives(createVNode(_component_el_checkbox, {
-                  modelValue: c.show,
-                  "onUpdate:modelValue": ($event) => c.show = $event,
-                  checked: c.show !== false,
-                  draggable: "true",
-                  onDragstart: ($event) => unref(dragstart)($event, i),
-                  onDragenter: unref(dragenter),
-                  onDragleave: unref(dragleave),
-                  onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
-                  }, ["prevent"])),
-                  onDragend: unref(dragend),
-                  onDrop: ($event) => unref(drop)($event, __props.columns, i)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(c.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["modelValue", "onUpdate:modelValue", "checked", "onDragstart", "onDragenter", "onDragleave", "onDragend", "onDrop"]), [
-                  [vShow, !c.fix]
-                ])
-              ]);
-            }), 128))
-          ]),
-          createElementVNode("div", _hoisted_2$1, [
-            unref(columnsKey) ? (openBlock(), createBlock(_component_el_button, {
-              key: 0,
-              onClick: reset
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createVNode(_component_el_popover, {
+          class: "fu-table-column-select",
+          "popper-class": "fu-table-column-select-popper",
+          trigger: __props.trigger,
+          "show-arrow": false
+        }, {
+          reference: withCtx(() => [
+            createVNode(_component_el_button, {
+              class: "fu-search-bar-button",
+              icon: __props.icon
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)("fu.table.reset")), 1)
+                createTextVNode(toDisplayString(unref(t)("fu.table.custom_table_rows")), 1)
               ]),
               _: 1
-            })) : createCommentVNode("v-if", true)
-          ])
-        ]),
-        _: 1
-      }, 8, ["trigger"])), [
+            }, 8, ["icon"])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("h3", null, toDisplayString(unref(t)("fu.table.custom_table_fields")), 1),
+            createElementVNode("div", _hoisted_2$1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (c, i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i,
+                  class: "fu-table-column-select-popper__item"
+                }, [
+                  withDirectives(createVNode(_component_el_checkbox, {
+                    modelValue: c.show,
+                    "onUpdate:modelValue": ($event) => c.show = $event,
+                    checked: c.show !== false,
+                    draggable: "true",
+                    onDragstart: ($event) => unref(dragstart)($event, i),
+                    onDragenter: unref(dragenter),
+                    onDragleave: unref(dragleave),
+                    onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+                    }, ["prevent"])),
+                    onDragend: unref(dragend),
+                    onDrop: ($event) => unref(drop)($event, __props.columns, i)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(c.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "checked", "onDragstart", "onDragenter", "onDragleave", "onDragend", "onDrop"]), [
+                    [vShow, !c.fix]
+                  ])
+                ]);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              unref(columnsKey) ? (openBlock(), createBlock(_component_el_button, {
+                key: 0,
+                onClick: reset
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("fu.table.reset")), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["trigger"])
+      ], 512)), [
         [vShow, unref(hasSelect)]
       ]);
     };
@@ -2667,16 +2109,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 var FuTableColumnSelectPopover = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "/Users/wangdan/\u5DE5\u4F5C/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 +2122,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 +2152,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 +2164,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,
@@ -2819,11 +2256,8 @@ 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), {
+const __default__$5 = { name: "FuTablePagination" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$5), {
   props: {
     currentPage: {
       type: Number,
@@ -2871,12 +2305,9 @@ 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({
+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 +2332,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({
+const __default__$3 = { name: "FuTableMoreButton" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   props: {
     row: Object,
     buttons: {
@@ -2977,7 +2409,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,7 +2418,7 @@ 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"]]);
 const __default__$2 = { name: "FuTableOperations" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
@@ -2999,7 +2431,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     minWidth: [String, Number],
     ellipsis: {
       type: Number,
-      default: 3
+      default: 2
     },
     buttons: {
       type: Array,
@@ -3040,12 +2472,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       };
     });
     function showButtons(row) {
-      var _a2;
-      return (_a2 = props.buttons) == null ? void 0 : _a2.filter((btn) => typeof btn.show === "function" ? btn.show(row) !== false : btn.show !== false);
+      var _a;
+      return (_a = props.buttons) == null ? void 0 : _a.filter((btn) => typeof btn.show === "function" ? btn.show(row) !== false : btn.show !== false);
     }
     function hasMore(row) {
-      var _a2;
-      return ((_a2 = showButtons(row)) == null ? void 0 : _a2.length) > props.ellipsis + 1;
+      var _a;
+      return ((_a = showButtons(row)) == null ? void 0 : _a.length) > props.ellipsis + 1;
     }
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
@@ -3077,7 +2509,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"]);
@@ -3095,11 +2527,6 @@ 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);
-};
 const _hoisted_1 = { class: "fu-dropdown-link" };
 const _hoisted_2 = {
   key: 0,
@@ -3132,9 +2559,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const instance = getCurrentInstance();
     const isShow = computed(() => {
       return function(row) {
-        var _a2, _b, _c;
+        var _a, _b, _c;
         if (props.showType === "selected") {
-          const selection = (_c = (_b = (_a2 = instance == null ? void 0 : instance.parent) == null ? void 0 : _a2.parent) == null ? void 0 : _b.store) == null ? void 0 : _c.getSelectionRows();
+          const selection = (_c = (_b = (_a = instance == null ? void 0 : instance.parent) == null ? void 0 : _a.parent) == null ? void 0 : _b.store) == null ? void 0 : _c.getSelectionRows();
           return selection.includes(row) && true;
         } else {
           return true;
@@ -3155,11 +2582,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 +2660,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/wangdan/\u5DE5\u4F5C/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_1_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuTable
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3352,7 +2778,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 +2801,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
                   })
@@ -3394,12 +2820,12 @@ var FuTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangdan/
 FuTabs.install = (app) => {
   app.component(FuTabs.name, FuTabs);
 };
-var __glob_1_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_1_4 = /* @__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 = "0.0.1-beta.9";
 const main = "./lib/fit2cloud-ui-plus.es.js";
 const files = [
   "lib",
@@ -3421,9 +2847,11 @@ const dependencies = {
   "@element-plus/icons-vue": "^1.1.4",
   "element-plus": "^2.2.2",
   "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 = {
@@ -3449,7 +2877,7 @@ 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 components = { "./components/filter-bar/index.ts": __glob_1_0, "./components/read-write-switch/index.ts": __glob_1_1, "./components/split-pane/index.ts": __glob_1_2, "./components/table/index.ts": __glob_1_3, "./components/tabs/index.ts": __glob_1_4 };
 const install = (app) => {
   Object.keys(components).forEach((key) => {
     let component = components[key].default;