@yetuzi/vue3-query-components 1.0.0

package/dist/index.js

@@ -0,0 +1,963 @@
+import { defineComponent, useAttrs, reactive, provide, watchEffect, renderSlot, useTemplateRef, createElementBlock, openBlock, Fragment, renderList, normalizeClass, createBlock, withDirectives, unref, isRef, createSlots, withCtx, mergeProps, mergeModels, useCssVars, useModel, withModifiers, createVNode, resolveDynamicComponent, h, createTextVNode, toDisplayString, watch, computed, withKeys, normalizeProps, guardReactiveProps, inject, ref, useSlots } from "vue";
+import { useRequest } from "vue-hooks-plus";
+import { ElLoading, ElForm, ElFormItem, ElButton, ElTable, ElTableColumn, ElEmpty, ElPagination, ElSelect, ElOption, ElInput, ElDatePicker, ElRadioGroup, ElCheckboxGroup, ElSwitch } from "element-plus";
+import { merge, cloneDeep, kebabCase, camelCase } from "lodash-es";
+import dayjs from "dayjs";
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonConfigProvider",
+    inheritAttrs: false
+  },
+  __name: "index",
+  setup(__props) {
+    const config2 = getCommonProviderConfig();
+    const attrs = useAttrs();
+    const currentConfig = reactive(merge(cloneDeep(config2), attrs));
+    provide(configInjectKey, currentConfig);
+    watchEffect(() => {
+      Object.assign(currentConfig, merge(cloneDeep(config2), attrs));
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _hoisted_1$1 = { class: "common-query-table" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonQueryTable"
+  },
+  __name: "index",
+  props: {
+    fetch: {},
+    form: { default() {
+      return [];
+    } },
+    columns: {},
+    layouts: { default() {
+      return ["form", "table", "pagination"];
+    } }
+  },
+  setup(__props) {
+    const vLoading = ElLoading.directive;
+    const props = __props;
+    const CommonFormRef = useTemplateRef("CommonFormRef");
+    const childrenSlots = useGetComponentsChildrenSlots(["table", "form", "pagination"]);
+    const initFetchParams = Object.fromEntries(props.form.map((item) => [item.prop, item.initialValue]));
+    const config2 = getCommonProviderConfig();
+    const [page, resetPage] = useResettableReactive({
+      pageNo: config2.component.pagination.defaultPageCount,
+      pageSize: config2.component.pagination.defaultPageSize
+    });
+    const { data, loading, run } = useRequest(props.fetch, {
+      /** 默认请求参数，包含分页和表单初始值 */
+      defaultParams: [
+        {
+          ...page,
+          ...initFetchParams
+        }
+      ],
+      /** 初始数据，避免undefined问题 */
+      initialData: {
+        list: [],
+        total: 0
+      },
+      /** 错误处理，重置数据 */
+      onError() {
+        data.value.total = 0;
+        data.value.list = [];
+      }
+    });
+    function handleFormSubmit() {
+      fetchListData();
+    }
+    function handleFormReset() {
+      if (page.pageNo === config2.component.pagination.defaultPageCount && page.pageSize === config2.component.pagination.defaultPageSize) {
+        fetchListData();
+      } else {
+        resetPage();
+      }
+    }
+    function handlePaginationChange(event) {
+      page.pageNo = event.pageNo;
+      page.pageSize = event.pageSize;
+      fetchListData();
+    }
+    function fetchListData() {
+      var _a, _b;
+      const formData = ((_b = (_a = CommonFormRef.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.formData) || {};
+      run(
+        filterNullAndUndefined({
+          ...page,
+          ...formData
+        })
+      );
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.layouts, (layout) => {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass([`common-query-table-${layout}`]),
+            key: layout
+          }, [
+            renderSlot(_ctx.$slots, layout, {}, () => {
+              var _a, _b, _c, _d, _e;
+              return [
+                layout === "form" ? (openBlock(), createBlock(unref(index$1), {
+                  key: 0,
+                  ref_for: true,
+                  ref_key: "CommonFormRef",
+                  ref: CommonFormRef,
+                  inline: "",
+                  form: __props.form,
+                  loading: unref(loading),
+                  "onUpdate:loading": _cache[0] || (_cache[0] = ($event) => isRef(loading) ? loading.value = $event : null),
+                  onSubmit: handleFormSubmit,
+                  onReset: handleFormReset
+                }, createSlots({ _: 2 }, [
+                  renderList((_a = unref(childrenSlots)) == null ? void 0 : _a[layout], (name, key) => {
+                    return {
+                      name: key,
+                      fn: withCtx((scoped) => [
+                        renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, scoped), void 0, true)
+                      ])
+                    };
+                  })
+                ]), 1032, ["form", "loading"])) : layout === "table" ? withDirectives((openBlock(), createBlock(unref(index), {
+                  key: 1,
+                  columns: __props.columns,
+                  data: (_b = unref(data)) == null ? void 0 : _b.list
+                }, createSlots({ _: 2 }, [
+                  renderList((_c = unref(childrenSlots)) == null ? void 0 : _c[layout], (name, key) => {
+                    return {
+                      name: key,
+                      fn: withCtx((scoped) => [
+                        renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, scoped), void 0, true)
+                      ])
+                    };
+                  })
+                ]), 1032, ["columns", "data"])), [
+                  [unref(vLoading), unref(loading)]
+                ]) : layout === "pagination" ? (openBlock(), createBlock(unref(_sfc_main$6), {
+                  key: 2,
+                  "page-no": unref(page).pageNo,
+                  "onUpdate:pageNo": _cache[1] || (_cache[1] = ($event) => unref(page).pageNo = $event),
+                  "page-size": unref(page).pageSize,
+                  "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => unref(page).pageSize = $event),
+                  total: Number((_d = unref(data)) == null ? void 0 : _d.total),
+                  onChange: handlePaginationChange
+                }, createSlots({ _: 2 }, [
+                  renderList((_e = unref(childrenSlots)) == null ? void 0 : _e[layout], (name, key) => {
+                    return {
+                      name: key,
+                      fn: withCtx((scoped) => [
+                        renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, scoped), void 0, true)
+                      ])
+                    };
+                  })
+                ]), 1032, ["page-no", "page-size", "total"])) : renderSlot(_ctx.$slots, layout, { key: 3 }, void 0, true)
+              ];
+            }, true)
+          ], 2);
+        }), 128))
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-36a95823"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonForm"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    form: { default() {
+      return [];
+    } },
+    model: {},
+    rules: {},
+    labelPosition: {},
+    requireAsteriskPosition: {},
+    labelWidth: {},
+    labelSuffix: {},
+    inline: {},
+    inlineMessage: {},
+    statusIcon: {},
+    showMessage: {},
+    validateOnRuleChange: {},
+    hideRequiredAsterisk: {},
+    scrollToError: {},
+    scrollIntoViewOptions: {},
+    size: {},
+    disabled: {}
+  }, {
+    "loading": {
+      default: false
+    },
+    "loadingModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit", "reset"], ["update:loading"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v58512696": unref(config2).component.form.formItem.components.width
+    }));
+    const props = __props;
+    const emit = __emit;
+    const elFormRef = useTemplateRef("elFormRef");
+    const formData = reactive(
+      Object.fromEntries(props.form.map((item) => [item.prop, item.initialValue]))
+    );
+    const config2 = getCommonProviderConfig();
+    const loading = useModel(__props, "loading");
+    const commonComponents = {
+      select: _sfc_main$5,
+      input: _sfc_main$4,
+      "date-picker": _sfc_main$3,
+      radio: _sfc_main$2,
+      "check-box": _sfc_main$1,
+      switch: _sfc_main
+    };
+    async function handleSubmit() {
+      var _a;
+      await ((_a = elFormRef.value) == null ? void 0 : _a.validate());
+      emit("submit", formData);
+    }
+    function handleReset() {
+      var _a;
+      (_a = elFormRef.value) == null ? void 0 : _a.resetFields();
+      emit("reset", formData);
+    }
+    __expose({
+      formData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), mergeProps({
+        ref_key: "elFormRef",
+        ref: elFormRef
+      }, props, {
+        model: formData,
+        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"]))
+      }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.form, (item) => {
+            return openBlock(), createBlock(unref(ElFormItem), mergeProps({ ref_for: true }, item.formItem, {
+              prop: String(item.prop),
+              key: item.prop
+            }), {
+              default: withCtx(() => [
+                typeof item.is === "string" ? (openBlock(), createBlock(resolveDynamicComponent(
+                  h(commonComponents[item.is], {
+                    ...item.props || {},
+                    modelValue: formData[item.prop],
+                    "onUpdate:modelValue": (val) => formData[item.prop] = val
+                  })
+                ), { key: 0 })) : (openBlock(), createBlock(resolveDynamicComponent(
+                  h(item.is, {
+                    ...item.props || {},
+                    modelValue: formData[item.prop],
+                    "onUpdate:modelValue": (val) => formData[item.prop] = val
+                  })
+                ), { key: 1 }))
+              ]),
+              _: 2
+            }, 1040, ["prop"]);
+          }), 128)),
+          createVNode(unref(ElFormItem), { label: "" }, {
+            default: withCtx(() => [
+              createVNode(unref(ElButton), {
+                type: "primary",
+                loading: loading.value,
+                onClick: handleSubmit
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(config2).component.form.submitText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"]),
+              createVNode(unref(ElButton), {
+                loading: loading.value,
+                onClick: handleReset
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(config2).component.form.resetText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["model"]);
+    };
+  }
+});
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-6b862115"]]);
+const columnSupplementType = {
+  index: {},
+  selection: {},
+  expand: {},
+  date: {
+    width: "140px",
+    formatter(row, column, cellValue) {
+      return dayjs(cellValue).format("YYYY-MM-DD");
+    }
+  },
+  dateTime: {
+    width: "180px",
+    formatter(row, column, cellValue) {
+      return dayjs(cellValue).format("YYYY-MM-DD HH:mm:ss");
+    }
+  }
+};
+const _hoisted_1 = { class: "common-table" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ConnomTable"
+  },
+  __name: "index",
+  props: {
+    columns: {},
+    data: { default() {
+      return [];
+    } },
+    size: {},
+    width: {},
+    height: {},
+    maxHeight: {},
+    fit: {},
+    stripe: {},
+    border: {},
+    rowKey: {},
+    context: {},
+    showHeader: {},
+    showSummary: {},
+    sumText: {},
+    summaryMethod: {},
+    rowClassName: {},
+    rowStyle: {},
+    cellClassName: {},
+    cellStyle: {},
+    headerRowClassName: {},
+    headerRowStyle: {},
+    headerCellClassName: {},
+    highlightCurrentRow: {},
+    currentRowKey: {},
+    emptyText: {},
+    expandRowKeys: {},
+    defaultExpandAll: {},
+    defaultSort: {},
+    tooltipEffect: {},
+    tooltipOptions: {},
+    spanMethod: {},
+    selectOnIndeterminate: {},
+    indent: {},
+    treeProps: {},
+    lazy: {},
+    load: {},
+    className: {},
+    style: {},
+    tableLayout: {},
+    scrollbarAlwaysOn: {},
+    flexible: {},
+    showOverflowTooltip: {},
+    tooltipFormatter: {},
+    appendFilterPanelTo: {},
+    scrollbarTabindex: {},
+    nativeScrollbar: {}
+  },
+  setup(__props) {
+    const config2 = getCommonProviderConfig();
+    const props = __props;
+    const ElTableRef = useTemplateRef("ElTableRef");
+    watch(props.data, () => {
+      var _a;
+      (_a = ElTableRef.value) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth"
+      });
+    });
+    const arrayColumns = computed(() => {
+      let columns = cloneDeep(props.columns);
+      if (!Array.isArray(columns)) {
+        columns = Object.entries(columns).map(([key, value]) => {
+          return {
+            ...value,
+            prop: key
+          };
+        });
+      }
+      return columns.map((item) => {
+        if ("type" in item) {
+          return Object.assign(columnSupplementType[item.type], {
+            ...item,
+            prop: item.prop
+          });
+        }
+        return {
+          ...item,
+          prop: item.prop
+        };
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElTable), mergeProps(props, {
+          headerCellStyle: unref(config2).component.table.headerCellStyle,
+          height: "100%",
+          ref_key: "ElTableRef",
+          ref: ElTableRef
+        }), {
+          empty: withCtx(() => [
+            renderSlot(_ctx.$slots, "empty", {}, () => [
+              createVNode(unref(ElEmpty), { description: "暂无数据" })
+            ], true)
+          ]),
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(arrayColumns.value, (column) => {
+              return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
+                key: column.prop,
+                ref_for: true
+              }, column), createSlots({ _: 2 }, [
+                !column.formatter ? {
+                  name: "default",
+                  fn: withCtx((scoped) => [
+                    renderSlot(_ctx.$slots, column.prop, {
+                      row: scoped.row,
+                      column: scoped.column,
+                      index: scoped.$index,
+                      value: scoped.row[column.prop]
+                    }, () => [
+                      createTextVNode(toDisplayString(unref(getFirstValidValue)(scoped.row[column.prop], unref(config2).component.placeholder)), 1)
+                    ], true)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040);
+            }), 128))
+          ]),
+          _: 3
+        }, 16, ["headerCellStyle"])
+      ]);
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5da80890"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonPagination"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    pageSize: {},
+    defaultPageSize: {},
+    total: { default: 0 },
+    pageCount: {},
+    pagerCount: {},
+    currentPage: {},
+    defaultCurrentPage: {},
+    layout: { default: "slot, ->, total, sizes, prev, pager, next, jumper" },
+    pageSizes: { default: () => [10, 20, 30, 40, 50] },
+    popperClass: {},
+    popperStyle: {},
+    prevText: {},
+    prevIcon: {},
+    nextText: {},
+    nextIcon: {},
+    teleported: { type: Boolean, default: true },
+    small: { type: Boolean },
+    size: {},
+    background: { type: Boolean, default: true },
+    disabled: { type: Boolean },
+    hideOnSinglePage: { type: Boolean },
+    appendSizeTo: {}
+  }, {
+    "pageNo": {
+      /** 数值类型 */
+      type: Number,
+      /** 必填项 */
+      required: true
+    },
+    "pageNoModifiers": {},
+    "pageSize": {
+      /** 数值类型 */
+      type: Number,
+      /** 必填项 */
+      required: true
+    },
+    "pageSizeModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:pageNo", "update:pageSize"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const pageNo = useModel(__props, "pageNo");
+    const pageSize = useModel(__props, "pageSize");
+    watch(
+      () => pageSize.value,
+      () => {
+        pageNo.value = 1;
+      }
+    );
+    watch(
+      () => pageNo.value,
+      () => {
+        emit("change", {
+          pageNo: pageNo.value,
+          pageSize: pageSize.value
+        });
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPagination), mergeProps(props, {
+        "page-size": pageSize.value,
+        "onUpdate:pageSize": _cache[0] || (_cache[0] = ($event) => pageSize.value = $event),
+        "current-page": pageNo.value,
+        "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => pageNo.value = $event)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["page-size", "current-page"]);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonSelect"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: {},
+    emptyValues: {},
+    valueOnClear: {},
+    name: {},
+    id: {},
+    modelValue: {},
+    autocomplete: {},
+    automaticDropdown: { type: Boolean },
+    size: {},
+    effect: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean, default: true },
+    filterable: { type: Boolean },
+    allowCreate: { type: Boolean },
+    loading: { type: Boolean },
+    popperClass: {},
+    popperStyle: {},
+    popperOptions: {},
+    remote: { type: Boolean },
+    debounce: {},
+    loadingText: {},
+    noMatchText: {},
+    noDataText: {},
+    remoteMethod: {},
+    filterMethod: {},
+    multiple: { type: Boolean },
+    multipleLimit: {},
+    placeholder: {},
+    defaultFirstOption: { type: Boolean },
+    reserveKeyword: { type: Boolean },
+    valueKey: {},
+    collapseTags: { type: Boolean },
+    collapseTagsTooltip: { type: Boolean },
+    maxCollapseTags: {},
+    teleported: { type: Boolean },
+    persistent: { type: Boolean },
+    clearIcon: {},
+    fitInputWidth: { type: Boolean },
+    suffixIcon: {},
+    tagType: {},
+    tagEffect: {},
+    validateEvent: { type: Boolean, default: true },
+    remoteShowSuffix: { type: Boolean },
+    showArrow: { type: Boolean },
+    offset: {},
+    placement: {},
+    fallbackPlacements: {},
+    tabindex: {},
+    appendTo: {},
+    options: { default() {
+      return [];
+    } },
+    props: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElSelect), mergeProps(props, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
+              return openBlock(), createBlock(unref(ElOption), {
+                key: item.label,
+                value: item.value,
+                label: item.label,
+                disabled: item.disabled
+              }, null, 8, ["value", "label", "disabled"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonInput"
+  },
+  __name: "index",
+  props: {
+    "modelValue": {
+      /** 默认空字符串 */
+      default: ""
+    },
+    "modelModifiers": {}
+  },
+  emits: /* @__PURE__ */ mergeModels(["enter"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    function handleEnter(e) {
+      if ("isComposing" in e) {
+        if (e.isComposing) return;
+      } else {
+        return;
+      }
+      emit("enter", e);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), mergeProps(props, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+        onKeydown: withKeys(handleEnter, ["enter"])
+      }), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (_, name) => {
+          return {
+            name,
+            fn: withCtx((scoped) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scoped)))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonDatePicker"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    type: {},
+    showNow: { type: Boolean },
+    showConfirm: { type: Boolean },
+    showFooter: { type: Boolean, default: true },
+    showWeekNumber: { type: Boolean },
+    ariaLabel: {},
+    emptyValues: {},
+    valueOnClear: {},
+    disabledDate: {},
+    cellClassName: {},
+    shortcuts: {},
+    arrowControl: { type: Boolean },
+    tabindex: {},
+    validateEvent: { type: Boolean, default: true },
+    unlinkPanels: { type: Boolean },
+    placement: {},
+    fallbackPlacements: {},
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    automaticDropdown: { type: Boolean },
+    id: {},
+    name: {},
+    popperClass: {},
+    popperStyle: {},
+    format: {},
+    valueFormat: { default: "YYYY-MM-DD" },
+    dateFormat: {},
+    timeFormat: {},
+    clearable: { type: Boolean, default: true },
+    clearIcon: {},
+    editable: { type: Boolean },
+    prefixIcon: {},
+    size: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: { default: "请选择日期" },
+    popperOptions: {},
+    modelValue: {},
+    rangeSeparator: {},
+    startPlaceholder: { default: "开始日期" },
+    endPlaceholder: { default: "结束日期" },
+    defaultValue: {},
+    defaultTime: {},
+    isRange: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDatePicker), mergeProps(props, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonRadio"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: {},
+    id: {},
+    size: {},
+    disabled: {},
+    modelValue: {},
+    fill: {},
+    textColor: {},
+    name: {},
+    validateEvent: {},
+    options: {},
+    props: {},
+    type: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElRadioGroup), mergeProps(props, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonCheckbox"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: {},
+    modelValue: {},
+    disabled: {},
+    min: {},
+    max: {},
+    size: {},
+    fill: {},
+    textColor: {},
+    tag: {},
+    validateEvent: {},
+    options: {},
+    props: {},
+    type: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCheckboxGroup), mergeProps(props, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CommonCheckbox"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    activeColor: {},
+    inactiveColor: {},
+    borderColor: {},
+    ariaLabel: {},
+    modelValue: {},
+    disabled: {},
+    loading: {},
+    size: {},
+    width: {},
+    inlinePrompt: {},
+    inactiveActionIcon: {},
+    activeActionIcon: {},
+    activeIcon: {},
+    inactiveIcon: {},
+    activeText: {},
+    inactiveText: {},
+    activeValue: {},
+    inactiveValue: {},
+    name: {},
+    validateEvent: {},
+    beforeChange: {},
+    id: {},
+    tabindex: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const style = computed(() => {
+      const css = {};
+      if (props.activeColor) {
+        css["--el-switch-on-color"] = props.activeColor;
+      }
+      if (props.inactiveColor) {
+        css["--el-switch-off-color"] = props.inactiveColor;
+      }
+      if (props.borderColor) {
+        css["--el-switch-border-color"] = props.borderColor;
+      }
+      return css;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElSwitch), mergeProps({ class: "common-switch" }, props, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+        style: style.value
+      }), null, 16, ["modelValue", "style"]);
+    };
+  }
+});
+function getFirstValidValue(...args) {
+  return args.find((arg) => arg !== null && arg !== void 0 && arg !== "");
+}
+function filterNullAndUndefined(obj) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(
+      ([_, value]) => value !== null && value !== void 0 && value !== ""
+    )
+  );
+}
+const configInjectKey = Symbol();
+function getCommonProviderConfig() {
+  return inject(configInjectKey, config);
+}
+function useResettableRef(value, clone = cloneDeep) {
+  const initialValue = clone(value);
+  const state = ref(value);
+  const reset = () => {
+    state.value = clone(initialValue);
+  };
+  return [state, reset];
+}
+function useResettableReactive(value, clone = cloneDeep) {
+  const state = reactive(clone(value));
+  const reset = () => {
+    Object.keys(state).forEach((key) => {
+      Reflect.deleteProperty(state, key);
+    });
+    Object.assign(state, clone(value));
+  };
+  return [state, reset];
+}
+function useGetComponentsChildrenSlots(keys) {
+  const slots = useSlots();
+  return computed(() => {
+    const o = Object.fromEntries(keys.map((item) => [item, {}]));
+    for (const key in slots) {
+      if (!Object.prototype.hasOwnProperty.call(slots, key) && !keys.some((i) => i.startsWith(key)))
+        continue;
+      const k = kebabCase(key);
+      const value = slots[key];
+      const index2 = k.indexOf("-");
+      if (index2 === -1 && !value) return;
+      const name = k.slice(0, index2);
+      const slotKey = k.slice(index2 + 1);
+      merge(o, {
+        [name]: {
+          [camelCase(slotKey)]: key
+        }
+      });
+    }
+    return o;
+  });
+}
+const config = reactive({
+  component: {
+    placeholder: "-",
+    pagination: {
+      defaultPageCount: 1,
+      defaultPageSize: 10
+    },
+    table: {
+      headerCellStyle: {
+        color: "#000000",
+        fontWeight: "normal",
+        height: "48px",
+        backgroundColor: "#f1f6ff"
+      }
+    },
+    form: {
+      submitText: "搜索",
+      resetText: "重置",
+      formItem: {
+        components: {
+          width: "200px"
+        }
+      }
+    }
+  }
+});
+export {
+  _sfc_main$1 as CommonCheckbox,
+  _sfc_main$a as CommonConfigProvider,
+  _sfc_main$3 as CommonDatePicker,
+  index$1 as CommonForm,
+  _sfc_main$4 as CommonInput,
+  _sfc_main$6 as CommonPagination,
+  index$2 as CommonQueryTable,
+  _sfc_main$2 as CommonRadio,
+  _sfc_main$5 as CommonSelect,
+  _sfc_main as CommonSwitch,
+  index as CommonTable,
+  config,
+  configInjectKey,
+  filterNullAndUndefined,
+  getCommonProviderConfig,
+  getFirstValidValue,
+  useGetComponentsChildrenSlots,
+  useResettableReactive,
+  useResettableRef
+};
+//# sourceMappingURL=index.js.map