@qin-ui/element-plus-pro 1.1.4 → 1.2.1

package/es/index.js

@@ -1,7 +1,7 @@
 import "./element-plus-pro.css";
-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 { 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, onMounted, mergeModels, 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, useLocale as useLocale$1, ElForm, ElSpace, ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem, ElCheckbox, ElTableColumn } from "element-plus";
+import { InjectionPathKey, isPlainObject, getObject, toPath, useForm as useForm$1, zhCN as zhCN$1, zhTW as zhTW$1, enUS as enUS$1, resolveLocaleName, format, 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 || {};
@@ -48,7 +48,7 @@ const INJECT_CONFIG = {
   },
   input: {
     injectionKey: Symbol(""),
-    default: { maxlength: 100, clearable: true, placeholder: "请输入" }
+    default: { maxlength: 100, clearable: true }
   },
   "input.textarea": {
     injectionKey: Symbol(""),
@@ -56,8 +56,7 @@ const INJECT_CONFIG = {
       maxlength: 200,
       autosize: { minRows: 3, maxRows: 6 },
       showWordLimit: true,
-      clearable: true,
-      placeholder: "请输入"
+      clearable: true
     }
   },
   "input.password": {
@@ -65,8 +64,7 @@ const INJECT_CONFIG = {
     default: {
       showPassword: true,
       maxlength: 100,
-      clearable: true,
-      placeholder: "请输入"
+      clearable: true
     }
   },
   "input-number": {
@@ -75,97 +73,80 @@ const INJECT_CONFIG = {
       max: 10 ** 15 - 1,
       min: -1000000000000001,
       controls: false,
-      placeholder: "请输入",
       style: { width: "100%" }
     }
   },
   autocomplete: {
     injectionKey: Symbol(""),
-    default: { clearable: true, placeholder: "请输入" }
+    default: { clearable: true }
   },
   select: {
     injectionKey: Symbol(""),
-    default: { clearable: true, placeholder: "请选择" }
+    default: { clearable: true }
   },
   cascader: {
     injectionKey: Symbol(""),
-    default: { clearable: true, placeholder: "请选择" }
+    default: { clearable: true }
   },
   "date-picker": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.date": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.dates": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.daterange": {
     injectionKey: Symbol(""),
-    default: {
-      style: { width: "100%" },
-      startPlaceholder: "开始日期",
-      endPlaceholder: "结束日期"
-    }
+    default: { style: { width: "100%" } }
   },
   "date-picker.week": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.month": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.monthrange": {
     injectionKey: Symbol(""),
-    default: {
-      style: { width: "100%" },
-      startPlaceholder: "开始月份",
-      endPlaceholder: "结束月份"
-    }
+    default: { style: { width: "100%" } }
   },
   "date-picker.months": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.yearrange": {
     injectionKey: Symbol(""),
-    default: {
-      style: { width: "100%" },
-      startPlaceholder: "开始年份",
-      endPlaceholder: "结束年份"
-    }
+    default: { style: { width: "100%" } }
   },
   "date-picker.year": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.years": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.datetime": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "date-picker.datetimerange": {
     injectionKey: Symbol(""),
-    default: {
-      style: { width: "100%" },
-      startPlaceholder: "开始时间",
-      endPlaceholder: "结束时间"
-    }
+    default: { style: { width: "100%" } }
   },
   "time-picker": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "time-select": {
     injectionKey: Symbol(""),
-    default: { style: { width: "100%" }, placeholder: "请选择" }
+    default: { style: { width: "100%" } }
   },
   "checkbox-group": {
     injectionKey: Symbol(""),
@@ -185,7 +166,7 @@ const INJECT_CONFIG = {
   },
   "tree-select": {
     injectionKey: Symbol(""),
-    default: { clearable: true, placeholder: "请选择" }
+    default: { clearable: true }
   },
   transfer: {
     injectionKey: Symbol(""),
@@ -443,17 +424,112 @@ const BaseFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "da
 function useForm(...args) {
   return useForm$1(...args);
 }
-const getInitProps = (field) => {
+const PLACEHOLDER_KEYS = {
+  input: "input.placeholder",
+  "input.textarea": "input.placeholder",
+  "input.password": "input.placeholder",
+  "input-number": "input.placeholder",
+  autocomplete: "input.placeholder",
+  select: "select.placeholder",
+  cascader: "select.placeholder",
+  "tree-select": "select.placeholder",
+  "date-picker": "date-picker.placeholder",
+  "date-picker.date": "date-picker.placeholder",
+  "date-picker.dates": "date-picker.placeholder",
+  "date-picker.week": "date-picker.placeholder",
+  "date-picker.month": "date-picker.placeholder",
+  "date-picker.months": "date-picker.placeholder",
+  "date-picker.year": "date-picker.placeholder",
+  "date-picker.years": "date-picker.placeholder",
+  "date-picker.datetime": "date-picker.placeholder",
+  "time-picker": "date-picker.placeholder",
+  "time-select": "date-picker.placeholder"
+};
+const RANGE_PLACEHOLDER_KEYS = {
+  "date-picker.daterange": ["date-picker.start", "date-picker.end"],
+  "date-picker.monthrange": ["date-picker.startMonth", "date-picker.endMonth"],
+  "date-picker.yearrange": ["date-picker.startYear", "date-picker.endYear"],
+  "date-picker.datetimerange": ["date-picker.startTime", "date-picker.endTime"]
+};
+const getPlaceholderProps = (key, injectProps, t) => {
+  const rangeKeys = RANGE_PLACEHOLDER_KEYS[key];
+  if (rangeKeys) {
+    if (injectProps.startPlaceholder !== void 0 || injectProps.placeholder !== void 0)
+      return {};
+    return {
+      startPlaceholder: t(rangeKeys[0]),
+      endPlaceholder: t(rangeKeys[1])
+    };
+  }
+  const placeholderKey = PLACEHOLDER_KEYS[key];
+  if (!placeholderKey || injectProps.placeholder !== void 0) return {};
+  return { placeholder: t(placeholderKey) };
+};
+const getInitProps = (field, t) => {
   const { component, type } = field;
   if (typeof component === "string") {
     const k = [component, type].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 zhCN = {
+  ...zhCN$1,
+  // 日期/时间选择器占位符（对应 INJECT_CONFIG 中 date-picker.* 的占位默认值）
+  "date-picker.placeholder": "请选择",
+  "date-picker.start": "开始日期",
+  "date-picker.end": "结束日期",
+  "date-picker.startMonth": "开始月份",
+  "date-picker.endMonth": "结束月份",
+  "date-picker.startYear": "开始年份",
+  "date-picker.endYear": "结束年份",
+  "date-picker.startTime": "开始时间",
+  "date-picker.endTime": "结束时间"
+};
+const zhTW = {
+  ...zhTW$1,
+  // 日期/時間選擇器佔位符（對應 INJECT_CONFIG 中 date-picker.* 的佔位預設值）
+  "date-picker.placeholder": "請選擇",
+  "date-picker.start": "開始日期",
+  "date-picker.end": "結束日期",
+  "date-picker.startMonth": "開始月份",
+  "date-picker.endMonth": "結束月份",
+  "date-picker.startYear": "開始年份",
+  "date-picker.endYear": "結束年份",
+  "date-picker.startTime": "開始時間",
+  "date-picker.endTime": "結束時間"
+};
+const enUS = {
+  ...enUS$1,
+  // Date/time picker placeholders (defaults of date-picker.* in INJECT_CONFIG)
+  "date-picker.placeholder": "Please select",
+  "date-picker.start": "Start date",
+  "date-picker.end": "End date",
+  "date-picker.startMonth": "Start month",
+  "date-picker.endMonth": "End month",
+  "date-picker.startYear": "Start year",
+  "date-picker.endYear": "End year",
+  "date-picker.startTime": "Start time",
+  "date-picker.endTime": "End time"
+};
+const LOCALE_INJECT_KEY = Symbol("pro-locale");
+const useLocale = () => {
+  const { lang: elLang } = useLocale$1();
+  const override = inject(LOCALE_INJECT_KEY, void 0);
+  const lang = computed(() => resolveLocaleName(elLang.value));
+  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$e = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseField", inheritAttrs: false },
   __name: "index",
@@ -462,6 +538,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     path: { default: "" }
   },
   setup(__props, { expose: __expose }) {
+    const { t } = useLocale();
     const form = useForm(false);
     const { getFormData, setFormData } = form;
     const componentRef = ref();
@@ -493,10 +570,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     const parentDisabled = useDisabledContext();
     const groupedAttrs = computed(() => {
-      const initProps = getInitProps({
-        component: __props.component,
-        type: attrs.type
-      });
+      const initProps = getInitProps(
+        {
+          component: __props.component,
+          type: attrs.type
+        },
+        t
+      );
       const modelPropName = attrs.modelProp ?? initProps.modelProp ?? "modelValue";
       const mergedProps = mergeProps(
         initProps,
@@ -682,6 +762,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   emits: ["search", "reset"],
   setup(__props, { emit: __emit }) {
+    const { t } = useLocale();
     const emit = __emit;
     const proFormHeight = ref("unset");
     const collapseHeight = ref(0);
@@ -814,9 +895,9 @@ const _sfc_main$9 = /* @__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)
@@ -833,9 +914,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     "native-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)
@@ -853,7 +934,7 @@ const _sfc_main$9 = /* @__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)` }])
@@ -872,7 +953,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-512bc2e5"]]);
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-5db62420"]]);
 const _sfc_main$8 = {};
 const _hoisted_1$4 = { class: "pro-table_search-form-container" };
 function _sfc_render$3(_ctx, _cache) {
@@ -913,13 +994,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:size"],
   setup(__props) {
+    const { t } = useLocale();
     const size = useModel(__props, "size");
     size.value = size.value ?? "default";
-    const items = [
-      { label: "默认", key: "default" },
-      { label: "中等", key: "large" },
-      { label: "紧凑", key: "small" }
-    ];
+    const items = computed(() => [
+      { label: t("table.sizeDefault"), key: "default" },
+      { label: t("table.sizeMiddle"), key: "large" },
+      { label: t("table.sizeCompact"), key: "small" }
+    ]);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElDropdown), {
         trigger: "click",
@@ -928,8 +1010,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         dropdown: withCtx(() => [
           createVNode(unref(ElDropdownMenu), null, {
             default: withCtx(() => [
-              (openBlock(), createElementBlock(Fragment, null, renderList(items, (item) => {
-                return createVNode(unref(ElDropdownItem), {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
+                return openBlock(), createBlock(unref(ElDropdownItem), {
                   key: item.key,
                   command: item.key,
                   disabled: item.key === size.value
@@ -939,7 +1021,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["command", "disabled"]);
-              }), 64))
+              }), 128))
             ]),
             _: 1
           })
@@ -960,7 +1042,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7af52d04"]]);
+const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b114045c"]]);
 const _sfc_main$4 = {};
 const _hoisted_1$1 = {
   focusable: "false",
@@ -981,9 +1063,11 @@ const _sfc_main$3 = /* @__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);
@@ -993,12 +1077,30 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       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
-      }))
+      () => __props.columns.map((item, index2) => {
+        var _a, _b, _c, _d;
+        const key = getColumnKey(item, index2);
+        const excluded = (_b = (_a = __props.columnControl) == null ? void 0 : _a.excludedKeys) == null ? void 0 : _b.some(
+          (ek) => String(ek) === key
+        );
+        const disabled = (_d = (_c = __props.columnControl) == null ? void 0 : _c.disabledKeys) == null ? void 0 : _d.some(
+          (dk) => String(dk) === key
+        );
+        const label = String(
+          item.label ?? item.prop ?? t("table.columnFallback", { index: index2 + 1 })
+        );
+        return {
+          label,
+          value: key,
+          checked: !item.hidden || !!disabled,
+          disabled: !!disabled,
+          column: item,
+          excluded
+        };
+      }).filter((item) => !item.excluded)
+    );
+    const controllableOptions = computed(
+      () => checkedColumnsOptions.value.filter((item) => !item.disabled)
     );
     const checkedColumnKeys = computed({
       get() {
@@ -1009,6 +1111,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       set(val) {
         checkedColumnsOptions.value.forEach((item) => {
           var _a;
+          if (item.disabled) return;
           (_a = __props.table) == null ? void 0 : _a.setColumn(item.value, {
             hidden: !val.includes(item.value)
           });
@@ -1018,13 +1121,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     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) : [];
+      checkedColumnKeys.value = checked ? controllableOptions.value.map((item) => item.value) : [];
       indeterminate.value = false;
     };
     const toggleColumnsItem = (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];
@@ -1032,12 +1137,35 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     watch(
       checkedColumnKeys,
-      (val) => {
-        indeterminate.value = !!val.length && val.length < checkedColumnsOptions.value.length;
-        checkAll.value = val.length > 0 && 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;
+        (_a2 = __props.table) == null ? void 0 : _a2.setColumn(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;
+          (_a = __props.table) == null ? void 0 : _a.setColumn(String(key), { hidden: false });
+        });
+      },
+      { deep: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElDropdown), {
         trigger: "click",
@@ -1047,46 +1175,50 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }, {
         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(() => {
+              var _a;
+              return [
+                !((_a = __props.columnControl) == null ? void 0 : _a.disableCheckAll) ? (openBlock(), createBlock(unref(ElDropdownItem), {
+                  key: 0,
+                  disabled: true,
+                  divided: false
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(ElCheckbox), {
-                      "model-value": item.checked,
-                      onChange: () => toggleColumnsItem(item.value)
+                      "model-value": checkAll.value,
+                      indeterminate: indeterminate.value,
+                      onChange: onCheckAllChange
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.label), 1)
+                        createTextVNode(toDisplayString(unref(t)("table.selectAll")), 1)
                       ]),
-                      _: 2
-                    }, 1032, ["model-value", "onChange"])
+                      _: 1
+                    }, 8, ["model-value", "indeterminate"])
                   ]),
-                  _: 2
-                }, 1032, ["command", "onClick"]);
-              }), 128))
-            ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                (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,
+                        disabled: item.disabled
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value", "disabled"])
+                    ]),
+                    _: 2
+                  }, 1032, ["command", "onClick"]);
+                }), 128))
+              ];
+            }),
             _: 1
           })
         ]),
@@ -1106,7 +1238,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ce445821"]]);
+const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-58a57bcb"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "TableColumnRenderer" },
   __name: "TableColumnRenderer",
@@ -1129,7 +1261,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     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;
+      const prop = column.prop ? String(column.prop) : void 0;
       return {
         ...rest,
         prop,
@@ -1245,6 +1377,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());
@@ -1324,9 +1457,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         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}`;
         }
@@ -1337,7 +1467,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           {
             key: "_index",
             type: "index",
-            label: "序号",
+            label: t("table.index"),
             width: 80
           },
           ...normalized
@@ -1387,9 +1517,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: !!sizeControl, columnControl: !!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;
     });
     const resolvedSize = computed(() => {
       return size.value ?? attrsTableProps.value.size ?? injectTableAttrs.value.size;
@@ -1439,9 +1577,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("", true),
               computedControl.value.columnControl ? (openBlock(), createElementBlock("div", _hoisted_5, [
                 createVNode(unref(ColumnControl), {
-                  columns: normalizedRawColumns.value,
-                  table: __props.table
-                }, null, 8, ["columns", "table"])
+                  columns: normalizedRawColumns.value.filter((item) => item.key !== "_index"),
+                  table: __props.table,
+                  "column-control": columnControlConfig.value
+                }, null, 8, ["columns", "table", "column-control"])
               ])) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "table", {}, () => [
@@ -1481,12 +1620,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8617780a"]]);
+const ProTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d66ea9cf"]]);
 function useTable(params = {}) {
-  const { data, ...rest } = params;
+  const { data, columns, ...rest } = params;
   const coreTable = useTable$1({
     ...rest,
-    dataSource: data
+    dataSource: data,
+    // 补齐列 key（key ?? prop ?? columnKey），
+    // 使 setColumn 等按 key 匹配的 API 对 Element Plus 的 prop 列生效
+    columns: columns == null ? void 0 : columns.map((column) => {
+      if (column.key !== void 0 && column.key !== null) return column;
+      const prop = column.prop;
+      const fallback = prop ?? (typeof column.columnKey === "string" ? column.columnKey : void 0);
+      return { ...column, key: fallback };
+    })
   });
   const { dataSource, ...tableWithoutDataSource } = coreTable;
   const table = {
@@ -1503,7 +1650,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     componentVars: {},
-    componentMap: {}
+    componentMap: {},
+    locale: {}
   },
   setup(__props) {
     const props = __props;
@@ -1516,6 +1664,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");
     };
@@ -1544,15 +1696,20 @@ const index = {
 };
 export {
   _sfc_main$d as ContainerFragment,
+  LOCALE_INJECT_KEY,
   _sfc_main as ProComponentProvider,
   _sfc_main$b as ProForm,
   ProTable,
   _sfc_main$c as SlotComponent,
   index as default,
+  enUS,
   useFields,
   useForm,
   useFormData,
   useFormRef,
-  useTable
+  useLocale,
+  useTable,
+  zhCN,
+  zhTW
 };
 //# sourceMappingURL=index.js.map