@farris/ui-vue 1.1.0 → 1.1.1

package/button/index.umd.js

@@ -1 +0,0 @@
-(function(C,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):(C=typeof globalThis<"u"?globalThis:C||self,n(C.button={},C.Vue,C.LodashES))})(this,function(C,n,Z){"use strict";const q={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"small"},icon:{type:String}};function K(e,t){function o(a){a.stopPropagation(),e.disabled||t.emit("click",a)}return{onClickButton:o}}function x(e){const t=n.computed(()=>{const a={"f-icon":!0};if(e.icon){const i=e.icon.trim().split(" ");i&&i.length&&i.reduce((s,u)=>(s[u]=!0,s),a)}return a}),o=n.computed(()=>!!(e.icon&&e.icon.trim()));return{iconClass:t,shouldShowIcon:o}}const z=n.defineComponent({name:"FButton",props:q,emits:["click"],setup(e,t){const{onClickButton:o}=K(e,t),{iconClass:a,shouldShowIcon:i}=x(e),s=n.ref(e.size),u=n.ref(e.type),h=n.ref(e.disabled),d=n.computed(()=>{const r={btn:!0,"btn-lg":s.value==="large","btn-sm":s.value!=="large"};return r[`btn-${u.value}`]=!0,r});return()=>n.createVNode("button",{class:d.value,disabled:h.value,onClick:r=>o(r)},[i.value&&n.createVNode("i",{class:a.value},null),t.slots.default&&t.slots.default()])}}),X={},J={};function R(e){const{properties:t,title:o}=e,a=Object.keys(t).reduce((i,s)=>(i[s]=t[s].type==="object"&&t[s].properties?R(t[s]):Z.cloneDeep(t[s].default),i),{});return a.id=`${o}-${Date.now()}`,a}function G(e,t={}){const o=X[e];if(o){let a=R(o);const i=J[e];return a=i?i({getSchemaByType:G},a,t):a,a}return null}function I(e,t){const o=R(t);return Object.keys(e).reduce((a,i)=>(a[i]=e[i],a),o),o}function tt(e,t){return Object.keys(e).filter(a=>e[a]!=null).reduce((a,i)=>{if(t.has(i)){const s=t.get(i);if(typeof s=="string")a[s]=e[i];else{const u=s(i,e[i],e);Object.assign(a,u)}}else a[i]=e[i];return a},{})}function et(e,t,o=new Map){const a=I(e,t);return tt(a,o)}function ot(e={}){function t(r,c,l,p){if(typeof l=="number")return p[r].length===l;if(typeof l=="object"){const b=Object.keys(l)[0],m=l[b];if(b==="not")return Number(p[r].length)!==Number(m);if(b==="moreThan")return Number(p[r].length)>=Number(m);if(b==="lessThan")return Number(p[r].length)<=Number(m)}return!1}function o(r,c,l,p){return p[c]&&p[c].propertyValue&&String(p[c].propertyValue.value)===String(l)}const a=new Map([["length",t],["getProperty",o]]);Object.keys(e).reduce((r,c)=>(r.set(c,e[c]),r),a);function i(r,c){const l=r;return typeof c=="number"?[{target:l,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:l,operator:"getProperty",param:r,value:!!c}]:typeof c=="object"?Object.keys(c).map(p=>{if(p==="length")return{target:l,operator:"length",param:null,value:c[p]};const b=p,m=c[p];return{target:l,operator:r,param:b,value:m}}):[]}function s(r){return Object.keys(r).reduce((l,p)=>{const b=i(p,r[p]);return l.push(...b),l},[])}function u(r,c){if(a.has(r.operator)){const l=a.get(r.operator);return l&&l(r.target,r.param,r.value,c)||!1}return!1}function h(r,c){return s(r).reduce((b,m)=>b&&u(m,c),!0)}function d(r,c){const l=Object.keys(r),p=l.includes("allOf"),b=l.includes("anyOf"),m=p||b,N=(m?r[m?p?"allOf":"anyOf":"allOf"]:[r]).map(j=>h(j,c));return p?!N.includes(!1):N.includes(!0)}return{parseValueSchema:d}}const nt={},rt={};ot();function ct(e,t,o=new Map,a=(u,h,d)=>h,i={},s=u=>u){return X[t.title]=t,J[t.title]=a,nt[t.title]=i,rt[t.title]=s,(u={})=>{const h=et(u,t,o),d=Object.keys(e).reduce((r,c)=>(r[c]=e[c].default,r),{});return Object.assign(d,h)}}const it={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-group.schema.json",title:"button-group",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for button-group",type:"string"},type:{description:"The type string of button-group",type:"string",default:"button-group"},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"]};function at(e,t,o){return t}function lt(e,t){return{customClass:t.class}}const st=new Map([["appearance",lt]]),ut={title:"button-group",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:[]}}}}}},F={id:String,rectifyReferenceH:{type:Object},rectifyReferenceV:{type:Object},autoRectify:{type:Boolean,default:!1},realPlacement:{type:String,default:"bottom-right"},rectifyPlacement:{type:String,default:"bottom-right"},data:{type:Array,default:[{id:"ex1",text:"主要按钮",type:"primary"}]},count:{type:Number,default:2},size:{type:String,default:"small"},type:{type:String,default:"primary"},placement:{type:String,default:"bottom"},showPanel:{type:Boolean,default:!1},dpFlag:{type:Boolean,default:!1}},H=ct(F,it,st,at,ut);function pt(e,t,o){const a=n.ref(),i=n.ref(!1);function s(){const l=a.value;l&&l.show(o.value)}async function u(){i.value=!i.value,await n.nextTick(),s()}function h(){i.value=!1}function d(l){l.stopPropagation(),u(),t.emit("changeState",i.value)}function r(l,p){l.stopPropagation(),!p.disabled&&(i.value=!1,t.emit("change",p.id),t.emit("click",p))}function c(){i.value&&setTimeout(()=>{h()},1e3)}return{hidePopup:h,onClickDropdownButton:d,onClickDropdownMenuItem:r,onMouseleaveDropdownButton:c,popoverRef:a,shouldPopupContent:i,togglePopup:u}}const ft={id:{type:String},title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:n.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}};function dt(e){const t=e.host?e.host:"body",o=n.computed(()=>t==="body"?0:t?t.getBoundingClientRect().top:0),a=n.computed(()=>t==="body"?0:t?t.getBoundingClientRect().left:0),i=n.computed(()=>t==="body"?document.body.getBoundingClientRect().width:t?t.getBoundingClientRect().width-(e.rightBoundary?e.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),s=n.computed(()=>t==="body"?document.body.getBoundingClientRect().height:t?t.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:t,hostLeft:a,hostTop:o,hostWidth:i,hostHeight:s}}function ht(e,t,o,a){var Y;const i=n.ref(0),s=n.ref(((Y=e.offsetX)==null?void 0:Y.value)||0),u=n.ref(e.minWidth),h=n.ref(-1),d=n.ref(-1),r=n.ref(e.placement),c=n.ref(0),l=n.ref(0),p=n.ref(0),b=n.ref(document.documentElement.scrollLeft),m=n.ref(document.documentElement.scrollTop),{hostLeft:B,hostTop:L,hostWidth:N,hostHeight:$}=a;n.watch(e.offsetX,f=>{i.value=f-s.value});const j=n.computed(()=>{const f={left:`${l.value}px`,top:`${p.value}px`,transform:`translateX(${i.value}px)`};return e.zIndex!==-1&&(f["z-index"]=e.zIndex),u.value!==-1&&(f.width=`${u.value}px`),f}),V=n.computed(()=>({left:`${c.value}px`}));function S(f){if(f&&e.keepWidthWithReference){const g=f.getBoundingClientRect();u.value=Math.max(e.minWidth,g.width)}}function y(f,g){const w=N.value-f.width-4;return w>0?w:g}function P(f,g){const w=$.value-f.height-4;return w>0?w:g}function v(f,g,w){const k=c.value,T=g.left-B.value+g.width/2+b.value,D=g.top-L.value-(f.height+w.height)+m.value;return{popoverLeft:T,popoverTop:D,arrowLeft:k}}function M(f,g,w){const k=g.top-L.value+(g.height+w.height)+m.value,T=P(f,k);return Math.min(k,T)}function E(f,g){const w=y(g,f),k=f<=w?c.value:f-w;return{popoverLeft:Math.min(f,w),arrowLeft:k}}function O(f,g,w){const k=g.left-B.value+g.width/2-(w.width/2-(f.left-B.value))+b.value,{arrowLeft:T,popoverLeft:D}=E(k,f),W=M(f,g,w);return{popoverLeft:D,popoverTop:W,arrowLeft:T}}function _(f,g,w){const k=g.left-B.value+b.value,{arrowLeft:T,popoverLeft:D}=E(k,f),W=M(f,g,w);return{popoverLeft:D,popoverTop:W,arrowLeft:T}}const Ct=new Map([["top",v],["bottom",O],["bottom-left",_]]);function Q(f){var D,W;const g=f.getBoundingClientRect();h.value=g.top,d.value=g.left;const w=(D=t.value)==null?void 0:D.getBoundingClientRect(),k=(W=o.value)==null?void 0:W.getBoundingClientRect(),T=Ct.get(r.value);if(T){const{arrowLeft:Tt,popoverLeft:Nt,popoverTop:St}=T(k,g,w);c.value=Tt,l.value=Nt,p.value=St}e.keepWidthWithReference&&S(f)}function kt(f){if(f){const g=f.getBoundingClientRect();(g.left!==d.value||g.top!==h.value)&&Q(f)}}return{arrowStyle:V,popoverStyle:j,position:r,popoverWidth:u,fitToReference:S,followToReferencePosition:kt,locateToReference:Q}}function yt(e,t,o,a,i,s,u){const h=n.ref(e.visible),d=n.computed(()=>h.value),{fitToReference:r,locateToReference:c}=u;let l;function p(){h.value=!1,document.body.removeEventListener("click",l),t.emit("hidden")}l=m=>{if(!i.value.contains(m.target)){const B=i.value.closest(".popover");B&&B.removeEventListener("click",l),p()}};async function b(m){if(a.value&&o.value&&m){h.value=!0,i.value=m,s.value&&r(m),await n.nextTick(),c(m),document.body.addEventListener("click",l);const B=m.closest(".popover");B&&B.addEventListener("click",l),t.emit("shown")}}return t.expose({hide:p,show:b,shown:d}),{showPopover:h,hidePopverOnClickBodyHandler:l}}function gt(e,t,o,a,i){const{popoverWidth:s,fitToReference:u,followToReferencePosition:h}=i;function d(){if(o.value){h(o.value);const r=o.value.getBoundingClientRect();a.value&&r.width!==s.value&&u(o.value)}}return{onResize:d}}const mt=n.defineComponent({name:"FPopover",props:ft,emits:["shown","hidden"],setup(e,t){const o=n.ref(),a=n.ref(),i=n.ref(e.reference),s=n.ref(e.keepWidthWithReference),u=n.computed(()=>!!e.title),h=dt(e),{host:d}=h,r=ht(e,o,a,h),{position:c,arrowStyle:l,popoverStyle:p,fitToReference:b,locateToReference:m}=r,{showPopover:B,hidePopverOnClickBodyHandler:L}=yt(e,t,o,a,i,s,r),{onResize:N}=gt(e,t,i,s,r),$=n.computed(()=>{const V=`popover in popover-${c.value}`,S=`bs-popover-${c.value}`,y={"popover-fitcontent":e.fitContent};return y[V]=!0,y[S]=!0,(e.class||"").split(" ").reduce((v,M)=>(v[M]=!0,v),y),y}),j=n.computed(()=>({"popover-content":!0,"popover-body":!0}));return n.onMounted(()=>{e.reference&&m(i.value),s.value&&b(i.value),window.addEventListener("resize",N)}),n.onUnmounted(()=>{document.body.removeEventListener("click",L),window.removeEventListener("resize",N)}),()=>n.createVNode(n.Teleport,{to:d},{default:()=>{var V;return[n.withDirectives(n.createVNode("div",{ref:a,class:$.value,style:p.value,onClick:S=>{S.stopPropagation()}},[n.createVNode("div",{ref:o,class:"popover-arrow arrow",style:l.value},null),u.value&&n.createVNode("h3",{class:"popover-title popover-header"},[e.title]),n.createVNode("div",{class:j.value},[t.slots.default&&((V=t.slots)==null?void 0:V.default())])]),[[n.vShow,B.value]])]}})}});function bt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}function vt(e,t,o){const{hidePopup:a,onClickDropdownMenuItem:i,popoverRef:s}=o;function u(d){return n.createVNode(n.Fragment,null,[d.divider&&n.createVNode("div",{class:"dropdown-divider"},null),n.createVNode("div",{id:d.id,class:"dropdown-item"+(d.disabled?" disabled":""),onClick:r=>i(r,d)},[d.icon&&n.createVNode("i",{class:"f-icon dropdown-item-icon"+d.icon},null),n.createVNode("span",null,[d.text])])])}function h(d){let r;return n.createVNode(mt,{id:`${e.id}-popover`,ref:s,visible:!0,placement:"bottom-left",host:t.value,fitContent:!0,onHidden:a,minWidth:120},bt(r=d.map(c=>u(c)))?r:{default:()=>[r]})}return{renderDropdownMenu:h}}function U(e,t){const o=n.ref(),a=n.ref(),i=pt(e,t,a),{onMouseleaveDropdownButton:s,onClickDropdownButton:u,shouldPopupContent:h}=i,{renderDropdownMenu:d}=vt(e,o,i);function r(c){return n.createVNode("div",{class:"btn-group f-btn-group-dropdown",ref:o,onMouseleave:s},[n.createVNode("button",{title:"button",ref:a,type:"button",class:"f-btn-dropdown",onClick:u},[n.createVNode("span",{class:"f-icon f-icon-lookup"},null)]),h.value&&d(c)])}return{renderDropdownButton:r}}const A=n.defineComponent({name:"FButtonGroup",props:F,emits:["click","changeState","change","clickMenuOut"],setup(e,t){const o=n.ref(),a=e.data&&e.data.slice(0,e.count)||[],i=e.data&&e.data.slice(e.count)||[],s=function(r){const c={btn:!0,"f-btn-ml":r.type&&r.type!=="link","btn-link":!!r.icon||!r.type,"btn-icontext":!!r.icon,disabled:r.disabled};return r.type&&(c[`btn-${r.type}`]=!0),c};function u(r,c){r.stopPropagation(),!c.disabled&&(t.emit("change",c.id),t.emit("click",c))}function h(r){return n.createVNode("div",null,[n.createVNode("button",{type:"button",id:r.id,title:r.id,class:s(r),onClick:c=>u(c,r)},[r.icon&&n.createVNode("i",{class:`f-icon ${r.icon}`},null),!r.icon&&r.text])])}const{renderDropdownButton:d}=U(e,t);return()=>n.createVNode("div",{class:"f-btn-group",style:"position:relative;",ref:o},[n.createVNode("div",{class:(e.size==="large"?"btn-group-lg":"btn-group-sm")+" btn-group f-btn-group-links"},[a.map(r=>h(r))]),!!i.length&&d(i)])}});function wt(e,t,o){var S;function a(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}a();const i=o&&o.getStyles&&o.getStyles()||"",s=o&&o.getDesignerClass&&o.getDesignerClass()||"",u=n.ref();function h(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function d(){return!1}function r(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function c(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function l(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const P=n.ref(y==null?void 0:y.value.parent),v=l(P);return v||null}function p(y=t){const{componentInstance:P,designerItemElementRef:v}=y;return!P||!P.value?null:P.value.canMove?v:p(y.parent)}function b(y){return!!o&&o.canAccepts(y)}function m(){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 L(y,P){P&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(P)}function N(y){const{componentType:P}=y;let v=G(P,y);o&&o.onResolveNewComponentSchema&&(v=o.onResolveNewComponentSchema(y,v));const M=P.toLowerCase().replace("-","_");return v&&!v.id&&v.type===P&&(v.id=`${M}_${Math.random().toString().slice(2,6)}`),v}function $(y,P){const v=String(y.getAttribute("data-controltype")),M=y.getAttribute("data-feature"),E=M?JSON.parse(M):{};E.parentComponentInstance=u.value;let O=G(v,E);o&&o.onAcceptNewChildElement&&(O=o.onAcceptNewChildElement(y,P,O));const _=v.toLowerCase().replace("-","_");return O&&!O.id&&O.type===v&&(O.id=`${_}_${Math.random().toString().slice(2,6)}`),O}function j(y){}function V(){return o&&o.getPropsConfig?o.getPropsConfig():[]}return u.value={canMove:h(),canSelectParent:d(),canDelete:r(),canNested:!c(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(S=t==null?void 0:t.parent)==null?void 0:S.componentInstance,schema:t==null?void 0:t.schema,styles:i,designerClass:s,canAccepts:b,getBelongedComponentInstance:l,getDraggableDesignItemElement:p,getDraggingDisplayText:m,getPropConfig:V,getDragScopeElement:B,onAcceptMovedChildElement:L,onAcceptNewChildElement:$,onChildElementMovedOut:j,addNewChildComponentSchema:N,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||n.ref(!1)},u}const Pt=n.defineComponent({name:"FButtonGroupDesign",props:F,emits:["click","changeState","change","clickMenuOut"],setup(e,t){const o=n.ref(),a=n.inject("design-item-context"),i=wt(o,a);n.onMounted(()=>{o.value.componentInstance=i}),t.expose(i.value);const s=e.data&&e.data.slice(0,e.count)||[],u=e.data&&e.data.slice(e.count)||[],h=function(c){const l={btn:!0,"f-btn-ml":c.type&&c.type!=="link","btn-link":!!c.icon||!c.type,"btn-icontext":!!c.icon,disabled:c.disabled};return c.type&&(l[`btn-${c.type}`]=!0),l};function d(c){return n.createVNode("div",null,[n.createVNode("button",{type:"button",id:c.id,title:c.id,class:h(c)},[c.icon&&n.createVNode("i",{class:`f-icon ${c.icon}`},null),!c.icon&&c.text])])}const{renderDropdownButton:r}=U(e,t);return()=>n.createVNode("div",{class:"f-btn-group",style:"position:relative;",ref:o},[n.createVNode("div",{class:(e.size==="large"?"btn-group-lg":"btn-group-sm")+" btn-group f-btn-group-links"},[s.map(c=>d(c))]),!!u.length&&r(u)])}}),Bt={install(e){e.component(z.name,z),e.component(A.name,A)},register(e,t,o){e["button-group"]=A,t["button-group"]=H},registerDesigner(e,t,o){e["button-group"]=Pt,t["button-group"]=H}};C.FButton=z,C.FButtonGroup=A,C.buttonGroupProps=F,C.buttonProps=q,C.default=Bt,C.propsResolver=H,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/button/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "button",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/button/index.d.ts"
-}