beans-ui-kit 0.0.14 → 0.0.16
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.
|
@@ -44,8 +44,10 @@ var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
|
|
|
44
44
|
default: () => []
|
|
45
45
|
},
|
|
46
46
|
propsPlaceholder: { type: String },
|
|
47
|
+
error: { type: String },
|
|
47
48
|
labelIcon: { type: Object },
|
|
48
49
|
selectIcon: { type: Object },
|
|
50
|
+
errorIcon: { type: Object },
|
|
49
51
|
markedOptions: {
|
|
50
52
|
type: Array,
|
|
51
53
|
default: () => []
|
|
@@ -62,24 +64,37 @@ var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
|
|
|
62
64
|
}
|
|
63
65
|
}), y = ["for"], b = ["id"];
|
|
64
66
|
function x(a, c, m, h, g, _) {
|
|
65
|
-
return s(), r("div", { class: o(`${a.propsClass}__wrapper`) }, [
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
67
|
+
return s(), r("div", { class: o(`${a.propsClass}__wrapper`) }, [
|
|
68
|
+
a.propsLabel ? (s(), r("label", {
|
|
69
|
+
key: 0,
|
|
70
|
+
class: o(`${a.propsClass}__label`),
|
|
71
|
+
for: a.propsClass
|
|
72
|
+
}, [i("span", null, d(a.propsLabel), 1), a.labelIcon ? (s(), t(u(a.labelIcon), { key: 0 })) : n("", !0)], 10, y)) : n("", !0),
|
|
73
|
+
i("div", { class: o(`${a.propsClass}__inner`) }, [p(i("select", {
|
|
74
|
+
class: o(`${a.propsClass}`),
|
|
75
|
+
id: a.propsClass,
|
|
76
|
+
"onUpdate:modelValue": c[0] ||= (e) => a.selectValue = e,
|
|
77
|
+
onChange: c[1] ||= (...e) => a.valueChanged && a.valueChanged(...e)
|
|
78
|
+
}, [a.propsPlaceholder ? (s(), r("option", {
|
|
79
|
+
key: 0,
|
|
80
|
+
class: o(`${a.propsClass}__placeholder`),
|
|
81
|
+
disabled: "true",
|
|
82
|
+
value: ""
|
|
83
|
+
}, d(a.propsPlaceholder), 3)) : n("", !0), (s(!0), r(e, null, l(a.propsOptions, (e, t) => (s(), r("option", {
|
|
84
|
+
key: t,
|
|
85
|
+
class: o([`${a.propsClass}__option`, a.markedOptions.length && a.markedOptions.includes(e) ? `${a.propsClass}__option--marked` : ""])
|
|
86
|
+
}, d(e && typeof e == "object" && "value" in e ? e.value : e), 3))), 128))], 42, b), [[f, a.selectValue]]), a.selectIcon ? (s(), t(u(a.selectIcon), { key: 0 })) : n("", !0)], 2),
|
|
87
|
+
a.error ? (s(), r("div", {
|
|
88
|
+
key: 1,
|
|
89
|
+
class: o(`${a.propsClass}__error__wrapper`)
|
|
90
|
+
}, [a.errorIcon ? (s(), t(u(a.errorIcon), {
|
|
91
|
+
key: 0,
|
|
92
|
+
class: o(`${a.propsClass}__error__icon`)
|
|
93
|
+
}, null, 8, ["class"])) : n("", !0), a.error ? (s(), r("div", {
|
|
94
|
+
key: 1,
|
|
95
|
+
class: o(`${a.propsClass}__error`)
|
|
96
|
+
}, d(a.error), 3)) : n("", !0)], 2)) : n("", !0)
|
|
97
|
+
], 2);
|
|
83
98
|
}
|
|
84
99
|
var S = /* @__PURE__ */ h(v, [["render", x]]);
|
|
85
100
|
//#endregion
|
|
@@ -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`},propsTitle:{type:String,default:``},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.toDisplayString)(e.propsTitle),3)],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},labelIcon:{type:Object},selectIcon:{type:Object},markedOptions:{type:Array,default:()=>[]}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue||``);return{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),s=[`for`],c=[`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.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.propsLabel),1),e.labelIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.labelIcon),{key:0})):(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}`),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.selectIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.selectIcon),{key:0})):(0,t.createCommentVNode)(``,!0)],2)],2)}var u=r(o,[[`render`,l]]);e.BaseButton=a,e.BaseSelect=u});
|
|
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`},propsTitle:{type:String,default:``},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.toDisplayString)(e.propsTitle),3)],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:()=>[]}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue||``);return{selectValue:r,valueChanged:()=>{n(`valueChanged`,r.value)}}}}),s=[`for`],c=[`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.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.propsLabel),1),e.labelIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.labelIcon),{key:0})):(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}`),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.selectIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.selectIcon),{key:0})):(0,t.createCommentVNode)(``,!0)],2),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__error__wrapper`)},[e.errorIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.errorIcon),{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__error__icon`)},null,8,[`class`])):(0,t.createCommentVNode)(``,!0),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(`${e.propsClass}__error`)},(0,t.toDisplayString)(e.error),3)):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)],2)}var u=r(o,[[`render`,l]]);e.BaseButton=a,e.BaseSelect=u});
|
|
@@ -5,8 +5,10 @@ declare const _default: DefineComponent<{
|
|
|
5
5
|
propsValue?: string | number | undefined;
|
|
6
6
|
propsOptions?: unknown[] | undefined;
|
|
7
7
|
propsPlaceholder?: string | undefined;
|
|
8
|
+
error?: string | undefined;
|
|
8
9
|
labelIcon?: Component | undefined;
|
|
9
10
|
selectIcon?: Component | undefined;
|
|
11
|
+
errorIcon?: Component | undefined;
|
|
10
12
|
markedOptions?: unknown[] | undefined;
|
|
11
13
|
}, {
|
|
12
14
|
selectValue: Ref<string | number, string | number>;
|
|
@@ -17,8 +19,10 @@ declare const _default: DefineComponent<{
|
|
|
17
19
|
propsValue?: string | number | undefined;
|
|
18
20
|
propsOptions?: unknown[] | undefined;
|
|
19
21
|
propsPlaceholder?: string | undefined;
|
|
22
|
+
error?: string | undefined;
|
|
20
23
|
labelIcon?: Component | undefined;
|
|
21
24
|
selectIcon?: Component | undefined;
|
|
25
|
+
errorIcon?: Component | undefined;
|
|
22
26
|
markedOptions?: unknown[] | undefined;
|
|
23
27
|
}> & Readonly<{
|
|
24
28
|
onValueChanged?: ((...args: any[]) => any) | undefined;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "beans-ui-kit",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.16",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "./dist/beansBaseActions.es.d.ts",
|
|
7
7
|
"files": [
|
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
"preview": "vite preview"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"beans-ui-kit": "^0.0.6",
|
|
25
24
|
"vue": ">=3"
|
|
26
25
|
},
|
|
27
26
|
"devDependencies": {
|