@opendesign-plus/components 0.0.1-rc.100 → 0.0.1-rc.101

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 (38) hide show
  1. package/dist/chunk-element-plus.cjs.js +1 -1
  2. package/dist/chunk-element-plus.es.js +2 -0
  3. package/dist/components/doc-layout/ODocLayout.vue.d.ts +6 -4
  4. package/dist/components/doc-layout/index.d.ts +14 -8
  5. package/dist/components/summit/OSummit.vue.d.ts +14 -1
  6. package/dist/components/summit/OSummitSchedule.vue.d.ts +9 -1
  7. package/dist/components/summit/index.d.ts +7 -3
  8. package/dist/components/summit/types.d.ts +8 -1
  9. package/dist/components/summit/utils.d.ts +2 -1
  10. package/dist/components.cjs.js +4 -4
  11. package/dist/components.css +1 -1
  12. package/dist/components.es.js +835 -769
  13. package/dist/treeshaking/_virtual/~icons/components/icon-address.mjs +21 -0
  14. package/dist/treeshaking/components/article-pagination/OArticlePagination.mjs +2 -2
  15. package/dist/treeshaking/components/article-pagination/{OArticlePagination.vue_vue_type_style_index_0_scoped_e78e8bd3_lang.css → OArticlePagination.vue_vue_type_style_index_0_scoped_8a8cf9f8_lang.css} +42 -50
  16. package/dist/treeshaking/components/doc-layout/ODocLayout.mjs +2 -2
  17. package/dist/treeshaking/components/doc-layout/ODocLayout.vue.d.ts +6 -4
  18. package/dist/treeshaking/components/doc-layout/ODocLayout.vue_vue_type_script_setup_true_lang.mjs +31 -20
  19. package/dist/treeshaking/components/doc-layout/{ODocLayout.vue_vue_type_style_index_0_scoped_6510bed3_lang.css → ODocLayout.vue_vue_type_style_index_0_scoped_3d4751c0_lang.css} +43 -40
  20. package/dist/treeshaking/components/doc-layout/index.d.ts +14 -8
  21. package/dist/treeshaking/components/summit/OSummit.mjs +2 -2
  22. package/dist/treeshaking/components/summit/OSummit.vue.d.ts +14 -1
  23. package/dist/treeshaking/components/summit/OSummit.vue_vue_type_script_setup_true_lang.mjs +15 -4
  24. package/dist/treeshaking/components/summit/{OSummit.vue_vue_type_style_index_0_scoped_83d1b7cb_lang.css → OSummit.vue_vue_type_style_index_0_scoped_6e15ff06_lang.css} +3 -3
  25. package/dist/treeshaking/components/summit/OSummitLive.mjs +2 -2
  26. package/dist/treeshaking/components/summit/OSummitLive.vue_vue_type_script_setup_true_lang.mjs +4 -4
  27. package/dist/treeshaking/components/summit/{OSummitLive.vue_vue_type_style_index_0_scoped_ceb9b04d_lang.css → OSummitLive.vue_vue_type_style_index_0_scoped_634db517_lang.css} +26 -26
  28. package/dist/treeshaking/components/summit/OSummitSchedule.mjs +2 -2
  29. package/dist/treeshaking/components/summit/OSummitSchedule.vue.d.ts +9 -1
  30. package/dist/treeshaking/components/summit/OSummitSchedule.vue_vue_type_script_setup_true_lang.mjs +72 -35
  31. package/dist/treeshaking/components/summit/{OSummitSchedule.vue_vue_type_style_index_0_scoped_b3bf869b_lang.css → OSummitSchedule.vue_vue_type_style_index_0_scoped_934d2319_lang.css} +60 -33
  32. package/dist/treeshaking/components/summit/index.d.ts +7 -3
  33. package/dist/treeshaking/components/summit/types.d.ts +8 -1
  34. package/dist/treeshaking/components/summit/utils.d.ts +2 -1
  35. package/dist/treeshaking/components/summit/utils.mjs +5 -2
  36. package/dist/treeshaking/i18n/en.mjs +1 -0
  37. package/dist/treeshaking/i18n/zh.mjs +1 -0
  38. package/package.json +1 -1
@@ -0,0 +1,21 @@
1
+ import { createElementBlock, createElementVNode, openBlock } from "vue";
2
+ // ~icons/components/icon-address
3
+ var _hoisted_1 = {
4
+ version: "1.1",
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "32",
7
+ height: "32",
8
+ viewBox: "0 0 32 32"
9
+ };
10
+ function render$1(_ctx, _cache) {
11
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
12
+ opacity: "0.8",
13
+ fill: "currentColor",
14
+ d: "M7.94 12.379c0-4.429 3.612-8.016 8.064-8.016s8.063 3.588 8.063 8.016c0 1.41-0.963 3.49-2.243 5.498l-0.393 0.599-0.408 0.591c-0.138 0.195-0.278 0.388-0.419 0.577l-0.426 0.56c-0.071 0.092-0.143 0.182-0.215 0.272l-0.43 0.525c-0.215 0.256-0.428 0.501-0.639 0.732l-0.417 0.445-0.405 0.405c-0.86 0.831-1.608 1.35-2.065 1.352-0.527 0.003-1.443-0.684-2.472-1.747l-0.417-0.445c-0.211-0.232-0.425-0.477-0.64-0.732l-0.431-0.525c-0.215-0.269-0.43-0.547-0.642-0.832l-0.42-0.578-0.408-0.591c-0.335-0.497-0.653-1.004-0.946-1.507l-0.339-0.603c-0.812-1.5-1.355-2.937-1.355-3.996zM22.2 12.379c0-3.395-2.773-6.149-6.197-6.149s-6.197 2.755-6.197 6.149c0 1.46 1.204 3.746 3.139 6.203 0.771 0.979 1.611 1.921 2.346 2.65 0.064 0.064 0.127 0.125 0.188 0.184l0.343 0.32 0.177 0.155 0.182-0.158 0.343-0.32 0.188-0.184c0.736-0.73 1.576-1.672 2.347-2.65 1.936-2.457 3.139-4.74 3.139-6.2zM16.003 9.286c-1.75 0-3.177 1.394-3.177 3.122s1.426 3.122 3.177 3.122 3.177-1.394 3.177-3.122c0-1.729-1.426-3.122-3.177-3.122zM16.003 10.886c0.875 0 1.577 0.686 1.577 1.522s-0.702 1.522-1.577 1.522-1.577-0.686-1.577-1.522c0-0.836 0.702-1.522 1.577-1.522zM7.865 20.695c-0.453-0.246-1.020-0.079-1.266 0.374l-1.79 3.291-0.098 0.204c-0.117 0.278-0.177 0.576-0.177 0.879 0 1.252 1.015 2.267 2.267 2.267l18.631-0.011c0.3-0.030 0.591-0.119 0.857-0.264 1.1-0.598 1.507-1.974 0.908-3.074l-1.79-3.291-0.075-0.116c-0.274-0.363-0.779-0.482-1.191-0.258-0.453 0.246-0.62 0.813-0.374 1.266l1.79 3.292 0.034 0.086c0.048 0.175-0.028 0.366-0.195 0.457-0.059 0.032-0.124 0.049-0.191 0.049l-18.497-0.011c-0.177-0.041-0.308-0.2-0.308-0.389 0-0.067 0.017-0.132 0.049-0.191l1.79-3.292 0.057-0.126c0.156-0.427-0.019-0.916-0.431-1.14z"
15
+ }, null, -1)])]);
16
+ }
17
+ var icon_address_default = {
18
+ name: "components-icon-address",
19
+ render: render$1
20
+ };
21
+ export { icon_address_default as default };
@@ -1,6 +1,6 @@
1
1
  import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
2
2
  import OArticlePagination_vue_vue_type_script_setup_true_lang_default from "./OArticlePagination.vue_vue_type_script_setup_true_lang.mjs";
3
- import './OArticlePagination.vue_vue_type_style_index_0_scoped_e78e8bd3_lang.css';
3
+ import './OArticlePagination.vue_vue_type_style_index_0_scoped_8a8cf9f8_lang.css';
4
4
  // src/components/article-pagination/OArticlePagination.vue
5
- var OArticlePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticlePagination_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e78e8bd3"]]);
5
+ var OArticlePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticlePagination_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8a8cf9f8"]]);
6
6
  export { OArticlePagination_default as default };
@@ -1,64 +1,64 @@
1
- .hover-icon-rotate .o-icon[data-v-e78e8bd3] {
1
+ .hover-icon-rotate .o-icon[data-v-8a8cf9f8] {
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-e78e8bd3] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-8a8cf9f8] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .o-article-pagination[data-v-e78e8bd3] {
9
+ .o-article-pagination[data-v-8a8cf9f8] {
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  }
13
- .o-article-pagination__divider[data-v-e78e8bd3] {
13
+ .o-article-pagination__divider[data-v-8a8cf9f8] {
14
14
  --o-divider-gap: 24px;
15
15
  }
16
16
  @media (max-width: 1680px) {
17
- .o-article-pagination__divider[data-v-e78e8bd3] {
17
+ .o-article-pagination__divider[data-v-8a8cf9f8] {
18
18
  --o-divider-gap: 16px;
19
19
  }
20
20
  }
21
21
  @media (max-width: 1200px) {
22
- .o-article-pagination__divider[data-v-e78e8bd3] {
22
+ .o-article-pagination__divider[data-v-8a8cf9f8] {
23
23
  --o-divider-gap: 12px;
24
24
  }
25
25
  }
26
26
  @media (max-width: 600px) {
27
- .o-article-pagination__divider[data-v-e78e8bd3] {
27
+ .o-article-pagination__divider[data-v-8a8cf9f8] {
28
28
  --o-divider-gap: 24px;
29
29
  }
30
30
  }
31
- .o-article-pagination__main[data-v-e78e8bd3] {
31
+ .o-article-pagination__main[data-v-8a8cf9f8] {
32
32
  display: flex;
33
33
  overflow: hidden;
34
34
  }
35
- .o-article-pagination__side[data-v-e78e8bd3] {
35
+ .o-article-pagination__side[data-v-8a8cf9f8] {
36
36
  display: block;
37
37
  width: 50%;
38
38
  min-width: 0;
39
39
  color: inherit;
40
40
  text-decoration: none;
41
41
  }
42
- .o-article-pagination__side.o-article-pagination__side--prev[data-v-e78e8bd3] {
42
+ .o-article-pagination__side.o-article-pagination__side--prev[data-v-8a8cf9f8] {
43
43
  padding-right: 10px;
44
44
  }
45
45
  @media (max-width: 840px) {
46
- .o-article-pagination__side.o-article-pagination__side--prev[data-v-e78e8bd3] {
46
+ .o-article-pagination__side.o-article-pagination__side--prev[data-v-8a8cf9f8] {
47
47
  padding-right: 6px;
48
48
  }
49
49
  }
50
- .o-article-pagination__side.o-article-pagination__side--next[data-v-e78e8bd3] {
50
+ .o-article-pagination__side.o-article-pagination__side--next[data-v-8a8cf9f8] {
51
51
  padding-left: 10px;
52
52
  }
53
53
  @media (max-width: 840px) {
54
- .o-article-pagination__side.o-article-pagination__side--next[data-v-e78e8bd3] {
54
+ .o-article-pagination__side.o-article-pagination__side--next[data-v-8a8cf9f8] {
55
55
  padding-left: 6px;
56
56
  }
57
57
  }
58
- .o-article-pagination:not(.o-article-pagination--has-prev) .o-article-pagination__side--next[data-v-e78e8bd3] {
58
+ .o-article-pagination:not(.o-article-pagination--has-prev) .o-article-pagination__side--next[data-v-8a8cf9f8] {
59
59
  margin-left: auto;
60
60
  }
61
- .o-article-pagination__card[data-v-e78e8bd3] {
61
+ .o-article-pagination__card[data-v-8a8cf9f8] {
62
62
  display: flex;
63
63
  align-items: center;
64
64
  justify-content: space-between;
@@ -70,75 +70,75 @@
70
70
  transition: background-color var(--o-duration-m1) var(--o-easing-standard), box-shadow var(--o-duration-m1) var(--o-easing-standard);
71
71
  }
72
72
  @media (max-width: 840px) {
73
- .o-article-pagination__card[data-v-e78e8bd3] {
73
+ .o-article-pagination__card[data-v-8a8cf9f8] {
74
74
  height: 76px;
75
75
  }
76
76
  }
77
- .o-article-pagination__side--prev .o-article-pagination__card[data-v-e78e8bd3] {
77
+ .o-article-pagination__side--prev .o-article-pagination__card[data-v-8a8cf9f8] {
78
78
  padding-left: 24px;
79
79
  padding-right: 20px;
80
80
  }
81
81
  @media (max-width: 840px) {
82
- .o-article-pagination__side--prev .o-article-pagination__card[data-v-e78e8bd3] {
82
+ .o-article-pagination__side--prev .o-article-pagination__card[data-v-8a8cf9f8] {
83
83
  padding-left: 16px;
84
84
  padding-right: 8px;
85
85
  }
86
86
  }
87
- .o-article-pagination__side--next .o-article-pagination__card[data-v-e78e8bd3] {
87
+ .o-article-pagination__side--next .o-article-pagination__card[data-v-8a8cf9f8] {
88
88
  padding-left: 20px;
89
89
  padding-right: 24px;
90
90
  }
91
91
  @media (max-width: 840px) {
92
- .o-article-pagination__side--next .o-article-pagination__card[data-v-e78e8bd3] {
92
+ .o-article-pagination__side--next .o-article-pagination__card[data-v-8a8cf9f8] {
93
93
  padding-left: 8px;
94
94
  padding-right: 16px;
95
95
  }
96
96
  }
97
- .o-article-pagination__text[data-v-e78e8bd3] {
97
+ .o-article-pagination__text[data-v-8a8cf9f8] {
98
98
  display: flex;
99
99
  flex-direction: column;
100
100
  min-width: 0;
101
101
  overflow: hidden;
102
102
  }
103
- .o-article-pagination__side--prev .o-article-pagination__text[data-v-e78e8bd3] {
103
+ .o-article-pagination__side--prev .o-article-pagination__text[data-v-8a8cf9f8] {
104
104
  align-items: flex-end;
105
105
  }
106
- .o-article-pagination__side--next .o-article-pagination__text[data-v-e78e8bd3] {
106
+ .o-article-pagination__side--next .o-article-pagination__text[data-v-8a8cf9f8] {
107
107
  align-items: flex-start;
108
108
  }
109
- .o-article-pagination__label[data-v-e78e8bd3] {
109
+ .o-article-pagination__label[data-v-8a8cf9f8] {
110
110
  color: var(--o-color-info3);
111
111
  font-size: 14px;
112
112
  line-height: 22px;
113
113
  }
114
114
  @media (min-width: 1201px) and (max-width: 1680px) {
115
- .o-article-pagination__label[data-v-e78e8bd3] {
115
+ .o-article-pagination__label[data-v-8a8cf9f8] {
116
116
  font-size: 14px;
117
117
  line-height: 18px;
118
118
  }
119
119
  }
120
120
  @media (min-width: 841px) and (max-width: 1200px) {
121
- .o-article-pagination__label[data-v-e78e8bd3] {
121
+ .o-article-pagination__label[data-v-8a8cf9f8] {
122
122
  font-size: 12px;
123
123
  line-height: 18px;
124
124
  }
125
125
  }
126
126
  @media (min-width: 601px) and (max-width: 840px) {
127
- .o-article-pagination__label[data-v-e78e8bd3] {
127
+ .o-article-pagination__label[data-v-8a8cf9f8] {
128
128
  font-size: 12px;
129
129
  line-height: 18px;
130
130
  }
131
131
  }
132
132
  @media (max-width: 600px) {
133
- .o-article-pagination__label[data-v-e78e8bd3] {
133
+ .o-article-pagination__label[data-v-8a8cf9f8] {
134
134
  font-size: 12px;
135
135
  line-height: 18px;
136
136
  }
137
137
  }
138
- .o-article-pagination__side--prev .o-article-pagination__label[data-v-e78e8bd3] {
138
+ .o-article-pagination__side--prev .o-article-pagination__label[data-v-8a8cf9f8] {
139
139
  text-align: right;
140
140
  }
141
- .o-article-pagination__title[data-v-e78e8bd3] {
141
+ .o-article-pagination__title[data-v-8a8cf9f8] {
142
142
  color: var(--o-color-info2);
143
143
  max-width: 320px;
144
144
  overflow: hidden;
@@ -149,70 +149,62 @@
149
149
  line-height: 24px;
150
150
  }
151
151
  @media (min-width: 1201px) and (max-width: 1680px) {
152
- .o-article-pagination__title[data-v-e78e8bd3] {
152
+ .o-article-pagination__title[data-v-8a8cf9f8] {
153
153
  font-size: 14px;
154
154
  line-height: 22px;
155
155
  }
156
156
  }
157
157
  @media (min-width: 841px) and (max-width: 1200px) {
158
- .o-article-pagination__title[data-v-e78e8bd3] {
158
+ .o-article-pagination__title[data-v-8a8cf9f8] {
159
159
  font-size: 14px;
160
160
  line-height: 22px;
161
161
  }
162
162
  }
163
163
  @media (min-width: 601px) and (max-width: 840px) {
164
- .o-article-pagination__title[data-v-e78e8bd3] {
164
+ .o-article-pagination__title[data-v-8a8cf9f8] {
165
165
  font-size: 14px;
166
166
  line-height: 22px;
167
167
  }
168
168
  }
169
169
  @media (max-width: 600px) {
170
- .o-article-pagination__title[data-v-e78e8bd3] {
170
+ .o-article-pagination__title[data-v-8a8cf9f8] {
171
171
  font-size: 12px;
172
172
  line-height: 18px;
173
173
  }
174
174
  }
175
175
  @media (max-width: 1200px) {
176
- .o-article-pagination__title[data-v-e78e8bd3] {
176
+ .o-article-pagination__title[data-v-8a8cf9f8] {
177
177
  max-width: 220px;
178
178
  }
179
179
  }
180
180
  @media (max-width: 840px) {
181
- .o-article-pagination__title[data-v-e78e8bd3] {
181
+ .o-article-pagination__title[data-v-8a8cf9f8] {
182
182
  max-width: 100%;
183
183
  margin-top: 4px;
184
184
  }
185
185
  }
186
- .o-article-pagination__arrow[data-v-e78e8bd3] {
186
+ .o-article-pagination__arrow[data-v-8a8cf9f8] {
187
187
  flex-shrink: 0;
188
188
  font-size: 24px;
189
189
  color: var(--o-color-info3);
190
190
  transition: color var(--o-duration-m1) var(--o-easing-standard);
191
191
  }
192
192
  @media (max-width: 840px) {
193
- .o-article-pagination__arrow[data-v-e78e8bd3] {
193
+ .o-article-pagination__arrow[data-v-8a8cf9f8] {
194
194
  font-size: 20px;
195
195
  }
196
196
  }
197
- .o-article-pagination__arrow--next[data-v-e78e8bd3] {
197
+ .o-article-pagination__arrow--next[data-v-8a8cf9f8] {
198
198
  transform: rotate(180deg);
199
199
  }
200
200
  @media (hover: hover) {
201
- &:hover .o-article-pagination__card[data-v-e78e8bd3]:hover {
201
+ &:hover .o-article-pagination__card[data-v-8a8cf9f8]:hover {
202
202
  background-color: var(--o-color-fill3);
203
203
  }
204
- &:hover .o-article-pagination__card:hover .o-article-pagination__title[data-v-e78e8bd3] {
204
+ &:hover .o-article-pagination__card:hover .o-article-pagination__title[data-v-8a8cf9f8] {
205
205
  color: var(--o-color-info1);
206
206
  }
207
- &:hover .o-article-pagination__card:hover .o-article-pagination__arrow[data-v-e78e8bd3] {
207
+ &:hover .o-article-pagination__card:hover .o-article-pagination__arrow[data-v-8a8cf9f8] {
208
208
  color: var(--o-color-info1);
209
209
  }
210
- }
211
- [data-o-theme*=dark] .o-article-pagination__card[data-v-e78e8bd3] {
212
- background-color: var(--o-color-fill2);
213
- }
214
- @media (hover: hover) {
215
- [data-o-theme*=dark]:hover .o-article-pagination__card[data-v-e78e8bd3]:hover {
216
- background-color: var(--o-color-fill3);
217
- }
218
210
  }
@@ -1,6 +1,6 @@
1
1
  import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
2
2
  import ODocLayout_vue_vue_type_script_setup_true_lang_default from "./ODocLayout.vue_vue_type_script_setup_true_lang.mjs";
3
- import './ODocLayout.vue_vue_type_style_index_0_scoped_6510bed3_lang.css';
3
+ import './ODocLayout.vue_vue_type_style_index_0_scoped_3d4751c0_lang.css';
4
4
  // src/components/doc-layout/ODocLayout.vue
5
- var ODocLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ODocLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6510bed3"]]);
5
+ var ODocLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ODocLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3d4751c0"]]);
6
6
  export { ODocLayout_default as default };
@@ -1,6 +1,7 @@
1
1
  type __VLS_Props = {
2
2
  collapsed?: boolean;
3
- hasRight?: boolean;
3
+ hasSider?: boolean;
4
+ hasAnchor?: boolean;
4
5
  hasFloat?: boolean;
5
6
  };
6
7
  declare function __VLS_template(): {
@@ -8,9 +9,9 @@ declare function __VLS_template(): {
8
9
  slots: {
9
10
  'header-title'?(_: {}): any;
10
11
  'header-right'?(_: {}): any;
11
- left?(_: {}): any;
12
+ sider?(_: {}): any;
12
13
  content?(_: {}): any;
13
- right?(_: {}): any;
14
+ anchor?(_: {}): any;
14
15
  float?(_: {}): any;
15
16
  };
16
17
  refs: {
@@ -24,7 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
24
25
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
25
26
  "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
26
27
  }>, {
27
- hasRight: boolean;
28
+ hasSider: boolean;
29
+ hasAnchor: boolean;
28
30
  hasFloat: boolean;
29
31
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
30
32
  containerRef: HTMLDivElement;
@@ -1,6 +1,6 @@
1
1
  import icon_menu_fold_default from "../../_virtual/~icons/components/icon-menu-fold.mjs";
2
2
  import icon_menu_unfold_default from "../../_virtual/~icons/components/icon-menu-unfold.mjs";
3
- import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, withCtx } from "vue";
3
+ import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, withCtx } from "vue";
4
4
  import { OIcon, OScroller } from "@opensig/opendesign";
5
5
  import { useScreen } from "@opendesign-plus/composables";
6
6
  // src/components/doc-layout/ODocLayout.vue?vue&type=script&setup=true&lang.ts
@@ -10,14 +10,17 @@ var _hoisted_1 = {
10
10
  };
11
11
  var _hoisted_2 = { class: "o-doc-layout-header-title" };
12
12
  var _hoisted_3 = { class: "o-doc-layout-header-right" };
13
- var _hoisted_4 = { class: "o-doc-layout-left" };
13
+ var _hoisted_4 = {
14
+ key: 1,
15
+ class: "o-doc-layout-sider"
16
+ };
14
17
  var _hoisted_5 = { class: "o-doc-layout-content" };
15
18
  var _hoisted_6 = {
16
- key: 1,
17
- class: "o-doc-layout-right"
19
+ key: 2,
20
+ class: "o-doc-layout-anchor"
18
21
  };
19
22
  var _hoisted_7 = {
20
- key: 2,
23
+ key: 3,
21
24
  class: "o-doc-layout-float"
22
25
  };
23
26
  var DRAG_THRESHOLD = 4;
@@ -25,7 +28,11 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
25
28
  __name: "ODocLayout",
26
29
  props: {
27
30
  collapsed: { type: Boolean },
28
- hasRight: {
31
+ hasSider: {
32
+ type: Boolean,
33
+ default: true
34
+ },
35
+ hasAnchor: {
29
36
  type: Boolean,
30
37
  default: true
31
38
  },
@@ -64,13 +71,13 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
64
71
  const onResizePointerDown = (event) => {
65
72
  if (event.button !== 0) return;
66
73
  const root = event.currentTarget.closest(".o-doc-layout");
67
- const left = root?.querySelector(".o-doc-layout-left");
68
- if (!root || !left) return;
74
+ const sider = root?.querySelector(".o-doc-layout-sider");
75
+ if (!root || !sider) return;
69
76
  const style = getComputedStyle(root);
70
77
  const paddingRight = Number.parseFloat(style.getPropertyValue("--o-doc-layout-sider-padding-right")) || 0;
71
78
  const initContent = Number.parseFloat(style.getPropertyValue("--o-doc-layout-sider-content-width")) || 0;
72
79
  const defaultContent = Number.parseFloat(style.getPropertyValue("--o-doc-layout-sider-content-width-default")) || initContent;
73
- const padding = left.getBoundingClientRect().width - initContent - paddingRight;
80
+ const padding = sider.getBoundingClientRect().width - initContent - paddingRight;
74
81
  const startX = event.clientX;
75
82
  const minContent = Math.min(defaultContent, initContent);
76
83
  const maxContent = Math.max(initContent, window.innerWidth * .5 - padding - paddingRight);
@@ -101,7 +108,8 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
101
108
  return openBlock(), createBlock(unref(OScroller), { class: normalizeClass(["o-doc-layout", {
102
109
  "is-collapsed": collapsed.value,
103
110
  "is-resizing": isResizing.value,
104
- "has-right": __props.hasRight
111
+ "has-sider": __props.hasSider,
112
+ "has-anchor": __props.hasAnchor
105
113
  }]) }, {
106
114
  default: withCtx(() => [createElementVNode("div", {
107
115
  ref_key: "containerRef",
@@ -109,33 +117,36 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
109
117
  class: "o-doc-layout-container"
110
118
  }, [
111
119
  unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [
112
- createVNode(unref(OIcon), {
120
+ __props.hasSider ? (openBlock(), createBlock(unref(OIcon), {
121
+ key: 0,
113
122
  class: "o-doc-layout-header-toggle",
114
123
  onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
115
124
  }, {
116
125
  default: withCtx(() => [collapsed.value ? (openBlock(), createBlock(unref(icon_menu_unfold_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_menu_fold_default), { key: 1 }))]),
117
126
  _: 1
118
- }),
127
+ })) : createCommentVNode("", true),
119
128
  createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "header-title", {}, void 0, true)]),
120
129
  createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "header-right", {}, void 0, true)])
121
130
  ])) : createCommentVNode("", true),
122
- createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "left", {}, void 0, true)]),
131
+ __props.hasSider ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "sider", {}, void 0, true)])) : createCommentVNode("", true),
123
132
  createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "content", {}, void 0, true)]),
124
- __props.hasRight ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "right", {}, void 0, true)])) : createCommentVNode("", true),
133
+ __props.hasAnchor ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "anchor", {}, void 0, true)])) : createCommentVNode("", true),
125
134
  __props.hasFloat ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "float", {}, void 0, true)])) : createCommentVNode("", true),
126
- unref(lePad) ? (openBlock(), createElementBlock("div", {
127
- key: 3,
135
+ __props.hasSider && unref(lePad) ? (openBlock(), createElementBlock("div", {
136
+ key: 4,
128
137
  class: "o-doc-layout-mask",
129
138
  onClick: _cache[1] || (_cache[1] = ($event) => collapsed.value = true)
130
139
  })) : createCommentVNode("", true),
131
- createElementVNode("div", {
140
+ __props.hasSider ? (openBlock(), createElementBlock("div", {
141
+ key: 5,
132
142
  class: "o-doc-layout-opener",
133
143
  onClick: _cache[2] || (_cache[2] = ($event) => collapsed.value = !collapsed.value)
134
- }, [..._cache[3] || (_cache[3] = [createElementVNode("div", { class: "o-doc-layout-opener-thumb" }, null, -1)])]),
135
- createElementVNode("div", {
144
+ }, [..._cache[3] || (_cache[3] = [createElementVNode("div", { class: "o-doc-layout-opener-thumb" }, null, -1)])])) : createCommentVNode("", true),
145
+ __props.hasSider ? (openBlock(), createElementBlock("div", {
146
+ key: 6,
136
147
  class: "o-doc-layout-resizer",
137
148
  onPointerdown: onResizePointerDown
138
- }, null, 32)
149
+ }, null, 32)) : createCommentVNode("", true)
139
150
  ], 512)]),
140
151
  _: 3
141
152
  }, 8, ["class"]);