@farris/ui-vue 1.2.9 → 1.3.1

package/components/rate/index.umd.cjs

@@ -1 +1 @@
-(function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.rate={},E.Vue,E.LodashES))})(this,function(E,e,U){"use strict";const G={},Q={};function W(a){const{properties:t,title:r,ignore:n}=a,s=n&&Array.isArray(n),v=Object.keys(t).reduce((g,b)=>((!s||!n.find(C=>C==b))&&(g[b]=t[b].type==="object"&&t[b].properties?W(t[b]):U.cloneDeep(t[b].default)),g),{});return(!s||!n.find(g=>g=="id"))&&(v.id=`${r}-${Date.now()}`),v}function q(a,t={},r){const n=G[a];if(n){let s=W(n);const v=Q[a];return s=v?v({getSchemaByType:q},s,t,r):s,s}return null}function Z(a,t){const r=W(t);return Object.keys(a).reduce((n,s)=>(n[s]&&typeof n[s]=="object"?Object.assign(n[s],a[s]):n[s]=a[s],n),r),r}function K(a,t){return Object.keys(a).filter(n=>a[n]!=null).reduce((n,s)=>{if(t.has(s)){const v=t.get(s);if(typeof v=="string")n[v]=a[s];else{const g=v(s,a[s],a);Object.assign(n,g)}}else n[s]=a[s];return n},{})}function x(a,t,r=new Map){const n=Z(a,t);return K(n,r)}function I(a={}){function t(l,i,d,f){if(typeof d=="number")return f[l].length===d;if(typeof d=="object"){const S=Object.keys(d)[0],M=d[S];if(S==="not")return Number(f[l].length)!==Number(M);if(S==="moreThan")return Number(f[l].length)>=Number(M);if(S==="lessThan")return Number(f[l].length)<=Number(M)}return!1}function r(l,i,d,f){return f[l]&&f[l].propertyValue&&String(f[l].propertyValue.value)===String(d)}const n=new Map([["length",t],["getProperty",r]]);Object.keys(a).reduce((l,i)=>(l.set(i,a[i]),l),n);function s(l,i){const d=l;return typeof i=="number"?[{target:d,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:d,operator:"getProperty",param:l,value:!!i}]:typeof i=="object"?Object.keys(i).map(f=>{if(f==="length")return{target:d,operator:"length",param:null,value:i[f]};const S=f,M=i[f];return{target:d,operator:"getProperty",param:S,value:M}}):[]}function v(l){return Object.keys(l).reduce((d,f)=>{const S=s(f,l[f]);return d.push(...S),d},[])}function g(l,i){if(n.has(l.operator)){const d=n.get(l.operator);return d&&d(l.target,l.param,l.value,i)||!1}return!1}function b(l,i){return v(l).reduce((S,M)=>S&&g(M,i),!0)}function C(l,i){const d=Object.keys(l),f=d.includes("allOf"),S=d.includes("anyOf"),M=f||S,N=(M?l[M?f?"allOf":"anyOf":"allOf"]:[l]).map(p=>b(p,i));return f?!N.includes(!1):N.includes(!0)}return{parseValueSchema:C}}const ee={},te={};I();function ae(a,t,r=new Map,n=(g,b,C)=>b,s={},v=g=>g){return G[t.title]=t,Q[t.title]=n,ee[t.title]=s,te[t.title]=v,(g={})=>{const b=x(g,t,r),C=Object.keys(a).reduce((l,i)=>(l[i]=a[i].default,l),{});return Object.assign(C,b)}}function re(a,t){return{customClass:t.class,customStyle:t.style}}const le=new Map([["appearance",re]]);function ne(a,t,r){return t}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/rate.schema.json",title:"rate",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for rate",type:"string"},type:{description:"The type string of rate",type:"string",default:"rate"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",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}},required:["id","type"],ignore:["id","appearance","binding"]},se={title:"rate",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},F={size:{type:String,default:"large"},enableHalf:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},pointSystem:{type:Number,default:5},lightColor:{type:String,default:""},darkColor:{type:String,default:""},iconClass:{type:String,default:"f-icon-star"},numOfStar:{type:Number,default:5},toolTipDisabled:{type:Boolean,default:!0},toolTipContents:{type:Array,default:["很不满意","不满意","一般","满意","非常满意"]},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1},value:{type:Number,default:0},modelValue:{type:Number,default:0}},_=ae(F,oe,le,ne,se),P=e.defineComponent({name:"FRate",props:F,emits:["selectedValue","update:modelValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),s=e.ref(a.enableClear),v=e.ref(a.disabled),g=e.ref(a.pointSystem),b=e.ref(a.lightColor),C=e.ref(a.darkColor),l=e.ref(a.iconClass),i=e.ref(a.numOfStar),d=e.ref(a.toolTipDisabled),f=e.ref(a.toolTipContents),S=e.ref(a.enableScore),M=e.ref(a.enableSatisfaction);let m;const V=e.ref(0),N=e.ref(0),T=e.ref(0),p=e.ref(a.modelValue);let O=1,D,u,h;const y=4;e.onMounted(()=>{});function j(){const c=i.value;h=[];for(let k=1;k<=c;k++)h.push({id:k})}function $(){let c;n.value?c=Math.ceil(p.value/O):c=p.value,N.value=(m*p.value+Math.floor(p.value)*y)/O,D=f.value[c-1]}function R(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}j(),i.value&&(O=g.value/i.value),p.value&&$()}R();function L(c){return c.className.indexOf("f-icon")!==-1}function z(){return V.value===N.value&&s.value&&N.value!==0?(N.value=0,p.value=0,u=null,V.value=0,T.value=0,t.emit("selectedValue",p.value),t.emit("update:modelValue",p.value),!0):!1}function H(c,k,o){if(c.movementX||c.movementY){if(v.value)return;M.value&&(D=f.value[k-1]),c.offsetX<m/2&&n.value===!0?(V.value=m*k-m/2+y*(k-1),T.value=O*k-O/2):(V.value=m*k+y*(k-1),T.value=O*k)}if(o===!0){if(z())return;p.value=T.value,N.value=V.value,u=D,t.emit("update:modelValue",p.value),t.emit("selectedValue",p.value)}}function B(c,k){var o;if(L(c.target)&&c.target){const w=parseInt((o=c.target)==null?void 0:o.id);H(c,w,k)}}const X=e.computed(()=>T.value?T.value+"分":p.value+"分"),Y=e.computed(()=>({width:(V.value||N.value)+"px"}));function A(){V.value=0}return e.watch(()=>a.modelValue,c=>{p.value=c,$()}),()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(c=>B(c,!1),["prevent"]),onMousemove:e.withModifiers(c=>B(c,!1),["prevent"]),onMouseleave:e.withModifiers(c=>A(),["prevent"]),onClick:e.withModifiers(c=>B(c,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:Y.value},[h.map(c=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:d.value}],id:c.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[h.map(c=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:c.id,style:{color:C.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[S.value&&e.createVNode("span",null,[e.createTextVNode(" "),X.value,e.createTextVNode(" ")]),M.value&&(u||D)&&e.createVNode("span",null,[e.createTextVNode(" "),D||u])])])}});function ie(a,t,r){var D;function n(){}const s="",v="",g=e.ref();function b(){return(t==null?void 0:t.schema.componentType)!=="frame"}function C(){return!1}function l(){return(t==null?void 0:t.schema.componentType)!=="frame"}function i(){return(t==null?void 0:t.schema.componentType)==="frame"}function d(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const h=e.ref(u==null?void 0:u.value.parent),y=d(h);return y||null}function f(u=t){const{componentInstance:h,designerItemElementRef:y}=u;return!h||!h.value?null:h.value.canMove?y:f(u.parent)}function S(u){return!!r}function M(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function m(){}function V(u,h){}function N(u,h){const{componentType:y}=u;let j=q(y,u,h);const $=y.toLowerCase().replace("-","_");return j&&!j.id&&j.type===y&&(j.id=`${$}_${Math.random().toString().slice(2,6)}`),j}function T(u,h){const y=String(u.getAttribute("data-controltype")),j=u.getAttribute("data-feature"),$=j?JSON.parse(j):{};$.parentComponentInstance=g.value;let R=q(y,$);const L=y.toLowerCase().replace("-","_");return R&&!R.id&&R.type===y&&(R.id=`${L}_${Math.random().toString().slice(2,6)}`),R}function p(u){}function O(...u){}return g.value={canMove:b(),canSelectParent:C(),canDelete:l(),canNested:!i(),contents:t==null?void 0:t.schema.contents,elementRef:a,parent:(D=t==null?void 0:t.parent)==null?void 0:D.componentInstance,schema:t==null?void 0:t.schema,styles:s,designerClass:v,canAccepts:S,getBelongedComponentInstance:d,getDraggableDesignItemElement:f,getDraggingDisplayText:M,getPropConfig:O,getDragScopeElement:m,onAcceptMovedChildElement:V,onAcceptNewChildElement:T,onChildElementMovedOut:p,addNewChildComponentSchema:N,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},g}const ce=e.defineComponent({name:"FRateDesign",props:F,emits:["selectedValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),s=e.ref(a.enableClear),v=e.ref(a.disabled),g=e.ref(a.pointSystem),b=e.ref(a.lightColor),C=e.ref(a.darkColor),l=e.ref(a.iconClass),i=e.ref(a.numOfStar),d=e.ref(a.toolTipDisabled),f=e.ref(a.toolTipContents),S=e.ref(a.enableScore),M=e.ref(a.enableSatisfaction);let m;const V=e.ref(1);let N=0;const T=e.ref(0),p=e.ref(0);let O=1,D,u,h;const y=4,j=e.ref(),$=e.inject("design-item-context"),R=ie(j,$);e.onMounted(()=>{j.value.componentInstance=R}),t.expose(R.value),e.onMounted(()=>{});function L(){const o=i.value;h=[];for(let w=1;w<=o;w++)h.push({id:w})}function z(){let o;n.value?o=Math.ceil(p.value/O):o=p.value,N=(m*p.value+Math.floor(p.value)*y)/O,D=f.value[o-1]}function H(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}L(),i.value&&(O=g.value/i.value),p.value&&z()}H();function B(o){return o.className.indexOf("f-icon")!==-1}function X(){return V.value===N&&s&&N!==0?(N=0,p.value=0,u=null,V.value=0,T.value=0,t.emit("selectedValue",p.value),!0):!1}function Y(o,w,J){if(o.movementX||o.movementY){if(v.value)return;M.value&&(D=f.value[w-1]),o.offsetX<m/2&&n.value===!0?(V.value=m*w-m/2+y*(w-1),T.value=O*w-O/2):(V.value=m*w+y*(w-1),T.value=O*w)}if(J===!0){if(X())return;p.value=T.value,N=V.value,u=D,t.emit("selectedValue",p.value)}}function A(o,w){if(B(o.target)&&o.target){const J=parseInt(o.target.id);Y(o,J,w)}}const c=e.computed(()=>T.value?T.value+"分":p.value+"分"),k=e.computed(()=>({width:(V.value||N)+"px"}));return()=>e.createVNode("div",{class:"farris-star-rating",ref:j,onMouseover:e.withModifiers(o=>A(o,!1),["prevent"]),onMousemove:e.withModifiers(o=>A(o,!1),["prevent"]),onMouseout:e.withModifiers(o=>A(o,!1),["prevent"]),onClick:e.withModifiers(o=>A(o,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:k.value},[h.map(o=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:d.value}],id:o.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[h.map(o=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:o.id,style:{color:C.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[S.value&&e.createVNode("span",null,[e.createTextVNode(" "),c.value,e.createTextVNode(" ")]),M.value&&(u||D)&&e.createVNode("span",null,[e.createTextVNode(" "),D||u])])])}}),ue=a=>{const t=a;return t.install=function(r){r.component(t.name,a)},a};P.register=(a,t,r,n)=>{a.rate=P,t.rate=_},P.registerDesigner=(a,t,r)=>{a.rate=ce,t.rate=_};const fe=ue(P);E.FRate=P,E.default=fe,E.propsResolver=_,E.rateProps=F,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(R,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(R=typeof globalThis<"u"?globalThis:R||self,e(R.rate={},R.Vue,R.LodashES))})(this,function(R,e,F){"use strict";const J={},Q={};function W(a){const{properties:t,title:r,ignore:n}=a,o=n&&Array.isArray(n),h=Object.keys(t).reduce((g,b)=>((!o||!n.find(w=>w==b))&&(g[b]=t[b].type==="object"&&t[b].properties?W(t[b]):F.cloneDeep(t[b].default)),g),{});return r&&(!o||!n.find(g=>g=="id"))&&(h.id=`${r}-${Date.now()}`),h}function U(a,t={},r){const n=J[a];if(n){let o=W(n);const h=Q[a];return o=h?h({getSchemaByType:U},o,t,r):o,o}return null}function Z(a,t){const r=W(t);return Object.keys(a).reduce((n,o)=>(n[o]&&F.isPlainObject(n[o])&&F.isPlainObject(a[o])?Object.assign(n[o],a[o]):n[o]=a[o],n),r),r}function K(a,t){return Object.keys(a).filter(n=>a[n]!=null).reduce((n,o)=>{if(t.has(o)){const h=t.get(o);if(typeof h=="string")n[h]=a[o];else{const g=h(o,a[o],a);Object.assign(n,g)}}else n[o]=a[o];return n},{})}function x(a,t,r=new Map){const n=Z(a,t);return K(n,r)}function I(a={}){function t(l,i,d,u){if(typeof d=="number")return u[l].length===d;if(typeof d=="object"){const v=Object.keys(d)[0],S=d[v];if(v==="not")return Number(u[l].length)!==Number(S);if(v==="moreThan")return Number(u[l].length)>=Number(S);if(v==="lessThan")return Number(u[l].length)<=Number(S)}return!1}function r(l,i,d,u){return u[l]&&u[l].propertyValue&&String(u[l].propertyValue.value)===String(d)}const n=new Map([["length",t],["getProperty",r]]);Object.keys(a).reduce((l,i)=>(l.set(i,a[i]),l),n);function o(l,i){const d=l;return typeof i=="number"?[{target:d,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:d,operator:"getProperty",param:l,value:!!i}]:typeof i=="object"?Object.keys(i).map(u=>{if(u==="length")return{target:d,operator:"length",param:null,value:i[u]};const v=u,S=i[u];return{target:d,operator:"getProperty",param:v,value:S}}):[]}function h(l){return Object.keys(l).reduce((d,u)=>{const v=o(u,l[u]);return d.push(...v),d},[])}function g(l,i){if(n.has(l.operator)){const d=n.get(l.operator);return d&&d(l.target,l.param,l.value,i)||!1}return!1}function b(l,i){return h(l).reduce((v,S)=>v&&g(S,i),!0)}function w(l,i){const d=Object.keys(l),u=d.includes("allOf"),v=d.includes("anyOf"),S=u||v,M=(S?l[S?u?"allOf":"anyOf":"allOf"]:[l]).map(p=>b(p,i));return u?!M.includes(!1):M.includes(!0)}return{parseValueSchema:w}}const ee={},te={};I();function ae(a,t,r=new Map,n=(g,b,w)=>b,o={},h=g=>g){return J[t.title]=t,Q[t.title]=n,ee[t.title]=o,te[t.title]=h,(g={})=>{const b=x(g,t,r),w=Object.keys(a).reduce((l,i)=>(l[i]=a[i].default,l),{});return Object.assign(w,b)}}function re(a,t){return{customClass:t.class,customStyle:t.style}}const le=new Map([["appearance",re]]);function ne(a,t,r){return t}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/rate.schema.json",title:"rate",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for rate",type:"string"},type:{description:"The type string of rate",type:"string",default:"rate"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",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}},required:["id","type"],ignore:["id","appearance","binding"]},se={title:"rate",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},A={size:{type:String,default:"large"},enableHalf:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},pointSystem:{type:Number,default:5},lightColor:{type:String,default:""},darkColor:{type:String,default:""},iconClass:{type:String,default:"f-icon-star"},numOfStar:{type:Number,default:5},toolTipDisabled:{type:Boolean,default:!0},toolTipContents:{type:Array,default:["很不满意","不满意","一般","满意","非常满意"]},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1},value:{type:Number,default:0},modelValue:{type:Number,default:0}},q=ae(A,oe,le,ne,se),E=e.defineComponent({name:"FRate",props:A,emits:["selectedValue","update:modelValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),h=e.ref(a.disabled),g=e.ref(a.pointSystem),b=e.ref(a.lightColor),w=e.ref(a.darkColor),l=e.ref(a.iconClass),i=e.ref(a.numOfStar),d=e.ref(a.toolTipDisabled),u=e.ref(a.toolTipContents),v=e.ref(a.enableScore),S=e.ref(a.enableSatisfaction);let m;const N=e.ref(0),M=e.ref(0),T=e.ref(0),p=e.ref(a.modelValue);let O=1,f,y,V;const j=4;e.onMounted(()=>{});function P(){const c=i.value;V=[];for(let k=1;k<=c;k++)V.push({id:k})}function B(){let c;n.value?c=Math.ceil(p.value/O):c=p.value,M.value=(m*p.value+Math.floor(p.value)*j)/O,f=u.value[c-1]}function L(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}P(),i.value&&(O=g.value/i.value),p.value&&B()}L();function z(c){return c.className.indexOf("f-icon")!==-1}function H(){return N.value===M.value&&o.value&&M.value!==0?(M.value=0,p.value=0,y=null,N.value=0,T.value=0,t.emit("selectedValue",p.value),t.emit("update:modelValue",p.value),!0):!1}function X(c,k,s){if(c.movementX||c.movementY){if(h.value)return;S.value&&(f=u.value[k-1]),c.offsetX<m/2&&n.value===!0?(N.value=m*k-m/2+j*(k-1),T.value=O*k-O/2):(N.value=m*k+j*(k-1),T.value=O*k)}if(s===!0){if(H())return;p.value=T.value,M.value=N.value,y=f,t.emit("update:modelValue",p.value),t.emit("selectedValue",p.value)}}function $(c,k){var s;if(z(c.target)&&c.target){const D=parseInt((s=c.target)==null?void 0:s.id);X(c,D,k)}}const _=e.computed(()=>T.value?T.value+"分":p.value+"分"),Y=e.computed(()=>({width:(N.value||M.value)+"px"}));function C(){N.value=0}return e.watch(()=>a.modelValue,c=>{p.value=c,B()}),()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(c=>$(c,!1),["prevent"]),onMousemove:e.withModifiers(c=>$(c,!1),["prevent"]),onMouseleave:e.withModifiers(c=>C(),["prevent"]),onClick:e.withModifiers(c=>$(c,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:Y.value},[V.map(c=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:d.value}],id:c.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[V.map(c=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:c.id,style:{color:w.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[v.value&&e.createVNode("span",null,[e.createTextVNode(" "),_.value,e.createTextVNode(" ")]),S.value&&(y||f)&&e.createVNode("span",null,[e.createTextVNode(" "),f||y])])])}});function ie(a,t,r){var O;function n(){}const o="",h="",g=e.ref();function b(){return(t==null?void 0:t.schema.componentType)!=="frame"}function w(){return!1}function l(){return(t==null?void 0:t.schema.componentType)!=="frame"}function i(){return(t==null?void 0:t.schema.componentType)==="frame"}function d(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const y=e.ref(f==null?void 0:f.value.parent),V=d(y);return V||null}function u(f=t){const{componentInstance:y,designerItemElementRef:V}=f;return!y||!y.value?null:y.value.canMove?V:u(f.parent)}function v(f){return!!r}function S(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function m(){}function N(f,y){}function M(f,y){const{componentType:V}=f;let j=U(V,f,y);const P=V.toLowerCase().replace("-","_");return j&&!j.id&&j.type===V&&(j.id=`${P}_${Math.random().toString().slice(2,6)}`),j}function T(f){}function p(...f){}return g.value={canMove:b(),canSelectParent:w(),canDelete:l(),canNested:!i(),contents:t==null?void 0:t.schema.contents,elementRef:a,parent:(O=t==null?void 0:t.parent)==null?void 0:O.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:h,canAccepts:v,getBelongedComponentInstance:d,getDraggableDesignItemElement:u,getDraggingDisplayText:S,getPropConfig:p,getDragScopeElement:m,onAcceptMovedChildElement:N,onChildElementMovedOut:T,addNewChildComponentSchema:M,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},g}const ce=e.defineComponent({name:"FRateDesign",props:A,emits:["selectedValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),h=e.ref(a.disabled),g=e.ref(a.pointSystem),b=e.ref(a.lightColor),w=e.ref(a.darkColor),l=e.ref(a.iconClass),i=e.ref(a.numOfStar),d=e.ref(a.toolTipDisabled),u=e.ref(a.toolTipContents),v=e.ref(a.enableScore),S=e.ref(a.enableSatisfaction);let m;const N=e.ref(1);let M=0;const T=e.ref(0),p=e.ref(0);let O=1,f,y,V;const j=4,P=e.ref(),B=e.inject("design-item-context"),L=ie(P,B);e.onMounted(()=>{P.value.componentInstance=L}),t.expose(L.value),e.onMounted(()=>{});function z(){const s=i.value;V=[];for(let D=1;D<=s;D++)V.push({id:D})}function H(){let s;n.value?s=Math.ceil(p.value/O):s=p.value,M=(m*p.value+Math.floor(p.value)*j)/O,f=u.value[s-1]}function X(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}z(),i.value&&(O=g.value/i.value),p.value&&H()}X();function $(s){return s.className.indexOf("f-icon")!==-1}function _(){return N.value===M&&o&&M!==0?(M=0,p.value=0,y=null,N.value=0,T.value=0,t.emit("selectedValue",p.value),!0):!1}function Y(s,D,G){if(s.movementX||s.movementY){if(h.value)return;S.value&&(f=u.value[D-1]),s.offsetX<m/2&&n.value===!0?(N.value=m*D-m/2+j*(D-1),T.value=O*D-O/2):(N.value=m*D+j*(D-1),T.value=O*D)}if(G===!0){if(_())return;p.value=T.value,M=N.value,y=f,t.emit("selectedValue",p.value)}}function C(s,D){if($(s.target)&&s.target){const G=parseInt(s.target.id);Y(s,G,D)}}const c=e.computed(()=>T.value?T.value+"分":p.value+"分"),k=e.computed(()=>({width:(N.value||M)+"px"}));return()=>e.createVNode("div",{class:"farris-star-rating",ref:P,onMouseover:e.withModifiers(s=>C(s,!1),["prevent"]),onMousemove:e.withModifiers(s=>C(s,!1),["prevent"]),onMouseout:e.withModifiers(s=>C(s,!1),["prevent"]),onClick:e.withModifiers(s=>C(s,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:k.value},[V.map(s=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:d.value}],id:s.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[V.map(s=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:s.id,style:{color:w.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[v.value&&e.createVNode("span",null,[e.createTextVNode(" "),c.value,e.createTextVNode(" ")]),S.value&&(y||f)&&e.createVNode("span",null,[e.createTextVNode(" "),f||y])])])}}),ue=a=>{const t=a;return t.install=function(r){r.component(t.name,a)},a};E.register=(a,t,r,n)=>{a.rate=E,t.rate=q},E.registerDesigner=(a,t,r)=>{a.rate=ce,t.rate=q};const fe=ue(E);R.FRate=E,R.default=fe,R.propsResolver=q,R.rateProps=A,Object.defineProperties(R,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/response-layout/index.esm.js

@@ -1,119 +1,119 @@
-import { defineComponent as D, createVNode as j, ref as v, inject as q, onMounted as _ } from "vue";
-import { cloneDeep as X } from "lodash-es";
-const z = {}, W = {};
-function O(t) {
-  const { properties: e, title: o, ignore: n } = t, r = n && Array.isArray(n), l = Object.keys(e).reduce((u, f) => ((!r || !n.find((g) => g == f)) && (u[f] = e[f].type === "object" && e[f].properties ? O(e[f]) : X(e[f].default)), u), {});
-  return (!r || !n.find((u) => u == "id")) && (l.id = `${o}-${Date.now()}`), l;
+import { defineComponent as $, createVNode as D, ref as b, inject as B, onMounted as V } from "vue";
+import { isPlainObject as w, cloneDeep as Q } from "lodash-es";
+const q = {}, z = {};
+function T(t) {
+  const { properties: e, title: o, ignore: s } = t, r = s && Array.isArray(s), l = Object.keys(e).reduce((u, f) => ((!r || !s.find((h) => h == f)) && (u[f] = e[f].type === "object" && e[f].properties ? T(e[f]) : Q(e[f].default)), u), {});
+  return o && (!r || !s.find((u) => u == "id")) && (l.id = `${o}-${Date.now()}`), l;
 }
-function E(t, e = {}, o) {
-  const n = z[t];
-  if (n) {
-    let r = O(n);
-    const l = W[t];
-    return r = l ? l({ getSchemaByType: E }, r, e, o) : r, r;
+function W(t, e = {}, o) {
+  const s = q[t];
+  if (s) {
+    let r = T(s);
+    const l = z[t];
+    return r = l ? l({ getSchemaByType: W }, r, e, o) : r, r;
   }
   return null;
 }
-function Y(t, e) {
-  const o = O(e);
-  return Object.keys(t).reduce((n, r) => (n[r] && typeof n[r] == "object" ? Object.assign(n[r], t[r]) : n[r] = t[r], n), o), o;
+function U(t, e) {
+  const o = T(e);
+  return Object.keys(t).reduce((s, r) => (s[r] && w(s[r]) && w(t[r]) ? Object.assign(s[r], t[r]) : s[r] = t[r], s), o), o;
 }
-function Z(t, e) {
-  return Object.keys(t).filter((n) => t[n] != null).reduce((n, r) => {
+function X(t, e) {
+  return Object.keys(t).filter((s) => t[s] != null).reduce((s, r) => {
     if (e.has(r)) {
       const l = e.get(r);
       if (typeof l == "string")
-        n[l] = t[r];
+        s[l] = t[r];
       else {
         const u = l(r, t[r], t);
-        Object.assign(n, u);
+        Object.assign(s, u);
       }
     } else
-      n[r] = t[r];
-    return n;
+      s[r] = t[r];
+    return s;
   }, {});
 }
-function C(t, e, o = /* @__PURE__ */ new Map()) {
-  const n = Y(t, e);
-  return Z(n, o);
+function Y(t, e, o = /* @__PURE__ */ new Map()) {
+  const s = U(t, e);
+  return X(s, o);
 }
-function K(t = {}) {
-  function e(s, a, i, c) {
+function Z(t = {}) {
+  function e(n, a, i, c) {
     if (typeof i == "number")
-      return c[s].length === i;
+      return c[n].length === i;
     if (typeof i == "object") {
       const y = Object.keys(i)[0], m = i[y];
       if (y === "not")
-        return Number(c[s].length) !== Number(m);
+        return Number(c[n].length) !== Number(m);
       if (y === "moreThan")
-        return Number(c[s].length) >= Number(m);
+        return Number(c[n].length) >= Number(m);
       if (y === "lessThan")
-        return Number(c[s].length) <= Number(m);
+        return Number(c[n].length) <= Number(m);
     }
     return !1;
   }
-  function o(s, a, i, c) {
-    return c[s] && c[s].propertyValue && String(c[s].propertyValue.value) === String(i);
+  function o(n, a, i, c) {
+    return c[n] && c[n].propertyValue && String(c[n].propertyValue.value) === String(i);
   }
-  const n = /* @__PURE__ */ new Map([
+  const s = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", o]
   ]);
-  Object.keys(t).reduce((s, a) => (s.set(a, t[a]), s), n);
-  function r(s, a) {
-    const i = s;
-    return typeof a == "number" ? [{ target: i, operator: "length", param: null, value: Number(a) }] : typeof a == "boolean" ? [{ target: i, operator: "getProperty", param: s, value: !!a }] : typeof a == "object" ? Object.keys(a).map((c) => {
+  Object.keys(t).reduce((n, a) => (n.set(a, t[a]), n), s);
+  function r(n, a) {
+    const i = n;
+    return typeof a == "number" ? [{ target: i, operator: "length", param: null, value: Number(a) }] : typeof a == "boolean" ? [{ target: i, operator: "getProperty", param: n, value: !!a }] : typeof a == "object" ? Object.keys(a).map((c) => {
       if (c === "length")
         return { target: i, operator: "length", param: null, value: a[c] };
       const y = c, m = a[c];
       return { target: i, operator: "getProperty", param: y, value: m };
     }) : [];
   }
-  function l(s) {
-    return Object.keys(s).reduce((i, c) => {
-      const y = r(c, s[c]);
+  function l(n) {
+    return Object.keys(n).reduce((i, c) => {
+      const y = r(c, n[c]);
       return i.push(...y), i;
     }, []);
   }
-  function u(s, a) {
-    if (n.has(s.operator)) {
-      const i = n.get(s.operator);
-      return i && i(s.target, s.param, s.value, a) || !1;
+  function u(n, a) {
+    if (s.has(n.operator)) {
+      const i = s.get(n.operator);
+      return i && i(n.target, n.param, n.value, a) || !1;
     }
     return !1;
   }
-  function f(s, a) {
-    return l(s).reduce((y, m) => y && u(m, a), !0);
+  function f(n, a) {
+    return l(n).reduce((y, m) => y && u(m, a), !0);
   }
-  function g(s, a) {
-    const i = Object.keys(s), c = i.includes("allOf"), y = i.includes("anyOf"), m = c || y, R = (m ? s[m ? c ? "allOf" : "anyOf" : "allOf"] : [s]).map((T) => f(T, a));
-    return c ? !R.includes(!1) : R.includes(!0);
+  function h(n, a) {
+    const i = Object.keys(n), c = i.includes("allOf"), y = i.includes("anyOf"), m = c || y, L = (m ? n[m ? c ? "allOf" : "anyOf" : "allOf"] : [n]).map((P) => f(P, a));
+    return c ? !L.includes(!1) : L.includes(!0);
   }
-  return { parseValueSchema: g };
+  return { parseValueSchema: h };
 }
-const I = {}, x = {};
-K();
-function J(t, e, o = /* @__PURE__ */ new Map(), n = (u, f, g) => f, r = {}, l = (u) => u) {
-  return z[e.title] = e, W[e.title] = n, I[e.title] = r, x[e.title] = l, (u = {}) => {
-    const f = C(u, e, o), g = Object.keys(t).reduce((s, a) => (s[a] = t[a].default, s), {});
-    return Object.assign(g, f);
+const C = {}, K = {};
+Z();
+function _(t, e, o = /* @__PURE__ */ new Map(), s = (u, f, h) => f, r = {}, l = (u) => u) {
+  return q[e.title] = e, z[e.title] = s, C[e.title] = r, K[e.title] = l, (u = {}) => {
+    const f = Y(u, e, o), h = Object.keys(t).reduce((n, a) => (n[a] = t[a].default, n), {});
+    return Object.assign(h, f);
   };
 }
-function ee(t, e) {
+function I(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
 const G = /* @__PURE__ */ new Map([
-  ["appearance", ee]
+  ["appearance", I]
 ]);
-function te(t, e, o) {
-  return o.splitter && (e.contents = String(o.splitter).split(":").map((n) => {
+function x(t, e, o) {
+  return o.splitter && (e.contents = String(o.splitter).split(":").map((s) => {
     const r = t.getSchemaByType("response-layout-item");
     return r.appearance = {
-      class: `h-100 col-${n} px-0`
+      class: `h-100 col-${s} px-0`
     }, r;
   })), e;
 }
-const re = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-design.gitee.io/response-layout.schema.json", se = "response-layout", oe = "A Farris Container Component", ae = "object", ie = {
+const ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-design.gitee.io/response-layout.schema.json", re = "response-layout", se = "A Farris Container Component", ne = "object", oe = {
   id: {
     description: "The unique identifier for a Respnse Layout",
     type: "string"
@@ -159,19 +159,19 @@ const re = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-
     type: "boolean",
     default: !0
   }
-}, ce = [
+}, ae = [
   "id",
   "type",
   "contents"
-], pe = {
-  $schema: re,
-  $id: ne,
-  title: se,
-  description: oe,
-  type: ae,
-  properties: ie,
-  required: ce
-}, ue = "responseLayout", le = "A Farris Container Component", fe = "object", ye = {
+], ie = {
+  $schema: ee,
+  $id: te,
+  title: re,
+  description: se,
+  type: ne,
+  properties: oe,
+  required: ae
+}, ce = "responseLayout", pe = "A Farris Container Component", ue = "object", le = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -249,23 +249,23 @@ const re = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-
       }
     }
   }
-}, me = {
-  title: ue,
-  description: le,
-  type: fe,
-  categories: ye
-}, N = {
+}, fe = {
+  title: ce,
+  description: pe,
+  type: ue,
+  categories: le
+}, M = {
   customClass: { type: String, default: "" }
-}, B = J(N, pe, G, te, me), M = /* @__PURE__ */ D({
+}, A = _(M, ie, G, x, fe), S = /* @__PURE__ */ $({
   name: "FResponseLayout",
-  props: N,
+  props: M,
   emits: [],
   setup(t, e) {
-    return () => j("div", {
+    return () => D("div", {
       class: t.customClass
     }, [e.slots.default && e.slots.default()]);
   }
-}), de = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/response-layout-item.schema.json", ge = "response-layout-item", be = "A Farris Container Component", ve = "object", Le = {
+}), ye = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/response-layout-item.schema.json", de = "response-layout-item", he = "A Farris Container Component", ge = "object", be = {
   id: {
     description: "The unique identifier for a Respnse Layout Item",
     type: "string"
@@ -311,42 +311,42 @@ const re = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Re = [
+}, ve = [
   "id",
   "type",
   "contents"
-], $e = {
-  $schema: de,
-  $id: he,
-  title: ge,
-  description: be,
-  type: ve,
-  properties: Le,
-  required: Re
-}, w = {
+], Le = {
+  $schema: ye,
+  $id: me,
+  title: de,
+  description: he,
+  type: ge,
+  properties: be,
+  required: ve
+}, O = {
   customClass: { type: String, default: "" }
-}, V = J(w, $e, G), S = /* @__PURE__ */ D({
+}, k = _(O, Le, G), R = /* @__PURE__ */ $({
   name: "FResponseLayoutItem",
-  props: w,
+  props: O,
   emits: [],
   setup(t, e) {
-    return () => j("div", {
+    return () => D("div", {
       class: t.customClass
     }, [e.slots.default && e.slots.default()]);
   }
 });
 function H(t, e, o) {
-  var k;
-  function n() {
+  var F;
+  function s() {
   }
-  const r = "", l = "", u = v();
+  const r = "", l = "", u = b();
   function f() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function g() {
+  function h() {
     return !1;
   }
-  function s() {
+  function n() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function a() {
@@ -357,12 +357,12 @@ function H(t, e, o) {
       return null;
     if (p.value.schema && p.value.schema.type === "component")
       return p.value;
-    const h = v(p == null ? void 0 : p.value.parent), d = i(h);
-    return d || null;
+    const d = b(p == null ? void 0 : p.value.parent), g = i(d);
+    return g || null;
   }
   function c(p = e) {
-    const { componentInstance: h, designerItemElementRef: d } = p;
-    return !h || !h.value ? null : h.value.canMove ? d : c(p.parent);
+    const { componentInstance: d, designerItemElementRef: g } = p;
+    return !d || !d.value ? null : d.value.canMove ? g : c(p.parent);
   }
   function y(p) {
     return !!o;
@@ -370,35 +370,28 @@ function H(t, e, o) {
   function m() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function P() {
-  }
-  function A(p, h) {
+  function j() {
   }
-  function R(p, h) {
-    const { componentType: d } = p;
-    let b = E(d, p, h);
-    const $ = d.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === d && (b.id = `${$}_${Math.random().toString().slice(2, 6)}`), b;
+  function E(p, d) {
   }
-  function F(p, h) {
-    const d = String(p.getAttribute("data-controltype")), b = p.getAttribute("data-feature"), $ = b ? JSON.parse(b) : {};
-    $.parentComponentInstance = u.value;
-    let L = E(d, $);
-    const U = d.toLowerCase().replace("-", "_");
-    return L && !L.id && L.type === d && (L.id = `${U}_${Math.random().toString().slice(2, 6)}`), L;
+  function L(p, d) {
+    const { componentType: g } = p;
+    let v = W(g, p, d);
+    const J = g.toLowerCase().replace("-", "_");
+    return v && !v.id && v.type === g && (v.id = `${J}_${Math.random().toString().slice(2, 6)}`), v;
   }
-  function T(p) {
+  function N(p) {
   }
-  function Q(...p) {
+  function P(...p) {
   }
   return u.value = {
     canMove: f(),
-    canSelectParent: g(),
-    canDelete: s(),
+    canSelectParent: h(),
+    canDelete: n(),
     canNested: !a(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (k = e == null ? void 0 : e.parent) == null ? void 0 : k.componentInstance,
+    parent: (F = e == null ? void 0 : e.parent) == null ? void 0 : F.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: r,
     designerClass: l,
@@ -406,59 +399,58 @@ function H(t, e, o) {
     getBelongedComponentInstance: i,
     getDraggableDesignItemElement: c,
     getDraggingDisplayText: m,
-    getPropConfig: Q,
-    getDragScopeElement: P,
-    onAcceptMovedChildElement: A,
-    onAcceptNewChildElement: F,
-    onChildElementMovedOut: T,
-    addNewChildComponentSchema: R,
-    updateDragAndDropRules: n,
-    triggerBelongedComponentToMoveWhenMoved: v(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: v(!1)
+    getPropConfig: P,
+    getDragScopeElement: j,
+    onAcceptMovedChildElement: E,
+    onChildElementMovedOut: N,
+    addNewChildComponentSchema: L,
+    updateDragAndDropRules: s,
+    triggerBelongedComponentToMoveWhenMoved: b(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: b(!1)
   }, u;
 }
-const Se = /* @__PURE__ */ D({
+const Re = /* @__PURE__ */ $({
   name: "FResponseLayoutDesign",
-  props: N,
+  props: M,
   emits: [],
   setup(t, e) {
-    const o = v(), n = q("design-item-context"), r = H(o, n);
-    return r.value.canNested = !1, _(() => {
+    const o = b(), s = B("design-item-context"), r = H(o, s);
+    return r.value.canNested = !1, V(() => {
       o.value.componentInstance = r;
-    }), e.expose(r.value), () => j("div", {
+    }), e.expose(r.value), () => D("div", {
       ref: o,
       class: "d-flex response-layout"
     }, [e.slots.default && e.slots.default()]);
   }
-}), De = /* @__PURE__ */ D({
+}), $e = /* @__PURE__ */ $({
   name: "FResponseLayoutItemDesign",
-  props: w,
+  props: O,
   emits: [],
   setup(t, e) {
-    const o = v(), n = q("design-item-context"), r = H(o, n);
-    return r.value.canNested = !1, r.value.canMove = !1, r.value.canDelete = !1, _(() => {
+    const o = b(), s = B("design-item-context"), r = H(o, s);
+    return r.value.canNested = !1, r.value.canMove = !1, r.value.canDelete = !1, V(() => {
       o.value.componentInstance = r;
-    }), e.expose(r.value), () => j(S, {
+    }), e.expose(r.value), () => D(R, {
       ref: o
     }, {
       default: () => [e.slots.default && e.slots.default()]
     });
   }
-}), Te = {
+}), Pe = {
   install(t) {
-    t.component(M.name, M).component(S.name, S);
+    t.component(S.name, S).component(R.name, R);
   },
-  register(t, e, o, n) {
-    t["response-layout"] = M, t["response-layout-item"] = S, e["response-layout"] = B, e["response-layout-item"] = V;
+  register(t, e, o, s) {
+    t["response-layout"] = S, t["response-layout-item"] = R, e["response-layout"] = A, e["response-layout-item"] = k;
   },
   registerDesigner(t, e, o) {
-    t["response-layout"] = Se, t["response-layout-item"] = De, e["response-layout"] = B, e["response-layout-item"] = V;
+    t["response-layout"] = Re, t["response-layout-item"] = $e, e["response-layout"] = A, e["response-layout-item"] = k;
   }
 };
 export {
-  M as FResponseLayout,
-  S as FResponseLayoutItem,
-  Te as default,
-  N as responseLayoutProps,
-  B as responseLayoutPropsResolver
+  S as FResponseLayout,
+  R as FResponseLayoutItem,
+  Pe as default,
+  M as responseLayoutProps,
+  A as responseLayoutPropsResolver
 };

package/components/response-layout/index.umd.cjs

@@ -1 +1 @@
-(function(m,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],p):(m=typeof globalThis<"u"?globalThis:m||self,p(m["response-layout"]={},m.Vue,m.LodashES))})(this,function(m,p,J){"use strict";const w={},A={};function M(t){const{properties:e,title:o,ignore:r}=t,n=r&&Array.isArray(r),f=Object.keys(e).reduce((l,y)=>((!n||!r.find($=>$==y))&&(l[y]=e[y].type==="object"&&e[y].properties?M(e[y]):J.cloneDeep(e[y].default)),l),{});return(!n||!r.find(l=>l=="id"))&&(f.id=`${o}-${Date.now()}`),f}function v(t,e={},o){const r=w[t];if(r){let n=M(r);const f=A[t];return n=f?f({getSchemaByType:v},n,e,o):n,n}return null}function G(t,e){const o=M(e);return Object.keys(t).reduce((r,n)=>(r[n]&&typeof r[n]=="object"?Object.assign(r[n],t[n]):r[n]=t[n],r),o),o}function H(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,n)=>{if(e.has(n)){const f=e.get(n);if(typeof f=="string")r[f]=t[n];else{const l=f(n,t[n],t);Object.assign(r,l)}}else r[n]=t[n];return r},{})}function Q(t,e,o=new Map){const r=G(t,e);return H(r,o)}function U(t={}){function e(s,a,i,c){if(typeof i=="number")return c[s].length===i;if(typeof i=="object"){const d=Object.keys(i)[0],h=i[d];if(d==="not")return Number(c[s].length)!==Number(h);if(d==="moreThan")return Number(c[s].length)>=Number(h);if(d==="lessThan")return Number(c[s].length)<=Number(h)}return!1}function o(s,a,i,c){return c[s]&&c[s].propertyValue&&String(c[s].propertyValue.value)===String(i)}const r=new Map([["length",e],["getProperty",o]]);Object.keys(t).reduce((s,a)=>(s.set(a,t[a]),s),r);function n(s,a){const i=s;return typeof a=="number"?[{target:i,operator:"length",param:null,value:Number(a)}]:typeof a=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!a}]:typeof a=="object"?Object.keys(a).map(c=>{if(c==="length")return{target:i,operator:"length",param:null,value:a[c]};const d=c,h=a[c];return{target:i,operator:"getProperty",param:d,value:h}}):[]}function f(s){return Object.keys(s).reduce((i,c)=>{const d=n(c,s[c]);return i.push(...d),i},[])}function l(s,a){if(r.has(s.operator)){const i=r.get(s.operator);return i&&i(s.target,s.param,s.value,a)||!1}return!1}function y(s,a){return f(s).reduce((d,h)=>d&&l(h,a),!0)}function $(s,a){const i=Object.keys(s),c=i.includes("allOf"),d=i.includes("anyOf"),h=c||d,D=(h?s[h?c?"allOf":"anyOf":"allOf"]:[s]).map(F=>y(F,a));return c?!D.includes(!1):D.includes(!0)}return{parseValueSchema:$}}const X={},Y={};U();function V(t,e,o=new Map,r=(l,y,$)=>y,n={},f=l=>l){return w[e.title]=e,A[e.title]=r,X[e.title]=n,Y[e.title]=f,(l={})=>{const y=Q(l,e,o),$=Object.keys(t).reduce((s,a)=>(s[a]=t[a].default,s),{});return Object.assign($,y)}}function Z(t,e){return{customClass:e.class,customStyle:e.style}}const q=new Map([["appearance",Z]]);function C(t,e,o){return o.splitter&&(e.contents=String(o.splitter).split(":").map(r=>{const n=t.getSchemaByType("response-layout-item");return n.appearance={class:`h-100 col-${r} px-0`},n})),e}const K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},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"]},I={title:"responseLayout",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"ResponseLayout",enum:[]}}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"外联样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"}}},appearanceStyle:{description:"样式",type:"cascade",title:"内联样式",properties:{inlineStyle:{description:"",title:"inlineStyle",type:"custom"}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}},layout:{description:"",title:"布局",properties:{layout:{description:"配置布局容器内区块个数及比例",type:"custom",title:"是否可见",editor:{},editorParams:{layout:[]}}}}}},j={customClass:{type:String,default:""}},N=V(j,K,q,C,I),P=p.defineComponent({name:"FResponseLayout",props:j,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}}),x={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},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"]},E={customClass:{type:String,default:""}},k=V(E,x,q),R=p.defineComponent({name:"FResponseLayoutItem",props:E,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}});function B(t,e,o){var W;function r(){}const n="",f="",l=p.ref();function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function $(){return!1}function s(){return(e==null?void 0:e.schema.componentType)!=="frame"}function a(){return(e==null?void 0:e.schema.componentType)==="frame"}function i(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const b=p.ref(u==null?void 0:u.value.parent),g=i(b);return g||null}function c(u=e){const{componentInstance:b,designerItemElementRef:g}=u;return!b||!b.value?null:b.value.canMove?g:c(u.parent)}function d(u){return!!o}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 O(){}function _(u,b){}function D(u,b){const{componentType:g}=u;let L=v(g,u,b);const T=g.toLowerCase().replace("-","_");return L&&!L.id&&L.type===g&&(L.id=`${T}_${Math.random().toString().slice(2,6)}`),L}function z(u,b){const g=String(u.getAttribute("data-controltype")),L=u.getAttribute("data-feature"),T=L?JSON.parse(L):{};T.parentComponentInstance=l.value;let S=v(g,T);const se=g.toLowerCase().replace("-","_");return S&&!S.id&&S.type===g&&(S.id=`${se}_${Math.random().toString().slice(2,6)}`),S}function F(u){}function re(...u){}return l.value={canMove:y(),canSelectParent:$(),canDelete:s(),canNested:!a(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(W=e==null?void 0:e.parent)==null?void 0:W.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:f,canAccepts:d,getBelongedComponentInstance:i,getDraggableDesignItemElement:c,getDraggingDisplayText:h,getPropConfig:re,getDragScopeElement:O,onAcceptMovedChildElement:_,onAcceptNewChildElement:z,onChildElementMovedOut:F,addNewChildComponentSchema:D,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:p.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:p.ref(!1)},l}const ee=p.defineComponent({name:"FResponseLayoutDesign",props:j,emits:[],setup(t,e){const o=p.ref(),r=p.inject("design-item-context"),n=B(o,r);return n.value.canNested=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode("div",{ref:o,class:"d-flex response-layout"},[e.slots.default&&e.slots.default()])}}),te=p.defineComponent({name:"FResponseLayoutItemDesign",props:E,emits:[],setup(t,e){const o=p.ref(),r=p.inject("design-item-context"),n=B(o,r);return n.value.canNested=!1,n.value.canMove=!1,n.value.canDelete=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode(R,{ref:o},{default:()=>[e.slots.default&&e.slots.default()]})}}),ne={install(t){t.component(P.name,P).component(R.name,R)},register(t,e,o,r){t["response-layout"]=P,t["response-layout-item"]=R,e["response-layout"]=N,e["response-layout-item"]=k},registerDesigner(t,e,o){t["response-layout"]=ee,t["response-layout-item"]=te,e["response-layout"]=N,e["response-layout-item"]=k}};m.FResponseLayout=P,m.FResponseLayoutItem=R,m.default=ne,m.responseLayoutProps=j,m.responseLayoutPropsResolver=N,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(m,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],p):(m=typeof globalThis<"u"?globalThis:m||self,p(m["response-layout"]={},m.Vue,m.LodashES))})(this,function(m,p,S){"use strict";const E={},F={};function T(t){const{properties:e,title:o,ignore:r}=t,n=r&&Array.isArray(r),f=Object.keys(e).reduce((l,y)=>((!n||!r.find(b=>b==y))&&(l[y]=e[y].type==="object"&&e[y].properties?T(e[y]):S.cloneDeep(e[y].default)),l),{});return o&&(!n||!r.find(l=>l=="id"))&&(f.id=`${o}-${Date.now()}`),f}function V(t,e={},o){const r=E[t];if(r){let n=T(r);const f=F[t];return n=f?f({getSchemaByType:V},n,e,o):n,n}return null}function W(t,e){const o=T(e);return Object.keys(t).reduce((r,n)=>(r[n]&&S.isPlainObject(r[n])&&S.isPlainObject(t[n])?Object.assign(r[n],t[n]):r[n]=t[n],r),o),o}function G(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,n)=>{if(e.has(n)){const f=e.get(n);if(typeof f=="string")r[f]=t[n];else{const l=f(n,t[n],t);Object.assign(r,l)}}else r[n]=t[n];return r},{})}function H(t,e,o=new Map){const r=W(t,e);return G(r,o)}function J(t={}){function e(s,a,i,c){if(typeof i=="number")return c[s].length===i;if(typeof i=="object"){const d=Object.keys(i)[0],h=i[d];if(d==="not")return Number(c[s].length)!==Number(h);if(d==="moreThan")return Number(c[s].length)>=Number(h);if(d==="lessThan")return Number(c[s].length)<=Number(h)}return!1}function o(s,a,i,c){return c[s]&&c[s].propertyValue&&String(c[s].propertyValue.value)===String(i)}const r=new Map([["length",e],["getProperty",o]]);Object.keys(t).reduce((s,a)=>(s.set(a,t[a]),s),r);function n(s,a){const i=s;return typeof a=="number"?[{target:i,operator:"length",param:null,value:Number(a)}]:typeof a=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!a}]:typeof a=="object"?Object.keys(a).map(c=>{if(c==="length")return{target:i,operator:"length",param:null,value:a[c]};const d=c,h=a[c];return{target:i,operator:"getProperty",param:d,value:h}}):[]}function f(s){return Object.keys(s).reduce((i,c)=>{const d=n(c,s[c]);return i.push(...d),i},[])}function l(s,a){if(r.has(s.operator)){const i=r.get(s.operator);return i&&i(s.target,s.param,s.value,a)||!1}return!1}function y(s,a){return f(s).reduce((d,h)=>d&&l(h,a),!0)}function b(s,a){const i=Object.keys(s),c=i.includes("allOf"),d=i.includes("anyOf"),h=c||d,D=(h?s[h?c?"allOf":"anyOf":"allOf"]:[s]).map(N=>y(N,a));return c?!D.includes(!1):D.includes(!0)}return{parseValueSchema:b}}const Q={},U={};J();function q(t,e,o=new Map,r=(l,y,b)=>y,n={},f=l=>l){return E[e.title]=e,F[e.title]=r,Q[e.title]=n,U[e.title]=f,(l={})=>{const y=H(l,e,o),b=Object.keys(t).reduce((s,a)=>(s[a]=t[a].default,s),{});return Object.assign(b,y)}}function X(t,e){return{customClass:e.class,customStyle:e.style}}const w=new Map([["appearance",X]]);function Y(t,e,o){return o.splitter&&(e.contents=String(o.splitter).split(":").map(r=>{const n=t.getSchemaByType("response-layout-item");return n.appearance={class:`h-100 col-${r} px-0`},n})),e}const Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},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"]},C={title:"responseLayout",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"ResponseLayout",enum:[]}}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"外联样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"}}},appearanceStyle:{description:"样式",type:"cascade",title:"内联样式",properties:{inlineStyle:{description:"",title:"inlineStyle",type:"custom"}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}},layout:{description:"",title:"布局",properties:{layout:{description:"配置布局容器内区块个数及比例",type:"custom",title:"是否可见",editor:{},editorParams:{layout:[]}}}}}},j={customClass:{type:String,default:""}},M=q(j,Z,w,Y,C),P=p.defineComponent({name:"FResponseLayout",props:j,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}}),K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},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"]},O={customClass:{type:String,default:""}},A=q(O,K,w),L=p.defineComponent({name:"FResponseLayoutItem",props:O,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}});function k(t,e,o){var z;function r(){}const n="",f="",l=p.ref();function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function b(){return!1}function s(){return(e==null?void 0:e.schema.componentType)!=="frame"}function a(){return(e==null?void 0:e.schema.componentType)==="frame"}function i(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const g=p.ref(u==null?void 0:u.value.parent),$=i(g);return $||null}function c(u=e){const{componentInstance:g,designerItemElementRef:$}=u;return!g||!g.value?null:g.value.canMove?$:c(u.parent)}function d(u){return!!o}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 v(){}function B(u,g){}function D(u,g){const{componentType:$}=u;let R=V($,u,g);const te=$.toLowerCase().replace("-","_");return R&&!R.id&&R.type===$&&(R.id=`${te}_${Math.random().toString().slice(2,6)}`),R}function _(u){}function N(...u){}return l.value={canMove:y(),canSelectParent:b(),canDelete:s(),canNested:!a(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:f,canAccepts:d,getBelongedComponentInstance:i,getDraggableDesignItemElement:c,getDraggingDisplayText:h,getPropConfig:N,getDragScopeElement:v,onAcceptMovedChildElement:B,onChildElementMovedOut:_,addNewChildComponentSchema:D,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:p.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:p.ref(!1)},l}const I=p.defineComponent({name:"FResponseLayoutDesign",props:j,emits:[],setup(t,e){const o=p.ref(),r=p.inject("design-item-context"),n=k(o,r);return n.value.canNested=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode("div",{ref:o,class:"d-flex response-layout"},[e.slots.default&&e.slots.default()])}}),x=p.defineComponent({name:"FResponseLayoutItemDesign",props:O,emits:[],setup(t,e){const o=p.ref(),r=p.inject("design-item-context"),n=k(o,r);return n.value.canNested=!1,n.value.canMove=!1,n.value.canDelete=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode(L,{ref:o},{default:()=>[e.slots.default&&e.slots.default()]})}}),ee={install(t){t.component(P.name,P).component(L.name,L)},register(t,e,o,r){t["response-layout"]=P,t["response-layout-item"]=L,e["response-layout"]=M,e["response-layout-item"]=A},registerDesigner(t,e,o){t["response-layout"]=I,t["response-layout-item"]=x,e["response-layout"]=M,e["response-layout-item"]=A}};m.FResponseLayout=P,m.FResponseLayoutItem=L,m.default=ee,m.responseLayoutProps=j,m.responseLayoutPropsResolver=M,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/response-layout-editor/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}.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}
+.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}.f-layout-editor-column-width-editor-click-button .f-radio-button{border:none}.f-layout-editor-column-width-editor-click-button .farris-input-wrap>.btn{border-radius:0;width:40px;font-family:PingFangSC-Regular;font-size:10px;text-align:center;color:#2d2f3375}.f-layout-editor-column-width-editor-click-button .farris-input-wrap:first-child>.btn{border-top-left-radius:3px;border-bottom-left-radius:3px}.f-layout-editor-column-width-editor-click-button .farris-input-wrap:nth-last-child(2)>.btn{border-top-right-radius:3px;border-bottom-right-radius:3px}.f-layout-editor-column-width-editor-click-button .farris-input-wrap .btn-secondary:not(:disabled):not(.disabled).active{color:#fff;background-color:#5d89fe;font-family:PingFangSC-Regular;font-size:10px;width:40px}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-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}