@qin-ui/antd-vue-pro 2.2.4 → 2.3.0

package/es/index.js

@@ -1,12 +1,12 @@
 import "./antd-vue-pro.css";
-import { defineComponent, computed, provide, renderSlot, inject, mergeProps, toValue, normalizeProps, guardReactiveProps, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString, useSlots, watchEffect, createElementVNode, watch, normalizeStyle, useModel, withModifiers, mergeModels, onMounted, normalizeClass, nextTick } from "vue";
-import { InjectionPathKey, isPlainObject, getObject, toPath, useForm as useForm$1, omit, cloneDeep, InjectionFormKey, camelizeProperties, useFields as useFields$1, useFormRef as useFormRef$1, pick, useTable as useTable$1 } from "@qin-ui/pro-components-core";
-import { useFormData } from "@qin-ui/pro-components-core";
+import { defineComponent, computed, provide, renderSlot, inject, mergeProps, toValue, normalizeProps, guardReactiveProps, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString, useSlots, watchEffect, createElementVNode, watch, normalizeStyle, useModel, onMounted, mergeModels, normalizeClass, nextTick } from "vue";
+import { InjectionPathKey, isPlainObject, getObject, toPath, useForm as useForm$1, resolveLocaleName, zhTW, enUS, zhCN, format, omit, cloneDeep, InjectionFormKey, camelizeProperties, useFields as useFields$1, useFormRef as useFormRef$1, pick, useTable as useTable$1 } from "@qin-ui/pro-components-core";
+import { enUS as enUS2, useFormData, zhCN as zhCN2, zhTW as zhTW2 } from "@qin-ui/pro-components-core";
 import { Transfer, TreeSelect, Slider, Switch, RadioGroup, CheckboxGroup, TimePicker, RangePicker, DatePicker, Cascader, Select, InputNumber, InputPassword, InputSearch, Textarea, Input, Row, Col, FormItem, Form, Space, Button, theme, Dropdown, Menu, MenuItem, Checkbox, MenuDivider, Table } from "ant-design-vue";
 import { formItemProps, useInjectFormItemContext } from "ant-design-vue/es/form";
 import { colProps } from "ant-design-vue/es/grid/Col";
-import { useProviderDisabled, useInjectDisabled } from "ant-design-vue/es/config-provider/DisabledContext";
 import { useConfigContextInject } from "ant-design-vue/es/config-provider/context";
+import { useProviderDisabled, useInjectDisabled } from "ant-design-vue/es/config-provider/DisabledContext";
 import { tableProps } from "ant-design-vue/es/table";
 const getPopupContainer = (triggerNode) => triggerNode.closest("form[class*='-form']");
 const INJECT_COMPONENTS = Symbol("INJECT_COMPONENTS");
@@ -15,7 +15,6 @@ const INJECT_CONFIG = {
     injectionKey: Symbol(""),
     default: {
       pagination: {
-        showTotal: (total) => `共 ${total} 条`,
         showSizeChanger: true,
         pageSizeOptions: ["10", "20", "30", "40", "50", "100"],
         showQuickJumper: true
@@ -39,7 +38,7 @@ const INJECT_CONFIG = {
   // field
   input: {
     injectionKey: Symbol(""),
-    default: { maxlength: 100, allowClear: true, placeholder: "请输入" }
+    default: { maxlength: 100, allowClear: true }
   },
   textarea: {
     injectionKey: Symbol(""),
@@ -47,13 +46,12 @@ const INJECT_CONFIG = {
       maxlength: 200,
       autoSize: { minRows: 3, maxRows: 6 },
       showCount: true,
-      allowClear: true,
-      placeholder: "请输入"
+      allowClear: true
     }
   },
   "input-password": {
     injectionKey: Symbol(""),
-    default: { maxlength: 100, allowClear: true, placeholder: "请输入" }
+    default: { maxlength: 100, allowClear: true }
   },
   "input-search": {
     injectionKey: Symbol(""),
@@ -65,17 +63,16 @@ const INJECT_CONFIG = {
       max: 10 ** 15 - 1,
       min: -1000000000000001,
       controls: false,
-      placeholder: "请输入",
       style: { width: "100%" }
     }
   },
   select: {
     injectionKey: Symbol(""),
-    default: { allowClear: true, placeholder: "请选择", getPopupContainer }
+    default: { allowClear: true, getPopupContainer }
   },
   cascader: {
     injectionKey: Symbol(""),
-    default: { allowClear: true, placeholder: "请选择", getPopupContainer }
+    default: { allowClear: true, getPopupContainer }
   },
   "date-picker": {
     injectionKey: Symbol(""),
@@ -384,18 +381,51 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 function useForm(...args) {
   return useForm$1(...args);
 }
-const getInitProps = (field) => {
+const PLACEHOLDER_KEYS = {
+  input: "input.placeholder",
+  textarea: "input.placeholder",
+  "input-password": "input.placeholder",
+  "input-number": "input.placeholder",
+  select: "select.placeholder",
+  cascader: "select.placeholder"
+};
+const getPlaceholderProps = (key, injectProps, t) => {
+  const placeholderKey = PLACEHOLDER_KEYS[key];
+  if (!placeholderKey || injectProps.placeholder !== void 0) return {};
+  return { placeholder: t(placeholderKey) };
+};
+const getInitProps = (field, t) => {
   const { component } = field;
   const picker = component === "date-picker" ? "" : field.picker;
   if (typeof component === "string") {
     const k = [component, picker].filter(Boolean).join(".");
     const config = getInjectConfig(k);
-    if (!config) return {};
+    if (!config) return getPlaceholderProps(k, {}, t);
     const injectProps = inject(config.injectionKey, config.default);
-    return injectProps;
+    return { ...injectProps, ...getPlaceholderProps(k, injectProps, t) };
   }
   return {};
 };
+const LOCALE_INJECT_KEY = Symbol("pro-locale");
+const useLocale = () => {
+  const config = useConfigContextInject();
+  const override = inject(LOCALE_INJECT_KEY, void 0);
+  const lang = computed(
+    () => {
+      var _a, _b;
+      return resolveLocaleName((_b = (_a = config.locale) == null ? void 0 : _a.value) == null ? void 0 : _b.locale);
+    }
+  );
+  const pack = computed(
+    () => lang.value === "zh-TW" ? zhTW : lang.value === "en-US" ? enUS : zhCN
+  );
+  const t = (key, params) => {
+    const overrides = toValue(override);
+    const text = (overrides == null ? void 0 : overrides[key]) ?? pack.value[key] ?? key;
+    return format(text, params);
+  };
+  return { t, lang };
+};
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseField", inheritAttrs: false },
   __name: "index",
@@ -404,6 +434,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     path: { default: "" }
   },
   setup(__props, { expose: __expose }) {
+    const { t } = useLocale();
     const form = useForm(false);
     const { getFormData, setFormData } = form;
     const componentRef = ref();
@@ -440,10 +471,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     const parentDisabled = useInjectDisabled();
     const groupedAttrs = computed(() => {
-      const initProps = getInitProps({
-        component: __props.component,
-        picker: attrs.picker
-      });
+      const initProps = getInitProps(
+        {
+          component: __props.component,
+          picker: attrs.picker
+        },
+        t
+      );
       const mergedProps = mergeProps(
         initProps,
         attrs,
@@ -625,6 +659,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   },
   emits: ["search", "reset"],
   setup(__props, { emit: __emit }) {
+    const { t } = useLocale();
     const emit = __emit;
     const proFormHeight = ref("unset");
     const collapseHeight = ref(0);
@@ -751,9 +786,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     class: "pro-table_search-form_reset-button",
                     onClick: onReset
                   }, {
-                    default: withCtx(() => [..._cache[0] || (_cache[0] = [
-                      createTextVNode("重置", -1)
-                    ])]),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("table.reset")), 1)
+                    ]),
                     _: 1
                   }))
                 ], 64)) : createCommentVNode("", true)
@@ -770,9 +805,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     "html-type": "submit",
                     onClick: onSearch
                   }, {
-                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                      createTextVNode("查询 ", -1)
-                    ])]),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("table.query")), 1)
+                    ]),
                     _: 1
                   }))
                 ], 64)) : createCommentVNode("", true)
@@ -790,7 +825,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     onClick: changeExpandStatus
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(expandStatus.value ? "收起" : "展开") + " ", 1),
+                      createTextVNode(toDisplayString(expandStatus.value ? unref(t)("table.collapse") : unref(t)("table.expand")) + " ", 1),
                       createVNode(DownOutlined, {
                         class: "transition",
                         style: normalizeStyle([{ "margin-left": "4px" }, { transform: `rotate(${expandStatus.value ? -180 : 0}deg)` }])
@@ -809,7 +844,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-aee49e85"]]);
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5b71a5b1"]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "DefaultSearchFormContainer",
   setup(__props) {
@@ -865,17 +900,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["update:size"],
   setup(__props) {
     var _a;
+    const { t } = useLocale();
     const configContext = useConfigContextInject();
     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;
     };
-    const sizeOptions = [
-      { label: "默认", key: "large" },
-      { label: "中等", key: "middle" },
-      { label: "紧凑", key: "small" }
-    ];
+    const sizeOptions = computed(() => [
+      { label: t("table.sizeDefault"), key: "large" },
+      { label: t("table.sizeMiddle"), key: "middle" },
+      { label: t("table.sizeCompact"), key: "small" }
+    ]);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Dropdown), {
         arrow: "",
@@ -885,9 +921,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           createVNode(unref(Menu), {
             style: { "width": "100px", "text-align": "center" },
             "selected-keys": size.value ? [size.value] : [],
-            items: sizeOptions,
+            items: sizeOptions.value,
             onClick: onSizeChange
-          }, null, 8, ["selected-keys"])
+          }, null, 8, ["selected-keys", "items"])
         ]),
         default: withCtx(() => [
           createVNode(unref(Button), {
@@ -905,7 +941,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-db17998d"]]);
+const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a718ce24"]]);
 const _sfc_main$3 = {};
 const _hoisted_1$1 = {
   focusable: "false",
@@ -926,45 +962,59 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ColumnControl",
   props: {
     columns: {},
-    table: { default: () => void 0 }
+    table: { default: () => void 0 },
+    columnControl: { default: () => void 0 }
   },
   setup(__props) {
+    const { t } = useLocale();
     const open = ref(false);
     const checkAll = ref(false);
     const indeterminate = ref(false);
     const checkedColumnsOptions = computed(
-      () => __props.columns.flatMap(
-        (item) => item.key && item.title ? {
-          label: item.title,
-          value: item.key,
-          checked: !item.hidden
-        } : []
-      )
+      () => __props.columns.flatMap((item) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (!item.key || !item.title) return [];
+        const key = item.key;
+        if ((_b = (_a = __props.columnControl) == null ? void 0 : _a.excludedKeys) == null ? void 0 : _b.some((ek) => String(ek) === key)) return [];
+        const disabled = ((_d = (_c = __props.columnControl) == null ? void 0 : _c.disabledKeys) == null ? void 0 : _d.some((dk) => String(dk) === key)) ?? false;
+        const label = ((_f = (_e = __props.columnControl) == null ? void 0 : _e.labels) == null ? void 0 : _f[key]) ?? (typeof item.title === "string" ? item.title : key);
+        return {
+          label,
+          value: key,
+          checked: !item.hidden || disabled,
+          disabled
+        };
+      })
+    );
+    const controllableOptions = computed(
+      () => checkedColumnsOptions.value.filter((item) => !item.disabled)
     );
     const checkedColumnKeys = computed({
       get() {
         return checkedColumnsOptions.value.flatMap(
           (item) => item.checked ? item.value : []
-        ) || [];
+        );
       },
       set(val) {
-        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, {
+        checkedColumnsOptions.value.forEach((item) => {
+          var _a, _b;
+          if (item.disabled) return;
+          (_b = (_a = __props.table) == null ? void 0 : _a.setColumn) == null ? void 0 : _b.call(_a, item.value, {
             hidden: !val.includes(item.value)
           });
         });
       }
     });
-    const onCheckAllChange = (e) => {
-      checkedColumnKeys.value = e.target.checked ? checkedColumnsOptions.value.map((item) => item.value) : [];
+    const onCheckAllChange = () => {
+      checkedColumnKeys.value = checkAll.value ? [] : controllableOptions.value.map((item) => item.value);
       indeterminate.value = false;
     };
     const checkColumnsMenuItemClick = (val) => {
+      const item = checkedColumnsOptions.value.find((o) => o.value === val);
+      if (item == null ? void 0 : item.disabled) return;
       if (checkedColumnKeys.value.includes(val)) {
         checkedColumnKeys.value = checkedColumnKeys.value.filter(
-          (item) => item !== val
+          (item2) => item2 !== val
         );
       } else {
         checkedColumnKeys.value = [...checkedColumnKeys.value, val];
@@ -972,16 +1022,39 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     watch(
       checkedColumnKeys,
-      (val) => {
-        indeterminate.value = !!val.length && val.length < checkedColumnsOptions.value.length;
-        checkAll.value = val.length === checkedColumnsOptions.value.length;
+      () => {
+        const controllableChecked = controllableOptions.value.filter(
+          (item) => item.checked
+        );
+        indeterminate.value = !!controllableChecked.length && controllableChecked.length < controllableOptions.value.length;
+        checkAll.value = controllableChecked.length === controllableOptions.value.length && controllableOptions.value.length > 0;
       },
       { immediate: true }
     );
+    onMounted(() => {
+      var _a, _b;
+      (_b = (_a = __props.columnControl) == null ? void 0 : _a.disabledKeys) == null ? void 0 : _b.forEach((key) => {
+        var _a2, _b2;
+        (_b2 = (_a2 = __props.table) == null ? void 0 : _a2.setColumn) == null ? void 0 : _b2.call(_a2, String(key), { hidden: false });
+      });
+    });
+    watch(
+      () => {
+        var _a;
+        return (_a = __props.columnControl) == null ? void 0 : _a.disabledKeys;
+      },
+      (keys) => {
+        keys == null ? void 0 : keys.forEach((key) => {
+          var _a, _b;
+          (_b = (_a = __props.table) == null ? void 0 : _a.setColumn) == null ? void 0 : _b.call(_a, String(key), { hidden: false });
+        });
+      },
+      { deep: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Dropdown), {
         open: open.value,
-        "onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
         arrow: "",
         placement: "bottomRight"
       }, {
@@ -990,47 +1063,49 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             style: { "min-width": "100px", "max-height": "500px", "overflow-y": "scroll" },
             selectable: false
           }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(unref(MenuItem), { key: 0 }, {
-                default: withCtx(() => [
-                  createElementVNode("div", null, [
-                    createVNode(unref(Checkbox), {
-                      checked: checkAll.value,
-                      indeterminate: indeterminate.value,
-                      onChange: onCheckAllChange
-                    }, {
-                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
-                        createTextVNode(" 全选 ", -1)
-                      ])]),
-                      _: 1
-                    }, 8, ["checked", "indeterminate"])
-                  ])
-                ]),
-                _: 1
-              })),
-              createVNode(unref(MenuDivider)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(checkedColumnsOptions.value, (item) => {
-                return openBlock(), createBlock(unref(MenuItem), {
-                  key: item.value,
-                  onClick: ($event) => checkColumnsMenuItemClick(item.value)
+            default: withCtx(() => {
+              var _a, _b;
+              return [
+                !((_a = __props.columnControl) == null ? void 0 : _a.disableCheckAll) ? (openBlock(), createBlock(unref(MenuItem), {
+                  key: 0,
+                  onClick: onCheckAllChange
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(Checkbox), {
-                      checked: checkedColumnKeys.value.includes(item.value)
+                      checked: checkAll.value,
+                      indeterminate: indeterminate.value,
+                      style: { "width": "100%" }
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("div", {
-                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                          }, ["stop"]))
-                        }, toDisplayString(item.label), 1)
+                        createTextVNode(toDisplayString(unref(t)("table.selectAll")), 1)
                       ]),
-                      _: 2
-                    }, 1032, ["checked"])
+                      _: 1
+                    }, 8, ["checked", "indeterminate"])
                   ]),
-                  _: 2
-                }, 1032, ["onClick"]);
-              }), 128))
-            ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                !((_b = __props.columnControl) == null ? void 0 : _b.disableCheckAll) ? (openBlock(), createBlock(unref(MenuDivider), { key: 1 })) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(checkedColumnsOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(MenuItem), {
+                    key: item.value,
+                    onClick: ($event) => checkColumnsMenuItemClick(item.value)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Checkbox), {
+                        checked: item.checked,
+                        disabled: item.disabled
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", null, toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["checked", "disabled"])
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]);
+                }), 128))
+              ];
+            }),
             _: 1
           })
         ]),
@@ -1050,7 +1125,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d503f78a"]]);
+const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f5bd6ecc"]]);
 const _hoisted_1 = { class: "pro-table_header" };
 const _hoisted_2 = {
   key: 0,
@@ -1087,6 +1162,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:size", "update:loading"],
   setup(__props) {
+    const { t } = useLocale();
     const config = INJECT_CONFIG["pro-table"];
     const injectProps = inject(config.injectionKey, config.default);
     const tableProperties = Object.keys(tableProps());
@@ -1148,15 +1224,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const container = __props.tableContainer ?? injectProps.tableContainer ?? DefaultTableContainer;
       return container ? container : void 0;
     });
-    const indexColumn = {
-      title: "序号",
+    const indexColumn = () => ({
+      title: t("table.index"),
       dataIndex: "_index",
       width: 80,
       customRender: ({ index: index2 }) => index2 + 1
-    };
+    });
     const computedColumns = computed(
       () => [
-        ...__props.addIndexColumn ?? injectProps.addIndexColumn ? [indexColumn] : [],
+        ...__props.addIndexColumn ?? injectProps.addIndexColumn ? [indexColumn()] : [],
         ...(tableAttrs.value.columns ?? (columns == null ? void 0 : columns.value) ?? []).flatMap(
           (item, index2) => {
             if (item.key) return [{ ...item, key: item.key }];
@@ -1176,11 +1252,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return tableAttrs.value.dataSource ?? (dataSource == null ? void 0 : dataSource.value);
     });
     const computedPagination = computed(() => {
+      var _a, _b;
       if (tableAttrs.value.pagination === false) return false;
       return {
         ...injectAttrs.pagination,
         ...pageParam,
-        ...tableAttrs.value.pagination
+        ...tableAttrs.value.pagination,
+        showTotal: ((_a = tableAttrs.value.pagination) == null ? void 0 : _a.showTotal) ?? (injectAttrs.pagination === false ? void 0 : (_b = injectAttrs.pagination) == null ? void 0 : _b.showTotal) ?? ((total) => t("pagination.total", { total }))
       };
     });
     const onTableChange = (...args) => {
@@ -1195,9 +1273,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     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, columnControl };
+      if (typeof mergedControl === "boolean") {
+        return { sizeControl: mergedControl, columnControl: mergedControl };
+      }
+      const c = mergedControl;
+      const sizeControl = c.sizeControl ?? true;
+      const columnControl = c.columnControl ?? true;
+      return { sizeControl: !!sizeControl, columnControl };
+    });
+    const columnControlConfig = computed(() => {
+      const cc = computedControl.value.columnControl;
+      return typeof cc === "object" ? cc : void 0;
     });
     onMounted(() => {
       if (__props.immediateSearch ?? injectProps.immediateSearch) {
@@ -1244,8 +1330,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               computedControl.value.columnControl ? (openBlock(), createElementBlock("div", _hoisted_5, [
                 createVNode(unref(ColumnControl), {
                   columns: computedColumns.value,
-                  table: __props.table
-                }, null, 8, ["columns", "table"])
+                  table: __props.table,
+                  "column-control": columnControlConfig.value
+                }, null, 8, ["columns", "table", "column-control"])
               ])) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "table", {}, () => [
@@ -1274,7 +1361,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-856c096b"]]);
+const ProTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-58aab322"]]);
 function useTable(params) {
   return useTable$1(params);
 }
@@ -1286,7 +1373,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     componentVars: {},
-    componentMap: {}
+    componentMap: {},
+    locale: {}
   },
   setup(__props) {
     const props = __props;
@@ -1299,6 +1387,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (props.componentMap) {
       provide(INJECT_COMPONENTS, props.componentMap);
     }
+    provide(
+      LOCALE_INJECT_KEY,
+      computed(() => props.locale)
+    );
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "default");
     };
@@ -1327,15 +1419,20 @@ const index = {
 };
 export {
   _sfc_main$c as ContainerFragment,
+  LOCALE_INJECT_KEY,
   _sfc_main as ProComponentProvider,
   _sfc_main$a as ProForm,
   ProTable,
   _sfc_main$b as SlotComponent,
   index as default,
+  enUS2 as enUS,
   useFields,
   useForm,
   useFormData,
   useFormRef,
-  useTable
+  useLocale,
+  useTable,
+  zhCN2 as zhCN,
+  zhTW2 as zhTW
 };
 //# sourceMappingURL=index.js.map