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

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

@@ -17,70 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, mergeProps, getCurrentInstance, inject, computed, unref, isRef, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createVNode, withCtx, provide, onMounted, withDirectives, createTextVNode, createCommentVNode, vShow, renderSlot, resolveDynamicComponent, toHandlers, nextTick, normalizeClass, withModifiers, h, vModelText, normalizeStyle, Transition, useSlots, isVNode, Comment, onUpdated, normalizeProps, guardReactiveProps } from "vue";
+import { ref, getCurrentInstance, inject, computed, provide, unref, isRef, defineComponent, watch, resolveComponent, openBlock, createBlock, mergeProps, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createVNode, withCtx, onMounted, withDirectives, createTextVNode, createCommentVNode, vShow, renderSlot, resolveDynamicComponent, toHandlers, nextTick, normalizeClass, withModifiers, h, vModelText, normalizeStyle, Transition, useSlots, isVNode, Comment, onUpdated, normalizeProps, guardReactiveProps } from "vue";
 const COMPONENTS_SIZE = ["", "default", "small", "large"];
 const validateSize = (val) => ["", ...COMPONENTS_SIZE].includes(val);
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const __default__$q = { name: "FuFilterInput" };
-const _sfc_main$y = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$q), {
-  props: {
-    size: {
-      type: String,
-      validator: validateSize
-    },
-    modelValue: String
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const quick = ref("");
-    watch(() => props.modelValue, (val) => {
-      quick.value = val;
-    });
-    function input(e) {
-      emit("update:modelValue", quick.value, e);
-    }
-    function blur(e) {
-      emit("change", quick.value, e);
-    }
-    function clear() {
-      emit("update:modelValue", quick.value);
-      emit("change", quick.value);
-    }
-    function keydown(e) {
-      const event = e;
-      if (event.key === "Enter") {
-        emit("change", quick.value, e);
-      }
-    }
-    return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createBlock(_component_el_input, mergeProps({
-        class: "fu-filter-input",
-        "prefix-icon": "Search",
-        modelValue: quick.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
-        onInput: input,
-        onBlur: blur,
-        onKeydown: keydown,
-        onClear: clear
-      }, _ctx.$attrs, {
-        clearable: "",
-        size: __props.size
-      }), null, 16, ["modelValue", "size"]);
-    };
-  }
-}));
-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();
+const globalConfigKey = Symbol("GlobalConfigKey");
 function useGlobalConfig(key, defaultValue = void 0) {
-  const config = getCurrentInstance() ? inject(Symbol(), globalConfig) : globalConfig;
+  const config = getCurrentInstance() ? inject(globalConfigKey, globalConfig) : globalConfig;
   if (key) {
     return computed(() => {
       var _a2, _b;
@@ -90,6 +33,19 @@ function useGlobalConfig(key, defaultValue = void 0) {
     return config;
   }
 }
+const provideGlobalConfig = (config, app) => {
+  var _a2;
+  const inSetup = !!getCurrentInstance();
+  const provideFn = (_a2 = app == null ? void 0 : app.provide) != null ? _a2 : inSetup ? provide : void 0;
+  const context = computed(() => {
+    return unref(config);
+  });
+  provideFn == null ? void 0 : provideFn(globalConfigKey, context);
+  if (!globalConfig.value) {
+    globalConfig.value = context.value;
+  }
+  return context;
+};
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -534,6 +490,82 @@ const useLocale = () => {
   const locale = useGlobalConfig("locale");
   return buildLocaleContext(computed(() => locale.value || Chinese));
 };
+const useProp = (name2) => {
+  const vm = getCurrentInstance();
+  return computed(() => {
+    var _a2, _b;
+    return (_b = ((_a2 = vm.proxy) == null ? void 0 : _a2.$props)[name2]) != null ? _b : void 0;
+  });
+};
+const useSize = (fallback, ignore = {}) => {
+  const emptyRef = ref(void 0);
+  const size = ignore.prop ? emptyRef : useProp("size");
+  const globalConfig2 = ignore.global ? emptyRef : useGlobalConfig("size");
+  return computed(() => size.value || unref(fallback) || globalConfig2.value || "");
+};
+const useSizeProp = {
+  type: String,
+  validator: validateSize
+};
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const __default__$q = { name: "FuFilterInput" };
+const _sfc_main$y = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$q), {
+  props: {
+    size: {
+      type: String,
+      validator: validateSize
+    },
+    modelValue: String
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const quick = ref("");
+    const configSize = useSize();
+    watch(() => props.modelValue, (val) => {
+      quick.value = val;
+    });
+    function input(e) {
+      emit("update:modelValue", quick.value, e);
+    }
+    function blur(e) {
+      emit("change", quick.value, e);
+    }
+    function clear() {
+      emit("update:modelValue", quick.value);
+      emit("change", quick.value);
+    }
+    function keydown(e) {
+      const event = e;
+      if (event.key === "Enter") {
+        emit("change", quick.value, e);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(_component_el_input, mergeProps({
+        class: "fu-filter-input",
+        "prefix-icon": "Search",
+        modelValue: quick.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
+        onInput: input,
+        onBlur: blur,
+        onKeydown: keydown,
+        onClear: clear
+      }, _ctx.$attrs, {
+        clearable: "",
+        size: unref(configSize)
+      }), null, 16, ["modelValue", "size"]);
+    };
+  }
+}));
+var FuFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/Users/mokun/fit2cloud2.0/fit2cloud-ui-plus/src/components/filter-bar/FuFilterInput.vue"]]);
 const _hoisted_1$k = { class: "fu-filter-conditions" };
 const _hoisted_2$e = { class: "condition-text" };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
@@ -609,6 +641,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const { t } = useLocale();
     const filterRef = ref(null);
     const conditionsRef = ref(null);
+    const configSize = useSize();
     const drawer = ref(true);
     const scroll = ref(false);
     const conditions = ref([]);
@@ -782,7 +815,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                   return openBlock(), createBlock(resolveDynamicComponent(c.component), mergeProps({ key: i }, c, {
                     ref_for: true,
                     ref: c.field
-                  }, toHandlers(c), { size: __props.size }), null, 16, ["size"]);
+                  }, toHandlers(c), { size: unref(configSize) }), null, 16, ["size"]);
                 }), 128))
               ])
             ]),
@@ -841,6 +874,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   emits: ["exec"],
   setup(__props, { expose, emit }) {
     const { t } = useLocale();
+    const configSize = useSize();
     const quick = ref("");
     const conditions = ref([]);
     const filterRef = ref();
@@ -883,7 +917,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           createElementVNode("div", _hoisted_4$1, [
             renderSlot(_ctx.$slots, "tr", { condition: unref(conditionObj) }, () => [
               createVNode(FuFilterInput, {
-                size: __props.size,
+                size: unref(configSize),
                 modelValue: quick.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quick.value = $event),
                 placeholder: __props.quickPlaceholder,
@@ -894,7 +928,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
               class: "fu-filter-button",
               onClick: open,
               icon: "Filter",
-              size: __props.size
+              size: unref(configSize)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(t)("fu.filter_bar.filter")) + " ", 1),
@@ -912,7 +946,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             onFilter: filter,
             count: __props.resultCount,
             components: __props.components,
-            size: __props.size,
+            size: unref(configSize),
             "show-empty": __props.showEmpty
           }, {
             default: withCtx(() => [
@@ -1000,8 +1034,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   emits: ["change"],
   setup(__props, { expose, emit }) {
     const props = __props;
-    const { t } = useLocale();
     const selection = ref(props.multiple ? [] : "");
+    const configSize = useSize();
     const showOptions = computed(() => {
       return props.options.filter((o, i) => {
         let show = props.showLimit < 0 ? true : i < props.showLimit;
@@ -1022,6 +1056,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }
       return getValueLabel(selection.value);
     });
+    const { t } = useLocale();
     function change(v) {
       if (v.includes("")) {
         selection.value = props.options.map((o) => o.value);
@@ -1114,7 +1149,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                 multiple: __props.multiple,
                 onChange: change,
                 teleported: false,
-                size: __props.size,
+                size: unref(configSize),
                 placeholder: unref(t)("fu.search_bar.please_select")
               }), {
                 default: withCtx(() => [
@@ -1197,11 +1232,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props, { expose }) {
     const props = __props;
-    const { t } = useLocale();
     const value = ref("");
+    const configSize = useSize();
     const valueLabel = computed(() => {
       return dateFormat(value.value[0]) + " - " + dateFormat(value.value[1]);
     });
+    const { t } = useLocale();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -1230,7 +1266,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
-            size: __props.size,
+            size: unref(configSize),
             placeholder: unref(t)("fu.search_bar.select_date"),
             type: "daterange",
             "value-format": __props.valueFormat,
@@ -1265,11 +1301,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props, { expose }) {
     const props = __props;
-    const { t } = useLocale();
     const value = ref("");
+    const configSize = useSize();
     const valueLabel = computed(() => {
       return datetimeFormat(value.value[0]) + " - " + datetimeFormat(value.value[1]);
     });
+    const { t } = useLocale();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -1298,7 +1335,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
-            size: __props.size,
+            size: unref(configSize),
             placeholder: unref(t)("fu.search_bar.select_date_time"),
             type: "datetimerange",
             "value-format": __props.valueFormat,
@@ -1319,7 +1356,7 @@ FuFilterBar.install = (app) => {
   app.component(FuFilterDate.name, FuFilterDate);
   app.component(FuFilterDateTime.name, FuFilterDateTime);
 };
-var __glob_1_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuFilterBar
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1469,6 +1506,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       type: Array,
       default: []
     },
+    blurTime: {
+      type: Number,
+      default: 150
+    },
     writeTrigger: {
       type: String,
       default: "onClick",
@@ -1477,7 +1518,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }
     }
   },
-  emits: ["input", "blur", "change"],
+  emits: ["input", "blur", "change", "update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
     const data = ref(props.modelValue);
@@ -1488,20 +1529,22 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       emit("input", data.value, e);
     }
     function blur(read, e) {
-      setTimeout(() => {
-        read();
-      }, 100);
-      emit("blur", data.value, e);
+      if (props.blurTime > 0) {
+        setTimeout(() => {
+          read();
+        }, props.blurTime);
+        emit("blur", e);
+      }
     }
     function change(read, e) {
+      emit("update:modelValue", data.value, e);
       emit("change", data.value, e);
       read();
     }
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      const _component_fu_read_write_switch = resolveComponent("fu-read-write-switch");
-      return openBlock(), createBlock(_component_fu_read_write_switch, {
+      return openBlock(), createBlock(FuReadWriteSwitch, {
         "write-trigger": __props.writeTrigger,
         data: data.value
       }, {
@@ -1544,7 +1587,7 @@ FuReadWriteSwitch.install = (app) => {
   app.component(FuInputRwSwitch.name, FuInputRwSwitch);
   app.component(FuSelectRwSwitch.name, FuSelectRwSwitch);
 };
-var __glob_1_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuReadWriteSwitch
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1567,6 +1610,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   setup(__props, { emit }) {
     const props = __props;
     const focused = ref(false);
+    const configSize = useSize();
     const value = computed({
       get: () => props.modelValue,
       set: (val) => {
@@ -1593,7 +1637,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       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])
+        class: normalizeClass(["fu-quick-search", "fu-quick-search--" + unref(configSize)])
       }, [
         __props.useIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
           default: withCtx(() => [
@@ -1634,6 +1678,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   setup(__props, { expose, emit }) {
     const active = ref(false);
     const references = inject(referenceKey);
+    const configSize = useSize();
     const showComplex = computed(() => {
       return references ? references.value.length > 0 : false;
     });
@@ -1701,7 +1746,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             circle: "",
             icon: "ArrowRightBold",
             onClick: toggle,
-            size: __props.size,
+            size: unref(configSize),
             class: normalizeClass(["fu-complex-components-trigger", { "is-active": active.value }])
           }, null, 8, ["size", "class"]), [
             [vShow, unref(showComplex)]
@@ -1712,14 +1757,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             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"]);
+                  return openBlock(), createBlock(resolveDynamicComponent(c.component), mergeProps(c, { size: unref(configSize) }), null, 16, ["size"]);
                 }), 256))
               ])
             ]),
             createElementVNode("div", _hoisted_3$6, [
               createVNode(_component_el_button, {
                 onClick: close,
-                size: __props.size
+                size: unref(configSize)
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(t)("fu.search_bar.cancel")), 1)
@@ -1729,7 +1774,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
               createVNode(_component_el_button, {
                 type: "primary",
                 onClick: ok,
-                size: __props.size
+                size: unref(configSize)
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(t)("fu.search_bar.ok")), 1)
@@ -1755,6 +1800,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     tooltip: String
   },
   setup(__props) {
+    const configSize = useSize();
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -1766,7 +1812,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           createVNode(_component_el_button, mergeProps({
             class: "fu-search-bar-button",
             circle: "",
-            size: __props.size
+            size: unref(configSize)
           }, _ctx.$attrs), null, 16, ["size"])
         ]),
         _: 1
@@ -1793,6 +1839,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   emits: ["change"],
   setup(__props, { emit }) {
     const props = __props;
+    const configSize = useSize();
     function remove(index) {
       props.conditions.splice(index, 1);
       emit("change", props.conditions);
@@ -1801,7 +1848,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       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])
+        class: normalizeClass(["fu-search-conditions", "fu-search-conditions--" + unref(configSize)])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.conditions, (condition, index) => {
           return openBlock(), createElementBlock("div", _hoisted_1$b, [
@@ -1829,10 +1876,7 @@ 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
-    },
+    size: useSizeProp,
     quickKey: {
       type: String,
       default: "quick"
@@ -1860,6 +1904,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     const conditions = ref([]);
     const references = ref([]);
     provide(referenceKey, references);
+    const configSize = useSize();
     const placeholder = computed(() => {
       return props.quickPlaceholder ? props.quickPlaceholder : t("fu.search_bar.search");
     });
@@ -1940,7 +1985,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             ref: complexRef,
             components: __props.components,
             onChange: change,
-            size: __props.size,
+            size: unref(configSize),
             onClose: closePopover
           }, {
             default: withCtx(() => [
@@ -1951,12 +1996,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           unref(showComplex) ? (openBlock(), createBlock(FuSearchConditions, {
             key: 0,
             conditions: conditions.value,
-            size: __props.size,
+            size: unref(configSize),
             onChange: change
           }, null, 8, ["conditions", "size"])) : createCommentVNode("v-if", true),
           __props.useQuickSearch ? (openBlock(), createBlock(FuQuickSearch, {
             key: 1,
-            size: __props.size,
+            size: unref(configSize),
             "use-icon": !unref(showComplex),
             placeholder: unref(placeholder),
             modelValue: quick.value,
@@ -1970,14 +2015,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
               key: 0,
               icon: "Close",
               onClick: clean,
-              size: __props.size,
+              size: unref(configSize),
               tooltip: unref(t)("fu.search_bar.clean")
             }, null, 8, ["size", "tooltip"])) : createCommentVNode("v-if", true),
             unref(showRefresh) ? (openBlock(), createBlock(FuSearchBarButton, {
               key: 1,
               icon: "Refresh",
               onClick: refresh,
-              size: __props.size,
+              size: unref(configSize),
               tooltip: unref(t)("fu.search_bar.refresh")
             }, null, 8, ["size", "tooltip"])) : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "default")
@@ -2016,6 +2061,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   setup(__props, { expose, emit }) {
     const props = __props;
     const selection = ref(props.multiple ? [] : "");
+    const configSize = useSize();
     const valueLabel = computed(() => {
       if (Array.isArray(selection.value)) {
         let values = [];
@@ -2064,7 +2110,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             placeholder: unref(t)("fu.search_bar.please_select"),
             modelValue: selection.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event),
-            size: __props.size
+            size: unref(configSize)
           }, _ctx.$attrs, { clearable: "" }), {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (o) => {
@@ -2102,6 +2148,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   setup(__props, { expose }) {
     const props = __props;
     const inputValue = ref("");
+    const configSize = useSize();
     const { t } = useLocale();
     function getCondition() {
       if (!inputValue.value)
@@ -2131,7 +2178,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             modelValue: inputValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
             placeholder: unref(t)("fu.search_bar.please_input"),
-            size: __props.size
+            size: unref(configSize)
           }, _ctx.$attrs), null, 16, ["modelValue", "placeholder", "size"])
         ])
       ]);
@@ -2166,6 +2213,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       return dateFormat(value.value[0]) + " ~ " + dateFormat(value.value[1]);
     });
     const { t } = useLocale();
+    const configSize = useSize();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -2193,7 +2241,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
-            size: __props.size,
+            size: unref(configSize),
             placeholder: unref(t)("fu.search_bar.select_date"),
             type: "daterange",
             "value-format": __props.valueFormat,
@@ -2228,11 +2276,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   setup(__props, { expose }) {
     const props = __props;
-    const { t } = useLocale();
     const value = ref("");
+    const configSize = useSize();
     const valueLabel = computed(() => {
       return datetimeFormat(value.value[0]) + " ~ " + datetimeFormat(value.value[1]);
     });
+    const { t } = useLocale();
     function getCondition() {
       if (!String(value.value))
         return;
@@ -2261,7 +2310,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             modelValue: value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
           }, _ctx.$attrs, {
-            size: __props.size,
+            size: unref(configSize),
             placeholder: unref(t)("fu.search_bar.select_date_time"),
             type: "datetimerange",
             "value-format": __props.valueFormat,
@@ -2283,7 +2332,7 @@ FuSearchBar.install = (app) => {
   app.component(FuComplexDate.name, FuComplexDate);
   app.component(FuComplexDateTime.name, FuComplexDateTime);
 };
-var __glob_1_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSearchBar
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2885,7 +2934,7 @@ FuSpeedDial.install = (app) => {
   app.component(FuSpeedDial.name, FuSpeedDial);
   app.component(FuSpeedDialItem.name, FuSpeedDialItem);
 };
-var __glob_1_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSpeedDial
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3100,7 +3149,7 @@ var FuSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/m
 FuSplitPane.install = (app) => {
   app.component(FuSplitPane.name, FuSplitPane);
 };
-var __glob_1_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuSplitPane
 }, Symbol.toStringTag, { value: "Module" }));
@@ -4028,7 +4077,7 @@ FuTable.install = (app) => {
   app.component(FuTableButton.name, FuTableButton);
   app.component(FuTableMoreButton.name, FuTableMoreButton);
 };
-var __glob_1_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": FuTable
 }, Symbol.toStringTag, { value: "Module" }));
@@ -4179,12 +4228,12 @@ var FuTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/mokun/fi
 FuTabs.install = (app) => {
   app.component(FuTabs.name, FuTabs);
 };
-var __glob_1_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var __glob_2_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.18";
+const version = "0.0.1-beta.19";
 const main = "./lib/fit2cloud-ui-plus.es.js";
 const files = [
   "lib",
@@ -4240,12 +4289,13 @@ var PackageJSON = {
   dependencies,
   devDependencies
 };
-const components = { "./components/filter-bar/index.ts": __glob_1_0, "./components/read-write-switch/index.ts": __glob_1_1, "./components/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) => {
+const components = { "./components/filter-bar/index.ts": __glob_2_0, "./components/read-write-switch/index.ts": __glob_2_1, "./components/search-bar/index.ts": __glob_2_2, "./components/speed-dial/index.ts": __glob_2_3, "./components/split-pane/index.ts": __glob_2_4, "./components/table/index.ts": __glob_2_5, "./components/tabs/index.ts": __glob_2_6 };
+const install = (app, config) => {
   Object.keys(components).forEach((key) => {
     let component = components[key].default;
     app.use(component);
   });
+  provideGlobalConfig(config);
 };
 const plugin = {
   name: "Fit2CloudUIPlus",