@farris/ui-vue 1.2.8 → 1.3.0

package/components/rate/index.umd.cjs

@@ -0,0 +1 @@
+(function(P,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):(P=typeof globalThis<"u"?globalThis:P||self,e(P.rate={},P.Vue,P.LodashES))})(this,function(P,e,W){"use strict";const Q={},U={};function q(a){const{properties:t,title:r,ignore:n}=a,o=n&&Array.isArray(n),b=Object.keys(t).reduce((g,v)=>((!o||!n.find(C=>C==v))&&(g[v]=t[v].type==="object"&&t[v].properties?q(t[v]):W.cloneDeep(t[v].default)),g),{});return(!o||!n.find(g=>g=="id"))&&(b.id=`${r}-${Date.now()}`),b}function _(a,t={},r){const n=Q[a];if(n){let o=q(n);const b=U[a];return o=b?b({getSchemaByType:_},o,t,r):o,o}return null}function Z(a,t){const r=q(t);return Object.keys(a).reduce((n,o)=>(n[o]&&W.isPlainObject(n[o])&&W.isPlainObject(a[o])?Object.assign(n[o],a[o]):n[o]=a[o],n),r),r}function x(a,t){return Object.keys(a).filter(n=>a[n]!=null).reduce((n,o)=>{if(t.has(o)){const b=t.get(o);if(typeof b=="string")n[b]=a[o];else{const g=b(o,a[o],a);Object.assign(n,g)}}else n[o]=a[o];return n},{})}function K(a,t,r=new Map){const n=Z(a,t);return x(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 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(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 b(l){return Object.keys(l).reduce((d,f)=>{const S=o(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 v(l,i){return b(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=>v(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,v,C)=>v,o={},b=g=>g){return Q[t.title]=t,U[t.title]=n,ee[t.title]=o,te[t.title]=b,(g={})=>{const v=K(g,t,r),C=Object.keys(a).reduce((l,i)=>(l[i]=a[i].default,l),{});return Object.assign(C,v)}}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}},z=ae(F,oe,le,ne,se),E=e.defineComponent({name:"FRate",props:F,emits:["selectedValue","update:modelValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),b=e.ref(a.disabled),g=e.ref(a.pointSystem),v=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 H(){return V.value===N.value&&o.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 X(c,k,s){if(c.movementX||c.movementY){if(b.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(s===!0){if(H())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 s;if(L(c.target)&&c.target){const w=parseInt((s=c.target)==null?void 0:s.id);X(c,w,k)}}const Y=e.computed(()=>T.value?T.value+"分":p.value+"分"),J=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:J.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:v.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(" "),Y.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 o="",b="",g=e.ref();function v(){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=_(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=_(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:v(),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:o,designerClass:b,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),o=e.ref(a.enableClear),b=e.ref(a.disabled),g=e.ref(a.pointSystem),v=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 s=i.value;h=[];for(let w=1;w<=s;w++)h.push({id:w})}function H(){let s;n.value?s=Math.ceil(p.value/O):s=p.value,N=(m*p.value+Math.floor(p.value)*y)/O,D=f.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}L(),i.value&&(O=g.value/i.value),p.value&&H()}X();function B(s){return s.className.indexOf("f-icon")!==-1}function Y(){return V.value===N&&o&&N!==0?(N=0,p.value=0,u=null,V.value=0,T.value=0,t.emit("selectedValue",p.value),!0):!1}function J(s,w,G){if(s.movementX||s.movementY){if(b.value)return;M.value&&(D=f.value[w-1]),s.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(G===!0){if(Y())return;p.value=T.value,N=V.value,u=D,t.emit("selectedValue",p.value)}}function A(s,w){if(B(s.target)&&s.target){const G=parseInt(s.target.id);J(s,G,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(s=>A(s,!1),["prevent"]),onMousemove:e.withModifiers(s=>A(s,!1),["prevent"]),onMouseout:e.withModifiers(s=>A(s,!1),["prevent"]),onClick:e.withModifiers(s=>A(s,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:k.value},[h.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:v.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[h.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: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};E.register=(a,t,r,n)=>{a.rate=E,t.rate=z},E.registerDesigner=(a,t,r)=>{a.rate=ce,t.rate=z};const fe=ue(E);P.FRate=E,P.default=fe,P.propsResolver=z,P.rateProps=F,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

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

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

@@ -0,0 +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,M){"use strict";const A={},V={};function v(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?v(e[y]):M.cloneDeep(e[y].default)),l),{});return(!n||!r.find(l=>l=="id"))&&(f.id=`${o}-${Date.now()}`),f}function O(t,e={},o){const r=A[t];if(r){let n=v(r);const f=V[t];return n=f?f({getSchemaByType:O},n,e,o):n,n}return null}function G(t,e){const o=v(e);return Object.keys(t).reduce((r,n)=>(r[n]&&M.isPlainObject(r[n])&&M.isPlainObject(t[n])?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(w=>y(w,a));return c?!D.includes(!1):D.includes(!0)}return{parseValueSchema:$}}const X={},Y={};U();function q(t,e,o=new Map,r=(l,y,$)=>y,n={},f=l=>l){return A[e.title]=e,V[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 k=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=q(j,K,k,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:""}},B=q(E,x,k),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 _(t,e,o){var J;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 F(){}function z(u,b){}function D(u,b){const{componentType:g}=u;let L=O(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 W(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=O(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 w(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:(J=e==null?void 0:e.parent)==null?void 0:J.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:f,canAccepts:d,getBelongedComponentInstance:i,getDraggableDesignItemElement:c,getDraggingDisplayText:h,getPropConfig:re,getDragScopeElement:F,onAcceptMovedChildElement:z,onAcceptNewChildElement:W,onChildElementMovedOut:w,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=_(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=_(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"]=B},registerDesigner(t,e,o){t["response-layout"]=ee,t["response-layout-item"]=te,e["response-layout"]=N,e["response-layout-item"]=B}};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"}})});

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}