beans-ui-kit 0.0.46 → 0.0.47
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.
|
@@ -62,7 +62,7 @@ var b = /* @__PURE__ */ _(g, [["render", y]]), x = i({
|
|
|
62
62
|
},
|
|
63
63
|
setup(e, { emit: t }) {
|
|
64
64
|
let n = s("");
|
|
65
|
-
return m(e, () => {
|
|
65
|
+
return m(() => e.propsValue, () => {
|
|
66
66
|
e.propsValue && (n.value = String(e.propsValue));
|
|
67
67
|
}, { immediate: !0 }), {
|
|
68
68
|
selectValue: n,
|
|
@@ -71,8 +71,8 @@ var b = /* @__PURE__ */ _(g, [["render", y]]), x = i({
|
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
73
|
}
|
|
74
|
-
}), S = ["for"], C = ["disabled", "id"];
|
|
75
|
-
function
|
|
74
|
+
}), S = ["for"], C = ["disabled", "id"], w = ["value"];
|
|
75
|
+
function T(i, s, d, p, m, g) {
|
|
76
76
|
return o(), n("div", { class: a([`${i.propsClass}__wrapper`, i.disabled ? `${i.propsClass}__wrapper--disabled` : ""]) }, [
|
|
77
77
|
i.propsLabel ? (o(), n("label", {
|
|
78
78
|
key: 0,
|
|
@@ -95,8 +95,9 @@ function w(i, s, d, p, m, g) {
|
|
|
95
95
|
value: ""
|
|
96
96
|
}, u(i.propsPlaceholder), 3)) : t("", !0), (o(!0), n(e, null, c(i.propsOptions, (e, t) => (o(), n("option", {
|
|
97
97
|
key: t,
|
|
98
|
+
value: e && typeof e == "object" && "value" in e ? e.value : e,
|
|
98
99
|
class: a([`${i.propsClass}__option`, i.markedOptions.length && i.markedOptions.includes(e) ? `${i.propsClass}__option--marked` : ""])
|
|
99
|
-
}, u(e && typeof e == "object" && "value" in e ? e.value : e),
|
|
100
|
+
}, u(e && typeof e == "object" && "label" in e ? e.label : e && typeof e == "object" && "value" in e ? e.value : e), 11, w))), 128))], 42, C), [[f, i.selectValue]]), i.$slots["select-icon"] ? (o(), n("div", {
|
|
100
101
|
key: 0,
|
|
101
102
|
class: a(`${i.propsClass}__icon__wrapper`)
|
|
102
103
|
}, [l(i.$slots, "select-icon")], 2)) : t("", !0)], 2),
|
|
@@ -109,7 +110,7 @@ function w(i, s, d, p, m, g) {
|
|
|
109
110
|
}, [l(i.$slots, "error-icon")], 2)) : t("", !0)], 2)) : t("", !0)
|
|
110
111
|
], 2);
|
|
111
112
|
}
|
|
112
|
-
var
|
|
113
|
+
var E = /* @__PURE__ */ _(x, [["render", T]]), D = i({
|
|
113
114
|
components: {},
|
|
114
115
|
emits: ["valueChanged"],
|
|
115
116
|
props: {
|
|
@@ -143,14 +144,11 @@ var T = /* @__PURE__ */ _(x, [["render", w]]), E = i({
|
|
|
143
144
|
},
|
|
144
145
|
setup(e, { emit: t }) {
|
|
145
146
|
let n = s(e.propsValue);
|
|
146
|
-
return m(n, () => {
|
|
147
|
+
return m(() => n.value, () => {
|
|
147
148
|
n.value && (e.min && Number(n.value) < e.min ? n.value = e.min : e.max && Number(n.value) > e.max && (n.value = e.max)), t("valueChanged", n.value, e.propsName);
|
|
148
|
-
}, {
|
|
149
|
-
deep: !0,
|
|
150
|
-
immediate: !0
|
|
151
|
-
}), { inputValue: n };
|
|
149
|
+
}, { immediate: !0 }), { inputValue: n };
|
|
152
150
|
}
|
|
153
|
-
}),
|
|
151
|
+
}), O = ["for"], k = [
|
|
154
152
|
"id",
|
|
155
153
|
"type",
|
|
156
154
|
"placeholder",
|
|
@@ -158,13 +156,13 @@ var T = /* @__PURE__ */ _(x, [["render", w]]), E = i({
|
|
|
158
156
|
"max",
|
|
159
157
|
"disabled"
|
|
160
158
|
];
|
|
161
|
-
function
|
|
159
|
+
function A(e, i, s, c, f, p) {
|
|
162
160
|
return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [
|
|
163
161
|
e.propsLabel ? (o(), n("label", {
|
|
164
162
|
key: 0,
|
|
165
163
|
class: a(`${e.propsClass}__label`),
|
|
166
164
|
for: e.propsClass
|
|
167
|
-
}, u(e.propsLabel), 11,
|
|
165
|
+
}, u(e.propsLabel), 11, O)) : t("", !0),
|
|
168
166
|
h(r("input", {
|
|
169
167
|
class: a(e.propsClass),
|
|
170
168
|
id: e.propsClass,
|
|
@@ -174,14 +172,14 @@ function k(e, i, s, c, f, p) {
|
|
|
174
172
|
max: e.max,
|
|
175
173
|
disabled: e.disabled,
|
|
176
174
|
"onUpdate:modelValue": i[0] ||= (t) => e.inputValue = t
|
|
177
|
-
}, null, 10,
|
|
175
|
+
}, null, 10, k), [[d, e.inputValue]]),
|
|
178
176
|
e.$slots["input-icon"] ? (o(), n("div", {
|
|
179
177
|
key: 1,
|
|
180
178
|
class: a(`${e.propsClass}__icon__wrapper`)
|
|
181
179
|
}, [l(e.$slots, "input-icon")], 2)) : t("", !0)
|
|
182
180
|
], 2);
|
|
183
181
|
}
|
|
184
|
-
var
|
|
182
|
+
var j = /* @__PURE__ */ _(D, [["render", A]]), M = i({
|
|
185
183
|
components: {},
|
|
186
184
|
emits: ["valueChanged"],
|
|
187
185
|
props: {
|
|
@@ -213,31 +211,28 @@ var A = /* @__PURE__ */ _(E, [["render", k]]), j = i({
|
|
|
213
211
|
},
|
|
214
212
|
setup(e, { emit: t }) {
|
|
215
213
|
let n = s(e.propsValue);
|
|
216
|
-
return m(n, () => {
|
|
214
|
+
return m(() => n.value, () => {
|
|
217
215
|
t("valueChanged", n.value, e.propsName);
|
|
218
|
-
}, {
|
|
219
|
-
deep: !0,
|
|
220
|
-
immediate: !0
|
|
221
|
-
}), { inputValue: n };
|
|
216
|
+
}, { immediate: !0 }), { inputValue: n };
|
|
222
217
|
}
|
|
223
|
-
}),
|
|
218
|
+
}), N = ["for"], P = [
|
|
224
219
|
"id",
|
|
225
220
|
"placeholder",
|
|
226
221
|
"disabled"
|
|
227
222
|
];
|
|
228
|
-
function
|
|
223
|
+
function F(e, i, s, c, l, d) {
|
|
229
224
|
return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [e.propsLabel ? (o(), n("label", {
|
|
230
225
|
key: 0,
|
|
231
226
|
class: a(`${e.propsClass}__label`),
|
|
232
227
|
for: e.propsClass
|
|
233
|
-
}, u(e.propsLabel), 11,
|
|
228
|
+
}, u(e.propsLabel), 11, N)) : t("", !0), h(r("textarea", {
|
|
234
229
|
class: a(e.propsClass),
|
|
235
230
|
id: e.propsClass,
|
|
236
231
|
placeholder: e.propsPlaceholder,
|
|
237
232
|
disabled: e.disabled,
|
|
238
233
|
"onUpdate:modelValue": i[0] ||= (t) => e.inputValue = t
|
|
239
|
-
}, null, 10,
|
|
234
|
+
}, null, 10, P), [[p, e.inputValue]])], 2);
|
|
240
235
|
}
|
|
241
|
-
var
|
|
236
|
+
var I = /* @__PURE__ */ _(M, [["render", F]]);
|
|
242
237
|
//#endregion
|
|
243
|
-
export { b as BaseButton,
|
|
238
|
+
export { b as BaseButton, j as BaseInput, E as BaseSelect, I as BaseTextarea };
|
|
@@ -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},disabled:{type:Boolean,default:!1}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},i=[`disabled`];function a(e,n,r,a,o,s){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`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,onClick:n[0]||=t=>e.$emit(`clicked`)},[(0,t.renderSlot)(e.$slots,`default`)],10,i)],2)}var o=r(n,[[`render`,a]]),s=(0,t.defineComponent)({emits:[`valueChanged`],props:{propsId:{type:String,default:`baseSelect`},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))},{immediate:!0}),{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),c=[`for`],l=[`disabled`,`id`];function
|
|
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},disabled:{type:Boolean,default:!1}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},i=[`disabled`];function a(e,n,r,a,o,s){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`,{class:(0,t.normalizeClass)(`${e.propsClass}`),disabled:e.disabled,onClick:n[0]||=t=>e.$emit(`clicked`)},[(0,t.renderSlot)(e.$slots,`default`)],10,i)],2)}var o=r(n,[[`render`,a]]),s=(0,t.defineComponent)({emits:[`valueChanged`],props:{propsId:{type:String,default:`baseSelect`},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.propsValue,()=>{e.propsValue&&(r.value=String(e.propsValue))},{immediate:!0}),{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),c=[`for`],l=[`disabled`,`id`],u=[`value`];function d(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.propsId},[(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,c)):(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.propsId,"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,value:n&&typeof n==`object`&&`value`in n?n.value:n,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`&&`label`in n?n.label:n&&typeof n==`object`&&`value`in n?n.value:n),11,u))),128))],42,l),[[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 f=r(s,[[`render`,d]]),p=(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},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue);return(0,t.watch)(()=>r.value,()=>{r.value&&(e.min&&Number(r.value)<e.min?r.value=e.min:e.max&&Number(r.value)>e.max&&(r.value=e.max)),n(`valueChanged`,r.value,e.propsName)},{immediate:!0}),{inputValue:r}}}),m=[`for`],h=[`id`,`type`,`placeholder`,`min`,`max`,`disabled`];function g(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,m)):(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,disabled:e.disabled,"onUpdate:modelValue":n[0]||=t=>e.inputValue=t},null,10,h),[[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 _=r(p,[[`render`,g]]),v=(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:``},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue);return(0,t.watch)(()=>r.value,()=>{n(`valueChanged`,r.value,e.propsName)},{immediate:!0}),{inputValue:r}}}),y=[`for`],b=[`id`,`placeholder`,`disabled`];function x(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,y)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`textarea`,{class:(0,t.normalizeClass)(e.propsClass),id:e.propsClass,placeholder:e.propsPlaceholder,disabled:e.disabled,"onUpdate:modelValue":n[0]||=t=>e.inputValue=t},null,10,b),[[t.vModelText,e.inputValue]])],2)}var S=r(v,[[`render`,x]]);e.BaseButton=o,e.BaseInput=_,e.BaseSelect=f,e.BaseTextarea=S});
|