@farris/ui-vue 1.5.7 → 1.5.8

package/designer/input-group/index.umd.cjs

@@ -0,0 +1 @@
+(function(f,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/input-group/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/input-group/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","lodash-es"],b):(f=typeof globalThis<"u"?globalThis:f||self,b(f["input-group"]={},f.common,f.dynamicResolver,f.FInputGroup,f.Vue,f.designerCanvas,f.propertyPanel))})(this,function(f,b,N,P,i,I,M){"use strict";const F={id:{Type:String,default:""},autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},type:{Type:String,default:"text"},max:{type:[Number,String]},min:{type:[Number,String]},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},showBorder:{Type:Boolean,default:!0},step:{Type:Number,default:1},placeholder:{Type:String,default:""},precision:{Type:Number,default:0},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number,default:0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""},autoHeight:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},rows:{type:Number,default:2},showCount:{type:Boolean,default:!1},showZero:{type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"},formatValidation:{type:Object,default:{}},keyboard:{type:Boolean,default:!0}};function E(e,t){const n=i.ref(e.groupText),l=i.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),u=i.computed(()=>e.type==="password"||e.enableClear||!!e.groupText||l.value);return{appendedButtonClass:i.computed(()=>({"input-group-append":!0,"append-force-show":l.value})),appendedContent:n,shouldShowAppendedButton:u}}function O(e,t,n,l){const{appendedContent:u}=l,p=i.ref(e.enableViewPassword),y=i.computed(()=>e.type==="password"),h='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',g='<span class="f-icon f-icon-eye"></span>',o=i.ref(!1);i.watch(()=>[e.readonly,e.disabled],([a,d])=>{y.value&&(n.value=a||d?"password":n.value,u.value=a||d?g:u.value)});function s(){return o.value=!o.value,n.value=o.value?"text":"password",u.value=o.value?h:g,!1}function r(){n.value=y.value?"password":"text",u.value=y.value?p.value?g:"":u.value}return r(),{isPassword:y,onClickAppendedButton:s}}function Z(e,t,n,l,u){const{appendedButtonClass:p,appendedContent:y}=n,h=i.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),g=i.computed(()=>y.value&&!t.slots.groupTextTemplate),o=i.computed(()=>!!t.slots.groupTextTemplate),{clearButtonClass:s,clearButtonStyle:r,onClearValue:a,shouldShowClearButton:d}=l;function c(){return i.createVNode("span",{id:"clearIcon",class:s.value,style:r.value,onClick:m=>a(m)},[i.createVNode("i",{class:"f-icon modal_close"},null)])}function T(m){t.emit("iconMouseEnter",m)}function B(m){t.emit("iconMouseLeave",m)}function C(m){h.value&&t.emit("clickHandle",{originalEvent:m}),m.stopPropagation()}const w=e.type==="password"?u.onClickAppendedButton:C;function V(){return i.createVNode("span",{class:"input-group-text",onMouseenter:m=>T(m),onMouseleave:m=>B(m),innerHTML:y.value,onClick:m=>w(m)},null)}function A(){return t.slots.groupTextTemplate&&t.slots.groupTextTemplate()}function U(){return g.value?V:o.value?A:""}const j=U();return()=>i.createVNode("div",{class:p.value},[d.value&&c(),j&&j()])}const S=[{key:"none",value:"无"},{key:"cellNumber",value:"手机号"},{key:"tel",value:"座机号/传真号"},{key:"telOrCell",value:"手机号/座机号/传真号"},{key:"postCode",value:"邮编"},{key:"email",value:"电子邮箱"},{key:"idCode",value:"身份证号"},{key:"carCode",value:"车牌号"},{key:"subjectCode",value:"10位数字会计科目代码"},{key:"custom",value:"自定义"}];function $(e){switch(e){case"none":return"";case"cellNumber":return"^1[0-9]{10}$";case"tel":return"^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$";case"telOrCell":return"^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$|^1[0-9]{10}$";case"postCode":return"^[1-9]\\d{5}(?!\\d)$";case"workCode":return"^\\d{8}$";case"email":return"^[A-Za-z\\d]+([-_.][A-Za-z\\d]+)*@([A-Za-z\\d]+[-.])+[A-Za-z]{2,5}$";case"idCode":return"^[1-9]\\d{5}[1-9]\\d{3}((0[1-9])|(1[0-2]))(0[1-9]|([1|2][0-9])|3[0-1])((\\d{4})|\\d{3}X)$";case"carCode":return"^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][·\\s]?[A-HJ-NP-Z0-9]{4,5}[挂学警港澳]?|粤[Z港澳][·\\s]?[港澳][0-9A-HJ-NP-Z]{4}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?([DF][0-9A-HJ-NP-Z][0-9]{4}|[0-9]{5}[DF])[挂港澳]?|[使领][0-9]{3}[·\\s]?[0-9]{3}|临[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?[0-9A-Z]{4,5}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z]?[·\\s]?警[0-9A-Z]{4}|[军海空][A-Z][·\\s]?[0-9]{4,5}|WJ(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]|\\d{2})[·\\s]?[0-9A-Z]{4,5})$";case"carCodeNew":return"^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$";case"subjectCode":return"^\\d{10}$"}return""}function H(e){var t;return"请输入正确的"+((t=S.find(n=>n.key===e))==null?void 0:t.value)}const G={convertTo:(e,t,n,l)=>{e.editor.formatValidation||(e.editor.formatValidation={type:"none"}),e.editor.formatValidation.type=n,e.editor.formatValidation.expression=$(n),e.editor.formatValidation.message=H(n)},convertFrom:(e,t,n)=>e.editor.formatValidation?t==="type"?e.editor.formatValidation[t]||"none":e.editor.formatValidation[t]:"none"},k={convertTo:(e,t,n,l)=>{e.editor.formatValidation||(e.editor.formatValidation={type:"none"}),e.editor.formatValidation[t]=n},convertFrom:(e,t,n)=>e.editor.formatValidation?e.editor.formatValidation[t]:e.editor[t]};class L extends M.InputBaseProperty{constructor(t,n){super(t,n)}getPropertyConfig(t,n){return super.getPropertyConfig(t,n),this.propertyConfig.categories.formatValidation=this.getFormatValidation(t),this.propertyConfig}getEditorProperties(t){var l,u;let n;if(((l=t==null?void 0:t.binding)==null?void 0:l.type)==="Form"){const p=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(u=p==null?void 0:p.schemaField)!=null&&u.type&&(n=p.schemaField.type.length)}return this.getComponentConfig(t,{},{maxLength:{description:"文本字数最大长度",title:"最大长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,max:n}},enableViewPassword:{description:"",title:"启用密码",visible:!1,type:"boolean"}})}getFormatValidation(t){var l,u,p;const n={title:"输入格式校验",description:"输入格式校验",properties:{type:{title:"输入类型",type:"enum",description:"输入类型",defaultValue:"",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:S},refreshPanelAfterChanged:!0,$converter:G}}};return(l=t.editor.formatValidation)!=null&&l.type&&((u=t.editor.formatValidation)==null?void 0:u.type)!=="none"&&(n.properties.message={title:"输入错误提示",type:"string",description:"输入错误提示",$converter:k}),((p=t.editor.formatValidation)==null?void 0:p.type)==="custom"&&(n.properties.expression={title:"匹配正则",type:"string",description:"匹配正则",$converter:k}),n}}function R(e,t){const n=e.schema;function l(u,p){return new L(u,t).getPropertyConfig(n,p)}return{getPropsConfig:l}}const v=i.defineComponent({name:"FInputGroupDesign",props:F,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,t){const n=i.ref(e.modelValue),l=i.ref(e.modelValue),u=b.useTextBoxDesign(e,t,n,l),{inputGroupClass:p,inputType:y,inputGroupStyle:h}=u,g=E(e),{shouldShowAppendedButton:o}=g,s=b.useClear(e,t,u),{onMouseEnter:r,onMouseLeave:a}=s,d=O(e,t,y,g),c=i.ref(),T=i.inject("designer-host-service"),B=i.inject("design-item-context"),C=R(B,T),w=I.useDesignerComponent(c,B,C);i.onMounted(()=>{c.value.componentInstance=w}),t.expose(w.value);const V=Z(e,t,g,s,d),A=i.ref();return()=>i.createVNode("div",{id:"inputGroup",ref:c,class:p.value,style:h.value,onMouseenter:r,onMouseleave:a},[i.createVNode("input",{ref:A,class:"form-control",readonly:!0,placeholder:e.placeholder},null),o.value&&V()])}});function q(e={}){function t(o,s,r,a){if(typeof r=="number")return a[o].length===r;if(typeof r=="object"){const d=Object.keys(r)[0],c=r[d];if(d==="not")return Number(a[o].length)!==Number(c);if(d==="moreThan")return Number(a[o].length)>=Number(c);if(d==="lessThan")return Number(a[o].length)<=Number(c)}return!1}function n(o,s,r,a){return a[o]&&a[o].propertyValue&&String(a[o].propertyValue.value)===String(r)}const l=new Map([["length",t],["getProperty",n]]);Object.keys(e).reduce((o,s)=>(o.set(s,e[s]),o),l);function u(o,s){const r=o;return typeof s=="number"?[{target:r,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:r,operator:"getProperty",param:o,value:!!s}]:typeof s=="object"?Object.keys(s).map(a=>{if(a==="length")return{target:r,operator:"length",param:null,value:s[a]};const d=a,c=s[a];return{target:r,operator:"getProperty",param:d,value:c}}):[]}function p(o){return Object.keys(o).reduce((r,a)=>{const d=u(a,o[a]);return r.push(...d),r},[])}function y(o,s){if(l.has(o.operator)){const r=l.get(o.operator);return r&&r(o.target,o.param,o.value,s)||!1}return!1}function h(o,s){return p(o).reduce((d,c)=>d&&y(c,s),!0)}function g(o,s){const r=Object.keys(o),a=r.includes("allOf"),d=r.includes("anyOf"),c=a||d,C=(c?o[c?a?"allOf":"anyOf":"allOf"]:[o]).map(V=>h(V,s));return a?!C.includes(!1):C.includes(!0)}return{parseValueSchema:g}}q();function D(e,t){return{customClass:t.class,customStyle:t.style}}const W=new Map([["appearance",D]]);function J(e,t,n){return t}const z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},formatValidation:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},labelWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabIndex:{description:"",type:"number",default:-1},maxLength:{description:"",type:"number",default:""},textAlign:{description:"",type:"enum",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!1},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},maxHeight:{description:"",type:"number",default:500},popUp:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},groupText:{description:"",type:"string",default:""},onClickHandle:{description:"",type:"string",default:""},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""},updateOn:{description:"",type:"string",default:"blur"}},required:["type"],ignore:["id","appearance","binding","visible"]},x=N.createPropsResolver(P.inputGroupProps,z,W,J);v.register=(e,t,n,l)=>{e["input-group"]=P,t["input-group"]=x},v.registerDesigner=(e,t,n)=>{e["input-group"]=v,t["input-group"]=x};const _=b.withInstall(v);f.FInputGroupDesgin=v,f.default=_,f.propsResolver=x,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});