eco-vue-js 0.4.3 → 0.4.4
Sign up to get free protection for your applications and to get access to all the features.
@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
8
8
|
to?: RouteLocationRaw | undefined;
|
9
9
|
count?: number | undefined;
|
10
10
|
semanticType?: SemanticType | undefined;
|
11
|
+
outline?: boolean | undefined;
|
11
12
|
}>, {
|
12
13
|
icon: undefined;
|
13
14
|
tag: string;
|
@@ -24,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
24
25
|
to?: RouteLocationRaw | undefined;
|
25
26
|
count?: number | undefined;
|
26
27
|
semanticType?: SemanticType | undefined;
|
28
|
+
outline?: boolean | undefined;
|
27
29
|
}>, {
|
28
30
|
icon: undefined;
|
29
31
|
tag: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAmCA;AAEA,OAAO,EAAC,KAAK,gBAAgB,EAAa,MAAM,YAAY,CAAA;AAE5D,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAA
|
1
|
+
{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAmCA;AAEA,OAAO,EAAC,KAAK,gBAAgB,EAAa,MAAM,YAAY,CAAA;AAE5D,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LnC,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
@@ -18,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
18
|
tag: { default: "button" },
|
19
19
|
to: { default: void 0 },
|
20
20
|
count: { default: void 0 },
|
21
|
-
semanticType: { default: SemanticType.SECONDARY }
|
21
|
+
semanticType: { default: SemanticType.SECONDARY },
|
22
|
+
outline: { type: Boolean }
|
22
23
|
},
|
23
24
|
emits: ["click"],
|
24
25
|
setup(__props) {
|
@@ -30,11 +31,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
30
31
|
[SemanticType.NEGARIVE]: "text-default dark:text-default-dark bg-negative dark:bg-negative-dark",
|
31
32
|
[SemanticType.INFO]: "text-default dark:text-default-dark bg-info dark:bg-info-dark"
|
32
33
|
};
|
34
|
+
const semanticTypeOutlineStylesMap = {
|
35
|
+
[SemanticType.SECONDARY]: "text-description bg-default dark:bg-default-dark hover:text-primary-default dark:hover:text-primary-dark",
|
36
|
+
[SemanticType.PRIMARY]: "text-primary-default text-primary-dark",
|
37
|
+
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
38
|
+
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
39
|
+
[SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",
|
40
|
+
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
41
|
+
};
|
33
42
|
return (_ctx, _cache) => {
|
34
43
|
return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 ? { to: _ctx.to } : void 0, {
|
35
44
|
class: ["relative flex flex-col md:gap-2 p-2 items-center w-full select-none cursor-pointer no-underline outline-none border-none w-ripple w-ripple-hover", {
|
36
45
|
"text-primary-default dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
|
37
|
-
[semanticTypeStylesMap[_ctx.semanticType]]: true
|
46
|
+
[_ctx.outline ? semanticTypeOutlineStylesMap[_ctx.semanticType] : semanticTypeStylesMap[_ctx.semanticType]]: true
|
38
47
|
}],
|
39
48
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
|
40
49
|
}), {
|