@quidgest/ui 0.8.5 → 0.8.7
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.
- package/dist/ui.esm.js +110 -90
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +1 -1
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.js +4 -4
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +1 -1
- package/package.json +2 -2
package/dist/ui.min.js
CHANGED
|
@@ -54,7 +54,7 @@ case"img":return T
|
|
|
54
54
|
default:return}}))
|
|
55
55
|
return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.value),{class:t.normalizeClass(l.class),icon:l.icon,size:l.size},null,8,["class","icon","size"]))}}),S=t.defineComponent({__name:"QIconFont",props:{icon:{},library:{default:""},variant:{default:""},size:{default:void 0},class:{default:void 0}},setup(e){const l=e,o=t.computed((()=>l.variant?`${l.library}-${l.variant}`:l.library)),n=t.computed((()=>l.library&&l.icon?`${l.library}-${l.icon}`:l.icon)),a=t.computed((()=>({"font-size":void 0!==l.size?`${l.size}px`:void 0})))
|
|
56
56
|
return(e,r)=>(t.openBlock(),t.createElementBlock("i",{class:t.normalizeClass(["q-icon","q-icon__font",o.value,n.value,l.class]),style:t.normalizeStyle(a.value)},null,6))}}),q=["src"],E=t.defineComponent({__name:"QIconImg",props:{icon:{},size:{},class:{}},setup(e){const l=e,o=t.computed((()=>({"font-size":void 0!==l.size?`${l.size}px`:void 0})))
|
|
57
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:l.icon,class:t.normalizeClass(["q-icon","q-icon__img",l.class]),style:t.normalizeStyle(o.value)},null,14,q))}}),$={},z=t.defineComponent({name:"InlineSvg",emits:
|
|
57
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:l.icon,class:t.normalizeClass(["q-icon","q-icon__img",l.class]),style:t.normalizeStyle(o.value)},null,14,q))}}),$={},z=t.defineComponent({name:"InlineSvg",emits:{loaded:e=>"object"==typeof e,unloaded:()=>!0,error:e=>"object"==typeof e},inheritAttrs:!1,render(){if(!this.svgElSource)return null
|
|
58
58
|
const e=this.getSvgContent(this.svgElSource)
|
|
59
59
|
if(!e)return t.h("div",this.$attrs)
|
|
60
60
|
const l={}
|
|
@@ -71,7 +71,7 @@ this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t)
|
|
|
71
71
|
if(!t.ok)throw new Error("Error loading SVG")
|
|
72
72
|
const l=await t.text(),o=(new DOMParser).parseFromString(l,"text/xml").getElementsByTagName("svg")[0]
|
|
73
73
|
if(!o)throw new Error("Loaded file is not a valid SVG")
|
|
74
|
-
return o}},watch:{src(e){this.getSource(e)}}})
|
|
74
|
+
return o}},watch:{src(e){this.getSource(e)}},expose:[]})
|
|
75
75
|
const L=t.defineComponent({__name:"QIconSvg",props:{icon:{},bundle:{default:""},size:{default:void 0},class:{default:void 0}},emits:["loaded","unloaded"],setup(e,{emit:l}){const o=l,n=e,a=t.computed((()=>({"font-size":void 0!==n.size?`${n.size}px`:void 0})))
|
|
76
76
|
function r(e){o("loaded",e)}function i(){o("unloaded")}return(e,l)=>(t.openBlock(),t.createBlock(t.unref(z),{class:t.normalizeClass(["q-icon","q-icon__svg",n.class]),src:n.bundle,symbol:n.icon,style:t.normalizeStyle(a.value),onLoaded:r,onUnloaded:i},null,8,["class","src","symbol","style"]))}}),I=y(V),N=y(S),T=y(E),D=y(L),Q=t.defineComponent({__name:"QList",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},highlighted:{type:[String,Number,Boolean,Symbol],default:void 0},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},disabled:{type:Boolean},class:{default:void 0}},emits:["update:modelValue"],setup(e,{expose:l,emit:o}){const n=o,a=e,r=t.ref(a.modelValue),i=t.ref(!1),s=t.computed((()=>d.value.length>1?"div":"ul")),d=t.computed((()=>a.groups.length?a.groups:[{id:"",title:""}])),c=t.ref(null)
|
|
77
77
|
function u(e){r.value=e,n("update:modelValue",e)}function p(){i.value=!0}function f(){i.value=!1}function m(e){var t
|
|
@@ -152,7 +152,7 @@ return l({fieldRef:a}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{id:t.un
|
|
|
152
152
|
return t.watch((()=>a.modelValue),(e=>i.value=e)),l({fieldRef:t.computed((()=>{var e
|
|
153
153
|
return null==(e=s.value)?void 0:e.fieldRef})),inputRef:d}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(ce),{ref_key:"fieldRef",ref:s,class:t.normalizeClass(["q-text-field",a.class]),for:t.unref(r),label:a.label,size:a.size,readonly:a.readonly,disabled:a.disabled,required:a.required},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("input",t.mergeProps({"onUpdate:modelValue":l[0]||(l[0]=e=>c.value=e),ref_key:"inputRef",ref:d,id:t.unref(r),class:"q-text-field__input",type:a.type,role:a.role,required:a.required,placeholder:u.value,readonly:a.readonly,disabled:a.disabled,maxlength:a.maxLength},e.$attrs),null,16,ue),[[t.vModelDynamic,c.value]])])),_:2},[e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"prepend")])),key:"0"}:void 0,e.$slots.append?{name:"append",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"append")])),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"2"}:void 0]),1032,["class","for","label","size","readonly","disabled","required"]))}})),fe={key:0,class:"q-select__loader"},me={key:2,class:"q-select__loader"},ve={noData:"No data available"},he={chevron:{icon:"chevron-down"},clear:{icon:"close"}},be=y(t.defineComponent({__name:"QCombobox",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},id:{default:void 0},placeholder:{default:""},selectionMode:{default:"automatic"},filterMode:{default:"builtin"},label:{default:""},clearable:{type:Boolean},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},loading:{type:Boolean},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},emptyValue:{type:[String,Number,Boolean,Symbol],default:void 0},size:{default:void 0},texts:{default:()=>ve},icons:{default:()=>he},class:{default:void 0}},emits:["update:modelValue","update:inputValue","before-show","before-hide","show","hide"],setup(e,{expose:l,emit:o}){const n=o,a=e,r=t.ref(a.modelValue),i=t.ref(!1),s=t.ref(""),d=t.ref(void 0),c=t.ref(null),u=t.ref(null),p=t.ref(null)
|
|
154
154
|
t.onMounted(_)
|
|
155
|
-
const f=t.computed((()=>a.clearable&&!a.readonly&&!a.disabled
|
|
155
|
+
const f=t.computed((()=>a.clearable&&!a.readonly&&!a.disabled)),m=t.computed((()=>{var e
|
|
156
156
|
return"manual"!==a.filterMode&&k.value?null==(e=a.items)?void 0:e.filter((e=>e[a.itemLabel].toLowerCase().startsWith(s.value.toLowerCase()))):a.items})),v=t.computed((()=>{var e
|
|
157
157
|
return null==(e=a.items)?void 0:e.find((e=>e[a.itemValue]===r.value))})),h=t.computed((()=>void 0===v.value)),b=t.computed((()=>{const e=d.value
|
|
158
158
|
if(void 0!==e&&m.value[e])return m.value[e]})),y=t.computed((()=>{var e
|
|
@@ -176,7 +176,7 @@ d.value=-1===t?null==(e=u.value)?void 0:e.getFirstFocusableItemIndex():t}}functi
|
|
|
176
176
|
null!=(t=p.value)&&t.contains(e.relatedTarget)||null!=(o=null==(l=c.value)?void 0:l.fieldRef)&&o.contains(e.relatedTarget)?(e.preventDefault(),e.stopPropagation()):(V(),_())}function N(){var e,t
|
|
177
177
|
null==(t=null==(e=c.value)?void 0:e.inputRef)||t.focus()}function T(){N()}function D(){n("show")}function Q(){n("hide")}function F(e){var t
|
|
178
178
|
const l=null==(t=u.value)?void 0:t.getItem(e)
|
|
179
|
-
null==l||l.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>a.modelValue),(e=>{r.value=e,
|
|
179
|
+
null==l||l.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>a.modelValue),(e=>{r.value=e})),t.watch([r,()=>a.items],_,{deep:!0}),t.watch(d,(e=>{void 0!==e&&F(e)})),t.watch(s,(e=>{!e&&f.value?q():i.value&&"automatic"===a.selectionMode&&t.nextTick(z),n("update:inputValue",e)})),l({triggerEl:c}),(e,l)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(pe),{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=e=>s.value=e),id:a.id,label:a.label,required:a.required,ref_key:"triggerEl",ref:c,role:"combobox",placeholder:a.placeholder,class:t.normalizeClass(["q-combobox",{"q-combobox--readonly":a.readonly,"q-combobox--disabled":a.disabled,"q-combobox--expanded":i.value},a.class]),readonly:a.readonly,disabled:a.disabled,autocomplete:"off","aria-expanded":i.value,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":y.value,size:a.size,onClick:E,onFocusout:L,onKeydown:t.withModifiers($,["stop"])},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),append:t.withCtx((()=>[t.renderSlot(e.$slots,"append"),f.value&&s.value?(t.openBlock(),t.createBlock(t.unref(x),{key:0,class:"q-combobox__clear","b-style":"plain",borderless:"",tabindex:"-1",onClick:q},{default:t.withCtx((()=>[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(a.icons.clear)),null,16)])),_:1})):t.createCommentVNode("",!0),a.readonly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(x),{key:1,class:"q-combobox__chevron","b-style":"plain",borderless:"",tabindex:"-1",disabled:a.disabled,onClick:S},{default:t.withCtx((()=>[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(a.icons.chevron)),null,16)])),_:1},8,["disabled"]))])),_:2},[e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"prepend")])),key:"0"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"1"}:void 0]),1032,["modelValue","id","label","required","placeholder","class","readonly","disabled","aria-expanded","aria-activedescendant","size"]),t.createVNode(t.unref(oe),{modelValue:i.value,"onUpdate:modelValue":l[2]||(l[2]=e=>i.value=e),spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:4,anchor:c.value,onEnter:D,onLeave:Q},{default:t.withCtx((()=>{var o
|
|
180
180
|
return[t.createElementVNode("div",{ref_key:"contentRef",ref:p,class:"q-select__body",onFocusout:L},[t.renderSlot(e.$slots,"body.prepend"),a.loading?(t.openBlock(),t.createElementBlock("div",fe,[t.createVNode(t.unref(g),{size:24})])):m.value.length?(t.openBlock(),t.createBlock(t.unref(G),{key:1,ref_key:"listRef",ref:u,class:"q-select__items",modelValue:r.value,"onUpdate:modelValue":[l[1]||(l[1]=e=>r.value=e),w],highlighted:null==(o=b.value)?void 0:o[a.itemValue],items:m.value,groups:e.groups,"item-label":a.itemLabel,"item-value":a.itemValue,onMouseup:T},{item:t.withCtx((({item:l})=>[t.renderSlot(e.$slots,"item",{item:l})])),_:3},8,["modelValue","highlighted","items","groups","item-label","item-value"])):(t.openBlock(),t.createElementBlock("div",me,t.toDisplayString(e.texts.noData),1)),t.renderSlot(e.$slots,"body.append")],544)]})),_:3},8,["modelValue","anchor"])],64))}})),ye={key:0,class:"q-input-group__prepend"},ge={key:0},ke={key:1,class:"q-input-group__append"},Be={key:0},we=y(t.defineComponent({__name:"QInputGroup",props:{id:{default:void 0},label:{default:""},required:{type:Boolean},prependIcon:{default:void 0},appendIcon:{default:void 0},size:{default:"large"},class:{default:void 0}},setup(e){const l=e
|
|
181
181
|
return r({QField:{size:"block"}}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(ce),{id:l.id,class:t.normalizeClass(["q-input-group",l.class]),label:l.label,required:l.required,size:l.size},{default:t.withCtx((()=>[e.$slots.prepend||l.prependIcon?(t.openBlock(),t.createElementBlock("div",ye,[l.prependIcon?(t.openBlock(),t.createElementBlock("span",ge,[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(l.prependIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append||l.appendIcon?(t.openBlock(),t.createElementBlock("div",ke,[l.appendIcon?(t.openBlock(),t.createElementBlock("span",Be,[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(l.appendIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)])),_:3},8,["id","class","label","required","size"]))}})),xe=y(t.defineComponent({__name:"QLineLoader",props:{class:{default:void 0}},setup(e){const l=e
|
|
182
182
|
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",l.class])},null,2))}})),_e={key:0,class:"q-popover__header"},Ce={key:1,class:"q-popover__body"},Ve=["innerHTML"],Se={key:1},qe=y(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:{modelValue:{type:Boolean},anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},text:{},title:{}},setup(e){const l=e
|