@king-design/intact 3.3.0 → 3.3.2

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

package/es/components/config/index.js

@@ -12,6 +12,9 @@ function useConfigContext() {
     },
     get k() {
       return config.value.classNamePrefix || 'k';
+    },
+    get disableWave() {
+      return config.value.disableWave || false;
     }
   };
 }

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

@@ -4,6 +4,7 @@ import { State } from '../../hooks/useState';
 import { Shortcut } from './shortcuts';
 import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks, Value } from './basepicker';
 export * as shortcuts from './shortcuts';
+export { dayjs };
 export interface DatepickerProps<V extends Value = Value, M extends boolean = boolean, R extends boolean = boolean> extends BasePickerProps<V extends string ? V : V | string, M, R> {
     type?: 'date' | 'datetime' | 'year' | 'month';
     shortcuts?: Shortcut[];

package/es/components/datepicker/index.js

@@ -5,6 +5,7 @@ import { __decorate } from "tslib";
 import { provide } from 'intact';
 import template from './index.vdt';
 import { DATEPICKER } from './constants';
+import dayjs from './dayjs';
 import { useValue } from './useValue';
 import { isNullOrUndefined } from 'intact-shared';
 import { _$ } from '../../i18n';
@@ -17,6 +18,7 @@ import { useKeyboards } from './useKeyboards';
 import { BasePicker } from './basepicker';
 import * as _shortcuts from './shortcuts';
 export { _shortcuts as shortcuts };
+export { dayjs };
 var typeDefs = _extends({}, BasePicker.typeDefs, {
   type: ['date', 'datetime', 'year', 'month'],
   shortcuts: Array

package/es/components/dialog/base.d.ts

@@ -52,6 +52,7 @@ export declare class BaseDialog<T extends BaseDialogProps = BaseDialogProps, E e
     protected config: {
         cls: (name: string) => string;
         readonly k: string;
+        readonly disableWave: boolean;
     };
     init(): void;
     show(props?: T): void;

package/es/components/dropdown/menu.js

@@ -75,7 +75,7 @@ function useKeyboardForDropdownMenu(dropdown) {
     return 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/es/components/input/index.d.ts

@@ -15,7 +15,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;

package/es/components/input/index.js

@@ -16,7 +16,7 @@ var typeDefs = {
   type: String,
   value: [String, Number],
   defaultValue: [String, Number],
-  placeholder: String,
+  placeholder: [String, Number],
   readonly: Boolean,
   clearable: Boolean,
   disabled: Boolean,

package/es/components/menu/styles.js

@@ -20,7 +20,7 @@ var defaults = {
   },
   item: {
     height: '40px',
-    padding: '0 17px',
+    padding: '0 12px',
     bodyPadding: '0 4px',
     color: '#aeaeb9',
     hoverColor: '#fff',
@@ -36,7 +36,7 @@ var defaults = {
   },
   title: {
     height: '40px',
-    padding: '0 17px',
+    padding: '0 12px',
     color: '#fff'
   },
   icon: {
@@ -112,7 +112,7 @@ export { menu };
 export var makeMenuStyles = cache(function makeMenuStyles(k) {
   // we must increase the priority by adding &.${k}-menu
   // to override the css of dropdownMenu
-  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";position:relative;}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";padding:0 21px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100% - ", menu.header.height, ");overflow-y:auto;overflow-x:hidden;}.", k, "-menu-title{height:", menu.title.height, ";border-top:", menu.border, ";margin-top:4px;.", k, "-menu-name{transition:all ", menu.transition, ";height:", menu.title.height, ";color:", menu.title.color, ";font-weight:bold;}}.", k, "-menu-arrow-box{width:14px;height:60px;cursor:pointer;background:", menu.bgColor, ";border-radius:0 8px 8px 0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:calc(", menu.width, " - 2px);transition:left ", menu.transition, ";transform:translateY(-50%);border:", menu.border, ";border-left:none;.", k, "-icon{margin-right:0;}&:hover{.", k, "-menu-arrow:before{color:", menu.item.activeBgColor, ";}}}&.", k, "-light{border:1px solid ", theme.color.disabledBg, ";border-top:0;background:", menu.light.bgColor, ";.", k, "-menu-header{color:", menu.light.title.color, ";}.", k, "-menu-item{.", k, "-menu-item-title{color:", menu.light.item.color, ";&:hover{background:", menu.light.item.hoverBg, ";}}.", k, "-menu-item-arrow{color:", menu.light.item.color, ";}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", menu.light.item.disabledColor, "!important;}}}.", k, "-menu-title{border-top:", menu.light.border, ";.", k, "-menu-name{color:", menu.light.title.color, ";}}.", k, "-menu-arrow-box{background:", menu.light.bgColor, ";border:", menu.light.border, ";border-left:none;&:hover{.", k, "-menu-arrow:before{color:", menu.light.active.color, ";}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", menu.light.bgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", menu.light.border, ";}.", k, "-menu-body>.", k, "-menu-title{border-right:", menu.light.border, ";}}.", k, "-menu-item.", k, "-active{>.", k, "-menu-item-title{color:", menu.light.active.color, "!important;background:", menu.light.active.bgColor, ";}}.", k, "-sub-menu{.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.light.item.subTitleColor, "!important;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";position:relative;}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";padding:0 16px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100% - ", menu.header.height, ");overflow-y:auto;overflow-x:hidden;scrollbar-width:none;}.", k, "-menu-title{height:", menu.title.height, ";border-top:", menu.border, ";margin-top:4px;.", k, "-menu-name{transition:all ", menu.transition, ";height:", menu.title.height, ";color:", menu.title.color, ";font-weight:bold;}}.", k, "-menu-arrow-box{width:14px;height:60px;cursor:pointer;background:", menu.bgColor, ";border-radius:0 8px 8px 0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:calc(", menu.width, " - 2px);transition:left ", menu.transition, ";transform:translateY(-50%);border:", menu.border, ";border-left:none;.", k, "-icon{margin-right:0;}&:hover{.", k, "-menu-arrow:before{color:", menu.item.activeBgColor, ";}}}&.", k, "-light{border-right:1px solid ", theme.color.disabledBg, ";background:", menu.light.bgColor, ";.", k, "-menu-header{color:", menu.light.title.color, ";}.", k, "-menu-item{.", k, "-menu-item-title{color:", menu.light.item.color, ";&:hover{background:", menu.light.item.hoverBg, ";}}.", k, "-menu-item-arrow{color:", menu.light.item.color, ";}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", menu.light.item.disabledColor, "!important;}}}.", k, "-menu-title{border-top:", menu.light.border, ";.", k, "-menu-name{color:", menu.light.title.color, ";}}.", k, "-menu-arrow-box{background:", menu.light.bgColor, ";border:", menu.light.border, ";border-left:none;&:hover{.", k, "-menu-arrow:before{color:", menu.light.active.color, ";}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", menu.light.bgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", menu.light.border, ";}.", k, "-menu-body>.", k, "-menu-title{border-right:", menu.light.border, ";}}.", k, "-menu-item.", k, "-active{>.", k, "-menu-item-title{color:", menu.light.active.color, "!important;background:", menu.light.active.bgColor, ";}}.", k, "-sub-menu{.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.light.item.subTitleColor, "!important;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = menu[size];
     return /*#__PURE__*/css("&.", k, "-", size, "{width:", styles.width, ";font-size:", styles.fontSize, ";.", k, "-menu{font-size:", styles.fontSize, ";}.", k, "-menu-arrow-box{left:calc(", styles.width, " - 2px);}}");
   }), "&.", k, "-collapsed{width:calc(", menu.icon.width, " + (", getLeft(menu.item.padding), " + ", getLeft(menu.item.bodyPadding), ") * 2);.", k, "-icon{margin-right:0;}.", k, "-menu-item-arrow{display:none;}}&.", k, "-collapsed-arrow{width:0px;border-left:none;.", k, "-menu-body{overflow:hidden;padding:0;}.", k, "-menu-arrow-box{left:0;.", k, "-menu-arrow:before{transform:rotateY(180deg);}}}&.", k, "-dropdown-menu{width:fit-content;min-width:", menu.dropdown.minWidth, ";.", k, "-menu-item-arrow{transform:rotate(-90deg);}}&.", k, "-horizontal{width:auto;display:flex;.", k, "-menu-body{display:flex;align-items:center;.", k, "-menu-title{border-top:none;border-right:", menu.border, ";}}}");

package/es/components/select/base.d.ts

@@ -54,6 +54,7 @@ export declare abstract class BaseSelect<T extends BaseSelectProps<any> = BaseSe
     protected config: {
         cls: (name: string) => string;
         readonly k: string;
+        readonly disableWave: boolean;
     };
     init(): void;
     protected abstract getPlaceholder(): Children;

package/es/components/select/useInput.js

@@ -36,7 +36,11 @@ export function useInput(resetKeywords) {
       filterable = _component$get.filterable;
     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);
     }
   });
   return {

package/es/components/table/styles.js

@@ -29,7 +29,7 @@ var defaults = {
     get color() {
       return theme.color.lightBlack;
     },
-    padding: "0 5px 0 12px",
+    padding: "0 8px 0 12px",
     fontSize: "12px",
     fontWeight: "bold",
     textAlign: 'left',
@@ -42,7 +42,7 @@ var defaults = {
     get hoverBgcolor() {
       return theme.color.bg;
     },
-    padding: "11px 5px 11px 12px"
+    padding: "11px 8px 11px 12px"
   },
   // stripe
   stripeBgColor: '#f9f9fc',
@@ -90,7 +90,7 @@ setDefault(function () {
   makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
+  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
     return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
   }), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
 });

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

@@ -24,6 +24,7 @@ export declare class Tabs<T = any> extends Component<TabsProps<T>, TabsEvents<T>
     config: {
         cls: (name: string) => string;
         readonly k: string;
+        readonly disableWave: boolean;
     };
     init(): void;
     changeTab(tabProps: TabProps): Promise<void>;

package/es/components/tooltip/styles.js

@@ -71,7 +71,7 @@ export var makeStyles = cache(function makeStyles(k) {
     }
     return /*#__PURE__*/css("&.", k, "-", theme, "{background:", bgColor, ";color:", color, ";.", k, "-tooltip-arrow{", _mapInstanceProperty(_context = _Object$keys(directionMap)).call(_context, function (direction) {
       var borderDirection = directionMap[direction];
-      return /*#__PURE__*/css("&.", k, "-", direction, "{border-", borderDirection, "-color:", borderColor, ";&:before{border-", borderDirection, "-color:", bgColor, ";}}");
+      return /*#__PURE__*/css("&.", k, "-", direction, "{&:before{border-", borderDirection, "-color:", bgColor, ";}}");
     }), ";}}");
   }), ".", k, "-tooltip-footer{padding-top:", tooltip.confirm.gaps, ";.", k, "-btn:not(:first-of-type){margin-left:", tooltip.confirm.gaps, ";}}&.", k, "-small{padding:", tooltip.smallPadding, ";}}");
 });

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

@@ -24,10 +24,11 @@ export default function ($props, $blocks, $__proto__) {
     files = _this$get.files,
     children = _this$get.children,
     type = _this$get.type,
-    directory = _this$get.directory;
+    directory = _this$get.directory,
+    disabled = _this$get.disabled;
   var drag = this.drag;
   var k = this.config.k;
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-upload"] = true, _classNameObj[className] = className, _classNameObj[k + "-drag"] = type === 'drag', _classNameObj[k + "-dragover"] = drag.dragOver.value, _classNameObj[k + "-gallery"] = type === 'gallery', _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-upload"] = true, _classNameObj[className] = className, _classNameObj[k + "-drag"] = type === 'drag', _classNameObj[k + "-dragover"] = drag.dragOver.value, _classNameObj[k + "-gallery"] = type === 'gallery', _classNameObj[k + "-disabled"] = disabled, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var events = {
     'ev-click': this.selectFile
   };
@@ -49,6 +50,7 @@ export default function ($props, $blocks, $__proto__) {
       };
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['children'](_$no)) : type !== 'gallery' ? type === 'select' ? _$cc(Button, {
+      'disabled': disabled,
       'children': [_$cc(Icon, {
         'className': _$cn(k + "-icon-upload")
       }), _$('点击上传')]

package/es/components/upload/styles.js

@@ -113,7 +113,7 @@ setDefault(function () {
   makeUploadDialogStyles == null || makeUploadDialogStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}");
+  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
 });
 export var makeUploadDialogStyles = cache(function makeUploadDialogStyles(k) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/es/components/wave/index.js

@@ -62,6 +62,8 @@ export var Wave = /*#__PURE__*/function (_Component) {
     var _this$get2 = this.get(),
       disabled = _this$get2.disabled;
     var node = e.target;
+    // configProvider全局禁用动效
+    if (this.config.disableWave) return;
     // 点击输入框中的icon时，此时输入框不需要动效
     var isInput = instance.classList.contains('k-input-wrapper');
     if (disabled || isInput && node.classList.contains(this.config.cls('icon'))) return;

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.3.0
+ * @king-design v3.3.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -63,4 +63,4 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.3.0";
+export declare const version = "3.3.2";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.3.0
+ * @king-design v3.3.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,5 +64,5 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.3.0';
+export var version = '3.3.2';
 /* generate end */

package/es/site/data/components/cascader/demos/filterable/index.d.ts

@@ -2,11 +2,13 @@ export { default as data } from './index.json';
 import { Component } from 'intact';
 interface Props {
     value?: string[] | null;
+    values?: string[][] | null;
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;
     static defaults(): {
         value: string[];
+        values: string[][];
         data: ({
             value: string;
             label: string;

package/es/site/data/components/cascader/demos/filterable/index.js

@@ -10,6 +10,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       value: [],
+      values: [],
       data: [{
         value: 'beijing',
         label: '北京',

package/es/site/data/components/cascader/demos/filterable/react.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 interface Props {
     value?: string[] | null;
+    values?: string[][] | null;
 }
 export default class Demo extends React.Component<{}, Props> {
     state: {
         value: string[];
+        values: string[][];
         data: ({
             value: string;
             label: string;

package/es/site/data/components/cascader/demos/filterable/react.js

@@ -1,5 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/values";
 import React from 'react';
 import { Cascader } from '@king-design/react';
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -13,6 +14,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       value: [],
+      values: [],
       data: [{
         value: 'beijing',
         label: '北京',
@@ -64,6 +66,16 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       filterable: true
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Cascader, {
+      data: this.state.data,
+      value: _valuesInstanceProperty(this.state),
+      onChangeValue: function onChangeValue(values) {
+        return _this2.setState({
+          values: values
+        });
+      },
+      filterable: true,
+      multiple: true
     }));
   };
   return Demo;

package/es/site/data/components/config/demos/disableWave/index.d.ts

@@ -0,0 +1,14 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+interface Props {
+    value?: boolean;
+    day?: string | null;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        value: boolean;
+        day: string;
+    };
+}

package/es/site/data/components/config/demos/disableWave/index.js

@@ -0,0 +1,20 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  default_1.defaults = function defaults() {
+    return {
+      value: false,
+      day: ''
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/config/demos/disableWave/react.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    value?: boolean;
+    day?: string | null;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        value: boolean;
+        day: string;
+    };
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/config/demos/disableWave/react.js

@@ -0,0 +1,67 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { ConfigProvider, Button, Input, Checkbox, Radio, Select, Option } from '@king-design/react';
+import './index.styl';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      value: false,
+      day: ''
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      value: {
+        disableWave: true
+      }
+    }, /*#__PURE__*/React.createElement(Button, null, "Button"), /*#__PURE__*/React.createElement(Input, null), /*#__PURE__*/React.createElement(Checkbox, {
+      value: this.state.value,
+      onChangeValue: function onChangeValue(value) {
+        return _this2.setState({
+          value: value
+        });
+      }
+    }, "checkbox"), /*#__PURE__*/React.createElement(Radio, {
+      value: this.state.value,
+      onChangeValue: function onChangeValue(value) {
+        return _this2.setState({
+          value: value
+        });
+      }
+    }, "radio"), /*#__PURE__*/React.createElement(Select, {
+      value: this.state.day,
+      onChangeValue: function onChangeValue(day) {
+        return _this2.setState({
+          day: day
+        });
+      }
+    }, /*#__PURE__*/React.createElement(Option, {
+      value: "Monday"
+    }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
+      value: "Tuesday"
+    }, "\u661F\u671F\u4E8C"), /*#__PURE__*/React.createElement(Option, {
+      value: "Wednesday"
+    }, "\u661F\u671F\u4E09"), /*#__PURE__*/React.createElement(Option, {
+      value: "Thursday"
+    }, "\u661F\u671F\u56DB"), /*#__PURE__*/React.createElement(Option, {
+      value: "Friday"
+    }, "\u661F\u671F\u4E94"), /*#__PURE__*/React.createElement(Option, {
+      value: "Saturday"
+    }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
+      value: "Sunday"
+    }, "\u661F\u671F\u5929")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/src/pages/layout.d.ts

@@ -13,6 +13,7 @@ export default class Layout<T extends LayoutProps = LayoutProps> extends Compone
     protected config: {
         cls: (name: string) => string;
         readonly k: string;
+        readonly disableWave: boolean;
     };
     handleColorChange(color: string): void;
     showColorList(): void;

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.3.0
+ * @king-design v3.3.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -68,6 +68,6 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
 
-export const version = '3.3.0';
+export const version = '3.3.2';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -180,7 +180,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.33",
+    "intact": "^3.0.34",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",