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

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

package/es/components/collapse-detail/constants/status.mjs

@@ -0,0 +1,34 @@
+//#region src/components/collapse-detail/constants/status.ts
+/** 实例状态集合 */
+var InstanceStatusValues = {
+	/** 作废状态 */
+	ABANDON: "ABANDON",
+	/** 未填报 */
+	UNFILLED: "UNFILLED",
+	/** 已填报 */
+	FILLED: "FILLED",
+	/** 已完成 */
+	COMPLETED: "COMPLETED",
+	/** 进行中 */
+	RUNNING: "RUNNING",
+	/** 暂存 */
+	STASH: "STASH",
+	/** 待放行 */
+	UNRELEASED: "UNRELEASED",
+	/** 放行中 */
+	RELEASE: "RELEASE",
+	/** 异常 */
+	EXCEPTION: "EXCEPTION",
+	/** 已封存 */
+	ARCHIVED: "ARCHIVED",
+	/** 汇总中 */
+	IN_SUMMARY: "IN_SUMMARY",
+	/** 已汇总 */
+	SUMMARIZED: "SUMMARIZED",
+	/** 汇总审核中、表单变更审核中 */
+	IN_AUDIT: "IN_AUDIT",
+	/** 部分提交 */
+	PARTIAL_SUBMIT: "PARTIAL_SUBMIT"
+};
+//#endregion
+export { InstanceStatusValues };

package/es/components/collapse-detail/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CollapseDetail } from './index.vue';
+import { CollapseItem } from './typing';
+export { CollapseDetail, type CollapseItem };

package/es/components/collapse-detail/index.mjs

@@ -0,0 +1 @@
+import "./index.vue.mjs";

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

@@ -0,0 +1,37 @@
+import { CollapseItem } from './typing';
+type __VLS_Props = {
+    collapseInfo: CollapseItem[];
+    column?: number;
+    defaultExpand?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<NonNullable<string | symbol>, (_: {
+        item: CollapseItem;
+        slotData: IObject | undefined;
+    }) => any>> & Partial<Record<NonNullable<string | symbol>, (_: {
+        item: CollapseItem;
+        slotData: IObject | undefined;
+    }) => any>> & {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    refreshExpand: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "collapse-change": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCollapse-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    defaultExpand: 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/index.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import index_vue_vue_type_script_setup_true_name_collapse_detail_lang_default from "./index.vue_vue_type_script_setup_true_name_collapse-detail_lang.mjs";
+import './index.vue_vue_type_style_index_0_scoped_b4b9903c_lang.css';/* empty css                                                            */
+//#region src/components/collapse-detail/index.vue
+var collapse_detail_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_name_collapse_detail_lang_default, [["__scopeId", "data-v-b4b9903c"]]);
+//#endregion
+export { collapse_detail_default as default };

package/es/components/collapse-detail/index.vue_vue_type_script_setup_true_name_collapse-detail_lang.mjs

@@ -0,0 +1,90 @@
+import collapse_list_default from "./components/collapse-list.vue.mjs";
+import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, onBeforeMount, openBlock, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/collapse-detail/index.vue?vue&type=script&setup=true&name=collapse-detail&lang.ts
+var _hoisted_1 = { class: "collapse-detail-wrap" };
+var _hoisted_2 = { class: "header" };
+var _hoisted_3 = { class: "header-title" };
+var _hoisted_4 = { class: "action-wrap" };
+var index_vue_vue_type_script_setup_true_name_collapse_detail_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		collapseInfo: {},
+		column: {},
+		defaultExpand: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["collapse-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const slots = useSlots();
+		const props = __props;
+		const emit = __emit;
+		const isExpand = ref(true);
+		const activeKey = ref("1");
+		const col = computed(() => props.column ?? 3);
+		const detailInfo = computed(() => {
+			return props.collapseInfo.filter((i) => !i.hidden);
+		});
+		const headerInfo = computed(() => {
+			return detailInfo.value.filter((_i, index) => index < col.value);
+		});
+		const mainInfo = computed(() => {
+			return detailInfo.value.filter((_i, index) => index >= col.value);
+		});
+		const handleCollapseChange = (e) => {
+			isExpand.value = !!e[0];
+			console.log(e, activeKey.value, isExpand.value);
+			emit("collapse-change");
+		};
+		__expose({ refreshExpand: () => {
+			isExpand.value = true;
+			activeKey.value = "1";
+		} });
+		onBeforeMount(() => {
+			if (!props.defaultExpand) {
+				isExpand.value = false;
+				activeKey.value = "";
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
+			const _component_a_collapse = resolveComponent("a-collapse");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_collapse, {
+				"active-key": activeKey.value,
+				"onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+				bordered: false,
+				collapsible: "icon",
+				style: { "margin-bottom": "20px" },
+				onChange: _cache[1] || (_cache[1] = ($event) => handleCollapseChange($event))
+			}, {
+				default: withCtx(() => [createVNode(_component_a_collapse_panel, { key: "1" }, {
+					header: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.appDesigner.basicInformation")), 1), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])]), createElementVNode("div", { class: normalizeClass(["description", { "desc-expand": isExpand.value }]) }, [createVNode(collapse_list_default, {
+						"desc-data": headerInfo.value,
+						column: col.value,
+						"is-head": true
+					}, createSlots({ _: 2 }, [renderList(unref(slots), (_, slotName) => {
+						return {
+							name: slotName,
+							fn: withCtx((slotData) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotData)), void 0, true)])
+						};
+					})]), 1032, ["desc-data", "column"])], 2)]),
+					default: withCtx(() => [createVNode(collapse_list_default, {
+						"desc-data": mainInfo.value,
+						column: col.value
+					}, createSlots({ _: 2 }, [renderList(unref(slots), (_, slotName) => {
+						return {
+							name: slotName,
+							fn: withCtx((slotData) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotData)), void 0, true)])
+						};
+					})]), 1032, ["desc-data", "column"])]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["active-key"])]);
+		};
+	}
+});
+//#endregion
+export { index_vue_vue_type_script_setup_true_name_collapse_detail_lang_default as default };

package/es/components/collapse-detail/index.vue_vue_type_style_index_0_scoped_b4b9903c_lang.css

@@ -0,0 +1,83 @@
+.collapse-detail-wrap[data-v-b4b9903c] .btn-text.ant-btn {
+  padding: 4px 12px;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .btn-text.ant-btn > .anticon + span {
+  margin-left: 8px;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  flex-wrap: wrap;
+  padding: 0 !important;
+  background-color: #fff;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-collapse > .ant-collapse-item > .ant-collapse-header > div:first-child {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  padding-top: 16px;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-collapse-item {
+  border-bottom: none;
+}
+.collapse-detail-wrap .header[data-v-b4b9903c] {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 16px;
+  padding-bottom: 12px;
+}
+.collapse-detail-wrap .header .header-title[data-v-b4b9903c] {
+  font-size: 16px;
+}
+.collapse-detail-wrap .header .action-wrap .ant-btn[data-v-b4b9903c] {
+  position: absolute;
+  right: 0;
+  top: 12px;
+  z-index: 9;
+  height: 28px;
+  line-height: 18px;
+  padding: 4px 12px;
+}
+.collapse-detail-wrap .header .action-wrap .ant-btn .iconfont[data-v-b4b9903c] {
+  font-size: 14px;
+}
+.collapse-detail-wrap .description[data-v-b4b9903c] {
+  display: flex;
+  align-items: center;
+  padding: 20px 0;
+  border-radius: 4px;
+  background-color: #f7f8fa;
+}
+.collapse-detail-wrap .description.desc-expand[data-v-b4b9903c] {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.collapse-detail-wrap .description .item[data-v-b4b9903c] {
+  padding: 0 20px;
+}
+.collapse-detail-wrap .description[data-v-b4b9903c] .ant-descriptions-row td {
+  padding-bottom: 0;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-collapse.ant-collapse-borderless {
+  background: transparent;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content {
+  border-radius: 0 0 4px 4px;
+  background-color: #f7f8fa;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
+  padding: 0 20px !important;
+}
+.collapse-detail-wrap[data-v-b4b9903c] .ant-descriptions-item-container .ant-descriptions-item-label {
+  color: #797a7d;
+}
+.collapse-detail-wrap .desc-area[data-v-b4b9903c] {
+  color: #333;
+  font-family: PingFangSC-Regular, 'PingFang SC';
+  font-size: 14px;
+  font-weight: 400;
+}
+.collapse-detail-wrap .desc-area[data-v-b4b9903c] .ant-descriptions-row td {
+  padding-bottom: 20px;
+}

package/es/components/collapse-detail/typing.d.ts

@@ -0,0 +1,44 @@
+export interface TagItem {
+    name: string;
+    key: string | number;
+    color?: string;
+    customColor?: string;
+}
+export interface CollapseItem {
+    label: string;
+    name: string;
+    key?: string;
+    hasTag?: boolean;
+    isCopy?: boolean;
+    render?: string;
+    tagList?: TagItem[];
+    ellipsis?: boolean;
+    hidden?: boolean;
+    handle?: Fn;
+    span?: number;
+    useSlot?: boolean;
+    slotName?: string;
+    slotData?: IObject;
+    model: string;
+}
+export interface LabelTagItem {
+    key: string;
+    value: string;
+    label: string;
+    labelStyle: string;
+    labelColor: string;
+    valueColor: string;
+}
+/** 表单类型 */
+export declare enum FormTypeEnum {
+    /** 基础表单 */
+    BASE = "BASE",
+    /** 流程表单 */
+    PROCESS = "PROCESS",
+    /** 视图表单 */
+    VIEW = "VIEW",
+    /** 文本表单 */
+    TEXT = "TEXT",
+    /** 文件表单 */
+    FILE = "FILE"
+}