@farris/ui-vue 1.2.5 → 1.2.7

package/components/radio-group/index.umd.cjs

@@ -1 +1 @@
-(function(C,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("@farris/ui-vue/components/common"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","@farris/ui-vue/components/common","lodash-es"],a):(C=typeof globalThis<"u"?globalThis:C||self,a(C["radio-group"]={},C.Vue,C.common,C.LodashES))})(this,function(C,a,w,R){"use strict";var de=Object.defineProperty;var ue=(C,a,w)=>a in C?de(C,a,{enumerable:!0,configurable:!0,writable:!0,value:w}):C[a]=w;var T=(C,a,w)=>ue(C,typeof a!="symbol"?a+"":a,w);const O={value:{type:String,default:""},modelValue:{type:String,default:""},name:{type:String,default:""},label:{type:String,default:""},id:{type:String,default:""}},L=Symbol("radioGroupContext"),U=a.defineComponent({name:"FRadio",props:O,emits:["update:value"],setup(o,e){const t=a.inject(L,null),{buttonClass:n,checked:l,disabled:s,name:y,tagClass:u,shouldRenderButton:m,shouldRenderNative:i,shouldRenderTag:c,onClickRadio:p}=w.useCheck(o,e,t==null?void 0:t.parentProps,t==null?void 0:t.parentContext);return a.onMounted(()=>{}),()=>{var d,f,h,S,F,k;return a.createVNode(a.Fragment,null,[m.value&&a.createVNode("div",{class:n.value,style:"border-radius:0;border: 1px solid #E8EBF2;",onClick:p},[(f=(d=e.slots).default)==null?void 0:f.call(d)]),c.value&&a.createVNode("div",{class:u.value,onClick:p},[a.createVNode("div",{class:"title"},[(S=(h=e.slots).default)==null?void 0:S.call(h)]),a.createVNode("div",{class:"tip"},null),a.createVNode("span",{class:"f-icon f-icon-check f-radio-icon"},null)]),i.value&&a.createVNode("div",{class:"custom-control custom-radio",onClick:p},[a.createVNode("input",{type:"radio",class:"custom-control-input",name:y.value,id:o.id,value:o.value,checked:l.value,disabled:s.value},null),a.createVNode("div",{class:"custom-control-label"},[(k=(F=e.slots).default)==null?void 0:k.call(F)])])])}}});function W(o,e,t){return e}const z={},x={};function D(o){const{properties:e,title:t}=o,n=Object.keys(e).reduce((l,s)=>(l[s]=e[s].type==="object"&&e[s].properties?D(e[s]):R.cloneDeep(e[s].default),l),{});return n.id=`${t}-${Date.now()}`,n}function N(o,e={}){const t=z[o];if(t){let n=D(t);const l=x[o];return n=l?l({getSchemaByType:N},n,e):n,n}return null}function q(o,e){const t=D(e);return Object.keys(o).reduce((n,l)=>(n[l]=o[l],n),t),t}function Q(o,e){return Object.keys(o).filter(n=>o[n]!=null).reduce((n,l)=>{if(e.has(l)){const s=e.get(l);if(typeof s=="string")n[s]=o[l];else{const y=s(l,o[l],o);Object.assign(n,y)}}else n[l]=o[l];return n},{})}function _(o,e,t=new Map){const n=q(o,e);return Q(n,t)}function X(o={}){function e(i,c,p,d){if(typeof p=="number")return d[i].length===p;if(typeof p=="object"){const f=Object.keys(p)[0],h=p[f];if(f==="not")return Number(d[i].length)!==Number(h);if(f==="moreThan")return Number(d[i].length)>=Number(h);if(f==="lessThan")return Number(d[i].length)<=Number(h)}return!1}function t(i,c,p,d){return d[i]&&d[i].propertyValue&&String(d[i].propertyValue.value)===String(p)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(o).reduce((i,c)=>(i.set(c,o[c]),i),n);function l(i,c){const p=i;return typeof c=="number"?[{target:p,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:p,operator:"getProperty",param:i,value:!!c}]:typeof c=="object"?Object.keys(c).map(d=>{if(d==="length")return{target:p,operator:"length",param:null,value:c[d]};const f=d,h=c[d];return{target:p,operator:"getProperty",param:f,value:h}}):[]}function s(i){return Object.keys(i).reduce((p,d)=>{const f=l(d,i[d]);return p.push(...f),p},[])}function y(i,c){if(n.has(i.operator)){const p=n.get(i.operator);return p&&p(i.target,i.param,i.value,c)||!1}return!1}function u(i,c){return s(i).reduce((f,h)=>f&&y(h,c),!0)}function m(i,c){const p=Object.keys(i),d=p.includes("allOf"),f=p.includes("anyOf"),h=d||f,k=(h?i[h?d?"allOf":"anyOf":"allOf"]:[i]).map(A=>u(A,c));return d?!k.includes(!1):k.includes(!0)}return{parseValueSchema:m}}const r={Button:{type:"Button",name:"按钮",icon:"Button"},ButtonGroup:{type:"ButtonGroup",name:"按钮组",icon:"ButtonGroup"},ToolBar:{type:"ToolBar",name:"工具栏",icon:"ButtonGroup"},ToolBarItem:{type:"ToolBarItem",name:"工具栏项",icon:"Button"},ContentContainer:{type:"ContentContainer",name:"容器",icon:"ContentContainer"},DisplayField:{type:"DisplayField",name:"标签",icon:"DisplayField"},"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"},FlexLayout:{type:"FlexLayout",name:"弹性布局"},FlowLayout:{type:"FlowLayout",name:"流布局"},ResponseLayout:{type:"ResponseLayout",name:"布局容器",icon:"ResponseLayout3"},ResponseLayoutItem:{type:"ResponseLayoutItem",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},TreeGridField:{type:"TreeGridField",name:"树表格列"},FieldSet:{type:"FieldSet",name:"分组",icon:"FieldSet"},Form:{type:"Form",name:"卡片面板",icon:"Form"},QueryForm:{type:"QueryForm",name:"查询面板",icon:"Form"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},Panel:{type:"Panel",name:"面板",icon:"ContentContainer"},Module:{type:"Module",name:"模块",icon:"Module"},Component:{type:"Component",name:"组件",icon:"Component"},ExternalContainer:{type:"ExternalContainer",name:"外部容器",icon:"ContentContainer"},Image:{type:"Image",name:"图像",icon:"Image"},ImageUpload:{type:"ImageUpload",name:"图片上传",icon:"imageupload"},HiddenContainer:{type:"HiddenContainer",name:"隐藏区域",icon:"ContentContainer"},ModalContainer:{type:"ModalContainer",name:"弹窗容器",icon:"ContentContainer"},RouteContainer:{type:"RouteContainer",name:"路由区域",icon:"ContentContainer"},Tab:{type:"Tab",name:"标签页",icon:"Tab"},TabPage:{type:"TabPage",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},Tag:{type:"Tag",name:"Tag",icon:"Tag"},Sidebar:{type:"Sidebar",name:"侧边栏",icon:"Sidebar"},HtmlTemplate:{type:"HtmlTemplate",name:"模版容器",icon:"HtmlTemplate"},ListView:{type:"ListView",name:"列表",icon:"ListView"},RichTextBox:{type:"RichTextBox",name:"富文本",icon:"RichTextBox"},TimeSpinner:{type:"TimeSpinner",name:"时间调节器",icon:"TimePicker"},TimePicker:{type:"TimePicker",name:"时间选择",icon:"TimePicker"},Section:{type:"Section",name:"分组面板",icon:"Section"},SectionToolbar:{type:"SectionToolbar",name:"分组面板工具栏"},SectionToolbarItem:{type:"SectionToolbarItem",name:"分组面板按钮"},QueryScheme:{type:"QueryScheme",name:"筛选方案",icon:"QueryScheme"},FormHeader:{type:"FormHeader",name:"翻页"},Splitter:{type:"Splitter",name:"分栏面板",icon:"Splitter"},SplitterPane:{type:"SplitterPane",name:"分栏面板项",dependentParentControl:"Splitter"},WizardDetail:{type:"WizardDetail",name:"向导详情页"},WizardDetailContainer:{type:"WizardDetailContainer",name:"向导详情容器"},Wizard:{type:"Wizard",name:"向导",icon:"Wizard"},MultiSelect:{type:"MultiSelect",name:"数据分配",icon:"MultiSelect"},Steps:{type:"Steps",name:"步骤条",icon:"Steps"},avatar:{type:"avatar",name:"头像",icon:"Avatar"},ListFilter:{type:"ListFilter",name:"筛选条",icon:"ListFilter"},ListNav:{type:"ListNav",name:"列表导航",icon:"ListNav"},NumberRange:{type:"NumberRange",name:"数字区间选择",icon:"NumericBox"},Scrollspy:{type:"Scrollspy",name:"滚动监听",icon:"Scrollspy"},LanguageTextBox:{type:"LanguageTextBox",name:"多语言输入框",icon:"LanguageTextBox"},ComponentRef:{type:"ComponentRef",name:"组件引用节点"},FileUpload:{type:"FileUpload",name:"附件上传",icon:"FileUpload"},FilePreview:{type:"FilePreview",name:"附件预览",icon:"FilePreview"},ViewChange:{type:"ViewChange",name:"多视图切换",icon:"Button"},MultiViewContainer:{type:"MultiViewContainer",name:"多视图",icon:"MultiViewContainer"},MultiViewItem:{type:"MultiViewItem",name:"多视图项",dependentParentControl:"MultiViewContainer"},Footer:{type:"Footer",name:"页脚"},DiscussionEditor:{type:"DiscussionEditor",name:"评论编辑区",icon:"DiscussionEditor"},DiscussionList:{type:"DiscussionList",name:"评论列表",icon:"DiscussionList"},NavTab:{type:"NavTab",name:"标签类导航",icon:"NavTab"},Tags:{type:"Tags",name:"标记组",icon:"Tags"},Portlet:{type:"Portlet",name:"小部件",icon:"dingzhi"},Header:{type:"Header",name:"页头",icon:"Header"},ModalFooter:{type:"ModalFooter",name:"弹窗页脚",icon:"ModalFooter"},ScrollCollapsibleArea:{type:"ScrollCollapsibleArea",name:"滚动收折区域",icon:"ScrollCollapsibleArea"},PersonnelSelector:{type:"PersonnelSelector",name:"人员选择",icon:"PersonnelSelector"},Table:{type:"Table",name:"表格",icon:"DataGrid"},LoopContainer:{type:"LoopContainer",name:"循环容器",icon:"ContentContainer"},FileUploadPreview:{type:"FileUploadPreview",name:"附件上传预览",icon:"FileUpload"},DynamicArea:{type:"DynamicArea",name:"动态区域",icon:"ContentContainer"},DynamicAreaItem:{type:"DynamicAreaItem",name:"动态区域项",icon:"ContentContainer"},TabToolbar:{type:"TabToolbar",name:"标签页工具栏",icon:"TabToolbar"},HeaderToolBar:{type:"HeaderToolBar",name:"头部组件工具栏",icon:"HeaderToolBar"},ModalFooterToolBar:{type:"ModalFooterToolBar",name:"底部组件工具栏",icon:"ModalFooterToolBar"},HeaderToolBarItem:{type:"HeaderToolBarItem",name:"头部组件工具栏按钮",icon:"HeaderToolBarItem"},ModalFooterToolBarItem:{type:"ModalFooterToolBarItem",name:"底部组件工具栏按钮",icon:"ModalFooterToolBarItem"},OrganizationSelector:{type:"OrganizationSelector",name:"组织选择",icon:"OrganizationSelector"},AdminOrganizationSelector:{type:"AdminOrganizationSelector",name:"组织选择",icon:"OrganizationSelector"},EmployeeSelector:{type:"EmployeeSelector",name:"人员选择",icon:"PersonnelSelector"},OaRelation:{type:"OaRelation",name:"关联行政审批",icon:"TextBox"},CitySelector:{type:"CitySelector",name:"城市选择",icon:"CitySelector"},ExtIntergration:{type:"ExtIntergration",name:"外部服务集成",icon:"ViewModel"},AppointmentCalendar:{type:"AppointmentCalendar",name:"预约日历",icon:"DateBox"},Charts:{type:"Charts",name:"图表",icon:"Charts"},QdpFramework:{type:"QdpFramework",name:"查询结果工具栏",icon:"QdpFramework"},SpreadSheet:{type:"SpreadSheet",name:"查询表格控件",icon:"Charts"},QdpConditionDialog:{type:"QdpConditionDialog",name:"查询筛选对话框",icon:"ContentContainer"},QdpConditionDialogTab:{type:"QdpConditionDialogTab",name:"查询筛选标签页",icon:"Tab"},ApprovalLogs:{type:"ApprovalLogs",name:"审批记录",icon:"ApprovalLogs"},ApprovalComments:{type:"ApprovalComments",name:"审批意见",icon:"shenpiyijian"}},Y={},Z={};X();function J(o,e,t=new Map,n=(y,u,m)=>u,l={},s=y=>y){return z[e.title]=e,x[e.title]=n,Y[e.title]=l,Z[e.title]=s,(y={})=>{const u=_(y,e,t),m=Object.keys(o).reduce((i,c)=>(i[c]=o[c].default,i),{});return Object.assign(m,u)}}function K(o,e){return{customClass:e.class,customStyle:e.style}}const ee=new Map([["appearance",K]]),te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/radio-group.schema.json",title:"radio-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a radio-group",type:"string"},type:{description:"The type string of radio-group component",type:"string",default:"radio-group"},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},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},horizontal:{description:"",type:"boolean",default:!1},textField:{description:"",type:"string",default:"name"},valueField:{description:"",type:"string",default:"value"},enumData:{description:"",type:"array"}},required:["id","type"]},P={...{checked:{type:Boolean,default:!1},mode:{type:String,default:"default"},type:{type:String,default:"secondary"},size:{type:String,default:"middle"}},id:String,disabled:{type:Boolean,default:!1},enumData:{type:Array,default:[{value:"example",name:"example1"}]},horizontal:{type:Boolean,default:!1},direction:{type:String,default:"horizontal"},modelValue:{type:String,default:""},name:{type:String,default:""},tabIndex:Number,textField:{type:String,default:"name"},valueField:{type:String,default:"value"}},E=J(P,te,ee,W);function G(o,e,t){const n=a.computed(()=>!o.disabled),l=a.computed(()=>o.enumData||[]);function s(m){return m[o.valueField]}function y(m){return m[o.textField]}function u(m,i){if(n.value){const c=s(m);t.value!==c&&(t.value=c,e.emit("changeValue",c),e.emit("update:modelValue",c))}i.stopPropagation()}return{enumData:l,getValue:s,getText:y,onClickRadio:u}}const M=a.defineComponent({name:"FRadioGroup",props:P,emits:["changeValue","update:modelValue"],setup(o,e){const t=a.ref(o.modelValue),{enumData:n,onClickRadio:l,getValue:s,getText:y}=G(o,e,t),u=a.computed(()=>({"farris-checkradio-hor":o.direction==="horizontal"})),m=a.ref([]);return a.provide(L,{radios:m,parentProps:o,parentContext:e}),()=>a.createVNode("div",{class:["farris-input-wrap",u.value]},[e.slots.default?e.slots.default():n.value.map((i,c)=>{const p="radio_"+o.id+o.name+i[o.valueField];return a.createVNode("div",{class:"custom-control custom-radio"},[a.createVNode("input",{type:"radio",class:"custom-control-input",name:p,id:p,value:s(i),checked:s(i)===t.value,disabled:o.disabled,tabindex:o.tabIndex,onClick:d=>l(i,d)},null),a.createVNode("label",{class:"custom-control-label",for:p},[y(i)])])})])}});function oe(o,e,t){var H;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const l=t&&t.getStyles&&t.getStyles()||"",s=t&&t.getDesignerClass&&t.getDesignerClass()||"",y=a.ref();function u(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function m(){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 p(g){if(!g||!g.value)return null;if(g.value.schema&&g.value.schema.type==="component")return g.value;const v=a.ref(g==null?void 0:g.value.parent),b=p(v);return b||null}function d(g=e){const{componentInstance:v,designerItemElementRef:b}=g;return!v||!v.value?null:v.value.canMove?b:d(g.parent)}function f(g){return!!t&&t.canAccepts(g)}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function F(g,v){v&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(v)}function k(g){const{componentType:v}=g;let b=N(v,g);t&&t.onResolveNewComponentSchema&&(b=t.onResolveNewComponentSchema(g,b));const B=v.toLowerCase().replace("-","_");return b&&!b.id&&b.type===v&&(b.id=`${B}_${Math.random().toString().slice(2,6)}`),b}function $(g,v){const b=String(g.getAttribute("data-controltype")),B=g.getAttribute("data-feature"),I=B?JSON.parse(B):{};I.parentComponentInstance=y.value;let V=N(b,I);t&&t.onAcceptNewChildElement&&(V=t.onAcceptNewChildElement(g,v,V));const se=b.toLowerCase().replace("-","_");return V&&!V.id&&V.type===b&&(V.id=`${se}_${Math.random().toString().slice(2,6)}`),V}function A(g){}function pe(...g){if(t&&t.getPropsConfig)return t.getPropsConfig(...g)}return y.value={canMove:u(),canSelectParent:m(),canDelete:i(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:(H=e==null?void 0:e.parent)==null?void 0:H.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:s,canAccepts:f,getBelongedComponentInstance:p,getDraggableDesignItemElement:d,getDraggingDisplayText:h,getPropConfig:pe,getDragScopeElement:S,onAcceptMovedChildElement:F,onAcceptNewChildElement:$,onChildElementMovedOut:A,addNewChildComponentSchema:k,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},y}class j{static getEditorTypesByMDataType(e){return this.fieldControlTypeMapping[e]}}T(j,"fieldControlTypeMapping",{String:[{key:r["input-group"].type,value:r["input-group"].name},{key:r.lookup.type,value:r.lookup.name},{key:r.Image.type,value:r.Image.name},{key:r["date-picker"].type,value:r["date-picker"].name},{key:r["check-box"].type,value:r["check-box"].name},{key:r["radio-group"].type,value:r["radio-group"].name},{key:r["combo-list"].type,value:r["combo-list"].name},{key:r.textarea.type,value:r.textarea.name}],Text:[{key:r.textarea.type,value:r.textarea.name},{key:r.avatar.type,value:r.avatar.name},{key:r.lookup.type,value:r.lookup.name}],Decimal:[{key:r["number-spinner"].type,value:r["number-spinner"].name}],Integer:[{key:r["number-spinner"].type,value:r["number-spinner"].name}],Number:[{key:r["number-spinner"].type,value:r["number-spinner"].name}],BigNumber:[{key:r["number-spinner"].type,value:r["number-spinner"].name}],Date:[{key:r["date-picker"].type,value:r["date-picker"].name}],DateTime:[{key:r["date-picker"].type,value:r["date-picker"].name}],Boolean:[{key:r.switch.type,value:r.switch.name},{key:r["check-box"].type,value:r["check-box"].name}],Enum:[{key:r["combo-list"].type,value:r["combo-list"].name},{key:r["radio-group"].type,value:r["radio-group"].name}],Object:[{key:r.lookup.type,value:r.lookup.name},{key:r["combo-list"].type,value:r["combo-list"].name},{key:r["radio-group"].type,value:r["radio-group"].name}],EmployeeSelector:[{key:r.EmployeeSelector.type,value:r.EmployeeSelector.name}],AdminOrganizationSelector:[{key:r.AdminOrganizationSelector.type,value:r.AdminOrganizationSelector.name}]});class ne{constructor(e,t){T(this,"componentId");T(this,"viewModelId");T(this,"eventsEditorUtils");T(this,"formSchemaUtils");T(this,"formMetadataConverter");T(this,"designViewModelUtils");T(this,"designViewModelField");T(this,"controlCreatorUtils");T(this,"designerHostService");T(this,"metadataService",null);T(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}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(l=>l.id===t)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,t){}getBasicPropConfig(e){var t=this;return this.setDesignViewModelField(e),{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",data:j.getEditorTypesByMDataType(t.designViewModelField.type.name)}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"}},setPropertyRelates(n,l){if(n)switch(n&&n.propertyID){case"type":{t.changeControlType(e,n);break}}}}}changeControlType(e,t){var i,c,p,d,f;const n=t.propertyValue,l=this.formSchemaUtils.getComponentById(this.componentId);let s=this.getControlParentContainer(e.id,l);if(!s)return;const y=s.contents.findIndex(h=>h.id===e.id),u=s.contents[y];let m;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:n},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),m=this.controlCreatorUtils.setFormFieldProperty("Form",this.designViewModelField,null,n)),Object.assign(m,{id:u.id,appearance:u.appearance,size:u.size,label:u.label}),Object.assign(m.editor,{isTextArea:m.isTextArea&&u.isTextArea,type:n||"",placeHolder:(i=u.editor)==null?void 0:i.placeHolder,holdPlace:(c=u.editor)==null?void 0:c.holdPlace,readonly:(p=u.editor)==null?void 0:p.readonly,require:(d=u.editor)==null?void 0:d.require,visible:(f=u.editor)==null?void 0:f.visible}),s.contents.splice(y,1,m)}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"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getControlParentContainer(e,t){let n;if(!t||!t.contents||t.contents.length===0)return null;for(const l of t.contents){if(l.id===e)return n=t,t;if(n=this.getControlParentContainer(e,l),n)return n}}getBindingFieldEditorOptions(e){const t=this.formSchemaUtils.getFormMetadataBasicInfo();return{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:e,formBasicInfo:t},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],beforeOpenDialog:n=>{const l=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);n.instance.loadData(l)},textField:"bindingField"}}}class ae extends ne{constructor(e,t){super(e,t)}getBasicProperties(e){let t=this.getBasicPropConfig(e);return t.properties.binding=this.getFieldSelectorOptions(e),t}getAppearanceProperties(e){return this.getAppearanceConfig(e)}getEditorProperties(e){return this.getComponentConfig(e)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicProperties(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getFieldSelectorOptions(e){const t=this.formSchemaUtils.getFormMetadataBasicInfo(),n=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:e,formBasicInfo:t},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],data:n}}}getComponentConfig(e,t={},n={}){const l=Object.assign({description:"组件信息",title:"组件信息",type:"input-group",$converter:"/converter/property-editor.converter"},t),s=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...l,properties:{...s}}}}class ie extends ae{constructor(e,t){super(e,t)}getEditorProperties(e){return this.getComponentConfig(e,{type:"number-spinner"},{readonly:{visible:!1},placeholder:{visible:!1},horizontal:{description:"",title:"是否横向",type:"boolean"},textField:{description:"",title:"显示文本字段",type:"string"},valueField:{description:"",title:"值字段",type:"string"},enumData:{visible:!1,description:"",title:"数据",type:"array"}})}}function re(o,e){o.schema;const t=a.ref(!0),n=a.ref(!0);function l(p){return!1}function s(){return!1}function y(){return!1}function u(){return!0}function m(p){}function i(){}function c(p){return null}return{canAccepts:l,checkCanDeleteComponent:s,checkCanMoveComponent:y,hideNestedPaddingInDesginerView:u,onAcceptMovedChildElement:m,resolveComponentContext:i,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:n,getPropsConfig:c}}function le(o,e){const{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:y,resolveComponentContext:u,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:i}=re(o),c=o.schema;function p(d){return new ie(d,e).getPropertyConfig(c)}return{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:y,resolveComponentContext:u,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:p}}const ce=a.defineComponent({name:"FRadioGroupDesign",props:P,emits:["changeValue","update:modelValue"],setup(o,e){const t=a.ref(o.modelValue),{enumData:n,onClickRadio:l,getValue:s,getText:y}=G(o,e,t),u=a.computed(()=>({"farris-checkradio-hor":o.horizontal})),m=a.ref(),i=a.inject("designer-host-service"),c=a.inject("design-item-context"),p=le(c,i),d=oe(m,c,p);return a.onMounted(()=>{m.value.componentInstance=d}),e.expose(d.value),()=>a.createVNode("div",{class:["farris-input-wrap",u.value],ref:m},[n.value.map((f,h)=>{const S="radio_"+o.name+h;return a.createVNode("div",{class:"custom-control custom-radio"},[a.createVNode("input",{type:"radio",class:"custom-control-input",name:o.name,id:S,value:s(f),checked:s(f)===t.value,disabled:o.disabled,tabindex:o.tabIndex,onClick:F=>l(f,F)},null),a.createVNode("label",{class:"custom-control-label",for:S},[y(f)])])})])}});M.install=o=>{o.component(M.name,M),o.component(U.name,U)},M.register=(o,e,t,n)=>{o["radio-group"]=M,e["radio-group"]=E},M.registerDesigner=(o,e,t)=>{o["radio-group"]=ce,e["radio-group"]=E},C.RadioGroup=M,C.default=M,C.propsResolver=E,C.radioGroupProps=P,C.radioProps=O,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(b,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("@farris/ui-vue/components/common"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","@farris/ui-vue/components/common","lodash-es"],a):(b=typeof globalThis<"u"?globalThis:b||self,a(b["radio-group"]={},b.Vue,b.common,b.LodashES))})(this,function(b,a,V,I){"use strict";var de=Object.defineProperty;var ue=(b,a,V)=>a in b?de(b,a,{enumerable:!0,configurable:!0,writable:!0,value:V}):b[a]=V;var S=(b,a,V)=>ue(b,typeof a!="symbol"?a+"":a,V);const O={value:{type:String,default:""},modelValue:{type:String,default:""},name:{type:String,default:""},label:{type:String,default:""},id:{type:String,default:""}},L=Symbol("radioGroupContext"),z=a.defineComponent({name:"FRadio",props:O,emits:["update:value"],setup(o,e){const t=a.inject(L,null),{buttonClass:n,checked:l,disabled:s,name:y,tagClass:u,shouldRenderButton:m,shouldRenderNative:r,shouldRenderTag:c,onClickRadio:p}=V.useCheck(o,e,t==null?void 0:t.parentProps,t==null?void 0:t.parentContext);return a.onMounted(()=>{}),()=>{var d,f,h,T,k,F;return a.createVNode(a.Fragment,null,[m.value&&a.createVNode("div",{class:n.value,style:"border-radius:0;border: 1px solid #E8EBF2;",onClick:p},[(f=(d=e.slots).default)==null?void 0:f.call(d)]),c.value&&a.createVNode("div",{class:u.value,onClick:p},[a.createVNode("div",{class:"title"},[(T=(h=e.slots).default)==null?void 0:T.call(h)]),a.createVNode("div",{class:"tip"},null),a.createVNode("span",{class:"f-icon f-icon-check f-radio-icon"},null)]),r.value&&a.createVNode("div",{class:"custom-control custom-radio",onClick:p},[a.createVNode("input",{type:"radio",class:"custom-control-input",name:y.value,id:o.id,value:o.value,checked:l.value,disabled:s.value},null),a.createVNode("div",{class:"custom-control-label"},[(F=(k=e.slots).default)==null?void 0:F.call(k)])])])}}});function H(o,e,t){return e}const U={},x={};function B(o){const{properties:e,title:t}=o,n=Object.keys(e).reduce((l,s)=>(l[s]=e[s].type==="object"&&e[s].properties?B(e[s]):I.cloneDeep(e[s].default),l),{});return n.id=`${t}-${Date.now()}`,n}function N(o,e={}){const t=U[o];if(t){let n=B(t);const l=x[o];return n=l?l({getSchemaByType:N},n,e):n,n}return null}function q(o,e){const t=B(e);return Object.keys(o).reduce((n,l)=>(n[l]=o[l],n),t),t}function Q(o,e){return Object.keys(o).filter(n=>o[n]!=null).reduce((n,l)=>{if(e.has(l)){const s=e.get(l);if(typeof s=="string")n[s]=o[l];else{const y=s(l,o[l],o);Object.assign(n,y)}}else n[l]=o[l];return n},{})}function _(o,e,t=new Map){const n=q(o,e);return Q(n,t)}function X(o={}){function e(r,c,p,d){if(typeof p=="number")return d[r].length===p;if(typeof p=="object"){const f=Object.keys(p)[0],h=p[f];if(f==="not")return Number(d[r].length)!==Number(h);if(f==="moreThan")return Number(d[r].length)>=Number(h);if(f==="lessThan")return Number(d[r].length)<=Number(h)}return!1}function t(r,c,p,d){return d[r]&&d[r].propertyValue&&String(d[r].propertyValue.value)===String(p)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(o).reduce((r,c)=>(r.set(c,o[c]),r),n);function l(r,c){const p=r;return typeof c=="number"?[{target:p,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:p,operator:"getProperty",param:r,value:!!c}]:typeof c=="object"?Object.keys(c).map(d=>{if(d==="length")return{target:p,operator:"length",param:null,value:c[d]};const f=d,h=c[d];return{target:p,operator:"getProperty",param:f,value:h}}):[]}function s(r){return Object.keys(r).reduce((p,d)=>{const f=l(d,r[d]);return p.push(...f),p},[])}function y(r,c){if(n.has(r.operator)){const p=n.get(r.operator);return p&&p(r.target,r.param,r.value,c)||!1}return!1}function u(r,c){return s(r).reduce((f,h)=>f&&y(h,c),!0)}function m(r,c){const p=Object.keys(r),d=p.includes("allOf"),f=p.includes("anyOf"),h=d||f,F=(h?r[h?d?"allOf":"anyOf":"allOf"]:[r]).map(A=>u(A,c));return d?!F.includes(!1):F.includes(!0)}return{parseValueSchema:m}}const i={Button:{type:"Button",name:"按钮",icon:"Button"},ButtonGroup:{type:"ButtonGroup",name:"按钮组",icon:"ButtonGroup"},"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"},DisplayField:{type:"DisplayField",name:"标签",icon:"DisplayField"},"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"},FlexLayout:{type:"FlexLayout",name:"弹性布局"},FlowLayout:{type:"FlowLayout",name:"流布局"},ResponseLayout:{type:"ResponseLayout",name:"布局容器",icon:"ResponseLayout3"},ResponseLayoutItem:{type:"ResponseLayoutItem",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},TreeGridField:{type:"TreeGridField",name:"树表格列"},FieldSet:{type:"FieldSet",name:"分组",icon:"FieldSet"},Form:{type:"Form",name:"卡片面板",icon:"Form"},QueryForm:{type:"QueryForm",name:"查询面板",icon:"Form"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},Panel:{type:"Panel",name:"面板",icon:"ContentContainer"},Module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},ExternalContainer:{type:"ExternalContainer",name:"外部容器",icon:"ContentContainer"},Image:{type:"Image",name:"图像",icon:"Image"},ImageUpload:{type:"ImageUpload",name:"图片上传",icon:"imageupload"},HiddenContainer:{type:"HiddenContainer",name:"隐藏区域",icon:"ContentContainer"},ModalContainer:{type:"ModalContainer",name:"弹窗容器",icon:"ContentContainer"},RouteContainer:{type:"RouteContainer",name:"路由区域",icon:"ContentContainer"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},Tag:{type:"Tag",name:"Tag",icon:"Tag"},Sidebar:{type:"Sidebar",name:"侧边栏",icon:"Sidebar"},HtmlTemplate:{type:"HtmlTemplate",name:"模版容器",icon:"HtmlTemplate"},ListView:{type:"ListView",name:"列表",icon:"ListView"},RichTextBox:{type:"RichTextBox",name:"富文本",icon:"RichTextBox"},TimeSpinner:{type:"TimeSpinner",name:"时间调节器",icon:"TimePicker"},TimePicker:{type:"TimePicker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},SectionToolbar:{type:"SectionToolbar",name:"分组面板工具栏"},SectionToolbarItem:{type:"SectionToolbarItem",name:"分组面板按钮"},QueryScheme:{type:"QueryScheme",name:"筛选方案",icon:"QueryScheme"},FormHeader:{type:"FormHeader",name:"翻页"},Splitter:{type:"Splitter",name:"分栏面板",icon:"Splitter"},SplitterPane:{type:"SplitterPane",name:"分栏面板项",dependentParentControl:"Splitter"},WizardDetail:{type:"WizardDetail",name:"向导详情页"},WizardDetailContainer:{type:"WizardDetailContainer",name:"向导详情容器"},Wizard:{type:"Wizard",name:"向导",icon:"Wizard"},MultiSelect:{type:"MultiSelect",name:"数据分配",icon:"MultiSelect"},Steps:{type:"Steps",name:"步骤条",icon:"Steps"},avatar:{type:"avatar",name:"头像",icon:"Avatar"},ListFilter:{type:"ListFilter",name:"筛选条",icon:"ListFilter"},ListNav:{type:"ListNav",name:"列表导航",icon:"ListNav"},NumberRange:{type:"NumberRange",name:"数字区间选择",icon:"NumericBox"},Scrollspy:{type:"Scrollspy",name:"滚动监听",icon:"Scrollspy"},LanguageTextBox:{type:"LanguageTextBox",name:"多语言输入框",icon:"LanguageTextBox"},ComponentRef:{type:"ComponentRef",name:"组件引用节点"},FileUpload:{type:"FileUpload",name:"附件上传",icon:"FileUpload"},FilePreview:{type:"FilePreview",name:"附件预览",icon:"FilePreview"},ViewChange:{type:"ViewChange",name:"多视图切换",icon:"Button"},MultiViewContainer:{type:"MultiViewContainer",name:"多视图",icon:"MultiViewContainer"},MultiViewItem:{type:"MultiViewItem",name:"多视图项",dependentParentControl:"MultiViewContainer"},Footer:{type:"Footer",name:"页脚"},DiscussionEditor:{type:"DiscussionEditor",name:"评论编辑区",icon:"DiscussionEditor"},DiscussionList:{type:"DiscussionList",name:"评论列表",icon:"DiscussionList"},NavTab:{type:"NavTab",name:"标签类导航",icon:"NavTab"},Tags:{type:"Tags",name:"标记组",icon:"Tags"},Portlet:{type:"Portlet",name:"小部件",icon:"dingzhi"},"page-header":{type:"page-header",name:"页头",icon:"Header"},ModalFooter:{type:"ModalFooter",name:"弹窗页脚",icon:"ModalFooter"},ScrollCollapsibleArea:{type:"ScrollCollapsibleArea",name:"滚动收折区域",icon:"ScrollCollapsibleArea"},PersonnelSelector:{type:"PersonnelSelector",name:"人员选择",icon:"PersonnelSelector"},Table:{type:"Table",name:"表格",icon:"DataGrid"},LoopContainer:{type:"LoopContainer",name:"循环容器",icon:"ContentContainer"},FileUploadPreview:{type:"FileUploadPreview",name:"附件上传预览",icon:"FileUpload"},DynamicArea:{type:"DynamicArea",name:"动态区域",icon:"ContentContainer"},DynamicAreaItem:{type:"DynamicAreaItem",name:"动态区域项",icon:"ContentContainer"},TabToolbar:{type:"TabToolbar",name:"标签页工具栏",icon:"TabToolbar"},HeaderToolBar:{type:"HeaderToolBar",name:"头部组件工具栏",icon:"HeaderToolBar"},ModalFooterToolBar:{type:"ModalFooterToolBar",name:"底部组件工具栏",icon:"ModalFooterToolBar"},HeaderToolBarItem:{type:"HeaderToolBarItem",name:"头部组件工具栏按钮",icon:"HeaderToolBarItem"},ModalFooterToolBarItem:{type:"ModalFooterToolBarItem",name:"底部组件工具栏按钮",icon:"ModalFooterToolBarItem"},OrganizationSelector:{type:"OrganizationSelector",name:"组织选择",icon:"OrganizationSelector"},AdminOrganizationSelector:{type:"AdminOrganizationSelector",name:"组织选择",icon:"OrganizationSelector"},EmployeeSelector:{type:"EmployeeSelector",name:"人员选择",icon:"PersonnelSelector"},OaRelation:{type:"OaRelation",name:"关联行政审批",icon:"TextBox"},CitySelector:{type:"CitySelector",name:"城市选择",icon:"CitySelector"},ExtIntergration:{type:"ExtIntergration",name:"外部服务集成",icon:"ViewModel"},AppointmentCalendar:{type:"AppointmentCalendar",name:"预约日历",icon:"DateBox"},Charts:{type:"Charts",name:"图表",icon:"Charts"},QdpFramework:{type:"QdpFramework",name:"查询结果工具栏",icon:"QdpFramework"},SpreadSheet:{type:"SpreadSheet",name:"查询表格控件",icon:"Charts"},QdpConditionDialog:{type:"QdpConditionDialog",name:"查询筛选对话框",icon:"ContentContainer"},QdpConditionDialogTab:{type:"QdpConditionDialogTab",name:"查询筛选标签页",icon:"Tab"},ApprovalLogs:{type:"ApprovalLogs",name:"审批记录",icon:"ApprovalLogs"},ApprovalComments:{type:"ApprovalComments",name:"审批意见",icon:"shenpiyijian"}},Y={},Z={};X();function J(o,e,t=new Map,n=(y,u,m)=>u,l={},s=y=>y){return U[e.title]=e,x[e.title]=n,Y[e.title]=l,Z[e.title]=s,(y={})=>{const u=_(y,e,t),m=Object.keys(o).reduce((r,c)=>(r[c]=o[c].default,r),{});return Object.assign(m,u)}}function K(o,e){return{customClass:e.class,customStyle:e.style}}const ee=new Map([["appearance",K]]),te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/radio-group.schema.json",title:"radio-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a radio-group",type:"string"},type:{description:"The type string of radio-group component",type:"string",default:"radio-group"},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},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},horizontal:{description:"",type:"boolean",default:!1},textField:{description:"",type:"string",default:"name"},valueField:{description:"",type:"string",default:"value"},enumData:{description:"",type:"array"}},required:["id","type"]},P={...{checked:{type:Boolean,default:!1},mode:{type:String,default:"default"},type:{type:String,default:"secondary"},size:{type:String,default:"middle"}},id:String,disabled:{type:Boolean,default:!1},enumData:{type:Array,default:[{value:"example",name:"example1"}]},horizontal:{type:Boolean,default:!1},direction:{type:String,default:"horizontal"},modelValue:{type:String,default:""},name:{type:String,default:""},tabIndex:Number,textField:{type:String,default:"name"},valueField:{type:String,default:"value"}},E=J(P,te,ee,H);function G(o,e,t){const n=a.computed(()=>!o.disabled),l=a.computed(()=>o.enumData||[]);function s(m){return m[o.valueField]}function y(m){return m[o.textField]}function u(m,r){if(n.value){const c=s(m);t.value!==c&&(t.value=c,e.emit("changeValue",c),e.emit("update:modelValue",c))}r.stopPropagation()}return{enumData:l,getValue:s,getText:y,onClickRadio:u}}const M=a.defineComponent({name:"FRadioGroup",props:P,emits:["changeValue","update:modelValue"],setup(o,e){const t=a.ref(o.modelValue),{enumData:n,onClickRadio:l,getValue:s,getText:y}=G(o,e,t),u=a.computed(()=>({"farris-checkradio-hor":o.direction==="horizontal"})),m=a.ref([]);return a.provide(L,{radios:m,parentProps:o,parentContext:e}),()=>a.createVNode("div",{class:["farris-input-wrap",u.value]},[e.slots.default?e.slots.default():n.value.map((r,c)=>{const p="radio_"+o.id+o.name+r[o.valueField];return a.createVNode("div",{class:"custom-control custom-radio"},[a.createVNode("input",{type:"radio",class:"custom-control-input",name:p,id:p,value:s(r),checked:s(r)===t.value,disabled:o.disabled,tabindex:o.tabIndex,onClick:d=>l(r,d)},null),a.createVNode("label",{class:"custom-control-label",for:p},[y(r)])])})])}});function oe(o,e,t){var R;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const l=t&&t.getStyles&&t.getStyles()||"",s=t&&t.getDesignerClass&&t.getDesignerClass()||"",y=a.ref();function u(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function m(){return!1}function r(){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 p(g){if(!g||!g.value)return null;if(g.value.schema&&g.value.schema.type==="component")return g.value;const v=a.ref(g==null?void 0:g.value.parent),C=p(v);return C||null}function d(g=e){const{componentInstance:v,designerItemElementRef:C}=g;return!v||!v.value?null:v.value.canMove?C:d(g.parent)}function f(g){return!!t&&t.canAccepts(g)}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function T(){}function k(g,v){v&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(v)}function F(g){const{componentType:v}=g;let C=N(v,g);t&&t.onResolveNewComponentSchema&&(C=t.onResolveNewComponentSchema(g,C));const D=v.toLowerCase().replace("-","_");return C&&!C.id&&C.type===v&&(C.id=`${D}_${Math.random().toString().slice(2,6)}`),C}function $(g,v){const C=String(g.getAttribute("data-controltype")),D=g.getAttribute("data-feature"),W=D?JSON.parse(D):{};W.parentComponentInstance=y.value;let w=N(C,W);t&&t.onAcceptNewChildElement&&(w=t.onAcceptNewChildElement(g,v,w));const se=C.toLowerCase().replace("-","_");return w&&!w.id&&w.type===C&&(w.id=`${se}_${Math.random().toString().slice(2,6)}`),w}function A(g){}function pe(...g){if(t&&t.getPropsConfig)return t.getPropsConfig(...g)}return y.value={canMove:u(),canSelectParent:m(),canDelete:r(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:(R=e==null?void 0:e.parent)==null?void 0:R.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:s,canAccepts:f,getBelongedComponentInstance:p,getDraggableDesignItemElement:d,getDraggingDisplayText:h,getPropConfig:pe,getDragScopeElement:T,onAcceptMovedChildElement:k,onAcceptNewChildElement:$,onChildElementMovedOut:A,addNewChildComponentSchema:F,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},y}class j{static getEditorTypesByMDataType(e){const t=this.fieldControlTypeMapping[e];return t||[{key:"",value:""}]}}S(j,"fieldControlTypeMapping",{String:[{key:i["input-group"].type,value:i["input-group"].name},{key:i.lookup.type,value:i.lookup.name},{key:i.Image.type,value:i.Image.name},{key:i["date-picker"].type,value:i["date-picker"].name},{key:i["check-box"].type,value:i["check-box"].name},{key:i["radio-group"].type,value:i["radio-group"].name},{key:i["combo-list"].type,value:i["combo-list"].name},{key:i.textarea.type,value:i.textarea.name}],Text:[{key:i.textarea.type,value:i.textarea.name},{key:i.avatar.type,value:i.avatar.name},{key:i.lookup.type,value:i.lookup.name}],Decimal:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],Integer:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],Number:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],BigNumber:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],Date:[{key:i["date-picker"].type,value:i["date-picker"].name}],DateTime:[{key:i["date-picker"].type,value:i["date-picker"].name}],Boolean:[{key:i.switch.type,value:i.switch.name},{key:i["check-box"].type,value:i["check-box"].name}],Enum:[{key:i["combo-list"].type,value:i["combo-list"].name},{key:i["radio-group"].type,value:i["radio-group"].name}],Object:[{key:i.lookup.type,value:i.lookup.name},{key:i["combo-list"].type,value:i["combo-list"].name},{key:i["radio-group"].type,value:i["radio-group"].name}],EmployeeSelector:[{key:i.EmployeeSelector.type,value:i.EmployeeSelector.name}],AdminOrganizationSelector:[{key:i.AdminOrganizationSelector.type,value:i.AdminOrganizationSelector.name}]});class ne{constructor(e,t){S(this,"componentId");S(this,"viewModelId");S(this,"eventsEditorUtils");S(this,"formSchemaUtils");S(this,"formMetadataConverter");S(this,"designViewModelUtils");S(this,"designViewModelField");S(this,"controlCreatorUtils");S(this,"designerHostService");S(this,"schemaService",null);S(this,"metadataService",null);S(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(l=>l.id===t)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,t){}getBasicPropConfig(e){var n,l;var t=this;return this.setDesignViewModelField(e),{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",data:j.getEditorTypesByMDataType(((l=(n=t.designViewModelField)==null?void 0:n.type)==null?void 0:l.name)||""),editable:!1}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"}},setPropertyRelates(s,y){if(s)switch(s&&s.propertyID){case"type":{t.changeControlType(e,s);break}}}}}changeControlType(e,t){var r,c,p,d,f;const n=t.propertyValue,l=this.formSchemaUtils.getComponentById(this.componentId);let s=this.getControlParentContainer(e.id,l);if(!s)return;const y=s.contents.findIndex(h=>h.id===e.id),u=s.contents[y];let m;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:n},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),m=this.controlCreatorUtils.setFormFieldProperty("Form",this.designViewModelField,null,n)),Object.assign(m,{id:u.id,appearance:u.appearance,size:u.size,label:u.label}),Object.assign(m.editor,{isTextArea:m.isTextArea&&u.isTextArea,type:n||"",placeHolder:(r=u.editor)==null?void 0:r.placeHolder,holdPlace:(c=u.editor)==null?void 0:c.holdPlace,readonly:(p=u.editor)==null?void 0:p.readonly,require:(d=u.editor)==null?void 0:d.require,visible:(f=u.editor)==null?void 0:f.visible}),s.contents.splice(y,1,m)}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"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getControlParentContainer(e,t){let n;if(!t||!t.contents||t.contents.length===0)return null;for(const l of t.contents){if(l.id===e)return n=t,t;if(n=this.getControlParentContainer(e,l),n)return n}}}class ae extends ne{constructor(e,t){super(e,t)}getBasicProperties(e){let t=this.getBasicPropConfig(e);return t.properties.binding=this.getFieldSelectorOptions(e),t}getAppearanceProperties(e){return this.getAppearanceConfig(e)}getEditorProperties(e){return this.getComponentConfig(e)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicProperties(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getFieldSelectorOptions(e){const t=this.formSchemaUtils.getFormMetadataBasicInfo(),n=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:e,formBasicInfo:t},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:n}}}getBindingOtions(e){return this.getFieldSelectorOptions(e)}getComponentConfig(e,t={},n={}){const l=Object.assign({description:"组件信息",title:"组件信息",type:"input-group",$converter:"/converter/property-editor.converter"},t),s=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...l,properties:{...s}}}}class re extends ae{constructor(e,t){super(e,t)}getEditorProperties(e){return this.getComponentConfig(e,{type:"number-spinner"},{readonly:{visible:!1},placeholder:{visible:!1},horizontal:{description:"",title:"是否横向",type:"boolean"},textField:{description:"",title:"显示文本字段",type:"string"},valueField:{description:"",title:"值字段",type:"string"},enumData:{visible:!1,description:"",title:"数据",type:"array"}})}}function ie(o,e){o.schema;const t=a.ref(!0),n=a.ref(!0);function l(p){return!1}function s(){return!1}function y(){return!1}function u(){return!0}function m(p){}function r(){}function c(p){return null}return{canAccepts:l,checkCanDeleteComponent:s,checkCanMoveComponent:y,hideNestedPaddingInDesginerView:u,onAcceptMovedChildElement:m,resolveComponentContext:r,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:n,getPropsConfig:c}}function le(o,e){const{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:y,resolveComponentContext:u,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:r}=ie(o),c=o.schema;function p(d){return new re(d,e).getPropertyConfig(c)}return{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:y,resolveComponentContext:u,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:p}}const ce=a.defineComponent({name:"FRadioGroupDesign",props:P,emits:["changeValue","update:modelValue"],setup(o,e){const t=a.ref(o.modelValue),{enumData:n,onClickRadio:l,getValue:s,getText:y}=G(o,e,t),u=a.computed(()=>({"farris-checkradio-hor":o.horizontal})),m=a.ref(),r=a.inject("designer-host-service"),c=a.inject("design-item-context"),p=le(c,r),d=oe(m,c,p);return a.onMounted(()=>{m.value.componentInstance=d}),e.expose(d.value),()=>a.createVNode("div",{class:["farris-input-wrap",u.value],ref:m},[n.value.map((f,h)=>{const T="radio_"+o.name+h;return a.createVNode("div",{class:"custom-control custom-radio"},[a.createVNode("input",{type:"radio",class:"custom-control-input",name:o.name,id:T,value:s(f),checked:s(f)===t.value,disabled:o.disabled,tabindex:o.tabIndex,onClick:k=>l(f,k)},null),a.createVNode("label",{class:"custom-control-label",for:T},[y(f)])])})])}});M.install=o=>{o.component(M.name,M),o.component(z.name,z)},M.register=(o,e,t,n)=>{o["radio-group"]=M,e["radio-group"]=E},M.registerDesigner=(o,e,t)=>{o["radio-group"]=ce,e["radio-group"]=E},b.RadioGroup=M,b.default=M,b.propsResolver=E,b.radioGroupProps=P,b.radioProps=O,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/radio-group/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/radio-group/index.d.ts"
     }

package/components/rate/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/rate/index.d.ts"
     }

package/components/response-layout/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/response-layout/index.d.ts"
     }

package/components/response-layout-editor/{style.css → index.css}

@@ -1 +1 @@
-.f-layout-editor{min-height:500px;min-width:900px;height:100%;overflow:hidden}.f-layout-editor-top{width:100%;height:75px;background-color:#fff;z-index:99;border:1px solid #dee1ea}.f-layout-editor-content{display:flex;margin-bottom:0;border-right:1px solid #dee1ea}.f-layout-editor-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0}.f-layout-editor-button{float:right;margin-top:10px;margin-right:30px}.f-layout-editor-left,.f-layout-editor-left-standard,.f-layout-editor-left-customize{height:100%}.f-layout-editor-right{width:50%;flex:1;vertical-align:top;height:100%}.f-layout-editor-right-standard,.f-layout-editor-right-customize{height:100%}.f-layout-editor-cancel-btn{width:75px;height:32px;display:inline-block;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px #0000000a;border-radius:3px;margin-right:8px;text-align:center;padding:7px;cursor:pointer}.f-layout-editor-sure-btn{width:100px;height:32px;display:inline-block;background:#5989e7;border-radius:3px;text-align:center;padding:7px;cursor:pointer}.f-layout-editor-text-cancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.f-layout-editor-text-sure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-layout-editor-column-width-editor-row{display:flex;width:100%;margin:13px 0}.f-layout-editor-column-width-editor-row-middle{font-family:PingFangSC-Regular;font-size:9px;color:#2d2f3375;text-align:center;flex:26%;float:left;display:block}.f-layout-editor-column-width-editor-row-left{border-top:1px dashed #eaedf3;margin-top:9px;display:block;flex:37%}.f-layout-editor-column-width-editor-row-right{margin-top:9px;border-top:1px dashed #eaedf3;float:right;display:block;flex:37%}.f-layout-editor-show-top-border{border-top:1px solid #eaedf3;margin-bottom:18px;margin-top:18px;padding-top:18px}.f-layout-editor-column-width-editor-component{background:#f7f8fb99;border:1px solid rgba(233,236,243,.45);border-radius:3px;margin:3px 8px 6px 0;width:95%;height:40px;padding-bottom:5px;padding-top:5px;position:relative}.f-layout-editor-column-width-editor-label{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;margin:6px 0 9px 16px;width:58px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.f-layout-editor-column-width-editor-click-button{height:22px;margin:3px 8px 0 0;float:right;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.f-layout-editor-column-width-editor-rectangle{height:22px;margin:3px 8px 0 0;float:right;display:flex}.f-layout-editor-rate-show-column{display:inline-block;width:1.875rem;line-height:1.375rem;text-align:right;font-family:PingFangSC-Regular;font-size:10px;color:#2d2f3375;margin-right:30px}.f-layout-editor-drag-handler{cursor:move!important;line-height:1.375rem!important}.f-layout-editor-column-width-editor-choices.active{z-index:1}.f-layout-editor-text-align{margin-left:-5px}.f-layout-editor-field-list-standard{padding-left:41px;height:500px;z-index:98;width:450px;position:relative;display:inline-block}.f-layout-editor-field-list-customize{padding-left:41px;height:500px;z-index:98;width:440px;position:relative;display:inline-block}.f-layout-editor-field-list-header{font-family:PingFangSC-Regular;font-size:14px;color:#6a6f79;margin-top:12px;display:inline-block}.f-layout-editor-choose-group{display:inline-block;margin-top:12px;margin-left:160px;width:130px}.f-layout-editor-field-list-content{overflow-x:hidden;overflow-y:scroll;z-index:1200;margin-top:5px;margin-right:20px}.f-layout-editor-field-list-content-cdk-preview{z-index:1200!important;width:280px;background:#f7f8fb99;border:1px solid rgba(233,236,243,.45);box-shadow:2px 12px 12px #779aec73;border-radius:3px;margin:3px 8px 6px 0;height:40px;padding-bottom:5px;padding-top:5px}.f-layout-editor-column-width-editor-label{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;margin:6px 0 9px 16px;width:70px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.f-layout-editor-preview{margin-left:16px;width:100%;position:relative}.f-layout-editor-preview-header{font-family:PingFangSC-Regular;font-size:14px;color:#6a6f79;margin-top:12px}.f-layout-editor-row{height:26px;margin-bottom:15px;opacity:70%;display:flex}.f-layout-editor-preview-view{padding:15px 42px 5px 15px;position:relative}.f-layout-editor-preview-row-group{display:absolute;z-index:0;margin-top:13px;margin-left:5px}.f-layout-editor-preview-customize-whole-background{z-index:0;position:absolute;top:40px;right:28px;left:14px;bottom:2px}.f-layout-editor-preview-customize-whole-background>div{float:left;padding-left:0;height:100%}.f-layout-editor-preview-customize-single-background{height:100%;background-color:#edf9ff}.f-layout-editor-screen-resolution-selector{width:100%;position:sticky;padding:21px 0 21px 24px;min-width:640px;display:flex}.f-layout-editor-screen-resolution-selector-header{font-family:PingFangSC-Medium;font-size:17px;color:#2d2f33;display:inline-block;height:32px}.f-layout-editor-screen-resolution-selector-form{height:32px}.f-layout-editor-screen-resolution-selector-frame{background:#8cb6ff24;border-radius:17px;margin-left:30px!important;height:32px;display:inline-flex;align-items:center;justify-content:center}.f-layout-editor-namelist{font-family:PingFangSC-Regular;font-size:12px;color:#446a9f;line-height:16px;margin:8px 13px;display:inline-block}.f-layout-editor-namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:12px;line-height:16px;color:#2a87ff;margin:8px 12px;padding:4px 8px;background:#ffffffe6;box-shadow:0 4px 18px #024bc133;border-radius:15px}.f-layout-editor-screen-resolution-selector-switch{float:right;margin:5px 60px 0 0;flex:1}.f-layout-editor-show-switch{float:right!important;margin-left:8px!important}.f-layout-editor-show-switch-label{float:right;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;text-align:right;line-height:18px;margin-top:2px}.f-layout-editor-column-width-view{background:#eff2f7;border:1px solid #d5dae7;border-radius:4px;margin-bottom:15px;height:26px;padding-left:9.4px}.f-layout-editor-column-width-view-label{margin-top:2px;margin-left:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-layout-editor .f-icon.f-icon-add{margin:4px 10px;flex:10%}.f-column-width-setting-button{border:1px solid #cbd1e7;margin:5px;display:flex;position:relative}.f-column-width-setting-button .f-icon{margin:4px 10px}.f-column-width-setting-button-center{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:100%}.f-column-width-setting-button-name{font-family:PingFangSC-Regular;font-size:14px;color:#a2a9b9;flex:90%;margin:2px 0}span.switch.checked.disabled{background:#2a87ff80}span.switch.disabled{background:#d9dee780}.f-radio-button .btn{border-radius:0!important}.f-radio-button .btn:not(:last-child){border-right-color:transparent}.f-radio-button .btn:not(:last-child):hover{border-right-color:inherit}.f-radio-button .btn:first-child{border-radius:6px 0 0 6px!important}.f-radio-button .btn:last-child{border-radius:0 6px 6px 0!important}.f-radio-button-text{margin-left:-5px}.f-modal-enter-active,.f-modal-leave-active{transition:opacity .2s linear}.f-modal-enter-from,.f-modal-leave-to{opacity:0}.f-modal-enter-to,.f-modal-leave-from{opacity:1}
+.f-layout-editor{min-height:500px;min-width:900px;height:100%;overflow:hidden}.f-layout-editor-top{width:100%;height:75px;background-color:#fff;z-index:99;border:1px solid #dee1ea}.f-layout-editor-content{display:flex;margin-bottom:0;border-right:1px solid #dee1ea}.f-layout-editor-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0}.f-layout-editor-button{float:right;margin-top:10px;margin-right:30px}.f-layout-editor-left,.f-layout-editor-left-standard,.f-layout-editor-left-customize{height:100%}.f-layout-editor-right{width:50%;flex:1;vertical-align:top;height:100%}.f-layout-editor-right-standard,.f-layout-editor-right-customize{height:100%}.f-layout-editor-cancel-btn{width:75px;height:32px;display:inline-block;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px #0000000a;border-radius:3px;margin-right:8px;text-align:center;padding:7px;cursor:pointer}.f-layout-editor-sure-btn{width:100px;height:32px;display:inline-block;background:#5989e7;border-radius:3px;text-align:center;padding:7px;cursor:pointer}.f-layout-editor-text-cancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.f-layout-editor-text-sure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-layout-editor-column-width-editor-row{display:flex;width:100%;margin:13px 0}.f-layout-editor-column-width-editor-row-middle{font-family:PingFangSC-Regular;font-size:9px;color:#2d2f3375;text-align:center;flex:26%;float:left;display:block}.f-layout-editor-column-width-editor-row-left{border-top:1px dashed #eaedf3;margin-top:9px;display:block;flex:37%}.f-layout-editor-column-width-editor-row-right{margin-top:9px;border-top:1px dashed #eaedf3;float:right;display:block;flex:37%}.f-layout-editor-show-top-border{border-top:1px solid #eaedf3;margin-bottom:18px;margin-top:18px;padding-top:18px}.f-layout-editor-column-width-editor-component{background:#f7f8fb99;border:1px solid rgba(233,236,243,.45);border-radius:3px;margin:3px 8px 6px 0;width:95%;height:40px;padding-bottom:5px;padding-top:5px;position:relative}.f-layout-editor-column-width-editor-label{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;margin:6px 0 9px 16px;width:58px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.f-layout-editor-column-width-editor-click-button{height:22px;margin:3px 8px 0 0;float:right;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.f-layout-editor-column-width-editor-rectangle{height:22px;margin:3px 8px 0 0;float:right;display:flex}.f-layout-editor-rate-show-column{display:inline-block;width:1.875rem;line-height:1.375rem;text-align:right;font-family:PingFangSC-Regular;font-size:10px;color:#2d2f3375;margin-right:30px}.f-layout-editor-drag-handler{cursor:move!important;line-height:1.375rem!important}.f-layout-editor-column-width-editor-choices.active{z-index:1}.f-layout-editor-text-align{margin-left:-5px}.f-layout-editor-field-list-standard{padding-left:41px;height:500px;z-index:98;width:450px;position:relative;display:inline-block}.f-layout-editor-field-list-customize{padding-left:41px;height:500px;z-index:98;width:440px;position:relative;display:inline-block}.f-layout-editor-field-list-header{font-family:PingFangSC-Regular;font-size:14px;color:#6a6f79;margin-top:12px;display:inline-block}.f-layout-editor-choose-group{display:inline-block;margin-top:12px;margin-left:160px;width:130px}.f-layout-editor-field-list-content{overflow-x:hidden;overflow-y:scroll;z-index:1200;margin-top:5px;margin-right:20px}.f-layout-editor-field-list-content-cdk-preview{z-index:1200!important;width:280px;background:#f7f8fb99;border:1px solid rgba(233,236,243,.45);box-shadow:2px 12px 12px #779aec73;border-radius:3px;margin:3px 8px 6px 0;height:40px;padding-bottom:5px;padding-top:5px}.f-layout-editor-column-width-editor-label{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;margin:6px 0 9px 16px;width:70px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.f-layout-editor-preview{margin-left:16px;width:100%;position:relative}.f-layout-editor-preview-header{font-family:PingFangSC-Regular;font-size:14px;color:#6a6f79;margin-top:12px}.f-layout-editor-row{height:26px;margin-bottom:15px;opacity:70%;display:flex}.f-layout-editor-preview-view{padding:15px 42px 5px 15px;position:relative}.f-layout-editor-preview-row-group{display:absolute;z-index:0;margin-top:13px;margin-left:5px}.f-layout-editor-preview-customize-whole-background{z-index:0;position:absolute;top:40px;right:28px;left:14px;bottom:2px}.f-layout-editor-preview-customize-whole-background>div{float:left;padding-left:0;height:100%}.f-layout-editor-preview-customize-single-background{height:100%;background-color:#edf9ff}.f-layout-editor-screen-resolution-selector{width:100%;position:sticky;padding:21px 0 21px 24px;min-width:640px;display:flex}.f-layout-editor-screen-resolution-selector-header{font-family:PingFangSC-Medium;font-size:17px;color:#2d2f33;display:inline-block;height:32px}.f-layout-editor-screen-resolution-selector-form{height:32px}.f-layout-editor-screen-resolution-selector-frame{background:#8cb6ff24;border-radius:17px;margin-left:30px!important;height:32px;display:inline-flex;align-items:center;justify-content:center}.f-layout-editor-namelist{font-family:PingFangSC-Regular;font-size:12px;color:#446a9f;line-height:16px;margin:8px 13px;display:inline-block}.f-layout-editor-namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:12px;line-height:16px;color:#2a87ff;margin:8px 12px;padding:4px 8px;background:#ffffffe6;box-shadow:0 4px 18px #024bc133;border-radius:15px}.f-layout-editor-screen-resolution-selector-switch{float:right;margin:5px 60px 0 0;flex:1}.f-layout-editor-show-switch{float:right!important;margin-left:8px!important}.f-layout-editor-show-switch-label{float:right;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;text-align:right;line-height:18px;margin-top:2px}.f-layout-editor-column-width-view{background:#eff2f7;border:1px solid #d5dae7;border-radius:4px;margin-bottom:15px;height:26px;padding-left:9.4px}.f-layout-editor-column-width-view-label{margin-top:2px;margin-left:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-layout-editor .f-icon.f-icon-add{margin:4px 10px;flex:10%}.f-column-width-setting-button{border:1px solid #cbd1e7;margin:5px;display:flex;position:relative}.f-column-width-setting-button .f-icon{margin:4px 10px}.f-column-width-setting-button-center{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:100%}.f-column-width-setting-button-name{font-family:PingFangSC-Regular;font-size:14px;color:#a2a9b9;flex:90%;margin:2px 0}span.switch.checked.disabled{background:#2a87ff80}span.switch.disabled{background:#d9dee780}.f-radio-button .btn{border-radius:0!important}.f-radio-button .btn:not(:last-child){border-right-color:transparent}.f-radio-button .btn:not(:last-child):hover{border-right-color:inherit}.f-radio-button .btn:first-child{border-radius:6px 0 0 6px!important}.f-radio-button .btn:last-child{border-radius:0 6px 6px 0!important}.f-radio-button-text{margin-left:-5px}.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}