cnhis-design-vue 3.1.7-beta.3 → 3.1.8-beta.2

package/es/src/core/create2.mjs

@@ -1,7 +1,7 @@
-import { KEY_COMPONENT_NAME } from '../global/variable2.mjs';
+import { COMPONENT_NAMESPACE } from '../global/variable2.mjs';
 
 function create(vm) {
-  vm.name = KEY_COMPONENT_NAME + (vm.name || "");
+  vm.name = COMPONENT_NAMESPACE + (vm.name || "");
   return vm;
 }
 

package/es/src/global/variable.d.ts

@@ -1,2 +1,2 @@
-export declare const KEY_COMPONENT_NAME = "C";
+export declare const COMPONENT_NAMESPACE = "C";
 export declare const GROUP_TITLE_KEY = "group-show-title";

package/es/src/global/variable.mjs

@@ -1 +1 @@
-export { GROUP_TITLE_KEY, KEY_COMPONENT_NAME } from './variable2.mjs';
+export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY } from './variable2.mjs';

package/es/src/global/variable2.mjs

@@ -1,4 +1,4 @@
-const KEY_COMPONENT_NAME = "C";
+const COMPONENT_NAMESPACE = "C";
 const GROUP_TITLE_KEY = "group-show-title";
 
-export { GROUP_TITLE_KEY, KEY_COMPONENT_NAME };
+export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY };

package/es/src/utils/index.d.ts

@@ -1,3 +1,2 @@
 import { App, Component } from 'vue';
 export declare function safeComponentRegister(app: App, component: Component, cName?: string | undefined, scheduler?: () => void): void;
-export declare function getComponentName(component: Component): any;

package/es/src/utils/index.mjs

@@ -1 +1 @@
-export { getComponentName, safeComponentRegister } from './index2.mjs';
+export { safeComponentRegister } from './index2.mjs';

package/es/src/utils/index2.mjs

@@ -3,7 +3,6 @@ function safeComponentRegister(app, component, cName = component.name, scheduler
     throw new Error(`[CUI]: invalid component name for ${component}`);
   const { components = {} } = app._context;
   if (components[cName]) {
-    console.warn(`[CUI]: You are trying to register a component named ${cName} multiple times`);
     return;
   }
   if (scheduler) {
@@ -12,8 +11,5 @@ function safeComponentRegister(app, component, cName = component.name, scheduler
     app.component(cName, component);
   }
 }
-function getComponentName(component) {
-  return component.name || Reflect.get(component, "__name");
-}
 
-export { getComponentName, safeComponentRegister };
+export { safeComponentRegister };

package/memory-log.ts

@@ -0,0 +1,62 @@
+const enum Level {
+  NORMAL,
+  WARNING,
+  DANGER
+}
+
+export function memoryLog(duration: number = 3_000) {
+  const _global = global as any;
+  clearInterval(_global.$__timer);
+
+  _global.$__timer = setInterval(walk, duration);
+
+  const lock = new Map<Level, number>();
+
+  function walk() {
+    const memory = process.memoryUsage();
+
+    const level = levelFor(memory);
+
+    const levelLock = lock.get(level);
+
+    if (levelLock) {
+      lock.set(level, levelLock - 1);
+      return;
+    }
+    switch (level) {
+      case Level.NORMAL:
+        console.info(`INFO: 堆内存总量为:${ unitFormatter(memory.heapTotal) }, 已使用: ${ unitFormatter(memory.heapUsed) }, 占比${ percentageFor(memory) }%`);
+        // 清除所有🔒
+        lock.clear();
+        // 普通状态下每3轮log一次
+        lock.set(level, 2);
+        break;
+      case Level.WARNING:
+        console.warn(`WARNING: 堆内存总量为:${ unitFormatter(memory.heapTotal) }, 已使用: ${ unitFormatter(memory.heapUsed) }, 占比${ percentageFor(memory) }%`);
+        // 清除所有🔒
+        lock.clear();
+        // 警告状态下每2轮log一次
+        lock.set(level, 1);
+        break;
+      case Level.DANGER:
+        console.error(`DANGER: 堆内存总量为:${ unitFormatter(memory.heapTotal) }, 已使用: ${ unitFormatter(memory.heapUsed) }, 占比${ percentageFor(memory) }%`);
+        // 清除所有🔒
+        lock.clear();
+        // 危险状态下每1轮log一次
+        lock.set(level, 0);
+        break;
+    }
+  }
+
+  function levelFor(memory: NodeJS.MemoryUsage) {
+    return +percentageFor(memory) > 90 ? Level.DANGER : +percentageFor(memory) > 70 ? Level.WARNING : Level.NORMAL;
+  }
+
+  function percentageFor({ heapUsed, heapTotal }: NodeJS.MemoryUsage) {
+    return (heapUsed / heapTotal * 100).toFixed(2);
+  }
+
+  function unitFormatter(kb: number) {
+    return (kb / 1024 / 1024).toFixed(0) + 'Mb';
+  }
+}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.1.7-beta.3",
+  "version": "3.1.8-beta.2",
+  "license": "ISC",
   "module": "es/packages/index.mjs",
   "main": "es/packages/index.mjs",
   "types": "es/packages/index.d.ts",
@@ -10,11 +11,18 @@
     "es/packages/*(.css,.less)"
   ],
   "scripts": {
-    "dev": "node --max-old-space-size=8192 node_modules/vite/bin/vite.js --host --port 3200",
+    "dev": "vite --host --port 3200",
     "start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
     "build": "npm run start",
+    "build:doc": "cross-env CUI_DOCS=true vite build",
+    "build:doc-local": "vite build",
+    "test": "vitest spec",
+    "test:resnap": "vitest spec -u",
+    "test:coverage": "vitest run --coverage",
     "preview": "vite preview",
-    "release": "standard-version"
+    "release": "standard-version",
+    "deploy": "sh sync.sh",
+    "deploy-w": "sh sync-w.sh"
   },
   "peerDependencies": {
     "naive-ui": "^2.29.0",
@@ -81,18 +89,19 @@
     "bpmn-js": "^9.2.2",
     "chalk": "^5.0.1",
     "consola": "^2.15.3",
+    "cross-env": "^7.0.3",
     "cssnano": "^5.1.7",
     "esbuild": "^0.14.42",
     "eslint": "^8.10.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.5.0",
-    "fast-glob": "^3.2.11",
     "gulp": "^4.0.2",
     "gulp-cssimport": "^7.0.0",
     "gulp-less": "^5.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-replace": "^1.1.3",
     "gulp-util": "^3.0.8",
+    "heapdump": "^0.3.15",
     "less": "^4.1.2",
     "markdown-it": "^13.0.1",
     "postcss": "^8.4.14",
@@ -108,11 +117,9 @@
     "standard-version": "^9.3.2",
     "ts-morph": "^15.1.0",
     "typescript": "4.6.4",
-    "unocss": "^0.41.1",
     "vite": "^2.9.9",
-    "vite-plugin-markdown": "^2.0.2",
-    "vue-tsc": "^0.29.8",
-    "xe-css": "^1.2.3"
+    "vitest": "^0.16.0",
+    "vue-tsc": "^0.29.8"
   },
   "browserslist": [
     "defaults",

package/sync-w.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+yarn build:doc
+
+passwd='Healthone2021@.'
+
+mv ./dist ./v3
+
+ssh root@120.25.59.85 "rm -rf /mnt/html/v3/"
+
+scp -r ./v3 root@120.25.59.85:/mnt/html/
+
+rm -rf v3
+

package/md-plugin.ts

@@ -1,201 +0,0 @@
-import MarkdownIt from 'markdown-it';
-import { parse, compileScript, compileTemplate, SFCDescriptor } from '@vue/compiler-sfc';
-import { PluginOption } from 'vite';
-import fs from 'fs';
-import { resolve } from 'path';
-import hljs from 'highlight.js';
-
-type ComponentInfo = {
-	alias: string;
-	path: string;
-	title?: string;
-	description?: string;
-	code: string;
-};
-
-const demoMatcher = /(::: demo\s*([^]+?)\s:::)/g;
-const tipMatcher = /(::: tip\s*(\S*)([^]+?)\s:::)/g;
-const getVueImportMatcher = (flags?: string) =>
-	new RegExp('([\\\\/.a-zA-Z-_\\d]+\\.vue)(\\[.+?])?(\\{.+?})?', flags);
-
-const isMdExtension = (id: string) => /\.md$/.test(id);
-
-function highlight(str: string, lang = 'html') {
-	if (lang && hljs.getLanguage(lang)) {
-		try {
-			return (
-				'<pre><code class="hljs">' +
-				hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
-				'</code></pre>'
-			);
-		} catch (e) {
-			console.warn(e);
-			return '';
-		}
-	}
-	return '';
-}
-
-const md2html = MarkdownIt({ highlight });
-
-function escape(code: string) {
-	return code
-		.replace(/<script/g, '\\<script')
-		.replace(/<\/script/g, '\\<\\/script')
-		.replace(/`/g, '\\`')
-		.replace(/\t/g, '  ');
-}
-
-function transformMd2Html(md: string) {
-	return md2html.render(md);
-}
-
-function parseDemo(html: string, id: string) {
-	let totalIndex = 0;
-	const resultComponents: ComponentInfo[] = [];
-
-	const resultCode = html.replace(demoMatcher, (_, wrapper, innerContent) => {
-		if (!wrapper || !innerContent) return '';
-
-		const vueDemos: string[] = innerContent.match(getVueImportMatcher('g')) || [];
-		const componentList = vueDemos.map(pathAndInfo => createComponentInfo(pathAndInfo));
-		resultComponents.push(...componentList);
-
-		return componentList.reduce((fin, cur) => {
-			return fin + generateTemplateString(cur, cur.alias);
-		}, '');
-	});
-
-	return { code: resultCode, components: resultComponents };
-
-	function generateTemplateString(info: ComponentInfo, alias: string) {
-		return `<demo-collapse>
-            ${generateTitleString(info)}
-            ${generateDescriptionString(info)}
-           <template #source>
-              <highlightjs :code="code__${alias}" /> 
-           </template>
-           <${info.alias}/>
-         </demo-collapse>\n`;
-	}
-
-	function generateTitleString(info: ComponentInfo) {
-		return info.title ? `<template #title>${info.title.replace(/[\[\]]/g, '')}</template>` : '';
-	}
-
-	function generateDescriptionString(info: ComponentInfo) {
-		return info.description
-			? `<template #description>${info.description.replace(/[{}]/g, '')}</template>`
-			: '';
-	}
-
-	function createComponentInfo(pathAndInfo: string): ComponentInfo {
-		const [_, path, title, description] = pathAndInfo.match(getVueImportMatcher()) || [];
-		return {
-			alias: `Component${totalIndex++}`,
-			title,
-			description,
-			path: resolveIdPath(path),
-			code: getCodeFromPath(path)
-		};
-	}
-
-	function getCodeFromPath(path: string) {
-		return escape(fs.readFileSync(resolveIdPath(path), 'utf-8'));
-	}
-
-	function resolveIdPath(path: string) {
-		return resolve(id, '..', path).replace(/\\/g, '/');
-	}
-}
-
-function parseTip(html: string) {
-	return html.replace(tipMatcher, (_, __, type, content) => {
-		return `<n-alert type="${type}">${content}</n-alert>`;
-	});
-}
-
-function parseMarkdown(md: string, id: string) {
-	const html = transformMd2Html(md);
-	const res = parseDemo(html, id);
-	const code = parseTip(res.code);
-	return { code, components: res.components };
-}
-
-function transformMd2VueComponent(src: string, id: string) {
-	const { code, components } = parseMarkdown(src, id);
-	const { descriptor } = parse(generateSourceCode());
-
-	return combine(getTemplateCode(descriptor), getScriptCode(descriptor));
-
-	function generateSourceCode() {
-		return `
-<template>
-  <div class='markdown'>
-   <anchor-list>
-     ${code}
-   </anchor-list>
-  </div>
-</template>
-<script>
-${generateImports()}
-const __script={
-  components:{${generateComponents()}},
-  setup(){
-     ${generateVarDeclare()}
-     return {${generateSetupReturn()}}
-  }
-};
-export default __script;
-</script>
-`;
-	}
-
-	function getTemplateCode(descriptor: SFCDescriptor) {
-		return compileTemplate({
-			source: descriptor.template?.content ?? '',
-			id: '-1',
-			filename: 'index.vue'
-		}).code;
-	}
-
-	function getScriptCode(descriptor: SFCDescriptor) {
-		return compileScript(descriptor, { id: '-1' }).content;
-	}
-
-	function combine(template: string, script: string) {
-		return `${template}\n${script.replace(
-			'export default',
-			'__script.render=render;\nexport default'
-		)}`;
-	}
-
-	function generateImports() {
-		return components.map(({ alias, path }) => `import ${alias} from "${path}";\n`).join('');
-	}
-
-	function generateComponents() {
-		return components.map(({ alias }) => `${alias}`).join(',');
-	}
-
-	function generateVarDeclare() {
-		return components.map(({ code, alias }) => `const code__${alias} = \`${code}\`;\n`).join('');
-	}
-
-	function generateSetupReturn() {
-		return `${components.map(({ alias }) => `code__${alias}`).join(',')}`;
-	}
-}
-
-export function MDPlugin(): PluginOption {
-	return {
-		name: 'MDPlugin',
-		transform(src, id) {
-			if (isMdExtension(id)) {
-				return {
-					code: transformMd2VueComponent(src, id)
-				};
-			}
-		}
-	};
-}

package/uno.config.ts

@@ -1,22 +0,0 @@
-import presetAttributify from '@unocss/preset-attributify';
-import { XeCSSDefaultRules } from 'xe-css/dist/presets';
-import Unocss from 'unocss/vite';
-
-export const UnoConfig =  Unocss({
-  rules: XeCSSDefaultRules.concat([
-    [/^fw-(\d+)$/, ([ weight]) => {
-      return { 'font-weight': weight };
-    }]
-  ]).map(item => {
-    return [
-      new RegExp(`${ item[0].toString().replace(/^\/\^(.+)\/$/, '^$1') }`),
-      (args: any[]) => {
-        return item[1](args.slice(1));
-      }
-    ];
-  }),
-  presets: [presetAttributify({})],
-  shortcuts: {
-    'gray-border': 'bor-s-solid bor-w-1 bor-c-c5c5c5-20'
-  }
-})