@farris/ui-vue 1.5.7 → 1.5.9

package/designer/section/index.umd.cjs

@@ -0,0 +1 @@
+(function(u,x){typeof exports=="object"&&typeof module<"u"?module.exports=x(require("../../components/section/index.umd.js"),require("../../components/common/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("vue"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["../../components/section/index.umd.js","../../components/common/index.umd.js","../response-toolbar/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","../../components/designer-canvas/index.umd.js","vue","../../components/property-panel/index.umd.js"],x):(u=typeof globalThis<"u"?globalThis:u||self,u.section=x(u.Section,u.common,u.designer$1,u.dynamicResolver,u.FResponseToolbarDesign,u.designerCanvas,u.Vue,u.propertyPanel))})(this,function(u,x,P,S,I,$,n,R){"use strict";const k={$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:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"]},q=S.createPropsResolver(u.sectionToolbarItemProps,k);function V(t,e,o){return e?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function F(t,e){var o;return{buttons:e.buttons,buttonPosition:e.position,buttonsClass:(o=e.appearance)==null?void 0:o.class}}const M=new Map([["appearance",S.resolveAppearance],["expanded","expandStatus"],["enableAccordion",V],["toolbar",F]]);function E(t,e,o){const r=Math.random().toString().slice(2,6),c=o.parentComponentInstance;Object.assign(e,{id:`section-${r}`,appearance:{class:"f-section-in-mainsubcard"},mainTitle:o.mainTitle||e.mainTitle||"标题"});const a=t.getSchemaByType("content-container");Object.assign(a,{id:`container-${r}`,appearance:{class:"f-struct-wrapper"},contents:[e]});const l=c.schema;switch(l&&l.type){case $.DgControl["splitter-pane"].type:{e.appearance.class="f-section-in-main";break}}const C=c.elementRef,d=window.getComputedStyle(C);return d&&d.display==="flex"&&(a.appearance.class+=" d-block"),a}function z(t,e,o){return o.parentComponentInstance?E(t,e,o):e}const B={$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:"string",default:""},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},expandStatus:{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:[]},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}}},default:null}},required:["id","type","contents"]},H={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar.schema.json",title:"section-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Section Toolbar",type:"string"},type:{description:"The type string of Section Toolbar",type:"string",default:"section-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}},alignment:{description:"The alignment of Section Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Section Toolbar.",type:"array",default:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},D=S.createPropsResolver(u.sectionProps,B,M,z),L=S.createSectionEventHandlerResolver(),U=Object.assign({},u.sectionProps,{componentId:{type:String,default:""}}),_=S.createPropsResolver(I.responseToolbarProps,H,M,P.schemaResolver);class G extends R.BaseControlProperty{constructor(e,o){super(e,o)}getPropertyConfig(e){const o=this.getBasicPropConfig(e),r=this.getAppearanceProperties(e),c=this.getBehaviorConfig(e,""),a=this.getExtendConfig(e);return this.propertyConfig.categories={basic:o,appearance:r,behavior:c,extend:a},this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},fill:{title:"填充内容区域",type:"boolean",description:""},showHeader:{title:"显示标题区域",type:"boolean",description:""},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}},enableAccordion:{title:"面板收折",type:"enum",description:"是否启用分组面板的收折特性",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:[{key:"",value:"不启用"},{key:"default",value:"启用默认收折"}]},refreshPanelAfterChanged:!0},expandStatus:{title:"默认状态",type:"boolean",description:"默认面板是展开还是收起",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{name:"展开",value:!0},{name:"收起",value:!1}],enableClear:!1},visible:e.enableAccordion==="default"}},setPropertyRelates(o,r){if(o)switch(o&&o.propertyID){case"mainTitle":{o.needRefreshControlTree=!0;break}case"showHeader":{const c=document.getElementsByClassName("dgComponentFocused");Array.from(c).forEach(a=>a.classList.remove("dgComponentFocused")),$.canvasChanged.value++;break}}}}}getExtendConfig(e){return{title:"扩展",description:"",properties:{contentClass:{title:"内容区域样式",type:"string",description:""}}}}}function O(t,e){const o=new $.UseTemplateDragAndDropRules,r=t.schema;function c(s){return new G(s,e).getPropertyConfig(r)}function a(s){if(!$.useDragulaCommonRule().basalDragulaRuleForContainer(s,e))return!1;const{canAccept:b}=o.getTemplateRule(t,e);return b}function l(){const{canDelete:s}=o.getTemplateRule(t,e);return s}function C(){const{canMove:s}=o.getTemplateRule(t,e);return s}function d(){const{canMove:s,canDelete:i}=o.getTemplateRule(t,e);return!s&&!i}function T(s){s&&(s.stopPropagation(),s.preventDefault());const{schema:i}=t;(!i.toolbar||!i.toolbar.buttons)&&(i.toolbar={id:`${i.id}_toolbar`,buttons:[]});const b=S.getSchemaByType("section-toolbar-item");b.id=`section_toolbar_item_${Math.random().toString().slice(2,6)}`,i.toolbar.buttons.push(b)}function f(){var v;const{schema:s}=t,i=e==null?void 0:e.formSchemaUtils;if(s.showHeader===!1||!i)return;const b=i.selectNode(s,p=>p.type===$.DgControl["response-form"].type),A=((v=s.toolbar)==null?void 0:v.buttons)||[];if(!b&&A.length===0)return[{id:"appendToolbar",title:"新增按钮",icon:"f-icon f-icon-plus-circle text-white",onClick:p=>T(p)}]}function m(){var A,v;if(!e)return;const s=e.formSchemaUtils.getExpressions();if(!s||!s.length)return;const{schema:i}=t;if(!((v=(A=i.toolbar)==null?void 0:A.buttons)!=null&&v.length))return;const b=p=>{p.forEach(h=>{const j=s.findIndex(g=>g.target===h.id);j>-1&&s.splice(j,1),h.children&&h.children.length&&b(h.children)})};b(i.toolbar.buttons)}function y(){m()}return{canAccepts:a,checkCanDeleteComponent:l,checkCanMoveComponent:C,hideNestedPaddingInDesginerView:d,getPropsConfig:c,getCustomButtons:f,onRemoveComponent:y}}function K(t,e,o){let r;function c(d=1){const T=["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"],f=Array.from(document.body.querySelectorAll(T.join(","))).filter(y=>y).map(y=>{const{display:s,zIndex:i}=window.getComputedStyle(y);return s==="none"?0:parseInt(i,10)}).filter(y=>y);let m=Math.max(...f);return m<1040&&(m=1040),m+d}function a(){r=t.value.nextElementSibling;const d=document&&document.querySelector("body");d&&(d.appendChild(t.value),t.value.style.zIndex=c())}function l(){r?e.value.insertBefore(t.value,r):e.value.appendChild(t.value),t.value.style.zIndex=null}function C(){!t||!e.value||(o.value=!o.value,o.value?a():l())}return{onClickMaxMinIcon:C}}function N(t,e){var T,f;const o=n.computed(()=>"f-section-toolbar col-6"+(t.buttonPosition==="inHead"?" f-toolbar f-section-header--toolbar":" f-section-content--toolbar")+(t.buttonsClass?" "+t.buttonsClass:"")),r=n.ref(t.buttons),c=n.ref(e.schema.toolbar),a=t.componentId,l=`${a}-toolbar`,C=n.computed(()=>t.buttonPosition==="inHead"?"right":"left");function d(m,y,s,i){var b;(b=e.setupContext)==null||b.emit("selectionChange",m,y,s,i)}return n.createVNode(n.Fragment,null,[(f=(T=c.value)==null?void 0:T.buttons)!=null&&f.length?n.createVNode("div",{class:o.value,style:"padding-right:0;"},[n.createVNode("div",{class:"w-100",style:"flex:1"},[n.createVNode($.FDesignerInnerItem,{modelValue:c.value,"onUpdate:modelValue":m=>c.value=m,class:"w-100 position-relative",canAdd:!1,childType:"section-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:l,onSelectionChange:d,componentId:a},{default:()=>[n.createVNode(I,{customClass:"d-block text-right",items:r.value,alignment:C.value,componentId:a},null)]})])]):""])}function Z(t,e,o,r,c,a,l){const C=n.computed(()=>t.buttonPosition),{onClickMaxMinIcon:d}=K(r,c,a),T=n.computed(()=>t.enableMaximize),f=n.computed(()=>t.enableAccordion!==""),m=n.computed(()=>{const p={"f-section-header":!0};return e.slots.header&&t.headerClass.split(" ").reduce((j,g)=>(j[g]=!0,j),p),p});function y(p){p.stopPropagation(),t.enableAccordion!==""&&(o.value=!o.value,n.nextTick(()=>{$.setPositionOfSelectedComponentBtnGroup(l.designerItemElementRef.value)}))}function s(){const p=n.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),h=n.computed(()=>({"f-icon":!0,"f-icon-maximize":!a.value,"f-icon-minimize":a.value}));return n.createVNode("div",{class:"f-max-accordion"},[T.value?n.createVNode("span",{class:h.value,onClick:d},null):"",f.value?n.createVNode("button",{class:p.value,onClick:y},[n.createVNode("span",null,[o.value?t.collapseLabel:t.expandLabel])]):""])}function i(){return e.slots.header?n.createVNode("div",{class:m.value},[e.slots.header()]):""}function b(){return n.createVNode("div",{class:"f-title"},[n.createVNode("h4",{class:"f-title-text"},[t.mainTitle]),t.subTitle&&n.createVNode("span",null,[t.subTitle])])}function A(){const p=n.computed(()=>{const h={"f-content":!0};return t.headerContentClass&&t.headerContentClass.split(" ").reduce((g,J)=>(g[J]=!0,g),h),h});return e.slots.headerContent?n.createVNode("div",{class:p.value},[e.slots.headerContent()]):""}function v(){return n.createVNode("div",{class:m.value},[e.slots.headerTitle?e.slots.headerTitle():b(),A(),C.value==="inHead"&&N(t,l),(T.value||f.value)&&s()])}return()=>t.showHeader&&(e.slots.header?i():v())}const w=n.defineComponent({name:"FSectionDesign",props:U,emits:[],setup(t,e){const o=n.ref(),r=n.ref(),c=n.ref(),a=n.inject("designer-host-service"),l=n.inject("design-item-context"),C=O(l,a),d=$.useDesignerComponent(o,l,C);d.value.styles="display: inherit;",n.onMounted(()=>{o.value.componentInstance=d}),e.expose(d.value);const T=n.ref(t.customClass),f=n.computed(()=>t.enableAccordion),m=n.ref(!0),y=n.computed(()=>t.buttonPosition),s=n.ref(!1),i=Z(t,e,m,r,c,s,l),b=n.computed(()=>{const g={"f-section":!0,"f-section-accordion":f.value==="default","f-state-collapse":(f.value==="default"||f.value==="custom")&&!m.value,"f-section-custom-accordion":f.value==="custom","f-section-fill":t.fill,"f-section-maximize":s.value,"f-utils-fill":!0,"p-0":!0};return x.getCustomClass(g,T.value)}),A=n.computed(()=>{const g={"f-section-content":!0,"drag-container":!0};return x.getCustomClass(g,t.contentClass)}),v=n.computed(()=>({visibility:(f.value==="default"||f.value==="custom")&&!m.value?"hidden":"visible"})),p=n.computed(()=>{const g={"f-section-extend":!0};return x.getCustomClass(g,p.value)});function h(){return e.slots.extend&&n.createVNode("div",{class:p.value},[e.slots.extend()])}function j(){return n.createVNode("div",{class:A.value,ref:o,"data-dragref":`${l.schema.id}-container`,style:v.value},[y.value==="inContent"&&N(t,l),e.slots.default&&e.slots.default()])}return()=>n.createVNode("div",{class:b.value,ref:r,style:t.customStyle},[i(),h(),j()])}});return w.register=(t,e,o,r)=>{t.section=u,e.section=D,r.section={eventHandlerResolver:L}},w.registerDesigner=(t,e,o)=>{t.section=w,e.section=D,e["section-toolbar-item"]=q,t["section-toolbar"]=P.FResponseToolbarDesign,e["section-toolbar"]=_},x.withInstall(w)});