@opendesign-plus-test/components 0.0.1-rc.173 → 0.0.1-rc.175

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.
@@ -42,44 +42,28 @@
42
42
  min-height: auto;
43
43
  }
44
44
  }
45
- .o-meeting-minutes .o-meeting-minutes-loading {
46
- display: flex;
47
- flex-direction: column;
48
- gap: var(--o-gap-3);
49
- }
50
- @media (max-width: 1200px) {
51
- .o-meeting-minutes .o-meeting-minutes-loading {
52
- gap: var(--o-gap-2);
53
- }
54
- }
55
- .o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
56
- color: var(--o-color-info3);
57
- font-size: 14px;
58
- line-height: 22px;
59
- }
60
- @media (min-width: 1201px) and (max-width: 1680px) {
61
- .o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
62
- font-size: 14px;
63
- line-height: 18px;
45
+ .o-meeting-minutes .o-meeting-minutes-main-loading .o-meeting-minutes-title-wrap,
46
+ .o-meeting-minutes .o-meeting-minutes-main-loading .minutes-meta,
47
+ .o-meeting-minutes .o-meeting-minutes-main-loading .o-meeting-minutes-body-wrap .o-meeting-minutes-body-header {
48
+ display: block;
64
49
  }
50
+ .o-meeting-minutes .minutes-skeleton.minutes-skeleton-title {
51
+ --skeleton-height: var(--o-r-font_size-h2);
65
52
  }
66
- @media (min-width: 841px) and (max-width: 1200px) {
67
- .o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
68
- font-size: 12px;
69
- line-height: 18px;
53
+ .o-meeting-minutes .minutes-skeleton.minutes-skeleton-title .o-skeleton-item {
54
+ --skeleton-width: 50%;
70
55
  }
56
+ .o-meeting-minutes .minutes-skeleton.minutes-skeleton-btn {
57
+ --skeleton-width: 112px;
58
+ --skeleton-height: 40px;
59
+ --skeleton-radius: 20px;
71
60
  }
72
- @media (min-width: 601px) and (max-width: 840px) {
73
- .o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
74
- font-size: 12px;
75
- line-height: 18px;
76
- }
77
- }
78
- @media (max-width: 600px) {
79
- .o-meeting-minutes .o-meeting-minutes-loading .loading-tip {
80
- font-size: 12px;
81
- line-height: 18px;
61
+ .o-meeting-minutes .minutes-skeleton.minutes-skeleton-body-title {
62
+ --skeleton-width: 96px;
63
+ --skeleton-height: var(--o-r-font_size-h4);
82
64
  }
65
+ .o-meeting-minutes .minutes-skeleton.minutes-skeleton-body {
66
+ --skeleton-width: 100%;
83
67
  }
84
68
  .o-meeting-minutes .o-meeting-minutes-head {
85
69
  display: flex;
@@ -1,54 +1,59 @@
1
1
  import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createElementBlock, createElementVNode, createVNode, toDisplayString, createTextVNode, Fragment, normalizeClass, renderSlot, createCommentVNode, withDirectives, renderList, vShow } from "vue";
2
- import { useMessage, OScroller, OTextarea, OTag, ODivider, OButton, OLink, OIcon, OIconChevronDown, ODialog } from "@opensig/opendesign";
2
+ import { useMessage, OScroller, OSkeleton, ODivider, OTag, OButton, OLink, OTextarea, OIcon, OIconChevronDown, ODialog } from "@opensig/opendesign";
3
3
  import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
4
4
  import OMeetingSendMinutesDialog from "./components/OMeetingSendMinutesDialog.vue.mjs";
5
5
  import _OMeetingMinutesCopyDetail from "./OMeetingMinutesCopyDetail.vue.mjs";
6
6
  import { formatDate } from "./utils.mjs";
7
7
  const _hoisted_1 = {
8
8
  key: 0,
9
- class: "o-meeting-minutes-main o-meeting-minutes-card"
9
+ class: "o-meeting-minutes-main o-meeting-minutes-main-loading o-meeting-minutes-card"
10
10
  };
11
- const _hoisted_2 = { class: "o-meeting-minutes-loading" };
12
- const _hoisted_3 = { class: "loading-tip" };
13
- const _hoisted_4 = {
11
+ const _hoisted_2 = { class: "o-meeting-minutes-head" };
12
+ const _hoisted_3 = { class: "o-meeting-minutes-head-left" };
13
+ const _hoisted_4 = { class: "o-meeting-minutes-title-wrap" };
14
+ const _hoisted_5 = { class: "minutes-meta" };
15
+ const _hoisted_6 = { class: "o-meeting-minutes-body-wrap" };
16
+ const _hoisted_7 = { class: "o-meeting-minutes-body-header" };
17
+ const _hoisted_8 = { class: "o-meeting-minutes-body-content" };
18
+ const _hoisted_9 = {
14
19
  key: 1,
15
20
  class: "o-meeting-minutes-main o-meeting-minutes-card"
16
21
  };
17
- const _hoisted_5 = { class: "o-meeting-minutes-head" };
18
- const _hoisted_6 = { class: "o-meeting-minutes-head-left" };
19
- const _hoisted_7 = { class: "o-meeting-minutes-title-wrap" };
20
- const _hoisted_8 = { class: "minutes-title" };
21
- const _hoisted_9 = { class: "minutes-meta" };
22
- const _hoisted_10 = { class: "o-meeting-minutes-head-right" };
23
- const _hoisted_11 = { class: "o-meeting-minutes-body-wrap" };
24
- const _hoisted_12 = { class: "o-meeting-minutes-body-header" };
25
- const _hoisted_13 = { class: "o-meeting-minutes-body-header-text" };
26
- const _hoisted_14 = { class: "o-meeting-minutes-body-header-btns" };
27
- const _hoisted_15 = {
22
+ const _hoisted_10 = { class: "o-meeting-minutes-head" };
23
+ const _hoisted_11 = { class: "o-meeting-minutes-head-left" };
24
+ const _hoisted_12 = { class: "o-meeting-minutes-title-wrap" };
25
+ const _hoisted_13 = { class: "minutes-title" };
26
+ const _hoisted_14 = { class: "minutes-meta" };
27
+ const _hoisted_15 = { class: "o-meeting-minutes-head-right" };
28
+ const _hoisted_16 = { class: "o-meeting-minutes-body-wrap" };
29
+ const _hoisted_17 = { class: "o-meeting-minutes-body-header" };
30
+ const _hoisted_18 = { class: "o-meeting-minutes-body-header-text" };
31
+ const _hoisted_19 = { class: "o-meeting-minutes-body-header-btns" };
32
+ const _hoisted_20 = {
28
33
  key: 1,
29
34
  class: "minutes-preview"
30
35
  };
31
- const _hoisted_16 = {
36
+ const _hoisted_21 = {
32
37
  key: 0,
33
38
  class: "o-meeting-minutes-body-footer"
34
39
  };
35
- const _hoisted_17 = { class: "o-meeting-minutes-last-modified" };
36
- const _hoisted_18 = { class: "o-meeting-minutes-origin" };
37
- const _hoisted_19 = { class: "o-meeting-minutes-log-card o-meeting-minutes-card" };
38
- const _hoisted_20 = { class: "o-meeting-minutes-log-block" };
39
- const _hoisted_21 = { class: "o-meeting-minutes-log-head-left" };
40
- const _hoisted_22 = { class: "block-title" };
41
- const _hoisted_23 = { class: "block-count" };
42
- const _hoisted_24 = { class: "o-meeting-minutes-log-body" };
43
- const _hoisted_25 = {
40
+ const _hoisted_22 = { class: "o-meeting-minutes-last-modified" };
41
+ const _hoisted_23 = { class: "o-meeting-minutes-origin" };
42
+ const _hoisted_24 = { class: "o-meeting-minutes-log-card o-meeting-minutes-card" };
43
+ const _hoisted_25 = { class: "o-meeting-minutes-log-block" };
44
+ const _hoisted_26 = { class: "o-meeting-minutes-log-head-left" };
45
+ const _hoisted_27 = { class: "block-title" };
46
+ const _hoisted_28 = { class: "block-count" };
47
+ const _hoisted_29 = { class: "o-meeting-minutes-log-body" };
48
+ const _hoisted_30 = {
44
49
  key: 0,
45
50
  class: "o-meeting-minutes-timeline"
46
51
  };
47
- const _hoisted_26 = { class: "o-meeting-minutes-timeline-content" };
48
- const _hoisted_27 = { class: "o-meeting-minutes-timeline-summary" };
49
- const _hoisted_28 = { class: "timeline-time" };
50
- const _hoisted_29 = { class: "timeline-desc" };
51
- const _hoisted_30 = {
52
+ const _hoisted_31 = { class: "o-meeting-minutes-timeline-content" };
53
+ const _hoisted_32 = { class: "o-meeting-minutes-timeline-summary" };
54
+ const _hoisted_33 = { class: "timeline-time" };
55
+ const _hoisted_34 = { class: "timeline-desc" };
56
+ const _hoisted_35 = {
52
57
  key: 1,
53
58
  class: "log-empty"
54
59
  };
@@ -174,20 +179,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
174
179
  "show-type": "auto"
175
180
  }, {
176
181
  default: withCtx(() => [
177
- loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
182
+ !loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
178
183
  createElementVNode("div", _hoisted_2, [
179
- createVNode(unref(OTextarea), {
180
- "model-value": "",
181
- readonly: "",
182
- rows: 3
183
- }),
184
- createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("meeting.minutesLoading")), 1)
184
+ createElementVNode("div", _hoisted_3, [
185
+ createElementVNode("div", _hoisted_4, [
186
+ createVNode(unref(OSkeleton), {
187
+ loading: "",
188
+ rows: 1,
189
+ class: "minutes-skeleton minutes-skeleton-title"
190
+ })
191
+ ]),
192
+ createElementVNode("div", _hoisted_5, [
193
+ createVNode(unref(OSkeleton), {
194
+ loading: "",
195
+ rows: 1,
196
+ class: "minutes-skeleton minutes-skeleton-meta"
197
+ })
198
+ ])
199
+ ])
200
+ ]),
201
+ createVNode(unref(ODivider), { style: { "--o-divider-gap": "var(--o-r-gap-5)" } }),
202
+ createElementVNode("div", _hoisted_6, [
203
+ createElementVNode("div", _hoisted_7, [
204
+ createVNode(unref(OSkeleton), {
205
+ loading: "",
206
+ rows: 1,
207
+ class: "minutes-skeleton minutes-skeleton-body-title"
208
+ })
209
+ ]),
210
+ createElementVNode("div", _hoisted_8, [
211
+ createVNode(unref(OSkeleton), {
212
+ loading: "",
213
+ rows: 5,
214
+ class: "minutes-skeleton minutes-skeleton-body"
215
+ })
216
+ ])
185
217
  ])
186
- ])) : meeting.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
187
- createElementVNode("div", _hoisted_5, [
188
- createElementVNode("div", _hoisted_6, [
189
- createElementVNode("div", _hoisted_7, [
190
- createElementVNode("span", _hoisted_8, toDisplayString(meeting.value.topic), 1),
218
+ ])) : meeting.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
219
+ createElementVNode("div", _hoisted_10, [
220
+ createElementVNode("div", _hoisted_11, [
221
+ createElementVNode("div", _hoisted_12, [
222
+ createElementVNode("span", _hoisted_13, toDisplayString(meeting.value.topic), 1),
191
223
  createVNode(unref(OTag), {
192
224
  variant: "outline",
193
225
  color: "primary"
@@ -198,13 +230,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
198
230
  _: 1
199
231
  })
200
232
  ]),
201
- createElementVNode("div", _hoisted_9, [
233
+ createElementVNode("div", _hoisted_14, [
202
234
  createElementVNode("span", null, toDisplayString(unref(t)("meeting.minutesSigGroup")) + toDisplayString(meeting.value.group_name), 1),
203
235
  createVNode(unref(ODivider), { direction: "v" }),
204
236
  createElementVNode("span", null, toDisplayString(meeting.value.date) + " " + toDisplayString(meeting.value.time), 1)
205
237
  ])
206
238
  ]),
207
- createElementVNode("div", _hoisted_10, [
239
+ createElementVNode("div", _hoisted_15, [
208
240
  createVNode(unref(OButton), {
209
241
  color: "primary",
210
242
  size: "large",
@@ -220,10 +252,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
220
252
  ])
221
253
  ]),
222
254
  createVNode(unref(ODivider), { style: { "--o-divider-gap": "var(--o-r-gap-5)" } }),
223
- createElementVNode("div", _hoisted_11, [
224
- createElementVNode("div", _hoisted_12, [
225
- createElementVNode("span", _hoisted_13, toDisplayString(unref(t)("meeting.minutesBodyTitle")), 1),
226
- createElementVNode("div", _hoisted_14, [
255
+ createElementVNode("div", _hoisted_16, [
256
+ createElementVNode("div", _hoisted_17, [
257
+ createElementVNode("span", _hoisted_18, toDisplayString(unref(t)("meeting.minutesBodyTitle")), 1),
258
+ createElementVNode("div", _hoisted_19, [
227
259
  mode.value === "preview" ? (openBlock(), createBlock(unref(OLink), {
228
260
  key: 0,
229
261
  color: "primary",
@@ -264,7 +296,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
264
296
  mode.value === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
265
297
  !meeting.value.minutes ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
266
298
  _cache[3] || (_cache[3] = createTextVNode("空状态占位,传入empty slot", -1))
267
- ]) : (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(meeting.value.minutes), 1))
299
+ ]) : (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(meeting.value.minutes), 1))
268
300
  ], 64)) : (openBlock(), createBlock(unref(OTextarea), {
269
301
  key: 1,
270
302
  modelValue: draft.value,
@@ -273,12 +305,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
273
305
  class: "minutes-editor"
274
306
  }, null, 8, ["modelValue"]))
275
307
  ], 2),
276
- meeting.value.minutes ? (openBlock(), createElementBlock("div", _hoisted_16, [
277
- createElementVNode("div", _hoisted_17, [
308
+ meeting.value.minutes ? (openBlock(), createElementBlock("div", _hoisted_21, [
309
+ createElementVNode("div", _hoisted_22, [
278
310
  createElementVNode("span", null, toDisplayString(unref(t)("meeting.minutesLastModified")), 1),
279
311
  createElementVNode("span", null, toDisplayString(unref(formatDate)(meeting.value.update_time || meeting.value.updated_at, "YYYY/MM/DD HH:mm:ss")), 1)
280
312
  ]),
281
- createElementVNode("div", _hoisted_18, [
313
+ createElementVNode("div", _hoisted_23, [
282
314
  createElementVNode("span", null, toDisplayString(unref(t)("meeting.minutesOrigin")), 1),
283
315
  createVNode(unref(OLink), null, {
284
316
  default: withCtx(() => [
@@ -289,15 +321,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
289
321
  ])
290
322
  ])) : createCommentVNode("", true),
291
323
  createVNode(unref(ODivider), { style: { "--o-divider-gap": "var(--o-r-gap-5)" } }),
292
- createElementVNode("div", _hoisted_19, [
293
- createElementVNode("div", _hoisted_20, [
324
+ createElementVNode("div", _hoisted_24, [
325
+ createElementVNode("div", _hoisted_25, [
294
326
  createElementVNode("div", {
295
327
  class: "o-meeting-minutes-log-head",
296
328
  onClick: toggleLogExpanded
297
329
  }, [
298
- createElementVNode("div", _hoisted_21, [
299
- createElementVNode("span", _hoisted_22, toDisplayString(unref(t)("meeting.minutesSendLogs")), 1),
300
- createElementVNode("span", _hoisted_23, toDisplayString(logs.value.length), 1)
330
+ createElementVNode("div", _hoisted_26, [
331
+ createElementVNode("span", _hoisted_27, toDisplayString(unref(t)("meeting.minutesSendLogs")), 1),
332
+ createElementVNode("span", _hoisted_28, toDisplayString(logs.value.length), 1)
301
333
  ]),
302
334
  createVNode(unref(OIcon), {
303
335
  class: normalizeClass(["expand-icon", { "is-expanded": logExpanded.value }])
@@ -308,8 +340,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
308
340
  _: 1
309
341
  }, 8, ["class"])
310
342
  ]),
311
- withDirectives(createElementVNode("div", _hoisted_24, [
312
- logs.value.length ? (openBlock(), createElementBlock("ul", _hoisted_25, [
343
+ withDirectives(createElementVNode("div", _hoisted_29, [
344
+ logs.value.length ? (openBlock(), createElementBlock("ul", _hoisted_30, [
313
345
  (openBlock(true), createElementBlock(Fragment, null, renderList(logs.value, (log) => {
314
346
  return openBlock(), createElementBlock("li", {
315
347
  key: log.id,
@@ -318,10 +350,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
318
350
  _cache[4] || (_cache[4] = createElementVNode("span", { class: "timeline-dot" }, [
319
351
  createElementVNode("span", { class: "timeline-dot-core" })
320
352
  ], -1)),
321
- createElementVNode("div", _hoisted_26, [
322
- createElementVNode("div", _hoisted_27, [
323
- createElementVNode("span", _hoisted_28, toDisplayString(log.send_time), 1),
324
- createElementVNode("span", _hoisted_29, toDisplayString(unref(t)("meeting.minutesSendLogsDesc")), 1),
353
+ createElementVNode("div", _hoisted_31, [
354
+ createElementVNode("div", _hoisted_32, [
355
+ createElementVNode("span", _hoisted_33, toDisplayString(log.send_time), 1),
356
+ createElementVNode("span", _hoisted_34, toDisplayString(unref(t)("meeting.minutesSendLogsDesc")), 1),
325
357
  createVNode(unref(OLink), {
326
358
  color: "primary",
327
359
  "hover-underline": false,
@@ -336,7 +368,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
336
368
  ])
337
369
  ]);
338
370
  }), 128))
339
- ])) : (openBlock(), createElementBlock("div", _hoisted_30, toDisplayString(unref(t)("meeting.minutesNoLogs")), 1))
371
+ ])) : (openBlock(), createElementBlock("div", _hoisted_35, toDisplayString(unref(t)("meeting.minutesNoLogs")), 1))
340
372
  ], 512), [
341
373
  [vShow, logExpanded.value]
342
374
  ])
@@ -138,6 +138,7 @@ export interface MeetingItemT extends MeetingPostT {
138
138
  minutes?: string;
139
139
  send_logs?: SendLogT[];
140
140
  sender?: string;
141
+ updated_at?: string;
141
142
  }
142
143
  export interface SendLogT {
143
144
  id: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus-test/components",
3
- "version": "0.0.1-rc.173",
3
+ "version": "0.0.1-rc.175",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -36,7 +36,7 @@
36
36
  "dist"
37
37
  ],
38
38
  "peerDependencies": {
39
- "@opensig/opendesign": "1.2.5",
39
+ "@opensig/opendesign": "1.2.5-sp3",
40
40
  "@vueuse/core": "^14.0.0",
41
41
  "@vueuse/shared": "^14.0.0",
42
42
  "aos": "^2.3.4",