vxe-pc-ui 4.9.27 → 4.9.28
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/es/form/src/form-config-item.js +7 -6
- package/es/form/src/form-item.js +8 -7
- package/es/form/src/form.js +7 -1
- package/es/form/src/itemInfo.js +1 -0
- package/es/form/src/render.js +55 -10
- package/es/form/style.css +83 -7
- package/es/form/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/notice-bar/src/notice-bar.js +21 -6
- package/es/notice-bar/style.css +9 -2
- package/es/notice-bar/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tree/style.css +1 -0
- package/es/tree/style.min.css +1 -1
- package/es/ui/index.js +3 -2
- package/es/ui/src/log.js +1 -1
- package/es/vxe-form/style.css +83 -7
- package/es/vxe-form/style.min.css +1 -1
- package/es/vxe-notice-bar/style.css +9 -2
- package/es/vxe-notice-bar/style.min.css +1 -1
- package/es/vxe-tree/style.css +1 -0
- package/es/vxe-tree/style.min.css +1 -1
- package/lib/form/src/form-config-item.js +3 -3
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-item.js +6 -6
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/form/src/form.js +9 -1
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/src/itemInfo.js +1 -0
- package/lib/form/src/itemInfo.min.js +1 -1
- package/lib/form/src/render.js +68 -13
- package/lib/form/src/render.min.js +1 -1
- package/lib/form/style/style.css +83 -7
- package/lib/form/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +111 -28
- package/lib/index.umd.min.js +1 -1
- package/lib/notice-bar/src/notice-bar.js +24 -6
- package/lib/notice-bar/src/notice-bar.min.js +1 -1
- package/lib/notice-bar/style/style.css +9 -2
- package/lib/notice-bar/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tree/style/style.css +1 -0
- package/lib/tree/style/style.min.css +1 -1
- package/lib/ui/index.js +3 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-form/style/style.css +83 -7
- package/lib/vxe-form/style/style.min.css +1 -1
- package/lib/vxe-notice-bar/style/style.css +9 -2
- package/lib/vxe-notice-bar/style/style.min.css +1 -1
- package/lib/vxe-tree/style/style.css +1 -0
- package/lib/vxe-tree/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/form/src/form-config-item.ts +7 -6
- package/packages/form/src/form-item.ts +8 -7
- package/packages/form/src/form.ts +7 -1
- package/packages/form/src/itemInfo.ts +1 -0
- package/packages/form/src/render.ts +53 -7
- package/packages/notice-bar/src/notice-bar.ts +21 -5
- package/packages/ui/index.ts +2 -1
- package/styles/components/form.scss +103 -15
- package/styles/components/notice-bar.scss +14 -2
- package/styles/components/tree.scss +1 -0
- package/styles/theme/base.scss +4 -0
- package/types/components/form.d.ts +22 -1
- package/types/components/notice-bar.d.ts +20 -3
- package/types/ui/global-icon.d.ts +1 -0
- /package/es/icon/{iconfont.1757680923129.ttf → iconfont.1757756204543.ttf} +0 -0
- /package/es/icon/{iconfont.1757680923129.woff → iconfont.1757756204543.woff} +0 -0
- /package/es/icon/{iconfont.1757680923129.woff2 → iconfont.1757756204543.woff2} +0 -0
- /package/es/{iconfont.1757680923129.ttf → iconfont.1757756204543.ttf} +0 -0
- /package/es/{iconfont.1757680923129.woff → iconfont.1757756204543.woff} +0 -0
- /package/es/{iconfont.1757680923129.woff2 → iconfont.1757756204543.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1757680923129.ttf → iconfont.1757756204543.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1757680923129.woff → iconfont.1757756204543.woff} +0 -0
- /package/lib/icon/style/{iconfont.1757680923129.woff2 → iconfont.1757756204543.woff2} +0 -0
- /package/lib/{iconfont.1757680923129.ttf → iconfont.1757756204543.ttf} +0 -0
- /package/lib/{iconfont.1757680923129.woff → iconfont.1757756204543.woff} +0 -0
- /package/lib/{iconfont.1757680923129.woff2 → iconfont.1757756204543.woff2} +0 -0
|
@@ -25,7 +25,10 @@ export default defineVxeComponent({
|
|
|
25
25
|
default: () => getConfig().noticeBar.size || getConfig().size
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
|
-
emits: [
|
|
28
|
+
emits: [
|
|
29
|
+
'start',
|
|
30
|
+
'end'
|
|
31
|
+
],
|
|
29
32
|
setup(props, context) {
|
|
30
33
|
const { slots, emit } = context;
|
|
31
34
|
const $xeTabs = inject('$xeTabs', null);
|
|
@@ -34,6 +37,7 @@ export default defineVxeComponent({
|
|
|
34
37
|
const refElem = ref();
|
|
35
38
|
const refContentElem = ref();
|
|
36
39
|
const reactData = reactive({
|
|
40
|
+
animationStatus: false,
|
|
37
41
|
animationDuration: 0
|
|
38
42
|
});
|
|
39
43
|
const refMaps = {
|
|
@@ -76,10 +80,18 @@ export default defineVxeComponent({
|
|
|
76
80
|
reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate);
|
|
77
81
|
}
|
|
78
82
|
};
|
|
83
|
+
const animationStartEvent = (evnt) => {
|
|
84
|
+
reactData.animationStatus = true;
|
|
85
|
+
dispatchEvent('start', { status: true }, evnt);
|
|
86
|
+
};
|
|
87
|
+
const animationEndEvent = (evnt) => {
|
|
88
|
+
reactData.animationStatus = false;
|
|
89
|
+
dispatchEvent('end', { status: false }, evnt);
|
|
90
|
+
};
|
|
79
91
|
Object.assign($xeNoticeBar, noticeBarMethods, noticeBarPrivateMethods);
|
|
80
92
|
const renderVN = () => {
|
|
81
|
-
const { vertical, duration, direction } = props;
|
|
82
|
-
const { animationDuration } = reactData;
|
|
93
|
+
const { vertical, duration, direction, loop } = props;
|
|
94
|
+
const { animationDuration, animationStatus } = reactData;
|
|
83
95
|
const vSize = computeSize.value;
|
|
84
96
|
const noticeText = computeNoticeText.value;
|
|
85
97
|
const defaultSlot = slots.default;
|
|
@@ -88,7 +100,8 @@ export default defineVxeComponent({
|
|
|
88
100
|
return h('div', {
|
|
89
101
|
ref: refElem,
|
|
90
102
|
class: ['vxe-notice-bar', `is--${vertical ? 'vertical' : 'horizontal'}`, `dir--${direction || 'left'}`, {
|
|
91
|
-
[`size--${vSize}`]: vSize
|
|
103
|
+
[`size--${vSize}`]: vSize,
|
|
104
|
+
'is--loop': loop
|
|
92
105
|
}]
|
|
93
106
|
}, [
|
|
94
107
|
prefixSlot
|
|
@@ -104,10 +117,12 @@ export default defineVxeComponent({
|
|
|
104
117
|
class: 'vxe-notice-bar--inner'
|
|
105
118
|
}, [
|
|
106
119
|
h('div', {
|
|
107
|
-
class: 'vxe-notice-bar--wrapper',
|
|
120
|
+
class: ['vxe-notice-bar--wrapper', `is--${animationStatus ? 'progress' : 'end'}`],
|
|
108
121
|
style: {
|
|
109
122
|
animationDuration: duration ? toCssUnit(duration, 's') : `${animationDuration}s`
|
|
110
|
-
}
|
|
123
|
+
},
|
|
124
|
+
onAnimationstart: animationStartEvent,
|
|
125
|
+
onAnimationend: animationEndEvent
|
|
111
126
|
}, defaultSlot ? defaultSlot({}) : noticeText)
|
|
112
127
|
])
|
|
113
128
|
]),
|
package/es/notice-bar/style.css
CHANGED
|
@@ -32,14 +32,21 @@
|
|
|
32
32
|
animation-play-state: running;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
.vxe-notice-bar.is--loop .vxe-notice-bar--wrapper {
|
|
36
|
+
animation-iteration-count: infinite;
|
|
37
|
+
}
|
|
35
38
|
.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper {
|
|
36
|
-
padding-left: 100%;
|
|
37
39
|
animation-name: scrollLeftText;
|
|
38
40
|
}
|
|
39
41
|
.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper {
|
|
40
|
-
padding-left: 100%;
|
|
41
42
|
animation-name: scrollRightText;
|
|
42
43
|
}
|
|
44
|
+
.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper, .vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper {
|
|
45
|
+
padding-left: 100%;
|
|
46
|
+
}
|
|
47
|
+
.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper.is--end, .vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper.is--end {
|
|
48
|
+
padding-left: 0;
|
|
49
|
+
}
|
|
43
50
|
.vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover {
|
|
44
51
|
animation-play-state: paused;
|
|
45
52
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-notice-bar{display:flex;flex-direction:row;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-notice-bar--prefix,.vxe-notice-bar--suffix{flex-shrink:0}.vxe-notice-bar--content{flex-grow:1;overflow:hidden;padding:0 .2em}.vxe-notice-bar--inner{overflow:hidden}.vxe-notice-bar--wrapper{display:inline-block;white-space:nowrap;animation-duration:15s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper{
|
|
1
|
+
.vxe-notice-bar{display:flex;flex-direction:row;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-notice-bar--prefix,.vxe-notice-bar--suffix{flex-shrink:0}.vxe-notice-bar--content{flex-grow:1;overflow:hidden;padding:0 .2em}.vxe-notice-bar--inner{overflow:hidden}.vxe-notice-bar--wrapper{display:inline-block;white-space:nowrap;animation-duration:15s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.vxe-notice-bar.is--loop .vxe-notice-bar--wrapper{animation-iteration-count:infinite}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper{animation-name:scrollLeftText}.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{animation-name:scrollRightText}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{padding-left:100%}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper.is--end,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper.is--end{padding-left:0}.vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover{animation-play-state:paused}@keyframes scrollRightText{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes scrollLeftText{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.vxe-notice-bar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-notice-bar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-notice-bar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|