@yqg/permission 1.2.0 → 1.3.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yqg/permission",
-    "version": "1.2.0",
+    "version": "1.3.0-alpha.0",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "type": "module",
@@ -11,7 +11,10 @@
     "scripts": {
         "build": "vue-tsc -b && vite build",
         "dev": "vite",
-        "preview": "vite preview"
+        "preview": "vite preview",
+        "demo:build": "vue-tsc -b && STAGE=test vite build",
+        "prod:build": "vue-tsc -b && STAGE=prod vite build"
+
     },
     "devDependencies": {
         "@ant-design/icons-vue": "^7.0.1",
@@ -29,6 +32,13 @@
         "vite": "^5.4.9",
         "vite-plugin-css-injected-by-js": "^3.5.2",
         "vue": "^3.5.12",
-        "vue-tsc": "^2.1.8"
+        "vue-tsc": "^2.1.8",
+        "@alicloud/cdn20180510": "3.1.2",
+        "@alicloud/openapi-client": "0.4.12",
+        "@originjs/vite-plugin-commonjs": "1.0.3",
+        "@yqg/max-utils": "^1.0.2",
+        "ali-oss": "6.17.1",
+        "chalk": "5.3.0",
+        "ora": "5.4.1"
     }
 }

package/plugins/alioss.ts

@@ -0,0 +1,237 @@
+// vite-plugin-alioss.ts
+import { PluginOption, UserConfig, ResolvedConfig } from 'vite';
+import CdnClient, {
+  PushObjectCacheRequest,
+  RefreshObjectCachesRequest,
+} from '@alicloud/cdn20180510';
+import { Config } from '@alicloud/openapi-client';
+import OSS from 'ali-oss';
+import { join } from 'path';
+import { URL } from 'url';
+import { lodash as _, logger, ora } from '@yqg/max-utils';
+import chalk from 'chalk';
+
+type AliOSSConfig = {
+  cdnDir: string;
+  htmlDir?: string;
+  cdnRetry?: boolean;
+};
+
+export default function viteAliossPlugin(options: AliOSSConfig): PluginOption {
+  let viteConfig: ResolvedConfig;
+  let filterFields: string[] = [];
+  const aliyunBucketMap = Object.fromEntries(
+    Object.entries({
+      feat: [
+        'fintopia-web',
+        'https://static-ali.yangqianguan.com',
+        'oss-cn-beijing',
+      ],
+      prod: [
+        'fintopia-web',
+        'https://static-ali.yangqianguan.com',
+        'oss-cn-beijing',
+      ],
+      test: [
+        'fintopia-web-test',
+        'https://static-ali-test.yangqianguan.com',
+        'oss-cn-beijing',
+      ],
+    }).map(([stage, [name, origin, region, endpoint]]) => [
+      stage,
+      { name, origin, region, endpoint },
+    ]),
+  );
+
+  return {
+    name: 'vite-plugin-alioss',
+    enforce: 'post',
+    apply: "build",
+    // 配置解析钩子
+    config() {
+      const STAGE = process.env.STAGE as 'test' | 'prod';
+      if (!STAGE) {
+        console.warn(chalk.yellow('缺少环境变量 STAGE，将跳过阿里云 CDN 上传'));
+        return;
+      }
+
+      // 设置 publicPath
+      const bucket = aliyunBucketMap[STAGE];
+      if (bucket && options?.cdnDir) {
+        return {
+          base: `${bucket.origin}/${options.cdnDir}`
+        } as UserConfig;
+      }
+    },
+
+    // 获取解析后的 Vite 配置
+    configResolved(config) {
+      viteConfig = config;
+    },
+
+    generateBundle(_, bundle) {
+      // 会多次执行
+      if(_.format === 'umd') {
+        filterFields = Object.keys(bundle);
+      }
+    },
+
+    // 构建完成钩子
+    async closeBundle() {
+      const STAGE = process.env.STAGE as 'test' | 'prod';
+      if (!STAGE || options?.cdnRetry) {
+        console.log(chalk.yellow('跳过阿里云 CDN 上传'));
+        return;
+      }
+
+      const { cdnDir } = options || {
+        cdnDir: '',
+      };
+
+      if (cdnDir) {
+        if (cdnDir.startsWith('/')) {
+          console.log(chalk.yellow('cdnDir禁止以/开头'));
+          process.exit(1);
+        }
+        if (!cdnDir.endsWith('/')) {
+          console.log(chalk.yellow('cdnDir必须以/结尾'));
+          process.exit(1);
+        }
+      }
+
+      const aliyunAccessKeyId =
+        process.env.aliyunAccessKeyId || 'LTAI5tLcBNEBRLkfak9nRA1M';
+      const aliyunAccessKeySecret =
+        process.env.aliyunAccessKeySecret || 'wxIkk2dd56IsibD6bBCeEma7QFqdi1';
+
+      // 初始化 OSS 客户端
+      const aliyunBucket = aliyunBucketMap[STAGE];
+      if (!aliyunBucket) {
+        console.log(chalk.yellow(
+          `阿里云Bucket配置不存在, 当前环境是${STAGE} 目前支持的stage有: ${Object.keys(
+            aliyunBucketMap,
+          ).join(', ')}`,
+        ));
+        process.exit(1);
+      }
+      const { region, origin: cdnOrigin, endpoint } = aliyunBucket;
+
+      const aliossConfig = {
+        region,
+        accessKeyId: aliyunAccessKeyId,
+        accessKeySecret: aliyunAccessKeySecret,
+        bucket: aliyunBucket.name,
+        secure: true,
+        timeout: 1800000,
+        endpoint,
+      };
+
+      const outDir = viteConfig.build.outDir;
+      console.log(outDir, 'OutDir');
+      const outputPath = join(process.cwd(), outDir);
+      const maxRetries = 3;
+
+      logger.info('alioss', '开始上传cdn资源', '🚀');
+      const putBatchSize = 50;
+      const fileChunks = _.chunk(filterFields, putBatchSize);
+      logger.info(`上传配置信息: ${JSON.stringify(aliossConfig, null, 2)}`);
+      logger.info(`上传文件数量: ${filterFields.length}`);
+      logger.info(`上传文件分批数量: ${fileChunks.length}`);
+      logger.info(`上传文件分批大小: ${putBatchSize}`);
+      logger.info(`上传文件最大重试次数: ${maxRetries}`);
+
+      const spinner = ora({
+        prefixText: 'alioss.upload',
+        spinner: 'aesthetic',
+      }).start('开始上传cdn资源');
+
+      async function uploadFileWithRetry(
+        client,
+        filename,
+        retries = maxRetries,
+      ) {
+        const key = join(cdnDir, filename);
+        const localFile = join(outputPath, filename);
+        console.log(localFile, "localFile");
+
+        for (let attempt = 1; attempt <= retries; attempt++) {
+          const attemptText = attempt === 1 ? '' : ` (重试 ${attempt})`;
+          try {
+            logger.info(`上传中 ${filename} ${attemptText}...`);
+            await client.put(key, localFile);
+            logger.info(`上传完成 ${filename} ${attemptText}`);
+            return;
+          } catch (error) {
+            logger.info(`上传失败 ${filename} ${attemptText}`);
+            if (attempt === retries) {
+              logger.error(`最大重试次数后阿里云上传失败 ${filename}`);
+              process.exit(1);
+            }
+            logger.info(`重试上传 ${filename} ${attemptText}...`);
+          }
+        }
+      }
+
+      for (const key in fileChunks) {
+        if (Object.prototype.hasOwnProperty.call(fileChunks, key)) {
+          const chunk = fileChunks[key];
+          spinner.info(
+            `第${+key + 1}/${fileChunks.length}批上传 - ${chunk.length} 个文件`,
+          );
+          const client = new OSS(aliossConfig);
+
+          await Promise.all(
+            chunk.map((filename) => uploadFileWithRetry(client, filename)),
+          );
+          spinner.info(`第${+key + 1}/${fileChunks.length}批上传完成`);
+        }
+      }
+
+      spinner.succeed('上传cdn资源完成');
+      const cdnClient = new CdnClient.default(new Config({
+        accessKeyId: aliyunAccessKeyId,
+        accessKeySecret: aliyunAccessKeySecret,
+        regionId: region,
+      }));
+  
+      const validAssetUrls = filterFields.map(
+        (filename: string) => `${cdnOrigin}/${cdnDir}${filename}`,
+      );
+      const cdnHostname = new URL(cdnOrigin).hostname;
+      const batchSize = 100;
+      let start = 0;
+      while (start < validAssetUrls.length) {
+        const cdnUrls = validAssetUrls.slice(start, start + batchSize);
+
+        const cdnUrlPaths = cdnUrls.map((assetPath) =>
+          join(cdnHostname, cdnDir, assetPath),
+        );
+        const objectPath = cdnUrlPaths.join('\n');
+        // refresh
+        const refreshReq = new RefreshObjectCachesRequest({ objectPath });
+        logger.info('开始刷新cdn缓存');
+        try {
+          await cdnClient.refreshObjectCaches(refreshReq);
+          logger.info('刷新cdn缓存成功');
+        } catch (err) {
+          logger.error('刷新cdn缓存失败', err);
+          throw err;
+        }
+
+        const request = new PushObjectCacheRequest({ objectPath });
+        logger.info('开始推送cdn缓存');
+        try {
+          await cdnClient.pushObjectCache(request);
+          logger.info('推送cdn缓存成功');
+        } catch (err) {
+          logger.error('推送cdn缓存失败', err);
+        }
+
+        start += batchSize;
+
+        // 输出刷新后cdn地址
+        logger.info('刷新后cdn地址', cdnUrls);
+      }
+    },
+  };
+}

package/src/App.vue

@@ -9,14 +9,13 @@ const color = ref<string>('#1677ff');
 const locale = ref<LocaleType>('zh-CN');
 
 const permissions = reactive([
-	'CRANE.ROLE.QUERY',
-    'CRANE.ROLE.CREATE',
-    'CRANE.ROLE.UPDATE',
-    'CRANE.ROLE.DELETE',
-    'CRANE.ROLE.PERMISSION_ASSIGN',
-    'CRANE.ROLE.EMPLOYEE_ASSIGN',
-    'CRANE.ROLE.DETAIL_QUERY',
-    'CRANE.ROLE.EXPORT'
+	'test222.testlyt2',
+	'test222.testplyt',
+	'test222.tstplyt3',
+	'test222.tstplyt4',
+	'test222.tstplyt5',
+	'test222.wjkwd13',
+	'test222.YEWEITEST.query01',
 ]);
 // const permissions = reactive(['CRANE.BUSINESS.QUERY', 'RANE.BUSINESS.CREATE', 'CRANE.BUSINESS.UPDATE', 'CRANE.BUSINESS.DELETE']);
 const changeColor = () => {

package/src/axios/index.ts

@@ -3,7 +3,7 @@ import axios from './axios';
 const urlPrefix = '/crane';
 
 type apiType = {
-	[key in string]: (params: any) => Promise<{body: any}>
+	[key in string]: (params?: any) => Promise<{body: any}>
 }
 
 export default {
@@ -12,4 +12,9 @@ export default {
 	getFlowPreview: (params: any)=> axios.post(`${urlPrefix}/permission/apply/oa/flow/submit/preview`, params),
 
 	submitApply: (params: any) => axios.post(`${urlPrefix}/permission/apply/oa/flow/submit`, params),
+
+	getCategoryValues: (id: any) => axios.get(`${urlPrefix}/permission/apply/attribute/v3/${id}`),
+
+	getValidTimeOptions: () => axios.get(`${urlPrefix}/permission/apply/enums/ValidTime`),
+
 } as apiType