@varlet/ui 2.9.4 → 2.9.5-alpha.1680448526943
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/hover/index.mjs +5 -0
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/style.css +1 -1
- package/es/tab/Tab.mjs +10 -10
- package/es/tabs/Tabs.mjs +7 -1
- package/es/tabs/tabs.css +1 -1
- package/es/varlet.esm.js +747 -749
- package/highlight/web-types.en-US.json +1 -1
- package/highlight/web-types.zh-CN.json +1 -1
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +25 -14
- package/package.json +6 -6
- package/umd/varlet.js +5 -5
package/lib/varlet.cjs.js
CHANGED
|
@@ -2932,6 +2932,9 @@ function unmounted(element, binding) {
|
|
|
2932
2932
|
element.removeEventListener("mouseleave", removeHover);
|
|
2933
2933
|
}
|
|
2934
2934
|
function beforeUpdate(element, binding) {
|
|
2935
|
+
if (!element._hover) {
|
|
2936
|
+
return;
|
|
2937
|
+
}
|
|
2935
2938
|
unmounted(element, binding);
|
|
2936
2939
|
}
|
|
2937
2940
|
function shouldUpdateStyle(element, binding) {
|
|
@@ -22558,19 +22561,17 @@ var __sfc__$7 = vue.defineComponent({
|
|
|
22558
22561
|
element
|
|
22559
22562
|
};
|
|
22560
22563
|
bindTabs(tabProvider);
|
|
22564
|
+
var shouldActive = () => {
|
|
22565
|
+
if (props2.name != null) {
|
|
22566
|
+
return active.value === props2.name;
|
|
22567
|
+
}
|
|
22568
|
+
return active.value === (index == null ? void 0 : index.value);
|
|
22569
|
+
};
|
|
22561
22570
|
var computeColorStyle = () => {
|
|
22562
|
-
|
|
22563
|
-
disabled: disabled2,
|
|
22564
|
-
name: name2
|
|
22565
|
-
} = props2;
|
|
22566
|
-
return disabled2 ? disabledColor.value : active.value === name2 || active.value === (index == null ? void 0 : index.value) ? activeColor.value : inactiveColor.value;
|
|
22571
|
+
return props2.disabled ? disabledColor.value : shouldActive() ? activeColor.value : inactiveColor.value;
|
|
22567
22572
|
};
|
|
22568
22573
|
var computeColorClass = () => {
|
|
22569
|
-
|
|
22570
|
-
disabled: disabled2,
|
|
22571
|
-
name: name2
|
|
22572
|
-
} = props2;
|
|
22573
|
-
return disabled2 ? n$7("$-tab--disabled") : active.value === name2 || active.value === (index == null ? void 0 : index.value) ? n$7("$-tab--active") : n$7("$-tab--inactive");
|
|
22574
|
+
return props2.disabled ? n$7("$-tab--disabled") : shouldActive() ? n$7("$-tab--active") : n$7("$-tab--inactive");
|
|
22574
22575
|
};
|
|
22575
22576
|
var handleClick = (event) => {
|
|
22576
22577
|
var {
|
|
@@ -22912,11 +22913,21 @@ function __render__$4(_ctx, _cache) {
|
|
|
22912
22913
|
style: vue.normalizeStyle({
|
|
22913
22914
|
width: _ctx.layoutDirection === "horizontal" ? _ctx.indicatorWidth : _ctx.toSizeUnit(_ctx.indicatorSize),
|
|
22914
22915
|
height: _ctx.layoutDirection === "horizontal" ? _ctx.toSizeUnit(_ctx.indicatorSize) : _ctx.indicatorHeight,
|
|
22915
|
-
transform: _ctx.layoutDirection === "horizontal" ? "translateX(" + _ctx.indicatorX + ")" : "translateY(" + _ctx.indicatorY + ")"
|
|
22916
|
-
background: _ctx.indicatorColor || _ctx.activeColor
|
|
22916
|
+
transform: _ctx.layoutDirection === "horizontal" ? "translateX(" + _ctx.indicatorX + ")" : "translateY(" + _ctx.indicatorY + ")"
|
|
22917
22917
|
})
|
|
22918
22918
|
},
|
|
22919
|
-
|
|
22919
|
+
[vue.createElementVNode(
|
|
22920
|
+
"div",
|
|
22921
|
+
{
|
|
22922
|
+
class: vue.normalizeClass(_ctx.classes(_ctx.n("indicator-inner"), _ctx.n("--layout-" + _ctx.layoutDirection + "-indicator-inner"))),
|
|
22923
|
+
style: vue.normalizeStyle({
|
|
22924
|
+
background: _ctx.indicatorColor || _ctx.activeColor
|
|
22925
|
+
})
|
|
22926
|
+
},
|
|
22927
|
+
null,
|
|
22928
|
+
6
|
|
22929
|
+
/* CLASS, STYLE */
|
|
22930
|
+
)],
|
|
22920
22931
|
6
|
|
22921
22932
|
/* CLASS, STYLE */
|
|
22922
22933
|
)],
|
|
@@ -25088,7 +25099,7 @@ const TimePickerSfc = "";
|
|
|
25088
25099
|
const TooltipSfc = "";
|
|
25089
25100
|
const uploader = "";
|
|
25090
25101
|
const UploaderSfc = "";
|
|
25091
|
-
const version = "2.9.
|
|
25102
|
+
const version = "2.9.5-alpha.1680448526943";
|
|
25092
25103
|
function install(app) {
|
|
25093
25104
|
ActionSheet.install && app.use(ActionSheet);
|
|
25094
25105
|
AppBar.install && app.use(AppBar);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@varlet/ui",
|
|
3
|
-
"version": "2.9.
|
|
3
|
+
"version": "2.9.5-alpha.1680448526943",
|
|
4
4
|
"description": "A material like components library",
|
|
5
5
|
"main": "lib/varlet.cjs.js",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
"@popperjs/core": "^2.11.6",
|
|
47
47
|
"dayjs": "^1.10.4",
|
|
48
48
|
"decimal.js": "^10.2.1",
|
|
49
|
-
"@varlet/icons": "2.9.
|
|
50
|
-
"@varlet/shared": "2.9.
|
|
51
|
-
"@varlet/use": "2.9.
|
|
49
|
+
"@varlet/icons": "2.9.5-alpha.1680448526943",
|
|
50
|
+
"@varlet/shared": "2.9.5-alpha.1680448526943",
|
|
51
|
+
"@varlet/use": "2.9.5-alpha.1680448526943"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/jest": "^26.0.15",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"typescript": "^4.4.4",
|
|
64
64
|
"vue": "3.2.25",
|
|
65
65
|
"vue-router": "4.0.12",
|
|
66
|
-
"@varlet/cli": "2.9.
|
|
67
|
-
"@varlet/touch-emulator": "2.9.
|
|
66
|
+
"@varlet/cli": "2.9.5-alpha.1680448526943",
|
|
67
|
+
"@varlet/touch-emulator": "2.9.5-alpha.1680448526943"
|
|
68
68
|
},
|
|
69
69
|
"browserslist": [
|
|
70
70
|
"Chrome >= 54",
|