@gct-paas/render-web 0.1.6-dev.2 → 0.1.6-dev.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/loader.esm.min.js +3 -1
  3. package/es/Event/Events.mjs +7 -3
  4. package/es/components/card-view-render/card-view-render.css +71 -0
  5. package/es/components/card-view-render/card-view-render.d.ts +38 -0
  6. package/es/components/card-view-render/card-view-render.mjs +84 -0
  7. package/es/components/collapse-detail/components/collapse-list.vue.d.ts +24 -0
  8. package/es/components/collapse-detail/components/collapse-list.vue.mjs +5 -0
  9. package/es/components/collapse-detail/components/collapse-list.vue_vue_type_script_setup_true_lang.mjs +103 -0
  10. package/es/components/collapse-detail/components/enum-tag-label.vue.d.ts +6 -0
  11. package/es/components/collapse-detail/components/enum-tag-label.vue.mjs +5 -0
  12. package/es/components/collapse-detail/components/enum-tag-label.vue_vue_type_script_setup_true_lang.mjs +61 -0
  13. package/es/components/collapse-detail/components/instance-status-label.vue.d.ts +34 -0
  14. package/es/components/collapse-detail/components/instance-status-label.vue.mjs +7 -0
  15. package/es/components/collapse-detail/components/instance-status-label.vue_vue_type_script_setup_true_lang.mjs +76 -0
  16. package/es/components/collapse-detail/components/instance-status-label.vue_vue_type_style_index_0_scoped_610b0bb3_lang.css +77 -0
  17. package/es/components/collapse-detail/components/label-tag.vue.d.ts +6 -0
  18. package/es/components/collapse-detail/components/label-tag.vue.mjs +7 -0
  19. package/es/components/collapse-detail/components/label-tag.vue_vue_type_script_setup_true_lang.mjs +34 -0
  20. package/es/components/collapse-detail/components/label-tag.vue_vue_type_style_index_0_scoped_b25afce5_lang.css +39 -0
  21. package/es/components/collapse-detail/constants/instance-theme-config.d.ts +64 -0
  22. package/es/components/collapse-detail/constants/instance-theme-config.mjs +100 -0
  23. package/es/components/collapse-detail/constants/status.d.ts +36 -0
  24. package/es/components/collapse-detail/constants/status.mjs +34 -0
  25. package/es/components/collapse-detail/index.d.ts +3 -0
  26. package/es/components/collapse-detail/index.mjs +1 -0
  27. package/es/components/collapse-detail/index.vue.d.ts +37 -0
  28. package/es/components/collapse-detail/index.vue.mjs +7 -0
  29. package/es/components/collapse-detail/index.vue_vue_type_script_setup_true_name_collapse-detail_lang.mjs +90 -0
  30. package/es/components/collapse-detail/index.vue_vue_type_style_index_0_scoped_b4b9903c_lang.css +83 -0
  31. package/es/components/collapse-detail/typing.d.ts +44 -0
  32. package/es/components/collapse-detail/typing.mjs +17 -0
  33. package/es/components/field-search-cascader/field-cascader.vue.d.ts +17 -0
  34. package/es/components/field-search-cascader/field-cascader.vue.mjs +8 -0
  35. package/es/components/field-search-cascader/field-cascader.vue_vue_type_script_setup_true_lang.mjs +297 -0
  36. package/es/components/field-search-cascader/field-cascader.vue_vue_type_style_index_0_scoped_cb5e4d67_lang.css +52 -0
  37. package/es/components/field-search-cascader/field-cascader.vue_vue_type_style_index_1_lang.css +3 -0
  38. package/es/components/field-search-cascader/index.d.ts +2 -0
  39. package/es/components/field-search-cascader/index.mjs +1 -0
  40. package/es/components/form-component/FieldSelect.mjs +1 -0
  41. package/es/components/form-component/field-label/ref-card-label-render.vue_vue_type_script_setup_true_lang.mjs +2 -1
  42. package/es/components/form-component/field-label/tag-span.vue.mjs +1 -1
  43. package/es/components/index.d.ts +7 -0
  44. package/es/components/index.mjs +9 -0
  45. package/es/components/layouts/basic-page/basic-page.vue.d.ts +30 -0
  46. package/es/components/layouts/basic-page/basic-page.vue.mjs +7 -0
  47. package/es/components/layouts/basic-page/basic-page.vue_vue_type_script_setup_true_name_basic-page_lang.mjs +30 -0
  48. package/es/components/layouts/basic-page/basic-page.vue_vue_type_style_index_0_scoped_23453a1b_lang.css +20 -0
  49. package/es/components/layouts/basic-page-render/basic-page-render.vue.d.ts +30 -0
  50. package/es/components/layouts/basic-page-render/basic-page-render.vue.mjs +7 -0
  51. package/es/components/layouts/basic-page-render/basic-page-render.vue_vue_type_script_setup_true_name_BasicPageRender_lang.mjs +30 -0
  52. package/es/components/layouts/basic-page-render/basic-page-render.vue_vue_type_style_index_0_scoped_264ca5fa_lang.css +20 -0
  53. package/es/components/rich-editor/index.d.ts +2 -0
  54. package/es/components/rich-editor/index.mjs +1 -0
  55. package/es/components/rich-editor/rich-editor.vue.d.ts +22 -0
  56. package/es/components/rich-editor/rich-editor.vue.mjs +5 -0
  57. package/es/components/rich-editor/rich-editor.vue_vue_type_script_setup_true_lang.mjs +150 -0
  58. package/es/components/rich-editor/style.css +747 -0
  59. package/es/constants/xlsx-parser.d.ts +15 -0
  60. package/es/constants/xlsx-parser.mjs +58 -0
  61. package/es/enums/xlsx-parser.d.ts +293 -0
  62. package/es/enums/xlsx-parser.mjs +36 -0
  63. package/es/hooks/index.d.ts +1 -0
  64. package/es/hooks/index.mjs +1 -0
  65. package/es/hooks/useQuickSearch.d.ts +8 -0
  66. package/es/hooks/useQuickSearch.mjs +96 -0
  67. package/es/index.d.ts +2 -0
  68. package/es/index.mjs +11 -1
  69. package/es/interface/xlsx-parser/base.d.ts +151 -0
  70. package/es/interface/xlsx-parser/index.d.ts +246 -0
  71. package/es/setup-app.d.ts +2 -0
  72. package/es/setup-app.mjs +10 -0
  73. package/es/types/shims-modules.d.ts +11 -0
  74. package/es/utils/cell-border.d.ts +73 -0
  75. package/es/utils/cell-border.mjs +203 -0
  76. package/es/utils/index.d.ts +1 -0
  77. package/es/utils/index.mjs +1 -0
  78. package/es/utils/xlsx-parser.d.ts +141 -0
  79. package/es/utils/xlsx-parser.mjs +262 -0
  80. package/package.json +20 -11
@@ -0,0 +1,39 @@
1
+ .label-ellipsis[data-v-b25afce5] {
2
+ display: inline-block;
3
+ max-width: 100%;
4
+ overflow: hidden;
5
+ text-overflow: ellipsis;
6
+ white-space: nowrap;
7
+ vertical-align: middle;
8
+ }
9
+ .tag[data-v-b25afce5] {
10
+ padding: 4px 6px;
11
+ line-height: 1;
12
+ }
13
+ .tag + .tag[data-v-b25afce5] {
14
+ margin-left: 5px;
15
+ }
16
+ .tag-radius[data-v-b25afce5] {
17
+ border-radius: 2px;
18
+ background: var(--v218ac50d);
19
+ }
20
+ .tag-linear_radius[data-v-b25afce5] {
21
+ border: 1px solid var(--v218ac50d);
22
+ border-radius: 2px;
23
+ }
24
+ .tag-big_radius[data-v-b25afce5] {
25
+ border-radius: 100px;
26
+ background: var(--v218ac50d);
27
+ }
28
+ .tag-linear_big_radius[data-v-b25afce5] {
29
+ border: 1px solid var(--v218ac50d);
30
+ border-radius: 100px;
31
+ }
32
+ .tag-dashed_radius[data-v-b25afce5] {
33
+ border: 1px dashed var(--v218ac50d);
34
+ border-radius: 2px;
35
+ }
36
+ .tag-status[data-v-b25afce5] {
37
+ border-radius: 10px 2px 2px;
38
+ background: var(--v218ac50d);
39
+ }
@@ -0,0 +1,64 @@
1
+ import { FormTypeEnum } from '../typing';
2
+ import { InstanceStatusValue } from './status';
3
+ export declare const useInstanceThemeConfig: ({ formType, dataStatus, instanceStatus, statusType, isFormSummary, }: {
4
+ formType: FormTypeEnum;
5
+ dataStatus: string;
6
+ instanceStatus: InstanceStatusValue;
7
+ statusType?: string;
8
+ isFormSummary?: boolean;
9
+ }) => {
10
+ textColor: string;
11
+ background: string;
12
+ iconBackground: string;
13
+ placeholder: string;
14
+ } | {
15
+ textColor: string;
16
+ background: string;
17
+ iconBackground: string;
18
+ placeholder: string;
19
+ } | {
20
+ textColor: string;
21
+ background: string;
22
+ iconBackground: string;
23
+ placeholder: string;
24
+ } | {
25
+ textColor: string;
26
+ background: string;
27
+ iconBackground: string;
28
+ placeholder: string;
29
+ } | {
30
+ textColor: string;
31
+ background: string;
32
+ iconBackground: string;
33
+ placeholder: string;
34
+ } | {
35
+ textColor: string;
36
+ background: string;
37
+ iconBackground: string;
38
+ placeholder: string;
39
+ } | {
40
+ textColor: string;
41
+ background: string;
42
+ iconBackground: string;
43
+ placeholder: string;
44
+ } | {
45
+ textColor: string;
46
+ background: string;
47
+ iconBackground: string;
48
+ placeholder: string;
49
+ } | {
50
+ textColor: string;
51
+ background: string;
52
+ iconBackground: string;
53
+ placeholder: string;
54
+ } | {
55
+ textColor: string;
56
+ background: string;
57
+ iconBackground: string;
58
+ placeholder: string;
59
+ } | {
60
+ textColor: string;
61
+ background: string;
62
+ iconBackground: string;
63
+ placeholder: string;
64
+ };
@@ -0,0 +1,100 @@
1
+ import { FormTypeEnum } from "../typing.mjs";
2
+ import { InstanceStatusValues } from "./status.mjs";
3
+ import { t } from "@gct-paas/core";
4
+ //#region src/components/collapse-detail/constants/instance-theme-config.ts
5
+ var commonUtils = { get gctInstanceStatusTheme() {
6
+ return {
7
+ "gct-nocode-instance-status--stash": {
8
+ textColor: "#F77E4A",
9
+ background: "rgba(247,126,74,0.1)",
10
+ iconBackground: "#FFC837",
11
+ placeholder: t("sys.edhr.formInsStatusEnum.STASH")
12
+ },
13
+ "gct-nocode-instance-status--partial-submit": {
14
+ textColor: "#FFAA00",
15
+ background: "rgba(255,170,0,0.1)",
16
+ iconBackground: "#FFD666",
17
+ placeholder: t("sys.appDesigner.approval.button.PartialSubmit")
18
+ },
19
+ "gct-nocode-instance-status--finish": {
20
+ textColor: "#309C41",
21
+ background: "rgba(48,156,65,0.1)",
22
+ iconBackground: "#76DA57",
23
+ placeholder: t("sys.bpmn.flowNodeInstStatus.COMPLETED")
24
+ },
25
+ "gct-nocode-instance-status--abnormal": {
26
+ textColor: "#F54547",
27
+ background: " rgba(245,69,71,0.1)",
28
+ iconBackground: "#FF6776",
29
+ placeholder: t("sys.bpmn.flowNodeInstStatus.EXCEPTION")
30
+ },
31
+ "gct-nocode-instance-status--not-filled": {
32
+ textColor: "#6D82B0",
33
+ background: "#E6EEFF",
34
+ iconBackground: "#B4C8F4",
35
+ placeholder: t("sys.edhr.instanceStatus2DhrEnum.UNFILLED")
36
+ },
37
+ "gct-nocode-instance-status--running": {
38
+ textColor: "#13C2C2",
39
+ background: "rgba(19,194,194,0.1)",
40
+ iconBackground: "#13C2C2",
41
+ placeholder: t("sys.bpmn.bizNodeInstStatus.running")
42
+ },
43
+ "gct-nocode-instance-status--already-filled": {
44
+ textColor: "#026AC8",
45
+ background: " rgba(2,106,200,0.1)",
46
+ iconBackground: "#026AC8",
47
+ placeholder: t("sys.edhr.instanceStatus2DhrEnum.FILLED")
48
+ },
49
+ "gct-nocode-instance-status--invalid": {
50
+ textColor: "#737A87",
51
+ background: "#E5E5E5",
52
+ iconBackground: "#C3C3C3",
53
+ placeholder: t("sys.edhr.dhrLogType.ABANDON")
54
+ },
55
+ "gct-nocode-instance-status--archived": {
56
+ textColor: "#dda200",
57
+ background: "#faf3df",
58
+ iconBackground: "#dda200",
59
+ placeholder: t("sys.edhr.recordBook.archived")
60
+ },
61
+ "gct-nocode-instance-status--tmpl": {
62
+ textColor: "#742fb2",
63
+ background: "#f9f2ff",
64
+ iconBackground: "#742fb2",
65
+ placeholder: t("sys.appDesigner.template")
66
+ },
67
+ "gct-nocode-instance-status--in-audit": {
68
+ textColor: "#FF52C5",
69
+ background: "rgba(255,82,197, 0.1)",
70
+ iconBackground: "#FF52C5",
71
+ placeholder: t("sys.edhr.instanceStatus2FormEnum.IN_AUDIT")
72
+ }
73
+ };
74
+ } };
75
+ var useInstanceThemeConfig = ({ formType, dataStatus, instanceStatus, statusType = "INST", isFormSummary }) => {
76
+ const getInstanceStatus = () => {
77
+ if (statusType === "TMPL") return "gct-nocode-instance-status--tmpl";
78
+ if (formType === FormTypeEnum.TEXT || formType === FormTypeEnum.VIEW) return "gct-nocode-instance-status--finish";
79
+ if (instanceStatus === InstanceStatusValues.ARCHIVED) return "gct-nocode-instance-status--archived";
80
+ if (instanceStatus === InstanceStatusValues.IN_AUDIT) return "gct-nocode-instance-status--in-audit";
81
+ if (formType === FormTypeEnum.PROCESS || isFormSummary) return {
82
+ [InstanceStatusValues.RUNNING]: "gct-nocode-instance-status--running",
83
+ [InstanceStatusValues.FILLED]: "gct-nocode-instance-status--already-filled",
84
+ [InstanceStatusValues.COMPLETED]: "gct-nocode-instance-status--finish",
85
+ [InstanceStatusValues.ABANDON]: "gct-nocode-instance-status--invalid",
86
+ [InstanceStatusValues.EXCEPTION]: "gct-nocode-instance-status--abnormal",
87
+ [InstanceStatusValues.STASH]: "gct-nocode-instance-status--stash"
88
+ }[instanceStatus] || "gct-nocode-instance-status--not-filled";
89
+ if (formType === FormTypeEnum.BASE || formType === FormTypeEnum.FILE) {
90
+ if (dataStatus === "STASH" || instanceStatus === InstanceStatusValues.STASH) return "gct-nocode-instance-status--stash";
91
+ if (dataStatus) return dataStatus === "SUBMIT" ? instanceStatus === InstanceStatusValues.ABANDON ? "gct-nocode-instance-status--invalid" : "gct-nocode-instance-status--finish" : "gct-nocode-instance-status--not-filled";
92
+ return instanceStatus === InstanceStatusValues.UNFILLED ? "gct-nocode-instance-status--not-filled" : instanceStatus === InstanceStatusValues.ABANDON ? "gct-nocode-instance-status--invalid" : "gct-nocode-instance-status--finish";
93
+ }
94
+ return "gct-nocode-instance-status--not-filled";
95
+ };
96
+ const themeFlag = getInstanceStatus();
97
+ return commonUtils.gctInstanceStatusTheme[themeFlag];
98
+ };
99
+ //#endregion
100
+ export { useInstanceThemeConfig };
@@ -0,0 +1,36 @@
1
+ /** 实例状态集合 */
2
+ export declare const InstanceStatusValues: {
3
+ /** 作废状态 */
4
+ readonly ABANDON: "ABANDON";
5
+ /** 未填报 */
6
+ readonly UNFILLED: "UNFILLED";
7
+ /** 已填报 */
8
+ readonly FILLED: "FILLED";
9
+ /** 已完成 */
10
+ readonly COMPLETED: "COMPLETED";
11
+ /** 进行中 */
12
+ readonly RUNNING: "RUNNING";
13
+ /** 暂存 */
14
+ readonly STASH: "STASH";
15
+ /** 待放行 */
16
+ readonly UNRELEASED: "UNRELEASED";
17
+ /** 放行中 */
18
+ readonly RELEASE: "RELEASE";
19
+ /** 异常 */
20
+ readonly EXCEPTION: "EXCEPTION";
21
+ /** 已封存 */
22
+ readonly ARCHIVED: "ARCHIVED";
23
+ /** 汇总中 */
24
+ readonly IN_SUMMARY: "IN_SUMMARY";
25
+ /** 已汇总 */
26
+ readonly SUMMARIZED: "SUMMARIZED";
27
+ /** 汇总审核中、表单变更审核中 */
28
+ readonly IN_AUDIT: "IN_AUDIT";
29
+ /** 部分提交 */
30
+ readonly PARTIAL_SUBMIT: "PARTIAL_SUBMIT";
31
+ };
32
+ export type InstanceStatusValue = (typeof InstanceStatusValues)[keyof typeof InstanceStatusValues];
33
+ /** eDHR实例状态 */
34
+ 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>;
35
+ /** 放行实例状态 */
36
+ export type ReleaseInstanceStatus = Extract<InstanceStatusValue, typeof InstanceStatusValues.UNRELEASED | typeof InstanceStatusValues.RELEASE | typeof InstanceStatusValues.COMPLETED | typeof InstanceStatusValues.EXCEPTION | typeof InstanceStatusValues.ARCHIVED>;
@@ -0,0 +1,34 @@
1
+ //#region src/components/collapse-detail/constants/status.ts
2
+ /** 实例状态集合 */
3
+ var InstanceStatusValues = {
4
+ /** 作废状态 */
5
+ ABANDON: "ABANDON",
6
+ /** 未填报 */
7
+ UNFILLED: "UNFILLED",
8
+ /** 已填报 */
9
+ FILLED: "FILLED",
10
+ /** 已完成 */
11
+ COMPLETED: "COMPLETED",
12
+ /** 进行中 */
13
+ RUNNING: "RUNNING",
14
+ /** 暂存 */
15
+ STASH: "STASH",
16
+ /** 待放行 */
17
+ UNRELEASED: "UNRELEASED",
18
+ /** 放行中 */
19
+ RELEASE: "RELEASE",
20
+ /** 异常 */
21
+ EXCEPTION: "EXCEPTION",
22
+ /** 已封存 */
23
+ ARCHIVED: "ARCHIVED",
24
+ /** 汇总中 */
25
+ IN_SUMMARY: "IN_SUMMARY",
26
+ /** 已汇总 */
27
+ SUMMARIZED: "SUMMARIZED",
28
+ /** 汇总审核中、表单变更审核中 */
29
+ IN_AUDIT: "IN_AUDIT",
30
+ /** 部分提交 */
31
+ PARTIAL_SUBMIT: "PARTIAL_SUBMIT"
32
+ };
33
+ //#endregion
34
+ export { InstanceStatusValues };
@@ -0,0 +1,3 @@
1
+ import { default as CollapseDetail } from './index.vue';
2
+ import { CollapseItem } from './typing';
3
+ export { CollapseDetail, type CollapseItem };
@@ -0,0 +1 @@
1
+ import "./index.vue.mjs";
@@ -0,0 +1,37 @@
1
+ import { CollapseItem } from './typing';
2
+ type __VLS_Props = {
3
+ collapseInfo: CollapseItem[];
4
+ column?: number;
5
+ defaultExpand?: boolean;
6
+ };
7
+ declare function __VLS_template(): {
8
+ attrs: Partial<{}>;
9
+ slots: Partial<Record<NonNullable<string | symbol>, (_: {
10
+ item: CollapseItem;
11
+ slotData: IObject | undefined;
12
+ }) => any>> & Partial<Record<NonNullable<string | symbol>, (_: {
13
+ item: CollapseItem;
14
+ slotData: IObject | undefined;
15
+ }) => any>> & {
16
+ default?(_: {}): any;
17
+ };
18
+ refs: {};
19
+ rootEl: HTMLDivElement;
20
+ };
21
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
22
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
23
+ refreshExpand: () => void;
24
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
25
+ "collapse-change": (...args: any[]) => void;
26
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
27
+ "onCollapse-change"?: ((...args: any[]) => any) | undefined;
28
+ }>, {
29
+ defaultExpand: boolean;
30
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
31
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
32
+ export default _default;
33
+ type __VLS_WithTemplateSlots<T, S> = T & {
34
+ new (): {
35
+ $slots: S;
36
+ };
37
+ };
@@ -0,0 +1,7 @@
1
+ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
2
+ 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";
3
+ import './index.vue_vue_type_style_index_0_scoped_b4b9903c_lang.css';/* empty css */
4
+ //#region src/components/collapse-detail/index.vue
5
+ 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"]]);
6
+ //#endregion
7
+ export { collapse_detail_default as default };
@@ -0,0 +1,90 @@
1
+ import collapse_list_default from "./components/collapse-list.vue.mjs";
2
+ import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, onBeforeMount, openBlock, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
3
+ import { t } from "@gct-paas/core";
4
+ //#region src/components/collapse-detail/index.vue?vue&type=script&setup=true&name=collapse-detail&lang.ts
5
+ var _hoisted_1 = { class: "collapse-detail-wrap" };
6
+ var _hoisted_2 = { class: "header" };
7
+ var _hoisted_3 = { class: "header-title" };
8
+ var _hoisted_4 = { class: "action-wrap" };
9
+ var index_vue_vue_type_script_setup_true_name_collapse_detail_lang_default = /* @__PURE__ */ defineComponent({
10
+ __name: "index",
11
+ props: {
12
+ collapseInfo: {},
13
+ column: {},
14
+ defaultExpand: {
15
+ type: Boolean,
16
+ default: true
17
+ }
18
+ },
19
+ emits: ["collapse-change"],
20
+ setup(__props, { expose: __expose, emit: __emit }) {
21
+ const slots = useSlots();
22
+ const props = __props;
23
+ const emit = __emit;
24
+ const isExpand = ref(true);
25
+ const activeKey = ref("1");
26
+ const col = computed(() => props.column ?? 3);
27
+ const detailInfo = computed(() => {
28
+ return props.collapseInfo.filter((i) => !i.hidden);
29
+ });
30
+ const headerInfo = computed(() => {
31
+ return detailInfo.value.filter((_i, index) => index < col.value);
32
+ });
33
+ const mainInfo = computed(() => {
34
+ return detailInfo.value.filter((_i, index) => index >= col.value);
35
+ });
36
+ const handleCollapseChange = (e) => {
37
+ isExpand.value = !!e[0];
38
+ console.log(e, activeKey.value, isExpand.value);
39
+ emit("collapse-change");
40
+ };
41
+ __expose({ refreshExpand: () => {
42
+ isExpand.value = true;
43
+ activeKey.value = "1";
44
+ } });
45
+ onBeforeMount(() => {
46
+ if (!props.defaultExpand) {
47
+ isExpand.value = false;
48
+ activeKey.value = "";
49
+ }
50
+ });
51
+ return (_ctx, _cache) => {
52
+ const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
53
+ const _component_a_collapse = resolveComponent("a-collapse");
54
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_collapse, {
55
+ "active-key": activeKey.value,
56
+ "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
57
+ bordered: false,
58
+ collapsible: "icon",
59
+ style: { "margin-bottom": "20px" },
60
+ onChange: _cache[1] || (_cache[1] = ($event) => handleCollapseChange($event))
61
+ }, {
62
+ default: withCtx(() => [createVNode(_component_a_collapse_panel, { key: "1" }, {
63
+ 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, {
64
+ "desc-data": headerInfo.value,
65
+ column: col.value,
66
+ "is-head": true
67
+ }, createSlots({ _: 2 }, [renderList(unref(slots), (_, slotName) => {
68
+ return {
69
+ name: slotName,
70
+ fn: withCtx((slotData) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotData)), void 0, true)])
71
+ };
72
+ })]), 1032, ["desc-data", "column"])], 2)]),
73
+ default: withCtx(() => [createVNode(collapse_list_default, {
74
+ "desc-data": mainInfo.value,
75
+ column: col.value
76
+ }, createSlots({ _: 2 }, [renderList(unref(slots), (_, slotName) => {
77
+ return {
78
+ name: slotName,
79
+ fn: withCtx((slotData) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotData)), void 0, true)])
80
+ };
81
+ })]), 1032, ["desc-data", "column"])]),
82
+ _: 3
83
+ })]),
84
+ _: 3
85
+ }, 8, ["active-key"])]);
86
+ };
87
+ }
88
+ });
89
+ //#endregion
90
+ export { index_vue_vue_type_script_setup_true_name_collapse_detail_lang_default as default };
@@ -0,0 +1,83 @@
1
+ .collapse-detail-wrap[data-v-b4b9903c] .btn-text.ant-btn {
2
+ padding: 4px 12px;
3
+ }
4
+ .collapse-detail-wrap[data-v-b4b9903c] .btn-text.ant-btn > .anticon + span {
5
+ margin-left: 8px;
6
+ }
7
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-collapse > .ant-collapse-item > .ant-collapse-header {
8
+ flex-wrap: wrap;
9
+ padding: 0 !important;
10
+ background-color: #fff;
11
+ }
12
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-collapse > .ant-collapse-item > .ant-collapse-header > div:first-child {
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+ height: 40px;
17
+ padding-top: 16px;
18
+ }
19
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-collapse-item {
20
+ border-bottom: none;
21
+ }
22
+ .collapse-detail-wrap .header[data-v-b4b9903c] {
23
+ display: flex;
24
+ flex: 1;
25
+ align-items: center;
26
+ justify-content: space-between;
27
+ padding-top: 16px;
28
+ padding-bottom: 12px;
29
+ }
30
+ .collapse-detail-wrap .header .header-title[data-v-b4b9903c] {
31
+ font-size: 16px;
32
+ }
33
+ .collapse-detail-wrap .header .action-wrap .ant-btn[data-v-b4b9903c] {
34
+ position: absolute;
35
+ right: 0;
36
+ top: 12px;
37
+ z-index: 9;
38
+ height: 28px;
39
+ line-height: 18px;
40
+ padding: 4px 12px;
41
+ }
42
+ .collapse-detail-wrap .header .action-wrap .ant-btn .iconfont[data-v-b4b9903c] {
43
+ font-size: 14px;
44
+ }
45
+ .collapse-detail-wrap .description[data-v-b4b9903c] {
46
+ display: flex;
47
+ align-items: center;
48
+ padding: 20px 0;
49
+ border-radius: 4px;
50
+ background-color: #f7f8fa;
51
+ }
52
+ .collapse-detail-wrap .description.desc-expand[data-v-b4b9903c] {
53
+ border-bottom-right-radius: 0;
54
+ border-bottom-left-radius: 0;
55
+ }
56
+ .collapse-detail-wrap .description .item[data-v-b4b9903c] {
57
+ padding: 0 20px;
58
+ }
59
+ .collapse-detail-wrap .description[data-v-b4b9903c] .ant-descriptions-row td {
60
+ padding-bottom: 0;
61
+ }
62
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-collapse.ant-collapse-borderless {
63
+ background: transparent;
64
+ }
65
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content {
66
+ border-radius: 0 0 4px 4px;
67
+ background-color: #f7f8fa;
68
+ }
69
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
70
+ padding: 0 20px !important;
71
+ }
72
+ .collapse-detail-wrap[data-v-b4b9903c] .ant-descriptions-item-container .ant-descriptions-item-label {
73
+ color: #797a7d;
74
+ }
75
+ .collapse-detail-wrap .desc-area[data-v-b4b9903c] {
76
+ color: #333;
77
+ font-family: PingFangSC-Regular, 'PingFang SC';
78
+ font-size: 14px;
79
+ font-weight: 400;
80
+ }
81
+ .collapse-detail-wrap .desc-area[data-v-b4b9903c] .ant-descriptions-row td {
82
+ padding-bottom: 20px;
83
+ }
@@ -0,0 +1,44 @@
1
+ export interface TagItem {
2
+ name: string;
3
+ key: string | number;
4
+ color?: string;
5
+ customColor?: string;
6
+ }
7
+ export interface CollapseItem {
8
+ label: string;
9
+ name: string;
10
+ key?: string;
11
+ hasTag?: boolean;
12
+ isCopy?: boolean;
13
+ render?: string;
14
+ tagList?: TagItem[];
15
+ ellipsis?: boolean;
16
+ hidden?: boolean;
17
+ handle?: Fn;
18
+ span?: number;
19
+ useSlot?: boolean;
20
+ slotName?: string;
21
+ slotData?: IObject;
22
+ model: string;
23
+ }
24
+ export interface LabelTagItem {
25
+ key: string;
26
+ value: string;
27
+ label: string;
28
+ labelStyle: string;
29
+ labelColor: string;
30
+ valueColor: string;
31
+ }
32
+ /** 表单类型 */
33
+ export declare enum FormTypeEnum {
34
+ /** 基础表单 */
35
+ BASE = "BASE",
36
+ /** 流程表单 */
37
+ PROCESS = "PROCESS",
38
+ /** 视图表单 */
39
+ VIEW = "VIEW",
40
+ /** 文本表单 */
41
+ TEXT = "TEXT",
42
+ /** 文件表单 */
43
+ FILE = "FILE"
44
+ }
@@ -0,0 +1,17 @@
1
+ //#region src/components/collapse-detail/typing.ts
2
+ /** 表单类型 */
3
+ var FormTypeEnum = /* @__PURE__ */ function(FormTypeEnum) {
4
+ /** 基础表单 */
5
+ FormTypeEnum["BASE"] = "BASE";
6
+ /** 流程表单 */
7
+ FormTypeEnum["PROCESS"] = "PROCESS";
8
+ /** 视图表单 */
9
+ FormTypeEnum["VIEW"] = "VIEW";
10
+ /** 文本表单 */
11
+ FormTypeEnum["TEXT"] = "TEXT";
12
+ /** 文件表单 */
13
+ FormTypeEnum["FILE"] = "FILE";
14
+ return FormTypeEnum;
15
+ }({});
16
+ //#endregion
17
+ export { FormTypeEnum };
@@ -0,0 +1,17 @@
1
+ type __VLS_Props = {
2
+ value: string;
3
+ modelKey?: string;
4
+ isField?: boolean;
5
+ rootRef?: IObject;
6
+ noShowName?: boolean;
7
+ btnTitle?: string;
8
+ filterFunc?: (item: IObject) => boolean;
9
+ };
10
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {
11
+ fieldCascaderName: import('vue').Ref<string | undefined, string | undefined>;
12
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
13
+ "update:value": (...args: any[]) => void;
14
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
15
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
16
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
2
+ import field_cascader_vue_vue_type_script_setup_true_lang_default from "./field-cascader.vue_vue_type_script_setup_true_lang.mjs";
3
+ import './field-cascader.vue_vue_type_style_index_1_lang.css';import './field-cascader.vue_vue_type_style_index_0_scoped_cb5e4d67_lang.css';/* empty css */
4
+ /* empty css */
5
+ //#region src/components/field-search-cascader/field-cascader.vue
6
+ var field_cascader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_cascader_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cb5e4d67"]]);
7
+ //#endregion
8
+ export { field_cascader_default as default };