@gct-paas/render-web 0.1.6-dev.4 → 0.1.6-dev.41

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 };

package/es/components/collapse-detail/components/instance-status-label.vue_vue_type_style_index_0_scoped_610b0bb3_lang.css

@@ -0,0 +1,77 @@
+.instance-status-wrapper[data-v-610b0bb3] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  overflow: hidden;
+}
+.instance-status-wrapper.instance-status-label--UNFILLED[data-v-610b0bb3],
+.instance-status-wrapper.instance-status-label--UNRELEASED[data-v-610b0bb3] {
+  --color: #de5e5f;
+}
+.instance-status-wrapper.instance-status-label--RUNNING[data-v-610b0bb3],
+.instance-status-wrapper.instance-status-label--running[data-v-610b0bb3],
+.instance-status-wrapper.instance-status-label--RELEASE[data-v-610b0bb3] {
+  --color: #026ac8;
+}
+.instance-status-wrapper.instance-status-label--COMPLETED[data-v-610b0bb3],
+.instance-status-wrapper.instance-status-label--finished[data-v-610b0bb3] {
+  --color: #309c41;
+}
+.instance-status-wrapper.instance-status-label--ARCHIVED[data-v-610b0bb3],
+.instance-status-wrapper.instance-status-label--IN_AUDIT[data-v-610b0bb3] {
+  --color: #dda200;
+}
+.instance-status-wrapper.instance-status-label--EXCEPTION[data-v-610b0bb3] {
+  --color: var(--ant-warning-color);
+}
+.instance-status-wrapper.instance-status-label--IN_SUMMARY[data-v-610b0bb3] {
+  --color: #ff9442;
+}
+.instance-status-wrapper.instance-status-label--SUMMARIZED[data-v-610b0bb3] {
+  --color: #aa78ff;
+}
+.instance-status-wrapper.instance-status-label--static .instance-title[data-v-610b0bb3] {
+  color: var(--color, #606266);
+  padding: 0;
+}
+.instance-status-wrapper .icon-dot[data-v-610b0bb3] {
+  width: 4px;
+  height: 4px;
+  margin-right: 4px;
+  border-radius: 50%;
+  background-color: var(--color, transparent);
+}
+.instance-status-wrapper .instance-status-icon[data-v-610b0bb3] {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  width: 32px;
+  justify-content: center;
+  color: #fff;
+  background: var(--nocode-iconBgColor);
+  border-radius: 2px;
+}
+.instance-status-wrapper .instance-status-icon .iconfont[data-v-610b0bb3] {
+  font-size: 18px;
+}
+.instance-status-wrapper .instance-title[data-v-610b0bb3] {
+  display: inline-block;
+  line-height: 22px;
+  font-size: 14px;
+  color: var(--nocode-textColor);
+  background: var(--nocode-bgColor);
+  border-radius: 4px;
+  padding: 0 6px;
+}
+.instance-status-wrapper .instance-title.is-custom-class[data-v-610b0bb3] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 18px;
+  font-size: 12px;
+  line-height: 18px;
+  border-radius: 0 0 4px 4px;
+}

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

@@ -0,0 +1,6 @@
+import { LabelTagItem } from '../typing';
+type __VLS_Props = {
+    data: LabelTagItem;
+};
+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, {}, HTMLSpanElement>;
+export default _default;

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

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

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

@@ -0,0 +1,34 @@
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, toRef, useCssVars } from "vue";
+import { TagTypeEnum } from "@gct-paas/core";
+//#region src/components/collapse-detail/components/label-tag.vue?vue&type=script&setup=true&lang.ts
+var label_tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "label-tag",
+	props: { data: {} },
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v218ac50d": tagStyleColor.value }));
+		const props = __props;
+		const showLabel = toRef(() => {
+			return props.data.label + "";
+		});
+		const tagType = toRef(() => {
+			return props.data.labelStyle || TagTypeEnum.RADIUS;
+		});
+		const tagStyleColor = toRef(() => {
+			return props.data.labelColor || "#026ac8";
+		});
+		const getTagClass = toRef(() => {
+			return `tag-${tagType.value}`;
+		});
+		const msgColor = toRef(() => {
+			return { color: props.data.valueColor || "#fff" };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["tag label-ellipsis", getTagClass.value]) }, [createElementVNode("span", {
+				class: "select-text",
+				style: normalizeStyle(msgColor.value)
+			}, toDisplayString(showLabel.value || "\xA0"), 5)], 2);
+		};
+	}
+});
+//#endregion
+export { label_tag_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/collapse-detail/components/label-tag.vue_vue_type_style_index_0_scoped_b25afce5_lang.css

@@ -0,0 +1,39 @@
+.label-ellipsis[data-v-b25afce5] {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.tag[data-v-b25afce5] {
+  padding: 4px 6px;
+  line-height: 1;
+}
+.tag + .tag[data-v-b25afce5] {
+  margin-left: 5px;
+}
+.tag-radius[data-v-b25afce5] {
+  border-radius: 2px;
+  background: var(--v218ac50d);
+}
+.tag-linear_radius[data-v-b25afce5] {
+  border: 1px solid var(--v218ac50d);
+  border-radius: 2px;
+}
+.tag-big_radius[data-v-b25afce5] {
+  border-radius: 100px;
+  background: var(--v218ac50d);
+}
+.tag-linear_big_radius[data-v-b25afce5] {
+  border: 1px solid var(--v218ac50d);
+  border-radius: 100px;
+}
+.tag-dashed_radius[data-v-b25afce5] {
+  border: 1px dashed var(--v218ac50d);
+  border-radius: 2px;
+}
+.tag-status[data-v-b25afce5] {
+  border-radius: 10px 2px 2px;
+  background: var(--v218ac50d);
+}

package/es/components/collapse-detail/constants/instance-theme-config.d.ts

@@ -0,0 +1,64 @@
+import { FormTypeEnum } from '../typing';
+import { InstanceStatusValue } from './status';
+export declare const useInstanceThemeConfig: ({ formType, dataStatus, instanceStatus, statusType, isFormSummary, }: {
+    formType: FormTypeEnum;
+    dataStatus: string;
+    instanceStatus: InstanceStatusValue;
+    statusType?: string;
+    isFormSummary?: boolean;
+}) => {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+} | {
+    textColor: string;
+    background: string;
+    iconBackground: string;
+    placeholder: string;
+};

package/es/components/collapse-detail/constants/instance-theme-config.mjs

@@ -0,0 +1,100 @@
+import { FormTypeEnum } from "../typing.mjs";
+import { InstanceStatusValues } from "./status.mjs";
+import { t } from "@gct-paas/core";
+//#region src/components/collapse-detail/constants/instance-theme-config.ts
+var commonUtils = { get gctInstanceStatusTheme() {
+	return {
+		"gct-nocode-instance-status--stash": {
+			textColor: "#F77E4A",
+			background: "rgba(247,126,74,0.1)",
+			iconBackground: "#FFC837",
+			placeholder: t("sys.edhr.formInsStatusEnum.STASH")
+		},
+		"gct-nocode-instance-status--partial-submit": {
+			textColor: "#FFAA00",
+			background: "rgba(255,170,0,0.1)",
+			iconBackground: "#FFD666",
+			placeholder: t("sys.appDesigner.approval.button.PartialSubmit")
+		},
+		"gct-nocode-instance-status--finish": {
+			textColor: "#309C41",
+			background: "rgba(48,156,65,0.1)",
+			iconBackground: "#76DA57",
+			placeholder: t("sys.bpmn.flowNodeInstStatus.COMPLETED")
+		},
+		"gct-nocode-instance-status--abnormal": {
+			textColor: "#F54547",
+			background: " rgba(245,69,71,0.1)",
+			iconBackground: "#FF6776",
+			placeholder: t("sys.bpmn.flowNodeInstStatus.EXCEPTION")
+		},
+		"gct-nocode-instance-status--not-filled": {
+			textColor: "#6D82B0",
+			background: "#E6EEFF",
+			iconBackground: "#B4C8F4",
+			placeholder: t("sys.edhr.instanceStatus2DhrEnum.UNFILLED")
+		},
+		"gct-nocode-instance-status--running": {
+			textColor: "#13C2C2",
+			background: "rgba(19,194,194,0.1)",
+			iconBackground: "#13C2C2",
+			placeholder: t("sys.bpmn.bizNodeInstStatus.running")
+		},
+		"gct-nocode-instance-status--already-filled": {
+			textColor: "#026AC8",
+			background: " rgba(2,106,200,0.1)",
+			iconBackground: "#026AC8",
+			placeholder: t("sys.edhr.instanceStatus2DhrEnum.FILLED")
+		},
+		"gct-nocode-instance-status--invalid": {
+			textColor: "#737A87",
+			background: "#E5E5E5",
+			iconBackground: "#C3C3C3",
+			placeholder: t("sys.edhr.dhrLogType.ABANDON")
+		},
+		"gct-nocode-instance-status--archived": {
+			textColor: "#dda200",
+			background: "#faf3df",
+			iconBackground: "#dda200",
+			placeholder: t("sys.edhr.recordBook.archived")
+		},
+		"gct-nocode-instance-status--tmpl": {
+			textColor: "#742fb2",
+			background: "#f9f2ff",
+			iconBackground: "#742fb2",
+			placeholder: t("sys.appDesigner.template")
+		},
+		"gct-nocode-instance-status--in-audit": {
+			textColor: "#FF52C5",
+			background: "rgba(255,82,197, 0.1)",
+			iconBackground: "#FF52C5",
+			placeholder: t("sys.edhr.instanceStatus2FormEnum.IN_AUDIT")
+		}
+	};
+} };
+var useInstanceThemeConfig = ({ formType, dataStatus, instanceStatus, statusType = "INST", isFormSummary }) => {
+	const getInstanceStatus = () => {
+		if (statusType === "TMPL") return "gct-nocode-instance-status--tmpl";
+		if (formType === FormTypeEnum.TEXT || formType === FormTypeEnum.VIEW) return "gct-nocode-instance-status--finish";
+		if (instanceStatus === InstanceStatusValues.ARCHIVED) return "gct-nocode-instance-status--archived";
+		if (instanceStatus === InstanceStatusValues.IN_AUDIT) return "gct-nocode-instance-status--in-audit";
+		if (formType === FormTypeEnum.PROCESS || isFormSummary) return {
+			[InstanceStatusValues.RUNNING]: "gct-nocode-instance-status--running",
+			[InstanceStatusValues.FILLED]: "gct-nocode-instance-status--already-filled",
+			[InstanceStatusValues.COMPLETED]: "gct-nocode-instance-status--finish",
+			[InstanceStatusValues.ABANDON]: "gct-nocode-instance-status--invalid",
+			[InstanceStatusValues.EXCEPTION]: "gct-nocode-instance-status--abnormal",
+			[InstanceStatusValues.STASH]: "gct-nocode-instance-status--stash"
+		}[instanceStatus] || "gct-nocode-instance-status--not-filled";
+		if (formType === FormTypeEnum.BASE || formType === FormTypeEnum.FILE) {
+			if (dataStatus === "STASH" || instanceStatus === InstanceStatusValues.STASH) return "gct-nocode-instance-status--stash";
+			if (dataStatus) return dataStatus === "SUBMIT" ? instanceStatus === InstanceStatusValues.ABANDON ? "gct-nocode-instance-status--invalid" : "gct-nocode-instance-status--finish" : "gct-nocode-instance-status--not-filled";
+			return instanceStatus === InstanceStatusValues.UNFILLED ? "gct-nocode-instance-status--not-filled" : instanceStatus === InstanceStatusValues.ABANDON ? "gct-nocode-instance-status--invalid" : "gct-nocode-instance-status--finish";
+		}
+		return "gct-nocode-instance-status--not-filled";
+	};
+	const themeFlag = getInstanceStatus();
+	return commonUtils.gctInstanceStatusTheme[themeFlag];
+};
+//#endregion
+export { useInstanceThemeConfig };

package/es/components/collapse-detail/constants/status.d.ts

@@ -0,0 +1,36 @@
+/** 实例状态集合 */
+export declare const InstanceStatusValues: {
+    /** 作废状态 */
+    readonly ABANDON: "ABANDON";
+    /** 未填报 */
+    readonly UNFILLED: "UNFILLED";
+    /** 已填报 */
+    readonly FILLED: "FILLED";
+    /** 已完成 */
+    readonly COMPLETED: "COMPLETED";
+    /** 进行中 */
+    readonly RUNNING: "RUNNING";
+    /** 暂存 */
+    readonly STASH: "STASH";
+    /** 待放行 */
+    readonly UNRELEASED: "UNRELEASED";
+    /** 放行中 */
+    readonly RELEASE: "RELEASE";
+    /** 异常 */
+    readonly EXCEPTION: "EXCEPTION";
+    /** 已封存 */
+    readonly ARCHIVED: "ARCHIVED";
+    /** 汇总中 */
+    readonly IN_SUMMARY: "IN_SUMMARY";
+    /** 已汇总 */
+    readonly SUMMARIZED: "SUMMARIZED";
+    /** 汇总审核中、表单变更审核中 */
+    readonly IN_AUDIT: "IN_AUDIT";
+    /** 部分提交 */
+    readonly PARTIAL_SUBMIT: "PARTIAL_SUBMIT";
+};
+export type InstanceStatusValue = (typeof InstanceStatusValues)[keyof typeof InstanceStatusValues];
+/** eDHR实例状态 */
+export type EdhrInstanceStatus = Extract<InstanceStatusValue, typeof InstanceStatusValues.UNFILLED | typeof InstanceStatusValues.RUNNING | typeof InstanceStatusValues.COMPLETED | typeof InstanceStatusValues.ARCHIVED | typeof InstanceStatusValues.ABANDON | typeof InstanceStatusValues.IN_SUMMARY | typeof InstanceStatusValues.SUMMARIZED | typeof InstanceStatusValues.IN_AUDIT>;
+/** 放行实例状态 */
+export type ReleaseInstanceStatus = Extract<InstanceStatusValue, typeof InstanceStatusValues.UNRELEASED | typeof InstanceStatusValues.RELEASE | typeof InstanceStatusValues.COMPLETED | typeof InstanceStatusValues.EXCEPTION | typeof InstanceStatusValues.ARCHIVED>;