web-win-vue-plus 0.1.0 → 0.1.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require(`vue`);var t=(0,e.defineComponent)({name:`WinButton`}),n=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},r={class:`win-button`};function i(t,n,i,a,o,s){return(0,e.openBlock)(),(0,e.createElementBlock)(`button`,r,[(0,e.renderSlot)(t.$slots,`default`)])}var a=n(t,[[`render`,i]]),o=(0,e.defineComponent)({name:`
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require(`vue`);var t=(0,e.defineComponent)({name:`WinButton`}),n=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},r={class:`win-button`};function i(t,n,i,a,o,s){return(0,e.openBlock)(),(0,e.createElementBlock)(`button`,r,[(0,e.renderSlot)(t.$slots,`default`)])}var a=n(t,[[`render`,i]]),o=(0,e.defineComponent)({name:`WinCheckBox`}),s={class:`win-checkbox`};function c(t,n,r,i,a,o){return(0,e.openBlock)(),(0,e.createElementBlock)(`label`,s,[n[0]||=(0,e.createElementVNode)(`input`,{type:`checkbox`,class:`win-checkbox-input`},null,-1),(0,e.renderSlot)(t.$slots,`default`)])}var l=n(o,[[`render`,c]]),u=(0,e.defineComponent)({name:`WinToggleSwitch`}),d={class:`win-toggleswitch`};function f(t,n,r,i,a,o){return(0,e.openBlock)(),(0,e.createElementBlock)(`label`,d,[n[0]||=(0,e.createElementVNode)(`input`,{type:`checkbox`,class:`win-toggleswitch-input`},null,-1),(0,e.renderSlot)(t.$slots,`default`)])}var p=n(u,[[`render`,f]]),m=[a,l,p];function h(e){m.forEach(t=>{t.name&&e.component(t.name,t)})}var g={install:h};exports.WinButton=a,exports.WinCheckBox=l,exports.WinToggleSwitch=p,exports.default=g,exports.install=h;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--w-button-default-bg:#ccc;--w-button-default-text:black;--w-button-default-hover-border:#7a7a7a;--w-button-default-active-bg:#999;--w-button-default-disabled-bg:#ccc;--w-button-default-disabled-text:#a8a8a8;--w-button-default-dark-bg:#333;--w-button-default-dark-text:white;--w-button-default-dark-hover-border:#6b6b6b;--w-button-default-dark-active-bg:#666;--w-button-default-dark-disabled-bg:#333;--w-button-default-dark-disabled-text:#4f4f4f;--w-checkbox-default-border:black;--w-checkbox-default-active-bg:#0078d7;--w-checkbox-default-active-border:#0078d7}.win-button{height:32px;color:var(--w-button-default-text);background-color:var(--w-button-default-bg);outline-offset:-3px;-webkit-user-select:none;user-select:none;border:3px solid #0000;outline:0;justify-content:center;align-items:center;padding:0 16px;transition:transform .1s cubic-bezier(0,1,1,0);display:inline-flex;position:relative}.win-button:hover{border:3px solid var(--w-button-default-hover-border);outline-offset:-3px}.win-button:active{outline-offset:-3px;background-color:var(--w-button-default-active-bg);border:3px solid #0000;transform:scale(.9)}.win-checkbox-input{display:none}.win-checkbox{-webkit-user-select:none;user-select:none;display:inline}.win-checkbox:before{content:"";border:4px solid var(--w-checkbox-default-border);outline-offset:-4px;vertical-align:middle;background-color:#0000;width:18px;height:18px;margin-right:4px;display:inline-block}.win-checkbox:has(.win-checkbox-input:checked):before{content:"✓";text-align:center;color:#fff;background:var(--w-checkbox-default-active-bg);border:4px solid var(--w-checkbox-default-active-border);font-weight:700;line-height:18px}
|
|
1
|
+
:root{--w-button-default-bg:#ccc;--w-button-default-text:black;--w-button-default-hover-border:#7a7a7a;--w-button-default-active-bg:#999;--w-button-default-disabled-bg:#ccc;--w-button-default-disabled-text:#a8a8a8;--w-button-default-dark-bg:#333;--w-button-default-dark-text:white;--w-button-default-dark-hover-border:#6b6b6b;--w-button-default-dark-active-bg:#666;--w-button-default-dark-disabled-bg:#333;--w-button-default-dark-disabled-text:#4f4f4f;--w-checkbox-default-border:black;--w-checkbox-default-active-bg:#0078d7;--w-checkbox-default-active-border:#0078d7;--w-toggleswitch-default-border:black;--w-toggleswitch-default-slider:black;--w-toggleswitch-default-active-bg:#0078d7;--w-toggleswitch-default-active-border:#0078d7;--w-toggleswitch-default-active-slider:white}.win-button{height:32px;color:var(--w-button-default-text);background-color:var(--w-button-default-bg);outline-offset:-3px;-webkit-user-select:none;user-select:none;border:3px solid #0000;outline:0;justify-content:center;align-items:center;padding:0 16px;transition:transform .1s cubic-bezier(0,1,1,0);display:inline-flex;position:relative}.win-button:hover{border:3px solid var(--w-button-default-hover-border);outline-offset:-3px}.win-button:active{outline-offset:-3px;background-color:var(--w-button-default-active-bg);border:3px solid #0000;transform:scale(.9)}.win-checkbox-input{display:none}.win-checkbox{-webkit-user-select:none;user-select:none;display:inline}.win-checkbox:before{content:"";border:4px solid var(--w-checkbox-default-border);outline-offset:-4px;vertical-align:middle;background-color:#0000;width:18px;height:18px;margin-right:4px;display:inline-block}.win-checkbox:has(.win-checkbox-input:checked):before{content:"✓";text-align:center;color:#fff;background-color:var(--w-checkbox-default-active-bg);border:4px solid var(--w-checkbox-default-active-border);font-weight:700;line-height:18px}.win-toggleswitch-input{display:none}.win-toggleswitch{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.win-toggleswitch:before{content:"";border:4px solid var(--w-toggleswitch-default-border);outline-offset:-4px;vertical-align:middle;background-color:#0000;border-radius:36px;width:42px;height:16px;margin-right:4px;transition:all .2s cubic-bezier(1,0,0,1);display:inline-block}.win-toggleswitch:has(.win-toggleswitch-input:checked):before{text-align:center;color:#fff;background-color:var(--w-toggleswitch-default-active-bg);border:4px solid var(--w-toggleswitch-default-active-border);font-weight:700;line-height:18px}.win-toggleswitch:after{content:"";background-color:var(--w-toggleswitch-default-slider);border-radius:50%;width:12px;height:12px;transition:all .2s cubic-bezier(1,0,0,1);display:inline-block;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.win-toggleswitch:has(.win-toggleswitch-input:checked):after{content:"";background-color:var(--w-toggleswitch-default-active-slider);left:30px}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -8,19 +8,30 @@ var a = n({ name: "WinButton" }), o = (e, t) => {
|
|
|
8
8
|
function c(t, n, a, o, c, l) {
|
|
9
9
|
return r(), e("button", s, [i(t.$slots, "default")]);
|
|
10
10
|
}
|
|
11
|
-
var l = /* @__PURE__ */ o(a, [["render", c]]), u = n({ name: "
|
|
11
|
+
var l = /* @__PURE__ */ o(a, [["render", c]]), u = n({ name: "WinCheckBox" }), d = { class: "win-checkbox" };
|
|
12
12
|
function f(n, a, o, s, c, l) {
|
|
13
13
|
return r(), e("label", d, [a[0] ||= t("input", {
|
|
14
14
|
type: "checkbox",
|
|
15
15
|
class: "win-checkbox-input"
|
|
16
16
|
}, null, -1), i(n.$slots, "default")]);
|
|
17
17
|
}
|
|
18
|
-
var p = /* @__PURE__ */ o(u, [["render", f]]), m =
|
|
19
|
-
function
|
|
20
|
-
|
|
18
|
+
var p = /* @__PURE__ */ o(u, [["render", f]]), m = n({ name: "WinToggleSwitch" }), h = { class: "win-toggleswitch" };
|
|
19
|
+
function g(n, a, o, s, c, l) {
|
|
20
|
+
return r(), e("label", h, [a[0] ||= t("input", {
|
|
21
|
+
type: "checkbox",
|
|
22
|
+
class: "win-toggleswitch-input"
|
|
23
|
+
}, null, -1), i(n.$slots, "default")]);
|
|
24
|
+
}
|
|
25
|
+
var _ = /* @__PURE__ */ o(m, [["render", g]]), v = [
|
|
26
|
+
l,
|
|
27
|
+
p,
|
|
28
|
+
_
|
|
29
|
+
];
|
|
30
|
+
function y(e) {
|
|
31
|
+
v.forEach((t) => {
|
|
21
32
|
t.name && e.component(t.name, t);
|
|
22
33
|
});
|
|
23
34
|
}
|
|
24
|
-
var
|
|
35
|
+
var b = { install: y };
|
|
25
36
|
//#endregion
|
|
26
|
-
export { l as WinButton, p as
|
|
37
|
+
export { l as WinButton, p as WinCheckBox, _ as WinToggleSwitch, b as default, y as install };
|