hisonvue 1.0.0

package/dist/HInput-DMGLY473.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),u=require("./index-BmKMHsSZ.js"),Se=require("./_plugin-vue_export-helper-BHFhmbuH.js"),Ve={id:{type:String,required:!1},name:{type:String,required:!1},modelValue:{type:[String,Number,Boolean,Object,Array,Date],default:null},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},title:{type:String,required:!1},inputType:{type:String,required:!1,validator:e=>u.INPUT_TYPE_VALUES.includes(e)},format:{type:String,required:!1},nullText:{type:String,default:""},maxNumber:{type:[String,Number],required:!1},minNumber:{type:[String,Number],required:!1},roundNumber:{type:[String,Number],required:!1},maxLength:{type:[String,Number],required:!1},maxByte:{type:[String,Number],required:!1},placeholder:{type:String,required:!1},editMode:{type:String,default:u.EditMode.editable,validator:e=>["editable","disable","readonly"].includes(e)},required:{type:Boolean,default:!1},fontBold:{type:Boolean,default:!1},fontItalic:{type:Boolean,default:!1},fontThruline:{type:Boolean,default:!1},fontUnderline:{type:Boolean,default:!1},textAlign:{type:String,default:null,validator:e=>e==null||u.TEXT_ALIGN_VALUES.includes(e)},border:{type:Boolean,default:!0},options:{type:Array,required:!1,default:()=>[]},checkedText:{type:String,default:"Y"},uncheckedText:{type:String,default:"N"},tabIndex:{type:[Number,String],default:null,validator:e=>e===null||e===""||!isNaN(+e)&&isFinite(+e)},inputTextdHandler:{type:Function,default:void 0}},K=new WeakSet,H=new WeakSet,ne=e=>{const n=e.currentTarget;if(u.hisonCloser.event.cssEvent.input_onBeforeFocus(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.add("hison-input-on-active"),u.hisonCloser.event.cssEvent.input_onAfterFocus(e)},te=e=>{const n=e.currentTarget;if(u.hisonCloser.event.cssEvent.input_onBeforeBlur(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.remove("hison-input-on-active"),n.classList.remove("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterBlur(e)},oe=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeMouseover(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.add("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterMouseover(e)}},ue=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeMouseout(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.remove("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterMouseout(e)}},ie=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeTouchstart(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.add("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterTouchstart(e)}},se=e=>{const n=e.currentTarget;if(!n.readOnly){if(u.hisonCloser.event.cssEvent.input_onBeforeTouchend(e)===!1){e.stopPropagation(),e.preventDefault();return}n.classList.remove("hison-input-on-mouseover"),u.hisonCloser.event.cssEvent.input_onAfterTouchend(e)}},le=e=>{const n=e.currentTarget;n.readOnly||n.classList.remove("hison-input-on-mouseover")},De=e=>{K.has(e)||(K.add(e),e.addEventListener("mouseenter",oe),e.addEventListener("mouseleave",ue),e.addEventListener("touchstart",ie,{passive:!1,capture:!0}),e.addEventListener("touchend",se,{passive:!1,capture:!0}),e.addEventListener("touchcancel",le,{passive:!1,capture:!0}))},qe=e=>{K.has(e)&&(K.delete(e),e.removeEventListener("mouseenter",oe),e.removeEventListener("mouseleave",ue),e.removeEventListener("touchstart",ie,{capture:!0}),e.removeEventListener("touchend",se,{capture:!0}),e.removeEventListener("touchcancel",le,{capture:!0}),e.classList.remove("hison-input-on-mouseover"))},Re=e=>{H.has(e)||(H.add(e),e.addEventListener("focus",ne),e.addEventListener("blur",te))},ze=e=>{H.has(e)&&(H.delete(e),e.removeEventListener("focus",ne),e.removeEventListener("blur",te),e.classList.remove("hison-input-on-active"),e.classList.remove("hison-input-on-mouseover"))},Ue=i.defineComponent({name:"HInput",props:Ve,inheritAttrs:!1,emits:["update:modelValue","mounted","responsive-change","click","dblclick","mousedown","mouseup","mouseenter","mouseleave","mouseover","mouseout","mousemove","pointerdown","pointerup","pointermove","pointerenter","pointerleave","touchstart","touchend","touchmove","touchcancel","focus","blur","input","change","compositionstart","compositionupdate","compositionend","keydown","keyup","dragstart","dragend","drag","drop","copy","cut","paste","wheel","contextmenu"],setup(e,{emit:n}){const m=i.ref(null),b=i.ref(null),f=i.ref(null),p=e.id?e.id:u.getUUID(),t=i.ref(e.name??p),re=i.computed(()=>t.value),O=`hinput:${p}`,G=u.useDevice(),k=i.ref([]),j=()=>{k.value=u.extractResponsiveClasses(u.toClassString(e.class)||"",G.value),u.getIndexSpecificClassNameFromClassList(k.value,"col")===-1&&k.value.push("hison-col-12"),u.addComponentNameToClass(k.value,"size",u.hisonCloser.componentStyle.size),u.addComponentNameToClass(k.value,"color","primary")},r=i.ref(e.inputType??u.InputType.text),W=i.computed(()=>{switch(r.value){case u.InputType.checkbox:return"checkbox";case u.InputType.radio:return"radio";case u.InputType.select:return"select";case u.InputType.range:return"range";case u.InputType.color:return"color";default:return"text"}}),ae=i.computed(()=>{switch(r.value){case u.InputType.mask:case u.InputType.digit:return"text";default:return r.value}}),g=i.ref(e.format??null),T=i.ref(u.hison.utils.isNumeric(e.maxNumber)?Number(e.maxNumber):null),$=i.ref(u.hison.utils.isNumeric(e.minNumber)?Number(e.minNumber):null),w=i.ref(u.hison.utils.isInteger(e.roundNumber)||u.hison.utils.isNegativeInteger(e.roundNumber)||e.roundNumber==="0"?Number(e.roundNumber):null),h=i.ref(u.hison.utils.isPositiveInteger(e.maxLength)?Number(e.maxLength):null),C=i.ref(u.hison.utils.isPositiveInteger(e.maxByte)?Number(e.maxByte):null),Y=o=>{switch(o){case u.InputType.number:case u.InputType.digit:return u.TextAlign.right;case u.InputType.date:case u.InputType.month:case u.InputType.time:return u.TextAlign.center;default:return u.TextAlign.left}},I=i.ref(e.textAlign??Y(r.value)),de=i.computed(()=>({textAlign:I.value})),L=i.ref(e.border??!0),pe=o=>(o=String(o),h.value&&(o=o.substring(0,h.value)),C.value&&(o=u.hison.utils.getCutByteLength(o,C.value)),o),me=o=>(o=Number(o),T.value&&o>T.value&&(o=T.value),$.value&&o<$.value&&(o=$.value),w.value&&(o=u.hison.utils.getRound(o,w.value)),o),X=o=>{if(u.isNullOrUndefined(o))return r.value===u.InputType.checkbox||r.value===u.InputType.radio?!1:o;try{switch(r.value){case u.InputType.text:case u.InputType.password:case u.InputType.email:case u.InputType.mask:case u.InputType.digit:case u.InputType.textarea:r.value===u.InputType.mask&&(o=u.getMaskValue(o,g.value??"")),r.value===u.InputType.digit&&(o=u.getDigitsOnly(o)),o=pe(o);break;case u.InputType.number:r.value===u.InputType.number&&(o=me(o));break;case u.InputType.date:o&&(o=u.hison.utils.getDateWithFormat(o,u.Hisonjs_bundleExports.DateFormat["yyyy-MM-dd"]));break;case u.InputType.month:o&&(o=u.hison.utils.getDateWithFormat(o,u.Hisonjs_bundleExports.YearMonthFormat["yyyy-MM"]));break;case u.InputType.time:o&&(o=u.hison.utils.getDateWithFormat(o,u.Hisonjs_bundleExports.TimeFormat["HH:mm:ss"]));break;case u.InputType.checkbox:case u.InputType.radio:o=!!o;default:break}}catch(s){console.warn("[HInput] Failed to format value",o,s)}return o},l=i.ref(X(e.modelValue)),ve=i.computed(()=>l.value),v=i.ref(null),E=i.ref(e.visible),F=i.ref(e.title??""),A=i.ref(e.nullText??""),y=i.ref(e.editMode),fe=i.computed(()=>y.value===u.EditMode.disable),J=i.computed(()=>y.value===u.EditMode.readonly),ye=i.computed(()=>L.value&&!J.value?"hison-border":""),ge=i.computed(()=>y.value!==u.EditMode.editable?[`hison-input-${y.value}`,`hison-input-${W.value}-${y.value}`]:[]),P=i.ref(e.required),Me=i.computed(()=>P.value?["hison-input-required",`hison-input-${W.value}-required`]:[]),S=i.ref(e.placeholder??""),V=i.ref(e.fontBold),be=i.computed(()=>{if(V.value)return"hison-font-bold"}),D=i.ref(e.fontItalic),Te=i.computed(()=>{if(D.value)return"hison-font-italic"}),q=i.ref(e.fontThruline),$e=i.computed(()=>{if(q.value)return"hison-font-thruline"}),R=i.ref(e.fontUnderline),he=i.computed(()=>{if(R.value)return"hison-font-underline"}),Ce=i.computed(()=>E.value?"":"hison-display-none"),Q=i.ref(!1),M=i.ref(!1),z=i.ref(e.tabIndex!==null&&e.tabIndex!==""?Number(e.tabIndex):null),x=i.inject("registerToInputGroup",null),a=i.inject("notifyInputGroupStatus",null),B=i.inject("radioMembershipChanged",null),Z=o=>{if(r.value===u.InputType.checkbox||r.value===u.InputType.radio)return o?e.checkedText:e.uncheckedText;if(u.isNullOrUndefined(o)||o==="")return A.value??"";if(e.inputTextdHandler)return e.inputTextdHandler(o);let s=String(o);try{switch(r.value){case u.InputType.password:s="•".repeat(o.length);break;case u.InputType.number:s=u.hison.utils.getNumberFormat(o,g.value??u.hison.getNumberFormat());break;case u.InputType.date:s=u.hison.utils.getDateWithFormat(o,g.value??u.hison.getDateFormat());break;case u.InputType.month:s=u.hison.utils.getDateWithFormat(o,g.value??u.hison.getYearMonthFormat());break;case u.InputType.time:s=u.hison.utils.getDateWithFormat(o,g.value??u.hison.getTimeFormat());break;case u.InputType.select:const N=m.value,ee=N.selectedIndex;s=ee>=0?N.options[ee].text:"";break}}catch(N){console.warn("[HInput] Failed to format value",o,N),s=""}return s},U=i.ref(""),Ie=o=>{y.value===u.EditMode.editable&&(Q.value=!0),i.nextTick(()=>{var s;(s=m.value)==null||s.focus()})},ke=o=>{let s=m.value.value;(r.value===u.InputType.mask||r.value===u.InputType.digit||(h.value||C.value)&&(r.value===u.InputType.text||r.value===u.InputType.email||r.value===u.InputType.password||r.value===u.InputType.textarea))&&(s=X(s),m.value.value=s),l.value=s,M.value=!0,a==null||a(p,l.value),n("input",o,f.value,l.value),n("update:modelValue",l.value)},we=o=>{v.value=l.value,n("focus",o,f.value)},Be=o=>{v.value!==l.value&&(d(l.value,!0,!0),M.value=!0,a==null||a(p,l.value)),Q.value=!1,n("blur",o,f.value)},d=(o,s=!0,N=!1)=>{l.value=s?X(o):o,U.value=Z(l.value),r.value===u.InputType.checkbox||r.value===u.InputType.radio?m.value.checked=!!l.value:m.value.value=l.value,N&&n("change",v.value,l.value,f.value)},Ne=o=>{const s=o.target;d(s.value,!1,!0),M.value=!0,a==null||a(p,l.value),n("update:modelValue",l.value)},Le=o=>{const s=o.target;d(s.value,!1,!0),M.value=!0,a==null||a(p,l.value),n("update:modelValue",l.value)},Ee=o=>{const s=o.target;d(s.checked,!1,!0),M.value=!0,a==null||a(p,l.value),n("update:modelValue",l.value)},Fe=o=>{const s=o.target;d(s.checked,!1,!0),M.value=!0,a&&t.value?a(t.value,s.checked?p:null):a==null||a(p,l.value),n("update:modelValue",l.value)},Ae=o=>{const s=o.target;d(s.value,!1,!0),M.value=!0,a==null||a(p,l.value),n("update:modelValue",l.value)},Pe=o=>{if(J.value&&(o.code==="Space"||o.code==="Enter")){o.preventDefault(),o.stopPropagation();return}n("keydown",o,f.value)},c=()=>{u.hisonCloser.component.inputList[p]&&u.hisonCloser.component.inputList[p].isHisonvueComponent&&console.warn(`[Hisonvue] The input ID is at risk of being duplicated. ${p}`),u.registerReloadable(O,()=>{_(),i.nextTick(c)}),m.value&&(j(),b.value&&De(b.value),r.value!==u.InputType.checkbox&&r.value!==u.InputType.radio&&r.value!==u.InputType.range&&r.value!==u.InputType.color&&Re(m.value),d(l.value,!1),f.value={isHisonvueComponent:!0,getId:()=>p,getType:()=>"input",getName:()=>t.value,setName:o=>{if(o===t.value)return;const s=t.value;t.value=o,r.value===u.InputType.radio&&(B==null||B(p,s,o,!!l.value))},getText:()=>U.value,getValue:()=>l.value,setValue:o=>{v.value=l.value,l.value=o,d(l.value)},getTitle:()=>F.value,setTitle:o=>{F.value=o},isVisible:()=>E.value,setVisible:o=>{E.value=o},getInputType:()=>r.value,setInputType:o=>{r.value=u.InputType[o],v.value=l.value,d(l.value),e.textAlign==null&&(I.value=Y(r.value))},getFormat:()=>g.value??"",setFormat:o=>{g.value=o,v.value=l.value,d(l.value)},getNullText:()=>A.value,setNullText:o=>{A.value=o,(u.isNullOrUndefined(l.value)||l.value==="")&&(U.value=Z(l.value))},getEditMode:()=>y.value,setEditMode:o=>{y.value=o},getMaxNumber:()=>T.value,setMaxNumber:o=>{u.hison.utils.isNumeric(o)&&(T.value=o,v.value=l.value,r.value===u.InputType.number&&d(l.value))},getMinNumber:()=>$.value,setMinNumber:o=>{u.hison.utils.isNumeric(o)&&($.value=o,v.value=l.value,r.value===u.InputType.number&&d(l.value))},getRoundNumber:()=>w.value,setRoundNumber:o=>{!u.hison.utils.isPositiveInteger(o)&&!u.hison.utils.isNegativeInteger(o)&&o!==0||(w.value=o,v.value=l.value,r.value===u.InputType.number&&d(l.value))},getMaxLength:()=>h.value,setMaxLength:o=>{u.hison.utils.isPositiveInteger(o)&&(h.value=o),v.value=l.value,d(l.value)},getMaxByte:()=>C.value,setMaxByte:o=>{u.hison.utils.isPositiveInteger(o)&&(C.value=o),v.value=l.value,d(l.value)},getRequired:()=>P.value,setRequired:o=>{P.value=o},getPlaceholder:()=>S.value,setPlaceholder:o=>{S.value=o},isFontBold:()=>V.value,setFontBold:o=>{V.value=o},isFontItalic:()=>D.value,setFontItalic:o=>{D.value=o},isFontThruline:()=>q.value,setFontThruline:o=>{q.value=o},isFontUnderline:()=>R.value,setFontUnderline:o=>{R.value=o},getTextAlign:()=>I.value,setTextAlign:o=>{(o===u.TextAlign.left||o===u.TextAlign.center||o===u.TextAlign.right)&&(I.value=o)},isBorder:()=>L.value,setBorder:o=>{L.value=o},isModified:()=>M.value,setModified:o=>{M.value=o},getTabIndex:()=>z.value,setTabIndex:o=>{z.value=o!=null?Number(o):null},focus:()=>{var o;b.value?b.value.focus():(o=m.value)==null||o.focus()},reload:()=>u.reloadHisonComponent(O)},u.hisonCloser.component.inputList[p]=f.value,x&&x(p),n("mounted",f.value))},_=()=>{u.unregisterReloadable(O),delete u.hisonCloser.component.inputList[p],r.value!==u.InputType.checkbox&&r.value!==u.InputType.radio&&r.value!==u.InputType.range&&r.value!==u.InputType.color&&ze(m.value),b.value&&qe(b.value)};return i.onMounted(c),i.onBeforeUnmount(_),i.watch(G,o=>{j(),n("responsive-change",o)}),i.watch(()=>e.modelValue,o=>{d(o,!1)}),i.watch(()=>e.name,o=>{if(o&&o!==t.value){const s=t.value;t.value=o,r.value===u.InputType.radio&&(B==null||B(p,s,o,!!l.value))}}),i.watch(()=>e.visible,o=>{const s=!!o;s!==E.value&&(E.value=s)}),i.watch(()=>e.title,o=>{const s=o??"";s!==F.value&&(F.value=s)}),i.watch(()=>e.nullText,o=>{const s=o??"";s!==A.value&&(A.value=s,(u.isNullOrUndefined(l.value)||l.value==="")&&(U.value=Z(l.value)))}),i.watch(()=>e.inputType,o=>{o&&o!==r.value&&(r.value=o,e.textAlign==null&&(I.value=Y(r.value)),d(l.value))}),i.watch(()=>e.format,o=>{const s=o??null;s!==g.value&&(g.value=s,d(l.value))}),i.watch(()=>e.maxNumber,o=>{const s=u.hison.utils.isNumeric(o)?Number(o):null;s!==T.value&&(T.value=s,r.value===u.InputType.number&&d(l.value))}),i.watch(()=>e.minNumber,o=>{const s=u.hison.utils.isNumeric(o)?Number(o):null;s!==$.value&&($.value=s,r.value===u.InputType.number&&d(l.value))}),i.watch(()=>e.roundNumber,o=>{const s=u.hison.utils.isInteger(o)||u.hison.utils.isNegativeInteger(o)||o==="0"?Number(o):null;s!==w.value&&(w.value=s,r.value===u.InputType.number&&d(l.value))}),i.watch(()=>e.maxLength,o=>{const s=u.hison.utils.isPositiveInteger(o)?Number(o):null;s!==h.value&&(h.value=s,d(l.value))}),i.watch(()=>e.maxByte,o=>{const s=u.hison.utils.isPositiveInteger(o)?Number(o):null;s!==C.value&&(C.value=s,d(l.value))}),i.watch(()=>e.textAlign,o=>{o&&o!==I.value&&(o===u.TextAlign.left||o===u.TextAlign.center||o===u.TextAlign.right)&&(I.value=o)}),i.watch(()=>e.border,o=>{const s=!!o;s!==L.value&&(L.value=s)}),i.watch(()=>e.placeholder,o=>{const s=o??"";s!==S.value&&(S.value=s)}),i.watch(()=>e.required,o=>{const s=!!o;s!==P.value&&(P.value=s)}),i.watch(()=>e.fontBold,o=>{const s=!!o;s!==V.value&&(V.value=s)}),i.watch(()=>e.fontItalic,o=>{const s=!!o;s!==D.value&&(D.value=s)}),i.watch(()=>e.fontThruline,o=>{const s=!!o;s!==q.value&&(q.value=s)}),i.watch(()=>e.fontUnderline,o=>{const s=!!o;s!==R.value&&(R.value=s)}),i.watch(()=>e.editMode,o=>{o&&o!==y.value&&(y.value=o)}),i.watch(()=>e.tabIndex,o=>{const s=o===null||o===""?null:Number(o);s!==z.value&&(z.value=s)}),i.watch(()=>e.class,()=>{j()}),{inputRef:m,inputTextRef:b,inputMethods:i.computed(()=>i.unref(f)),inputValue:ve,editing:Q,props:e,id:p,nameAttr:re,responsiveClassList:k,visibleClass:Ce,editModeClassList:ge,requiredClassList:Me,fontBoldClass:be,fontItalicClass:Te,fontThrulineClass:$e,fontUnderlineClass:he,textAlignStyle:de,borderClass:ye,disable:fe,readonly:J,inputType:r,inputExpressionType:W,inputAttrType:ae,title:F,placeholder:S,maxNumber:T,minNumber:$,spanText:U,tabIndex:z,onInput:ke,onTextInputFocus:Ie,onFocus:we,onBlur:Be,onRangeChange:Ne,onColorChange:Le,onCheckboxChange:Ee,onRadioChange:Fe,onSelectChange:Ae,onKeydown:Pe}}}),Ke=["id","name","value","disabled","readonly","title","tabindex"],He=["id","name","value","disabled","readonly","checked","title","tabindex"],Oe=["id","name","disabled","readonly","checked","title","tabindex"],je=["id","name","disabled","readonly","checked","title","tabindex"],We=["id","name","value","disabled","readonly","title","tabindex"],Ye=["value"],Xe=["id","name","value","disabled","readonly","placeholder","title","maxlength","tabindex"],Je=["id","name","value","disabled","readonly","title","placeholder","tabindex"],Qe=["id","name","value","disabled","readonly","type","title","placeholder","max","min","tabindex"];function Ze(e,n,m,b,f,p){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["hison-wrapper","hison-s-input-margin-adjustment",...e.responsiveClassList,e.visibleClass])},[e.inputType==="range"?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["hison-input","hison-input-range-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"range",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),value:e.inputValue,disabled:e.disable,readonly:e.readonly,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[0]||(n[0]=(...t)=>e.onRangeChange&&e.onRangeChange(...t)),onFocus:n[1]||(n[1]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[2]||(n[2]=(...t)=>e.onBlur&&e.onBlur(...t)),onKeydown:n[3]||(n[3]=(...t)=>e.onKeydown&&e.onKeydown(...t)),onClick:n[4]||(n[4]=t=>e.$emit("click",t,e.inputMethods)),onDblclick:n[5]||(n[5]=t=>e.$emit("dblclick",t,e.inputMethods)),onMousedown:n[6]||(n[6]=t=>e.$emit("mousedown",t,e.inputMethods)),onMouseup:n[7]||(n[7]=t=>e.$emit("mouseup",t,e.inputMethods)),onMouseenter:n[8]||(n[8]=t=>e.$emit("mouseenter",t,e.inputMethods)),onMouseleave:n[9]||(n[9]=t=>e.$emit("mouseleave",t,e.inputMethods)),onMouseover:n[10]||(n[10]=t=>e.$emit("mouseover",t,e.inputMethods)),onMouseout:n[11]||(n[11]=t=>e.$emit("mouseout",t,e.inputMethods)),onPointerdown:n[12]||(n[12]=t=>e.$emit("pointerdown",t,e.inputMethods)),onPointerup:n[13]||(n[13]=t=>e.$emit("pointerup",t,e.inputMethods)),onPointermove:n[14]||(n[14]=t=>e.$emit("pointermove",t,e.inputMethods)),onPointerenter:n[15]||(n[15]=t=>e.$emit("pointerenter",t,e.inputMethods)),onPointerleave:n[16]||(n[16]=t=>e.$emit("pointerleave",t,e.inputMethods)),onTouchstart:n[17]||(n[17]=t=>e.$emit("touchstart",t,e.inputMethods)),onTouchend:n[18]||(n[18]=t=>e.$emit("touchend",t,e.inputMethods)),onTouchmove:n[19]||(n[19]=t=>e.$emit("touchmove",t,e.inputMethods)),onTouchcancel:n[20]||(n[20]=t=>e.$emit("touchcancel",t,e.inputMethods)),onContextmenu:n[21]||(n[21]=t=>e.$emit("contextmenu",t,e.inputMethods))},null,42,Ke)],4)):e.inputType==="color"?(i.openBlock(),i.createElementBlock("div",{key:1,class:i.normalizeClass(["hison-input","hison-input-color-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"color",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),value:e.inputValue,disabled:e.disable,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[22]||(n[22]=(...t)=>e.onColorChange&&e.onColorChange(...t)),onFocus:n[23]||(n[23]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[24]||(n[24]=(...t)=>e.onBlur&&e.onBlur(...t)),onKeydown:n[25]||(n[25]=(...t)=>e.onKeydown&&e.onKeydown(...t)),onClick:n[26]||(n[26]=t=>e.$emit("click",t,e.inputMethods)),onDblclick:n[27]||(n[27]=t=>e.$emit("dblclick",t,e.inputMethods)),onMousedown:n[28]||(n[28]=t=>e.$emit("mousedown",t,e.inputMethods)),onMouseup:n[29]||(n[29]=t=>e.$emit("mouseup",t,e.inputMethods)),onMouseenter:n[30]||(n[30]=t=>e.$emit("mouseenter",t,e.inputMethods)),onMouseleave:n[31]||(n[31]=t=>e.$emit("mouseleave",t,e.inputMethods)),onMouseover:n[32]||(n[32]=t=>e.$emit("mouseover",t,e.inputMethods)),onMouseout:n[33]||(n[33]=t=>e.$emit("mouseout",t,e.inputMethods)),onPointerdown:n[34]||(n[34]=t=>e.$emit("pointerdown",t,e.inputMethods)),onPointerup:n[35]||(n[35]=t=>e.$emit("pointerup",t,e.inputMethods)),onPointermove:n[36]||(n[36]=t=>e.$emit("pointermove",t,e.inputMethods)),onPointerenter:n[37]||(n[37]=t=>e.$emit("pointerenter",t,e.inputMethods)),onPointerleave:n[38]||(n[38]=t=>e.$emit("pointerleave",t,e.inputMethods)),onTouchstart:n[39]||(n[39]=t=>e.$emit("touchstart",t,e.inputMethods)),onTouchend:n[40]||(n[40]=t=>e.$emit("touchend",t,e.inputMethods)),onTouchmove:n[41]||(n[41]=t=>e.$emit("touchmove",t,e.inputMethods)),onTouchcancel:n[42]||(n[42]=t=>e.$emit("touchcancel",t,e.inputMethods)),onContextmenu:n[43]||(n[43]=t=>e.$emit("contextmenu",t,e.inputMethods))},null,42,He)],4)):e.inputType==="checkbox"?(i.openBlock(),i.createElementBlock("div",{key:2,class:i.normalizeClass(["hison-input","hison-input-checkbox-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"checkbox",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),disabled:e.disable,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[44]||(n[44]=(...t)=>e.onCheckboxChange&&e.onCheckboxChange(...t)),onFocus:n[45]||(n[45]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[46]||(n[46]=(...t)=>e.onBlur&&e.onBlur(...t)),onKeydown:n[47]||(n[47]=(...t)=>e.onKeydown&&e.onKeydown(...t)),onClick:n[48]||(n[48]=t=>e.$emit("click",t,e.inputMethods)),onDblclick:n[49]||(n[49]=t=>e.$emit("dblclick",t,e.inputMethods)),onMousedown:n[50]||(n[50]=t=>e.$emit("mousedown",t,e.inputMethods)),onMouseup:n[51]||(n[51]=t=>e.$emit("mouseup",t,e.inputMethods)),onMouseenter:n[52]||(n[52]=t=>e.$emit("mouseenter",t,e.inputMethods)),onMouseleave:n[53]||(n[53]=t=>e.$emit("mouseleave",t,e.inputMethods)),onMouseover:n[54]||(n[54]=t=>e.$emit("mouseover",t,e.inputMethods)),onMouseout:n[55]||(n[55]=t=>e.$emit("mouseout",t,e.inputMethods)),onPointerdown:n[56]||(n[56]=t=>e.$emit("pointerdown",t,e.inputMethods)),onPointerup:n[57]||(n[57]=t=>e.$emit("pointerup",t,e.inputMethods)),onPointermove:n[58]||(n[58]=t=>e.$emit("pointermove",t,e.inputMethods)),onPointerenter:n[59]||(n[59]=t=>e.$emit("pointerenter",t,e.inputMethods)),onPointerleave:n[60]||(n[60]=t=>e.$emit("pointerleave",t,e.inputMethods)),onTouchstart:n[61]||(n[61]=t=>e.$emit("touchstart",t,e.inputMethods)),onTouchend:n[62]||(n[62]=t=>e.$emit("touchend",t,e.inputMethods)),onTouchmove:n[63]||(n[63]=t=>e.$emit("touchmove",t,e.inputMethods)),onTouchcancel:n[64]||(n[64]=t=>e.$emit("touchcancel",t,e.inputMethods)),onContextmenu:n[65]||(n[65]=t=>e.$emit("contextmenu",t,e.inputMethods))},null,42,Oe)],4)):e.inputType==="radio"?(i.openBlock(),i.createElementBlock("div",{key:3,class:i.normalizeClass(["hison-input","hison-input-radio-div"]),style:i.normalizeStyle([e.textAlignStyle,e.props.style])},[i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,type:"radio",class:i.normalizeClass([`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList]),disabled:e.disable,readonly:e.readonly,checked:e.inputValue===!0,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[66]||(n[66]=(...t)=>e.onRadioChange&&e.onRadioChange(...t)),onFocus:n[67]||(n[67]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[68]||(n[68]=(...t)=>e.onBlur&&e.onBlur(...t)),onKeydown:n[69]||(n[69]=(...t)=>e.onKeydown&&e.onKeydown(...t)),onClick:n[70]||(n[70]=t=>e.$emit("click",t,e.inputMethods)),onDblclick:n[71]||(n[71]=t=>e.$emit("dblclick",t,e.inputMethods)),onMousedown:n[72]||(n[72]=t=>e.$emit("mousedown",t,e.inputMethods)),onMouseup:n[73]||(n[73]=t=>e.$emit("mouseup",t,e.inputMethods)),onMouseenter:n[74]||(n[74]=t=>e.$emit("mouseenter",t,e.inputMethods)),onMouseleave:n[75]||(n[75]=t=>e.$emit("mouseleave",t,e.inputMethods)),onMouseover:n[76]||(n[76]=t=>e.$emit("mouseover",t,e.inputMethods)),onMouseout:n[77]||(n[77]=t=>e.$emit("mouseout",t,e.inputMethods)),onPointerdown:n[78]||(n[78]=t=>e.$emit("pointerdown",t,e.inputMethods)),onPointerup:n[79]||(n[79]=t=>e.$emit("pointerup",t,e.inputMethods)),onPointermove:n[80]||(n[80]=t=>e.$emit("pointermove",t,e.inputMethods)),onPointerenter:n[81]||(n[81]=t=>e.$emit("pointerenter",t,e.inputMethods)),onPointerleave:n[82]||(n[82]=t=>e.$emit("pointerleave",t,e.inputMethods)),onTouchstart:n[83]||(n[83]=t=>e.$emit("touchstart",t,e.inputMethods)),onTouchend:n[84]||(n[84]=t=>e.$emit("touchend",t,e.inputMethods)),onTouchmove:n[85]||(n[85]=t=>e.$emit("touchmove",t,e.inputMethods)),onTouchcancel:n[86]||(n[86]=t=>e.$emit("touchcancel",t,e.inputMethods)),onContextmenu:n[87]||(n[87]=t=>e.$emit("contextmenu",t,e.inputMethods))},null,42,je)],4)):e.inputType==="select"?(i.openBlock(),i.createElementBlock("select",{key:4,ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),class:i.normalizeClass(["hison-input",`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList,e.fontBoldClass,e.fontItalicClass,e.fontThrulineClass,e.fontUnderlineClass,e.borderClass]),value:e.inputValue,disabled:e.disable,readonly:e.readonly,title:e.title||void 0,tabindex:e.tabIndex??void 0,onChange:n[88]||(n[88]=(...t)=>e.onSelectChange&&e.onSelectChange(...t)),onFocus:n[89]||(n[89]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[90]||(n[90]=(...t)=>e.onBlur&&e.onBlur(...t)),onKeydown:n[91]||(n[91]=(...t)=>e.onKeydown&&e.onKeydown(...t)),onClick:n[92]||(n[92]=t=>e.$emit("click",t,e.inputMethods)),onDblclick:n[93]||(n[93]=t=>e.$emit("dblclick",t,e.inputMethods)),onMousedown:n[94]||(n[94]=t=>e.$emit("mousedown",t,e.inputMethods)),onMouseup:n[95]||(n[95]=t=>e.$emit("mouseup",t,e.inputMethods)),onMouseenter:n[96]||(n[96]=t=>e.$emit("mouseenter",t,e.inputMethods)),onMouseleave:n[97]||(n[97]=t=>e.$emit("mouseleave",t,e.inputMethods)),onMouseover:n[98]||(n[98]=t=>e.$emit("mouseover",t,e.inputMethods)),onMouseout:n[99]||(n[99]=t=>e.$emit("mouseout",t,e.inputMethods)),onPointerdown:n[100]||(n[100]=t=>e.$emit("pointerdown",t,e.inputMethods)),onPointerup:n[101]||(n[101]=t=>e.$emit("pointerup",t,e.inputMethods)),onPointermove:n[102]||(n[102]=t=>e.$emit("pointermove",t,e.inputMethods)),onPointerenter:n[103]||(n[103]=t=>e.$emit("pointerenter",t,e.inputMethods)),onPointerleave:n[104]||(n[104]=t=>e.$emit("pointerleave",t,e.inputMethods)),onTouchstart:n[105]||(n[105]=t=>e.$emit("touchstart",t,e.inputMethods)),onTouchend:n[106]||(n[106]=t=>e.$emit("touchend",t,e.inputMethods)),onTouchmove:n[107]||(n[107]=t=>e.$emit("touchmove",t,e.inputMethods)),onTouchcancel:n[108]||(n[108]=t=>e.$emit("touchcancel",t,e.inputMethods)),onContextmenu:n[109]||(n[109]=t=>e.$emit("contextmenu",t,e.inputMethods))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.props.options,t=>(i.openBlock(),i.createElementBlock("option",{key:t.value,value:t.value},i.toDisplayString(t.text),9,Ye))),128))],46,We)):e.inputType==="textarea"?(i.openBlock(),i.createElementBlock("textarea",{key:5,ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,class:i.normalizeClass(["hison-input",`hison-input-${e.inputType}`,...e.editModeClassList,...e.requiredClassList,e.fontBoldClass,e.fontItalicClass,e.fontThrulineClass,e.fontUnderlineClass,e.borderClass]),value:e.inputValue,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),disabled:e.disable,readonly:e.readonly,placeholder:e.placeholder||void 0,title:e.title||void 0,maxlength:e.maxLength||void 0,tabindex:e.tabIndex??void 0,onInput:n[110]||(n[110]=(...t)=>e.onInput&&e.onInput(...t)),onFocus:n[111]||(n[111]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[112]||(n[112]=(...t)=>e.onBlur&&e.onBlur(...t))},i.toDisplayString(e.inputValue),47,Xe)):(i.openBlock(),i.createElementBlock(i.Fragment,{key:6},[i.withDirectives(i.createElementVNode("input",{ref:"inputTextRef",id:`input_text_${e.id}`,name:`input_text_${e.nameAttr}`,class:i.normalizeClass(["hison-input",`hison-input-text-${e.inputType}`,...e.editModeClassList,...e.requiredClassList,e.fontBoldClass,e.fontItalicClass,e.fontThrulineClass,e.fontUnderlineClass,e.borderClass]),type:"text",value:e.spanText,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),disabled:e.disable,readonly:e.readonly,title:e.title||void 0,placeholder:e.placeholder||void 0,tabindex:e.tabIndex??void 0,onFocus:n[113]||(n[113]=(...t)=>e.onTextInputFocus&&e.onTextInputFocus(...t)),onClick:n[114]||(n[114]=t=>e.$emit("click",t,e.inputMethods)),onDblclick:n[115]||(n[115]=t=>e.$emit("dblclick",t,e.inputMethods)),onMousedown:n[116]||(n[116]=t=>e.$emit("mousedown",t,e.inputMethods)),onMouseup:n[117]||(n[117]=t=>e.$emit("mouseup",t,e.inputMethods)),onMouseenter:n[118]||(n[118]=t=>e.$emit("mouseenter",t,e.inputMethods)),onMouseleave:n[119]||(n[119]=t=>e.$emit("mouseleave",t,e.inputMethods)),onMouseover:n[120]||(n[120]=t=>e.$emit("mouseover",t,e.inputMethods)),onMouseout:n[121]||(n[121]=t=>e.$emit("mouseout",t,e.inputMethods)),onMousemove:n[122]||(n[122]=t=>e.$emit("mousemove",t,e.inputMethods)),onPointerdown:n[123]||(n[123]=t=>e.$emit("pointerdown",t,e.inputMethods)),onPointerup:n[124]||(n[124]=t=>e.$emit("pointerup",t,e.inputMethods)),onPointermove:n[125]||(n[125]=t=>e.$emit("pointermove",t,e.inputMethods)),onPointerenter:n[126]||(n[126]=t=>e.$emit("pointerenter",t,e.inputMethods)),onPointerleave:n[127]||(n[127]=t=>e.$emit("pointerleave",t,e.inputMethods)),onTouchstart:n[128]||(n[128]=t=>e.$emit("touchstart",t,e.inputMethods)),onTouchend:n[129]||(n[129]=t=>e.$emit("touchend",t,e.inputMethods)),onTouchmove:n[130]||(n[130]=t=>e.$emit("touchmove",t,e.inputMethods)),onTouchcancel:n[131]||(n[131]=t=>e.$emit("touchcancel",t,e.inputMethods))},null,46,Je),[[i.vShow,!e.editing]]),i.withDirectives(i.createElementVNode("input",{ref:"inputRef",id:`${e.id}`,name:`${e.nameAttr}`,class:i.normalizeClass(["hison-input",`hison-input-${e.inputType}`,...e.editModeClassList,e.borderClass]),value:e.inputValue,style:i.normalizeStyle([e.textAlignStyle,e.props.style]),disabled:e.disable,readonly:e.readonly,type:e.inputType,title:e.title||void 0,placeholder:e.placeholder||void 0,max:e.maxNumber||void 0,min:e.minNumber||void 0,tabindex:e.tabIndex??void 0,onFocus:n[132]||(n[132]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:n[133]||(n[133]=(...t)=>e.onBlur&&e.onBlur(...t)),onInput:n[134]||(n[134]=(...t)=>e.onInput&&e.onInput(...t)),onCompositionstart:n[135]||(n[135]=t=>e.$emit("compositionstart",t,e.inputMethods)),onCompositionupdate:n[136]||(n[136]=t=>e.$emit("compositionupdate",t,e.inputMethods)),onCompositionend:n[137]||(n[137]=t=>e.$emit("compositionend",t,e.inputMethods)),onKeydown:n[138]||(n[138]=t=>e.$emit("keydown",t,e.inputMethods)),onKeyup:n[139]||(n[139]=t=>e.$emit("keyup",t,e.inputMethods)),onDragstart:n[140]||(n[140]=t=>e.$emit("dragstart",t,e.inputMethods)),onDragend:n[141]||(n[141]=t=>e.$emit("dragend",t,e.inputMethods)),onDrag:n[142]||(n[142]=t=>e.$emit("drag",t,e.inputMethods)),onDrop:n[143]||(n[143]=t=>e.$emit("drop",t,e.inputMethods)),onCopy:n[144]||(n[144]=t=>e.$emit("copy",t,e.inputMethods)),onCut:n[145]||(n[145]=t=>e.$emit("cut",t,e.inputMethods)),onPaste:n[146]||(n[146]=t=>e.$emit("paste",t,e.inputMethods)),onWheel:n[147]||(n[147]=t=>e.$emit("wheel",t,e.inputMethods)),onContextmenu:n[148]||(n[148]=t=>e.$emit("contextmenu",t,e.inputMethods))},null,46,Qe),[[i.vShow,e.editing]])],64))],2)}const Ge=Se._export_sfc(Ue,[["render",Ze]]);exports.default=Ge;

package/dist/HInputGroup-D37WTYoI.mjs

@@ -0,0 +1,281 @@
+import { defineComponent as U, ref as h, provide as G, onMounted as T, onBeforeUnmount as $, watch as I, createElementBlock as H, openBlock as L, renderSlot as q } from "vue";
+import { V as A, W as g, E as P, g as k, y as C, l as c, h as _, r as B, c as w, d as x } from "./index-DUh7pai4.mjs";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const z = {
+  /**
+   * Unique identifier for the input.
+   * - You can later retrieve its methods via `hison.component.getButton(id)`
+   * - ⚠️ Duplicate `id` values will throw an error at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Edit mode of the input.
+   * - Values: `'editable'`, `'readonly'`, `'disable'`
+   * - `'readonly'` and `'disable'` both prevent editing but differ in styling
+   */
+  editMode: {
+    type: String,
+    required: !1,
+    validator: (n) => n == null || P.includes(n)
+  },
+  /**
+   * Initial status of the input group.
+   * 
+   * This prop sets the internal data status of the group, which is managed using `DataStatus` enum.
+   * Typical values are:
+   * - `'C'`: Created (new)
+   * - `'R'`: Read (default)
+   * - `'U'`: Updated (modified)
+   * - `'D'`: Deleted
+   * 
+   * The status value is used to track the data lifecycle and is accessible or modifiable
+   * through runtime methods:
+   * 
+   * ```ts
+   * const group = hison.component.getInputGroup('group1');
+   * group.getStatus();      // 'R'
+   * group.setStatus('U');   // Change to 'updated'
+   * ```
+   * 
+   * @default 'R'
+   */
+  status: {
+    type: String,
+    required: !1,
+    default: g.R,
+    validator: (n) => A.includes(n)
+  },
+  /**
+   * Two-way binding value for the input group.
+   *
+   * Enables `v-model` support for grouped form data represented as a plain object (`Record<string, any>`),
+   * where each property key corresponds to an `<HInput>` component’s `id`.
+   *
+   * When used, `HInputGroup` will automatically:
+   * - Initialize child inputs' values based on this object during registration (`registerToInputGroup`)
+   * - Emit `update:modelValue` whenever any input’s value is modified, including the updated object
+   * - Maintain modification state and status tracking (`C`, `R`, `U`, `D`) as values change
+   *
+   * ---  
+   *
+   * ### Example
+   * ```vue
+   * <HInputGroup v-model="form" id="group1">
+   *   <HInput id="name" inputType="text" />
+   *   <HInput id="age" inputType="number" />
+   * </HInputGroup>
+   *
+   * <script setup lang="ts">
+   * const form = ref({ name: 'John', age: 26 })
+   * <\/script>
+   * ```
+   *
+   * ---
+   *
+   * ### Notes
+   * - Any input must define an `id` that matches a key in this object to be bound correctly
+   * - The object is shallow-merged on each child change to preserve reactivity
+   * - This binding is fully compatible with manual `.load()` and `.getDataObject()` usage
+   *
+   * @prop {Record<string, any>} modelValue - Bound value object for all child inputs. Supports `v-model` binding.
+   * @default {}
+   */
+  modelValue: {
+    type: Object,
+    default: () => ({})
+  }
+}, F = U({
+  name: "HInputGroup",
+  props: z,
+  emits: [
+    "update:modelValue",
+    "mounted"
+  ],
+  setup(n, { emit: V }) {
+    const D = h(null), b = h(null), m = n.id ?? k(), y = `hinputGroup:${m}`, E = h(n.editMode ?? C.editable), v = h(n.status ?? g.R), i = h([]), a = h({}), d = h({});
+    G("registerToInputGroup", (e) => {
+      var t, o, u, s, f;
+      if (!i.value.includes(e)) {
+        i.value.push(e), i.value.sort((p, R) => p.localeCompare(R));
+        const r = n.modelValue ?? {};
+        r && Object.prototype.hasOwnProperty.call(r, e) && ((o = (t = c.component.getInput(e)) == null ? void 0 : t.setValue) == null || o.call(t, r[e]));
+        const l = c.component.getInput(e);
+        if (((u = l == null ? void 0 : l.getInputType) == null ? void 0 : u.call(l)) === "radio") {
+          const p = ((s = l.getName) == null ? void 0 : s.call(l)) || e;
+          a.value[p] || (a.value[p] = []), a.value[p].includes(e) || a.value[p].push(e), (f = l.getValue) != null && f.call(l) ? d.value[p] = e : Object.prototype.hasOwnProperty.call(d.value, p) || (d.value[p] = null);
+        }
+      }
+    }), G("radioMembershipChanged", (e, t, o, u) => {
+      var s, f;
+      if (t !== o) {
+        if (t && a.value[t]) {
+          if (a.value[t] = a.value[t].filter((r) => r !== e), d.value[t] === e) {
+            d.value[t] = null;
+            const r = { ...n.modelValue || {} };
+            r[t] = null, V("update:modelValue", r);
+          }
+          a.value[t].length === 0 && (delete a.value[t], delete d.value[t]);
+        }
+        if (a.value[o] || (a.value[o] = []), a.value[o].includes(e) || a.value[o].push(e), u) {
+          d.value[o] = e;
+          for (const l of a.value[o])
+            (f = (s = c.component.getInput(l)) == null ? void 0 : s.setValue) == null || f.call(s, l === e);
+          const r = { ...n.modelValue || {} };
+          r[o] = e, V("update:modelValue", r), v.value !== g.U && (v.value = g.U);
+        } else
+          Object.prototype.hasOwnProperty.call(d.value, o) || (d.value[o] = null);
+      }
+    }), G("notifyInputGroupStatus", (e, t) => {
+      var u, s;
+      if (a.value[e]) {
+        const f = e, r = t;
+        d.value[f] = r;
+        for (const p of a.value[f])
+          (s = (u = c.component.getInput(p)) == null ? void 0 : u.setValue) == null || s.call(u, p === r);
+        const l = { ...n.modelValue || {} };
+        l[f] = r, V("update:modelValue", l), v.value !== g.U && (v.value = g.U);
+        return;
+      }
+      v.value !== g.U && (v.value = g.U);
+      const o = {
+        ...n.modelValue,
+        [e]: t
+      };
+      V("update:modelValue", o);
+    });
+    const O = () => {
+      const e = {};
+      if (!i.value) return e;
+      i.value.forEach((t) => {
+        var u, s;
+        const o = c.component.getInput(t);
+        o && ((u = o.getInputType) == null ? void 0 : u.call(o)) !== "radio" && (e[t] = (s = o.getValue) == null ? void 0 : s.call(o));
+      });
+      for (const [t, o] of Object.entries(a.value)) {
+        let u = d.value[t] ?? null;
+        u && !o.includes(u) && (u = null), e[t] = u;
+      }
+      return e;
+    }, M = (e) => {
+      if (!(!e || typeof e != "object")) {
+        Object.keys(e).forEach((t) => {
+          var o, u;
+          if (i.value.includes(t)) {
+            const s = e[t];
+            (u = (o = c.component.getInput(t)) == null ? void 0 : o.setValue) == null || u.call(o, s);
+          }
+        });
+        for (const [t, o] of Object.entries(a.value)) {
+          if (!Object.prototype.hasOwnProperty.call(e, t)) continue;
+          const u = e[t];
+          o.forEach((s) => {
+            var l;
+            const f = c.component.getInput(s);
+            if (!f) return;
+            const r = u === s;
+            (l = f.setValue) == null || l.call(f, r);
+          }), d.value[t] = u ?? null;
+        }
+      }
+    }, S = () => {
+      _.component.inputGroupList[m] && _.component.inputGroupList[m].isHisonvueComponent && console.warn(`[Hisonvue] The input group ID is at risk of being duplicated. ${m}`), B(y, () => {
+        j(), setTimeout(S);
+      }), D.value && (b.value = {
+        isHisonvueComponent: !0,
+        getId: () => m,
+        getType: () => "inputGroup",
+        clear: (e = !0) => {
+          i.value.forEach((t) => {
+            const o = c.component.getInput(t);
+            o && o.setValue(null);
+          }), e && (v.value = g.C);
+        },
+        getDataModel: () => new c.data.DataModel(O()),
+        setDataModel: (e) => {
+          if (e.getRowCount() > 0) return M(e.getRow(0));
+        },
+        getDataObject: () => O(),
+        setDataObject: (e) => M(e),
+        load: (e) => {
+          if (e && e.getIsDataModel && e.getIsDataModel()) {
+            const t = e;
+            if (t.getColumnCount() === 0 || t.getRowCount() === 0) return;
+            M(t.getRow(0));
+          } else e && typeof e == "object" && M(e);
+        },
+        getStatus: () => v.value,
+        setStatus: (e) => {
+          v.value = g[e];
+        },
+        isModified: () => {
+          for (const e of i.value) {
+            const t = c.component.getInput(e);
+            if (t && t.isModified()) return !0;
+          }
+          return !1;
+        },
+        initModified: () => {
+          i.value.forEach((e) => {
+            const t = c.component.getInput(e);
+            t && t.setModified(!1);
+          });
+        },
+        checkRequired: () => {
+          var e, t;
+          for (const o of i.value) {
+            const u = c.component.getInput(o);
+            if ((e = u == null ? void 0 : u.getRequired) != null && e.call(u) && !((t = u.getValue) != null && t.call(u)))
+              return u;
+          }
+          return null;
+        },
+        getEditMode: () => E.value,
+        setEditMode: (e) => {
+          E.value = e, i.value.forEach((t) => {
+            const o = c.component.getInput(t);
+            o && o.setEditMode(e);
+          });
+        },
+        focus: (e) => {
+          var t;
+          if (e) return (t = c.component.getInput(e)) == null ? void 0 : t.focus();
+          for (const o of i.value) {
+            const u = c.component.getInput(o);
+            if (u && u.getEditMode() === C.editable)
+              return u.focus();
+          }
+        },
+        reload: () => w(y)
+      }, _.component.inputGroupList[m] = b.value, V("mounted", b.value));
+    }, j = () => {
+      x(y), delete _.component.inputGroupList[m], i.value = [];
+    };
+    return T(S), $(j), I(() => n.modelValue, (e) => {
+      M(e);
+    }, { deep: !0 }), I(() => n.modelValue, (e) => {
+      M(e);
+    }, { deep: !0 }), I(() => n.editMode, (e) => {
+      e && e !== E.value && (E.value = e, i.value.forEach((t) => {
+        var o, u;
+        return (u = (o = c.component.getInput(t)) == null ? void 0 : o.setEditMode) == null ? void 0 : u.call(o, E.value);
+      }));
+    }), I(() => n.status, (e) => {
+      e && e !== v.value && (v.value = e);
+    }), {
+      inputGroupRef: D,
+      props: n
+    };
+  }
+}), J = {
+  ref: "inputGroupRef",
+  class: "hison-data-group"
+};
+function K(n, V, D, b, m, y) {
+  return L(), H("div", J, [
+    q(n.$slots, "default")
+  ], 512);
+}
+const Z = /* @__PURE__ */ W(F, [["render", K]]);
+export {
+  Z as default
+};

package/dist/HInputGroup-Dcfr23sZ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),n=require("./index-BmKMHsSZ.js"),C=require("./_plugin-vue_export-helper-BHFhmbuH.js"),G={id:{type:String,required:!1},editMode:{type:String,required:!1,validator:l=>l==null||n.EDIT_MODE_VALUES.includes(l)},status:{type:String,required:!1,default:n.DataStatus.R,validator:l=>n.DATA_STATUS_VALUES.includes(l)},modelValue:{type:Object,default:()=>({})}},O=s.defineComponent({name:"HInputGroup",props:G,emits:["update:modelValue","mounted"],setup(l,{emit:m}){const b=s.ref(null),S=s.ref(null),h=l.id??n.getUUID(),V=`hinputGroup:${h}`,D=s.ref(l.editMode??n.EditMode.editable),g=s.ref(l.status??n.DataStatus.R),d=s.ref([]),r=s.ref({}),p=s.ref({});s.provide("registerToInputGroup",e=>{var t,o,u,i,f;if(!d.value.includes(e)){d.value.push(e),d.value.sort((v,_)=>v.localeCompare(_));const c=l.modelValue??{};c&&Object.prototype.hasOwnProperty.call(c,e)&&((o=(t=n.hison.component.getInput(e))==null?void 0:t.setValue)==null||o.call(t,c[e]));const a=n.hison.component.getInput(e);if(((u=a==null?void 0:a.getInputType)==null?void 0:u.call(a))==="radio"){const v=((i=a.getName)==null?void 0:i.call(a))||e;r.value[v]||(r.value[v]=[]),r.value[v].includes(e)||r.value[v].push(e),(f=a.getValue)!=null&&f.call(a)?p.value[v]=e:Object.prototype.hasOwnProperty.call(p.value,v)||(p.value[v]=null)}}}),s.provide("radioMembershipChanged",(e,t,o,u)=>{var i,f;if(t!==o){if(t&&r.value[t]){if(r.value[t]=r.value[t].filter(c=>c!==e),p.value[t]===e){p.value[t]=null;const c={...l.modelValue||{}};c[t]=null,m("update:modelValue",c)}r.value[t].length===0&&(delete r.value[t],delete p.value[t])}if(r.value[o]||(r.value[o]=[]),r.value[o].includes(e)||r.value[o].push(e),u){p.value[o]=e;for(const a of r.value[o])(f=(i=n.hison.component.getInput(a))==null?void 0:i.setValue)==null||f.call(i,a===e);const c={...l.modelValue||{}};c[o]=e,m("update:modelValue",c),g.value!==n.DataStatus.U&&(g.value=n.DataStatus.U)}else Object.prototype.hasOwnProperty.call(p.value,o)||(p.value[o]=null)}}),s.provide("notifyInputGroupStatus",(e,t)=>{var u,i;if(r.value[e]){const f=e,c=t;p.value[f]=c;for(const v of r.value[f])(i=(u=n.hison.component.getInput(v))==null?void 0:u.setValue)==null||i.call(u,v===c);const a={...l.modelValue||{}};a[f]=c,m("update:modelValue",a),g.value!==n.DataStatus.U&&(g.value=n.DataStatus.U);return}g.value!==n.DataStatus.U&&(g.value=n.DataStatus.U);const o={...l.modelValue,[e]:t};m("update:modelValue",o)});const y=()=>{const e={};if(!d.value)return e;d.value.forEach(t=>{var u,i;const o=n.hison.component.getInput(t);o&&((u=o.getInputType)==null?void 0:u.call(o))!=="radio"&&(e[t]=(i=o.getValue)==null?void 0:i.call(o))});for(const[t,o]of Object.entries(r.value)){let u=p.value[t]??null;u&&!o.includes(u)&&(u=null),e[t]=u}return e},M=e=>{if(!(!e||typeof e!="object")){Object.keys(e).forEach(t=>{var o,u;if(d.value.includes(t)){const i=e[t];(u=(o=n.hison.component.getInput(t))==null?void 0:o.setValue)==null||u.call(o,i)}});for(const[t,o]of Object.entries(r.value)){if(!Object.prototype.hasOwnProperty.call(e,t))continue;const u=e[t];o.forEach(i=>{var a;const f=n.hison.component.getInput(i);if(!f)return;const c=u===i;(a=f.setValue)==null||a.call(f,c)}),p.value[t]=u??null}}},E=()=>{n.hisonCloser.component.inputGroupList[h]&&n.hisonCloser.component.inputGroupList[h].isHisonvueComponent&&console.warn(`[Hisonvue] The input group ID is at risk of being duplicated. ${h}`),n.registerReloadable(V,()=>{I(),setTimeout(E)}),b.value&&(S.value={isHisonvueComponent:!0,getId:()=>h,getType:()=>"inputGroup",clear:(e=!0)=>{d.value.forEach(t=>{const o=n.hison.component.getInput(t);o&&o.setValue(null)}),e&&(g.value=n.DataStatus.C)},getDataModel:()=>new n.hison.data.DataModel(y()),setDataModel:e=>{if(e.getRowCount()>0)return M(e.getRow(0))},getDataObject:()=>y(),setDataObject:e=>M(e),load:e=>{if(e&&e.getIsDataModel&&e.getIsDataModel()){const t=e;if(t.getColumnCount()===0||t.getRowCount()===0)return;M(t.getRow(0))}else e&&typeof e=="object"&&M(e)},getStatus:()=>g.value,setStatus:e=>{g.value=n.DataStatus[e]},isModified:()=>{for(const e of d.value){const t=n.hison.component.getInput(e);if(t&&t.isModified())return!0}return!1},initModified:()=>{d.value.forEach(e=>{const t=n.hison.component.getInput(e);t&&t.setModified(!1)})},checkRequired:()=>{var e,t;for(const o of d.value){const u=n.hison.component.getInput(o);if((e=u==null?void 0:u.getRequired)!=null&&e.call(u)&&!((t=u.getValue)!=null&&t.call(u)))return u}return null},getEditMode:()=>D.value,setEditMode:e=>{D.value=e,d.value.forEach(t=>{const o=n.hison.component.getInput(t);o&&o.setEditMode(e)})},focus:e=>{var t;if(e)return(t=n.hison.component.getInput(e))==null?void 0:t.focus();for(const o of d.value){const u=n.hison.component.getInput(o);if(u&&u.getEditMode()===n.EditMode.editable)return u.focus()}},reload:()=>n.reloadHisonComponent(V)},n.hisonCloser.component.inputGroupList[h]=S.value,m("mounted",S.value))},I=()=>{n.unregisterReloadable(V),delete n.hisonCloser.component.inputGroupList[h],d.value=[]};return s.onMounted(E),s.onBeforeUnmount(I),s.watch(()=>l.modelValue,e=>{M(e)},{deep:!0}),s.watch(()=>l.modelValue,e=>{M(e)},{deep:!0}),s.watch(()=>l.editMode,e=>{e&&e!==D.value&&(D.value=e,d.value.forEach(t=>{var o,u;return(u=(o=n.hison.component.getInput(t))==null?void 0:o.setEditMode)==null?void 0:u.call(o,D.value)}))}),s.watch(()=>l.status,e=>{e&&e!==g.value&&(g.value=e)}),{inputGroupRef:b,props:l}}}),j={ref:"inputGroupRef",class:"hison-data-group"};function R(l,m,b,S,h,V){return s.openBlock(),s.createElementBlock("div",j,[s.renderSlot(l.$slots,"default")],512)}const U=C._export_sfc(O,[["render",R]]);exports.default=U;