@king-design/react 2.1.4 → 2.1.6

package/components/dialog/base.js

@@ -33,6 +33,7 @@ var typeDefs = {
   mode: ['destroy', 'hide'],
   draggable: Boolean
 };
+
 var defaults = function defaults() {
   return {
     title: _$('提示'),
@@ -47,6 +48,7 @@ var defaults = function defaults() {
     draggable: true
   };
 };
+
 var events = {
   open: true,
   close: true,
@@ -57,12 +59,16 @@ var events = {
 };
 export var BaseDialog = /*#__PURE__*/function (_Component) {
   _inheritsLoose(BaseDialog, _Component);
+
   function BaseDialog() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.dialogRef = createRef();
     _this.overlayRef = createRef();
@@ -70,28 +76,36 @@ export var BaseDialog = /*#__PURE__*/function (_Component) {
     _this.mouseOutsidable = useMouseOutsidable(_this.dialogRef, false);
     return _this;
   }
+
   var _proto = BaseDialog.prototype;
+
   _proto.init = function init() {
     useShowHideEvents('value', SHOW, HIDE);
     useFixBody(this.dialogRef);
     useEscClosable();
     provide(DIALOG, this);
   };
+
   _proto.show = function show(props) {
     this.set('value', true);
   };
+
   _proto.close = function close() {
     this.set('value', false);
   };
+
   _proto.showLoading = function showLoading() {
     this.set('loading', true);
   };
+
   _proto.hideLoading = function hideLoading() {
     this.set('loading', false);
   };
+
   _proto.disableOk = function disableOk() {
     this.set('disabledOk', true);
   };
+
   _proto.enableOk = function enableOk() {
     this.set('disabledOk', false);
   }
@@ -99,18 +113,24 @@ export var BaseDialog = /*#__PURE__*/function (_Component) {
    * @brief
    * only be called by self when user clicks close button,
    * presses ESC or clicks overlay
-   */;
+   */
+  ;
+
   _proto.terminate = function terminate() {
     this.btnCallback('terminate');
   };
+
   _proto.ok = function ok() {
     this.btnCallback('ok');
   };
+
   _proto.cancel = function cancel() {
     this.btnCallback('cancel');
   };
+
   _proto.btnCallback = function btnCallback(type) {
     var callback = this.get(type);
+
     if (isFunction(callback)) {
       callback();
     } else {
@@ -118,14 +138,17 @@ export var BaseDialog = /*#__PURE__*/function (_Component) {
       this.close();
     }
   };
+
   _proto.onClickWrapper = function onClickWrapper(e) {
     if (this.get('closable')) {
       this.terminate();
     }
   };
+
   _proto.onAfterLeave = function onAfterLeave() {
     this.trigger('afterClose');
   };
+
   return BaseDialog;
 }(Component);
 BaseDialog.template = template;
@@ -133,8 +156,13 @@ BaseDialog.typeDefs = typeDefs;
 BaseDialog.defaults = defaults;
 BaseDialog.events = events;
 BaseDialog.setHooks = setHooks;
+
 __decorate([bind], BaseDialog.prototype, "terminate", null);
+
 __decorate([bind], BaseDialog.prototype, "ok", null);
+
 __decorate([bind], BaseDialog.prototype, "cancel", null);
+
 __decorate([bind], BaseDialog.prototype, "onClickWrapper", null);
+
 __decorate([bind], BaseDialog.prototype, "onAfterLeave", null);

package/components/dialog/base.vdt.js

@@ -11,31 +11,35 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn2;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    size = _this$get.size,
-    container = _this$get.container,
-    hideClose = _this$get.hideClose,
-    overlay = _this$get.overlay,
-    value = _this$get.value,
-    width = _this$get.width,
-    mode = _this$get.mode,
-    className = _this$get.className,
-    cancelText = _this$get.cancelText,
-    okText = _this$get.okText,
-    loading = _this$get.loading,
-    disabledOk = _this$get.disabledOk,
-    title = _this$get.title,
-    children = _this$get.children;
+      size = _this$get.size,
+      container = _this$get.container,
+      hideClose = _this$get.hideClose,
+      overlay = _this$get.overlay,
+      value = _this$get.value,
+      width = _this$get.width,
+      mode = _this$get.mode,
+      className = _this$get.className,
+      cancelText = _this$get.cancelText,
+      okText = _this$get.okText,
+      loading = _this$get.loading,
+      disabledOk = _this$get.disabledOk,
+      title = _this$get.title,
+      children = _this$get.children;
+
   var isHide = mode === 'hide';
   var classNameObj = (_classNameObj = {
     'k-dialog': true,
     'k-dragging': this.drag.dragging.value
   }, _classNameObj[className] = className, _classNameObj[$props.className] = $props.className, _classNameObj["k-" + size] = size !== 'default', _classNameObj[makeDialogStyles()] = true, _classNameObj);
+
   var dialog = _$cc(Transition, {
     'show': value,
     'appear': value,
@@ -46,9 +50,11 @@ export default function ($props, $blocks, $__proto__) {
         return _$ce(2, 'span', title, 0, 'k-dialog-title');
       }, __$blocks['header'] = function ($super, data) {
         var block = $blocks['header'];
+
         var callBlock = function callBlock() {
           return _$blocks['header'].call($this, $super, data);
         };
+
         return block ? block.call($this, callBlock, data) : callBlock();
       }, __$blocks['header'](_$no)), !hideClose && !$props.hideClose ? _$cc(Button, {
         'type': 'none',
@@ -64,9 +70,11 @@ export default function ($props, $blocks, $__proto__) {
         return children;
       }, __$blocks['body'] = function ($super, data) {
         var block = $blocks['body'];
+
         var callBlock = function callBlock() {
           return _$blocks['body'].call($this, $super, data);
         };
+
         return block ? block.call($this, callBlock, data) : callBlock();
       }, __$blocks['body'](_$no)), 0, 'k-dialog-body'), (_$blocks['footer-wrapper'] = function ($super) {
         return _$ce(2, 'div', (_$blocks['footer'] = function ($super) {
@@ -85,23 +93,29 @@ export default function ($props, $blocks, $__proto__) {
           })];
         }, __$blocks['footer'] = function ($super, data) {
           var block = $blocks['footer'];
+
           var callBlock = function callBlock() {
             return _$blocks['footer'].call($this, $super, data);
           };
+
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['footer'](_$no)), 0, 'k-dialog-footer');
       }, __$blocks['footer-wrapper'] = function ($super, data) {
         var block = $blocks['footer-wrapper'];
+
         var callBlock = function callBlock() {
           return _$blocks['footer-wrapper'].call($this, $super, data);
         };
+
         return block ? block.call($this, callBlock, data) : callBlock();
       }, __$blocks['footer-wrapper'](_$no))];
     }, __$blocks['content'] = function ($super, data) {
       var block = $blocks['content'];
+
       var callBlock = function callBlock() {
         return _$blocks['content'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['content'](_$no)), 0, _$cn(classNameObj), {
       'style': {
@@ -110,6 +124,7 @@ export default function ($props, $blocks, $__proto__) {
       'ev-mousedown': this.mouseOutsidable.onMouseDown
     }, null, this.dialogRef) : undefined
   }, 'dialog');
+
   return _$cc(Portal, {
     'container': container,
     'children': _$ce(2, 'div', [overlay ? _$cc(Transition, {

package/components/dialog/index.js

@@ -6,54 +6,76 @@ import { addStaticMethods } from './staticMethods';
 import { usePosition } from './usePosition';
 export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
   _inheritsLoose(BaseDialog, _BaseDialog2);
+
   function BaseDialog(props, $vNode, $SVG, $mountedQueue, $senior) {
     var _this;
+
     if (props === void 0) {
       props = null;
     }
+
     if ($vNode === void 0) {
       $vNode = createVNode(BaseDialog);
     }
+
     if ($SVG === void 0) {
       $SVG = false;
     }
+
     if ($mountedQueue === void 0) {
       $mountedQueue = [];
     }
+
     if ($senior === void 0) {
       $senior = null;
     }
+
     _this = _BaseDialog2.call(this, props, $vNode, $SVG, $mountedQueue, $senior) || this;
     _this.useAsComponent = false;
     return _this;
   }
+
   var _proto = BaseDialog.prototype;
+
   _proto.init = function init() {
-    _BaseDialog2.prototype.init.call(this);
-    // @ts-ignore
+    _BaseDialog2.prototype.init.call(this); // @ts-ignore
+
+
     if (this.$vNode.tag !== BaseDialog) {
       this.useAsComponent = true;
     }
+
     usePosition(this.dialogRef);
   };
+
   _proto.show = function show() {
     var _this2 = this;
+
     return new _Promise(function (resolve) {
       if (_this2.get('value')) return resolve();
+
       var show = function show() {
         _this2.set('value', true);
+
         resolve();
       };
+
       if (_this2.useAsComponent) {
         return show();
-      }
-      // use as intance
+      } // use as intance
+
+
       var mountedQueue = _this2.$mountedQueue;
+
       _this2.$init(null);
+
       var vNode = _this2.$vNode;
       vNode.children = _this2;
+
       _this2.$render(null, vNode, document.body, null, mountedQueue);
+
       callAll(mountedQueue);
+
       if (_this2.$inited) {
         show();
       } else {
@@ -61,14 +83,17 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
       }
     });
   };
+
   return BaseDialog;
-}(_BaseDialog);
-// for React/Vue type inference
+}(_BaseDialog); // for React/Vue type inference
+
 export var Dialog = /*#__PURE__*/function (_BaseDialog3) {
   _inheritsLoose(Dialog, _BaseDialog3);
+
   function Dialog() {
     return _BaseDialog3.apply(this, arguments) || this;
   }
+
   return Dialog;
 }(BaseDialog);
 Dialog.success = void 0;