@a-drowned-fish/rox-v 1.0.13 → 1.0.15

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.
Files changed (36) hide show
  1. package/dist/es/button/button.js +1 -1
  2. package/dist/es/button/button.vue_vue_type_script_setup_true_lang.js +11 -11
  3. package/dist/es/button/index.js +1 -3
  4. package/dist/es/button/style.css +1 -1
  5. package/dist/es/collapse/collapse.js +7 -0
  6. package/dist/es/collapse/collapse.vue_vue_type_script_setup_true_lang.js +29 -0
  7. package/dist/es/collapse/index.js +7 -0
  8. package/dist/es/collapse/style.css +1 -0
  9. package/dist/es/collapse/style.css.js +0 -0
  10. package/dist/es/components.js +4 -2
  11. package/dist/es/index.js +6 -5
  12. package/dist/es/popup/popup.js +1 -1
  13. package/dist/es/popup/popup.vue_vue_type_script_setup_true_lang.js +18 -20
  14. package/dist/es/popup/style.css +1 -1
  15. package/dist/index.js +1 -1
  16. package/dist/lib/button/button.js +1 -1
  17. package/dist/lib/button/button.vue_vue_type_script_setup_true_lang.js +1 -1
  18. package/dist/lib/button/index.js +1 -1
  19. package/dist/lib/button/style.css +1 -1
  20. package/dist/lib/collapse/collapse.js +1 -0
  21. package/dist/lib/collapse/collapse.vue_vue_type_script_setup_true_lang.js +1 -0
  22. package/dist/lib/collapse/index.js +1 -0
  23. package/dist/lib/collapse/style.css +1 -0
  24. package/dist/lib/collapse/style.css.js +0 -0
  25. package/dist/lib/components.js +1 -1
  26. package/dist/lib/index.js +1 -1
  27. package/dist/lib/popup/popup.js +1 -1
  28. package/dist/lib/popup/popup.vue_vue_type_script_setup_true_lang.js +1 -1
  29. package/dist/lib/popup/style.css +1 -1
  30. package/dist/style.css +1 -1
  31. package/dist/types/components/collapse/collapse.vue.d.ts +22 -0
  32. package/dist/types/components/collapse/index.d.ts +5 -0
  33. package/dist/types/components/collapse/style.css.d.ts +1 -0
  34. package/dist/types/components/collapse/types.d.ts +5 -0
  35. package/dist/types/components/components.d.ts +2 -0
  36. package/package.json +1 -1
@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
2
2
  import t from "./button.vue_vue_type_script_setup_true_lang.js";
3
3
  /* empty css */
4
4
  //#region components/button/button.vue
5
- var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-23c0e132"]]);
5
+ var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-5e338700"]]);
6
6
  //#endregion
7
7
  export { n as default };
@@ -1,4 +1,4 @@
1
- import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, useCssVars as a } from "vue";
1
+ import { createElementBlock as e, defineComponent as t, normalizeClass as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
2
2
  //#region components/button/button.vue?vue&type=script&setup=true&lang.ts
3
3
  var o = ["type"], s = /* @__PURE__ */ t({
4
4
  name: "Button",
@@ -25,24 +25,24 @@ var o = ["type"], s = /* @__PURE__ */ t({
25
25
  },
26
26
  emits: ["click"],
27
27
  setup(t, { emit: s }) {
28
- a((e) => ({
29
- v5720c504: l.padding,
30
- v62a47772: l.bg,
31
- v047d80d9: l.border,
32
- v1eff793f: l.radius,
33
- v6edafbe4: l.disabledBg
34
- }));
35
28
  let c = s, l = t, u = (e) => {
36
29
  (!l.disabled || l.enableDisabledClick) && c("click", e);
37
30
  };
38
- return (t, a) => (r(), e("button", {
31
+ return (t, s) => (i(), e("button", {
39
32
  onClick: u,
40
33
  class: n(["button-container", {
41
34
  block: l.block,
42
35
  disabled: l.disabled
43
36
  }]),
44
- type: l.type
45
- }, [i(t.$slots, "default", {}, void 0, !0)], 10, o));
37
+ type: l.type,
38
+ style: r({
39
+ padding: l.padding,
40
+ border: l.border,
41
+ borderRadius: l.radius,
42
+ "--bg": l.bg,
43
+ "--disabled-bg": l.disabledBg
44
+ })
45
+ }, [a(t.$slots, "default", {}, void 0, !0)], 14, o));
46
46
  }
47
47
  });
48
48
  //#endregion
@@ -1,9 +1,7 @@
1
1
  import e from "./button.js";
2
2
  import "./style.css";
3
3
  //#region components/button/index.ts
4
- e.install = (t) => {
5
- e.name && t.component(e.name, e);
6
- };
4
+ e.install = (t) => (e.name && t.component(e.name, e), t);
7
5
  var t = e;
8
6
  //#endregion
9
7
  export { t as default };
@@ -1 +1 @@
1
- .button-container[data-v-23c0e132]{padding:var(--v5720c504);background-color:var(--v62a47772);border:var(--v047d80d9);border-radius:var(--v1eff793f);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container.block[data-v-23c0e132]{width:100%;display:block}.button-container.disabled[data-v-23c0e132]{background-color:var(--v6edafbe4);border-color:#0000}
1
+ .button-container[data-v-5e338700]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container.block[data-v-5e338700]{width:100%;display:block}.button-container.disabled[data-v-5e338700]{background-color:var(--disabled-bg);border-color:#0000!important}
@@ -0,0 +1,7 @@
1
+ import e from "../_virtual/_plugin-vue_export-helper.js";
2
+ import t from "./collapse.vue_vue_type_script_setup_true_lang.js";
3
+ /* empty css */
4
+ //#region components/collapse/collapse.vue
5
+ var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cea8a740"]]);
6
+ //#endregion
7
+ export { n as default };
@@ -0,0 +1,29 @@
1
+ import { Transition as e, createBlock as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeStyle as a, openBlock as o, renderSlot as s, withCtx as c } from "vue";
2
+ //#region components/collapse/collapse.vue?vue&type=script&setup=true&lang.ts
3
+ var l = /* @__PURE__ */ i({
4
+ __name: "collapse",
5
+ props: {
6
+ open: {
7
+ type: Boolean,
8
+ default: !1
9
+ },
10
+ maxHeight: { default: "100dvh" },
11
+ duration: { default: 300 }
12
+ },
13
+ setup(i) {
14
+ let l = i;
15
+ return (i, u) => (o(), t(e, { name: "collapse" }, {
16
+ default: c(() => [l.open ? (o(), r("div", {
17
+ key: 0,
18
+ class: "collapse-content",
19
+ style: a({
20
+ "--max-height": l.maxHeight,
21
+ "--duration": l.duration + "ms"
22
+ })
23
+ }, [s(i.$slots, "default", {}, void 0, !0)], 4)) : n("", !0)]),
24
+ _: 3
25
+ }));
26
+ }
27
+ });
28
+ //#endregion
29
+ export { l as default };
@@ -0,0 +1,7 @@
1
+ import e from "./collapse.js";
2
+ import "./style.css";
3
+ //#region components/collapse/index.ts
4
+ e.install = (t) => (e.name && t.component(e.name, e), t);
5
+ var t = e;
6
+ //#endregion
7
+ export { t as default };
@@ -0,0 +1 @@
1
+ .collapse-content[data-v-cea8a740]{width:max-content}.collapse-enter-from[data-v-cea8a740],.collapse-leave-to[data-v-cea8a740]{max-height:0!important}.collapse-enter-active[data-v-cea8a740],.collapse-leave-active[data-v-cea8a740]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}
File without changes
@@ -2,11 +2,13 @@ import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
2
2
  import t from "./input-otp/index.js";
3
3
  import n from "./popup/index.js";
4
4
  import r from "./button/index.js";
5
+ import i from "./collapse/index.js";
5
6
  //#region components/components.ts
6
- var i = /* @__PURE__ */ e({
7
+ var a = /* @__PURE__ */ e({
7
8
  Button: () => r,
9
+ Collapse: () => i,
8
10
  InputOtp: () => t,
9
11
  Popup: () => n
10
12
  });
11
13
  //#endregion
12
- export { i as components_exports };
14
+ export { a as components_exports };
package/dist/es/index.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import e from "./input-otp/index.js";
2
2
  import t from "./popup/index.js";
3
3
  import n from "./button/index.js";
4
- import { components_exports as r } from "./components.js";
4
+ import r from "./collapse/index.js";
5
+ import { components_exports as i } from "./components.js";
5
6
  /* empty css */
6
7
  //#region components/index.ts
7
- var i = (e) => (Object.keys(r).forEach((t) => {
8
- let n = r[t];
8
+ var a = (e) => (Object.keys(i).forEach((t) => {
9
+ let n = i[t];
9
10
  n.install && e.use(n);
10
- }), e), a = { install: i };
11
+ }), e), o = { install: a };
11
12
  //#endregion
12
- export { n as Button, e as InputOtp, t as Popup, a as default, i as install };
13
+ export { n as Button, r as Collapse, e as InputOtp, t as Popup, o as default, a as install };
@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
2
2
  import t from "./popup.vue_vue_type_script_setup_true_lang.js";
3
3
  /* empty css */
4
4
  //#region components/popup/popup.vue
5
- var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-4a168185"]]);
5
+ var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-c064355b"]]);
6
6
  //#endregion
7
7
  export { n as default };
@@ -1,6 +1,6 @@
1
- import { Teleport as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, useCssVars as p, useModel as m, withCtx as h, withModifiers as g } from "vue";
1
+ import { Teleport as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, useModel as p, withCtx as m, withModifiers as h } from "vue";
2
2
  //#region components/popup/popup.vue?vue&type=script&setup=true&lang.ts
3
- var _ = /* @__PURE__ */ s({
3
+ var g = /* @__PURE__ */ s({
4
4
  name: "Popup",
5
5
  __name: "popup",
6
6
  props: /* @__PURE__ */ c({
@@ -26,39 +26,37 @@ var _ = /* @__PURE__ */ s({
26
26
  }),
27
27
  emits: ["update:modelValue"],
28
28
  setup(s) {
29
- p((e) => ({
30
- v9bd0094e: v.top,
31
- de38b2fa: v.left,
32
- e830e9c0: v.right,
33
- v53d21cb2: v.bottom,
34
- v061e6818: v.zIndex
35
- }));
36
29
  let c = [
37
30
  "bottom",
38
31
  "left",
39
32
  "right",
40
33
  "top",
41
34
  "center"
42
- ], _ = m(s, "modelValue"), v = s;
43
- function y() {
44
- v.maskClosable && (_.value = !1);
35
+ ], g = p(s, "modelValue"), _ = s;
36
+ function v() {
37
+ _.maskClosable && (g.value = !1);
45
38
  }
46
- return (s, p) => (d(), n(e, { to: v.to }, [o(t, { name: "fade" }, {
47
- default: h(() => [_.value ? (d(), i("div", {
39
+ return (s, p) => (d(), n(e, { to: _.to }, [o(t, { name: "fade" }, {
40
+ default: m(() => [g.value ? (d(), i("div", {
48
41
  key: 0,
49
42
  style: u({
50
- "background-color": v.bg,
51
- "--duration": `${v.duration}ms`
43
+ "--duration": `${_.duration}ms`,
44
+ backgroundColor: _.bg,
45
+ top: _.top,
46
+ left: _.left,
47
+ right: _.right,
48
+ bottom: _.bottom,
49
+ zIndex: _.zIndex
52
50
  }),
53
- class: l(["popup-container", [`popup-container-${v.position}`, { "popup-container-bottom": !c.includes(v.position) }]]),
54
- onClick: y
51
+ class: l(["popup-container", [`popup-container-${_.position}`, { "popup-container-bottom": !c.includes(_.position) }]]),
52
+ onClick: v
55
53
  }, [a("div", {
56
54
  class: "popup-content",
57
- onClick: p[0] ||= g(() => {}, ["stop"])
55
+ onClick: p[0] ||= h(() => {}, ["stop"])
58
56
  }, [f(s.$slots, "default", {}, void 0, !0)])], 6)) : r("", !0)]),
59
57
  _: 3
60
58
  })], 8, ["to"]));
61
59
  }
62
60
  });
63
61
  //#endregion
64
- export { _ as default };
62
+ export { g as default };
@@ -1 +1 @@
1
- .fade-enter-from[data-v-4a168185],.fade-leave-to[data-v-4a168185]{opacity:0}.popup-container[data-v-4a168185]{top:var(--v9bd0094e);left:var(--de38b2fa);right:var(--e830e9c0);bottom:var(--v53d21cb2);z-index:var(--v061e6818);transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-4a168185]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-4a168185]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-4a168185],.fade-leave-to.popup-container-top .popup-content[data-v-4a168185]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-4a168185]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-4a168185],.fade-leave-to.popup-container-bottom .popup-content[data-v-4a168185]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-4a168185]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-4a168185],.fade-leave-to.popup-container-left .popup-content[data-v-4a168185]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-4a168185]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-4a168185],.fade-leave-to.popup-container-right .popup-content[data-v-4a168185]{transform:translate(100%)}.popup-container-center .popup-content[data-v-4a168185]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}
1
+ .fade-enter-from[data-v-c064355b],.fade-leave-to[data-v-c064355b]{opacity:0}.popup-container[data-v-c064355b]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-c064355b]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-c064355b]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-c064355b],.fade-leave-to.popup-container-top .popup-content[data-v-c064355b]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-c064355b]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-c064355b],.fade-leave-to.popup-container-bottom .popup-content[data-v-c064355b]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-c064355b]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-c064355b],.fade-leave-to.popup-container-left .popup-content[data-v-c064355b]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-c064355b]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-c064355b],.fade-leave-to.popup-container-right .popup-content[data-v-c064355b]{transform:translate(100%)}.popup-container-center .popup-content[data-v-c064355b]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}
package/dist/index.js CHANGED
@@ -1 +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},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){(0,t.useCssVars)(e=>({v9bd0094e:i.top,de38b2fa:i.left,e830e9c0:i.right,v53d21cb2:i.bottom,v061e6818:i.zIndex}));let n=[`bottom`,`left`,`right`,`top`,`center`],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-4a168185`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=[`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)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:n}){(0,t.useCssVars)(e=>({v5720c504:i.padding,v62a47772:i.bg,v047d80d9:i.border,v1eff793f:i.radius,v6edafbe4:i.disabledBg}));let r=n,i=e,a=e=>{(!i.disabled||i.enableDisabledClick)&&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}]),type:i.type},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],10,d))}}),[[`__scopeId`,`data-v-23c0e132`]]);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});
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},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=[`bottom`,`left`,`right`,`top`,`center`],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)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),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-c064355b`]]);l.install=e=>(l.name&&e.component(l.name,l),e);var u=l,d=[`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)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e,a=e=>{(!i.disabled||i.enableDisabledClick)&&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}]),type:i.type,style:(0,t.normalizeStyle)({padding:i.padding,border:i.border,borderRadius:i.radius,"--bg":i.bg,"--disabled-bg":i.disabledBg})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],14,d))}}),[[`__scopeId`,`data-v-5e338700`]]);f.install=e=>(f.name&&e.component(f.name,f),e);var p=f,m=o((0,t.defineComponent)({__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:300}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`collapse`},{default:(0,t.withCtx)(()=>[n.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,t.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-cea8a740`]]);m.install=e=>(m.name&&e.component(m.name,m),e);var h=m,g=r({Button:()=>p,Collapse:()=>h,InputOtp:()=>c,Popup:()=>u}),_=e=>(Object.keys(g).forEach(t=>{let n=g[t];n.install&&e.use(n)}),e),v={install:_};e.Button=p,e.Collapse=h,e.InputOtp=c,e.Popup=u,e.default=v,e.install=_});
@@ -1 +1 @@
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-23c0e132`]]);exports.default=n;
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-5e338700`]]);exports.default=n;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=[`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)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(n,{emit:r}){(0,e.useCssVars)(e=>({v5720c504:a.padding,v62a47772:a.bg,v047d80d9:a.border,v1eff793f:a.radius,v6edafbe4:a.disabledBg}));let i=r,a=n,o=e=>{(!a.disabled||a.enableDisabledClick)&&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}]),type:a.type},[(0,e.renderSlot)(n.$slots,`default`,{},void 0,!0)],10,t))}});exports.default=n;
1
+ let e=require(`vue`);var t=[`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)`},enableDisabledClick:{type:Boolean,default:!1}},emits:[`click`],setup(n,{emit:r}){let i=r,a=n,o=e=>{(!a.disabled||a.enableDisabledClick)&&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}]),type:a.type,style:(0,e.normalizeStyle)({padding:a.padding,border:a.border,borderRadius:a.radius,"--bg":a.bg,"--disabled-bg":a.disabledBg})},[(0,e.renderSlot)(n.$slots,`default`,{},void 0,!0)],14,t))}});exports.default=n;
@@ -1 +1 @@
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;
1
+ const e=require(`./button.js`);require(`./style.css`),e.default.install=t=>(e.default.name&&t.component(e.default.name,e.default),t);var t=e.default;exports.default=t;
@@ -1 +1 @@
1
- .button-container[data-v-23c0e132]{padding:var(--v5720c504);background-color:var(--v62a47772);border:var(--v047d80d9);border-radius:var(--v1eff793f);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container.block[data-v-23c0e132]{width:100%;display:block}.button-container.disabled[data-v-23c0e132]{background-color:var(--v6edafbe4);border-color:#0000}
1
+ .button-container[data-v-5e338700]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container.block[data-v-5e338700]{width:100%;display:block}.button-container.disabled[data-v-5e338700]{background-color:var(--disabled-bg);border-color:#0000!important}
@@ -0,0 +1 @@
1
+ const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./collapse.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-cea8a740`]]);exports.default=n;
@@ -0,0 +1 @@
1
+ let e=require(`vue`);var t=(0,e.defineComponent)({__name:`collapse`,props:{open:{type:Boolean,default:!1},maxHeight:{default:`100dvh`},duration:{default:300}},setup(t){let n=t;return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(e.Transition,{name:`collapse`},{default:(0,e.withCtx)(()=>[n.open?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`collapse-content`,style:(0,e.normalizeStyle)({"--max-height":n.maxHeight,"--duration":n.duration+`ms`})},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)],4)):(0,e.createCommentVNode)(``,!0)]),_:3}))}});exports.default=t;
@@ -0,0 +1 @@
1
+ const e=require(`./collapse.js`);require(`./style.css`),e.default.install=t=>(e.default.name&&t.component(e.default.name,e.default),t);var t=e.default;exports.default=t;
@@ -0,0 +1 @@
1
+ .collapse-content[data-v-cea8a740]{width:max-content}.collapse-enter-from[data-v-cea8a740],.collapse-leave-to[data-v-cea8a740]{max-height:0!important}.collapse-enter-active[data-v-cea8a740],.collapse-leave-active[data-v-cea8a740]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}
File without changes
@@ -1 +1 @@
1
- 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}});
1
+ const e=require(`./_virtual/_rolldown/runtime.js`),t=require(`./input-otp/index.js`),n=require(`./popup/index.js`),r=require(`./button/index.js`),i=require(`./collapse/index.js`);var a=e.__exportAll({Button:()=>r.default,Collapse:()=>i.default,InputOtp:()=>t.default,Popup:()=>n.default});Object.defineProperty(exports,`components_exports`,{enumerable:!0,get:function(){return a}});
package/dist/lib/index.js CHANGED
@@ -1 +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(`./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;
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(`./button/index.js`),r=require(`./collapse/index.js`),i=require(`./components.js`);;/* empty css */var a=e=>(Object.keys(i.components_exports).forEach(t=>{let n=i.components_exports[t];n.install&&e.use(n)}),e),o={install:a};exports.Button=n.default,exports.Collapse=r.default,exports.InputOtp=e.default,exports.Popup=t.default,exports.default=o,exports.install=a;
@@ -1 +1 @@
1
- const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./popup.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-4a168185`]]);exports.default=n;
1
+ const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./popup.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-c064355b`]]);exports.default=n;
@@ -1 +1 @@
1
- let e=require(`vue`);var t=(0,e.defineComponent)({name:`Popup`,__name:`popup`,props:(0,e.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:300},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(t){(0,e.useCssVars)(e=>({v9bd0094e:i.top,de38b2fa:i.left,e830e9c0:i.right,v53d21cb2:i.bottom,v061e6818:i.zIndex}));let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,e.useModel)(t,`modelValue`),i=t;function a(){i.maskClosable&&(r.value=!1)}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:i.to},[(0,e.createVNode)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[r.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,style:(0,e.normalizeStyle)({"background-color":i.bg,"--duration":`${i.duration}ms`}),class:(0,e.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,e.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)])],6)):(0,e.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}});exports.default=t;
1
+ let e=require(`vue`);var t=(0,e.defineComponent)({name:`Popup`,__name:`popup`,props:(0,e.mergeModels)({to:{default:`body`},bg:{default:`rgba(0, 0, 0, .5)`},duration:{default:300},position:{default:`bottom`},maskClosable:{type:Boolean,default:!0},top:{default:`0px`},left:{default:`0px`},right:{default:`0px`},bottom:{default:`0px`},zIndex:{default:50}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(t){let n=[`bottom`,`left`,`right`,`top`,`center`],r=(0,e.useModel)(t,`modelValue`),i=t;function a(){i.maskClosable&&(r.value=!1)}return(t,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:i.to},[(0,e.createVNode)(e.Transition,{name:`fade`},{default:(0,e.withCtx)(()=>[r.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,style:(0,e.normalizeStyle)({"--duration":`${i.duration}ms`,backgroundColor:i.bg,top:i.top,left:i.left,right:i.right,bottom:i.bottom,zIndex:i.zIndex}),class:(0,e.normalizeClass)([`popup-container`,[`popup-container-${i.position}`,{"popup-container-bottom":!n.includes(i.position)}]]),onClick:a},[(0,e.createElementVNode)(`div`,{class:`popup-content`,onClick:o[0]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.renderSlot)(t.$slots,`default`,{},void 0,!0)])],6)):(0,e.createCommentVNode)(``,!0)]),_:3})],8,[`to`]))}});exports.default=t;
@@ -1 +1 @@
1
- .fade-enter-from[data-v-4a168185],.fade-leave-to[data-v-4a168185]{opacity:0}.popup-container[data-v-4a168185]{top:var(--v9bd0094e);left:var(--de38b2fa);right:var(--e830e9c0);bottom:var(--v53d21cb2);z-index:var(--v061e6818);transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-4a168185]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-4a168185]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-4a168185],.fade-leave-to.popup-container-top .popup-content[data-v-4a168185]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-4a168185]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-4a168185],.fade-leave-to.popup-container-bottom .popup-content[data-v-4a168185]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-4a168185]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-4a168185],.fade-leave-to.popup-container-left .popup-content[data-v-4a168185]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-4a168185]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-4a168185],.fade-leave-to.popup-container-right .popup-content[data-v-4a168185]{transform:translate(100%)}.popup-container-center .popup-content[data-v-4a168185]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}
1
+ .fade-enter-from[data-v-c064355b],.fade-leave-to[data-v-c064355b]{opacity:0}.popup-container[data-v-c064355b]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-c064355b]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-c064355b]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-c064355b],.fade-leave-to.popup-container-top .popup-content[data-v-c064355b]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-c064355b]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-c064355b],.fade-leave-to.popup-container-bottom .popup-content[data-v-c064355b]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-c064355b]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-c064355b],.fade-leave-to.popup-container-left .popup-content[data-v-c064355b]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-c064355b]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-c064355b],.fade-leave-to.popup-container-right .popup-content[data-v-c064355b]{transform:translate(100%)}.popup-container-center .popup-content[data-v-c064355b]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .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-4a168185],.fade-leave-to[data-v-4a168185]{opacity:0}.popup-container[data-v-4a168185]{top:var(--v9bd0094e);left:var(--de38b2fa);right:var(--e830e9c0);bottom:var(--v53d21cb2);z-index:var(--v061e6818);transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-4a168185]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-4a168185]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-4a168185],.fade-leave-to.popup-container-top .popup-content[data-v-4a168185]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-4a168185]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-4a168185],.fade-leave-to.popup-container-bottom .popup-content[data-v-4a168185]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-4a168185]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-4a168185],.fade-leave-to.popup-container-left .popup-content[data-v-4a168185]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-4a168185]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-4a168185],.fade-leave-to.popup-container-right .popup-content[data-v-4a168185]{transform:translate(100%)}.popup-container-center .popup-content[data-v-4a168185]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-23c0e132]{padding:var(--v5720c504);background-color:var(--v62a47772);border:var(--v047d80d9);border-radius:var(--v1eff793f);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container.block[data-v-23c0e132]{width:100%;display:block}.button-container.disabled[data-v-23c0e132]{background-color:var(--v6edafbe4);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)}
1
+ .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-c064355b],.fade-leave-to[data-v-c064355b]{opacity:0}.popup-container[data-v-c064355b]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-c064355b]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-c064355b]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-c064355b],.fade-leave-to.popup-container-top .popup-content[data-v-c064355b]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-c064355b]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-c064355b],.fade-leave-to.popup-container-bottom .popup-content[data-v-c064355b]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-c064355b]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-c064355b],.fade-leave-to.popup-container-left .popup-content[data-v-c064355b]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-c064355b]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-c064355b],.fade-leave-to.popup-container-right .popup-content[data-v-c064355b]{transform:translate(100%)}.popup-container-center .popup-content[data-v-c064355b]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-5e338700]{background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.button-container.block[data-v-5e338700]{width:100%;display:block}.button-container.disabled[data-v-5e338700]{background-color:var(--disabled-bg);border-color:#0000!important}.collapse-content[data-v-cea8a740]{width:max-content}.collapse-enter-from[data-v-cea8a740],.collapse-leave-to[data-v-cea8a740]{max-height:0!important}.collapse-enter-active[data-v-cea8a740],.collapse-leave-active[data-v-cea8a740]{max-height:var(--max-height);transition:max-height var(--duration) ease-in-out;overflow:hidden}:-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)}
2
2
  /*$vite$:1*/
@@ -0,0 +1,22 @@
1
+ import { RoxVCollapseProps } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {};
8
+ rootEl: any;
9
+ };
10
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
+ declare const __VLS_component: import('vue').DefineComponent<RoxVCollapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RoxVCollapseProps> & Readonly<{}>, {
12
+ duration: number;
13
+ open: boolean;
14
+ maxHeight: string;
15
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
16
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1,5 @@
1
+ import { Plugin } from 'vue';
2
+ import { default as Collapse } from './collapse.vue';
3
+ export * from './types';
4
+ declare const _default: typeof Collapse & Plugin;
5
+ export default _default;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ export interface RoxVCollapseProps {
2
+ open?: boolean;
3
+ maxHeight?: string;
4
+ duration?: number;
5
+ }
@@ -4,3 +4,5 @@ export { default as Popup } from './popup';
4
4
  export type { RoxPopupProps } from './popup';
5
5
  export { default as Button } from './button';
6
6
  export type { RoxVButton } from './button';
7
+ export { default as Collapse } from './collapse';
8
+ export type { RoxVCollapseProps } from './collapse';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-drowned-fish/rox-v",
3
- "version": "1.0.13",
3
+ "version": "1.0.15",
4
4
  "description": "vue ui library",
5
5
  "main": "dist/lib/index.js",
6
6
  "module": "dist/es/index.js",