@a-drowned-fish/rox-v 1.0.11 → 1.0.13
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/README.md +14 -7
- package/dist/es/button/button.js +1 -1
- package/dist/es/button/button.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/es/button/style.css +1 -1
- package/dist/es/popup/popup.js +1 -1
- package/dist/es/popup/popup.vue_vue_type_script_setup_true_lang.js +26 -14
- package/dist/es/popup/style.css +1 -1
- package/dist/index.js +1 -1
- package/dist/lib/button/button.js +1 -1
- package/dist/lib/button/button.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/lib/button/style.css +1 -1
- package/dist/lib/popup/popup.js +1 -1
- package/dist/lib/popup/popup.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/lib/popup/style.css +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/popup/popup.vue.d.ts +5 -0
- package/dist/types/components/popup/types.d.ts +5 -0
- package/package.json +8 -1
package/README.md
CHANGED
|
@@ -253,13 +253,20 @@ const show = ref(false);
|
|
|
253
253
|
|
|
254
254
|
#### Props
|
|
255
255
|
|
|
256
|
-
| 属性 | 说明
|
|
257
|
-
| ------------ |
|
|
258
|
-
| position | 弹出位置
|
|
259
|
-
| bg | 遮罩层背景色
|
|
260
|
-
| duration | 动画持续时间（毫秒）
|
|
261
|
-
| maskClosable | 点击遮罩层是否关闭
|
|
262
|
-
| to | teleport 的目标节点
|
|
256
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
257
|
+
| ------------ | ---------------------------- | ---------------------------------------- | --------------------- |
|
|
258
|
+
| position | 弹出位置 | `'top' \| 'bottom' \| 'left' \| 'right'` | `'bottom'` |
|
|
259
|
+
| bg | 遮罩层背景色 | `string` | `'rgba(0, 0, 0, .5)'` |
|
|
260
|
+
| duration | 动画持续时间（毫秒） | `number` | `300` |
|
|
261
|
+
| maskClosable | 点击遮罩层是否关闭 | `boolean` | `true` |
|
|
262
|
+
| to | teleport 的目标节点 | `string` | `'body'` |
|
|
263
|
+
| top | 弹窗顶部距离父元素顶部的距离 | `string` | `'0px'` |
|
|
264
|
+
| left | 弹窗左侧距离父元素左侧的距离 | `string` | `'0px'` |
|
|
265
|
+
| right | 弹窗右侧距离父元素右侧的距离 | `string` | `'0px'` |
|
|
266
|
+
| bottom | 弹窗底部距离父元素底部的距离 | `string` | `'0px'` |
|
|
267
|
+
| zIndex | 弹窗的 z-index 值 | `number` | `50` |
|
|
268
|
+
|
|
269
|
+
|
|
|
263
270
|
|
|
264
271
|
#### Slots
|
|
265
272
|
|
package/dist/es/button/button.js
CHANGED
|
@@ -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-
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-23c0e132"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { n as default };
|
|
@@ -26,11 +26,11 @@ var o = ["type"], s = /* @__PURE__ */ t({
|
|
|
26
26
|
emits: ["click"],
|
|
27
27
|
setup(t, { emit: s }) {
|
|
28
28
|
a((e) => ({
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
v5720c504: l.padding,
|
|
30
|
+
v62a47772: l.bg,
|
|
31
|
+
v047d80d9: l.border,
|
|
32
|
+
v1eff793f: l.radius,
|
|
33
|
+
v6edafbe4: l.disabledBg
|
|
34
34
|
}));
|
|
35
35
|
let c = s, l = t, u = (e) => {
|
|
36
36
|
(!l.disabled || l.enableDisabledClick) && c("click", e);
|
package/dist/es/button/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-container[data-v-
|
|
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}
|
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-4a168185"]]);
|
|
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,
|
|
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";
|
|
2
2
|
//#region components/popup/popup.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
-
var
|
|
3
|
+
var _ = /* @__PURE__ */ s({
|
|
4
4
|
name: "Popup",
|
|
5
5
|
__name: "popup",
|
|
6
6
|
props: /* @__PURE__ */ c({
|
|
@@ -11,7 +11,12 @@ var g = /* @__PURE__ */ s({
|
|
|
11
11
|
maskClosable: {
|
|
12
12
|
type: Boolean,
|
|
13
13
|
default: !0
|
|
14
|
-
}
|
|
14
|
+
},
|
|
15
|
+
top: { default: "0px" },
|
|
16
|
+
left: { default: "0px" },
|
|
17
|
+
right: { default: "0px" },
|
|
18
|
+
bottom: { default: "0px" },
|
|
19
|
+
zIndex: { default: 50 }
|
|
15
20
|
}, {
|
|
16
21
|
modelValue: {
|
|
17
22
|
type: Boolean,
|
|
@@ -21,32 +26,39 @@ var g = /* @__PURE__ */ s({
|
|
|
21
26
|
}),
|
|
22
27
|
emits: ["update:modelValue"],
|
|
23
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
|
+
}));
|
|
24
36
|
let c = [
|
|
25
37
|
"bottom",
|
|
26
38
|
"left",
|
|
27
39
|
"right",
|
|
28
40
|
"top",
|
|
29
41
|
"center"
|
|
30
|
-
],
|
|
31
|
-
function
|
|
32
|
-
|
|
42
|
+
], _ = m(s, "modelValue"), v = s;
|
|
43
|
+
function y() {
|
|
44
|
+
v.maskClosable && (_.value = !1);
|
|
33
45
|
}
|
|
34
|
-
return (s, p) => (d(), n(e, { to:
|
|
35
|
-
default:
|
|
46
|
+
return (s, p) => (d(), n(e, { to: v.to }, [o(t, { name: "fade" }, {
|
|
47
|
+
default: h(() => [_.value ? (d(), i("div", {
|
|
36
48
|
key: 0,
|
|
37
49
|
style: u({
|
|
38
|
-
"background-color":
|
|
39
|
-
"--duration": `${
|
|
50
|
+
"background-color": v.bg,
|
|
51
|
+
"--duration": `${v.duration}ms`
|
|
40
52
|
}),
|
|
41
|
-
class: l(["popup-container", [`popup-container-${
|
|
42
|
-
onClick:
|
|
53
|
+
class: l(["popup-container", [`popup-container-${v.position}`, { "popup-container-bottom": !c.includes(v.position) }]]),
|
|
54
|
+
onClick: y
|
|
43
55
|
}, [a("div", {
|
|
44
56
|
class: "popup-content",
|
|
45
|
-
onClick: p[0] ||=
|
|
57
|
+
onClick: p[0] ||= g(() => {}, ["stop"])
|
|
46
58
|
}, [f(s.$slots, "default", {}, void 0, !0)])], 6)) : r("", !0)]),
|
|
47
59
|
_: 3
|
|
48
60
|
})], 8, ["to"]));
|
|
49
61
|
}
|
|
50
62
|
});
|
|
51
63
|
//#endregion
|
|
52
|
-
export {
|
|
64
|
+
export { _ as default };
|
package/dist/es/popup/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter-from[data-v-
|
|
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%)}
|
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}},{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)({"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-
|
|
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 +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-
|
|
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 +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=>({
|
|
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 +1 @@
|
|
|
1
|
-
.button-container[data-v-
|
|
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}
|
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-4a168185`]]);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}},{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)({"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){(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;
|
package/dist/lib/popup/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter-from[data-v-
|
|
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%)}
|
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-
|
|
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)}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -18,11 +18,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
18
18
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
19
19
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
20
20
|
}>, {
|
|
21
|
+
top: string;
|
|
22
|
+
bottom: string;
|
|
23
|
+
left: string;
|
|
24
|
+
right: string;
|
|
21
25
|
position: "top" | "bottom" | "left" | "right" | "center";
|
|
22
26
|
to: string | import('vue').RendererElement | null;
|
|
23
27
|
bg: string;
|
|
24
28
|
duration: number;
|
|
25
29
|
maskClosable: boolean;
|
|
30
|
+
zIndex: number;
|
|
26
31
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
32
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
33
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a-drowned-fish/rox-v",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "vue ui library",
|
|
5
5
|
"main": "dist/lib/index.js",
|
|
6
6
|
"module": "dist/es/index.js",
|
|
@@ -61,6 +61,13 @@
|
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public"
|
|
63
63
|
},
|
|
64
|
+
"browserslist": [
|
|
65
|
+
"> 1%",
|
|
66
|
+
"last 2 versions",
|
|
67
|
+
"not dead",
|
|
68
|
+
"iOS >= 10",
|
|
69
|
+
"Android >= 5"
|
|
70
|
+
],
|
|
64
71
|
"scripts": {
|
|
65
72
|
"build:es": "vite build --config vite.build.config.ts",
|
|
66
73
|
"build:lib": "vite build --config vite.umd.config.ts"
|