beans-ui-kit 0.0.6 → 0.0.9
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.
|
@@ -32,7 +32,7 @@ function g(e, t, a, c, l, u) {
|
|
|
32
32
|
}
|
|
33
33
|
var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
|
|
34
34
|
components: {},
|
|
35
|
-
emits:
|
|
35
|
+
emits: { valueChanged: (e) => typeof e == "string" || typeof e == "number" },
|
|
36
36
|
props: {
|
|
37
37
|
propsClass: {
|
|
38
38
|
type: String,
|
|
@@ -46,10 +46,20 @@ var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
|
|
|
46
46
|
},
|
|
47
47
|
propsPlaceholder: { type: String },
|
|
48
48
|
labelIcon: { type: Object },
|
|
49
|
-
selectIcon: { type: Object }
|
|
49
|
+
selectIcon: { type: Object },
|
|
50
|
+
markedOptions: {
|
|
51
|
+
type: Array,
|
|
52
|
+
default: []
|
|
53
|
+
}
|
|
50
54
|
},
|
|
51
|
-
setup(e) {
|
|
52
|
-
|
|
55
|
+
setup(e, { emit: t }) {
|
|
56
|
+
let n = c(e.propsValue || "");
|
|
57
|
+
return {
|
|
58
|
+
selectValue: n,
|
|
59
|
+
valueChanged: () => {
|
|
60
|
+
t("valueChanged", n.value);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
53
63
|
}
|
|
54
64
|
}), y = ["for"], b = ["id"];
|
|
55
65
|
function x(a, c, m, h, g, _) {
|
|
@@ -61,7 +71,7 @@ function x(a, c, m, h, g, _) {
|
|
|
61
71
|
class: o(`${a.propsClass}`),
|
|
62
72
|
id: a.propsClass,
|
|
63
73
|
"onUpdate:modelValue": c[0] ||= (e) => a.selectValue = e,
|
|
64
|
-
onChange: c[1] ||= (e) => a
|
|
74
|
+
onChange: c[1] ||= (...e) => a.valueChanged && a.valueChanged(...e)
|
|
65
75
|
}, [a.propsPlaceholder ? (s(), r("option", {
|
|
66
76
|
key: 0,
|
|
67
77
|
class: o(`${a.propsClass}__placeholder`),
|
|
@@ -69,7 +79,7 @@ function x(a, c, m, h, g, _) {
|
|
|
69
79
|
value: ""
|
|
70
80
|
}, d(a.propsPlaceholder), 3)) : n("", !0), (s(!0), r(e, null, l(a.propsOptions, (e, t) => (s(), r("option", {
|
|
71
81
|
key: t,
|
|
72
|
-
class: o(`${a.propsClass}__option`)
|
|
82
|
+
class: o([`${a.propsClass}__option`, a.markedOptions.length && a.markedOptions.includes(e) ? `${a.propsClass}__option--marked` : ""])
|
|
73
83
|
}, 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)], 2);
|
|
74
84
|
}
|
|
75
85
|
var S = /* @__PURE__ */ h(v, [["render", x]]);
|
|
@@ -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)({components:{},emits:
|
|
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)({components:{},emits:{valueChanged:e=>typeof e==`string`||typeof e==`number`},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});
|
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.9",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
"preview": "vite preview"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
+
"beans-ui-kit": "^0.0.6",
|
|
22
23
|
"vue": ">=3"
|
|
23
24
|
},
|
|
24
25
|
"devDependencies": {
|