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

package/components/button/styles.js

@@ -10,52 +10,39 @@ var btnStyles = {
   get color() {
     return theme.color.text;
   },
-
   bgColor: '#fff',
   lineHeight: '1.15',
-
   get padding() {
     return "0 16px";
   },
-
   get borderColor() {
     return theme.color.border;
   },
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   get fontSize() {
     return theme.default.fontSize;
   },
-
   get height() {
     return theme.default.height;
   },
-
   get hoverBorderColor() {
     return theme.color.primary;
   },
-
   get hoverColor() {
     return theme.color.primary;
   },
-
   // ghost
   ghost: {
     color: '#fff',
-
     get hoverColor() {
       return palette(theme.color.primary, -1);
     },
-
     borderColor: '#fff',
-
     get hoverBorderColor() {
       return palette(theme.color.primary, -1);
     }
-
   },
   // icon
   icon: {
@@ -67,19 +54,15 @@ var btnStyles = {
     get color() {
       return theme.color.disabled;
     },
-
     get bgColor() {
       return theme.color.disabledBg;
     },
-
     get borderColor() {
       return theme.color.disabledBorder;
     },
-
     get ghostBorderColor() {
       return theme.color.disabled;
     }
-
   }
 };
 var btnTypeStyles = types.reduce(function (memo, type) {
@@ -87,49 +70,38 @@ var btnTypeStyles = types.reduce(function (memo, type) {
     // const color = theme.color;
     memo[type] = {
       color: '#fff',
-
       get bgColor() {
         return theme.color[type];
       },
-
       get borderColor() {
         return theme.color[type];
       },
-
       get hoverBorderColor() {
         return palette(theme.color[type], -1);
       },
-
       get ghostColor() {
         return theme.color[type];
       }
-
     };
   }
-
   return memo;
 }, {});
 var btnActiveStyles = {
   get color() {
     return theme.color.primary;
   },
-
   get bgColor() {
     return palette(theme.color.primary, -4);
   },
-
   get borderColor() {
     return btnTypeStyles.primary.borderColor;
   },
-
   get hoverBorderColor() {
     return btnTypeStyles.primary.hoverBorderColor;
   },
-
   get ghostColor() {
     return btnTypeStyles.primary.ghostColor;
   }
-
 };
 var btnSizeStyles = sizes.reduce(function (memo, size) {
   // const defaultStyle = theme[size];
@@ -137,66 +109,53 @@ var btnSizeStyles = sizes.reduce(function (memo, size) {
     get fontSize() {
       return theme[size].fontSize;
     },
-
     get height() {
       return theme[size].height;
     },
-
     get padding() {
       return "0 " + theme[size].padding;
     }
-
   };
-
   if (size === 'large') {
     Object.defineProperty(memo[size], 'padding', {
       value: "0 24px"
     });
   }
-
   return memo;
 }, {});
 var defaults = deepDefaults({
   get transition() {
     return theme.transition.middle;
   },
-
   active: btnActiveStyles,
   secondary: {
     get color() {
       return theme.color.primary;
     },
-
     get borderColor() {
       return theme.color.primary;
     },
-
     get hoverBgColor() {
       return palette(theme.color.primary, -4);
     },
-
     get activeBgColor() {
       return palette(theme.color.primary, -3);
     }
-
   },
   link: {
     get color() {
       return theme.color.link;
     },
-
     get hoverColor() {
       return theme.color.linkHover;
     },
-
-    hoverBgColor: 'transparent' // get hoverBgColor() { return theme.color.hoverBg },
-
+    hoverBgColor: 'transparent'
+    // get hoverBgColor() { return theme.color.hoverBg },
   },
   none: {
     get hoverBgColor() {
       return theme.color.bg;
     }
-
   },
   // ButtonGroup
   group: {
@@ -204,25 +163,21 @@ var defaults = deepDefaults({
       get borderColor() {
         return darken(button.primary.borderColor, 3);
       }
-
     },
     warning: {
       get borderColor() {
         return darken(button.warning.borderColor, 3);
       }
-
     },
     danger: {
       get borderColor() {
         return darken(button.danger.borderColor, 3);
       }
-
     },
     success: {
       get borderColor() {
         return darken(button.success.borderColor, 3);
       }
-
     }
   }
 }, btnStyles, btnTypeStyles, btnSizeStyles);
@@ -231,14 +186,14 @@ setDefault(function () {
   button = deepDefaults(theme, {
     button: defaults
   }).button;
-  makeButtonStyles == null ? void 0 : makeButtonStyles.clearCache();
-  makeButtonGroupStyles == null ? void 0 : makeButtonGroupStyles.clearCache();
+  makeButtonStyles == null || makeButtonStyles.clearCache();
+  makeButtonGroupStyles == null || makeButtonGroupStyles.clearCache();
 });
 export { button };
 export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide) {
   var _button = button,
-      secondary = _button.secondary,
-      link = _button.link;
+    secondary = _button.secondary,
+    link = _button.link;
   return cx(
   /*#__PURE__*/
   // extract static styles to individual css method for performance
@@ -253,8 +208,8 @@ export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide) {
     return /*#__PURE__*/css("&.", k, "-", type, "{&,&:hover{background:", palette(styles.bgColor, -2), ";color:", palette(styles.color, -2), ";border-color:", palette(styles.borderColor, -2), ";}}");
   }), ";&,&:hover{background:", palette(button.bgColor, -2), ";color:", palette(button.color, -2), ";border-color:", palette(button.borderColor, -2), ";}.", k, "-icon:not(.", k, "-icon-loading){display:none;}}&:not(button){display:inline-flex;align-items:center;justify-content:center;}&.", k, "-ghost{background:transparent;color:", button.ghost.color, ";border-color:", button.ghost.borderColor, ";.", k, "-icon{color:inherit;}&:hover,&:active{background:transparent;}&:hover{color:", button.ghost.hoverColor, ";border-color:", button.ghost.hoverBorderColor, ";}&:active{color:", theme.color.primary, ";border-color:", theme.color.primary, ";}", _mapInstanceProperty(types).call(types, function (type) {
     var _button$type = button[type],
-        ghostColor = _button$type.ghostColor,
-        borderColor = _button$type.borderColor;
+      ghostColor = _button$type.ghostColor,
+      borderColor = _button$type.borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, "{color:", ghostColor, ";border-color:", borderColor, ";&:hover{color:", palette(ghostColor, -1), ";border-color:", palette(ghostColor, -1), ";}&:active{color:", palette(ghostColor, 1), ";border-color:", palette(ghostColor, 1), ";}}");
   }), "&.", k, "-disabled{&,&:hover{color:", button.disabled.color, ";border-color:", button.disabled.ghostBorderColor, ";background:transparent;}}}"),
   /*#__PURE__*/

package/components/card/column.js

@@ -9,21 +9,16 @@ var typeDefs = {
 };
 export var CardColumn = /*#__PURE__*/function (_Component) {
   _inheritsLoose(CardColumn, _Component);
-
   function CardColumn() {
     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.config = useConfigContext();
     return _this;
   }
-
   return CardColumn;
 }(Component);
 CardColumn.template = template;

package/components/card/column.vdt.js

@@ -3,27 +3,22 @@ import { createVNode as _$cv, className as _$cn } from 'intact-react';
 import { addStyle, getRestProps } from '../utils';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      children = _this$get.children,
-      className = _this$get.className,
-      width = _this$get.width,
-      style = _this$get.style,
-      center = _this$get.center;
-
+    children = _this$get.children,
+    className = _this$get.className,
+    width = _this$get.width,
+    style = _this$get.style,
+    center = _this$get.center;
   var k = this.config.k;
   var _style = style;
-
   if (width) {
     _style = addStyle(style, {
       width: width
     });
   }
-
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-card-column"] = true, _classNameObj[k + "-fluid"] = !width, _classNameObj[k + "-center"] = center, _classNameObj[className] = className, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj),

package/components/card/index.js

@@ -9,31 +9,24 @@ var typeDefs = {
   type: ['shadow', 'border', 'none'],
   size: String
 };
-
 var defaults = function defaults() {
   return {
     type: 'shadow',
     size: 'default'
   };
 };
-
 export var Card = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Card, _Component);
-
   function Card() {
     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.config = useConfigContext();
     return _this;
   }
-
   return Card;
 }(Component);
 Card.template = template;

package/components/card/index.vdt.js

@@ -5,35 +5,29 @@ import { CardColumn } from './column';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      children = _this$get.children,
-      className = _this$get.className,
-      title = _this$get.title,
-      type = _this$get.type,
-      size = _this$get.size;
-
+    children = _this$get.children,
+    className = _this$get.className,
+    title = _this$get.title,
+    type = _this$get.type,
+    size = _this$get.size;
   var k = this.config.k;
   var hasHeader = $blocks.header || $blocks.title || title || $blocks.extra;
   var hasColumn = false;
-
   if (children && children.length) {
     for (var i = 0; i < children.length; i++) {
       var vNode = children[i];
-
       if (vNode && vNode.tag === CardColumn) {
         hasColumn = true;
         break;
       }
     }
   }
-
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-card"] = true, _classNameObj[k + "-shadow"] = type === 'shadow', _classNameObj[k + "-border"] = type === 'border', _classNameObj[k + "-none"] = type === 'none', _classNameObj[k + "-no-header"] = !hasHeader, _classNameObj[k + "-card-grid"] = hasColumn, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
@@ -42,30 +36,24 @@ export default function ($props, $blocks, $__proto__) {
       return title;
     }, __$blocks['title'] = function ($super, data) {
       var block = $blocks['title'];
-
       var callBlock = function callBlock() {
         return _$blocks['title'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['title'](_$no)), 0, _$cn(k + "-card-title")), $blocks.extra ? _$ce(2, 'div', (_$blocks['extra'] = function ($super) {
       return null;
     }, __$blocks['extra'] = function ($super, data) {
       var block = $blocks['extra'];
-
       var callBlock = function callBlock() {
         return _$blocks['extra'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['extra'](_$no)), 0, _$cn(k + "-card-extra")) : undefined];
   }, __$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)), 0, _$cn(k + "-card-header c-clearfix")) : undefined, _$ce(2, 'div', children, 0, _$cn(k + "-card-body"))]);
 }

package/components/card/styles.js

@@ -7,15 +7,12 @@ import { cache } from '../utils';
 var defaults = {
   border: '1px solid #e5e5e5',
   padding: '24px',
-
   get boxShadow() {
     return theme.boxShadow;
   },
-
   get borderRadius() {
     return theme.largeBorderRadius;
   },
-
   headerHeight: '48px',
   headerFontSize: '14px',
   bgColor: '#fff',
@@ -37,14 +34,14 @@ setDefault(function () {
   card = deepDefaults(theme, {
     card: defaults
   }).card;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 var sizes = ['large', 'small', 'mini'];
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("border-radius:", card.borderRadius, ";background:", card.bgColor, ";.", k, "-card-header{height:", card.headerHeight, ";padding:0 ", card.padding, ";display:flex;align-items:center;}.", k, "-card-title{font-size:", card.headerFontSize, ";flex:1;}.", k, "-card-extra{display:flex;align-items:center;}.", k, "-card-body{padding:0 ", card.padding, " ", card.padding, ";}&.", k, "-shadow{box-shadow:", card.boxShadow, ";}&.", k, "-none{box-shadow:none;}&.", k, "-border{border:", card.border, ";.", k, "-card-header{border-bottom:", card.border, ";}.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-no-header{.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-card-grid{.", k, "-card-body{display:flex;padding:0;}&.", k, "-border{.", k, "-card-column:not(:last-of-type){border-right:", card.border, ";}}}.", k, "-card-column{display:flex;align-items:center;padding:", card.padding, ";&.", k, "-fluid{flex:1;}&.", k, "-center{justify-content:center;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var _card$size = card[size],
-        padding = _card$size.padding,
-        headerHeight = _card$size.headerHeight;
+      padding = _card$size.padding,
+      headerHeight = _card$size.headerHeight;
     return /*#__PURE__*/css("&.", k, "-", size, "{.", k, "-card-header{padding:0 ", padding, ";height:", headerHeight, ";}.", k, "-card-body{padding:0 ", padding, " ", padding, ";}&.", k, "-border,&.", k, "-no-header{.", k, "-card-body{padding-top:", padding, ";}}.", k, "-card-column{padding:", padding, ";}}");
   }), ";");
 });

package/components/carousel/index.js

@@ -17,7 +17,6 @@ var typeDefs = {
   effect: ['slide', 'fade'],
   clonedAmount: Number
 };
-
 var defaults = function defaults() {
   return {
     arrow: 'hover',
@@ -25,19 +24,14 @@ var defaults = function defaults() {
     clonedAmount: 1
   };
 };
-
 export var Carousel = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Carousel, _Component);
-
   function Carousel() {
     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.items = useItems();
     _this.slide = useSlide(_this.items.getItems, _this.items.getItemsWithCloned);
@@ -45,28 +39,22 @@ export var Carousel = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     return _this;
   }
-
   var _proto = Carousel.prototype;
-
   _proto.isActive = function isActive(value) {
     return this.get('value') === value;
   };
-
   _proto.getIndex = function getIndex() {
     var _context2,
-        _this2 = this;
-
+      _this2 = this;
     return _findIndexInstanceProperty(_context2 = this.items.getItems()).call(_context2, function (item) {
       return item.children.get('value') === _this2.get('value');
     });
   };
-
   _proto.setIndex = function setIndex(index) {
     var item = this.items.getItems()[index];
     this.setValue(item);
     this.slide.translateToItem(item, null, null, false);
   };
-
   _proto.prev = function prev() {
     var index = this.getIndex();
     var items = this.items.getItems();
@@ -76,7 +64,6 @@ export var Carousel = /*#__PURE__*/function (_Component) {
     this.setValue(item);
     this.slide.translateToItem(item, index, newIndex, true);
   };
-
   _proto.next = function next() {
     var index = this.getIndex();
     var items = this.items.getItems();
@@ -85,22 +72,17 @@ export var Carousel = /*#__PURE__*/function (_Component) {
     this.setValue(item);
     this.slide.translateToItem(item, index, newIndex, true);
   };
-
   _proto.setValue = function setValue(item) {
     var value = item.children.get('value');
     this.set({
       value: value
     });
   };
-
   return Carousel;
 }(Component);
 Carousel.template = template;
 Carousel.typeDefs = typeDefs;
 Carousel.defaults = defaults;
-
 __decorate([bind], Carousel.prototype, "setIndex", null);
-
 __decorate([bind], Carousel.prototype, "prev", null);
-
 __decorate([bind], Carousel.prototype, "next", null);