bkui-vue 0.0.1-beta.388 → 0.0.1-beta.389

package/lib/dialog/index.js

@@ -1 +1,545 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../icon"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../icon","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../icon"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../icon"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n,r)=>(()=>{"use strict";var l={4976:e=>{e.exports=t},6870:e=>{e.exports=n},8014:e=>{e.exports=r},4212:o=>{o.exports=e},748:e=>{e.exports=o}},a={};function i(e){var o=a[e];if(void 0!==o)return o.exports;var t=a[e]={exports:{}};return l[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{i.r(s),i.d(s,{default:()=>u});var e=i(4212),o=i(748),t=i(4976),n=i.n(t),r=i(6870),l=i(8014),a=i.n(l);const c=Object.assign(Object.assign({},l.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:(0,e.alignType)().def(e.AlignEnum.LEFT),footerAlign:(0,e.alignType)().def(e.AlignEnum.RIGHT),theme:e.PropTypes.theme().def(e.ThemeEnum.PRIMARY),dialogType:(0,e.dialogTypeUnion)(),isLoading:e.PropTypes.bool.def(!1)}),d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:a(),BkButton:n()},props:c,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}}),l=(0,o.ref)(e.isShow);(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",s)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",s)})),(0,o.watch)((function(){return e.isShow}),(function(e){e?l.value=!0:setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0,l.value=!1}),250),n("value-change",e)}));var a=function(){n("update:isShow",!1),n("closed"),l.value=!1},i=(0,o.computed)((function(){return["process","operation","confirm"].includes(e.dialogType)})),s=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&a()};return{data:r,handleClose:a,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:s,moveHandler:function(o){if(e.fullscreen)return!1;if(!e.draggable)return!1;var t,n,l=o.target,a=o.currentTarget.parentNode.parentNode.offsetHeight,i=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-l.offsetLeft,n=o.clientY-l.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-i,l=window.innerHeight-a,s=e.clientX-t,c=e.clientY-n;o/2-s<=0?s=o/2:o/2+s<=0&&(s=-o/2),l/2-c<=0?c=l/2:l/2+c<=0&&(c=-l/2),r.positionX=s,r.positionY=c,r.moveStyle.left="calc(50% + ".concat(s,"px)"),r.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")},hasFooter:i,isModalShow:l}},render:function(){var t,l=this,i={header:function(){var t,n,a,i,s,c;return[(0,o.createVNode)("div",{class:[(0,e.resolveClassName)("dialog-tool"),l.fullscreen||!l.draggable?"":"move",l.draggable?"content-dragging":""],onMousedown:l.moveHandler},[null!==(a=null===(n=(t=l.$slots).tools)||void 0===n?void 0:n.call(t))&&void 0!==a?a:""]),(0,o.createVNode)("div",{class:(0,e.resolveClassName)("dialog-header")},[(0,o.createVNode)("div",{class:(0,e.resolveClassName)("header-icon")},[l.infoType?{loading:(0,o.createVNode)(r.Spinner,{class:[(0,e.resolveClassName)("info-icon"),"primary"]},null),warning:(0,o.createVNode)(r.Warn,{class:[(0,e.resolveClassName)("info-icon"),"warning"]},null),success:(0,o.createVNode)(r.Success,{class:[(0,e.resolveClassName)("info-icon"),"success"]},null),danger:(0,o.createVNode)(r.Close,{class:[(0,e.resolveClassName)("info-icon"),"danger"]},null)}[l.infoType]:(0,o.createVNode)("slot",{name:"info-icon"},null)]),(0,o.createVNode)("span",{class:(0,e.resolveClassName)("dialog-title"),style:"text-align: ".concat(l.headerAlign)},[null!==(c=null===(s=(i=l.$slots).header)||void 0===s?void 0:s.call(i))&&void 0!==c?c:l.title])])]},default:function(){var e,o,t;return null!==(t=null===(o=(e=l.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==t?t:"default"},footer:function(){var t,r,a,i,s,c,d,u,f;return(0,o.createVNode)("div",{class:(0,e.resolveClassName)("dialog-footer"),style:"text-align: ".concat(l.footerAlign)},["process"===l.dialogType?null!==(a=null===(r=(t=l.$slots).footer)||void 0===r?void 0:r.call(t))&&void 0!==a?a:(0,o.createVNode)(o.Fragment,null,[1===l.current?"":(0,o.createVNode)(n(),{class:(0,e.resolveClassName)("dialog-perv"),onClick:l.handlePrevStep},{default:function(){return[l.prevText]}}),l.current===l.totalStep?"":(0,o.createVNode)(n(),{class:(0,e.resolveClassName)("dialog-next"),onClick:l.handleNextStep},{default:function(){return[l.nextText]}}),l.current===l.totalStep?(0,o.createVNode)(n(),{onClick:l.handleConfirm,theme:l.theme,loading:l.isLoading},{default:function(){return[l.confirmText]}}):"",(0,o.createVNode)(n(),{class:(0,e.resolveClassName)("dialog-cancel"),onClick:l.handleClose,disabled:l.isLoading},{default:function(){return[l.cancelText]}})]):"","operation"===l.dialogType?null!==(c=null===(s=(i=l.$slots).footer)||void 0===s?void 0:s.call(i))&&void 0!==c?c:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:l.handleConfirm,theme:l.theme,loading:l.isLoading},{default:function(){return[l.confirmText]}}),(0,o.createVNode)(n(),{class:(0,e.resolveClassName)("dialog-cancel"),onClick:l.handleClose,disabled:l.isLoading},{default:function(){return[l.cancelText]}})]):"","confirm"===l.dialogType?null!==(f=null===(u=(d=l.$slots).footer)||void 0===u?void 0:u.call(d))&&void 0!==f?f:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:l.handleConfirm,theme:l.theme,loading:l.isLoading},{default:function(){return[l.confirmText]}})]):""])},close:function(){return(0,o.createVNode)("span",{class:(0,e.resolveClassName)("dialog-close"),onClick:l.handleClose},[(0,o.createTextVNode)("+")])}},s="".concat((0,e.resolveClassName)("dialog-wrapper ")," ").concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":""," ").concat(this.hasFooter?"has-footer":"no-footer");return(0,o.createVNode)(a(),(0,o.mergeProps)(this.$props,{class:s,onClose:this.handleClose,isShow:this.isModalShow,style:this.data.moveStyle}),"function"==typeof(t=i)||"[object Object]"===Object.prototype.toString.call(t)&&!(0,o.isVNode)(t)?i:{default:function(){return[i]}})}}),u=(0,e.withInstall)(d)})(),s})()));
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("../shared"), require("vue"), require("../button"), require("../icon"), require("../modal"));
+	else if(typeof define === 'function' && define.amd)
+		define(["../shared", "vue", "../button", "../icon", "../modal"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../button"), require("../icon"), require("../modal")) : factory(root["../shared"], root["vue"], root["../button"], root["../icon"], root["../modal"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__4976__, __WEBPACK_EXTERNAL_MODULE__6870__, __WEBPACK_EXTERNAL_MODULE__8014__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 4976:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__4976__;
+
+/***/ }),
+
+/***/ 6870:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
+
+/***/ }),
+
+/***/ 8014:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8014__;
+
+/***/ }),
+
+/***/ 4212:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
+
+/***/ }),
+
+/***/ 748:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* 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))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ src)
+});
+
+// EXTERNAL MODULE: external "../shared"
+var external_shared_ = __webpack_require__(4212);
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(748);
+// EXTERNAL MODULE: external "../button"
+var external_button_ = __webpack_require__(4976);
+var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
+// EXTERNAL MODULE: external "../icon"
+var external_icon_ = __webpack_require__(6870);
+// EXTERNAL MODULE: external "../modal"
+var external_modal_ = __webpack_require__(8014);
+var external_modal_default = /*#__PURE__*/__webpack_require__.n(external_modal_);
+;// CONCATENATED MODULE: ../../packages/dialog/src/props.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 props = Object.assign(Object.assign({}, external_modal_.propsMixin), {
+  width: external_shared_.PropTypes.oneOfType([String, Number]).def(''),
+  height: external_shared_.PropTypes.oneOfType([String, Number]).def(''),
+  // 确认按钮文字
+  confirmText: external_shared_.PropTypes.string.def('确定'),
+  // 取消按钮文字
+  cancelText: external_shared_.PropTypes.string.def('取消'),
+  // 步骤按钮文字
+  prevText: external_shared_.PropTypes.string.def('上一步'),
+  nextText: external_shared_.PropTypes.string.def('下一步'),
+  // 当前步骤
+  current: external_shared_.PropTypes.number.def(1),
+  // 总步数
+  totalStep: external_shared_.PropTypes.number,
+  // 弹框的标题
+  title: external_shared_.PropTypes.string.def('title'),
+  // 显示 header 的位置
+  headerAlign: (0,external_shared_.alignType)().def(external_shared_.AlignEnum.LEFT),
+  // 显示 footer 的位置
+  footerAlign: (0,external_shared_.alignType)().def(external_shared_.AlignEnum.RIGHT),
+  // 颜色 按钮类型
+  theme: external_shared_.PropTypes.theme().def(external_shared_.ThemeEnum.PRIMARY),
+  // 对话框类型
+  dialogType: (0,external_shared_.dialogTypeUnion)(),
+  // 按钮loading
+  isLoading: external_shared_.PropTypes.bool.def(false)
+});
+/* harmony default export */ const src_props = (props);
+;// CONCATENATED MODULE: ../../packages/dialog/src/dialog.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.
+*/
+
+
+
+
+
+
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_.isVNode)(s);
+}
+
+/* harmony default export */ const dialog = ((0,external_vue_.defineComponent)({
+  name: 'Dialog',
+  components: {
+    BkModal: (external_modal_default()),
+    BkButton: (external_button_default())
+  },
+  props: src_props,
+  emits: ['closed', 'update:isShow', 'confirm', 'prev', 'next', 'value-change'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var data = (0,external_vue_.reactive)({
+      positionX: 0,
+      positionY: 0,
+      moveStyle: {
+        top: '',
+        left: ''
+      }
+    });
+    var isModalShow = (0,external_vue_.ref)(props.isShow);
+    (0,external_vue_.onMounted)(function () {
+      if (props.escClose) {
+        addEventListener('keydown', escCloseHandler);
+      }
+    });
+    (0,external_vue_.onBeforeUnmount)(function () {
+      if (props.escClose) {
+        removeEventListener('keydown', escCloseHandler);
+      }
+    });
+    (0,external_vue_.watch)(function () {
+      return props.isShow;
+    }, function (val) {
+      if (!val) {
+        setTimeout(function () {
+          data.moveStyle = {
+            top: '50%',
+            left: '50%'
+          };
+          data.positionX = 0;
+          data.positionY = 0;
+          isModalShow.value = false;
+        }, 250);
+      } else {
+        isModalShow.value = true;
+      }
+
+      emit('value-change', val);
+    }); // 关闭弹框
+
+    var handleClose = function handleClose() {
+      emit('update:isShow', false);
+      emit('closed');
+      isModalShow.value = false;
+    };
+
+    var handleConfirm = function handleConfirm() {
+      emit('update:isShow', false);
+      emit('confirm'); // isModalShow.value = false; 影响异步关闭
+    };
+
+    var hasFooter = (0,external_vue_.computed)(function () {
+      return ['process', 'operation', 'confirm'].includes(props.dialogType);
+    }); // 按 esc 关闭弹框
+
+    var escCloseHandler = function escCloseHandler(e) {
+      if (props.isShow && props.closeIcon) {
+        if (e.keyCode === 27) {
+          handleClose();
+        }
+      }
+    }; // 上一步
+
+
+    var handlePrevStep = function handlePrevStep() {
+      emit('prev');
+    }; // 下一步
+
+
+    var handleNextStep = function handleNextStep() {
+      emit('next');
+    }; // 拖拽事件
+
+
+    var moveHandler = function moveHandler(e) {
+      if (props.fullscreen) {
+        return false;
+      }
+
+      if (!props.draggable) {
+        return false;
+      }
+
+      var odiv = e.target;
+      var parentHeight = e.currentTarget.parentNode.parentNode.offsetHeight;
+      var parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
+      var disX;
+      var disY;
+
+      if (data.positionX !== 0 && data.positionY !== 0) {
+        disX = e.clientX - data.positionX;
+        disY = e.clientY - data.positionY;
+      } else {
+        disX = e.clientX - odiv.offsetLeft;
+        disY = e.clientY - odiv.offsetTop;
+      }
+
+      document.onmousemove = function (e) {
+        var boxLeft = window.innerWidth - parentWidth;
+        var boxTop = window.innerHeight - parentHeight;
+        var left = e.clientX - disX;
+        var top = e.clientY - disY;
+
+        if (boxLeft / 2 - left <= 0) {
+          left = boxLeft / 2;
+        } else if (boxLeft / 2 + left <= 0) {
+          left = -boxLeft / 2;
+        }
+
+        if (boxTop / 2 - top <= 0) {
+          top = boxTop / 2;
+        } else if (boxTop / 2 + top <= 0) {
+          top = -boxTop / 2;
+        }
+
+        data.positionX = left;
+        data.positionY = top;
+        data.moveStyle.left = "calc(50% + ".concat(left, "px)");
+        data.moveStyle.top = "calc(50% + ".concat(top, "px)");
+      };
+
+      document.onmouseup = function () {
+        document.onmousemove = null;
+        document.onmouseup = null;
+      };
+    };
+
+    return {
+      data: data,
+      handleClose: handleClose,
+      handleConfirm: handleConfirm,
+      escCloseHandler: escCloseHandler,
+      moveHandler: moveHandler,
+      handlePrevStep: handlePrevStep,
+      handleNextStep: handleNextStep,
+      hasFooter: hasFooter,
+      isModalShow: isModalShow
+    };
+  },
+  render: function render() {
+    var _this = this;
+
+    var renderIcon = function renderIcon() {
+      var iconMap = {
+        loading: (0,external_vue_.createVNode)(external_icon_.Spinner, {
+          "class": [(0,external_shared_.resolveClassName)('info-icon'), 'primary']
+        }, null),
+        warning: (0,external_vue_.createVNode)(external_icon_.Warn, {
+          "class": [(0,external_shared_.resolveClassName)('info-icon'), 'warning']
+        }, null),
+        success: (0,external_vue_.createVNode)(external_icon_.Success, {
+          "class": [(0,external_shared_.resolveClassName)('info-icon'), 'success']
+        }, null),
+        danger: (0,external_vue_.createVNode)(external_icon_.Close, {
+          "class": [(0,external_shared_.resolveClassName)('info-icon'), 'danger']
+        }, null)
+      };
+      return iconMap[_this.infoType];
+    };
+
+    var dialogSlot = {
+      header: function header() {
+        var _a, _b, _c, _d, _e, _f;
+
+        return [(0,external_vue_.createVNode)("div", {
+          "class": [(0,external_shared_.resolveClassName)('dialog-tool'), _this.fullscreen || !_this.draggable ? '' : 'move', _this.draggable ? 'content-dragging' : ''],
+          "onMousedown": _this.moveHandler
+        }, [(_c = (_b = (_a = _this.$slots).tools) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : '']), (0,external_vue_.createVNode)("div", {
+          "class": (0,external_shared_.resolveClassName)('dialog-header')
+        }, [(0,external_vue_.createVNode)("div", {
+          "class": (0,external_shared_.resolveClassName)('header-icon')
+        }, [_this.infoType ? renderIcon() : (0,external_vue_.createVNode)("slot", {
+          "name": "info-icon"
+        }, null)]), (0,external_vue_.createVNode)("span", {
+          "class": (0,external_shared_.resolveClassName)('dialog-title'),
+          "style": "text-align: ".concat(_this.headerAlign)
+        }, [(_f = (_e = (_d = _this.$slots).header) === null || _e === void 0 ? void 0 : _e.call(_d)) !== null && _f !== void 0 ? _f : _this.title])])];
+      },
+      "default": function _default() {
+        var _a, _b, _c;
+
+        return (_c = (_b = (_a = _this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : 'default';
+      },
+      footer: function footer() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+
+        return (0,external_vue_.createVNode)("div", {
+          "class": (0,external_shared_.resolveClassName)('dialog-footer'),
+          "style": "text-align: ".concat(_this.footerAlign)
+        }, [_this.dialogType === 'process' ? (_c = (_b = (_a = _this.$slots).footer) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : (0,external_vue_.createVNode)(external_vue_.Fragment, null, [_this.current === 1 ? '' : (0,external_vue_.createVNode)((external_button_default()), {
+          "class": (0,external_shared_.resolveClassName)('dialog-perv'),
+          "onClick": _this.handlePrevStep
+        }, {
+          "default": function _default() {
+            return [_this.prevText];
+          }
+        }), _this.current === _this.totalStep ? '' : (0,external_vue_.createVNode)((external_button_default()), {
+          "class": (0,external_shared_.resolveClassName)('dialog-next'),
+          "onClick": _this.handleNextStep
+        }, {
+          "default": function _default() {
+            return [_this.nextText];
+          }
+        }), _this.current === _this.totalStep ? (0,external_vue_.createVNode)((external_button_default()), {
+          "onClick": _this.handleConfirm,
+          "theme": _this.theme,
+          "loading": _this.isLoading
+        }, {
+          "default": function _default() {
+            return [_this.confirmText];
+          }
+        }) : '', (0,external_vue_.createVNode)((external_button_default()), {
+          "class": (0,external_shared_.resolveClassName)('dialog-cancel'),
+          "onClick": _this.handleClose,
+          "disabled": _this.isLoading
+        }, {
+          "default": function _default() {
+            return [_this.cancelText];
+          }
+        })]) : '', _this.dialogType === 'operation' ? (_f = (_e = (_d = _this.$slots).footer) === null || _e === void 0 ? void 0 : _e.call(_d)) !== null && _f !== void 0 ? _f : (0,external_vue_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.createVNode)((external_button_default()), {
+          "onClick": _this.handleConfirm,
+          "theme": _this.theme,
+          "loading": _this.isLoading
+        }, {
+          "default": function _default() {
+            return [_this.confirmText];
+          }
+        }), (0,external_vue_.createVNode)((external_button_default()), {
+          "class": (0,external_shared_.resolveClassName)('dialog-cancel'),
+          "onClick": _this.handleClose,
+          "disabled": _this.isLoading
+        }, {
+          "default": function _default() {
+            return [_this.cancelText];
+          }
+        })]) : '', _this.dialogType === 'confirm' ? (_j = (_h = (_g = _this.$slots).footer) === null || _h === void 0 ? void 0 : _h.call(_g)) !== null && _j !== void 0 ? _j : (0,external_vue_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.createVNode)((external_button_default()), {
+          "onClick": _this.handleConfirm,
+          "theme": _this.theme,
+          "loading": _this.isLoading
+        }, {
+          "default": function _default() {
+            return [_this.confirmText];
+          }
+        })]) : '']);
+      },
+      close: function close() {
+        return (0,external_vue_.createVNode)("span", {
+          "class": (0,external_shared_.resolveClassName)('dialog-close'),
+          "onClick": _this.handleClose
+        }, [(0,external_vue_.createTextVNode)("+")]);
+      }
+    };
+    var className = "".concat((0,external_shared_.resolveClassName)('dialog-wrapper '), " ").concat(this.scrollable ? 'scroll-able' : '', " ").concat(this.multiInstance ? 'multi-instance' : '', " ").concat(this.hasFooter ? 'has-footer' : 'no-footer');
+    return (0,external_vue_.createVNode)((external_modal_default()), (0,external_vue_.mergeProps)(this.$props, {
+      "class": className,
+      "onClose": this.handleClose,
+      "isShow": this.isModalShow,
+      "style": this.data.moveStyle
+    }), _isSlot(dialogSlot) ? dialogSlot : {
+      "default": function _default() {
+        return [dialogSlot];
+      }
+    });
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/dialog/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 BkDialog = (0,external_shared_.withInstall)(dialog);
+/* harmony default export */ const src = (BkDialog);
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});