@king-design/intact 3.3.0 → 3.3.1

package/components/breadcrumb/index.ts

@@ -19,7 +19,7 @@ const typeDefs: Required<TypeDefs<BreadcrumbProps>> = {
 };
 
 const defaults = (): Partial<BreadcrumbProps> => ({
-    separator: '>'
+    separator: ''
 });
 
 export class Breadcrumb extends Component<BreadcrumbProps, BreadcrumbEvents, BreadcrumbBlocks> {

package/components/breadcrumb/index.vdt

@@ -1,6 +1,7 @@
 import {getRestProps, mapChildren} from '../utils';
 import {BreadcrumbItem} from './item';
 import { makeStyles } from './styles';
+import { Icon } from '../icon';
 
 const {children, separator, className} = this.get();
 const { k } = this.config;
@@ -13,7 +14,10 @@ const classNameObj = {
 
 const separatorVNode = (
     <span class={`${k}-breadcrumb-separator`}>
-        <b:separator>{separator}</b:separator>
+        <template v-if={!$blocks.separator && !separator}>
+            <Icon class="k-icon-right" />
+        </template>
+        <b:separator v-else>{separator}</b:separator>
     </span>
 );
 const vNodes = [];

package/components/cascader/demos/filterable.md

@@ -11,12 +11,15 @@ import {Cascader} from 'kpc';
 
 <div>
     <Cascader data={this.get('data')} v-model="value" filterable />
+    <br /><br />
+    <Cascader data={this.get('data')} v-model="values" filterable multiple />
 </div>
 ```
 
 ```ts
 interface Props {
     value?: string[] | null
+    values?: string[][] | null
 }
 
 export default class extends Component<Props> {
@@ -25,6 +28,7 @@ export default class extends Component<Props> {
     static defaults() {
         return {
             value: [] as string[],
+            values: [] as string[][],
             data: [
                 {
                     value: 'beijing',

package/components/cascader/index.spec.ts

@@ -310,4 +310,27 @@ describe('Cascader', () => {
         await wait();
         expect(instance.get('value')).to.eql(['hunan']);
     });
+
+    it('should only show submenu while the root menu will show', async () => {
+        const [instance, element] = mount(FilterDemo);
+        instance.set('values', [['beijing', 'haidian']]);
+        await wait();
+
+        const [, dom] = element.querySelectorAll<HTMLDivElement>('.k-cascader');
+
+        dispatchEvent(dom, 'click');
+        await wait();
+
+        const input = dom.querySelector<HTMLInputElement>('.k-input-inner')!;
+
+        // should show layer when input empty string
+        input.value = 's';
+        dispatchEvent(input, 'input');
+        await wait();
+
+        document.body.click();
+        await wait();
+
+        expect(getElement('.k-cascader-menu')).to.not.exist;
+    });
 });

package/components/cascader/index.ts

@@ -80,7 +80,8 @@ export class Cascader<
     private filterable = useFilterable(
         this.input.keywords,
         this.value.setValue,
-        this.fields
+        this.fields,
+        this.value.values
     );
     private positionObj = {my: 'left top', at: 'right top', collisionDirection: ['left']};
 

package/components/cascader/index.vdt

@@ -3,7 +3,7 @@ import {Icon} from '../icon';
 import {_$} from '../../i18n';
 import {makeMenuStyles, makeFilterMenuStyles} from './styles';
 
-const {data, trigger, filterable, fields, multiple} = this.get();
+const {data, trigger, filterable, fields, multiple, show} = this.get();
 const { k } = this.config;
 const baseMenuStyles = makeMenuStyles(k);
 const classNameObj = {
@@ -24,7 +24,7 @@ const Options = (data, level, loaded, parentSelected) => {
 
     return data.map((item, index) => {
         const value = getField(item, 'value');
-        const showed = isShowed(value, level);
+        const showed = show && isShowed(value, level);
         const selected = parentSelected && isSelected(value, level);
         const children = getField(item, 'children');
 
@@ -69,7 +69,7 @@ const Options = (data, level, loaded, parentSelected) => {
     });
 }
 
-const {filter, keywords: {value: keywords}, selectByFilter} = this.filterable;
+const {filter, keywords: {value: keywords}, selectByFilter, isSelectedItem} = this.filterable;
 <t:super class={`${k}-cascader`}>
     <b:base-menu>
         <DropdownMenu 
@@ -94,6 +94,8 @@ const {filter, keywords: {value: keywords}, selectByFilter} = this.filterable;
                 return <DropdownItem v-for={items}
                     ev-select={selectByFilter.bind(null, $value)}
                     disabled={$value.disabled}
+                    hideOnSelect={!multiple}
+                    class={{[`${k}-selected`]: isSelectedItem($value)}}
                 >
                     {(() => {
                         // highlight keywords

package/components/cascader/styles.ts

@@ -77,5 +77,8 @@ export const makeFilterMenuStyles = cache(function makeFilterMenuStyles(k: strin
             font-style: normal;
             color: ${cascader.filter.highlightColor};
         }
+        .${k}-dropdown-item.${k}-selected {
+            color: ${cascader.selectedColor};
+        }
     `;
 });

package/components/cascader/useFilterable.ts

@@ -3,11 +3,13 @@ import type {Cascader, CascaderData, BaseCascaderData} from './';
 import {State} from '../../hooks/useState';
 import type {Value} from './useValue';
 import type {useFields} from './useFields';
+import { isEqualArray } from '../utils';
 
 export function useFilterable(
     keywords: State<string>,
     setValue: (value: Value) => void, 
-    getField: ReturnType<typeof useFields>
+    getField: ReturnType<typeof useFields>,
+    values: State<Value[]>
 ) {
     const instance = useInstance() as Cascader;
 
@@ -48,9 +50,16 @@ export function useFilterable(
     }
 
     function selectByFilter(data: CascaderData<any>[]) {
-        const value = data.map(item => getField(item, 'value'));
-        setValue(value);
+        setValue(getValue(data));
     }
 
-    return {filter, selectByFilter, keywords};
+    function isSelectedItem(data: CascaderData<any>[]) {
+        return !!values.value.find((value) => isEqualArray(value, getValue(data)));
+    }
+
+    function getValue(data: CascaderData<any>[]) {
+        return data.map(item => getField(item, 'value'));
+    }
+
+    return {filter, selectByFilter, keywords, isSelectedItem};
 }

package/components/config/demos/disableWave.md

@@ -0,0 +1,47 @@
+---
+title: 控制全局水波纹动效
+order: 1
+---
+
+通过配置`disableWave`，可以控制是否开启水波纹动效，默认`false`
+
+```vdt
+import {ConfigProvider, Button, Input, Checkbox, Radio, Select, Option} from 'kpc';
+
+<ConfigProvider value={{disableWave: true}}>
+    <Button>Button</Button>
+    <Input />
+    <Checkbox v-model="value">checkbox</Checkbox>
+    <Radio v-model="value">radio</Radio>
+    <Select v-model="day">
+        <Option value="Monday">星期一</Option>
+        <Option value="Tuesday">星期二</Option>
+        <Option value="Wednesday">星期三</Option>
+        <Option value="Thursday">星期四</Option>
+        <Option value="Friday">星期五</Option>
+        <Option value="Saturday">星期六</Option>
+        <Option value="Sunday">星期天</Option>
+    </Select>
+</ConfigProvider>
+```
+
+```styl
+.k-input, .k-input, .k-checkbox, .k-radio
+    margin 0 10px
+```
+
+```ts
+interface Props {
+    value?: boolean,
+    day?: string | null
+}
+export default class extends Component<Props> {
+    static template = template;
+    static defaults() {
+        return {
+            value: false,
+            day: ''
+        }
+    }
+}
+```

package/components/config/index.md

@@ -15,6 +15,7 @@ sidebar: doc
 
 ```ts
 export interface ConfigProps {
-    classNamePrefix?: string 
+    classNamePrefix?: string
+    disableWave?: boolean
 }
 ```

package/components/config/index.ts

@@ -2,7 +2,8 @@ import { createContext, ProviderProps } from '../context';
 import { EMPTY_OBJ, Component } from 'intact';
 
 export interface ConfigProps {
-    classNamePrefix?: string 
+    classNamePrefix?: string,
+    disableWave?: boolean,
 }
 
 const {
@@ -17,6 +18,7 @@ function useConfigContext() {
     return {
         cls: (name: string) => `${config.value!.classNamePrefix || 'k'}-${name}`,
         get k() { return config.value!.classNamePrefix || 'k' },
+        get disableWave() { return config.value!.disableWave || false }
     }
 }
 

package/components/datepicker/index.ts

@@ -23,6 +23,7 @@ import {
 } from './basepicker';
 
 export * as shortcuts from './shortcuts';
+export { dayjs };
 
 export interface DatepickerProps<
     V extends Value = Value,

package/components/dropdown/menu.ts

@@ -67,7 +67,7 @@ function useKeyboardForDropdownMenu(dropdown: Dropdown) {
     const focus = () => focusByIndex(0);
 
     // In Cascader the menu may have been replaced by another menu, in this case,
-    // if the dropdown has showed while we mounted the menu, add keydown listener
+    // if the dropdown has showed while we mounted the menu, add the keydown listener
     if (dropdown.get('value')) {
         onShow();
     }

package/components/input/index.ts

@@ -56,7 +56,7 @@ export interface InputProps<V extends Value = Value> extends InputHTMLAttributes
     type?: HTMLInputTypes 
     value?: V
     defaultValue?: string | number
-    placeholder?: string
+    placeholder?: string | number
     readonly?: boolean
     clearable?: boolean
     disabled?: boolean
@@ -98,7 +98,7 @@ const typeDefs: Required<TypeDefs<Omit<InputProps, keyof InputHTMLAttributes>>>
     type: String,
     value: [String, Number],
     defaultValue: [String, Number],
-    placeholder: String,
+    placeholder: [String, Number],
     readonly: Boolean,
     clearable: Boolean,
     disabled: Boolean,

package/components/menu/styles.ts

@@ -17,7 +17,7 @@ const defaults = {
 
     item: {
         height: '40px',
-        padding: '0 17px',
+        padding: '0 12px',
         bodyPadding: '0 4px',
         color: '#aeaeb9',
         hoverColor: '#fff',
@@ -30,7 +30,7 @@ const defaults = {
 
     title: {
         height: '40px',
-        padding: '0 17px',
+        padding: '0 12px',
         color: '#fff',
     },
 
@@ -114,7 +114,7 @@ export const makeMenuStyles = cache(function makeMenuStyles(k: string) {
         // header
         .${k}-menu-header {
             height: ${menu.header.height};
-            padding: 0 21px;
+            padding: 0 16px;
             color: ${menu.header.color};
             font-size: ${menu.header.fontSize};
             font-weight: bold;
@@ -125,6 +125,7 @@ export const makeMenuStyles = cache(function makeMenuStyles(k: string) {
             max-height: calc(100% - ${menu.header.height});
             overflow-y: auto;
             overflow-x: hidden;
+            scrollbar-width: none;
         }
 
         // menu title
@@ -169,8 +170,7 @@ export const makeMenuStyles = cache(function makeMenuStyles(k: string) {
 
         // theme light
         &.${k}-light {
-            border: 1px solid ${theme.color.disabledBg};
-            border-top: 0;
+            border-right: 1px solid ${theme.color.disabledBg};
             background: ${menu.light.bgColor};
             .${k}-menu-header {
                 color: ${menu.light.title.color};

package/components/select/useInput.ts

@@ -54,7 +54,11 @@ export function useInput(resetKeywords: (keywords: State<string>) => void) {
         const {multiple, filterable} = component.get();
         if (multiple && filterable) {
             focusInput();
-            resetKeywords(keywords);
+            /**
+             * don't reset keywords on multiple mode for continue selection
+             * https://github.com/ksc-fe/kpc/issues/983
+             */
+            // resetKeywords(keywords);
         }
     });
 

package/components/table/styles.ts

@@ -19,7 +19,7 @@ const defaults = {
     thead: {
         get bgColor() { return theme.color.bg },
         get color() { return theme.color.lightBlack },
-        padding: `0 5px 0 12px`,
+        padding: `0 8px 0 12px`,
         fontSize: `12px`,
         fontWeight: `bold`,
         textAlign: 'left',
@@ -31,7 +31,7 @@ const defaults = {
     // tbody 
     tbody: {
         get hoverBgcolor() { return theme.color.bg },
-        padding: `11px 5px 11px 12px`,
+        padding: `11px 8px 11px 12px`,
     },
 
     // stripe
@@ -129,6 +129,9 @@ export const makeStyles = cache(function makeStyles(k: string) {
                 top: 50%;
                 transform: translateY(-50%);
             }
+            &.${k}-fixed-right:before {
+                left: -2px;
+            }
             &:first-of-type:before {
                 display: none;
             }

package/components/tooltip/styles.ts

@@ -150,7 +150,6 @@ export const makeStyles = cache(function makeStyles(k: string) {
                                 const borderDirection = directionMap[direction as keyof typeof directionMap];
                                 return css`
                                     &.${k}-${direction} {
-                                        border-${borderDirection}-color: ${borderColor};
                                         &:before {
                                             border-${borderDirection}-color: ${bgColor};
                                         }

package/components/upload/index.vdt

@@ -10,7 +10,7 @@ import {UploadFileStatus} from './useUpload';
 
 const {
     className, accept, multiple, limit,
-    files, children, type, directory
+    files, children, type, directory, disabled
 } = this.get();
 
 const drag = this.drag;
@@ -22,6 +22,7 @@ const classNameObj = {
     [`${k}-drag`]: type === 'drag', 
     [`${k}-dragover`]: drag.dragOver.value, 
     [`${k}-gallery`]: type === 'gallery',
+    [`${k}-disabled`]: disabled,
     [makeStyles(k)]: true,
 };
 
@@ -40,7 +41,7 @@ const handle = (
         <b:content>
             <b:children v-if={children}>{children}</b:children>
             <template v-else-if={type !== 'gallery'}>
-                <Button v-if={type === 'select'}>
+                <Button disabled={disabled} v-if={type === 'select'}>
                     <Icon class={`${k}-icon-upload`} />
                     {_$('点击上传')}
                 </Button>

package/components/upload/styles.ts

@@ -256,6 +256,17 @@ export const makeStyles = cache(function makeStyles(k: string) {
                 transform: translateY(-50%);
             }
         }
+        &.${k}-disabled {
+            .${k}-upload-add, .${k}-upload-handle {
+                cursor: auto;
+                a {
+                    color: ${upload.color};
+                }
+                &:hover {
+                    border-color: ${theme.color.border}
+                }
+            }
+        }
     `;
 });
 

package/components/wave/index.ts

@@ -72,6 +72,9 @@ export class Wave extends Component<WaveProps> {
         const {disabled} = this.get();
         const node = e.target as HTMLElement;
 
+        // configProvider全局禁用动效
+        if (this.config.disableWave) return;
+
         // 点击输入框中的icon时，此时输入框不需要动效
         const isInput = instance!.classList.contains('k-input-wrapper');
         if (disabled || isInput && node!.classList.contains(this.config.cls('icon'))) return;

package/es/components/breadcrumb/index.js

@@ -9,7 +9,7 @@ var typeDefs = {
 };
 var defaults = function defaults() {
   return {
-    separator: '>'
+    separator: ''
   };
 };
 export var Breadcrumb = /*#__PURE__*/function (_Component) {

package/es/components/breadcrumb/index.vdt.js

@@ -1,9 +1,13 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
-import { createElementVNode as _$ce, noop as _$no, className as _$cn, createVNode as _$cv } from 'intact';
+import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, noop as _$no, className as _$cn, createVNode as _$cv } from 'intact';
 import { getRestProps, mapChildren } from '../utils';
 import { BreadcrumbItem } from './item';
 import { makeStyles } from './styles';
+import { Icon } from '../icon';
+var _$tmp0 = {
+  'className': 'k-icon-right'
+};
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
   $blocks || ($blocks = {});
@@ -17,7 +21,7 @@ export default function ($props, $blocks, $__proto__) {
     className = _this$get.className;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-breadcrumb"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
-  var separatorVNode = _$ce(2, 'span', (_$blocks['separator'] = function ($super) {
+  var separatorVNode = _$ce(2, 'span', !$blocks.separator && !separator ? _$cc(Icon, _$tmp0) : (_$blocks['separator'] = function ($super) {
     return separator;
   }, __$blocks['separator'] = function ($super, data) {
     var block = $blocks['separator'];

package/es/components/cascader/index.js

@@ -1,6 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/values";
 import template from './index.vdt';
 import { BaseSelect } from '../select/base';
 import { _$ } from '../../i18n';
@@ -41,7 +42,7 @@ export var Cascader = /*#__PURE__*/function (_BaseSelect) {
     _this.value = useValue();
     _this.label = useLabel(_this.fields);
     _this.load = useLoad(_this.fields);
-    _this.filterable = useFilterable(_this.input.keywords, _this.value.setValue, _this.fields);
+    _this.filterable = useFilterable(_this.input.keywords, _this.value.setValue, _this.fields, _valuesInstanceProperty(_this.value));
     _this.positionObj = {
       my: 'left top',
       at: 'right top',

package/es/components/cascader/index.spec.js

@@ -433,4 +433,36 @@ describe('Cascader', function () {
       }
     }, _callee10);
   })));
+  it('should only show submenu while the root menu will show', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+    var _mount10, instance, element, _element$querySelecto2, dom, input;
+    return _regeneratorRuntime.wrap(function _callee11$(_context14) {
+      while (1) switch (_context14.prev = _context14.next) {
+        case 0:
+          _mount10 = mount(FilterDemo), instance = _mount10[0], element = _mount10[1];
+          instance.set('values', [['beijing', 'haidian']]);
+          _context14.next = 4;
+          return wait();
+        case 4:
+          _element$querySelecto2 = element.querySelectorAll('.k-cascader'), dom = _element$querySelecto2[1];
+          dispatchEvent(dom, 'click');
+          _context14.next = 8;
+          return wait();
+        case 8:
+          input = dom.querySelector('.k-input-inner'); // should show layer when input empty string
+          input.value = 's';
+          dispatchEvent(input, 'input');
+          _context14.next = 13;
+          return wait();
+        case 13:
+          document.body.click();
+          _context14.next = 16;
+          return wait();
+        case 16:
+          expect(getElement('.k-cascader-menu')).to.not.exist;
+        case 17:
+        case "end":
+          return _context14.stop();
+      }
+    }, _callee11);
+  })));
 });

package/es/components/cascader/index.vdt.js

@@ -17,7 +17,8 @@ export default function ($props, $blocks, $__proto__) {
     trigger = _this$get.trigger,
     filterable = _this$get.filterable,
     fields = _this$get.fields,
-    multiple = _this$get.multiple;
+    multiple = _this$get.multiple,
+    show = _this$get.show;
   var k = this.config.k;
   var baseMenuStyles = makeMenuStyles(k);
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-cascader-menu"] = true, _classNameObj[makeMenuStyles(k)] = true, _classNameObj);
@@ -41,7 +42,7 @@ export default function ($props, $blocks, $__proto__) {
     }
     return _mapInstanceProperty(data).call(data, function (item, index) {
       var value = getField(item, 'value');
-      var showed = isShowed(value, level);
+      var showed = show && isShowed(value, level);
       var selected = parentSelected && isSelected(value, level);
       var children = getField(item, 'children');
       var Item = function Item() {
@@ -74,7 +75,8 @@ export default function ($props, $blocks, $__proto__) {
   var _this$filterable = this.filterable,
     filter = _filterInstanceProperty(_this$filterable),
     keywords = _this$filterable.keywords.value,
-    selectByFilter = _this$filterable.selectByFilter;
+    selectByFilter = _this$filterable.selectByFilter,
+    isSelectedItem = _this$filterable.isSelectedItem;
   return _$su.call($this, {
     'className': _$cn(k + "-cascader")
   }, function ($blocks) {
@@ -93,9 +95,12 @@ export default function ($props, $blocks, $__proto__) {
           var items = filter();
           if (!items.length) return _$ce(2, 'div', _$('无匹配数据'), 0, _$cn(k + "-cascader-empty"));
           return _$ma(items, function ($value, $key) {
+            var _$cn4;
             return _$cc(DropdownItem, {
               'ev-select': selectByFilter.bind(null, $value),
               'disabled': $value.disabled,
+              'hideOnSelect': !multiple,
+              'className': _$cn((_$cn4 = {}, _$cn4[k + "-selected"] = isSelectedItem($value), _$cn4)),
               'children': function () {
                 // highlight keywords
                 var label = _mapInstanceProperty($value).call($value, function (item) {

package/es/components/cascader/styles.js

@@ -43,5 +43,5 @@ export var makeMenuStyles = cache(function makeMenuStyles(k) {
   return /*#__PURE__*/css("min-width:", cascader.width, "!important;height:", cascader.height, ";overflow:auto;.", k, "-cascader-arrow{float:right;height:100%;margin-left:", cascader.arrowGap, ";line-height:inherit;}.", k, "-cascader-loading{display:block;text-align:center;margin-top:", cascader.loadingGap, ";}.", k, "-cascader-empty{padding:", cascader.empty.padding, ";color:", cascader.empty.color, ";text-align:center;}.", k, "-cascader-option{&.", k, "-selected{color:", cascader.selectedColor, ";}&.", k, "-active{background:", cascader.activeBgColor, ";}}");
 });
 export var makeFilterMenuStyles = cache(function makeFilterMenuStyles(k) {
-  return /*#__PURE__*/css("min-width:", _filterInstanceProperty(cascader).minWidth, "!important;height:auto;max-height:", _filterInstanceProperty(cascader).maxHeight, ";em{font-style:normal;color:", _filterInstanceProperty(cascader).highlightColor, ";}");
+  return /*#__PURE__*/css("min-width:", _filterInstanceProperty(cascader).minWidth, "!important;height:auto;max-height:", _filterInstanceProperty(cascader).maxHeight, ";em{font-style:normal;color:", _filterInstanceProperty(cascader).highlightColor, ";}.", k, "-dropdown-item.", k, "-selected{color:", cascader.selectedColor, ";}");
 });

package/es/components/cascader/useFilterable.d.ts

@@ -2,8 +2,9 @@ import type { CascaderData } from './';
 import { State } from '../../hooks/useState';
 import type { Value } from './useValue';
 import type { useFields } from './useFields';
-export declare function useFilterable(keywords: State<string>, setValue: (value: Value) => void, getField: ReturnType<typeof useFields>): {
+export declare function useFilterable(keywords: State<string>, setValue: (value: Value) => void, getField: ReturnType<typeof useFields>, values: State<Value[]>): {
     filter: () => CascaderData<any>[][];
     selectByFilter: (data: CascaderData<any>[]) => void;
     keywords: State<string>;
+    isSelectedItem: (data: CascaderData<any>[]) => boolean;
 };

package/es/components/cascader/useFilterable.js

@@ -1,9 +1,11 @@
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { useInstance } from 'intact';
-export function useFilterable(keywords, setValue, getField) {
+import { isEqualArray } from '../utils';
+export function useFilterable(keywords, setValue, getField, values) {
   var instance = useInstance();
   function filter() {
     var ret = [];
@@ -44,14 +46,23 @@ export function useFilterable(keywords, setValue, getField) {
     return ret;
   }
   function selectByFilter(data) {
-    var value = _mapInstanceProperty(data).call(data, function (item) {
+    setValue(getValue(data));
+  }
+  function isSelectedItem(data) {
+    var _context2;
+    return !!_findInstanceProperty(_context2 = values.value).call(_context2, function (value) {
+      return isEqualArray(value, getValue(data));
+    });
+  }
+  function getValue(data) {
+    return _mapInstanceProperty(data).call(data, function (item) {
       return getField(item, 'value');
     });
-    setValue(value);
   }
   return {
     filter: filter,
     selectByFilter: selectByFilter,
-    keywords: keywords
+    keywords: keywords,
+    isSelectedItem: isSelectedItem
   };
 }

package/es/components/config/index.d.ts

@@ -2,11 +2,13 @@ import { ProviderProps } from '../context';
 import { Component } from 'intact';
 export interface ConfigProps {
     classNamePrefix?: string;
+    disableWave?: boolean;
 }
 declare const ConfigConsumer: import("intact").ComponentConstructor<Component<import("../context").ConsumerProps<ConfigProps>, {}, {}, {}>>;
 declare function useConfigContext(): {
     cls: (name: string) => string;
     readonly k: string;
+    readonly disableWave: boolean;
 };
 /**
  * for vue/react type checking