@qin-ui/antd-vue-pro 2.0.16 → 2.0.19

package/es/table/index.js

@@ -1,8 +1,9 @@
-import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, watch, watchEffect, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, resolveDynamicComponent, createTextVNode, createCommentVNode, Fragment, toDisplayString, normalizeStyle, toValue, useAttrs, renderList, withModifiers, inject, useSlots, onMounted, normalizeClass, isRef, createSlots, normalizeProps, guardReactiveProps, nextTick, reactive } from "vue";
-import { I as INJECT_CONFIG, g as getObject, c as camelizeProperties } from "../component-provider/index-D8NF18a1.js";
-import _sfc_main$9, { ContainerFragment as _sfc_main$a, useForm } from "../form/index.js";
+import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, watch, watchEffect, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, resolveDynamicComponent, createTextVNode, createCommentVNode, Fragment, toDisplayString, normalizeStyle, useModel, renderList, withModifiers, mergeModels, inject, useAttrs, useSlots, onMounted, normalizeClass, createSlots, normalizeProps, guardReactiveProps, nextTick } from "vue";
+import { INJECT_CONFIG } from "../component-provider/index.js";
+import _sfc_main$9, { ContainerFragment as _sfc_main$a } from "../form/index.js";
 import { Space, Button, theme, Dropdown, Menu, MenuItem, Checkbox, MenuDivider, Table } from "ant-design-vue";
-import { p as pick, c as cloneDeep } from "../vendor/utils/lodash-es-p6jau26B.js";
+import { p as pick } from "../vendor/utils/lodash-es-p6jau26B.js";
+import { g as getObject, c as camelizeProperties, f as useTable$1 } from "../core/index-BrBzu6aj.js";
 import { useConfigContextInject } from "ant-design-vue/es/config-provider/context";
 import { tableProps } from "ant-design-vue/es/table";
 const _export_sfc = (sfc, props) => {
@@ -43,7 +44,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   emits: ["search", "reset"],
   setup(__props, { emit: __emit }) {
-    const props = __props;
     const emit = __emit;
     const proFormHeight = ref("unset");
     const collapseHeight = ref(0);
@@ -51,11 +51,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const rowGap = 16;
     const columnGap = 24;
     const computedExpand = computed(() => {
-      if (!props.expand) return false;
-      if (props.expand === true) return { minExpandRows: 2, expandStatus: false };
+      if (!__props.expand) return false;
+      if (__props.expand === true) return { minExpandRows: 2, expandStatus: false };
       return {
-        minExpandRows: Math.max(Math.floor(props.expand.minExpandRows ?? 2), 1),
-        expandStatus: props.expand.expandStatus ?? false
+        minExpandRows: Math.max(Math.floor(__props.expand.minExpandRows ?? 2), 1),
+        expandStatus: __props.expand.expandStatus ?? false
       };
     });
     const showExpandToggle = ref(false);
@@ -63,10 +63,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const changeExpandStatus = () => {
       expandStatus.value = !expandStatus.value;
     };
-    const { formRef, getFormData } = props.form;
+    const { formRef, getFormData } = __props.form;
     const setInitExpandStatus = () => {
       expandStatus.value = false;
-      if (formRef.value && props.expand) {
+      if (formRef.value && __props.expand) {
         const formEl = formRef.value.$el;
         const formItemsEl = formEl.querySelectorAll(".ant-form-item>[path]");
         const observer = new IntersectionObserver(
@@ -77,7 +77,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 const searchFieldValue = path ? getFormData == null ? void 0 : getFormData(path) : void 0;
                 return ![null, void 0].includes(searchFieldValue);
               }
-              return props.expand.expandStatus;
+              return __props.expand.expandStatus;
             });
             observer.disconnect();
           },
@@ -92,7 +92,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       [
         () => {
           var _a, _b, _c;
-          return (_c = (_b = (_a = props.form) == null ? void 0 : _a.fields.value) == null ? void 0 : _b.filter((f) => !f.hidden)) == null ? void 0 : _c.length;
+          return (_c = (_b = (_a = __props.form) == null ? void 0 : _a.fields.value) == null ? void 0 : _b.filter((f) => !f.hidden)) == null ? void 0 : _c.length;
         },
         () => formRef.value
       ],
@@ -109,7 +109,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     watchEffect(
       () => {
         if (typeof proFormHeight.value !== "number") return;
-        if (props.layout === "grid" && computedExpand.value) {
+        if (__props.layout === "grid" && computedExpand.value) {
           const { minExpandRows } = computedExpand.value;
           collapseHeight.value = Math.min(
             minExpandRows * rowHeight + (minExpandRows - 1) * rowGap,
@@ -126,7 +126,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       { flush: "post" }
     );
     const layoutProps = computed(
-      () => props.layout === "grid" ? {
+      () => __props.layout === "grid" ? {
         grid: {
           gutter: [columnGap, rowGap],
           style: { flex: 1, marginRight: "12px" }
@@ -186,7 +186,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   onClick: onSearch
                 }, {
                   default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                    createTextVNode(" 查询 ", -1)
+                    createTextVNode("查询 ", -1)
                   ])]),
                   _: 1
                 }))
@@ -223,20 +223,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0bb2bc70"]]);
-function useModel(props, name, options) {
-  const eventName = `onUpdate:${name}`;
-  const emitUpdate = props[eventName];
-  const _modelValue = ref(toValue(options == null ? void 0 : options.default));
-  const modelValue = computed({
-    get: () => props[name] === void 0 ? _modelValue.value : props[name],
-    set: (val) => {
-      _modelValue.value = val;
-      emitUpdate == null ? void 0 : emitUpdate(val);
-    }
-  });
-  return modelValue;
-}
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-41da0f82"]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "DefaultSearchFormContainer",
   setup(__props) {
@@ -285,13 +272,16 @@ function _sfc_render$1(_ctx, _cache) {
 const ColumnHeightOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SizeControl",
+  props: {
+    "size": {},
+    "sizeModifiers": {}
+  },
+  emits: ["update:size"],
   setup(__props) {
     var _a;
-    const attrs = useAttrs();
     const configContext = useConfigContextInject();
-    const size = useModel(attrs, "size", {
-      default: ((_a = configContext.componentSize) == null ? void 0 : _a.value) ?? "large"
-    });
+    const size = useModel(__props, "size");
+    size.value = size.value ?? ((_a = configContext.componentSize) == null ? void 0 : _a.value) ?? "large";
     const onSizeChange = (val) => {
       size.value = val.key;
     };
@@ -308,7 +298,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         overlay: withCtx(() => [
           createVNode(unref(Menu), {
             style: { "width": "100px", "text-align": "center" },
-            "selected-keys": unref(size) ? [unref(size)] : [],
+            "selected-keys": size.value ? [size.value] : [],
             items: sizeOptions,
             onClick: onSizeChange
           }, null, 8, ["selected-keys"])
@@ -329,7 +319,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0df8d4ae"]]);
+const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-db17998d"]]);
 const _sfc_main$2 = {};
 const _hoisted_1$1 = {
   focusable: "false",
@@ -350,15 +340,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ColumnControl",
   props: {
     columns: {},
-    table: { default: void 0 }
+    table: { default: () => void 0 }
   },
   setup(__props) {
-    const props = __props;
     const open = ref(false);
     const checkAll = ref(false);
     const indeterminate = ref(false);
     const checkedColumnsOptions = computed(
-      () => props.columns.flatMap(
+      () => __props.columns.flatMap(
         (item) => item.key && item.title ? {
           label: item.title,
           value: item.key,
@@ -376,7 +365,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         var _a;
         (_a = checkedColumnsOptions.value) == null ? void 0 : _a.forEach((item) => {
           var _a2, _b;
-          (_b = (_a2 = props.table) == null ? void 0 : _a2.setColumn) == null ? void 0 : _b.call(_a2, item.value, {
+          (_b = (_a2 = __props.table) == null ? void 0 : _a2.setColumn) == null ? void 0 : _b.call(_a2, item.value, {
             hidden: !val.includes(item.value)
           });
         });
@@ -475,7 +464,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-49bb3de5"]]);
+const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d503f78a"]]);
 const _hoisted_1 = { class: "pro-table_header" };
 const _hoisted_2 = {
   key: 0,
@@ -496,27 +485,32 @@ const _hoisted_5 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ProTable", inheritAttrs: false },
   __name: "BaseTable",
-  props: {
-    table: { default: void 0 },
+  props: /* @__PURE__ */ mergeModels({
+    table: { default: () => void 0 },
     search: { type: Function, default: void 0 },
-    addIndexColumn: { type: Boolean, default: void 0 },
-    immediateSearch: { type: Boolean, default: void 0 },
-    control: { type: [Boolean, Object], default: void 0 },
-    searchFormConfig: { default: void 0 },
+    addIndexColumn: { type: Boolean, default: () => void 0 },
+    immediateSearch: { type: Boolean, default: () => void 0 },
+    control: { type: [Boolean, Object], default: () => void 0 },
+    searchFormConfig: { default: () => void 0 },
     tableContainer: { type: [Object, Function, Boolean], default: void 0 }
-  },
+  }, {
+    "size": {},
+    "sizeModifiers": {},
+    "loading": { type: Boolean },
+    "loadingModifiers": {}
+  }),
+  emits: ["update:size", "update:loading"],
   setup(__props) {
-    const props = __props;
     const config = INJECT_CONFIG["pro-table"];
     const injectProps = inject(config.injectionKey, config.default);
     const tableProperties = Object.keys(tableProps());
     const injectAttrs = pick(injectProps, tableProperties);
     const computedSearchFormConfig = computed(() => {
       var _a, _b;
-      const container = ((_a = props.searchFormConfig) == null ? void 0 : _a.container) ?? ((_b = injectProps.searchFormConfig) == null ? void 0 : _b.container) ?? DefaultSearchFormContainer;
+      const container = ((_a = __props.searchFormConfig) == null ? void 0 : _a.container) ?? ((_b = injectProps.searchFormConfig) == null ? void 0 : _b.container) ?? DefaultSearchFormContainer;
       return {
         ...injectProps.searchFormConfig,
-        ...getObject(props.searchFormConfig),
+        ...getObject(__props.searchFormConfig),
         container: container ? container : void 0
       };
     });
@@ -524,21 +518,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableAttrs = computed(() => {
       return pick(camelizeProperties(attrs), tableProperties);
     });
-    const { columns, dataSource, searchForm, pageParam, setPageParam } = props.table || {};
-    const size = useModel(attrs, "size");
-    const loading = useModel(attrs, "loading");
+    const { columns, dataSource, searchForm, pageParam, setPageParam } = __props.table || {};
+    const size = useModel(__props, "size");
+    const loading = useModel(__props, "loading");
     const _search = async () => {
       var _a;
       try {
         loading.value = true;
-        await ((_a = props.search) == null ? void 0 : _a.call(props));
+        await ((_a = __props.search) == null ? void 0 : _a.call(__props));
       } finally {
         loading.value = false;
       }
     };
     const reset = () => {
       var _a;
-      (_a = props.table) == null ? void 0 : _a.resetQueryParams();
+      (_a = __props.table) == null ? void 0 : _a.resetQueryParams();
       nextTick(() => {
         _search();
       });
@@ -565,7 +559,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const computedTableContainer = computed(() => {
-      const container = props.tableContainer ?? injectProps.tableContainer ?? DefaultTableContainer;
+      const container = __props.tableContainer ?? injectProps.tableContainer ?? DefaultTableContainer;
       return container ? container : void 0;
     });
     const indexColumn = {
@@ -576,7 +570,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const computedColumns = computed(
       () => [
-        ...props.addIndexColumn ?? injectProps.addIndexColumn ? [indexColumn] : [],
+        ...__props.addIndexColumn ?? injectProps.addIndexColumn ? [indexColumn] : [],
         ...(tableAttrs.value.columns ?? (columns == null ? void 0 : columns.value) ?? []).flatMap(
           (item, index) => {
             if (item.key) return [{ ...item, key: item.key }];
@@ -614,13 +608,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !!(searchFormSlot || ((_a = computedSearchFormConfig.value) == null ? void 0 : _a.hidden) !== true && searchForm && ((_b = searchForm.fields.value.filter((item) => !item.hidden)) == null ? void 0 : _b.length) > 0);
     });
     const computedControl = computed(() => {
-      const control = props.control ?? injectProps.control;
-      const sizeControl = (control == null ? void 0 : control.sizeControl) ?? control;
-      const columnControl = (control == null ? void 0 : control.columnControl) ?? control;
+      const mergedControl = __props.control ?? injectProps.control;
+      const sizeControl = (mergedControl == null ? void 0 : mergedControl.sizeControl) ?? mergedControl;
+      const columnControl = (mergedControl == null ? void 0 : mergedControl.columnControl) ?? mergedControl;
       return { sizeControl, columnControl };
     });
     onMounted(() => {
-      if (props.immediateSearch ?? injectProps.immediateSearch) {
+      if (__props.immediateSearch ?? injectProps.immediateSearch) {
         _search();
       }
     });
@@ -657,21 +651,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("", true),
               computedControl.value.sizeControl ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 createVNode(unref(SizeControl), {
-                  size: unref(size),
-                  "onUpdate:size": _cache[0] || (_cache[0] = ($event) => isRef(size) ? size.value = $event : null)
+                  size: size.value,
+                  "onUpdate:size": _cache[0] || (_cache[0] = ($event) => size.value = $event)
                 }, null, 8, ["size"])
               ])) : createCommentVNode("", true),
               computedControl.value.columnControl ? (openBlock(), createElementBlock("div", _hoisted_5, [
                 createVNode(unref(ColumnControl), {
                   columns: computedColumns.value,
-                  table: props.table
+                  table: __props.table
                 }, null, 8, ["columns", "table"])
               ])) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "table", {}, () => [
               createVNode(unref(Table), mergeProps({ class: "pro-table_content" }, computedTableProps.value, {
-                size: unref(size),
-                loading: unref(loading),
+                size: size.value,
+                loading: loading.value,
                 columns: visibleComputedColumns.value,
                 "data-source": computedDataSource.value,
                 pagination: computedPagination.value,
@@ -694,128 +688,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54982423"]]);
-const getDefaultPageParam = () => ({ current: 1, pageSize: 10, total: 0 });
-const pageParamProperty = ["current", "pageSize", "total"];
-const useTable = (params) => {
-  const {
-    columns: initColumns = [],
-    dataSource: initDataSource = [],
-    pageParam: initPageParam = getDefaultPageParam(),
-    searchParam: initSearchParam = {},
-    searchFields: initSearchFields = []
-  } = params;
-  const _initSearchParam = cloneDeep(toValue(initSearchParam));
-  const columns = ref([]);
-  columns.value = initColumns;
-  const dataSource = ref(initDataSource);
-  const pageParam = reactive(initPageParam);
-  const setPageParam = (pa) => {
-    let newPageParam = pa;
-    if (typeof pa === "function") {
-      newPageParam = pa(pageParam);
-    }
-    Object.assign(pageParam, pick(newPageParam, pageParamProperty));
-  };
-  const searchForm = useForm(initSearchParam, initSearchFields, true);
-  const resetQueryParams = () => {
-    Object.assign(pageParam, getDefaultPageParam());
-    searchForm.setFormData(cloneDeep(_initSearchParam));
-  };
-  const updaterMatch = (key, updater, options = {}) => {
-    if (!key) return;
-    const { all = typeof key === "function" } = options;
-    for (let i = 0; i < columns.value.length; i++) {
-      const columnItem = columns.value[i];
-      let matched = false;
-      if (typeof key === "function") {
-        matched = key(columnItem);
-      } else if (columnItem.key) {
-        matched = columnItem.key === key;
-      } else if (columnItem.dataIndex) {
-        const dataIndexKey = Array.isArray(columnItem.dataIndex) ? columnItem.dataIndex.join(".") : columnItem.dataIndex;
-        matched = dataIndexKey === key;
-      } else {
-        matched = key === i;
-      }
-      if (matched) {
-        updater({
-          column: columnItem,
-          columnIndex: i,
-          group: columns.value
-        });
-        if (!all) return;
-      }
-    }
-  };
-  const setColumn = (key, column, options) => {
-    if (!key || !column) return;
-    const { updateType = "merge", ...rest } = options || {};
-    updaterMatch(
-      key,
-      ({ column: preColumn, columnIndex, group }) => {
-        let value = column;
-        if (typeof column === "function") {
-          value = column(preColumn);
-        }
-        if (!value) return;
-        if (updateType === "rewrite") {
-          group[columnIndex] = value;
-        } else {
-          Object.assign(preColumn, value);
-        }
-      },
-      rest
-    );
-  };
-  function deleteColumn(path, options) {
-    if (!path) return;
-    updaterMatch(
-      path,
-      ({ columnIndex, group }) => {
-        group.splice(columnIndex, 1);
-      },
-      options
-    );
-  }
-  function addColumns(path, newColumns, options, placement) {
-    if (newColumns.length === 0) return;
-    if (path) {
-      updaterMatch(
-        path,
-        ({ columnIndex, group }) => {
-          const index = placement === "after" ? columnIndex + 1 : columnIndex;
-          group.splice(index, 0, ...newColumns);
-        },
-        options
-      );
-    } else if (placement === "after") {
-      columns.value.push(...newColumns);
-    } else {
-      columns.value.unshift(...newColumns);
-    }
-  }
-  function appendColumn(path, column, options) {
-    const newColumns = Array.isArray(column) ? column : [column];
-    addColumns(path, newColumns, options, "after");
-  }
-  function prependColumn(path, column, options) {
-    const newColumns = Array.isArray(column) ? column : [column];
-    addColumns(path, newColumns, options, "before");
-  }
-  return {
-    columns,
-    dataSource,
-    pageParam,
-    searchForm,
-    setColumn,
-    deleteColumn,
-    appendColumn,
-    prependColumn,
-    setPageParam,
-    resetQueryParams
-  };
-};
+const BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-291baca6"]]);
+const useTable = useTable$1;
 export {
   BaseTable as default,
   useTable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/antd-vue-pro",
-  "version": "2.0.16",
+  "version": "2.0.19",
   "description": "二次封装antd vue组件",
   "type": "module",
   "module": "es/index.js",
@@ -30,12 +30,13 @@
   "private": false,
   "peerDependencies": {
     "ant-design-vue": "^4",
-    "vue": "^3.3"
+    "vue": "^3.5.0"
   },
   "bugs": {
     "url": "https://github.com/dufan3715/pro-components/issues"
   },
   "devDependencies": {
+    "@qin-ui/core": "workspace:^",
     "@types/lodash-es": "^4.17.12",
     "ant-design-vue": "^4",
     "lodash-es": "^4.17.21",

package/es/component-provider/index-D8NF18a1.js

@@ -1,163 +0,0 @@
-import { camelize, defineComponent, provide, renderSlot } from "vue";
-import { i as isPlainObject } from "../vendor/utils/lodash-es-p6jau26B.js";
-const getPopupContainer = (triggerNode) => triggerNode.closest(".ant-form");
-const INJECT_CONFIG = {
-  "pro-table": {
-    injectionKey: Symbol(""),
-    default: {
-      pagination: {
-        showTotal: (total) => `共 ${total} 条`,
-        showSizeChanger: true,
-        pageSizeOptions: ["10", "20", "30", "40", "50", "100"],
-        showQuickJumper: true
-      },
-      searchFormConfig: {
-        layout: "grid",
-        expand: { minExpandRows: 2, expandStatus: false }
-      },
-      control: true,
-      addIndexColumn: true
-    }
-  },
-  "pro-form": {
-    injectionKey: Symbol(""),
-    default: { grid: { gutter: { xs: 8, sm: 16, md: 16, lg: 24 } } }
-  },
-  "pro-form-item": {
-    injectionKey: Symbol(""),
-    default: { validateFirst: true, span: 8 }
-  },
-  // field
-  input: {
-    injectionKey: Symbol(""),
-    default: { maxlength: 100, allowClear: true, placeholder: "请输入" }
-  },
-  textarea: {
-    injectionKey: Symbol(""),
-    default: {
-      maxlength: 200,
-      autoSize: { minRows: 3, maxRows: 6 },
-      showCount: true,
-      allowClear: true,
-      placeholder: "请输入"
-    }
-  },
-  "input-password": {
-    injectionKey: Symbol(""),
-    default: { maxlength: 100, allowClear: true, placeholder: "请输入" }
-  },
-  "input-search": {
-    injectionKey: Symbol(""),
-    default: {}
-  },
-  "input-number": {
-    injectionKey: Symbol(""),
-    default: {
-      max: 10 ** 15 - 1,
-      min: -1000000000000001,
-      controls: false,
-      placeholder: "请输入",
-      style: { width: "100%" }
-    }
-  },
-  select: {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, placeholder: "请选择", getPopupContainer }
-  },
-  cascader: {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, placeholder: "请选择", getPopupContainer }
-  },
-  "date-picker": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "date-picker.date": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "date-picker.week": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "date-picker.month": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "date-picker.year": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "date-picker.quarter": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "range-picker": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "time-picker": {
-    injectionKey: Symbol(""),
-    default: { allowClear: true, getPopupContainer, style: { width: "100%" } }
-  },
-  "checkbox-group": {
-    injectionKey: Symbol(""),
-    default: {}
-  },
-  "radio-group": {
-    injectionKey: Symbol(""),
-    default: {}
-  },
-  switch: {
-    injectionKey: Symbol(""),
-    default: { modelName: "checked" }
-  },
-  slider: {
-    injectionKey: Symbol(""),
-    default: {}
-  },
-  "tree-select": {
-    injectionKey: Symbol(""),
-    default: {}
-  },
-  transfer: {
-    injectionKey: Symbol(""),
-    default: {}
-  }
-};
-function getObject(val) {
-  return isPlainObject(val) ? val : {};
-}
-function camelizeProperties(obj) {
-  return Object.fromEntries(
-    Object.entries(obj).map(([key, value]) => [camelize(key), value])
-  );
-}
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "index",
-  props: {
-    componentVars: {}
-  },
-  setup(__props) {
-    const props = __props;
-    if (props.componentVars) {
-      Object.entries(props.componentVars).forEach(([key, val]) => {
-        const config = INJECT_CONFIG[key];
-        if (!config) return;
-        provide(config.injectionKey, { ...config.default, ...getObject(val) });
-      });
-    }
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-export {
-  INJECT_CONFIG as I,
-  _sfc_main as _,
-  camelizeProperties as c,
-  getObject as g
-};