bkui-vue 0.0.1-beta.470 → 0.0.1-beta.471
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +4 -2
- package/dist/index.umd.js +1 -1
- package/lib/resize-layout/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var i="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var l in i)("object"==typeof exports?exports:e)[l]=i[l]}}(self,((e,t,i)=>(()=>{"use strict";var l={6870:e=>{e.exports=i},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return l[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var i="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var l in i)("object"==typeof exports?exports:e)[l]=i[l]}}(self,((e,t,i)=>(()=>{"use strict";var l={6870:e=>{e.exports=i},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return l[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{default:()=>u});var e=o(4212);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function i(e,i,l){return(i=function(e){var i=function(e,i){if("object"!==t(e)||null===e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var a=l.call(e,"string");if("object"!==t(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(i)?i:String(i)}(i))in e?Object.defineProperty(e,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[i]=l,e}var l=o(748),a=o(6870);const r=(0,l.defineComponent)({name:"ResizeLayout",props:{placement:e.PropTypes.placement().def("left"),min:e.PropTypes.number.def(3),max:e.PropTypes.number.def(1/0),triggerWidth:e.PropTypes.number.def(5),triggerOffset:e.PropTypes.number.def(3),initialDivide:e.PropTypes.oneOfType([String,Number]).def("20%"),immediate:e.PropTypes.bool,disabled:e.PropTypes.bool,collapsible:e.PropTypes.bool,autoMinimize:e.PropTypes.oneOfType([Boolean,Number]).def(!1),border:e.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,t){var a=t.emit,o=(0,l.toRefs)(e),n=o.placement,r=o.initialDivide,u=o.triggerOffset,s=o.triggerWidth,c=o.max,v=o.min,d=o.immediate,f=o.autoMinimize,p=(0,l.ref)(!1),b=(0,l.ref)(!0),y=(0,l.ref)(!1),m=(0,l.ref)(null),h=(0,l.ref)({}),g=(0,l.ref)(null),z=(0,l.ref)(null),x=(0,l.ref)(null),k=(0,l.ref)(null),w=(0,l.computed)((function(){return["left","right"].includes(n.value)})),P=(0,l.computed)((function(){return w.value?"width":"height"})),S=(0,l.computed)((function(){var e=r.value;return"number"==typeof e&&(e="".concat(e,"px")),i({},P.value,e)})),R=(0,l.computed)((function(){var e;return i(e={},"margin-".concat(n.value),"".concat(u.value-s.value,"px")),i(e,P.value,"".concat(s.value,"px")),e})),T=(0,l.computed)((function(){return f.value?"boolean"==typeof f.value?50:f.value:0})),M=new ResizeObserver((function(){var e=g.value.getBoundingClientRect();m.value=w.value?e.width:e.height})),j=function(){var t=k.value.getBoundingClientRect();C(!p.value),p.value?(k.value.setAttribute("data-".concat(P.value),"".concat(t[P.value],"px")),k.value.style[P.value]=e.collapsible?"0px":"5px"):(b.value=!0,k.value.style[P.value]=k.value.getAttribute("data-".concat(P.value)))},C=function(e){k.value.addEventListener("transitionend",(function t(){b.value=e,k.value.style.transition="",k.value.removeEventListener("transitionend",t)})),k.value.style.transition="".concat(P.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};return(0,l.onMounted)((function(){M.observe(g.value)})),(0,l.onBeforeUnmount)((function(){g.value&&(M.unobserve(g.value),M=null)})),{collapsed:p,asideContentVisible:b,minimized:y,limitMax:m,state:h,vertical:w,cssPropKey:P,bkResizeLayoutRef:g,resizeProxyRef:z,resizeMaskRef:x,asideRef:k,triggerStyle:R,asideStyle:S,handleMousedown:function(e){a("before-resize",e);var t=k.value.getBoundingClientRect();h.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),x.value.style.display="block",x.value.style.cursor=w.value?"col-resize":"row-resize",d.value||function(){switch(z.value.style.visibility="visible",n.value){case"left":z.value.style.inset="0 auto auto ".concat(h.value.aside.width,"px");break;case"right":z.value.style.inset="0 ".concat(h.value.aside.width,"px auto auto");break;case"top":z.value.style.inset="".concat(h.value.aside.height,"px auto auto 0");break;case"bottom":z.value.style.inset="auto auto ".concat(h.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var i=function(e){var t;switch(n.value){case"top":t=e.clientY-h.value.mouse.clientY;break;case"right":t=h.value.mouse.clientX-e.clientX;break;case"bottom":t=h.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-h.value.mouse.clientX}var i,l=(i=h.value.aside[P.value]+t,Math.min(c.value,Math.max(v.value,i),m.value-s.value)+u.value),o="".concat(l,"px");d.value?k.value.style[P.value]=o:z.value.style[n.value]=o,a("resizing",l)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",(function e(){if(z.value.style.visibility="hidden",x.value.style.display="none",document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,(0,l.nextTick)((function(){(function(){if(!f.value)return!1;var e=k.value.getBoundingClientRect();if(y.value=p.value=e[P.value]<=T.value,!y.value)return b.value=!0,!1;j(),(0,l.nextTick)((function(){k.value.setAttribute("data-".concat(P.value),S.value[P.value])}))})(),a("after-resize",parseFloat(z.value.style[n.value]))})),d.value)return!1;k.value.style[P.value]=z.value.style[n.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,j(),a("collapse-change",p.value)}}},render:function(){var e,t,i,o,n,r,u=["bk-resize-layout","bk-resize-layout-".concat(this.placement),{"bk-resize-layout-collapsed":this.collapsed,"bk-resize-layout-border":this.border,"bk-resize-layout-collapsible":this.collapsible}];return(0,l.createVNode)("div",{ref:"bkResizeLayoutRef",class:u},[(0,l.createVNode)("aside",{class:"bk-resize-layout-aside",ref:"asideRef",style:this.asideStyle},[(0,l.withDirectives)((0,l.createVNode)("div",{class:"bk-resize-layout-aside-content"},[null===(t=(e=this.$slots).aside)||void 0===t?void 0:t.call(e)]),[[l.vShow,this.asideContentVisible]]),(0,l.withDirectives)((0,l.createVNode)("i",{class:"bk-resize-trigger",style:this.triggerStyle,onMousedown:(0,l.withModifiers)(this.handleMousedown,["left"])},null),[[l.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),(0,l.withDirectives)((0,l.createVNode)("i",{class:["bk-resize-proxy",this.placement],ref:"resizeProxyRef"},null),[[l.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(o=(i=this.$slots)["collapse-trigger"])||void 0===o?void 0:o.call(i))||(this.collapsed?(0,l.createVNode)(a.AngleRight,{class:"bk-resize-collapse",onClick:this.setCollapse},null):(0,l.createVNode)(a.AngleLeft,{class:"bk-resize-collapse",onClick:this.setCollapse},null)))]),(0,l.createVNode)("main",{class:"bk-resize-layout-main"},[null===(r=(n=this.$slots).main)||void 0===r?void 0:r.call(n)]),(0,l.createVNode)("div",{class:"bk-resize-mask",ref:"resizeMaskRef"},null)])}}),u=(0,e.withInstall)(r)})(),n})()));
|