vxe-pc-ui 1.9.21 → 1.9.23

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 (96) hide show
  1. package/es/components.js +3 -3
  2. package/es/form-design/render/use-widget-form.js +2 -2
  3. package/es/icon/style.css +1 -1
  4. package/es/modal/index.js +14 -1
  5. package/es/modal/src/modal.js +51 -20
  6. package/es/modal/style.css +19 -10
  7. package/es/modal/style.min.css +1 -1
  8. package/es/style.css +1 -1
  9. package/es/style.min.css +1 -1
  10. package/es/tip/index.js +12 -0
  11. package/es/{tips/src/tips.js → tip/src/tip.js} +12 -12
  12. package/es/{tips → tip}/style.css +26 -26
  13. package/es/tip/style.min.css +1 -0
  14. package/es/ui/index.js +3 -3
  15. package/es/ui/src/log.js +1 -1
  16. package/es/vxe-modal/style.css +19 -10
  17. package/es/vxe-modal/style.min.css +1 -1
  18. package/es/vxe-tip/index.js +3 -0
  19. package/es/{vxe-tips → vxe-tip}/style.css +26 -26
  20. package/es/vxe-tip/style.min.css +1 -0
  21. package/helper/vetur/attributes.json +1 -1
  22. package/helper/vetur/tags.json +1 -1
  23. package/lib/components.js +5 -5
  24. package/lib/components.min.js +1 -1
  25. package/lib/form-design/render/use-widget-form.js +2 -2
  26. package/lib/form-design/render/use-widget-form.min.js +1 -1
  27. package/lib/icon/style/style.css +1 -1
  28. package/lib/icon/style/style.min.css +1 -1
  29. package/lib/index.umd.js +106 -44
  30. package/lib/index.umd.min.js +1 -1
  31. package/lib/modal/index.js +14 -1
  32. package/lib/modal/index.min.js +1 -1
  33. package/lib/modal/src/modal.js +59 -15
  34. package/lib/modal/src/modal.min.js +1 -1
  35. package/lib/modal/style/style.css +19 -10
  36. package/lib/modal/style/style.min.css +1 -1
  37. package/lib/style.css +1 -1
  38. package/lib/style.min.css +1 -1
  39. package/lib/tip/index.js +19 -0
  40. package/lib/tip/index.min.js +1 -0
  41. package/lib/{tips/src/tips.js → tip/src/tip.js} +12 -12
  42. package/lib/tip/src/tip.min.js +1 -0
  43. package/lib/{vxe-tips → tip}/style/style.css +26 -26
  44. package/lib/tip/style/style.min.css +1 -0
  45. package/lib/ui/index.js +3 -3
  46. package/lib/ui/index.min.js +1 -1
  47. package/lib/ui/src/log.js +1 -1
  48. package/lib/ui/src/log.min.js +1 -1
  49. package/lib/vxe-modal/style/style.css +19 -10
  50. package/lib/vxe-modal/style/style.min.css +1 -1
  51. package/lib/{vxe-tips → vxe-tip}/index.js +5 -5
  52. package/lib/vxe-tip/index.min.js +1 -0
  53. package/lib/{tips → vxe-tip}/style/style.css +26 -26
  54. package/lib/vxe-tip/style/style.min.css +1 -0
  55. package/package.json +1 -1
  56. package/packages/components.ts +3 -3
  57. package/packages/form-design/render/use-widget-form.ts +2 -2
  58. package/packages/modal/index.ts +15 -1
  59. package/packages/modal/src/modal.ts +55 -14
  60. package/packages/tip/index.ts +17 -0
  61. package/packages/{tips/src/tips.ts → tip/src/tip.ts} +22 -22
  62. package/packages/ui/index.ts +2 -2
  63. package/styles/all.scss +1 -1
  64. package/styles/components/modal.scss +19 -4
  65. package/styles/components/{tips.scss → tip.scss} +5 -5
  66. package/types/all.d.ts +3 -3
  67. package/types/components/modal.d.ts +15 -2
  68. package/types/components/table.d.ts +1 -1
  69. package/types/components/tip.d.ts +79 -0
  70. package/types/ui/global-config.d.ts +2 -2
  71. package/es/tips/index.js +0 -10
  72. package/es/tips/style.min.css +0 -1
  73. package/es/vxe-tips/index.js +0 -3
  74. package/es/vxe-tips/style.min.css +0 -1
  75. package/lib/tips/index.js +0 -17
  76. package/lib/tips/index.min.js +0 -1
  77. package/lib/tips/src/tips.min.js +0 -1
  78. package/lib/tips/style/style.min.css +0 -1
  79. package/lib/vxe-tips/index.min.js +0 -1
  80. package/lib/vxe-tips/style/style.min.css +0 -1
  81. package/packages/tips/index.ts +0 -14
  82. package/types/components/tips.d.ts +0 -79
  83. /package/es/icon/style/{iconfont.1717772085052.ttf → iconfont.1717851573434.ttf} +0 -0
  84. /package/es/icon/style/{iconfont.1717772085052.woff → iconfont.1717851573434.woff} +0 -0
  85. /package/es/icon/style/{iconfont.1717772085052.woff2 → iconfont.1717851573434.woff2} +0 -0
  86. /package/es/{iconfont.1717772085052.ttf → iconfont.1717851573434.ttf} +0 -0
  87. /package/es/{iconfont.1717772085052.woff → iconfont.1717851573434.woff} +0 -0
  88. /package/es/{iconfont.1717772085052.woff2 → iconfont.1717851573434.woff2} +0 -0
  89. /package/lib/icon/style/{iconfont.1717772085052.ttf → iconfont.1717851573434.ttf} +0 -0
  90. /package/lib/icon/style/{iconfont.1717772085052.woff → iconfont.1717851573434.woff} +0 -0
  91. /package/lib/icon/style/{iconfont.1717772085052.woff2 → iconfont.1717851573434.woff2} +0 -0
  92. /package/lib/{iconfont.1717772085052.ttf → iconfont.1717851573434.ttf} +0 -0
  93. /package/lib/{iconfont.1717772085052.woff → iconfont.1717851573434.woff} +0 -0
  94. /package/lib/{iconfont.1717772085052.woff2 → iconfont.1717851573434.woff2} +0 -0
  95. /package/lib/{tips → tip}/style/index.js +0 -0
  96. /package/lib/{vxe-tips → vxe-tip}/style/index.js +0 -0
@@ -0,0 +1,12 @@
1
+ import VxeTipComponent from './src/tip';
2
+ import { dynamicApp } from '../dynamics';
3
+ export const VxeTip = Object.assign({}, VxeTipComponent, {
4
+ install(app) {
5
+ app.component(VxeTipComponent.name, VxeTipComponent);
6
+ app.component('VxeTipsComponent', VxeTipComponent);
7
+ }
8
+ });
9
+ dynamicApp.component(VxeTipComponent.name, VxeTipComponent);
10
+ export const Tips = VxeTip;
11
+ export const Tip = VxeTip;
12
+ export default VxeTip;
@@ -1,19 +1,19 @@
1
1
  import { defineComponent, ref, h, reactive, createCommentVNode } from 'vue';
2
2
  import XEUtils from 'xe-utils';
3
3
  import { getConfig } from '../../ui';
4
- import { getSlotVNs } from '../..//ui/src/vn';
4
+ import { getSlotVNs } from '../../ui/src/vn';
5
5
  export default defineComponent({
6
- name: 'VxeTips',
6
+ name: 'VxeTip',
7
7
  props: {
8
8
  title: {
9
9
  type: [String, Number],
10
- default: () => getConfig().tips.title
10
+ default: () => getConfig().tip.title
11
11
  },
12
12
  content: [String, Number],
13
13
  status: String,
14
14
  icon: {
15
15
  type: String,
16
- default: () => getConfig().tips.icon
16
+ default: () => getConfig().tip.icon
17
17
  }
18
18
  },
19
19
  emits: [],
@@ -26,7 +26,7 @@ export default defineComponent({
26
26
  refElem
27
27
  };
28
28
  const computeMaps = {};
29
- const $xeTips = {
29
+ const $xeTip = {
30
30
  xID,
31
31
  props,
32
32
  context,
@@ -41,13 +41,13 @@ export default defineComponent({
41
41
  const iconSlot = slots.icon;
42
42
  return h('div', {
43
43
  ref: refElem,
44
- class: ['vxe-tips', {
44
+ class: ['vxe-tip', {
45
45
  [`theme--${status}`]: status
46
46
  }]
47
47
  }, [
48
48
  iconSlot || icon
49
49
  ? h('div', {
50
- class: 'vxe-tips--icon'
50
+ class: 'vxe-tip--icon'
51
51
  }, iconSlot
52
52
  ? getSlotVNs(iconSlot({}))
53
53
  : [
@@ -57,21 +57,21 @@ export default defineComponent({
57
57
  ])
58
58
  : createCommentVNode(),
59
59
  h('div', {
60
- class: 'vxe-tips--body'
60
+ class: 'vxe-tip--body'
61
61
  }, [
62
62
  titleSlot || title
63
63
  ? h('div', {
64
- class: 'vxe-tips--title'
64
+ class: 'vxe-tip--title'
65
65
  }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
66
66
  : createCommentVNode(),
67
67
  h('div', {
68
- class: 'vxe-tips--content'
68
+ class: 'vxe-tip--content'
69
69
  }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
70
70
  ])
71
71
  ]);
72
72
  };
73
- $xeTips.renderVN = renderVN;
74
- return $xeTips;
73
+ $xeTip.renderVN = renderVN;
74
+ return $xeTip;
75
75
  },
76
76
  render() {
77
77
  return this.renderVN();
@@ -1,4 +1,4 @@
1
- .vxe-tips {
1
+ .vxe-tip {
2
2
  position: relative;
3
3
  display: flex;
4
4
  flex-direction: row;
@@ -7,7 +7,7 @@
7
7
  padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);
8
8
  font-size: var(--vxe-ui-font-size-default);
9
9
  }
10
- .vxe-tips::after {
10
+ .vxe-tip::after {
11
11
  content: "";
12
12
  position: absolute;
13
13
  top: 0;
@@ -17,82 +17,82 @@
17
17
  background-color: var(--vxe-ui-font-color);
18
18
  z-index: 1;
19
19
  }
20
- .vxe-tips.theme--primary {
20
+ .vxe-tip.theme--primary {
21
21
  background-color: var(--vxe-ui-font-primary-tinge-color);
22
22
  }
23
- .vxe-tips.theme--primary::after {
23
+ .vxe-tip.theme--primary::after {
24
24
  background-color: var(--vxe-ui-font-primary-color);
25
25
  }
26
- .vxe-tips.theme--primary .vxe-tips--icon {
26
+ .vxe-tip.theme--primary .vxe-tip--icon {
27
27
  color: var(--vxe-ui-font-primary-color);
28
28
  }
29
- .vxe-tips.theme--success {
29
+ .vxe-tip.theme--success {
30
30
  background-color: var(--vxe-ui-status-success-tinge-color);
31
31
  }
32
- .vxe-tips.theme--success::after {
32
+ .vxe-tip.theme--success::after {
33
33
  background-color: var(--vxe-ui-status-success-color);
34
34
  }
35
- .vxe-tips.theme--success .vxe-tips--icon {
35
+ .vxe-tip.theme--success .vxe-tip--icon {
36
36
  color: var(--vxe-ui-status-success-color);
37
37
  }
38
- .vxe-tips.theme--info {
38
+ .vxe-tip.theme--info {
39
39
  background-color: var(--vxe-ui-status-info-tinge-color);
40
40
  }
41
- .vxe-tips.theme--info::after {
41
+ .vxe-tip.theme--info::after {
42
42
  background-color: var(--vxe-ui-status-info-color);
43
43
  }
44
- .vxe-tips.theme--info .vxe-tips--icon {
44
+ .vxe-tip.theme--info .vxe-tip--icon {
45
45
  color: var(--vxe-ui-status-info-color);
46
46
  }
47
- .vxe-tips.theme--warning {
47
+ .vxe-tip.theme--warning {
48
48
  background-color: var(--vxe-ui-status-warning-tinge-color);
49
49
  }
50
- .vxe-tips.theme--warning::after {
50
+ .vxe-tip.theme--warning::after {
51
51
  background-color: var(--vxe-ui-status-warning-color);
52
52
  }
53
- .vxe-tips.theme--warning .vxe-tips--icon {
53
+ .vxe-tip.theme--warning .vxe-tip--icon {
54
54
  color: var(--vxe-ui-status-warning-color);
55
55
  }
56
- .vxe-tips.theme--danger {
56
+ .vxe-tip.theme--danger {
57
57
  background-color: var(--vxe-ui-status-danger-tinge-color);
58
58
  }
59
- .vxe-tips.theme--danger::after {
59
+ .vxe-tip.theme--danger::after {
60
60
  background-color: var(--vxe-ui-status-danger-color);
61
61
  }
62
- .vxe-tips.theme--danger .vxe-tips--icon {
62
+ .vxe-tip.theme--danger .vxe-tip--icon {
63
63
  color: var(--vxe-ui-status-danger-color);
64
64
  }
65
- .vxe-tips.theme--error {
65
+ .vxe-tip.theme--error {
66
66
  background-color: var(--vxe-ui-status-error-tinge-color);
67
67
  }
68
- .vxe-tips.theme--error::after {
68
+ .vxe-tip.theme--error::after {
69
69
  background-color: var(--vxe-ui-status-error-color);
70
70
  }
71
- .vxe-tips.theme--error .vxe-tips--icon {
71
+ .vxe-tip.theme--error .vxe-tip--icon {
72
72
  color: var(--vxe-ui-status-error-color);
73
73
  }
74
- .vxe-tips.size--medium {
74
+ .vxe-tip.size--medium {
75
75
  font-size: var(--vxe-ui-font-size-medium);
76
76
  }
77
- .vxe-tips.size--small {
77
+ .vxe-tip.size--small {
78
78
  font-size: var(--vxe-ui-font-size-small);
79
79
  }
80
- .vxe-tips.size--mini {
80
+ .vxe-tip.size--mini {
81
81
  font-size: var(--vxe-ui-font-size-mini);
82
82
  }
83
83
 
84
- .vxe-tips--icon {
84
+ .vxe-tip--icon {
85
85
  flex-shrink: 0;
86
86
  font-size: 1.2em;
87
87
  line-height: 2em;
88
88
  padding-right: var(--vxe-ui-layout-padding-half);
89
89
  }
90
90
 
91
- .vxe-tips--body {
91
+ .vxe-tip--body {
92
92
  flex-grow: 1;
93
93
  }
94
94
 
95
- .vxe-tips--title {
95
+ .vxe-tip--title {
96
96
  font-size: 1.1em;
97
97
  line-height: 2em;
98
98
  font-weight: 700;
@@ -0,0 +1 @@
1
+ .vxe-tip{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-default);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);font-size:var(--vxe-ui-font-size-default)}.vxe-tip::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tip.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tip.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tip.theme--primary .vxe-tip--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tip.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tip.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tip.theme--success .vxe-tip--icon{color:var(--vxe-ui-status-success-color)}.vxe-tip.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tip.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tip.theme--info .vxe-tip--icon{color:var(--vxe-ui-status-info-color)}.vxe-tip.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tip.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tip.theme--warning .vxe-tip--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tip.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tip.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tip.theme--danger .vxe-tip--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tip.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tip.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tip.theme--error .vxe-tip--icon{color:var(--vxe-ui-status-error-color)}.vxe-tip.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tip.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tip.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tip--icon{flex-shrink:0;font-size:1.2em;line-height:2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tip--body{flex-grow:1}.vxe-tip--title{font-size:1.1em;line-height:2em;font-weight:700}
package/es/ui/index.js CHANGED
@@ -2,7 +2,7 @@ import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { getFuncText } from './src/utils';
4
4
  import { warnLog } from './src/log';
5
- VxeUI.uiVersion = "1.9.21";
5
+ VxeUI.uiVersion = "1.9.23";
6
6
  VxeUI.tableVersion = '';
7
7
  VxeUI.t = VxeUI.getI18n;
8
8
  VxeUI._t = getFuncText;
@@ -114,7 +114,7 @@ setConfig({
114
114
  loading: {},
115
115
  modal: {
116
116
  // size: null,
117
- top: 15,
117
+ top: 16,
118
118
  showHeader: true,
119
119
  minWidth: 340,
120
120
  minHeight: 140,
@@ -167,7 +167,7 @@ setConfig({
167
167
  tabs: {},
168
168
  textarea: {},
169
169
  toolbar: {},
170
- tips: {},
170
+ tip: {},
171
171
  tooltip: {
172
172
  // size: null,
173
173
  trigger: 'hover',
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"1.9.21"}`;
2
+ const version = `ui v${"1.9.23"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
@@ -16,7 +16,7 @@
16
16
  .vxe-modal--wrapper.is--visible.is--mask:before {
17
17
  background-color: rgba(0, 0, 0, 0.5);
18
18
  }
19
- .vxe-modal--wrapper.is--visible.type--message .vxe-modal--box {
19
+ .vxe-modal--wrapper.is--visible.type--message .vxe-modal--box, .vxe-modal--wrapper.is--visible.type--notification .vxe-modal--box {
20
20
  opacity: 1;
21
21
  transform: translateY(0);
22
22
  }
@@ -46,10 +46,10 @@
46
46
  .vxe-modal--wrapper:not(.lock--view) {
47
47
  pointer-events: none;
48
48
  }
49
- .vxe-modal--wrapper:not(.type--message).lock--scroll {
49
+ .vxe-modal--wrapper.type--modal.lock--scroll, .vxe-modal--wrapper.type--alert.lock--scroll, .vxe-modal--wrapper.type--confirm.lock--scroll {
50
50
  overflow: hidden;
51
51
  }
52
- .vxe-modal--wrapper:not(.type--message):not(.lock--scroll) {
52
+ .vxe-modal--wrapper.type--modal:not(.lock--scroll), .vxe-modal--wrapper.type--alert:not(.lock--scroll), .vxe-modal--wrapper.type--confirm:not(.lock--scroll) {
53
53
  overflow: auto;
54
54
  }
55
55
  .vxe-modal--wrapper.lock--view:before, .vxe-modal--wrapper.is--mask:before {
@@ -68,17 +68,26 @@
68
68
  .vxe-modal--wrapper.is--animat.is--mask:before {
69
69
  transition: background-color 0.2s ease-in-out;
70
70
  }
71
- .vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag) {
71
+ .vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag), .vxe-modal--wrapper.is--animat.type--notification .vxe-modal--box:not(.is--drag) {
72
72
  transition: all 0.4s ease-out;
73
73
  }
74
- .vxe-modal--wrapper.type--message .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body {
74
+ .vxe-modal--wrapper.type--message .vxe-modal--body, .vxe-modal--wrapper.type--notification .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body {
75
75
  white-space: normal;
76
76
  word-break: break-word;
77
77
  }
78
- .vxe-modal--wrapper.type--message {
78
+ .vxe-modal--wrapper.type--message, .vxe-modal--wrapper.type--notification {
79
+ width: 100%;
80
+ height: 100%;
81
+ padding: 0 var(--vxe-ui-layout-padding-double);
79
82
  text-align: center;
80
83
  }
81
- .vxe-modal--wrapper.type--message .vxe-modal--box {
84
+ .vxe-modal--wrapper.type--message.pos--top-left, .vxe-modal--wrapper.type--notification.pos--top-left {
85
+ text-align: left;
86
+ }
87
+ .vxe-modal--wrapper.type--message.pos--top-right, .vxe-modal--wrapper.type--notification.pos--top-right {
88
+ text-align: right;
89
+ }
90
+ .vxe-modal--wrapper.type--message .vxe-modal--box, .vxe-modal--wrapper.type--notification .vxe-modal--box {
82
91
  display: inline-block;
83
92
  padding: 2px 0;
84
93
  margin-top: 0;
@@ -87,7 +96,7 @@
87
96
  opacity: 0;
88
97
  transform: translateY(-100%);
89
98
  }
90
- .vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after {
99
+ .vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after, .vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after {
91
100
  content: "";
92
101
  display: block;
93
102
  clear: both;
@@ -95,11 +104,11 @@
95
104
  overflow: hidden;
96
105
  visibility: hidden;
97
106
  }
98
- .vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content {
107
+ .vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content, .vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content {
99
108
  max-width: 800px;
100
109
  float: left;
101
110
  }
102
- .vxe-modal--wrapper.type--message .vxe-modal--status-wrapper {
111
+ .vxe-modal--wrapper.type--message .vxe-modal--status-wrapper, .vxe-modal--wrapper.type--notification .vxe-modal--status-wrapper {
103
112
  font-size: 1.4em;
104
113
  padding-left: 10px;
105
114
  }
@@ -1 +1 @@
1
- .vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--content{padding:.8em 1em}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box,.vxe-modal--wrapper.is--visible.type--notification .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper.type--alert.lock--scroll,.vxe-modal--wrapper.type--confirm.lock--scroll,.vxe-modal--wrapper.type--modal.lock--scroll{overflow:hidden}.vxe-modal--wrapper.type--alert:not(.lock--scroll),.vxe-modal--wrapper.type--confirm:not(.lock--scroll),.vxe-modal--wrapper.type--modal:not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag),.vxe-modal--wrapper.is--animat.type--notification .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body,.vxe-modal--wrapper.type--notification .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message,.vxe-modal--wrapper.type--notification{width:100%;height:100%;padding:0 var(--vxe-ui-layout-padding-double);text-align:center}.vxe-modal--wrapper.type--message.pos--top-left,.vxe-modal--wrapper.type--notification.pos--top-left{text-align:left}.vxe-modal--wrapper.type--message.pos--top-right,.vxe-modal--wrapper.type--notification.pos--top-right{text-align:right}.vxe-modal--wrapper.type--message .vxe-modal--box,.vxe-modal--wrapper.type--notification .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--notification .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--content{padding:.8em 1em}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
@@ -0,0 +1,3 @@
1
+ import VxeTip from '../tip';
2
+ export * from '../tip';
3
+ export default VxeTip;
@@ -1,4 +1,4 @@
1
- .vxe-tips {
1
+ .vxe-tip {
2
2
  position: relative;
3
3
  display: flex;
4
4
  flex-direction: row;
@@ -7,7 +7,7 @@
7
7
  padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);
8
8
  font-size: var(--vxe-ui-font-size-default);
9
9
  }
10
- .vxe-tips::after {
10
+ .vxe-tip::after {
11
11
  content: "";
12
12
  position: absolute;
13
13
  top: 0;
@@ -17,82 +17,82 @@
17
17
  background-color: var(--vxe-ui-font-color);
18
18
  z-index: 1;
19
19
  }
20
- .vxe-tips.theme--primary {
20
+ .vxe-tip.theme--primary {
21
21
  background-color: var(--vxe-ui-font-primary-tinge-color);
22
22
  }
23
- .vxe-tips.theme--primary::after {
23
+ .vxe-tip.theme--primary::after {
24
24
  background-color: var(--vxe-ui-font-primary-color);
25
25
  }
26
- .vxe-tips.theme--primary .vxe-tips--icon {
26
+ .vxe-tip.theme--primary .vxe-tip--icon {
27
27
  color: var(--vxe-ui-font-primary-color);
28
28
  }
29
- .vxe-tips.theme--success {
29
+ .vxe-tip.theme--success {
30
30
  background-color: var(--vxe-ui-status-success-tinge-color);
31
31
  }
32
- .vxe-tips.theme--success::after {
32
+ .vxe-tip.theme--success::after {
33
33
  background-color: var(--vxe-ui-status-success-color);
34
34
  }
35
- .vxe-tips.theme--success .vxe-tips--icon {
35
+ .vxe-tip.theme--success .vxe-tip--icon {
36
36
  color: var(--vxe-ui-status-success-color);
37
37
  }
38
- .vxe-tips.theme--info {
38
+ .vxe-tip.theme--info {
39
39
  background-color: var(--vxe-ui-status-info-tinge-color);
40
40
  }
41
- .vxe-tips.theme--info::after {
41
+ .vxe-tip.theme--info::after {
42
42
  background-color: var(--vxe-ui-status-info-color);
43
43
  }
44
- .vxe-tips.theme--info .vxe-tips--icon {
44
+ .vxe-tip.theme--info .vxe-tip--icon {
45
45
  color: var(--vxe-ui-status-info-color);
46
46
  }
47
- .vxe-tips.theme--warning {
47
+ .vxe-tip.theme--warning {
48
48
  background-color: var(--vxe-ui-status-warning-tinge-color);
49
49
  }
50
- .vxe-tips.theme--warning::after {
50
+ .vxe-tip.theme--warning::after {
51
51
  background-color: var(--vxe-ui-status-warning-color);
52
52
  }
53
- .vxe-tips.theme--warning .vxe-tips--icon {
53
+ .vxe-tip.theme--warning .vxe-tip--icon {
54
54
  color: var(--vxe-ui-status-warning-color);
55
55
  }
56
- .vxe-tips.theme--danger {
56
+ .vxe-tip.theme--danger {
57
57
  background-color: var(--vxe-ui-status-danger-tinge-color);
58
58
  }
59
- .vxe-tips.theme--danger::after {
59
+ .vxe-tip.theme--danger::after {
60
60
  background-color: var(--vxe-ui-status-danger-color);
61
61
  }
62
- .vxe-tips.theme--danger .vxe-tips--icon {
62
+ .vxe-tip.theme--danger .vxe-tip--icon {
63
63
  color: var(--vxe-ui-status-danger-color);
64
64
  }
65
- .vxe-tips.theme--error {
65
+ .vxe-tip.theme--error {
66
66
  background-color: var(--vxe-ui-status-error-tinge-color);
67
67
  }
68
- .vxe-tips.theme--error::after {
68
+ .vxe-tip.theme--error::after {
69
69
  background-color: var(--vxe-ui-status-error-color);
70
70
  }
71
- .vxe-tips.theme--error .vxe-tips--icon {
71
+ .vxe-tip.theme--error .vxe-tip--icon {
72
72
  color: var(--vxe-ui-status-error-color);
73
73
  }
74
- .vxe-tips.size--medium {
74
+ .vxe-tip.size--medium {
75
75
  font-size: var(--vxe-ui-font-size-medium);
76
76
  }
77
- .vxe-tips.size--small {
77
+ .vxe-tip.size--small {
78
78
  font-size: var(--vxe-ui-font-size-small);
79
79
  }
80
- .vxe-tips.size--mini {
80
+ .vxe-tip.size--mini {
81
81
  font-size: var(--vxe-ui-font-size-mini);
82
82
  }
83
83
 
84
- .vxe-tips--icon {
84
+ .vxe-tip--icon {
85
85
  flex-shrink: 0;
86
86
  font-size: 1.2em;
87
87
  line-height: 2em;
88
88
  padding-right: var(--vxe-ui-layout-padding-half);
89
89
  }
90
90
 
91
- .vxe-tips--body {
91
+ .vxe-tip--body {
92
92
  flex-grow: 1;
93
93
  }
94
94
 
95
- .vxe-tips--title {
95
+ .vxe-tip--title {
96
96
  font-size: 1.1em;
97
97
  line-height: 2em;
98
98
  font-weight: 700;
@@ -0,0 +1 @@
1
+ .vxe-tip{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-default);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);font-size:var(--vxe-ui-font-size-default)}.vxe-tip::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tip.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tip.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tip.theme--primary .vxe-tip--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tip.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tip.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tip.theme--success .vxe-tip--icon{color:var(--vxe-ui-status-success-color)}.vxe-tip.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tip.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tip.theme--info .vxe-tip--icon{color:var(--vxe-ui-status-info-color)}.vxe-tip.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tip.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tip.theme--warning .vxe-tip--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tip.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tip.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tip.theme--danger .vxe-tip--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tip.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tip.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tip.theme--error .vxe-tip--icon{color:var(--vxe-ui-status-error-color)}.vxe-tip.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tip.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tip.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tip--icon{flex-shrink:0;font-size:1.2em;line-height:2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tip--body{flex-grow:1}.vxe-tip--title{font-size:1.1em;line-height:2em;font-weight:700}