yg-yygl 0.0.1

package/dist/views/file/file-list/index.vue

@@ -0,0 +1,357 @@
+<script setup lang="ts">
+import type {
+  BusinessFilterItem,
+  IconActionItem,
+  TableColumn,
+} from '@udp/component-ui';
+import type { FileInfo } from '../../../api/file-info/types';
+
+import { h, reactive, ref } from 'vue';
+
+import {
+  BusinessFilterBar,
+  IconActionGroup,
+  IconButton,
+  Table,
+  useTable,
+} from '@udp/component-ui';
+
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+import { deleteFileInfo, getFileLink, getFileInfoPage } from '../../../api/file-info';
+import { getRequestClient } from '../../../api/request';
+import { copyToClipboard } from '../../../utils/file';
+import { UdpFilePreview } from '@udp/ui';
+import FileUploadDialog from './components/FileUploadDialog.vue';
+import { MainContainer } from '../../../components/main-container';
+
+/** 通过 requestClient 获取鉴权文件流，返回 blob URL */
+const fetchPreviewBlob = async (url: string) => {
+  const res = await getRequestClient().get(url, {
+    responseType: 'blob',
+    responseReturn: 'raw',
+  });
+  return URL.createObjectURL(res.data);
+};
+
+// 表格引用
+const tableRef = ref<InstanceType<typeof Table>>();
+
+// 搜索配置
+const searchParams = ref({});
+const filterItems: BusinessFilterItem[] = [
+  {
+    prop: 'fileUrl',
+    type: 'input',
+    width: 240,
+    placeholder: '请输入文件路径',
+  },
+  {
+    prop: 'fileType',
+    label: '文件类型',
+    type: 'input',
+    placeholder: '请输入文件类型，如 image/jpeg',
+  },
+  {
+    prop: 'createTimeRange',
+    label: '创建时间',
+    type: 'daterange',
+    width: 360,
+    props: {
+      type: 'datetimerange',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+    placeholder: '请选择时间范围',
+  },
+];
+
+// 表格列配置
+const columns = reactive<TableColumn[]>([
+  {
+    prop: 'fileName',
+    label: '文件名',
+    minWidth: 180,
+  },
+  {
+    prop: 'filePath',
+    label: '文件路径',
+    minWidth: 180,
+    showOverflowTooltip: true,
+  },
+  {
+    prop: 'fileSize',
+    label: '文件大小',
+    minWidth: 120,
+    render: ({ row }: { row: FileInfo }) => {
+      // 后端 fileSize 返回格式化字符串（如 "2.60 MB"）或 null
+      if (row.fileSize) {
+        return h('span', {}, row.fileSize);
+      }
+      return h('span', { class: 'text-gray-400' }, '-');
+    },
+  },
+  {
+    prop: 'fileType',
+    label: '文件类型',
+    minWidth: 150,
+    showOverflowTooltip: true,
+  },
+  {
+    prop: 'storageType',
+    label: '存储类型',
+    minWidth: 120,
+  },
+  {
+    prop: 'previewUrl',
+    label: '文件内容',
+    minWidth: 80,
+    render: ({ row }: { row: FileInfo }) => {
+      if (row.id) {
+        const ext = row.fileName?.split('.').pop()?.toLowerCase() || '';
+        return h(UdpFilePreview, {
+          fileInfo: {
+            id: row.id,
+            fileUrl: row.previewUrl || row.url,
+            filePath: row.filePath,
+            fileName: row.fileName,
+            fileType: ext,
+            storageType: row.storageType as any,
+          },
+          requestFn: fetchPreviewBlob,
+          lazy: true,
+          width: 60,
+          height: 60,
+        });
+      }
+      return h('span', { class: 'text-gray-400' }, '-');
+    },
+  },
+  {
+    prop: 'createTime',
+    label: '上传时间',
+    width: 180,
+  },
+]);
+
+const cardOptions = ref({
+  title: 'fileName',
+  icon: {
+    name: 'mdi:file-document-outline',
+    backgroundColor: 'var(--el-color-primary-light-9)',
+    color: 'var(--el-color-primary)',
+  },
+  columns: [
+    {
+      prop: 'filePath',
+      label: '文件路径',
+      className: 'w-full truncate',
+    },
+    {
+      prop: 'fileType',
+      label: '文件类型',
+      className: 'w-full truncate',
+    },
+    {
+      prop: 'fileSize',
+      label: '文件大小',
+      className: 'w-full',
+      render: ({ row }: { row: FileInfo }) =>
+        h('span', {}, row.fileSize || '-'),
+    },
+    {
+      prop: 'createTime',
+      label: '上传时间',
+      className: 'w-full',
+    },
+  ],
+  badge: {
+    prop: 'storageType',
+    label: '存储类型',
+    render: ({ row }: { row: FileInfo }) =>
+      h(
+        'div',
+        {
+          class:
+            'h-full w-full rounded-es-[calc(var(--radius)+6px)] rounded-se-[calc(var(--radius)+6px)] bg-blue-50 px-3 py-1 text-xs text-blue-600',
+        },
+        row.storageType || '-',
+      ),
+  },
+  showActions: true,
+});
+
+// 配置 API
+const api = {
+  list: (params: any) => {
+    const { createTimeRange, ...rest } = params.model || {};
+    const pageParam = {
+      model: {
+        ...rest,
+        ...(createTimeRange?.[0]
+          ? { createTimeStart: createTimeRange[0] }
+          : {}),
+        ...(createTimeRange?.[1] ? { createTimeEnd: createTimeRange[1] } : {}),
+      },
+      current: params.current,
+      size: params.size,
+    };
+    return getFileInfoPage(pageParam);
+  },
+  delete: (id: string) => deleteFileInfo(id),
+};
+
+// 使用 Hook
+const {
+  loading,
+  data,
+  pagination,
+  refresh,
+  reset,
+  search,
+  deleteRow,
+  handleSizeChange,
+  handleCurrentPageChange,
+} = useTable({
+  api,
+});
+
+// 操作列按钮
+const actionBtns: IconActionItem[] = [
+  {
+    key: 'copy',
+    label: '复制链接',
+    icon: 'mdi:content-copy',
+    onClick: (row: any) => handleCopyLink(row as FileInfo),
+  },
+  {
+    key: 'delete',
+    label: '删除',
+    icon: 'hx-line-built-in:delete-bin-6-line',
+    type: 'danger',
+    onClick: (row: any) => handleDelete(row as FileInfo),
+  },
+];
+
+// 上传弹窗
+const uploadDialogVisible = ref(false);
+
+/**
+ * 打开上传弹窗
+ */
+const handleOpenUpload = () => {
+  uploadDialogVisible.value = true;
+};
+
+/**
+ * 上传成功回调
+ */
+const handleUploadSuccess = () => {
+  refresh();
+};
+
+/**
+ * 复制链接 - 调用后端 getLink 接口获取签名 URL
+ */
+const handleCopyLink = async (row: FileInfo) => {
+  try {
+    const link = await getFileLink(row.id);
+    const success = await copyToClipboard(link);
+    if (success) {
+      ElMessage.success('复制成功');
+    } else {
+      ElMessage.error('复制失败，请重试');
+    }
+  } catch (error) {
+    console.error('复制失败:', error);
+    ElMessage.error('复制失败，请重试');
+  }
+};
+
+/**
+ * 删除单个文件
+ */
+const handleDelete = async (row: FileInfo) => {
+  try {
+    await ElMessageBox.confirm(
+      `确定要删除文件「${row.fileName}」吗？`,
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    );
+    await deleteRow(row, false);
+  } catch (error) {
+    if (error !== 'cancel') {
+      console.error('删除失败:', error);
+    }
+  }
+};
+
+const handleFilterSearch = (params: Record<string, any>) => {
+  search(params);
+};
+
+const handleFilterReset = () => {
+  reset();
+};
+</script>
+
+<template>
+  <MainContainer>
+    <div class="bg-background flex h-full w-full flex-col overflow-hidden">
+      <BusinessFilterBar
+        v-model="searchParams"
+        :items="filterItems"
+        :loading="loading"
+        @search="handleFilterSearch"
+        @reset="handleFilterReset"
+      />
+
+      <Table
+        ref="tableRef"
+        :data="data"
+        :columns="columns"
+        :card-options="cardOptions"
+        :loading="loading"
+        :pagination="pagination"
+        show-toolbar
+        show-top-actions
+        show-pagination
+        show-action
+        action-width="84px"
+        @refresh="refresh"
+        @size-change="handleSizeChange"
+        @current-page-change="handleCurrentPageChange"
+      >
+        <template #top-actions>
+          <div class="flex flex-wrap items-center gap-2">
+            <IconButton
+              type="primary"
+              icon-type="add"
+              @click="handleOpenUpload"
+            >
+              上传文件
+            </IconButton>
+          </div>
+        </template>
+        <template #action="{ row }">
+          <IconActionGroup :actions="actionBtns" :row="row" />
+        </template>
+        <template #card-actions="{ row }">
+          <IconActionGroup :actions="actionBtns" :row="row" />
+        </template>
+      </Table>
+    </div>
+
+    <!-- 上传文件弹窗 -->
+    <FileUploadDialog
+      v-model="uploadDialogVisible"
+      @success="handleUploadSuccess"
+    />
+  </MainContainer>
+</template>
+
+<style scoped lang="scss"></style>

package/dist/views/file/file-list/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/home/index.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/home/index.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { usePreferences } from '@udp/preferences';
+import { useSystemStore } from '@udp/stores';
+
+const { isDark } = usePreferences();
+const systemStore = useSystemStore();
+</script>
+
+<template>
+  <div
+    class="bg-background relative h-full w-full rounded-[var(--radius)] bg-cover bg-center p-5"
+  >
+    <img
+      v-if="isDark"
+      class="absolute left-0 top-0 h-full w-full object-cover object-right"
+      src="../../assets/imgs/home-bg-dark.jpg"
+      alt="首页背景图"
+    />
+    <img
+      v-else
+      class="absolute left-0 top-0 h-full w-full object-cover object-right"
+      src="../../assets/imgs/home-bg.png"
+      alt="首页背景图"
+    />
+    <div class="absolute bottom-1/2 pl-10">
+      <!-- fjl modify 去掉默认文案 -->
+      <div class="text-foreground mb-8 text-[60px] font-bold leading-[60px]">
+        {{ systemStore.systemName }}
+      </div>
+      <div class="text-muted-foreground text-[20px] leading-[20px] tracking-[0.5em]">
+        数据慧治 | 业务共治 | 服务惠民
+      </div>
+    </div>
+  </div>
+</template>

package/dist/views/home/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/login/components/login-form.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    currentLayout: string;
+    templateInfo?: any;
+    portalConfig?: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;