@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.12

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

@@ -1,52 +1,52 @@
-import { ref, computed } from 'vue';
-import IconParkJson from '@icon-park/vue-next/icons.json';
-import { IconNamespaceEnum } from '../types/index.mjs';
-
-const iconParkIcons = ref([]);
-const iconParkCats = computed(() => {
-  return [
-    {
-      id: "IconPark",
-      name: "IconPark",
-      children: iconParkIcons.value
-    }
-  ];
+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 === "Base" /* Base */);
-    const others = cats.filter((c) => c.id === "Others" /* Others */);
-    const middle = cats.filter(
-      (c) => !["Base" /* Base */, "Others" /* Others */].includes(c.id)
-    );
-    iconParkIcons.value = base.concat(middle, others);
-    return iconParkCats.value;
-  }
-  return {
-    getIconParkCats
-  };
+	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.mjs

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

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

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

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

@@ -0,0 +1,7 @@
+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_c5a83130_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-c5a83130"]]);
+//#endregion
+export { IconNext_default as default };

package/es/components/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/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,
+			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/components/icon-next/src/IconNextPicker.vue.mjs

@@ -0,0 +1,6 @@
+import IconNextPicker_vue_vue_type_script_setup_true_name_IconNextPicker_lang_default from "./IconNextPicker.vue_vue_type_script_setup_true_name_IconNextPicker_lang.mjs";
+import './IconNextPicker.vue_vue_type_style_index_0_lang.css';/* empty css                                                     */
+//#region src/components/icon-next/src/IconNextPicker.vue
+var IconNextPicker_default = IconNextPicker_vue_vue_type_script_setup_true_name_IconNextPicker_lang_default;
+//#endregion
+export { IconNextPicker_default as default };