@king-design/react 3.1.1-beta.1 → 3.1.1-beta.3

package/components/dialog/base.vdt.js

@@ -40,80 +40,90 @@ export default function ($props, $blocks, $__proto__) {
     'appear': value,
     'key': 'dialog',
     'onAfterLeave': this.onAfterLeave,
-    'children': (isHide ? true : value) ? _$ce(2, 'div', (_$blocks['content'] = function ($super) {
-      return [_$ce(2, 'div', [(_$blocks['header'] = function ($super) {
-        return _$ce(2, 'span', title, 0, _$cn(k + "-dialog-title"));
-      }, __$blocks['header'] = function ($super, data) {
-        var block = $blocks['header'];
+    'children': (isHide ? true : value) ? _$ce(2, 'div', [null, (_$blocks['_content'] = function ($super) {
+      return _$blocks['content'] = function ($super) {
+        return [_$ce(2, 'div', [(_$blocks['header'] = function ($super) {
+          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);
-        };
+          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',
-        'icon': true,
-        'title': _$("关闭"),
-        'className': _$cn(k + "-dialog-close"),
-        'ev-click': this.terminate,
-        'ev-mousedown': stopPropagation,
-        'children': _$cc(Icon, {
-          'className': _$cn(k + "-icon-close")
-        })
-      }) : undefined], 0, _$cn(k + "-dialog-header"), {
-        'ev-mousedown': this.drag.start
-      }), _$ce(2, 'div', (_$blocks['body'] = function ($super) {
-        return children;
-      }, __$blocks['body'] = function ($super, data) {
-        var block = $blocks['body'];
+          return block ? block.call($this, callBlock, data) : callBlock();
+        }, __$blocks['header'](_$no)), !hideClose && !$props.hideClose ? _$cc(Button, {
+          'type': 'none',
+          'icon': true,
+          'title': _$("关闭"),
+          'className': _$cn(k + "-dialog-close"),
+          'ev-click': this.terminate,
+          'ev-mousedown': stopPropagation,
+          'children': _$cc(Icon, {
+            'className': _$cn(k + "-icon-close")
+          })
+        }) : undefined], 0, _$cn(k + "-dialog-header"), {
+          'ev-mousedown': this.drag.start
+        }), _$ce(2, 'div', (_$blocks['body'] = function ($super) {
+          return children;
+        }, __$blocks['body'] = function ($super, data) {
+          var block = $blocks['body'];
 
-        var callBlock = function callBlock() {
-          return _$blocks['body'].call($this, $super, data);
-        };
+          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) {
-          return [_$cc(Button, {
-            'className': _$cn(k + "-dialog-cancel"),
-            'ev-click': this.cancel,
-            'children': cancelText
-          }), _$cc(Button, {
-            'className': _$cn(k + "-dialog-ok"),
-            'type': 'primary',
-            'ev-click': this.ok,
-            'loading': loading,
-            'disabled': disabledOk,
-            'children': okText
-          })];
-        }, __$blocks['footer'] = function ($super, data) {
-          var block = $blocks['footer'];
+          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) {
+            return [_$cc(Button, {
+              'className': _$cn(k + "-dialog-cancel"),
+              'ev-click': this.cancel,
+              'children': cancelText
+            }), _$cc(Button, {
+              'className': _$cn(k + "-dialog-ok"),
+              'type': 'primary',
+              'ev-click': this.ok,
+              'loading': loading,
+              'disabled': disabledOk,
+              'children': okText
+            })];
+          }, __$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'].call($this, $super, data);
+            return _$blocks['footer-wrapper'].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'];
+        }, __$blocks['footer-wrapper'](_$no))];
+      }, __$blocks['content'] = function ($super, data) {
+        var block = $blocks['content'];
 
         var callBlock = function callBlock() {
-          return _$blocks['footer-wrapper'].call($this, $super, data);
+          return _$blocks['content'].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'];
+      }, __$blocks['content'](_$no);
+    }, __$blocks['_content'] = function ($super, data) {
+      var block = $blocks['_content'];
 
       var callBlock = function callBlock() {
-        return _$blocks['content'].call($this, $super, data);
+        return _$blocks['_content'].call($this, $super, data);
       };
 
       return block ? block.call($this, callBlock, data) : callBlock();
-    }, __$blocks['content'](_$no)), 0, _$cn(classNameObj), {
+    }, __$blocks['_content'](_$no))], 0, _$cn(classNameObj), {
       'style': {
         width: typeof width === 'number' ? width + "px" : width
       },

package/components/drawer/index.spec.js

@@ -60,7 +60,7 @@ describe('Drawer', function () {
           case 0:
             this.timeout(0);
             _mount2 = mount(PlacementDemo), instance = _mount2[0], element = _mount2[1];
-            _element$querySelecto = element.querySelectorAll('.k-btn'), top = _element$querySelecto[0], bottom = _element$querySelecto[1], left = _element$querySelecto[2], right = _element$querySelecto[3];
+            _element$querySelecto = element.querySelectorAll('.placement-btn'), top = _element$querySelecto[0], bottom = _element$querySelecto[1], left = _element$querySelecto[2], right = _element$querySelecto[3];
 
             test = /*#__PURE__*/function () {
               var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(btn, className) {

package/components/drawer/index.vdt.js

@@ -19,13 +19,13 @@ export default function ($props, $blocks, $__proto__) {
     var _$blocks = {},
         __$blocks = _$ex({}, $blocks);
 
-    return (_$blocks['content'] = function ($super) {
+    return (_$blocks['_content'] = function ($super) {
       return _$ce(2, 'div', $super(), 0, _$cn(k + "-drawer-content"));
-    }, __$blocks['content'] = function ($super, data) {
-      var block = $blocks['content'];
+    }, __$blocks['_content'] = function ($super, data) {
+      var block = $blocks['_content'];
 
       var callBlock = function callBlock() {
-        return _$blocks['content'].call($this, $super, data);
+        return _$blocks['_content'].call($this, $super, data);
       };
 
       return block ? block.call($this, callBlock, data) : callBlock();

package/components/drawer/styles.js

@@ -1,4 +1,3 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
@@ -21,38 +20,10 @@ setDefault(function () {
   }).drawer;
 });
 export function makeStyles(overlay, k) {
-  return /*#__PURE__*/css("position:fixed!important;background:transparent!important;box-shadow:none!important;&.transition-enter-active,&.transition-leave-active,&.transition-appear-active{transition:opacity ", drawer.transition, "!important;overflow:hidden;.", k, "-drawer-content{transition:transform ", drawer.transition, ";}}.", k, "-drawer-content{height:100%;display:flex;background:#fff;flex-direction:column;transform:translateX(0);box-shadow:", drawer.boxShadow, ";.", k, "-dialog-body{flex-grow:1;overflow:auto;}}", _mapInstanceProperty(placements).call(placements, function (placement) {
-    var positionValue = '';
-    var transformValue = '';
-    var borderRadius = '';
-    placements.forEach(function (p) {
-      // Set top to `0 !important` when overlay is false and placement is right or left
-      // Because dialog without overlay don't have positional parent element
-      positionValue += p !== placement ? (placement === 'right' || placement === 'left') && !overlay && p === 'top' ? p + ": 0;" : p + ": auto;" : p + ": 0;";
-    });
+  var borderRadius = theme.largeBorderRadius;
+  return /*#__PURE__*/css("&.k-drawer{position:fixed;background:transparent;box-shadow:none;border-radius:0;}&.transition-enter-active,&.transition-leave-active,&.transition-appear-active{transition:opacity ", drawer.transition, "!important;overflow:hidden;.", k, "-drawer-content{transition:transform ", drawer.transition, ";}}.", k, "-drawer-content{height:100%;display:flex;background:#fff;flex-direction:column;transform:translateX(0);box-shadow:", drawer.boxShadow, ";.", k, "-dialog-body{flex-grow:1;overflow:auto;}}", makePlacementStyles(k, 'right', "right: 0; height: 100%;", "translateX(100%)", borderRadius + " 0 0 " + borderRadius), " ", makePlacementStyles(k, 'left', 'left: 0; height: 100%;', "translateX(-100%)", "0 " + borderRadius + " " + borderRadius + " 0"), " ", makePlacementStyles(k, 'top', 'left: 50%; top: 0; transform: translateX(-50%);', "translateY(-100%)", "0 0 " + borderRadius + " " + borderRadius), " ", makePlacementStyles(k, 'bottom', 'left: 50%; bottom: 0; transform: translateX(-50%);', "translateY(100%)", "0 " + borderRadius + " " + borderRadius + " 0"), " &.", k, "-top,&.", k, "-bottom{width:100%;}");
+}
 
-    if (placement === 'left' || placement === 'right') {
-      positionValue += 'height: 100% !important;';
-
-      if (placement === 'left') {
-        borderRadius = "0 " + theme.largeBorderRadius + " " + theme.largeBorderRadius + " 0";
-        transformValue = 'translateX(-100%)';
-      } else {
-        borderRadius = theme.largeBorderRadius + " 0 0 " + theme.largeBorderRadius;
-        transformValue = 'translateX(100%)';
-      }
-    } else {
-      positionValue += 'width: 100% !important;';
-
-      if (placement === 'top') {
-        borderRadius = "0 0 " + theme.largeBorderRadius + " " + theme.largeBorderRadius;
-        transformValue = 'translateY(-100%)';
-      } else {
-        borderRadius = theme.largeBorderRadius + " " + theme.largeBorderRadius + " 0 0";
-        transformValue = 'translateY(100%)';
-      }
-    }
-
-    return /*#__PURE__*/css("&.", k, "-", placement, "{", positionValue, " &.transition-enter-from,&.transition-leave-to,&.transition-appear-from{transform:none!important;.", k, "-drawer-content{transform:", transformValue, ";}}.", k, "-drawer-content{border-radius:", borderRadius, ";}}");
-  }), ";");
+function makePlacementStyles(k, placement, styles, transform, borderRadius) {
+  return /*#__PURE__*/css("&.", k, "-drawer.", k, "-", placement, "{", styles, " &.transition-enter-from,&.transition-leave-to,&.transition-appear-from{.", k, "-drawer-content{transform:", transform, ";}}.", k, "-drawer-content{border-radius:", borderRadius, ";}}");
 }

package/components/input/index.vdt.js

@@ -144,7 +144,7 @@ export default function ($props, $blocks, $__proto__) {
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['suffix'](_$no))], 0, _$cn(k + "-input-suffix"), {
           'ev-click': stopPropagation
-        }) : undefined, autoWidth ? _$ce(2, 'div', _$ce(2, 'span', !hasValue ? placeholder : inputValue, 0, null, null, null, fakeRef), 2, _$cn(k + "-input-fake")) : undefined], 0, _$cn(k + "-input-wrapper"), {
+        }) : undefined, autoWidth ? _$ce(2, 'div', _$ce(2, 'span', !hasValue ? hasInputValue || !defaultValue ? placeholder : defaultValue : inputValue, 0, null, null, null, fakeRef), 2, _$cn(k + "-input-fake")) : undefined], 0, _$cn(k + "-input-wrapper"), {
           'ev-click': focusInputOnClick
         })
       });

package/components/input/styles.js

@@ -139,7 +139,7 @@ export function makeStyles(k) {
     return /*#__PURE__*/css("&.", k, "-", size, "{", sizeClassName, ";}");
   }), "&.", k, "-inline{.", k, "-input-wrapper{height:auto;border:none;border-radius:0;padding:0;}}&.", k, "-type-textarea{.", k, "-input-wrapper{display:inline-block;padding:0;height:auto;}.", k, "-textarea{width:100%;padding:", input.textareaPadding, ";line-height:1.5;vertical-align:top;}.", k, "-input-suffix{margin:0;justify-content:flex-end;}}", _mapInstanceProperty(_context = Input.typeDefs.resize).call(_context, function (type) {
     return /*#__PURE__*/css("&.", k, "-resize-", type, "{.", k, "-textarea{resize:", type, ";}}");
-  }), ".", k, "-input-fake{left:0;top:0;right:0;position:absolute;overflow:hidden;width:100%;visibility:hidden;white-space:nowrap;}&.", k, "-auto-width{width:auto;max-width:100%;}.", k, "-input-count{color:", input.count.color, ";}");
+  }), ".", k, "-input-fake{left:0;top:0;position:absolute;overflow:hidden;visibility:hidden;white-space:nowrap;}&.", k, "-auto-width{width:auto;max-width:100%;}.", k, "-input-count{color:", input.count.color, ";}");
 }
 export function makeSearchStyles(k) {
   return /*#__PURE__*/css("position:relative;display:inline-block;.", k, "-input{transition:width ", input.transition, ";}.", k, "-btn{position:absolute;top:0;right:0;z-index:1;}&.", k, "-default .", k, "-btn:hover{background:transparent;}.", k, "-input-suffix{margin-right:", input.search.suffixMarginRight, ";}&.", k, "-hide{", _mapInstanceProperty(sizes).call(sizes, function (size) {

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.1-beta.1
+ * @king-design v3.1.1-beta.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,7 +60,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.1-beta.1";
+export declare const version = "3.1.1-beta.3";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.1-beta.1
+ * @king-design v3.1.1-beta.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,7 +62,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.1-beta.1';
+export var version = '3.1.1-beta.3';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.1.1-beta.1",
+  "version": "3.1.1-beta.3",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",