@farris/ui-vue 1.2.8 → 1.2.9

package/components/textarea/index.umd.cjs

@@ -0,0 +1 @@
+(function(g,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../dynamic-resolver/index.umd.js"],l):(g=typeof globalThis<"u"?globalThis:g||self,l(g.textarea={},g.Vue,g.LodashES,g.common,g.dynamicResolver))})(this,function(g,l,V,O,q){"use strict";var ue=Object.defineProperty;var me=(g,l,V)=>l in g?ue(g,l,{enumerable:!0,configurable:!0,writable:!0,value:V}):g[l]=V;var v=(g,l,V)=>me(g,typeof l!="symbol"?l+"":l,V);const G={},W={};function j(n){const{properties:e,title:t,ignore:o}=n,r=o&&Array.isArray(o),d=Object.keys(e).reduce((u,c)=>((!r||!o.find(f=>f==c))&&(u[c]=e[c].type==="object"&&e[c].properties?j(e[c]):V.cloneDeep(e[c].default)),u),{});return(!r||!o.find(u=>u=="id"))&&(d.id=`${t}-${Date.now()}`),d}function L(n,e={},t){const o=G[n];if(o){let r=j(o);const d=W[n];return r=d?d({getSchemaByType:L},r,e,t):r,r}return null}function z(n,e){const t=j(e);return Object.keys(n).reduce((o,r)=>(o[r]&&typeof o[r]=="object"?Object.assign(o[r],n[r]):o[r]=n[r],o),t),t}function J(n,e){return Object.keys(n).filter(o=>n[o]!=null).reduce((o,r)=>{if(e.has(r)){const d=e.get(r);if(typeof d=="string")o[d]=n[r];else{const u=d(r,n[r],n);Object.assign(o,u)}}else o[r]=n[r];return o},{})}function Q(n,e,t=new Map){const o=z(n,e);return J(o,t)}function X(n={}){function e(i,s,p,m){if(typeof p=="number")return m[i].length===p;if(typeof p=="object"){const h=Object.keys(p)[0],b=p[h];if(h==="not")return Number(m[i].length)!==Number(b);if(h==="moreThan")return Number(m[i].length)>=Number(b);if(h==="lessThan")return Number(m[i].length)<=Number(b)}return!1}function t(i,s,p,m){return m[i]&&m[i].propertyValue&&String(m[i].propertyValue.value)===String(p)}const o=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((i,s)=>(i.set(s,n[s]),i),o);function r(i,s){const p=i;return typeof s=="number"?[{target:p,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:p,operator:"getProperty",param:i,value:!!s}]:typeof s=="object"?Object.keys(s).map(m=>{if(m==="length")return{target:p,operator:"length",param:null,value:s[m]};const h=m,b=s[m];return{target:p,operator:"getProperty",param:h,value:b}}):[]}function d(i){return Object.keys(i).reduce((p,m)=>{const h=r(m,i[m]);return p.push(...h),p},[])}function u(i,s){if(o.has(i.operator)){const p=o.get(i.operator);return p&&p(i.target,i.param,i.value,s)||!1}return!1}function c(i,s){return d(i).reduce((h,b)=>h&&u(b,s),!0)}function f(i,s){const p=Object.keys(i),m=p.includes("allOf"),h=p.includes("anyOf"),b=m||h,P=(b?i[b?m?"allOf":"anyOf":"allOf"]:[i]).map(x=>c(x,s));return m?!P.includes(!1):P.includes(!0)}return{parseValueSchema:f}}const a={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"}},Y={},Z={};X();function H(n,e,t=new Map,o=(u,c,f)=>c,r={},d=u=>u){return G[e.title]=e,W[e.title]=o,Y[e.title]=r,Z[e.title]=d,(u={})=>{const c=Q(u,e,t),f=Object.keys(n).reduce((i,s)=>(i[s]=n[s].default,i),{});return Object.assign(f,c)}}function I(n,e){return{customClass:e.class,customStyle:e.style}}const K=new Map([["appearance",I]]),R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"textarea",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a textarea",type:"string"},type:{description:"The type string of textarea component",type:"string",default:"textarea"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},ignore:["id","appearance","binding"]},required:["id","type"]};function ee(n,e,t){return e}const F={autofocus:{type:Boolean,default:!1},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},id:{type:String,default:""},minLength:{type:Number,default:0},maxLength:{type:Number},modelValue:{type:String,default:""},placeholder:{type:String,default:""},readonly:{type:Boolean,default:!1},rows:{type:Boolean},showCount:{type:Boolean,default:!1},showBorder:{Type:Boolean,default:!0},tabIndex:{type:Number,default:-1}},U=H(F,R,K,ee),S=l.defineComponent({name:"FTextarea",props:F,emits:["update:modelValue","valueChange"],setup(n,e){const t=l.ref(),o=l.ref(n.modelValue),r=l.computed(()=>n.modelValue),d=O.useTextBox(n,e,o,r),{inputGroupClass:u,onBlur:c,onFocus:f}=d,i=O.useClear(n,e,d),{onMouseEnter:s,onMouseLeave:p,clearButtonClass:m,shouldShowClearButton:h,clearButtonStyle:b}=i,D=l.computed(()=>n.maxLength?n.maxLength:n.modelValue.length),A=C=>{var x,N;C.stopPropagation(),e.emit("update:modelValue",(x=C.target)==null?void 0:x.value),e.emit("valueChange",(N=C.target)==null?void 0:N.value)},P=C=>{C.stopPropagation(),t.value.value="",e.emit("update:modelValue",""),e.emit("valueChange","")};return l.onMounted(()=>{}),()=>l.createVNode("div",{class:u.value,onMouseenter:s,onMouseleave:p,style:"position:relative"},[l.withDirectives(l.createVNode("textarea",{id:n.id,"onUpdate:modelValue":C=>n.modelValue=C,ref:t,minlength:n.minLength,maxlength:n.maxLength?n.maxLength:null,tabindex:n.tabIndex,disabled:n.disabled,readonly:n.readonly,autocomplete:n.autocomplete,placeholder:n.placeholder,autofocus:n.autofocus,rows:n.rows,onInput:A,onFocus:f,onBlur:c,style:"border-radius:6px; padding:5px 10px; width:100%"},null),[[l.vModelText,n.modelValue]]),h.value&&l.createVNode("span",{id:"clearIcon",class:m.value,style:b.value,onClick:C=>P(C)},[l.createVNode("i",{class:"f-icon modal_close"},null)]),n.showCount&&l.createVNode("span",{style:"position: absolute;bottom: 5px;right: 10px"},[`${n.modelValue.length}/${D.value}`])])}});function te(n,e,t){var _;function o(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}o();const r=t&&t.getStyles&&t.getStyles()||"",d=t&&t.getDesignerClass&&t.getDesignerClass()||"",u=l.ref();function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function f(){return!1}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function s(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function p(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const M=l.ref(y==null?void 0:y.value.parent),k=p(M);return k||null}function m(y=e){const{componentInstance:M,designerItemElementRef:k}=y;return!M||!M.value?null:M.value.canMove?k:m(y.parent)}function h(y){return!!t&&t.canAccepts(y)}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function D(){}function A(y,M){M&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(M)}function P(y,M){const{componentType:k}=y;let w=L(k,y,M);t&&t.onResolveNewComponentSchema&&(w=t.onResolveNewComponentSchema(y,w));const $=k.toLowerCase().replace("-","_");return w&&!w.id&&w.type===k&&(w.id=`${$}_${Math.random().toString().slice(2,6)}`),w}function C(y,M){const k=String(y.getAttribute("data-controltype")),w=y.getAttribute("data-feature"),$=w?JSON.parse(w):{};$.parentComponentInstance=u.value;let T=L(k,$);t&&t.onAcceptNewChildElement&&(T=t.onAcceptNewChildElement(y,M,T));const de=k.toLowerCase().replace("-","_");return T&&!T.id&&T.type===k&&(T.id=`${de}_${Math.random().toString().slice(2,6)}`),T}function x(y){}function N(...y){if(t&&t.getPropsConfig)return t.getPropsConfig(...y)}return u.value={canMove:c(),canSelectParent:f(),canDelete:i(),canNested:!s(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(_=e==null?void 0:e.parent)==null?void 0:_.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:d,canAccepts:h,getBelongedComponentInstance:p,getDraggableDesignItemElement:m,getDraggingDisplayText:b,getPropConfig:N,getDragScopeElement:D,onAcceptMovedChildElement:A,onAcceptNewChildElement:C,onChildElementMovedOut:x,addNewChildComponentSchema:P,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||l.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||l.ref(!1)},u}class ne{constructor(e,t){v(this,"componentId");v(this,"viewModelId");v(this,"eventsEditorUtils");v(this,"formSchemaUtils");v(this,"formMetadataConverter");v(this,"designViewModelUtils");v(this,"designViewModelField");v(this,"controlCreatorUtils");v(this,"designerHostService");v(this,"schemaService",null);v(this,"metadataService",null);v(this,"propertyConfig",{type:"object",categories:{}});var o;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((o=this.formSchemaUtils)==null?void 0:o.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(r=>r.id===t)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,t){}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:e.type,name:a[e.type].name}]}}}}}getAppearanceConfig(e=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}}const B=class B{static getEditorTypesByMDataType(e){const t=B.fieldControlTypeMapping[e];return t||[{key:"",value:""}]}static getAllInputTypes(){const e=[];for(let t in B.fieldControlTypeMapping)B.fieldControlTypeMapping[t].forEach(o=>{e.find(r=>r.key===o.key&&r.value===o.value)||e.push({key:o.key,value:o.value})});return e}};v(B,"fieldControlTypeMapping",{String:[{key:a["input-group"].type,value:a["input-group"].name},{key:a.lookup.type,value:a.lookup.name},{key:a["date-picker"].type,value:a["date-picker"].name},{key:a["check-box"].type,value:a["check-box"].name},{key:a["radio-group"].type,value:a["radio-group"].name},{key:a["combo-list"].type,value:a["combo-list"].name},{key:a.textarea.type,value:a.textarea.name}],Text:[{key:a.textarea.type,value:a.textarea.name},{key:a.lookup.type,value:a.lookup.name}],Decimal:[{key:a["number-spinner"].type,value:a["number-spinner"].name}],Integer:[{key:a["number-spinner"].type,value:a["number-spinner"].name}],Number:[{key:a["number-spinner"].type,value:a["number-spinner"].name}],BigNumber:[{key:a["number-spinner"].type,value:a["number-spinner"].name}],Date:[{key:a["date-picker"].type,value:a["date-picker"].name}],DateTime:[{key:a["date-picker"].type,value:a["date-picker"].name}],Boolean:[{key:a.switch.type,value:a.switch.name},{key:a["check-box"].type,value:a["check-box"].name}],Enum:[{key:a["combo-list"].type,value:a["combo-list"].name},{key:a["radio-group"].type,value:a["radio-group"].name}],Object:[{key:a.lookup.type,value:a.lookup.name},{key:a["combo-list"].type,value:a["combo-list"].name},{key:a["radio-group"].type,value:a["radio-group"].name}]});let E=B;const oe=l.ref(0);class re extends ne{constructor(e,t){super(e,t)}getPropertyConfig(e,t){return this.propertyConfig.categories.basic=this.getBasicProperties(e,t),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,t){var u;var o=this;this.setDesignViewModelField(e);const r=this.formSchemaUtils.getFormMetadataBasicInfo(),d=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:o.designViewModelField?E.getEditorTypesByMDataType((u=o.designViewModelField.type)==null?void 0:u.name):E.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:e,formBasicInfo:r},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:d}}},setPropertyRelates(c,f){if(c)switch(c&&c.propertyID){case"type":{o.changeControlType(e,c,t);break}case"label":{c.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,t,o){var i,s,p,m;const r=t.propertyValue,d=o&&o.parent&&o.parent.schema;if(!d)return;const u=d.contents.findIndex(h=>h.id===e.id),c=d.contents[u];let f;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:r},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),f=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,r)),f||(f=q.getSchemaByType("form-group")||{},f.editor=q.getSchemaByType(r)||{},delete f.editor.id,delete f.editor.binding,delete f.editor.appearance),Object.assign(f,{id:c.id,appearance:c.appearance,size:c.size,label:c.label,binding:c.binding,visible:c.visible}),Object.assign(f.editor,{isTextArea:f.isTextArea&&c.isTextArea,placeholder:(i=c.editor)==null?void 0:i.placeholder,holdPlace:(s=c.editor)==null?void 0:s.holdPlace,readonly:(p=c.editor)==null?void 0:p.readonly,require:(m=c.editor)==null?void 0:m.require}),d.contents.splice(u,1),d.contents.splice(u,0,f),o.schema=Object.assign(c,f),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(h=>h.classList.remove("dgComponentSelected")),oe.value++}getComponentConfig(e,t={},o={}){const r=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},t),d=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},o);return{...r,properties:{...d}}}}class ae extends re{constructor(e,t){super(e,t)}}function ie(n,e){n.schema;const t=l.ref(!0),o=l.ref(!0);function r(p){return!1}function d(){return!1}function u(){return!1}function c(){return!0}function f(p){}function i(){}function s(p){return null}return{canAccepts:r,checkCanDeleteComponent:d,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:c,onAcceptMovedChildElement:f,resolveComponentContext:i,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:o,getPropsConfig:s}}function le(n,e){const{canAccepts:t,checkCanDeleteComponent:o,checkCanMoveComponent:r,hideNestedPaddingInDesginerView:d,onAcceptMovedChildElement:u,resolveComponentContext:c,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:i}=ie(n),s=n.schema;function p(m,h){return new ae(m,e).getPropertyConfig(s,h)}return{canAccepts:t,checkCanDeleteComponent:o,checkCanMoveComponent:r,hideNestedPaddingInDesginerView:d,onAcceptMovedChildElement:u,resolveComponentContext:c,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:p}}const ce=l.defineComponent({name:"FTextareaDesign",props:F,emits:[""],setup(n,e){const t=l.ref(),o=l.inject("designer-host-service"),r=l.inject("design-item-context"),d=le(r,o),u=te(t,r,d),c=l.computed(()=>n.maxLength?n.maxLength:n.modelValue.length),f=l.computed(()=>({position:"relative"})),i=l.computed(()=>({"box-shadow":"0 0 0 1px #dcdfe6 inset",border:"none",padding:"5px 10px",width:"100%"})),s={position:"absolute",bottom:"5px",right:"10px"};return l.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value),()=>l.createVNode("div",{style:f.value,ref:t},[l.createVNode("textarea",{id:n.id,tabindex:n.tabIndex,disabled:!1,readonly:!0,style:i.value,placeholder:n.placeholder,rows:n.rows},null),n.showCount&&l.createVNode("span",{style:s},[`${n.modelValue.length}/${c.value}`])])}}),se=n=>{const e=n;return e.install=function(t){t.component(e.name,n)},n};S.register=(n,e,t,o)=>{n.textarea=S,e.textarea=U},S.registerDesigner=(n,e,t)=>{n.textarea=ce,e.textarea=U};const pe=se(S);g.FTextarea=S,g.default=pe,g.propsResolver=U,g.textAreaProps=F,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});