@king-design/intact 3.1.3 → 3.1.4-beta.0

package/components/button/demos/disabled.md

@@ -6,12 +6,12 @@ order: 5
 添加`disabled`属性，可以禁用按钮
 
 ```vdt
-import {Button} from 'kpc';
+import {Button, Icon} from 'kpc';
 
 <div>
     <Button disabled>disabled</Button>
     <Button disabled type="none">disabled text</Button>
-    <Button disabled icon circle><i class="k-icon k-icon-search"></i></Button>
+    <Button disabled icon circle><Icon class="k-icon-search" /></Button>
     <Button disabled type="link">link</Button>
     <Button disabled type="flat">flat</Button>
 </div>

package/components/button/demos/ghost.md

@@ -6,11 +6,11 @@ order: 6
 给组件添加`ghost`属性，可以展示透明背景的按钮，常用于深色背景下
 
 ```vdt
-import {Button} from 'kpc';
+import {Button, Icon} from 'kpc';
 
 <div class="wrapper">
-    <Button ghost>default</Button>
-    <Button type="primary" ghost>primay</Button>
+    <Button ghost><Icon class="k-icon-left" />default</Button>
+    <Button type="primary" ghost>primay<Icon class="k-icon-right" /></Button>
     <Button type="warning" ghost>warning</Button>
     <Button type="danger" ghost>danger</Button>
     <Button type="success" ghost>success</Button>

package/components/button/demos/group.md

@@ -7,7 +7,7 @@ order: 1
 可以是按钮组纵向排列。给`ButtonGroup`添加`checkType`属性，可以使按钮组拥有单选或复选能力。
 
 ```vdt
-import {Button, ButtonGroup} from 'kpc';
+import {Button, ButtonGroup, Icon} from 'kpc';
 
 <div>
     <ButtonGroup>
@@ -27,10 +27,10 @@ import {Button, ButtonGroup} from 'kpc';
     </ButtonGroup>
     <ButtonGroup>
         <Button type="primary">
-            <i class="k-icon k-icon-left"></i>上一页
+            <Icon class="k-icon-left" />上一页
         </Button>
         <Button type="primary">
-            下一页<i class="k-icon k-icon-right"></i>
+            下一页<Icon class="k-icon-right" />
         </Button>
     </ButtonGroup>
     <br /><br />

package/components/button/index.vdt

@@ -41,8 +41,8 @@ if (!icon && Array.isArray(children)) {
 
 const classNameObj = {
     [cls('btn')]: true,
-    [cls(type)]: type !== 'default',
     [cls(size)]: size !== 'default',
+    [cls(type)]: true,
     [cls(`btn-icon`)]: icon,
     [className]: className, 
     [cls('circle')]: circle,

package/components/button/styles.ts

@@ -182,6 +182,19 @@ export const makeButtonStyles = cache(function makeButtonStyles(k: string, iconS
             .${k}-icon {
                 color: inherit;
             }
+            &.${k}-default,
+            &.${k}-none,
+            &.${k}-flat {
+                .${k}-icon {
+                    color: ${theme.color.lightBlack}; 
+                }
+                &:hover {
+                    .${k}-icon {
+                        color: inherit;
+                    }
+                }
+            }
+
             &:hover,
             &:focus {
                 border-color: ${button.hoverBorderColor};
@@ -262,6 +275,9 @@ export const makeButtonStyles = cache(function makeButtonStyles(k: string, iconS
 
             // disabled
             &.${k}-disabled {
+                .${k}-icon {
+                    color: inherit;
+                }
                 &, &:hover {
                     color: ${button.disabled.color};
                     background: ${button.disabled.bgColor};
@@ -347,6 +363,9 @@ export const makeButtonStyles = cache(function makeButtonStyles(k: string, iconS
                 background: transparent;
                 color: ${button.ghost.color};
                 border-color: ${button.ghost.borderColor};
+                .${k}-icon {
+                    color: inherit;
+                }
                 &:hover,
                 &:active {
                     background: transparent;

package/components/config/demos/basic.md

@@ -7,13 +7,29 @@ order: 0
 
 > 本例中，我们将前缀设为`kd`，可以打开调试工具查看
 
+> 对于`Message`组件，由于它是静态方法调用，我们可以通过`Message.classNamePrefix`设置样式名前缀
+
 ```vdt
 import {ConfigProvider, Button, Input} from 'kpc';
 
 <ConfigProvider value={{classNamePrefix: 'kd'}}>
-    <Button>Button</Button>
+    <Button ev-click={this.showMessage}>Button</Button>
     <div style="margin-top: 8px;">
         <Input />
     </div>
 </ConfigProvider>
 ```
+
+```ts
+import {Message} from 'kpc';
+
+Message.classNamePrefix = 'kd';
+
+export default class extends Component {
+    static template = template;
+
+    showMessage() {
+        Message.info('Message with classNamePrefix');
+    }
+}
+```

package/components/editable/styles.ts

@@ -31,7 +31,7 @@ export const makeStyles = cache(function makeStyles(k: string) {
 
         // invalid
         &.${k}-invalid {
-            .${k}-input-inner {
+            .${k}-input-wrapper {
                 border: ${editable.invalid.border} !important;
             }
         }

package/components/message/message.ts

@@ -43,24 +43,28 @@ export class Message extends Component<MessageProps> {
     static template = template;
     static typeDefs = typeDefs;
     static defaults = defaults;
+    static classNamePrefix: string;
 
     static notice(
         content: Children | Partial<MessageProps>,
         duration: number = 3000,
         type: MessageProps['type'] ='info'
     ) {
-        if (!messages) {
-            const container = document.createElement('div');
-            document.body.append(container);
-            render(h(Messages, {ref: i => messages = i}), container); 
-        }
-
         if (isObject(content) && !(content as any).tag) {
             content = {...content, type, key: id++} as Partial<Props<MessageProps>>;
         } else {
             content = {content, duration, type, key: id++} as Partial<Props<MessageProps>>;
         }
 
+        if (!messages) {
+            const container = document.createElement('div');
+            document.body.append(container);
+            render(h(Messages, {
+                ref: (i: Messages | null) => messages = i,
+                classNamePrefix: Message.classNamePrefix,
+            } as any), container); 
+        }
+
         messages!.notice(h(Message, content));
     }
     static info(content: Children | Partial<MessageProps>, duration?: number) {

package/components/message/message.vdt

@@ -3,7 +3,7 @@ import {Icon} from '../icon';
 import {getRestProps} from '../utils';
 import {makeMessageStyles} from './styles';
 
-const {type, content, children, closable, hideIcon} = this.get();
+const {type, content, children, closable, hideIcon, classNamePrefix} = this.get();
 const { k } = this.config;
 
 const classNameObj = {

package/components/message/messages.ts

@@ -1,10 +1,19 @@
-import {Component, VNodeComponentClass} from 'intact';
+import {Component, VNodeComponentClass, TypeDefs} from 'intact';
 import template from './messages.vdt';
 import type {Message} from './message';
 import { useConfigContext } from '../config';
 
+export interface MessagesProps {
+    classNamePrefix?: string
+}
+
+const typeDefs: Required<TypeDefs<MessagesProps>> = {
+    classNamePrefix: String,
+};
+
 export class Messages extends Component {
     static template = template;
+    static typeDefs = typeDefs;
 
     private messages: VNodeComponentClass<Message>[] = [];
     private config = useConfigContext();

package/components/message/messages.vdt

@@ -1,12 +1,15 @@
 import {TransitionGroup, Transition} from 'intact';
 import {makeMessagesStyles} from './styles';
+import { ConfigProvider } from '../config';
 
-const { k } = this.config;
+const k =  this.get('classNamePrefix') || this.config.k;
 
-<div class={{[`${k}-messages`]: true, [makeMessagesStyles(k)]: true}}>
-    <TransitionGroup>
-        <template v-for={this.messages} key={$value.key}>
-            {$value}
-        </template>
-    </TransitionGroup>
-</div>
+<ConfigProvider value={{classNamePrefix: k}}>
+    <div class={{[`${k}-messages`]: true, [makeMessagesStyles(k)]: true}}>
+        <TransitionGroup>
+            <template v-for={this.messages} key={$value.key}>
+                {$value}
+            </template>
+        </TransitionGroup>
+    </div>
+</ConfigProvider>

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

@@ -60,7 +60,7 @@ export default function ($props, $blocks, $__proto__) {
     });
   }
 
-  var classNameObj = (_classNameObj = {}, _classNameObj[cls('btn')] = true, _classNameObj[cls(type)] = type !== 'default', _classNameObj[cls(size)] = size !== 'default', _classNameObj[cls("btn-icon")] = icon, _classNameObj[className] = className, _classNameObj[cls('circle')] = circle, _classNameObj[cls('loading')] = loading, _classNameObj[cls('fluid')] = fluid, _classNameObj[cls('active')] = checked, _classNameObj[cls('disabled')] = disabled || loading, _classNameObj[cls('ghost')] = ghost, _classNameObj[makeButtonStyles(k, iconSide)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[cls('btn')] = true, _classNameObj[cls(size)] = size !== 'default', _classNameObj[cls(type)] = true, _classNameObj[cls("btn-icon")] = icon, _classNameObj[className] = className, _classNameObj[cls('circle')] = circle, _classNameObj[cls('loading')] = loading, _classNameObj[cls('fluid')] = fluid, _classNameObj[cls('active')] = checked, _classNameObj[cls('disabled')] = disabled || loading, _classNameObj[cls('ghost')] = ghost, _classNameObj[makeButtonStyles(k, iconSide)] = true, _classNameObj);
 
   var loadingIcon = _$cc(Icon, {
     'className': _$cn("ion-load-c " + k + "-icon-loading"),

package/es/components/button/styles.js

@@ -242,16 +242,16 @@ export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide) {
   return cx(
   /*#__PURE__*/
   // extract static styles to individual css method for performance
-  css("display:inline-flex;align-items:center;justify-content:center;cursor:pointer;height:", button.height, ";padding:", button.padding, ";outline:none;vertical-align:middle;color:", button.color, ";background:", button.bgColor, ";border-radius:", button.borderRadius, ";border:1px solid ", button.borderColor, ";font-size:", button.fontSize, ";white-space:nowrap;transition:all ", button.transition, ";line-height:", button.lineHeight, ";.", k, "-icon{color:inherit;}&:hover,&:focus{border-color:", button.hoverBorderColor, ";color:", button.hoverColor, ";}&:active{background:", palette(theme.color.primary, -4), ";}.", k, "-button-input{position:absolute;opacity:0;width:0;height:0;}", _mapInstanceProperty(types).call(types, function (type) {
+  css("display:inline-flex;align-items:center;justify-content:center;cursor:pointer;height:", button.height, ";padding:", button.padding, ";outline:none;vertical-align:middle;color:", button.color, ";background:", button.bgColor, ";border-radius:", button.borderRadius, ";border:1px solid ", button.borderColor, ";font-size:", button.fontSize, ";white-space:nowrap;transition:all ", button.transition, ";line-height:", button.lineHeight, ";.", k, "-icon{color:inherit;}&.", k, "-default,&.", k, "-none,&.", k, "-flat{.", k, "-icon{color:", theme.color.lightBlack, ";}&:hover{.", k, "-icon{color:inherit;}}}&:hover,&:focus{border-color:", button.hoverBorderColor, ";color:", button.hoverColor, ";}&:active{background:", palette(theme.color.primary, -4), ";}.", k, "-button-input{position:absolute;opacity:0;width:0;height:0;}", _mapInstanceProperty(types).call(types, function (type) {
     var typeStyles = button[type];
     return /*#__PURE__*/css("&.", k, "-", type, "{background:", typeStyles.bgColor, ";color:", typeStyles.color, ";border-color:", typeStyles.borderColor, ";&:hover,&:focus{background:", palette(typeStyles.bgColor, -1), ";border-color:", typeStyles.hoverBorderColor, ";color:", typeStyles.color, ";}&:active{background:", palette(typeStyles.bgColor, 1), ";border-color:", palette(typeStyles.borderColor, 1), ";}}");
-  }), "&.", k, "-secondary{color:", secondary.color, ";border-color:", secondary.borderColor, ";&:hover,&:focus{background:", secondary.hoverBgColor, ";}&:active{background:", secondary.activeBgColor, ";}}&.", k, "-link{color:", link.color, ";&:hover{color:", link.hoverColor, ";background:", link.hoverBgColor, ";}}&.", k, "-none,&.", k, "-link,&.", k, "-flat{background:transparent;&,&:hover{border:none;}&.", k, "-active{color:", theme.color.primary, ";}}&.", k, "-none:hover{background:", button.none.hoverBgColor, ";}&.", k, "-flat{background:", button.none.hoverBgColor, ";}&.", k, "-disabled{&,&:hover{color:", button.disabled.color, ";background:", button.disabled.bgColor, ";border-color:", button.disabled.borderColor, ";cursor:not-allowed;}}&.", k, "-none.", k, "-disabled,&.", k, "-link.", k, "-disabled{&,&:hover{background:transparent;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  }), "&.", k, "-secondary{color:", secondary.color, ";border-color:", secondary.borderColor, ";&:hover,&:focus{background:", secondary.hoverBgColor, ";}&:active{background:", secondary.activeBgColor, ";}}&.", k, "-link{color:", link.color, ";&:hover{color:", link.hoverColor, ";background:", link.hoverBgColor, ";}}&.", k, "-none,&.", k, "-link,&.", k, "-flat{background:transparent;&,&:hover{border:none;}&.", k, "-active{color:", theme.color.primary, ";}}&.", k, "-none:hover{background:", button.none.hoverBgColor, ";}&.", k, "-flat{background:", button.none.hoverBgColor, ";}&.", k, "-disabled{.", k, "-icon{color:inherit;}&,&:hover{color:", button.disabled.color, ";background:", button.disabled.bgColor, ";border-color:", button.disabled.borderColor, ";cursor:not-allowed;}}&.", k, "-none.", k, "-disabled,&.", k, "-link.", k, "-disabled{&,&:hover{background:transparent;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = button[size];
     return /*#__PURE__*/css("&.", k, "-", size, "{font-size:", styles.fontSize, ";height:", styles.height, ";padding:", styles.padding, ";&.", k, "-btn-icon{width:", styles.height, ";}}");
   }), "&.", k, "-btn-icon{width:", button.height, ";padding:0;.", k, "-icon{margin:0;}}&.", k, "-fluid{width:100%;padding:0;}&.", k, "-circle{border-radius:calc(", button.large.height, " / 2);}&.", k, "-loading{", _mapInstanceProperty(types).call(types, function (type) {
     var styles = button[type];
     return /*#__PURE__*/css("&.", k, "-", type, "{&,&:hover{background:", palette(styles.bgColor, -2), ";color:", palette(styles.color, -2), ";border-color:", palette(styles.borderColor, -2), ";}}");
-  }), ";&,&:hover{background:", palette(button.bgColor, -2), ";color:", palette(button.color, -2), ";border-color:", palette(button.borderColor, -2), ";}.", k, "-icon:not(.", k, "-icon-loading){display:none;}}&:not(button){display:inline-flex;align-items:center;justify-content:center;}&.", k, "-ghost{background:transparent;color:", button.ghost.color, ";border-color:", button.ghost.borderColor, ";&:hover,&:active{background:transparent;}&:hover{color:", button.ghost.hoverColor, ";border-color:", button.ghost.hoverBorderColor, ";}&:active{color:", theme.color.primary, ";border-color:", theme.color.primary, ";}", _mapInstanceProperty(types).call(types, function (type) {
+  }), ";&,&:hover{background:", palette(button.bgColor, -2), ";color:", palette(button.color, -2), ";border-color:", palette(button.borderColor, -2), ";}.", k, "-icon:not(.", k, "-icon-loading){display:none;}}&:not(button){display:inline-flex;align-items:center;justify-content:center;}&.", k, "-ghost{background:transparent;color:", button.ghost.color, ";border-color:", button.ghost.borderColor, ";.", k, "-icon{color:inherit;}&:hover,&:active{background:transparent;}&:hover{color:", button.ghost.hoverColor, ";border-color:", button.ghost.hoverBorderColor, ";}&:active{color:", theme.color.primary, ";border-color:", theme.color.primary, ";}", _mapInstanceProperty(types).call(types, function (type) {
     var _button$type = button[type],
         ghostColor = _button$type.ghostColor,
         borderColor = _button$type.borderColor;

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

@@ -10,7 +10,7 @@ export * from './shapes/rectangle';
 export * from './shapes/square';
 export * from './shapes/text';
 export * from './shapes/line';
-declare const DDiamond: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
+declare const DDiamond: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
 export { DDiamond, DTriangle, DCylinder, DCloud };
 export * from './layouts/layout';
 export * from './layouts/circle';

package/es/components/editable/styles.js

@@ -22,5 +22,5 @@ setDefault(function () {
 });
 export { editable };
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-inner{border:", editable.invalid.border, "!important;}}");
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-wrapper{border:", editable.invalid.border, "!important;}}");
 });

package/es/components/message/message.d.ts

@@ -10,6 +10,7 @@ export declare class Message extends Component<MessageProps> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<MessageProps>>;
     static defaults: () => Partial<MessageProps>;
+    static classNamePrefix: string;
     static notice(content: Children | Partial<MessageProps>, duration?: number, type?: MessageProps['type']): void;
     static info(content: Children | Partial<MessageProps>, duration?: number): void;
     static error(content: Children | Partial<MessageProps>, duration?: number): void;

package/es/components/message/message.js

@@ -54,16 +54,6 @@ export var Message = /*#__PURE__*/function (_Component) {
       type = 'info';
     }
 
-    if (!messages) {
-      var container = document.createElement('div');
-      document.body.append(container);
-      render(h(Messages, {
-        ref: function ref(i) {
-          return messages = i;
-        }
-      }), container);
-    }
-
     if (isObject(content) && !content.tag) {
       content = _extends({}, content, {
         type: type,
@@ -78,6 +68,17 @@ export var Message = /*#__PURE__*/function (_Component) {
       };
     }
 
+    if (!messages) {
+      var container = document.createElement('div');
+      document.body.append(container);
+      render(h(Messages, {
+        ref: function ref(i) {
+          return messages = i;
+        },
+        classNamePrefix: Message.classNamePrefix
+      }), container);
+    }
+
     messages.notice(h(Message, content));
   };
 
@@ -108,5 +109,6 @@ export var Message = /*#__PURE__*/function (_Component) {
 Message.template = template;
 Message.typeDefs = typeDefs;
 Message.defaults = defaults;
+Message.classNamePrefix = void 0;
 
 __decorate([bind], Message.prototype, "close", null);

package/es/components/message/message.vdt.js

@@ -16,7 +16,8 @@ export default function ($props, $blocks, $__proto__) {
       content = _this$get.content,
       children = _this$get.children,
       closable = _this$get.closable,
-      hideIcon = _this$get.hideIcon;
+      hideIcon = _this$get.hideIcon,
+      classNamePrefix = _this$get.classNamePrefix;
 
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-message"] = true, _classNameObj[k + "-" + type] = type, _classNameObj[makeMessageStyles(k)] = true, _classNameObj);

package/es/components/message/messages.d.ts

@@ -1,7 +1,11 @@
-import { Component, VNodeComponentClass } from 'intact';
+import { Component, VNodeComponentClass, TypeDefs } from 'intact';
 import type { Message } from './message';
+export interface MessagesProps {
+    classNamePrefix?: string;
+}
 export declare class Messages extends Component {
     static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<MessagesProps>>;
     private messages;
     private config;
     notice(message: VNodeComponentClass<Message>): void;

package/es/components/message/messages.js

@@ -5,6 +5,9 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { Component } from 'intact';
 import template from './messages.vdt';
 import { useConfigContext } from '../config';
+var typeDefs = {
+  classNamePrefix: String
+};
 export var Messages = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Messages, _Component);
 
@@ -48,4 +51,5 @@ export var Messages = /*#__PURE__*/function (_Component) {
 
   return Messages;
 }(Component);
-Messages.template = template;
+Messages.template = template;
+Messages.typeDefs = typeDefs;

package/es/components/message/messages.vdt.js

@@ -1,17 +1,23 @@
-import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, map as _$ma, className as _$cn } from 'intact';
+import { createUnknownComponentVNode as _$cc, createElementVNode as _$ce, map as _$ma, className as _$cn } from 'intact';
 import { TransitionGroup, Transition } from 'intact';
 import { makeMessagesStyles } from './styles';
+import { ConfigProvider } from '../config';
 export default function ($props, $blocks, $__proto__) {
   var _$cn2;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-  var k = this.config.k;
-  return _$ce(2, 'div', _$cc(TransitionGroup, {
-    'children': _$ma(this.messages, function ($value, $key) {
-      return $value;
-    }, $this)
-  }), 2, _$cn((_$cn2 = {}, _$cn2[k + "-messages"] = true, _$cn2[makeMessagesStyles(k)] = true, _$cn2)));
+  var k = this.get('classNamePrefix') || this.config.k;
+  return _$cc(ConfigProvider, {
+    'value': {
+      classNamePrefix: k
+    },
+    'children': _$ce(2, 'div', _$cc(TransitionGroup, {
+      'children': _$ma(this.messages, function ($value, $key) {
+        return $value;
+      }, $this)
+    }), 2, _$cn((_$cn2 = {}, _$cn2[k + "-messages"] = true, _$cn2[makeMessagesStyles(k)] = true, _$cn2)))
+  });
 }
 ;

package/es/components/steps/context.d.ts

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

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.3
+ * @king-design v3.1.4-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,4 +60,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.3";
+export declare const version = "3.1.4-beta.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.3
+ * @king-design v3.1.4-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,5 +62,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.3';
+export var version = '3.1.4-beta.0';
 /* generate end */

package/es/site/data/components/button/demos/disabled/react.js

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Button } from '@king-design/react';
+import { Button, Icon } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -21,8 +21,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       disabled: true,
       icon: true,
       circle: true
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-search"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       disabled: true,
       type: "link"

package/es/site/data/components/button/demos/ghost/react.js

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Button } from '@king-design/react';
+import { Button, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -17,10 +17,14 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       className: "wrapper"
     }, /*#__PURE__*/React.createElement(Button, {
       ghost: true
-    }, "default"), /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-left"
+    }), "default"), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       ghost: true
-    }, "primay"), /*#__PURE__*/React.createElement(Button, {
+    }, "primay", /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-right"
+    })), /*#__PURE__*/React.createElement(Button, {
       type: "warning",
       ghost: true
     }, "warning"), /*#__PURE__*/React.createElement(Button, {

package/es/site/data/components/button/demos/group/react.js

@@ -1,7 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Button, ButtonGroup } from '@king-design/react';
+import { Button, ButtonGroup, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -45,12 +45,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "flat"
     }, "\u91CD\u542F")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
       type: "primary"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-left"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-left"
     }), "\u4E0A\u4E00\u9875"), /*#__PURE__*/React.createElement(Button, {
       type: "primary"
-    }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-right"
+    }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-right"
     }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u7EB5\u5411\u6309\u94AE\u7EC4"), /*#__PURE__*/React.createElement(ButtonGroup, {
       vertical: true
     }, /*#__PURE__*/React.createElement(Button, {

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

@@ -2,4 +2,5 @@ export { default as data } from './index.json';
 import { Component } from 'intact';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
+    showMessage(): void;
 }

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

@@ -2,6 +2,8 @@ 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 { Message } from 'kpc';
+Message.classNamePrefix = 'kd';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -10,6 +12,12 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return _Component.apply(this, arguments) || this;
   }
 
+  var _proto = default_1.prototype;
+
+  _proto.showMessage = function showMessage() {
+    Message.info('Message with classNamePrefix');
+  };
+
   return default_1;
 }(Component);
 

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

@@ -1,4 +1,5 @@
 import React from 'react';
 export default class Demo extends React.Component {
+    showMessage(): void;
     render(): JSX.Element;
 }

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

@@ -1,6 +1,8 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
 import { ConfigProvider, Button, Input } from '@king-design/react';
+import { Message } from '@king-design/react';
+Message.classNamePrefix = 'kd';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -11,12 +13,18 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
   var _proto = Demo.prototype;
 
+  _proto.showMessage = function showMessage() {
+    Message.info('Message with classNamePrefix');
+  };
+
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(ConfigProvider, {
       value: {
         classNamePrefix: 'kd'
       }
-    }, /*#__PURE__*/React.createElement(Button, null, "Button"), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showMessage
+    }, "Button"), /*#__PURE__*/React.createElement("div", {
       style: {
         "marginTop": "8px"
       }

package/es/site/data/components/menu/demos/collapse/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("vdt").Key>;
+    private __test;
+    setTheme(theme?: string): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/menu/demos/size/react.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+export default class Demo extends React.Component {
+    state: MenuProps<import("vdt").Key>;
+    render(): JSX.Element;
+}

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.3
+ * @king-design v3.1.4-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,6 +65,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '3.1.3';
+export const version = '3.1.4-beta.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.3",
+  "version": "3.1.4-beta.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -179,10 +179,10 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.3",
+    "@king-design/react": "^3.1.4-beta.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.19",
+    "intact": "^3.0.25",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

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

@@ -1,45 +0,0 @@
-import { TypeDefs } from 'intact';
-import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
-export interface CascaderProps<V = any, Multipe extends boolean = boolean, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelectProps<V[], Multipe> {
-    data?: Data[];
-    trigger?: 'click' | 'hover';
-    changeOnSelect?: boolean;
-    format?: (labels: string[]) => string;
-    loadData?: (data: Data) => any;
-    filter?: (keywords: string, data: Data) => boolean;
-    fields?: CascaderFields<Data>;
-}
-export declare type CascaderFields<Data> = {
-    value?: keyof Data;
-    label?: keyof Data;
-    children?: keyof Data;
-    disabled?: keyof Data;
-};
-export interface BaseCascaderData {
-    loaded?: boolean;
-    [key: string]: any;
-}
-export interface CascaderData<V> extends BaseCascaderData {
-    value: V;
-    label: string;
-    children?: CascaderData<V>[];
-    disabled?: boolean;
-}
-export interface CascaderEvents extends BaseSelectEvents {
-}
-export interface CascaderBlocks<V> extends BaseSelectBlocks<V> {
-}
-export declare class Cascader<V = any, Multipe extends boolean = false, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelect<CascaderProps<V, Multipe, Data>, CascaderEvents, CascaderBlocks<V>> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<CascaderProps<any, boolean, CascaderData<any>>>>;
-    static defaults: () => Partial<CascaderProps<any, boolean, CascaderData<any>>>;
-    private fields;
-    private value;
-    private label;
-    private load;
-    private filterable;
-    private positionObj;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
-    protected getLabel(): import("intact").Children;
-    protected hasValue(): any;
-}

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

@@ -1,63 +0,0 @@
-import { TypeDefs } from 'intact';
-import dayjs from './dayjs';
-import { State } from '../../hooks/useState';
-import { Shortcut } from './shortcuts';
-import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks, Value } from './basepicker';
-export * as shortcuts from './shortcuts';
-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[];
-}
-export interface DatepickerEvents extends BasePickerEvents {
-}
-export interface DatepickerBlocks<V extends Value = Value, R extends boolean = boolean> extends BasePickerBlocks<V, R> {
-}
-export declare class Datepicker<V extends Value = Value, M extends boolean = false, R extends boolean = false> extends BasePicker<DatepickerProps<V, M, R>, DatepickerEvents, DatepickerBlocks<V, R>> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<DatepickerProps<Value, boolean, boolean>>>;
-    static defaults: () => Partial<DatepickerProps<Value, boolean, boolean>>;
-    formats: {
-        getValueFormat: () => string;
-        getShowFormat: () => string;
-        createDateByValueFormat: (value: Value) => dayjs.Dayjs;
-        createDateByShowFormat: (value: string) => dayjs.Dayjs;
-        getShowString: (value: dayjs.Dayjs) => string;
-        getValueString: (value: dayjs.Dayjs) => string;
-    };
-    disabled: {
-        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
-        isDisabledTime: (value: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => boolean;
-        isDisabledConfirm: () => boolean;
-        maxDate: State<dayjs.Dayjs | null>;
-        minDate: State<dayjs.Dayjs | null>;
-    };
-    panel: {
-        startPanel: State<import("./usePanel").PanelTypes>;
-        endPanel: State<import("./usePanel").PanelTypes>;
-        changePanel: (type: import("./usePanel").PanelTypes, flag?: import("./usePanel").PanelFlags) => void;
-        getPanel: (flag: import("./usePanel").PanelFlags) => State<import("./usePanel").PanelTypes>;
-        reset: () => void;
-        startRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
-        endRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
-    };
-    focusDate: {
-        focusDate: State<dayjs.Dayjs | null>;
-        reset: () => void;
-    };
-    value: {
-        format: () => string | string[];
-        onConfirm: () => void;
-        onChangeTime: (date: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
-        getTimeValue: (flag: import("./usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
-        convertToDayjs: (v: Value | [Value, Value] | Value[] | [Value, Value][] | null | undefined) => import("./basepicker").DayjsValue;
-        getDayjsValue: () => import("./basepicker").DayjsValue;
-        value: State<import("./basepicker").StateValue>;
-        setValue: (v: import("./basepicker").StateValueItem, fromInput: boolean) => void;
-        onChangeDate: (v: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
-    };
-    init(): void;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
-    protected getLabel(): string | string[];
-    protected clear(e: MouseEvent): void;
-    private setByShortcut;
-}

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

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

package/es/components/timepicker/panelPicker.d.ts

@@ -1,54 +0,0 @@
-import { TypeDefs } from 'intact';
-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").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").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
-        endRef: import("intact").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").Children[];
-    protected getLabel(): string | string[];
-}

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

@@ -1,28 +0,0 @@
-import { TypeDefs, Children, Key } from 'intact';
-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").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;
-}