feat(all): 表格头支持国际化

frontend/.stylelintrc.js

@@ -33,7 +33,7 @@ module.exports = {
     'font-family-no-missing-generic-family-keyword': null,
     'selector-type-no-unknown': null,
     'block-opening-brace-space-before': 'always',
-    'at-rule-no-unknown': null,
+    'at-rule-no-unknown': [true, { ignoreAtRules: ['apply', 'tailwind', 'variants', 'responsive', 'screen'] }],
     'no-duplicate-selectors': null,
     'property-no-unknown': null,
     'no-empty-source': null,

frontend/src/components/bussiness/usergroup/popconfirm.vue

@@ -32,7 +32,6 @@
   import { watchEffect, reactive, ref, computed, onUnmounted } from 'vue';
   import { CustomMoreActionItem, RenameType, UserGroupItem } from './type';
   import { ValidatedError } from '@arco-design/web-vue';
-  import useUserGroupStore from '@/store/modules/system/usergroup';
 
   const { t } = useI18n();
   const formRef = ref();
@@ -40,8 +39,6 @@
     name: '',
   });
 
-  const store = useUserGroupStore();
-
   const props = defineProps<{
     visible: boolean;
     defaultName: string;

frontend/src/components/pure/ms-table/base-table.vue

@@ -13,8 +13,13 @@
       :selected-keys="props.selectedKeys"
       @selection-change="(e) => selectionChange(e, true)"
     >
-      <template v-for="(item, key, i) in slots" :key="i" #[key]="{ record, rowIndex, column }">
+      <template #columns>
-        <slot :name="key" v-bind="{ rowIndex, record, column }"></slot>
+        <a-table-column v-for="(item, key) in props.columns" :key="key" v-bind="item" :title="t(item.title as string)">
+          <template #cell="{ column, record, rowIndex }">
+            <slot v-if="item.slotName" :name="item.slotName" v-bind="{ record, rowIndex, column }"></slot>
+            <template v-else>{{ record[item.dataIndex as string] }}</template>
+          </template>
+        </a-table-column>
       </template>
     </a-table>
     <div v-if="selectCurrent > 0 && attrs.showSelectAll" class="mt-[21px]">
@@ -29,17 +34,20 @@
 </template>
 
 <script lang="ts" setup>
-  import { useSlots, useAttrs, computed, ref, onMounted } from 'vue';
+  import { useI18n } from '@/hooks/useI18n';
+  import { useAttrs, computed, ref, onMounted } from 'vue';
   import selectAll from './select-all.vue';
   import { MsTableProps, SelectAllEnum, MsPaginationI, BatchActionParams, BatchActionConfig } from './type';
   import BatchAction from './batchAction.vue';
 
-  import type { TableData } from '@arco-design/web-vue';
+  import type { TableColumnData, TableData } from '@arco-design/web-vue';
 
   const batchleft = ref('10px');
+  const { t } = useI18n();
   const props = defineProps<{
     selectedKeys?: (string | number)[];
     actionConfig?: BatchActionConfig;
+    columns?: TableColumnData[];
   }>();
   const emit = defineEmits<{
     (e: 'selectedChange', value: (string | number)[]): void;
@@ -49,7 +57,6 @@
   // 全选按钮-当前的条数
   const selectCurrent = ref(0);
 
-  const slots = useSlots();
   const attrs = useAttrs();
 
   const { rowKey, pagination }: Partial<MsTableProps> = attrs;

frontend/src/components/pure/ms-table/batchAction.vue

@@ -10,12 +10,12 @@
           'ml-4': true,
         }"
         type="outline"
-        @click="emit('batchAction', element)"
+        @click="handleSelect(element)"
         >{{ t(element.label as string) }}</a-button
       >
     </template>
     <div v-if="props.actionConfig.moreAction" class="relative top-[2px] ml-3 inline-block">
-      <a-dropdown position="tr">
+      <a-dropdown position="tr" @select="handleSelect">
         <a-button type="outline"><a-icon-more /></a-button>
         <template #content>
           <template v-for="element in props.actionConfig.moreAction" :key="element.label">
@@ -44,6 +44,9 @@
     (e: 'batchAction', value: BatchActionParams): void;
     (e: 'clear'): void;
   }>();
+  const handleSelect = (item: string | number | Record<string, any> | undefined | BatchActionParams) => {
+    emit('batchAction', item as BatchActionParams);
+  };
 </script>
 
 <style lang="less" scoped>

frontend/src/components/pure/navbar/index.vue

@@ -124,7 +124,7 @@
 <script lang="ts" setup>
   import { computed, ref, inject } from 'vue';
   import { Message } from '@arco-design/web-vue';
-  import { useDark, useToggle, useFullscreen } from '@vueuse/core';
+  import { useFullscreen } from '@vueuse/core';
   import { useAppStore, useUserStore } from '@/store';
   import { LOCALE_OPTIONS } from '@/locale';
   import useLocale from '@/locale/useLocale';
@@ -141,9 +141,6 @@
   const avatar = computed(() => {
     return userStore.avatar;
   });
-  const theme = computed(() => {
-    return appStore.theme;
-  });
   const topMenu = computed(() => appStore.topMenu && appStore.menu);
   // const setVisible = () => {
   //   appStore.updateSettings({ globalSettings: true });

frontend/src/views/system/user/index.vue

@@ -307,7 +307,7 @@
   import useTable from '@/components/pure/ms-table/useTable';
   import MsButton from '@/components/pure/ms-button/index.vue';
   import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
-  import { getUserList, batchCreateUser, updateUserInfo } from '@/api/modules/system/user';
+  import { getUserList, batchCreateUser } from '@/api/modules/system/user';
   import { validateEmail, validatePhone } from '@/utils/validate';
   import batchModal from './components/batchModal.vue';