bkui-vue 0.0.1-beta.392 → 0.0.1-beta.394

package/lib/dialog/index.js

@@ -1,545 +1 @@
-(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__;
-/******/ })()
-;
-});
+!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})()));