@gct-paas/core-web 0.1.5-dev.3 → 0.1.5-dev.5

package/es/components/assets-svg-icon/assets-svg-icon.mjs

@@ -1,167 +0,0 @@
-import { getSrc, isRTL } from "./utils.mjs";
-import { getSvgContent, ioniconContent } from "./request.mjs";
-import './assets-svg-icon.css';/* empty css                      */
-import { computed, createVNode, defineComponent, getCurrentInstance, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
-import { useNamespace } from "@gct-paas/core";
-//#region src/components/assets-svg-icon/assets-svg-icon.tsx
-/**
-* Create color classes for the icon.
-* @param color - The color of the icon.
-* @returns The color classes for the icon.
-*/
-var createColorClasses = (color) => {
-	return color ? {
-		"ion-color": true,
-		[`ion-color-${color}`]: true
-	} : null;
-};
-/**
-* SVG图标组件 - 简化版本 (仅浏览器环境)
-*
-* 此组件是基于Stencil ion-icon组件简化的Vue实现，
-* 专门用于浏览器环境，仅支持通过src属性加载SVG。
-*
-* ## 功能
-* - 支持通过直接URL加载SVG图标
-* - 支持懒加载
-* - 支持RTL文本方向自动翻转
-* - 支持颜色和大小变化
-* - 支持SVG内容安全检查
-*
-* ## 使用示例
-*
-* // 使用 src 属性
-* <SvgIcon src="/path/to/icon.svg" />
-*
-* // 设置大小和颜色
-* <SvgIcon src="/path/to/icon.svg" size="large" color="primary" />
-*
-* // RTL 支持
-* <SvgIcon src="/path/to/icon.svg" flipRtl={true} />
-*
-* // 懒加载
-* <SvgIcon src="/path/to/icon.svg" lazy={true} />
-*
-* // 禁用 SVG 清理
-* <SvgIcon src="/path/to/icon.svg" sanitize={false} />
-*/
-var AssetsSvgIcon = /* @__PURE__ */ defineComponent({
-	name: "AssetsSvgIcon",
-	props: {
-		color: { type: String },
-		flipRtl: { type: Boolean },
-		src: {
-			type: String,
-			required: true
-		},
-		size: { type: String },
-		lazy: {
-			type: Boolean,
-			default: false
-		},
-		sanitize: {
-			type: Boolean,
-			default: true
-		}
-	},
-	setup(props) {
-		const ns = useNamespace("assets-svg-icon");
-		const instance = getCurrentInstance();
-		let io;
-		const didLoadIcon = ref(false);
-		const svgContent = ref(void 0);
-		const isVisible = ref(false);
-		/**
-		* Wait until the icon is visible in the viewport.
-		* @param el - The element to observe.
-		* @param rootMargin - The root margin of the observer.
-		* @param cb - The callback to call when the element is visible.
-		*/
-		const waitUntilVisible = (el, rootMargin, cb) => {
-			/**
-			* browser doesn't support IntersectionObserver
-			* so just fallback to always show it
-			*/
-			if (!Boolean(typeof window !== "undefined" && props.lazy && window.IntersectionObserver)) return cb();
-			const intersectionObserver = io = new window.IntersectionObserver((data) => {
-				if (data[0]?.isIntersecting) {
-					intersectionObserver.disconnect();
-					io = void 0;
-					cb();
-				}
-			}, { rootMargin });
-			intersectionObserver.observe(el);
-		};
-		/**
-		* Load the icon using only src URL
-		*/
-		const loadIcon = () => {
-			if (typeof window !== "undefined" && isVisible.value && props.src) {
-				const url = getSrc(props.src);
-				if (url) {
-					if (ioniconContent.has(url)) svgContent.value = ioniconContent.get(url);
-					else getSvgContent(url, props.sanitize).then(() => {
-						svgContent.value = ioniconContent.get(url);
-					});
-					didLoadIcon.value = true;
-				}
-			}
-		};
-		onMounted(() => {
-			const el = instance?.vnode.el;
-			if (el)
- /**
-			* purposely do not return the promise here because loading
-			* the svg file should not hold up loading the app
-			* only load the svg if it's visible
-			*/
-			waitUntilVisible(el, "50px", () => {
-				isVisible.value = true;
-				loadIcon();
-			});
-			nextTick(() => {
-				if (!didLoadIcon.value) loadIcon();
-			});
-		});
-		onUnmounted(() => {
-			if (io) {
-				io.disconnect();
-				io = void 0;
-			}
-		});
-		watch(() => props.src, () => {
-			loadIcon();
-		});
-		return {
-			ns,
-			svgContent,
-			classes: computed(() => {
-				const { flipRtl, size, color } = props;
-				const el = instance?.vnode.el;
-				/**
-				* if flipRtl is true, the icon should change direction when `dir` changes
-				*/
-				const shouldBeFlippable = flipRtl;
-				return {
-					...createColorClasses(color),
-					[`icon-${size}`]: !!size,
-					"flip-rtl": shouldBeFlippable,
-					"icon-rtl": shouldBeFlippable && isRTL(el),
-					[ns.b()]: true
-				};
-			})
-		};
-	},
-	render() {
-		const { svgContent, classes } = this;
-		return createVNode("div", {
-			"role": "img",
-			"class": classes
-		}, [typeof window !== "undefined" && svgContent ? createVNode("div", {
-			"class": "icon-inner",
-			"innerHTML": svgContent
-		}, null) : createVNode("div", { "class": "icon-inner" }, null)]);
-	}
-});
-//#endregion
-export { AssetsSvgIcon };

package/es/components/assets-svg-icon/request.d.ts

@@ -1,2 +0,0 @@
-export declare const ioniconContent: Map<string, string>;
-export declare const getSvgContent: (url: string, sanitize: boolean) => Promise<string>;

package/es/components/assets-svg-icon/request.mjs

@@ -1,68 +0,0 @@
-import { isEncodedDataUrl, isSvgDataUrl, validateContent } from "./validate.mjs";
-//#region src/components/assets-svg-icon/request.ts
-var ioniconContent = /* @__PURE__ */ new Map();
-var requests = /* @__PURE__ */ new Map();
-var parser;
-/**
-* Safely fallback to an empty svg
-*/
-function safeFallback(url) {
-	const svg = "";
-	ioniconContent.set(url, svg);
-	return svg;
-}
-var getSvgContent = (url, sanitize) => {
-	/**
-	* See if we already have a request for this url
-	*/
-	const req = requests.get(url);
-	if (req) return req;
-	if (typeof fetch !== "undefined" && typeof document !== "undefined") {
-		/**
-		* If the url is a data url of an svg, then try to parse it
-		* with the DOMParser. This works with content security policies enabled.
-		*/
-		if (isSvgDataUrl(url) && isEncodedDataUrl(url)) return Promise.resolve(getSvgByUrl(url));
-		return fetchSvg(url, sanitize);
-	}
-	return Promise.resolve(safeFallback(url));
-};
-function getSvgByUrl(url) {
-	if (!parser)
- /**
-	* Create an instance of the DOM parser. This creates a single
-	* parser instance for the entire app, which is more efficient.
-	*/
-	parser = new DOMParser();
-	const svg = parser.parseFromString(url, "text/html").querySelector("svg");
-	if (svg) {
-		ioniconContent.set(url, svg.outerHTML);
-		return svg.outerHTML;
-	}
-	throw new Error(`Could not parse svg from ${url}`);
-}
-function fetchSvg(url, sanitize) {
-	/**
-	* We don't already have a request
-	*/
-	const req = fetch(url).then((rsp) => {
-		/**
-		* When fetching from a file:// URL, some browsers return
-		* a 0 status code even when the request succeeds so don't
-		* rely on rsp.ok as the only signal of success.
-		*/
-		return rsp.text().then((svgContent) => {
-			if (svgContent && sanitize !== false) svgContent = validateContent(svgContent);
-			const svg = svgContent || "";
-			ioniconContent.set(url, svg);
-			return svg;
-		}).catch(() => safeFallback(url));
-	}).catch(() => safeFallback(url));
-	/**
-	* Cache for the same requests
-	*/
-	requests.set(url, req);
-	return req;
-}
-//#endregion
-export { getSvgContent, ioniconContent };

package/es/components/assets-svg-icon/utils.d.ts

@@ -1,9 +0,0 @@
-export declare const isStr: (val: any) => val is string;
-export declare const isSrc: (str: string) => boolean;
-export declare const getSrc: (src: string | undefined) => string | null;
-/**
- * Returns `true` if the document or host element
- * has a `dir` set to `rtl`. The host value will always
- * take priority over the root document value.
- */
-export declare const isRTL: (hostEl?: Pick<HTMLElement, "dir">) => boolean;

package/es/components/assets-svg-icon/utils.mjs

@@ -1,23 +0,0 @@
-//#region src/components/assets-svg-icon/utils.ts
-var isStr = (val) => typeof val === "string";
-var isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
-var getSrc = (src) => {
-	if (isStr(src)) {
-		src = src.trim();
-		if (isSrc(src)) return src;
-	}
-	return null;
-};
-/**
-* Returns `true` if the document or host element
-* has a `dir` set to `rtl`. The host value will always
-* take priority over the root document value.
-*/
-var isRTL = (hostEl) => {
-	if (hostEl) {
-		if (hostEl.dir !== "") return hostEl.dir.toLowerCase() === "rtl";
-	}
-	return document?.dir.toLowerCase() === "rtl";
-};
-//#endregion
-export { getSrc, isRTL, isStr };

package/es/components/assets-svg-icon/validate.d.ts

@@ -1,4 +0,0 @@
-export declare const validateContent: (svgContent: string) => string;
-export declare const isValid: (elm: HTMLElement) => boolean;
-export declare const isSvgDataUrl: (url: string) => boolean;
-export declare const isEncodedDataUrl: (url: string) => boolean;

package/es/components/assets-svg-icon/validate.mjs

@@ -1,29 +0,0 @@
-import { isStr } from "./utils.mjs";
-//#region src/components/assets-svg-icon/validate.ts
-var validateContent = (svgContent) => {
-	const div = document.createElement("div");
-	div.innerHTML = svgContent;
-	for (let i = div.childNodes.length - 1; i >= 0; i--) if (div.childNodes[i].nodeName.toLowerCase() !== "svg") div.removeChild(div.childNodes[i]);
-	const svgElm = div.firstElementChild;
-	if (svgElm && svgElm.nodeName.toLowerCase() === "svg") {
-		const svgClass = svgElm.getAttribute("class") || "";
-		svgElm.setAttribute("class", (svgClass + " s-ion-icon").trim());
-		if (isValid(svgElm)) return div.innerHTML;
-	}
-	return "";
-};
-var isValid = (elm) => {
-	if (elm.nodeType === 1) {
-		if (elm.nodeName.toLowerCase() === "script") return false;
-		for (let i = 0; i < elm.attributes.length; i++) {
-			const name = elm.attributes[i].name;
-			if (isStr(name) && name.toLowerCase().indexOf("on") === 0) return false;
-		}
-		for (let i = 0; i < elm.childNodes.length; i++) if (!isValid(elm.childNodes[i])) return false;
-	}
-	return true;
-};
-var isSvgDataUrl = (url) => url.startsWith("data:image/svg+xml");
-var isEncodedDataUrl = (url) => url.indexOf(";utf8,") !== -1;
-//#endregion
-export { isEncodedDataUrl, isSvgDataUrl, validateContent };

package/es/components/icon-next/data/icons.data.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    prefix: string;
-    icons: string[];
-};
-export default _default;

package/es/components/icon-next/hooks/useIconAsset.d.ts

@@ -1,16 +0,0 @@
-export declare function useIconAsset(): {
-    getIconAssetCats: () => Promise<{
-        id: string;
-        name: string;
-        children: {
-            id: string;
-            name: string;
-            icons?: {
-                id: string;
-                name: string;
-                _filter_: string[];
-            }[] | undefined;
-            children?: /*elided*/ any[] | undefined;
-        }[];
-    }[]>;
-};

package/es/components/icon-next/hooks/useIconAsset.mjs

@@ -1,36 +0,0 @@
-import { IconNamespaceEnum } from "../types/index.mjs";
-import { computed, ref } from "vue";
-//#region src/components/icon-next/hooks/useIconAsset.ts
-var iconAssetIcons = ref([]);
-var iconParkCats = computed(() => {
-	return [{
-		id: "IconAsset",
-		name: "资产图标",
-		children: iconAssetIcons.value
-	}].filter((i) => i.children?.length);
-});
-function useIconAsset() {
-	async function getIconAssetCats() {
-		if (iconAssetIcons.value.length > 0) return iconParkCats.value;
-		const params = { assetsModule: "ICON" };
-		iconAssetIcons.value = await Promise.all([_api.platform.category.getList(params), _api.platform.assets.getList(params)]).then(([catRes, iconRes]) => {
-			return catRes?.map((c) => {
-				return {
-					id: `${c.id}`,
-					name: c.name,
-					icons: iconRes?.filter((i) => i.categoryId === c.id).map((item) => {
-						Object.assign(item, {
-							id: `${IconNamespaceEnum.Asset}:${item.path}`,
-							_filter_: [item.name]
-						});
-						return item;
-					})
-				};
-			}).filter((i) => i.icons?.length);
-		});
-		return iconParkCats.value;
-	}
-	return { getIconAssetCats };
-}
-//#endregion
-export { useIconAsset };

package/es/components/icon-next/hooks/useIconPark.d.ts

@@ -1,16 +0,0 @@
-export declare function useIconPark(): {
-    getIconParkCats: () => {
-        id: string;
-        name: string;
-        children: {
-            id: string;
-            name: string;
-            icons?: {
-                id: string;
-                name: string;
-                _filter_: string[];
-            }[] | undefined;
-            children?: /*elided*/ any[] | undefined;
-        }[];
-    }[];
-};

package/es/components/icon-next/hooks/useIconPark.mjs

@@ -1,52 +0,0 @@
-import { IconNamespaceEnum } from "../types/index.mjs";
-import { computed, ref } from "vue";
-import IconParkJson from "@icon-park/vue-next/icons.json";
-//#region src/components/icon-next/hooks/useIconPark.ts
-var CategoyEnum = /* @__PURE__ */ function(CategoyEnum) {
-	CategoyEnum["Base"] = "Base";
-	CategoyEnum["Others"] = "Others";
-	return CategoyEnum;
-}(CategoyEnum || {});
-var iconParkIcons = ref([]);
-var iconParkCats = computed(() => {
-	return [{
-		id: "IconPark",
-		name: "IconPark",
-		children: iconParkIcons.value
-	}];
-});
-function useIconPark() {
-	function getIconParkCats() {
-		if (iconParkIcons.value.length > 0) return iconParkCats.value;
-		const cats = [];
-		IconParkJson.forEach((item) => {
-			const icon = {
-				...item,
-				id: `${IconNamespaceEnum.IconPark}:${item.name}`,
-				_filter_: [
-					...item.tag,
-					item.title,
-					item.name
-				]
-			};
-			let category = cats.find((c) => c.id === icon.category);
-			if (category) category.icons.push(icon);
-			else {
-				category = {
-					id: icon.category,
-					name: icon.categoryCN,
-					icons: [icon]
-				};
-				cats.push(category);
-			}
-		});
-		const base = cats.filter((c) => c.id === CategoyEnum.Base);
-		const others = cats.filter((c) => c.id === CategoyEnum.Others);
-		const middle = cats.filter((c) => ![CategoyEnum.Base, CategoyEnum.Others].includes(c.id));
-		iconParkIcons.value = base.concat(middle, others);
-		return iconParkCats.value;
-	}
-	return { getIconParkCats };
-}
-//#endregion
-export { useIconPark };

package/es/components/icon-next/hooks/useIconPlatform.d.ts

@@ -1,8 +0,0 @@
-import { ICategory } from '../types';
-export declare function useIconPlatform(): {
-    getIconPlatformCats: () => {
-        id: string;
-        name: string;
-        icons: ICategory[];
-    }[];
-};

package/es/components/icon-next/hooks/useIconPlatform.mjs

@@ -1,43 +0,0 @@
-import { IconNamespaceEnum } from "../types/index.mjs";
-import { computed } from "vue";
-import { iconsNames } from "@gct-paas/platform-icons";
-//#region src/components/icon-next/hooks/useIconPlatform.ts
-var iconPlatformCats = computed(() => {
-	return [{
-		id: "medicalCare",
-		name: "医疗器械",
-		icons: medicalCareIcons.value
-	}, {
-		id: "IconPlatform",
-		name: "平台图标",
-		icons: platformIcons.value
-	}];
-});
-var platformIcons = computed(() => {
-	return iconsNames.filter((e) => /^(icon-platform)/.test(e)).map((e) => {
-		const iconName = e.replace(/icon-/g, "");
-		return {
-			id: `${IconNamespaceEnum.Platform}:${iconName}`,
-			name: iconName,
-			_filter_: [iconName]
-		};
-	});
-});
-var medicalCareIcons = computed(() => {
-	return iconsNames.filter((e) => /^(icon-medicalCare)/.test(e)).map((e) => {
-		const iconName = e.replace(/icon-/g, "");
-		return {
-			id: `${IconNamespaceEnum.Platform}:${iconName}`,
-			name: e.replace(/icon-medicalCare-/g, ""),
-			_filter_: [iconName]
-		};
-	});
-});
-function useIconPlatform() {
-	function getIconPlatformCats() {
-		return iconPlatformCats.value;
-	}
-	return { getIconPlatformCats };
-}
-//#endregion
-export { useIconPlatform };

package/es/components/icon-next/index.d.ts

@@ -1,3 +0,0 @@
-import { default as IconNext } from './src/IconNext.vue';
-import { default as IconNextPicker } from './src/IconNextPicker.vue';
-export { IconNext, IconNextPicker };

package/es/components/icon-next/index.mjs

@@ -1,3 +0,0 @@
-import "./src/IconNext.vue.mjs";
-import "./src/IconNextPicker.vue.mjs";
-import "@gct-paas/platform-icons";

package/es/components/icon-next/src/IconNext.vue.d.ts

@@ -1,40 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    value: {
-        type: (ObjectConstructor | StringConstructor)[];
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    background: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    value: {
-        type: (ObjectConstructor | StringConstructor)[];
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    background: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    color: string;
-    size: number;
-    background: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/components/icon-next/src/IconNext.vue.mjs

@@ -1,7 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
-import IconNext_vue_vue_type_script_setup_true_name_IconNext_lang_default from "./IconNext.vue_vue_type_script_setup_true_name_IconNext_lang.mjs";
-import './IconNext.vue_vue_type_style_index_0_scoped_360a87c9_lang.css';/* empty css                                                               */
-//#region src/components/icon-next/src/IconNext.vue
-var IconNext_default = /* @__PURE__ */ _plugin_vue_export_helper_default(IconNext_vue_vue_type_script_setup_true_name_IconNext_lang_default, [["__scopeId", "data-v-360a87c9"]]);
-//#endregion
-export { IconNext_default as default };

package/es/components/icon-next/src/IconNext.vue_vue_type_script_setup_true_name_IconNext_lang.mjs

@@ -1,113 +0,0 @@
-import svg_icon_default from "../../svg-icon/svg-icon.vue.mjs";
-import { IconNamespaceEnum } from "../types/index.mjs";
-import { computed, createBlock, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
-import { VITE_MINIO_PATH } from "@gct-paas/core";
-import { IconPark } from "@icon-park/vue-next/es/all";
-//#region src/components/icon-next/src/IconNext.vue?vue&type=script&setup=true&name=IconNext&lang.ts
-var IconNext_vue_vue_type_script_setup_true_name_IconNext_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "IconNext",
-	props: {
-		value: {
-			type: [String, Object],
-			required: true
-		},
-		color: {
-			type: String,
-			default: "#FFFFFF"
-		},
-		background: {
-			type: String,
-			default: "transparent"
-		},
-		size: {
-			type: Number,
-			default: 24
-		}
-	},
-	setup(__props) {
-		function fileUrlParser(url) {
-			if (!url) return url;
-			return `${VITE_MINIO_PATH}${url.startsWith("/") ? "" : "/"}${url}`;
-		}
-		const props = __props;
-		/**
-		* 图标命名空间
-		*/
-		const namespace = computed(() => {
-			const value = props.value;
-			if (!value) return void 0;
-			if (value.includes(":")) return value.split(":")[0];
-			else if (value.startsWith("preset-")) return IconNamespaceEnum.Preset;
-		});
-		/**
-		* 图标实际名称
-		*/
-		const iconName = computed(() => {
-			const value = props.value;
-			if (!value) return void 0;
-			if (value.includes(":")) return value.split(":")[1];
-			return props.value;
-		});
-		const iconBgImage = computed(() => {
-			return `url('${fileUrlParser(iconName.value)}')`;
-		});
-		return (_ctx, _cache) => {
-			return namespace.value === unref(IconNamespaceEnum).IconPark ? (openBlock(), createBlock(unref(IconPark), {
-				key: `${iconName.value}-${__props.size}`,
-				type: iconName.value,
-				style: normalizeStyle({
-					"--color": __props.color,
-					"--bg-color": __props.background
-				}),
-				class: "icon-next",
-				size: __props.size
-			}, null, 8, [
-				"type",
-				"style",
-				"size"
-			])) : namespace.value === unref(IconNamespaceEnum).Preset || namespace.value === unref(IconNamespaceEnum).Platform ? (openBlock(), createBlock(svg_icon_default, {
-				key: 1,
-				name: iconName.value,
-				style: normalizeStyle({
-					"--color": __props.color,
-					"--bg-color": __props.background
-				}),
-				class: "icon-next",
-				size: __props.size
-			}, null, 8, [
-				"name",
-				"style",
-				"size"
-			])) : namespace.value === unref(IconNamespaceEnum).Asset ? (openBlock(), createElementBlock("i", {
-				key: 2,
-				class: "icon-next",
-				style: normalizeStyle({
-					"--size": __props.size + "px",
-					"--bg-image": iconBgImage.value
-				})
-			}, null, 4)) : namespace.value === unref(IconNamespaceEnum).GctIconFont ? (openBlock(), createElementBlock("i", {
-				key: 3,
-				class: normalizeClass([`gct-iconfont ${iconName.value}`, "icon-next"]),
-				style: normalizeStyle({
-					fontSize: __props.size + "px",
-					lineHeight: 1,
-					"--color": __props.color,
-					"--bg-color": __props.background,
-					"--size": __props.size + "px"
-				})
-			}, null, 6)) : (openBlock(), createElementBlock("i", {
-				key: 4,
-				class: normalizeClass([`iconfont ${iconName.value}`, "icon-next"]),
-				style: normalizeStyle({
-					fontSize: __props.size + "px",
-					lineHeight: 1,
-					"--color": __props.color,
-					"--bg-color": __props.background,
-					"--size": __props.size + "px"
-				})
-			}, null, 6));
-		};
-	}
-});
-//#endregion
-export { IconNext_vue_vue_type_script_setup_true_name_IconNext_lang_default as default };