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

package/components/tabs/styles.js

@@ -20,46 +20,36 @@ var defaults = deepDefaults({
   get transition() {
     return theme.transition.middle;
   },
-
   get borderColor() {
     return '#f0f2f4';
   },
-
   borderWidth: '1px',
-
   get border() {
     return tabs.borderWidth + " solid " + tabs.borderColor;
   },
-
   get color() {
     return theme.color.text;
   },
-
   closeGap: "8px",
   //active
   active: {
     get color() {
       return theme.color.primary;
     },
-
     bar: {
       height: '2px',
-
       get bgColor() {
         return theme.color.primary;
       }
-
     }
   },
   card: {
     get bgColor() {
       return theme.color.bg;
     },
-
     get borderRadius() {
       return theme.borderRadius;
     }
-
   },
   flatCard: {
     // get bgColor() { return theme.color.bg },
@@ -80,26 +70,20 @@ var defaults = deepDefaults({
     get fontSize() {
       return theme[size].fontSize;
     },
-
     get height() {
       return theme[size].height;
     },
-
     get padding() {
       var _tabs$size$size;
-
       return "0 " + (((_tabs$size$size = tabs.size[size]) == null ? void 0 : _tabs$size$size.padding) || theme[size].padding);
     },
-
     get closeFontSize() {
       return closeFontSizeMap[size];
     },
-
     // scroll
     get navigatorWidth() {
       return navigatorWidthMap[size];
     }
-
   };
   return memo;
 }, {}));
@@ -108,12 +92,11 @@ setDefault(function () {
   tabs = deepDefaults(theme, {
     tabs: defaults
   }).tabs;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css(makeCommonStyles(k), ";", makeScrollStyles(k), ";&.", k, "-type-default{", makeDefaultStyles(k), ";}&.", k, "-type-card{", makeCardStyles(k), ";}&.", k, "-type-flat-card{", makeFlatCardStyles(k), ";}");
 });
-
 function makeCommonStyles(k) {
   var active = tabs.active;
   var bar = active.bar;
@@ -122,24 +105,19 @@ function makeCommonStyles(k) {
     return /*#__PURE__*/css("&.", k, "-size-", size, "{.", k, "-tab{font-size:", styles.fontSize, ";height:", styles.height, ";line-height:", styles.height, ";padding:", styles.padding, ";}.", k, "-tab-close .", k, "-icon{font-size:", styles.closeFontSize, ";}&:not(.", k, "-vertical).", k, "-is-scroll{padding:0 ", styles.navigatorWidth, ";}&.", k, "-vertical.", k, "-is-scroll{padding:", styles.navigatorWidth, " 0;}}");
   }), ";");
 }
-
 function makeScrollStyles(k) {
   return /*#__PURE__*/css("overflow:hidden;.", k, "-tabs-scroll{overflow:hidden;position:relative;padding-bottom:1px;margin-bottom:-1px;}&.", k, "-type-card,&.", k, "-type-flat-card{.", k, "-tabs-scroll{padding-bottom:0;margin-bottom:0;}}.", k, "-tabs-wrapper{white-space:nowrap;transition:transform ", tabs.transition, ";}.", k, "-tabs-prev,.", k, "-tabs-next{position:absolute;&:not(.", k, "-disabled){box-shadow:", theme.boxShadow, ";}}&:not(.", k, "-vertical){.", k, "-tabs-wrapper{float:left;}.", k, "-tabs-prev,.", k, "-tabs-next{top:0;}.", k, "-tabs-prev{left:0;}.", k, "-tabs-next{right:0;}}&.", k, "-vertical{&,.", k, "-tabs-scroll{height:100%;}.", k, "-tabs-prev,.", k, "-tabs-next{width:100%!important;left:0;}.", k, "-tabs-prev{top:0;}.", k, "-tabs-next{bottom:0;}}");
 }
-
 function makeDefaultStyles(k) {
   return /*#__PURE__*/css("border-bottom:", tabs.border, ";&.", k, "-vertical{border-bottom:none;border-right:", tabs.border, ";}");
 }
-
 function makeCardCommonStyles(k) {
   return /*#__PURE__*/css("border-radius:", tabs.card.borderRadius, ";background-color:", tabs.card.bgColor, ";.", k, "-tabs-active-bar{background:#fff;top:0;height:auto;z-index:-1;}");
 }
-
 function makeCardStyles(k) {
   var borderRadius = tabs.card.borderRadius;
   return /*#__PURE__*/css(makeCardCommonStyles(k), ";.", k, "-tabs-active-bar{border-radius:", borderRadius, " ", borderRadius, " 0px 0px;box-shadow:", theme.boxShadow, ";}&.", k, "-vertical{.", k, "-tabs-active-bar{width:100%;left:0;border-radius:", borderRadius, " 0px 0px ", borderRadius, ";}}");
 }
-
 function makeFlatCardStyles(k) {
   var padding = tabs.flatCard.padding;
   return /*#__PURE__*/css(makeCardCommonStyles(k), ";padding:0 ", padding, ";.", k, "-tabs-active-bar{top:", padding, ";height:calc(100% - ", padding, " * 2);border-radius:", tabs.card.borderRadius, ";}&.", k, "-vertical{padding:", padding, " 0;.", k, "-tabs-active-bar{left:", padding, ";width:calc(100% - ", padding, " * 2);}}");

package/components/tabs/tab.js

@@ -14,24 +14,18 @@ var typeDefs = {
 };
 export var Tab = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Tab, _Component);
-
   function Tab() {
     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.tabs = inject(TABS);
     _this.config = useConfigContext();
     return _this;
   }
-
   var _proto = Tab.prototype;
-
   _proto.onClick = function onClick(e) {
     if (this.get('disabled')) {
       e.preventDefault();
@@ -40,17 +34,13 @@ export var Tab = /*#__PURE__*/function (_Component) {
       this.trigger('click', e);
     }
   };
-
   _proto.remove = function remove(e) {
     e.stopPropagation();
     this.tabs.remove(this.get('value'));
   };
-
   return Tab;
 }(Component);
 Tab.template = template;
 Tab.typeDefs = typeDefs;
-
 __decorate([bind], Tab.prototype, "onClick", null);
-
 __decorate([bind], Tab.prototype, "remove", null);

package/components/tabs/tab.vdt.js

@@ -10,21 +10,17 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      value = _this$get.value,
-      children = _this$get.children,
-      className = _this$get.className,
-      disabled = _this$get.disabled,
-      closable = _this$get.closable;
-
+    value = _this$get.value,
+    children = _this$get.children,
+    className = _this$get.className,
+    disabled = _this$get.disabled,
+    closable = _this$get.closable;
   var _this$tabs$get = this.tabs.get(),
-      currentValue = _this$tabs$get.value;
-
+    currentValue = _this$tabs$get.value;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-tab"] = true, _classNameObj[k + "-active"] = !isNullOrUndefined(value) && value === currentValue, _classNameObj[className] = className, _classNameObj[k + "-disabled"] = disabled, _classNameObj);
   return _$cv('div', _extends({}, getRestProps(this), {

package/components/tabs/useActiveBar.js

@@ -4,22 +4,17 @@ export function useActiveBar() {
   var instance = useInstance();
   var styles = useState(null, function (lastValue, nextValue) {
     if (lastValue === null || nextValue === null) return lastValue === nextValue;
-
     for (var key in lastValue) {
       if (lastValue[key] !== nextValue[key]) return false;
     }
-
     return true;
   });
-
   function generateStyle() {
     var element = findDomFromVNode(instance.$lastInput, true);
     var k = instance.config.k;
     var activeTab = element.querySelector("." + k + "-tab." + k + "-active");
-
     if (!activeTab) {
       var oldStyles = styles.value;
-
       if (oldStyles) {
         styles.set(oldStyles.left ? {
           left: oldStyles.left,
@@ -31,12 +26,9 @@ export function useActiveBar() {
       } else {
         styles.set(null);
       }
-
       return;
     }
-
     var vertical = instance.get('vertical');
-
     if (!vertical) {
       var width = activeTab.offsetWidth;
       var left = activeTab.offsetLeft;
@@ -53,9 +45,8 @@ export function useActiveBar() {
       });
     }
   }
-
-  onMounted(generateStyle); // Tabs maybe embed into Transition, therefore handle style nextTick
-
+  onMounted(generateStyle);
+  // Tabs maybe embed into Transition, therefore handle style nextTick
   onUpdated(function () {
     return nextTick(generateStyle);
   });

package/components/tabs/useScroll.js

@@ -15,37 +15,30 @@ export function useScroll() {
   instance.watch('value', scrollActiveToView, {
     presented: true
   });
-
   function getLength() {
     var _instance$get = instance.get(),
-        vertical = _instance$get.vertical;
-
+      vertical = _instance$get.vertical;
     if (vertical) {
       return {
         scrollLength: scrollRef.value.offsetHeight,
         wrapperLength: wrapperRef.value.offsetHeight
       };
     }
-
     return {
       scrollLength: scrollRef.value.offsetWidth,
       wrapperLength: wrapperRef.value.offsetWidth
     };
   }
-
   function refresh() {
     var _getLength = getLength(),
-        scrollLength = _getLength.scrollLength,
-        wrapperLength = _getLength.wrapperLength;
-
+      scrollLength = _getLength.scrollLength,
+      wrapperLength = _getLength.wrapperLength;
     isScroll.set(scrollLength < wrapperLength);
     updateTransition(offset.value, scrollLength, wrapperLength);
   }
-
   function updateTransition(_offset, scrollLength, wrapperLength) {
     var prev = true;
     var next = true;
-
     if (_offset >= 0) {
       _offset = 0;
       prev = false;
@@ -53,42 +46,33 @@ export function useScroll() {
       _offset = scrollLength - wrapperLength;
       next = false;
     }
-
     offset.set(_offset);
     enablePrev.set(prev);
     enableNext.set(next);
   }
-
   function prev() {
     var _getLength2 = getLength(),
-        scrollLength = _getLength2.scrollLength,
-        wrapperLength = _getLength2.wrapperLength;
-
+      scrollLength = _getLength2.scrollLength,
+      wrapperLength = _getLength2.wrapperLength;
     updateTransition(offset.value + scrollLength, scrollLength, wrapperLength);
   }
-
   function next() {
     var _getLength3 = getLength(),
-        scrollLength = _getLength3.scrollLength,
-        wrapperLength = _getLength3.wrapperLength;
-
+      scrollLength = _getLength3.scrollLength,
+      wrapperLength = _getLength3.wrapperLength;
     updateTransition(offset.value - scrollLength, scrollLength, wrapperLength);
   }
-
   function scrollActiveToView() {
     var _instance$get2 = instance.get(),
-        vertical = _instance$get2.vertical;
-
+      vertical = _instance$get2.vertical;
     var k = instance.config.k;
     var activeTab = scrollRef.value.querySelector("." + k + "-tab." + k + "-active");
-
     if (activeTab) {
-      var _offset = offset.value; // don't use getBoundingClientRect, it has transform and will return digital number
-
+      var _offset = offset.value;
+      // don't use getBoundingClientRect, it has transform and will return digital number
       var activeRect;
       var scrollRect;
       var wrapperRect;
-
       if (vertical) {
         activeRect = {
           offset: activeTab.offsetTop,
@@ -114,21 +98,17 @@ export function useScroll() {
           length: wrapperRef.value.offsetWidth
         };
       }
-
       var offsetDelta = activeRect.offset - wrapperRect.offset;
-
       if (_offset + offsetDelta <= 0) {
         _offset = -offsetDelta;
       } else if (offsetDelta + activeRect.length + _offset > scrollRect.length) {
         _offset = -offsetDelta - activeRect.length + scrollRect.length;
       }
-
       offset.set(_offset);
     } else {
       offset.set(0);
     }
   }
-
   return {
     isScroll: isScroll,
     offset: offset,

package/components/tag/base.js

@@ -14,7 +14,6 @@ export var typeDefs = {
   size: sizes,
   border: ['solid', 'dashed', 'none']
 };
-
 var defaults = function defaults() {
   return {
     type: 'default',
@@ -22,44 +21,34 @@ var defaults = function defaults() {
     border: 'none'
   };
 };
-
 var events = {
   close: true
 };
 export var Tag = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Tag, _Component);
-
   function Tag() {
     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;
   }
-
   var _proto = Tag.prototype;
-
   _proto.onClose = function onClose(e) {
     e.stopPropagation();
     if (this.get('disabled')) return;
     this.trigger('close', e);
-
     if (!e.defaultPrevented) {
       this.set('closed', true);
     }
   };
-
   return Tag;
 }(Component);
 Tag.template = template;
 Tag.typeDefs = typeDefs;
 Tag.defaults = defaults;
 Tag.events = events;
-
 __decorate([bind], Tag.prototype, "onClose", null);

package/components/tag/index.js

@@ -1,18 +1,16 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import { Tag as BaseTag } from './base';
-export * from './tags'; // export declare class _Tag extends BaseTag<
+export * from './tags';
+// export declare class _Tag extends BaseTag<
 // TagProps,
 // TagEvents,
 // TagBlocks
 // > { }
 // export const Tag = BaseTag as typeof _Tag;
-
 export var Tag = /*#__PURE__*/function (_BaseTag) {
   _inheritsLoose(Tag, _BaseTag);
-
   function Tag() {
     return _BaseTag.apply(this, arguments) || this;
   }
-
   return Tag;
 }(BaseTag);