@king-design/vue 2.1.4 → 2.1.6

package/components/select/menu.js

@@ -7,18 +7,23 @@ import { useCard } from './useCard';
 import { useSearchable } from './useSearchable';
 export var SelectMenu = /*#__PURE__*/function (_Component) {
   _inheritsLoose(SelectMenu, _Component);
+
   function SelectMenu() {
     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.select = inject(SELECT);
     _this.card = useCard(_this.select.label.activeIndices);
     _this.searchable = useSearchable();
     return _this;
   }
+
   return SelectMenu;
 }(Component);
 SelectMenu.template = template;

package/components/select/menu.vdt.js

@@ -15,28 +15,35 @@ var _$tmp0 = {
 };
 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;
+      children = _this$get.children,
+      className = _this$get.className;
+
   var _this$select$get = this.select.get(),
-    card = _this$select$get.card,
-    searchable = _this$select$get.searchable,
-    multiple = _this$select$get.multiple;
+      card = _this$select$get.card,
+      searchable = _this$select$get.searchable,
+      multiple = _this$select$get.multiple;
+
   var classNameObj = (_classNameObj = {
     'k-select-menu': true,
     'k-card': card,
     'k-searchable': searchable
   }, _classNameObj[className] = className, _classNameObj[makeMenuStyles()] = true, _classNameObj);
+
   if (card) {
     var _this$card = this.card,
-      process = _this$card.process,
-      activeIndex = _this$card.activeIndex;
+        process = _this$card.process,
+        activeIndex = _this$card.activeIndex;
+
     var _process = process(children),
-      labels = _process.labels,
-      group = _process.group;
+        labels = _process.labels,
+        group = _process.group;
+
     children = [_$cc(Tabs, {
       'vertical': true,
       'type': 'border-card',
@@ -45,24 +52,28 @@ export default function ($props, $blocks, $__proto__) {
       'children': _$ma(labels, function ($value, $key) {
         return _$cc(Tab, {
           'value': $key,
-          'children': isFunction($value) /* is <b:label> block */ ? $value(noop) : $value
+          'children': isFunction($value)
+          /* is <b:label> block */
+          ? $value(noop) : $value
         });
       }, $this)
     }), group];
   }
+
   if (isEmptyChildren(children)) {
     children = _$ce(2, 'div', _$('无数据'), 0, 'k-select-empty');
   }
+
   if (searchable) {
     var _this$searchable = this.searchable,
-      selectAll = _this$searchable.selectAll,
-      toggleSelect = _this$searchable.toggleSelect,
-      unselectAll = _this$searchable.unselectAll,
-      confirm = _this$searchable.confirm,
-      checkedKeys = _this$searchable.checkedKeys;
+        selectAll = _this$searchable.selectAll,
+        toggleSelect = _this$searchable.toggleSelect,
+        unselectAll = _this$searchable.unselectAll,
+        confirm = _this$searchable.confirm,
+        checkedKeys = _this$searchable.checkedKeys;
     var _this$select$input = this.select.input,
-      onInput = _this$select$input.onInput,
-      keywords = _this$select$input.keywords;
+        onInput = _this$select$input.onInput,
+        keywords = _this$select$input.keywords;
     var Provider = context.Provider;
     children = _$cc(Provider, {
       'value': checkedKeys,
@@ -76,14 +87,17 @@ export default function ($props, $blocks, $__proto__) {
         'waveDisabled': true,
         '$blocks': function ($blocks) {
           var _$blocks = {},
-            __$blocks = _$ex({}, $blocks);
+              __$blocks = _$ex({}, $blocks);
+
           return (_$blocks['suffix'] = function ($super) {
             return _$cc(Icon, _$tmp0);
           }, __$blocks['suffix'] = function ($super, data) {
             var block = $blocks['suffix'];
+
             var callBlock = function callBlock() {
               return _$blocks['suffix'].call($this, $super, data);
             };
+
             return block ? block.call($this, callBlock, data) : callBlock();
           }), __$blocks;
         }.call($this, _$em)
@@ -114,6 +128,7 @@ export default function ($props, $blocks, $__proto__) {
       })], 4, 'k-select-footer') : undefined]
     });
   }
+
   return _$cc(DropdownMenu, {
     'className': _$cn(classNameObj),
     'children': children

package/components/select/option.js

@@ -15,21 +15,28 @@ var typeDefs = {
 };
 export var Option = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Option, _Component);
+
   function Option() {
     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.select = inject(SELECT);
     return _this;
   }
+
   var _proto = Option.prototype;
+
   _proto.onSelect = function onSelect() {
     var select = this.select;
     var multiple = select.get('multiple');
     var value = this.get('value');
+
     if (!multiple) {
       select.set('value', this.get('value'));
     } else {
@@ -38,21 +45,28 @@ export var Option = /*#__PURE__*/function (_Component) {
       select.set('value', values);
     }
   };
+
   _proto.isActive = function isActive() {
     var _this$select$get = this.select.get(),
-      currentValue = _this$select$get.value,
-      multiple = _this$select$get.multiple;
+        currentValue = _this$select$get.value,
+        multiple = _this$select$get.multiple;
+
     var value = this.get('value');
+
     if (multiple) {
       if (Array.isArray(currentValue)) {
         return _includesInstanceProperty(currentValue).call(currentValue, value);
       }
+
       return false;
     }
+
     return currentValue === value;
   };
+
   return Option;
 }(Component);
 Option.template = template;
 Option.typeDefs = typeDefs;
+
 __decorate([bind], Option.prototype, "onSelect", null);

package/components/select/option.vdt.js

@@ -11,23 +11,29 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-    _this = this;
+      _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    children = _this$get.children,
-    className = _this$get.className,
-    disabled = _this$get.disabled,
-    label = _this$get.label;
+      children = _this$get.children,
+      className = _this$get.className,
+      disabled = _this$get.disabled,
+      label = _this$get.label;
+
   var _this$select$get = this.select.get(),
-    multiple = _this$select$get.multiple,
-    searchable = _this$select$get.searchable;
+      multiple = _this$select$get.multiple,
+      searchable = _this$select$get.searchable;
+
   var isActive = this.isActive();
   var classNameObj = (_classNameObj = {
     'k-select-option': true
   }, _classNameObj[className] = className, _classNameObj['k-active'] = isActive, _classNameObj);
+
   var _children = isEmptyChildren(children) ? label : children;
+
   if (searchable && multiple) {
     var Consumer = context.Consumer;
     var _children2 = _children;
@@ -42,6 +48,7 @@ export default function ($props, $blocks, $__proto__) {
       }
     });
   }
+
   return _$cc(DropdownItem, {
     'className': _$cn(classNameObj),
     'ev-select': searchable && multiple ? null : this.onSelect,

package/components/select/select.d.ts

@@ -0,0 +1,33 @@
+import { Children, TypeDefs } from 'intact-vue-next';
+import { Option } from './option';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from './base';
+export interface SelectProps<T = string, Multipe extends boolean = boolean> extends BaseSelectProps<T, Multipe> {
+    filter?: (keywords: string, props: any) => boolean;
+    searchable?: boolean;
+    creatable?: boolean;
+    labelMap?: Map<any, Children>;
+    card?: boolean;
+    autoDisableArrow?: boolean;
+}
+export interface SelectEvents extends BaseSelectEvents {
+}
+export interface SelectBlocks<T> extends BaseSelectBlocks<T> {
+    menu: null;
+}
+export declare class Select<T = string, Multipe extends boolean = false> extends BaseSelect<SelectProps<T, Multipe>, SelectEvents, SelectBlocks<T>> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
+    static defaults: () => Partial<SelectProps<string, boolean>>;
+    filterable: {
+        getCreatedVNode: (children: (string | number | import("intact").VNode<import("intact").VNodeTag>)[]) => import("intact").VNode<typeof Option> | undefined;
+        filter: (children: Children) => Children;
+    };
+    label: {
+        getLabel: () => Children;
+        activeIndices: import("intact").NonNullableRefObject<number[]>;
+    };
+    init(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private getAllShowedValues;
+}

package/components/select/select.js

@@ -12,6 +12,7 @@ import { useLabel } from './useLabel';
 import { BaseSelect } from './base';
 import { _$ } from '../../i18n';
 import { useEqualWidth } from './useEqualWidth';
+
 var typeDefs = _extends({}, BaseSelect.typeDefs, {
   filter: Function,
   searchable: Boolean,
@@ -20,41 +21,55 @@ var typeDefs = _extends({}, BaseSelect.typeDefs, {
   card: Boolean,
   autoDisableArrow: Boolean
 });
+
 var defaults = function defaults() {
   return _extends({}, BaseSelect.defaults(), {
     labelMap: new _Map()
   });
 };
+
 export var Select = /*#__PURE__*/function (_BaseSelect) {
   _inheritsLoose(Select, _BaseSelect);
+
   function Select() {
     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.filterable = useFilterable(_this.input.keywords);
     _this.label = useLabel();
     return _this;
   }
+
   var _proto = Select.prototype;
+
   _proto.init = function init() {
     _BaseSelect.prototype.init.call(this);
+
     useEqualWidth();
   };
+
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
-      placeholder = _this$get.placeholder,
-      creatable = _this$get.creatable,
-      filterable = _this$get.filterable;
+        placeholder = _this$get.placeholder,
+        creatable = _this$get.creatable,
+        filterable = _this$get.filterable;
+
     return isNullOrUndefined(placeholder) ? creatable && filterable ? _$('请输入或选择') : _$('请选择') : placeholder;
   };
+
   _proto.getLabel = function getLabel() {
     return this.label.getLabel();
   };
+
   _proto.getAllShowedValues = function getAllShowedValues(children) {
     var values = [];
+
     var loop = function loop(children) {
       eachChildren(children, function (vNode) {
         if (isComponentVNode(vNode, Option)) {
@@ -64,9 +79,11 @@ export var Select = /*#__PURE__*/function (_BaseSelect) {
         }
       });
     };
+
     loop(children);
     return values;
   };
+
   return Select;
 }(BaseSelect);
 Select.template = template;

package/components/select/select.vdt.js

@@ -8,16 +8,19 @@ export default function ($props, $blocks, $__proto__) {
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    children = _this$get.children,
-    autoDisableArrow = _this$get.autoDisableArrow,
-    disabled = _this$get.disabled,
-    multiple = _this$get.multiple,
-    value = _this$get.value;
+      className = _this$get.className,
+      children = _this$get.children,
+      autoDisableArrow = _this$get.autoDisableArrow,
+      disabled = _this$get.disabled,
+      multiple = _this$get.multiple,
+      value = _this$get.value;
+
   var _this$filterable = this.filterable,
-    getCreatedVNode = _this$filterable.getCreatedVNode,
-    filter = _filterInstanceProperty(_this$filterable);
+      getCreatedVNode = _this$filterable.getCreatedVNode,
+      filter = _filterInstanceProperty(_this$filterable);
+
   var options = filter(children);
   var allShowedValues = this.getAllShowedValues(options);
   var isDisableArrow = disabled || autoDisableArrow && (isEmptyChildren(options) || allShowedValues.length === 1 && !multiple && allShowedValues[0] === value);
@@ -25,7 +28,8 @@ export default function ($props, $blocks, $__proto__) {
     'isDisableArrow': isDisableArrow
   }, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['base-menu'] = function ($super) {
       return _$cc(SelectMenu, {
         'className': _$cn(className),
@@ -34,17 +38,21 @@ export default function ($props, $blocks, $__proto__) {
           return [getCreatedVNode(options), options];
         }, __$blocks['menu'] = function ($super, data) {
           var block = $blocks['menu'];
+
           var callBlock = function callBlock() {
             return _$blocks['menu'].call($this, $super, data);
           };
+
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['menu'](_$no))
       });
     }, __$blocks['base-menu'] = function ($super, data) {
       var block = $blocks['base-menu'];
+
       var callBlock = function callBlock() {
         return _$blocks['base-menu'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);

package/components/select/styles.js

@@ -7,64 +7,83 @@ var defaults = deepDefaults({
   get transition() {
     return theme.transition.middle;
   },
+
   width: "300px",
+
   get height() {
     return theme.default.height;
   },
+
   bgColor: '#fff',
+
   get fontSize() {
     return theme.default.fontSize;
   },
+
   get border() {
     return "1px solid " + theme.color.border;
   },
+
   get focusBorder() {
     return "1px solid " + theme.color.primary;
   },
+
   // get hoverBorder() { return `1px solid ${theme.color.darkBorder}` },
   get hoverBorder() {
     return "1px solid " + theme.color.primary;
   },
+
   get iconColor() {
     return theme.color.placeholder;
   },
+
   get activeColor() {
     return theme.color.primary;
   },
+
   get borderRadius() {
     return theme.borderRadius;
   },
+
   suffixGap: '10px',
   disabledArrowColor: '#e5e5e5',
   clearGap: "8px",
+
   get placeholderColor() {
     return theme.color.placeholder;
   },
+
   // disabled
   disabled: {
     get color() {
       return theme.color.disabled;
     },
+
     get bgColor() {
       return theme.color.disabledBg;
     },
+
     get borderColor() {
       return theme.color.disabledBorder;
     }
+
   },
   // group
   group: {
     get labelColor() {
       return theme.color.disabled;
     },
+
     labelPadding: "8px"
   },
   // card
   card: {
     height: "160px",
+
     get itemHoverColor() {
       return theme.color.primary;
     },
+
     itemHoverBgColor: "transparent"
   },
   // multiple
@@ -76,36 +95,45 @@ var defaults = deepDefaults({
   tag: {
     margin: "3px 8px 3px 0",
     padding: "3px 8px",
+
     get borderRadius() {
       return theme.borderRadius;
     },
+
     get bgColor() {
       return theme.color.bg;
     },
+
     disabledBgColor: '#eee',
     delete: {
       gap: "8px",
       fontSize: '14px',
+
       get color() {
         return theme.color.placeholder;
       }
+
     }
   },
   menuMaxHeight: "200px",
   // empty
   empty: {
     padding: "16px",
+
     get color() {
       return theme.color.placeholder;
     }
+
   },
   // searchable
   searchable: {
     padding: "16px 16px 8px 16px",
     headerGap: "8px",
+
     get border() {
       return "1px solid " + theme.color.border;
     },
+
     header: {
       padding: "0 0 16px 0",
       gap: "8px",
@@ -124,15 +152,19 @@ var defaults = deepDefaults({
     get padding() {
       return "0 " + theme[size].padding;
     },
+
     get height() {
       return theme[size].height;
     },
+
     get fontSize() {
       return theme[size].fontSize;
     },
+
     multipleGap: "1px",
     multipleMargin: "0 2px 1px 0"
   };
+
   if (size === 'large') {
     // use default padding for large size
     Object.defineProperty(memo.large, 'padding', {
@@ -146,6 +178,7 @@ var defaults = deepDefaults({
       }
     });
   }
+
   return memo;
 }, {}));
 var select;

package/components/select/useBaseLabel.d.ts

@@ -1,5 +1,5 @@
 import { Children, Component } from 'intact-vue-next';
-type BaseLabelProps = {
+declare type BaseLabelProps = {
     value: any;
     multiple: boolean;
     filterable: boolean;

package/components/select/useBaseLabel.js

@@ -6,18 +6,22 @@ import { isEmptyString, getTextByChildren } from '../utils';
 export function useBaseLabel(getChildren, findLabelFromChildren) {
   var instance = useInstance();
   var labelMap = new _Map();
+
   function getLabel() {
     var _instance$get = instance.get(),
-      value = _instance$get.value,
-      multiple = _instance$get.multiple;
+        value = _instance$get.value,
+        multiple = _instance$get.multiple;
+
     var children = getChildren();
     if (isNullOrUndefined(value)) return;
+
     if (!multiple) {
       return findLabel(children, value);
     } else {
       var labels = [];
       value.forEach(function (value) {
         var label = findLabel(children, value);
+
         if (!isNullOrUndefined(label)) {
           labels.push(label);
         }
@@ -25,27 +29,34 @@ export function useBaseLabel(getChildren, findLabelFromChildren) {
       return labels;
     }
   }
+
   function findLabel(children, value) {
     var label = findLabelFromChildren(children, value);
+
     if (isNullOrUndefined(label)) {
       label = labelMap.get(value);
     } else {
       if (instance.get('filterable')) {
         label = getTextByChildren(label);
       }
+
       labelMap.set(value, label);
     }
+
     label = isEmptyString(label) ? isStringOrNumber(value) ? value : null : label;
     return label;
   }
+
   function cleanMap() {
     var _instance$get2 = instance.get(),
-      value = _instance$get2.value,
-      multiple = _instance$get2.multiple;
+        value = _instance$get2.value,
+        multiple = _instance$get2.multiple;
+
     if (isNullOrUndefined(value)) {
       labelMap.clear();
       return;
     }
+
     if (multiple) {
       labelMap.forEach(function (item, key) {
         if (!_includesInstanceProperty(value).call(value, key)) {
@@ -54,12 +65,14 @@ export function useBaseLabel(getChildren, findLabelFromChildren) {
       });
       return;
     }
+
     labelMap.forEach(function (item, key) {
       if (key !== value) {
         labelMap.delete(key);
       }
     });
   }
+
   instance.watch('value', cleanMap, {
     inited: true
   });

package/components/select/useCard.js

@@ -6,6 +6,7 @@ import { useState } from '../../hooks/useState';
 export function useCard(defaultActiveIndex) {
   var children = useInstance().get('children');
   var activeIndex = useState(last(defaultActiveIndex.value) || 0);
+
   function process(children) {
     var groupLabels = [];
     var _children = [];
@@ -15,9 +16,11 @@ export function useCard(defaultActiveIndex) {
         var props = vNode.props || EMPTY_OBJ;
         var label = (props.$blocks || EMPTY_OBJ).label || props.label;
         groupLabels.push(label);
+
         if (index === activeIndex.value) {
           _children.push(vNode);
         }
+
         index++;
       } else {
         _children.push(vNode);
@@ -28,6 +31,7 @@ export function useCard(defaultActiveIndex) {
       group: _children
     };
   }
+
   return {
     process: process,
     activeIndex: activeIndex

package/components/select/useEqualWidth.js

@@ -4,6 +4,7 @@ export function useEqualWidth() {
   instance.watch('show', setWidth, {
     presented: true
   });
+
   function setWidth(v) {
     if (!v) return;
     var menuElement = findDomFromVNode(instance.dropdownRef.value.menuVNode, true);