@opendesign-plus-test/components 0.0.1-rc.120 → 0.0.1-rc.122

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 (62) hide show
  1. package/dist/components/header/OHeaderMobile.vue.d.ts +10 -7
  2. package/dist/components/header/index.d.ts +5 -0
  3. package/dist/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts +9 -0
  4. package/dist/components/header-language-switcher/index.d.ts +15 -0
  5. package/dist/components/header-source-code/OHeaderSourceCode.vue.d.ts +2 -0
  6. package/dist/components/header-source-code/index.d.ts +3 -0
  7. package/dist/components/header-user/OHeaderUser.vue.d.ts +3 -0
  8. package/dist/components/header-user/index.d.ts +6 -0
  9. package/dist/components/meeting/OMeetingCalendar.vue.d.ts +2 -0
  10. package/dist/components/meeting/OMeetingSigCalendar.vue.d.ts +6 -2
  11. package/dist/components/meeting/index.d.ts +4 -1
  12. package/dist/components.cjs.js +36 -36
  13. package/dist/components.css +1 -1
  14. package/dist/components.es.js +7588 -7544
  15. package/dist/treeshaking/components/common/AppAvatar.css +5 -5
  16. package/dist/treeshaking/components/common/AppAvatar.vue.mjs +1 -1
  17. package/dist/treeshaking/components/common/AppAvatar.vue2.mjs +3 -3
  18. package/dist/treeshaking/components/events/OEventsCalendar.css +5 -0
  19. package/dist/treeshaking/components/events/OEventsList.css +10 -0
  20. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.css +5 -5
  21. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.mjs +1 -1
  22. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue2.mjs +5 -5
  23. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.css +26 -26
  24. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.mjs +1 -1
  25. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue2.mjs +3 -3
  26. package/dist/treeshaking/components/header/OHeaderMobile.css +19 -19
  27. package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +10 -7
  28. package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
  29. package/dist/treeshaking/components/header/OHeaderMobile.vue2.mjs +3 -2
  30. package/dist/treeshaking/components/header/components/HeaderContent.css +184 -184
  31. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  32. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +0 -2
  33. package/dist/treeshaking/components/header/index.d.ts +5 -0
  34. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css +29 -41
  35. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts +9 -0
  36. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs +1 -1
  37. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.mjs +8 -4
  38. package/dist/treeshaking/components/header-language-switcher/index.d.ts +15 -0
  39. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css +29 -41
  40. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.d.ts +2 -0
  41. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +1 -1
  42. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue2.mjs +3 -3
  43. package/dist/treeshaking/components/header-source-code/index.d.ts +3 -0
  44. package/dist/treeshaking/components/header-theme/OHeaderTheme.css +11 -11
  45. package/dist/treeshaking/components/header-theme/OHeaderTheme.vue.mjs +1 -1
  46. package/dist/treeshaking/components/header-theme/OHeaderTheme.vue2.mjs +2 -2
  47. package/dist/treeshaking/components/header-user/OHeaderUser.css +55 -38
  48. package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts +3 -0
  49. package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
  50. package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs +7 -5
  51. package/dist/treeshaking/components/header-user/OHeaderUser2.css +0 -18
  52. package/dist/treeshaking/components/header-user/index.d.ts +6 -0
  53. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +74 -0
  54. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.d.ts +2 -0
  55. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +60 -30
  56. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +6 -0
  57. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts +6 -2
  58. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +46 -17
  59. package/dist/treeshaking/components/meeting/index.d.ts +4 -1
  60. package/dist/treeshaking/components/search/internal/SearchImageInput.css +48 -45
  61. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs +1 -1
  62. package/package.json +3 -3
@@ -1,20 +1,20 @@
1
- .hover-icon-rotate .o-icon[data-v-340348ce] {
1
+ .hover-icon-rotate .o-icon[data-v-9aaf13f3] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-340348ce] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-9aaf13f3] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .img-avatar[data-v-340348ce] {
9
+ .img-avatar[data-v-9aaf13f3] {
10
10
  background-color: transparent !important;
11
11
  }
12
- .word-avatar[data-v-340348ce] {
12
+ .word-avatar[data-v-9aaf13f3] {
13
13
  display: flex;
14
14
  align-items: center;
15
15
  justify-content: center;
16
16
  color: var(--o-color-info1-inverse);
17
17
  }
18
- .round[data-v-340348ce] {
18
+ .round[data-v-9aaf13f3] {
19
19
  border-radius: 50%;
20
20
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./AppAvatar.vue2.mjs";
2
2
  import './AppAvatar.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const AppAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-340348ce"]]);
4
+ const AppAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9aaf13f3"]]);
5
5
  export {
6
6
  AppAvatar as default
7
7
  };
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
22
22
  // 大小尺寸自定义,单位px
23
23
  customSize: {
24
24
  type: Number,
25
- default: 0
25
+ default: 20
26
26
  },
27
27
  // round--圆形 square--方形
28
28
  variant: {
@@ -41,8 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
41
41
  var _a;
42
42
  const avatarStyle = {
43
43
  "background-color": "",
44
- width: "32px",
45
- height: "32px",
44
+ width: props.customSize + "px",
45
+ height: props.customSize + "px",
46
46
  "font-size": "20px"
47
47
  };
48
48
  avatarStyle["background-color"] = props.name ? bgColorArr[((_a = props.name) == null ? void 0 : _a.length) % bgColorArr.length] : "transparent";
@@ -84,6 +84,11 @@
84
84
  justify-content: space-between;
85
85
  margin-right: var(--o-gap-4);
86
86
  }
87
+ @media (min-width: 1201px) and (max-width: 1680px) {
88
+ .o-events-calendar .collapse-header {
89
+ margin-right: var(--o-gap-3);
90
+ }
91
+ }
87
92
  @media (max-width: 840px) {
88
93
  .o-events-calendar .collapse-header {
89
94
  flex-direction: column;
@@ -257,6 +257,9 @@
257
257
  --tag-color: rgb(var(--o-white));
258
258
  --tag-bg-color: rgba(var(--o-black), 0.25);
259
259
  --tag-padding: var(--o-gap-1) var(--o-gap-3);
260
+ --tag-text-size: 12px;
261
+ --tag-text-height: 18px;
262
+ --tag-height: 24px;
260
263
  border: none;
261
264
  border-radius: var(--events-tag-radius);
262
265
  }
@@ -265,6 +268,13 @@
265
268
  --tag-padding: var(--o-gap-1);
266
269
  }
267
270
  }
271
+ .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
272
+ height: 16px;
273
+ }
274
+ .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon svg {
275
+ width: 16px;
276
+ height: 16px;
277
+ }
268
278
  .o-events-list .list-content .o-card .o-card-content .event-name {
269
279
  font-weight: 500;
270
280
  text-align: center;
@@ -1,12 +1,12 @@
1
- .hover-icon-rotate .o-icon[data-v-49e6ebe6] {
1
+ .hover-icon-rotate .o-icon[data-v-12fab110] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-49e6ebe6] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-12fab110] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .o-feedback-doc-wrap[data-v-49e6ebe6] {
9
+ .o-feedback-doc-wrap[data-v-12fab110] {
10
10
  display: inline-flex;
11
11
  align-items: center;
12
12
  justify-content: center;
@@ -14,10 +14,10 @@
14
14
  cursor: pointer;
15
15
  }
16
16
  @media (hover: hover) {
17
- .o-feedback-doc-wrap[data-v-49e6ebe6]:hover {
17
+ .o-feedback-doc-wrap[data-v-12fab110]:hover {
18
18
  color: var(--o-color-primary1);
19
19
  }
20
20
  }
21
- .o-feedback-doc-wrap .o-feedback-icon-smile[data-v-49e6ebe6] {
21
+ .o-feedback-doc-wrap .o-feedback-icon-smile[data-v-12fab110] {
22
22
  font-size: 24px;
23
23
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OFeedbackDoc.vue2.mjs";
2
2
  import './OFeedbackDoc.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OFeedbackDoc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49e6ebe6"]]);
4
+ const _OFeedbackDoc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12fab110"]]);
5
5
  export {
6
6
  _OFeedbackDoc as default
7
7
  };
@@ -43,21 +43,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
43
43
  const completenessRate = useModel(__props, "completeness");
44
44
  const usabilityRate = useModel(__props, "usability");
45
45
  const feedback = useModel(__props, "feedback");
46
- const { lePad } = useScreen();
46
+ const { lePadV } = useScreen();
47
47
  const feedbackRef = ref();
48
48
  const showDlg = ref(false);
49
49
  const showPopup = ref(false);
50
50
  const autoHide = ref(true);
51
51
  let timer;
52
52
  const onMouseEnter = () => {
53
- if (lePad.value) {
53
+ if (lePadV.value) {
54
54
  return;
55
55
  }
56
56
  clearTimeout(timer);
57
57
  showPopup.value = true;
58
58
  };
59
59
  const onMouseLeave = () => {
60
- if (lePad.value) {
60
+ if (lePadV.value) {
61
61
  return;
62
62
  }
63
63
  if (!autoHide.value) {
@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
82
82
  autoHide.value = false;
83
83
  };
84
84
  const onClick = () => {
85
- if (!lePad.value) {
85
+ if (!lePadV.value) {
86
86
  return;
87
87
  }
88
88
  showDlg.value = true;
@@ -107,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
107
107
  _: 1
108
108
  }, 512)
109
109
  ], true),
110
- unref(lePad) ? (openBlock(), createBlock(_sfc_main$1, {
110
+ unref(lePadV) ? (openBlock(), createBlock(_sfc_main$1, {
111
111
  key: 0,
112
112
  visible: showDlg.value,
113
113
  "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showDlg.value = $event),
@@ -1,17 +1,17 @@
1
- .hover-icon-rotate .o-icon[data-v-8fc5dd70] {
1
+ .hover-icon-rotate .o-icon[data-v-28bdd67f] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-8fc5dd70] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-28bdd67f] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .o-feedback-doc[data-v-8fc5dd70] {
9
+ .o-feedback-doc[data-v-28bdd67f] {
10
10
  position: relative;
11
11
  color: var(--o-color-info1);
12
12
  text-align: center;
13
13
  }
14
- .o-feedback-doc .o-feedback-icon-close[data-v-8fc5dd70] {
14
+ .o-feedback-doc .o-feedback-icon-close[data-v-28bdd67f] {
15
15
  position: absolute;
16
16
  top: -8px;
17
17
  right: -6px;
@@ -21,70 +21,70 @@
21
21
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
22
22
  }
23
23
  @media (hover: hover) {
24
- .o-feedback-doc .o-feedback-icon-close[data-v-8fc5dd70]:hover {
24
+ .o-feedback-doc .o-feedback-icon-close[data-v-28bdd67f]:hover {
25
25
  transform: rotate(180deg);
26
26
  color: var(--o-color-primary1);
27
27
  }
28
28
  }
29
- .o-feedback-doc .o-feedback-title[data-v-8fc5dd70] {
29
+ .o-feedback-doc .o-feedback-title[data-v-28bdd67f] {
30
30
  font-size: 14px;
31
31
  line-height: 22px;
32
32
  font-weight: 600;
33
33
  margin-bottom: 12px;
34
34
  }
35
- @media (max-width: 1200px) {
36
- .o-feedback-doc .o-feedback-title[data-v-8fc5dd70] {
35
+ @media (max-width: 840px) {
36
+ .o-feedback-doc .o-feedback-title[data-v-28bdd67f] {
37
37
  font-size: 18px;
38
38
  line-height: 26px;
39
39
  }
40
40
  }
41
- .o-feedback-doc .o-feedback-star-wrap[data-v-8fc5dd70] {
41
+ .o-feedback-doc .o-feedback-star-wrap[data-v-28bdd67f] {
42
42
  padding: 0 16px;
43
43
  }
44
- @media (max-width: 1200px) {
45
- .o-feedback-doc .o-feedback-star-wrap[data-v-8fc5dd70] {
44
+ @media (max-width: 840px) {
45
+ .o-feedback-doc .o-feedback-star-wrap[data-v-28bdd67f] {
46
46
  padding: 0 24px;
47
47
  }
48
48
  }
49
- .o-feedback-doc .o-feedback-doc-title[data-v-8fc5dd70] {
49
+ .o-feedback-doc .o-feedback-doc-title[data-v-28bdd67f] {
50
50
  margin-right: 16px;
51
51
  font-size: 12px;
52
52
  line-height: 18px;
53
53
  color: var(--o-color-info2);
54
54
  text-align: left;
55
55
  }
56
- @media (max-width: 1200px) {
57
- .o-feedback-doc .o-feedback-doc-title[data-v-8fc5dd70] {
56
+ @media (max-width: 840px) {
57
+ .o-feedback-doc .o-feedback-doc-title[data-v-28bdd67f] {
58
58
  font-size: 14px;
59
59
  line-height: 22px;
60
60
  }
61
61
  }
62
- .o-feedback-doc .o-feedback-star-line[data-v-8fc5dd70] {
62
+ .o-feedback-doc .o-feedback-star-line[data-v-28bdd67f] {
63
63
  display: flex;
64
64
  align-items: center;
65
65
  justify-content: space-between;
66
66
  margin-top: 12px;
67
67
  }
68
- .o-feedback-doc .o-feedback-doc-rate[data-v-8fc5dd70] {
68
+ .o-feedback-doc .o-feedback-doc-rate[data-v-28bdd67f] {
69
69
  --rate-size: 16px;
70
70
  }
71
- @media (max-width: 1200px) {
72
- .o-feedback-doc .o-feedback-doc-rate[data-v-8fc5dd70] {
71
+ @media (max-width: 840px) {
72
+ .o-feedback-doc .o-feedback-doc-rate[data-v-28bdd67f] {
73
73
  --rate-size: 32px;
74
74
  }
75
75
  }
76
- .o-feedback-doc .o-feedback-input-wrap[data-v-8fc5dd70] {
76
+ .o-feedback-doc .o-feedback-input-wrap[data-v-28bdd67f] {
77
77
  margin-top: 12px;
78
78
  }
79
- @media (max-width: 1200px) {
80
- .o-feedback-doc .o-feedback-input-wrap[data-v-8fc5dd70] {
79
+ @media (max-width: 840px) {
80
+ .o-feedback-doc .o-feedback-input-wrap[data-v-28bdd67f] {
81
81
  padding: 0 8px;
82
82
  }
83
83
  }
84
- .o-feedback-doc .o-feedback-input[data-v-8fc5dd70] {
84
+ .o-feedback-doc .o-feedback-input[data-v-28bdd67f] {
85
85
  width: 100%;
86
86
  }
87
- .o-feedback-doc .o-feedback-doc-submit[data-v-8fc5dd70] {
87
+ .o-feedback-doc .o-feedback-doc-submit[data-v-28bdd67f] {
88
88
  display: flex;
89
89
  justify-content: center;
90
90
  align-items: center;
@@ -94,13 +94,13 @@
94
94
  font-size: 14px;
95
95
  line-height: 22px;
96
96
  }
97
- .o-feedback-doc-btn-box[data-v-8fc5dd70] {
97
+ .o-feedback-doc-btn-box[data-v-28bdd67f] {
98
98
  display: flex;
99
99
  align-items: center;
100
100
  justify-content: space-around;
101
101
  margin-top: 16px;
102
102
  }
103
- .o-feedback-doc-btn-box .o-btn[data-v-8fc5dd70] {
103
+ .o-feedback-doc-btn-box .o-btn[data-v-28bdd67f] {
104
104
  flex: 1;
105
105
  padding: 2px 0;
106
106
  font-size: 16px;
@@ -110,6 +110,6 @@
110
110
  --btn-padding: 0 50px;
111
111
  --btn-color: var(--o-color-info1);
112
112
  }
113
- .o-feedback-doc-btn-box .divider-btn[data-v-8fc5dd70] {
113
+ .o-feedback-doc-btn-box .divider-btn[data-v-28bdd67f] {
114
114
  height: 24px;
115
115
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OFeedbackDocContent.vue2.mjs";
2
2
  import './OFeedbackDocContent.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fc5dd70"]]);
4
+ const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28bdd67f"]]);
5
5
  export {
6
6
  _OFeedbackDocContent as default
7
7
  };
@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
51
51
  emits: /* @__PURE__ */ mergeModels(["change", "close", "submit"], ["update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"]),
52
52
  setup(__props, { emit: __emit }) {
53
53
  const message = useMessage(null);
54
- const { lePad } = useScreen();
54
+ const { lePadV } = useScreen();
55
55
  const { locale, t } = useI18n();
56
56
  const props = __props;
57
57
  const efficiencyRate = useModel(__props, "efficiency");
@@ -184,7 +184,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
184
184
  modelValue: item.value,
185
185
  "onUpdate:modelValue": ($event) => item.value = $event,
186
186
  class: "o-feedback-doc-rate",
187
- size: unref(lePad) ? "large" : "medium",
187
+ size: unref(lePadV) ? "large" : "medium",
188
188
  count: 5,
189
189
  color: "primary",
190
190
  onChange: ($event) => onRateChange(item)
@@ -202,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
202
202
  placeholder: unref(t)("feedback.placeholder")
203
203
  }, null, 8, ["modelValue", "placeholder"])
204
204
  ])) : createCommentVNode("", true),
205
- unref(lePad) ? (openBlock(), createElementBlock("div", _hoisted_6, [
205
+ unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_6, [
206
206
  showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
207
207
  createVNode(unref(OButton), {
208
208
  color: "normal",
@@ -1,15 +1,15 @@
1
- .hover-icon-rotate .o-icon[data-v-f067c92a] {
1
+ .hover-icon-rotate .o-icon[data-v-0a2d44bb] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-f067c92a] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-0a2d44bb] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header[data-v-f067c92a] {
9
+ .header[data-v-0a2d44bb] {
10
10
  --o-header-height: 56px;
11
11
  }
12
- .header-box[data-v-f067c92a] {
12
+ .header-box[data-v-0a2d44bb] {
13
13
  background-color: var(--o-color-fill2);
14
14
  position: fixed;
15
15
  left: 0;
@@ -19,30 +19,30 @@
19
19
  box-shadow: var(--o-shadow-1);
20
20
  backdrop-filter: blur(5px);
21
21
  }
22
- .header-wrap[data-v-f067c92a] {
22
+ .header-wrap[data-v-0a2d44bb] {
23
23
  display: flex;
24
24
  align-items: center;
25
25
  height: var(--o-header-height);
26
26
  justify-content: space-between;
27
27
  position: relative;
28
28
  }
29
- .header-simple[data-v-f067c92a] {
29
+ .header-simple[data-v-0a2d44bb] {
30
30
  width: 100%;
31
31
  display: flex;
32
32
  align-items: center;
33
33
  justify-content: space-between;
34
34
  }
35
- .header-simple .o-icon[data-v-f067c92a] {
35
+ .header-simple .o-icon[data-v-0a2d44bb] {
36
36
  font-size: 24px;
37
37
  }
38
- .header-simple .simple-header-left[data-v-f067c92a] {
38
+ .header-simple .simple-header-left[data-v-0a2d44bb] {
39
39
  display: flex;
40
40
  gap: 16px;
41
41
  color: var(--o-color-info1);
42
42
  overflow: hidden;
43
43
  flex-grow: 1;
44
44
  }
45
- .header-simple .simple-header-left .header-title[data-v-f067c92a] {
45
+ .header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
46
46
  color: var(--o-color-info1);
47
47
  font-weight: 500;
48
48
  overflow: hidden;
@@ -52,55 +52,55 @@
52
52
  line-height: 26px;
53
53
  }
54
54
  @media (min-width: 1201px) and (max-width: 1680px) {
55
- .header-simple .simple-header-left .header-title[data-v-f067c92a] {
55
+ .header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
56
56
  font-size: 16px;
57
57
  line-height: 24px;
58
58
  }
59
59
  }
60
60
  @media (min-width: 841px) and (max-width: 1200px) {
61
- .header-simple .simple-header-left .header-title[data-v-f067c92a] {
61
+ .header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
62
62
  font-size: 14px;
63
63
  line-height: 22px;
64
64
  }
65
65
  }
66
66
  @media (min-width: 601px) and (max-width: 840px) {
67
- .header-simple .simple-header-left .header-title[data-v-f067c92a] {
67
+ .header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
68
68
  font-size: 14px;
69
69
  line-height: 22px;
70
70
  }
71
71
  }
72
72
  @media (max-width: 600px) {
73
- .header-simple .simple-header-left .header-title[data-v-f067c92a] {
73
+ .header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
74
74
  font-size: 14px;
75
75
  line-height: 22px;
76
76
  }
77
77
  }
78
- .header-simple .simple-header-right[data-v-f067c92a] {
78
+ .header-simple .simple-header-right[data-v-0a2d44bb] {
79
79
  flex-shrink: 0;
80
80
  color: var(--o-color-info1);
81
81
  font-weight: 500;
82
82
  font-size: 16px;
83
83
  line-height: 24px;
84
84
  }
85
- .header-left[data-v-f067c92a] {
85
+ .header-left[data-v-0a2d44bb] {
86
86
  display: flex;
87
87
  align-items: center;
88
88
  }
89
- .header-left .o-icon[data-v-f067c92a] {
89
+ .header-left .o-icon[data-v-0a2d44bb] {
90
90
  --icon-size: 24px;
91
91
  }
92
- .logo[data-v-f067c92a] {
92
+ .logo[data-v-0a2d44bb] {
93
93
  height: 24px;
94
94
  width: auto;
95
95
  }
96
- .header-content-mb[data-v-f067c92a] {
96
+ .header-content-mb[data-v-0a2d44bb] {
97
97
  position: fixed;
98
98
  top: var(--o-header-height);
99
99
  left: 0;
100
100
  height: 0;
101
101
  z-index: 998;
102
102
  }
103
- .header-content-active[data-v-f067c92a] {
103
+ .header-content-active[data-v-0a2d44bb] {
104
104
  width: 100%;
105
105
  height: calc(100vh - var(--o-header-height));
106
106
  }
@@ -1,8 +1,9 @@
1
- import { NavT, LangItemT } from './types.ts';
1
+ import { NavT, LangItemT, NavItemT } from './types.ts';
2
2
  export interface OHeaderT {
3
3
  (e: 'go-back'): void;
4
4
  (e: 'lang-click', val: LangItemT): void;
5
5
  (e: 'go-home'): void;
6
+ (e: 'handle-click', val: NavItemT): void;
6
7
  }
7
8
  declare function __VLS_template(): {
8
9
  attrs: Partial<{}>;
@@ -18,7 +19,7 @@ declare function __VLS_template(): {
18
19
  $data: {};
19
20
  $props: {
20
21
  readonly menuShow: boolean;
21
- readonly navData: import('./types.ts').NavItemT[];
22
+ readonly navData: NavItemT[];
22
23
  readonly codeData?: import('./types.ts').CodeT | undefined;
23
24
  readonly langData?: import('./types.ts').LangT | undefined;
24
25
  readonly activeIndex: string | number;
@@ -48,7 +49,7 @@ declare function __VLS_template(): {
48
49
  "on-click": () => any;
49
50
  "lang-click": (val: LangItemT) => any;
50
51
  }, string, {
51
- navData: import('./types.ts').NavItemT[];
52
+ navData: NavItemT[];
52
53
  menuShow: boolean;
53
54
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
54
55
  beforeCreate?: (() => void) | (() => void)[];
@@ -71,7 +72,7 @@ declare function __VLS_template(): {
71
72
  $nextTick: typeof import('vue').nextTick;
72
73
  $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;
73
74
  } & Readonly<{
74
- navData: import('./types.ts').NavItemT[];
75
+ navData: NavItemT[];
75
76
  menuShow: boolean;
76
77
  }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
77
78
  "onHandle-click"?: ((val: any) => any) | undefined;
@@ -87,10 +88,12 @@ declare function __VLS_template(): {
87
88
  };
88
89
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
89
90
  declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
91
+ "handle-click": (val: NavItemT) => any;
90
92
  "go-home": () => any;
91
93
  "lang-click": (val: LangItemT) => any;
92
94
  "go-back": () => any;
93
95
  }, string, import('vue').PublicProps, Readonly<NavT> & Readonly<{
96
+ "onHandle-click"?: ((val: NavItemT) => any) | undefined;
94
97
  "onGo-home"?: (() => any) | undefined;
95
98
  "onLang-click"?: ((val: LangItemT) => any) | undefined;
96
99
  "onGo-back"?: (() => any) | undefined;
@@ -100,7 +103,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
100
103
  $data: {};
101
104
  $props: {
102
105
  readonly menuShow: boolean;
103
- readonly navData: import('./types.ts').NavItemT[];
106
+ readonly navData: NavItemT[];
104
107
  readonly codeData?: import('./types.ts').CodeT | undefined;
105
108
  readonly langData?: import('./types.ts').LangT | undefined;
106
109
  readonly activeIndex: string | number;
@@ -130,7 +133,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
130
133
  "on-click": () => any;
131
134
  "lang-click": (val: LangItemT) => any;
132
135
  }, string, {
133
- navData: import('./types.ts').NavItemT[];
136
+ navData: NavItemT[];
134
137
  menuShow: boolean;
135
138
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
136
139
  beforeCreate?: (() => void) | (() => void)[];
@@ -153,7 +156,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
153
156
  $nextTick: typeof import('vue').nextTick;
154
157
  $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;
155
158
  } & Readonly<{
156
- navData: import('./types.ts').NavItemT[];
159
+ navData: NavItemT[];
157
160
  menuShow: boolean;
158
161
  }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
159
162
  "onHandle-click"?: ((val: any) => any) | undefined;
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OHeaderMobile.vue2.mjs";
2
2
  import './OHeaderMobile.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OHeaderMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f067c92a"]]);
4
+ const _OHeaderMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a2d44bb"]]);
5
5
  export {
6
6
  _OHeaderMobile as default
7
7
  };
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
38
38
  headerTitle: {},
39
39
  isFlatten: { type: Boolean }
40
40
  },
41
- emits: ["go-back", "lang-click", "go-home"],
41
+ emits: ["go-back", "lang-click", "go-home", "handle-click"],
42
42
  setup(__props, { emit: __emit }) {
43
43
  const emit = __emit;
44
44
  const props = __props;
@@ -57,7 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
57
57
  const mobileClick = () => {
58
58
  menuPanel();
59
59
  };
60
- const handleClick = () => {
60
+ const handleClick = (val) => {
61
+ emit("handle-click", val);
61
62
  menuPanel();
62
63
  };
63
64
  const langClick = (val) => {