npm - fit2cloud-ui-plus - Versions diffs - 0.0.1-beta.15 → 0.0.1-beta.18 - Mend

fit2cloud-ui-plus 0.0.1-beta.15 → 0.0.1-beta.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

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

@@ -17,7 +17,7 @@ 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, 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, 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);
 var _export_sfc = (sfc, props) => {
@@ -27,28 +27,32 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const __default__$h = { name: "FuSearchInput" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$h), {
+const __default__$q = { name: "FuFilterInput" };
+const _sfc_main$y = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$q), {
   props: {
     size: {
       type: String,
       validator: validateSize
     },
-    value: String
+    modelValue: String
   },
-  emits: ["input", "change"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
     const props = __props;
     const quick = ref("");
-    watch(() => props.value, (val) => {
+    watch(() => props.modelValue, (val) => {
       quick.value = val;
     });
     function input(e) {
-      emit("input", quick.value, 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") {
@@ -58,13 +62,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
       return openBlock(), createBlock(_component_el_input, mergeProps({
-        class: "fu-search-input",
+        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
+        onKeydown: keydown,
+        onClear: clear
       }, _ctx.$attrs, {
         clearable: "",
         size: __props.size
@@ -72,7 +77,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/filter-bar/FuSearchInput.vue"]]);
+var FuFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterInput.vue"]]);
 const globalConfig = ref();
 function useGlobalConfig(key, defaultValue = void 0) {
   const config = getCurrentInstance() ? inject(Symbol(), globalConfig) : globalConfig;
@@ -529,9 +534,9 @@ 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 _hoisted_1$k = { class: "fu-filter-conditions" };
+const _hoisted_2$e = { class: "condition-text" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "FuFilterConditions",
   props: {
     conditions: Array
@@ -550,13 +555,13 @@ 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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index) => {
           return openBlock(), createElementBlock("div", {
             class: "fu-filter-conditions__item",
             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(index)
@@ -572,16 +577,16 @@ 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$x, [["__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$j = { 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__$g = { name: "FuFilter" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$g), {
+const __default__$p = { name: "FuFilter" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$p), {
   props: {
     size: {
       type: String,
@@ -595,10 +600,12 @@ 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);
@@ -683,7 +690,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;
     });
@@ -698,61 +708,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$j, [
+            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",
@@ -798,19 +812,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           ]),
           _: 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$w, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilter.vue"]]);
+const _hoisted_1$i = { 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__$f = { name: "FuFilterBar" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$f), {
+const __default__$o = { name: "FuFilterBar" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$o), {
   props: {
     size: {
       type: String,
@@ -818,7 +832,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     },
     resultCount: Number,
     quickPlaceholder: String,
-    components: Array
+    components: Array,
+    showEmpty: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: ["exec"],
   setup(__props, { expose, emit }) {
@@ -842,43 +860,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$i, [
+        createElementVNode("div", _hoisted_2$c, [
+          createElementVNode("div", _hoisted_3$a, [
             renderSlot(_ctx.$slots, "tl")
           ]),
           createElementVNode("div", _hoisted_4$1, [
-            renderSlot(_ctx.$slots, "tr", {}, () => [
-              createVNode(FuSearchInput, {
+            renderSlot(_ctx.$slots, "tr", { condition: unref(conditionObj) }, () => [
+              createVNode(FuFilterInput, {
                 size: __props.size,
                 modelValue: quick.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
                 placeholder: __props.quickPlaceholder,
                 onChange: change
-              }, null, 8, ["size", "modelValue", "placeholder"]),
-              createVNode(_component_el_button, {
-                onClick: open,
-                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"])
+              }, null, 8, ["size", "modelValue", "placeholder"])
             ]),
+            createVNode(_component_el_button, {
+              class: "fu-filter-button",
+              onClick: open,
+              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")
           ])
         ]),
@@ -889,21 +912,22 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             onFilter: filter,
             count: __props.resultCount,
             components: __props.components,
-            size: __props.size
+            size: __props.size,
+            "show-empty": __props.showEmpty
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["count", "components", "size"])
+          }, 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$v, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterBar.vue"]]);
+const _hoisted_1$h = ["onClick"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FuFilterOption",
   props: {
     value: {
@@ -935,17 +959,17 @@ 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$h);
     };
   }
 });
-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$u, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterOption.vue"]]);
+const _hoisted_1$g = { 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__$e = { name: "FuFilterSelect" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$e), {
+const __default__$n = { name: "FuFilterSelect" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$n), {
   props: {
     size: {
       type: String,
@@ -1040,7 +1064,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);
@@ -1054,9 +1078,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$g, [
+        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,
@@ -1121,7 +1145,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$t, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterSelect.vue"]]);
 const getCheckDate = (timestamp) => {
   if (!timestamp)
     return false;
@@ -1151,11 +1175,975 @@ 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__$d = { name: "FuFilterDate" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$d), {
+const _hoisted_1$f = { class: "fu-filter-component" };
+const _hoisted_2$a = { class: "fu-filter-component__label" };
+const _hoisted_3$8 = { class: "fu-filter-component__content" };
+const __default__$m = { name: "FuFilterDate" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$m), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    label: String,
+    field: {
+      type: String,
+      required: true
+    },
+    valueFormat: {
+      type: String,
+      default: "x"
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const { t } = useLocale();
+    const value = ref("");
+    const valueLabel = computed(() => {
+      return dateFormat(value.value[0]) + " - " + dateFormat(value.value[1]);
+    });
+    function getCondition() {
+      if (!String(value.value))
+        return;
+      let { field: field2, label } = props;
+      return { field: field2, label, value: value.value, valueLabel: valueLabel.value };
+    }
+    function init(v) {
+      value.value = v !== void 0 ? v : "";
+    }
+    const references = inject(referenceKey$1);
+    const field = props.field;
+    const reference = { field, init, getCondition };
+    references == null ? void 0 : references.value.push(reference);
+    expose({
+      getCondition,
+      init
+    });
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        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: __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", "size", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
+        ])
+      ]);
+    };
+  }
+}));
+var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDate.vue"]]);
+const _hoisted_1$e = { class: "fu-filter-component" };
+const _hoisted_2$9 = { class: "fu-filter-component__label" };
+const _hoisted_3$7 = { class: "fu-filter-component__content" };
+const __default__$l = { name: "FuFilterDateTime" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$l), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    label: String,
+    field: {
+      type: String,
+      required: true
+    },
+    valueFormat: {
+      type: String,
+      default: "x"
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const { t } = useLocale();
+    const value = ref("");
+    const valueLabel = computed(() => {
+      return datetimeFormat(value.value[0]) + " - " + datetimeFormat(value.value[1]);
+    });
+    function getCondition() {
+      if (!String(value.value))
+        return;
+      let { field: field2, label } = props;
+      return { field: field2, label, value: value.value, valueLabel: valueLabel.value };
+    }
+    function init(v) {
+      value.value = v !== void 0 ? v : "";
+    }
+    const references = inject(referenceKey$1);
+    const field = props.field;
+    const reference = { field, init, getCondition };
+    references == null ? void 0 : references.value.push(reference);
+    expose({
+      getCondition,
+      init
+    });
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        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: __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", "size", "placeholder", "value-format", "start-placeholder", "end-placeholder"])
+        ])
+      ]);
+    };
+  }
+}));
+var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__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_1_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": FuFilterBar
+}, Symbol.toStringTag, { value: "Module" }));
+const uuid = function() {
+  let d = new Date().getTime();
+  let d2 = performance && performance.now && performance.now() * 1e3 || 0;
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+    let r = Math.random() * 16;
+    if (d > 0) {
+      r = (d + r) % 16 | 0;
+      d = Math.floor(d / 16);
+    } else {
+      r = (d2 + r) % 16 | 0;
+      d2 = Math.floor(d2 / 16);
+    }
+    return (c === "x" ? r : r & 3 | 8).toString(16);
+  });
+};
+const TRIGGERS = ["manual", "onClick", "onDblclick"];
+const _sfc_main$q = defineComponent({
+  name: "FuReadWriteSwitch",
+  props: {
+    modelValue: Boolean,
+    data: [String, Number, Boolean],
+    writeTrigger: {
+      type: String,
+      default: "onClick",
+      validator: (value) => {
+        return TRIGGERS.includes(value);
+      }
+    }
+  },
+  setup(props, { slots, emit }) {
+    const id = ref(uuid());
+    const write = ref(props.modelValue === void 0 ? false : props.modelValue);
+    watch(() => props.modelValue, (v) => {
+      if (v === write.value)
+        return;
+      if (v) {
+        switchWrite();
+      } else {
+        switchRead();
+      }
+    });
+    function change() {
+      emit("update:modelValue", write.value);
+      emit("change", [props.data, write.value]);
+    }
+    function switchWrite() {
+      write.value = true;
+      nextTick(() => {
+        const nid = document.getElementById(id.value);
+        const input = nid == null ? void 0 : nid.querySelector("input");
+        input == null ? void 0 : input.click();
+        input == null ? void 0 : input.focus();
+        const textarea = nid == null ? void 0 : nid.querySelector("textarea");
+        textarea == null ? void 0 : textarea.focus();
+        change();
+      });
+    }
+    function switchRead() {
+      write.value = false;
+      change();
+    }
+    return () => {
+      const context = {
+        class: "fu-read-write-switch",
+        id: id.value
+      };
+      if (!write.value && props.writeTrigger !== TRIGGERS[0]) {
+        context[props.writeTrigger] = switchWrite;
+      }
+      let children = props.data;
+      if (!write.value && slots.read) {
+        children = slots.read({
+          write: switchWrite
+        });
+      }
+      if (write.value && slots.default) {
+        children = slots.default({
+          read: switchRead
+        });
+      }
+      return h("div", context, children);
+    };
+  }
+});
+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: []
+    },
+    writeTrigger: {
+      type: String,
+      default: "onClick",
+      validator: (value) => {
+        return ["onClick", "onDblclick"].includes(value);
+      }
+    }
+  },
+  emits: ["input", "blur", "change"],
+  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) {
+      setTimeout(() => {
+        read();
+      }, 100);
+      emit("blur", data.value, e);
+    }
+    function change(read, e) {
+      emit("change", data.value, e);
+      read();
+    }
+    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)
+          }, _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_1_1 = /* @__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 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--" + __props.size])
+      }, [
+        __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 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: __props.size,
+            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: __props.size }), null, 16, ["size"]);
+                }), 256))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_3$6, [
+              createVNode(_component_el_button, {
+                onClick: close,
+                size: __props.size
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("fu.search_bar.cancel")), 1)
+                ]),
+                _: 1
+              }, 8, ["size"]),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: ok,
+                size: __props.size
+              }, {
+                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) {
+    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: __props.size
+          }, _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;
+    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--" + __props.size])
+      }, [
+        (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: {
+      type: String,
+      validator: validateSize
+    },
+    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 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: __props.size,
+            onClose: closePopover
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "complex")
+            ]),
+            _: 3
+          }, 8, ["components", "size"]),
+          unref(showComplex) ? (openBlock(), createBlock(FuSearchConditions, {
+            key: 0,
+            conditions: conditions.value,
+            size: __props.size,
+            onChange: change
+          }, null, 8, ["conditions", "size"])) : createCommentVNode("v-if", true),
+          __props.useQuickSearch ? (openBlock(), createBlock(FuQuickSearch, {
+            key: 1,
+            size: __props.size,
+            "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: __props.size,
+              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: __props.size,
+              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 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: __props.size
+          }, _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 { 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: __props.size
+          }, _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: {
     size: {
       type: String,
@@ -1173,11 +2161,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props, { expose }) {
     const props = __props;
-    const { t } = useLocale();
     const value = ref("");
     const valueLabel = computed(() => {
-      return dateFormat(value.value[0]) + " - " + dateFormat(value.value[1]);
+      return dateFormat(value.value[0]) + " ~ " + dateFormat(value.value[1]);
     });
+    const { t } = useLocale();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -1200,9 +2188,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
         createElementVNode("div", _hoisted_3$1, [
-          createCommentVNode("configSize"),
           createVNode(_component_el_date_picker, mergeProps({
-            class: "fu-filter-date",
+            class: "fu-complex-date",
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
@@ -1218,12 +2205,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-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__$c = { name: "FuFilterDateTime" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$c), {
+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: {
     size: {
       type: String,
@@ -1244,7 +2231,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const { t } = useLocale();
     const value = ref("");
     const valueLabel = computed(() => {
-      return datetimeFormat(value.value[0]) + " - " + datetimeFormat(value.value[1]);
+      return datetimeFormat(value.value[0]) + " ~ " + datetimeFormat(value.value[1]);
     });
     function getCondition() {
       if (!String(value.value))
@@ -1270,7 +2257,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         createElementVNode("div", _hoisted_3, [
           createCommentVNode(' :size="configSize"  '),
           createVNode(_component_el_date_picker, mergeProps({
-            class: "fu-filter-date",
+            class: "fu-complex-date-time",
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
@@ -1286,243 +2273,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__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": FuSearchInput
-}, Symbol.toStringTag, { value: "Module" }));
-const uuid = function() {
-  let d = new Date().getTime();
-  let d2 = performance && performance.now && performance.now() * 1e3 || 0;
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    let r = Math.random() * 16;
-    if (d > 0) {
-      r = (d + r) % 16 | 0;
-      d = Math.floor(d / 16);
-    } else {
-      r = (d2 + r) % 16 | 0;
-      d2 = Math.floor(d2 / 16);
-    }
-    return (c === "x" ? r : r & 3 | 8).toString(16);
-  });
-};
-const TRIGGERS = ["manual", "onClick", "onDblclick"];
-const _sfc_main$h = defineComponent({
-  name: "FuReadWriteSwitch",
-  props: {
-    modelValue: Boolean,
-    data: [String, Number, Boolean],
-    writeTrigger: {
-      type: String,
-      default: "onClick",
-      validator: (value) => {
-        return TRIGGERS.includes(value);
-      }
-    }
-  },
-  setup(props, { slots, emit }) {
-    const id = ref(uuid());
-    const write = ref(props.modelValue === void 0 ? false : props.modelValue);
-    watch(() => props.modelValue, (v) => {
-      if (v === write.value)
-        return;
-      if (v) {
-        switchWrite();
-      } else {
-        switchRead();
-      }
-    });
-    function change() {
-      emit("update:modelValue", write.value);
-      emit("change", [props.data, write.value]);
-    }
-    function switchWrite() {
-      write.value = true;
-      nextTick(() => {
-        const nid = document.getElementById(id.value);
-        const input = nid == null ? void 0 : nid.querySelector("input");
-        input == null ? void 0 : input.click();
-        input == null ? void 0 : input.focus();
-        const textarea = nid == null ? void 0 : nid.querySelector("textarea");
-        textarea == null ? void 0 : textarea.focus();
-        change();
-      });
-    }
-    function switchRead() {
-      write.value = false;
-      change();
-    }
-    return () => {
-      const context = {
-        class: "fu-read-write-switch",
-        id: id.value
-      };
-      if (!write.value && props.writeTrigger !== TRIGGERS[0]) {
-        context[props.writeTrigger] = switchWrite;
-      }
-      let children = props.data;
-      if (!write.value && slots.read) {
-        children = slots.read({
-          write: switchWrite
-        });
-      }
-      if (write.value && slots.default) {
-        children = slots.default({
-          read: switchRead
-        });
-      }
-      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__$b = { name: "FuInputRwSwitch" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
-  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$g, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/read-write-switch/FuInputRwSwitch.vue"]]);
-const __default__$a = { name: "FuSelectRwSwitch" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
-  props: {
-    modelValue: [String, Number],
-    options: {
-      type: Array,
-      default: []
-    },
-    writeTrigger: {
-      type: String,
-      default: "onClick",
-      validator: (value) => {
-        return ["onClick", "onDblclick"].includes(value);
-      }
-    }
-  },
-  emits: ["input", "blur", "change"],
-  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) {
-      setTimeout(() => {
-        read();
-      }, 100);
-      emit("blur", data.value, e);
-    }
-    function change(read, e) {
-      emit("change", data.value, e);
-      read();
-    }
-    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)
-          }, _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$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_1_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": FuReadWriteSwitch
+  "default": FuSearchBar
 }, Symbol.toStringTag, { value: "Module" }));
 var _a;
 const isClient = typeof window !== "undefined";
@@ -1664,7 +2427,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
@@ -1756,7 +2519,7 @@ 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"]]);
+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: {
@@ -1847,7 +2610,7 @@ 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__$8 = { name: "FuSpeedDial" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
@@ -2117,12 +2880,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_1_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSpeedDial
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2333,11 +3096,11 @@ 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_1_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSplitPane
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2529,7 +3292,7 @@ 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 : "";
@@ -2701,7 +3464,7 @@ 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"]]);
+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",
@@ -2835,7 +3598,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"],
@@ -2850,7 +3613,7 @@ 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"]]);
+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: {
@@ -2899,7 +3662,7 @@ 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"]]);
+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: {
@@ -2928,7 +3691,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuTableButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/Users/wangdan/\u5DE5\u4F5C/fit2cloud-ui-plus/src/components/table/table-operations/FuTableButton.vue"]]);
+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: {
@@ -3014,7 +3777,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-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: {
@@ -3121,7 +3884,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"]]);
+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,
@@ -3255,7 +4018,7 @@ 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/FuTableColumnDropdown.vue"]]);
+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);
@@ -3265,7 +4028,7 @@ FuTable.install = (app) => {
   app.component(FuTableButton.name, FuTableButton);
   app.component(FuTableMoreButton.name, FuTableMoreButton);
 };
-var __glob_1_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_1_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuTable
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3412,16 +4175,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     };
   }
 }));
-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_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_1_6 = /* @__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.15";
+const version = "0.0.1-beta.18";
 const main = "./lib/fit2cloud-ui-plus.es.js";
 const files = [
   "lib",
@@ -3444,7 +4207,7 @@ const scripts = {
 };
 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",
@@ -3477,7 +4240,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/table/index.ts": __glob_1_4, "./components/tabs/index.ts": __glob_1_5 };
+const components = { "./components/filter-bar/index.ts": __glob_1_0, "./components/read-write-switch/index.ts": __glob_1_1, "./components/search-bar/index.ts": __glob_1_2, "./components/speed-dial/index.ts": __glob_1_3, "./components/split-pane/index.ts": __glob_1_4, "./components/table/index.ts": __glob_1_5, "./components/tabs/index.ts": __glob_1_6 };
 const install = (app) => {
   Object.keys(components).forEach((key) => {
     let component = components[key].default;