beans-ui-kit 0.0.16 → 0.0.17
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.
|
@@ -51,6 +51,10 @@ var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
|
|
|
51
51
|
markedOptions: {
|
|
52
52
|
type: Array,
|
|
53
53
|
default: () => []
|
|
54
|
+
},
|
|
55
|
+
disabled: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
default: !1
|
|
54
58
|
}
|
|
55
59
|
},
|
|
56
60
|
setup(e, { emit: t }) {
|
|
@@ -62,9 +66,9 @@ var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
|
|
|
62
66
|
}
|
|
63
67
|
};
|
|
64
68
|
}
|
|
65
|
-
}), y = ["for"], b = ["id"];
|
|
69
|
+
}), y = ["for"], b = ["disabled", "id"];
|
|
66
70
|
function x(a, c, m, h, g, _) {
|
|
67
|
-
return s(), r("div", { class: o(`${a.propsClass}__wrapper`) }, [
|
|
71
|
+
return s(), r("div", { class: o([`${a.propsClass}__wrapper`, a.disabled ? `${a.propsClass}__wrapper--disabled` : ""]) }, [
|
|
68
72
|
a.propsLabel ? (s(), r("label", {
|
|
69
73
|
key: 0,
|
|
70
74
|
class: o(`${a.propsClass}__label`),
|
|
@@ -72,6 +76,7 @@ function x(a, c, m, h, g, _) {
|
|
|
72
76
|
}, [i("span", null, d(a.propsLabel), 1), a.labelIcon ? (s(), t(u(a.labelIcon), { key: 0 })) : n("", !0)], 10, y)) : n("", !0),
|
|
73
77
|
i("div", { class: o(`${a.propsClass}__inner`) }, [p(i("select", {
|
|
74
78
|
class: o(`${a.propsClass}`),
|
|
79
|
+
disabled: a.disabled,
|
|
75
80
|
id: a.propsClass,
|
|
76
81
|
"onUpdate:modelValue": c[0] ||= (e) => a.selectValue = e,
|
|
77
82
|
onChange: c[1] ||= (...e) => a.valueChanged && a.valueChanged(...e)
|
|
@@ -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},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
|
|
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:()=>[]},disabled:{type:Boolean,default:!1}},setup(e,{emit:n}){let r=(0,t.ref)(e.propsValue||``);return{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`),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}`),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.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,6 +5,7 @@ declare const _default: DefineComponent<{
|
|
|
5
5
|
propsValue?: string | number | undefined;
|
|
6
6
|
propsOptions?: unknown[] | undefined;
|
|
7
7
|
propsPlaceholder?: string | undefined;
|
|
8
|
+
disabled?: boolean | undefined;
|
|
8
9
|
error?: string | undefined;
|
|
9
10
|
labelIcon?: Component | undefined;
|
|
10
11
|
selectIcon?: Component | undefined;
|
|
@@ -19,6 +20,7 @@ declare const _default: DefineComponent<{
|
|
|
19
20
|
propsValue?: string | number | undefined;
|
|
20
21
|
propsOptions?: unknown[] | undefined;
|
|
21
22
|
propsPlaceholder?: string | undefined;
|
|
23
|
+
disabled?: boolean | undefined;
|
|
22
24
|
error?: string | undefined;
|
|
23
25
|
labelIcon?: Component | undefined;
|
|
24
26
|
selectIcon?: Component | undefined;
|
|
@@ -30,5 +32,6 @@ declare const _default: DefineComponent<{
|
|
|
30
32
|
propsClass: string;
|
|
31
33
|
propsOptions: unknown[];
|
|
32
34
|
markedOptions: unknown[];
|
|
35
|
+
disabled: boolean;
|
|
33
36
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
34
37
|
export default _default;
|