bkui-vue 0.0.2-beta.78 → 0.0.2-beta.79

package/lib/resize-layout/index.js

@@ -1,429 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Z: () => (/* binding */ src)
-});
-
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-;// CONCATENATED MODULE: external "vue"
-var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives, ["withModifiers"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers });
-;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
-;// CONCATENATED MODULE: external "../icon"
-var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_icon_y = x => () => x
-const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight });
-;// CONCATENATED MODULE: ../../packages/resize-layout/src/resize-layout.tsx
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-
-/* harmony default export */ const resize_layout = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'ResizeLayout',
-  props: {
-    placement: external_shared_namespaceObject.PropTypes.placement().def('left'),
-    min: external_shared_namespaceObject.PropTypes.number.def(3),
-    max: external_shared_namespaceObject.PropTypes.number.def(Infinity),
-    triggerWidth: external_shared_namespaceObject.PropTypes.number.def(5),
-    triggerOffset: external_shared_namespaceObject.PropTypes.number.def(3),
-    initialDivide: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('20%'),
-    immediate: external_shared_namespaceObject.PropTypes.bool,
-    disabled: external_shared_namespaceObject.PropTypes.bool,
-    collapsible: external_shared_namespaceObject.PropTypes.bool,
-    autoMinimize: external_shared_namespaceObject.PropTypes.oneOfType([Boolean, Number]).def(false),
-    border: external_shared_namespaceObject.PropTypes.bool.def(true)
-  },
-  emits: ['before-resize', 'resizing', 'after-resize', 'collapse-change'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
-      placement = _toRefs.placement,
-      initialDivide = _toRefs.initialDivide,
-      triggerOffset = _toRefs.triggerOffset,
-      triggerWidth = _toRefs.triggerWidth,
-      max = _toRefs.max,
-      min = _toRefs.min,
-      immediate = _toRefs.immediate,
-      autoMinimize = _toRefs.autoMinimize;
-    var collapsed = (0,external_vue_namespaceObject.ref)(false);
-    var asideContentVisible = (0,external_vue_namespaceObject.ref)(true);
-    var minimized = (0,external_vue_namespaceObject.ref)(false);
-    var limitMax = (0,external_vue_namespaceObject.ref)(null);
-    var state = (0,external_vue_namespaceObject.ref)({});
-    var bkResizeLayoutRef = (0,external_vue_namespaceObject.ref)(null);
-    var resizeProxyRef = (0,external_vue_namespaceObject.ref)(null);
-    var resizeMaskRef = (0,external_vue_namespaceObject.ref)(null);
-    var asideRef = (0,external_vue_namespaceObject.ref)(null);
-    var vertical = (0,external_vue_namespaceObject.computed)(function () {
-      return ['left', 'right'].includes(placement.value);
-    });
-    var cssPropKey = (0,external_vue_namespaceObject.computed)(function () {
-      return vertical.value ? 'width' : 'height';
-    });
-    var asideStyle = (0,external_vue_namespaceObject.computed)(function () {
-      var divide = initialDivide.value;
-      if (typeof divide === 'number') {
-        divide = "".concat(divide, "px");
-      }
-      return _defineProperty({}, cssPropKey.value, divide);
-    });
-    var triggerStyle = (0,external_vue_namespaceObject.computed)(function () {
-      var _style;
-      var style = (_style = {}, _defineProperty(_style, "margin-".concat(placement.value), "".concat(triggerOffset.value - triggerWidth.value, "px")), _defineProperty(_style, cssPropKey.value, "".concat(triggerWidth.value, "px")), _style);
-      return style;
-    });
-    var parseAutoMinimize = (0,external_vue_namespaceObject.computed)(function () {
-      if (autoMinimize.value) {
-        return typeof autoMinimize.value === 'boolean' ? 50 : autoMinimize.value;
-      }
-      return 0;
-    });
-    var setMaxLimit = function setMaxLimit() {
-      var rect = bkResizeLayoutRef.value.getBoundingClientRect();
-      limitMax.value = vertical.value ? rect.width : rect.height;
-    };
-    var observer = new ResizeObserver(setMaxLimit);
-    // 更新 resizeProxyRef 的样式
-    var updateResizeProxyStyle = function updateResizeProxyStyle() {
-      resizeProxyRef.value.style.visibility = 'visible';
-      switch (placement.value) {
-        case 'left':
-          resizeProxyRef.value.style.inset = "0 auto auto ".concat(state.value.aside.width, "px");
-          break;
-        case 'right':
-          resizeProxyRef.value.style.inset = "0  ".concat(state.value.aside.width, "px auto auto");
-          break;
-        case 'top':
-          resizeProxyRef.value.style.inset = "".concat(state.value.aside.height, "px auto auto 0");
-          break;
-        case 'bottom':
-          resizeProxyRef.value.style.inset = "auto auto ".concat(state.value.aside.height, "px 0");
-          break;
-      }
-    };
-    // 更新遮罩的样式
-    var updateResizeMaskStyle = function updateResizeMaskStyle() {
-      resizeMaskRef.value.style.display = 'block';
-      resizeMaskRef.value.style.cursor = vertical.value ? 'col-resize' : 'row-resize';
-    };
-    var getRealValue = function getRealValue(current) {
-      return Math.min(max.value, Math.max(min.value, current), limitMax.value - triggerWidth.value);
-    };
-    // mousedown 事件处理
-    var handleMousedown = function handleMousedown(event) {
-      emit('before-resize', event);
-      var asideRect = asideRef.value.getBoundingClientRect();
-      state.value = Object.freeze({
-        mouse: {
-          clientX: event.clientX,
-          clientY: event.clientY
-        },
-        aside: {
-          width: asideRect.width,
-          height: asideRect.height
-        }
-      });
-      updateResizeMaskStyle();
-      if (!immediate.value) {
-        updateResizeProxyStyle();
-      }
-      document.onselectstart = function () {
-        return false;
-      };
-      document.ondragstart = function () {
-        return false;
-      };
-      var resizingCallback = function resizingCallback(value) {
-        emit('resizing', value);
-      };
-      var handleMouseMove = function handleMouseMove(event) {
-        var delta;
-        switch (placement.value) {
-          case 'top':
-            delta = event.clientY - state.value.mouse.clientY;
-            break;
-          case 'right':
-            delta = state.value.mouse.clientX - event.clientX;
-            break;
-          case 'bottom':
-            delta = state.value.mouse.clientY - event.clientY;
-            break;
-          case 'left':
-            delta = event.clientX - state.value.mouse.clientX;
-        }
-        var current = state.value.aside[cssPropKey.value] + delta;
-        var realValue = getRealValue(current) + triggerOffset.value;
-        var pixel = "".concat(realValue, "px");
-        if (immediate.value) {
-          asideRef.value.style[cssPropKey.value] = pixel;
-        } else {
-          resizeProxyRef.value.style[placement.value] = pixel;
-        }
-        resizingCallback(realValue);
-      };
-      var handleMouseUp = function handleMouseUp() {
-        resizeProxyRef.value.style.visibility = 'hidden';
-        resizeMaskRef.value.style.display = 'none';
-        document.removeEventListener('mousemove', handleMouseMove);
-        document.removeEventListener('mouseup', handleMouseUp);
-        document.onselectstart = null;
-        document.ondragstart = null;
-        (0,external_vue_namespaceObject.nextTick)(function () {
-          setupAutoMinimize();
-          emit('after-resize', parseFloat(resizeProxyRef.value.style[placement.value]));
-        });
-        if (immediate.value) {
-          return false;
-        }
-        asideRef.value.style[cssPropKey.value] = resizeProxyRef.value.style[placement.value];
-      };
-      document.addEventListener('mousemove', handleMouseMove);
-      document.addEventListener('mouseup', handleMouseUp);
-    };
-    var setupAutoMinimize = function setupAutoMinimize() {
-      if (!autoMinimize.value) {
-        return false;
-      }
-      var asideRect = asideRef.value.getBoundingClientRect();
-      // 最小化同时设置为已折叠，此时展开以初始化initial-divide数据为参考
-      // eslint-disable-next-line no-multi-assign
-      minimized.value = collapsed.value = asideRect[cssPropKey.value] <= parseAutoMinimize.value;
-      if (!minimized.value) {
-        asideContentVisible.value = true;
-        return false;
-      }
-      setupAsideAnimation();
-      (0,external_vue_namespaceObject.nextTick)(function () {
-        asideRef.value.setAttribute("data-".concat(cssPropKey.value), asideStyle.value[cssPropKey.value]);
-      });
-    };
-    var setCollapse = function setCollapse(collapse) {
-      collapsed.value = typeof collapse === 'boolean' ? collapse : !collapsed.value;
-      setupAsideAnimation();
-      emit('collapse-change', collapsed.value);
-    };
-    var setupAsideAnimation = function setupAsideAnimation() {
-      var asideRect = asideRef.value.getBoundingClientRect();
-      setupAsideListener(!collapsed.value);
-      if (collapsed.value) {
-        asideRef.value.setAttribute("data-".concat(cssPropKey.value), "".concat(asideRect[cssPropKey.value], "px"));
-        asideRef.value.style[cssPropKey.value] = props.collapsible ? '0px' : '5px';
-      } else {
-        asideContentVisible.value = true;
-        asideRef.value.style[cssPropKey.value] = asideRef.value.getAttribute("data-".concat(cssPropKey.value));
-      }
-    };
-    var setupAsideListener = function setupAsideListener(visible) {
-      var removeClass = function removeClass() {
-        asideContentVisible.value = visible;
-        asideRef.value.style.transition = '';
-        asideRef.value.removeEventListener('transitionend', removeClass);
-      };
-      asideRef.value.addEventListener('transitionend', removeClass);
-      asideRef.value.style.transition = "".concat(cssPropKey.value, " cubic-bezier(0.4, 0, 0.2, 1) .3s");
-    };
-    (0,external_vue_namespaceObject.onMounted)(function () {
-      observer.observe(bkResizeLayoutRef.value);
-    });
-    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
-      if (bkResizeLayoutRef.value) {
-        observer.unobserve(bkResizeLayoutRef.value);
-        observer = null;
-      }
-    });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    return {
-      collapsed: collapsed,
-      asideContentVisible: asideContentVisible,
-      minimized: minimized,
-      limitMax: limitMax,
-      state: state,
-      vertical: vertical,
-      cssPropKey: cssPropKey,
-      bkResizeLayoutRef: bkResizeLayoutRef,
-      resizeProxyRef: resizeProxyRef,
-      resizeMaskRef: resizeMaskRef,
-      asideRef: asideRef,
-      triggerStyle: triggerStyle,
-      asideStyle: asideStyle,
-      handleMousedown: handleMousedown,
-      setCollapse: setCollapse,
-      resolveClassName: resolveClassName
-    };
-  },
-  render: function render() {
-    var _ref3, _this$$slots$aside, _this$$slots, _this$$slots$collapse, _this$$slots2, _this$$slots$main, _this$$slots3;
-    var bkResizeLayoutClass = ["".concat(this.resolveClassName('resize-layout')), "".concat(this.resolveClassName("resize-layout-".concat(this.placement))), (_ref3 = {}, _defineProperty(_ref3, "".concat(this.resolveClassName('resize-layout-collapsed')), this.collapsed), _defineProperty(_ref3, "".concat(this.resolveClassName('resize-layout-border')), this.border), _defineProperty(_ref3, "".concat(this.resolveClassName('resize-layout-collapsible')), this.collapsible), _ref3)];
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "ref": "bkResizeLayoutRef",
-      "class": bkResizeLayoutClass
-    }, [(0,external_vue_namespaceObject.createVNode)("aside", {
-      "class": "".concat(this.resolveClassName('resize-layout-aside')),
-      "ref": "asideRef",
-      "style": this.asideStyle
-    }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('resize-layout-aside-content'))
-    }, [(_this$$slots$aside = (_this$$slots = this.$slots).aside) === null || _this$$slots$aside === void 0 ? void 0 : _this$$slots$aside.call(_this$$slots)]), [[external_vue_namespaceObject.vShow, this.asideContentVisible]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
-      "class": "".concat(this.resolveClassName('resize-trigger')),
-      "style": this.triggerStyle,
-      "onMousedown": (0,external_vue_namespaceObject.withModifiers)(this.handleMousedown, ['left'])
-    }, null), [[external_vue_namespaceObject.vShow, !this.disabled && (!this.collapsed || this.autoMinimize)]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
-      "class": ["".concat(this.resolveClassName('resize-proxy')), this.placement],
-      "ref": "resizeProxyRef"
-    }, null), [[external_vue_namespaceObject.vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_this$$slots$collapse = (_this$$slots2 = this.$slots)['collapse-trigger']) === null || _this$$slots$collapse === void 0 ? void 0 : _this$$slots$collapse.call(_this$$slots2)) || (this.collapsed ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, {
-      "width": 26,
-      "height": 26,
-      "class": "".concat(this.resolveClassName('resize-collapse')),
-      "onClick": this.setCollapse
-    }, null) : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, {
-      "width": 26,
-      "height": 26,
-      "class": "".concat(this.resolveClassName('resize-collapse')),
-      "onClick": this.setCollapse
-    }, null)))]), (0,external_vue_namespaceObject.createVNode)("main", {
-      "class": "".concat(this.resolveClassName('resize-layout-main'))
-    }, [(_this$$slots$main = (_this$$slots3 = this.$slots).main) === null || _this$$slots$main === void 0 ? void 0 : _this$$slots$main.call(_this$$slots3)]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('resize-mask')),
-      "ref": "resizeMaskRef"
-    }, null)]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/resize-layout/src/index.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-var BkResizeLayout = (0,external_shared_namespaceObject.withInstall)(resize_layout);
-/* harmony default export */ const src = (BkResizeLayout);
-var __webpack_exports__default = __webpack_exports__.Z;
-export { __webpack_exports__default as default };
+import*as e from"../shared";import*as t from"vue";import*as a from"../config-provider";import*as i from"../icon";var l={d:(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},o={};l.d(o,{Z:()=>p});const s=(n={PropTypes:()=>e.PropTypes,withInstall:()=>e.withInstall},r={},l.d(r,n),r);var n,r;function u(e){return u="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},u(e)}function c(e,t,a){return(t=function(e){var t=function(e,t){if("object"!==u(e)||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var i=a.call(e,"string");if("object"!==u(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===u(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}const v=(e=>{var t={};return l.d(t,e),t})({computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,nextTick:()=>t.nextTick,onBeforeUnmount:()=>t.onBeforeUnmount,onMounted:()=>t.onMounted,ref:()=>t.ref,toRefs:()=>t.toRefs,vShow:()=>t.vShow,withDirectives:()=>t.withDirectives,withModifiers:()=>t.withModifiers}),d=(e=>{var t={};return l.d(t,e),t})({usePrefix:()=>a.usePrefix}),f=(e=>{var t={};return l.d(t,e),t})({AngleLeft:()=>i.AngleLeft,AngleRight:()=>i.AngleRight}),m=(0,v.defineComponent)({name:"ResizeLayout",props:{placement:s.PropTypes.placement().def("left"),min:s.PropTypes.number.def(3),max:s.PropTypes.number.def(1/0),triggerWidth:s.PropTypes.number.def(5),triggerOffset:s.PropTypes.number.def(3),initialDivide:s.PropTypes.oneOfType([String,Number]).def("20%"),immediate:s.PropTypes.bool,disabled:s.PropTypes.bool,collapsible:s.PropTypes.bool,autoMinimize:s.PropTypes.oneOfType([Boolean,Number]).def(!1),border:s.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,t){var a=t.emit,i=(0,v.toRefs)(e),l=i.placement,o=i.initialDivide,s=i.triggerOffset,n=i.triggerWidth,r=i.max,u=i.min,f=i.immediate,m=i.autoMinimize,p=(0,v.ref)(!1),h=(0,v.ref)(!0),y=(0,v.ref)(!1),b=(0,v.ref)(null),g=(0,v.ref)({}),z=(0,v.ref)(null),w=(0,v.ref)(null),C=(0,v.ref)(null),N=(0,v.ref)(null),x=(0,v.computed)((function(){return["left","right"].includes(l.value)})),P=(0,v.computed)((function(){return x.value?"width":"height"})),R=(0,v.computed)((function(){var e=o.value;return"number"==typeof e&&(e="".concat(e,"px")),c({},P.value,e)})),T=(0,v.computed)((function(){var e;return c(e={},"margin-".concat(l.value),"".concat(s.value-n.value,"px")),c(e,P.value,"".concat(n.value,"px")),e})),k=(0,v.computed)((function(){return m.value?"boolean"==typeof m.value?50:m.value:0})),M=new ResizeObserver((function(){var e=z.value.getBoundingClientRect();b.value=x.value?e.width:e.height})),S=function(){var t=N.value.getBoundingClientRect();V(!p.value),p.value?(N.value.setAttribute("data-".concat(P.value),"".concat(t[P.value],"px")),N.value.style[P.value]=e.collapsible?"0px":"5px"):(h.value=!0,N.value.style[P.value]=N.value.getAttribute("data-".concat(P.value)))},V=function(e){N.value.addEventListener("transitionend",(function t(){h.value=e,N.value.style.transition="",N.value.removeEventListener("transitionend",t)})),N.value.style.transition="".concat(P.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};(0,v.onMounted)((function(){M.observe(z.value)})),(0,v.onBeforeUnmount)((function(){z.value&&(M.unobserve(z.value),M=null)}));var L=(0,d.usePrefix)().resolveClassName;return{collapsed:p,asideContentVisible:h,minimized:y,limitMax:b,state:g,vertical:x,cssPropKey:P,bkResizeLayoutRef:z,resizeProxyRef:w,resizeMaskRef:C,asideRef:N,triggerStyle:T,asideStyle:R,handleMousedown:function(e){a("before-resize",e);var t=N.value.getBoundingClientRect();g.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),C.value.style.display="block",C.value.style.cursor=x.value?"col-resize":"row-resize",f.value||function(){switch(w.value.style.visibility="visible",l.value){case"left":w.value.style.inset="0 auto auto ".concat(g.value.aside.width,"px");break;case"right":w.value.style.inset="0  ".concat(g.value.aside.width,"px auto auto");break;case"top":w.value.style.inset="".concat(g.value.aside.height,"px auto auto 0");break;case"bottom":w.value.style.inset="auto auto ".concat(g.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var i=function(e){var t;switch(l.value){case"top":t=e.clientY-g.value.mouse.clientY;break;case"right":t=g.value.mouse.clientX-e.clientX;break;case"bottom":t=g.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-g.value.mouse.clientX}var i,o=(i=g.value.aside[P.value]+t,Math.min(r.value,Math.max(u.value,i),b.value-n.value)+s.value),c="".concat(o,"px");f.value?N.value.style[P.value]=c:w.value.style[l.value]=c,a("resizing",o)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",(function e(){if(w.value.style.visibility="hidden",C.value.style.display="none",document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,(0,v.nextTick)((function(){(function(){if(!m.value)return!1;var e=N.value.getBoundingClientRect();if(y.value=p.value=e[P.value]<=k.value,!y.value)return h.value=!0,!1;S(),(0,v.nextTick)((function(){N.value.setAttribute("data-".concat(P.value),R.value[P.value])}))})(),a("after-resize",parseFloat(w.value.style[l.value]))})),f.value)return!1;N.value.style[P.value]=w.value.style[l.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,S(),a("collapse-change",p.value)},resolveClassName:L}},render:function(){var e,t,a,i,l,o,s,n=["".concat(this.resolveClassName("resize-layout")),"".concat(this.resolveClassName("resize-layout-".concat(this.placement))),(e={},c(e,"".concat(this.resolveClassName("resize-layout-collapsed")),this.collapsed),c(e,"".concat(this.resolveClassName("resize-layout-border")),this.border),c(e,"".concat(this.resolveClassName("resize-layout-collapsible")),this.collapsible),e)];return(0,v.createVNode)("div",{ref:"bkResizeLayoutRef",class:n},[(0,v.createVNode)("aside",{class:"".concat(this.resolveClassName("resize-layout-aside")),ref:"asideRef",style:this.asideStyle},[(0,v.withDirectives)((0,v.createVNode)("div",{class:"".concat(this.resolveClassName("resize-layout-aside-content"))},[null===(a=(t=this.$slots).aside)||void 0===a?void 0:a.call(t)]),[[v.vShow,this.asideContentVisible]]),(0,v.withDirectives)((0,v.createVNode)("i",{class:"".concat(this.resolveClassName("resize-trigger")),style:this.triggerStyle,onMousedown:(0,v.withModifiers)(this.handleMousedown,["left"])},null),[[v.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),(0,v.withDirectives)((0,v.createVNode)("i",{class:["".concat(this.resolveClassName("resize-proxy")),this.placement],ref:"resizeProxyRef"},null),[[v.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(l=(i=this.$slots)["collapse-trigger"])||void 0===l?void 0:l.call(i))||(this.collapsed?(0,v.createVNode)(f.AngleRight,{width:26,height:26,class:"".concat(this.resolveClassName("resize-collapse")),onClick:this.setCollapse},null):(0,v.createVNode)(f.AngleLeft,{width:26,height:26,class:"".concat(this.resolveClassName("resize-collapse")),onClick:this.setCollapse},null)))]),(0,v.createVNode)("main",{class:"".concat(this.resolveClassName("resize-layout-main"))},[null===(s=(o=this.$slots).main)||void 0===s?void 0:s.call(o)]),(0,v.createVNode)("div",{class:"".concat(this.resolveClassName("resize-mask")),ref:"resizeMaskRef"},null)])}}),p=(0,s.withInstall)(m);var h=o.Z;export{h as default};