@community-release/nx-ui 0.0.45 → 0.0.47
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/dist/module.d.mts +1 -1
- package/dist/module.d.ts +1 -1
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/components/button/index.vue +22 -8
- package/package.json +1 -1
package/dist/module.d.mts
CHANGED
package/dist/module.d.ts
CHANGED
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -90,19 +90,30 @@
|
|
|
90
90
|
|
|
91
91
|
return ar;
|
|
92
92
|
});
|
|
93
|
-
const stylesHoverColor = computed(() => {
|
|
94
|
-
return `var(--ui-color-text-on-${props.color})`;
|
|
95
|
-
});
|
|
96
93
|
|
|
97
94
|
const styles = computed(() => {
|
|
98
95
|
let background = `var(--ui-color-${props.color})`;
|
|
99
96
|
let color = `var(--ui-color-text-on-${props.color})`;
|
|
100
97
|
|
|
101
|
-
if (props.variant === 'flat' || props.variant === 'outline')
|
|
98
|
+
if (props.variant === 'flat' || props.variant === 'outline') {
|
|
102
99
|
background = 'transparent';
|
|
100
|
+
color = `var(--ui-color-${props.color}-text)`;
|
|
101
|
+
}
|
|
103
102
|
|
|
104
|
-
|
|
103
|
+
return {
|
|
104
|
+
background,
|
|
105
|
+
color,
|
|
106
|
+
};
|
|
107
|
+
});
|
|
108
|
+
|
|
109
|
+
const stylesHover = computed(() => {
|
|
110
|
+
let background = `var(--ui-color-${props.color})`;
|
|
111
|
+
let color = `var(--ui-color-text-on-${props.color})`;
|
|
112
|
+
|
|
113
|
+
if (props.variant === 'flat' || props.variant === 'outline') {
|
|
114
|
+
background = `var(--ui-color-surface)`;
|
|
105
115
|
color = `var(--ui-color-${props.color}-text)`;
|
|
116
|
+
}
|
|
106
117
|
|
|
107
118
|
return {
|
|
108
119
|
background,
|
|
@@ -132,11 +143,13 @@
|
|
|
132
143
|
|
|
133
144
|
<style lang="less">
|
|
134
145
|
.component-ui-button {
|
|
135
|
-
--button-hover-color: #fff;
|
|
146
|
+
--button-hover-text-color: #fff;
|
|
147
|
+
--button-hover-background: #fff;
|
|
136
148
|
--button-text-color: #fff;
|
|
137
149
|
--button-background: #fff;
|
|
138
150
|
|
|
139
|
-
--button-hover-color: v-bind(
|
|
151
|
+
--button-hover-text-color: v-bind(stylesHover.color);
|
|
152
|
+
--button-hover-background: v-bind(stylesHover.background);
|
|
140
153
|
--button-text-color: v-bind(styles.color);
|
|
141
154
|
--button-background: v-bind(styles.background);
|
|
142
155
|
|
|
@@ -352,7 +365,8 @@
|
|
|
352
365
|
|
|
353
366
|
&:hover {
|
|
354
367
|
text-decoration: none;
|
|
355
|
-
color: var(--button-hover-color) !important;
|
|
368
|
+
color: var(--button-hover-text-color) !important;
|
|
369
|
+
background: var(--button-hover-background) !important;
|
|
356
370
|
|
|
357
371
|
.button-bg { opacity: 1; }
|
|
358
372
|
}
|