@a-drowned-fish/rox-v 1.0.6 → 1.0.8

package/README.md

@@ -27,7 +27,7 @@ app.use(RoxV);
 
 ### 2. 按需引入（推荐）
 
-- 优势: 无需手动引入样式文件
+- 优势: 无需手动引入样式文件 且 按需加载
 
 ```vue
 <template>
@@ -147,9 +147,9 @@ const handleComplete = (value: string) => {
 
 #### 基础用法
 
-``vue
+```vue
 <template>
-<Button @click="show = true">打开弹窗</Button>
+    <Button @click="show = true">打开弹窗</Button>
 
     <Popup v-model="show">
         <div class="popup-content">
@@ -158,7 +158,6 @@ const handleComplete = (value: string) => {
             <Button @click="show = false">关闭</Button>
         </div>
     </Popup>
-
 </template>
 
 <script setup lang="ts">
@@ -175,8 +174,7 @@ const show = ref(false);
     border-radius: 12px 12px 0 0;
 }
 </style>
-
-````
+```
 
 #### 不同位置
 
@@ -212,7 +210,7 @@ const showTop = ref(false);
 const showLeft = ref(false);
 const showRight = ref(false);
 </script>
-````
+```
 
 #### 自定义遮罩层
 

package/dist/es/button/button.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./button.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                       */
+//#region components/button/button.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-54355656"]]);
+//#endregion
+export { n as default };

package/dist/es/button/button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, useCssVars as a } from "vue";
+//#region components/button/button.vue?vue&type=script&setup=true&lang.ts
+var o = ["disabled", "type"], s = /* @__PURE__ */ t({
+	name: "Button",
+	__name: "button",
+	props: {
+		padding: { default: "8px 16px" },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		bg: { default: "transparent" },
+		border: { default: "1px solid #1A171B" },
+		radius: { default: "0" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		disabledBg: { default: "rgba(26,23,27,0.16)" }
+	},
+	emits: ["click"],
+	setup(t, { emit: s }) {
+		a((e) => ({
+			v2ea2427a: l.padding,
+			v60fbe83c: l.bg,
+			v34bb7ca3: l.border,
+			v4f3d7509: l.radius,
+			v6e7988d8: l.disabledBg
+		}));
+		let c = s, l = t, u = (e) => {
+			l.disabled || c("click", e);
+		};
+		return (t, a) => (r(), e("button", {
+			onClick: u,
+			class: n(["button-container", {
+				block: l.block,
+				disabled: l.disabled
+			}]),
+			disabled: l.disabled,
+			type: l.type
+		}, [i(t.$slots, "default", {}, void 0, !0)], 10, o));
+	}
+});
+//#endregion
+export { s as default };

package/dist/es/button/index.js

@@ -0,0 +1,9 @@
+import e from "./button.js";
+import "./style.css";
+//#region components/button/index.ts
+e.install = (t) => {
+	e.name && t.component(e.name, e);
+};
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/button/style.css

@@ -0,0 +1 @@
+.button-container[data-v-54355656]{padding:var(--v2ea2427a);background-color:var(--v60fbe83c);border:var(--v34bb7ca3);border-radius:var(--v4f3d7509);cursor:pointer}.button-container.block[data-v-54355656]{width:100%;display:block}.button-container.disabled[data-v-54355656]{background-color:var(--v6e7988d8);border-color:#0000}

package/dist/es/components.js

@@ -1,10 +1,12 @@
 import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
 import t from "./input-otp/index.js";
 import n from "./popup/index.js";
+import r from "./button/index.js";
 //#region components/components.ts
-var r = /* @__PURE__ */ e({
+var i = /* @__PURE__ */ e({
+	Button: () => r,
 	InputOtp: () => t,
 	Popup: () => n
 });
 //#endregion
-export { r as components_exports };
+export { i as components_exports };

package/dist/es/index.js

@@ -1,11 +1,12 @@
 import e from "./input-otp/index.js";
 import t from "./popup/index.js";
-import { components_exports as n } from "./components.js";
+import n from "./button/index.js";
+import { components_exports as r } from "./components.js";
 /* empty css      */
 //#region components/index.ts
-var r = (e) => (Object.keys(n).forEach((t) => {
-	let r = n[t];
-	r.install && e.use(r);
-}), e), i = { install: r };
+var i = (e) => (Object.keys(r).forEach((t) => {
+	let n = r[t];
+	n.install && e.use(n);
+}), e), a = { install: i };
 //#endregion
-export { e as InputOtp, t as Popup, i as default, r as install };
+export { n as Button, e as InputOtp, t as Popup, a as default, i as install };

package/dist/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=Object.defineProperty,r=(e,t)=>{let r={};for(var i in e)n(r,i,{get:e[i],enumerable:!0});return t||n(r,Symbol.toStringTag,{value:`Module`}),r},i=[`maxlength`],a=(0,t.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`}},emits:[`update:modelValue`,`complete`],setup(e,{emit:n}){let r=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=e,o=n,s=(0,t.ref)(null),c=(0,t.ref)(a.modelValue);(0,t.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,t.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else r.includes(n)&&e.preventDefault()}function f(){s.value?.focus()}function p(e){return e===c.value.length}function m(e){return e<c.value.length}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:f},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":r[0]||=e=>c.value=e,maxlength:e.length,onInput:l,onKeydown:d,onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,i),[[t.vModelText,c.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:a.gap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.length,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`otp-item`,[{[a.activeItemClass]:p(n)},{[a.hasFilledItemClass]:m(n)},a.itemClass]])},(0,t.toDisplayString)(c.value[n]||``),3))),128))],4)]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-0e246228`]]);s.install=e=>(s.name&&e.component(s.name,s),e);var c=s,l=o((0,t.defineComponent)({name:`Popup`,__name:`popup`,props:(0,t.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:300},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`],r=(0,t.useModel)(e,`modelValue`),i=e;function a(){i.maskClosable&&(r.value=!1)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:i.to},[(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,style:(0,t.normalizeStyle)({"background-color":i.bg,"--duration":`${i.duration}ms`}),class:(0,t.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,t.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)])],6)):(0,t.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}}),[[`__scopeId`,`data-v-00d0e4c1`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=r({InputOtp:()=>c,Popup:()=>u}),f=e=>(Object.keys(d).forEach(t=>{let n=d[t];n.install&&e.use(n)}),e),p={install:f};e.InputOtp=c,e.Popup=u,e.default=p,e.install=f});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`rox-v`]={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=Object.defineProperty,r=(e,t)=>{let r={};for(var i in e)n(r,i,{get:e[i],enumerable:!0});return t||n(r,Symbol.toStringTag,{value:`Module`}),r},i=[`maxlength`],a=(0,t.defineComponent)({name:`InputOtp`,__name:`input-otp`,props:{modelValue:{default:``},length:{default:6},itemClass:{default:``},activeItemClass:{default:``},gap:{default:`10px`},hasFilledItemClass:{default:`active`}},emits:[`update:modelValue`,`complete`],setup(e,{emit:n}){let r=[`ArrowLeft`,`ArrowRight`,`Home`,`End`],a=e,o=n,s=(0,t.ref)(null),c=(0,t.ref)(a.modelValue);(0,t.watch)(()=>a.modelValue,e=>{e!==c.value&&(c.value=e)});function l(e){let t=e.target.value;t=t.replace(/\D/g,``),t=t.slice(0,a.length),c.value=t,o(`update:modelValue`,t),t.length===a.length&&o(`complete`,t)}function u(){(0,t.nextTick)(()=>{if(s.value){let e=c.value.length;s.value.setSelectionRange?.(e,e)}})}function d(e){let t=c.value,n=e.key;if(n===`Backspace`||n===`Delete`){if(e.preventDefault(),t.length>0){let e=t.slice(0,-1);c.value=e,o(`update:modelValue`,e),u()}}else r.includes(n)&&e.preventDefault()}function f(){s.value?.focus()}function p(e){return e===c.value.length}function m(e){return e<c.value.length}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:f},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:`numeric`,autocomplete:`one-time-code`,ref_key:`inputRef`,ref:s,"onUpdate:modelValue":r[0]||=e=>c.value=e,maxlength:e.length,onInput:l,onKeydown:d,onFocus:u,style:{position:`absolute`,opacity:`0`,"pointer-events":`none`,width:`1px`,height:`1px`}},null,40,i),[[t.vModelText,c.value]]),(0,t.createElementVNode)(`div`,{class:`otp-box`,style:(0,t.normalizeStyle)({gap:a.gap})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.length,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`otp-item`,[{[a.activeItemClass]:p(n)},{[a.hasFilledItemClass]:m(n)},a.itemClass]])},(0,t.toDisplayString)(c.value[n]||``),3))),128))],4)]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-0e246228`]]);s.install=e=>(s.name&&e.component(s.name,s),e);var c=s,l=o((0,t.defineComponent)({name:`Popup`,__name:`popup`,props:(0,t.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:300},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`],r=(0,t.useModel)(e,`modelValue`),i=e;function a(){i.maskClosable&&(r.value=!1)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:i.to},[(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,style:(0,t.normalizeStyle)({"background-color":i.bg,"--duration":`${i.duration}ms`}),class:(0,t.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,t.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)])],6)):(0,t.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}}),[[`__scopeId`,`data-v-00d0e4c1`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=[`disabled`,`type`],f=o((0,t.defineComponent)({name:`Button`,__name:`button`,props:{padding:{default:`8px 16px`},block:{type:Boolean,default:!1},bg:{default:`transparent`},border:{default:`1px solid #1A171B`},radius:{default:`0`},disabled:{type:Boolean,default:!1},type:{default:`button`},disabledBg:{default:`rgba(26,23,27,0.16)`}},emits:[`click`],setup(e,{emit:n}){(0,t.useCssVars)(e=>({v2ea2427a:i.padding,v60fbe83c:i.bg,v34bb7ca3:i.border,v4f3d7509:i.radius,v6e7988d8:i.disabledBg}));let r=n,i=e,a=e=>{i.disabled||r(`click`,e)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{onClick:a,class:(0,t.normalizeClass)([`button-container`,{block:i.block,disabled:i.disabled}]),disabled:i.disabled,type:i.type},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],10,d))}}),[[`__scopeId`,`data-v-54355656`]]);f.install=e=>{f.name&&e.component(f.name,f)};var p=f,m=r({Button:()=>p,InputOtp:()=>c,Popup:()=>u}),h=e=>(Object.keys(m).forEach(t=>{let n=m[t];n.install&&e.use(n)}),e),g={install:h};e.Button=p,e.InputOtp=c,e.Popup=u,e.default=g,e.install=h});

package/dist/lib/button/button.js

@@ -0,0 +1 @@
+const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./button.vue_vue_type_script_setup_true_lang.js`);;/* empty css                                                        */var n=e.default(t.default,[[`__scopeId`,`data-v-54355656`]]);exports.default=n;

package/dist/lib/button/button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+let e=require(`vue`);var t=[`disabled`,`type`],n=(0,e.defineComponent)({name:`Button`,__name:`button`,props:{padding:{default:`8px 16px`},block:{type:Boolean,default:!1},bg:{default:`transparent`},border:{default:`1px solid #1A171B`},radius:{default:`0`},disabled:{type:Boolean,default:!1},type:{default:`button`},disabledBg:{default:`rgba(26,23,27,0.16)`}},emits:[`click`],setup(n,{emit:r}){(0,e.useCssVars)(e=>({v2ea2427a:a.padding,v60fbe83c:a.bg,v34bb7ca3:a.border,v4f3d7509:a.radius,v6e7988d8:a.disabledBg}));let i=r,a=n,o=e=>{a.disabled||i(`click`,e)};return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{onClick:o,class:(0,e.normalizeClass)([`button-container`,{block:a.block,disabled:a.disabled}]),disabled:a.disabled,type:a.type},[(0,e.renderSlot)(n.$slots,`default`,{},void 0,!0)],10,t))}});exports.default=n;

package/dist/lib/button/index.js

@@ -0,0 +1 @@
+const e=require(`./button.js`);require(`./style.css`),e.default.install=t=>{e.default.name&&t.component(e.default.name,e.default)};var t=e.default;exports.default=t;

package/dist/lib/button/style.css

@@ -0,0 +1 @@
+.button-container[data-v-54355656]{padding:var(--v2ea2427a);background-color:var(--v60fbe83c);border:var(--v34bb7ca3);border-radius:var(--v4f3d7509);cursor:pointer}.button-container.block[data-v-54355656]{width:100%;display:block}.button-container.disabled[data-v-54355656]{background-color:var(--v6e7988d8);border-color:#0000}

package/dist/lib/components.js

@@ -1 +1 @@
-const e=require(`./_virtual/_rolldown/runtime.js`),t=require(`./input-otp/index.js`),n=require(`./popup/index.js`);var r=e.__exportAll({InputOtp:()=>t.default,Popup:()=>n.default});Object.defineProperty(exports,`components_exports`,{enumerable:!0,get:function(){return r}});
+const e=require(`./_virtual/_rolldown/runtime.js`),t=require(`./input-otp/index.js`),n=require(`./popup/index.js`),r=require(`./button/index.js`);var i=e.__exportAll({Button:()=>r.default,InputOtp:()=>t.default,Popup:()=>n.default});Object.defineProperty(exports,`components_exports`,{enumerable:!0,get:function(){return i}});

package/dist/lib/index.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-otp/index.js`),t=require(`./popup/index.js`),n=require(`./components.js`);;/* empty css       */var r=e=>(Object.keys(n.components_exports).forEach(t=>{let r=n.components_exports[t];r.install&&e.use(r)}),e),i={install:r};exports.InputOtp=e.default,exports.Popup=t.default,exports.default=i,exports.install=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-otp/index.js`),t=require(`./popup/index.js`),n=require(`./button/index.js`),r=require(`./components.js`);;/* empty css       */var i=e=>(Object.keys(r.components_exports).forEach(t=>{let n=r.components_exports[t];n.install&&e.use(n)}),e),a={install:i};exports.Button=n.default,exports.InputOtp=e.default,exports.Popup=t.default,exports.default=a,exports.install=i;

package/dist/style.css

@@ -1,2 +1,2 @@
-.otp-wrapper[data-v-0e246228]{cursor:pointer;width:max-content;position:relative}.otp-box[data-v-0e246228]{display:flex}.otp-item[data-v-0e246228]{border-bottom:1px solid #00000029;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-0e246228]{border-bottom:1px solid #000}.fade-enter-from[data-v-00d0e4c1],.fade-leave-to[data-v-00d0e4c1]{opacity:0}.popup-container[data-v-00d0e4c1]{z-index:50;transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed;inset:0}.popup-content[data-v-00d0e4c1]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-00d0e4c1]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-top .popup-content[data-v-00d0e4c1]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-00d0e4c1]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-bottom .popup-content[data-v-00d0e4c1]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-00d0e4c1]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-left .popup-content[data-v-00d0e4c1]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-00d0e4c1]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-right .popup-content[data-v-00d0e4c1]{transform:translate(100%)}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}input:focus,textarea:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
+.otp-wrapper[data-v-0e246228]{cursor:pointer;width:max-content;position:relative}.otp-box[data-v-0e246228]{display:flex}.otp-item[data-v-0e246228]{border-bottom:1px solid #00000029;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-0e246228]{border-bottom:1px solid #000}.fade-enter-from[data-v-00d0e4c1],.fade-leave-to[data-v-00d0e4c1]{opacity:0}.popup-container[data-v-00d0e4c1]{z-index:50;transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed;inset:0}.popup-content[data-v-00d0e4c1]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-00d0e4c1]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-top .popup-content[data-v-00d0e4c1]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-00d0e4c1]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-bottom .popup-content[data-v-00d0e4c1]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-00d0e4c1]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-left .popup-content[data-v-00d0e4c1]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-00d0e4c1]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-00d0e4c1],.fade-leave-to.popup-container-right .popup-content[data-v-00d0e4c1]{transform:translate(100%)}.button-container[data-v-54355656]{padding:var(--v2ea2427a);background-color:var(--v60fbe83c);border:var(--v34bb7ca3);border-radius:var(--v4f3d7509);cursor:pointer}.button-container.block[data-v-54355656]{width:100%;display:block}.button-container.disabled[data-v-54355656]{background-color:var(--v6e7988d8);border-color:#0000}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--input-bg,#fff) inset;-webkit-text-fill-color:inherit}input:focus,textarea:focus{outline:none}input::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input::-moz-placeholder{color:var(--input-placeholder-color,#999)}textarea::-moz-placeholder{color:var(--input-placeholder-color,#999)}input:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}
 /*$vite$:1*/

package/dist/types/components/button/button.vue.d.ts

@@ -0,0 +1,31 @@
+import { RoxVButton } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RoxVButton, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<RoxVButton> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "button" | "submit" | "reset";
+    bg: string;
+    disabled: boolean;
+    padding: string;
+    block: boolean;
+    border: string;
+    radius: string;
+    disabledBg: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as Button } from './button.vue';
+export * from './types';
+declare const _default: typeof Button & Plugin;
+export default _default;

package/dist/types/components/button/style.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/button/types.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes } from 'vue';
+export interface RoxVButton {
+    padding?: string;
+    block?: boolean;
+    bg?: string;
+    border?: string;
+    radius?: string;
+    disabled?: boolean;
+    type?: ButtonHTMLAttributes["type"];
+    disabledBg?: string;
+}

package/dist/types/components/components.d.ts

@@ -2,3 +2,5 @@ export { default as InputOtp } from './input-otp';
 export type { RoxInputOtpProps } from './input-otp';
 export { default as Popup } from './popup';
 export type { RoxPopupProps } from './popup';
+export { default as Button } from './button';
+export type { RoxVButton } from './button';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-drowned-fish/rox-v",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "vue ui library",
   "main": "dist/lib/index.js",
   "module": "dist/es/index.js",