@gct-paas/core-web 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/field-upload/src/components/file-list.vue_vue_type_script_setup_true_name_fileList_lang.mjs

@@ -0,0 +1,129 @@
+import svg_icon_default from "../../../svg-icon/svg-icon.vue.mjs";
+import { sizeParser, typeParser } from "../hooks/hooks.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { isFunction } from "lodash-es";
+import { MaterialEnum, downloadByUrl } from "@gct-paas/core";
+//#region src/components/field-upload/src/components/file-list.vue?vue&type=script&setup=true&name=fileList&lang.ts
+var _hoisted_1 = { class: "file-list" };
+var _hoisted_2 = {
+	key: 0,
+	class: "file-list__header"
+};
+var _hoisted_3 = ["onClick"];
+var _hoisted_4 = { class: "file-list__item-name" };
+var _hoisted_5 = ["onClick"];
+var _hoisted_6 = ["onClick"];
+var file_list_vue_vue_type_script_setup_true_name_fileList_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "file-list",
+	props: {
+		showType: {},
+		fileList: {},
+		isDesign: { type: Boolean },
+		materialType: {},
+		hasSize: { type: Boolean },
+		nameClick: { type: Function },
+		hideSwitch: { type: Boolean }
+	},
+	emits: ["update:showType"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const filesList = ref([]);
+		const switchIcons = [{
+			icon: "icon-liebiaozhanshi",
+			name: "List",
+			key: "switch_icon_list"
+		}, {
+			icon: "icon-kapianzhanshi",
+			name: "Card",
+			key: "switch_icon_card"
+		}];
+		watch(() => props.fileList, async (val) => {
+			if (!props.isDesign && props.hasSize) {
+				const ids = props.fileList.map((i) => {
+					return i.path.split("/")[2];
+				});
+				filesList.value = (await _api.apaas.fileResource.postList({ ids }) || []).map((item) => {
+					const minio = void 0;
+					return {
+						path: /^\/w/.test(item.url) ? `${minio}${item.url}` : `${minio}/${item.url}`,
+						name: item.name,
+						size: item.size
+					};
+				});
+			} else filesList.value = val.map((item) => {
+				return typeof item === "string" ? {
+					name: getFileName(item),
+					path: item
+				} : item;
+			});
+		}, { immediate: true });
+		const getFileName = (path) => {
+			const parts = path.split("/");
+			return parts[parts.length - 1];
+		};
+		const fileTypeParser = computed(() => {
+			return (item) => {
+				if (item?.type === "external") return "link";
+				return typeParser(item?.name ?? item);
+			};
+		});
+		const fileSizeParser = computed(() => {
+			return (size) => {
+				return sizeParser(size);
+			};
+		});
+		const onChangeTypeTab = (data) => {
+			emit("update:showType", data.name);
+		};
+		async function downFile(item) {
+			if (props.isDesign) return;
+			if (props.nameClick && isFunction(props.nameClick)) props.nameClick(item);
+			else downloadByUrl({ url: item.path });
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1, [!__props.hideSwitch ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock(Fragment, null, renderList(switchIcons, (tab) => {
+				return createElementVNode("div", {
+					key: tab.key,
+					class: normalizeClass(["switch-item", [__props.showType === tab.name && "selected"]]),
+					onClick: withModifiers(() => onChangeTypeTab(tab), ["stop"])
+				}, [createElementVNode("i", { class: normalizeClass(["iconfont", tab.icon]) }, null, 2)], 10, _hoisted_3);
+			}), 64))])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass([
+				"file-list__list",
+				__props.showType === "Card" ? "flex-card" : "flex-list",
+				!!__props.hideSwitch ? "hide-switch" : ""
+			]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filesList.value, (file, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					class: normalizeClass([
+						"file-list__item",
+						__props.isDesign ? "is-design" : "",
+						{ "material-table-field": __props.materialType === unref(MaterialEnum).MaterialTableField }
+					])
+				}, [
+					createVNode(svg_icon_default, {
+						class: normalizeClass(["file-list__item-svg", !__props.hasSize ? "no-size" : ""]),
+						size: __props.showType === "Card" ? 32 : 24,
+						name: fileTypeParser.value(file)
+					}, null, 8, [
+						"class",
+						"size",
+						"name"
+					]),
+					createElementVNode("div", _hoisted_4, [__props.isDesign ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						onClick: withModifiers(($event) => downFile(file), ["stop"])
+					}, toDisplayString(file.name), 9, _hoisted_5)) : (openBlock(), createBlock(_component_a_tooltip, { key: 1 }, {
+						title: withCtx(() => [createTextVNode(toDisplayString(file.name), 1)]),
+						default: withCtx(() => [createElementVNode("span", { onClick: withModifiers(($event) => downFile(file), ["stop"]) }, toDisplayString(file.name), 9, _hoisted_6)]),
+						_: 2
+					}, 1024))]),
+					createElementVNode("span", { class: normalizeClass(["file-list__item-size", [__props.isDesign ? "is-design" : ""]]) }, toDisplayString(__props.hasSize ? fileSizeParser.value(file.size) : ""), 3)
+				], 2);
+			}), 128))], 2)]);
+		};
+	}
+});
+//#endregion
+export { file_list_vue_vue_type_script_setup_true_name_fileList_lang_default as default };

package/es/components/field-upload/src/components/file-list.vue_vue_type_style_index_0_scoped_3918aad0_lang.css

@@ -0,0 +1,129 @@
+.file-list__header[data-v-3918aad0] {
+  width: 64px;
+  height: 32px;
+  padding: 4px;
+  border-radius: 4px;
+  background: #f3f5f9;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.file-list__header .switch-item[data-v-3918aad0] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  color: #c9cede;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.file-list__header .switch-item .iconfont[data-v-3918aad0] {
+  width: 24px;
+  height: 24px;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+}
+.file-list__header .switch-item.selected[data-v-3918aad0] {
+  background-color: #fff;
+  color: #384356;
+}
+.file-list__list[data-v-3918aad0] {
+  margin-top: 12px;
+  display: flex;
+}
+.file-list__list.hide-switch[data-v-3918aad0] {
+  margin-top: 0;
+}
+.file-list__list[data-v-3918aad0]::-webkit-scrollbar {
+  display: block;
+  width: 4px;
+}
+.file-list__list.flex-card[data-v-3918aad0] {
+  flex-direction: row;
+  flex-wrap: wrap;
+  max-height: 372px;
+  overflow-y: auto;
+}
+.file-list__list.flex-card .file-list__item[data-v-3918aad0] {
+  flex-direction: column;
+  text-align: center;
+  width: 115px;
+  background: #fff;
+  margin-right: 10px;
+  padding: 16px 10px;
+  border: 1px solid #e8ebf0;
+  border-radius: 4px 4px 4px 4px;
+}
+.file-list__list.flex-card .file-list__item.material-table-field[data-v-3918aad0]:nth-child(3n + 3) {
+  margin-right: 0;
+}
+.file-list__list.flex-card .file-list__item-svg[data-v-3918aad0] {
+  margin: 0 auto;
+}
+.file-list__list.flex-card .file-list__item-svg.no-size[data-v-3918aad0] {
+  margin-top: 6px;
+}
+.file-list__list.flex-card .file-list__item-name[data-v-3918aad0] {
+  width: 100%;
+  height: 22px;
+  line-height: 22px;
+  margin: 8px auto 0;
+}
+.file-list__list.flex-card .file-list__item-size[data-v-3918aad0] {
+  line-height: 18px;
+  margin-top: 2px;
+  font-size: 12px;
+  color: #c3c3c3;
+}
+.file-list__list.flex-card .file-list__item[data-v-3918aad0]:hover {
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
+  border-color: #fff;
+}
+.file-list__list.flex-card .file-list__item:hover .file-list__item-size.is-design[data-v-3918aad0] {
+  color: #c3c3c3;
+}
+.file-list__list.flex-list[data-v-3918aad0] {
+  flex-direction: column;
+  max-height: 320px;
+  overflow-y: auto;
+}
+.file-list__list.flex-list .file-list__item[data-v-3918aad0] {
+  line-height: 24px;
+}
+.file-list__list.flex-list .file-list__item-name[data-v-3918aad0] {
+  height: 24px;
+  width: calc(100% - 26px);
+  margin-left: 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.file-list__list.flex-list .file-list__item-size[data-v-3918aad0] {
+  margin-left: 16px;
+  margin-right: 3px;
+}
+.file-list__item[data-v-3918aad0] {
+  display: flex;
+  margin-top: 2px;
+  margin-bottom: 6px;
+}
+.file-list__item-name span[data-v-3918aad0] {
+  display: inline-block;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.file-list__item-size[data-v-3918aad0] {
+  color: #c3c3c3;
+}
+.file-list__item[data-v-3918aad0]:hover {
+  cursor: pointer;
+  color: var(--ant-primary-color);
+}
+.file-list__item.is-design[data-v-3918aad0] {
+  cursor: default;
+  color: rgba(0, 0, 0, 0.85);
+}

package/es/components/field-upload/src/components/upload-design.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    disabled: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/field-upload/src/components/upload-design.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default from "./upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs";
+import './upload-design.vue_vue_type_style_index_0_scoped_1e5189c1_lang.css';/* empty css                                                                    */
+//#region src/components/field-upload/src/components/upload-design.vue
+var upload_design_default = /* @__PURE__ */ _plugin_vue_export_helper_default(upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default, [["__scopeId", "data-v-1e5189c1"]]);
+//#endregion
+export { upload_design_default as default };

package/es/components/field-upload/src/components/upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs

@@ -0,0 +1,43 @@
+import svg_icon_default from "../../../svg-icon/svg-icon.vue.mjs";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/field-upload/src/components/upload-design.vue?vue&type=script&name=UploadDesign&setup=true&lang.ts
+var _hoisted_1 = { class: "upload-design" };
+var _hoisted_2 = { style: { "pointer-events": "none" } };
+var _hoisted_3 = { class: "progress-wrap" };
+var _hoisted_4 = { class: "progress-box text-sm" };
+var upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "upload-design",
+	props: { disabled: { type: Boolean } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			const _component_a_upload_dragger = resolveComponent("a-upload-dragger");
+			const _component_a_progress = resolveComponent("a-progress");
+			const _component_close_outlined = resolveComponent("close-outlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(_component_a_upload_dragger, {
+				"file-list": [],
+				disabled: __props.disabled
+			}, {
+				default: withCtx(() => [createElementVNode("div", null, [createVNode(svg_icon_default, {
+					size: "56",
+					name: "folder"
+				})]), _cache[0] || (_cache[0] = createElementVNode("p", {
+					class: "ant-upload-text",
+					style: { "font-size": "14px" }
+				}, " 点击或将文件拖拽到这里上传 ", -1))]),
+				_: 1
+			}, 8, ["disabled"])]), createElementVNode("div", _hoisted_3, [
+				createVNode(svg_icon_default, {
+					size: "32",
+					name: "doc"
+				}),
+				createElementVNode("div", _hoisted_4, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "left w-full" }, [createElementVNode("span", { class: "label" }, "示例内容.docx"), createElementVNode("span", { class: "size ml-16px text-[#C3C3C3]" }, "88M")], -1)), createVNode(_component_a_progress, {
+					"stroke-width": 4,
+					percent: 88
+				})]),
+				createVNode(_component_close_outlined, { class: "mt-3px icon" })
+			])]);
+		};
+	}
+});
+//#endregion
+export { upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default as default };

package/es/components/field-upload/src/components/upload-design.vue_vue_type_style_index_0_scoped_1e5189c1_lang.css

@@ -0,0 +1,43 @@
+.progress-wrap[data-v-1e5189c1] {
+  display: flex;
+  margin-top: 16px;
+}
+.progress-wrap .progress-box[data-v-1e5189c1] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  line-height: 22px;
+  align-self: center;
+}
+.progress-wrap .progress-box[data-v-1e5189c1] .ant-progress {
+  line-height: 0.4;
+}
+.progress-wrap .progress-box[data-v-1e5189c1] .ant-progress .ant-progress-text {
+  position: absolute;
+  right: 0;
+  top: -14px;
+  line-height: 0.6;
+  color: #797a7d;
+}
+.progress-wrap .progress-box[data-v-1e5189c1] .ant-progress-show-info .ant-progress-outer {
+  margin-right: 0;
+  padding-right: 0;
+}
+.progress-wrap .progress-box[data-v-1e5189c1] .ant-progress-show-info .ant-progress-outer .ant-progress-inner {
+  background: #e6e9ef;
+}
+.progress-wrap .icon[data-v-1e5189c1] {
+  margin-left: 24px;
+  font-size: 16px;
+  color: #212528 !important;
+  align-self: center;
+}
+[data-v-1e5189c1] .ant-upload.ant-upload-drag {
+  background: #f7f8fa;
+}
+[data-v-1e5189c1] .ant-upload.ant-upload-drag.ant-upload-disabled {
+  opacity: 0.5;
+}
+[data-v-1e5189c1] .ant-upload.ant-upload-drag .ant-upload {
+  padding: 40px 0;
+}

package/es/components/field-upload/src/hooks/hooks.d.ts

@@ -0,0 +1,4 @@
+import { UploadTypeEnum } from '../types';
+export declare const getFileSize: (url: string) => Promise<unknown>;
+export declare const sizeParser: (size: number) => string;
+export declare const typeParser: (fileName: string) => "img" | "PDF" | UploadTypeEnum.JPG | UploadTypeEnum.JPEG | UploadTypeEnum.PNG | UploadTypeEnum.BMP | UploadTypeEnum.DOCX | UploadTypeEnum.XLSX | UploadTypeEnum.DOC | UploadTypeEnum.MP4 | UploadTypeEnum.AVI | UploadTypeEnum.PPT | UploadTypeEnum.GIF | "MP4" | "ssl" | "attachment";

package/es/components/field-upload/src/hooks/hooks.mjs

@@ -0,0 +1,47 @@
+import { UploadTypeEnum } from "../types/index.mjs";
+//#region src/components/field-upload/src/hooks/hooks.ts
+var getFileSize = (url) => {
+	return new Promise((resolve, reject) => {
+		const xhr = new XMLHttpRequest();
+		xhr.open("GET", url);
+		xhr.responseType = "blob";
+		xhr.onload = () => {
+			if (xhr.status === 200) {
+				const blob = xhr.response;
+				const reader = new FileReader();
+				reader.onloadend = () => {
+					resolve(blob.size);
+				};
+				reader.readAsText(blob);
+			} else reject(`Error ${xhr.status}: ${xhr.statusText}`);
+		};
+		xhr.send();
+	});
+};
+var sizeParser = (size) => {
+	if (size / 1024 < 1) return (size / 1024).toFixed(2) + "K";
+	if (size / 1024 / 10 < 1) return (size / 1024).toFixed(1) + "K";
+	if (size / 1024 / 1024 < 1) return (size / 1024).toFixed(0) + "K";
+	if (size / 1024 / 1024 / 10 < 1) return (size / 1024 / 1024).toFixed(2) + "M";
+	return (size / 1024 / 1024).toFixed(2) + "M";
+};
+var typeParser = (fileName) => {
+	const arr = fileName?.split(".") ?? [];
+	let type = arr[arr.length - 1] || "png";
+	type = type.toLowerCase();
+	if ([
+		UploadTypeEnum.PNG,
+		UploadTypeEnum.JPG,
+		UploadTypeEnum.JPEG,
+		UploadTypeEnum.BMP,
+		UploadTypeEnum.GIF
+	].includes(type)) return "img";
+	if ([UploadTypeEnum.DOCX, UploadTypeEnum.DOC].includes(type)) return UploadTypeEnum.DOC;
+	if ([UploadTypeEnum.MP4, UploadTypeEnum.AVI].includes(type)) return "MP4";
+	if (type === UploadTypeEnum.PDF) return "PDF";
+	if (type === UploadTypeEnum.CER) return "ssl";
+	if (Object.values(UploadTypeEnum).includes(type)) return type;
+	return "attachment";
+};
+//#endregion
+export { getFileSize, sizeParser, typeParser };

package/es/components/field-upload/src/types/index.d.ts

@@ -0,0 +1,42 @@
+export declare enum UploadTypeEnum {
+    JPG = "jpg",
+    JPEG = "jpeg",
+    PNG = "png",
+    BMP = "bmp",
+    DOCX = "docx",
+    PDF = "pdf",
+    XLSX = "xlsx",
+    DOC = "doc",
+    MP4 = "mp4",
+    AVI = "avi",
+    PPT = "ppt",
+    GIF = "gif",
+    CER = "cer"
+}
+export interface AttrObjType {
+    /** 单个文件大小 */
+    maxSize?: number;
+    /** 最大上传数量 */
+    maxCount?: number;
+    /** 支持的格式数组 */
+    accept?: string[];
+    /** 支持的格式 */
+    acceptStr?: string;
+}
+export declare enum statusEnum {
+    EXCEPTION = "exception",
+    ACTIVE = "active"
+}
+export interface fileType {
+    name: string;
+    path: string;
+    size: number;
+}
+export interface FileItemType {
+    uid: string;
+    name?: string;
+    status?: statusEnum;
+    path?: string;
+    fileSize?: number;
+    percentNum?: number;
+}

package/es/components/field-upload/src/types/index.mjs

@@ -0,0 +1,24 @@
+//#region src/components/field-upload/src/types/index.ts
+var UploadTypeEnum = /* @__PURE__ */ function(UploadTypeEnum) {
+	UploadTypeEnum["JPG"] = "jpg";
+	UploadTypeEnum["JPEG"] = "jpeg";
+	UploadTypeEnum["PNG"] = "png";
+	UploadTypeEnum["BMP"] = "bmp";
+	UploadTypeEnum["DOCX"] = "docx";
+	UploadTypeEnum["PDF"] = "pdf";
+	UploadTypeEnum["XLSX"] = "xlsx";
+	UploadTypeEnum["DOC"] = "doc";
+	UploadTypeEnum["MP4"] = "mp4";
+	UploadTypeEnum["AVI"] = "avi";
+	UploadTypeEnum["PPT"] = "ppt";
+	UploadTypeEnum["GIF"] = "gif";
+	UploadTypeEnum["CER"] = "cer";
+	return UploadTypeEnum;
+}({});
+var statusEnum = /* @__PURE__ */ function(statusEnum) {
+	statusEnum["EXCEPTION"] = "exception";
+	statusEnum["ACTIVE"] = "active";
+	return statusEnum;
+}({});
+//#endregion
+export { UploadTypeEnum, statusEnum };

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

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

package/es/components/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/components/icon-next/hooks/useIconAsset.mjs

@@ -0,0 +1,36 @@
+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

@@ -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/components/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/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

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

package/es/components/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/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

@@ -0,0 +1,3 @@
+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

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