@opendesign-plus/components 0.0.1-rc.76 → 0.0.1-rc.78

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 (91) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +37 -13
  3. package/dist/components/anchor-bar/OAnchorBar.vue.d.ts +29 -0
  4. package/dist/components/anchor-bar/index.d.ts +45 -0
  5. package/dist/components/anchor-bar/types.d.ts +20 -0
  6. package/dist/components/brand/OBrandFile.vue.d.ts +5 -0
  7. package/dist/components/brand/OBrandLogo.vue.d.ts +6 -0
  8. package/dist/components/brand/OBrandStandard.vue.d.ts +3 -0
  9. package/dist/components/brand/index.d.ts +63 -0
  10. package/dist/components/brand/types.d.ts +60 -0
  11. package/dist/components/brand/utils.d.ts +3 -0
  12. package/dist/components/meeting/OMeetingMinutesCopyDetail.vue.d.ts +7 -0
  13. package/dist/components/meeting/OMeetingSendMinutesForm.vue.d.ts +144 -0
  14. package/dist/components/meeting/components/OMeetingSendMinutesDialog.vue.d.ts +158 -1
  15. package/dist/components/meeting/index.d.ts +202 -1
  16. package/dist/components/org/OOrgDesc.vue.d.ts +22 -0
  17. package/dist/components/org/OOrgMembers.vue.d.ts +5 -0
  18. package/dist/components/org/index.d.ts +55 -0
  19. package/dist/components/org/types.d.ts +19 -0
  20. package/dist/components.cjs.js +37 -37
  21. package/dist/components.css +1 -1
  22. package/dist/components.es.js +11009 -10481
  23. package/dist/index.d.ts +3 -0
  24. package/dist/treeshaking/_virtual/icon-email.mjs +21 -0
  25. package/dist/treeshaking/components/anchor-bar/OAnchorBar.css +138 -0
  26. package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.d.ts +29 -0
  27. package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.mjs +7 -0
  28. package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue2.mjs +103 -0
  29. package/dist/treeshaking/components/anchor-bar/index.d.ts +45 -0
  30. package/dist/treeshaking/components/anchor-bar/index.mjs +9 -0
  31. package/dist/treeshaking/components/anchor-bar/types.d.ts +20 -0
  32. package/dist/treeshaking/components/brand/OBrandFile.css +65 -0
  33. package/dist/treeshaking/components/brand/OBrandFile.vue.d.ts +5 -0
  34. package/dist/treeshaking/components/brand/OBrandFile.vue.mjs +7 -0
  35. package/dist/treeshaking/components/brand/OBrandFile.vue2.mjs +70 -0
  36. package/dist/treeshaking/components/brand/OBrandLogo.css +99 -0
  37. package/dist/treeshaking/components/brand/OBrandLogo.vue.d.ts +6 -0
  38. package/dist/treeshaking/components/brand/OBrandLogo.vue.mjs +8 -0
  39. package/dist/treeshaking/components/brand/OBrandLogo.vue2.mjs +120 -0
  40. package/dist/treeshaking/components/{meeting/components/OMeetingSendMinutesDialog2.css → brand/OBrandLogo2.css} +2 -2
  41. package/dist/treeshaking/components/brand/OBrandStandard.css +120 -0
  42. package/dist/treeshaking/components/brand/OBrandStandard.vue.d.ts +3 -0
  43. package/dist/treeshaking/components/brand/OBrandStandard.vue.mjs +7 -0
  44. package/dist/treeshaking/components/brand/OBrandStandard.vue2.mjs +59 -0
  45. package/dist/treeshaking/components/brand/index.d.ts +63 -0
  46. package/dist/treeshaking/components/brand/index.mjs +23 -0
  47. package/dist/treeshaking/components/brand/types.d.ts +60 -0
  48. package/dist/treeshaking/components/brand/utils.d.ts +3 -0
  49. package/dist/treeshaking/components/brand/utils.mjs +28 -0
  50. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.css +5 -5
  51. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.mjs +1 -1
  52. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +1 -1
  53. package/dist/treeshaking/components/meeting/OMeetingMinutes.css +120 -334
  54. package/dist/treeshaking/components/meeting/OMeetingMinutes.vue.mjs +175 -196
  55. package/dist/treeshaking/components/meeting/OMeetingMinutesCopyDetail.css +95 -0
  56. package/dist/treeshaking/components/meeting/OMeetingMinutesCopyDetail.vue.d.ts +7 -0
  57. package/dist/treeshaking/components/meeting/OMeetingMinutesCopyDetail.vue.mjs +7 -0
  58. package/dist/treeshaking/components/meeting/OMeetingMinutesCopyDetail.vue2.mjs +74 -0
  59. package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.css +252 -0
  60. package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue.d.ts +144 -0
  61. package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue.mjs +214 -0
  62. package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue3.mjs +5 -0
  63. package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.css +4 -266
  64. package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.vue.d.ts +158 -1
  65. package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.vue.mjs +1 -2
  66. package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.vue2.mjs +54 -186
  67. package/dist/treeshaking/components/meeting/index.d.ts +202 -1
  68. package/dist/treeshaking/components/meeting/index.mjs +18 -3
  69. package/dist/treeshaking/components/org/OOrgDesc.css +107 -0
  70. package/dist/treeshaking/components/org/OOrgDesc.vue.d.ts +22 -0
  71. package/dist/treeshaking/components/org/OOrgDesc.vue.mjs +7 -0
  72. package/dist/treeshaking/components/org/OOrgDesc.vue2.mjs +40 -0
  73. package/dist/treeshaking/components/org/OOrgMembers.css +234 -0
  74. package/dist/treeshaking/components/org/OOrgMembers.vue.d.ts +5 -0
  75. package/dist/treeshaking/components/org/OOrgMembers.vue.mjs +7 -0
  76. package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs +108 -0
  77. package/dist/treeshaking/components/org/index.d.ts +55 -0
  78. package/dist/treeshaking/components/org/index.mjs +16 -0
  79. package/dist/treeshaking/components/org/types.d.ts +19 -0
  80. package/dist/treeshaking/components/sig/components/OSigDetailInfoCard.css +14 -1
  81. package/dist/treeshaking/components/sig/components/OSigDetailInfoCard.vue.mjs +13 -10
  82. package/dist/treeshaking/components/summit/OSummitLive.css +20 -20
  83. package/dist/treeshaking/components/summit/OSummitLive.vue.mjs +1 -1
  84. package/dist/treeshaking/components/summit/OSummitLive.vue2.mjs +1 -1
  85. package/dist/treeshaking/i18n/en.mjs +13 -1
  86. package/dist/treeshaking/i18n/zh.mjs +13 -1
  87. package/dist/treeshaking/index.d.ts +3 -0
  88. package/dist/treeshaking/index.mjs +12 -1
  89. package/dist/treeshaking/shared/anchor.mjs +9 -0
  90. package/package.json +3 -3
  91. package/dist/treeshaking/_virtual/icon-edit.mjs +0 -17
@@ -0,0 +1,252 @@
1
+ .hover-icon-rotate .o-icon {
2
+ transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
+ }
4
+ @media (hover: hover) {
5
+ .hover-icon-rotate:hover .o-icon {
6
+ transform: rotate(-180deg);
7
+ }
8
+ }
9
+ .o-meeting-send-minutes {
10
+ --item-height: 40px;
11
+ --form-item-gap: var(--o-r-gap-4);
12
+ --minutes-input-radius: var(--o-radius-xs);
13
+ }
14
+ @media (max-width: 1680px) {
15
+ .o-meeting-send-minutes {
16
+ --item-height: 36px;
17
+ }
18
+ }
19
+ .o-meeting-send-minutes .o-form-item-label {
20
+ --form-label-gap-top: 0;
21
+ color: var(--o-color-info2);
22
+ }
23
+ @media (max-width: 840px) {
24
+ .o-meeting-send-minutes .o-form-item-label {
25
+ font-size: 16px;
26
+ line-height: 24px;
27
+ }
28
+ }
29
+ @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
30
+ .o-meeting-send-minutes .o-form-item-label {
31
+ font-size: 14px;
32
+ line-height: 22px;
33
+ }
34
+ }
35
+ @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
36
+ .o-meeting-send-minutes .o-form-item-label {
37
+ font-size: 14px;
38
+ line-height: 22px;
39
+ }
40
+ }
41
+ @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
42
+ .o-meeting-send-minutes .o-form-item-label {
43
+ font-size: 14px;
44
+ line-height: 22px;
45
+ }
46
+ }
47
+ @media (max-width: 840px) and (max-width: 600px) {
48
+ .o-meeting-send-minutes .o-form-item-label {
49
+ font-size: 12px;
50
+ line-height: 18px;
51
+ }
52
+ }
53
+ .o-meeting-send-minutes.o-form-layout-h .o-form-item-label {
54
+ flex: 0 0 5em;
55
+ width: 5em;
56
+ height: var(--item-height);
57
+ align-items: center;
58
+ }
59
+ .o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
60
+ font-size: 16px;
61
+ line-height: 24px;
62
+ }
63
+ @media (min-width: 1201px) and (max-width: 1680px) {
64
+ .o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
65
+ font-size: 14px;
66
+ line-height: 22px;
67
+ }
68
+ }
69
+ @media (min-width: 841px) and (max-width: 1200px) {
70
+ .o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
71
+ font-size: 14px;
72
+ line-height: 22px;
73
+ }
74
+ }
75
+ @media (min-width: 601px) and (max-width: 840px) {
76
+ .o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
77
+ font-size: 14px;
78
+ line-height: 22px;
79
+ }
80
+ }
81
+ @media (max-width: 600px) {
82
+ .o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
83
+ font-size: 12px;
84
+ line-height: 18px;
85
+ }
86
+ }
87
+ .o-meeting-send-minutes .sender-text {
88
+ color: var(--o-color-info1);
89
+ line-height: var(--o-control_size-m);
90
+ font-size: 16px;
91
+ line-height: 24px;
92
+ }
93
+ @media (min-width: 1201px) and (max-width: 1680px) {
94
+ .o-meeting-send-minutes .sender-text {
95
+ font-size: 14px;
96
+ line-height: 22px;
97
+ }
98
+ }
99
+ @media (min-width: 841px) and (max-width: 1200px) {
100
+ .o-meeting-send-minutes .sender-text {
101
+ font-size: 14px;
102
+ line-height: 22px;
103
+ }
104
+ }
105
+ @media (min-width: 601px) and (max-width: 840px) {
106
+ .o-meeting-send-minutes .sender-text {
107
+ font-size: 14px;
108
+ line-height: 22px;
109
+ }
110
+ }
111
+ @media (max-width: 600px) {
112
+ .o-meeting-send-minutes .sender-text {
113
+ font-size: 12px;
114
+ line-height: 18px;
115
+ }
116
+ }
117
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
118
+ display: flex;
119
+ flex-wrap: wrap;
120
+ align-items: center;
121
+ gap: var(--o-gap-3);
122
+ padding: var(--o-gap-1) var(--o-gap-3);
123
+ border: 1px solid var(--o-color-control1);
124
+ border-radius: var(--minutes-input-radius);
125
+ min-height: var(--item-height);
126
+ cursor: text;
127
+ transition: border-color var(--o-duration-s) var(--o-easing-standard);
128
+ color: var(--o-color-info1);
129
+ font-size: 16px;
130
+ line-height: 24px;
131
+ }
132
+ @media (min-width: 1201px) and (max-width: 1680px) {
133
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
134
+ font-size: 14px;
135
+ line-height: 22px;
136
+ }
137
+ }
138
+ @media (min-width: 841px) and (max-width: 1200px) {
139
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
140
+ font-size: 14px;
141
+ line-height: 22px;
142
+ }
143
+ }
144
+ @media (min-width: 601px) and (max-width: 840px) {
145
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
146
+ font-size: 14px;
147
+ line-height: 22px;
148
+ }
149
+ }
150
+ @media (max-width: 600px) {
151
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
152
+ font-size: 12px;
153
+ line-height: 18px;
154
+ }
155
+ }
156
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:hover {
157
+ border-color: var(--o-color-control2);
158
+ }
159
+ .o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:focus-within {
160
+ border-color: var(--o-color-primary3);
161
+ }
162
+ .o-meeting-send-minutes .recipient-tag {
163
+ flex-shrink: 0;
164
+ --tag-height: 22px;
165
+ --tag-padding: 4px 8px;
166
+ --tag-bg-color: var(--o-color-control2-light);
167
+ --tag-color: var(--o-color-info1);
168
+ --tag-bd-color: transparent;
169
+ --tag-icon-close-color: var(--o-color-info2);
170
+ --tag-icon-close-color-hover: var(--o-color-info1);
171
+ }
172
+ .o-meeting-send-minutes .recipient-native-input {
173
+ flex: 1 1 120px;
174
+ min-width: 120px;
175
+ border: none;
176
+ outline: none;
177
+ background: transparent;
178
+ height: 22px;
179
+ line-height: 22px;
180
+ padding: 0;
181
+ color: var(--o-color-info1);
182
+ font-size: 16px;
183
+ line-height: 24px;
184
+ }
185
+ @media (min-width: 1201px) and (max-width: 1680px) {
186
+ .o-meeting-send-minutes .recipient-native-input {
187
+ font-size: 14px;
188
+ line-height: 22px;
189
+ }
190
+ }
191
+ @media (min-width: 841px) and (max-width: 1200px) {
192
+ .o-meeting-send-minutes .recipient-native-input {
193
+ font-size: 14px;
194
+ line-height: 22px;
195
+ }
196
+ }
197
+ @media (min-width: 601px) and (max-width: 840px) {
198
+ .o-meeting-send-minutes .recipient-native-input {
199
+ font-size: 14px;
200
+ line-height: 22px;
201
+ }
202
+ }
203
+ @media (max-width: 600px) {
204
+ .o-meeting-send-minutes .recipient-native-input {
205
+ font-size: 12px;
206
+ line-height: 18px;
207
+ }
208
+ }
209
+ .o-meeting-send-minutes .recipient-native-input::placeholder {
210
+ color: var(--o-color-info3);
211
+ }
212
+ .o-meeting-send-minutes .subject-input {
213
+ width: 100%;
214
+ }
215
+ .o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
216
+ max-height: 452px;
217
+ }
218
+ @media (max-width: 840px) {
219
+ .o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
220
+ max-height: 320px;
221
+ }
222
+ }
223
+ .o-meeting-send-minutes .email-body-content {
224
+ color: var(--o-color-info1);
225
+ white-space: pre-wrap;
226
+ font-size: 16px;
227
+ line-height: 24px;
228
+ }
229
+ @media (min-width: 1201px) and (max-width: 1680px) {
230
+ .o-meeting-send-minutes .email-body-content {
231
+ font-size: 14px;
232
+ line-height: 22px;
233
+ }
234
+ }
235
+ @media (min-width: 841px) and (max-width: 1200px) {
236
+ .o-meeting-send-minutes .email-body-content {
237
+ font-size: 14px;
238
+ line-height: 22px;
239
+ }
240
+ }
241
+ @media (min-width: 601px) and (max-width: 840px) {
242
+ .o-meeting-send-minutes .email-body-content {
243
+ font-size: 14px;
244
+ line-height: 22px;
245
+ }
246
+ }
247
+ @media (max-width: 600px) {
248
+ .o-meeting-send-minutes .email-body-content {
249
+ font-size: 12px;
250
+ line-height: 18px;
251
+ }
252
+ }
@@ -0,0 +1,144 @@
1
+ import { MeetingItemT, SendLogT } from './types.ts';
2
+ type __VLS_Props = {
3
+ meeting: MeetingItemT | null;
4
+ prefill?: string[] | null;
5
+ sendMinutesRequest: any;
6
+ };
7
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {
8
+ send: () => Promise<void>;
9
+ sending: import('vue').Ref<boolean, boolean>;
10
+ reset: () => void;
11
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
12
+ sent: (log: SendLogT) => any;
13
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
14
+ onSent?: ((log: SendLogT) => any) | undefined;
15
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
16
+ formRef: ({
17
+ $: import('vue').ComponentInternalInstance;
18
+ $data: {};
19
+ $props: Partial<{
20
+ layout: "h" | "v" | "inline";
21
+ hasRequired: boolean;
22
+ }> & Omit<{
23
+ readonly hasRequired: boolean;
24
+ readonly layout: "v" | "h" | "inline";
25
+ readonly model?: Record<string, any> | undefined;
26
+ readonly labelAlign?: "top" | "center" | "bottom" | undefined;
27
+ readonly labelJustify?: "center" | "left" | "right" | undefined;
28
+ readonly labelWidth?: string | undefined;
29
+ readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
30
+ readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
31
+ readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
32
+ readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
33
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "hasRequired" | "layout">;
34
+ $attrs: import('vue').Attrs;
35
+ $refs: {
36
+ [x: string]: unknown;
37
+ };
38
+ $slots: Readonly<{
39
+ [name: string]: import('vue').Slot<any> | undefined;
40
+ }>;
41
+ $root: import('vue').ComponentPublicInstance | null;
42
+ $parent: import('vue').ComponentPublicInstance | null;
43
+ $host: Element | null;
44
+ $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
45
+ $el: HTMLFormElement;
46
+ $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
47
+ model: {
48
+ type: ObjectConstructor;
49
+ };
50
+ hasRequired: {
51
+ type: BooleanConstructor;
52
+ default: boolean;
53
+ };
54
+ layout: {
55
+ type: import('vue').PropType<"h" | "v" | "inline">;
56
+ default: string;
57
+ };
58
+ labelAlign: {
59
+ type: import('vue').PropType<"top" | "center" | "bottom">;
60
+ };
61
+ labelJustify: {
62
+ type: import('vue').PropType<"left" | "center" | "right">;
63
+ };
64
+ labelWidth: {
65
+ type: StringConstructor;
66
+ };
67
+ }>> & Readonly<{
68
+ onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
69
+ onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
70
+ onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
71
+ onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
72
+ }>, {
73
+ validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
74
+ resetFields: (filed?: string | string[]) => void;
75
+ clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
76
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
77
+ clear: (filed?: string | string[] | undefined) => any;
78
+ reset: (filed?: string | string[] | undefined) => any;
79
+ submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
80
+ validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
81
+ }, string, {
82
+ layout: "h" | "v" | "inline";
83
+ hasRequired: boolean;
84
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
85
+ beforeCreate?: (() => void) | (() => void)[];
86
+ created?: (() => void) | (() => void)[];
87
+ beforeMount?: (() => void) | (() => void)[];
88
+ mounted?: (() => void) | (() => void)[];
89
+ beforeUpdate?: (() => void) | (() => void)[];
90
+ updated?: (() => void) | (() => void)[];
91
+ activated?: (() => void) | (() => void)[];
92
+ deactivated?: (() => void) | (() => void)[];
93
+ beforeDestroy?: (() => void) | (() => void)[];
94
+ beforeUnmount?: (() => void) | (() => void)[];
95
+ destroyed?: (() => void) | (() => void)[];
96
+ unmounted?: (() => void) | (() => void)[];
97
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
98
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
99
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
100
+ };
101
+ $forceUpdate: () => void;
102
+ $nextTick: typeof import('vue').nextTick;
103
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
104
+ } & Readonly<{
105
+ layout: "h" | "v" | "inline";
106
+ hasRequired: boolean;
107
+ }> & Omit<Readonly<import('vue').ExtractPropTypes<{
108
+ model: {
109
+ type: ObjectConstructor;
110
+ };
111
+ hasRequired: {
112
+ type: BooleanConstructor;
113
+ default: boolean;
114
+ };
115
+ layout: {
116
+ type: import('vue').PropType<"h" | "v" | "inline">;
117
+ default: string;
118
+ };
119
+ labelAlign: {
120
+ type: import('vue').PropType<"top" | "center" | "bottom">;
121
+ };
122
+ labelJustify: {
123
+ type: import('vue').PropType<"left" | "center" | "right">;
124
+ };
125
+ labelWidth: {
126
+ type: StringConstructor;
127
+ };
128
+ }>> & Readonly<{
129
+ onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
130
+ onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
131
+ onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
132
+ onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
133
+ }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
134
+ validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
135
+ resetFields: (filed?: string | string[]) => void;
136
+ clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
137
+ } & {} & import('vue').ComponentCustomProperties & {} & {
138
+ $slots: {
139
+ default?(_: {}): any;
140
+ };
141
+ }) | null;
142
+ recipientInputRef: HTMLInputElement;
143
+ }, HTMLFormElement>;
144
+ export default _default;
@@ -0,0 +1,214 @@
1
+ import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, createElementBlock, Fragment, renderList, createTextVNode, withDirectives, withKeys, withModifiers, vModelText } from "vue";
2
+ import { useMessage, OForm, OFormItem, OTag, OInput, OScroller } from "@opensig/opendesign";
3
+ import { useScreen } from "@opendesign-plus/composables";
4
+ import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
5
+ import { EMAIL_REGEX } from "./config.mjs";
6
+ const _hoisted_1 = { class: "sender-text" };
7
+ const _hoisted_2 = ["placeholder", "onKeydown"];
8
+ const _hoisted_3 = { class: "email-body-content" };
9
+ const _sfc_main = /* @__PURE__ */ defineComponent({
10
+ __name: "OMeetingSendMinutesForm",
11
+ props: {
12
+ meeting: {},
13
+ prefill: {},
14
+ sendMinutesRequest: {}
15
+ },
16
+ emits: ["sent"],
17
+ setup(__props, { expose: __expose, emit: __emit }) {
18
+ const props = __props;
19
+ const emit = __emit;
20
+ const { t } = useMeetingConfig();
21
+ const { lePadV } = useScreen();
22
+ const message = useMessage(null);
23
+ const formModel = ref({
24
+ recipients: [],
25
+ subject: ""
26
+ });
27
+ const extraInput = ref("");
28
+ const sending = ref(false);
29
+ const recipientInputRef = ref(null);
30
+ const formRef = ref(null);
31
+ const rules = {
32
+ recipients: [{ required: true, message: t("meeting.sendMinutesEmptyRecipient") }],
33
+ subject: [
34
+ { required: true, message: t("meeting.sendMinutesSubjectPlaceholder") },
35
+ {
36
+ validator: (value) => {
37
+ if (value.length > 128) {
38
+ return {
39
+ type: "danger",
40
+ message: t("meeting.sendMinutesSubjectTooLong")
41
+ };
42
+ }
43
+ }
44
+ }
45
+ ]
46
+ };
47
+ const sender = computed(() => {
48
+ var _a;
49
+ return ((_a = props.meeting) == null ? void 0 : _a.email_list) || "";
50
+ });
51
+ const defaultSubject = () => {
52
+ if (!props.meeting) return "";
53
+ const { topic, date } = props.meeting;
54
+ return t("meeting.sendMinutesSubjectDefault", [topic, date || ""]);
55
+ };
56
+ const reset = () => {
57
+ var _a;
58
+ if (!props.meeting) return;
59
+ formModel.value.recipients = props.prefill && props.prefill.length ? [...props.prefill] : [props.meeting.email_list];
60
+ formModel.value.subject = defaultSubject();
61
+ extraInput.value = "";
62
+ (_a = formRef.value) == null ? void 0 : _a.clearValidate();
63
+ };
64
+ watch([() => props.meeting, () => props.prefill], reset, { immediate: true });
65
+ const addRecipient = () => {
66
+ var _a;
67
+ const val = extraInput.value.trim();
68
+ if (!val) return;
69
+ if (!EMAIL_REGEX.test(val)) {
70
+ message.warning({ content: t("meeting.sendMinutesEmailInvalid") });
71
+ return;
72
+ }
73
+ if (formModel.value.recipients.includes(val)) {
74
+ message.warning({ content: t("meeting.sendMinutesEmailExists") });
75
+ return;
76
+ }
77
+ formModel.value.recipients.push(val);
78
+ extraInput.value = "";
79
+ (_a = formRef.value) == null ? void 0 : _a.clearValidate("recipients");
80
+ };
81
+ const removeRecipient = (email) => {
82
+ formModel.value.recipients = formModel.value.recipients.filter((r) => r !== email);
83
+ };
84
+ const handleBackspace = (e) => {
85
+ if (extraInput.value === "" && formModel.value.recipients.length > 0) {
86
+ e.preventDefault();
87
+ formModel.value.recipients.pop();
88
+ }
89
+ };
90
+ const focusRecipientInput = () => {
91
+ var _a;
92
+ (_a = recipientInputRef.value) == null ? void 0 : _a.focus();
93
+ };
94
+ const send = async () => {
95
+ var _a;
96
+ if (!props.meeting || !props.sendMinutesRequest) return;
97
+ const results = await ((_a = formRef.value) == null ? void 0 : _a.validate());
98
+ if (results == null ? void 0 : results.some((r) => !!r)) return;
99
+ try {
100
+ sending.value = true;
101
+ const log = await props.sendMinutesRequest(props.meeting.id, formModel.value.recipients, formModel.value.subject);
102
+ message.success({ content: t("meeting.sendMinutesSent") });
103
+ emit("sent", log);
104
+ } finally {
105
+ sending.value = false;
106
+ }
107
+ };
108
+ __expose({ send, sending, reset });
109
+ return (_ctx, _cache) => {
110
+ return openBlock(), createBlock(unref(OForm), {
111
+ ref_key: "formRef",
112
+ ref: formRef,
113
+ class: "o-meeting-send-minutes",
114
+ model: formModel.value,
115
+ "has-required": "",
116
+ layout: unref(lePadV) ? "v" : "h"
117
+ }, {
118
+ default: withCtx(() => [
119
+ createVNode(unref(OFormItem), {
120
+ label: unref(t)("meeting.sendMinutesSender")
121
+ }, {
122
+ default: withCtx(() => [
123
+ createElementVNode("span", _hoisted_1, toDisplayString(sender.value), 1)
124
+ ]),
125
+ _: 1
126
+ }, 8, ["label"]),
127
+ createVNode(unref(OFormItem), {
128
+ label: unref(t)("meeting.sendMinutesRecipient"),
129
+ field: "recipients",
130
+ rules: rules.recipients
131
+ }, {
132
+ default: withCtx(() => [
133
+ createElementVNode("div", {
134
+ class: "o-meeting-send-minutes-recipient-editor",
135
+ onClick: focusRecipientInput
136
+ }, [
137
+ (openBlock(true), createElementBlock(Fragment, null, renderList(formModel.value.recipients, (email) => {
138
+ return openBlock(), createBlock(unref(OTag), {
139
+ key: email,
140
+ class: "recipient-tag",
141
+ variant: "solid",
142
+ color: "primary",
143
+ closable: "",
144
+ onClose: ($event) => removeRecipient(email)
145
+ }, {
146
+ default: withCtx(() => [
147
+ createTextVNode(toDisplayString(email), 1)
148
+ ]),
149
+ _: 2
150
+ }, 1032, ["onClose"]);
151
+ }), 128)),
152
+ withDirectives(createElementVNode("input", {
153
+ ref_key: "recipientInputRef",
154
+ ref: recipientInputRef,
155
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => extraInput.value = $event),
156
+ class: "recipient-native-input",
157
+ type: "text",
158
+ placeholder: unref(t)("meeting.sendMinutesRecipientPlaceholder"),
159
+ onKeydown: [
160
+ withKeys(withModifiers(addRecipient, ["prevent"]), ["enter"]),
161
+ withKeys(handleBackspace, ["backspace"])
162
+ ]
163
+ }, null, 40, _hoisted_2), [
164
+ [vModelText, extraInput.value]
165
+ ])
166
+ ])
167
+ ]),
168
+ _: 1
169
+ }, 8, ["label", "rules"]),
170
+ createVNode(unref(OFormItem), {
171
+ label: unref(t)("meeting.sendMinutesSubject"),
172
+ field: "subject",
173
+ rules: rules.subject
174
+ }, {
175
+ default: withCtx(() => [
176
+ createVNode(unref(OInput), {
177
+ modelValue: formModel.value.subject,
178
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formModel.value.subject = $event),
179
+ class: "subject-input",
180
+ size: "large",
181
+ placeholder: unref(t)("meeting.sendMinutesSubjectPlaceholder")
182
+ }, null, 8, ["modelValue", "placeholder"])
183
+ ]),
184
+ _: 1
185
+ }, 8, ["label", "rules"]),
186
+ createVNode(unref(OFormItem), {
187
+ label: unref(t)("meeting.sendMinutesBody")
188
+ }, {
189
+ default: withCtx(() => [
190
+ createVNode(unref(OScroller), {
191
+ class: "o-meeting-send-minutes-email-body-scroller",
192
+ "disabled-x": "",
193
+ "show-type": "auto"
194
+ }, {
195
+ default: withCtx(() => {
196
+ var _a;
197
+ return [
198
+ createElementVNode("div", _hoisted_3, toDisplayString((_a = __props.meeting) == null ? void 0 : _a.minutes), 1)
199
+ ];
200
+ }),
201
+ _: 1
202
+ })
203
+ ]),
204
+ _: 1
205
+ }, 8, ["label"])
206
+ ]),
207
+ _: 1
208
+ }, 8, ["model", "layout"]);
209
+ };
210
+ }
211
+ });
212
+ export {
213
+ _sfc_main as default
214
+ };
@@ -0,0 +1,5 @@
1
+ import _sfc_main from "./OMeetingSendMinutesForm.vue.mjs";
2
+ import './OMeetingSendMinutesForm.css';
3
+ export {
4
+ _sfc_main as default
5
+ };