@farris/ui-vue 1.2.9 → 1.3.1

package/components/dropdown/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(B,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],n):(B=typeof globalThis<"u"?globalThis:B||self,n(B.dropdown={},B.Vue,B.LodashES))})(this,function(B,n,Y){"use strict";const W={},C={};function M(e){const{properties:t,title:c,ignore:r}=e,i=r&&Array.isArray(r),p=Object.keys(t).reduce((y,l)=>((!i||!r.find(D=>D==l))&&(y[l]=t[l].type==="object"&&t[l].properties?M(t[l]):Y.cloneDeep(t[l].default)),y),{});return(!i||!r.find(y=>y=="id"))&&(p.id=`${c}-${Date.now()}`),p}function F(e,t={},c){const r=W[e];if(r){let i=M(r);const p=C[e];return i=p?p({getSchemaByType:F},i,t,c):i,i}return null}function J(e,t){const c=M(t);return Object.keys(e).reduce((r,i)=>(r[i]&&typeof r[i]=="object"?Object.assign(r[i],e[i]):r[i]=e[i],r),c),c}function Z(e,t){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,i)=>{if(t.has(i)){const p=t.get(i);if(typeof p=="string")r[p]=e[i];else{const y=p(i,e[i],e);Object.assign(r,y)}}else r[i]=e[i];return r},{})}function G(e,t,c=new Map){const r=J(e,t);return Z(r,c)}function Q(e={}){function t(s,d,a,u){if(typeof a=="number")return u[s].length===a;if(typeof a=="object"){const b=Object.keys(a)[0],g=a[b];if(b==="not")return Number(u[s].length)!==Number(g);if(b==="moreThan")return Number(u[s].length)>=Number(g);if(b==="lessThan")return Number(u[s].length)<=Number(g)}return!1}function c(s,d,a,u){return u[s]&&u[s].propertyValue&&String(u[s].propertyValue.value)===String(a)}const r=new Map([["length",t],["getProperty",c]]);Object.keys(e).reduce((s,d)=>(s.set(d,e[d]),s),r);function i(s,d){const a=s;return typeof d=="number"?[{target:a,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:a,operator:"getProperty",param:s,value:!!d}]:typeof d=="object"?Object.keys(d).map(u=>{if(u==="length")return{target:a,operator:"length",param:null,value:d[u]};const b=u,g=d[u];return{target:a,operator:"getProperty",param:b,value:g}}):[]}function p(s){return Object.keys(s).reduce((a,u)=>{const b=i(u,s[u]);return a.push(...b),a},[])}function y(s,d){if(r.has(s.operator)){const a=r.get(s.operator);return a&&a(s.target,s.param,s.value,d)||!1}return!1}function l(s,d){return p(s).reduce((b,g)=>b&&y(g,d),!0)}function D(s,d){const a=Object.keys(s),u=a.includes("allOf"),b=a.includes("anyOf"),g=u||b,f=(g?s[g?u?"allOf":"anyOf":"allOf"]:[s]).map(N=>l(N,d));return u?!f.includes(!1):f.includes(!0)}return{parseValueSchema:D}}const U={},x={};Q();function P(e,t,c=new Map,r=(y,l,D)=>l,i={},p=y=>y){return W[t.title]=t,C[t.title]=r,U[t.title]=i,x[t.title]=p,(y={})=>{const l=G(y,t,c),D=Object.keys(e).reduce((s,d)=>(s[d]=e[d].default,s),{});return Object.assign(D,l)}}function K(e,t){return{customClass:t.class,customStyle:t.style}}function I(e,t,c){return t}const ee=new Map([["appearance",K]]),te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dropdown.schema.json",title:"dropdown",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for dropdown",type:"string"},type:{description:"The type string of dropdown",type:"string",default:"dropdown"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},ne={title:"dropdown",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},L={show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"下拉示例"},size:{type:String,default:""},type:{type:String,default:"primary"},iconClass:{type:String,default:""},active:{type:Boolean,default:!1},splitButton:{type:Boolean,default:!1},position:{type:String,default:"bottom"},model:{type:Array,default:[{label:"项目一",value:"XM1"},{label:"项目二",value:"XM2"},{label:"项目三",value:"XM3"}]},onSelect:{type:Function,default:()=>{}}},z=P(L,te,ee,I,ne);function q(e,t){let c;const r=n.ref(e.show),i=n.ref(),p=n.ref(),y=n.ref(),l=10;n.onMounted(()=>{c=p.value});const D=(f=1)=>{const o=["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"],N=Array.from(document.body.querySelectorAll(o.join(","))).filter(w=>w).map(w=>{const{display:m,zIndex:h}=window.getComputedStyle(w);return m==="none"?0:parseInt(h,10)}).filter(w=>w);let v=Math.max(...N);return v<1040&&(v=1040),v+f},s=(f,o)=>{const{height:N,left:v,top:w,width:m}=f.getBoundingClientRect(),{width:h,height:S,top:$}=o.getBoundingClientRect();if(f.className.indexOf("dropdown-submenu")>-1||f.closest(".dropdown-submenu")||f.classList.contains("dropright")){const V=window.innerWidth-v-f.offsetWidth,H=window.innerHeight-w,{position:j}=getComputedStyle(o);if(j==="fixed"){let E=v+f.offsetWidth;o.offsetWidth>V&&v>V&&(E=v-h),o.style.left=E+"px",o.style.right="auto",window.innerHeight-2*l<o.offsetHeight?(o.style.top=l+"px",o.style.bottom=l+"px",o.style.maxHeight=window.innerHeight-2*l+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):H<o.offsetHeight?(o.style.top="auto",o.style.bottom=l+"px"):(o.style.top=w+"px",o.style.bottom="auto")}else{if(o.offsetWidth>V){const E=-h;o.style.left=E+"px"}window.innerHeight-2*l<o.offsetHeight?(o.style.top=-1*(w-l)+"px",o.style.bottom="auto",o.style.maxHeight=window.innerHeight-2*l+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):H<o.offsetHeight&&(o.style.top=H-o.offsetHeight-l+"px",o.style.bottom="auto")}}else{const{marginTop:V,marginBottom:H}=getComputedStyle(o);let j=0;const E=Math.ceil(parseFloat(V))+Math.ceil(parseFloat(H));let T=w+N,X=v;window.innerHeight-T-E<S&&(T=w-S,T<0&&(window.innerHeight-w-N>w?(T=w+N,j=window.innerHeight-T-E-l):(T=l,j=w-T-E))),window.innerWidth-v<h&&window.innerWidth-v<v+m&&(X=v-h+m),document.body.append(o),o.style.cssText=`position:fixed;bottom:unset;left:${X}px
-             !important;top:${T}px !important;right: unset;${j?"max-height:"+j+"px;overflow-y:auto;":""}`,j&&(o.className+=" dropdown-menu-maxheight"),o.style.zIndex=D().toString()}},d=()=>{s(i.value,p.value)},a=()=>{e.hover||(r.value=!1,document.removeEventListener("click",a),c.removeEventListener("click",a),document.removeEventListener("scroll",a),c.removeEventListener("scroll",a))};return{show:r,dropdownRef:i,dropdownMenuRef:p,clickEventRef:y,showDropMenu:f=>{e.hover||e.disabled||(f==null||f.stopPropagation(),r.value||setTimeout(()=>{d()}),r.value=!r.value,document.addEventListener("click",a),document.addEventListener("scroll",a),e.hideOnClick||(c.addEventListener("click",o=>{o.stopPropagation()}),c.addEventListener("scroll",o=>{o.stopPropagation()})))},hoverDropdown:f=>{e.hover&&(r.value||setTimeout(()=>{}),r.value=!r.value)},leftButtonClick:()=>{},closeDropMenu:a,selectItem:f=>{t.emit("select",f)},resolveSize:f=>{const o=/px|em|rem|pt|%/;return o.test(f)?`${parseInt(f,10)}${f.match(o)[0]}`:`${f}px`}}}const oe={label:{type:String,default:"XM1"},value:{type:String||Number,default:"项目一"},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},divide:{type:Boolean,default:!1},onSelect:{type:Function,default:()=>{}}},_=n.defineComponent({name:"FDropdownItem",props:oe,emits:["select"],setup(e,t){const c=n.ref(e.value),r=n.ref(e.label),i=n.ref(e.disabled),p=n.ref(e.active),y=n.ref(e.divide),l=()=>{i.value||t.emit("select",e)};return()=>n.createVNode("div",null,[n.withDirectives(n.createVNode("div",{class:"dropdown-divider"},null),[[n.vShow,y.value]]),n.createVNode("li",{class:`dropdown-item${p.value?" active":""} ${i.value?" disabled":""}`,onClick:l,title:c.value.toString()},[r.value])])}}),A=n.defineComponent({name:"FDropdown",props:L,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:r,dropdownMenuRef:i,dropdownRef:p,clickEventRef:y,showDropMenu:l,hoverDropdown:D,leftButtonClick:s,closeDropMenu:d,selectItem:a,resolveSize:u}=q(e,t);function b(g){t.emit("select",g)}return()=>n.createVNode("div",{ref:p},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}]},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:s},[e.title]),n.createVNode("span",{ref:y,class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:l,onMouseenter:D,onMouseleave:D},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode(n.Teleport,{to:"body"},{default:()=>[n.createVNode("div",{ref:i,class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:k,disabled:R,active:f,divide:o})=>n.createVNode(_,{value:k.toString(),label:g,disabled:R,active:f,divide:o,onSelect:N=>b(N)},null))])])]})])])}});function re(e,t,c){var w;function r(){}const i="",p="",y=n.ref();function l(){return(t==null?void 0:t.schema.componentType)!=="frame"}function D(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function d(){return(t==null?void 0:t.schema.componentType)==="frame"}function a(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const h=n.ref(m==null?void 0:m.value.parent),S=a(h);return S||null}function u(m=t){const{componentInstance:h,designerItemElementRef:S}=m;return!h||!h.value?null:h.value.canMove?S:u(m.parent)}function b(m){return!!c}function g(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function k(){}function R(m,h){}function f(m,h){const{componentType:S}=m;let $=F(S,m,h);const O=S.toLowerCase().replace("-","_");return $&&!$.id&&$.type===S&&($.id=`${O}_${Math.random().toString().slice(2,6)}`),$}function o(m,h){const S=String(m.getAttribute("data-controltype")),$=m.getAttribute("data-feature"),O=$?JSON.parse($):{};O.parentComponentInstance=y.value;let V=F(S,O);const H=S.toLowerCase().replace("-","_");return V&&!V.id&&V.type===S&&(V.id=`${H}_${Math.random().toString().slice(2,6)}`),V}function N(m){}function v(...m){}return y.value={canMove:l(),canSelectParent:D(),canDelete:s(),canNested:!d(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(w=t==null?void 0:t.parent)==null?void 0:w.componentInstance,schema:t==null?void 0:t.schema,styles:i,designerClass:p,canAccepts:b,getBelongedComponentInstance:a,getDraggableDesignItemElement:u,getDraggingDisplayText:g,getPropConfig:v,getDragScopeElement:k,onAcceptMovedChildElement:R,onAcceptNewChildElement:o,onChildElementMovedOut:N,addNewChildComponentSchema:f,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1)},y}const ie=n.defineComponent({name:"FDropdownDesign",props:L,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:r,showDropMenu:i,hoverDropdown:p,leftButtonClick:y,closeDropMenu:l,selectItem:D,resolveSize:s}=q(e,t);function d(g){t.emit("select",g)}const a=n.ref(),u=n.inject("design-item-context"),b=re(a,u);return n.onMounted(()=>{a.value.componentInstance=b}),t.expose(b.value),()=>n.createVNode("div",{ref:a},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}],style:{width:e.width}},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:y},[e.title]),n.createVNode("span",{class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:i,onMouseenter:p,onMouseleave:p},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode("div",{class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:k,disabled:R,active:f,divide:o})=>n.createVNode(_,{value:k.toString(),label:g,disabled:R,active:f,divide:o,onSelect:N=>d(N)},null))])])])])}}),se={install(e){e.component(A.name,A)},register(e,t,c,r){e.dropdown=A,t.dropdown=z},registerDesigner(e,t,c){e.dropdown=ie,t.dropdown=z}};B.Dropdown=A,B.default=se,B.dropdownProps=L,B.propsResolver=z,Object.defineProperties(B,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(N,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],n):(N=typeof globalThis<"u"?globalThis:N||self,n(N.dropdown={},N.Vue,N.LodashES))})(this,function(N,n,L){"use strict";const z={},A={};function F(e){const{properties:t,title:c,ignore:r}=e,i=r&&Array.isArray(r),m=Object.keys(t).reduce((y,d)=>((!i||!r.find(v=>v==d))&&(y[d]=t[d].type==="object"&&t[d].properties?F(t[d]):L.cloneDeep(t[d].default)),y),{});return c&&(!i||!r.find(y=>y=="id"))&&(m.id=`${c}-${Date.now()}`),m}function W(e,t={},c){const r=z[e];if(r){let i=F(r);const m=A[e];return i=m?m({getSchemaByType:W},i,t,c):i,i}return null}function Y(e,t){const c=F(t);return Object.keys(e).reduce((r,i)=>(r[i]&&L.isPlainObject(r[i])&&L.isPlainObject(e[i])?Object.assign(r[i],e[i]):r[i]=e[i],r),c),c}function Z(e,t){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,i)=>{if(t.has(i)){const m=t.get(i);if(typeof m=="string")r[m]=e[i];else{const y=m(i,e[i],e);Object.assign(r,y)}}else r[i]=e[i];return r},{})}function G(e,t,c=new Map){const r=Y(e,t);return Z(r,c)}function J(e={}){function t(s,f,a,p){if(typeof a=="number")return p[s].length===a;if(typeof a=="object"){const b=Object.keys(a)[0],g=a[b];if(b==="not")return Number(p[s].length)!==Number(g);if(b==="moreThan")return Number(p[s].length)>=Number(g);if(b==="lessThan")return Number(p[s].length)<=Number(g)}return!1}function c(s,f,a,p){return p[s]&&p[s].propertyValue&&String(p[s].propertyValue.value)===String(a)}const r=new Map([["length",t],["getProperty",c]]);Object.keys(e).reduce((s,f)=>(s.set(f,e[f]),s),r);function i(s,f){const a=s;return typeof f=="number"?[{target:a,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:a,operator:"getProperty",param:s,value:!!f}]:typeof f=="object"?Object.keys(f).map(p=>{if(p==="length")return{target:a,operator:"length",param:null,value:f[p]};const b=p,g=f[p];return{target:a,operator:"getProperty",param:b,value:g}}):[]}function m(s){return Object.keys(s).reduce((a,p)=>{const b=i(p,s[p]);return a.push(...b),a},[])}function y(s,f){if(r.has(s.operator)){const a=r.get(s.operator);return a&&a(s.target,s.param,s.value,f)||!1}return!1}function d(s,f){return m(s).reduce((b,g)=>b&&y(g,f),!0)}function v(s,f){const a=Object.keys(s),p=a.includes("allOf"),b=a.includes("anyOf"),g=p||b,u=(g?s[g?p?"allOf":"anyOf":"allOf"]:[s]).map(S=>d(S,f));return p?!u.includes(!1):u.includes(!0)}return{parseValueSchema:v}}const Q={},U={};J();function x(e,t,c=new Map,r=(y,d,v)=>d,i={},m=y=>y){return z[t.title]=t,A[t.title]=r,Q[t.title]=i,U[t.title]=m,(y={})=>{const d=G(y,t,c),v=Object.keys(e).reduce((s,f)=>(s[f]=e[f].default,s),{});return Object.assign(v,d)}}function P(e,t){return{customClass:t.class,customStyle:t.style}}function K(e,t,c){return t}const I=new Map([["appearance",P]]),ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dropdown.schema.json",title:"dropdown",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for dropdown",type:"string"},type:{description:"The type string of dropdown",type:"string",default:"dropdown"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},te={title:"dropdown",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},j={show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"下拉示例"},size:{type:String,default:""},type:{type:String,default:"primary"},iconClass:{type:String,default:""},active:{type:Boolean,default:!1},splitButton:{type:Boolean,default:!1},position:{type:String,default:"bottom"},model:{type:Array,default:[{label:"项目一",value:"XM1"},{label:"项目二",value:"XM2"},{label:"项目三",value:"XM3"}]},onSelect:{type:Function,default:()=>{}}},M=x(j,ee,I,K,te);function q(e,t){let c;const r=n.ref(e.show),i=n.ref(),m=n.ref(),y=n.ref(),d=10;n.onMounted(()=>{c=m.value});const v=(u=1)=>{const o=["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"],S=Array.from(document.body.querySelectorAll(o.join(","))).filter(l=>l).map(l=>{const{display:D,zIndex:h}=window.getComputedStyle(l);return D==="none"?0:parseInt(h,10)}).filter(l=>l);let w=Math.max(...S);return w<1040&&(w=1040),w+u},s=(u,o)=>{const{height:S,left:w,top:l,width:D}=u.getBoundingClientRect(),{width:h,height:V,top:X}=o.getBoundingClientRect();if(u.className.indexOf("dropdown-submenu")>-1||u.closest(".dropdown-submenu")||u.classList.contains("dropright")){const R=window.innerWidth-w-u.offsetWidth,H=window.innerHeight-l,{position:E}=getComputedStyle(o);if(E==="fixed"){let k=w+u.offsetWidth;o.offsetWidth>R&&w>R&&(k=w-h),o.style.left=k+"px",o.style.right="auto",window.innerHeight-2*d<o.offsetHeight?(o.style.top=d+"px",o.style.bottom=d+"px",o.style.maxHeight=window.innerHeight-2*d+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):H<o.offsetHeight?(o.style.top="auto",o.style.bottom=d+"px"):(o.style.top=l+"px",o.style.bottom="auto")}else{if(o.offsetWidth>R){const k=-h;o.style.left=k+"px"}window.innerHeight-2*d<o.offsetHeight?(o.style.top=-1*(l-d)+"px",o.style.bottom="auto",o.style.maxHeight=window.innerHeight-2*d+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):H<o.offsetHeight&&(o.style.top=H-o.offsetHeight-d+"px",o.style.bottom="auto")}}else{const{marginTop:R,marginBottom:H}=getComputedStyle(o);let E=0;const k=Math.ceil(parseFloat(R))+Math.ceil(parseFloat(H));let $=l+S,_=w;window.innerHeight-$-k<V&&($=l-V,$<0&&(window.innerHeight-l-S>l?($=l+S,E=window.innerHeight-$-k-d):($=d,E=l-$-k))),window.innerWidth-w<h&&window.innerWidth-w<w+D&&(_=w-h+D),document.body.append(o),o.style.cssText=`position:fixed;bottom:unset;left:${_}px
+             !important;top:${$}px !important;right: unset;${E?"max-height:"+E+"px;overflow-y:auto;":""}`,E&&(o.className+=" dropdown-menu-maxheight"),o.style.zIndex=v().toString()}},f=()=>{s(i.value,m.value)},a=()=>{e.hover||(r.value=!1,document.removeEventListener("click",a),c.removeEventListener("click",a),document.removeEventListener("scroll",a),c.removeEventListener("scroll",a))};return{show:r,dropdownRef:i,dropdownMenuRef:m,clickEventRef:y,showDropMenu:u=>{e.hover||e.disabled||(u==null||u.stopPropagation(),r.value||setTimeout(()=>{f()}),r.value=!r.value,document.addEventListener("click",a),document.addEventListener("scroll",a),e.hideOnClick||(c.addEventListener("click",o=>{o.stopPropagation()}),c.addEventListener("scroll",o=>{o.stopPropagation()})))},hoverDropdown:u=>{e.hover&&(r.value||setTimeout(()=>{}),r.value=!r.value)},leftButtonClick:()=>{},closeDropMenu:a,selectItem:u=>{t.emit("select",u)},resolveSize:u=>{const o=/px|em|rem|pt|%/;return o.test(u)?`${parseInt(u,10)}${u.match(o)[0]}`:`${u}px`}}}const ne={label:{type:String,default:"XM1"},value:{type:String||Number,default:"项目一"},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},divide:{type:Boolean,default:!1},onSelect:{type:Function,default:()=>{}}},C=n.defineComponent({name:"FDropdownItem",props:ne,emits:["select"],setup(e,t){const c=n.ref(e.value),r=n.ref(e.label),i=n.ref(e.disabled),m=n.ref(e.active),y=n.ref(e.divide),d=()=>{i.value||t.emit("select",e)};return()=>n.createVNode("div",null,[n.withDirectives(n.createVNode("div",{class:"dropdown-divider"},null),[[n.vShow,y.value]]),n.createVNode("li",{class:`dropdown-item${m.value?" active":""} ${i.value?" disabled":""}`,onClick:d,title:c.value.toString()},[r.value])])}}),O=n.defineComponent({name:"FDropdown",props:j,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:r,dropdownMenuRef:i,dropdownRef:m,clickEventRef:y,showDropMenu:d,hoverDropdown:v,leftButtonClick:s,closeDropMenu:f,selectItem:a,resolveSize:p}=q(e,t);function b(g){t.emit("select",g)}return()=>n.createVNode("div",{ref:m},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}]},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:s},[e.title]),n.createVNode("span",{ref:y,class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:d,onMouseenter:v,onMouseleave:v},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode(n.Teleport,{to:"body"},{default:()=>[n.createVNode("div",{ref:i,class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:B,disabled:T,active:u,divide:o})=>n.createVNode(C,{value:B.toString(),label:g,disabled:T,active:u,divide:o,onSelect:S=>b(S)},null))])])]})])])}});function oe(e,t,c){var w;function r(){}const i="",m="",y=n.ref();function d(){return(t==null?void 0:t.schema.componentType)!=="frame"}function v(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function f(){return(t==null?void 0:t.schema.componentType)==="frame"}function a(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const D=n.ref(l==null?void 0:l.value.parent),h=a(D);return h||null}function p(l=t){const{componentInstance:D,designerItemElementRef:h}=l;return!D||!D.value?null:D.value.canMove?h:p(l.parent)}function b(l){return!!c}function g(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function B(){}function T(l,D){}function u(l,D){const{componentType:h}=l;let V=W(h,l,D);const X=h.toLowerCase().replace("-","_");return V&&!V.id&&V.type===h&&(V.id=`${X}_${Math.random().toString().slice(2,6)}`),V}function o(l){}function S(...l){}return y.value={canMove:d(),canSelectParent:v(),canDelete:s(),canNested:!f(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(w=t==null?void 0:t.parent)==null?void 0:w.componentInstance,schema:t==null?void 0:t.schema,styles:i,designerClass:m,canAccepts:b,getBelongedComponentInstance:a,getDraggableDesignItemElement:p,getDraggingDisplayText:g,getPropConfig:S,getDragScopeElement:B,onAcceptMovedChildElement:T,onChildElementMovedOut:o,addNewChildComponentSchema:u,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1)},y}const re=n.defineComponent({name:"FDropdownDesign",props:j,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:r,showDropMenu:i,hoverDropdown:m,leftButtonClick:y,closeDropMenu:d,selectItem:v,resolveSize:s}=q(e,t);function f(g){t.emit("select",g)}const a=n.ref(),p=n.inject("design-item-context"),b=oe(a,p);return n.onMounted(()=>{a.value.componentInstance=b}),t.expose(b.value),()=>n.createVNode("div",{ref:a},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}],style:{width:e.width}},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:y},[e.title]),n.createVNode("span",{class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:i,onMouseenter:m,onMouseleave:m},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode("div",{class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:B,disabled:T,active:u,divide:o})=>n.createVNode(C,{value:B.toString(),label:g,disabled:T,active:u,divide:o,onSelect:S=>f(S)},null))])])])])}}),ie={install(e){e.component(O.name,O)},register(e,t,c,r){e.dropdown=O,t.dropdown=M},registerDesigner(e,t,c){e.dropdown=re,t.dropdown=M}};N.Dropdown=O,N.default=ie,N.dropdownProps=j,N.propsResolver=M,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/dynamic-form/index.css

@@ -0,0 +1 @@
+.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}