@fangzhongya/vue-components 0.1.29 → 0.1.30

package/dist/component-B-5G8Yjc.js

@@ -0,0 +1,431 @@
+import { i as styleLog, t as getComponentNames } from "./util-Ddld3oFr.js";
+import { t as humpToLine } from "./chunk-J7CICTHH-Ikr5rmAQ.js";
+import fastGlob from "fast-glob";
+import { resolve } from "path";
+//#region node_modules/.pnpm/@fangzhongya+utils@0.0.80/node_modules/@fangzhongya/utils/dist/chunk-YNOFNHEK.js
+function matchsEnd(key, matchs) {
+	if (matchs && matchs.length > 0) {
+		for (const value of matchs) if (typeof value == "string") {
+			if (key.endsWith(value)) return true;
+		} else if (value.test(key)) return true;
+		return false;
+	} else return true;
+}
+//#endregion
+//#region node_modules/.pnpm/@fangzhongya+utils@0.0.80/node_modules/@fangzhongya/utils/dist/chunk-S6JRKYPY.js
+function matchsStart(key, matchs) {
+	if (matchs && matchs.length > 0) {
+		for (const value of matchs) if (typeof value == "string") {
+			if (key.startsWith(value)) return true;
+		} else if (value.test(key)) return true;
+		return false;
+	} else return true;
+}
+//#endregion
+//#region packages/component.ts
+/**
+*
+* | com-page | ComPage  | comPage  | compage  | 注册名称
+* | :------: | :------: | :------: | :------: |
+* | com-page | com-page | com-page | :------: | 组件写法
+* | :------: | ComPage  | :------: | :------: |
+* | :------: | comPage  | comPage  | :------: |
+* | :------: | :------: | :------: | compage  |
+*
+*/
+function checkSuffixBeforeMatch(str, regex, suffix) {
+	regex.lastIndex = 0;
+	const match = regex.exec(str);
+	if (!match) return false;
+	const matchStartIndex = match.index;
+	return str.substring(0, matchStartIndex).endsWith(suffix);
+}
+/**
+* 判断是否匹配
+*/
+function isUrlsMatchi(key, arr, matchs) {
+	for (const name of arr) {
+		const t = "/" + name;
+		if (matchs && matchs.length > 0) {
+			for (const value of matchs) if (typeof value == "string") {
+				if (key.endsWith(t + value)) return true;
+			} else if (checkSuffixBeforeMatch(key, value, t)) return true;
+		} else if (key.includes(name)) return true;
+	}
+	return false;
+}
+/**
+* 自动注册组件和指令的方法
+*/
+var FangComponent = class {
+	config;
+	#comUrls;
+	#dirUrls;
+	#cssUrls;
+	#cacheObj;
+	#curDir;
+	constructor(config) {
+		this.config = config || {};
+		this.#setConfigValue();
+	}
+	/**
+	* 初始化数据
+	*/
+	#setConfigValue() {
+		/**
+		* 组件的地址
+		*/
+		this.#comUrls = [];
+		/**
+		* 指令的地址
+		*/
+		this.#dirUrls = [];
+		this.#cssUrls = [];
+		/**
+		* 缓存的数据
+		*/
+		this.#cacheObj = {};
+		/**
+		* 当前完整的地址
+		*/
+		this.#curDir = "";
+		if (this.config.dir) {
+			this.config.dir = this.config.dir + "/";
+			this.config.dir = this.config.dir.replace(/\/\/$/, "/");
+			this.#curDir = resolve(process.cwd(), this.config.dir).replace(/\\/g, "/") + "/";
+		}
+		this.#getUrls();
+	}
+	/**
+	* 别名数组
+	*/
+	#getNames() {
+		if (this.config.getAliass) return this.config.getAliass;
+		else return function(name, _type, c) {
+			const arr = getComponentNames(name);
+			if (c.alias) return [...getComponentNames(c.alias + "-" + name), ...arr];
+			else return arr;
+		};
+	}
+	#isMatchFile(url, arr, matchexts, nomatchexts) {
+		const is = isUrlsMatchi(url, arr, matchexts);
+		if (is && nomatchexts && nomatchexts.length > 0) if (matchsEnd(url, nomatchexts)) return false;
+		else return true;
+		else return is;
+	}
+	#isMatchDir(url) {
+		const is = matchsStart(url, this.config.matchs);
+		const nomatchs = this.config.nomatchs;
+		if (is && nomatchs && nomatchs.length > 0) if (matchsStart(url, nomatchs)) return false;
+		else return true;
+		else return is;
+	}
+	/**
+	* 读取url地址列表
+	*/
+	#getUrls() {
+		const url = this.#getFgUrl();
+		const reg = new RegExp("^" + this.#curDir);
+		let isUrl = (key) => {
+			const uk = key.replace(reg, "");
+			return this.#isMatchDir(uk);
+		};
+		if (url) {
+			const globs = fastGlob.sync(url, {
+				onlyFiles: false,
+				absolute: true
+			}) || [];
+			this.#comUrls = globs.filter((key) => {
+				return isUrl(key);
+			});
+		}
+		if (this.config.directives) {
+			const durl = this.config.dir + "**/" + this.config.directives + "/**/*.{js,ts}";
+			const globs = fastGlob.sync(durl, {
+				onlyFiles: false,
+				absolute: true
+			}) || [];
+			this.#dirUrls = globs.filter((key) => {
+				return isUrl(key);
+			});
+		}
+		if (this.config.csss !== "") {
+			const cs = this.config.csssuffixs ?? ["css", "scss"];
+			let uf = cs.join();
+			if (cs.length > 1) uf = "{" + cs.join(",") + "}";
+			let curl = this.config.dir + "**/*." + uf;
+			if (this.config.csss) curl = this.config.dir + "**/" + this.config.csss + "/**/*." + uf;
+			const globs = fastGlob.sync(curl, {
+				onlyFiles: false,
+				absolute: true
+			}) || [];
+			this.#cssUrls = globs.filter((key) => {
+				return isUrl(key);
+			});
+		}
+		if (this.config.urlprefix) {
+			if (this.config.dir) {
+				const dir = this.config.dir;
+				const urls = [];
+				const dirUrls = [];
+				const cssUrls = [];
+				this.#comUrls?.forEach((key) => {
+					urls.push(key.replace(reg, dir));
+				});
+				this.#dirUrls?.forEach((key) => {
+					dirUrls.push(key.replace(reg, dir));
+				});
+				this.#cssUrls?.forEach((key) => {
+					cssUrls.push(key.replace(reg, dir));
+				});
+				/**
+				* 格式化的组件的地址
+				*/
+				this.config.urls = urls;
+				/**
+				* 格式化的指令的地址
+				*/
+				this.config.dirUrls = dirUrls;
+				/**
+				* 格式化的样式的地址
+				*/
+				this.config.cssUrls = cssUrls;
+			}
+		}
+	}
+	/**
+	* 获取components 的匹配路径
+	* @returns { String } 匹配路径
+	*/
+	#getFgUrl() {
+		if (this.config.extensions) {
+			if (this.config.extensions.length > 1) return this.config.dir + "**/*.{" + this.config.extensions.join(",") + "}";
+			else if (this.config.extensions.length == 1) return this.config.dir + "**/*." + this.config.extensions[0];
+		} else return this.config.dir + "**/*.*";
+	}
+	/**
+	* 获取当前缓存数
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @returns { Object } 注册的对象
+	*/
+	#getCache(name, type) {
+		if (this.#cacheObj) return (this.#cacheObj[type] || {})[name];
+	}
+	/**
+	* 设置缓存数据
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @param { Object } 注册的对象
+	*/
+	#setCache(name, type, obj) {
+		const cach = this.#cacheObj || {};
+		const co = cach[type] || {};
+		co[name] = obj;
+		cach[type] = co;
+	}
+	/**
+	* 是否要替换
+	* @param { String } name 名称
+	* @returns { Boolean } 是否要替换
+	*/
+	#namefilter(name) {
+		name = humpToLine(name);
+		if (this.config.startss) for (let index = 0; index < this.config.startss.length; index++) {
+			const element = this.config.startss[index] + "-";
+			if (name.startsWith(element)) return false;
+		}
+		if (this.config.filtes) for (let index = 0; index < this.config.filtes.length; index++) {
+			const element = this.config.filtes[index];
+			if (name === element) return false;
+		}
+		return true;
+	}
+	/**
+	* 返回对应的值
+	* @param {String} from 文件地址
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @returns  { Object } 注册的对象
+	*/
+	#getNameFromUrl(from, name, type, sideEffects) {
+		let dname = "";
+		if (this.config.getFromName) dname = this.config.getFromName(from, name, type);
+		return {
+			name: dname || "default",
+			from,
+			sideEffects
+		};
+	}
+	/**
+	* 通过名称匹配对应路径
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @returns  { Object } 注册的对象
+	*/
+	#setNameFrom(name, type) {
+		const from = this.#getMatchUrl(name, type);
+		if (from) {
+			let sideEffects = void 0;
+			if (type == "component") sideEffects = this.#getMatchUrl(name, "sideEffects");
+			return this.#getNameFromUrl(from, name, type, sideEffects);
+		}
+	}
+	/**
+	* 匹配到url地址
+	* @param {string} arr 需要匹配的地址名称数组
+	* @param {String} type 类型
+	* @returns  {Array} 匹配到的地址数组
+	*/
+	#getUrlsMatchi(name, type) {
+		const arr = this.#getNames()(name, type, this.config);
+		const as = [];
+		if (type == "directive") {
+			const isMatchurl = this.config.isMatchDir;
+			if (isMatchurl) this.#dirUrls?.forEach((key) => {
+				if (isMatchurl(key, name, arr, this.config)) as.push(key);
+			});
+			else this.#dirUrls?.forEach((key) => {
+				if (this.#isMatchFile(key, arr, this.config.matchDirexts, this.config.nomatchDirexts)) as.push(key);
+			});
+		} else if (type == "sideEffects") {
+			const isMatchurl = this.config.isMatchCss;
+			if (isMatchurl) this.#dirUrls?.forEach((key) => {
+				if (isMatchurl(key, name, arr, this.config)) as.push(key);
+			});
+			else this.#cssUrls?.forEach((key) => {
+				if (this.#isMatchFile(key, arr, this.config.matchCsss, this.config.nomatchCsss)) as.push(key);
+			});
+		} else {
+			const isMatchurl = this.config.isMatch;
+			if (isMatchurl) this.#dirUrls?.forEach((key) => {
+				if (isMatchurl(key, name, arr, this.config)) as.push(key);
+			});
+			else this.#comUrls?.forEach((key) => {
+				if (this.#isMatchFile(key, arr, this.config.matchexts, this.config.nomatchexts)) as.push(key);
+			});
+		}
+		return as;
+	}
+	/**
+	* 获取对应的url
+	* @param {Array} urls 匹配到的地址数组
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @returns { String } 文件地址
+	*/
+	#getCorrespondUrl(urls, name, type) {
+		const arr = this.#getNames()(name, type, this.config);
+		if (type == "directive") {
+			const vs = this.#dirUrls || [];
+			const getUrl = this.config.getMatchDirs;
+			if (getUrl) return getUrl(vs, name, type, this.config);
+			else {
+				const ms = [];
+				const m = this.config.matchDirextss;
+				if (m) ms.push(m);
+				return urls.filter((key) => {
+					return isUrlsMatchi(key, arr, ms);
+				})[0] || vs.filter((key) => {
+					return isUrlsMatchi(key, arr, ms);
+				})[0];
+			}
+		} else if (type == "sideEffects") {
+			const vs = this.#cssUrls || [];
+			const getUrl = this.config.getMatchCsss;
+			if (getUrl) return getUrl(vs, name, type, this.config);
+			else {
+				const ms = [];
+				const m = this.config.matchCssss;
+				if (m) ms.push(m);
+				return urls.filter((key) => {
+					return isUrlsMatchi(key, arr, ms);
+				})[0] || vs.filter((key) => {
+					return isUrlsMatchi(key, arr, ms);
+				})[0];
+			}
+		} else {
+			const vs = this.#comUrls || [];
+			const getUrl = this.config.getMatchs;
+			if (getUrl) return getUrl(vs, name, type, this.config);
+			else {
+				const ms = [];
+				const m = this.config.matchextss;
+				if (m) ms.push(m);
+				return urls.filter((key) => {
+					return isUrlsMatchi(key, arr, ms);
+				})[0] || vs.filter((key) => {
+					return isUrlsMatchi(key, arr, ms);
+				})[0];
+			}
+		}
+	}
+	/**
+	* 无前缀匹配
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @returns { String } 文件地址
+	*/
+	#getMatchUrl(name, type) {
+		const urls = this.#getUrlsMatchi(name, type);
+		return this.#getCorrespondUrl(urls, name, type);
+	}
+	/**
+	* 输出日志
+	* @param name
+	* @param type
+	* @param obj
+	* @param is
+	*/
+	#setLog(name, type, obj, is) {
+		if (this.config.log) {
+			const texts = {
+				component: 2,
+				directive: 4,
+				sideEffects: 5
+			};
+			const arr = [];
+			arr.push(styleLog("[@fangzhongya/vue-components]", { text: 3 }));
+			if (obj && obj.from) {
+				let sfrom = styleLog(obj?.from, {
+					text: 4,
+					revert: true
+				});
+				arr.push(styleLog(type, { text: texts[type] }));
+				arr.push(styleLog(name, { bold: true }));
+				if (!is) sfrom = styleLog("+", { text: 2 }) + sfrom;
+				arr.push(sfrom);
+				if (obj.sideEffects) arr.push(styleLog(obj.sideEffects.toString(), { text: texts["sideEffects"] }));
+			} else {
+				arr.push(styleLog(type, { text: texts[type] }));
+				arr.push(styleLog(name, {
+					bold: true,
+					text: 1
+				}));
+			}
+			console.log(arr.join(" "));
+		}
+	}
+	/**
+	* 自动按需匹配注册
+	* @param {String} name 名称
+	* @param {String} type 类型
+	* @returns  { Object } 注册的对象
+	*/
+	resolve(name, type) {
+		const cache = this.#getCache(name, type);
+		if (this.config.isCache && cache) {
+			this.#setLog(name, type, cache, true);
+			return cache;
+		} else if (this.#namefilter(name)) {
+			let obj = this.#setNameFrom(name, type);
+			if (obj) {
+				this.#setLog(name, type, obj);
+				this.#setCache(name, type, obj);
+				return obj;
+			}
+		}
+	}
+};
+//#endregion
+export { FangComponent as t };