@king-design/vue 3.1.4-beta.2 → 3.1.5

package/components/select/menu.js

@@ -8,16 +8,12 @@ import { useSearchable } from './useSearchable';
 import { useConfigContext } from '../config';
 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);
@@ -25,7 +21,6 @@ export var SelectMenu = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     return _this;
   }
-
   return SelectMenu;
 }(Component);
 SelectMenu.template = template;

package/components/select/menu.vdt.js

@@ -12,32 +12,25 @@ import { context } from './useSearchable';
 import { Tabs, Tab } from '../tabs';
 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-select-menu"] = true, _classNameObj[k + "-card"] = card, _classNameObj[k + "-searchable"] = searchable, _classNameObj[className] = className, _classNameObj[makeMenuStyles(k)] = 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': 'card',
@@ -46,28 +39,24 @@ 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, _$cn(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,
@@ -81,19 +70,16 @@ 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, {
               'className': _$cn(k + "-icon-search")
             });
           }, __$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)
@@ -124,7 +110,6 @@ export default function ($props, $blocks, $__proto__) {
       })], 4, _$cn(k + "-select-footer")) : undefined]
     });
   }
-
   return _$cc(DropdownMenu, {
     'className': _$cn(classNameObj),
     'children': children

package/components/select/option.js

@@ -16,29 +16,22 @@ 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);
     _this.config = useConfigContext();
     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 {
@@ -47,28 +40,21 @@ 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

@@ -8,28 +8,22 @@ import { Checkbox } from '../checkbox';
 import { context } from './useSearchable';
 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 k = this.config.k;
   var isActive = this.isActive();
   var classNameObj = (_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;
@@ -44,7 +38,6 @@ export default function ($props, $blocks, $__proto__) {
       }
     });
   }
-
   return _$cc(DropdownItem, {
     'className': _$cn(classNameObj),
     'ev-select': searchable && multiple ? null : this.onSelect,

package/components/select/select.js

@@ -12,7 +12,6 @@ import { useLabel } from './useLabel';
 import { BaseSelect } from './base';
 import { _$ } from '../../i18n';
 import { useEqualWidth } from './useEqualWidth';
-
 var typeDefs = _extends({}, BaseSelect.typeDefs, {
   filter: Function,
   searchable: Boolean,
@@ -21,55 +20,41 @@ 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)) {
@@ -79,11 +64,9 @@ export var Select = /*#__PURE__*/function (_BaseSelect) {
         }
       });
     };
-
     loop(children);
     return values;
   };
-
   return Select;
 }(BaseSelect);
 Select.template = template;

package/components/select/select.vdt.js

@@ -8,19 +8,16 @@ 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);
@@ -28,8 +25,7 @@ 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),
@@ -38,21 +34,17 @@ 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

@@ -9,78 +9,60 @@ var defaults = deepDefaults({
   get transition() {
     return theme.transition.large;
   },
-
   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 activeColor() {
     return theme.color.primary;
   },
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   suffixGap: '10px',
   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
@@ -92,45 +74,36 @@ var defaults = deepDefaults({
   tag: {
     margin: "3px 8px 3px 0",
     padding: "1px 8px",
-
     get borderRadius() {
       return theme.borderRadius;
     },
-
     get bgColor() {
       return theme.color.bg;
     },
-
     disabledBgColor: '#f8f9fa',
     delete: {
       gap: "8px",
       fontSize: '14px',
-
       get color() {
         return theme.color.lightBlack;
       }
-
     }
   },
   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",
@@ -149,22 +122,18 @@ var defaults = deepDefaults({
     get color() {
       return theme.color.lightBlack;
     }
-
   }
 }, sizes.reduce(function (memo, size) {
   memo[size] = {
     get padding() {
       return "0 " + theme[size].padding;
     },
-
     get height() {
       return theme[size].height;
     },
-
     get fontSize() {
       return theme[size].fontSize;
     }
-
   };
   return memo;
 }, {}));
@@ -173,9 +142,9 @@ setDefault(function () {
   select = deepDefaults(theme, {
     select: defaults
   }).select;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
-  makeMenuStyles == null ? void 0 : makeMenuStyles.clearCache();
-  makeGroupStyles == null ? void 0 : makeGroupStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
+  makeMenuStyles == null || makeMenuStyles.clearCache();
+  makeGroupStyles == null || makeGroupStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-flex;align-items:center;vertical-align:middle;position:relative;width:", select.width, ";cursor:pointer;outline:none;border:", select.border, ";background:", select.bgColor, ";transition:border ", select.transition, ",background ", select.transition, ",box-shadow ", select.transition, ";border-radius:", select.borderRadius, ";.", k, "-select-main{flex:1;min-width:0;}.", k, "-select-prefix,.", k, "-select-suffix{display:flex;align-items:center;position:relative;}.", k, "-select-suffix{margin-left:", select.suffixGap, ";}.", k, "-select-placeholder{color:", select.placeholderColor, ";user-select:none;}.", k, "-input .", k, "-input-inner{background:transparent;}&.", k, "-fluid{width:100%;}.", k, "-select-clear{opacity:0;transition:opacity ", select.transition, ",color ", select.transition, "!important;pointer-events:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);}&:hover{border:", select.hoverBorder, ";.", k, "-select-clear.", k, "-show{opacity:1;pointer-events:all;+.", k, "-select-suffix-icon{opacity:0;}}}.", k, "-select-suffix-icon{display:inline-flex;align-items:center;transition:opacity ", select.transition, ";}.", k, "-select-arrow{display:inline-block;transition:transform ", select.transition, ";}&.", k, "-dropdown-open{border:", select.focusBorder, ";.", k, "-select-arrow{transform:rotateX(180deg);}}&:focus{outline:none;border:", select.focusBorder, ";}.", k, "-tags{padding:3px 0;}.", k, "-tag{word-break:break-word;height:auto;max-width:calc(100% - ", getRight(select.tag.margin), " - 1px);}", _mapInstanceProperty(sizes).call(sizes, function (size) {

package/components/select/useBaseLabel.d.ts

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

package/components/select/useBaseLabel.js

@@ -6,22 +6,18 @@ 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);
         }
@@ -29,34 +25,27 @@ 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)) {
@@ -65,14 +54,12 @@ 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,7 +6,6 @@ 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 = [];
@@ -16,11 +15,9 @@ 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);
@@ -31,7 +28,6 @@ export function useCard(defaultActiveIndex) {
       group: _children
     };
   }
-
   return {
     process: process,
     activeIndex: activeIndex

package/components/select/useDraggble.js

@@ -4,8 +4,8 @@ export function useDraggable() {
   var instance = useInstance();
   return function onEnd(_ref) {
     var key = _ref.key,
-        from = _ref.from,
-        to = _ref.to;
+      from = _ref.from,
+      to = _ref.to;
     instance.set('value', swap(instance.get('value'), from, to));
   };
 }

package/components/select/useEqualWidth.js

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