@a-drowned-fish/rox-v 1.0.19 → 1.0.20
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/es/components.js +4 -2
- package/dist/es/index.js +6 -5
- package/dist/es/input/index.js +7 -0
- package/dist/es/input/input.js +7 -0
- package/dist/es/input/input.vue_vue_type_script_setup_true_lang.js +43 -0
- package/dist/es/input/style.css +1 -0
- package/dist/es/input/style.css.js +0 -0
- package/dist/es/input-otp/input-otp.js +1 -1
- package/dist/es/input-otp/style.css +1 -1
- package/dist/es/popup/popup.js +1 -1
- package/dist/es/popup/style.css +1 -1
- package/dist/index.js +1 -1
- package/dist/lib/components.js +1 -1
- package/dist/lib/index.js +1 -1
- package/dist/lib/input/index.js +1 -0
- package/dist/lib/input/input.js +1 -0
- package/dist/lib/input/input.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/lib/input/style.css +1 -0
- package/dist/lib/input/style.css.js +0 -0
- package/dist/lib/input-otp/input-otp.js +1 -1
- package/dist/lib/input-otp/style.css +1 -1
- package/dist/lib/popup/popup.js +1 -1
- package/dist/lib/popup/style.css +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/components.d.ts +4 -2
- package/dist/types/components/input/index.d.ts +5 -0
- package/dist/types/components/input/input.vue.d.ts +23 -0
- package/dist/types/components/input/style.css.d.ts +1 -0
- package/dist/types/components/input/types.d.ts +7 -0
- package/dist/types/components/input-otp/input-otp.vue.d.ts +3 -3
- package/dist/types/components/input-otp/types.d.ts +1 -1
- package/dist/types/components/popup/popup.vue.d.ts +2 -2
- package/dist/types/components/popup/types.d.ts +1 -1
- package/package.json +1 -1
package/dist/es/components.js
CHANGED
|
@@ -3,12 +3,14 @@ import t from "./input-otp/index.js";
|
|
|
3
3
|
import n from "./popup/index.js";
|
|
4
4
|
import r from "./button/index.js";
|
|
5
5
|
import i from "./collapse/index.js";
|
|
6
|
+
import a from "./input/index.js";
|
|
6
7
|
//#region components/components.ts
|
|
7
|
-
var
|
|
8
|
+
var o = /* @__PURE__ */ e({
|
|
8
9
|
Button: () => r,
|
|
9
10
|
Collapse: () => i,
|
|
11
|
+
Input: () => a,
|
|
10
12
|
InputOtp: () => t,
|
|
11
13
|
Popup: () => n
|
|
12
14
|
});
|
|
13
15
|
//#endregion
|
|
14
|
-
export {
|
|
16
|
+
export { o as components_exports };
|
package/dist/es/index.js
CHANGED
|
@@ -2,12 +2,13 @@ import e from "./input-otp/index.js";
|
|
|
2
2
|
import t from "./popup/index.js";
|
|
3
3
|
import n from "./button/index.js";
|
|
4
4
|
import r from "./collapse/index.js";
|
|
5
|
-
import
|
|
5
|
+
import i from "./input/index.js";
|
|
6
|
+
import { components_exports as a } from "./components.js";
|
|
6
7
|
/* empty css */
|
|
7
8
|
//#region components/index.ts
|
|
8
|
-
var
|
|
9
|
-
let n =
|
|
9
|
+
var o = (e) => (Object.keys(a).forEach((t) => {
|
|
10
|
+
let n = a[t];
|
|
10
11
|
n.install && e.use(n);
|
|
11
|
-
}), e),
|
|
12
|
+
}), e), s = { install: o };
|
|
12
13
|
//#endregion
|
|
13
|
-
export { n as Button, r as Collapse, e as InputOtp, t as Popup,
|
|
14
|
+
export { n as Button, r as Collapse, i as Input, e as InputOtp, t as Popup, s as default, o as install };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./input.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region components/input/input.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f5f052a7"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, openBlock as a, useModel as o, useTemplateRef as s, vModelDynamic as c, vShow as l, withDirectives as u, withKeys as d } from "vue";
|
|
2
|
+
//#region components/input/input.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var f = { class: "input-box" }, p = ["type", "placeholder"], m = ["src"], h = /* @__PURE__ */ r({
|
|
4
|
+
__name: "input",
|
|
5
|
+
props: /* @__PURE__ */ i({
|
|
6
|
+
placeholder: { default: "" },
|
|
7
|
+
type: { default: "text" },
|
|
8
|
+
iconVisible: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
default: !1
|
|
11
|
+
},
|
|
12
|
+
icon: { default: "" }
|
|
13
|
+
}, {
|
|
14
|
+
modelValue: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: ""
|
|
17
|
+
},
|
|
18
|
+
modelModifiers: {}
|
|
19
|
+
}),
|
|
20
|
+
emits: /* @__PURE__ */ i(["click", "enter"], ["update:modelValue"]),
|
|
21
|
+
setup(r, { emit: i }) {
|
|
22
|
+
let h = i, g = s("input"), _ = o(r, "modelValue"), v = r, y = () => {
|
|
23
|
+
h("click"), g.value?.focus?.(), setTimeout(() => {
|
|
24
|
+
let e = _.value.length;
|
|
25
|
+
g.value?.setSelectionRange?.(e, e);
|
|
26
|
+
}, 0);
|
|
27
|
+
};
|
|
28
|
+
return (r, i) => (a(), t("div", f, [u(n("input", {
|
|
29
|
+
type: v.type,
|
|
30
|
+
"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
|
|
31
|
+
ref: "input",
|
|
32
|
+
placeholder: v.placeholder,
|
|
33
|
+
onKeyup: i[1] ||= d((e) => r.$emit("enter"), ["enter"])
|
|
34
|
+
}, null, 40, p), [[c, _.value]]), v.icon ? u((a(), t("img", {
|
|
35
|
+
key: 0,
|
|
36
|
+
src: v.icon,
|
|
37
|
+
alt: "icon",
|
|
38
|
+
onClick: y
|
|
39
|
+
}, null, 8, m)), [[l, v.iconVisible]]) : e("", !0)]));
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
//#endregion
|
|
43
|
+
export { h as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.input-box[data-v-f5f052a7]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-f5f052a7]:focus-within{border-color:#000}.input-box input[data-v-f5f052a7]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-f5f052a7]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-f5f052a7]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-f5f052a7]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-f5f052a7]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
|
|
File without changes
|
|
@@ -2,6 +2,6 @@ import e from "./input-otp.vue_vue_type_script_setup_true_lang.js";
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
//#region components/input-otp/input-otp.vue
|
|
5
|
-
var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-
|
|
5
|
+
var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-e8da3c38"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { n as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.otp-wrapper[data-v-
|
|
1
|
+
.otp-wrapper[data-v-e8da3c38]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-e8da3c38]{width:100%;display:flex}.otp-item[data-v-e8da3c38]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-e8da3c38]{border-bottom:1px solid #000}
|
package/dist/es/popup/popup.js
CHANGED
|
@@ -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-
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f6d3cf05"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { n as default };
|
package/dist/es/popup/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter-from[data-v-
|
|
1
|
+
.fade-enter-from[data-v-f6d3cf05],.fade-leave-to[data-v-f6d3cf05]{opacity:0}.popup-container[data-v-f6d3cf05]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-f6d3cf05]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-f6d3cf05]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-top .popup-content[data-v-f6d3cf05]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-f6d3cf05]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-bottom .popup-content[data-v-f6d3cf05]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-f6d3cf05]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-left .popup-content[data-v-f6d3cf05]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-f6d3cf05]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-right .popup-content[data-v-f6d3cf05]{transform:translate(100%)}.popup-container-center .popup-content[data-v-f6d3cf05]{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=[`inputmode`,`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`},type:{default:`number`}},emits:[`update:modelValue`,`complete`,`enter`],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=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):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(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`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,onKeyup:(0,t.withKeys)(f,[`enter`]),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]:m(n)},{[a.hasFilledItemClass]:h(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-
|
|
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=[`inputmode`,`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`},type:{default:`number`}},emits:[`update:modelValue`,`complete`,`enter`],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=a.type===`text`?t.replace(/[^\dA-Za-z]/g,``):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(){a.modelValue.length>=a.length&&o(`enter`)}function p(){s.value?.focus()}function m(e){return e===c.value.length}function h(e){return e<c.value.length}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`otp-wrapper`,onClick:p},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{inputmode:a.type===`text`?`text`:`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,onKeyup:(0,t.withKeys)(f,[`enter`]),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]:m(n)},{[a.hasFilledItemClass]:h(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-e8da3c38`]]);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-f6d3cf05`]]);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-f38282d0`]]);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={class:`input-box`},_=[`type`,`placeholder`],v=[`src`],y=o((0,t.defineComponent)({__name:`input`,props:(0,t.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(e,{emit:n}){let r=n,i=(0,t.useTemplateRef)(`input`),a=(0,t.useModel)(e,`modelValue`),o=e,s=()=>{r(`click`),i.value?.focus?.(),setTimeout(()=>{let e=a.value.length;i.value?.setSelectionRange?.(e,e)},0)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,g,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:o.type,"onUpdate:modelValue":n[0]||=e=>a.value=e,ref:`input`,placeholder:o.placeholder,onKeyup:n[1]||=(0,t.withKeys)(t=>e.$emit(`enter`),[`enter`])},null,40,_),[[t.vModelDynamic,a.value]]),o.icon?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:o.icon,alt:`icon`,onClick:s},null,8,v)),[[t.vShow,o.iconVisible]]):(0,t.createCommentVNode)(``,!0)]))}}),[[`__scopeId`,`data-v-f5f052a7`]]);y.install=e=>(y.name&&e.component(y.name,y),e);var b=y,x=r({Button:()=>p,Collapse:()=>h,Input:()=>b,InputOtp:()=>c,Popup:()=>u}),S=e=>(Object.keys(x).forEach(t=>{let n=x[t];n.install&&e.use(n)}),e),C={install:S};e.Button=p,e.Collapse=h,e.Input=b,e.InputOtp=c,e.Popup=u,e.default=C,e.install=S});
|
package/dist/lib/components.js
CHANGED
|
@@ -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`),i=require(`./collapse/index.js`);var
|
|
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`),a=require(`./input/index.js`);var o=e.__exportAll({Button:()=>r.default,Collapse:()=>i.default,Input:()=>a.default,InputOtp:()=>t.default,Popup:()=>n.default});Object.defineProperty(exports,`components_exports`,{enumerable:!0,get:function(){return o}});
|
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(`./collapse/index.js`),i=require(`./components.js`);;/* empty css */var
|
|
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(`./input/index.js`),a=require(`./components.js`);;/* empty css */var o=e=>(Object.keys(a.components_exports).forEach(t=>{let n=a.components_exports[t];n.install&&e.use(n)}),e),s={install:o};exports.Button=n.default,exports.Collapse=r.default,exports.Input=i.default,exports.InputOtp=e.default,exports.Popup=t.default,exports.default=s,exports.install=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require(`./input.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
|
+
const e=require(`../_virtual/_plugin-vue_export-helper.js`),t=require(`./input.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var n=e.default(t.default,[[`__scopeId`,`data-v-f5f052a7`]]);exports.default=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e=require(`vue`);var t={class:`input-box`},n=[`type`,`placeholder`],r=[`src`],i=(0,e.defineComponent)({__name:`input`,props:(0,e.mergeModels)({placeholder:{default:``},type:{default:`text`},iconVisible:{type:Boolean,default:!1},icon:{default:``}},{modelValue:{type:String,default:``},modelModifiers:{}}),emits:(0,e.mergeModels)([`click`,`enter`],[`update:modelValue`]),setup(i,{emit:a}){let o=a,s=(0,e.useTemplateRef)(`input`),c=(0,e.useModel)(i,`modelValue`),l=i,u=()=>{o(`click`),s.value?.focus?.(),setTimeout(()=>{let e=c.value.length;s.value?.setSelectionRange?.(e,e)},0)};return(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{type:l.type,"onUpdate:modelValue":a[0]||=e=>c.value=e,ref:`input`,placeholder:l.placeholder,onKeyup:a[1]||=(0,e.withKeys)(e=>i.$emit(`enter`),[`enter`])},null,40,n),[[e.vModelDynamic,c.value]]),l.icon?(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:l.icon,alt:`icon`,onClick:u},null,8,r)),[[e.vShow,l.iconVisible]]):(0,e.createCommentVNode)(``,!0)]))}});exports.default=i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.input-box[data-v-f5f052a7]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-f5f052a7]:focus-within{border-color:#000}.input-box input[data-v-f5f052a7]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-f5f052a7]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-f5f052a7]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-f5f052a7]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-f5f052a7]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./input-otp.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var t=require(`../_virtual/_plugin-vue_export-helper.js`).default(e.default,[[`__scopeId`,`data-v-
|
|
1
|
+
const e=require(`./input-otp.vue_vue_type_script_setup_true_lang.js`);;/* empty css */var t=require(`../_virtual/_plugin-vue_export-helper.js`).default(e.default,[[`__scopeId`,`data-v-e8da3c38`]]);exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.otp-wrapper[data-v-
|
|
1
|
+
.otp-wrapper[data-v-e8da3c38]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-e8da3c38]{width:100%;display:flex}.otp-item[data-v-e8da3c38]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-e8da3c38]{border-bottom:1px solid #000}
|
package/dist/lib/popup/popup.js
CHANGED
|
@@ -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-
|
|
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-f6d3cf05`]]);exports.default=n;
|
package/dist/lib/popup/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter-from[data-v-
|
|
1
|
+
.fade-enter-from[data-v-f6d3cf05],.fade-leave-to[data-v-f6d3cf05]{opacity:0}.popup-container[data-v-f6d3cf05]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-f6d3cf05]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-f6d3cf05]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-top .popup-content[data-v-f6d3cf05]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-f6d3cf05]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-bottom .popup-content[data-v-f6d3cf05]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-f6d3cf05]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-left .popup-content[data-v-f6d3cf05]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-f6d3cf05]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-right .popup-content[data-v-f6d3cf05]{transform:translate(100%)}.popup-container-center .popup-content[data-v-f6d3cf05]{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-
|
|
1
|
+
.otp-wrapper[data-v-e8da3c38]{cursor:pointer;width:400px;max-width:100%;position:relative}.otp-box[data-v-e8da3c38]{width:100%;display:flex}.otp-item[data-v-e8da3c38]{border-bottom:1px solid #00000029;flex:1;justify-content:center;align-items:center;height:60px;transition:all .2s;display:flex}.otp-item.active[data-v-e8da3c38]{border-bottom:1px solid #000}.fade-enter-from[data-v-f6d3cf05],.fade-leave-to[data-v-f6d3cf05]{opacity:0}.popup-container[data-v-f6d3cf05]{transition:opacity var(--duration) ease-in-out;will-change:opacity;position:fixed}.popup-content[data-v-f6d3cf05]{transition:transform var(--duration) ease-in-out;will-change:transform;position:absolute}.popup-container-top .popup-content[data-v-f6d3cf05]{top:0;left:0;right:0}.fade-enter-from.popup-container-top .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-top .popup-content[data-v-f6d3cf05]{transform:translateY(-100%)}.popup-container-bottom .popup-content[data-v-f6d3cf05]{bottom:0;left:0;right:0}.fade-enter-from.popup-container-bottom .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-bottom .popup-content[data-v-f6d3cf05]{transform:translateY(100%)}.popup-container-left .popup-content[data-v-f6d3cf05]{top:0;bottom:0;left:0}.fade-enter-from.popup-container-left .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-left .popup-content[data-v-f6d3cf05]{transform:translate(-100%)}.popup-container-right .popup-content[data-v-f6d3cf05]{top:0;bottom:0;right:0}.fade-enter-from.popup-container-right .popup-content[data-v-f6d3cf05],.fade-leave-to.popup-container-right .popup-content[data-v-f6d3cf05]{transform:translate(100%)}.popup-container-center .popup-content[data-v-f6d3cf05]{will-change:auto;transform-origin:50%;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.button-container[data-v-f38282d0]{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[data-v-f38282d0]:focus{outline:none}.button-container.block[data-v-f38282d0]{width:100%;display:block}.button-container.disabled[data-v-f38282d0]{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}.input-box[data-v-f5f052a7]{will-change:border-color;box-sizing:border-box;border-bottom:1px solid #00000029;align-items:center;gap:16px;height:60px;padding:16px 0;transition:border-color .2s ease-in-out;display:flex}.input-box[data-v-f5f052a7]:focus-within{border-color:#000}.input-box input[data-v-f5f052a7]{width:100%;height:100%;font-size:inherit;border:none;outline:none}input[data-v-f5f052a7]::-webkit-input-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-f5f052a7]::-moz-placeholder{color:var(--input-placeholder-color,#999)}input[data-v-f5f052a7]:-ms-placeholder-shown{color:var(--input-placeholder-color,#999)}.input-box img[data-v-f5f052a7]{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:24px;height:24px}:-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,button: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*/
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export { default as InputOtp } from './input-otp';
|
|
2
|
-
export type {
|
|
2
|
+
export type { RoxVInputOtpProps } from './input-otp';
|
|
3
3
|
export { default as Popup } from './popup';
|
|
4
|
-
export type {
|
|
4
|
+
export type { RoxVPopupProps } from './popup';
|
|
5
5
|
export { default as Button } from './button';
|
|
6
6
|
export type { RoxVButton } from './button';
|
|
7
7
|
export { default as Collapse } from './collapse';
|
|
8
8
|
export type { RoxVCollapseProps } from './collapse';
|
|
9
|
+
export { default as Input } from './input';
|
|
10
|
+
export type { RoxVInputProps } from './input';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { RoxVInputProps } from './types';
|
|
2
|
+
declare const model: import('vue').ModelRef<string, string, string, string>;
|
|
3
|
+
type __VLS_Props = RoxVInputProps;
|
|
4
|
+
type __VLS_PublicProps = {
|
|
5
|
+
modelValue?: typeof model['value'];
|
|
6
|
+
} & __VLS_Props;
|
|
7
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
enter: (...args: any[]) => void;
|
|
9
|
+
click: (...args: any[]) => void;
|
|
10
|
+
"update:modelValue": (value: string) => void;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
12
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
13
|
+
onEnter?: ((...args: any[]) => any) | undefined;
|
|
14
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
type: import('vue').InputTypeHTMLAttribute;
|
|
17
|
+
placeholder: string;
|
|
18
|
+
iconVisible: boolean;
|
|
19
|
+
icon: string;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
21
|
+
input: HTMLInputElement;
|
|
22
|
+
}, HTMLDivElement>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const _default: import('vue').DefineComponent<
|
|
1
|
+
import { RoxVInputOtpProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<RoxVInputOtpProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
3
|
"update:modelValue": (value: string) => any;
|
|
4
4
|
complete: (value: string) => any;
|
|
5
5
|
enter: () => any;
|
|
6
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
6
|
+
}, string, import('vue').PublicProps, Readonly<RoxVInputOtpProps> & Readonly<{
|
|
7
7
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
8
8
|
onComplete?: ((value: string) => any) | undefined;
|
|
9
9
|
onEnter?: (() => any) | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RoxVPopupProps } from './types';
|
|
2
2
|
declare const model: import('vue').ModelRef<boolean, string, boolean, boolean>;
|
|
3
|
-
type __VLS_Props =
|
|
3
|
+
type __VLS_Props = RoxVPopupProps;
|
|
4
4
|
type __VLS_PublicProps = {
|
|
5
5
|
modelValue?: typeof model['value'];
|
|
6
6
|
} & __VLS_Props;
|