vxe-pc-ui 1.7.0 → 1.7.2

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 (104) hide show
  1. package/es/components.js +3 -0
  2. package/es/form-design/render/index.js +4 -4
  3. package/es/icon/style/{iconfont.1716467772060.ttf → iconfont.1716540802393.ttf} +0 -0
  4. package/es/icon/style/iconfont.1716540802393.woff +0 -0
  5. package/es/icon/style/iconfont.1716540802393.woff2 +0 -0
  6. package/es/icon/style.css +61 -544
  7. package/es/icon/style.min.css +1 -1
  8. package/{lib/icon/style/iconfont.1716467772060.ttf → es/iconfont.1716540802393.ttf} +0 -0
  9. package/es/iconfont.1716540802393.woff +0 -0
  10. package/es/iconfont.1716540802393.woff2 +0 -0
  11. package/es/link/src/link.js +34 -15
  12. package/es/menu/src/menu.js +2 -2
  13. package/es/menu/style.css +6 -5
  14. package/es/menu/style.min.css +1 -1
  15. package/es/modal/style.css +1 -1
  16. package/es/modal/style.min.css +1 -1
  17. package/es/style.css +1 -1
  18. package/es/style.min.css +1 -1
  19. package/es/tips/index.js +10 -0
  20. package/es/tips/src/tips.js +79 -0
  21. package/es/tips/style.css +80 -0
  22. package/es/tips/style.min.css +1 -0
  23. package/es/ui/index.js +4 -1
  24. package/es/vxe-icon/style.css +61 -544
  25. package/es/vxe-icon/style.min.css +1 -1
  26. package/es/vxe-menu/style.css +6 -5
  27. package/es/vxe-menu/style.min.css +1 -1
  28. package/es/vxe-modal/style.css +1 -1
  29. package/es/vxe-modal/style.min.css +1 -1
  30. package/es/vxe-tips/index.js +3 -0
  31. package/es/vxe-tips/style.css +80 -0
  32. package/es/vxe-tips/style.min.css +1 -0
  33. package/lib/components.js +13 -1
  34. package/lib/components.min.js +1 -1
  35. package/lib/form-design/render/index.js +4 -4
  36. package/lib/form-design/render/index.min.js +1 -1
  37. package/lib/{iconfont.1716467772060.ttf → icon/style/iconfont.1716540802393.ttf} +0 -0
  38. package/lib/icon/style/iconfont.1716540802393.woff +0 -0
  39. package/lib/icon/style/iconfont.1716540802393.woff2 +0 -0
  40. package/lib/icon/style/style.css +61 -544
  41. package/lib/icon/style/style.min.css +61 -544
  42. package/{es/iconfont.1716467772060.ttf → lib/iconfont.1716540802393.ttf} +0 -0
  43. package/lib/iconfont.1716540802393.woff +0 -0
  44. package/lib/iconfont.1716540802393.woff2 +0 -0
  45. package/lib/index.umd.js +166 -31
  46. package/lib/index.umd.min.js +1 -1
  47. package/lib/link/src/link.js +33 -12
  48. package/lib/link/src/link.min.js +1 -1
  49. package/lib/menu/src/menu.js +2 -3
  50. package/lib/menu/src/menu.min.js +1 -1
  51. package/lib/menu/style/style.css +6 -5
  52. package/lib/menu/style/style.min.css +1 -1
  53. package/lib/modal/style/style.css +1 -1
  54. package/lib/modal/style/style.min.css +1 -1
  55. package/lib/style.css +1 -1
  56. package/lib/style.min.css +1 -1
  57. package/lib/tips/index.js +17 -0
  58. package/lib/tips/index.min.js +1 -0
  59. package/lib/tips/src/tips.js +79 -0
  60. package/lib/tips/src/tips.min.js +1 -0
  61. package/lib/tips/style/index.js +1 -0
  62. package/lib/tips/style/style.css +80 -0
  63. package/lib/tips/style/style.min.css +1 -0
  64. package/lib/ui/index.js +4 -1
  65. package/lib/ui/index.min.js +1 -1
  66. package/lib/vxe-icon/style/style.css +61 -544
  67. package/lib/vxe-icon/style/style.min.css +1 -1
  68. package/lib/vxe-menu/style/style.css +6 -5
  69. package/lib/vxe-menu/style/style.min.css +1 -1
  70. package/lib/vxe-modal/style/style.css +1 -1
  71. package/lib/vxe-modal/style/style.min.css +1 -1
  72. package/lib/vxe-tips/index.js +22 -0
  73. package/lib/vxe-tips/index.min.js +1 -0
  74. package/lib/vxe-tips/style/index.js +1 -0
  75. package/lib/vxe-tips/style/style.css +80 -0
  76. package/lib/vxe-tips/style/style.min.css +1 -0
  77. package/package.json +2 -2
  78. package/packages/components.ts +3 -0
  79. package/packages/form-design/render/index.ts +4 -4
  80. package/packages/link/src/link.ts +35 -15
  81. package/packages/menu/src/menu.ts +2 -2
  82. package/packages/tips/index.ts +14 -0
  83. package/packages/tips/src/tips.ts +94 -0
  84. package/packages/ui/index.ts +3 -0
  85. package/styles/all.scss +1 -0
  86. package/styles/components/icon.scss +61 -4
  87. package/styles/components/menu.scss +11 -5
  88. package/styles/components/modal.scss +1 -1
  89. package/styles/components/tips.scss +83 -0
  90. package/styles/icon/iconfont.ttf +0 -0
  91. package/styles/icon/iconfont.woff +0 -0
  92. package/styles/icon/iconfont.woff2 +0 -0
  93. package/styles/theme/base.scss +13 -5
  94. package/types/all.d.ts +3 -0
  95. package/types/components/tips.d.ts +79 -0
  96. package/types/ui/global-config.d.ts +2 -0
  97. package/es/icon/style/iconfont.1716467772060.woff +0 -0
  98. package/es/icon/style/iconfont.1716467772060.woff2 +0 -0
  99. package/es/iconfont.1716467772060.woff +0 -0
  100. package/es/iconfont.1716467772060.woff2 +0 -0
  101. package/lib/icon/style/iconfont.1716467772060.woff +0 -0
  102. package/lib/icon/style/iconfont.1716467772060.woff2 +0 -0
  103. package/lib/iconfont.1716467772060.woff +0 -0
  104. package/lib/iconfont.1716467772060.woff2 +0 -0
package/es/tips/index.js ADDED
@@ -0,0 +1,10 @@
1
+ import VxeTipsComponent from './src/tips';
2
+ import { dynamicApp } from '../dynamics';
3
+ const VxeTips = Object.assign({}, VxeTipsComponent, {
4
+ install(app) {
5
+ app.component(VxeTipsComponent.name, VxeTipsComponent);
6
+ }
7
+ });
8
+ dynamicApp.component(VxeTipsComponent.name, VxeTipsComponent);
9
+ export const Tips = VxeTips;
10
+ export default VxeTips;
package/es/tips/src/tips.js ADDED
@@ -0,0 +1,79 @@
1
+ import { defineComponent, ref, h, reactive, createCommentVNode } from 'vue';
2
+ import XEUtils from 'xe-utils';
3
+ import { getConfig } from '@vxe-ui/core';
4
+ import { getSlotVNs } from '../..//ui/src/vn';
5
+ export default defineComponent({
6
+ name: 'VxeTips',
7
+ props: {
8
+ title: {
9
+ type: [String, Number],
10
+ default: () => getConfig().tips.title
11
+ },
12
+ content: [String, Number],
13
+ status: String,
14
+ icon: {
15
+ type: String,
16
+ default: () => getConfig().tips.icon
17
+ }
18
+ },
19
+ emits: [],
20
+ setup(props, context) {
21
+ const { slots } = context;
22
+ const xID = XEUtils.uniqueId();
23
+ const refElem = ref();
24
+ const reactData = reactive({});
25
+ const refMaps = {
26
+ refElem
27
+ };
28
+ const computeMaps = {};
29
+ const $xeTips = {
30
+ xID,
31
+ props,
32
+ context,
33
+ reactData,
34
+ getRefMaps: () => refMaps,
35
+ getComputeMaps: () => computeMaps
36
+ };
37
+ const renderVN = () => {
38
+ const { status, content, icon, title } = props;
39
+ const defaultSlot = slots.default;
40
+ const titleSlot = slots.title;
41
+ const iconSlot = slots.icon;
42
+ return h('div', {
43
+ ref: refElem,
44
+ class: ['vxe-tips', {
45
+ [`theme--${status}`]: status
46
+ }]
47
+ }, [
48
+ iconSlot || icon
49
+ ? h('div', {
50
+ class: 'vxe-tips--icon'
51
+ }, iconSlot
52
+ ? getSlotVNs(iconSlot({}))
53
+ : [
54
+ h('i', {
55
+ class: icon
56
+ })
57
+ ])
58
+ : createCommentVNode(),
59
+ h('div', {
60
+ class: 'vxe-tips--body'
61
+ }, [
62
+ titleSlot || title
63
+ ? h('div', {
64
+ class: 'vxe-tips--title'
65
+ }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
66
+ : createCommentVNode(),
67
+ h('div', {
68
+ class: 'vxe-tips--content'
69
+ }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
70
+ ])
71
+ ]);
72
+ };
73
+ $xeTips.renderVN = renderVN;
74
+ return $xeTips;
75
+ },
76
+ render() {
77
+ return this.renderVN();
78
+ }
79
+ });
package/es/tips/style.css ADDED
@@ -0,0 +1,80 @@
1
+ .vxe-tips {
2
+ position: relative;
3
+ display: flex;
4
+ flex-direction: row;
5
+ color: var(--vxe-ui-font-color);
6
+ margin: var(--vxe-ui-layout-padding-double) 0;
7
+ padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-threefold) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-threefold);
8
+ font-size: var(--vxe-ui-font-size-default);
9
+ }
10
+ .vxe-tips::after {
11
+ content: "";
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ height: 100%;
16
+ width: 5px;
17
+ background-color: var(--vxe-ui-font-color);
18
+ z-index: 1;
19
+ }
20
+ .vxe-tips.theme--primary {
21
+ background-color: var(--vxe-ui-font-primary-tinge-color);
22
+ }
23
+ .vxe-tips.theme--primary::after {
24
+ background-color: var(--vxe-ui-font-primary-color);
25
+ }
26
+ .vxe-tips.theme--success {
27
+ background-color: var(--vxe-ui-status-success-tinge-color);
28
+ }
29
+ .vxe-tips.theme--success::after {
30
+ background-color: var(--vxe-ui-status-success-color);
31
+ }
32
+ .vxe-tips.theme--info {
33
+ background-color: var(--vxe-ui-status-info-tinge-color);
34
+ }
35
+ .vxe-tips.theme--info::after {
36
+ background-color: var(--vxe-ui-status-info-color);
37
+ }
38
+ .vxe-tips.theme--warning {
39
+ background-color: var(--vxe-ui-status-warning-tinge-color);
40
+ }
41
+ .vxe-tips.theme--warning::after {
42
+ background-color: var(--vxe-ui-status-warning-color);
43
+ }
44
+ .vxe-tips.theme--danger {
45
+ background-color: var(--vxe-ui-status-danger-tinge-color);
46
+ }
47
+ .vxe-tips.theme--danger::after {
48
+ background-color: var(--vxe-ui-status-danger-color);
49
+ }
50
+ .vxe-tips.theme--error {
51
+ background-color: var(--vxe-ui-status-error-tinge-color);
52
+ }
53
+ .vxe-tips.theme--error::after {
54
+ background-color: var(--vxe-ui-status-error-color);
55
+ }
56
+ .vxe-tips.size--medium {
57
+ font-size: var(--vxe-ui-font-size-medium);
58
+ }
59
+ .vxe-tips.size--small {
60
+ font-size: var(--vxe-ui-font-size-small);
61
+ }
62
+ .vxe-tips.size--mini {
63
+ font-size: var(--vxe-ui-font-size-mini);
64
+ }
65
+
66
+ .vxe-tips--icon {
67
+ flex-shrink: 0;
68
+ font-size: 1.2em;
69
+ padding-right: var(--vxe-ui-layout-padding-half);
70
+ }
71
+
72
+ .vxe-tips--body {
73
+ flex-grow: 1;
74
+ }
75
+
76
+ .vxe-tips--title {
77
+ font-size: 1.1em;
78
+ margin-bottom: 0.7em;
79
+ font-weight: 700;
80
+ }
package/es/tips/style.min.css ADDED
@@ -0,0 +1 @@
1
+ .vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin:var(--vxe-ui-layout-padding-double) 0;padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-threefold) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-threefold);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;margin-bottom:.7em;font-weight:700}
package/es/ui/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
- VxeUI.uiVersion = "1.7.0";
3
+ VxeUI.uiVersion = "1.7.2";
4
4
  VxeUI.tableVersion = '';
5
5
  VxeUI.dynamicApp = dynamicApp;
6
6
  setConfig({
@@ -130,6 +130,9 @@ setConfig({
130
130
  tabs: {},
131
131
  textarea: {},
132
132
  toolbar: {},
133
+ tips: {
134
+ title: 'Tip'
135
+ },
133
136
  tooltip: {
134
137
  // size: null,
135
138
  trigger: 'hover',