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

package/es/locale/en-US.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    readonly 'date-picker.placeholder': "Please select";
+    readonly 'date-picker.start': "Start date";
+    readonly 'date-picker.end': "End date";
+    readonly 'date-picker.startMonth': "Start month";
+    readonly 'date-picker.endMonth': "End month";
+    readonly 'date-picker.startYear': "Start year";
+    readonly 'date-picker.endYear': "End year";
+    readonly 'date-picker.startTime': "Start time";
+    readonly 'date-picker.endTime': "End time";
+    readonly 'table.query': "Search";
+    readonly 'table.reset': "Reset";
+    readonly 'table.expand': "Expand";
+    readonly 'table.collapse': "Collapse";
+    readonly 'table.selectAll': "Select All";
+    readonly 'table.index': "No.";
+    readonly 'table.sizeDefault': "Default";
+    readonly 'table.sizeMiddle': "Middle";
+    readonly 'table.sizeCompact': "Compact";
+    readonly 'table.columnFallback': "Column {index}";
+    readonly 'pagination.total': "Total {total} items";
+    readonly 'input.placeholder': "Please input";
+    readonly 'select.placeholder': "Please select";
+};
+export default _default;
+//# sourceMappingURL=en-US.d.ts.map

package/es/locale/en-US.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../src/locale/en-US.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAYW"}

package/es/locale/index.d.ts

@@ -0,0 +1,31 @@
+import { InjectionKey, MaybeRef } from 'vue';
+import { ProLocaleName } from '@qin-ui/pro-components-core';
+import { default as zhCN } from './zh-CN';
+import { default as zhTW } from './zh-TW';
+import { default as enUS } from './en-US';
+export { zhCN, zhTW, enUS };
+export type ProLocale = typeof zhCN;
+/** ProComponentProvider 通过该 key 注入局部覆盖文案 */
+export declare const LOCALE_INJECT_KEY: InjectionKey<MaybeRef<Partial<ProLocale> | undefined>>;
+/**
+ * 获取响应式 locale 文案
+ *
+ * @description 返回 `t` 翻译函数与当前语言名。
+ * `t` 在 computed / 模板中调用时会随宿主语言切换自动更新。
+ *
+ * @returns
+ * - `t(key, params?)` - 翻译函数，支持 `{placeholder}` 参数
+ * - `lang` - 当前解析出的语言名（'zh-CN' | 'zh-TW' | 'en-US'）
+ *
+ * @example
+ * ```ts
+ * const { t } = useLocale();
+ * t('table.query') // '查询' / '查詢' / 'Search'
+ * t('pagination.total', { total: 100 }) // '共 100 条'
+ * ```
+ */
+export declare const useLocale: () => {
+    t: (key: string, params?: Record<string, string | number>) => string;
+    lang: import('vue').ComputedRef<ProLocaleName>;
+};
+//# sourceMappingURL=index.d.ts.map

package/es/locale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locale/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AAEb,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAE5B,MAAM,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC;AAEpC,4CAA4C;AAC5C,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAC1C,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,CAClB,CAAC;AAEzB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS;aASJ,MAAM,WAAW,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAG,MAAM;;CAQ1E,CAAC"}

package/es/locale/zh-CN.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    readonly 'date-picker.placeholder': "请选择";
+    readonly 'date-picker.start': "开始日期";
+    readonly 'date-picker.end': "结束日期";
+    readonly 'date-picker.startMonth': "开始月份";
+    readonly 'date-picker.endMonth': "结束月份";
+    readonly 'date-picker.startYear': "开始年份";
+    readonly 'date-picker.endYear': "结束年份";
+    readonly 'date-picker.startTime': "开始时间";
+    readonly 'date-picker.endTime': "结束时间";
+    readonly 'table.query': "\u67E5\u8BE2";
+    readonly 'table.reset': "\u91CD\u7F6E";
+    readonly 'table.expand': "\u5C55\u5F00";
+    readonly 'table.collapse': "\u6536\u8D77";
+    readonly 'table.selectAll': "\u5168\u9009";
+    readonly 'table.index': "\u5E8F\u53F7";
+    readonly 'table.sizeDefault': "\u9ED8\u8BA4";
+    readonly 'table.sizeMiddle': "\u4E2D\u7B49";
+    readonly 'table.sizeCompact': "\u7D27\u51D1";
+    readonly 'table.columnFallback': "\u5217{index}";
+    readonly 'pagination.total': "\u5171 {total} \u6761";
+    readonly 'input.placeholder': "\u8BF7\u8F93\u5165";
+    readonly 'select.placeholder': "\u8BF7\u9009\u62E9";
+};
+export default _default;
+//# sourceMappingURL=zh-CN.d.ts.map

package/es/locale/zh-CN.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../src/locale/zh-CN.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAYW"}

package/es/locale/zh-TW.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    readonly 'date-picker.placeholder': "請選擇";
+    readonly 'date-picker.start': "開始日期";
+    readonly 'date-picker.end': "結束日期";
+    readonly 'date-picker.startMonth': "開始月份";
+    readonly 'date-picker.endMonth': "結束月份";
+    readonly 'date-picker.startYear': "開始年份";
+    readonly 'date-picker.endYear': "結束年份";
+    readonly 'date-picker.startTime': "開始時間";
+    readonly 'date-picker.endTime': "結束時間";
+    readonly 'table.query': "\u67E5\u8A62";
+    readonly 'table.reset': "\u91CD\u8A2D";
+    readonly 'table.expand': "\u5C55\u958B";
+    readonly 'table.collapse': "\u6536\u8D77";
+    readonly 'table.selectAll': "\u5168\u9078";
+    readonly 'table.index': "\u5E8F\u865F";
+    readonly 'table.sizeDefault': "\u9810\u8A2D";
+    readonly 'table.sizeMiddle': "\u4E2D\u7B49";
+    readonly 'table.sizeCompact': "\u7DCA\u6E4A";
+    readonly 'table.columnFallback': "\u6B04{index}";
+    readonly 'pagination.total': "\u5171 {total} \u7B46";
+    readonly 'input.placeholder': "\u8ACB\u8F38\u5165";
+    readonly 'select.placeholder': "\u8ACB\u9078\u64C7";
+};
+export default _default;
+//# sourceMappingURL=zh-TW.d.ts.map

package/es/locale/zh-TW.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-TW.d.ts","sourceRoot":"","sources":["../../src/locale/zh-TW.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAYW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/element-plus-pro",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "基于 element-plus 的二次封装组件",
   "bin": {
     "element-plus-pro": "./bin/init-ai.mjs"
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "vue-component-type-helpers": "^3.2.5",
-    "@qin-ui/pro-components-core": "^1.0.4"
+    "@qin-ui/pro-components-core": "^1.1.0"
   },
   "devDependencies": {
     "element-plus": "^2.13.6"

package/src/components/component-provider/components/index.vue

@@ -7,6 +7,7 @@
  *
  * @param {ComponentVars} [componentVars] - 组件全局配置变量
  * @param {Record<ComponentName, any>} [componentMap] - 自定义组件映射
+ * @param {Partial<ProLocale>} [locale] - 内置文案覆盖，可覆盖任意 locale 文案（如查询/重置/序号/占位符等）
  *
  * @slot default - 子组件内容
  *
@@ -23,9 +24,10 @@
  */
 import { ComponentVars } from '../types';
 import { INJECT_COMPONENTS, ensureInjectConfig } from '../constants';
-import { provide } from 'vue';
+import { computed, provide } from 'vue';
 import { getObject } from '../../../shared/core';
 import { ComponentName } from '../../form/constants';
+import { LOCALE_INJECT_KEY, type ProLocale } from '../../../locale';
 
 type ComponentMap = Partial<Record<ComponentName, any>>;
 
@@ -39,6 +41,11 @@ type Props = {
   componentVars?: ComponentVars;
   /** 自定义组件映射，用于替换或扩展内置组件 */
   componentMap?: ComponentMap;
+  /**
+   * 内置文案覆盖，可覆盖任意 locale 文案（如查询/重置/序号/占位符等），
+   * 未覆盖的文案默认跟随宿主组件库语言自动切换
+   */
+  locale?: Partial<ProLocale>;
 };
 
 const props = defineProps<Props>();
@@ -60,6 +67,12 @@ if (props.componentVars) {
 if (props.componentMap) {
   provide(INJECT_COMPONENTS, props.componentMap);
 }
+
+// 注入内置文案覆盖，useLocale 在解析文案时会优先使用
+provide(
+  LOCALE_INJECT_KEY,
+  computed(() => props.locale)
+);
 </script>
 
 <template>

package/src/components/component-provider/constants/index.ts

@@ -38,7 +38,7 @@ export const INJECT_CONFIG: {
   },
   input: {
     injectionKey: Symbol(''),
-    default: { maxlength: 100, clearable: true, placeholder: '请输入' },
+    default: { maxlength: 100, clearable: true },
   },
   'input.textarea': {
     injectionKey: Symbol(''),
@@ -47,7 +47,6 @@ export const INJECT_CONFIG: {
       autosize: { minRows: 3, maxRows: 6 },
       showWordLimit: true,
       clearable: true,
-      placeholder: '请输入',
     },
   },
   'input.password': {
@@ -56,7 +55,6 @@ export const INJECT_CONFIG: {
       showPassword: true,
       maxlength: 100,
       clearable: true,
-      placeholder: '请输入',
     },
   },
   'input-number': {
@@ -65,97 +63,80 @@ export const INJECT_CONFIG: {
       max: 10 ** 15 - 1,
       min: -(10 ** 15 + 1),
       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(''),
@@ -175,7 +156,7 @@ export const INJECT_CONFIG: {
   },
   'tree-select': {
     injectionKey: Symbol(''),
-    default: { clearable: true, placeholder: '请选择' },
+    default: { clearable: true },
   },
   transfer: {
     injectionKey: Symbol(''),

package/src/components/form/components/BaseField/index.vue

@@ -43,6 +43,7 @@ import { componentMap, TeleportComponentNamePrefix } from '../../constants';
 import { INJECT_COMPONENTS } from '../../../component-provider/constants';
 import { useForm } from '../../hooks/useForm';
 import { getInitProps } from './utils';
+import { useLocale } from '../../../../locale';
 
 defineOptions({ name: 'BaseField', inheritAttrs: false });
 
@@ -52,6 +53,8 @@ type Props = {
 };
 const { component = undefined, path = '' } = defineProps<Props>();
 
+const { t } = useLocale();
+
 const form = useForm(false);
 const { getFormData, setFormData } = form;
 
@@ -97,10 +100,13 @@ const parentDisabled = useDisabledContext();
  * 属性分为三类：绑定属性（v-model）、组件属性（传递给组件）、插槽（动态渲染）
  */
 const groupedAttrs = computed(() => {
-  const initProps = getInitProps({
-    component: component,
-    type: attrs.type,
-  } as unknown as Field);
+  const initProps = getInitProps(
+    {
+      component: component,
+      type: attrs.type,
+    } as unknown as Field,
+    t
+  );
   const modelPropName = attrs.modelProp ?? initProps.modelProp ?? 'modelValue';
   const mergedProps = mergeProps(
     initProps,

package/src/components/form/components/BaseField/utils/index.ts

@@ -2,14 +2,77 @@ import { Field } from '../../../types';
 import { getInjectConfig } from '../../../../component-provider/constants';
 import { inject } from 'vue';
 
-export const getInitProps = (field: Field): Record<string, any> => {
+type LocaleT = (
+  key: string,
+  params?: Record<string, string | number>
+) => string;
+
+/** 单值组件的占位符对应的 locale key */
+const PLACEHOLDER_KEYS: Record<string, string> = {
+  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',
+};
+
+/** 区间组件 start/end 占位符对应的 locale key */
+const RANGE_PLACEHOLDER_KEYS: Record<string, [string, string]> = {
+  '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'],
+};
+
+/**
+ * 根据组件 key 兜底生成 locale 占位符
+ *
+ * @description 用户通过 componentVars 或字段属性显式设置了占位符时不再兜底。
+ */
+const getPlaceholderProps = (
+  key: string,
+  injectProps: Record<string, any>,
+  t: LocaleT
+): Record<string, string> => {
+  const rangeKeys = RANGE_PLACEHOLDER_KEYS[key];
+  if (rangeKeys) {
+    if (
+      injectProps.startPlaceholder !== undefined ||
+      injectProps.placeholder !== undefined
+    )
+      return {};
+    return {
+      startPlaceholder: t(rangeKeys[0]),
+      endPlaceholder: t(rangeKeys[1]),
+    };
+  }
+  const placeholderKey = PLACEHOLDER_KEYS[key];
+  if (!placeholderKey || injectProps.placeholder !== undefined) return {};
+  return { placeholder: t(placeholderKey) };
+};
+
+export const getInitProps = (field: Field, t: LocaleT): Record<string, any> => {
   const { component, type } = field as any;
   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 {};
 };

package/src/components/table/components/ColumnControl.vue

@@ -6,16 +6,24 @@ import {
   DropdownItem,
   Checkbox,
 } from '../../../shared/ui';
-import { computed, ref, watch } from 'vue';
-import type { Column, Columns } from '../types';
+import { computed, onMounted, ref, watch } from 'vue';
+import type { Column, Columns, ColumnControlConfig } from '../types';
 import { type Table } from '../useTable';
 import FilterOutlined from './icons/FilterOutlined.vue';
+import { useLocale } from '../../../locale';
 
 type Props = {
   columns: Columns;
   table?: Table;
+  columnControl?: ColumnControlConfig;
 };
-const { columns, table = undefined } = defineProps<Props>();
+const {
+  columns,
+  table = undefined,
+  columnControl = undefined,
+} = defineProps<Props>();
+
+const { t } = useLocale();
 
 const open = ref(false);
 const checkAll = ref(false);
@@ -28,14 +36,43 @@ const getColumnKey = (column: Column, index: number) => {
 };
 
 const checkedColumnsOptions = computed<
-  Array<{ label: string; value: string; checked: boolean; column: Column }>
+  Array<{
+    label: string;
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    column: Column;
+  }>
 >(() =>
-  columns.map((item, index) => ({
-    label: String(item.label ?? item.prop ?? `列${index + 1}`),
-    value: getColumnKey(item, index),
-    checked: !item.hidden,
-    column: item,
-  }))
+  columns
+    .map((item, index) => {
+      const key = getColumnKey(item, index);
+      const excluded = columnControl?.excludedKeys?.some(
+        ek => String(ek) === key
+      );
+      const disabled = columnControl?.disabledKeys?.some(
+        dk => String(dk) === key
+      );
+      const label = String(
+        item.label ??
+          item.prop ??
+          t('table.columnFallback', { index: index + 1 })
+      );
+      return {
+        label,
+        value: key,
+        checked: !item.hidden || !!disabled,
+        disabled: !!disabled,
+        column: item,
+        excluded,
+      };
+    })
+    .filter(item => !item.excluded)
+);
+
+/** 可被用户勾选/取消的列（非 disabled） */
+const controllableOptions = computed(() =>
+  checkedColumnsOptions.value.filter(item => !item.disabled)
 );
 
 const checkedColumnKeys = computed({
@@ -46,6 +83,7 @@ const checkedColumnKeys = computed({
   },
   set(val: string[]) {
     checkedColumnsOptions.value.forEach(item => {
+      if (item.disabled) return;
       table?.setColumn(item.value as any, {
         hidden: !val.includes(item.value),
       });
@@ -56,12 +94,14 @@ const checkedColumnKeys = computed({
 const onCheckAllChange = (value: any) => {
   const checked = !!(value?.target?.checked ?? value);
   checkedColumnKeys.value = checked
-    ? checkedColumnsOptions.value.map(item => item.value)
+    ? controllableOptions.value.map(item => item.value)
     : [];
   indeterminate.value = false;
 };
 
 const toggleColumnsItem = (val: string) => {
+  const item = checkedColumnsOptions.value.find(o => o.value === val);
+  if (item?.disabled) return;
   if (checkedColumnKeys.value.includes(val)) {
     checkedColumnKeys.value = checkedColumnKeys.value.filter(
       item => item !== val
@@ -73,14 +113,36 @@ const toggleColumnsItem = (val: string) => {
 
 watch(
   checkedColumnKeys,
-  val => {
+  () => {
+    const controllableChecked = controllableOptions.value.filter(
+      item => item.checked
+    );
     indeterminate.value =
-      !!val.length && val.length < checkedColumnsOptions.value.length;
+      !!controllableChecked.length &&
+      controllableChecked.length < controllableOptions.value.length;
     checkAll.value =
-      val.length > 0 && val.length === checkedColumnsOptions.value.length;
+      controllableChecked.length === controllableOptions.value.length &&
+      controllableOptions.value.length > 0;
   },
   { immediate: true }
 );
+
+// 强制 disabledKeys 列始终展示
+onMounted(() => {
+  columnControl?.disabledKeys?.forEach(key => {
+    table?.setColumn(String(key), { hidden: false });
+  });
+});
+
+watch(
+  () => columnControl?.disabledKeys,
+  keys => {
+    keys?.forEach(key => {
+      table?.setColumn(String(key), { hidden: false });
+    });
+  },
+  { deep: true }
+);
 </script>
 
 <template>
@@ -95,13 +157,17 @@ watch(
     </Button>
     <template #dropdown>
       <DropdownMenu>
-        <DropdownItem :disabled="true" :divided="false">
+        <DropdownItem
+          v-if="!columnControl?.disableCheckAll"
+          :disabled="true"
+          :divided="false"
+        >
           <Checkbox
             :model-value="checkAll"
             :indeterminate="indeterminate"
             @change="onCheckAllChange"
           >
-            全选
+            {{ t('table.selectAll') }}
           </Checkbox>
         </DropdownItem>
         <DropdownItem
@@ -110,10 +176,7 @@ watch(
           :command="item.value"
           @click.stop="toggleColumnsItem(item.value)"
         >
-          <Checkbox
-            :model-value="item.checked"
-            @change="() => toggleColumnsItem(item.value)"
-          >
+          <Checkbox :model-value="item.checked" :disabled="item.disabled">
             {{ item.label }}
           </Checkbox>
         </DropdownItem>