@gct-paas/render-web 0.1.6-dev.8 → 6.0.0-dev.1

package/es/components/base-vxe-table/base-vxe-table.vue.d.ts

@@ -0,0 +1,80 @@
+import { TablePaginationConfig } from 'ant-design-vue';
+type __VLS_Props = {
+    loading: boolean;
+    /** 表格高度自适应 */
+    autoResize?: boolean;
+    /**固定高度 */
+    height?: string;
+    dataSource: IObject[];
+    /**列配置 */
+    tableColumns: IObject[];
+    showPagination: boolean;
+    pagination?: TablePaginationConfig;
+    action?: IObject;
+    events?: Record<string, Fn>;
+    attributes?: Record<string, string>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        custom_item?(_: {
+            record: any;
+            column: import("vxe-table").VxeTableDefines.ColumnInfo<any>;
+            rowIndex: number;
+        }): any;
+        operate?(_: {
+            row: any;
+            rowIndex: number;
+        }): any;
+    };
+    refs: {
+        xTable: {
+            $props: import('vxe-table').VxeTableProps<any> & {
+                layouts?: import("vxe-table").VxeGridPropTypes.Layouts;
+                columns?: import("vxe-table").VxeGridPropTypes.Columns<any> | undefined;
+                pagerConfig?: import("vxe-table").VxeGridPropTypes.PagerConfig;
+                proxyConfig?: import("vxe-table").VxeGridPropTypes.ProxyConfig<any> | undefined;
+                toolbarConfig?: import("vxe-table").VxeGridPropTypes.ToolbarConfig;
+                formConfig?: import("vxe-table").VxeGridPropTypes.FormConfig;
+                zoomConfig?: import("vxe-table").VxeGridPropTypes.ZoomConfig;
+            } & import('vxe-table').VxeGridEventProps<any>;
+            $slots: import('vxe-table').VxeGridSlots<any>;
+        } | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    getRef: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "checkbox-change": (...args: any[]) => void;
+    "radio-change": (...args: any[]) => void;
+    "request-table-data": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCheckbox-change"?: ((...args: any[]) => any) | undefined;
+    "onRadio-change"?: ((...args: any[]) => any) | undefined;
+    "onRequest-table-data"?: ((...args: any[]) => any) | undefined;
+}>, {
+    autoResize: boolean;
+    height: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    xTable: {
+        $props: import('vxe-table').VxeTableProps<any> & {
+            layouts?: import("vxe-table").VxeGridPropTypes.Layouts;
+            columns?: import("vxe-table").VxeGridPropTypes.Columns<any> | undefined;
+            pagerConfig?: import("vxe-table").VxeGridPropTypes.PagerConfig;
+            proxyConfig?: import("vxe-table").VxeGridPropTypes.ProxyConfig<any> | undefined;
+            toolbarConfig?: import("vxe-table").VxeGridPropTypes.ToolbarConfig;
+            formConfig?: import("vxe-table").VxeGridPropTypes.FormConfig;
+            zoomConfig?: import("vxe-table").VxeGridPropTypes.ZoomConfig;
+        } & import('vxe-table').VxeGridEventProps<any>;
+        $slots: import('vxe-table').VxeGridSlots<any>;
+    } | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/base-vxe-table/base-vxe-table.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import base_vxe_table_vue_vue_type_script_setup_true_name_base_vxe_table_lang_default from "./base-vxe-table.vue_vue_type_script_setup_true_name_base-vxe-table_lang.mjs";
+import './base-vxe-table.vue_vue_type_style_index_0_scoped_bf4b3774_lang.css';/* empty css                                                                     */
+//#region src/components/base-vxe-table/base-vxe-table.vue
+var base_vxe_table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(base_vxe_table_vue_vue_type_script_setup_true_name_base_vxe_table_lang_default, [["__scopeId", "data-v-bf4b3774"]]);
+//#endregion
+export { base_vxe_table_default as default };

package/es/components/base-vxe-table/base-vxe-table.vue_vue_type_script_setup_true_name_base-vxe-table_lang.mjs

@@ -0,0 +1,154 @@
+import { baseColumnConfig, specialColumns } from "./utils.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, resolveComponent, toDisplayString, toHandlers, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+import { Empty } from "ant-design-vue";
+import { VxeGrid } from "vxe-table";
+//#region src/components/base-vxe-table/base-vxe-table.vue?vue&type=script&setup=true&name=base-vxe-table&lang.ts
+var _hoisted_1 = { class: "base-vxe-table-wrapper" };
+var _hoisted_2 = { class: "base-vxe-table-area" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-right mt10px"
+};
+var base_vxe_table_vue_vue_type_script_setup_true_name_base_vxe_table_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "base-vxe-table",
+	props: {
+		loading: { type: Boolean },
+		autoResize: {
+			type: Boolean,
+			default: true
+		},
+		height: { default: "100%" },
+		dataSource: {},
+		tableColumns: {},
+		showPagination: { type: Boolean },
+		pagination: {},
+		action: {},
+		events: {},
+		attributes: {}
+	},
+	emits: [
+		"request-table-data",
+		"checkbox-change",
+		"radio-change"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		/** 支持列绘制的时候使用formatter */
+		function renderWithFormatter(column, row) {
+			const { type, field, formatter, params = {} } = column;
+			if (type === "checkbox" || type === "radio") return;
+			const cellValue = row[field];
+			if (formatter && typeof formatter === "function") return formatter({
+				cellValue,
+				row,
+				column
+			});
+			return cellValue || params.defaultValueStr || "--";
+		}
+		const xTable = ref();
+		const emit = __emit;
+		const columns = [...props.tableColumns.map((col) => ({
+			...baseColumnConfig,
+			...col,
+			slots: col.slots ? {
+				...baseColumnConfig.slots,
+				...col.slots
+			} : baseColumnConfig.slots
+		})), {
+			...specialColumns.action,
+			...props.action,
+			title: t("sys.operation")
+		}];
+		const paginationAttr = computed(() => {
+			if (props.pagination) return {
+				current: props.pagination.current,
+				pageSize: props.pagination.pageSize,
+				total: props.pagination.total,
+				showSizeChanger: true,
+				pageSizeOptions: [
+					"10",
+					"20",
+					"30",
+					"40",
+					"50"
+				],
+				showTotal: (total) => t("sys.component.table.total", { total })
+			};
+			return {};
+		});
+		function seqMethod({ rowIndex }) {
+			if (!props.showPagination) return rowIndex + 1;
+			if (!props.pagination) return rowIndex + 1;
+			const start = rowIndex + 1;
+			return (props.pagination.current - 1) * props.pagination.pageSize + start;
+		}
+		const onSizeChange = (current, pageSize) => {
+			emit("request-table-data", {
+				current,
+				pageSize
+			});
+		};
+		__expose({ getRef: () => xTable.value });
+		return (_ctx, _cache) => {
+			const _component_a_empty = resolveComponent("a-empty");
+			const _component_a_pagination = resolveComponent("a-pagination");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(VxeGrid), mergeProps({
+				ref_key: "xTable",
+				ref: xTable,
+				class: "gct-edhr-vxetable vxetable default",
+				"column-config": {
+					minWidth: 100,
+					useKey: true,
+					resizable: true
+				},
+				"show-header-overflow": true,
+				"edit-config": {
+					trigger: "manual",
+					mode: "row"
+				},
+				"row-config": {
+					isHover: true,
+					useKey: true,
+					isCurrent: true
+				},
+				"scroll-y": {
+					enabled: true,
+					scrollToTopOnChange: true,
+					oSize: 5,
+					gt: 30
+				},
+				"min-height": "88",
+				height: __props.height,
+				data: __props.dataSource,
+				loading: __props.loading,
+				"loading-config": { text: _ctx.$t("sys.loadingText") },
+				columns,
+				"auto-resize": __props.autoResize,
+				"seq-config": { seqMethod }
+			}, __props.attributes, toHandlers(__props.events)), {
+				default: withCtx(({ column, row }) => [createElementVNode("span", null, toDisplayString(renderWithFormatter(column, row)), 1)]),
+				custom_render: withCtx(({ column, row: record, rowIndex }) => [renderSlot(_ctx.$slots, "custom_item", normalizeProps(guardReactiveProps({
+					record,
+					column,
+					rowIndex
+				})), void 0, true)]),
+				action: withCtx(({ row, rowIndex }) => [renderSlot(_ctx.$slots, "operate", normalizeProps(guardReactiveProps({
+					row,
+					rowIndex
+				})), void 0, true)]),
+				empty: withCtx(() => [createVNode(_component_a_empty, { image: unref(Empty).PRESENTED_IMAGE_SIMPLE }, null, 8, ["image"])]),
+				_: 3
+			}, 16, [
+				"height",
+				"data",
+				"loading",
+				"loading-config",
+				"auto-resize",
+				"seq-config"
+			])]), __props.showPagination && __props.dataSource.length ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_a_pagination, mergeProps({ class: "pagination-total-left" }, paginationAttr.value, { onChange: onSizeChange }), null, 16)])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { base_vxe_table_vue_vue_type_script_setup_true_name_base_vxe_table_lang_default as default };

package/es/components/base-vxe-table/base-vxe-table.vue_vue_type_style_index_0_scoped_bf4b3774_lang.css

@@ -0,0 +1,10 @@
+.base-vxe-table-wrapper[data-v-bf4b3774] {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+}
+.base-vxe-table-wrapper .base-vxe-table-area[data-v-bf4b3774] {
+  flex: 1;
+  overflow: hidden;
+}

package/es/components/base-vxe-table/utils.d.ts

@@ -0,0 +1,25 @@
+export declare const baseColumnConfig: {
+    minWidth: number;
+    showOverflow: boolean;
+    slots: {
+        default: string;
+    };
+    align: "left";
+};
+export declare const specialColumns: {
+    seq: {
+        type: string;
+        title: string;
+        width: number;
+        align: "center";
+        slots: null;
+    };
+    action: {
+        field: string;
+        width: number;
+        fixed: "right";
+        slots: {
+            default: string;
+        };
+    };
+};

package/es/components/base-vxe-table/utils.mjs

@@ -0,0 +1,25 @@
+import { t } from "@gct-paas/core";
+//#region src/components/base-vxe-table/utils.ts
+var baseColumnConfig = {
+	minWidth: 100,
+	showOverflow: true,
+	slots: { default: "default" },
+	align: "left"
+};
+var specialColumns = {
+	seq: {
+		type: "seq",
+		title: t("sys.index"),
+		width: 60,
+		align: "center",
+		slots: null
+	},
+	action: {
+		field: "action",
+		width: 134,
+		fixed: "right",
+		slots: { default: "action" }
+	}
+};
+//#endregion
+export { baseColumnConfig, specialColumns };

package/es/components/collapse-detail/components/collapse-list.vue.d.ts

@@ -0,0 +1,24 @@
+import { CollapseItem } from '../typing';
+type __VLS_Props = {
+    descData: CollapseItem[];
+    isHead?: boolean;
+    column?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        item: CollapseItem;
+        slotData: IObject | undefined;
+    }) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/collapse-detail/components/collapse-list.vue.mjs

@@ -0,0 +1,5 @@
+import collapse_list_vue_vue_type_script_setup_true_lang_default from "./collapse-list.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/collapse-detail/components/collapse-list.vue
+var collapse_list_default = collapse_list_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { collapse_list_default as default };

package/es/components/collapse-detail/components/collapse-list.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,103 @@
+import instance_status_label_default from "./instance-status-label.vue.mjs";
+import label_tag_default from "./label-tag.vue.mjs";
+import enum_tag_label_default from "./enum-tag-label.vue.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { CopyModuleKey } from "@gct-paas/core-web";
+//#region src/components/collapse-detail/components/collapse-list.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+var _hoisted_2 = ["title"];
+var collapse_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "collapse-list",
+	props: {
+		descData: {},
+		isHead: { type: Boolean },
+		column: {}
+	},
+	setup(__props) {
+		const getSpan = (span = 1) => {
+			if (span > 3) return 3;
+			return span;
+		};
+		const ellipsisStyle = (item) => {
+			if (!item.ellipsis) return {};
+			return {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap",
+				display: "inline-block"
+			};
+		};
+		return (_ctx, _cache) => {
+			const _component_a_tag = resolveComponent("a-tag");
+			const _component_a_descriptions_item = resolveComponent("a-descriptions-item");
+			const _component_a_descriptions = resolveComponent("a-descriptions");
+			return openBlock(), createBlock(_component_a_descriptions, {
+				class: normalizeClass(__props.isHead ? "item" : "desc-area"),
+				column: __props.column || 3
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.descData, (item, _index) => {
+					return openBlock(), createBlock(_component_a_descriptions_item, {
+						key: _index,
+						label: item.label,
+						span: getSpan(item.span),
+						"content-style": ellipsisStyle(item)
+					}, {
+						default: withCtx(() => [item.useSlot && item.slotName && _ctx.$slots[item.slotName] ? renderSlot(_ctx.$slots, item.slotName, {
+							key: 0,
+							item,
+							slotData: item.slotData
+						}) : item.render ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							item.render === "link_render" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [item.name ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								title: item.name
+							}, toDisplayString(item.name), 9, _hoisted_1)) : (openBlock(), createBlock(_component_a_tag, {
+								key: 1,
+								color: "error"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("sys.onlineForm.noAssociation")), 1)]),
+								_: 1
+							}))], 64)) : createCommentVNode("", true),
+							item.render === "status_render" ? (openBlock(), createBlock(instance_status_label_default, {
+								key: 1,
+								"instance-status": item.name
+							}, null, 8, ["instance-status"])) : createCommentVNode("", true),
+							item.render === "change_status_render" ? (openBlock(), createBlock(enum_tag_label_default, {
+								key: 2,
+								value: item.name,
+								model: item.model
+							}, null, 8, ["value", "model"])) : createCommentVNode("", true),
+							item.render === "label_tag_render" ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(item.tagList, (tag, i) => {
+								return openBlock(), createBlock(label_tag_default, {
+									key: i,
+									data: tag
+								}, null, 8, ["data"]);
+							}), 128)) : createCommentVNode("", true)
+						], 64)) : item.isCopy ? (openBlock(), createBlock(unref(CopyModuleKey), {
+							key: 2,
+							"module-key": item.key
+						}, null, 8, ["module-key"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createElementVNode("span", {
+							title: item.name,
+							class: normalizeClass({ "mr-4px": item.hasTag })
+						}, toDisplayString(item.name), 11, _hoisted_2), item.hasTag ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.tagList, (tag) => {
+							return openBlock(), createBlock(_component_a_tag, {
+								key: tag.key,
+								color: tag?.color
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(tag.name), 1)]),
+								_: 2
+							}, 1032, ["color"]);
+						}), 128)) : createCommentVNode("", true)], 64))]),
+						_: 2
+					}, 1032, [
+						"label",
+						"span",
+						"content-style"
+					]);
+				}), 128))]),
+				_: 3
+			}, 8, ["class", "column"]);
+		};
+	}
+});
+//#endregion
+export { collapse_list_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/collapse-detail/components/enum-tag-label.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    model: string;
+    value: string;
+};
+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, {}, any>;
+export default _default;

package/es/components/collapse-detail/components/enum-tag-label.vue.mjs

@@ -0,0 +1,5 @@
+import enum_tag_label_vue_vue_type_script_setup_true_lang_default from "./enum-tag-label.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/collapse-detail/components/enum-tag-label.vue
+var enum_tag_label_default = enum_tag_label_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { enum_tag_label_default as default };

package/es/components/collapse-detail/components/enum-tag-label.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,61 @@
+import tag_label_default from "../../form-component/field-label/tag-label.vue.mjs";
+import "../../form-component/index.mjs";
+import { createBlock, defineComponent, openBlock, ref, unref, watch } from "vue";
+import { FIELD_TYPE, gctMemoizeAsync } from "@gct-paas/core";
+import { pick } from "lodash-es";
+//#region src/components/collapse-detail/components/enum-tag-label.vue?vue&type=script&setup=true&lang.ts
+var enum_tag_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "enum-tag-label",
+	props: {
+		model: {},
+		value: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const enumInfo = ref({});
+		const iconProps = ref();
+		const iconExtraProps = ref();
+		const loadData = gctMemoizeAsync(getEnumConfig);
+		watch(() => props.model, async () => {
+			if (!props.model) return;
+			const { list, tagProps } = await loadData({ id: props.model });
+			enumInfo.value = list.find((e) => e.value === props.value);
+			iconExtraProps.value = tagProps;
+		}, { immediate: true });
+		async function getEnumConfig({ id }) {
+			return await getEnumData(await _api.apaas.enumModel.getInfoId({ id }) || {});
+		}
+		async function getEnumData({ iconState, textState }) {
+			const res = await _api.apaas.enumModelField.getPageList({
+				enumModelId: props.model,
+				enumModelKey: props.model
+			});
+			const keys = iconState ? ["icon", "iconColor"] : [];
+			if (textState) keys.push("textColor");
+			return {
+				list: res?.data || [],
+				tagProps: res?.data?.reduce((map, e) => {
+					map[e.text] = pick(e, keys);
+					return map;
+				}, {})
+			};
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(tag_label_default), {
+				type: unref(FIELD_TYPE).ENUM,
+				label: enumInfo.value.text,
+				"tag-widget-style": { tagStyleOpen: true },
+				"is-design": false,
+				"icon-extra-props": iconExtraProps.value,
+				"icon-props": iconProps.value
+			}, null, 8, [
+				"type",
+				"label",
+				"icon-extra-props",
+				"icon-props"
+			]);
+		};
+	}
+});
+//#endregion
+export { enum_tag_label_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/collapse-detail/components/instance-status-label.vue.d.ts

@@ -0,0 +1,34 @@
+import { InstanceStatusValue } from '../constants/status';
+import { FormTypeEnum } from '../typing';
+type __VLS_Props = {
+    formType?: FormTypeEnum;
+    dataStatus?: string;
+    instanceStatus: InstanceStatusValue;
+    statusType?: string;
+    useDynamicColor?: boolean;
+    showIcon?: boolean;
+    needCustomClass?: boolean;
+    isFormSummary?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        instanceTitle?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    useDynamicColor: boolean;
+    showIcon: boolean;
+    needCustomClass: boolean;
+    isFormSummary: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/collapse-detail/components/instance-status-label.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import instance_status_label_vue_vue_type_script_setup_true_lang_default from "./instance-status-label.vue_vue_type_script_setup_true_lang.mjs";
+import './instance-status-label.vue_vue_type_style_index_0_scoped_610b0bb3_lang.css';/* empty css                                                                            */
+//#region src/components/collapse-detail/components/instance-status-label.vue
+var instance_status_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(instance_status_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-610b0bb3"]]);
+//#endregion
+export { instance_status_label_default as default };

package/es/components/collapse-detail/components/instance-status-label.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,76 @@
+import { useInstanceThemeConfig } from "../constants/instance-theme-config.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/collapse-detail/components/instance-status-label.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "instance-status-icon"
+};
+var instance_status_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "instance-status-label",
+	props: {
+		formType: {},
+		dataStatus: {},
+		instanceStatus: {},
+		statusType: {},
+		useDynamicColor: {
+			type: Boolean,
+			default: false
+		},
+		showIcon: {
+			type: Boolean,
+			default: false
+		},
+		needCustomClass: {
+			type: Boolean,
+			default: false
+		},
+		isFormSummary: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const themeConfig = computed(() => {
+			const base = "instance-status-label";
+			if (props.useDynamicColor) {
+				const config = useInstanceThemeConfig({
+					formType: props.formType,
+					dataStatus: props.dataStatus,
+					instanceStatus: props.instanceStatus,
+					statusType: props.statusType,
+					isFormSummary: props.isFormSummary
+				});
+				return {
+					baseClass: [base, `${base}--dynamic`],
+					...config
+				};
+			}
+			return {
+				placeholder: props.instanceStatus ? t(`sys.edhr.instanceStatus2FormEnum.${props.instanceStatus}`) : "",
+				baseClass: [
+					base,
+					`${base}--static`,
+					`${base}--${props.instanceStatus}`
+				]
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["instance-status-wrapper", themeConfig.value.baseClass]),
+				style: normalizeStyle({
+					"--nocode-iconBgColor": themeConfig.value?.iconBackground,
+					"--nocode-textColor": themeConfig.value?.textColor,
+					"--nocode-bgColor": themeConfig.value?.background
+				})
+			}, [
+				__props.showIcon ? (openBlock(), createElementBlock("span", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "iconfont icon-a-biaodan2" }, null, -1)])])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "instanceTitle", {}, void 0, true),
+				createElementVNode("span", { class: normalizeClass(["instance-title", __props.needCustomClass ? "is-custom-class" : ""]) }, toDisplayString(themeConfig.value?.placeholder), 3)
+			], 6);
+		};
+	}
+});
+//#endregion
+export { instance_status_label_vue_vue_type_script_setup_true_lang_default as default };