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

package/lib/modal/index.js

@@ -1,113 +1,49 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("../shared"), require("vue"), require("vue-types"));
-	else if(typeof define === 'function' && define.amd)
-		define(["../shared", "vue", "vue-types"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("vue-types")) : factory(root["../shared"], root["vue"], root["vue-types"]);
-		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__210__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 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;
-/******/ 	}
-/******/ 	
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+/******/ // 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/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 });
-/******/ 		};
-/******/ 	})();
-/******/ 	
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
 /************************************************************************/
 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__, {
-  "BkModal": () => (/* binding */ BkModal),
-  "default": () => (/* binding */ src),
-  "propsMixin": () => (/* reexport */ propsMixin)
+  "$S": () => (/* binding */ BkModal),
+  "ZP": () => (/* binding */ src),
+  "ty": () => (/* reexport */ propsMixin)
 });
 
-// EXTERNAL MODULE: external "../shared"
-var external_shared_ = __webpack_require__(4212);
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(748);
-// EXTERNAL MODULE: external "vue-types"
-var external_vue_types_ = __webpack_require__(210);
+;// 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, ["bkPopIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkPopIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.dialogTypeUnion, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.resolveClassName, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
+;// 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({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent });
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
 ;// CONCATENATED MODULE: ../../packages/modal/src/props.mixin.ts
 
 /*
@@ -148,51 +84,51 @@ var ModalSizeEnum;
 
 var propsMixin = {
   // 是否显示弹框
-  isShow: external_shared_.PropTypes.bool.def(false),
-  width: external_shared_.PropTypes.oneOfType([String, Number]).def('50%'),
-  height: external_shared_.PropTypes.oneOfType([String, Number]).def('50%'),
+  isShow: external_shared_namespaceObject.PropTypes.bool.def(false),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('50%'),
+  height: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('50%'),
   // 配置自定义样式类名
-  extCls: external_shared_.PropTypes.string || external_shared_.PropTypes.array,
+  extCls: external_shared_namespaceObject.PropTypes.string || external_shared_namespaceObject.PropTypes.array,
   // 弹框出现时，是否允许页面滚动
-  scrollable: external_shared_.PropTypes.bool.def(true),
+  scrollable: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否允许出现遮罩
-  showMask: external_shared_.PropTypes.bool.def(true),
+  showMask: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示右上角的关闭 icon
-  closeIcon: external_shared_.PropTypes.bool.def(true),
+  closeIcon: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否允许 esc 按键关闭弹框
-  escClose: external_shared_.PropTypes.bool.def(true),
+  escClose: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否全屏
-  fullscreen: external_shared_.PropTypes.bool.def(false),
+  fullscreen: external_shared_namespaceObject.PropTypes.bool.def(false),
   // 弹框尺寸
-  size: (0,external_vue_types_.toType)('size', {}),
+  size: (0,external_vue_types_namespaceObject.toType)('size', {}),
   // 是否可拖拽
-  draggable: external_shared_.PropTypes.bool.def(true),
+  draggable: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否允许点击遮罩关闭弹窗
-  quickClose: external_shared_.PropTypes.bool.def(true),
+  quickClose: external_shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示在body内（即与id#app同级
-  transfer: external_shared_.PropTypes.bool.def(false),
+  transfer: external_shared_namespaceObject.PropTypes.bool.def(false),
   // 弹出层z-index，实际显示的值会自动+1。为了抱证在遮罩上正常显示
-  zIndex: external_shared_.PropTypes.oneOfType([String, Number]).def('inherit'),
+  zIndex: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def('inherit'),
   // 内容区最大高度
-  maxHeight: external_shared_.PropTypes.string,
+  maxHeight: external_shared_namespaceObject.PropTypes.string,
   // 弹出方向
-  direction: external_shared_.PropTypes.string,
+  direction: external_shared_namespaceObject.PropTypes.string,
   // title
-  title: external_shared_.PropTypes.string.def(''),
+  title: external_shared_namespaceObject.PropTypes.string.def(''),
   // 动画类型
-  animateType: external_shared_.PropTypes.string.def('slide'),
+  animateType: external_shared_namespaceObject.PropTypes.string.def('slide'),
   // 弹框的渲染方式
-  renderDirective: (0,external_shared_.renderDirectiveType)(),
+  renderDirective: (0,external_shared_namespaceObject.renderDirectiveType)(),
   // 关闭前回调
-  beforeClose: external_shared_.PropTypes.custom(function () {
+  beforeClose: external_shared_namespaceObject.PropTypes.custom(function () {
     return true;
   }),
   // 对话框类型
-  dialogType: (0,external_shared_.dialogTypeUnion)(),
+  dialogType: (0,external_shared_namespaceObject.dialogTypeUnion)(),
   // 是否允许多个弹框同时存在
-  multiInstance: external_shared_.PropTypes.bool.def(true),
+  multiInstance: external_shared_namespaceObject.PropTypes.bool.def(true),
   // info-box
-  infoType: external_shared_.PropTypes.theme()
+  infoType: external_shared_namespaceObject.PropTypes.theme()
 };
 ;// CONCATENATED MODULE: ../../packages/modal/src/modal.tsx
 
@@ -225,7 +161,7 @@ var propsMixin = {
 
 
 
-/* harmony default export */ const modal = ((0,external_vue_.defineComponent)({
+/* harmony default export */ const modal = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Modal',
   props: Object.assign({}, propsMixin),
   emits: ['quick-close', 'quickClose', 'hidden', 'shown', 'close'],
@@ -287,20 +223,20 @@ var propsMixin = {
         if (val) {
           this.$nextTick(function () {
             // isShow初始化为true的时候，放在nextTick才能获取$el
-            external_shared_.bkPopIndexManager.onMaskClick(function (_e) {
+            external_shared_namespaceObject.bkPopIndexManager.onMaskClick(function (_e) {
               _this2.handleClickOutSide();
             }, _this2.$el);
             var hideMaskStyle = {
               'background-color': 'rgba(0,0,0,0)'
             };
             var appendStyle = _this2.showMask ? {} : hideMaskStyle;
-            external_shared_.bkPopIndexManager.show(_this2.$el, _this2.showMask, appendStyle, _this2.transfer, _this2.zIndex);
+            external_shared_namespaceObject.bkPopIndexManager.show(_this2.$el, _this2.showMask, appendStyle, _this2.transfer, _this2.zIndex);
 
             _this2.$emit('shown');
           });
         } else {
-          external_shared_.bkPopIndexManager === null || external_shared_.bkPopIndexManager === void 0 ? void 0 : external_shared_.bkPopIndexManager.hide(this.$el, this.transfer);
-          external_shared_.bkPopIndexManager === null || external_shared_.bkPopIndexManager === void 0 ? void 0 : external_shared_.bkPopIndexManager.destroy();
+          external_shared_namespaceObject.bkPopIndexManager === null || external_shared_namespaceObject.bkPopIndexManager === void 0 ? void 0 : external_shared_namespaceObject.bkPopIndexManager.hide(this.$el, this.transfer);
+          external_shared_namespaceObject.bkPopIndexManager === null || external_shared_namespaceObject.bkPopIndexManager === void 0 ? void 0 : external_shared_namespaceObject.bkPopIndexManager.destroy();
         }
       },
       immediate: true
@@ -308,8 +244,8 @@ var propsMixin = {
   },
   beforeUnmount: function beforeUnmount() {
     if (this.visible) {
-      external_shared_.bkPopIndexManager === null || external_shared_.bkPopIndexManager === void 0 ? void 0 : external_shared_.bkPopIndexManager.hide(this.$el);
-      external_shared_.bkPopIndexManager === null || external_shared_.bkPopIndexManager === void 0 ? void 0 : external_shared_.bkPopIndexManager.destroy();
+      external_shared_namespaceObject.bkPopIndexManager === null || external_shared_namespaceObject.bkPopIndexManager === void 0 ? void 0 : external_shared_namespaceObject.bkPopIndexManager.hide(this.$el);
+      external_shared_namespaceObject.bkPopIndexManager === null || external_shared_namespaceObject.bkPopIndexManager === void 0 ? void 0 : external_shared_namespaceObject.bkPopIndexManager.destroy();
     }
   },
   methods: {
@@ -329,25 +265,25 @@ var propsMixin = {
     var maxHeight = this.maxHeight ? {
       maxHeight: this.maxHeight
     } : {};
-    var bodyClass = "".concat((0,external_shared_.resolveClassName)('modal-body'), " ").concat(this.animateType === 'slide' ? this.direction : '');
-    return (0,external_vue_.createVNode)("div", {
-      "class": [(0,external_shared_.resolveClassName)('modal-wrapper'), this.extCls, this.size, this.fullscreen ? 'fullscreen' : ''],
+    var bodyClass = "".concat((0,external_shared_namespaceObject.resolveClassName)('modal-body'), " ").concat(this.animateType === 'slide' ? this.direction : '');
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": [(0,external_shared_namespaceObject.resolveClassName)('modal-wrapper'), this.extCls, this.size, this.fullscreen ? 'fullscreen' : ''],
       "style": [this.compStyle, this.fullscreen ? this.fullscreenStyle : '']
-    }, [(0,external_vue_.createVNode)(external_vue_.Transition, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
       "name": this.animateType
     }, {
       "default": function _default() {
-        return [_this3.isShow ? (0,external_vue_.createVNode)("div", {
+        return [_this3.isShow ? (0,external_vue_namespaceObject.createVNode)("div", {
           "class": bodyClass
-        }, [(0,external_vue_.createVNode)("div", {
-          "class": (0,external_shared_.resolveClassName)('modal-header')
-        }, [(_c = (_b = (_a = _this3.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : '']), (0,external_vue_.createVNode)("div", {
-          "class": (0,external_shared_.resolveClassName)('modal-content'),
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": (0,external_shared_namespaceObject.resolveClassName)('modal-header')
+        }, [(_c = (_b = (_a = _this3.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : '']), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": (0,external_shared_namespaceObject.resolveClassName)('modal-content'),
           "style": [_this3.dialogType === 'show' ? 'padding-bottom: 20px' : '', Object.assign({}, maxHeight)]
-        }, [(_g = (_f = (_d = _this3.$slots)["default"]) === null || _f === void 0 ? void 0 : _f.call(_d)) !== null && _g !== void 0 ? _g : '']), _this3.dialogType === 'show' ? '' : (0,external_vue_.createVNode)("div", {
-          "class": (0,external_shared_.resolveClassName)('modal-footer')
-        }, [(_k = (_j = (_h = _this3.$slots).footer) === null || _j === void 0 ? void 0 : _j.call(_h)) !== null && _k !== void 0 ? _k : '']), (0,external_vue_.createVNode)("div", {
-          "class": [(0,external_shared_.resolveClassName)('modal-close'), _this3.closeIcon ? '' : 'close-icon']
+        }, [(_g = (_f = (_d = _this3.$slots)["default"]) === null || _f === void 0 ? void 0 : _f.call(_d)) !== null && _g !== void 0 ? _g : '']), _this3.dialogType === 'show' ? '' : (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": (0,external_shared_namespaceObject.resolveClassName)('modal-footer')
+        }, [(_k = (_j = (_h = _this3.$slots).footer) === null || _j === void 0 ? void 0 : _j.call(_h)) !== null && _k !== void 0 ? _k : '']), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": [(0,external_shared_namespaceObject.resolveClassName)('modal-close'), _this3.closeIcon ? '' : 'close-icon']
         }, [(_o = (_m = (_l = _this3.$slots).close) === null || _m === void 0 ? void 0 : _m.call(_l)) !== null && _o !== void 0 ? _o : ''])]) : ''];
       }
     })]);
@@ -382,14 +318,12 @@ var propsMixin = {
 
 
 
-var BkModal = (0,external_shared_.withInstallProps)(modal, {
+var BkModal = (0,external_shared_namespaceObject.withInstallProps)(modal, {
   propsMixin: propsMixin
 }, true);
 /* harmony default export */ const src = (BkModal);
 
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+var __webpack_exports__BkModal = __webpack_exports__.$S;
+var __webpack_exports__default = __webpack_exports__.ZP;
+var __webpack_exports__propsMixin = __webpack_exports__.ty;
+export { __webpack_exports__BkModal as BkModal, __webpack_exports__default as default, __webpack_exports__propsMixin as propsMixin };

package/lib/modal/modal.d.ts

@@ -192,11 +192,11 @@ declare const _default: import("vue").DefineComponent<{
     zIndex: string | number;
     showMask: boolean;
     direction: string;
+    extCls: string | unknown[];
     width: string | number;
     height: string | number;
     maxHeight: string;
     isShow: boolean;
-    extCls: string | unknown[];
     draggable: boolean;
     transfer: boolean;
     quickClose: boolean;