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

package/components/tag/useDraggable.js

@@ -10,18 +10,13 @@ export function useDraggable(originVNodes) {
   var draggingKey = useState(null);
   var draggingIndex = -1;
   var originIndex = -1;
-  var lastOverIndex = -1;
-  /* let the dragover event only trigger once when tags changed order */
-
+  var lastOverIndex = -1; /* let the dragover event only trigger once when tags changed order */
   watchState(originVNodes, render);
   watchState(draggingKey, render);
-
   function render() {
     var _context;
-
     var _instance$get = instance.get(),
-        draggable = _instance$get.draggable;
-
+      draggable = _instance$get.draggable;
     children.set(!draggable ? originVNodes.value : _mapInstanceProperty(_context = originVNodes.value).call(_context, function (vNode, index) {
       var key = vNode.key;
       return h(Virtual, {
@@ -43,7 +38,6 @@ export function useDraggable(originVNodes) {
       }, vNode);
     }));
   }
-
   function onStart(key, index) {
     draggingIndex = originIndex = index;
     nextFrame(function () {
@@ -54,16 +48,15 @@ export function useDraggable(originVNodes) {
       from: index
     });
   }
-
   function onOver(e, key, index) {
     e.preventDefault();
-    e.stopPropagation(); // Dragging the tag of another tags drag to this tags should be ignored
-
+    e.stopPropagation();
+    // Dragging the tag of another tags drag to this tags should be ignored
     if (draggingIndex === -1) return;
     if (lastOverIndex === index) return;
     lastOverIndex = index;
-    if (index === draggingIndex) return; // if the tag has move transition, you cannot drag over it before transition ended.
-
+    if (index === draggingIndex) return;
+    // if the tag has move transition, you cannot drag over it before transition ended.
     var dom = findDomFromVNode(children.value[index], true);
     if (dom.classList.contains('k-fade-move')) return;
     var vNodes = swap(originVNodes.value, draggingIndex, index);
@@ -71,7 +64,6 @@ export function useDraggable(originVNodes) {
     draggingIndex = index;
     originVNodes.set(vNodes);
   }
-
   function onEnd(e) {
     e.preventDefault();
     instance.trigger('dragend', {
@@ -84,6 +76,5 @@ export function useDraggable(originVNodes) {
     draggingIndex = -1;
     originIndex = -1;
   }
-
   return children;
 }

package/components/tag/useNowrap.js

@@ -16,10 +16,9 @@ export function useNowrap(originVNodes) {
   watchState(originVNodes, function (v) {
     children.set(v);
     nextTick(refresh);
-  }); // instance.watch('children', refresh, { presented: true })
-
+  });
+  // instance.watch('children', refresh, { presented: true })
   useResizeObserver(containerRef, refresh);
-
   function refresh() {
     if (!instance.get('nowrap') || instance.$unmounted) return;
     var container = containerRef.value;
@@ -27,13 +26,11 @@ export function useNowrap(originVNodes) {
     var vNodes = [];
     var _originVNodes = originVNodes.value;
     var length = _originVNodes.length;
-
     if (_originVNodes.length > 1) {
       _originVNodes.forEach(function (vNode, index) {
-        var offset = offsetMap.get(vNode); // estimate the "more" element's with for performance
-
+        var offset = offsetMap.get(vNode);
+        // estimate the "more" element's with for performance
         var width = estimateMoreElementWidth(length - index - 1);
-
         if (offset + width <= containerWidth) {
           vNodes.push(vNode);
         }
@@ -47,29 +44,24 @@ export function useNowrap(originVNodes) {
      * and a error will throw (ResizeObserver loop completed with undelivered notifications)
      * so we call setState in requestAnimationFrame
      */
-
-
     requestAnimationFrame(function () {
       hiddenChildren.set(_sliceInstanceProperty(_originVNodes).call(_originVNodes, vNodes.length));
       children.set(vNodes);
     });
   }
-
   return {
     containerRef: containerRef,
     children: children,
     hiddenChildren: hiddenChildren
   };
 }
-
 function useChildrenOffset(vNodes) {
   var instance = useInstance();
-  var map = new _Map(); // instance.watch('children', updateMap, { presented: true })
-
+  var map = new _Map();
+  // instance.watch('children', updateMap, { presented: true })
   watchState(vNodes, function () {
     return nextTick(updateMap);
   });
-
   function updateMap() {
     map.clear();
     if (!instance.get('nowrap')) return;
@@ -77,38 +69,29 @@ function useChildrenOffset(vNodes) {
       var dom = findDomFromVNode(vNode, true);
       if (!dom || dom.nodeType !== 1) return;
       var offsetLeft = dom.offsetLeft,
-          offsetWidth = dom.offsetWidth;
+        offsetWidth = dom.offsetWidth;
       map.set(vNode, offsetLeft + offsetWidth);
     });
   }
-
   return map;
 }
-
 function useEstimateMoreElementWidth() {
   var instance = useInstance();
   var widthPerChar = 7.2;
   var cacheWidth = 0;
   onBeforeMount(cache);
   useReceive(['size', 'border'], cache, true);
-
   function cache() {
     var _instance$get = instance.get(),
-        size = _instance$get.size,
-        border = _instance$get.border;
-
-    cacheWidth = parseInt(tagStyles.tags.gap) + widthPerChar
-    /* the "+" mark */
-    ;
-
+      size = _instance$get.size,
+      border = _instance$get.border;
+    cacheWidth = parseInt(tagStyles.tags.gap) + widthPerChar /* the "+" mark */;
     if (border !== 'none') {
       cacheWidth += 2;
     }
-
     var padding = size === 'default' ? tagStyles.padding : tagStyles[size].padding;
     cacheWidth += parseInt(getLeft(padding)) + parseInt(getRight(padding));
   }
-
   return function (count) {
     return Math.round(count.toString().length * widthPerChar + cacheWidth);
   };

package/components/timeline/item.js

@@ -9,31 +9,24 @@ var typeDefs = {
   type: types,
   size: sizes
 };
-
 var defaults = function defaults() {
   return {
     type: 'primary',
     size: 'default'
   };
 };
-
 export var TimelineItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(TimelineItem, _Component);
-
   function TimelineItem() {
     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 TimelineItem;
 }(Component);
 TimelineItem.template = template;

package/components/timeline/item.vdt.js

@@ -4,19 +4,16 @@ import { getRestProps } from '../utils';
 import { makeItemStyles } 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(),
-      className = _this$get.className,
-      children = _this$get.children,
-      type = _this$get.type,
-      size = _this$get.size;
-
+    className = _this$get.className,
+    children = _this$get.children,
+    type = _this$get.type,
+    size = _this$get.size;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-timeline-item"] = true, _classNameObj[className] = className, _classNameObj[k + "-" + type] = true, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[makeItemStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({
@@ -25,11 +22,9 @@ export default function ($props, $blocks, $__proto__) {
     return _$ce(2, 'div', null, 1, _$cn(k + "-timeline-circle"));
   }, __$blocks['dot'] = function ($super, data) {
     var block = $blocks['dot'];
-
     var callBlock = function callBlock() {
       return _$blocks['dot'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['dot'](_$no)), 0, _$cn(k + "-timeline-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-timeline-line"))], 4, _$cn(k + "-timeline-indicator")), _$ce(2, 'div', children, 0, _$cn(k + "-timeline-content"))]);
 }

package/components/timeline/styles.d.ts

@@ -1,6 +1,6 @@
 import '../../styles/global';
-declare type ValueOf<T extends readonly any[]> = T[number];
-export declare type Types = ValueOf<typeof types>;
+type ValueOf<T extends readonly any[]> = T[number];
+export type Types = ValueOf<typeof types>;
 export declare const types: readonly ["primary", "warning", "danger", "success"];
 export declare const makeStyles: {
     (k: string): string;

package/components/timeline/styles.js

@@ -17,7 +17,6 @@ var typeStyles = types.reduce(function (memo, type) {
     get color() {
       return color[type];
     }
-
   };
   return memo;
 }, {});
@@ -27,18 +26,15 @@ var sizeStyles = sizes.reduce(function (memo, size) {
     get width() {
       return widthMap[size];
     }
-
   };
   return memo;
 }, {});
 var defaults = deepDefaults({
   fontSize: '12px',
   padding: '0 0 16px 24px',
-
   get lineBorder() {
     return "1px solid " + theme.color.border;
   },
-
   indicator: {
     width: '16px'
   }
@@ -48,8 +44,8 @@ setDefault(function () {
   timeline = deepDefaults(theme, {
     timeline: defaults
   }).timeline;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
-  makeItemStyles == null ? void 0 : makeItemStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
+  makeItemStyles == null || makeItemStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", timeline.fontSize, ";padding-top:calc(", theme.lineHeight, "em / 2);");

package/components/timeline/timeline.js

@@ -5,21 +5,16 @@ import template from './timeline.vdt';
 import { useConfigContext } from '../config';
 export var Timeline = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Timeline, _Component);
-
   function Timeline() {
     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 Timeline;
 }(Component);
 Timeline.template = template;

package/components/timeline/timeline.vdt.js

@@ -4,15 +4,12 @@ import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      children = _this$get.children;
-
+    className = _this$get.className,
+    children = _this$get.children;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-timeline"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({

package/components/timepicker/index.js

@@ -5,23 +5,19 @@ import { PanelPicker } from './panelPicker';
 import { SelectPicker } from './selectPicker';
 export var Timepicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Timepicker, _Component);
-
   function Timepicker() {
     return _Component.apply(this, arguments) || this;
   }
-
   Timepicker.template = function template() {
     var props = this.get();
-
     if (props.step && !props.range) {
       return h(SelectPicker, props);
     }
-
     return h(PanelPicker, props);
   };
-
   return Timepicker;
-}(Component); // declare class _Timepicker<
+}(Component);
+// declare class _Timepicker<
 // Multipe extends boolean = false,
 // Range extends boolean = false,
 // > extends PanelPicker<Multipe, Range> { } 
@@ -34,6 +30,5 @@ export var Timepicker = /*#__PURE__*/function (_Component) {
 // const functionalWrapper = (Component as any).functionalWrapper;
 // export const Timepicker: typeof _Timepicker = functionalWrapper ?
 // functionalWrapper(Wrapper) : Wrapper;
-
 Timepicker.$doubleVNodes = true;
 Timepicker.typeDefs = typeDefs;