@king-design/react 3.1.5 → 3.2.0

package/components/menu/styles.js

@@ -10,53 +10,50 @@ var defaults = {
     return theme.transition.large;
   },
   width: '200px',
-  bgColor: '#262626',
+  bgColor: '#1c1c20',
   fontSize: '14px',
   get borderRadius() {
     return theme.borderRadius;
   },
+  get border() {
+    return "1px solid " + theme.color.darkBorder;
+  },
   item: {
     height: '40px',
-    padding: '0 21px',
-    color: '#b2b2b2',
+    padding: '0 17px',
+    bodyPadding: '0 4px',
+    color: '#aeaeb9',
     hoverColor: '#fff',
-    get disabledColor() {
-      return theme.color.text;
-    },
+    disabledColor: '#53535a',
     get activeBgColor() {
       return theme.color.primary;
     },
-    dotFontSize: '12px'
+    get hoverBgColor() {
+      return palette(theme.color.primary, 4);
+    },
+    dotFontSize: '12px',
+    subTitleColor: '#858592'
+  },
+  title: {
+    height: '40px',
+    padding: '0 17px',
+    color: '#fff'
   },
   icon: {
     width: '16px',
     gap: '11px'
   },
   header: {
-    height: '50px',
+    height: '52px',
     fontSize: '14px',
+    color: '#fff',
     borderBottom: '1px solid #1b1b1d'
   },
-  // sub-menu
-  subBgColor: '#000',
   light: {
-    bgColor: '#e5e5e9',
-    subBgColor: '#d5d5d9',
-    border: '1px solid #d5d5d9',
-    item: {
-      get color() {
-        return theme.color.text;
-      },
-      get hoverColor() {
-        return theme.color.primary;
-      },
-      disabledColor: '#999'
-    }
-  },
-  white: {
     bgColor: '#fff',
-    subBgColor: '#fafafa',
-    border: '1px solid #eee',
+    get border() {
+      return "1px solid " + theme.color.disabledBg;
+    },
     item: {
       get color() {
         return theme.color.text;
@@ -64,8 +61,15 @@ var defaults = {
       get hoverColor() {
         return theme.color.primary;
       },
-      get disabledColor() {
-        return theme.color.disabled;
+      get hoverBg() {
+        return theme.color.hoverBg;
+      },
+      disabledColor: '#b6bec2',
+      subTitleColor: '#5e686f'
+    },
+    title: {
+      get color() {
+        return theme.color.title;
       }
     },
     active: {
@@ -106,16 +110,12 @@ setDefault(function () {
 });
 export { menu };
 export var makeMenuStyles = cache(function makeMenuStyles(k) {
-  var _context;
   // 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, ";}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";font-size:", menu.header.fontSize, ";font-weight:bold;border-bottom:", menu.header.borderBottom, ";}", _mapInstanceProperty(_context = ['light', 'white']).call(_context, function (theme) {
-    var styles = menu[theme];
-    return /*#__PURE__*/css("&.", k, "-", theme, "{background:", styles.bgColor, ";.", k, "-menu-header{color:", styles.item.color, ";border-bottom:", styles.border, ";}.", k, "-menu-item{.", k, "-menu-title{color:", styles.item.color, ";&:hover{color:", styles.item.hoverColor, ";}}&.", k, "-highlighted{>.", k, "-menu-title{color:", styles.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-title{color:", styles.item.disabledColor, "!important;}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", styles.subBgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", styles.border, ";}}}");
-  }), " &.", k, "-white{.", k, "-menu-item.", k, "-active{>.", k, "-menu-title{color:", menu.white.active.color, "!important;background:", menu.white.active.bgColor, ";}}}", _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 21px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100vh - ", menu.header.height, ");overflow-y:auto;}.", 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, ";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, "-collapsed{width:calc(", menu.icon.width, " + ", getLeft(menu.item.padding), " * 2);.", k, "-icon{margin-right:0;}.", k, "-menu-arrow{display:none;}}&.", k, "-dropdown-menu{width:auto;min-width:", menu.dropdown.minWidth, ";.", k, "-menu-arrow{transform:rotate(-90deg);}}&.", k, "-horizontal{width:auto;display:flex;align-items:center;.", k, "-menu-header{border-bottom:none;border-right:", menu.header.borderBottom, ";}}");
+    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, ";}}}");
 });
 export var makeTitleStyles = cache(function makeTitleStyles(k) {
   var item = menu.item;
@@ -123,12 +123,12 @@ export var makeTitleStyles = cache(function makeTitleStyles(k) {
 });
 export var makeItemStyles = cache(function makeItemStyles(k) {
   var item = menu.item;
-  return /*#__PURE__*/css(".", k, "-menu-title{cursor:pointer;height:", item.height, ";&:hover{color:", item.hoverColor, ";}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;span{overflow:hidden;text-overflow:ellipsis;min-width:0;}.", k, "-icon{color:inherit;}}.", k, "-menu-arrow{transition:transform ", menu.transition, ";margin:0 0 0 ", menu.icon.gap, ";}&.", k, "-expanded{>.", k, "-menu-title{color:", item.hoverColor, ";.", k, "-menu-arrow{transform:rotateX(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-title{color:", item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-title{color:", item.hoverColor, "!important;background:", item.activeBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-title{color:", item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", item.dotFontSize, ";transform:scale(.4);}");
+  return /*#__PURE__*/css(".", k, "-menu-item-title{transition:all ", menu.transition, ";cursor:pointer;height:", item.height, ";&:hover{padding:", item.padding, ";border-radius:", menu.borderRadius, ";background:#2a2a30;}&>.", k, "-menu-item-arrow:before{font-size:small;}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;span{overflow:hidden;text-overflow:ellipsis;min-width:0;}.", k, "-icon{color:inherit;}}.", k, "-menu-item-arrow{color:", item.color, ";margin:0 0 0 ", menu.icon.gap, ";transition:transform ", menu.transition, ";}&.", k, "-expanded{>.", k, "-menu-item-title{color:", item.hoverColor, ";.", k, "-menu-item-arrow{transform:rotate(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-item-title{border-radius:", menu.borderRadius, ";color:", item.activeBgColor, "!important;background:", item.hoverBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", item.dotFontSize, ";transform:scale(.4);}");
 });
 export var makeNestedMenuStyles = cache(function makeNestedMenuStyles(k, hasIcon, parentPaddingLeft) {
   if (parentPaddingLeft === void 0) {
     parentPaddingLeft = getLeft(menu.item.padding);
   }
-  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width : '') + " + " + menu.icon.gap;
-  return [/*#__PURE__*/css("&.", k, "-menu{width:auto;background:", menu.subBgColor, ";.", k, "-menu-title{padding-left:calc(", paddingLeft, ");}}"), paddingLeft];
+  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width + ' + ' + menu.icon.gap : '');
+  return [/*#__PURE__*/css("&.", k, "-menu{position:relative;width:auto;background:", menu.bgColor, ";border:none;.", k, "-menu-body{padding:0;.", k, "-menu-item-title{padding-left:calc(", paddingLeft, ");}.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.item.subTitleColor, ";}}}"), paddingLeft];
 });

package/components/menu/title.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'intact-react';
+import { Menu } from './menu';
+export declare class MenuTitle extends Component {
+    static template: string | import('intact-react').Template<any>;
+    rootMenu: Menu<import('intact-react').Key>;
+    private config;
+}

package/components/menu/title.js

@@ -0,0 +1,22 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component, inject } from 'intact-react';
+import { ROOT_MENU } from './menu';
+import template from './title.vdt';
+import { useConfigContext } from '../config';
+export var MenuTitle = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(MenuTitle, _Component);
+  function MenuTitle() {
+    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.rootMenu = inject(ROOT_MENU);
+    _this.config = useConfigContext();
+    return _this;
+  }
+  return MenuTitle;
+}(Component);
+MenuTitle.template = template;

package/components/menu/title.vdt.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-react';
+import { Icon } from '../icon';
+import { getRestProps, findChildren, isComponentVNode } from '../utils';
+import { makeTitleStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj, _$cn2;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var rootMenu = this.rootMenu;
+  var _rootMenu$get = rootMenu.get(),
+    collapse = _rootMenu$get.collapse;
+  var _this$get = this.get(),
+    children = _this$get.children,
+    className = _this$get.className;
+  var k = this.config.k;
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-menu-title"] = true, _classNameObj[className] = className, _classNameObj);
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this)), _$ce(2, 'div', !collapse ? _$ce(2, 'span', children, 0) : findChildren(children, function (vNode) {
+    return isComponentVNode(vNode, Icon);
+  }), 0, _$cn((_$cn2 = {}, _$cn2[k + "-menu-name"] = true, _$cn2[makeTitleStyles(k)] = true, _$cn2))));
+}
+;

package/components/radio/styles.js

@@ -9,7 +9,7 @@ var defaults = {
     return theme.transition.small;
   },
   get borderColor() {
-    return theme.color.darkBorder;
+    return theme.color.border;
   },
   get hoverBorderColor() {
     return theme.color.primary;

package/components/select/index.spec.js

@@ -409,7 +409,7 @@ describe('Select', function () {
           _context12.next = 12;
           return wait();
         case 12:
-          expect(instance.get('days')).have.length(7);
+          expect(instance.get('days')).have.length(6);
           // unselect all
           select.click();
           _context12.next = 16;

package/components/select/option.vdt.js

@@ -33,6 +33,7 @@ export default function ($props, $blocks, $__proto__) {
           'value': value.value,
           'ev-$change:value': value.set,
           'trueValue': _this.get('value'),
+          'disabled': disabled,
           'children': _children2
         });
       }

package/components/select/select.d.ts

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

package/components/select/select.js

@@ -58,7 +58,10 @@ export var Select = /*#__PURE__*/function (_BaseSelect) {
     var loop = function loop(children) {
       eachChildren(children, function (vNode) {
         if (isComponentVNode(vNode, Option)) {
-          values.push(vNode.props.value);
+          var props = vNode.props;
+          if (!props.disabled) {
+            values.push(props.value);
+          }
         } else if (isComponentVNode(vNode, OptionGroup)) {
           loop(vNode.props.children);
         }

package/components/steps/context.d.ts

@@ -1,5 +1,5 @@
 export declare const context: {
-    Provider: import("vdt").ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("vdt").ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
-    useContext: () => import("vdt").RefObject<any>;
+    Provider: import("misstime").ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import("misstime").RefObject<any>;
 };

package/components/table/column.vdt.js

@@ -16,6 +16,7 @@ import { context as FixedColumnsContext } from './useFixedColumns';
 import { stopPropagation } from '../utils';
 import { Input } from '../input';
 import { _$ } from '../../i18n';
+import { ignoreSortable } from './useSortable';
 export default function ($props, $blocks, $__proto__) {
   var _this = this;
   $blocks || ($blocks = {});
@@ -73,7 +74,8 @@ export default function ($props, $blocks, $__proto__) {
                         'ev-mousedown': function evMousedown(e) {
                           e._vNode = _this.$vNode;
                           onStart(e);
-                        }
+                        },
+                        'ev-click': ignoreSortable
                       }) : undefined, _$ce(2, 'div', [_$ce(2, 'div', (_$blocks['title'] = function ($super) {
                         return title;
                       }, __$blocks['title'] = function ($super, data) {
@@ -96,9 +98,7 @@ export default function ($props, $blocks, $__proto__) {
                         'ref': dropdownRef,
                         'children': [_$cc(Icon, {
                           'className': _$cn(k + "-icon-down-squared " + k + "-table-group"),
-                          'ev-click': function evClick(e) {
-                            return e._ignoreSortable = true;
-                          },
+                          'ev-click': ignoreSortable,
                           'hoverable': true,
                           'color': isEmptyValue(groupValue) ? null : 'primary'
                         }), _$cc(DropdownMenu, {
@@ -161,10 +161,10 @@ export default function ($props, $blocks, $__proto__) {
                           })], 4, _$cn(k + "-table-group-footer")) : undefined]
                         })]
                       }, 'dropdown', dropdownRef) : undefined, sortable ? _$ce(2, 'div', [_$cc(Icon, {
-                        'className': _$cn(k + "-icon-up " + k + "-asc"),
+                        'className': _$cn(k + "-icon-up-bold " + k + "-asc"),
                         'size': 'mini'
                       }), _$cc(Icon, {
-                        'className': _$cn(k + "-icon-down " + k + "-desc"),
+                        'className': _$cn(k + "-icon-down-bold " + k + "-desc"),
                         'size': 'mini'
                       })], 4, _$cn((_$cn4 = {}, _$cn4[k + "-column-sort"] = true, _$cn4[k + "-" + type] = type, _$cn4))) : undefined], 0, _$cn(k + "-table-title"))], 0, _$cn(classNameObj), {
                         'style': style,

package/components/table/useSortable.d.ts

@@ -1,10 +1,14 @@
+type SortEvent = Event & {
+    _ignoreSortable?: boolean;
+};
 export declare const context: {
     Provider: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
     Consumer: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
     useContext: () => import('intact-react').RefObject<any>;
 };
 export declare function useSortable(): {
-    onChange: (key: string, event: Event & {
-        _ignoreSortable?: boolean;
-    }) => void;
+    onChange: (key: string, event: SortEvent) => void;
+    ignoreSortable: typeof ignoreSortable;
 };
+export declare function ignoreSortable(e: SortEvent): void;
+export {};

package/components/table/useSortable.js

@@ -26,6 +26,10 @@ export function useSortable() {
     instance.set('sort', sort);
   }
   return {
-    onChange: onChange
+    onChange: onChange,
+    ignoreSortable: ignoreSortable
   };
+}
+export function ignoreSortable(e) {
+  e._ignoreSortable = true;
 }

package/components/timepicker/panelPicker.d.ts

@@ -0,0 +1,54 @@
+import { TypeDefs } from 'intact-react';
+import { BasePicker } from '../datepicker/basepicker';
+import dayjs from '../datepicker/dayjs';
+import { State } from '../../hooks/useState';
+import { PanelTypes } from '../datepicker/usePanel';
+import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
+export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
+    static template: string | import('intact-react').Template<any>;
+    static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
+    formats: {
+        getValueFormat: () => string;
+        getShowFormat: () => string;
+        createDateByValueFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
+        createDateByShowFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
+        getShowString: (value: dayjs.Dayjs) => string;
+        getValueString: (value: dayjs.Dayjs) => string;
+    };
+    disabled: {
+        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
+        isDisabledConfirm: () => boolean;
+        maxDate: State<dayjs.Dayjs | null>;
+        minDate: State<dayjs.Dayjs | null>;
+        isDisabledTime: (value: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+        isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+    };
+    panel: {
+        startPanel: State<PanelTypes>;
+        endPanel: State<PanelTypes>;
+        changePanel: (type: PanelTypes, flag?: import("../datepicker/usePanel").PanelFlags) => void;
+        getPanel: (flag: import("../datepicker/usePanel").PanelFlags) => State<PanelTypes>;
+        reset: () => void;
+        startRef: import('intact-react').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+        endRef: import('intact-react').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+    };
+    value: {
+        format: () => string | string[];
+        onConfirm: () => void;
+        getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
+        convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
+        value: State<import("../datepicker/basepicker").StateValue>;
+        setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
+        getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
+        onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
+        onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
+    };
+    step: {
+        options: State<{
+            value: string;
+            label: string;
+        }[] | null>;
+    };
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import('intact-react').Children[];
+    protected getLabel(): string | string[];
+}

package/components/treeSelect/index.d.ts

@@ -0,0 +1,28 @@
+import { TypeDefs, Children, Key } from 'intact-react';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
+import { TreeProps } from '../tree';
+import type { DataItem } from '../tree/useNodes';
+export interface TreeSelectProps<K extends Key = Key, Multipe extends boolean = boolean, Checkbox extends boolean = boolean> extends BaseSelectProps<K, Multipe, Checkbox extends true ? K[] : K | null> {
+    data?: TreeProps<K>['data'];
+    uncorrelated?: boolean;
+    load?: TreeProps<K>['load'];
+    showLine?: boolean;
+    defaultExpandAll?: boolean;
+    checkbox?: Checkbox;
+    filter?: (keywords: string, data: DataItem<K>) => boolean;
+}
+export interface TreeSelectEvents extends BaseSelectEvents {
+}
+export interface TreeSelectBlocks<K> extends BaseSelectBlocks<K> {
+}
+export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean = false, Multipe extends boolean = Checkbox extends true ? true : false> extends BaseSelect<TreeSelectProps<K, Multipe, Checkbox>, TreeSelectEvents, TreeSelectBlocks<K>> {
+    static template: string | import('intact-react').Template<any>;
+    static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
+    static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
+    private value;
+    init(): void;
+    expandAll(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private filter;
+}

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.5
+ * @king-design v3.2.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,7 +60,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.5";
+export declare const version = "3.2.0";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.5
+ * @king-design v3.2.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -61,7 +61,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.5';
+export var version = '3.2.0';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.1.5",
+  "version": "3.2.0",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",
@@ -36,7 +36,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact-react": "3.0.28",
+    "intact-react": "3.0.30",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/styles/theme.js

@@ -32,7 +32,7 @@ export function defaultTheme() {
       info: '#0091ea',
       bg: '#f3f5f6',
       title: '#151b1e',
-      darkBorder: '#d0d5d9',
+      darkBorder: '#2f2f36',
       placeholder: '#bec3c5',
       get link() {
         return theme.color.primary;
@@ -41,7 +41,6 @@ export function defaultTheme() {
         return palette(theme.color.primary, -1);
       },
       hoverBg: '#f3f5f6',
-      // get hoverBg() { return palette(theme.color.primary, -4) }, 
       disabled: '#bec3c5',
       disabledBg: '#f0f2f4',
       disabledBorder: '#d0d5d9',