@qin-ui/element-plus-pro 1.0.8 → 1.1.1

package/es/index.js

@@ -1,22 +1,1526 @@
 import "./element-plus-pro.css";
-import { a as _sfc_main } from "./form/index-D8btGgqa.js";
-import { b, c, d, u, e } from "./form/index-D8btGgqa.js";
-import "vue";
-import { e as e2 } from "./core/index-C0Pbv44C.js";
-import "element-plus";
-import BaseTable from "./table/index.js";
-import { useTable } from "./table/index.js";
-import { _ as _sfc_main$1 } from "./component-provider/index-Bmx9Q9Q-.js";
-const withInstall = (comp) => {
-  comp.install = (app) => {
-    app.component(comp.name, comp);
+import { inject, computed, provide, toValue, defineComponent, renderSlot, mergeProps, normalizeProps, guardReactiveProps, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString, useSlots, watchEffect, withModifiers, createElementVNode, watch, withKeys, normalizeStyle, useModel, mergeModels, onMounted, resolveDirective, normalizeClass, withDirectives, nextTick } from "vue";
+import { ElFormItem, ElCol, ElTable, ElPagination, useFormDisabled, ElTransfer, ElTreeSelect, ElSlider, ElSwitch, ElRadioGroup, ElCheckboxGroup, ElTimeSelect, ElTimePicker, ElDatePicker, ElCascader, ElSelect, ElAutocomplete, ElInputNumber, ElInput, ElRow, ElForm, ElSpace, ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem, ElCheckbox, ElTableColumn } from "element-plus";
+import { InjectionPathKey, isPlainObject, getObject, toPath, useForm as useForm$1, omit, cloneDeep, InjectionFormKey, camelizeProperties, useFields as useFields$1, useFormRef as useFormRef$1, get, pick, useTable as useTable$1 } from "@qin-ui/pro-components-core";
+import { useFormData } from "@qin-ui/pro-components-core";
+const tableProps = () => ElTable.props || {};
+const paginationProps = () => ElPagination.props || {};
+const gridItemProps = () => ElCol.props || {};
+const formItemProps = () => ElFormItem.props || {};
+const DisabledContextKey = Symbol("pro-form-disabled-context");
+const useDisabledContext = () => {
+  const formDisabled = useFormDisabled();
+  return inject(
+    DisabledContextKey,
+    computed(() => !!formDisabled.value)
+  );
+};
+const useDisabledContextProvider = (disabled) => {
+  provide(
+    DisabledContextKey,
+    computed(() => !!toValue(disabled))
+  );
+};
+const INJECT_CONFIG = {
+  "pro-table": {
+    injectionKey: Symbol(""),
+    default: {
+      pagination: {
+        layout: "total, sizes, prev, pager, next, jumper",
+        pageSizes: [10, 20, 30, 40, 50, 100],
+        background: true
+      },
+      searchFormConfig: {
+        layout: "grid",
+        expand: { minExpandRows: 2, expandStatus: false }
+      },
+      control: true,
+      addIndexColumn: true
+    }
+  },
+  "pro-form": {
+    injectionKey: Symbol(""),
+    default: { grid: { gutter: 24 } }
+  },
+  "pro-form-item": {
+    injectionKey: Symbol(""),
+    default: { span: 8 }
+  },
+  input: {
+    injectionKey: Symbol(""),
+    default: { maxlength: 100, clearable: true, placeholder: "请输入" }
+  },
+  "input.textarea": {
+    injectionKey: Symbol(""),
+    default: {
+      maxlength: 200,
+      autosize: { minRows: 3, maxRows: 6 },
+      showWordLimit: true,
+      clearable: true,
+      placeholder: "请输入"
+    }
+  },
+  "input.password": {
+    injectionKey: Symbol(""),
+    default: {
+      showPassword: true,
+      maxlength: 100,
+      clearable: true,
+      placeholder: "请输入"
+    }
+  },
+  "input-number": {
+    injectionKey: Symbol(""),
+    default: {
+      max: 10 ** 15 - 1,
+      min: -1000000000000001,
+      controls: false,
+      placeholder: "请输入",
+      style: { width: "100%" }
+    }
+  },
+  autocomplete: {
+    injectionKey: Symbol(""),
+    default: { clearable: true, placeholder: "请输入" }
+  },
+  select: {
+    injectionKey: Symbol(""),
+    default: { clearable: true, placeholder: "请选择" }
+  },
+  cascader: {
+    injectionKey: Symbol(""),
+    default: { clearable: true, placeholder: "请选择" }
+  },
+  "date-picker": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.date": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.dates": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.daterange": {
+    injectionKey: Symbol(""),
+    default: {
+      style: { width: "100%" },
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期"
+    }
+  },
+  "date-picker.week": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.month": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.monthrange": {
+    injectionKey: Symbol(""),
+    default: {
+      style: { width: "100%" },
+      startPlaceholder: "开始月份",
+      endPlaceholder: "结束月份"
+    }
+  },
+  "date-picker.months": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.yearrange": {
+    injectionKey: Symbol(""),
+    default: {
+      style: { width: "100%" },
+      startPlaceholder: "开始年份",
+      endPlaceholder: "结束年份"
+    }
+  },
+  "date-picker.year": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.years": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.datetime": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "date-picker.datetimerange": {
+    injectionKey: Symbol(""),
+    default: {
+      style: { width: "100%" },
+      startPlaceholder: "开始时间",
+      endPlaceholder: "结束时间"
+    }
+  },
+  "time-picker": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "time-select": {
+    injectionKey: Symbol(""),
+    default: { style: { width: "100%" }, placeholder: "请选择" }
+  },
+  "checkbox-group": {
+    injectionKey: Symbol(""),
+    default: {}
+  },
+  "radio-group": {
+    injectionKey: Symbol(""),
+    default: {}
+  },
+  switch: {
+    injectionKey: Symbol(""),
+    default: { modelProp: "modelValue" }
+  },
+  slider: {
+    injectionKey: Symbol(""),
+    default: {}
+  },
+  "tree-select": {
+    injectionKey: Symbol(""),
+    default: { clearable: true, placeholder: "请选择" }
+  },
+  transfer: {
+    injectionKey: Symbol(""),
+    default: {}
+  }
+};
+const INJECT_COMPONENTS = Symbol("INJECT_COMPONENTS");
+const DYNAMIC_INJECT_CONFIG = /* @__PURE__ */ Object.create(null);
+const getInjectConfig = (key) => {
+  return INJECT_CONFIG[key] || DYNAMIC_INJECT_CONFIG[key];
+};
+const ensureInjectConfig = (key) => {
+  const existing = getInjectConfig(key);
+  if (existing) return existing;
+  const created = {
+    injectionKey: Symbol(`dynamic:${key}`),
+    default: {}
   };
-  return comp;
+  DYNAMIC_INJECT_CONFIG[key] = created;
+  return created;
+};
+const FORM_ITEM_SLOT_KEYS = ["label", "error"];
+const componentMap = {
+  "input": ElInput,
+  "input-number": ElInputNumber,
+  "autocomplete": ElAutocomplete,
+  "select": ElSelect,
+  "cascader": ElCascader,
+  "date-picker": ElDatePicker,
+  "time-picker": ElTimePicker,
+  "time-select": ElTimeSelect,
+  "checkbox-group": ElCheckboxGroup,
+  "radio-group": ElRadioGroup,
+  "switch": ElSwitch,
+  "slider": ElSlider,
+  "tree-select": ElTreeSelect,
+  "transfer": ElTransfer
+};
+const TeleportComponentNamePrefix = "TeleportComponent_";
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    path: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const namePath = computed(() => {
+      return Array.isArray(props.path) ? props.path.join(".") : props.path;
+    });
+    provide(InjectionPathKey, namePath);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { path: namePath.value });
+    };
+  }
+});
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    field: {}
+  },
+  setup(__props) {
+    const formItemPropKeys = Object.keys(formItemProps());
+    const gridItemPropKeys = Object.keys(gridItemProps());
+    const props = __props;
+    const config = INJECT_CONFIG["pro-form-item"];
+    const injectFormItemProps = inject(config.injectionKey, config.default);
+    const groupedAttributes = computed(() => {
+      let gridItemProps2 = {};
+      let formItemProps2 = {};
+      const componentProps = { slots: {} };
+      const formItemSlots = {};
+      if (isPlainObject(props.field)) {
+        const { path, name, fields, formItemClass, formItemStyle, formItemContainer, hidden, span, getFormItemRef, getComponentRef, getFormItemComputedProps, getComponentComputedProps, slots = {}, formItemDataAttrs = {}, componentDataAttrs = {}, extraProps, ...rest } = props.field;
+        const {
+          class: injectClassName,
+          style: injectStyle,
+          span: injectSpan,
+          formItemContainer: injectFormItemContainer,
+          xs,
+          sm,
+          md,
+          lg,
+          xl,
+          ...injectRest
+        } = injectFormItemProps;
+        const initGridItemProps = span || span === 0 ? { span } : { xs, sm, md, lg, xl, span: injectSpan };
+        gridItemProps2 = fields ? { span: span ?? 24 } : initGridItemProps;
+        formItemProps2 = mergeProps(
+          injectRest,
+          { class: injectClassName, style: injectStyle },
+          { class: toValue(formItemClass), style: toValue(formItemStyle) },
+          formItemDataAttrs
+        );
+        formItemProps2.container = formItemContainer ?? injectFormItemContainer;
+        Object.keys(rest).forEach((k) => {
+          if (gridItemPropKeys.includes(k)) {
+            gridItemProps2[k] = rest[k];
+          } else if (formItemPropKeys.includes(k)) {
+            formItemProps2[k] = rest[k];
+          } else {
+            componentProps[k] = rest[k];
+          }
+        });
+        Object.assign(componentProps, componentDataAttrs);
+        Object.keys(slots).forEach((k) => {
+          if (FORM_ITEM_SLOT_KEYS.includes(k)) {
+            formItemSlots[k] = slots[k];
+          } else {
+            componentProps["slots"][k] = slots[k];
+          }
+        });
+      }
+      return { gridItemProps: gridItemProps2, formItemProps: formItemProps2, componentProps, formItemSlots };
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(groupedAttributes.value)));
+    };
+  }
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{ name: "BaseFormItem", inheritAttrs: false },
+  __name: "index",
+  props: {
+    grid: { type: [Boolean, Object], default: () => void 0 },
+    fields: { default: () => [] },
+    disabled: { type: Boolean, default: () => void 0 }
+  },
+  setup(__props) {
+    const validFields = computed(() => {
+      var _a, _b;
+      return (_b = (_a = __props.fields).filter) == null ? void 0 : _b.call(_a, (field) => !field.hidden);
+    });
+    useDisabledContextProvider(computed(() => __props.disabled));
+    const config = INJECT_CONFIG["pro-form"];
+    const { grid: injectGrid } = inject(config.injectionKey, config.default);
+    const enableGrid = computed(() => {
+      if (__props.grid !== void 0) return !!__props.grid;
+      return !!injectGrid;
+    });
+    const computedGridProps = computed(() => {
+      return enableGrid.value ? { ...getObject(injectGrid), ...getObject(__props.grid) } : {};
+    });
+    const formItemRefs = [];
+    const componentRefs = [];
+    const onFormItemMounted = (index2, formItemProps2) => {
+      const field = validFields.value[index2];
+      Object.assign(field, {
+        getFormItemRef: () => formItemRefs[index2],
+        getFormItemComputedProps: () => formItemProps2
+      });
+    };
+    const onComponentMounted = (index2) => {
+      const field = validFields.value[index2];
+      Object.assign(field, {
+        getComponentRef: () => {
+          var _a;
+          return (_a = componentRefs[index2]) == null ? void 0 : _a.getComponentRef();
+        },
+        getComponentComputedProps: () => {
+          var _a;
+          return (_a = componentRefs[index2]) == null ? void 0 : _a.getComponentComputedProps();
+        }
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_BaseFormItem = resolveComponent("BaseFormItem");
+      return openBlock(), createBlock(unref(_sfc_main$d), mergeProps({
+        component: enableGrid.value ? unref(ElRow) : void 0
+      }, computedGridProps.value, { style: { "width": "100%" } }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(validFields.value, ({ path: _path, ...field }, index2) => {
+            return openBlock(), createBlock(_sfc_main$h, mergeProps({
+              key: unref(toPath)(toValue(_path ?? index2)).join(".") || index2
+            }, { ref_for: true }, { path: _path }), {
+              default: withCtx(({ path }) => [
+                createVNode(_sfc_main$g, { field }, {
+                  default: withCtx(({
+                    gridItemProps: gridItemProps2,
+                    formItemProps: { container, ...formItemProps2 },
+                    componentProps,
+                    formItemSlots
+                  }) => [
+                    createVNode(unref(_sfc_main$d), mergeProps({
+                      component: enableGrid.value ? unref(ElCol) : void 0
+                    }, { ref_for: true }, gridItemProps2), {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$d), {
+                          component: container,
+                          path
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(ElFormItem), mergeProps({ ref_for: true }, formItemProps2, {
+                              ref_for: true,
+                              ref: (el) => formItemRefs[index2] = el,
+                              prop: unref(toPath)(path).join("."),
+                              path,
+                              onVnodeMounted: ($event) => onFormItemMounted(index2, formItemProps2)
+                            }), createSlots({
+                              default: withCtx(() => [
+                                field.fields ? (openBlock(), createBlock(_component_BaseFormItem, {
+                                  key: 0,
+                                  grid: field.grid ?? __props.grid,
+                                  fields: field.fields,
+                                  disabled: toValue(field.disabled)
+                                }, null, 8, ["grid", "fields", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$e), mergeProps({
+                                  key: 1,
+                                  ref_for: true,
+                                  ref: (el) => componentRefs[index2] = el
+                                }, { ref_for: true }, componentProps, {
+                                  path,
+                                  onVnodeMounted: ($event) => onComponentMounted(index2)
+                                }), null, 16, ["path", "onVnodeMounted"]))
+                              ]),
+                              _: 2
+                            }, [
+                              renderList(formItemSlots, (slot, name) => {
+                                return {
+                                  name,
+                                  fn: withCtx((scoped) => [
+                                    createVNode(unref(_sfc_main$c), mergeProps({
+                                      path,
+                                      component: slot
+                                    }, { ref_for: true }, scoped), null, 16, ["path", "component"])
+                                  ])
+                                };
+                              })
+                            ]), 1040, ["prop", "path", "onVnodeMounted"])
+                          ]),
+                          _: 2
+                        }, 1032, ["component", "path"])
+                      ]),
+                      _: 2
+                    }, 1040, ["component"])
+                  ]),
+                  _: 2
+                }, 1032, ["field"])
+              ]),
+              _: 2
+            }, 1040);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["component"]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const BaseFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d52742ce"]]);
+function useForm(...args) {
+  return useForm$1(...args);
+}
+const getInitProps = (field) => {
+  const { component, type } = field;
+  if (typeof component === "string") {
+    const k = [component, type].filter(Boolean).join(".");
+    const config = getInjectConfig(k);
+    if (!config) return {};
+    const injectProps = inject(config.injectionKey, config.default);
+    return injectProps;
+  }
+  return {};
+};
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{ name: "BaseField", inheritAttrs: false },
+  __name: "index",
+  props: {
+    component: { default: () => void 0 },
+    path: { default: "" }
+  },
+  setup(__props, { expose: __expose }) {
+    const form = useForm(false);
+    const { getFormData, setFormData } = form;
+    const componentRef = ref();
+    const attrs = useAttrs();
+    function getOldValue() {
+      return cloneDeep(getFormData == null ? void 0 : getFormData(__props.path));
+    }
+    const value = computed({
+      get() {
+        let val = getFormData == null ? void 0 : getFormData(__props.path);
+        const { valueFormatter } = groupedAttrs.value;
+        if (typeof valueFormatter === "object" && typeof valueFormatter.get === "function") {
+          val = valueFormatter.get(val);
+        }
+        return val;
+      },
+      set(val) {
+        let newVal = val;
+        const { valueFormatter } = groupedAttrs.value;
+        if (valueFormatter) {
+          if (typeof valueFormatter === "function") {
+            newVal = valueFormatter(val, getOldValue());
+          } else if (typeof valueFormatter.set === "function") {
+            newVal = valueFormatter.set(val, getOldValue());
+          }
+        }
+        setFormData == null ? void 0 : setFormData(__props.path, newVal);
+      }
+    });
+    const parentDisabled = useDisabledContext();
+    const groupedAttrs = computed(() => {
+      const initProps = getInitProps({
+        component: __props.component,
+        type: attrs.type
+      });
+      const modelPropName = attrs.modelProp ?? initProps.modelProp ?? "modelValue";
+      const mergedProps = mergeProps(
+        initProps,
+        attrs,
+        { class: attrs.componentClass, style: attrs.componentStyle },
+        { class: initProps.componentClass, style: initProps.componentStyle },
+        { disabled: attrs.disabled ?? parentDisabled.value ?? initProps.disabled },
+        { modelProp: modelPropName }
+      );
+      const { valueFormatter, modelProp, slots, componentClass, componentStyle, componentContainer, ...rest } = mergedProps;
+      const modelBindingProp = modelProp ?? "modelValue";
+      const bindAttrs = omit(rest, [
+        modelBindingProp,
+        `onUpdate:${modelBindingProp}`
+      ]);
+      return {
+        attrs: bindAttrs,
+        slots,
+        componentContainer,
+        modelProp: modelBindingProp,
+        valueFormatter
+      };
+    });
+    const teleportComponent = inject(
+      `${TeleportComponentNamePrefix}${__props.path}`,
+      void 0
+    );
+    const customComponents = inject(INJECT_COMPONENTS, {});
+    const is = computed(() => {
+      if (teleportComponent) return teleportComponent;
+      if (typeof __props.component === "string") {
+        return customComponents[__props.component] || componentMap[__props.component] || __props.component;
+      }
+      return __props.component;
+    });
+    __expose({
+      getComponentRef: () => componentRef.value,
+      getComponentComputedProps: () => groupedAttrs.value.attrs
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$d), {
+        component: groupedAttrs.value.componentContainer,
+        path: __props.path
+      }, {
+        default: withCtx(() => [
+          is.value ? (openBlock(), createBlock(resolveDynamicComponent(is.value), mergeProps({ key: 0 }, groupedAttrs.value.attrs, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            [`${groupedAttrs.value.modelProp}`]: value.value,
+            [`onUpdate:${groupedAttrs.value.modelProp}`]: _cache[0] || (_cache[0] = ($event) => value.value = $event),
+            path: __props.path
+          }), createSlots({ _: 2 }, [
+            renderList(groupedAttrs.value.slots, (slot, name) => {
+              return {
+                name,
+                fn: withCtx((scoped) => [
+                  createVNode(unref(_sfc_main$c), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
+                ])
+              };
+            })
+          ]), 1040, ["path"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["component", "path"]);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{ name: "ContainerFragment", inheritAttrs: false },
+  __name: "index",
+  props: {
+    component: { type: [Object, Function] }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.component), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)) : renderSlot(_ctx.$slots, "default", { key: 1 });
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{ name: "SlotComponent", inheritAttrs: false },
+  __name: "index",
+  props: {
+    component: { type: [Object, Function, String, Number, Boolean, null] }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return isVNode(__props.component) || typeof __props.component === "function" ? (openBlock(), createBlock(resolveDynamicComponent(__props.component), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createTextVNode(toDisplayString(__props.component), 1)
+      ], 64));
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProForm", inheritAttrs: false },
+  __name: "index",
+  props: {
+    grid: { type: [Boolean, Object], default: false },
+    form: { default: () => ({}) }
+  },
+  setup(__props) {
+    provide(InjectionFormKey, __props.form);
+    const { formData, fields, setFormRef } = __props.form;
+    const _fields = computed(() => fields.value);
+    const config = INJECT_CONFIG["pro-form"];
+    const attrs = useAttrs();
+    const { grid: _injectGrid, ...injectAttrs } = inject(
+      config.injectionKey,
+      config.default
+    );
+    const slots = useSlots();
+    watchEffect(() => {
+      Object.keys(slots).forEach((name) => {
+        if (name === "default") return;
+        provide(`${TeleportComponentNamePrefix}${name}`, slots[name]);
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), mergeProps({
+        ref: (el) => {
+          var _a;
+          return (_a = unref(setFormRef)) == null ? void 0 : _a(el);
+        },
+        model: unref(formData)
+      }, mergeProps(injectAttrs, unref(camelizeProperties)(unref(attrs))), {
+        class: "pro-form",
+        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"]))
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(BaseFormItem), {
+            fields: _fields.value,
+            grid: __props.grid
+          }, null, 8, ["fields", "grid"]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["model"]);
+    };
+  }
+});
+function useFields(initFields) {
+  return useFields$1(initFields);
+}
+function useFormRef() {
+  return useFormRef$1();
+}
+const _sfc_main$a = {};
+const _hoisted_1$5 = {
+  focusable: "false",
+  "data-icon": "down",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "64 64 896 896"
+};
+function _sfc_render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
+  ])]);
+}
+const DownOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{ name: "SearchForm" },
+  __name: "SearchForm",
+  props: {
+    form: {},
+    layout: { default: "grid" },
+    expand: { type: [Boolean, Object], default: true },
+    searchButton: { type: [Object, Function, Boolean], default: void 0 },
+    resetButton: { type: [Object, Function, Boolean], default: void 0 },
+    expandButton: { type: [Object, Function, Boolean], default: void 0 },
+    rowGap: { default: 16 },
+    columnGap: { default: 24 },
+    class: {},
+    style: {}
+  },
+  emits: ["search", "reset"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const proFormHeight = ref("unset");
+    const collapseHeight = ref(0);
+    let rowHeight = 32;
+    const computedExpand = computed(() => {
+      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
+      };
+    });
+    const showExpandToggle = ref(false);
+    const expandStatus = ref(true);
+    const changeExpandStatus = () => {
+      expandStatus.value = !expandStatus.value;
+    };
+    const { formRef, getFormData } = __props.form;
+    const setInitExpandStatus = () => {
+      expandStatus.value = false;
+      if (formRef.value && __props.expand) {
+        const formEl = formRef.value.$el;
+        const formItemsEl = formEl.querySelectorAll(
+          "[class*='-form-item'] > [path]"
+        );
+        const observer = new IntersectionObserver(
+          (entries) => {
+            expandStatus.value = entries.some((e) => {
+              if (e.intersectionRatio === 0) {
+                const path = e.target.getAttribute("path");
+                const searchFieldValue = path ? getFormData == null ? void 0 : getFormData(path) : void 0;
+                return ![null, void 0].includes(searchFieldValue);
+              }
+              return __props.expand.expandStatus;
+            });
+            observer.disconnect();
+          },
+          { root: formEl }
+        );
+        formItemsEl.forEach((element) => {
+          observer.observe(element);
+        });
+      }
+    };
+    watch(
+      [
+        () => {
+          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;
+        },
+        () => formRef.value,
+        () => __props.expand
+      ],
+      () => {
+        var _a, _b, _c, _d, _e;
+        if (!__props.expand || !expandStatus.value || !formRef.value) return;
+        const proFormEl = (_a = formRef.value) == null ? void 0 : _a.$el;
+        const { height = 0 } = ((_b = proFormEl == null ? void 0 : proFormEl.getBoundingClientRect) == null ? void 0 : _b.call(proFormEl)) || {};
+        proFormHeight.value = height;
+        rowHeight = (_e = (_d = (_c = proFormEl == null ? void 0 : proFormEl.querySelector("[class*='-form-item']")) == null ? void 0 : _c.getBoundingClientRect) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.height;
+      },
+      { flush: "post", immediate: true }
+    );
+    watchEffect(
+      () => {
+        if (typeof proFormHeight.value !== "number") return;
+        if (__props.layout === "grid" && computedExpand.value) {
+          const { minExpandRows } = computedExpand.value;
+          collapseHeight.value = Math.min(
+            minExpandRows * rowHeight + (minExpandRows - 1) * __props.rowGap,
+            +proFormHeight.value
+          );
+          showExpandToggle.value = +proFormHeight.value - collapseHeight.value > 1;
+          if (showExpandToggle.value) {
+            setInitExpandStatus();
+          }
+        } else {
+          showExpandToggle.value = false;
+        }
+      },
+      { flush: "post" }
+    );
+    const layoutProps = computed(
+      () => __props.layout === "grid" ? {
+        grid: {
+          gutter: __props.columnGap,
+          style: { rowGap: `${__props.rowGap}px` }
+        },
+        style: {
+          display: "flex",
+          overflow: "hidden",
+          columnGap: `${__props.columnGap}px`,
+          height: `${expandStatus.value ? proFormHeight.value : collapseHeight.value}px`
+        }
+      } : {
+        inline: true,
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          gap: `${__props.rowGap}px ${__props.columnGap}px`
+        },
+        grid: false
+      }
+    );
+    const onReset = () => {
+      emit("reset");
+    };
+    const onSearch = () => {
+      emit("search");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$b), mergeProps(layoutProps.value, {
+        form: __props.form,
+        class: "pro-table_search-form transition",
+        onKeyup: withKeys(onSearch, ["enter"])
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(ElSpace), {
+            alignment: "start",
+            class: "pro-table_search-form_button-group"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "reset-button", { onClick: onReset }, () => [
+                __props.resetButton !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  __props.resetButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.resetButton), {
+                    key: 0,
+                    onClick: onReset
+                  })) : (openBlock(), createBlock(unref(ElButton), {
+                    key: 1,
+                    class: "pro-table_search-form_reset-button",
+                    onClick: onReset
+                  }, {
+                    default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                      createTextVNode("重置", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ], 64)) : createCommentVNode("", true)
+              ], true),
+              renderSlot(_ctx.$slots, "search-button", { onClick: onSearch }, () => [
+                __props.searchButton !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  __props.searchButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.searchButton), {
+                    key: 0,
+                    onClick: onSearch
+                  })) : (openBlock(), createBlock(unref(ElButton), {
+                    key: 1,
+                    class: "pro-table_search-form_search-button",
+                    type: "primary",
+                    "native-type": "submit",
+                    onClick: onSearch
+                  }, {
+                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                      createTextVNode(" 查询 ", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ], 64)) : createCommentVNode("", true)
+              ], true),
+              renderSlot(_ctx.$slots, "expand-button", { onClick: changeExpandStatus }, () => [
+                __props.expandButton !== false && showExpandToggle.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  __props.expandButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.expandButton), {
+                    key: 0,
+                    "expand-status": expandStatus.value,
+                    onClick: changeExpandStatus
+                  }, null, 8, ["expand-status"])) : (openBlock(), createBlock(unref(ElButton), {
+                    key: 1,
+                    text: "",
+                    class: "pro-table_search-form_expand-toggle-button",
+                    onClick: changeExpandStatus
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(expandStatus.value ? "收起" : "展开") + " ", 1),
+                      createVNode(DownOutlined, {
+                        class: "transition",
+                        style: normalizeStyle([{ "margin-left": "4px" }, { transform: `rotate(${expandStatus.value ? -180 : 0}deg)` }])
+                      }, null, 8, ["style"])
+                    ]),
+                    _: 1
+                  }))
+                ], 64)) : createCommentVNode("", true)
+              ], true)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 16, ["form"]);
+    };
+  }
+});
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-512bc2e5"]]);
+const _sfc_main$8 = {};
+const _hoisted_1$4 = { class: "pro-table_search-form-container" };
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+const DefaultSearchFormContainer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__scopeId", "data-v-45e627f4"]]);
+const _sfc_main$7 = {};
+const _hoisted_1$3 = { class: "pro-table_table-container" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$3, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+const DefaultTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2], ["__scopeId", "data-v-55d01897"]]);
+const _sfc_main$6 = {};
+const _hoisted_1$2 = {
+  focusable: "false",
+  "data-icon": "column-height",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "64 64 896 896"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 00-11.3 0L403.6 366.3a7.23 7.23 0 005.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z" }, null, -1)
+  ])]);
+}
+const ColumnHeightOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$1]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "SizeControl",
+  props: {
+    "size": {},
+    "sizeModifiers": {}
+  },
+  emits: ["update:size"],
+  setup(__props) {
+    const size = useModel(__props, "size");
+    size.value = size.value ?? "default";
+    const items = [
+      { label: "默认", key: "default" },
+      { label: "中等", key: "large" },
+      { label: "紧凑", key: "small" }
+    ];
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDropdown), {
+        trigger: "click",
+        onCommand: _cache[0] || (_cache[0] = (val) => size.value = val)
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(unref(ElDropdownMenu), null, {
+            default: withCtx(() => [
+              (openBlock(), createElementBlock(Fragment, null, renderList(items, (item) => {
+                return createVNode(unref(ElDropdownItem), {
+                  key: item.key,
+                  command: item.key,
+                  disabled: item.key === size.value
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["command", "disabled"]);
+              }), 64))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(ElButton), {
+            text: "",
+            class: "pro-table_size-control_button"
+          }, {
+            default: withCtx(() => [
+              createVNode(ColumnHeightOutlined)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7af52d04"]]);
+const _sfc_main$4 = {};
+const _hoisted_1$1 = {
+  focusable: "false",
+  "data-icon": "filter",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "64 64 896 896"
 };
-const ProForm = withInstall(_sfc_main);
-const ProTable = withInstall(BaseTable);
-const ProComponentProvider = withInstall(_sfc_main$1);
-const components = [ProForm, ProTable, ProComponentProvider];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156zm9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" }, null, -1)
+  ])]);
+}
+const FilterOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ColumnControl",
+  props: {
+    columns: {},
+    table: { default: () => void 0 }
+  },
+  setup(__props) {
+    const open = ref(false);
+    const checkAll = ref(false);
+    const indeterminate = ref(false);
+    const getColumnKey = (column, index2) => {
+      const key = column.key ?? column.prop;
+      if (key === void 0 || key === null) return `__idx_${index2}`;
+      return Array.isArray(key) ? key.join(".") : String(key);
+    };
+    const checkedColumnsOptions = computed(
+      () => __props.columns.map((item, index2) => ({
+        label: String(item.label ?? item.prop ?? `列${index2 + 1}`),
+        value: getColumnKey(item, index2),
+        checked: !item.hidden,
+        column: item
+      }))
+    );
+    const checkedColumnKeys = computed({
+      get() {
+        return checkedColumnsOptions.value.flatMap(
+          (item) => item.checked ? item.value : []
+        );
+      },
+      set(val) {
+        checkedColumnsOptions.value.forEach((item) => {
+          var _a;
+          (_a = __props.table) == null ? void 0 : _a.setColumn(item.value, {
+            hidden: !val.includes(item.value)
+          });
+        });
+      }
+    });
+    const onCheckAllChange = (value) => {
+      var _a;
+      const checked = !!(((_a = value == null ? void 0 : value.target) == null ? void 0 : _a.checked) ?? value);
+      checkedColumnKeys.value = checked ? checkedColumnsOptions.value.map((item) => item.value) : [];
+      indeterminate.value = false;
+    };
+    const toggleColumnsItem = (val) => {
+      if (checkedColumnKeys.value.includes(val)) {
+        checkedColumnKeys.value = checkedColumnKeys.value.filter(
+          (item) => item !== val
+        );
+      } else {
+        checkedColumnKeys.value = [...checkedColumnKeys.value, val];
+      }
+    };
+    watch(
+      checkedColumnKeys,
+      (val) => {
+        indeterminate.value = !!val.length && val.length < checkedColumnsOptions.value.length;
+        checkAll.value = val.length > 0 && val.length === checkedColumnsOptions.value.length;
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDropdown), {
+        trigger: "click",
+        "hide-on-click": false,
+        visible: open.value,
+        onVisibleChange: _cache[0] || (_cache[0] = (val) => open.value = val)
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(unref(ElDropdownMenu), null, {
+            default: withCtx(() => [
+              createVNode(unref(ElDropdownItem), {
+                disabled: true,
+                divided: false
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ElCheckbox), {
+                    "model-value": checkAll.value,
+                    indeterminate: indeterminate.value,
+                    onChange: onCheckAllChange
+                  }, {
+                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                      createTextVNode(" 全选 ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["model-value", "indeterminate"])
+                ]),
+                _: 1
+              }),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(checkedColumnsOptions.value, (item) => {
+                return openBlock(), createBlock(unref(ElDropdownItem), {
+                  key: item.value,
+                  command: item.value,
+                  onClick: withModifiers(($event) => toggleColumnsItem(item.value), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ElCheckbox), {
+                      "model-value": item.checked,
+                      onChange: () => toggleColumnsItem(item.value)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value", "onChange"])
+                  ]),
+                  _: 2
+                }, 1032, ["command", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(ElButton), {
+            text: "",
+            class: "pro-table_column-control_button"
+          }, {
+            default: withCtx(() => [
+              createVNode(FilterOutlined)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ce445821"]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "TableColumnRenderer" },
+  __name: "TableColumnRenderer",
+  props: {
+    columns: {}
+  },
+  setup(__props) {
+    const getColumnKey = (column, index2) => {
+      const key = column.key ?? column.prop;
+      if (key === void 0 || key === null) return `__idx_${index2}`;
+      return Array.isArray(key) ? key.join(".") : String(key);
+    };
+    const getCellValue = (row, column) => {
+      const path = column.prop;
+      if (!path) return void 0;
+      return get(row, toPath(path));
+    };
+    const normalizedColumns = computed(() => {
+      return __props.columns.filter((column) => !column.hidden);
+    });
+    const getColumnProps = (column) => {
+      const { hidden, render, key, ...rest } = column;
+      const prop = Array.isArray(column.prop) ? column.prop.join(".") : column.prop ? String(column.prop) : void 0;
+      return {
+        ...rest,
+        prop,
+        columnKey: key ? String(key) : prop
+      };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(normalizedColumns.value, (column, index2) => {
+        return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
+          key: getColumnKey(column, index2),
+          ref_for: true
+        }, getColumnProps(column)), {
+          default: withCtx((scope) => {
+            var _a;
+            return [
+              typeof column.render === "function" ? (openBlock(), createBlock(resolveDynamicComponent(
+                (_a = column.render) == null ? void 0 : _a.call(column, {
+                  ...scope,
+                  column,
+                  cellValue: getCellValue(scope.row, column)
+                })
+              ), { key: 0 })) : createCommentVNode("", true)
+            ];
+          }),
+          _: 2
+        }, 1040);
+      }), 128);
+    };
+  }
+});
+const _hoisted_1 = { class: "pro-table_header" };
+const _hoisted_2 = {
+  key: 0,
+  class: "pro-table_header_button-bar"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "pro-table_header_toolbar"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "pro-table_header_size-control"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "pro-table_header_column-control"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProTable", inheritAttrs: false },
+  __name: "ProTable",
+  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 },
+    tableContainer: { type: [Object, Function, Boolean], default: void 0 },
+    columns: { default: () => void 0 },
+    data: { default: () => void 0 },
+    pagination: { type: [Boolean, Object], default: () => void 0 },
+    size: {},
+    width: {},
+    height: {},
+    maxHeight: {},
+    fit: { type: Boolean },
+    stripe: { type: Boolean },
+    border: { type: Boolean },
+    rowKey: { type: [String, Function] },
+    context: {},
+    showHeader: { type: Boolean },
+    showSummary: { type: Boolean },
+    sumText: {},
+    summaryMethod: { type: Function },
+    rowClassName: { type: [String, Function] },
+    rowStyle: { type: [Object, Function] },
+    cellClassName: { type: [String, Function] },
+    cellStyle: { type: [Object, Function] },
+    headerRowClassName: { type: [String, Function] },
+    headerRowStyle: { type: [Object, Function] },
+    headerCellClassName: { type: [String, Function] },
+    headerCellStyle: { type: [Object, Function] },
+    highlightCurrentRow: { type: Boolean },
+    currentRowKey: {},
+    emptyText: {},
+    expandRowKeys: {},
+    defaultExpandAll: { type: Boolean },
+    rowExpandable: { type: Function },
+    defaultSort: {},
+    tooltipEffect: {},
+    tooltipOptions: {},
+    spanMethod: { type: Function },
+    selectOnIndeterminate: { type: Boolean },
+    indent: {},
+    treeProps: {},
+    lazy: { type: Boolean },
+    load: { type: Function },
+    className: {},
+    style: { type: [Boolean, null, String, Object, Array] },
+    tableLayout: {},
+    scrollbarAlwaysOn: { type: Boolean },
+    flexible: { type: Boolean },
+    showOverflowTooltip: { type: [Boolean, Object] },
+    tooltipFormatter: { type: Function },
+    appendFilterPanelTo: {},
+    scrollbarTabindex: {},
+    nativeScrollbar: { type: Boolean }
+  }, {
+    "size": {},
+    "sizeModifiers": {},
+    "loading": { type: Boolean },
+    "loadingModifiers": {}
+  }),
+  emits: ["update:size", "update:loading"],
+  setup(__props) {
+    const config = INJECT_CONFIG["pro-table"];
+    const injectProps = inject(config.injectionKey, config.default);
+    const tableProperties = Object.keys(tableProps());
+    const paginationProperties = Object.keys(paginationProps());
+    const attrs = useAttrs();
+    const injectTableAttrs = computed(() => {
+      return pick(injectProps, tableProperties);
+    });
+    const attrsTableProps = computed(() => {
+      return pick(
+        camelizeProperties(attrs),
+        tableProperties
+      );
+    });
+    const {
+      columns: tableColumns,
+      data: tableData,
+      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));
+      } finally {
+        loading.value = false;
+      }
+    };
+    const reset = () => {
+      var _a;
+      (_a = __props.table) == null ? void 0 : _a.resetQueryParams();
+      nextTick(() => {
+        _search();
+      });
+    };
+    const slots = useSlots();
+    const searchFormSlot = slots["search-form"];
+    const buttonBarSlot = slots["button-bar"];
+    const toolbarSlot = slots["toolbar"];
+    const tableSlots = computed(() => {
+      const customNames = /* @__PURE__ */ new Set([
+        "search-form",
+        "button-bar",
+        "toolbar",
+        "table"
+      ]);
+      return Object.fromEntries(
+        Object.entries(slots).filter(([name]) => !customNames.has(name))
+      );
+    });
+    const tableSlotNames = computed(() => Object.keys(tableSlots.value));
+    const searchPage1st = () => {
+      setPageParam == null ? void 0 : setPageParam({ current: 1 });
+      _search();
+    };
+    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;
+      return {
+        ...injectProps.searchFormConfig,
+        ...getObject(__props.searchFormConfig),
+        container: container ? container : void 0
+      };
+    });
+    const computedTableContainer = computed(() => {
+      const container = __props.tableContainer ?? injectProps.tableContainer ?? DefaultTableContainer;
+      return container ? container : void 0;
+    });
+    const normalizedRawColumns = computed(() => {
+      const source = __props.columns ?? (tableColumns == null ? void 0 : tableColumns.value) ?? [];
+      const normalized = source.map((item, index2) => {
+        const current = { ...item };
+        if (current.label === void 0 && current.title !== void 0) {
+          current.label = current.title;
+        }
+        if (current.prop === void 0 && current.dataIndex !== void 0) {
+          current.prop = Array.isArray(current.dataIndex) ? current.dataIndex.join(".") : current.dataIndex;
+        }
+        if (current.key === void 0) {
+          current.key = current.prop ?? (typeof current.columnKey === "string" ? current.columnKey : void 0) ?? `col-${index2}`;
+        }
+        return current;
+      });
+      if (__props.addIndexColumn ?? injectProps.addIndexColumn) {
+        return [
+          {
+            key: "_index",
+            type: "index",
+            label: "序号",
+            width: 80
+          },
+          ...normalized
+        ];
+      }
+      return normalized;
+    });
+    const computedDataSource = computed(() => {
+      const attrsData = attrsTableProps.value.data;
+      return __props.data ?? attrsData ?? (tableData == null ? void 0 : tableData.value) ?? [];
+    });
+    const computedTableProps = computed(() => {
+      const merged = {
+        ...injectTableAttrs.value,
+        ...attrsTableProps.value
+      };
+      delete merged.data;
+      return merged;
+    });
+    const computedPagination = computed(() => {
+      if (__props.pagination === false) return false;
+      const pageConfig = __props.pagination ?? {};
+      return {
+        ...injectProps.pagination,
+        ...pick(pageConfig, paginationProperties),
+        currentPage: pageConfig.currentPage ?? (pageParam == null ? void 0 : pageParam.current) ?? 1,
+        pageSize: pageConfig.pageSize ?? (pageParam == null ? void 0 : pageParam.pageSize) ?? 10,
+        total: pageConfig.total ?? (pageParam == null ? void 0 : pageParam.total) ?? 0
+      };
+    });
+    const showPagination = computed(() => computedPagination.value !== false);
+    const onCurrentChange = (current) => {
+      setPageParam == null ? void 0 : setPageParam({ current });
+      _search();
+    };
+    const onSizeChange = (pageSize) => {
+      setPageParam == null ? void 0 : setPageParam({ pageSize, current: 1 });
+      _search();
+    };
+    const onPaginationChange = (currentPage, pageSize) => {
+      var _a;
+      (_a = attrs.onChange) == null ? void 0 : _a.call(attrs, currentPage, pageSize);
+    };
+    const showSearch = computed(() => {
+      var _a, _b;
+      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 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: !!sizeControl, columnControl: !!columnControl };
+    });
+    const resolvedSize = computed(() => {
+      return size.value ?? attrsTableProps.value.size ?? injectTableAttrs.value.size;
+    });
+    onMounted(() => {
+      if (__props.immediateSearch ?? injectProps.immediateSearch) {
+        _search();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["pro-table", _ctx.$attrs.class]),
+        style: normalizeStyle(_ctx.$attrs.style)
+      }, [
+        showSearch.value ? (openBlock(), createBlock(unref(_sfc_main$d), {
+          key: 0,
+          component: computedSearchFormConfig.value.container
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "search-form", {}, () => [
+              unref(searchForm) ? (openBlock(), createBlock(SearchForm, mergeProps({
+                key: 0,
+                form: unref(searchForm)
+              }, computedSearchFormConfig.value, {
+                onSearch: searchPage1st,
+                onReset: reset
+              }), null, 16, ["form"])) : createCommentVNode("", true)
+            ], true)
+          ]),
+          _: 3
+        }, 8, ["component"])) : createCommentVNode("", true),
+        createVNode(unref(_sfc_main$d), { component: computedTableContainer.value }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              unref(buttonBarSlot) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "button-bar", {}, void 0, true)
+              ])) : createCommentVNode("", true),
+              unref(toolbarSlot) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
+              ])) : createCommentVNode("", true),
+              computedControl.value.sizeControl ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createVNode(unref(SizeControl), {
+                  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: normalizedRawColumns.value,
+                  table: __props.table
+                }, null, 8, ["columns", "table"])
+              ])) : createCommentVNode("", true)
+            ]),
+            renderSlot(_ctx.$slots, "table", {}, () => [
+              withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({ class: "pro-table_content" }, computedTableProps.value, {
+                size: resolvedSize.value,
+                data: computedDataSource.value
+              }), createSlots({
+                default: withCtx(() => [
+                  createVNode(_sfc_main$2, { columns: normalizedRawColumns.value }, null, 8, ["columns"])
+                ]),
+                _: 2
+              }, [
+                renderList(tableSlotNames.value, (name) => {
+                  return {
+                    name,
+                    fn: withCtx((scoped) => [
+                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scoped)), void 0, true)
+                    ])
+                  };
+                })
+              ]), 1040, ["size", "data"])), [
+                [_directive_loading, loading.value]
+              ])
+            ], true),
+            showPagination.value ? (openBlock(), createBlock(unref(ElPagination), mergeProps({
+              key: 0,
+              class: "pro-table_pagination"
+            }, computedPagination.value, {
+              onCurrentChange,
+              onSizeChange,
+              onChange: onPaginationChange
+            }), null, 16)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["component"])
+      ], 6);
+    };
+  }
+});
+const ProTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8617780a"]]);
+function useTable(params = {}) {
+  const { data, ...rest } = params;
+  const coreTable = useTable$1({
+    ...rest,
+    dataSource: data
+  });
+  const { dataSource, ...tableWithoutDataSource } = coreTable;
+  const table = {
+    ...tableWithoutDataSource,
+    data: dataSource
+  };
+  return table;
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProComponentProvider",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    componentVars: {},
+    componentMap: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (props.componentVars) {
+      Object.entries(props.componentVars).forEach(([key, val]) => {
+        const config = ensureInjectConfig(key);
+        provide(config.injectionKey, { ...config.default, ...getObject(val) });
+      });
+    }
+    if (props.componentMap) {
+      provide(INJECT_COMPONENTS, props.componentMap);
+    }
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
 const index = {
   /**
    * @qin-ui/element-plus-pro 安装方法
@@ -27,27 +1531,28 @@ const index = {
    * @example
    * ```ts
    * import { createApp } from 'vue'
-   * import QinUI from '@qin-ui/element-plus-pro'
+   * import ProComponents from '@qin-ui/element-plus-pro'
    * const app = createApp(App)
-   * app.use(QinUI)
+   * app.use(ProComponents)
    * ```
    */
   install(app) {
-    components.forEach((component) => {
-      app.component(component.name, component);
-    });
+    app.component(_sfc_main$b.name, _sfc_main$b);
+    app.component(ProTable.name, ProTable);
+    app.component(_sfc_main.name, _sfc_main);
   }
 };
 export {
-  b as ContainerFragment,
-  ProComponentProvider,
-  ProForm,
+  _sfc_main$d as ContainerFragment,
+  _sfc_main as ProComponentProvider,
+  _sfc_main$b as ProForm,
   ProTable,
-  c as SlotComponent,
+  _sfc_main$c as SlotComponent,
   index as default,
-  d as useFields,
-  u as useForm,
-  e2 as useFormData,
-  e as useFormRef,
+  useFields,
+  useForm,
+  useFormData,
+  useFormRef,
   useTable
 };
+//# sourceMappingURL=index.js.map