@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.
- package/dist/chunk-element-plus.cjs.js +1 -1
- package/dist/chunk-element-plus.es.js +2 -0
- package/dist/components/doc-layout/ODocLayout.vue.d.ts +6 -4
- package/dist/components/doc-layout/index.d.ts +14 -8
- package/dist/components/summit/OSummit.vue.d.ts +14 -1
- package/dist/components/summit/OSummitSchedule.vue.d.ts +9 -1
- package/dist/components/summit/index.d.ts +7 -3
- package/dist/components/summit/types.d.ts +8 -1
- package/dist/components/summit/utils.d.ts +2 -1
- package/dist/components.cjs.js +4 -4
- package/dist/components.css +1 -1
- package/dist/components.es.js +835 -769
- package/dist/treeshaking/_virtual/~icons/components/icon-address.mjs +21 -0
- package/dist/treeshaking/components/article-pagination/OArticlePagination.mjs +2 -2
- 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
- package/dist/treeshaking/components/doc-layout/ODocLayout.mjs +2 -2
- package/dist/treeshaking/components/doc-layout/ODocLayout.vue.d.ts +6 -4
- package/dist/treeshaking/components/doc-layout/ODocLayout.vue_vue_type_script_setup_true_lang.mjs +31 -20
- 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
- package/dist/treeshaking/components/doc-layout/index.d.ts +14 -8
- package/dist/treeshaking/components/summit/OSummit.mjs +2 -2
- package/dist/treeshaking/components/summit/OSummit.vue.d.ts +14 -1
- package/dist/treeshaking/components/summit/OSummit.vue_vue_type_script_setup_true_lang.mjs +15 -4
- 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
- package/dist/treeshaking/components/summit/OSummitLive.mjs +2 -2
- package/dist/treeshaking/components/summit/OSummitLive.vue_vue_type_script_setup_true_lang.mjs +4 -4
- 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
- package/dist/treeshaking/components/summit/OSummitSchedule.mjs +2 -2
- package/dist/treeshaking/components/summit/OSummitSchedule.vue.d.ts +9 -1
- package/dist/treeshaking/components/summit/OSummitSchedule.vue_vue_type_script_setup_true_lang.mjs +72 -35
- 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
- package/dist/treeshaking/components/summit/index.d.ts +7 -3
- package/dist/treeshaking/components/summit/types.d.ts +8 -1
- package/dist/treeshaking/components/summit/utils.d.ts +2 -1
- package/dist/treeshaking/components/summit/utils.mjs +5 -2
- package/dist/treeshaking/i18n/en.mjs +1 -0
- package/dist/treeshaking/i18n/zh.mjs +1 -0
- 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.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
12
|
+
sider?(_: {}): any;
|
|
12
13
|
content?(_: {}): any;
|
|
13
|
-
|
|
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
|
-
|
|
28
|
+
hasSider: boolean;
|
|
29
|
+
hasAnchor: boolean;
|
|
28
30
|
hasFloat: boolean;
|
|
29
31
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
30
32
|
containerRef: HTMLDivElement;
|
package/dist/treeshaking/components/doc-layout/ODocLayout.vue_vue_type_script_setup_true_lang.mjs
CHANGED
|
@@ -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,
|
|
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 = {
|
|
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:
|
|
17
|
-
class: "o-doc-layout-
|
|
19
|
+
key: 2,
|
|
20
|
+
class: "o-doc-layout-anchor"
|
|
18
21
|
};
|
|
19
22
|
var _hoisted_7 = {
|
|
20
|
-
key:
|
|
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
|
-
|
|
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
|
|
68
|
-
if (!root || !
|
|
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 =
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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"]);
|