@farris/ui-vue 1.4.0 → 1.4.1

package/components/designer-outline/index.css

@@ -1 +1 @@
-.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff}.designer-control-tree .fv-tree{height:100%!important;overflow:hidden}.designer-control-tree .fv-tree .fv-tree-content{background:#fcfdff!important}.designer-control-tree .fv-tree .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important;height:1rem}.designer-control-tree .fv-tree .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-tree .fv-tree-data{overflow:auto}.designer-control-tree .fv-tree .fv-grid-row-selected,.designer-control-tree .fv-tree .fv-grid-row-hover{border-radius:10px}.designer-control-tree .fv-tree .fv-grid-hierarchy-cell{padding:0}
+.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff}.designer-control-tree .fv-grid{height:100%!important;overflow:hidden}.designer-control-tree .fv-grid .fv-grid-content{background:#fcfdff!important}.designer-control-tree .fv-grid .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important;height:1rem}.designer-control-tree .fv-grid .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-grid .fv-grid-data{overflow:auto}.designer-control-tree .fv-grid .fv-grid-row-selected,.designer-control-tree .fv-grid .fv-grid-row-hover{border-radius:10px}.designer-control-tree .fv-grid .fv-grid-hierarchy-cell{padding:0}

package/components/drawer/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, computed as l, createVNode as a, Teleport as m, Transition as n, withModifiers as u } from "vue";
+import { defineComponent as m, computed as l, createVNode as a, Teleport as p, Transition as n, withModifiers as u } from "vue";
 import { withInstall as h } from "../common/index.esm.js";
 const g = {
   /** 背景色 */
@@ -13,28 +13,30 @@ const g = {
   showClose: { type: Boolean, default: !0 },
   /** 是否展示遮罩层 */
   showMask: { type: Boolean, default: !0 },
+  /** 点击遮罩是否关闭抽屉 */
+  closeByMask: { type: Boolean, default: !0 },
   /** 标题 */
   title: { type: String, default: "" },
   /** 宽度 */
   width: { type: String, default: 300 }
-}, o = /* @__PURE__ */ p({
+}, o = /* @__PURE__ */ m({
   name: "FDrawer",
   props: g,
   emits: ["afterClose", "update:modelValue"],
-  setup(t, r) {
+  setup(e, r) {
     const s = l(() => ({
       "f-drawer-wrapper": !0,
-      [`f-drawer-wrapper-${t.position}`]: !0
+      [`f-drawer-wrapper-${e.position}`]: !0
     })), f = l(() => {
-      const e = t.width;
-      return typeof e == "string" ? e : typeof e == "number" ? `${e}px` : "20%";
+      const t = e.width;
+      return typeof t == "string" ? t : typeof t == "number" ? `${t}px` : "20%";
     }), c = l(() => {
-      const e = t.height;
-      return typeof e == "string" ? e : typeof e == "number" ? `${e}px` : "20%";
-    }), w = l(() => `f-drawer-${t.position}`), i = () => {
+      const t = e.height;
+      return typeof t == "string" ? t : typeof t == "number" ? `${t}px` : "20%";
+    }), w = l(() => `f-drawer-${e.position}`), i = () => {
       r.emit("update:modelValue", !1), r.emit("afterClose");
     };
-    return () => a(m, {
+    return () => a(p, {
       to: "body"
     }, {
       default: () => [a("div", {
@@ -43,10 +45,10 @@ const g = {
         name: "f-drawer-mask",
         appear: !0
       }, {
-        default: () => [t.modelValue && t.showMask && a("div", {
+        default: () => [e.modelValue && e.showMask && a("div", {
           class: "f-drawer-mask",
-          onClick: u((e) => {
-            i();
+          onClick: u((t) => {
+            e.closeByMask && i();
           }, ["stop"])
         }, null)]
       }), a(n, {
@@ -54,19 +56,19 @@ const g = {
         appear: !0
       }, {
         default: () => {
-          var e, d;
-          return [t.modelValue && a("div", {
+          var t, d;
+          return [e.modelValue && a("div", {
             class: s.value,
             style: {
               width: f.value,
               height: c.value,
-              backgroundColor: t.backgroundColor
+              backgroundColor: e.backgroundColor
             }
           }, [a("div", {
             class: "f-drawer-container"
           }, [a("div", {
             class: "f-drawer-header"
-          }, [t.showClose && a("div", {
+          }, [e.showClose && a("div", {
             class: "f-drawer-close"
           }, [a("span", {
             class: "f-icon f-icon-close",
@@ -75,16 +77,16 @@ const g = {
             }, ["stop"])
           }, null)]), a("div", {
             class: "f-drawer-title"
-          }, [r.slots.title ? r.slots.title() : t.title])]), a("div", {
+          }, [r.slots.title ? r.slots.title() : e.title])]), a("div", {
             class: "f-drawer-body"
-          }, [(d = (e = r.slots).content) == null ? void 0 : d.call(e)])])])];
+          }, [(d = (t = r.slots).content) == null ? void 0 : d.call(t)])])])];
         }
       })])]
     });
   }
 });
-o.register = (t, r, s) => {
-  t.drawer = o, r.drawer = o;
+o.register = (e, r, s) => {
+  e.drawer = o, r.drawer = o;
 };
 const k = h(o);
 export {

package/components/drawer/index.umd.cjs

@@ -1 +1 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.drawer={},a.Vue,a.common))})(this,function(a,e,f){"use strict";const i={backgroundColor:{type:String,default:"#fff"},height:{type:String,default:300},modelValue:{type:Boolean,default:!1},position:{type:String,default:"right"},showClose:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0},title:{type:String,default:""},width:{type:String,default:300}},d=e.defineComponent({name:"FDrawer",props:i,emits:["afterClose","update:modelValue"],setup(r,o){const n=e.computed(()=>({"f-drawer-wrapper":!0,[`f-drawer-wrapper-${r.position}`]:!0})),u=e.computed(()=>{const t=r.width;return typeof t=="string"?t:typeof t=="number"?`${t}px`:"20%"}),m=e.computed(()=>{const t=r.height;return typeof t=="string"?t:typeof t=="number"?`${t}px`:"20%"}),w=e.computed(()=>`f-drawer-${r.position}`),s=()=>{o.emit("update:modelValue",!1),o.emit("afterClose")};return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{class:"f-drawer"},[e.createVNode(e.Transition,{name:"f-drawer-mask",appear:!0},{default:()=>[r.modelValue&&r.showMask&&e.createVNode("div",{class:"f-drawer-mask",onClick:e.withModifiers(t=>{s()},["stop"])},null)]}),e.createVNode(e.Transition,{name:w.value,appear:!0},{default:()=>{var t,l;return[r.modelValue&&e.createVNode("div",{class:n.value,style:{width:u.value,height:m.value,backgroundColor:r.backgroundColor}},[e.createVNode("div",{class:"f-drawer-container"},[e.createVNode("div",{class:"f-drawer-header"},[r.showClose&&e.createVNode("div",{class:"f-drawer-close"},[e.createVNode("span",{class:"f-icon f-icon-close",onClick:e.withModifiers(p=>{s()},["stop"])},null)]),e.createVNode("div",{class:"f-drawer-title"},[o.slots.title?o.slots.title():r.title])]),e.createVNode("div",{class:"f-drawer-body"},[(l=(t=o.slots).content)==null?void 0:l.call(t)])])])]}})])]})}});d.register=(r,o,n)=>{r.drawer=d,o.drawer=d};const c=f.withInstall(d);a.FDrawer=d,a.default=c,a.drawerProps=i,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.drawer={},a.Vue,a.common))})(this,function(a,e,c){"use strict";const i={backgroundColor:{type:String,default:"#fff"},height:{type:String,default:300},modelValue:{type:Boolean,default:!1},position:{type:String,default:"right"},showClose:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0},closeByMask:{type:Boolean,default:!0},title:{type:String,default:""},width:{type:String,default:300}},d=e.defineComponent({name:"FDrawer",props:i,emits:["afterClose","update:modelValue"],setup(t,o){const s=e.computed(()=>({"f-drawer-wrapper":!0,[`f-drawer-wrapper-${t.position}`]:!0})),u=e.computed(()=>{const r=t.width;return typeof r=="string"?r:typeof r=="number"?`${r}px`:"20%"}),m=e.computed(()=>{const r=t.height;return typeof r=="string"?r:typeof r=="number"?`${r}px`:"20%"}),w=e.computed(()=>`f-drawer-${t.position}`),n=()=>{o.emit("update:modelValue",!1),o.emit("afterClose")};return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{class:"f-drawer"},[e.createVNode(e.Transition,{name:"f-drawer-mask",appear:!0},{default:()=>[t.modelValue&&t.showMask&&e.createVNode("div",{class:"f-drawer-mask",onClick:e.withModifiers(r=>{t.closeByMask&&n()},["stop"])},null)]}),e.createVNode(e.Transition,{name:w.value,appear:!0},{default:()=>{var r,l;return[t.modelValue&&e.createVNode("div",{class:s.value,style:{width:u.value,height:m.value,backgroundColor:t.backgroundColor}},[e.createVNode("div",{class:"f-drawer-container"},[e.createVNode("div",{class:"f-drawer-header"},[t.showClose&&e.createVNode("div",{class:"f-drawer-close"},[e.createVNode("span",{class:"f-icon f-icon-close",onClick:e.withModifiers(p=>{n()},["stop"])},null)]),e.createVNode("div",{class:"f-drawer-title"},[o.slots.title?o.slots.title():t.title])]),e.createVNode("div",{class:"f-drawer-body"},[(l=(r=o.slots).content)==null?void 0:l.call(r)])])])]}})])]})}});d.register=(t,o,s)=>{t.drawer=d,o.drawer=d};const f=c.withInstall(d);a.FDrawer=d,a.default=f,a.drawerProps=i,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/dynamic-form/index.css

@@ -1 +1 @@
-@charset "UTF-8";.fv-grid-disabled{color:#a8adb8;background:#fafafc}.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:inherit}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.smooth-dnd-ghost{z-index:1100!important}.editorDiv .farris-oa-page.f-page-card .f-page-main{display:block!important;overflow:auto!important}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.dropdown-menu.show{z-index:860}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page:before{display:initial!important}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.farris-tab-page-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.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}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;max-height:3em;overflow:hidden;min-height:66px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.exception_error_msg:before{content:"";float:right;width:0;height:100%;margin-bottom:-24px}.exception_error_msg:after{content:"";width:100%;height:100%;position:absolute;background-color:#fff}.exception_wrap .swith{float:right;clear:both;color:#2a87ff}.exception_wrap .swith:after{content:"展开";padding-left:15px;cursor:pointer}.exp_switch:checked+.exception_error_msg{max-height:480px;-webkit-line-clamp:20!important}.exp_switch:checked+.exception_error_msg .swith:after{content:"收起";cursor:pointer}.exp_switch:checked+.exception_error_msg:after{visibility:hidden}.exp_switch:checked+.exception_error_msg .swith:before{content:""}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}
+@charset "UTF-8";.fv-grid-disabled{color:#a8adb8;background:#fafafc}.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:inherit}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.smooth-dnd-ghost{z-index:1100!important}.editorDiv .farris-oa-page.f-page-card .f-page-main{display:block!important;overflow:auto!important}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.dropdown-menu.show{z-index:860}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page:before{display:initial!important}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.farris-tab-page-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.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}.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;max-height:3em;overflow:hidden;min-height:66px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.exception_error_msg:before{content:"";float:right;width:0;height:100%;margin-bottom:-24px}.exception_error_msg:after{content:"";width:100%;height:100%;position:absolute;background-color:#fff}.exception_wrap .swith{float:right;clear:both;color:#2a87ff}.exception_wrap .swith:after{content:"展开";padding-left:15px;cursor:pointer}.exp_switch:checked+.exception_error_msg{max-height:480px;-webkit-line-clamp:20!important}.exp_switch:checked+.exception_error_msg .swith:after{content:"收起";cursor:pointer}.exp_switch:checked+.exception_error_msg:after{visibility:hidden}.exp_switch:checked+.exception_error_msg .swith:before{content:""}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}