rappel-ui 1.0.38 → 1.0.40
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/cjs/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/dropdown/src/types.d.ts +6 -6
- package/cjs/components/menu/index.d.ts +46 -4
- package/cjs/components/menu/src/loop.vue.d.ts +8 -3
- package/cjs/components/menu/src/loop.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/menu/src/menu-item.vue.d.ts +16 -2
- package/cjs/components/menu/src/menu-item.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/menu/src/menu.vue.d.ts +3 -1
- package/cjs/components/menu/src/menu.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/menu/src/submenu.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/menu/src/types.d.ts +17 -13
- package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/composables/index.d.ts +1 -1
- package/cjs/composables/index.js +1 -1
- package/cjs/composables/{use-slot-node → use-slot-nodes}/index.d.ts +1 -0
- package/cjs/composables/use-slot-nodes/index.js +1 -0
- package/cjs/composables/use-theme/index.js +1 -1
- package/cjs/index.d.ts +44 -3
- package/cjs/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.umd.js +9 -9
- package/es/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.mjs +20 -20
- package/es/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.mjs +7 -3
- package/es/components/dropdown/src/types.d.ts +6 -6
- package/es/components/menu/index.d.ts +46 -4
- package/es/components/menu/src/loop.vue.d.ts +8 -3
- package/es/components/menu/src/loop.vue_vue_type_script_setup_true_lang.mjs +108 -13
- package/es/components/menu/src/menu-item.vue.d.ts +16 -2
- package/es/components/menu/src/menu-item.vue_vue_type_script_setup_true_lang.mjs +169 -195
- package/es/components/menu/src/menu.vue.d.ts +3 -1
- package/es/components/menu/src/menu.vue_vue_type_script_setup_true_lang.mjs +72 -60
- package/es/components/menu/src/submenu.vue_vue_type_script_setup_true_lang.mjs +73 -105
- package/es/components/menu/src/types.d.ts +17 -13
- package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +7 -3
- package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +7 -3
- package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/es/composables/index.d.ts +1 -1
- package/es/composables/index.mjs +2 -2
- package/es/composables/{use-slot-node → use-slot-nodes}/index.d.ts +1 -0
- package/es/composables/use-slot-nodes/index.mjs +14 -0
- package/es/composables/use-theme/index.mjs +1 -1
- package/es/index.d.ts +44 -3
- package/es/index.mjs +70 -70
- package/package.json +7 -3
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/re-menu.css +1 -1
- package/theme-chalk/re-popconfirm.css +1 -1
- package/theme-chalk/re-popover.css +1 -1
- package/theme-chalk/src/css-vars/_menu.scss +1 -0
- package/theme-chalk/src/css-vars/_popconfirm.scss +4 -1
- package/theme-chalk/src/css-vars/_popover.scss +4 -1
- package/theme-chalk/src/menu.scss +12 -0
- package/theme-chalk/src/mixins/_popconfirm.scss +5 -0
- package/theme-chalk/src/mixins/_popover.scss +5 -0
- package/theme-chalk/src/popconfirm.scss +2 -0
- package/theme-chalk/src/popover.scss +2 -0
- package/cjs/composables/use-slot-node/index.js +0 -1
- package/es/composables/use-slot-node/index.mjs +0 -10
|
@@ -16,6 +16,7 @@ $menu: map.deep-merge(
|
|
|
16
16
|
'auto': (
|
|
17
17
|
'color': getCssVar('color', 'text', 'base'),
|
|
18
18
|
'bgcolor': getCssVar('color', 'fill', 'blank'),
|
|
19
|
+
'border-color': getCssVar('color', 'border', 'light'),
|
|
19
20
|
'hover-color': getCssVar('color', 'primary', 'base'),
|
|
20
21
|
'hover-bgcolor': getCssVar('color', 'primary', 'shade-1'),
|
|
21
22
|
'disabled-color': getCssVar('color', 'text', 'lighter'),
|
|
@@ -8,17 +8,20 @@ $popconfirm: map.deep-merge(
|
|
|
8
8
|
'color': getCssVar('color', 'warning', 'base')
|
|
9
9
|
),
|
|
10
10
|
auto: (
|
|
11
|
-
'color': getCssVar('color', 'text', '
|
|
11
|
+
'color': getCssVar('color', 'text', 'base '),
|
|
12
|
+
'title-color': getCssVar('color', 'text', 'darker '),
|
|
12
13
|
'bgcolor': getCssVar('color', 'fill', 'blank'),
|
|
13
14
|
'border-color': getCssVar('color', 'border', 'light')
|
|
14
15
|
),
|
|
15
16
|
'light': (
|
|
16
17
|
'color': #606062,
|
|
18
|
+
'title-color': #303131,
|
|
17
19
|
'bgcolor': #ffffff,
|
|
18
20
|
'border-color': #e4e4e8
|
|
19
21
|
),
|
|
20
22
|
'dark': (
|
|
21
23
|
'color': #d0d0d4,
|
|
24
|
+
'title-color': #e0e0e2,
|
|
22
25
|
'bgcolor': #1b1b1f,
|
|
23
26
|
'border-color': #4d4d51
|
|
24
27
|
)
|
|
@@ -5,17 +5,20 @@ $popover: () !default;
|
|
|
5
5
|
$popover: map.deep-merge(
|
|
6
6
|
(
|
|
7
7
|
auto: (
|
|
8
|
-
'color': getCssVar('color', 'text', '
|
|
8
|
+
'color': getCssVar('color', 'text', 'base '),
|
|
9
|
+
'title-color': getCssVar('color', 'text', 'darker '),
|
|
9
10
|
'bgcolor': getCssVar('color', 'fill', 'blank'),
|
|
10
11
|
'border-color': getCssVar('color', 'border', 'light')
|
|
11
12
|
),
|
|
12
13
|
'light': (
|
|
13
14
|
'color': #606062,
|
|
15
|
+
'title-color': #303131,
|
|
14
16
|
'bgcolor': #ffffff,
|
|
15
17
|
'border-color': #e4e4e8
|
|
16
18
|
),
|
|
17
19
|
'dark': (
|
|
18
20
|
'color': #d0d0d4,
|
|
21
|
+
'title-color': #e0e0e2,
|
|
19
22
|
'bgcolor': #1b1b1f,
|
|
20
23
|
'border-color': #4d4d51
|
|
21
24
|
)
|
|
@@ -142,6 +142,9 @@
|
|
|
142
142
|
&.has-children {
|
|
143
143
|
position: relative;
|
|
144
144
|
}
|
|
145
|
+
&[is-hidden='true'] {
|
|
146
|
+
display: none;
|
|
147
|
+
}
|
|
145
148
|
|
|
146
149
|
@include child(menu__label-wrap) {
|
|
147
150
|
border-radius: $border-radius;
|
|
@@ -171,6 +174,7 @@
|
|
|
171
174
|
}
|
|
172
175
|
}
|
|
173
176
|
}
|
|
177
|
+
|
|
174
178
|
@include is(disabled) {
|
|
175
179
|
cursor: not-allowed;
|
|
176
180
|
color: $disabled-color;
|
|
@@ -183,6 +187,10 @@
|
|
|
183
187
|
}
|
|
184
188
|
}
|
|
185
189
|
|
|
190
|
+
@include sub(more) {
|
|
191
|
+
cursor: pointer;
|
|
192
|
+
}
|
|
193
|
+
|
|
186
194
|
@include modifier(tooltip) {
|
|
187
195
|
&:not(.is-disabled) {
|
|
188
196
|
&[data-placement^='bottom'] {
|
|
@@ -212,6 +220,10 @@
|
|
|
212
220
|
}
|
|
213
221
|
@include modifier(horizontal) {
|
|
214
222
|
display: flex;
|
|
223
|
+
align-items: center;
|
|
215
224
|
flex-wrap: nowrap;
|
|
225
|
+
overflow: hidden;
|
|
226
|
+
white-space: nowrap;
|
|
227
|
+
word-break: keep-all;
|
|
216
228
|
}
|
|
217
229
|
}
|
|
@@ -15,6 +15,10 @@
|
|
|
15
15
|
#{getCssVarStr('tooltip' ,'color')}: #{deepGet($popconfirm, $key, $val)};
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
@mixin set-title-color-var($key, $val) {
|
|
19
|
+
#{getCssVarStr('popconfirm' ,'title-color')}: #{deepGet($popconfirm, $key, $val)};
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
@mixin set-bordercolor-var($key, $val) {
|
|
19
23
|
#{getCssVarStr('tooltip' ,'border-color')}: #{deepGet($popconfirm, $key, $val)};
|
|
20
24
|
}
|
|
@@ -22,6 +26,7 @@
|
|
|
22
26
|
@mixin popconfirm-theme-var($theme) {
|
|
23
27
|
@include set-bgcolor-var($theme, 'bgcolor');
|
|
24
28
|
@include set-color-var($theme, 'color');
|
|
29
|
+
@include set-title-color-var($theme, 'title-color');
|
|
25
30
|
@include set-bordercolor-var($theme, 'border-color');
|
|
26
31
|
}
|
|
27
32
|
|
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
#{getCssVarStr('tooltip' ,'color')}: #{deepGet($popover, $key, $val)};
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
+
@mixin set-title-color-var($key, $val) {
|
|
15
|
+
#{getCssVarStr('popover' ,'title-color')}: #{deepGet($popover, $key, $val)};
|
|
16
|
+
}
|
|
17
|
+
|
|
14
18
|
@mixin set-bordercolor-var($key, $val) {
|
|
15
19
|
#{getCssVarStr('tooltip' ,'border-color')}: #{deepGet($popover, $key, $val)};
|
|
16
20
|
}
|
|
@@ -18,6 +22,7 @@
|
|
|
18
22
|
@mixin popover-theme-var($theme) {
|
|
19
23
|
@include set-bgcolor-var($theme, 'bgcolor');
|
|
20
24
|
@include set-color-var($theme, 'color');
|
|
25
|
+
@include set-title-color-var($theme, 'title-color');
|
|
21
26
|
@include set-bordercolor-var($theme, 'border-color');
|
|
22
27
|
}
|
|
23
28
|
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
@include sub('title') {
|
|
25
25
|
line-height: 1.5;
|
|
26
|
+
color: getCssVar('popconfirm', 'title-color');
|
|
26
27
|
}
|
|
27
28
|
@include sub('icon') {
|
|
28
29
|
flex-shrink: 0;
|
|
@@ -33,6 +34,7 @@
|
|
|
33
34
|
@include sub('content') {
|
|
34
35
|
line-height: 1.5;
|
|
35
36
|
padding: 0 1em;
|
|
37
|
+
color: getCssVar('tooltip', 'color');
|
|
36
38
|
}
|
|
37
39
|
|
|
38
40
|
@include sub('footer') {
|
|
@@ -19,11 +19,13 @@
|
|
|
19
19
|
font-size: getCssVar('root-font-size');
|
|
20
20
|
padding: 0.5em 1em;
|
|
21
21
|
font-weight: 500;
|
|
22
|
+
color: getCssVar('popover', 'title', 'color');
|
|
22
23
|
}
|
|
23
24
|
@include sub('content') {
|
|
24
25
|
padding: 0 1em 1em 1em;
|
|
25
26
|
line-height: 1.5;
|
|
26
27
|
font-size: getCssVar('base-font-size');
|
|
28
|
+
color: getCssVar('tooltip', 'color');
|
|
27
29
|
}
|
|
28
30
|
@include transition-common(popover);
|
|
29
31
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("../../constants/index.js");let t=require("vue");function n(n,r=`default`){var i,a;let o=n==null||(i=n[r])==null||(i=i.call(n))==null?void 0:i.filter(n=>(0,t.isVNode)(n)&&!e.filterNodeTypes.includes(n.type.toString()))[0];return(o==null||(a=o.type)==null?void 0:a.toString())===`Symbol(v-txt)`?(0,t.h)(`span`,{},o):o}exports.useSlotFirstNode=n;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { filterNodeTypes as e } from "../../constants/index.mjs";
|
|
2
|
-
import { h as t, isVNode as n } from "vue";
|
|
3
|
-
//#region packages/composables/use-slot-node/index.ts
|
|
4
|
-
function r(r, i = "default") {
|
|
5
|
-
var a, o;
|
|
6
|
-
let s = r == null || (a = r[i]) == null || (a = a.call(r)) == null ? void 0 : a.filter((t) => n(t) && !e.includes(t.type.toString()))[0];
|
|
7
|
-
return (s == null || (o = s.type) == null ? void 0 : o.toString()) === "Symbol(v-txt)" ? t("span", {}, s) : s;
|
|
8
|
-
}
|
|
9
|
-
//#endregion
|
|
10
|
-
export { r as useSlotFirstNode };
|