@farris/ui-vue 1.2.8 → 1.3.0

package/components/list-nav/index.umd.cjs

@@ -0,0 +1 @@
+(function($,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],a):($=typeof globalThis<"u"?globalThis:$||self,a($["list-nav"]={},$.Vue,$.LodashES))})(this,function($,a,L){"use strict";const z={},H={};function F(n){const{properties:e,title:t,ignore:r}=n,s=r&&Array.isArray(r),y=Object.keys(e).reduce((m,g)=>((!s||!r.find(v=>v==g))&&(m[g]=e[g].type==="object"&&e[g].properties?F(e[g]):L.cloneDeep(e[g].default)),m),{});return(!s||!r.find(m=>m=="id"))&&(y.id=`${t}-${Date.now()}`),y}function M(n,e={},t){const r=z[n];if(r){let s=F(r);const y=H[n];return s=y?y({getSchemaByType:M},s,e,t):s,s}return null}function G(n,e){const t=F(e);return Object.keys(n).reduce((r,s)=>(r[s]&&L.isPlainObject(r[s])&&L.isPlainObject(n[s])?Object.assign(r[s],n[s]):r[s]=n[s],r),t),t}function J(n,e){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,s)=>{if(e.has(s)){const y=e.get(s);if(typeof y=="string")r[y]=n[s];else{const m=y(s,n[s],n);Object.assign(r,m)}}else r[s]=n[s];return r},{})}function Q(n,e,t=new Map){const r=G(n,e);return J(r,t)}function U(n={}){function e(i,b,u,h){if(typeof u=="number")return h[i].length===u;if(typeof u=="object"){const C=Object.keys(u)[0],o=u[C];if(C==="not")return Number(h[i].length)!==Number(o);if(C==="moreThan")return Number(h[i].length)>=Number(o);if(C==="lessThan")return Number(h[i].length)<=Number(o)}return!1}function t(i,b,u,h){return h[i]&&h[i].propertyValue&&String(h[i].propertyValue.value)===String(u)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((i,b)=>(i.set(b,n[b]),i),r);function s(i,b){const u=i;return typeof b=="number"?[{target:u,operator:"length",param:null,value:Number(b)}]:typeof b=="boolean"?[{target:u,operator:"getProperty",param:i,value:!!b}]:typeof b=="object"?Object.keys(b).map(h=>{if(h==="length")return{target:u,operator:"length",param:null,value:b[h]};const C=h,o=b[h];return{target:u,operator:"getProperty",param:C,value:o}}):[]}function y(i){return Object.keys(i).reduce((u,h)=>{const C=s(h,i[h]);return u.push(...C),u},[])}function m(i,b){if(r.has(i.operator)){const u=r.get(i.operator);return u&&u(i.target,i.param,i.value,b)||!1}return!1}function g(i,b){return y(i).reduce((C,o)=>C&&m(o,b),!0)}function v(i,b){const u=Object.keys(i),h=u.includes("allOf"),C=u.includes("anyOf"),o=h||C,d=(o?i[o?h?"allOf":"anyOf":"allOf"]:[i]).map(p=>g(p,b));return h?!d.includes(!1):d.includes(!0)}return{parseValueSchema:v}}const X={},Y={};U();function Z(n,e,t=new Map,r=(m,g,v)=>g,s={},y=m=>m){return z[e.title]=e,H[e.title]=r,X[e.title]=s,Y[e.title]=y,(m={})=>{const g=Q(m,e,t),v=Object.keys(n).reduce((i,b)=>(i[b]=n[b].default,i),{});return Object.assign(v,g)}}function R(n,e){return{customClass:e.class,customStyle:e.style}}const K=new Map([["appearance",R]]);function x(n,e,t){return e}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-nav.schema.json",title:"list-nav",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a list-nav",type:"string"},type:{description:"The type string of list-nav component",type:"string",default:"list-nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},ee={title:"list-nav",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}}}},E={position:{Type:String,default:"left"},title:{Type:String,default:""},size:{Type:Number||String,default:218},collapsible:{Type:Boolean,default:!0},folded:{Type:Boolean,default:!1},disabled:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},k=Z(E,I,K,x,ee),S=a.defineComponent({name:"FListNav",props:E,emits:["collapse"],setup(n,e){const t=a.ref(n.position),r=a.ref(n.title),s=a.ref(n.folded),y=a.ref(!1);function m(v){v&&v.stopPropagation(),!n.disabled&&(y.value=!0,s.value=!s.value,e.emit("collapse",s.value))}const g=a.computed(()=>{const v={};let i=["top","bottom"].indexOf(t.value)>-1?"height":"width";return v[i]=s.value?"0px":n.size+"px",v});return()=>a.createVNode("div",{class:`f-list-nav f-list-nav-${t.value}`},[a.createVNode("div",{class:"f-list-nav-in",style:g.value},[a.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&a.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&r.value&&a.createVNode("div",{class:"f-list-nav-header"},[a.createVNode("div",{class:"f-list-nav-title"},[r.value])]),e.slots.navContent&&a.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&a.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),n.collapsible&&a.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:n.disabled,active:s.value,"splitter-pane-collapse-animate":y.value}],onClick:v=>m(v)},[a.createVNode("span",{class:"triangle"},null)])])])}});function te(n,e,t){var D;function r(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}r();const s=t&&t.getStyles&&t.getStyles()||"",y=t&&t.getDesignerClass&&t.getDesignerClass()||"",m=a.ref();function g(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function v(){return!1}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function b(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function u(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const P=a.ref(l==null?void 0:l.value.parent),j=u(P);return j||null}function h(l=e){const{componentInstance:P,designerItemElementRef:j}=l;return!P||!P.value?null:P.value.canMove?j:h(l.parent)}function C(l){return!!t&&t.canAccepts(l)}function o(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function f(){}function c(l,P){P&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(P)}function d(l,P){const{componentType:j}=l;let A=M(j,l,P);t&&t.onResolveNewComponentSchema&&(A=t.onResolveNewComponentSchema(l,A));const V=j.toLowerCase().replace("-","_");return A&&!A.id&&A.type===j&&(A.id=`${V}_${Math.random().toString().slice(2,6)}`),A}function T(l,P){const j=String(l.getAttribute("data-controltype")),A=l.getAttribute("data-feature"),V=A?JSON.parse(A):{};V.parentComponentInstance=m.value;let O=M(j,V);t&&t.onAcceptNewChildElement&&(O=t.onAcceptNewChildElement(l,P,O));const w=j.toLowerCase().replace("-","_");return O&&!O.id&&O.type===j&&(O.id=`${w}_${Math.random().toString().slice(2,6)}`),O}function p(l){}function N(...l){if(t&&t.getPropsConfig)return t.getPropsConfig(...l)}return m.value={canMove:g(),canSelectParent:v(),canDelete:i(),canNested:!b(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(D=e==null?void 0:e.parent)==null?void 0:D.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:y,canAccepts:C,getBelongedComponentInstance:u,getDraggableDesignItemElement:h,getDraggingDisplayText:o,getPropConfig:N,getDragScopeElement:f,onAcceptMovedChildElement:c,onAcceptNewChildElement:T,onChildElementMovedOut:p,addNewChildComponentSchema:d,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},m}function ne(){function n(e){var s,y;if(!e)return!1;const t=((s=e.targetContainer)==null?void 0:s.componentInstance)&&e.targetContainer.componentInstance.value;if(!t)return!1;const r=(y=t.schema.appearance)==null?void 0:y.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const m=t.schema.type,g=(m==="response-form"||m==="content-container")&&r&&r.includes("farris-form");if(t.schema.type!=="response-layout-item"&&!g)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},B=new Map;function re(){function n(o,f,c,d){var T;if(typeof c=="number")return((T=d[o])==null?void 0:T.length)===c;if(typeof c=="object"){const p=Object.keys(c)[0],N=c[p];if(p==="not")return Number(d[o].length)!==Number(N);if(p==="moreThan")return Number(d[o].length)>=Number(N);if(p==="lessThan")return Number(d[o].length)<=Number(N)}return!1}function e(o,f,c,d){return typeof c=="boolean"?d.childrenClassList.includes(f)===!!c:!1}function t(o,f,c,d){return typeof c=="boolean"?d.parentClassList.includes(f)===!!c:!1}function r(o,f,c,d){return typeof c=="boolean"?d.parentClassList.includes(f)===!!c:!1}const s=new Map([["length",n],["hasChildren",e],["hasSibling",r],["hasParent",t]]);function y(o,f){const c=o;return typeof f=="number"?[{target:c,operator:"length",param:null,value:Number(f)}]:typeof f=="object"?Object.keys(f).map(d=>{if(d==="length")return{target:c,operator:"length",param:null,value:f[d]};const T=d,p=f[d];return{target:c,operator:o==="children"?"hasChildren":o==="parent"?"hasParent":"hasSibling",param:T,value:p}}):[]}function m(o,f){if(s.has(o.operator)){const c=s.get(o.operator);return c&&c(o.target,o.param,o.value,f)||!1}return!1}function g(o,f){return Object.keys(o).reduce((p,N)=>{const D=y(N,o[N]);return p.push(...D),p},[]).reduce((p,N)=>p&&m(N,f),!0)}function v(o,f){const c=Object.keys(o),d=c.includes("allOf"),T=c.includes("anyOf"),p=d||T,l=(p?o[p?d?"allOf":"anyOf":"allOf"]:[o]).map(j=>g(j,f));return d?!l.includes(!1):l.includes(!0)}function i(o,f){const c=o.const;return c?typeof c=="boolean"?c:typeof c=="object"?v(c,f):!1:!1}function b(o){return f=>{const c={canAccept:!0,fixed:!1,hidePadding:!1};return o&&o.properties&&Object.keys(o.properties).reduce((d,T)=>{const p=o.properties[T];return d[T]=i(p,f),d},c),c}}function u(o,f,c){if(f.type==="object"&&f.properties){const{rules:d,contents:T}=f.properties;c.set(o,b(d)),T&&Object.keys(T.properties).forEach(p=>u(p,T.properties[p],c))}}function h(){const{properties:o}=oe;Object.keys(o).forEach(f=>{u(f,o[f],B)})}function C(o,f){const c={canAccept:!0,fixed:!1,hidePadding:!0};return B.has(o)?B.get(o)(f):c}return h(),{getRuleValue:C}}function se(n,e){const t=re(),r=a.ref(!1),s=a.ref(!1);let y=!0,m=!1,g,v=!1;function i(p){return g&&g.componentClassList&&g.componentClassList.includes("f-form-layout")&&g.componentClassList.includes("farris-form")?p.sourceType==="control"&&p.controlCategory==="input"||p.sourceType==="move"&&p.controlType==="form-group":!0}function b(p){return!(!ne().basalDragulaRuleForContainer(p)||!y||!i(p))}function u(){r.value=!1,s.value=!1;const p=n,N=p.appearance&&p.appearance.class||"",D=N.split(" "),l=p.contents||[],P=l.length?l[0]:null,j=P&&P.appearance?P.appearance.class:"",A=j?j.split(" "):[],V=l.length?l.reduce((W,q)=>{const _=q&&q.appearance?q.appearance.class:"",ue=_?_.split(" "):[];return W.push(...ue),W},[]):[],O=e,w=O&&O.appearance&&O.appearance.class||"",ie=w?w.split(" "):[];g={componentClass:N,componentClassList:D,childContents:l,firstChildContent:P,firstChildClass:j,firstChildClassList:A,parent:O,parentClass:w,parentClassList:ie,children:l,childrenClassList:V};const{canAccept:pe,fixed:le,hidePadding:fe}=t.getRuleValue(D[0],g);return y=pe,m=fe,v=le,!0}function h(p){a.nextTick()}function C(){return n.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function o(p,N){const D=n;if((D.appearance&&D.appearance.class||"").split(" ").includes("f-form-layout")){const{label:j}=p,A=M("form-group");return A.editor=N,A.label=j,A}return N}function f(p,N,D){const l=n;if((l.appearance&&l.appearance.class||"").split(" ").includes("f-form-layout")){const A=String(p.innerText),V=M("form-group");return V.editor=D,V.label=A,V}return D}function c(){return!v}function d(){return!v}function T(){return m}return{canAccepts:b,resolveComponentContext:u,getStyles:C,onAcceptNewChildElement:f,onAcceptMovedChildElement:h,onResolveNewComponentSchema:o,triggerBelongedComponentToMoveWhenMoved:r,triggerBelongedComponentToDeleteWhenDeleted:s,checkCanMoveComponent:c,checkCanDeleteComponent:d,hideNestedPaddingInDesginerView:T}}const ae=a.defineComponent({name:"FListNavDesign",props:E,emits:[],setup(n,e){var u;const t=a.ref(),r=a.inject("design-item-context"),s=se(r.schema,(u=r.parent)==null?void 0:u.schema),y=te(t,r,s);y.value.canMove=!1,y.value.canNested=!1;const m=a.ref(n.position),g=a.ref(n.title),v=a.ref(!1),i=a.ref(!1),b=a.computed(()=>{const h={};let C=["top","bottom"].indexOf(m.value)>-1?"height":"width";return h[C]=v.value?"0px":n.size+"px",h});return a.onMounted(()=>{t.value.componentInstance=y}),e.expose(y.value),()=>a.createVNode("div",{class:`f-list-nav f-list-nav-${m.value}`},[a.createVNode("div",{class:"f-list-nav-in",style:b.value},[a.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&a.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&g.value&&a.createVNode("div",{class:"f-list-nav-header"},[a.createVNode("div",{class:"f-list-nav-title"},[g.value])]),e.slots.navContent&&a.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&a.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),n.collapsible&&a.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:n.disabled,active:v.value,"splitter-pane-collapse-animate":i.value}]},[a.createVNode("span",{class:"triangle"},null)])])])}}),ce={install(n){n.component(S.name,S)},register(n,e,t,r){n["list-nav"]=S,e["list-nav"]=k},registerDesigner(n,e,t){n["list-nav"]=ae,e["list-nav"]=k}};$.FListNav=S,$.default=ce,$.listNavProps=E,$.propsResolver=k,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/list-view/index.css

@@ -1 +1 @@
-.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}
+.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-listview-item-active,.f-listview-item-hover{background-color:#dae9ff!important}.f-listview-item{padding:0 .5rem 0 .3125rem;border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}