create-meadminjs 1.0.0

package/template/meadmin/view/admin/src/views/user/components/addOrUp.vue

@@ -0,0 +1,120 @@
+<template>
+  <me-dialog v-model="show" :title="t(id ? '编辑' : '新增')" :close-on-click-modal="false" @closed="emit('closed')">
+    <el-form ref="formEl" v-loading="loading" :model="info" :rules="rules" class="add" label-width="auto">
+      <el-form-item :label="t('用户名')" prop="username">
+        <el-input v-model="info.username"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('昵称')" prop="nickname">
+        <el-input v-model="info.nickname"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('密码')" prop="password">
+        <el-input v-model="info.password"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('头像')" prop="avatar">
+        <me-upload-user-file
+          list-type="picture"
+          :limit="1"
+          :model-value="info.avatar ? [info.avatar] : []"
+          @update:model-value="(files) => (info.avatar = files.length ? files[0] : null)"
+        ></me-upload-user-file>
+      </el-form-item>
+      <el-form-item :label="t('邮箱')" prop="email">
+        <el-input v-model="info.email"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('手机号')" prop="mobile">
+        <el-input v-model="info.mobile"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('登录失败次数')" prop="loginFailure">
+        <el-input-number v-model="info.loginFailure" :value-on-clear="null"></el-input-number>
+      </el-form-item>
+      <el-form-item :label="t('最后登录时间')" prop="lastLoginAt">
+        <el-input v-model="info.lastLoginAt"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('最后登录ip')" prop="lastLoginIp">
+        <el-input v-model="info.lastLoginIp"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('状态')" prop="status">
+        <el-select v-model="info.status">
+          <el-option v-for="val in dict.status" :key="val.value" :value="val.value" :label="val.label" />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="t('创建者Id')" prop="createdUserId">
+        <el-input v-model="info.createdUserId"></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <me-button @click="() => (show = false)">{{ t('取消') }}</me-button>
+      <me-button type="primary" @click="submit">{{ t('提交') }}</me-button>
+    </template>
+  </me-dialog>
+</template>
+
+<script setup lang="ts" name="AddOrUpUser">
+import { User, addUserApi, updateUserApi, userInfoApi } from '@/api/user';
+import { useLocalesI18n } from '@/locales/i18n';
+import { resetObj } from '@/utils/helper';
+import { isMobile } from '@/utils/validate.js';
+import { FormInstance, FormRules } from 'element-plus';
+import { getDict } from '../dict.js';
+//接口需要现在setup顶层初始化（如果是异步setup需要在异步调用之前初始化），否则会有unMounted，非法调用警告，因为vueRequest使用了unMounted
+const { runAsync: updateRunAsync } = updateUserApi();
+const { runAsync: addRunAsync } = addUserApi();
+const { runAsync: infoRunAsync } = userInfoApi();
+
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`../lang/${locale}.json`), 'user']);
+await loadRes;
+const dict = getDict(t);
+const show = defineModel<boolean>();
+const props = defineProps<{
+  id?: string;
+}>();
+const emit = defineEmits<{
+  (e: 'success'): void;
+  (e: 'closed'): void;
+}>();
+
+const info = reactive(new User());
+const loading = ref(false);
+watch(
+  () => props.id,
+  async (id?: string) => {
+    if (id) {
+      loading.value = true;
+      resetObj(info, await infoRunAsync(id));
+      loading.value = false;
+    }
+  },
+  { immediate: true },
+);
+const rules: FormRules = {
+  username: [
+    { required: true, message: t('{label} 必须填写', { label: t('用户名') }), trigger: 'blur' },
+    { type: 'string', min: 1, max: 50, message: t('{label} 长度必须在 {min} 及 {max} 之间', { label: t('用户名'), min: 1, max: 50 }), trigger: 'blur' },
+  ],
+  nickname: [
+    { required: true, message: t('{label} 必须填写', { label: t('昵称') }), trigger: 'blur' },
+    { type: 'string', min: 1, max: 20, message: t('{label} 长度必须在 {min} 及 {max} 之间', { label: t('昵称'), min: 1, max: 20 }), trigger: 'blur' },
+  ],
+  email: [
+    { type: 'string', max: 100, message: t('{label} 长度必须小于等于 {max}', { label: t('邮箱'), max: 100 }), trigger: 'blur' },
+    { type: 'email', message: t('{label} 必须是正确的邮箱格式', { label: t('邮箱') }), trigger: 'blur' },
+  ],
+  mobile: [{ validator: (rule, value: string | number) => (value ? isMobile(value) : true), message: t('{label} 必须是正确的手机号', { label: t('手机号') }), trigger: 'blur' }],
+  status: [{ required: true, message: t('{label} 必须填写', { label: t('状态') }), trigger: 'blur' }],
+};
+const formEl = ref<FormInstance>();
+const submit = async () => {
+  try {
+    await formEl.value!.validate();
+  } catch (invalidFields) {
+    return formEl.value!.scrollToField(Object.keys(invalidFields!)[0]);
+  }
+  if (props.id) {
+    await updateRunAsync(props.id, info);
+  } else {
+    await addRunAsync(info);
+  }
+  show.value = false;
+  emit('success');
+};
+</script>

package/template/meadmin/view/admin/src/views/user/components/info.vue

@@ -0,0 +1,56 @@
+<template>
+  <me-dialog v-model="show" :title="t('详情')" :close-on-click-modal="false" @closed="emit('closed')">
+    <el-descriptions v-loading="loading" class="info" :border="true">
+      <el-descriptions-item :label="t('ID')"> {{ formatterStrExec(data?.id) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('用户名')"> {{ formatterStrExec(data?.username) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('昵称')"> {{ formatterStrExec(data?.nickname) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('密码')"> {{ formatterStrExec(data?.password) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('头像')"> {{ formatterObjectExecFn('name')(data?.avatar) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('邮箱')"> {{ formatterStrExec(data?.email) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('手机号')"> {{ formatterStrExec(data?.mobile) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('登录失败次数')"> {{ formatterStrExec(data?.loginFailure) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后登录时间')"> {{ formatterAtExec(data?.lastLoginAt) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后登录ip')"> {{ formatterStrExec(data?.lastLoginIp) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('状态')"> {{ formatterDictExec(dict, 'status', data?.status) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('创建者Id')"> {{ formatterStrExec(data?.createdUserId) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('创建者')"> {{ formatterStrExec(data?.createdUser) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后更新者')"> {{ formatterStrExec(data?.updatedUser) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('创建时间')"> {{ formatterAtExec(data?.createdAt) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后更新时间')"> {{ formatterAtExec(data?.updatedAt) }} </el-descriptions-item>
+    </el-descriptions>
+    <template #footer>
+      <me-button @click="() => (show = false)">{{ t('关闭') }}</me-button>
+    </template>
+  </me-dialog>
+</template>
+
+<script setup lang="ts" name="Info">
+import { userInfoApi } from '@/api/user';
+import { useLocalesI18n } from '@/locales/hooks.js';
+import { formatterAtExec, formatterDictExec, formatterObjectExecFn, formatterStrExec } from '@/utils/helper.js';
+import { getDict } from '../dict.js';
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`../lang/${locale}.json`), 'user']);
+await loadRes;
+const dict = getDict(t);
+const show = defineModel<boolean>();
+const props = defineProps<{
+  id?: string;
+}>();
+const emit = defineEmits<{
+  (e: 'closed'): void;
+}>();
+const { data, loading, runAsync } = userInfoApi();
+watch(
+  () => props.id,
+  async (id?: string) => {
+    if (id) {
+      runAsync(id);
+    }
+  },
+  { immediate: true },
+);
+</script>
+<style lang="scss" scoped>
+.info {
+}
+</style>

package/template/meadmin/view/admin/src/views/user/dict.ts

@@ -0,0 +1,7 @@
+export const getDict = (t = (str: string) => str) =>
+  reactive({
+    status: [
+      { value: 1, label: t('启用') },
+      { value: 0, label: t('禁用') },
+    ],
+  });

package/template/meadmin/view/admin/src/views/user/file/components/add.vue

@@ -0,0 +1,24 @@
+<template>
+  <me-dialog v-model="show" :title="t('上传文件')" :close-on-click-modal="false" @closed="emit('closed')">
+    <div style="height: 300px">
+      <el-form-item :label="t('文件')">
+        <me-upload-user-file v-model="files" :show-select="true"></me-upload-user-file>
+      </el-form-item>
+    </div>
+
+    <template #footer>
+      <me-button @click="() => (show = false)">{{ t('关闭') }}</me-button>
+    </template>
+  </me-dialog>
+</template>
+<script setup lang="ts" name="AddFile">
+import { FileInfo } from '@/api/file';
+import { useLocalesI18n } from '@/locales/hooks';
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`../lang/${locale}.json`), 'file']);
+await loadRes;
+const show = defineModel<boolean>();
+const emit = defineEmits<{
+  (e: 'closed'): void;
+}>();
+const files = ref([] as FileInfo[]);
+</script>

package/template/meadmin/view/admin/src/views/user/file/components/info.vue

@@ -0,0 +1,54 @@
+<template>
+  <me-dialog v-model="show" :title="t('详情')" :close-on-click-modal="false" @closed="emit('closed')">
+    <el-descriptions v-loading="loading" class="info" :border="true">
+      <el-descriptions-item :label="t('ID')"> {{ formatterStrExec(data?.id) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('文件名')" :span="2"> {{ formatterStrExec(data?.name) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('mime类型')"> {{ formatterStrExec(data?.mimeType) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('路径')" :span="2"> {{ formatterStrExec(data?.path) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('文件大小')"> {{ formatterStrExec(data?.size) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('存储引擎')"> {{ formatterStrExec(data?.storage) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('预览')" :span="2">
+        <me-files-view :files="data ? [data] : []"></me-files-view>
+      </el-descriptions-item>
+      <el-descriptions-item :label="t('创建时间')"> {{ formatterAtExec(data?.createdAt) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后更新时间')"> {{ formatterAtExec(data?.updatedAt) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('创建者(管理员)')"> {{ formatterObjectExecFn((obj) => `${obj.nickname}(${obj.username})`)(data?.createdAdmin) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后更新者(管理员)')"> {{ formatterObjectExecFn((obj) => `${obj.nickname}(${obj.username})`)(data?.updatedAdmin) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('创建者(用户)')"> {{ formatterObjectExecFn((obj) => `${obj.nickname}(${obj.username})`)(data?.createdUser) }} </el-descriptions-item>
+      <el-descriptions-item :label="t('最后更新者(用户)')"> {{ formatterObjectExecFn((obj) => `${obj.nickname}(${obj.username})`)(data?.updatedUser) }} </el-descriptions-item>
+    </el-descriptions>
+    <template #footer>
+      <me-button @click="() => (show = false)">{{ t('关闭') }}</me-button>
+    </template>
+  </me-dialog>
+</template>
+
+<script setup lang="ts" name="Info">
+import { userFileInfoApi } from '@/api/userFile';
+import { useLocalesI18n } from '@/locales/hooks.js';
+import { formatterAtExec, formatterObjectExecFn, formatterStrExec } from '@/utils/helper.js';
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`../lang/${locale}.json`), 'userFile']);
+await loadRes;
+
+const show = defineModel<boolean>();
+const props = defineProps<{
+  id?: string;
+}>();
+const emit = defineEmits<{
+  (e: 'closed'): void;
+}>();
+const { data, loading, runAsync } = userFileInfoApi();
+watch(
+  () => props.id,
+  async (id?: string) => {
+    if (id) {
+      runAsync(id);
+    }
+  },
+  { immediate: true },
+);
+</script>
+<style lang="scss" scoped>
+.info {
+}
+</style>

package/template/meadmin/view/admin/src/views/user/file/components/up.vue

@@ -0,0 +1,82 @@
+<template>
+  <me-dialog v-model="show" :title="t('编辑')" :close-on-click-modal="false" @closed="emit('closed')">
+    <el-form ref="formEl" v-loading="loading" :model="info" :rules="rules" class="add" label-width="auto">
+      <el-form-item :label="t('文件名')" prop="name">
+        <el-input v-model="info.name"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('路径')" prop="path">
+        <el-input v-model="info.path"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('mime类型')" prop="mimeType">
+        <el-input v-model="info.mimeType"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('文件大小')" prop="size">
+        <el-input-number v-model="info.size" :value-on-clear="null"></el-input-number>
+      </el-form-item>
+      <el-form-item :label="t('存储引擎')" prop="storage">
+        <el-input v-model="info.storage"></el-input>
+      </el-form-item>
+      <el-form-item :label="t('文件MD5值')" prop="md5">
+        <el-input v-model="info.md5"></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <me-button @click="() => (show = false)">{{ t('取消') }}</me-button>
+      <me-button type="primary" @click="submit">{{ t('提交') }}</me-button>
+    </template>
+  </me-dialog>
+</template>
+
+<script setup lang="ts" name="AddOrUpUserFile">
+import { UserFile, updateUserFileApi, userFileInfoApi } from '@/api/userFile';
+import { useLocalesI18n } from '@/locales/i18n';
+import { resetObj } from '@/utils/helper';
+import { FormInstance, FormRules } from 'element-plus';
+
+//接口需要现在setup顶层初始化（如果是异步setup需要在异步调用之前初始化），否则会有unMounted，非法调用警告，因为vueRequest使用了unMounted
+const { runAsync: updateRunAsync } = updateUserFileApi();
+const { runAsync: infoRunAsync } = userFileInfoApi();
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`../lang/${locale}.json`), 'userFile']);
+await loadRes;
+
+const show = defineModel<boolean>();
+const props = defineProps<{
+  id: string;
+}>();
+const emit = defineEmits<{
+  (e: 'success'): void;
+  (e: 'closed'): void;
+}>();
+
+const info = reactive(new UserFile());
+const loading = ref(false);
+watch(
+  () => props.id,
+  async (id?: string) => {
+    if (id) {
+      loading.value = true;
+      resetObj(info, await infoRunAsync(id));
+      loading.value = false;
+    }
+  },
+  { immediate: true },
+);
+const rules: FormRules = {
+  name: [
+    { required: true, message: t('{label} 必须填写', { label: t('文件名') }), trigger: 'blur' },
+    { type: 'string', min: 1, max: 300, message: t('{label} 长度必须在 {min} 及 {max} 之间', { label: t('文件名'), min: 1, max: 300 }), trigger: 'blur' },
+  ],
+};
+const formEl = ref<FormInstance>();
+const submit = async () => {
+  try {
+    await formEl.value!.validate();
+  } catch (invalidFields) {
+    return formEl.value!.scrollToField(Object.keys(invalidFields!)[0]);
+  }
+  await updateRunAsync(props.id, info);
+
+  show.value = false;
+  emit('success');
+};
+</script>

package/template/meadmin/view/admin/src/views/user/file/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <page>
+    <template #searchForm>
+      <me-search-form :model="params" :default-all="true" class="search-form" @search="search(1)">
+        <el-form-item :label="t('创建者Id')" prop="createdUserId">
+          <el-input v-model="params.createdUserId" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('ID')" prop="id">
+          <el-input v-model="params.id" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('文件名')" prop="name">
+          <el-input v-model="params.name" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('路径')" prop="path">
+          <el-input v-model="params.path" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('mime类型')" prop="mimeType">
+          <el-input v-model="params.mimeType" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('文件大小')" prop="size">
+          <el-input-number v-model="params.size" clearable></el-input-number>
+        </el-form-item>
+        <el-form-item :label="t('存储引擎')" prop="storage">
+          <el-input v-model="params.storage" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('文件MD5值')" prop="md5">
+          <el-input v-model="params.md5" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('文件url')" prop="url">
+          <el-input v-model="params.url" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('创建时间')" prop="createdAt">
+          <el-date-picker v-model="params.startCreatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />&nbsp; - &nbsp;
+          <el-form-item prop="priceEnd">
+            <el-date-picker v-model="params.endCreatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />
+          </el-form-item>
+        </el-form-item>
+        <el-form-item :label="t('最后更新时间')" prop="updatedAt">
+          <el-date-picker v-model="params.startUpdatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />&nbsp; - &nbsp;
+          <el-form-item prop="priceEnd">
+            <el-date-picker v-model="params.endUpdatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />
+          </el-form-item>
+        </el-form-item>
+      </me-search-form>
+    </template>
+    <me-vxe-table
+      align="center"
+      border
+      :loading="loading"
+      :data="data?.list"
+      :pagination-options="{
+        currentPage: params.page,
+        pageSize: params.pageSize,
+        total: data?.total ?? 0,
+        layout: 'sizes, prev, pager, next, jumper, ->, total',
+        change: search,
+      }"
+      :on-add="permission('user_file_add') ? showAdd : undefined"
+      @refresh="search(1)"
+    >
+      <vxe-column field="id" :title="t('ID')" :formatter="formatterStr"></vxe-column>
+      <vxe-column :title="t('预览')">
+        <template #default="{ row }: { row: UserFileInfo }">
+          <me-files-view :files="[row]"></me-files-view>
+        </template>
+      </vxe-column>
+      <vxe-column field="name" :title="t('文件名')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="path" :title="t('路径')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="mimeType" :title="t('mime类型')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="size" :title="t('文件大小')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="storage" :title="t('存储引擎')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="md5" :title="t('文件MD5值')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="url" :title="t('文件url')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="createdAt" :title="t('创建时间')" :formatter="formatterAt"></vxe-column>
+      <vxe-column field="updatedAt" :title="t('最后更新时间')" :formatter="formatterAt"></vxe-column>
+      <vxe-column field="createdAdmin" :title="t('创建者(管理员)')" :formatter="formatterObjectFn((obj) => `${obj.nickname}(${obj.username})`)"></vxe-column>
+      <vxe-column field="updatedAdmin" :title="t('最后更新者(管理员)')" :formatter="formatterObjectFn((obj) => `${obj.nickname}(${obj.username})`)"></vxe-column>
+      <vxe-column field="createdUser" :title="t('创建者(用户)')" :formatter="formatterObjectFn((obj) => `${obj.nickname}(${obj.username})`)"></vxe-column>
+      <vxe-column field="updatedUser" :title="t('最后更新者(用户)')" :formatter="formatterObjectFn((obj) => `${obj.nickname}(${obj.username})`)"></vxe-column>
+      <vxe-column v-if="permission(['user_file_add', 'user_file_edit', 'userFile_del'])" :title="t('操作')" fixed="right" min-width="150px">
+        <template #default="{ row }: { row: UserFileInfo }">
+          <me-button v-if="permission('user_file_info')" link :title="t('详情')" @click="showInfo(row.id)">
+            <mel-icon-memo />
+          </me-button>
+          <me-button v-if="permission('user_file_edit')" link :title="t('编辑')" @click="showUp(row.id)">
+            <mel-icon-edit />
+          </me-button>
+          <el-popconfirm v-if="permission('user_file_del')" :title="t('确认删除？')" placement="left" @confirm="del(row.id)">
+            <template #reference>
+              <me-button :key="row.id" :loading="delLoading && delId === row.id" type="danger" link :title="t('删除')">
+                <mel-icon-delete />
+              </me-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </vxe-column>
+    </me-vxe-table>
+  </page>
+</template>
+
+<script setup lang="ts" name="UserFile">
+import { delUserFileApi, UserFileInfo, userFileListApi, UserFileListParam } from '@/api/userFile';
+import { useActionModel } from '@/hooks/index.js';
+import { useLocalesI18n } from '@/locales/i18n';
+import { formatterAt, formatterObjectFn, formatterStr } from '@/utils/helper.js';
+import { permission } from '@/utils/permission.js';
+import Add from './components/add.vue';
+import Info from './components/info.vue';
+import Up from './components/up.vue';
+const { open: openInfo } = useActionModel(Info);
+const { open: openAdd } = useActionModel(Add);
+const { open: openUp } = useActionModel(Up);
+
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`./lang/${locale}.json`), 'userFile']);
+
+const params = reactive(new UserFileListParam());
+const { loading, data, runAsync } = userFileListApi();
+const search = (page = params.page, pageSize = params.pageSize) => runAsync(Object.assign(params, { page, pageSize }));
+const { runAsync: delRun, loading: delLoading } = delUserFileApi();
+const delId = ref<string>();
+const del = async (id: string) => {
+  delId.value = id;
+  await delRun(id);
+  await search(1);
+};
+const showAdd = () => {
+  openAdd({
+    onClosed: async () => {
+      await search(1);
+    },
+  });
+};
+const showUp = (id: string) => {
+  openUp({
+    id,
+    onSuccess: async () => {
+      await search(1);
+    },
+  });
+};
+const showInfo = (id: string) => {
+  openInfo({
+    id,
+  });
+};
+
+await Promise.all([loadRes, search(1)]);
+</script>

package/template/meadmin/view/admin/src/views/user/file/lang/en.json

@@ -0,0 +1,17 @@
+{
+  "创建者Id": "Created user id",
+  "创建者": "Created user",
+  "最后更新者": "Updated user",
+  "创建者": "Created admin",
+  "最后更新者": "Updated admin",
+  "ID": "Id",
+  "文件名": "Name",
+  "路径": "Path",
+  "mime类型": "Mime type",
+  "文件大小": "Size",
+  "存储引擎": "Storage",
+  "文件MD5值": "Md5",
+  "文件url": "Url",
+  "创建时间": "Created time",
+  "最后更新时间": "Updated time"
+}