@farris/ui-vue 1.4.0 → 1.4.1

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

@@ -1 +1 @@
-(function(O,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../list-view/index.umd.js","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js"],t):(O=typeof globalThis<"u"?globalThis:O||self,t(O["combo-list"]={},O.Vue,O.LodashES,O.FListView,O.FButtonEdit,O.dynamicResolver,O.designerCanvas,O.common))})(this,function(O,t,$,ge,be,ve,X,oe){"use strict";var It=Object.defineProperty;var kt=(O,t,$)=>t in O?It(O,t,{enumerable:!0,configurable:!0,writable:!0,value:$}):O[t]=$;var k=(O,t,$)=>kt(O,typeof t!="symbol"?t+"":t,$);const Ce={},we={};function ie(e){const{properties:n,title:l,ignore:a}=e,o=a&&Array.isArray(a),r=Object.keys(n).reduce((s,c)=>((!o||!a.find(p=>p===c))&&(s[c]=n[c].type==="object"&&n[c].properties?ie(n[c]):$.cloneDeep(n[c].default)),s),{});if(l&&(!o||!a.find(s=>s==="id"))){const s=l.toLowerCase().replace(/-/g,"_");r.id=`${s}_${Math.random().toString().slice(2,6)}`}return r}function xe(e,n){const l=ie(n);return Object.keys(l).reduce((a,o)=>(Object.prototype.hasOwnProperty.call(e,o)&&(a[o]&&$.isPlainObject(a[o])&&$.isPlainObject(e[o]||!e[o])?Object.assign(a[o],e[o]||{}):a[o]=e[o]),a),l),l}function Fe(e,n){return Object.keys(e).filter(a=>e[a]!=null).reduce((a,o)=>{if(n.has(o)){const r=n.get(o);if(typeof r=="string")a[r]=e[o];else{const s=r(o,e[o],e);Object.assign(a,s)}}else a[o]=e[o];return a},{})}function Se(e,n,l=new Map){const a=xe(e,n);return Fe(a,l)}function Me(e={}){function n(d,f,i,u){if(typeof i=="number")return u[d].length===i;if(typeof i=="object"){const m=Object.keys(i)[0],h=i[m];if(m==="not")return Number(u[d].length)!==Number(h);if(m==="moreThan")return Number(u[d].length)>=Number(h);if(m==="lessThan")return Number(u[d].length)<=Number(h)}return!1}function l(d,f,i,u){return u[d]&&u[d].propertyValue&&String(u[d].propertyValue.value)===String(i)}const a=new Map([["length",n],["getProperty",l]]);Object.keys(e).reduce((d,f)=>(d.set(f,e[f]),d),a);function o(d,f){const i=d;return typeof f=="number"?[{target:i,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:i,operator:"getProperty",param:d,value:!!f}]:typeof f=="object"?Object.keys(f).map(u=>{if(u==="length")return{target:i,operator:"length",param:null,value:f[u]};const m=u,h=f[u];return{target:i,operator:"getProperty",param:m,value:h}}):[]}function r(d){return Object.keys(d).reduce((i,u)=>{const m=o(u,d[u]);return i.push(...m),i},[])}function s(d,f){if(a.has(d.operator)){const i=a.get(d.operator);return i&&i(d.target,d.param,d.value,f)||!1}return!1}function c(d,f){return r(d).reduce((m,h)=>m&&s(h,f),!0)}function p(d,f){const i=Object.keys(d),u=i.includes("allOf"),m=i.includes("anyOf"),h=u||m,F=(h?d[h?u?"allOf":"anyOf":"allOf"]:[d]).map(L=>c(L,f));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:p}}const C={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},Ie={},ke={};Me();function re(e,n,l=new Map,a=(s,c,p,d)=>c,o={},r=s=>s){return Ce[n.title]=n,we[n.title]=a,Ie[n.title]=o,ke[n.title]=r,(s={})=>{const c=Se(s,n,l),p=Object.keys(e).reduce((d,f)=>(d[f]=e[f].default,d),{});return Object.assign(p,c)}}function Be(e,n){return{customClass:n.class,customStyle:n.style}}const Ee=new Map([["appearance",Be]]),Ve={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},enableClear:{description:"",type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!1},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:"请选择"},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},maxHeight:{description:"",type:"number",default:350}},required:["type"],ignore:["id","appearance","binding","visible"]};function Te(e,n,l){return n}var se=(e=>(e.Text="text",e.Tag="tag",e))(se||{}),de=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(de||{});const Y={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String,default:"请选择"},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},ce=Object.assign({},Y,{readonly:{}}),Z=re(Y,Ve,Ee,Te),Pe={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},Oe=t.defineComponent({name:"FComboListContainer",props:Pe,emits:["selectionChange"],setup(e,n){const l=t.ref(),a=t.ref(e.dataSource),o=t.ref([]),r=t.ref(e.separator),s=t.ref(e.width),c=t.ref(e.maxHeight),p=t.ref(String(e.selectedValues).split(r.value)),d=t.computed(()=>e.multiSelect),f=t.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:d.value,showSelectAll:!1,showSelection:!0}));t.watch(e.dataSource,()=>{a.value=e.dataSource});const i=t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),u=t.computed(()=>{const g={};return s.value!==void 0&&(g.width=`${s.value}px`),c.value!==void 0&&c.value>0&&(g.maxHeight=`${c.value}px`),g});function m(g){o.value=g.map(x=>Object.assign({},x)),p.value=g.map(x=>x[e.idField]),n.emit("selectionChange",o.value)}function h(g){if(e.enableHighlightSearch)return;let x=[];const{searchOption:F}=e;typeof F=="function"?x=a.value.filter(S=>F(g,S)):x=a.value.filter(S=>S[e.valueField].indexOf(g)>-1||S[e.textField].indexOf(g)>-1),l.value.updateDataSource(x)}return t.watch([()=>e.selectedValues],([g])=>{p.value=g.split(r.value)}),()=>t.createVNode("div",{class:"f-combo-list-container",style:u.value},[t.createVNode(ge,{ref:l,size:"small",itemClass:"f-combo-list-item",header:i.value,headerClass:"f-combo-list-search-box",data:a.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:f.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:p.value,onSelectionChange:m,onAfterSearch:h},null)])}});function Le(e){const n=t.ref(""),l=t.ref(e.modelValue),a=t.ref(e.data||[]),o=t.ref(e.editable);function r(i){const u=e.multiSelect?String(i).split(e.separator):[String(i)],m=u.map(x=>[x,!0]),h=new Map(m);return a.value.filter(x=>h.has(String(x[e.valueField]))).sort((x,F)=>{const S=u.indexOf(x[e.valueField]),L=u.indexOf(F[e.valueField]);return S-L})}function s(i){const u=r(i).map(m=>m[e.textField]).join(e.separator);n.value=o.value?u||i:u}function c(i){const u=i.split(e.separator).map(h=>[h,!0]),m=new Map(u);return a.value.filter(h=>m.has(h[e.textField]))}function p(i){const u={};return u[e.idField]=i,u[e.textField]=i,[u]}function d(i){let u=c(i);const m=u&&u.length>0;return o.value&&!m&&(u=p(i)),u}function f(){const{url:i,method:u="GET",headers:m={},body:h=null}=e.remote,g=u.toLowerCase()==="get"?{method:u,headers:m}:{method:u,headers:m,body:h};let x=!1;fetch(i,g).then(F=>{var L,I;if(F.status===200)return x=!!((I=(L=F.headers)==null?void 0:L.get("content-type"))!=null&&I.includes("application/json")),x?F.text():F.json();throw new Error(F.statusText)}).then(F=>{a.value=x?JSON.parse(F):F}).catch(F=>{console.error(F)})}return e.remote&&f(),t.watch(()=>e.data,()=>{a.value=e.data}),t.watch([a],([i])=>{if(e.modelValue!=null){const u=i.find(m=>m[e.valueField]===e.modelValue);u&&(n.value=u[e.textField])}}),t.watch(()=>e.modelValue,i=>{l.value=i,s(i)}),s(e.modelValue),{dataSource:a,displayText:n,editable:o,modelValue:l,getItemsByDisplayText:c,getItemsByValue:r,getSelectedItemsByDisplayText:d}}const q=t.defineComponent({name:"FComboList",props:Y,emits:["clear","update:modelValue","change","input"],setup(e,n){const l=t.ref(),a=t.ref(e.disabled),o=t.ref(e.enableClear),r=t.ref(e.enableSearch),s=t.ref(e.readonly),{dataSource:c,displayText:p,editable:d,modelValue:f,getSelectedItemsByDisplayText:i}=Le(e),u=t.computed(()=>e.multiSelect),m=t.computed(()=>l.value?l.value.elementRef.getBoundingClientRect().width:0);function h(){!u.value&&l.value&&l.value.hidePopup()}function g(V){p.value=V.map(M=>M[e.textField]).join(e.separator);let b="";V.length===1?b=V[0][e.valueField]:b=V.map(M=>M[e.valueField]).join(e.separator),f.value!==b&&(f.value=b,n.emit("update:modelValue",f.value),n.emit("change",V,f.value)),h()}function x(){s.value||l.value.togglePopup()}function F(V){f.value="",n.emit("update:modelValue",""),n.emit("clear")}function S(V){const b=i(V);g(b)}function L(){return p.value}function I(V){n.emit("input",V)}function E(){l.value.hidePopup()}return n.expose({getDisplayText:L,hidePopup:E}),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([V,b,M,j,N])=>{a.value=V,d.value=b,o.value=M,r.value=j,s.value=N}),()=>t.createVNode(be,{ref:l,id:e.id,disable:a.value,readonly:s.value,forcePlaceholder:e.forcePlaceholder,editable:d.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:o.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:p.value,"onUpdate:modelValue":V=>p.value=V,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:F,onClick:x,onChange:S,onInput:I,beforeOpen:e.beforeOpen,placement:"auto"},{default:()=>[t.createVNode(Oe,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:c.value,selectedValues:f.value,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?m.value:void 0,onSelectionChange:g},null)]})}}),Ne=new Map([["appearance",ve.resolveAppearance]]);function je(e,n,l){return n}const Re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},forcePlaceholder:{description:"",type:"boolean",default:!1},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},ze={title:"buttonEdit",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},ue={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupOnClick:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"},beforeClickButton:{type:Function,default:null},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},beforeOpen:{type:Function,default:null},updateOn:{type:String,default:"change"},keepWidthWithReference:{type:Boolean,default:!0},placement:{type:String,default:"bottom-left"}};re(ue,Re,Ne,je,ze);const He={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},$e=t.defineComponent({name:"FOverlay",props:He,emits:["click"],setup(e,n){const l=t.ref(e.popupContentPosition),a=t.ref(e.host),o=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function r(c){n.emit("click"),c.preventDefault(),c.stopPropagation()}t.computed(()=>{const c=a.value;if(c){const p=c.getBoundingClientRect(),{left:d,top:f,height:i}=p;return{left:d,top:f+i}}return l.value});const s=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var c,p;return[t.createVNode("div",{class:"overlay-container",onClick:d=>r(d),style:o.value},[t.createVNode("div",{style:s.value},[(p=(c=n.slots).default)==null?void 0:p.call(c)])])]}})}});function Ae(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function De(e){const n=document.createElement("div");n.style.display="contents";let l;const a=e.onClickCallback||(()=>{}),o=()=>{a(),l&&l.unmount()};return l=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const r=Ae(e);return()=>t.createVNode($e,{"popup-content-position":e.popupPosition,host:e.host,onClick:o,backgroundColor:e.backgroundColor},{default:()=>[r&&r()]})}}),document.body.appendChild(n),l.mount(n),l}class We{static show(n){return De(n)}}const qe={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:Object,default:null},resizeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0},enableEnter:{type:Boolean,default:!1},dialogType:{type:String,default:""},src:{type:String,default:""}};class R{constructor(n,l){this.x=n,this.y=l}static getTransformInfo(n){const a=window.getComputedStyle(n).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(a.length>=6){const o=parseInt(a[4],10),r=parseInt(a[5],10);return{x:o,y:r}}return{x:0,y:0}}static fromEvent(n,l=null){if(this.isMouseEvent(n))return new R(n.clientX,n.clientY);if(l===null||n.changedTouches.length===1)return new R(n.changedTouches[0].clientX,n.changedTouches[0].clientY);for(let a=0;a<n.changedTouches.length;a++)if(n.changedTouches[a].target===l)return new R(n.changedTouches[a].clientX,n.changedTouches[a].clientY)}static isMouseEvent(n){return Object.prototype.toString.apply(n).indexOf("MouseEvent")===8}static isIPosition(n){return!!n&&"x"in n&&"y"in n}static getCurrent(n){const l=new R(0,0);if(window){const a=window.getComputedStyle(n);if(a){const o=parseInt(a.getPropertyValue("left"),10),r=parseInt(a.getPropertyValue("top"),10);l.x=isNaN(o)?0:o,l.y=isNaN(r)?0:r}return l}return null}static copy(n){return new R(0,0).set(n)}get value(){return{x:this.x,y:this.y}}add(n){return this.x+=n.x,this.y+=n.y,this}subtract(n){return this.x-=n.x,this.y-=n.y,this}multiply(n){this.x*=n,this.y*=n}divide(n){this.x/=n,this.y/=n}reset(){return this.x=0,this.y=0,this}set(n){return this.x=n.x,this.y=n.y,this}}class D{constructor(n,l){this.width=n,this.height=l}static getCurrent(n){const l=new D(0,0);if(window){const a=window.getComputedStyle(n);return a&&(l.width=parseInt(a.getPropertyValue("width"),10),l.height=parseInt(a.getPropertyValue("height"),10)),l}return null}static copy(n){return new D(0,0).set(n)}set(n){return this.width=n.width,this.height=n.height,this}}function Ue(e,n){const l=t.ref(),a=t.ref(),o=t.ref(),r=t.ref(),s=t.ref(),c=t.ref(),p=t.ref(),d=t.ref(),f=t.ref(),i=t.ref(),u=t.ref(),m=t.ref(),h=t.ref(e.draggable),g=t.ref(!1);function x(){const v=a.value||document.body,w=window.getComputedStyle(v);if(!w||!l.value)return;const T=R.getTransformInfo(l.value),B={};p.value&&(B.deltaL=l.value.offsetLeft-p.value.x,B.deltaT=l.value.offsetTop-p.value.y);const z=w.getPropertyValue("position");B.width=v.clientWidth,B.height=v.clientHeight,B.pr=parseInt(w.getPropertyValue("padding-right"),10),B.pb=parseInt(w.getPropertyValue("padding-bottom"),10),B.position=w.getPropertyValue("position"),z==="static"&&(v.style.position="relative"),B.translateX=T.x,B.translateY=T.y,i.value=B}function F(v){if(l.value){r.value=D.getCurrent(l.value),s.value=R.getCurrent(l.value),c.value=r.value?D.copy(r.value):null,p.value=s.value?R.copy(s.value):null,x();const w=v.target.getAttribute("type")||"";d.value={n:!!w.match(/n/),s:!!w.match(/s/),w:!!w.match(/w/),e:!!w.match(/e/)}}}function S(){var v,w,T,B;if(l.value){const z=l.value;d.value&&((d.value.n||d.value.s)&&((v=c.value)!=null&&v.height)&&(z.style.height=c.value.height+"px"),(d.value.w||d.value.e)&&((w=c.value)!=null&&w.width)&&(z.style.width=c.value.width+"px"),p.value&&((T=p.value)!=null&&T.x&&(z.style.left=p.value.x+"px"),(B=p.value)!=null&&B.y&&(z.style.top=p.value.y+"px")))}}function L(){const v=e.minHeight?e.minHeight:1,w=e.minWidth?e.minWidth:1;c.value&&p.value&&d.value&&r.value&&(c.value.height<v&&(c.value.height=v,d.value.n&&s.value&&(p.value.y=s.value.y+(r.value.height-v))),c.value.width<w&&(c.value.width=w,d.value.w&&s.value&&(p.value.x=s.value.x+(r.value.width-w))),e.maxHeight&&c.value.height>e.maxHeight&&(c.value.height=e.maxHeight,s.value&&d.value.n&&(p.value.y=s.value.y+(r.value.height-e.maxHeight))),e.maxWidth&&c.value.width>e.maxWidth&&(c.value.width=e.maxWidth,d.value.w&&s.value&&(p.value.x=s.value.x+(r.value.width-e.maxWidth))))}function I(){if(a.value){const v=i.value;if(p.value&&c.value&&d.value&&r.value){const w=v.width-v.pr-v.deltaL-v.translateX-p.value.x,T=v.height-v.pb-v.deltaT-v.translateY-p.value.y;d.value.n&&p.value.y+v.translateY<0&&s.value&&(p.value.y=-v.translateY,c.value.height=r.value.height+s.value.y+v.translateY),d.value.w&&p.value.x+v.translateX<0&&s.value&&(p.value.x=-v.translateX,c.value.width=r.value.width+s.value.x+v.translateX),c.value.width>w&&(c.value.width=w),c.value.height>T&&(c.value.height=T)}}}function E(v){if(!o.value||!r.value||!s.value||!d.value)return;v.subtract(o.value);const w=v.x,T=v.y;d.value.n?(p.value.y=s.value.y+T,c.value.height=r.value.height-T):d.value.s&&(c.value.height=r.value.height+T),d.value.e?c.value.width=r.value.width+w:d.value.w&&(c.value.width=r.value.width-w,p.value.x=s.value.x+w),I(),L(),S()}function V(v){if(!f.value)return;const w=R.fromEvent(v);w&&E(w)}function b(){if(l.value){const{width:v,height:w,x:T,y:B}=l.value.getBoundingClientRect(),z=R.getTransformInfo(l.value);return{size:{width:v,height:w},position:{x:T-z.x,y:B-z.y}}}return null}function M(v){if(l.value){const w=b();u.value=w}o.value=void 0,r.value=null,s.value=null,c.value=null,p.value=null,d.value=null,f.value=null,document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",M)}function j(){document.addEventListener("mousemove",V),document.addEventListener("mouseup",M)}function N(v){v instanceof MouseEvent&&v.button===2||h.value&&(document.body.click(),v.stopPropagation(),v.preventDefault(),o.value=R.fromEvent(v),f.value=v.target,F(v),j())}function H(v){return l.value=v,t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:w=>N(w)},null)])}function A(v=!0){document.body.click();const w=a.value||document.body,T=D.getCurrent(w),B=l.value;v&&B&&(m.value=b(),m.value.transform=B.style.transform),T&&B&&(c.value=T,B.style.height=c.value.height-14+"px",B.style.width=c.value.width-14+"px",B.style.left="7px",B.style.top="7px",B.style.transform="",u.value={size:c.value,position:{x:0,y:0}},h.value=!1,g.value=!0)}function K(){var v,w;if(document.body.click(),m.value){const T={width:m.value.size.width||0,height:m.value.size.height||0},B={x:(window.innerWidth-T.width)/2,y:(window.innerHeight-T.height)/2};(v=c.value)==null||v.set(T),(w=p.value)==null||w.set(B);const z=l.value;z.style.height=T.height+"px",z.style.width=T.width+"px",z.style.left=`${B.x}px`,z.style.top=`${B.y}px`,z.style.transform="",u.value={size:T,position:B},h.value=e.draggable,g.value=!1}}function ee(){if(l.value){const v=D.getCurrent(l.value);if(v){const{width:w,height:T}=v;l.value.style.left=`${(window.innerWidth-w)/2}px`,l.value.style.top=`${(window.innerHeight-T)/2}px`,l.value.style.transform=""}}}function te(){const v=()=>{g.value?A(!1):ee(),document.body.click()};return window.addEventListener("resize",v),()=>{window.removeEventListener("resize",v)}}const Q=te();return{renderResizeBar:H,boundingElement:a,resizedEventParam:u,maximize:A,restore:K,allowDrag:h,isMaximized:g,unWindowResizeHandle:Q}}function Ge(e,n,l){const a=t.ref(),o=t.ref(e.draggable),r=t.ref(e.lockAxis),s=t.ref(),c=t.ref(),p=t.ref(!1),d=t.ref(new R(0,0)),f=t.ref(new R(0,0)),i=t.ref(new R(0,0)),u=t.ref(new R(0,0));t.watch(()=>l.value,b=>{s.value.style.cursor=b?"move":"default"});function m(b,M){if(M.tagName==="BUTTON")return!1;if(M===b)return!0;for(const j in M.children)if(Object.prototype.hasOwnProperty.call(M.children,j)&&m(b,M.children[j]))return!0;return!1}function h(){var N,H;let b=i.value.x+f.value.x,M=i.value.y+f.value.y;r.value==="x"?(b=((N=d.value)==null?void 0:N.x)||0,i.value.x=0):r.value==="y"&&(M=((H=d.value)==null?void 0:H.y)||0,i.value.y=0);const j=`translate3d(${Math.round(b)}px, ${Math.round(M)}px, 0px)`;a.value&&(a.value.style.transform=j),u.value.x=b,u.value.y=M}function g(){if(!c.value||!a.value)return null;const b=c.value.getBoundingClientRect(),M=a.value.getBoundingClientRect(),j={top:b.top<M.top,right:b.right>M.right,bottom:b.bottom>M.bottom,left:b.left<M.left};return j.top||(i.value.y-=M.top-b.top),j.bottom||(i.value.y-=M.bottom-b.bottom),j.right||(i.value.x-=M.right-b.right),j.left||(i.value.x-=M.left-b.left),h(),j}function x(b){b&&(d.value&&b.subtract(d.value),i.value.set(b),h(),g())}function F(b){p.value&&o.value&&(b.stopPropagation(),b.preventDefault(),x(R.fromEvent(b,s.value)))}function S(){var b;p.value&&(p.value=!1,f.value.add(i.value),i.value.reset(),(b=a.value)==null||b.classList.remove("ng-dragging"),document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",S))}function L(){!p.value&&s.value&&(p.value=!0,s.value.classList.add("ng-dragging"),document.addEventListener("mousemove",F),document.addEventListener("mouseup",S))}function I(){if(a.value){const b=R.getTransformInfo(a.value);f.value.set(b);return}f.value.reset()}function E(b){if(!l.value||b instanceof MouseEvent&&b.button===2)return;const M=b.target||b.srcElement;s.value!==void 0&&M&&!m(M,s.value)||o.value!==!1&&(document.body.click(),b.stopPropagation(),b.preventDefault(),d.value=R.fromEvent(b,a.value),I(),L())}function V(b,M,j){if(o.value&&M){if(b)s.value=b;else if(e.dragHandle){if(e.dragHandle instanceof HTMLElement)s.value=e.dragHandle;else if(typeof e.dragHandle=="string"){const N=M.querySelector(e.dragHandle);N&&(s.value=N)}}a.value=M,c.value=j,s.value?(s.value.classList.add("ng-draggable"),s.value.addEventListener("mousedown",E)):o.value=!1}}return{registerDraggle:V,resetTranslate:I}}function pe(e,n){if(e){const l=a=>{a.key.toLowerCase()===e.toLowerCase()&&n({event:a,key:e})};return document.addEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)}}}function Xe(e,n){const l=t.ref(e.enableEsc);let a=null;return l.value?(a=pe("Escape",o=>{n.emit("esc",{event:o.event,type:"esc"})}),{remove:a}):null}function Ye(e,n){const l=t.ref(e.enableEnter);let a=null;return l.value?(a=pe("Enter",o=>{n.emit("enter",{event:o.event,type:"enter"})}),{remove:a}):null}const U=t.defineComponent({name:"FModal",props:qe,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter"],setup(e,n){const l=t.ref(e.width||300),a=t.ref(e.height||200),o=t.ref(e.modelValue),r=t.ref(""),s=t.ref(e.class),c=t.ref(e.fitContent),p=t.ref(e.showHeader),d=t.ref(""),f=t.ref(e.showCloseButton),i=t.ref(e.showMaxButton),u=t.ref(!1),m=t.ref(e.dialogType),h=t.ref(e.src),g=t.ref(""),x=t.ref(e.showButtons),F=t.ref(e.title),S=t.ref(e.resizeable),L=t.ref(e.containment||null),I=t.ref();function E(y,P){o.value=!1,n.emit("update:modelValue",!1),P!=null&&n.emit(P?"accept":"cancel"),n.emit("closed",y)}const V=[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:y=>{E(y,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:y=>{E(y,!0)}}],b=t.ref(e.buttons&&e.buttons.length?e.buttons:V),M=t.computed(()=>!!d.value),j=t.computed(()=>!!x.value&&!!b.value),N=t.ref(),H=t.ref(),A=t.ref(!1),{renderResizeBar:K,maximize:ee,restore:te,boundingElement:Q,resizedEventParam:v,allowDrag:w,unWindowResizeHandle:T}=Ue(e),{registerDraggle:B}=Ge(e,n,w);function z(){const y=document.querySelectorAll(".farris-modal").length;(!y||y-1<=0)&&document.body.classList.remove("modal-open"),I.value&&I.value.classList.remove("show")}t.watch(()=>e.title,(y,P)=>{y!==P&&(F.value=y)}),t.watch(()=>e.modelValue,(y,P)=>{y!==P&&(o.value=y,y||z())}),t.watch(()=>e.showHeader,(y,P)=>{y!==P&&(p.value=y)}),t.watch(()=>e.showButtons,(y,P)=>{y!==P&&(x.value=y)}),t.watch(()=>v.value,(y,P)=>{const G=y||{},_=P||{};JSON.stringify(G)!==JSON.stringify(_)&&n.emit("resize",{newSize:y,oldSize:P})});const ne=t.computed(()=>(o.value&&document.body.classList.add("modal-open"),o.value)),ct=t.computed(()=>{const y={modal:!0,"farris-modal":!0,fade:!0};return y["f-modal-fitContent"]=!!c.value,y.show=!!ne.value,y}),ut=t.computed(()=>{var G;const y={"modal-dialog":!0},P=(G=s.value)==null?void 0:G.split(" ");return P==null||P.reduce((_,Mt)=>(_[Mt]=!0,_),y),y}),pt=t.computed(()=>({position:"absolute",top:`${(window.innerHeight-a.value)/2}px`,left:`${(window.innerWidth-l.value)/2}px`,width:`${l.value}px`,height:c.value?"auto":`${a.value}px`})),ft=t.computed(()=>({"modal-content":!0,"modal-content-has-header":p.value})),mt=t.computed(()=>{const y={display:p.value?"":"none"};return y["pointer-events"]=w.value?"auto":"none",y}),ht=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:A.value})),yt=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":m.value==="iframe"}));function gt(){return{}}const bt=t.computed(()=>{const y={textAlgin:g.value},P=gt();return Object.assign(y,P)});function ye(y){if(y.stopPropagation(),A.value){A.value=!1,te();return}ee(),A.value=!0}async function vt(y,P){y.handle&&await y.handle(P,y)&&n.emit("closed",P)}function Ct(y){y.width&&(l.value=y.width),y.height&&(a.value=y.height),y.buttons&&(b.value=y.buttons),y.title&&(F.value=y.title)}let le=null,ae=null;t.onMounted(()=>{H.value&&!L.value&&(L.value=H.value.parentElement,Q.value=L.value,B(N.value,H.value,Q.value)),ne.value&&document.body.classList.add("modal-open"),le=Xe(e,n),ae=Ye(e,n)}),t.onUnmounted(()=>{T&&T(),le&&le.remove(),ae&&ae.remove()}),n.expose({modalElementRef:H,updateModalOptions:Ct,close:E,maxDialog:ye});function wt(){return t.createVNode("ul",null,[u.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),i.value&&t.createVNode("li",{onClick:ye,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[t.createVNode("span",{class:ht.value},null)]),f.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:y=>E(y,!1),style:"pointer-events: auto;"},[t.createVNode("span",{class:"f-icon modal_close"},null)])])}function xt(){return t.createVNode("div",{class:"modal-footer",style:bt.value},[b.value&&b.value.map(y=>t.createVNode("button",{name:y.name,type:"button",class:y.class+(y.iconClass?" btn-icontext":""),onClick:P=>{vt(y,P)}},[!!y.iconClass&&t.createVNode("i",{class:y.iconClass},null),y.text]))])}function Ft(){return t.createVNode("div",{ref:N,class:"modal-header",style:mt.value},[t.createVNode("div",{class:"modal-title"},[M.value&&t.createVNode("span",{class:d.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[F.value])]),t.createVNode("div",{class:"actions"},[wt()])])}function St(y){y.stopPropagation()}return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>[ne.value&&t.createVNode(t.Transition,{name:"fade",appear:!0},{default:()=>{var y,P;return[t.createVNode("div",{class:ct.value,style:"display: block",ref:I,onClick:St},[t.createVNode("div",{id:r.value,class:ut.value,style:pt.value,ref:H},[t.createVNode("div",{class:ft.value},[p.value&&Ft(),t.createVNode("div",{class:yt.value},[(P=(y=n.slots).default)==null?void 0:P.call(y),m.value==="iframe"&&t.createVNode("iframe",{title:r.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:h.value},null)]),j.value&&xt()]),!c.value&&S.value&&H.value&&!A.value&&K(H.value)])])]}})]})}});function fe(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function Je(e){const n=document.createElement("div");n.style.display="contents";const l=t.createApp({setup(a,o){t.onUnmounted(()=>{document.body.removeChild(n)});const r=t.ref(),s=t.ref(e.class||""),c=t.ref(!!e.showButtons),p=t.ref(!!e.showHeader),d=t.ref(e.showCloseButton==null?!0:e.showCloseButton),f=t.ref(!0),i=t.ref(e.title||""),u=e.acceptCallback||(()=>{}),m=e.rejectCallback||(()=>{}),h=e.closedCallback||(S=>{}),g=e.resizeHandle||(S=>{}),x=fe(e),F=S=>{f.value=!1,l.unmount(),h(S)};return t.onMounted(()=>{}),o.expose({modalRef:r}),()=>t.createVNode(U,{ref:r,class:s.value,modelValue:f.value,"onUpdate:modelValue":S=>f.value=S,title:i.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":p.value,"show-buttons":c.value,"show-close-button":d.value,"show-max-button":!1,onAccept:u,onCancel:m,fitContent:e.fitContent==null?!0:e.fitContent,onClosed:F,onResize:g},{default:()=>[x&&x(l)]})}});return document.body.appendChild(n),l.mount(n),l}class Qe{constructor(n){k(this,"appContext",null);k(this,"modalRef",t.ref());k(this,"activeModalIndex",t.ref(0));k(this,"modalRefs",{});k(this,"isUseEscCloseModal",t.ref(!1));k(this,"activeModalInstance",t.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=n,this.appContext=n?n._context:null}getCurrentModal(){return this.activeModalInstance.value}adaptToWindow(n,l){const{width:a,height:o}={width:window.innerWidth,height:window.innerHeight};return a<n&&(n=a),o<l&&(l=o),{width:n,height:l}}static show(n){const l=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return Je(l)}open(n){const l=document.createDocumentFragment();n.showMaxButton&&n.fitContent&&(n.showMaxButton=!1);const a=t.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},n)),o=t.ref(!0),r=a.value.acceptCallback||(()=>{}),s=a.value.rejectCallback||(()=>{}),c=a.value.closedCallback||((I,E)=>{}),p=a.value.resizeHandle||(I=>{});let d;const f=fe(a.value),i=I=>{var V;o.value=!1;const E=(V=I==null?void 0:I.target)==null?void 0:V.classList.contains("modal_close");c(I,this.isUseEscCloseModal.value?"esc":E?"icon":"button")},u=I=>{i(I),d&&t.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],t.render(null,l),d=null,this.modalRef.value=null,this.modalRefs){const E=Object.keys(this.modalRefs).map(V=>Number(V));E.length>0?this.activeModalIndex.value=Math.max(...E):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},m=I=>{var E;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((E=this.activeModalInstance.value)==null||E.close(I==null?void 0:I.event))},{width:h,height:g}=a.value,x=this.adaptToWindow(h||500,g||320);Object.assign(a.value,x);const F=()=>t.createVNode(U,t.mergeProps({ref:this.modalRef,modelValue:o.value,"onUpdate:modelValue":I=>o.value=I},a.value,{onAccept:r,onCancel:s,onClosed:u,onResize:p,onEsc:m}),{default:()=>[f&&f(this.app)]});return d=(I=>{const E=t.h(F,I);return E.appContext=this.appContext,t.render(E,l),E})({...a.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:I=>{a.value={...a.value,...I},d&&t.render(t.cloneVNode(d,{...a}),l)},destroy:u,modalRef:this.activeModalInstance}}}const me=Symbol("FModalService");U.install=e=>{e.component(U.name,U);const n=new Qe(e);e.provide(me,n),e.provide("FModalService",n)};function he(e,n){function l(){const a=e.beforeOpen||e.beforeClickButton||null;let o=Promise.resolve(!0);if(a){const r=a(n.value);if(typeof r>"u")return o;typeof r=="boolean"?o=Promise.resolve(r):o=r}return o}return{judgeCanOpen:l}}function _e(e,n,l,a,o){const r=t.ref(e.buttonBehavior),s=t.ref(e.popupOnInput),c=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:p}=he(e,o),d=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),f=t.inject(me,null),i=t.ref();async function u(g){if(await p()&&d.value){const x=!!n.slots.default;if(r.value==="Modal"){const F=e.modalOptions,S=f==null?void 0:f.open({...F,render:()=>n.slots.default&&n.slots.default()});i.value=S==null?void 0:S.modalRef}r.value==="Overlay"&&We.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),x&&r.value==="Popup"&&a.togglePopup(!0),x&&s.value&&a.hidePopup(),n.emit("clickButton",{origin:g,value:e.modelValue})}}function m(g){n.emit("mouseEnterIcon",g)}function h(g){n.emit("mouseLeaveIcon",g)}return{buttonGroupClass:c,onClickButton:u,onMouseEnterButton:m,onMouseLeaveButton:h,modalRef:i}}function Ze(e,n,l,a){const o=t.ref(),r=t.ref(!1),{judgeCanOpen:s}=he(e,a);function c(){const i=o.value;i&&i.show(l.value)}async function p(i=!1){if(!!n.slots.default){if(!i&&!r.value&&!await s())return;r.value=!r.value,await t.nextTick(),c()}}async function d(i=!1){if(!!n.slots.default){if(!i&&!await s())return;r.value=!0,await t.nextTick(),c()}}function f(){r.value=!1}return{hidePopup:f,popup:d,shouldPopupContent:r,togglePopup:p,popoverRef:o}}function Ke(e,n,l){const{buttonGroupClass:a}=l,o=t.ref();return{renderButtonGroup:()=>t.createVNode("div",{id:`${e.id}-button-group`,class:a.value},[n.slots.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button"},[n.slots.buttonContent()]):e.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:o},null):null]),buttonHandleElement:o}}const et=t.defineComponent({name:"FButtonEdit",props:ue,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const l=t.ref(),a=t.inject("design-item-context"),o=X.useDesignerComponent(l,a),r=t.ref(e.customClass),s=t.ref(e.modelValue),c=Ze(e,n,l,s),p=_e(e,n,l,c,s),d=t.ref(),f=t.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disabled":!0,"f-state-editable":!1,"f-state-readonly":!0}));t.onMounted(()=>{l.value.componentInstance=o}),n.expose(o.value);const i=t.computed(()=>{const m={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return r.value&&r.value.split(" ").reduce((h,g)=>(h[g]=!0,h),m),m}),{renderButtonGroup:u}=Ke(e,n,p);return()=>t.createVNode("div",t.mergeProps(n.attrs,{ref:l,class:i.value,id:e.id}),[t.createVNode("div",{class:f.value},[t.createVNode("input",{ref:d,class:"form-control",readonly:!0,placeholder:e.placeholder},null),u()])])}});class tt{constructor(n,l){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(this,"propertyConfig",{type:"object",categories:{}});var a;this.componentId=n,this.designerHostService=l,this.eventsEditorUtils=l.eventsEditorUtils,this.formSchemaUtils=l.formSchemaUtils,this.formMetadataConverter=l.formMetadataConverter,this.viewModelId=((a=this.formSchemaUtils)==null?void 0:a.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=l.designViewModelUtils,this.controlCreatorUtils=l.controlCreatorUtils,this.metadataService=l.metadataService,this.schemaService=l.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){var a;const l=n.binding&&n.binding.type==="Form"&&n.binding.field;if(l){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(r=>r.id===l)}n.updateOn=(a=this.designViewModelField)==null?void 0:a.updateOn}}getBasicPropConfig(n){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",editable:!1,data:[{value:n.type,name:C[n.type].name}]}}}}}getAppearanceConfig(n=null){return{title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(n,l){const a=l&&l.parent&&l.parent.schema;if(!a)return;const o=a.contents.findIndex(s=>s.id===n),r=$.cloneDeep(a.contents[o]);a.contents.splice(o,1),a.contents.splice(o,0,r)}}const W=class W{static getEditorTypesByMDataType(n){const l=W.fieldControlTypeMapping[n];return l||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(const l in W.fieldControlTypeMapping)W.fieldControlTypeMapping[l].forEach(a=>{n.find(o=>o.key===a.key&&o.value===a.value)||n.push({key:a.key,value:a.value})});return n}static mappingDomPropAndSchemaProp(n){var o;const l=(o=n.editor)==null?void 0:o.type;if(!l)return[];const a=[];switch(a.push({domField:"editor.required",schemaField:"require"}),a.push({domField:"editor.readonly",schemaField:"readonly"}),l){case C["data-grid-column"].type:case C["tree-grid-column"].type:{a.push({domField:"title",schemaField:"name"});break}default:a.push({domField:"label",schemaField:"name"})}return(l===C["input-group"].type||l===C.textarea.type||l===C["number-spinner"].type)&&a.push({domField:"editor.maxLength",schemaField:"type.length"}),l===C["number-spinner"].type&&a.push({domField:"editor.precision",schemaField:"type.precision"}),(l===C["combo-list"].type||l===C["radio-group"].type)&&a.push({domField:"editor.data",schemaField:"type.enumValues"}),l===C["date-picker"].type&&(a.push({domField:"editor.displayFormat",schemaField:"editor.format"}),a.push({domField:"editor.fieldType",schemaField:"type.name"})),l===C["number-spinner"].type&&(a.push({domField:"editor.max",schemaField:"editor.maxValue"}),a.push({domField:"editor.min",schemaField:"editor.minValue"})),l===C.lookup.type&&(a.push({domField:"editor.dataSource",schemaField:"editor.dataSource"}),a.push({domField:"editor.valueField",schemaField:"editor.valueField"}),a.push({domField:"editor.textField",schemaField:"editor.textField"}),a.push({domField:"editor.displayType",schemaField:"editor.displayType"}),a.push({domField:"editor.mapFields",schemaField:"editor.mapFields"}),a.push({domField:"editor.helpId",schemaField:"editor.helpId"})),a.push({domField:"path",schemaField:"bindingPath"}),a.push({domField:"binding.path",schemaField:"bindingField"}),a.push({domField:"binding.fullPath",schemaField:"path"}),(l===C["data-grid-column"].type||l===C["tree-grid-column"].type)&&a.push({domField:"field",schemaField:"bindingPath"}),a}};k(W,"fieldControlTypeMapping",{String:[{key:C["input-group"].type,value:C["input-group"].name},{key:C.lookup.type,value:C.lookup.name},{key:C["date-picker"].type,value:C["date-picker"].name},{key:C["check-group"].type,value:C["check-group"].name},{key:C["radio-group"].type,value:C["radio-group"].name},{key:C["combo-list"].type,value:C["combo-list"].name},{key:C.textarea.type,value:C.textarea.name}],Text:[{key:C.textarea.type,value:C.textarea.name},{key:C.lookup.type,value:C.lookup.name}],Decimal:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],Integer:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],Number:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],BigNumber:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],Date:[{key:C["date-picker"].type,value:C["date-picker"].name}],DateTime:[{key:C["date-picker"].type,value:C["date-picker"].name}],Boolean:[{key:C.switch.type,value:C.switch.name},{key:C["check-box"].type,value:C["check-box"].name}],Enum:[{key:C["combo-list"].type,value:C["combo-list"].name},{key:C["radio-group"].type,value:C["radio-group"].name}],Object:[{key:C.lookup.type,value:C.lookup.name},{key:C["combo-list"].type,value:C["combo-list"].name},{key:C["radio-group"].type,value:C["radio-group"].name}]});let J=W;const nt=t.ref(0);class lt{constructor(){k(this,"label","");k(this,"id","");k(this,"columnInSM",12);k(this,"columnInMD",6);k(this,"columnInLG",3);k(this,"columnInEL",2);k(this,"displayWidthInSM",1);k(this,"displayWidthInMD",1);k(this,"displayWidthInLG",1);k(this,"displayWidthInEL",1);k(this,"displayColumnCountAtBreakPoint","md");k(this,"tagRow",0);k(this,"showTopBorder",0);k(this,"group",1);k(this,"isSupportedClass",!0);k(this,"fieldSetId","")}}function at(e){let n,l;const a=new Map;let o=[];function r(f,i){const m=f.split(" ").filter(S=>S.startsWith("col-"));if(m.length===0){i.isSupportedClass=!1;return}let h=m.find(S=>/^col-([1-9]|10|11|12)$/.test(S)),g=m.find(S=>/^col-md-([1-9]|10|11|12)$/.test(S)),x=m.find(S=>/^col-xl-([1-9]|10|11|12)$/.test(S)),F=m.find(S=>/^col-el-([1-9]|10|11|12)$/.test(S));h=h||"col-12",i.columnInSM=parseInt(h.replace("col-",""),10),i.displayWidthInSM=i.columnInSM/12,i.displayWidthInSM!==1&&(i.isSupportedClass=!1),g=g||"col-md-"+i.columnInSM,i.columnInMD=parseInt(g.replace("col-md-",""),10),i.displayWidthInMD=i.columnInMD/6,[1,2].includes(i.displayWidthInMD)||(i.isSupportedClass=!1),x=x||"col-xl-"+i.columnInMD,i.columnInLG=parseInt(x.replace("col-xl-",""),10),i.displayWidthInLG=i.columnInLG/3,[1,2,3,4].includes(i.displayWidthInLG)||(i.isSupportedClass=!1),F=F||"col-el-"+i.columnInLG,i.columnInEL=parseInt(F.replace("col-el-",""),10),i.displayWidthInEL=i.columnInEL/2,[1,2,3,4,5,6].includes(i.displayWidthInEL)||(i.isSupportedClass=!1)}function s(f,i,u,m=!1){let h=!1;f.contents.forEach(g=>{if(g.type==="fieldset"){u+=1,s(g,i,u,!0),h=!0;return}h&&(u+=1,h=!1);const x=g.appearance&&g.appearance.class,F=new lt;x?r(x,F):F.isSupportedClass=!1,F.label=g.label||g.id,F.id=g.id,F.group=u,m&&(F.fieldSetId=f.id),l===g.id&&(n=u),a.set(g.id,g),i.push(F)})}function c(f){const i=e.getComponentById(f);if(!i||!i.componentType||!i.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const u=e.selectNode(i,m=>m.type===X.DgControl["response-form"].type);return!u||!u.contents||u.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:u}}function p(f,i){i=i||f.id;const{result:u,message:m,formNode:h}=c(i);if(!u)return{result:u,message:m};l=f.id,o=[],a.clear();const g=h.contents[0].type===X.DgControl.fieldset.type?0:1;s(h,o,g);const x=o.find(S=>!S.isSupportedClass);return{defaultState:{defaultGroupNumber:n||1,model:x?"customize":"standard"},importData:o}}function d(f,i){i=i;const{result:u,formNode:m}=c(i);if(!u)return"";const h=[];return f.forEach(g=>{var S;const x=a.get(g.id),F=x.appearance&&x.appearance.class;if(F){const I=F.split(" ").filter(N=>!N.startsWith("col-")),E="col-"+g.columnInSM,V="col-md-"+g.columnInMD,b="col-xl-"+g.columnInLG,M="col-el-"+g.columnInEL,j=[E,V,b,M].concat(I);x.appearance.class=j.join(" ")}if(g.fieldSetId){const L=m.contents.find(E=>E.id===g.fieldSetId),I=h.find(E=>E.id===g.fieldSetId);I?(S=I.contents)==null||S.push(x):(h.push(L),L.contents=[x])}else h.push(x)}),m.contents=h,m.id}return{checkCanFindFormNode:c,checkCanOpenLayoutEditor:p,changeFormControlsByResponseLayoutConfig:d,getResonseFormLayoutConfig:s}}class ot extends tt{constructor(l,a){super(l,a);k(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=at(this.formSchemaUtils)}getPropertyConfig(l,a){return this.propertyConfig.categories.basic=this.getBasicProperties(l,a),this.propertyConfig.categories.appearance=this.getAppearanceProperties(l,a),this.propertyConfig.categories.editor=this.getEditorProperties(l),this.propertyConfig}getBasicProperties(l,a){var r;const o=this;return this.setDesignViewModelField(l),{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:o.designViewModelField?J.getEditorTypesByMDataType((r=o.designViewModelField.type)==null?void 0:r.name):J.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:l,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"}}},setPropertyRelates(s,c){if(s)switch(s&&s.propertyID){case"type":{o.changeControlType(l,s,a);break}case"label":{s.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(l,a){const o=this;return{title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的内联样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(l,o.componentId)}}},setPropertyRelates(r,s){if(r)switch(r&&r.propertyID){case"responseLayout":o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue,o.componentId||l.id),o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId),o.updateElementByParentContainer(l.id,a),delete l.responseLayout;break;case"class":o.updateUnifiedLayoutAfterControlChanged(r.propertyValue,l.id,this.componentId),o.updateElementByParentContainer(l.id,a);break}}}}getEditorProperties(l){return this.getComponentConfig(l)}changeControlType(l,a,o){var f,i,u,m;const r=a.propertyValue,s=o&&o.parent&&o.parent.schema;if(!s)return;const c=s.contents.findIndex(h=>h.id===l.id),p=s.contents[c];let d;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:r},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),d=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,r)),d||(d=this.controlCreatorUtils.createFormGroupWithoutField(r)),Object.assign(d,{id:p.id,appearance:p.appearance,size:p.size,label:p.label,binding:p.binding,visible:p.visible}),Object.assign(d.editor,{isTextArea:d.isTextArea&&p.isTextArea,placeholder:(f=p.editor)==null?void 0:f.placeholder,holdPlace:(i=p.editor)==null?void 0:i.holdPlace,readonly:(u=p.editor)==null?void 0:u.readonly,required:(m=p.editor)==null?void 0:m.required}),s.contents.splice(c,1),s.contents.splice(c,0,d),o.schema=Object.assign(p,d),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(h=>h.classList.remove("dgComponentSelected")),Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(h=>h.classList.remove("dgComponentFocused")),nt.value++}getComponentConfig(l,a={},o={},r){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},a),c=Object.assign({readonly:{description:"",title:"只读",type:"boolean",editor:{enableClear:!0,editable:!0}},disabled:{description:"",title:"禁用",type:"boolean",visible:!1},placeholder:{description:"当控件没有值时在输入框中显示的文本",title:"提示文本",type:"string"}},o);return{...s,properties:{...c},setPropertyRelates:r}}updateUnifiedLayoutAfterControlChanged(l,a,o){const r=l.split(" ");let s=r.find(i=>/^col-([1-9]|10|11|12)$/.test(i)),c=r.find(i=>/^col-md-([1-9]|10|11|12)$/.test(i)),p=r.find(i=>/^col-xl-([1-9]|10|11|12)$/.test(i)),d=r.find(i=>/^col-el-([1-9]|10|11|12)$/.test(i));s=s||"col-12",c=c||"col-md-"+s.replace("col-",""),p=p||"col-xl-"+c.replace("col-md-",""),d=d||"col-el-"+p.replace("col-xl-","");const f={id:a,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(c.replace("col-md-",""),10),columnInLG:parseInt(p.replace("col-xl-",""),10),columnInEL:parseInt(d.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(o,f)}updateUnifiedLayoutAfterResponseLayoutChanged(l,a){const{formNode:o}=this.responseLayoutEditorFunction.checkCanFindFormNode(l);if(!o||!o.unifiedLayout)return;const r=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o,r,1),a){const h=r.find(g=>g.id===a.id);Object.assign(h||{},a)}const s=r.map(h=>h.columnInSM),c=r.map(h=>h.columnInMD),p=r.map(h=>h.columnInLG),d=r.map(h=>h.columnInEL),f=this.checkIsUniqueColumn(s)?s[0]:null,i=this.checkIsUniqueColumn(c)?c[0]:null,u=this.checkIsUniqueColumn(p)?p[0]:null,m=this.checkIsUniqueColumn(d)?d[0]:null;Object.assign(o.unifiedLayout,{uniqueColClassInSM:f,uniqueColClassInMD:i,uniqueColClassInLG:u,uniqueColClassInEL:m})}checkIsUniqueColumn(l){const a=new Set(l);return Array.from(a).length===1}getItemCollectionEditor(l,a,o){return a=a||"value",o=o||"name",{editor:{columns:[{field:a,title:"值",dataType:"string"},{field:o,title:"名称",dataType:"string"},{field:"disabled",title:"禁用",visible:!1,dataType:"boolean",editor:{type:"switch"}}],type:"item-collection-editor",valueField:a,nameField:o,requiredFields:[a,o],uniqueFields:[a,o],readonly:this.checkEnumDataReadonly(l)}}}checkEnumDataReadonly(l){return!l.binding||l.binding.type!=="Form"?!1:!!(this.designViewModelField&&this.designViewModelField.type&&this.designViewModelField.type.$type===oe.FormSchemaEntityFieldType$Type.EnumType)}}class it extends ot{constructor(n,l){super(n,l)}getEditorProperties(n){const l=this,a=l.getComponentConfig(n,{type:"combo-list"},{editable:{description:"",title:"允许编辑",type:"boolean"},enableClear:{description:"",title:"启用清空",type:"boolean"},textField:{visible:!1,description:"",title:"数据源显示字段",type:"string"},valueField:{visible:!1,description:"",title:"数据源值字段",type:"string"},idField:{visible:!1,description:"",title:"数据源标识字段",type:"string"},data:{description:"",title:"数据",type:"array",$converter:"/converter/enum-data.converter",...l.getItemCollectionEditor(n,n.editor.valueField,n.editor.textField),refreshPanelAfterChanged:!0}});return a.setPropertyRelates=function(o){if(o)switch(o.propertyID){case"data":{o.propertyValue.parameters&&(n.editor.valueField=o.propertyValue.parameters.valueField,n.editor.textField=o.propertyValue.parameters.nameField),!l.checkEnumDataReadonly(n)&&n.formatter&&(n.formatter.data=[...o.propertyValue.value]);break}}},a}}function rt(e,n){const l=e.schema;function a(o,r){return new it(o,n).getPropertyConfig(l,r)}return{getPropsConfig:a}}const st=t.defineComponent({name:"FComboListDesign",props:ce,emits:["clear","update:modelValue","change"],setup(e,n){const l=t.ref(),a=t.inject("designer-host-service"),o=t.inject("design-item-context"),r=rt(o,a),s=X.useDesignerComponent(l,o,r);return t.onMounted(()=>{l.value.componentInstance=s}),n.expose(s.value),()=>t.createVNode(et,{ref:l,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});q.register=(e,n,l,a)=>{e["combo-list"]=q,n["combo-list"]=Z},q.registerDesigner=(e,n,l)=>{e["combo-list"]=st,n["combo-list"]=Z};const dt=oe.withInstall(q);O.FComboList=q,O.Placement=de,O.ViewType=se,O.comboListDesignProps=ce,O.comboListProps=Y,O.default=dt,O.propsResolver=Z,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(O,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../list-view/index.umd.js","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js"],t):(O=typeof globalThis<"u"?globalThis:O||self,t(O["combo-list"]={},O.Vue,O.LodashES,O.FListView,O.FButtonEdit,O.dynamicResolver,O.designerCanvas,O.common))})(this,function(O,t,$,ge,be,ve,X,oe){"use strict";var It=Object.defineProperty;var kt=(O,t,$)=>t in O?It(O,t,{enumerable:!0,configurable:!0,writable:!0,value:$}):O[t]=$;var k=(O,t,$)=>kt(O,typeof t!="symbol"?t+"":t,$);const Ce={},we={};function ie(e){const{properties:n,title:l,ignore:a}=e,o=a&&Array.isArray(a),r=Object.keys(n).reduce((s,c)=>((!o||!a.find(f=>f===c))&&(s[c]=n[c].type==="object"&&n[c].properties?ie(n[c]):$.cloneDeep(n[c].default)),s),{});if(l&&(!o||!a.find(s=>s==="id"))){const s=l.toLowerCase().replace(/-/g,"_");r.id=`${s}_${Math.random().toString().slice(2,6)}`}return r}function xe(e,n){const l=ie(n);return Object.keys(l).reduce((a,o)=>(Object.prototype.hasOwnProperty.call(e,o)&&(a[o]&&$.isPlainObject(a[o])&&$.isPlainObject(e[o]||!e[o])?Object.assign(a[o],e[o]||{}):a[o]=e[o]),a),l),l}function Fe(e,n){return Object.keys(e).filter(a=>e[a]!=null).reduce((a,o)=>{if(n.has(o)){const r=n.get(o);if(typeof r=="string")a[r]=e[o];else{const s=r(o,e[o],e);Object.assign(a,s)}}else a[o]=e[o];return a},{})}function Se(e,n,l=new Map){const a=xe(e,n);return Fe(a,l)}function Me(e={}){function n(d,p,i,u){if(typeof i=="number")return u[d].length===i;if(typeof i=="object"){const m=Object.keys(i)[0],h=i[m];if(m==="not")return Number(u[d].length)!==Number(h);if(m==="moreThan")return Number(u[d].length)>=Number(h);if(m==="lessThan")return Number(u[d].length)<=Number(h)}return!1}function l(d,p,i,u){return u[d]&&u[d].propertyValue&&String(u[d].propertyValue.value)===String(i)}const a=new Map([["length",n],["getProperty",l]]);Object.keys(e).reduce((d,p)=>(d.set(p,e[p]),d),a);function o(d,p){const i=d;return typeof p=="number"?[{target:i,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:i,operator:"getProperty",param:d,value:!!p}]:typeof p=="object"?Object.keys(p).map(u=>{if(u==="length")return{target:i,operator:"length",param:null,value:p[u]};const m=u,h=p[u];return{target:i,operator:"getProperty",param:m,value:h}}):[]}function r(d){return Object.keys(d).reduce((i,u)=>{const m=o(u,d[u]);return i.push(...m),i},[])}function s(d,p){if(a.has(d.operator)){const i=a.get(d.operator);return i&&i(d.target,d.param,d.value,p)||!1}return!1}function c(d,p){return r(d).reduce((m,h)=>m&&s(h,p),!0)}function f(d,p){const i=Object.keys(d),u=i.includes("allOf"),m=i.includes("anyOf"),h=u||m,F=(h?d[h?u?"allOf":"anyOf":"allOf"]:[d]).map(L=>c(L,p));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:f}}const C={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},Ie={},ke={};Me();function re(e,n,l=new Map,a=(s,c,f,d)=>c,o={},r=s=>s){return Ce[n.title]=n,we[n.title]=a,Ie[n.title]=o,ke[n.title]=r,(s={})=>{const c=Se(s,n,l),f=Object.keys(e).reduce((d,p)=>(d[p]=e[p].default,d),{});return Object.assign(f,c)}}function Be(e,n){return{customClass:n.class,customStyle:n.style}}const Ee=new Map([["appearance",Be]]),Ve={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},enableClear:{description:"",type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!1},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:"请选择"},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},maxHeight:{description:"",type:"number",default:350}},required:["type"],ignore:["id","appearance","binding","visible"]};function Te(e,n,l){return n}var se=(e=>(e.Text="text",e.Tag="tag",e))(se||{}),de=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(de||{});const Y={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String,default:"请选择"},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},ce=Object.assign({},Y,{readonly:{}}),Z=re(Y,Ve,Ee,Te),Pe={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},Oe=t.defineComponent({name:"FComboListContainer",props:Pe,emits:["selectionChange"],setup(e,n){const l=t.ref(),a=t.ref(e.dataSource),o=t.ref([]),r=t.ref(e.separator),s=t.ref(e.width),c=t.ref(e.maxHeight),f=t.ref(String(e.selectedValues).split(r.value)),d=t.computed(()=>e.multiSelect),p=t.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:d.value,showSelectAll:!1,showSelection:!0}));t.watch(e.dataSource,()=>{a.value=e.dataSource});const i=t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),u=t.computed(()=>{const g={};return s.value!==void 0&&(g.width=`${s.value}px`),c.value!==void 0&&c.value>0&&(g.maxHeight=`${c.value}px`),g});function m(g){o.value=g.map(x=>Object.assign({},x)),f.value=g.map(x=>x[e.idField]),n.emit("selectionChange",o.value)}function h(g){if(e.enableHighlightSearch)return;let x=[];const{searchOption:F}=e;typeof F=="function"?x=a.value.filter(S=>F(g,S)):x=a.value.filter(S=>S[e.valueField].indexOf(g)>-1||S[e.textField].indexOf(g)>-1),l.value.updateDataSource(x)}return t.watch([()=>e.selectedValues],([g])=>{f.value=g.split(r.value)}),()=>t.createVNode("div",{class:"f-combo-list-container",style:u.value},[t.createVNode(ge,{ref:l,size:"small",itemClass:"f-combo-list-item",header:i.value,headerClass:"f-combo-list-search-box",data:a.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:p.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:f.value,onSelectionChange:m,onAfterSearch:h},null)])}});function Le(e){const n=t.ref(""),l=t.ref(e.modelValue),a=t.ref(e.data||[]),o=t.ref(e.editable);function r(i){const u=e.multiSelect?String(i).split(e.separator):[String(i)],m=u.map(x=>[x,!0]),h=new Map(m);return a.value.filter(x=>h.has(String(x[e.valueField]))).sort((x,F)=>{const S=u.indexOf(x[e.valueField]),L=u.indexOf(F[e.valueField]);return S-L})}function s(i){const u=r(i).map(m=>m[e.textField]).join(e.separator);n.value=o.value?u||i:u}function c(i){const u=i.split(e.separator).map(h=>[h,!0]),m=new Map(u);return a.value.filter(h=>m.has(h[e.textField]))}function f(i){const u={};return u[e.idField]=i,u[e.textField]=i,[u]}function d(i){let u=c(i);const m=u&&u.length>0;return o.value&&!m&&(u=f(i)),u}function p(){const{url:i,method:u="GET",headers:m={},body:h=null}=e.remote,g=u.toLowerCase()==="get"?{method:u,headers:m}:{method:u,headers:m,body:h};let x=!1;fetch(i,g).then(F=>{var L,I;if(F.status===200)return x=!!((I=(L=F.headers)==null?void 0:L.get("content-type"))!=null&&I.includes("application/json")),x?F.text():F.json();throw new Error(F.statusText)}).then(F=>{a.value=x?JSON.parse(F):F}).catch(F=>{console.error(F)})}return e.remote&&p(),t.watch(()=>e.data,()=>{a.value=e.data}),t.watch([a],([i])=>{if(e.modelValue!=null){const u=i.find(m=>m[e.valueField]===e.modelValue);u&&(n.value=u[e.textField])}}),t.watch(()=>e.modelValue,i=>{l.value=i,s(i)}),s(e.modelValue),{dataSource:a,displayText:n,editable:o,modelValue:l,getItemsByDisplayText:c,getItemsByValue:r,getSelectedItemsByDisplayText:d}}const q=t.defineComponent({name:"FComboList",props:Y,emits:["clear","update:modelValue","change","input"],setup(e,n){const l=t.ref(),a=t.ref(e.disabled),o=t.ref(e.enableClear),r=t.ref(e.enableSearch),s=t.ref(e.readonly),{dataSource:c,displayText:f,editable:d,modelValue:p,getSelectedItemsByDisplayText:i}=Le(e),u=t.computed(()=>e.multiSelect),m=t.computed(()=>l.value?l.value.elementRef.getBoundingClientRect().width:0);function h(){!u.value&&l.value&&l.value.hidePopup()}function g(V){f.value=V.map(M=>M[e.textField]).join(e.separator);let b="";V.length===1?b=V[0][e.valueField]:b=V.map(M=>M[e.valueField]).join(e.separator),p.value!==b&&(p.value=b,n.emit("update:modelValue",p.value),n.emit("change",V,p.value)),h()}function x(){s.value||l.value.togglePopup()}function F(V){p.value="",n.emit("update:modelValue",""),n.emit("clear")}function S(V){const b=i(V);g(b)}function L(){return f.value}function I(V){n.emit("input",V)}function E(){l.value.hidePopup()}return n.expose({getDisplayText:L,hidePopup:E}),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([V,b,M,j,N])=>{a.value=V,d.value=b,o.value=M,r.value=j,s.value=N}),()=>t.createVNode(be,{ref:l,id:e.id,disable:a.value,readonly:s.value,forcePlaceholder:e.forcePlaceholder,editable:d.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:o.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:f.value,"onUpdate:modelValue":V=>f.value=V,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:F,onClick:x,onChange:S,onInput:I,beforeOpen:e.beforeOpen,placement:"auto"},{default:()=>[t.createVNode(Oe,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:c.value,selectedValues:p.value,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?m.value:void 0,onSelectionChange:g},null)]})}}),Ne=new Map([["appearance",ve.resolveAppearance]]);function je(e,n,l){return n}const Re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},forcePlaceholder:{description:"",type:"boolean",default:!1},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},ze={title:"buttonEdit",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},ue={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupOnClick:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"},beforeClickButton:{type:Function,default:null},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},beforeOpen:{type:Function,default:null},updateOn:{type:String,default:"change"},keepWidthWithReference:{type:Boolean,default:!0},placement:{type:String,default:"bottom-left"}};re(ue,Re,Ne,je,ze);const He={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},$e=t.defineComponent({name:"FOverlay",props:He,emits:["click"],setup(e,n){const l=t.ref(e.popupContentPosition),a=t.ref(e.host),o=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function r(c){n.emit("click"),c.preventDefault(),c.stopPropagation()}t.computed(()=>{const c=a.value;if(c){const f=c.getBoundingClientRect(),{left:d,top:p,height:i}=f;return{left:d,top:p+i}}return l.value});const s=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var c,f;return[t.createVNode("div",{class:"overlay-container",onClick:d=>r(d),style:o.value},[t.createVNode("div",{style:s.value},[(f=(c=n.slots).default)==null?void 0:f.call(c)])])]}})}});function Ae(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function De(e){const n=document.createElement("div");n.style.display="contents";let l;const a=e.onClickCallback||(()=>{}),o=()=>{a(),l&&l.unmount()};return l=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const r=Ae(e);return()=>t.createVNode($e,{"popup-content-position":e.popupPosition,host:e.host,onClick:o,backgroundColor:e.backgroundColor},{default:()=>[r&&r()]})}}),document.body.appendChild(n),l.mount(n),l}class We{static show(n){return De(n)}}const qe={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:Object,default:null},resizeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0},enableEnter:{type:Boolean,default:!1},dialogType:{type:String,default:""},src:{type:String,default:""}};class R{constructor(n,l){this.x=n,this.y=l}static getTransformInfo(n){const a=window.getComputedStyle(n).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(a.length>=6){const o=parseInt(a[4],10),r=parseInt(a[5],10);return{x:o,y:r}}return{x:0,y:0}}static fromEvent(n,l=null){if(this.isMouseEvent(n))return new R(n.clientX,n.clientY);if(l===null||n.changedTouches.length===1)return new R(n.changedTouches[0].clientX,n.changedTouches[0].clientY);for(let a=0;a<n.changedTouches.length;a++)if(n.changedTouches[a].target===l)return new R(n.changedTouches[a].clientX,n.changedTouches[a].clientY)}static isMouseEvent(n){return Object.prototype.toString.apply(n).indexOf("MouseEvent")===8}static isIPosition(n){return!!n&&"x"in n&&"y"in n}static getCurrent(n){const l=new R(0,0);if(window){const a=window.getComputedStyle(n);if(a){const o=parseInt(a.getPropertyValue("left"),10),r=parseInt(a.getPropertyValue("top"),10);l.x=isNaN(o)?0:o,l.y=isNaN(r)?0:r}return l}return null}static copy(n){return new R(0,0).set(n)}get value(){return{x:this.x,y:this.y}}add(n){return this.x+=n.x,this.y+=n.y,this}subtract(n){return this.x-=n.x,this.y-=n.y,this}multiply(n){this.x*=n,this.y*=n}divide(n){this.x/=n,this.y/=n}reset(){return this.x=0,this.y=0,this}set(n){return this.x=n.x,this.y=n.y,this}}class D{constructor(n,l){this.width=n,this.height=l}static getCurrent(n){const l=new D(0,0);if(window){const a=window.getComputedStyle(n);return a&&(l.width=parseInt(a.getPropertyValue("width"),10),l.height=parseInt(a.getPropertyValue("height"),10)),l}return null}static copy(n){return new D(0,0).set(n)}set(n){return this.width=n.width,this.height=n.height,this}}function Ue(e,n){const l=t.ref(),a=t.ref(),o=t.ref(),r=t.ref(),s=t.ref(),c=t.ref(),f=t.ref(),d=t.ref(),p=t.ref(),i=t.ref(),u=t.ref(),m=t.ref(),h=t.ref(e.draggable),g=t.ref(!1);function x(){const v=a.value||document.body,w=window.getComputedStyle(v);if(!w||!l.value)return;const T=R.getTransformInfo(l.value),B={};f.value&&(B.deltaL=l.value.offsetLeft-f.value.x,B.deltaT=l.value.offsetTop-f.value.y);const z=w.getPropertyValue("position");B.width=v.clientWidth,B.height=v.clientHeight,B.pr=parseInt(w.getPropertyValue("padding-right"),10),B.pb=parseInt(w.getPropertyValue("padding-bottom"),10),B.position=w.getPropertyValue("position"),z==="static"&&(v.style.position="relative"),B.translateX=T.x,B.translateY=T.y,i.value=B}function F(v){if(l.value){r.value=D.getCurrent(l.value),s.value=R.getCurrent(l.value),c.value=r.value?D.copy(r.value):null,f.value=s.value?R.copy(s.value):null,x();const w=v.target.getAttribute("type")||"";d.value={n:!!w.match(/n/),s:!!w.match(/s/),w:!!w.match(/w/),e:!!w.match(/e/)}}}function S(){var v,w,T,B;if(l.value){const z=l.value;d.value&&((d.value.n||d.value.s)&&((v=c.value)!=null&&v.height)&&(z.style.height=c.value.height+"px"),(d.value.w||d.value.e)&&((w=c.value)!=null&&w.width)&&(z.style.width=c.value.width+"px"),f.value&&((T=f.value)!=null&&T.x&&(z.style.left=f.value.x+"px"),(B=f.value)!=null&&B.y&&(z.style.top=f.value.y+"px")))}}function L(){const v=e.minHeight?e.minHeight:1,w=e.minWidth?e.minWidth:1;c.value&&f.value&&d.value&&r.value&&(c.value.height<v&&(c.value.height=v,d.value.n&&s.value&&(f.value.y=s.value.y+(r.value.height-v))),c.value.width<w&&(c.value.width=w,d.value.w&&s.value&&(f.value.x=s.value.x+(r.value.width-w))),e.maxHeight&&c.value.height>e.maxHeight&&(c.value.height=e.maxHeight,s.value&&d.value.n&&(f.value.y=s.value.y+(r.value.height-e.maxHeight))),e.maxWidth&&c.value.width>e.maxWidth&&(c.value.width=e.maxWidth,d.value.w&&s.value&&(f.value.x=s.value.x+(r.value.width-e.maxWidth))))}function I(){if(a.value){const v=i.value;if(f.value&&c.value&&d.value&&r.value){const w=v.width-v.pr-v.deltaL-v.translateX-f.value.x,T=v.height-v.pb-v.deltaT-v.translateY-f.value.y;d.value.n&&f.value.y+v.translateY<0&&s.value&&(f.value.y=-v.translateY,c.value.height=r.value.height+s.value.y+v.translateY),d.value.w&&f.value.x+v.translateX<0&&s.value&&(f.value.x=-v.translateX,c.value.width=r.value.width+s.value.x+v.translateX),c.value.width>w&&(c.value.width=w),c.value.height>T&&(c.value.height=T)}}}function E(v){if(!o.value||!r.value||!s.value||!d.value)return;v.subtract(o.value);const w=v.x,T=v.y;d.value.n?(f.value.y=s.value.y+T,c.value.height=r.value.height-T):d.value.s&&(c.value.height=r.value.height+T),d.value.e?c.value.width=r.value.width+w:d.value.w&&(c.value.width=r.value.width-w,f.value.x=s.value.x+w),I(),L(),S()}function V(v){if(!p.value)return;const w=R.fromEvent(v);w&&E(w)}function b(){if(l.value){const{width:v,height:w,x:T,y:B}=l.value.getBoundingClientRect(),z=R.getTransformInfo(l.value);return{size:{width:v,height:w},position:{x:T-z.x,y:B-z.y}}}return null}function M(v){if(l.value){const w=b();u.value=w}o.value=void 0,r.value=null,s.value=null,c.value=null,f.value=null,d.value=null,p.value=null,document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",M)}function j(){document.addEventListener("mousemove",V),document.addEventListener("mouseup",M)}function N(v){v instanceof MouseEvent&&v.button===2||h.value&&(document.body.click(),v.stopPropagation(),v.preventDefault(),o.value=R.fromEvent(v),p.value=v.target,F(v),j())}function H(v){return l.value=v,t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"fv-resizable-handle fv-resizable-n",type:"n",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-e",type:"e",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-s",type:"s",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-w",type:"w",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-ne",type:"ne",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-se fv-resizable-diagonal",type:"se",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-sw",type:"sw",onMousedown:w=>N(w)},null),t.createVNode("div",{class:"fv-resizable-handle fv-resizable-nw",type:"nw",onMousedown:w=>N(w)},null)])}function A(v=!0){document.body.click();const w=a.value||document.body,T=D.getCurrent(w),B=l.value;v&&B&&(m.value=b(),m.value.transform=B.style.transform),T&&B&&(c.value=T,B.style.height=c.value.height-14+"px",B.style.width=c.value.width-14+"px",B.style.left="7px",B.style.top="7px",B.style.transform="",u.value={size:c.value,position:{x:0,y:0}},h.value=!1,g.value=!0)}function K(){var v,w;if(document.body.click(),m.value){const T={width:m.value.size.width||0,height:m.value.size.height||0},B={x:(window.innerWidth-T.width)/2,y:(window.innerHeight-T.height)/2};(v=c.value)==null||v.set(T),(w=f.value)==null||w.set(B);const z=l.value;z.style.height=T.height+"px",z.style.width=T.width+"px",z.style.left=`${B.x}px`,z.style.top=`${B.y}px`,z.style.transform="",u.value={size:T,position:B},h.value=e.draggable,g.value=!1}}function ee(){if(l.value){const v=D.getCurrent(l.value);if(v){const{width:w,height:T}=v;l.value.style.left=`${(window.innerWidth-w)/2}px`,l.value.style.top=`${(window.innerHeight-T)/2}px`,l.value.style.transform=""}}}function te(){const v=()=>{g.value?A(!1):ee(),document.body.click()};return window.addEventListener("resize",v),()=>{window.removeEventListener("resize",v)}}const Q=te();return{renderResizeBar:H,boundingElement:a,resizedEventParam:u,maximize:A,restore:K,allowDrag:h,isMaximized:g,unWindowResizeHandle:Q}}function Ge(e,n,l){const a=t.ref(),o=t.ref(e.draggable),r=t.ref(e.lockAxis),s=t.ref(),c=t.ref(),f=t.ref(!1),d=t.ref(new R(0,0)),p=t.ref(new R(0,0)),i=t.ref(new R(0,0)),u=t.ref(new R(0,0));t.watch(()=>l.value,b=>{s.value.style.cursor=b?"move":"default"});function m(b,M){if(M.tagName==="BUTTON")return!1;if(M===b)return!0;for(const j in M.children)if(Object.prototype.hasOwnProperty.call(M.children,j)&&m(b,M.children[j]))return!0;return!1}function h(){var N,H;let b=i.value.x+p.value.x,M=i.value.y+p.value.y;r.value==="x"?(b=((N=d.value)==null?void 0:N.x)||0,i.value.x=0):r.value==="y"&&(M=((H=d.value)==null?void 0:H.y)||0,i.value.y=0);const j=`translate3d(${Math.round(b)}px, ${Math.round(M)}px, 0px)`;a.value&&(a.value.style.transform=j),u.value.x=b,u.value.y=M}function g(){if(!c.value||!a.value)return null;const b=c.value.getBoundingClientRect(),M=a.value.getBoundingClientRect(),j={top:b.top<M.top,right:b.right>M.right,bottom:b.bottom>M.bottom,left:b.left<M.left};return j.top||(i.value.y-=M.top-b.top),j.bottom||(i.value.y-=M.bottom-b.bottom),j.right||(i.value.x-=M.right-b.right),j.left||(i.value.x-=M.left-b.left),h(),j}function x(b){b&&(d.value&&b.subtract(d.value),i.value.set(b),h(),g())}function F(b){f.value&&o.value&&(b.stopPropagation(),b.preventDefault(),x(R.fromEvent(b,s.value)))}function S(){var b;f.value&&(f.value=!1,p.value.add(i.value),i.value.reset(),(b=a.value)==null||b.classList.remove("ng-dragging"),document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",S))}function L(){!f.value&&s.value&&(f.value=!0,s.value.classList.add("ng-dragging"),document.addEventListener("mousemove",F),document.addEventListener("mouseup",S))}function I(){if(a.value){const b=R.getTransformInfo(a.value);p.value.set(b);return}p.value.reset()}function E(b){if(!l.value||b instanceof MouseEvent&&b.button===2)return;const M=b.target||b.srcElement;s.value!==void 0&&M&&!m(M,s.value)||o.value!==!1&&(document.body.click(),b.stopPropagation(),b.preventDefault(),d.value=R.fromEvent(b,a.value),I(),L())}function V(b,M,j){if(o.value&&M){if(b)s.value=b;else if(e.dragHandle){if(e.dragHandle instanceof HTMLElement)s.value=e.dragHandle;else if(typeof e.dragHandle=="string"){const N=M.querySelector(e.dragHandle);N&&(s.value=N)}}a.value=M,c.value=j,s.value?(s.value.classList.add("ng-draggable"),s.value.addEventListener("mousedown",E)):o.value=!1}}return{registerDraggle:V,resetTranslate:I}}function fe(e,n){if(e){const l=a=>{a.key.toLowerCase()===e.toLowerCase()&&n({event:a,key:e})};return document.addEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)}}}function Xe(e,n){const l=t.ref(e.enableEsc);let a=null;return l.value?(a=fe("Escape",o=>{n.emit("esc",{event:o.event,type:"esc"})}),{remove:a}):null}function Ye(e,n){const l=t.ref(e.enableEnter);let a=null;return l.value?(a=fe("Enter",o=>{n.emit("enter",{event:o.event,type:"enter"})}),{remove:a}):null}const U=t.defineComponent({name:"FModal",props:qe,emits:["update:modelValue","accept","cancel","closed","resize","esc","enter"],setup(e,n){const l=t.ref(e.width||300),a=t.ref(e.height||200),o=t.ref(e.modelValue),r=t.ref(""),s=t.ref(e.class),c=t.ref(e.fitContent),f=t.ref(e.showHeader),d=t.ref(""),p=t.ref(e.showCloseButton),i=t.ref(e.showMaxButton),u=t.ref(!1),m=t.ref(e.dialogType),h=t.ref(e.src),g=t.ref(""),x=t.ref(e.showButtons),F=t.ref(e.title),S=t.ref(e.resizeable),L=t.ref(e.containment||null),I=t.ref();function E(y,P){o.value=!1,n.emit("update:modelValue",!1),P!=null&&n.emit(P?"accept":"cancel"),n.emit("closed",y)}const V=[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:y=>{E(y,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:y=>{E(y,!0)}}],b=t.ref(e.buttons&&e.buttons.length?e.buttons:V),M=t.computed(()=>!!d.value),j=t.computed(()=>!!x.value&&!!b.value),N=t.ref(),H=t.ref(),A=t.ref(!1),{renderResizeBar:K,maximize:ee,restore:te,boundingElement:Q,resizedEventParam:v,allowDrag:w,unWindowResizeHandle:T}=Ue(e),{registerDraggle:B}=Ge(e,n,w);function z(){const y=document.querySelectorAll(".farris-modal").length;(!y||y-1<=0)&&document.body.classList.remove("modal-open"),I.value&&I.value.classList.remove("show")}t.watch(()=>e.title,(y,P)=>{y!==P&&(F.value=y)}),t.watch(()=>e.modelValue,(y,P)=>{y!==P&&(o.value=y,y||z())}),t.watch(()=>e.showHeader,(y,P)=>{y!==P&&(f.value=y)}),t.watch(()=>e.showButtons,(y,P)=>{y!==P&&(x.value=y)}),t.watch(()=>v.value,(y,P)=>{const G=y||{},_=P||{};JSON.stringify(G)!==JSON.stringify(_)&&n.emit("resize",{newSize:y,oldSize:P})});const ne=t.computed(()=>(o.value&&document.body.classList.add("modal-open"),o.value)),ct=t.computed(()=>{const y={modal:!0,"farris-modal":!0,fade:!0};return y["f-modal-fitContent"]=!!c.value,y.show=!!ne.value,y}),ut=t.computed(()=>{var G;const y={"modal-dialog":!0},P=(G=s.value)==null?void 0:G.split(" ");return P==null||P.reduce((_,Mt)=>(_[Mt]=!0,_),y),y}),ft=t.computed(()=>({position:"absolute",top:`${(window.innerHeight-a.value)/2}px`,left:`${(window.innerWidth-l.value)/2}px`,width:`${l.value}px`,height:c.value?"auto":`${a.value}px`})),pt=t.computed(()=>({"modal-content":!0,"modal-content-has-header":f.value})),mt=t.computed(()=>{const y={display:f.value?"":"none"};return y["pointer-events"]=w.value?"auto":"none",y}),ht=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:A.value})),yt=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":m.value==="iframe"}));function gt(){return{}}const bt=t.computed(()=>{const y={textAlgin:g.value},P=gt();return Object.assign(y,P)});function ye(y){if(y.stopPropagation(),A.value){A.value=!1,te();return}ee(),A.value=!0}async function vt(y,P){y.handle&&await y.handle(P,y)&&n.emit("closed",P)}function Ct(y){y.width&&(l.value=y.width),y.height&&(a.value=y.height),y.buttons&&(b.value=y.buttons),y.title&&(F.value=y.title)}let le=null,ae=null;t.onMounted(()=>{H.value&&!L.value&&(L.value=H.value.parentElement,Q.value=L.value,B(N.value,H.value,Q.value)),ne.value&&document.body.classList.add("modal-open"),le=Xe(e,n),ae=Ye(e,n)}),t.onUnmounted(()=>{T&&T(),le&&le.remove(),ae&&ae.remove()}),n.expose({modalElementRef:H,updateModalOptions:Ct,close:E,maxDialog:ye});function wt(){return t.createVNode("ul",null,[u.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),i.value&&t.createVNode("li",{onClick:ye,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[t.createVNode("span",{class:ht.value},null)]),p.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:y=>E(y,!1),style:"pointer-events: auto;"},[t.createVNode("span",{class:"f-icon modal_close"},null)])])}function xt(){return t.createVNode("div",{class:"modal-footer",style:bt.value},[b.value&&b.value.map(y=>t.createVNode("button",{name:y.name,type:"button",class:y.class+(y.iconClass?" btn-icontext":""),onClick:P=>{vt(y,P)}},[!!y.iconClass&&t.createVNode("i",{class:y.iconClass},null),y.text]))])}function Ft(){return t.createVNode("div",{ref:N,class:"modal-header",style:mt.value},[t.createVNode("div",{class:"modal-title"},[M.value&&t.createVNode("span",{class:d.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[F.value])]),t.createVNode("div",{class:"actions"},[wt()])])}function St(y){y.stopPropagation()}return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>[ne.value&&t.createVNode(t.Transition,{name:"fade",appear:!0},{default:()=>{var y,P;return[t.createVNode("div",{class:ct.value,style:"display: block",ref:I,onClick:St},[t.createVNode("div",{id:r.value,class:ut.value,style:ft.value,ref:H},[t.createVNode("div",{class:pt.value},[f.value&&Ft(),t.createVNode("div",{class:yt.value},[(P=(y=n.slots).default)==null?void 0:P.call(y),m.value==="iframe"&&t.createVNode("iframe",{title:r.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:h.value},null)]),j.value&&xt()]),!c.value&&S.value&&H.value&&!A.value&&K(H.value)])])]}})]})}});function pe(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function Je(e){const n=document.createElement("div");n.style.display="contents";const l=t.createApp({setup(a,o){t.onUnmounted(()=>{document.body.removeChild(n)});const r=t.ref(),s=t.ref(e.class||""),c=t.ref(!!e.showButtons),f=t.ref(!!e.showHeader),d=t.ref(e.showCloseButton==null?!0:e.showCloseButton),p=t.ref(!0),i=t.ref(e.title||""),u=e.acceptCallback||(()=>{}),m=e.rejectCallback||(()=>{}),h=e.closedCallback||(S=>{}),g=e.resizeHandle||(S=>{}),x=pe(e),F=S=>{p.value=!1,l.unmount(),h(S)};return t.onMounted(()=>{}),o.expose({modalRef:r}),()=>t.createVNode(U,{ref:r,class:s.value,modelValue:p.value,"onUpdate:modelValue":S=>p.value=S,title:i.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":f.value,"show-buttons":c.value,"show-close-button":d.value,"show-max-button":!1,onAccept:u,onCancel:m,fitContent:e.fitContent==null?!0:e.fitContent,onClosed:F,onResize:g},{default:()=>[x&&x(l)]})}});return document.body.appendChild(n),l.mount(n),l}class Qe{constructor(n){k(this,"appContext",null);k(this,"modalRef",t.ref());k(this,"activeModalIndex",t.ref(0));k(this,"modalRefs",{});k(this,"isUseEscCloseModal",t.ref(!1));k(this,"activeModalInstance",t.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.app=n,this.appContext=n?n._context:null}getCurrentModal(){return this.activeModalInstance.value}adaptToWindow(n,l){const{width:a,height:o}={width:window.innerWidth,height:window.innerHeight};return a<n&&(n=a),o<l&&(l=o),{width:n,height:l}}static show(n){const l=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return Je(l)}open(n){const l=document.createDocumentFragment();n.showMaxButton&&n.fitContent&&(n.showMaxButton=!1);const a=t.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},n)),o=t.ref(!0),r=a.value.acceptCallback||(()=>{}),s=a.value.rejectCallback||(()=>{}),c=a.value.closedCallback||((I,E)=>{}),f=a.value.resizeHandle||(I=>{});let d;const p=pe(a.value),i=I=>{var V;o.value=!1;const E=(V=I==null?void 0:I.target)==null?void 0:V.classList.contains("modal_close");c(I,this.isUseEscCloseModal.value?"esc":E?"icon":"button")},u=I=>{i(I),d&&t.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],t.render(null,l),d=null,this.modalRef.value=null,this.modalRefs){const E=Object.keys(this.modalRefs).map(V=>Number(V));E.length>0?this.activeModalIndex.value=Math.max(...E):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},m=I=>{var E;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((E=this.activeModalInstance.value)==null||E.close(I==null?void 0:I.event))},{width:h,height:g}=a.value,x=this.adaptToWindow(h||500,g||320);Object.assign(a.value,x);const F=()=>t.createVNode(U,t.mergeProps({ref:this.modalRef,modelValue:o.value,"onUpdate:modelValue":I=>o.value=I},a.value,{onAccept:r,onCancel:s,onClosed:u,onResize:f,onEsc:m}),{default:()=>[p&&p(this.app)]});return d=(I=>{const E=t.h(F,I);return E.appContext=this.appContext,t.render(E,l),E})({...a.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:I=>{a.value={...a.value,...I},d&&t.render(t.cloneVNode(d,{...a}),l)},destroy:u,modalRef:this.activeModalInstance}}}const me=Symbol("FModalService");U.install=e=>{e.component(U.name,U);const n=new Qe(e);e.provide(me,n),e.provide("FModalService",n)};function he(e,n){function l(){const a=e.beforeOpen||e.beforeClickButton||null;let o=Promise.resolve(!0);if(a){const r=a(n.value);if(typeof r>"u")return o;typeof r=="boolean"?o=Promise.resolve(r):o=r}return o}return{judgeCanOpen:l}}function _e(e,n,l,a,o){const r=t.ref(e.buttonBehavior),s=t.ref(e.popupOnInput),c=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:f}=he(e,o),d=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),p=t.inject(me,null),i=t.ref();async function u(g){if(await f()&&d.value){const x=!!n.slots.default;if(r.value==="Modal"){const F=e.modalOptions,S=p==null?void 0:p.open({...F,render:()=>n.slots.default&&n.slots.default()});i.value=S==null?void 0:S.modalRef}r.value==="Overlay"&&We.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),x&&r.value==="Popup"&&a.togglePopup(!0),x&&s.value&&a.hidePopup(),n.emit("clickButton",{origin:g,value:e.modelValue})}}function m(g){n.emit("mouseEnterIcon",g)}function h(g){n.emit("mouseLeaveIcon",g)}return{buttonGroupClass:c,onClickButton:u,onMouseEnterButton:m,onMouseLeaveButton:h,modalRef:i}}function Ze(e,n,l,a){const o=t.ref(),r=t.ref(!1),{judgeCanOpen:s}=he(e,a);function c(){const i=o.value;i&&i.show(l.value)}async function f(i=!1){if(!!n.slots.default){if(!i&&!r.value&&!await s())return;r.value=!r.value,await t.nextTick(),c()}}async function d(i=!1){if(!!n.slots.default){if(!i&&!await s())return;r.value=!0,await t.nextTick(),c()}}function p(){r.value=!1}return{hidePopup:p,popup:d,shouldPopupContent:r,togglePopup:f,popoverRef:o}}function Ke(e,n,l){const{buttonGroupClass:a}=l,o=t.ref();return{renderButtonGroup:()=>t.createVNode("div",{id:`${e.id}-button-group`,class:a.value},[n.slots.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button"},[n.slots.buttonContent()]):e.buttonContent?t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:o},null):null]),buttonHandleElement:o}}const et=t.defineComponent({name:"FButtonEdit",props:ue,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const l=t.ref(),a=t.inject("design-item-context"),o=X.useDesignerComponent(l,a),r=t.ref(e.customClass),s=t.ref(e.modelValue),c=Ze(e,n,l,s),f=_e(e,n,l,c,s),d=t.ref(),p=t.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disabled":!0,"f-state-editable":!1,"f-state-readonly":!0}));t.onMounted(()=>{l.value.componentInstance=o}),n.expose(o.value);const i=t.computed(()=>{const m={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return r.value&&r.value.split(" ").reduce((h,g)=>(h[g]=!0,h),m),m}),{renderButtonGroup:u}=Ke(e,n,f);return()=>t.createVNode("div",t.mergeProps(n.attrs,{ref:l,class:i.value,id:e.id}),[t.createVNode("div",{class:p.value},[t.createVNode("input",{ref:d,class:"form-control",readonly:!0,placeholder:e.placeholder},null),u()])])}});class tt{constructor(n,l){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(this,"propertyConfig",{type:"object",categories:{}});var a;this.componentId=n,this.designerHostService=l,this.eventsEditorUtils=l.eventsEditorUtils,this.formSchemaUtils=l.formSchemaUtils,this.formMetadataConverter=l.formMetadataConverter,this.viewModelId=((a=this.formSchemaUtils)==null?void 0:a.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=l.designViewModelUtils,this.controlCreatorUtils=l.controlCreatorUtils,this.metadataService=l.metadataService,this.schemaService=l.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){var a;const l=n.binding&&n.binding.type==="Form"&&n.binding.field;if(l){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(r=>r.id===l)}n.updateOn=(a=this.designViewModelField)==null?void 0:a.updateOn}}getBasicPropConfig(n){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",editable:!1,data:[{value:n.type,name:C[n.type].name}]}}}}}getAppearanceConfig(n=null){return{title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(n,l){const a=l&&l.parent&&l.parent.schema;if(!a)return;const o=a.contents.findIndex(s=>s.id===n),r=$.cloneDeep(a.contents[o]);a.contents.splice(o,1),a.contents.splice(o,0,r)}}const W=class W{static getEditorTypesByMDataType(n){const l=W.fieldControlTypeMapping[n];return l||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(const l in W.fieldControlTypeMapping)W.fieldControlTypeMapping[l].forEach(a=>{n.find(o=>o.key===a.key&&o.value===a.value)||n.push({key:a.key,value:a.value})});return n}static mappingDomPropAndSchemaProp(n){var o;const l=(o=n.editor)==null?void 0:o.type;if(!l)return[];const a=[];switch(a.push({domField:"editor.required",schemaField:"require"}),a.push({domField:"editor.readonly",schemaField:"readonly"}),l){case C["data-grid-column"].type:case C["tree-grid-column"].type:{a.push({domField:"title",schemaField:"name"});break}default:a.push({domField:"label",schemaField:"name"})}return(l===C["input-group"].type||l===C.textarea.type||l===C["number-spinner"].type)&&a.push({domField:"editor.maxLength",schemaField:"type.length"}),l===C["number-spinner"].type&&a.push({domField:"editor.precision",schemaField:"type.precision"}),(l===C["combo-list"].type||l===C["radio-group"].type)&&a.push({domField:"editor.data",schemaField:"type.enumValues"}),l===C["date-picker"].type&&(a.push({domField:"editor.displayFormat",schemaField:"editor.format"}),a.push({domField:"editor.fieldType",schemaField:"type.name"})),l===C["number-spinner"].type&&(a.push({domField:"editor.max",schemaField:"editor.maxValue"}),a.push({domField:"editor.min",schemaField:"editor.minValue"})),l===C.lookup.type&&(a.push({domField:"editor.dataSource",schemaField:"editor.dataSource"}),a.push({domField:"editor.valueField",schemaField:"editor.valueField"}),a.push({domField:"editor.textField",schemaField:"editor.textField"}),a.push({domField:"editor.displayType",schemaField:"editor.displayType"}),a.push({domField:"editor.mapFields",schemaField:"editor.mapFields"}),a.push({domField:"editor.helpId",schemaField:"editor.helpId"})),a.push({domField:"path",schemaField:"bindingPath"}),a.push({domField:"binding.path",schemaField:"bindingField"}),a.push({domField:"binding.fullPath",schemaField:"path"}),(l===C["data-grid-column"].type||l===C["tree-grid-column"].type)&&a.push({domField:"field",schemaField:"bindingPath"}),a}};k(W,"fieldControlTypeMapping",{String:[{key:C["input-group"].type,value:C["input-group"].name},{key:C.lookup.type,value:C.lookup.name},{key:C["date-picker"].type,value:C["date-picker"].name},{key:C["check-group"].type,value:C["check-group"].name},{key:C["radio-group"].type,value:C["radio-group"].name},{key:C["combo-list"].type,value:C["combo-list"].name},{key:C.textarea.type,value:C.textarea.name}],Text:[{key:C.textarea.type,value:C.textarea.name},{key:C.lookup.type,value:C.lookup.name}],Decimal:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],Integer:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],Number:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],BigNumber:[{key:C["number-spinner"].type,value:C["number-spinner"].name}],Date:[{key:C["date-picker"].type,value:C["date-picker"].name}],DateTime:[{key:C["date-picker"].type,value:C["date-picker"].name}],Boolean:[{key:C.switch.type,value:C.switch.name},{key:C["check-box"].type,value:C["check-box"].name}],Enum:[{key:C["combo-list"].type,value:C["combo-list"].name},{key:C["radio-group"].type,value:C["radio-group"].name}],Object:[{key:C.lookup.type,value:C.lookup.name},{key:C["combo-list"].type,value:C["combo-list"].name},{key:C["radio-group"].type,value:C["radio-group"].name}]});let J=W;const nt=t.ref(0);class lt{constructor(){k(this,"label","");k(this,"id","");k(this,"columnInSM",12);k(this,"columnInMD",6);k(this,"columnInLG",3);k(this,"columnInEL",2);k(this,"displayWidthInSM",1);k(this,"displayWidthInMD",1);k(this,"displayWidthInLG",1);k(this,"displayWidthInEL",1);k(this,"displayColumnCountAtBreakPoint","md");k(this,"tagRow",0);k(this,"showTopBorder",0);k(this,"group",1);k(this,"isSupportedClass",!0);k(this,"fieldSetId","")}}function at(e){let n,l;const a=new Map;let o=[];function r(p,i){const m=p.split(" ").filter(S=>S.startsWith("col-"));if(m.length===0){i.isSupportedClass=!1;return}let h=m.find(S=>/^col-([1-9]|10|11|12)$/.test(S)),g=m.find(S=>/^col-md-([1-9]|10|11|12)$/.test(S)),x=m.find(S=>/^col-xl-([1-9]|10|11|12)$/.test(S)),F=m.find(S=>/^col-el-([1-9]|10|11|12)$/.test(S));h=h||"col-12",i.columnInSM=parseInt(h.replace("col-",""),10),i.displayWidthInSM=i.columnInSM/12,i.displayWidthInSM!==1&&(i.isSupportedClass=!1),g=g||"col-md-"+i.columnInSM,i.columnInMD=parseInt(g.replace("col-md-",""),10),i.displayWidthInMD=i.columnInMD/6,[1,2].includes(i.displayWidthInMD)||(i.isSupportedClass=!1),x=x||"col-xl-"+i.columnInMD,i.columnInLG=parseInt(x.replace("col-xl-",""),10),i.displayWidthInLG=i.columnInLG/3,[1,2,3,4].includes(i.displayWidthInLG)||(i.isSupportedClass=!1),F=F||"col-el-"+i.columnInLG,i.columnInEL=parseInt(F.replace("col-el-",""),10),i.displayWidthInEL=i.columnInEL/2,[1,2,3,4,5,6].includes(i.displayWidthInEL)||(i.isSupportedClass=!1)}function s(p,i,u,m=!1){let h=!1;p.contents.forEach(g=>{if(g.type==="fieldset"){u+=1,s(g,i,u,!0),h=!0;return}h&&(u+=1,h=!1);const x=g.appearance&&g.appearance.class,F=new lt;x?r(x,F):F.isSupportedClass=!1,F.label=g.label||g.id,F.id=g.id,F.group=u,m&&(F.fieldSetId=p.id),l===g.id&&(n=u),a.set(g.id,g),i.push(F)})}function c(p){const i=e.getComponentById(p);if(!i||!i.componentType||!i.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const u=e.selectNode(i,m=>m.type===X.DgControl["response-form"].type);return!u||!u.contents||u.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:u}}function f(p,i){i=i||p.id;const{result:u,message:m,formNode:h}=c(i);if(!u)return{result:u,message:m};l=p.id,o=[],a.clear();const g=h.contents[0].type===X.DgControl.fieldset.type?0:1;s(h,o,g);const x=o.find(S=>!S.isSupportedClass);return{defaultState:{defaultGroupNumber:n||1,model:x?"customize":"standard"},importData:o}}function d(p,i){i=i;const{result:u,formNode:m}=c(i);if(!u)return"";const h=[];return p.forEach(g=>{var S;const x=a.get(g.id),F=x.appearance&&x.appearance.class;if(F){const I=F.split(" ").filter(N=>!N.startsWith("col-")),E="col-"+g.columnInSM,V="col-md-"+g.columnInMD,b="col-xl-"+g.columnInLG,M="col-el-"+g.columnInEL,j=[E,V,b,M].concat(I);x.appearance.class=j.join(" ")}if(g.fieldSetId){const L=m.contents.find(E=>E.id===g.fieldSetId),I=h.find(E=>E.id===g.fieldSetId);I?(S=I.contents)==null||S.push(x):(h.push(L),L.contents=[x])}else h.push(x)}),m.contents=h,m.id}return{checkCanFindFormNode:c,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:d,getResonseFormLayoutConfig:s}}class ot extends tt{constructor(l,a){super(l,a);k(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=at(this.formSchemaUtils)}getPropertyConfig(l,a){return this.propertyConfig.categories.basic=this.getBasicProperties(l,a),this.propertyConfig.categories.appearance=this.getAppearanceProperties(l,a),this.propertyConfig.categories.editor=this.getEditorProperties(l),this.propertyConfig}getBasicProperties(l,a){var r;const o=this;return this.setDesignViewModelField(l),{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:o.designViewModelField?J.getEditorTypesByMDataType((r=o.designViewModelField.type)==null?void 0:r.name):J.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:l,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"},refreshPanelAfterChanged:!0}},setPropertyRelates(s,c){if(s)switch(s&&s.propertyID){case"type":{o.changeControlType(l,s,a);break}case"label":{s.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(l,a){const o=this;return{title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的内联样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(l,o.componentId)}}},setPropertyRelates(r,s){if(r)switch(r&&r.propertyID){case"responseLayout":o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue,o.componentId||l.id),o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId),o.updateElementByParentContainer(l.id,a),delete l.responseLayout;break;case"class":o.updateUnifiedLayoutAfterControlChanged(r.propertyValue,l.id,this.componentId),o.updateElementByParentContainer(l.id,a);break}}}}getEditorProperties(l){return this.getComponentConfig(l)}changeControlType(l,a,o){var p,i,u,m;const r=a.propertyValue,s=o&&o.parent&&o.parent.schema;if(!s)return;const c=s.contents.findIndex(h=>h.id===l.id),f=s.contents[c];let d;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:r},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),d=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,r)),d||(d=this.controlCreatorUtils.createFormGroupWithoutField(r)),Object.assign(d,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(d.editor,{isTextArea:d.isTextArea&&f.isTextArea,placeholder:(p=f.editor)==null?void 0:p.placeholder,holdPlace:(i=f.editor)==null?void 0:i.holdPlace,readonly:(u=f.editor)==null?void 0:u.readonly,required:(m=f.editor)==null?void 0:m.required}),s.contents.splice(c,1),s.contents.splice(c,0,d),o.schema=Object.assign(f,d),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(h=>h.classList.remove("dgComponentSelected")),Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(h=>h.classList.remove("dgComponentFocused")),nt.value++}getComponentConfig(l,a={},o={},r){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},a),c=Object.assign({readonly:{description:"",title:"只读",type:"boolean",editor:{enableClear:!0,editable:!0}},disabled:{description:"",title:"禁用",type:"boolean",visible:!1},placeholder:{description:"当控件没有值时在输入框中显示的文本",title:"提示文本",type:"string"}},o);return{...s,properties:{...c},setPropertyRelates:r}}updateUnifiedLayoutAfterControlChanged(l,a,o){const r=l.split(" ");let s=r.find(i=>/^col-([1-9]|10|11|12)$/.test(i)),c=r.find(i=>/^col-md-([1-9]|10|11|12)$/.test(i)),f=r.find(i=>/^col-xl-([1-9]|10|11|12)$/.test(i)),d=r.find(i=>/^col-el-([1-9]|10|11|12)$/.test(i));s=s||"col-12",c=c||"col-md-"+s.replace("col-",""),f=f||"col-xl-"+c.replace("col-md-",""),d=d||"col-el-"+f.replace("col-xl-","");const p={id:a,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(c.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(d.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(o,p)}updateUnifiedLayoutAfterResponseLayoutChanged(l,a){const{formNode:o}=this.responseLayoutEditorFunction.checkCanFindFormNode(l);if(!o||!o.unifiedLayout)return;const r=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o,r,1),a){const h=r.find(g=>g.id===a.id);Object.assign(h||{},a)}const s=r.map(h=>h.columnInSM),c=r.map(h=>h.columnInMD),f=r.map(h=>h.columnInLG),d=r.map(h=>h.columnInEL),p=this.checkIsUniqueColumn(s)?s[0]:null,i=this.checkIsUniqueColumn(c)?c[0]:null,u=this.checkIsUniqueColumn(f)?f[0]:null,m=this.checkIsUniqueColumn(d)?d[0]:null;Object.assign(o.unifiedLayout,{uniqueColClassInSM:p,uniqueColClassInMD:i,uniqueColClassInLG:u,uniqueColClassInEL:m})}checkIsUniqueColumn(l){const a=new Set(l);return Array.from(a).length===1}getItemCollectionEditor(l,a,o){return a=a||"value",o=o||"name",{editor:{columns:[{field:a,title:"值",dataType:"string"},{field:o,title:"名称",dataType:"string"},{field:"disabled",title:"禁用",visible:!1,dataType:"boolean",editor:{type:"switch"}}],type:"item-collection-editor",valueField:a,nameField:o,requiredFields:[a,o],uniqueFields:[a,o],readonly:this.checkEnumDataReadonly(l)}}}checkEnumDataReadonly(l){return!l.binding||l.binding.type!=="Form"?!1:!!(this.designViewModelField&&this.designViewModelField.type&&this.designViewModelField.type.$type===oe.FormSchemaEntityFieldType$Type.EnumType)}}class it extends ot{constructor(n,l){super(n,l)}getEditorProperties(n){const l=this,a=l.getComponentConfig(n,{type:"combo-list"},{editable:{description:"",title:"允许编辑",type:"boolean"},enableClear:{description:"",title:"启用清空",type:"boolean"},textField:{visible:!1,description:"",title:"数据源显示字段",type:"string"},valueField:{visible:!1,description:"",title:"数据源值字段",type:"string"},idField:{visible:!1,description:"",title:"数据源标识字段",type:"string"},data:{description:"",title:"数据",type:"array",$converter:"/converter/enum-data.converter",...l.getItemCollectionEditor(n,n.editor.valueField,n.editor.textField),refreshPanelAfterChanged:!0}});return a.setPropertyRelates=function(o){if(o)switch(o.propertyID){case"data":{o.propertyValue.parameters&&(n.editor.valueField=o.propertyValue.parameters.valueField,n.editor.textField=o.propertyValue.parameters.nameField),!l.checkEnumDataReadonly(n)&&n.formatter&&(n.formatter.data=[...o.propertyValue.value]);break}}},a}}function rt(e,n){const l=e.schema;function a(o,r){return new it(o,n).getPropertyConfig(l,r)}return{getPropsConfig:a}}const st=t.defineComponent({name:"FComboListDesign",props:ce,emits:["clear","update:modelValue","change"],setup(e,n){const l=t.ref(),a=t.inject("designer-host-service"),o=t.inject("design-item-context"),r=rt(o,a),s=X.useDesignerComponent(l,o,r);return t.onMounted(()=>{l.value.componentInstance=s}),n.expose(s.value),()=>t.createVNode(et,{ref:l,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});q.register=(e,n,l,a)=>{e["combo-list"]=q,n["combo-list"]=Z},q.registerDesigner=(e,n,l)=>{e["combo-list"]=st,n["combo-list"]=Z};const dt=oe.withInstall(q);O.FComboList=q,O.Placement=de,O.ViewType=se,O.comboListDesignProps=ce,O.comboListProps=Y,O.default=dt,O.propsResolver=Z,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/condition/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}