bkui-vue 0.0.1-beta.393 → 0.0.1-beta.395

package/lib/message/index.js

@@ -1,401 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("vue"), require("../shared"), require("vue-types"), require("../icon"));
-	else if(typeof define === 'function' && define.amd)
-		define(["vue", "../shared", "vue-types", "../icon"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("../shared"), require("vue-types"), require("../icon")) : factory(root["vue"], root["../shared"], root["vue-types"], root["../icon"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(self, (__WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__210__, __WEBPACK_EXTERNAL_MODULE__6870__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 6870:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
-
-/***/ }),
-
-/***/ 4212:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
-
-/***/ }),
-
-/***/ 748:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
-
-/***/ }),
-
-/***/ 210:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__210__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// 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/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 "vue"
-var external_vue_ = __webpack_require__(748);
-// EXTERNAL MODULE: external "../shared"
-var external_shared_ = __webpack_require__(4212);
-;// CONCATENATED MODULE: ../../packages/hooks/use-message.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 instances = {
-  'top-left': [],
-  'top-right': [],
-  'bottom-left': [],
-  'bottom-right': []
-};
-var seed = 1;
-
-var Message = function Message(constructor, options) {
-  var opts = options;
-  var position = opts.position || 'top-right';
-
-  if (typeof options === 'string') {
-    opts = {
-      message: options
-    };
-  }
-
-  var userOnClose = options.onClose;
-  var horizontalOffset = opts.offsetX || 10;
-  var verticalOffset = opts.offsetY || 30;
-  var _opts = opts,
-      _opts$spacing = _opts.spacing,
-      spacing = _opts$spacing === void 0 ? 10 : _opts$spacing;
-  instances[position].forEach(function (vm) {
-    verticalOffset += (vm.el.offsetHeight || 0) + spacing;
-  });
-  seed += 1;
-  var id = "message_".concat(seed);
-  opts = Object.assign(Object.assign({}, opts), {
-    offsetX: horizontalOffset,
-    offsetY: verticalOffset,
-    id: id
-  });
-  var container = document.createElement('div');
-  var vm = (0,external_vue_.createVNode)(constructor, opts);
-
-  vm.props.onDestroy = function (id) {
-    use_message_close(id, position, spacing, userOnClose);
-    (0,external_vue_.render)(null, container);
-  };
-
-  (0,external_vue_.render)(vm, container);
-  instances[position].push(vm);
-  var target;
-
-  if (vm.props.getContainer && (0,external_shared_.isElement)(vm.props.getContainer)) {
-    target = vm.props.getContainer;
-  } else {
-    target = document.body;
-  }
-
-  target.appendChild(container.firstElementChild);
-};
-
-function use_message_close(id, position, spacing, userOnClose) {
-  userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose();
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
-  var instanceIndex = -1;
-  instances[position].forEach(function (item, index) {
-    if (item.props.id === id) {
-      instanceIndex = index;
-    }
-  });
-  var vm = instances[position][instanceIndex];
-  var removeHeight = vm.el.offsetHeight;
-  var len = instances[position].length;
-
-  for (var i = instanceIndex; i < len; i++) {
-    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
-    instances[position][i].component.props.offsetY = pos;
-  }
-
-  instances[position].splice(instanceIndex, 1);
-}
-
-/* harmony default export */ const use_message = (Message);
-// EXTERNAL MODULE: external "vue-types"
-var external_vue_types_ = __webpack_require__(210);
-// EXTERNAL MODULE: external "../icon"
-var external_icon_ = __webpack_require__(6870);
-;// CONCATENATED MODULE: ../../packages/message/src/messageConstructor.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.
-*/
-
-
-
-
-var MessageThemeEnum;
-
-(function (MessageThemeEnum) {
-  MessageThemeEnum["PRIMARY"] = "primary";
-  MessageThemeEnum["WARNING"] = "warning";
-  MessageThemeEnum["SUCCESS"] = "success";
-  MessageThemeEnum["ERROR"] = "error";
-})(MessageThemeEnum || (MessageThemeEnum = {}));
-
-var messageProps = {
-  id: external_shared_.PropTypes.string.def(''),
-  message: external_shared_.PropTypes.string.def(''),
-  theme: (0,external_vue_types_.toType)('messageTheme', {}).def(MessageThemeEnum.PRIMARY),
-  delay: external_shared_.PropTypes.number.def(3000),
-  dismissable: external_shared_.PropTypes.bool.def(true),
-  offsetY: external_shared_.PropTypes.number.def(30),
-  spacing: external_shared_.PropTypes.number.def(10),
-  extCls: external_shared_.PropTypes.string.def(''),
-  onClose: external_shared_.PropTypes.func,
-  getContainer: external_shared_.PropTypes.instanceOf(HTMLElement)
-};
-/* harmony default export */ const messageConstructor = ((0,external_vue_.defineComponent)({
-  name: 'Message',
-  props: messageProps,
-  emits: ['destroy'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var classNames = (0,external_vue_.computed)(function () {
-      return ['bk-message', "bk-message-".concat(props.theme), "".concat(props.extCls)];
-    });
-    var zIndex = external_shared_.bkZIndexManager.getMessageNextIndex();
-    var isGetContainer = (0,external_vue_.computed)(function () {
-      return props.getContainer && (0,external_shared_.isElement)(props.getContainer);
-    });
-    var styles = (0,external_vue_.computed)(function () {
-      return {
-        top: "".concat(props.offsetY, "px"),
-        zIndex: zIndex,
-        position: isGetContainer.value ? 'absolute' : 'fixed'
-      };
-    });
-    var visible = (0,external_vue_.ref)(false);
-    var timer = null;
-
-    var startTimer = function startTimer() {
-      timer = setTimeout(function () {
-        visible.value = false;
-      }, props.delay);
-    };
-
-    var close = function close(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      visible.value = false;
-    };
-
-    (0,external_vue_.onMounted)(function () {
-      props.delay && startTimer();
-      visible.value = true;
-    });
-    (0,external_vue_.onUnmounted)(function () {
-      clearTimeout(timer);
-    });
-    (0,external_vue_.watch)(visible, function () {
-      if (!visible.value) {
-        emit('destroy', props.id);
-      }
-    });
-    return {
-      classNames: classNames,
-      styles: styles,
-      visible: visible,
-      close: close
-    };
-  },
-  render: function render() {
-    var _this = this;
-
-    var renderIcon = function renderIcon() {
-      var iconMap = {
-        primary: (0,external_vue_.createVNode)(external_icon_.Info, null, null),
-        warning: (0,external_vue_.createVNode)(external_icon_.Warn, null, null),
-        success: (0,external_vue_.createVNode)(external_icon_.Success, null, null),
-        error: (0,external_vue_.createVNode)(external_icon_.Close, null, null)
-      };
-      return iconMap[_this.theme];
-    };
-
-    return (0,external_vue_.createVNode)(external_vue_.Transition, {
-      "name": "bk-message-fade"
-    }, {
-      "default": function _default() {
-        return [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
-          "class": _this.classNames,
-          "style": _this.styles
-        }, [(0,external_vue_.createVNode)("div", {
-          "class": "bk-message-content"
-        }, [(0,external_vue_.createVNode)("div", {
-          "class": "bk-message-icon"
-        }, [renderIcon()]), _this.message]), _this.dismissable && (0,external_vue_.createVNode)(external_icon_.Error, {
-          "class": "bk-message-close",
-          "onClick": _this.close
-        }, null)]), [[external_vue_.vShow, _this.visible]])];
-      }
-    });
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/message/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 src_Message = function Message(options) {
-  use_message(messageConstructor, options);
-};
-
-/* harmony default export */ const src = (src_Message);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("vue-types"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","vue-types","../icon"],t);else{var o="object"==typeof exports?t(require("vue"),require("../shared"),require("vue-types"),require("../icon")):t(e.vue,e["../shared"],e["vue-types"],e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:e=>{e.exports=t},748:t=>{t.exports=e},210:e=>{e.exports=o}},s={};function i(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>p});var e=i(748),t=i(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;var n,s=i(210),u=i(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(n||(n={}));var c={id:t.PropTypes.string.def(""),message:t.PropTypes.string.def(""),theme:(0,s.toType)("messageTheme",{}).def(n.PRIMARY),delay:t.PropTypes.number.def(3e3),dismissable:t.PropTypes.bool.def(!0),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func,getContainer:t.PropTypes.instanceOf(HTMLElement)};const l=(0,e.defineComponent)({name:"Message",props:c,emits:["destroy"],setup:function(o,r){var n=r.emit,s=(0,e.computed)((function(){return["bk-message","bk-message-".concat(o.theme),"".concat(o.extCls)]})),i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.getContainer&&(0,t.isElement)(o.getContainer)})),u=(0,e.computed)((function(){return{top:"".concat(o.offsetY,"px"),zIndex:i,position:a.value?"absolute":"fixed"}})),c=(0,e.ref)(!1),l=null;return(0,e.onMounted)((function(){o.delay&&(l=setTimeout((function(){c.value=!1}),o.delay)),c.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(l)})),(0,e.watch)(c,(function(){c.value||n("destroy",o.id)})),{classNames:s,styles:u,visible:c,close:function(e){e.preventDefault(),e.stopPropagation(),c.value=!1}}},render:function(){var t=this;return(0,e.createVNode)(e.Transition,{name:"bk-message-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles},[(0,e.createVNode)("div",{class:"bk-message-content"},[(0,e.createVNode)("div",{class:"bk-message-icon"},[{primary:(0,e.createVNode)(u.Info,null,null),warning:(0,e.createVNode)(u.Warn,null,null),success:(0,e.createVNode)(u.Success,null,null),error:(0,e.createVNode)(u.Close,null,null)}[t.theme]]),t.message]),t.dismissable&&(0,e.createVNode)(u.Error,{class:"bk-message-close",onClick:t.close},null)]),[[e.vShow,t.visible]])]}})}}),p=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var u=s.onClose,c=i.offsetX||10,l=i.offsetY||30,p=i.spacing,f=void 0===p?10:p;o[a].forEach((function(e){l+=(e.el.offsetHeight||0)+f}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:c,offsetY:l,id:d});var m=document.createElement("div"),v=(0,e.createVNode)(n,i);v.props.onDestroy=function(t){!function(e,t,r,n){null==n||n();var s=t.startsWith("top")?"top":"bottom",i=-1;o[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var a=o[t][i].el.offsetHeight,u=o[t].length,c=i;c<u;c++){var l=parseInt(o[t][c].el.style[s],10)-a-r;o[t][c].component.props.offsetY=l}o[t].splice(i,1)}(t,a,f,u),(0,e.render)(null,m)},(0,e.render)(v,m),o[a].push(v),(v.props.getContainer&&(0,t.isElement)(v.props.getContainer)?v.props.getContainer:document.body).appendChild(m.firstElementChild)}(l,n)}})(),a})()));