@king-design/vue 2.1.4 → 2.1.6

package/components/carousel/useItems.js

@@ -7,10 +7,12 @@ export function useItems() {
   var instance = useInstance();
   var items = [];
   var itemsWithCloned = [];
+
   function handleChildren() {
     var _instance$get = instance.get(),
-      children = _instance$get.children,
-      value = _instance$get.value;
+        children = _instance$get.children,
+        value = _instance$get.value;
+
     items = [];
     itemsWithCloned = [];
     var index = 0;
@@ -18,34 +20,44 @@ export function useItems() {
     eachChildren(children, function (vNode) {
       if (isComponentVNode(vNode, CarouselItem)) {
         var clonedVNode = directClone(vNode);
+
         var props = _extends({}, vNode.props);
+
         if (isNullOrUndefined(props.value)) {
           props.value = "$" + index++;
         }
+
         if (isNullOrUndefined(props.key)) {
           props.key = props.value;
         }
+
         clonedVNode.props = props;
         items.push(clonedVNode);
         itemsWithCloned.push(clonedVNode);
+
         if (value === props.value) {
           valueExist = true;
         }
       }
     });
+
     if (!valueExist && items.length) {
       instance.set('value', items[0].props.value);
     }
+
     cloneVNodes();
   }
+
   function cloneVNodes() {
     if (instance.get('effect') === 'slide') {
       var _itemsWithCloned, _itemsWithCloned2;
+
       var length = itemsWithCloned.length;
-      if (!length) return;
-      // clone the first and last vNodes for loop
+      if (!length) return; // clone the first and last vNodes for loop
+
       var firstVNodes = [];
       var lastVNodes = [];
+
       var clone = function clone(vNode, index) {
         var clonedVNode = directClone(vNode);
         var props = clonedVNode.props;
@@ -55,14 +67,18 @@ export function useItems() {
         });
         return clonedVNode;
       };
+
       for (var i = 0; i < instance.get('clonedAmount'); i++) {
         firstVNodes.push(clone(items[i % length], i));
         lastVNodes.unshift(clone(items[((length - i - 1) % length + length) % length], i));
       }
+
       (_itemsWithCloned = itemsWithCloned).push.apply(_itemsWithCloned, firstVNodes);
+
       (_itemsWithCloned2 = itemsWithCloned).unshift.apply(_itemsWithCloned2, lastVNodes);
     }
   }
+
   instance.on('$receive:children', handleChildren);
   return {
     getItems: function getItems() {

package/components/carousel/useSlide.js

@@ -11,23 +11,28 @@ export function useSlide(getItems, getItemsWithCloned) {
   var shouldTransition = useState(true);
   var elementRef = createRef();
   var ro = null;
+
   function observe() {
     var init = function init() {
       setTranslate(getItems()[instance.getIndex()], false);
     };
+
     ro = new ResizeObserver(init);
     ro.observe(elementRef.value);
     init();
   }
+
   function disconnect() {
     if (ro) {
       ro.disconnect();
       ro = null;
     }
   }
+
   function stopTranstion() {
     shouldTransition.set(false);
   }
+
   function startTransition() {
     return new _Promise(function (resolve) {
       nextFrame(function () {
@@ -36,94 +41,121 @@ export function useSlide(getItems, getItemsWithCloned) {
       });
     });
   }
+
   function translateToItem(_x, _x2, _x3, _x4) {
     return _translateToItem.apply(this, arguments);
   }
+
   function _translateToItem() {
     _translateToItem = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(item, oldIndex, newIndex, keepDirection) {
       var itemsWithCloned, length, lengthWithCloned;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (isSlide()) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            if (!keepDirection) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (isSlide()) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              if (!keepDirection) {
+                _context.next = 14;
+                break;
+              }
+
+              itemsWithCloned = getItemsWithCloned();
+              length = getItems().length;
+
+              if (!(oldIndex === length - 1 && newIndex === 0)) {
+                _context.next = 10;
+                break;
+              }
+
+              _context.next = 8;
+              return setTranslate(itemsWithCloned[(itemsWithCloned.length - length) / 2 - 1], false);
+
+            case 8:
               _context.next = 14;
               break;
-            }
-            itemsWithCloned = getItemsWithCloned();
-            length = getItems().length;
-            if (!(oldIndex === length - 1 && newIndex === 0)) {
-              _context.next = 10;
-              break;
-            }
-            _context.next = 8;
-            return setTranslate(itemsWithCloned[(itemsWithCloned.length - length) / 2 - 1], false);
-          case 8:
-            _context.next = 14;
-            break;
-          case 10:
-            if (!(oldIndex === 0 && newIndex === length - 1)) {
+
+            case 10:
+              if (!(oldIndex === 0 && newIndex === length - 1)) {
+                _context.next = 14;
+                break;
+              }
+
+              lengthWithCloned = itemsWithCloned.length;
               _context.next = 14;
-              break;
-            }
-            lengthWithCloned = itemsWithCloned.length;
-            _context.next = 14;
-            return setTranslate(itemsWithCloned[lengthWithCloned - (lengthWithCloned - length) / 2], false);
-          case 14:
-            setTranslate(item, true);
-          case 15:
-          case "end":
-            return _context.stop();
+              return setTranslate(itemsWithCloned[lengthWithCloned - (lengthWithCloned - length) / 2], false);
+
+            case 14:
+              setTranslate(item, true);
+
+            case 15:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));
     return _translateToItem.apply(this, arguments);
   }
+
   function setTranslate(_x5, _x6) {
     return _setTranslate.apply(this, arguments);
   }
+
   function _setTranslate() {
     _setTranslate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(item, withTranstion) {
       var el, offsetLeft, width, containerWidth;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!instance.$unmounted) {
-              _context2.next = 2;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 2:
-            if (!withTranstion) {
-              stopTranstion();
-            }
-            el = findDomFromVNode(item, true);
-            offsetLeft = el.offsetLeft;
-            width = el.offsetWidth;
-            containerWidth = elementRef.value.offsetWidth; // let item position center
-            translate.set(-(offsetLeft - (containerWidth - width) / 2));
-            if (withTranstion) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!instance.$unmounted) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 2:
+              if (!withTranstion) {
+                stopTranstion();
+              }
+
+              el = findDomFromVNode(item, true);
+              offsetLeft = el.offsetLeft;
+              width = el.offsetWidth;
+              containerWidth = elementRef.value.offsetWidth; // let item position center
+
+              translate.set(-(offsetLeft - (containerWidth - width) / 2));
+
+              if (withTranstion) {
+                _context2.next = 11;
+                break;
+              }
+
               _context2.next = 11;
-              break;
-            }
-            _context2.next = 11;
-            return startTransition();
-          case 11:
-          case "end":
-            return _context2.stop();
+              return startTransition();
+
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
         }
       }, _callee2);
     }));
     return _setTranslate.apply(this, arguments);
   }
+
   function isSlide() {
     return instance.get('effect') === 'slide';
   }
+
   instance.watch('effect', function () {
     if (isSlide()) {
       observe();

package/components/cascader/index.d.ts

@@ -0,0 +1,45 @@
+import { TypeDefs } from 'intact-vue-next';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
+export interface CascaderProps<V = any, Multipe extends boolean = boolean, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelectProps<V[], Multipe> {
+    data?: Data[];
+    trigger?: 'click' | 'hover';
+    changeOnSelect?: boolean;
+    format?: (labels: string[]) => string;
+    loadData?: (data: Data) => any;
+    filter?: (keywords: string, data: Data) => boolean;
+    fields?: CascaderFields<Data>;
+}
+export declare type CascaderFields<Data> = {
+    value?: keyof Data;
+    label?: keyof Data;
+    children?: keyof Data;
+    disabled?: keyof Data;
+};
+export interface BaseCascaderData {
+    loaded?: boolean;
+    [key: string]: any;
+}
+export interface CascaderData<V> extends BaseCascaderData {
+    value: V;
+    label: string;
+    children?: CascaderData<V>[];
+    disabled?: boolean;
+}
+export interface CascaderEvents extends BaseSelectEvents {
+}
+export interface CascaderBlocks<V> extends BaseSelectBlocks<V> {
+}
+export declare class Cascader<V = any, Multipe extends boolean = false, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelect<CascaderProps<V, Multipe, Data>, CascaderEvents, CascaderBlocks<V>> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<CascaderProps<any, boolean, CascaderData<any>>>>;
+    static defaults: () => Partial<CascaderProps<any, boolean, CascaderData<any>>>;
+    private fields;
+    private value;
+    private label;
+    private load;
+    private filterable;
+    private positionObj;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
+    protected getLabel(): import("intact").Children;
+    protected hasValue(): any;
+}

package/components/cascader/index.js

@@ -10,6 +10,7 @@ import { useLabel } from './useLabel';
 import { useLoad } from './useLoad';
 import { useFilterable } from './useFilterable';
 import { useFields } from './useFields';
+
 var typeDefs = _extends({}, BaseSelect.typeDefs, {
   data: Array,
   trigger: ['click', 'hover'],
@@ -19,6 +20,7 @@ var typeDefs = _extends({}, BaseSelect.typeDefs, {
   filter: Function,
   fields: Object
 });
+
 var defaults = function defaults() {
   return _extends({}, BaseSelect.defaults(), {
     data: [],
@@ -28,14 +30,19 @@ var defaults = function defaults() {
     }
   });
 };
+
 export var Cascader = /*#__PURE__*/function (_BaseSelect) {
   _inheritsLoose(Cascader, _BaseSelect);
+
   function Cascader() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _BaseSelect.call.apply(_BaseSelect, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.fields = useFields();
     _this.value = useValue();
@@ -49,23 +56,31 @@ export var Cascader = /*#__PURE__*/function (_BaseSelect) {
     };
     return _this;
   }
+
   var _proto = Cascader.prototype;
+
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
-      placeholder = _this$get.placeholder,
-      filterable = _this$get.filterable;
+        placeholder = _this$get.placeholder,
+        filterable = _this$get.filterable;
+
     return isNullOrUndefined(placeholder) ? filterable ? _$('请输入或选择') : _$('请选择') : placeholder;
   };
+
   _proto.getLabel = function getLabel() {
     return this.label.getLabel();
   };
+
   _proto.hasValue = function hasValue() {
     var _this$get2 = this.get(),
-      value = _this$get2.value;
+        value = _this$get2.value;
+
     var has = _BaseSelect.prototype.hasValue.call(this);
+
     if (has && !value.length) return false;
     return has;
   };
+
   return Cascader;
 }(BaseSelect);
 Cascader.template = template;