@farris/ui-vue 1.2.8 → 1.2.9

package/components/switch/index.umd.cjs

@@ -0,0 +1 @@
+(function(g,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js"],a):(g=typeof globalThis<"u"?globalThis:g||self,a(g.switch={},g.Vue,g.LodashES,g.dynamicResolver))})(this,function(g,a,V,U){"use strict";var de=Object.defineProperty;var ue=(g,a,V)=>a in g?de(g,a,{enumerable:!0,configurable:!0,writable:!0,value:V}):g[a]=V;var b=(g,a,V)=>ue(g,typeof a!="symbol"?a+"":a,V);const q={},W={};function A(r){const{properties:e,title:t,ignore:n}=r,o=n&&Array.isArray(n),p=Object.keys(e).reduce((u,l)=>((!o||!n.find(f=>f==l))&&(u[l]=e[l].type==="object"&&e[l].properties?A(e[l]):V.cloneDeep(e[l].default)),u),{});return(!o||!n.find(u=>u=="id"))&&(p.id=`${t}-${Date.now()}`),p}function j(r,e={},t){const n=q[r];if(n){let o=A(n);const p=W[r];return o=p?p({getSchemaByType:j},o,e,t):o,o}return null}function L(r,e){const t=A(e);return Object.keys(r).reduce((n,o)=>(n[o]&&typeof n[o]=="object"?Object.assign(n[o],r[o]):n[o]=r[o],n),t),t}function _(r,e){return Object.keys(r).filter(n=>r[n]!=null).reduce((n,o)=>{if(e.has(o)){const p=e.get(o);if(typeof p=="string")n[p]=r[o];else{const u=p(o,r[o],r);Object.assign(n,u)}}else n[o]=r[o];return n},{})}function J(r,e,t=new Map){const n=L(r,e);return _(n,t)}function Q(r={}){function e(i,c,d,m){if(typeof d=="number")return m[i].length===d;if(typeof d=="object"){const h=Object.keys(d)[0],v=d[h];if(h==="not")return Number(m[i].length)!==Number(v);if(h==="moreThan")return Number(m[i].length)>=Number(v);if(h==="lessThan")return Number(m[i].length)<=Number(v)}return!1}function t(i,c,d,m){return m[i]&&m[i].propertyValue&&String(m[i].propertyValue.value)===String(d)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(r).reduce((i,c)=>(i.set(c,r[c]),i),n);function o(i,c){const d=i;return typeof c=="number"?[{target:d,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:d,operator:"getProperty",param:i,value:!!c}]:typeof c=="object"?Object.keys(c).map(m=>{if(m==="length")return{target:d,operator:"length",param:null,value:c[m]};const h=m,v=c[m];return{target:d,operator:"getProperty",param:h,value:v}}):[]}function p(i){return Object.keys(i).reduce((d,m)=>{const h=o(m,i[m]);return d.push(...h),d},[])}function u(i,c){if(n.has(i.operator)){const d=n.get(i.operator);return d&&d(i.target,i.param,i.value,c)||!1}return!1}function l(i,c){return p(i).reduce((h,v)=>h&&u(v,c),!0)}function f(i,c){const d=Object.keys(i),m=d.includes("allOf"),h=d.includes("anyOf"),v=m||h,T=(v?i[v?m?"allOf":"anyOf":"allOf"]:[i]).map(O=>l(O,c));return m?!T.includes(!1):T.includes(!0)}return{parseValueSchema:f}}const s={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"}},X={},Y={};Q();function Z(r,e,t=new Map,n=(u,l,f)=>l,o={},p=u=>u){return q[e.title]=e,W[e.title]=n,X[e.title]=o,Y[e.title]=p,(u={})=>{const l=J(u,e,t),f=Object.keys(r).reduce((i,c)=>(i[c]=r[c].default,i),{});return Object.assign(f,l)}}function H(r,e){return{customClass:e.class,customStyle:e.style}}const x=new Map([["appearance",H]]),I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"switch",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a switch",type:"string"},type:{description:"The type string of switch component",type:"string",default:"switch"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},onBackground:{description:"",type:"string",default:""},offBackground:{description:"",type:"string",default:""},onColor:{description:"",type:"string",default:""},offColor:{description:"",type:"string",default:""},onLabel:{description:"",type:"string",default:""},offLabel:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},size:{description:"",type:"enum",default:"middle"}},required:["id","type"],ignore:["id","appearance","binding"]};function K(r,e,t){return e}const F={modelValue:{type:Boolean,default:!1},disabled:{type:Boolean},onBackground:{type:String},offBackground:{type:String},onColor:{type:String},offColor:{type:String},onLabel:{type:String},offLabel:{type:String},size:{type:String,default:"medium"},onModelValueChanged:{type:Function,default:()=>{}}},$=Z(F,I,x,K),P=a.defineComponent({name:"FSwitch",props:F,emits:["update:modelValue","modelValueChanged"],setup(r,e){const{disabled:t,size:n,onLabel:o,offLabel:p,onBackground:u,offBackground:l,onColor:f,offColor:i}=a.toRefs(r),c=a.ref(r.modelValue),d=a.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:c.value,disabled:t.value,"switch-large":n.value==="large","switch-medium":n.value==="medium","switch-small":n.value==="small"})),m=a.computed(()=>c.value?{outline:"none",background:u.value}:{outline:"none",backgroundColor:l.value}),h=a.computed(()=>c.value?{background:f.value}:{backgroundColor:i.value}),v=a.computed(()=>(o==null?void 0:o.value)||(p==null?void 0:p.value));function D(){t.value||(c.value=!c.value,e.emit("update:modelValue",c.value))}return a.watch(c,(M,T)=>{M!==T&&e.emit("modelValueChanged",M)}),a.watch(()=>r.modelValue,(M,T)=>{M!==T&&(c.value=M)}),()=>a.createVNode("span",{tabindex:"0",role:"button",class:d.value,style:m.value,onClick:D},[v.value&&a.createVNode("span",{class:"switch-pane"},[a.createVNode("span",{class:"switch-label-checked"},[o==null?void 0:o.value]),a.createVNode("span",{class:"switch-label-unchecked"},[p==null?void 0:p.value])]),a.createVNode("small",{style:h.value},[e.slots.default&&e.slots.default()])])}});function R(r,e,t){var G;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const o=t&&t.getStyles&&t.getStyles()||"",p=t&&t.getDesignerClass&&t.getDesignerClass()||"",u=a.ref();function l(){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 c(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function d(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const w=a.ref(y==null?void 0:y.value.parent),C=d(w);return C||null}function m(y=e){const{componentInstance:w,designerItemElementRef:C}=y;return!w||!w.value?null:w.value.canMove?C:m(y.parent)}function h(y){return!!t&&t.canAccepts(y)}function v(){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 M(y,w){w&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(w)}function T(y,w){const{componentType:C}=y;let k=j(C,y,w);t&&t.onResolveNewComponentSchema&&(k=t.onResolveNewComponentSchema(y,k));const N=C.toLowerCase().replace("-","_");return k&&!k.id&&k.type===C&&(k.id=`${N}_${Math.random().toString().slice(2,6)}`),k}function z(y,w){const C=String(y.getAttribute("data-controltype")),k=y.getAttribute("data-feature"),N=k?JSON.parse(k):{};N.parentComponentInstance=u.value;let S=j(C,N);t&&t.onAcceptNewChildElement&&(S=t.onAcceptNewChildElement(y,w,S));const pe=C.toLowerCase().replace("-","_");return S&&!S.id&&S.type===C&&(S.id=`${pe}_${Math.random().toString().slice(2,6)}`),S}function O(y){}function le(...y){if(t&&t.getPropsConfig)return t.getPropsConfig(...y)}return u.value={canMove:l(),canSelectParent:f(),canDelete:i(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(G=e==null?void 0:e.parent)==null?void 0:G.componentInstance,schema:e==null?void 0:e.schema,styles:o,designerClass:p,canAccepts:h,getBelongedComponentInstance:d,getDraggableDesignItemElement:m,getDraggingDisplayText:v,getPropConfig:le,getDragScopeElement:D,onAcceptMovedChildElement:M,onAcceptNewChildElement:z,onChildElementMovedOut:O,addNewChildComponentSchema:T,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},u}class ee{constructor(e,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.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 n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(o=>o.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:s[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(n=>{e.find(o=>o.key===n.key&&o.value===n.value)||e.push({key:n.key,value:n.value})});return e}};b(B,"fieldControlTypeMapping",{String:[{key:s["input-group"].type,value:s["input-group"].name},{key:s.lookup.type,value:s.lookup.name},{key:s["date-picker"].type,value:s["date-picker"].name},{key:s["check-box"].type,value:s["check-box"].name},{key:s["radio-group"].type,value:s["radio-group"].name},{key:s["combo-list"].type,value:s["combo-list"].name},{key:s.textarea.type,value:s.textarea.name}],Text:[{key:s.textarea.type,value:s.textarea.name},{key:s.lookup.type,value:s.lookup.name}],Decimal:[{key:s["number-spinner"].type,value:s["number-spinner"].name}],Integer:[{key:s["number-spinner"].type,value:s["number-spinner"].name}],Number:[{key:s["number-spinner"].type,value:s["number-spinner"].name}],BigNumber:[{key:s["number-spinner"].type,value:s["number-spinner"].name}],Date:[{key:s["date-picker"].type,value:s["date-picker"].name}],DateTime:[{key:s["date-picker"].type,value:s["date-picker"].name}],Boolean:[{key:s.switch.type,value:s.switch.name},{key:s["check-box"].type,value:s["check-box"].name}],Enum:[{key:s["combo-list"].type,value:s["combo-list"].name},{key:s["radio-group"].type,value:s["radio-group"].name}],Object:[{key:s.lookup.type,value:s.lookup.name},{key:s["combo-list"].type,value:s["combo-list"].name},{key:s["radio-group"].type,value:s["radio-group"].name}]});let E=B;const te=a.ref(0);class ne extends ee{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 n=this;this.setDesignViewModelField(e);const o=this.formSchemaUtils.getFormMetadataBasicInfo(),p=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:n.designViewModelField?E.getEditorTypesByMDataType((u=n.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:o},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:p}}},setPropertyRelates(l,f){if(l)switch(l&&l.propertyID){case"type":{n.changeControlType(e,l,t);break}case"label":{l.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,n){var i,c,d,m;const o=t.propertyValue,p=n&&n.parent&&n.parent.schema;if(!p)return;const u=p.contents.findIndex(h=>h.id===e.id),l=p.contents[u];let f;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:o},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),f=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,o)),f||(f=U.getSchemaByType("form-group")||{},f.editor=U.getSchemaByType(o)||{},delete f.editor.id,delete f.editor.binding,delete f.editor.appearance),Object.assign(f,{id:l.id,appearance:l.appearance,size:l.size,label:l.label,binding:l.binding,visible:l.visible}),Object.assign(f.editor,{isTextArea:f.isTextArea&&l.isTextArea,placeholder:(i=l.editor)==null?void 0:i.placeholder,holdPlace:(c=l.editor)==null?void 0:c.holdPlace,readonly:(d=l.editor)==null?void 0:d.readonly,require:(m=l.editor)==null?void 0:m.require}),p.contents.splice(u,1),p.contents.splice(u,0,f),n.schema=Object.assign(l,f),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(h=>h.classList.remove("dgComponentSelected")),te.value++}getComponentConfig(e,t={},n={}){const o=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},t),p=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...o,properties:{...p}}}}class oe extends ne{constructor(e,t){super(e,t)}getEditorProperties(e){return this.getComponentConfig(e,{type:"switch"},{readonly:{visible:!1},placeholder:{visible:!1},onLabel:{description:"",title:"打开时标签",type:"string"},offLabel:{description:"",title:"关闭时标签",type:"string"},onBackground:{description:"",title:"打开时背景色",type:"string"},offBackground:{description:"",title:"关闭时背景色",type:"string"},size:{description:"",title:"尺寸",type:"enum",editor:{data:[{value:"small",name:"小号"},{value:"middle",name:"中号"},{value:"large",name:"大号"}]}}})}}function re(r,e){r.schema;const t=a.ref(!0),n=a.ref(!0);function o(d){return!1}function p(){return!1}function u(){return!1}function l(){return!0}function f(d){}function i(){}function c(d){return null}return{canAccepts:o,checkCanDeleteComponent:p,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:f,resolveComponentContext:i,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:n,getPropsConfig:c}}function ie(r,e){const{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:u,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:i}=re(r),c=r.schema;function d(m,h){return new oe(m,e).getPropertyConfig(c,h)}return{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:u,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:d}}const ae=a.defineComponent({name:"FSwitchDesign",props:F,emits:["update:modelValue"],setup(r,e){const{size:t,onLabel:n,offLabel:o}=a.toRefs(r),p=a.ref(),u=a.inject("designer-host-service"),l=a.inject("design-item-context"),f=ie(l,u),i=R(p,l,f);a.onMounted(()=>{p.value.componentInstance=i}),e.expose(i.value);const c=a.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:!1,"switch-large":t.value==="large","switch-medium":t.value==="medium","switch-small":t.value==="small"})),d=a.computed(()=>(n==null?void 0:n.value)||(o==null?void 0:o.value));return()=>a.createVNode("span",{ref:p,tabindex:"0",role:"button",class:c.value},[d.value&&a.createVNode("span",{class:"switch-pane"},[a.createVNode("span",{class:"switch-label-unchecked"},[o==null?void 0:o.value])]),a.createVNode("small",null,[e.slots.default&&e.slots.default()])])}}),se=r=>{const e=r;return e.install=function(t){t.component(e.name,r)},r};P.register=(r,e,t,n)=>{r.switch=P,e.switch=$},P.registerDesigner=(r,e,t)=>{r.switch=ae,e.switch=$};const ce=se(P);g.FSwitch=P,g.default=ce,g.propsResolver=$,g.switchProps=F,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});