@king-design/react 3.1.4-beta.2 → 3.1.4

package/components/dialog/base.js

@@ -34,7 +34,6 @@ var typeDefs = {
   mode: ['destroy', 'hide'],
   draggable: Boolean
 };
-
 var defaults = function defaults() {
   return {
     title: _$('提示'),
@@ -49,7 +48,6 @@ var defaults = function defaults() {
     draggable: true
   };
 };
-
 var events = {
   open: true,
   close: true,
@@ -60,16 +58,12 @@ 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();
@@ -78,36 +72,28 @@ export var BaseDialog = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     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);
   }
@@ -115,24 +101,18 @@ 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 {
@@ -140,17 +120,14 @@ export var BaseDialog = /*#__PURE__*/function (_Component) {
       this.close();
     }
   };
-
   _proto.onClickWrapper = function onClickWrapper(e) {
     if (this.get('closable') && e.target === this.overlayRef.value) {
       this.terminate();
     }
   };
-
   _proto.onAfterLeave = function onAfterLeave() {
     this.trigger('afterClose');
   };
-
   return BaseDialog;
 }(Component);
 BaseDialog.template = template;
@@ -158,13 +135,8 @@ 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

@@ -8,33 +8,29 @@ import { getRestProps, stopPropagation } from '../utils';
 import { makeDialogStyles, makeWrapperStyles } from './styles';
 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-dialog"] = true, _classNameObj[k + "-dragging"] = this.drag.dragging.value, _classNameObj[className] = className, _classNameObj[$props.className] = $props.className, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[makeDialogStyles(k)] = true, _classNameObj);
-
   var dialog = _$cc(Transition, {
     'show': value,
     'appear': value,
@@ -46,11 +42,9 @@ export default function ($props, $blocks, $__proto__) {
           return _$ce(2, 'span', title, 0, _$cn(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',
@@ -68,11 +62,9 @@ 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, _$cn(k + "-dialog-body")), (_$blocks['footer-wrapper'] = function ($super) {
           return _$ce(2, 'div', (_$blocks['footer'] = function ($super) {
@@ -90,38 +82,30 @@ 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, _$cn(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);
     }, __$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': {
@@ -130,7 +114,6 @@ 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,76 +6,54 @@ 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 {
@@ -83,17 +61,14 @@ 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;