@farris/ui-vue 1.3.1 → 1.3.4

package/components/section/index.umd.cjs

@@ -1 +1 @@
-(function(g,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("../response-toolbar/index.umd.js"),require("bignumber.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../response-toolbar/index.umd.js","bignumber.js","../common/index.umd.js"],s):(g=typeof globalThis<"u"?globalThis:g||self,s(g.section={},g.Vue,g.LodashES,g.FResponseToolbar,g.BigNumber,g.common))})(this,function(g,s,V,H,fe,$){"use strict";const F={},O={};function j(n){const{properties:e,title:t,ignore:a}=n,r=a&&Array.isArray(a),i=Object.keys(e).reduce((o,d)=>((!r||!a.find(f=>f==d))&&(o[d]=e[d].type==="object"&&e[d].properties?j(e[d]):V.cloneDeep(e[d].default)),o),{});return t&&(!r||!a.find(o=>o=="id"))&&(i.id=`${t}-${Date.now()}`),i}function q(n,e={},t){const a=F[n];if(a){let r=j(a);const i=O[n];return r=i?i({getSchemaByType:q},r,e,t):r,r}return null}function R(n,e){const t=j(e);return Object.keys(n).reduce((a,r)=>(a[r]&&V.isPlainObject(a[r])&&V.isPlainObject(n[r])?Object.assign(a[r],n[r]):a[r]=n[r],a),t),t}function G(n,e){return Object.keys(n).filter(a=>n[a]!=null).reduce((a,r)=>{if(e.has(r)){const i=e.get(r);if(typeof i=="string")a[i]=n[r];else{const o=i(r,n[r],n);Object.assign(a,o)}}else a[r]=n[r];return a},{})}function x(n,e,t=new Map){const a=R(n,e);return G(a,t)}function W(n={}){function e(c,l,u,p){if(typeof u=="number")return p[c].length===u;if(typeof u=="object"){const m=Object.keys(u)[0],h=u[m];if(m==="not")return Number(p[c].length)!==Number(h);if(m==="moreThan")return Number(p[c].length)>=Number(h);if(m==="lessThan")return Number(p[c].length)<=Number(h)}return!1}function t(c,l,u,p){return p[c]&&p[c].propertyValue&&String(p[c].propertyValue.value)===String(u)}const a=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((c,l)=>(c.set(l,n[l]),c),a);function r(c,l){const u=c;return typeof l=="number"?[{target:u,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:u,operator:"getProperty",param:c,value:!!l}]:typeof l=="object"?Object.keys(l).map(p=>{if(p==="length")return{target:u,operator:"length",param:null,value:l[p]};const m=p,h=l[p];return{target:u,operator:"getProperty",param:m,value:h}}):[]}function i(c){return Object.keys(c).reduce((u,p)=>{const m=r(p,c[p]);return u.push(...m),u},[])}function o(c,l){if(a.has(c.operator)){const u=a.get(c.operator);return u&&u(c.target,c.param,c.value,l)||!1}return!1}function d(c,l){return i(c).reduce((m,h)=>m&&o(h,l),!0)}function f(c,l){const u=Object.keys(c),p=u.includes("allOf"),m=u.includes("anyOf"),h=p||m,T=(h?c[h?p?"allOf":"anyOf":"allOf"]:[c]).map(v=>d(v,l));return p?!T.includes(!1):T.includes(!0)}return{parseValueSchema:f}}const D={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"}},_={},U={};W();function Z(n,e,t=new Map,a=(o,d,f)=>d,r={},i=o=>o){return F[e.title]=e,O[e.title]=a,_[e.title]=r,U[e.title]=i,(o={})=>{const d=x(o,e,t),f=Object.keys(n).reduce((c,l)=>(c[l]=n[l].default,c),{});return Object.assign(f,d)}}function J(n,e){return{customClass:e.class,customStyle:e.style}}function Q(n,e,t){return e?{enableAccordion:t.accordionMode}:{enableAccordion:""}}function X(n,e){return e&&e.contents&&e.contents.length&&e.contents.forEach(t=>{t.title&&(t.text=t.title)}),{buttons:e.contents,buttonPosition:e.position}}const Y=new Map([["appearance",J],["expanded","expandStatus"],["enableAccordion",Q],["toolbar",X]]);function K(n,e,t,a){const r=Math.random().toString().slice(2,6),i=t.parentComponentInstance;Object.assign(e,{id:`section-${r}`,appearance:{class:"f-section-in-mainsubcard"},enableAccordion:!1,mainTitle:e.mainTitle||"标题"});const o=n.getSchemaByType("content-container");Object.assign(o,{id:`container-${r}`,appearance:{class:"f-struct-wrapper"},contents:[e]});const d=i.schema;switch(d&&d.type){case D["splitter-pane"].type:{e.appearance.class="f-section-in-main";break}}return o}function I(n,e,t,a){return t.parentComponentInstance?K(n,e,t):e}const ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section.schema.json",title:"section",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"section"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contentClass:{description:"",type:"string",default:""},contents:{description:"",type:"array",default:[]},enableAccordion:{description:"",type:"boolean",default:!1},accordionMode:{description:"",type:"string",default:"default"},enableMaximize:{description:"",type:"boolean",default:!1},expanded:{description:"",type:"boolean",default:!0},fill:{description:"",type:"boolean",default:!1},headerClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},showHeader:{description:"",type:"string",default:!0},mainTitle:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},headerContentClass:{description:"",type:"string",default:""},extendClass:{description:"",type:"string",default:""},visible:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"SectionToolbar"},position:{type:"string",default:"inHead"},contents:{type:"array",default:[]}},default:null}},required:["id","type","contents"]},N={contentClass:{type:String,default:""},customClass:{type:String,default:""},enableAccordion:{type:String,default:""},expandStatus:{type:Boolean,default:!0},mainTitle:{type:String,default:""},showHeader:{type:Boolean,default:!0},subTitle:{type:String,default:""},expandLabel:{type:String,default:"展开"},collapseLabel:{type:String,default:"收起"},headerClass:{type:String,default:""},enableMaximize:{type:Boolean,default:!1},headerContentClass:{type:String,default:""},extendClass:{type:String,default:""},buttons:{type:Array,default:[]},buttonPosition:{type:String,default:"inHead"},fill:{type:Boolean,default:!1}},B=Z(N,ee,Y,I);function te(n,e,t){let a;function r(){!n||!e.value||(t.value=!t.value,t.value?i():o())}function i(){a=n.value.nextElementSibling;const f=document&&document.querySelector("body");f&&(f.appendChild(n.value),n.value.style.zIndex=d())}function o(){a?e.value.insertBefore(n.value,a):e.value.appendChild(n.value),n.value.style.zIndex=null}function d(f=1){const c=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],l=Array.from(document.body.querySelectorAll(c.join(","))).filter(p=>p).map(p=>{const{display:m,zIndex:h}=window.getComputedStyle(p);return m==="none"?0:parseInt(h,10)}).filter(p=>p);let u=Math.max(...l);return u<1040&&(u=1040),u+f}return{onClickMaxMinIcon:r}}function E(n,e){const t=s.ref(n.buttons),a=s.computed(()=>n.buttonPosition==="inHead"?"right":"left"),r=s.computed(()=>"f-section-toolbar"+(n.buttonPosition==="inHead"?" f-section-header--toolbar":" f-section-content--toolbar")),i=s.computed(()=>{n.buttons&&n.buttons.length>0&&n.buttonPosition});function o(d){e.emit("Click",d)}return()=>i&&s.createVNode(H,{customClass:r.value,items:t.value,onClick:o,alignment:a.value},null)}function z(n,e,t,a,r,i){s.ref(n.subTitle);const o=s.computed(()=>n.buttonPosition),d=E(n,e),{onClickMaxMinIcon:f}=te(a,r,i),c=s.computed(()=>!!n.subTitle),l=s.computed(()=>n.enableMaximize),u=s.computed(()=>n.enableAccordion!=""),p=s.computed(()=>{const v={"f-section-header":!0};return e.slots.header&&n.headerClass.split(" ").reduce((y,C)=>(y[C]=!0,y),v),v});function m(v){v.stopPropagation(),n.enableAccordion!==""&&(t.value=!t.value)}function h(){const v=s.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":t.value})),w=s.computed(()=>({"f-icon":!0,"f-icon-maximize":!i.value,"f-icon-minimize":i.value}));return s.createVNode("div",{class:"f-max-accordion"},[l.value?s.createVNode("span",{class:w.value,onClick:f},null):"",u.value?s.createVNode("button",{class:v.value,onClick:m},[s.createVNode("span",null,[t.value?n.collapseLabel:n.expandLabel])]):""])}function S(){return e.slots.header?s.createVNode("div",{class:p.value},[e.slots.header()]):""}function b(){return s.createVNode("div",{class:"f-title",onClick:m},[s.createVNode("h4",{class:"f-title-text"},[n.mainTitle]),c.value&&s.createVNode("span",null,[n.subTitle])])}function T(){const v=s.computed(()=>{const w={"f-content":!0};return n.headerContentClass&&n.headerContentClass.split(" ").reduce((C,A)=>(C[A]=!0,C),w),w});return e.slots.headerContent?s.createVNode("div",{class:v.value},[e.slots.headerContent()]):""}function M(){return s.createVNode("div",{class:p.value},[e.slots.headerTitle?e.slots.headerTitle():b(),T(),o.value==="inHead"&&d(),(l.value||u.value)&&h()])}return()=>n.showHeader&&(e.slots.header?S():M())}const ne=["moz","ms","webkit"];function oe(){let n=0;return e=>{const t=new Date().getTime(),a=Math.max(0,16-(t-n)),r=setTimeout(()=>{e(t+a)},a);return n=t+a,r}}function ae(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const n=ne.filter(e=>`${e}RequestAnimationFrame`in window)[0];return n?window[`${n}RequestAnimationFrame`]:oe()}ae();function L(n,e){return((e==null?void 0:e.split(" "))||[]).reduce((a,r)=>(r&&(a[r]=!0),a),n),n}const P=s.defineComponent({name:"FSection",props:N,emits:[],setup(n,e){const t=s.ref();let a=s.ref();const r=s.ref(n.customClass),i=s.computed(()=>n.enableAccordion),o=s.ref(n.expandStatus),d=s.computed(()=>n.buttonPosition),f=s.ref(!1),c=z(n,e,o,t,a,f),l=E(n,e),u=s.computed(()=>{const b={"f-section":!0,"f-section-accordion":i.value==="default","f-state-collapse":(i.value==="default"||i.value==="custom")&&!o.value,"f-section-custom-accordion":i.value==="custom","f-section-fill":n.fill,"f-section-maximize":f.value};return L(b,r.value)}),p=s.computed(()=>L({"f-section-content":!0},n.contentClass)),m=s.computed(()=>L({"f-section-extend":!0},m.value));function h(){return e.slots.extend&&s.createVNode("div",{class:m.value},[e.slots.extend()])}function S(){return s.createVNode("div",{class:p.value},[d.value==="inContent"&&l(),e.slots.default&&e.slots.default()])}return s.watch(()=>n.expandStatus,(b,T)=>{b!==T&&(o.value=b)}),s.onMounted(()=>{t&&t.value&&(a.value=t.value.parentElement)}),()=>s.createVNode("div",{class:u.value,ref:t},[c(),h(),S()])}});function re(){function n(e,t){var o;if(!e)return!1;const a=((o=e.targetContainer)==null?void 0:o.componentInstance)&&e.targetContainer.componentInstance.value;if(!a)return!1;const r=a.schema.type,i=t==null?void 0:t.formSchemaUtils.getComponentById(a.belongedComponentId);return!((e.controlCategory==="input"||e.controlType==="form-group")&&![D["response-layout-item"].type,D["response-form"].type].includes(r)||(e.controlType===D.tabs.type||e.controlType===D.section.type)&&((i==null?void 0:i.componentType)!=="frame"||![D["content-container"].type,D["splitter-pane"].type,D["response-layout-item"].type].includes(r)))}return{basalDragulaRuleForContainer:n}}const ie={title:"section",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"组件类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"section",value:"分组面板"}]}},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}}},setPropertyRelates(n,e){if(n)switch(n&&n.propertyID){case"mainTitle":{n.needRefreshControlTree=!0;break}}}},appearance:{title:"样式",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},showHeader:{title:"显示标题区域",type:"boolean",description:""},fill:{title:"填充内容区域",type:"boolean",description:"To fill the space of parent container in flex layout."},enableAccordion:{title:"允许收折",type:"boolean",description:"",visible:{showHeader:!0}}}},extends:{title:"扩展",description:"",properties:{contentClass:{title:"内容区域样式",type:"string",description:""}}}}};class se{getTemplateRule(e,t){const a=t==null?void 0:t.formSchemaUtils,r=a==null?void 0:a.getFormTemplateRule(),i={canAccept:!0,canDelete:!0,canMove:!0};if(!r)return i;const o=this.getComponentContext(e);return o.componentClassList.forEach(f=>{if(!f||!r[f])return;const{canMove:c,canDelete:l,canAccept:u}=r[f];i.canMove=i.canMove&&this.resolveRuleValue(c,o),i.canDelete=i.canDelete&&this.resolveRuleValue(l,o),i.canAccept=i.canAccept&&this.resolveRuleValue(u,o)}),i}resolveRuleValue(e,t){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,t)}parseRuleValueSchema(e,t){const a=e.invalidContext||[];let r=!0;for(const i of a){if(i.firstLevelChild){if(i.firstLevelChild.class){const o=t.firstLevelChildClassList;if(o&&!o.includes(i.firstLevelChild.class)){r=!1;continue}}if(i.firstLevelChild.type){const o=t.firstLevelChildSchema;if(o&&o.type!==i.firstLevelChild.type){r=!1;continue}}}if(i.secondLevelChild){if(i.secondLevelChild.class){const o=t.secondLevelChildClassList;if(o&&!o.includes(i.secondLevelChild.class)){r=!1;continue}}if(i.secondLevelChild.type){const o=t.secondLevelChildSchema;if(o&&o.type!==i.secondLevelChild.type){r=!1;continue}}}if(i.parent){if(i.parent.class){const o=t.parentClassList;if(o&&!o.includes(i.parent.class)){r=!1;continue}}if(i.parent.type){const o=t.parentSchema;if(o&&o.type!==i.parent.type){r=!1;continue}}}r=!0;break}return!r}getComponentContext(e){var S,b,T,M;const t=e.schema,a=t.appearance&&t.appearance.class||"",r=a.split(" ")||[],i=t.contents||[],o=i.length?i[0]:null,d=o&&o.appearance?o.appearance.class:"",f=d?d.split(" "):[],c=(S=o==null?void 0:o.contents)!=null&&S.length?o==null?void 0:o.contents[0]:null,l=c&&c.appearance?c.appearance.class:"",u=l?l.split(" "):[],p=t.type==="component"?(T=(b=e.parent)==null?void 0:b.parent)==null?void 0:T.schema:(M=e.parent)==null?void 0:M.schema,m=p&&p.appearance&&p.appearance.class||"",h=m?m.split(" "):[];return{componentClass:a,componentClassList:r,childContents:i,firstLevelChildSchema:o,firstLevelChildClass:d,firstLevelChildClassList:f,secondLevelChildSchema:c,secondLevelChildClass:l,secondLevelChildClassList:u,parentSchema:p,parentClass:m,parentClassList:h}}}function ce(n,e){const t=new se,{canMove:a,canAccept:r,canDelete:i}=t.getTemplateRule(n,e);function o(u){return ie}function d(u){return re().basalDragulaRuleForContainer(u,e)?r:!1}function f(){return i}function c(){return a}function l(){return!a&&!i}return{canAccepts:d,checkCanDeleteComponent:f,checkCanMoveComponent:c,hideNestedPaddingInDesginerView:l,getPropsConfig:o}}function le(n,e,t){var w;function a(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}a();const r=t&&t.getStyles&&t.getStyles()||"",i=t&&t.getDesignerClass&&t.getDesignerClass()||"",o=s.ref();function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function f(){return!1}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function l(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function u(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const C=s.ref(y==null?void 0:y.value.parent),A=u(C);return A||null}function p(y=e){const{componentInstance:C,designerItemElementRef:A}=y;return!C||!C.value?null:C.value.canMove?A:p(y.parent)}function m(y){return!!t&&t.canAccepts(y)}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function b(y,C){C&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(C)}function T(y,C){const{componentType:A}=y;let k=q(A,y,C);t&&t.onResolveNewComponentSchema&&(k=t.onResolveNewComponentSchema(y,k));const de=A.toLowerCase().replace("-","_");return k&&!k.id&&k.type===A&&(k.id=`${de}_${Math.random().toString().slice(2,6)}`),k}function M(y){}function v(...y){if(t&&t.getPropsConfig)return t.getPropsConfig(...y)}return o.value={canMove:d(),canSelectParent:f(),canDelete:c(),canNested:!l(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(w=e==null?void 0:e.parent)==null?void 0:w.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:i,canAccepts:m,getBelongedComponentInstance:u,getDraggableDesignItemElement:p,getDraggingDisplayText:h,getPropConfig:v,getDragScopeElement:S,onAcceptMovedChildElement:b,onChildElementMovedOut:M,addNewChildComponentSchema:T,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||s.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||s.ref(!1)},o}const ue=s.defineComponent({name:"FSectionDesign",props:N,emits:[],setup(n,e){const t=s.ref(),a=s.ref();let r=s.ref();const i=s.inject("designer-host-service"),o=s.inject("design-item-context"),d=ce(o,i),f=le(t,o,d);f.value.styles="display: inherit;",s.onMounted(()=>{t.value.componentInstance=f}),e.expose(f.value);const c=s.ref(n.customClass),l=s.computed(()=>n.enableAccordion),u=s.ref(n.expandStatus),p=s.computed(()=>n.buttonPosition),m=s.ref(!1),h=z(n,e,u,a,r,m),S=E(n,e),b=s.computed(()=>{const y={"f-section":!0,"f-section-accordion":l.value==="default","f-state-collapse":(l.value==="default"||l.value==="custom")&&!u.value,"f-section-custom-accordion":l.value==="custom","f-section-fill":n.fill,"f-section-maximize":m.value,"f-utils-fill":!0,"p-0":!0};return L(y,c.value)}),T=s.computed(()=>L({"f-section-content":!0,"drag-container":!0},n.contentClass)),M=s.computed(()=>L({"f-section-extend":!0},M.value));function v(){return e.slots.extend&&s.createVNode("div",{class:M.value},[e.slots.extend()])}function w(){return s.createVNode("div",{class:T.value,ref:t,"data-dragref":`${o.schema.id}-container`},[p.value==="inContent"&&S(),e.slots.default&&e.slots.default()])}return()=>s.createVNode("div",{class:b.value,ref:a},[h(),v(),w()])}});P.register=(n,e,t,a)=>{n.section=P,e.section=B},P.registerDesigner=(n,e,t)=>{n.section=ue,e.section=B};const pe=$.withInstall(P);g.Section=P,g.default=pe,g.propsResolver=B,g.sectionProps=N,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function($,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../response-toolbar/index.umd.js"),require("bignumber.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../response-toolbar/index.umd.js","bignumber.js","../designer-canvas/index.umd.js","../common/index.umd.js"],t):($=typeof globalThis<"u"?globalThis:$||self,t($.section={},$.Vue,$.LodashES,$.FResponseToolbar,$.BigNumber,$.designerCanvas,$.common))})(this,function($,t,_,ye,ht,oe,Z){"use strict";var ft=Object.defineProperty;var mt=($,t,_)=>t in $?ft($,t,{enumerable:!0,configurable:!0,writable:!0,value:_}):$[t]=_;var N=($,t,_)=>mt($,typeof t!="symbol"?t+"":t,_);const re={},se={};function K(o){const{properties:e,title:n,ignore:s}=o,i=s&&Array.isArray(s),c=Object.keys(e).reduce((a,g)=>((!i||!s.find(m=>m===g))&&(a[g]=e[g].type==="object"&&e[g].properties?K(e[g]):_.cloneDeep(e[g].default)),a),{});if(n&&(!i||!s.find(a=>a==="id"))){const a=n.toLowerCase().replace(/-/g,"_");c.id=`${a}_${Math.random().toString().slice(2,6)}`}return c}function H(o,e={},n){const s=re[o];if(s){let i=K(s);const c=se[o];return i=c?c({getSchemaByType:H},i,e,n):i,i}return null}function be(o,e){const n=K(e);return Object.keys(n).reduce((s,i)=>(s[i]&&_.isPlainObject(s[i])&&_.isPlainObject(o[i]||!o[i])?Object.assign(s[i],o[i]||{}):s[i]=o[i],s),n),n}function Ce(o,e){return Object.keys(o).filter(s=>o[s]!=null).reduce((s,i)=>{if(e.has(i)){const c=e.get(i);if(typeof c=="string")s[c]=o[i];else{const a=c(i,o[i],o);Object.assign(s,a)}}else s[i]=o[i];return s},{})}function ve(o,e,n=new Map){const s=be(o,e);return Ce(s,n)}function Te(o={}){function e(u,h,f,b){if(typeof f=="number")return b[u].length===f;if(typeof f=="object"){const y=Object.keys(f)[0],S=f[y];if(y==="not")return Number(b[u].length)!==Number(S);if(y==="moreThan")return Number(b[u].length)>=Number(S);if(y==="lessThan")return Number(b[u].length)<=Number(S)}return!1}function n(u,h,f,b){return b[u]&&b[u].propertyValue&&String(b[u].propertyValue.value)===String(f)}const s=new Map([["length",e],["getProperty",n]]);Object.keys(o).reduce((u,h)=>(u.set(h,o[h]),u),s);function i(u,h){const f=u;return typeof h=="number"?[{target:f,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:f,operator:"getProperty",param:u,value:!!h}]:typeof h=="object"?Object.keys(h).map(b=>{if(b==="length")return{target:f,operator:"length",param:null,value:h[b]};const y=b,S=h[b];return{target:f,operator:"getProperty",param:y,value:S}}):[]}function c(u){return Object.keys(u).reduce((f,b)=>{const y=i(b,u[b]);return f.push(...y),f},[])}function a(u,h){if(s.has(u.operator)){const f=s.get(u.operator);return f&&f(u.target,u.param,u.value,h)||!1}return!1}function g(u,h){return c(u).reduce((y,S)=>y&&a(S,h),!0)}function m(u,h){const f=Object.keys(u),b=f.includes("allOf"),y=f.includes("anyOf"),S=b||y,x=(S?u[S?b?"allOf":"anyOf":"allOf"]:[u]).map(V=>g(V,h));return b?!x.includes(!1):x.includes(!0)}return{parseValueSchema:m}}const O={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"}},we={},Se={};Te();function J(o,e,n=new Map,s=(a,g,m,u)=>g,i={},c=a=>a){return re[e.title]=e,se[e.title]=s,we[e.title]=i,Se[e.title]=c,(a={})=>{const g=ve(a,e,n),m=Object.keys(o).reduce((u,h)=>(u[h]=o[h].default,u),{});return Object.assign(m,g)}}function ie(o,e){return{customClass:e.class,customStyle:e.style}}function Me(o,e,n){return e?{enableAccordion:n.accordionMode}:{enableAccordion:""}}function Pe(o,e){return{buttons:e.buttons,buttonPosition:e.position}}const De=new Map([["appearance",ie],["expanded","expandStatus"],["enableAccordion",Me],["toolbar",Pe]]);function Ne(o,e,n){const s=Math.random().toString().slice(2,6),i=n.parentComponentInstance;Object.assign(e,{id:`section-${s}`,appearance:{class:"f-section-in-mainsubcard"},enableAccordion:!1,mainTitle:n.mainTitle||e.mainTitle||"标题"});const c=o.getSchemaByType("content-container");Object.assign(c,{id:`container-${s}`,appearance:{class:"f-struct-wrapper"},contents:[e]});const a=i.schema;switch(a&&a.type){case O["splitter-pane"].type:{e.appearance.class="f-section-in-main";break}}const g=i.elementRef,m=window.getComputedStyle(g);return m&&m.display==="flex"&&(c.appearance.class+=" d-block"),c}function Ve(o,e,n){return n.parentComponentInstance?Ne(o,e,n):e}const Ae={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section.schema.json",title:"section",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"section"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contentClass:{description:"",type:"string",default:""},contents:{description:"",type:"array",default:[]},enableAccordion:{description:"",type:"boolean",default:!1},accordionMode:{description:"",type:"string",default:"default"},enableMaximize:{description:"",type:"boolean",default:!1},expanded:{description:"",type:"boolean",default:!0},fill:{description:"",type:"boolean",default:!1},headerClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},showHeader:{description:"",type:"string",default:!0},mainTitle:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},headerContentClass:{description:"",type:"string",default:""},extendClass:{description:"",type:"string",default:""},visible:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"section-toolbar"},position:{type:"string",default:"inHead"},buttons:{type:"array",default:[]}},default:null}},required:["id","type","contents"]},X={contentClass:{type:String,default:""},customClass:{type:String,default:""},customStyle:{type:String,default:""},enableAccordion:{type:String,default:""},expandStatus:{type:Boolean,default:!0},mainTitle:{type:String,default:""},showHeader:{type:Boolean,default:!0},subTitle:{type:String,default:""},expandLabel:{type:String,default:"展开"},collapseLabel:{type:String,default:"收起"},headerClass:{type:String,default:""},enableMaximize:{type:Boolean,default:!1},headerContentClass:{type:String,default:""},extendClass:{type:String,default:""},buttons:{type:Array,default:[]},buttonPosition:{type:String,default:"inHead"},fill:{type:Boolean,default:!1}},ee=J(X,Ae,De,Ve);function ae(o,e,n){let s;function i(m=1){const u=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],h=Array.from(document.body.querySelectorAll(u.join(","))).filter(b=>b).map(b=>{const{display:y,zIndex:S}=window.getComputedStyle(b);return y==="none"?0:parseInt(S,10)}).filter(b=>b);let f=Math.max(...h);return f<1040&&(f=1040),f+m}function c(){s=o.value.nextElementSibling;const m=document&&document.querySelector("body");m&&(m.appendChild(o.value),o.value.style.zIndex=i())}function a(){s?e.value.insertBefore(o.value,s):e.value.appendChild(o.value),o.value.style.zIndex=null}function g(){!o||!e.value||(n.value=!n.value,n.value?c():a())}return{onClickMaxMinIcon:g}}function ce(o,e){const n=t.ref(o.buttons),s=t.computed(()=>o.buttonPosition==="inHead"?"right":"left"),i=t.computed(()=>"f-section-toolbar"+(o.buttonPosition==="inHead"?" f-section-header--toolbar":" f-section-content--toolbar")),c=t.computed(()=>o.buttons&&o.buttons.length>0&&o.buttonPosition==="inHead");function a(g){e.emit("Click",g)}return()=>c.value&&t.createVNode(ye,{customClass:i.value,items:n.value,onClick:a,alignment:s.value},null)}function ke(o,e,n,s,i,c){t.ref(o.subTitle);const a=t.computed(()=>o.buttonPosition),g=ce(o,e),{onClickMaxMinIcon:m}=ae(s,i,c),u=t.computed(()=>!!o.subTitle),h=t.computed(()=>o.enableMaximize),f=t.computed(()=>o.enableAccordion!==""),b=t.computed(()=>{const V={"f-section-header":!0};return e.slots.header&&o.headerClass.split(" ").reduce((C,w)=>(C[w]=!0,C),V),V});function y(V){V.stopPropagation(),o.enableAccordion!==""&&(n.value=!n.value)}function S(){const V=t.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":n.value})),A=t.computed(()=>({"f-icon":!0,"f-icon-maximize":!c.value,"f-icon-minimize":c.value}));return t.createVNode("div",{class:"f-max-accordion"},[h.value?t.createVNode("span",{class:A.value,onClick:m},null):"",f.value?t.createVNode("button",{class:V.value,onClick:y},[t.createVNode("span",null,[n.value?o.collapseLabel:o.expandLabel])]):""])}function D(){return e.slots.header?t.createVNode("div",{class:b.value},[e.slots.header()]):""}function k(){return t.createVNode("div",{class:"f-title",onClick:y},[t.createVNode("h4",{class:"f-title-text"},[o.mainTitle]),u.value&&t.createVNode("span",null,[o.subTitle])])}function x(){const V=t.computed(()=>{const A={"f-content":!0};return o.headerContentClass&&o.headerContentClass.split(" ").reduce((w,M)=>(w[M]=!0,w),A),A});return e.slots.headerContent?t.createVNode("div",{class:V.value},[e.slots.headerContent()]):""}function I(){return t.createVNode("div",{class:b.value},[e.slots.headerTitle?e.slots.headerTitle():k(),x(),a.value==="inHead"&&g(),(h.value||f.value)&&S()])}return()=>o.showHeader&&(e.slots.header?D():I())}const xe=["moz","ms","webkit"];function Ee(){let o=0;return e=>{const n=new Date().getTime(),s=Math.max(0,16-(n-o)),i=setTimeout(()=>{e(n+s)},s);return o=n+s,i}}function Be(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const o=xe.filter(e=>`${e}RequestAnimationFrame`in window)[0];return o?window[`${o}RequestAnimationFrame`]:Ee()}Be();function q(o,e){return((e==null?void 0:e.split(" "))||[]).reduce((s,i)=>(i&&(s[i]=!0),s),o),o}const W=t.defineComponent({name:"FSection",props:X,emits:[],setup(o,e){const n=t.ref(),s=t.ref(),i=t.ref(o.customClass),c=t.computed(()=>o.enableAccordion),a=t.ref(o.expandStatus),g=t.computed(()=>o.buttonPosition),m=t.ref(!1),u=ke(o,e,a,n,s,m),h=ce(o,e),f=t.computed(()=>{const k={"f-section":!0,"f-section-accordion":c.value==="default","f-state-collapse":(c.value==="default"||c.value==="custom")&&!a.value,"f-section-custom-accordion":c.value==="custom","f-section-fill":o.fill,"f-section-maximize":m.value};return q(k,i.value)}),b=t.computed(()=>q({"f-section-content":!0},o.contentClass)),y=t.computed(()=>q({"f-section-extend":!0},y.value));function S(){return e.slots.extend&&t.createVNode("div",{class:y.value},[e.slots.extend()])}function D(){return t.createVNode("div",{class:b.value},[g.value==="inContent"&&h(),e.slots.default&&e.slots.default()])}return t.watch(()=>o.expandStatus,(k,x)=>{k!==x&&(a.value=k)}),t.onMounted(()=>{n.value&&n.value&&(s.value=n.value.parentElement)}),()=>t.createVNode("div",{class:f.value,ref:n,style:o.customStyle},[u(),S(),D()])}});function Ie(){function o(e,n){var a;if(!e)return!1;const s=((a=e.targetContainer)==null?void 0:a.componentInstance)&&e.targetContainer.componentInstance.value;if(!s)return!1;const i=s.schema.type,c=n==null?void 0:n.formSchemaUtils.getComponentById(s.belongedComponentId);return!((e.componentCategory==="input"||e.componentType==="form-group")&&![O["response-layout-item"].type,O["response-form"].type].includes(i)||(e.componentType===O.tabs.type||e.componentType===O.section.type)&&((c==null?void 0:c.componentType)!=="frame"||![O["content-container"].type,O["splitter-pane"].type,O["response-layout-item"].type].includes(i)))}return{basalDragulaRuleForContainer:o}}const $e={title:"section",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"组件类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"section",value:"分组面板"}]}}}},appearance:{title:"外观",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},showHeader:{title:"显示标题区域",type:"boolean",description:""},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}},fill:{title:"填充内容区域",type:"boolean",description:""},enableAccordion:{title:"允许收折",type:"boolean",description:"",visible:{showHeader:!0}}},setPropertyRelates(o,e){if(o)switch(o&&o.propertyID){case"mainTitle":{o.needRefreshControlTree=!0;break}}}},extends:{title:"扩展",description:"",properties:{contentClass:{title:"内容区域样式",type:"string",description:""}}}}};class Re{getTemplateRule(e,n){const s=n==null?void 0:n.formSchemaUtils,i=s==null?void 0:s.getFormTemplateRule(),c={canAccept:!0,canDelete:!0,canMove:!0};if(!i)return c;const a=this.getComponentContext(e),{componentClassList:g}=a;return g.forEach(m=>{if(!m||!i[m])return;const{canMove:u,canDelete:h,canAccept:f}=i[m];c.canMove=c.canMove&&this.resolveRuleValue(u,a),c.canDelete=c.canDelete&&this.resolveRuleValue(h,a),c.canAccept=c.canAccept&&this.resolveRuleValue(f,a)}),c}resolveRuleValue(e,n){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,n)}parseRuleValueSchema(e,n){const s=e.invalidContext||[];let i=!0;for(const c of s){if(c.firstLevelChild){if(c.firstLevelChild.class){const{firstLevelChildClassList:a}=n;if(a&&!a.includes(c.firstLevelChild.class)){i=!1;continue}}if(c.firstLevelChild.type){const{firstLevelChildSchema:a}=n;if(!a||a.type!==c.firstLevelChild.type){i=!1;continue}}}if(c.secondLevelChild){if(c.secondLevelChild.class){const{secondLevelChildClassList:a}=n;if(a&&!a.includes(c.secondLevelChild.class)){i=!1;continue}}if(c.secondLevelChild.type){const{secondLevelChildSchema:a}=n;if(!a||a.type!==c.secondLevelChild.type){i=!1;continue}}}if(c.parent){if(c.parent.class){const{parentClassList:a}=n;if(a&&!a.includes(c.parent.class)){i=!1;continue}}if(c.parent.type){const{parentSchema:a}=n;if(a&&a.type!==c.parent.type){i=!1;continue}}}i=!0;break}return!i}getComponentContext(e){var D,k,x,I;const n=e.schema,s=n.appearance&&n.appearance.class||"",i=s.split(" ")||[],c=n.contents||[],a=c.length?c[0]:null,g=a&&a.appearance?a.appearance.class:"",m=g?g.split(" "):[],u=(D=a==null?void 0:a.contents)!=null&&D.length?a==null?void 0:a.contents[0]:null,h=u&&u.appearance?u.appearance.class:"",f=h?h.split(" "):[],b=n.type==="component"?(x=(k=e.parent)==null?void 0:k.parent)==null?void 0:x.schema:(I=e.parent)==null?void 0:I.schema,y=b&&b.appearance&&b.appearance.class||"",S=y?y.split(" "):[];return{componentClass:s,componentClassList:i,childContents:c,firstLevelChildSchema:a,firstLevelChildClass:g,firstLevelChildClassList:m,secondLevelChildSchema:u,secondLevelChildClass:h,secondLevelChildClassList:f,parentSchema:b,parentClass:y,parentClassList:S}}}function je(o,e){const n=new Re;function s(m){return $e}function i(m){if(!Ie().basalDragulaRuleForContainer(m,e))return!1;const{canAccept:h}=n.getTemplateRule(o,e);return h}function c(){const{canDelete:m}=n.getTemplateRule(o,e);return m}function a(){const{canMove:m}=n.getTemplateRule(o,e);return m}function g(){const{canMove:m,canDelete:u}=n.getTemplateRule(o,e);return!m&&!u}return{canAccepts:i,checkCanDeleteComponent:c,checkCanMoveComponent:a,hideNestedPaddingInDesginerView:g,getPropsConfig:s}}function Le(o,e,n){var A;const s=n&&n.getStyles&&n.getStyles()||"",i=n&&n.getDesignerClass&&n.getDesignerClass()||"",c=t.ref();function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function g(){return!1}function m(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function u(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function h(C){if(!C||!C.value)return null;if(C.value.schema&&C.value.schema.type==="component")return C.value;const w=t.ref(C==null?void 0:C.value.parent),M=h(w);return M||null}function f(C=e){const{componentInstance:w,designerItemElementRef:M}=C;return!w||!w.value?null:w.value.canMove?M:f(C.parent)}function b(C){return!!n&&n.canAccepts(C)}function y(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function D(C,w){w&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(w)}function k(C,w){const{componentType:M}=C;let E=H(M,C,w);n&&n.onResolveNewComponentSchema&&(E=n.onResolveNewComponentSchema(C,E));const L=M.toLowerCase().replace(/-/g,"_");return E&&!E.id&&E.type===M&&(E.id=`${L}_${Math.random().toString().slice(2,6)}`),E}function x(C){}function I(...C){if(n&&n.getPropsConfig)return n.getPropsConfig(...C)}function V(){n&&n.onRemoveComponent&&n.onRemoveComponent(),e!=null&&e.schema.contents&&e.schema.contents.map(C=>{var E;let w=C.id;C.type==="component-ref"&&(w=C.component);const M=o.value.querySelector(`#${w}-design-item`);(E=M==null?void 0:M.componentInstance)!=null&&E.value.onRemoveComponent&&M.componentInstance.value.onRemoveComponent()})}return c.value={canMove:a(),canSelectParent:g(),canDelete:m(),canNested:!u(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:(A=e==null?void 0:e.parent)==null?void 0:A.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:i,canAccepts:b,getBelongedComponentInstance:h,getDraggableDesignItemElement:f,getDraggingDisplayText:y,getPropConfig:I,getDragScopeElement:S,onAcceptMovedChildElement:D,onChildElementMovedOut:x,addNewChildComponentSchema:k,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1),onRemoveComponent:V},c}const Fe=new Map([["buttons","items"],["appearance",ie]]);function Oe(o,e){return{class:e.class,style:e.style}}const _e=new Map([["appearance",Oe]]);function le(o,e,n){return e}const qe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar.schema.json",title:"response-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}},required:["id","type","buttons"]},ze={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar-item.schema.json",title:"response-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:"btn-secondary"}}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},de={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}},Ue=Object.assign({},de,{componentId:{type:String,default:""}});J(de,qe,Fe,le);const ue={id:{type:String,default:""},items:{type:Object,default:{}},class:{type:String,default:""},text:{type:String,default:""},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},componentId:{type:String,default:""},alignment:{Type:String,default:"right"}};J(ue,ze,_e,le);class pe{constructor(e){N(this,"id","");N(this,"class","btn-secondary");N(this,"icon","");N(this,"groupId","");N(this,"order",-1);N(this,"asDropDownTop",!1);N(this,"text","");N(this,"visible",!0);N(this,"responsed",!1);N(this,"tipsEnable",!1);N(this,"tipsText","");N(this,"width",0);N(this,"onClick",()=>{});N(this,"options");this.options=e;const n=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(e).filter(s=>n.indexOf(s)>-1).forEach(s=>{this[s]=e[s]})}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:t.computed(()=>!0)}setWidth(e){this.width=parseInt(e,10)}getWidth(){return this.visible?this.width:!1}}class He extends pe{constructor(e){super(e)}}function We(){function o(e){const n=[];return e.reduce((s,i)=>(i.children&&i.children.length>0?s.push(new Y(i)):s.push(new He(i)),s),n),n}return{buildResponseToolbarItems:o}}const{buildResponseToolbarItems:Ge}=We();class Y extends pe{constructor(n){super(n);N(this,"placement","");N(this,"dropdownClass","");N(this,"menuClass","");N(this,"split",!1);N(this,"children",[]);N(this,"expanded",!1);const s=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(n).filter(i=>s.indexOf(i)>-1).forEach(i=>{this[i]=n[i]}),n.children&&n.children.length&&(this.children=Ge(n.children))}}function Qe(){function o(n){const s={"f-icon":!0};if(n.icon){const i=n.icon.trim().split(" ");i&&i.length&&i.reduce((c,a)=>(c[a]=!0,c),s)}return s}function e(n){return!!(n.icon&&n.icon.trim())}return{iconClass:o,shouldShowIcon:e}}function Ze(o,e){const n=t.inject("design-item-context"),s=t.inject("toolbar-item-handler",()=>{});function i(){s&&s()}function c(d){const r={"dropdown-menu":!0};if(d.class){const l=d.menuClass.split(" ");l&&l.length&&l.reduce((p,T)=>(p[T]=!0,p),r)}return r}function a(d){const r={disabled:!d.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},l=d.dropdownClass.split(" ");return l&&l.length&&l.reduce((p,T)=>(p[T]=!0,p),r),r}function g(d){const r={disabled:!d.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},l=d.class.split(" ");return l&&l.length&&l.reduce((p,T)=>(p[T]=!0,p),r),r}let m;const u=new Map;function h(d,r,l){var T;((T=d.target)==null?void 0:T.id)===r.id&&d.stopPropagation();const p=l?l.id:"__top_item__";if(r.children&&r.children.length&&(r.expanded=!r.expanded,r.expanded?u.set(p,r):u.delete(p)),u.has(p)&&u.get(p)!==r){const P=u.get(p);P&&(P.expanded=!1)}}function f(d){d&&(d.stopPropagation(),d.preventDefault())}function b(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(r=>r.classList.remove("dgComponentFocused"));const d=document.getElementsByClassName("dgComponentSelected");Array.from(d).forEach(r=>r.classList.remove("dgComponentSelected"))}function y(d){d.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function S(d){const{buttons:r=[]}=n.schema;let l=[];r.forEach(P=>{l=l.concat(P.children||[])});const p=l.findIndex(P=>P.id===d),T=p===-1?null:l[p];return{index:p,item:T}}function D(d){const{buttons:r=[]}=n.schema,l=r.findIndex(T=>T.id===d),p=l===-1?null:r[l];return{index:l,item:p}}function k(d){var p;n.schema;const{index:r,item:l}=S(d);(p=n==null?void 0:n.setupContext)==null||p.emit("selectionChange",l==null?void 0:l.type,l)}const x=function(d){const{componentType:r}=d,l=H(r,d),p=r.toLowerCase().replace("-","_");return l&&!l.id&&l.type===r&&(l.id=`${p}_${Math.random().toString().slice(2,6)}`),l},I=function(){const d={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return x(d)};function V(d,r){f(d),b(),y(d),k(r.id)}function A(d,r,l){f(d);const p=r.id,T=l&&l.id,{buttons:P=[]}=n.schema;if(!T)return;const{index:B}=D(T);if(B===-1)return;const{index:F}=S(p);F!==-1&&(P[B].children.splice(F,1),i())}function C(d,r,l){f(d);const p=l&&l.id,{buttons:T=[]}=n.schema;if(!p)return;const{index:P}=D(p);if(P===-1)return;const B=I(),F=Object.assign({},B,{text:r.text});T[P].children.push(F),i()}function w(d,r,l){f(d);const p=l&&l.id,{buttons:T=[]}=n.schema;if(!p)return;const{index:P}=D(p);if(P===-1)return;const B=I(),F=Object.assign({},B,{text:"按钮"});T[P].children.push(F),i()}function M(d,r){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:l=>A(l,d,r)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:l=>C(l,d,r)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增同级",ref:"appendSame",style:"width:85px!important;padding:0 5px;position:static;",onClick:l=>w(l,d,r)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增同级")])])])])}function E(d){return d.children.map(r=>r.children&&r.children.length?t.createVNode("li",{class:a(r),id:r.id,onClick:l=>r.enable&&h(l,r,d)},[t.createVNode("span",{id:r.id,class:g(r),onMouseover:l=>r.enable&&h(l,r,d)},[r.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),m(r,r)]):t.createVNode("li",{class:g(r),id:r.id,onClick:l=>V(l,r)},[M(r,d),o.shouldShowIcon(r)&&t.createVNode("i",{class:o.iconClass(r)},null),r.text]))}function L(d,r,l){const p={display:d.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},T=document.getElementsByTagName("body")[0].getClientRects()[0].width,P=r,B=P==null?void 0:P.getClientRects();if(P&&B&&B.length){const{top:F,width:G,left:z,right:R,height:j}=B[0],U=Math.ceil(j+F);p.top=`${U}px`,p.left=`${z}px`;const Q=d.id+"_menu",ne=r?r.querySelector("#"+Q):null;if(ne){p.display==="block"&&(ne.style.display="block");const ge=ne.getBoundingClientRect();if(l){p.top=`${F-6}px`;const pt=Math.ceil(G+z);p.left=`${pt}px`}T-z-G<ge.width&&(p.left=`${(l?z:R)-ge.width}px`)}}return p}m=function(d,r){var P,B;const l=t.getCurrentInstance(),p=r?r.id:d.id,T=(B=(P=l==null?void 0:l.exposed)==null?void 0:P.elementRef.value)==null?void 0:B.querySelector("#"+p);return t.createVNode("ul",{class:c(d),style:L(d,T,r),id:d.id+"_menu"},[E(d)])};function v(){u.forEach(d=>{d.expanded=!1}),u.clear()}return{renderDropdownMenu:m,clearAllDropDownMenu:v}}function Je(o,e,n){const s=t.ref(o.alignment),{renderDropdownMenu:i,clearAllDropDownMenu:c}=Ze(e,n),a=t.inject("design-item-context"),g=t.inject("toolbar-item-handler",()=>{});function m(){g&&g()}function u(v){const d={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":s.value==="right","f-btn-mr":s.value==="left"},r=v.dropdownClass.split(" ");return r&&r.length&&r.reduce((l,p)=>(l[p]=!0,l),d),d}function h(v){const d={btn:!0,disabled:!v.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(v.icon&&v.icon.trim())};if(v.class){const r=v.class.split(" ");r&&r.length&&r.reduce((l,p)=>(l[p]=!0,l),d)}return d}function f(v){v&&(v.stopPropagation(),v.preventDefault())}function b(v,d){f(v);const r=d.expanded;document.body.click(),d.expanded=!r}const y=function(v){const{componentType:d}=v,r=H(d,v),l=d.toLowerCase().replace("-","_");return r&&!r.id&&r.type===d&&(r.id=`${l}_${Math.random().toString().slice(2,6)}`),r},S=function(){const v={componentType:"response-toolbar-item",parentComponentInstance:n.value,targetPosition:-1};return y(v)};function D(v){const d=a.schema.buttons||a.schema.contents,r=d==null?void 0:d.findIndex(p=>p.id===v),l=r===-1?null:d[r];return{index:r,toolbarItem:l}}function k(v,d){var B;const{index:r,toolbarItem:l}=D(d);if(r===-1)return;const p=l.text||"按钮",T=S(),P=Object.assign({},T,{text:p});(B=a.schema.buttons)==null||B.push(P),m()}function x(v,d){const{index:r,toolbarItem:l}=D(d);if(r===-1)return;const p=l.text||"按钮",T=S(),P=Object.assign({},T,{text:p}),B=a.schema.buttons[r].children||[];B.push(P),a.schema.buttons[r].children=B,m()}function I(v,d){const r=a.schema.buttons||a.schema.contents,l=r==null?void 0:r.findIndex(p=>p.id===d);l!==-1&&(r.splice(l,1),m())}function V(v){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:d=>I(d,v)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:d=>k(d,v)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:d=>x(d,v)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增子级")])])])])}function A(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(d=>d.classList.remove("dgComponentFocused"));const v=document.getElementsByClassName("dgComponentSelected");Array.from(v).forEach(d=>d.classList.remove("dgComponentSelected"))}function C(v){v.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function w(v){var p;const d=a.schema.buttons||a.schema.contents,r=d==null?void 0:d.findIndex(T=>T.id===v);if(r===-1)return;const l=d[r];(p=a==null?void 0:a.setupContext)==null||p.emit("selectionChange","response-toolbar-item",l)}function M(v,d){f(v),A(),C(v),f(v),b(v,d),w(d.id)}function E(v){return t.createVNode("div",{id:v.id,class:u(v)},[t.createVNode("div",{class:h(v),style:"display: flex;padding-right: 0.1rem;",onClick:d=>v.enable&&M(d,v)},[V(v.id),e.shouldShowIcon(v)&&t.createVNode("i",{class:e.iconClass(v)},null),t.createVNode("span",null,[v.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),i(v)])}function L(){c()}return{renderToolbarDropdown:E,clearAllDropDown:L}}class te{constructor(e,n){N(this,"componentId");N(this,"viewModelId");N(this,"eventsEditorUtils");N(this,"formSchemaUtils");N(this,"formMetadataConverter");N(this,"designViewModelUtils");N(this,"designViewModelField");N(this,"controlCreatorUtils");N(this,"designerHostService");N(this,"schemaService",null);N(this,"metadataService",null);N(this,"propertyConfig",{type:"object",categories:{}});var s;this.componentId=e,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((s=this.formSchemaUtils)==null?void 0:s.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var s;const n=e.binding&&e.binding.type==="Form"&&e.binding.field;if(n){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(c=>c.id===n)}e.updateOn=(s=this.designViewModelField)==null?void 0:s.updateOn}}changeFieldEditorType(e,n){}getBasicPropConfig(e){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",data:[{value:e.type,name:O[e.type].name}]}}}}}getAppearanceConfig(e=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(e,n){const s=n&&n.parent&&n.parent.schema;if(!s)return;const i=s.contents.findIndex(a=>a.id===e),c=_.cloneDeep(s.contents[i]);s.contents.splice(i,1),s.contents.splice(i,0,c)}}class Xe extends te{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearancePropConfig(e),this.getBehaviorProperties(e),this.propertyConfig}getAppearancePropConfig(e){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"}}}}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"response-toolbar",value:O["response-toolbar"].name}]}}}}}getBehaviorProperties(e){this.propertyConfig.categories.behavior={title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"The alignment of Response Toolbar Button.",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"right",name:"右对齐"},{value:"left",name:"左对齐"}]}},items:{title:"按钮",description:"The items of Response Toolbar.",type:"array",default:[],$converter:"/converter/buttons.converter",refreshPanelAfterChanged:!0}}}}}function Ye(o,e){const n=o.schema;function s(h){return!1}function i(h,f){return f.text=h.label,f}function c(){return!1}function a(){return!1}function g(){return!0}function m(){return!0}function u(h){return new Xe(h,e).getPropertyConfig(n)}return{canAccepts:s,checkCanAddComponent:g,checkCanDeleteComponent:a,checkCanMoveComponent:c,hideNestedPaddingInDesginerView:m,onResolveNewComponentSchema:i,getPropsConfig:u}}const Ke={id:{type:String,default:""},componentId:{type:String,default:""},canAdd:{type:Boolean,default:!1},canDelete:{type:Boolean,default:!1},canMove:{type:Boolean,default:!1},contentKey:{type:String,default:"contents"},childLabel:{type:String,default:""},childType:{type:String,default:""},modelValue:{type:Object}},fe=t.ref(0);function et(o,e){const n=e.getBoundingClientRect(),s=o.getBoundingClientRect(),i=s.top>=n.top,c=s.top<=n.bottom;return i&&c}function tt(o){if(!o)return;let e;if(o.className.includes("dgComponentSelected")?e=o:e=o.querySelector(".dgComponentSelected"),!e)return;const n=e.getBoundingClientRect();if(n.width===0&&n.height===0)return;const s=e.querySelector(".component-btn-group");if(s){if(!et(e,o)){s.style.display="none";return}s.style.display="";const c=s.getBoundingClientRect(),a=s.querySelector("div");if(a){const g=a.getBoundingClientRect();a.style.top=c.top+"px",a.style.left=c.left-g.width+"px"}}}function nt(o,e,n){var A;const s="",i=t.ref();function c(){return!0}function a(){return!1}function g(){return!0}function m(){return!0}function u(){return!0}function h(C){if(!C||!C.value)return null;const w=t.ref(C==null?void 0:C.value.parent),M=h(w);return M||null}function f(C=e){const{componentInstance:w,designerItemElementRef:M}=C;return!w||!w.value?null:w.value.canMove||w.value.canAdd||w.value.canDelete?M:f(C.parent)}function b(C){return!!n}function y(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function D(C,w){}function k(C){const{componentType:w}=C,M=t.inject("designer-host-service");let E=H(w,C,M);const L=w.toLowerCase().replace(/-/g,"_");return E&&!E.id&&E.type===w&&(E.id=`${L}_${Math.random().toString().slice(2,6)}`),E}function x(C){}function I(...C){return[]}function V(){}return i.value={canMove:c(),canSelectParent:a(),canAdd:m(),canDelete:g(),canNested:!u(),contents:[],elementRef:o,parent:(A=e.parent)==null?void 0:A.componentInstance,schema:e.schema,styles:s,canAccepts:b,getBelongedComponentInstance:h,getDraggableDesignItemElement:f,getDraggingDisplayText:y,getPropConfig:I,getDragScopeElement:S,onAcceptMovedChildElement:D,onChildElementMovedOut:x,addNewChildComponentSchema:k,onRemoveComponent:V,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},i}const me=t.defineComponent({name:"FDesignerInnerItem",props:Ke,emits:["selectionChange","addComponent","removeComponent"],setup(o,e){const n=t.ref(o.canMove),s=t.ref(o.canAdd),i=t.ref(o.canDelete),c=t.ref(!1),a=t.ref(o.contentKey),g=t.ref(o.childType),m=t.ref(o.childLabel),u=t.ref(o.modelValue),h=t.ref(""),f=t.ref(),b=t.inject("canvas-dragula"),y=t.ref(),S=t.inject("design-item-context"),D={designerItemElementRef:f,componentInstance:y,schema:u.value,parent:S,setupContext:e};t.provide("design-item-context",D);const k=t.computed(()=>({"farris-component":!0,"flex-fill":o.id==="root-component","position-relative":n.value||i.value,"farris-nested":c.value,"can-move":n.value,"d-none":f.value&&f.value.classList.contains("d-none")})),x=t.computed(()=>{const r={};return h.value&&h.value.split(";").reduce((l,p)=>{const[T,P]=p.split(":");return T&&(l[T]=P),l},r),r});function I(r,l){if(S&&S.schema[a.value]){const p=S.schema[a.value].findIndex(T=>T.id===l.id);if(p>-1){const T=S.schema[a.value].length,P=S.schema[a.value][p%T];S.designerItemElementRef.value.querySelector(`#${P.id}-design-item`),S.schema[a.value].splice(p,1),fe.value++,e.emit("removeComponent")}}}function V(r){if(y.value.addNewChildComponentSchema){const l={componentType:g.value,label:m.value,parentComponentInstance:y.value,targetPosition:-1},p=y.value.addNewChildComponentSchema(l);u.value[a.value].push(p),e.emit("addComponent")}}function A(){return s.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:r=>{V()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function C(r){return i.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:t.withModifiers(l=>I(l,r),["stop"])},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function w(){return n.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[t.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function M(r){return t.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[t.createVNode("div",null,[A(),w(),C(r)])])}t.watch(()=>o.modelValue,r=>{u.value=r,D.schema=r});function E(r){const l=r.target;tt(l)}function L(){var r,l;(l=(r=u.value)==null?void 0:r.contents)!=null&&l.length&&f.value&&f.value.addEventListener("scroll",E)}function v(){const r=f.value,l=t.ref(r.children[1]);return nt(l,D).value}t.onMounted(()=>{if(f.value){const r=f.value.querySelector(`[data-dragref='${u.value.id}-container']`);y.value=r&&r.componentInstance?r.componentInstance.value:v(),b&&r&&b.attachComponents(r,u.value),c.value=y.value.canNested!==void 0?y.value.canNested:c.value,s.value=y.value.canAdd!==void 0?y.value.canAdd:s.value,i.value=y.value.canDelete!==void 0?y.value.canDelete:i.value,n.value=y.value.canMove!==void 0?y.value.canMove:n.value,h.value=y.value.styles||"",f.value&&(f.value.componentInstance=y,f.value.designItemContext=D)}L(),fe.value++}),t.onBeforeUnmount(()=>{f.value&&f.value.removeEventListener("scroll",E)});function d(r){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(T=>T.classList.remove("dgComponentFocused")),r&&(r.preventDefault(),r.stopPropagation());let l=D.designerItemElementRef;const p=f.value;if(p){const T=document.getElementsByClassName("dgComponentSelected");T&&T.length===1&&T[0]===f.value||(Array.from(T).forEach(B=>B.classList.remove("dgComponentSelected")),p.classList.add("dgComponentFocused"),e.emit("selectionChange",u.value.type,u.value,o.componentId,y.value),l=y.value.getDraggableDesignItemElement(D),l&&l.value&&l.value.classList.add("dgComponentSelected"))}E({target:l==null?void 0:l.value})}return()=>t.createVNode("div",{id:`${o.id}-design-item`,ref:f,class:k.value,style:x.value,onClick:d},[M(u.value),e.slots.default&&e.slots.default()])}});class ot extends te{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(e),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识00",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0,$converter:"/converter/type.converter"},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}},setPropertyRelates(n,s){}}}getEventPropConfig(e){const n=[{label:"onClick",name:"点击事件"}],s=this,i=s.eventsEditorUtils.formProperties(e,s.viewModelId,n),c={};c[s.viewModelId]={type:"events-editor",editor:{initialData:i}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:c,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(a,g){const m=a.propertyValue;delete e[s.viewModelId],m&&(m.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,m.events,m))}}}}class rt extends te{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(),this.getAppearanceProperties(e),this.getbBehaviorConfig(),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(){this.propertyConfig.categories.basic={title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"response-toolbar-item",value:O["response-toolbar-item"].name}]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}getbBehaviorConfig(){this.propertyConfig.categories.behavior={title:"行为",description:"Behavior",properties:{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"",$converter:"/converter/appearance.converter"}}}}getEventPropConfig(e){const n=[{label:"onClick",name:"点击事件"}],s=this,i=s.eventsEditorUtils.formProperties(e,s.viewModelId,n),c={};c[s.viewModelId]={type:"events-editor",editor:{initialData:i}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:c,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(a,g){const m=a.propertyValue;delete e[s.viewModelId],m&&(m.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,m.events,m))}}}}function st(o,e){function n(g){return!1}function s(){return!1}function i(){return!0}function c(){return!1}function a(g){let m;switch(o.schema.type){case"tab-toolbar-item":m=new ot(g,e);break;default:m=new rt(g,e)}return m.getPropertyConfig(o.schema)}return{canAccepts:n,checkCanMoveComponent:s,checkCanDeleteComponent:i,checkCanAddComponent:c,getPropsConfig:a}}const it=t.defineComponent({name:"FResponseToolbarItemDesign",props:ue,emits:["Click"],setup(o,e){t.ref(),t.ref();const n=t.ref(o.alignment),s={id:"__more_buttons__",text:"More"},i=t.ref(new Y(s));t.computed(()=>i.value.children.length>0);const c=t.ref(),a=t.inject("designer-host-service"),g=t.inject("design-item-context"),m=st(g,a),u=oe.useDesignerInnerComponent(c,g,m);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{c.value.componentInstance=u}),e.expose(u.value);function h(){const y={"f-icon":!0},S=o.icon?o.icon.trim():"";return Z.getCustomClass(y,S)}function f(){return!!(o.icon&&o.icon.trim())}function b(){const y={btn:!0,"f-rt-btn":!0,"f-btn-ml":n.value==="right","f-btn-mr":n.value==="left","btn-icontext":!!(o.icon&&o.icon.trim()),disabled:o.disabled===!0};return Z.getCustomClass(y,o.class)}return()=>t.createVNode("div",{ref:c,"data-dragref":`${g.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[t.createVNode("button",{type:"button",class:b(),id:o.id},[f()&&t.createVNode("i",{class:h()},null),o.text])])}}),at=t.defineComponent({name:"FResponseToolbarDesign",props:Ue,emits:["Click"],setup(o,e){const n=t.ref(o.items);let s=new Array(n.value.length).fill(t.ref());const i=t.ref(),c=t.ref(),a=t.ref(o.alignment),g={id:"__more_buttons__",text:"More"},m=t.ref(new Y(g)),u=Qe();t.computed(()=>m.value.children.length>0);const h=t.ref(),f=t.inject("designer-host-service"),b=t.inject("design-item-context"),y=Ye(b,f),S=oe.useDesignerInnerComponent(h,b,y),D=t.inject("toolbar-item-handler",()=>{});t.onMounted(()=>{h.value.componentInstance=S}),e.expose(S.value);function k(){D&&D()}const x=t.computed(()=>{const r={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return Z.getCustomClass(r,o.customClass)}),I=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":a.value==="right","justify-content-start":a.value==="left"})),{renderToolbarDropdown:V,clearAllDropDown:A}=Je(o,u,S);function C(){n.value.filter(r=>r.children&&r.children.length>0).forEach(r=>{r.expanded=!1}),m.value.expanded=!1,A()}const w=new Map,M=[];function E(r){const l=c.value;let p=r;const T=Array.from(l.children),P=T[T.length-1].id==="__more_buttons__"?T[T.length-1]:null;if(P){const R=P.computedStyleMap().get("margin-left"),j=P.computedStyleMap().get("margin-right"),U=(R?R.value:0)+P.getBoundingClientRect().width+(j?j.value:0);p-=U}const B=T.filter(R=>R.id!=="__more_buttons__");for(const R of B){const j=R.computedStyleMap().get("margin-left"),U=R.computedStyleMap().get("margin-right"),Q=(j?j.value:0)+R.getBoundingClientRect().width+(U?U.value:0);p<Q?(w.set(R.id,!0),M.push({id:R.id,width:Q})):p-=Q}if(M.length)for(let R=M.length-1;R>=0;R--){const j=M[R].width;if(p>=j)p-=j,w.delete(M[R].id),M.pop();else break}const F=Object.assign({},m.value);F.children=[];const G=new Y(F),z=n.value.reduce((R,j)=>(w.has(j.id)&&G.children.push(j),j.visible=!w.has(j.id),R.push(j),R),[]);m.value=G,n.value=z}const L=new ResizeObserver(r=>{if(r.length){const p=r[0].contentRect.width,P=c.value.getBoundingClientRect().width;(p<P||M.length)&&E(p)}});t.onMounted(()=>{const r=i.value;L.observe(r),document.body.addEventListener("click",C)}),t.onUnmounted(()=>{L.disconnect(),document.body.removeEventListener("click",C)}),t.watch(()=>o.items,()=>{n.value=o.items},{deep:!0}),t.watch(n,r=>{s=new Array(n.value.length).fill(t.ref())});function v(r,l,p,T){b&&b.setupContext&&b.setupContext.emit("selectionChange",r,l,p,T)}function d(){const r=c.value.querySelector(".dgComponentFocused.dgComponentSelected");r==null||r.classList.remove("dgComponentSelected"),r==null||r.classList.remove("dgComponentFocused"),k()}return()=>t.createVNode("div",{ref:h,"data-dragref":`${b.schema.id}-container`,class:x.value},[t.createVNode("div",{ref:i,class:I.value},[t.createVNode("div",{ref:c,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.map((r,l)=>t.createVNode(me,{ref:s[l],class:"p-0 display-inline-block",modelValue:r,"onUpdate:modelValue":p=>r=p,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:o.componentId,id:r.id,style:"padding:0 !important;display:inline-block",onSelectionChange:v,onRemoveComponent:d},{default:()=>{var p;return[t.createVNode(it,{id:r.id,disabled:r.disabled,text:r.text,icon:r.icon,class:((p=r.appearance)==null?void 0:p.class)||"btn-secondary",alignment:o.alignment||"right",componentId:o.componentId},null)]}}))])])])}});function he(o,e){const n=t.computed(()=>"f-section-toolbar"+(o.buttonPosition==="inHead"?" f-section-header--toolbar":" f-section-content--toolbar")),s=t.ref(o.buttons),i=t.ref(e.schema.toolbar),c=e.schema.id,a=`${c}-toolbar`,g=t.computed(()=>o.buttonPosition==="inHead"?"right":"left");function m(u,h,f,b){var y;(y=e.setupContext)==null||y.emit("selectionChange",u,h,f,b)}return t.createVNode(t.Fragment,null,[i.value?t.createVNode("div",{class:n.value},[t.createVNode("div",{class:"w-100",style:"flex:1"},[t.createVNode(me,{modelValue:i.value,"onUpdate:modelValue":u=>i.value=u,class:"w-100 position-relative",canAdd:!0,childType:"section-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:a,onSelectionChange:m,componentId:c},{default:()=>[t.createVNode(at,{customClass:"d-block",items:s.value,alignment:g.value},null)]})])]):""])}function ct(o,e,n,s,i,c,a){const g=t.computed(()=>o.buttonPosition),{onClickMaxMinIcon:m}=ae(s,i,c),u=t.computed(()=>!!o.subTitle),h=t.computed(()=>o.enableMaximize),f=t.computed(()=>o.enableAccordion!==""),b=t.computed(()=>{const V={"f-section-header":!0};return e.slots.header&&o.headerClass.split(" ").reduce((C,w)=>(C[w]=!0,C),V),V});function y(V){V.stopPropagation(),o.enableAccordion!==""&&(n.value=!n.value)}function S(){const V=t.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":n.value})),A=t.computed(()=>({"f-icon":!0,"f-icon-maximize":!c.value,"f-icon-minimize":c.value}));return t.createVNode("div",{class:"f-max-accordion"},[h.value?t.createVNode("span",{class:A.value,onClick:m},null):"",f.value?t.createVNode("button",{class:V.value,onClick:y},[t.createVNode("span",null,[n.value?o.collapseLabel:o.expandLabel])]):""])}function D(){return e.slots.header?t.createVNode("div",{class:b.value},[e.slots.header()]):""}function k(){return t.createVNode("div",{class:"f-title",onClick:y},[t.createVNode("h4",{class:"f-title-text"},[o.mainTitle]),u.value&&t.createVNode("span",null,[o.subTitle])])}function x(){const V=t.computed(()=>{const A={"f-content":!0};return o.headerContentClass&&o.headerContentClass.split(" ").reduce((w,M)=>(w[M]=!0,w),A),A});return e.slots.headerContent?t.createVNode("div",{class:V.value},[e.slots.headerContent()]):""}function I(){return t.createVNode("div",{class:b.value},[e.slots.headerTitle?e.slots.headerTitle():k(),x(),g.value==="inHead"&&he(o,a),(h.value||f.value)&&S()])}return()=>o.showHeader&&(e.slots.header?D():I())}const lt=t.defineComponent({name:"FSectionDesign",props:X,emits:[],setup(o,e){const n=t.ref(),s=t.ref(),i=t.ref(),c=t.inject("designer-host-service"),a=t.inject("design-item-context"),g=je(a,c),m=Le(n,a,g);m.value.styles="display: inherit;",t.onMounted(()=>{n.value.componentInstance=m}),e.expose(m.value);const u=t.ref(o.customClass),h=t.computed(()=>o.enableAccordion),f=t.ref(o.expandStatus),b=t.computed(()=>o.buttonPosition),y=t.ref(!1),S=ct(o,e,f,s,i,y,a),D=t.computed(()=>{const A={"f-section":!0,"f-section-accordion":h.value==="default","f-state-collapse":(h.value==="default"||h.value==="custom")&&!f.value,"f-section-custom-accordion":h.value==="custom","f-section-fill":o.fill,"f-section-maximize":y.value,"f-utils-fill":!0,"p-0":!0};return q(A,u.value)}),k=t.computed(()=>q({"f-section-content":!0,"drag-container":!0},o.contentClass)),x=t.computed(()=>q({"f-section-extend":!0},x.value));function I(){return e.slots.extend&&t.createVNode("div",{class:x.value},[e.slots.extend()])}function V(){return t.createVNode("div",{class:k.value,ref:n,"data-dragref":`${a.schema.id}-container`},[b.value==="inContent"&&he(o,a),e.slots.default&&e.slots.default()])}return()=>t.createVNode("div",{class:D.value,ref:s,style:o.customStyle},[S(),I(),V()])}}),dt=J({text:{type:String,default:""},icon:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar-item.schema.json",title:"section-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"section-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"按钮",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]});W.register=(o,e,n,s)=>{o.section=W,e.section=ee},W.registerDesigner=(o,e,n)=>{o.section=lt,e.section=ee,e["section-toolbar-item"]=dt};const ut=Z.withInstall(W);$.Section=W,$.default=ut,$.propsResolver=ee,$.sectionProps=X,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/smoke-detector/index.esm.js

@@ -1,102 +1,106 @@
-import { defineComponent as N, createVNode as D, ref as b, inject as q, onMounted as L } from "vue";
-import { isPlainObject as j, cloneDeep as W } from "lodash-es";
-const S = {}, $ = {};
-function M(t) {
-  const { properties: e, title: a, ignore: n } = t, o = n && Array.isArray(n), p = Object.keys(e).reduce((l, f) => ((!o || !n.find((g) => g == f)) && (l[f] = e[f].type === "object" && e[f].properties ? M(e[f]) : W(e[f].default)), l), {});
-  return a && (!o || !n.find((l) => l == "id")) && (p.id = `${a}-${Date.now()}`), p;
+import { defineComponent as B, createVNode as D, ref as b, inject as q, onMounted as L } from "vue";
+import { isPlainObject as j, cloneDeep as _ } from "lodash-es";
+const $ = {}, N = {};
+function w(t) {
+  const { properties: e, title: i, ignore: n } = t, o = n && Array.isArray(n), p = Object.keys(e).reduce((u, f) => ((!o || !n.find((h) => h === f)) && (u[f] = e[f].type === "object" && e[f].properties ? w(e[f]) : _(e[f].default)), u), {});
+  if (i && (!o || !n.find((u) => u === "id"))) {
+    const u = i.toLowerCase().replace(/-/g, "_");
+    p.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return p;
 }
-function V(t, e = {}, a) {
-  const n = S[t];
+function V(t, e = {}, i) {
+  const n = $[t];
   if (n) {
-    let o = M(n);
-    const p = $[t];
-    return o = p ? p({ getSchemaByType: V }, o, e, a) : o, o;
+    let o = w(n);
+    const p = N[t];
+    return o = p ? p({ getSchemaByType: V }, o, e, i) : o, o;
   }
   return null;
 }
-function _(t, e) {
-  const a = M(e);
-  return Object.keys(t).reduce((n, o) => (n[o] && j(n[o]) && j(t[o]) ? Object.assign(n[o], t[o]) : n[o] = t[o], n), a), a;
+function W(t, e) {
+  const i = w(e);
+  return Object.keys(i).reduce((n, o) => (n[o] && j(n[o]) && j(t[o] || !t[o]) ? Object.assign(n[o], t[o] || {}) : n[o] = t[o], n), i), i;
 }
-function z(t, e) {
+function H(t, e) {
   return Object.keys(t).filter((n) => t[n] != null).reduce((n, o) => {
     if (e.has(o)) {
       const p = e.get(o);
       if (typeof p == "string")
         n[p] = t[o];
       else {
-        const l = p(o, t[o], t);
-        Object.assign(n, l);
+        const u = p(o, t[o], t);
+        Object.assign(n, u);
       }
     } else
       n[o] = t[o];
     return n;
   }, {});
 }
-function G(t, e, a = /* @__PURE__ */ new Map()) {
-  const n = _(t, e);
-  return z(n, a);
+function z(t, e, i = /* @__PURE__ */ new Map()) {
+  const n = W(t, e);
+  return H(n, i);
 }
-function H(t = {}) {
-  function e(r, s, c, i) {
-    if (typeof c == "number")
-      return i[r].length === c;
-    if (typeof c == "object") {
-      const m = Object.keys(c)[0], d = c[m];
+function G(t = {}) {
+  function e(r, c, s, a) {
+    if (typeof s == "number")
+      return a[r].length === s;
+    if (typeof s == "object") {
+      const m = Object.keys(s)[0], y = s[m];
       if (m === "not")
-        return Number(i[r].length) !== Number(d);
+        return Number(a[r].length) !== Number(y);
       if (m === "moreThan")
-        return Number(i[r].length) >= Number(d);
+        return Number(a[r].length) >= Number(y);
       if (m === "lessThan")
-        return Number(i[r].length) <= Number(d);
+        return Number(a[r].length) <= Number(y);
     }
     return !1;
   }
-  function a(r, s, c, i) {
-    return i[r] && i[r].propertyValue && String(i[r].propertyValue.value) === String(c);
+  function i(r, c, s, a) {
+    return a[r] && a[r].propertyValue && String(a[r].propertyValue.value) === String(s);
   }
   const n = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", a]
+    ["getProperty", i]
   ]);
-  Object.keys(t).reduce((r, s) => (r.set(s, t[s]), r), n);
-  function o(r, s) {
-    const c = r;
-    return typeof s == "number" ? [{ target: c, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: c, operator: "getProperty", param: r, value: !!s }] : typeof s == "object" ? Object.keys(s).map((i) => {
-      if (i === "length")
-        return { target: c, operator: "length", param: null, value: s[i] };
-      const m = i, d = s[i];
-      return { target: c, operator: "getProperty", param: m, value: d };
+  Object.keys(t).reduce((r, c) => (r.set(c, t[c]), r), n);
+  function o(r, c) {
+    const s = r;
+    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((a) => {
+      if (a === "length")
+        return { target: s, operator: "length", param: null, value: c[a] };
+      const m = a, y = c[a];
+      return { target: s, operator: "getProperty", param: m, value: y };
     }) : [];
   }
   function p(r) {
-    return Object.keys(r).reduce((c, i) => {
-      const m = o(i, r[i]);
-      return c.push(...m), c;
+    return Object.keys(r).reduce((s, a) => {
+      const m = o(a, r[a]);
+      return s.push(...m), s;
     }, []);
   }
-  function l(r, s) {
+  function u(r, c) {
     if (n.has(r.operator)) {
-      const c = n.get(r.operator);
-      return c && c(r.target, r.param, r.value, s) || !1;
+      const s = n.get(r.operator);
+      return s && s(r.target, r.param, r.value, c) || !1;
     }
     return !1;
   }
-  function f(r, s) {
-    return p(r).reduce((m, d) => m && l(d, s), !0);
+  function f(r, c) {
+    return p(r).reduce((m, y) => m && u(y, c), !0);
   }
-  function g(r, s) {
-    const c = Object.keys(r), i = c.includes("allOf"), m = c.includes("anyOf"), d = i || m, k = (d ? r[d ? i ? "allOf" : "anyOf" : "allOf"] : [r]).map((T) => f(T, s));
-    return i ? !k.includes(!1) : k.includes(!0);
+  function h(r, c) {
+    const s = Object.keys(r), a = s.includes("allOf"), m = s.includes("anyOf"), y = a || m, k = (y ? r[y ? a ? "allOf" : "anyOf" : "allOf"] : [r]).map((M) => f(M, c));
+    return a ? !k.includes(!1) : k.includes(!0);
   }
-  return { parseValueSchema: g };
+  return { parseValueSchema: h };
 }
 const J = {}, Q = {};
-H();
-function U(t, e, a = /* @__PURE__ */ new Map(), n = (l, f, g) => f, o = {}, p = (l) => l) {
-  return S[e.title] = e, $[e.title] = n, J[e.title] = o, Q[e.title] = p, (l = {}) => {
-    const f = G(l, e, a), g = Object.keys(t).reduce((r, s) => (r[s] = t[s].default, r), {});
-    return Object.assign(g, f);
+G();
+function U(t, e, i = /* @__PURE__ */ new Map(), n = (u, f, h, r) => f, o = {}, p = (u) => u) {
+  return $[e.title] = e, N[e.title] = n, J[e.title] = o, Q[e.title] = p, (u = {}) => {
+    const f = z(u, e, i), h = Object.keys(t).reduce((r, c) => (r[c] = t[c].default, r), {});
+    return Object.assign(h, f);
   };
 }
 function X(t, e) {
@@ -105,10 +109,10 @@ function X(t, e) {
 const Y = /* @__PURE__ */ new Map([
   ["appearance", X]
 ]);
-function Z(t, e, a) {
+function Z(t, e, i) {
   return e;
 }
-const C = "https://json-schema.org/draft/2020-12/schema", K = "https://farris-design.gitee.io/smoke-detector.schema.json", x = "smoke-detector", I = "A Farris Component", ee = "object", te = {
+const K = "https://json-schema.org/draft/2020-12/schema", C = "https://farris-design.gitee.io/smoke-detector.schema.json", x = "smoke-detector", I = "A Farris Component", ee = "object", te = {
   id: {
     description: "The unique identifier for smoke-detector",
     type: "string"
@@ -160,15 +164,15 @@ const C = "https://json-schema.org/draft/2020-12/schema", K = "https://farris-de
 }, re = [
   "id",
   "type"
-], ne = {
-  $schema: C,
-  $id: K,
+], oe = {
+  $schema: K,
+  $id: C,
   title: x,
   description: I,
   type: ee,
   properties: te,
   required: re
-}, oe = "smoke-detector", se = "A Farris Component", ce = "object", ie = {
+}, ne = "smoke-detector", ce = "A Farris Component", se = "object", ie = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -244,13 +248,13 @@ const C = "https://json-schema.org/draft/2020-12/schema", K = "https://farris-de
     }
   }
 }, ae = {
-  title: oe,
-  description: se,
-  type: ce,
+  title: ne,
+  description: ce,
+  type: se,
   categories: ie
-}, A = {}, B = U(A, ne, Y, Z, ae), w = /* @__PURE__ */ N({
+}, R = {}, E = U(R, oe, Y, Z, ae), T = /* @__PURE__ */ B({
   name: "FSmokeDetector",
-  props: A,
+  props: R,
   emits: [""],
   setup(t) {
     return () => D("div", {
@@ -261,90 +265,97 @@ const C = "https://json-schema.org/draft/2020-12/schema", K = "https://farris-de
     }, null)]);
   }
 });
-function ue(t, e, a) {
-  var E;
-  function n() {
-  }
-  const o = "", p = "", l = b();
-  function f() {
+function le(t, e, i) {
+  var S;
+  const n = "", o = "", p = b();
+  function u() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function g() {
+  function f() {
     return !1;
   }
-  function r() {
+  function h() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function s() {
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function c(u) {
-    if (!u || !u.value)
+  function c(l) {
+    if (!l || !l.value)
       return null;
-    if (u.value.schema && u.value.schema.type === "component")
-      return u.value;
-    const y = b(u == null ? void 0 : u.value.parent), h = c(y);
-    return h || null;
+    if (l.value.schema && l.value.schema.type === "component")
+      return l.value;
+    const g = b(l == null ? void 0 : l.value.parent), d = c(g);
+    return d || null;
   }
-  function i(u = e) {
-    const { componentInstance: y, designerItemElementRef: h } = u;
-    return !y || !y.value ? null : y.value.canMove ? h : i(u.parent);
+  function s(l = e) {
+    const { componentInstance: g, designerItemElementRef: d } = l;
+    return !g || !g.value ? null : g.value.canMove ? d : s(l.parent);
   }
-  function m(u) {
-    return !!a;
+  function a(l) {
+    return !!i;
   }
-  function d() {
+  function m() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function P() {
+  function y() {
+  }
+  function P(l, g) {
   }
-  function O(u, y) {
+  function A(l, g) {
+    const { componentType: d } = l;
+    let v = V(d, l, g);
+    const F = d.toLowerCase().replace(/-/g, "_");
+    return v && !v.id && v.type === d && (v.id = `${F}_${Math.random().toString().slice(2, 6)}`), v;
   }
-  function k(u, y) {
-    const { componentType: h } = u;
-    let v = V(h, u, y);
-    const F = h.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === h && (v.id = `${F}_${Math.random().toString().slice(2, 6)}`), v;
+  function k(l) {
   }
-  function R(u) {
+  function O(...l) {
   }
-  function T(...u) {
+  function M() {
+    e != null && e.schema.contents && e.schema.contents.map((l) => {
+      var v;
+      let g = l.id;
+      l.type === "component-ref" && (g = l.component);
+      const d = t.value.querySelector(`#${g}-design-item`);
+      (v = d == null ? void 0 : d.componentInstance) != null && v.value.onRemoveComponent && d.componentInstance.value.onRemoveComponent();
+    });
   }
-  return l.value = {
-    canMove: f(),
-    canSelectParent: g(),
-    canDelete: r(),
-    canNested: !s(),
+  return p.value = {
+    canMove: u(),
+    canSelectParent: f(),
+    canDelete: h(),
+    canNested: !r(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (E = e == null ? void 0 : e.parent) == null ? void 0 : E.componentInstance,
+    parent: (S = e == null ? void 0 : e.parent) == null ? void 0 : S.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: o,
-    designerClass: p,
-    canAccepts: m,
+    styles: n,
+    designerClass: o,
+    canAccepts: a,
     getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: d,
-    getPropConfig: T,
-    getDragScopeElement: P,
-    onAcceptMovedChildElement: O,
-    onChildElementMovedOut: R,
-    addNewChildComponentSchema: k,
-    updateDragAndDropRules: n,
+    getDraggableDesignItemElement: s,
+    getDraggingDisplayText: m,
+    getPropConfig: O,
+    getDragScopeElement: y,
+    onAcceptMovedChildElement: P,
+    onChildElementMovedOut: k,
+    addNewChildComponentSchema: A,
     triggerBelongedComponentToMoveWhenMoved: b(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: b(!1)
-  }, l;
+    triggerBelongedComponentToDeleteWhenDeleted: b(!1),
+    onRemoveComponent: M
+  }, p;
 }
-const le = /* @__PURE__ */ N({
+const ue = /* @__PURE__ */ B({
   name: "FSmokeDetectorDesign",
-  props: A,
+  props: R,
   emits: [""],
   setup(t, e) {
-    const a = b(), n = q("design-item-context"), o = ue(a, n);
+    const i = b(), n = q("design-item-context"), o = le(i, n);
     return L(() => {
-      a.value.componentInstance = o;
+      i.value.componentInstance = o;
     }), e.expose(o.value), () => D("div", {
-      ref: a,
+      ref: i,
       class: "f-smoke-detector"
     }, [D("img", {
       title: "smoke-detector",
@@ -353,18 +364,18 @@ const le = /* @__PURE__ */ N({
   }
 }), me = {
   install(t) {
-    t.component(w.name, w);
+    t.component(T.name, T);
   },
-  register(t, e, a, n) {
-    t["smoke-detector"] = w, e["smoke-detector"] = B;
+  register(t, e, i, n) {
+    t["smoke-detector"] = T, e["smoke-detector"] = E;
   },
-  registerDesigner(t, e, a) {
-    t["smoke-detector"] = le, e["smoke-detector"] = B;
+  registerDesigner(t, e, i) {
+    t["smoke-detector"] = ue, e["smoke-detector"] = E;
   }
 };
 export {
-  w as SmokeDetector,
+  T as SmokeDetector,
   me as default,
-  B as propsResolver,
-  A as smokeDetectorProps
+  E as propsResolver,
+  R as smokeDetectorProps
 };