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

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

@@ -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, withDirectives, createTextVNode, createCommentVNode, vShow, renderSlot, resolveDynamicComponent, toHandlers, nextTick, normalizeClass, withModifiers, h, normalizeStyle, Transition, useSlots, isVNode, Comment, onUpdated, 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,8 +27,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const __default__$h = { name: "FuFilterInput" };
-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,
@@ -77,7 +77,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterInput.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;
@@ -534,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
@@ -555,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)
@@ -577,16 +577,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FuFilterConditions = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "/Users/mokun/fit2cloud2.0/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,
@@ -693,7 +693,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const show = computed(() => {
       return conditions.value.length > 0 && props.showEmpty === false || props.showEmpty;
     });
-    provide(referenceKey, references);
+    provide(referenceKey$1, references);
     onMounted(() => {
       drawer.value = false;
     });
@@ -714,11 +714,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           ref_key: "filterRef",
           ref: filterRef
         }, [
-          createElementVNode("div", _hoisted_1$b, [
+          createElementVNode("div", _hoisted_1$j, [
             createTextVNode(toDisplayString(__props.count) + " ", 1),
-            createElementVNode("span", _hoisted_2$6, toDisplayString(unref(t)("fu.filter_bar.results")), 1)
+            createElementVNode("span", _hoisted_2$d, toDisplayString(unref(t)("fu.filter_bar.results")), 1)
           ]),
-          _hoisted_3$4,
+          _hoisted_3$b,
           scroll.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "fu-filter__scroll",
@@ -816,15 +816,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/Users/mokun/fit2cloud2.0/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,
@@ -875,9 +875,9 @@ 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, [
-        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, [
@@ -925,9 +925,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterBar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/Users/mokun/fit2cloud2.0/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: {
@@ -959,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/mokun/fit2cloud2.0/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,
@@ -1064,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);
@@ -1078,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,
@@ -1145,7 +1145,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/Users/mokun/fit2cloud2.0/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;
@@ -1175,11 +1175,11 @@ 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,
@@ -1211,7 +1211,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     function init(v) {
       value.value = v !== void 0 ? v : "";
     }
-    const references = inject(referenceKey);
+    const references = inject(referenceKey$1);
     const field = props.field;
     const reference = { field, init, getCondition };
     references == null ? void 0 : references.value.push(reference);
@@ -1221,9 +1221,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$1, [
+      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",
@@ -1242,12 +1242,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterDate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/mokun/fit2cloud2.0/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 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,
@@ -1279,7 +1279,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     function init(v) {
       value.value = v !== void 0 ? v : "";
     }
-    const references = inject(referenceKey);
+    const references = inject(referenceKey$1);
     const field = props.field;
     const reference = { field, init, getCondition };
     references == null ? void 0 : references.value.push(reference);
@@ -1289,9 +1289,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$2, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$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",
@@ -1310,7 +1310,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuFilterDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/filter-components/FuFilterDateTime.vue"]]);
+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);
@@ -1339,7 +1339,7 @@ const uuid = function() {
   });
 };
 const TRIGGERS = ["manual", "onClick", "onDblclick"];
-const _sfc_main$h = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "FuReadWriteSwitch",
   props: {
     modelValue: Boolean,
@@ -1407,9 +1407,9 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-var FuReadWriteSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/mokun/fit2cloud2.0/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), {
+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: {
@@ -1460,9 +1460,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuInputRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/mokun/fit2cloud2.0/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), {
+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: {
@@ -1538,7 +1538,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var FuSelectRwSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/read-write-switch/FuSelectRwSwitch.vue"]]);
+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);
@@ -1548,6 +1548,745 @@ var __glob_1_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   __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,
+      validator: validateSize
+    },
+    label: String,
+    field: {
+      type: String,
+      required: true
+    },
+    valueFormat: {
+      type: String,
+      default: "x"
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const value = ref("");
+    const valueLabel = computed(() => {
+      return dateFormat(value.value[0]) + " ~ " + dateFormat(value.value[1]);
+    });
+    const { t } = useLocale();
+    function getCondition() {
+      if (!String(value.value))
+        return;
+      let { field: field2, label } = props;
+      return { field: field2, label, value: value.value, valueLabel: valueLabel.value };
+    }
+    function init(v) {
+      value.value = v !== void 0 ? v : "";
+    }
+    const references = inject(referenceKey);
+    const field = props.field;
+    const reference = { field, init, getCondition };
+    references == null ? void 0 : references.value.push(reference);
+    expose({
+      getCondition,
+      init
+    });
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$3, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$1, [
+          createVNode(_component_el_date_picker, mergeProps({
+            class: "fu-complex-date",
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+          }, _ctx.$attrs, {
+            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 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,
+      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);
+    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$6, [
+        createElementVNode("div", _hoisted_2$2, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3, [
+          createCommentVNode(' :size="configSize"  '),
+          createVNode(_component_el_date_picker, mergeProps({
+            class: "fu-complex-date-time",
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+          }, _ctx.$attrs, {
+            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 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_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": FuSearchBar
+}, 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);
@@ -2146,7 +2885,7 @@ 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" }));
@@ -2361,7 +3100,7 @@ var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/m
 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" }));
@@ -3289,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" }));
@@ -3440,12 +4179,12 @@ var FuTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/mokun/fi
 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.17";
+const version = "0.0.1-beta.18";
 const main = "./lib/fit2cloud-ui-plus.es.js";
 const files = [
   "lib",
@@ -3468,7 +4207,7 @@ const scripts = {
 };
 const dependencies = {
   "@element-plus/icons-vue": "^1.1.4",
-  "element-plus": "^2.2.13",
+  "element-plus": "^2.2.14",
   "github-markdown-css": "^5.1.0",
   "prism-theme-vars": "^0.2.3",
   prismjs: "^1.28.0",
@@ -3501,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;