beans-ui-kit 0.0.36 → 0.0.38
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.
|
@@ -69,9 +69,9 @@ function S(i, s, d, p, h, g) {
|
|
|
69
69
|
return o(), n("div", { class: a([`${i.propsClass}__wrapper`, i.disabled ? `${i.propsClass}__wrapper--disabled` : ""]) }, [
|
|
70
70
|
i.propsLabel ? (o(), n("label", {
|
|
71
71
|
key: 0,
|
|
72
|
-
class: a(`${i.propsClass}
|
|
72
|
+
class: a(`${i.propsClass}__label__wrapper`),
|
|
73
73
|
for: i.propsClass
|
|
74
|
-
}, [r("span",
|
|
74
|
+
}, [r("span", { class: a(`${i.propsClass}__label`) }, u(i.propsLabel), 3), i.$slots["label-icon"] ? (o(), n("div", {
|
|
75
75
|
key: 0,
|
|
76
76
|
class: a(`${i.propsClass}__label__icon__wrapper`)
|
|
77
77
|
}, [l(i.$slots, "label-icon")], 2)) : t("", !0)], 10, b)) : t("", !0),
|
|
@@ -96,7 +96,10 @@ function S(i, s, d, p, h, g) {
|
|
|
96
96
|
i.error ? (o(), n("div", {
|
|
97
97
|
key: 1,
|
|
98
98
|
class: a(`${i.propsClass}__error__wrapper`)
|
|
99
|
-
}, [r("
|
|
99
|
+
}, [r("span", { class: a(`${i.propsClass}__error`) }, u(i.error), 3), i.$slots["error-icon"] ? (o(), n("div", {
|
|
100
|
+
key: 0,
|
|
101
|
+
class: a(`${i.propsClass}__error__icon__wrapper`)
|
|
102
|
+
}, [l(i.$slots, "error-icon")], 2)) : t("", !0)], 2)) : t("", !0)
|
|
100
103
|
], 2);
|
|
101
104
|
}
|
|
102
105
|
var C = /* @__PURE__ */ g(y, [["render", S]]), w = i({
|
|
@@ -123,7 +126,9 @@ var C = /* @__PURE__ */ g(y, [["render", S]]), w = i({
|
|
|
123
126
|
propsName: {
|
|
124
127
|
type: String,
|
|
125
128
|
default: ""
|
|
126
|
-
}
|
|
129
|
+
},
|
|
130
|
+
min: { type: Number },
|
|
131
|
+
max: { type: Number }
|
|
127
132
|
},
|
|
128
133
|
setup(e, { emit: t }) {
|
|
129
134
|
let n = s(e.propsValue);
|
|
@@ -137,7 +142,9 @@ var C = /* @__PURE__ */ g(y, [["render", S]]), w = i({
|
|
|
137
142
|
}), T = ["for"], E = [
|
|
138
143
|
"id",
|
|
139
144
|
"type",
|
|
140
|
-
"placeholder"
|
|
145
|
+
"placeholder",
|
|
146
|
+
"min",
|
|
147
|
+
"max"
|
|
141
148
|
];
|
|
142
149
|
function D(e, i, s, c, f, p) {
|
|
143
150
|
return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [
|
|
@@ -151,6 +158,8 @@ function D(e, i, s, c, f, p) {
|
|
|
151
158
|
id: e.propsClass,
|
|
152
159
|
type: e.propsType,
|
|
153
160
|
placeholder: e.propsPlaceholder,
|
|
161
|
+
min: e.min,
|
|
162
|
+
max: e.max,
|
|
154
163
|
"onUpdate:modelValue": i[0] ||= (t) => e.inputValue = t
|
|
155
164
|
}, null, 10, E), [[d, e.inputValue]]),
|
|
156
165
|
e.$slots["input-icon"] ? (o(), n("div", {
|
|
@@ -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.beansBaseActions={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({components:{},emits:[`clicked`],props:{propsClass:{type:String,default:`button`},propsLabel:{type:String}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};function i(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{onClick:n[0]||=t=>e.$emit(`clicked`),class:(0,t.normalizeClass)(`${e.propsClass}`)},[(0,t.renderSlot)(e.$slots,`default`)],2)],2)}var a=r(n,[[`render`,i]]),o=(0,t.defineComponent)({emits:[`valueChanged`],props:{propsClass:{type:String,default:`select`},propsLabel:{type:String},propsValue:{type:[String,Number]},propsOptions:{type:Array,default:()=>[]},propsPlaceholder:{type:String},error:{type:String},labelIcon:{type:Object},selectIcon:{type:Object},errorIcon:{type:Object},markedOptions:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(``);return(0,t.watch)(e,()=>{e.propsValue&&(r.value=String(e.propsValue))}),{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),s=[`for`],c=[`disabled`,`id`];function l(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`${e.propsClass}__wrapper`,e.disabled?`${e.propsClass}__wrapper--disabled`:``])},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}
|
|
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.beansBaseActions={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({components:{},emits:[`clicked`],props:{propsClass:{type:String,default:`button`},propsLabel:{type:String}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};function i(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{onClick:n[0]||=t=>e.$emit(`clicked`),class:(0,t.normalizeClass)(`${e.propsClass}`)},[(0,t.renderSlot)(e.$slots,`default`)],2)],2)}var a=r(n,[[`render`,i]]),o=(0,t.defineComponent)({emits:[`valueChanged`],props:{propsClass:{type:String,default:`select`},propsLabel:{type:String},propsValue:{type:[String,Number]},propsOptions:{type:Array,default:()=>[]},propsPlaceholder:{type:String},error:{type:String},labelIcon:{type:Object},selectIcon:{type:Object},errorIcon:{type:Object},markedOptions:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(``);return(0,t.watch)(e,()=>{e.propsValue&&(r.value=String(e.propsValue))}),{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),s=[`for`],c=[`disabled`,`id`];function l(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`${e.propsClass}__wrapper`,e.disabled?`${e.propsClass}__wrapper--disabled`:``])},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label__wrapper`),for:e.propsClass},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3),e.$slots[`label-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`label-icon`)],2)):(0,t.createCommentVNode)(``,!0)],10,s)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__inner`)},[(0,t.withDirectives)((0,t.createElementVNode)(`select`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,id:e.propsClass,"onUpdate:modelValue":n[0]||=t=>e.selectValue=t,onChange:n[1]||=(...t)=>e.valueChanged&&e.valueChanged(...t)},[e.propsPlaceholder?((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__placeholder`),disabled:`true`,value:``},(0,t.toDisplayString)(e.propsPlaceholder),3)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.propsOptions,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:r,class:(0,t.normalizeClass)([`${e.propsClass}__option`,e.markedOptions.length&&e.markedOptions.includes(n)?`${e.propsClass}__option--marked`:``])},(0,t.toDisplayString)(n&&typeof n==`object`&&`value`in n?n.value:n),3))),128))],42,c),[[t.vModelSelect,e.selectValue]]),e.$slots[`select-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`select-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__error__wrapper`)},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)(`${e.propsClass}__error`)},(0,t.toDisplayString)(e.error),3),e.$slots[`error-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__error__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`error-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)],2)}var u=r(o,[[`render`,l]]),d=(0,t.defineComponent)({components:{},emits:[`valueChanged`],props:{propsClass:{type:String,default:`input`},propsLabel:{type:String},propsValue:{type:[String,Number],default:null},propsType:{type:String,default:`text`},propsPlaceholder:{type:String,default:``},propsName:{type:String,default:``},min:{type:Number},max:{type:Number}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue);return(0,t.watch)(r,()=>{(r.value||r.value==``)&&n(`valueChanged`,r.value,e.propsName)},{deep:!0,immediate:!0}),{inputValue:r}}}),f=[`for`],p=[`id`,`type`,`placeholder`,`min`,`max`];function m(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},(0,t.toDisplayString)(e.propsLabel),11,f)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{class:(0,t.normalizeClass)(e.propsClass),id:e.propsClass,type:e.propsType,placeholder:e.propsPlaceholder,min:e.min,max:e.max,"onUpdate:modelValue":n[0]||=t=>e.inputValue=t},null,10,p),[[t.vModelDynamic,e.inputValue]]),e.$slots[`input-icon`]?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__icon__wrapper`)},[(0,t.renderSlot)(e.$slots,`input-icon`)],2)):(0,t.createCommentVNode)(``,!0)],2)}var h=r(d,[[`render`,m]]);e.BaseButton=a,e.BaseInput=h,e.BaseSelect=u});
|
|
@@ -23,6 +23,12 @@ declare const _default: DefineComponent<ExtractPropTypes<{
|
|
|
23
23
|
type: StringConstructor;
|
|
24
24
|
default: string;
|
|
25
25
|
};
|
|
26
|
+
min: {
|
|
27
|
+
type: NumberConstructor;
|
|
28
|
+
};
|
|
29
|
+
max: {
|
|
30
|
+
type: NumberConstructor;
|
|
31
|
+
};
|
|
26
32
|
}>, {
|
|
27
33
|
inputValue: Ref<string | number, string | number>;
|
|
28
34
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "valueChanged"[], "valueChanged", PublicProps, Readonly< ExtractPropTypes<{
|
|
@@ -49,6 +55,12 @@ declare const _default: DefineComponent<ExtractPropTypes<{
|
|
|
49
55
|
type: StringConstructor;
|
|
50
56
|
default: string;
|
|
51
57
|
};
|
|
58
|
+
min: {
|
|
59
|
+
type: NumberConstructor;
|
|
60
|
+
};
|
|
61
|
+
max: {
|
|
62
|
+
type: NumberConstructor;
|
|
63
|
+
};
|
|
52
64
|
}>> & Readonly<{
|
|
53
65
|
onValueChanged?: ((...args: any[]) => any) | undefined;
|
|
54
66
|
}>, {
|