cnhis-design-vue 3.1.6 → 3.1.7-beta.3

package/es/src/utils/vexutils.mjs

@@ -1 +1,3 @@
-export{formatReleaseTime,handleLabelColor}from"./vexutils2.mjs";export{default}from"xe-utils";export{default as moment}from"moment";
+export { formatReleaseTime, handleLabelColor } from './vexutils2.mjs';
+export { default } from 'xe-utils';
+export { default as moment } from 'moment';

package/es/src/utils/vexutils2.mjs

@@ -1 +1,80 @@
-import XEUtils from"xe-utils";export{default}from"xe-utils";import moment from"moment";export{default as moment}from"moment";const _toString=Object.prototype.toString,com={parseCondition:function(e,t,r){if(e&&e.length>0&&t&&t.table)for(let i=0;i<e.length;i++){let l=e[i];if(l&&l.field_key&&l.con){let e=t.table[l.field_key],i=XEUtils.getFieldByKey(l.field_key,r);if(!i||!e&&"0"!==String(e))return!1;if(!XEUtils.getConnection(l,e,i))return!1}}return!0},getFieldByKey:function(e,t){if(t&&t.length>0)for(let r=0;r<t.length;r++){let i=t[r];if(i.columnName==e)return i}},getConnection:function(e,t,r){let i=e.con,l=e.value;if("NULL"==i){if(t)return!1}else if("NOT_NULL"==i&&!t)return!1;if("TEXT"==r.fieldType){if("CL"==i){if(-1==t.indexOf(l))return!1}else if("NC"==i){if(-1!=t.indexOf(l))return!1}else if("EQ"==i||"QUOTE"==i){if(-1!=l.indexOf("|#|")){for(let e in l.split("|#|"))if(-1==t.indexOf(e))return!1}else if(t!=l)return!1}else if("NEQ"==i&&t==l)return!1}else if("NUMBER"==r.fieldType){if(!XEUtils.isNumber(t))return!1;if("EQ"==i||"QUOTE"==i){if(XEUtils.isNumber(l)){if(1*t!=1*l)return!1}else if(!XEUtils.getBetween(l,"number",t))return!1}else if("NEQ"==i){if(XEUtils.isNumber(l)&&1*t==1*l)return!1}else if("BIG"==i){if(XEUtils.isNumber(l)&&1*t<=1*l)return!1}else if("LESS"==i&&XEUtils.isNumber(l)&&1*t>=1*l)return!1}else if("TODAY"==i||"TOMORROW"==i||"YESTERDAY"==i||"THIS_WEEK"==i||"NEXT_WEEK"==i||"UP_WEEK"==i||"THIS_MONTH"==i||"NEXT_MONTH"==i||"UP_MONTH"==i||"THIS_SEASON"==i||"NEXT_SEASON"==i||"UP_SEASON"==i||"THIS_YEAR"==i||"NEXT_YEAR"==i||"UP_YEAR"==i){if(!XEUtils.isDate(t))return!1;{let e,r,l=new Date,a=864e5,n=XEUtils.convertDate(t),s=XEUtils.toDateString(l,"yyyy-MM-dd");if("TODAY"==i)e=XEUtils.convertDate(s+" 00:00:00"),r=XEUtils.convertDate(s+" 23:59:59");else if("TOMORROW"==i){let t=XEUtils.addDate(l,1,"D").format("yyyy-MM-dd");e=XEUtils.convertDate(t+" 00:00:00"),r=XEUtils.convertDate(t+" 23:59:59")}else if("YESTERDAY"==i){let t=XEUtils.addDate(l,-1,"D").format("yyyy-MM-dd");e=XEUtils.convertDate(t+" 00:00:00"),r=XEUtils.convertDate(t+" 23:59:59")}else if("THIS_WEEK"==i){let t=l.getDay()||7,i=l.getTime()-(t-1)*a,n=l.getTime()+(7-t)*a;e=new Date(i),r=new Date(n)}else if("NEXT_WEEK"==i){let t=XEUtils.addDate(l,1,"W"),i=t.getDay()||7,n=t.getTime()-(i-1)*a,s=t.getTime()+(7-i)*a;e=new Date(n),r=new Date(s)}else if("UP_WEEK"==i){let t=XEUtils.addDate(l,-1,"W"),i=t.getDay()||7,n=t.getTime()-(i-1)*a,s=t.getTime()+(7-i)*a;e=new Date(n),r=new Date(s)}else if("THIS_MONTH"==i){let t=new Date;t.setDate(1),e=t,r=XEUtils.addDate(t,1,"M")}else if("NEXT_MONTH"==i){let t=new Date;t.setDate(1),e=XEUtils.addDate(t,1,"M"),r=XEUtils.addDate(t,2,"M")}else if("UP_MONTH"==i){let t=new Date;t.setDate(1),e=XEUtils.addDate(t,-1,"M"),r=t}else if("THIS_SEASON"==i)e=XEUtils.getCurSeasonFirstDay(),r=XEUtils.addDate(e,3,"M");else if("NEXT_SEASON"==i)e=XEUtils.addDate(XEUtils.getCurSeasonFirstDay(),3,"M"),r=XEUtils.addDate(e,3,"M");else if("UP_SEASON"==i)r=XEUtils.getCurSeasonFirstDay(),e=XEUtils.addDate(r,-3,"M");else if("THIS_YEAR"==i){let t=new Date;e=new Date(t.getFullYear()+"/01/01"),r=XEUtils.addDate(e,1,"Y")}else if("NEXT_YEAR"==i){let t=new Date;e=XEUtils.addDate(new Date(t.getFullYear()+"/01/01"),1,"Y"),r=XEUtils.addDate(e,1,"Y")}else if("UP_YEAR"==i){let t=new Date;r=new Date(t.getFullYear()+"/01/01"),e=XEUtils.addDate(r,-1,"Y")}if(e&&r&&!(e.getTime()<=n.getTime()&&n.getTime()<r.getTime()))return!1}}else if("L_"==i||"N_"==i||"IN_THE_PAST"==i||"IN_THE_FUTURE"==i||"IN_THE_PAST_DI"==i||"IN_THE_FUTURE_DI"==i){if(e.unit&&XEUtils.isNumber(l)){if(!XEUtils.isDate(t))return!1;{let r=XEUtils.convertDate(t),a=new Date,n=e.unit;if("DAY"==n||"WEEK"==n||"MONTH"==n||"QUARTER"==n||"YEAR"==n||"HOUR"==n){let e="D";"WEEK"==n?e="W":"MONTH"==n?e="M":"QUARTER"==n?e="Q":"YEAR"==n?e="Y":"HOUR"==n&&(e="H");let t=1*l;if("L_"==i){let i=XEUtils.addDate(new Date,-1*t,e);if(r.getTime()<i.getTime())return!1}else if("N_"==i){let i=XEUtils.addDate(new Date,t,e);if(r.getTime()>i.getTime())return!1}else if("IN_THE_PAST"==i){let i=r.getTime(),l=a.getTime();if(i<XEUtils.addDate(a,-1*t,e).getTime()||i>l)return!1}else if("IN_THE_FUTURE"==i){let i=r.getTime(),l=a.getTime(),n=XEUtils.addDate(a,t,e).getTime();if(i<l||i>n)return!1}else if("IN_THE_PAST_DI"==i||"IN_THE_FUTURE_DI"==i){let e=r.getTime(),l="IN_THE_FUTURE_DI"==i?"add":"subtract",{startTime:s,endTime:o}=XEUtils.addDiDate(a,t,n,l);if(e<s||e>o)return!1}}}}}else if("IN"==i&&XEUtils.isDate(t)){let r=XEUtils.convertDate(t);if(!l)if(e.start_val&&e.end_val){let t=e.start_val,i=e.end_val;if(!(t&&i&&XEUtils.isDate(t)&&XEUtils.isDate(i)))return!1;{let e=XEUtils.convertDate(t),l=XEUtils.convertDate(i);if(!(e.getTime()<=r.getTime()&&r.getTime()<l.getTime()))return!1}}else if(e.start_val){let t=e.start_val;if(!XEUtils.isDate(t))return!1;if(!(XEUtils.convertDate(t).getTime()<=r.getTime()))return!1}else if(e.end_val){let t=e.end_val;if(!XEUtils.isDate(t))return!1;{let e=XEUtils.convertDate(t);if(!(r.getTime()<e.getTime()))return!1}}}if("compare"==i)if("TEXT"==r.fieldType){if(-1!=l.indexOf("|#|")){for(let e in l.split("|#|"))if(-1==t.indexOf(e))return!1}else if(e.mk&&"like"==e.mk){if(-1==t.indexOf(l))return!1}else if(-1==t.indexOf(l))return!1}else if("NUMBER"==r.fieldType()){if(!XEUtils.isNumber(l)||!XEUtils.isNumber(t))return!1;if(1*t!=1*l)return!1}else if(t!=l)return!1;return!0},getBetween:function(e,t,r){if(e&&-1!=e.indexOf("~")&&2==e.split("~").length){let i=e.split("~")[0],l=e.split("~")[1];if("number"==t&&XEUtils.isNumber(i)&&XEUtils.isNumber(l))return 1*i<=1*r&&1*r<1*l}},convertDate:function(e){if(e)if(-1!=e.indexOf("-")){e=e=e.replace(/-/g,"/");try{return new Date(e)}catch(e){console.log(e)}}else try{return new Date(e)}catch(e){console.log(e)}},addDate:function(e,t,r){let i=e;if(["D","H","W"].includes(r)&&e&&XEUtils.isValidDate(e)&&(i=i.getTime()),"D"==r)return new Date(i+24*t*3600*1e3);if("W"==r)return new Date(i+7*t*24*3600*1e3);if("M"==r){let e=new Date(i);return e.setMonth(i.getMonth()+t),e}if("Q"==r){let e=new Date(i);return e.setMonth(i.getMonth()+3*t),e}if("Y"==r){let e=new Date(i);return e.setMonth(i.getMonth()+12*t),e}return"H"==r?new Date(i+3600*t*1e3):void 0},addDiDate:function(e,t,r="day",i){let l,a={},n=r.toLowerCase(),s=n+"s";return l="add"==i?moment(e).add(t,s):moment(e).subtract(t,s),a.startTime=l.startOf(n).valueOf(),a.endTime=l.endOf(n).valueOf(),a},getCurSeasonFirstDay:function(){let e=new Date,t=e.getFullYear(),r=e.getMonth()+1;return r>=1&&r<=3?new Date(t+"/01/01"):4<=r&&r<=6?new Date(t+"/04/01"):7<=r&&r<=9?new Date(t+"/07/01"):new Date(t+"/10/01")},isNumber:function(e){try{let t=1*e+100;if(t>0||t<0||0==t)return!0}catch(e){console.log(e)}return!1},isDate:function(e){return!(!isNaN(e)||isNaN(Date.parse(e)))}};function formatReleaseTime(e,t){if(t<0)return"";let r="";switch(e){case"DATE":r="yyyy-MM-dd";break;case"DATETIMENew":r="yyyy-MM-dd HH:mm";break;case"DATETIME":r="yyyy-MM-dd HH:mm:ss";break;case"TIME":r="HH:mm:ss"}return XEUtils.toDateString(t,r)}function handleLabelColor(e,t){var r;let i="#5585f5",l={blue:"#0000ff",sky:"#87ceeb",azure:"#f0ffff",palegreen:"#98fb98",yellow:"#ffff00",darkorange:"#ff8c00",magenta:"#ff00ff",purple:"#800080",maroon:"#800000",orange:"#ffa500",green:"#008000",red:"#ff0000",grey:"#808080"};if(null==(r=null==e?void 0:e.color)?void 0:r.includes("-")){i=l[e.color.split("-")[1]]||"#5585f5"}else i=e.color||"#5585f5";const a=XEUtils.hexToRGBA(i)||{r:85,g:133,b:245,a:1};if(t)return{color:"#fff",background:`rgba(${a.r}, ${a.g}, ${a.b})`,borderColor:`rgba(${a.r}, ${a.g}, ${a.b})`};if(e.isSelect)return{color:"#fff",background:`rgba(${a.r}, ${a.g}, ${a.b})`,borderColor:`rgba(${a.r}, ${a.g}, ${a.b})`};return{color:!(e.isPublic&&1==e.isPublic)?"rgba(28, 28, 28, 1)":"rgba(33, 33, 33, 0.6)",background:"rgba(250, 250, 250, 1)",borderColor:"rgba(213, 213, 213, 0.8)"}}XEUtils.mixin({...com,isJSON(e){if("string"==typeof e)try{let t=JSON.parse(e);return!("object"!=typeof t||!t)}catch(e){return!1}return!1},getBtnStyle:e=>"white_bg"==e.showStyle?{"border-color":e.color,color:e.color}:"none_bg"==e.showStyle?{color:e.color}:(e.showStyle,{"background-color":e.color,"border-color":e.color}),oldColorMap(e){let t={blue:"blue",sky:"skyblue",azure:"azure",palegreen:"palegreen",yellow:"yellow",darkorange:"darkorange",magenta:"magenta",purple:"purple",maroon:"maroon",orange:"orange",green:"green",red:"red",grey:"grey"};return e&&t[e]?t[e]:""},validateBirthday(e,t,r){let i=!0;if(!r)return!1;return{DAYReg:/^([0-9]|[1-9][0-9]|[1-2][0-9][0-9]|[3][0-5][0-9]|(360|361|363|362|364|365))$/,MONTHReg:/^(?:[0-9]|1[0-2])$/,YEARReg:/^(?:[1-9]?\d|100)$/}[`${r}Reg`].test(+e)||(window.$message.warning(`${t}${this.$t("1.9.40")}`,2),i=!1),i},handleImageSize(e,t){let r={display:"inline-block",height:t};return e.h&&(r.height="adaptive"===e.h?"auto":e.h+"px"),e.w&&(r.width="adaptive"===e.w?"auto":e.w+"px"),r},handleBigArrayCopy(e,t=1e3){if(!Array.isArray(e))return e;let r=t||1e3;const i=XEUtils.chunk(e,r),l=(e=[],t="json")=>{const r={json:e=>JSON.parse(JSON.stringify(e)),clone:e=>XEUtils.clone(e,!0)};let i=[];return e.forEach((e=>{let l=r[t](e);i.push(l)})),XEUtils.flatten(i)};let a=[];try{a=l(i,"json")}catch(e){a=l(i,"clone")}return a},getAlphafloat(e,t){if(void 0!==e)return parseFloat((e/256).toFixed(2));if(void 0!==t){if(1<t&&t<=100)return parseFloat((t/100).toFixed(2));if(0<=t&&t<=1)return parseFloat(t.toFixed(2))}return 1},hexToRGBA(e,t){if(!/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e))return console.log("Invalid HEX"),"";const r=Math.floor((e.length-1)/3),i=(l=e.slice(1),a=r,l.match(new RegExp(`.{${a}}`,"g")));var l,a;const[n,s,o,f]=i.map((e=>parseInt(e.repeat(2/e.length),16)));return{r:n,g:s,b:o,a:XEUtils.getAlphafloat(f,t)}},formatTime(e,t){let r="";if(!t)return"";switch(e){case"DATE":r="yyyy-MM-dd";break;case"DATETIME":r="yyyy-MM-dd HH:mm:ss";break;case"TIME":r="HH:mm:ss";break;case"MOUTH":r="MM-dd";break;case"DATETIMESTR":r="yyyy年M月dd日 HH:mm";break;case"MOUTHTIME":r="M月d日 HH:mm";break;case"HM":r=" HH:mm"}return XEUtils.toDateString(t,r)},formatDate(e,t=!1){const r=new Date,i=e||r.getTime(),l=XEUtils.formatTime("DATE",r.getTime()),a=XEUtils.convertDate(l+" 00:00:00").getTime(),n=r.getFullYear(),s=new Date(+i).getFullYear();return i>a?XEUtils.formatTime("TIME",i):t?n!==s?XEUtils.formatTime("DATETIMESTR",i):XEUtils.formatTime("MOUTHTIME",i):XEUtils.formatTime("DATETIME",i)},imgs2imgArr:e=>e?e.replace(/(,)(data|http)/g,((e,t,r)=>`|${r}`)).split("|"):[],filterOption(e,t){try{let r=t.componentOptions.children[0].text,i=r.toLowerCase(),l=e.toLowerCase(),a=!1;return"string"==typeof r&&/^[a-zA-Z]+$/.test(e)&&""._toPinYin&&(a=i._toPinYin().indexOf(l)>=0),a||i.indexOf(l)>=0}catch(e){return!1}},stringToValue(e,t="value"){if(XEUtils.isString(e)&&e&&e.startsWith("###{")){let r=JSON.parse(e.replace("###",""));e=r[t]}return e},notEmpty:e=>XEUtils.isBoolean(e)||"0"===String(e)||!!e,handleSysParams(str,obj={},noval=""){let p={...obj};const getValList=(plsList=[],obj={})=>{var l=[];return plsList.forEach((v=>{let c=v;if(v.includes("."))try{eval(`c=o.${v}`)}catch(e){c=""}XEUtils.notEmpty(c)&&l.push(c)})),l},getVal=(e,t,r)=>e.replace(t,(function(){var e=arguments[1],t=e.split("!"),r=getValList(t,p),i=r.find((e=>XEUtils.notEmpty(e))),l=i;return l=XEUtils.notEmpty(l)?l:noval}));return"string"==typeof str&&(str.includes("form")&&(str=getVal(str,/\${(.*?)\}/g)),str.includes("sys")&&(str=getVal(str,/\${(.*?)\}/g)),str.includes("db")&&(str=getVal(str,/\${(.*?)\}/g)),str.includes("table")&&(str=getVal(str,/\${(.*?)\}/g)),str.includes("result")&&(str=getVal(str,/\${(.*?)\}/g))),str},isPlainObject:e=>"[object Object]"===_toString.call(e)});export{formatReleaseTime,handleLabelColor};
+import XEUtils from 'xe-utils';
+export { default } from 'xe-utils';
+export { default as moment } from 'moment';
+
+function formatReleaseTime(type, time) {
+  if (time < 0) {
+    return "";
+  }
+  let format = "";
+  switch (type) {
+    case "DATE":
+      format = "yyyy-MM-dd";
+      break;
+    case "DATETIMENew":
+      format = "yyyy-MM-dd HH:mm";
+      break;
+    case "DATETIME":
+      format = "yyyy-MM-dd HH:mm:ss";
+      break;
+    case "TIME":
+      format = "HH:mm:ss";
+      break;
+  }
+  return XEUtils.toDateString(time, format);
+}
+function handleLabelColor(item, isSelect) {
+  var _a;
+  let tempColor = "#5585f5";
+  let oldColorMap = {
+    blue: "#0000ff",
+    sky: "#87ceeb",
+    azure: "#f0ffff",
+    palegreen: "#98fb98",
+    yellow: "#ffff00",
+    darkorange: "#ff8c00",
+    magenta: "#ff00ff",
+    purple: "#800080",
+    maroon: "#800000",
+    orange: "#ffa500",
+    green: "#008000",
+    red: "#ff0000",
+    grey: "#808080"
+  };
+  if ((_a = item == null ? void 0 : item.color) == null ? void 0 : _a.includes("-")) {
+    let str = item.color.split("-")[1];
+    tempColor = oldColorMap[str] || "#5585f5";
+  } else {
+    tempColor = item.color || "#5585f5";
+  }
+  const tempRgba = XEUtils.hexToRGBA(tempColor) || {
+    r: 85,
+    g: 133,
+    b: 245,
+    a: 1
+  };
+  if (isSelect) {
+    return {
+      color: "#fff",
+      background: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`,
+      borderColor: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`
+    };
+  }
+  if (item.isSelect) {
+    return {
+      color: "#fff",
+      background: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`,
+      borderColor: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`
+    };
+  } else {
+    let isSys = !(item.isPublic && item.isPublic == 1);
+    let color = isSys ? "rgba(28, 28, 28, 1)" : "rgba(33, 33, 33, 0.6)";
+    return {
+      color,
+      background: "rgba(250, 250, 250, 1)",
+      borderColor: "rgba(213, 213, 213, 0.8)"
+    };
+  }
+}
+
+export { formatReleaseTime, handleLabelColor };

package/md-plugin.ts

@@ -0,0 +1,201 @@
+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/package.json

@@ -1,122 +1,125 @@
-{
-  "name": "cnhis-design-vue",
-  "private": false,
-  "version": "3.1.6",
-  "module": "es/packages/index.mjs",
-  "main": "es/packages/index.mjs",
-  "types": "es/packages/index.d.ts",
-  "scripts": {
-    "dev": "vite --host --port 3200",
-    "start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
-    "build": "npm run start",
-    "preview": "vite preview",
-    "release": "standard-version"
-  },
-  "peerDependencies": {
-    "@vicons/ionicons5": "^0.12.0",
-    "@vueuse/core": ">=7.5.0",
-    "@vueuse/share": ">=7.5.0",
-    "@wangeditor/editor": "^5.1.1",
-    "@wangeditor/editor-for-vue": "^5.1.11",
-    "axios": ">=0.25.0",
-    "naive-ui": "^2.29.0",
-    "v-viewer": ">=3.0.0",
-    "viewerjs": ">=1.10.0",
-    "vue": ">=3.2.0",
-    "vuedraggable": ">=4.1.0",
-    "vxe-table": "~4.2.1"
-  },
-  "dependencies": {
-    "@vicons/ionicons5": "^0.12.0",
-    "@vueuse/core": "^8.6.0",
-    "@vueuse/shared": "^8.6.0",
-    "@wangeditor/editor": "^5.1.1",
-    "@wangeditor/editor-for-vue": "^5.1.11",
-    "axios": "^0.27.2",
-    "babel-preset-typescript": "7.0.0-alpha.19",
-    "bpmn-js": "^9.2.2",
-    "crypto-js": "^4.1.1",
-    "lodash": "^4.17.21",
-    "lodash-es": "^4.17.21",
-    "lodash-unified": "^1.0.2",
-    "moment": "^2.29.1",
-    "naive-ui": "^2.29.0",
-    "rimraf": "^3.0.2",
-    "spark-md5": "^3.0.2",
-    "type-fest": "^2.13.0",
-    "v-viewer": "^3.0.10",
-    "video.js": "^7.19.2",
-    "videojs-contrib-hls": "^5.15.0",
-    "viewerjs": "^1.10.5",
-    "vue": "^3.2.36",
-    "vue-simple-uploader": "^1.0.0-beta.5",
-    "vuedraggable": "4.1.0",
-    "vxe-table": "4.2.1",
-    "xe-utils": "^3.5.4"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
-    "@babel/preset-typescript": "^7.17.12",
-    "@esbuild-kit/cjs-loader": "^2.0.0",
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@types/babel__core": "^7.1.19",
-    "@types/fs-extra": "^9.0.13",
-    "@types/gulp": "^4.0.9",
-    "@types/gulp-less": "^0.0.32",
-    "@types/lodash-es": "^4.17.6",
-    "@types/node": "^17.0.38",
-    "@types/replacestream": "^4.0.1",
-    "@types/vue-router": "^2.0.0",
-    "@vitejs/plugin-vue": "^2.3.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/babel-preset-jsx": "^1.2.4",
-    "@vue/compiler-sfc": "^3.2.33",
-    "@vue/shared": "^3.2.36",
-    "autoprefixer": "^10.4.7",
-    "axios": "^0.27.2",
-    "bpmn-js": "^9.2.2",
-    "chalk": "^5.0.1",
-    "consola": "^2.15.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",
-    "less": "^4.1.2",
-    "postcss": "^8.4.14",
-    "replacestream": "^4.0.3",
-    "rollup": "^2.75.5",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-esbuild": "^4.9.1",
-    "rollup-plugin-external-globals": "^0.6.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.32.0",
-    "rollup-plugin-vue": "^6.0.0",
-    "standard-version": "^9.3.2",
-    "ts-morph": "^15.1.0",
-    "typescript": "4.6.4",
-    "vite": "^2.9.9",
-    "vue-tsc": "^0.29.8"
-  },
-  "browserslist": [
-    "defaults",
-    "not ie < 8",
-    "last 2 versions",
-    "> 1%",
-    "iOS 7",
-    "last 3 iOS versions"
-  ]
-}
+{
+  "name": "cnhis-design-vue",
+  "private": false,
+  "version": "3.1.7-beta.3",
+  "module": "es/packages/index.mjs",
+  "main": "es/packages/index.mjs",
+  "types": "es/packages/index.d.ts",
+  "sideEffects": [
+    "es/packages/**/style/*",
+    "es/packages/*(.css,.less)"
+  ],
+  "scripts": {
+    "dev": "node --max-old-space-size=8192 node_modules/vite/bin/vite.js --host --port 3200",
+    "start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
+    "build": "npm run start",
+    "preview": "vite preview",
+    "release": "standard-version"
+  },
+  "peerDependencies": {
+    "naive-ui": "^2.29.0",
+    "vue": ">=3.2.0"
+  },
+  "dependencies": {
+    "@formily/core": "^2.1.9",
+    "@formily/vue": "^2.1.9",
+    "@highlightjs/vue-plugin": "^2.1.0",
+    "@vicons/ionicons5": "^0.12.0",
+    "@vueuse/core": "^8.6.0",
+    "@vueuse/shared": "^8.6.0",
+    "@wangeditor/editor": "^5.1.1",
+    "@wangeditor/editor-for-vue": "^5.1.11",
+    "axios": "^0.27.2",
+    "babel-preset-typescript": "7.0.0-alpha.19",
+    "bpmn-js": "^9.2.2",
+    "crypto-js": "^4.1.1",
+    "highlight.js": "^11.5.1",
+    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
+    "lodash-unified": "^1.0.2",
+    "moment": "^2.29.1",
+    "naive-ui": "^2.29.0",
+    "rimraf": "^3.0.2",
+    "spark-md5": "^3.0.2",
+    "type-fest": "^2.13.0",
+    "v-viewer": "^3.0.10",
+    "video.js": "^7.19.2",
+    "videojs-contrib-hls": "^5.15.0",
+    "viewerjs": "^1.10.5",
+    "vue": "^3.2.36",
+    "vue-simple-uploader": "^1.0.0-beta.5",
+    "vuedraggable": "4.1.0",
+    "vxe-table": "4.2.1",
+    "xe-utils": "^3.5.4"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
+    "@babel/preset-typescript": "^7.17.12",
+    "@esbuild-kit/cjs-loader": "^2.0.0",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@types/babel__core": "^7.1.19",
+    "@types/fs-extra": "^9.0.13",
+    "@types/gulp": "^4.0.9",
+    "@types/gulp-less": "^0.0.32",
+    "@types/lodash-es": "^4.17.6",
+    "@types/markdown-it": "^12.2.3",
+    "@types/node": "^17.0.38",
+    "@types/replacestream": "^4.0.1",
+    "@types/vue-router": "^2.0.0",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vue/babel-preset-jsx": "^1.2.4",
+    "@vue/compiler-sfc": "^3.2.33",
+    "@vue/shared": "^3.2.36",
+    "autoprefixer": "^10.4.7",
+    "axios": "^0.27.2",
+    "bpmn-js": "^9.2.2",
+    "chalk": "^5.0.1",
+    "consola": "^2.15.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",
+    "less": "^4.1.2",
+    "markdown-it": "^13.0.1",
+    "postcss": "^8.4.14",
+    "replacestream": "^4.0.3",
+    "rollup": "^2.75.5",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-esbuild": "^4.9.1",
+    "rollup-plugin-external-globals": "^0.6.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.32.0",
+    "rollup-plugin-vue": "^6.0.0",
+    "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"
+  },
+  "browserslist": [
+    "defaults",
+    "not ie < 8",
+    "last 2 versions",
+    "> 1%",
+    "iOS 7",
+    "last 3 iOS versions"
+  ]
+}

package/uno.config.ts

@@ -0,0 +1,22 @@
+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'
+  }
+})

package/.prettierrc.js

@@ -1,23 +0,0 @@
-module.exports = {
-  arrowParens: "avoid", // 只有一个参数的箭头函数的参数是否带圆括号（默认avoid）
-  singleQuote: true, // 是否单引号
-  semi: true, // 声明结尾使用分号(默认true)
-  printWidth: 100, // 一行的字符数，超过会换行（默认80）
-  tabWidth: 2, // 每个tab相当于多少个空格（默认2）
-  useTabs: true, // 是否使用tab进行缩进（默认false）
-  quoteProps: "as-needed",
-  bracketSpacing: true, // 对象字面量的大括号间使用空格（默认true）
-  jsxBracketSameLine: false, // 多行JSX中的>放置在最后一行的结尾，而不是另起一行（默认false）
-  jsxSingleQuote: false,
-  htmlWhitespaceSensitivity: "ignore",
-  endOfLine: "auto",
-  overrides: [
-    {
-      files: "*.json",
-      options: {
-        printWidth: 200,
-      },
-    },
-  ],
-  trailingComma: 'none', // 最后一个对象元素加逗号
-};