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.
Files changed (61) hide show
  1. package/cjs/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.js +1 -1
  2. package/cjs/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.js +1 -1
  3. package/cjs/components/dropdown/src/types.d.ts +6 -6
  4. package/cjs/components/menu/index.d.ts +46 -4
  5. package/cjs/components/menu/src/loop.vue.d.ts +8 -3
  6. package/cjs/components/menu/src/loop.vue_vue_type_script_setup_true_lang.js +1 -1
  7. package/cjs/components/menu/src/menu-item.vue.d.ts +16 -2
  8. package/cjs/components/menu/src/menu-item.vue_vue_type_script_setup_true_lang.js +1 -1
  9. package/cjs/components/menu/src/menu.vue.d.ts +3 -1
  10. package/cjs/components/menu/src/menu.vue_vue_type_script_setup_true_lang.js +1 -1
  11. package/cjs/components/menu/src/submenu.vue_vue_type_script_setup_true_lang.js +1 -1
  12. package/cjs/components/menu/src/types.d.ts +17 -13
  13. package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
  14. package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
  15. package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
  16. package/cjs/composables/index.d.ts +1 -1
  17. package/cjs/composables/index.js +1 -1
  18. package/cjs/composables/{use-slot-node → use-slot-nodes}/index.d.ts +1 -0
  19. package/cjs/composables/use-slot-nodes/index.js +1 -0
  20. package/cjs/composables/use-theme/index.js +1 -1
  21. package/cjs/index.d.ts +44 -3
  22. package/cjs/index.js +1 -1
  23. package/dist/index.css +1 -1
  24. package/dist/index.umd.js +9 -9
  25. package/es/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.mjs +20 -20
  26. package/es/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.mjs +7 -3
  27. package/es/components/dropdown/src/types.d.ts +6 -6
  28. package/es/components/menu/index.d.ts +46 -4
  29. package/es/components/menu/src/loop.vue.d.ts +8 -3
  30. package/es/components/menu/src/loop.vue_vue_type_script_setup_true_lang.mjs +108 -13
  31. package/es/components/menu/src/menu-item.vue.d.ts +16 -2
  32. package/es/components/menu/src/menu-item.vue_vue_type_script_setup_true_lang.mjs +169 -195
  33. package/es/components/menu/src/menu.vue.d.ts +3 -1
  34. package/es/components/menu/src/menu.vue_vue_type_script_setup_true_lang.mjs +72 -60
  35. package/es/components/menu/src/submenu.vue_vue_type_script_setup_true_lang.mjs +73 -105
  36. package/es/components/menu/src/types.d.ts +17 -13
  37. package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +7 -3
  38. package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +7 -3
  39. package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +1 -1
  40. package/es/composables/index.d.ts +1 -1
  41. package/es/composables/index.mjs +2 -2
  42. package/es/composables/{use-slot-node → use-slot-nodes}/index.d.ts +1 -0
  43. package/es/composables/use-slot-nodes/index.mjs +14 -0
  44. package/es/composables/use-theme/index.mjs +1 -1
  45. package/es/index.d.ts +44 -3
  46. package/es/index.mjs +70 -70
  47. package/package.json +7 -3
  48. package/theme-chalk/index.css +1 -1
  49. package/theme-chalk/re-menu.css +1 -1
  50. package/theme-chalk/re-popconfirm.css +1 -1
  51. package/theme-chalk/re-popover.css +1 -1
  52. package/theme-chalk/src/css-vars/_menu.scss +1 -0
  53. package/theme-chalk/src/css-vars/_popconfirm.scss +4 -1
  54. package/theme-chalk/src/css-vars/_popover.scss +4 -1
  55. package/theme-chalk/src/menu.scss +12 -0
  56. package/theme-chalk/src/mixins/_popconfirm.scss +5 -0
  57. package/theme-chalk/src/mixins/_popover.scss +5 -0
  58. package/theme-chalk/src/popconfirm.scss +2 -0
  59. package/theme-chalk/src/popover.scss +2 -0
  60. package/cjs/composables/use-slot-node/index.js +0 -1
  61. 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', 'darker '),
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', 'darker '),
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 };