@gct-paas/core-components 0.1.5-dev.10

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

@@ -0,0 +1,9 @@
+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/assets-svg-icon/utils.mjs

@@ -0,0 +1,23 @@
+//#region src/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/assets-svg-icon/validate.d.ts

@@ -0,0 +1,4 @@
+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/assets-svg-icon/validate.mjs

@@ -0,0 +1,29 @@
+import { isStr } from "./utils.mjs";
+//#region src/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/create-app-vue.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+/**
+ * 核心 Components 库的外部使用注册，在创建 app 时调用
+ *
+ * @export
+ * @param {App} app
+ * @return {*}  {Promise<void>}
+ */
+export declare function coreComponentsCreateAppVue(app: App): Promise<void>;

package/es/create-app-vue.mjs

@@ -0,0 +1,23 @@
+import { AssetsSvgIcon } from "./assets-svg-icon/assets-svg-icon.mjs";
+import svg_icon_default from "./svg-icon/svg-icon.vue.mjs";
+import { WuJieContainer } from "./wujie-container/wujie-container.mjs";
+import { IconNext } from "./icon-next/index.mjs";
+//#region src/create-app-vue.ts
+var isRegistered = false;
+/**
+* 核心 Components 库的外部使用注册，在创建 app 时调用
+*
+* @export
+* @param {App} app
+* @return {*}  {Promise<void>}
+*/
+async function coreComponentsCreateAppVue(app) {
+	if (isRegistered) return;
+	isRegistered = true;
+	app.component(AssetsSvgIcon.name, AssetsSvgIcon);
+	app.component(svg_icon_default.name, svg_icon_default);
+	app.component(WuJieContainer.name, WuJieContainer);
+	app.component("IconNext", IconNext);
+}
+//#endregion
+export { coreComponentsCreateAppVue };

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

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

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

@@ -0,0 +1,16 @@
+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/icon-next/hooks/useIconAsset.mjs

@@ -0,0 +1,36 @@
+import { IconNamespaceEnum } from "../types/index.mjs";
+import { computed, ref } from "vue";
+//#region src/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/icon-next/hooks/useIconPark.d.ts

@@ -0,0 +1,16 @@
+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/icon-next/hooks/useIconPark.mjs

@@ -0,0 +1,52 @@
+import { IconNamespaceEnum } from "../types/index.mjs";
+import { computed, ref } from "vue";
+import IconParkJson from "@icon-park/vue-next/icons.json";
+//#region src/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/icon-next/hooks/useIconPlatform.d.ts

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

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

@@ -0,0 +1,43 @@
+import { IconNamespaceEnum } from "../types/index.mjs";
+import { computed } from "vue";
+import { iconsNames } from "@gct-paas/platform-icons";
+//#region src/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/icon-next/index.d.ts

@@ -0,0 +1,43 @@
+export declare const IconNext: 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;
+    background: string;
+    size: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export * from './hooks/useIconAsset';
+export * from './hooks/useIconPark';
+export * from './hooks/useIconPlatform';
+export * from './types/index';

package/es/icon-next/index.mjs

@@ -0,0 +1,10 @@
+import "./types/index.mjs";
+import "./hooks/useIconAsset.mjs";
+import "./hooks/useIconPark.mjs";
+import "./hooks/useIconPlatform.mjs";
+import { defineAsyncComponent } from "vue";
+import "@gct-paas/platform-icons";
+//#region src/icon-next/index.ts
+var IconNext = defineAsyncComponent(() => import("./src/IconNext.vue.mjs"));
+//#endregion
+export { IconNext };

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

@@ -0,0 +1,40 @@
+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;
+    background: string;
+    size: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+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_0940cc40_lang.css';/* empty css                                                               */
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/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-0940cc40"]]);
+//#endregion
+export { IconNext_default as default };

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

@@ -0,0 +1,113 @@
+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/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 };

package/es/icon-next/src/IconNext.vue_vue_type_style_index_0_scoped_0940cc40_lang.css

@@ -0,0 +1,18 @@
+.icon-next[data-v-0940cc40] {
+  display: inline-flex;
+  align-items: center;
+  color: var(--color);
+  background-color: var(--bg-color);
+  transition: all 0.3s;
+}
+.icon-next > svg[data-v-0940cc40] {
+  transform: translateY(1px);
+}
+i.icon-next[data-v-0940cc40] {
+  height: var(--size);
+  width: var(--size);
+  background-image: var(--bg-image);
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+}

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

@@ -0,0 +1,17 @@
+export interface ICategory {
+    id: string;
+    name: string;
+    icons?: {
+        id: string;
+        name: string;
+        _filter_: string[];
+    }[];
+    children?: ICategory[];
+}
+export declare enum IconNamespaceEnum {
+    Preset = "icon-preset",
+    IconPark = "icon-park",
+    Asset = "icon-assert",
+    Platform = "icon-platform",
+    GctIconFont = "gct-iconfont"
+}

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

@@ -0,0 +1,11 @@
+//#region src/icon-next/types/index.ts
+var IconNamespaceEnum = /* @__PURE__ */ function(IconNamespaceEnum) {
+	IconNamespaceEnum["Preset"] = "icon-preset";
+	IconNamespaceEnum["IconPark"] = "icon-park";
+	IconNamespaceEnum["Asset"] = "icon-assert";
+	IconNamespaceEnum["Platform"] = "icon-platform";
+	IconNamespaceEnum["GctIconFont"] = "gct-iconfont";
+	return IconNamespaceEnum;
+}({});
+//#endregion
+export { IconNamespaceEnum };

package/es/index.d.ts

@@ -0,0 +1,6 @@
+import { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon';
+import { default as SvgIcon } from './svg-icon/svg-icon.vue';
+import { WuJieContainer } from './wujie-container/wujie-container';
+export { AssetsSvgIcon, SvgIcon, WuJieContainer };
+export * from './icon-next';
+export { coreComponentsCreateAppVue } from './create-app-vue';

package/es/index.mjs

@@ -0,0 +1,10 @@
+import { AssetsSvgIcon } from "./assets-svg-icon/assets-svg-icon.mjs";
+import svg_icon_default from "./svg-icon/svg-icon.vue.mjs";
+import { WuJieContainer } from "./wujie-container/wujie-container.mjs";
+import { IconNamespaceEnum } from "./icon-next/types/index.mjs";
+import { useIconAsset } from "./icon-next/hooks/useIconAsset.mjs";
+import { useIconPark } from "./icon-next/hooks/useIconPark.mjs";
+import { useIconPlatform } from "./icon-next/hooks/useIconPlatform.mjs";
+import { IconNext } from "./icon-next/index.mjs";
+import { coreComponentsCreateAppVue } from "./create-app-vue.mjs";
+export { AssetsSvgIcon, IconNamespaceEnum, IconNext, svg_icon_default as SvgIcon, WuJieContainer, coreComponentsCreateAppVue, useIconAsset, useIconPark, useIconPlatform };

package/es/loader.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/es/svg-icon/svg-icon.vue.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    prefix: string;
+    size: string | number;
+    spin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/svg-icon/svg-icon.vue.mjs

@@ -0,0 +1,6 @@
+import svg_icon_vue_vue_type_script_setup_true_name_SvgIcon_lang_default from "./svg-icon.vue_vue_type_script_setup_true_name_SvgIcon_lang.mjs";
+import './svg-icon.vue_vue_type_style_index_0_lang.css';/* empty css                                               */
+//#region src/svg-icon/svg-icon.vue
+var svg_icon_default = svg_icon_vue_vue_type_script_setup_true_name_SvgIcon_lang_default;
+//#endregion
+export { svg_icon_default as default };