@varlet/ui 2.9.4 → 2.9.5-alpha.1680376695197
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 +6 -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 +22 -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,14 @@ var __sfc__$7 = vue.defineComponent({
|
|
|
22558
22561
|
element
|
|
22559
22562
|
};
|
|
22560
22563
|
bindTabs(tabProvider);
|
|
22564
|
+
var shouldActive = () => {
|
|
22565
|
+
return props2.name != null && active.value === props2.name || active.value === (index == null ? void 0 : index.value);
|
|
22566
|
+
};
|
|
22561
22567
|
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;
|
|
22568
|
+
return props2.disabled ? disabledColor.value : shouldActive() ? activeColor.value : inactiveColor.value;
|
|
22567
22569
|
};
|
|
22568
22570
|
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");
|
|
22571
|
+
return props2.disabled ? n$7("$-tab--disabled") : shouldActive() ? n$7("$-tab--active") : n$7("$-tab--inactive");
|
|
22574
22572
|
};
|
|
22575
22573
|
var handleClick = (event) => {
|
|
22576
22574
|
var {
|
|
@@ -22912,11 +22910,21 @@ function __render__$4(_ctx, _cache) {
|
|
|
22912
22910
|
style: vue.normalizeStyle({
|
|
22913
22911
|
width: _ctx.layoutDirection === "horizontal" ? _ctx.indicatorWidth : _ctx.toSizeUnit(_ctx.indicatorSize),
|
|
22914
22912
|
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
|
|
22913
|
+
transform: _ctx.layoutDirection === "horizontal" ? "translateX(" + _ctx.indicatorX + ")" : "translateY(" + _ctx.indicatorY + ")"
|
|
22917
22914
|
})
|
|
22918
22915
|
},
|
|
22919
|
-
|
|
22916
|
+
[vue.createElementVNode(
|
|
22917
|
+
"div",
|
|
22918
|
+
{
|
|
22919
|
+
class: vue.normalizeClass(_ctx.classes(_ctx.n("indicator-inner"), _ctx.n("--layout-" + _ctx.layoutDirection + "-indicator-inner"))),
|
|
22920
|
+
style: vue.normalizeStyle({
|
|
22921
|
+
background: _ctx.indicatorColor || _ctx.activeColor
|
|
22922
|
+
})
|
|
22923
|
+
},
|
|
22924
|
+
null,
|
|
22925
|
+
6
|
|
22926
|
+
/* CLASS, STYLE */
|
|
22927
|
+
)],
|
|
22920
22928
|
6
|
|
22921
22929
|
/* CLASS, STYLE */
|
|
22922
22930
|
)],
|
|
@@ -25088,7 +25096,7 @@ const TimePickerSfc = "";
|
|
|
25088
25096
|
const TooltipSfc = "";
|
|
25089
25097
|
const uploader = "";
|
|
25090
25098
|
const UploaderSfc = "";
|
|
25091
|
-
const version = "2.9.
|
|
25099
|
+
const version = "2.9.5-alpha.1680376695197";
|
|
25092
25100
|
function install(app) {
|
|
25093
25101
|
ActionSheet.install && app.use(ActionSheet);
|
|
25094
25102
|
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.1680376695197",
|
|
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/
|
|
50
|
-
"@varlet/
|
|
51
|
-
"@varlet/use": "2.9.
|
|
49
|
+
"@varlet/shared": "2.9.5-alpha.1680376695197",
|
|
50
|
+
"@varlet/icons": "2.9.5-alpha.1680376695197",
|
|
51
|
+
"@varlet/use": "2.9.5-alpha.1680376695197"
|
|
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.1680376695197",
|
|
67
|
+
"@varlet/touch-emulator": "2.9.5-alpha.1680376695197"
|
|
68
68
|
},
|
|
69
69
|
"browserslist": [
|
|
70
70
|
"Chrome >= 54",
|