@king-design/intact 2.0.15 → 3.0.0-beta.0

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

@@ -10,13 +10,14 @@ import { _$ } from '../../i18n';
 import { Icon } from '../icon';
 import { UploadFileStatus } from './useUpload';
 var _$tmp0 = {
-  'className': 'ion-upload'
+  'className': 'k-icon-upload'
 };
 var _$tmp1 = {
-  'className': 'k-upload-picture-card k-upload-add ion-ios-plus-empty'
+  'className': 'k-icon-add-big'
 };
 var _$tmp2 = {
-  'className': 'k-upload-zoom ion-ios-eye-outline'
+  'className': 'k-icon-add-big',
+  'size': 'large'
 };
 var _$tmp3 = {
   'className': 'k-upload-file-icon ion-document'
@@ -28,7 +29,7 @@ var _$tmp5 = {
   'className': 'k-upload-status-icon ion-ios-close-outline'
 };
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj, _$cn3;
+  var _classNameObj, _$cn2;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
@@ -75,9 +76,10 @@ export default function ($props, $blocks, $__proto__) {
 
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['children'](_$no)) : type !== 'gallery' ? type === 'select' ? _$cc(Button, {
-      'type': 'primary',
-      'children': _$('点击上传')
-    }) : _$ce(2, 'div', [_$cc(Icon, _$tmp0), _$ce(2, 'div', _$('将文件拖到此处，或点击上传'), 0)], 4, 'k-upload-area') : _$cc(Icon, _$tmp1);
+      'children': [_$cc(Icon, _$tmp0), _$('点击上传')]
+    }) : _$ce(2, 'div', [_$cc(Icon, _$tmp1), _$ce(2, 'div', null, 1, null, {
+      'innerHTML': _$('将文件拖到此处，或<a>点击上传</a>')
+    })], 4, 'k-upload-area') : _$ce(2, 'div', [_$cc(Icon, _$tmp2), _$ce(2, 'div', _$('上传图片'), 0)], 4, 'k-upload-picture-card k-upload-add');
   }, __$blocks['content'] = function ($super, data) {
     var block = $blocks['content'];
 
@@ -90,13 +92,9 @@ export default function ($props, $blocks, $__proto__) {
 
   var removeFile = this.files.removeFile;
 
-  var closeBtn = function closeBtn(value, index, icon) {
-    var _$cn2;
-
+  var closeBtn = function closeBtn(value, index) {
     return _$cc(Icon, {
-      'className': _$cn((_$cn2 = {
-        "k-upload-close": true
-      }, _$cn2[icon] = true, _$cn2)),
+      'className': 'k-upload-close k-icon-delete',
       'ev-click': function evClick() {
         return removeFile(value, index);
       },
@@ -129,10 +127,13 @@ export default function ($props, $blocks, $__proto__) {
           'percent': $value.percent,
           'size': 'mini',
           'className': 'k-upload-progress'
-        }), 2, 'k-upload-overlap', null, 'overlap') : _$ce(2, 'div', _$cc(Icon, _$tmp2), 2, 'k-upload-overlap k-upload-icons', {
+        }), 2, 'k-upload-overlap', null, 'overlap') : _$ce(2, 'div', [_$cc(Icon, {
+          'className': 'k-upload-zoom ion-ios-eye-outline',
+          'size': 'large',
+          'hoverable': true,
           'ev-click': linkEvent($value, show)
-        })
-      }), closeBtn($value, $key, 'ion-ios-close')], 0, _$cn({
+        }), closeBtn($value, $key)], 0, 'k-upload-overlap k-upload-icons')
+      })], 4, _$cn({
         "k-upload-picture k-upload-picture-card": true,
         'k-error': $value.status === UploadFileStatus.Error
       }), null, $value.uid);
@@ -149,13 +150,13 @@ export default function ($props, $blocks, $__proto__) {
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['tip'](_$no)), 0, 'k-upload-tip') : undefined, type !== 'gallery' ? _$ce(2, 'div', _$cc(TransitionGroup, _extends({}, expandAnimationCallbacks, {
     'children': _$ma(files, function ($value, $key) {
-      return _$ce(2, 'div', [_$ce(2, 'div', [_$cc(Icon, _$tmp3), _$ce(2, 'span', $value.name, 0, 'k-upload-file-name'), closeBtn($value, $key, 'ion-ios-close-empty'), $value.status === UploadFileStatus.Done ? _$cc(Icon, _$tmp4) : $value.status === UploadFileStatus.Error ? _$cc(Icon, _$tmp5) : undefined], 0, 'k-upload-name c-ellipsis'), _$cc(Transition, _extends({}, expandAnimationCallbacks, {
+      return _$ce(2, 'div', [_$ce(2, 'div', [_$ce(2, 'div', [_$cc(Icon, _$tmp3), _$ce(2, 'span', $value.name, 0, 'k-upload-file-name'), $value.status === UploadFileStatus.Done ? _$cc(Icon, _$tmp4) : $value.status === UploadFileStatus.Error ? _$cc(Icon, _$tmp5) : undefined], 0, 'k-upload-name c-ellipsis'), _$cc(Transition, _extends({}, expandAnimationCallbacks, {
         'children': $value.status === UploadFileStatus.Ready || $value.status === UploadFileStatus.Uploading ? _$cc(Progress, {
           'percent': $value.percent,
           'size': 'mini',
           'className': 'k-upload-progress'
         }) : undefined
-      }))], 4, _$cn({
+      }))], 4, 'k-upload-file-main'), closeBtn($value, $key)], 0, _$cn({
         "k-upload-file": true,
         'k-error': $value.status === UploadFileStatus.Error
       }), null, $value.uid);
@@ -165,9 +166,9 @@ export default function ($props, $blocks, $__proto__) {
     'key': 'dialog',
     'value': isShow.value,
     'ev-close': close,
-    'className': _$cn((_$cn3 = {
+    'className': _$cn((_$cn2 = {
       "k-upload-dialog": true
-    }, _$cn3[makeUploadDialogStyles()] = true, _$cn3)),
+    }, _$cn2[makeUploadDialogStyles()] = true, _$cn2)),
     'children': image.value ? _$ce(2, 'a', _$ce(2, 'img', null, 1, null, {
       'src': image.value.url
     }), 2, null, {

package/es/components/upload/styles.js

@@ -10,15 +10,14 @@ var defaults = {
   },
 
   fontSize: '12px',
-  tip: {
-    gap: '16px',
 
-    get color() {
-      return theme.color.lightBlack;
-    }
+  get color() {
+    return theme.color.lightBlack;
+  },
 
+  tip: {
+    gap: '8px'
   },
-  closeFontSize: '24px',
   // files list
   filesGap: '16px',
   file: {
@@ -45,12 +44,16 @@ var defaults = {
         return theme.color.success;
       },
 
-      gap: '8px',
-
       get errorColor() {
         return theme.color.danger;
-      }
+      },
 
+      offsetRight: '2px'
+    },
+    delete: {
+      width: '20px',
+      top: '7px',
+      right: '2px'
     },
 
     get errorColor() {
@@ -60,10 +63,6 @@ var defaults = {
   },
   // drag
   drag: {
-    get color() {
-      return theme.color.lightBlack;
-    },
-
     get border() {
       return "1px dashed " + theme.color.border;
     },
@@ -76,14 +75,14 @@ var defaults = {
       return theme.color.primary;
     },
 
-    padding: "20px 0 40px 0",
-    icon: {
-      fontSize: '80px',
-
-      get color() {
-        return theme.color.placeholder;
-      }
+    get bgColor() {
+      return theme.color.bg;
+    },
 
+    padding: "42px 0",
+    icon: {
+      fontSize: '40px',
+      gap: '16px'
     },
 
     get overBorderColor() {
@@ -112,18 +111,11 @@ var defaults = {
       return theme.color.danger;
     },
 
-    close: {
-      top: '-8px',
-      right: '-8px',
-      fontSize: '18px'
-    },
     add: {
       get border() {
         return "1px dashed " + theme.color.border;
       },
 
-      fontSize: '44px',
-
       get hoverBorderColor() {
         return theme.color.primary;
       }
@@ -132,9 +124,9 @@ var defaults = {
   },
   // overlap
   overlap: {
-    bgColor: 'rgba(0, 0, 0, .35)',
+    bgColor: 'rgba(21, 27, 30, .5)',
     color: '#fff',
-    zoomFontSize: '24px'
+    iconGap: '16px'
   }
 };
 var upload;
@@ -144,7 +136,7 @@ setDefault(function () {
   }).upload;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.k-upload-handle,.k-upload-tip{display:inline-block;vertical-align:middle;}.k-upload-tip{margin-left:", upload.tip.gap, ";color:", upload.tip.color, ";}.k-upload-files{margin-top:", upload.filesGap, ";}.k-upload-file{margin:", upload.file.margin, ";padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";&:hover{background:", upload.file.bgColor, ";.k-upload-close{display:inline-flex;}}}.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-left:", upload.file.status.gap, ";}.k-upload-close{display:none;.k-icon{font-size:", upload.closeFontSize, ";}}.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{color:", upload.drag.color, ";display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.k-upload-area{padding:", upload.drag.padding, ";.k-icon{font-size:", upload.drag.icon.fontSize, ";color:", upload.drag.icon.color, ";line-height:1;}}&.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, ";}&:hover{.k-upload-close{opacity:1;pointer-events:all;}}.k-upload-img{display:inline-block;width:100%;height:100%;}.k-upload-close{position:absolute;top:", upload.gallery.close.top, ";right:", upload.gallery.close.right, ";display:inline-block;opacity:0;transition:opacity ", upload.transition, ";pointer-events:none;.k-icon{font-size:", upload.gallery.close.fontSize, ";}}.k-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}&:hover{.k-upload-icons{opacity:1;}}}.k-upload-picture-card{display:inline-block;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";text-align:center;cursor:pointer;margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";}.k-upload-add{border:", upload.gallery.add.border, ";font-size:", upload.gallery.add.fontSize, ";line-height:calc(", upload.gallery.height, " - 2px);&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.k-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;color:", upload.overlap.color, ";background:", upload.overlap.bgColor, ";.k-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}.k-upload-zoom{display:inline-block;position:relative;top:50%;transform:translateY(-50%);font-size:", upload.overlap.zoomFontSize, ";}");
+  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%);}}");
 }
 export function makeUploadDialogStyles() {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/es/i18n/en-US.d.ts

@@ -82,8 +82,9 @@ declare const i18n: {
     请输入或选择: string;
     无数据: string;
     点击上传: string;
-    '\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u4E0A\u4F20': string;
+    '\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216<a>\u70B9\u51FB\u4E0A\u4F20</a>': string;
     查看图片: string;
+    上传图片: string;
     '\u8D85\u51FA\u6587\u4EF6\u6570\u91CF\u6700\u5927\u9650\u5236\uFF1A{limit}': string;
     '"{name}" \u8D85\u51FA\u6587\u4EF6\u6700\u5927\u9650\u5236\uFF1A{maxSize}kb': string;
     '"{name}" \u6587\u4EF6\u7C7B\u578B\u4E0D\u5408\u6CD5': string;

package/es/i18n/en-US.js

@@ -92,8 +92,9 @@ var i18n = {
   '无数据': 'No data',
   // upload
   '点击上传': 'Click to Upload',
-  '将文件拖到此处，或点击上传': 'Drag file to this area or click to upload',
+  '将文件拖到此处，或<a>点击上传</a>': 'Drag file to this area or <a>click to upload</a>',
   '查看图片': 'View Image',
+  '上传图片': 'Upload Image',
   '超出文件数量最大限制：{limit}': 'Exceed the maximum limit of the number of files: {limit}',
   '"{name}" 超出文件最大限制：{maxSize}kb': '"{name}" exceeds the maximum size of file: {maxSize}kb',
   '"{name}" 文件类型不合法': '"{name}" invalid file type',

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.15
+ * @king-design v3.0.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,4 +57,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.15";
+export declare const version = "3.0.0-beta.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.15
+ * @king-design v3.0.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,5 +59,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.15';
+export var version = '3.0.0-beta.0';
 /* generate end */

package/es/site/data/components/icon/demos/disabled/index.d.ts

@@ -0,0 +1,6 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+}

package/es/site/data/components/icon/demos/disabled/index.js

@@ -0,0 +1,18 @@
+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;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/icon/demos/disabled/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,33 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Icon } from '@king-design/react';
+import './index.styl';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true
+    }), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true,
+      hoverable: true
+    }), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true,
+      color: "primary"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/icon/demos/icons/index.js

@@ -13,7 +13,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
 
   default_1.defaults = function defaults() {
     return {
-      fonts: ['alert', 'alarm', 'calendar', 'application', 'arrow-right', 'arrow-up', 'arrow-left', 'arrow-down', 'arrow-expand', 'arrow-left-circled', 'arrow-right-circled', 'close', 'bill', 'change', 'cloud-download', 'content-squared', 'cloud', 'arrow-move', 'code-download', 'cloud-server', 'arrow-shrink', 'clone', 'cloud-servers', 'cart', 'delete', 'fault-outline', 'calculate', 'arrow-swap', 'download', 'information', 'internet', 'edit', 'search', 'code-working', 'heart', 'content', 'cut', 'money-square', 'logout', 'cloud-upload', 'lock', 'corporate', 'truth-none', 'resize', 'protect', 'time', 'date', 'document-change', 'scanner', 'notification', 'notification-outline', 'silent', 'heart-outline', 'share', 'pay', 'picture', 'desktop', 'earphone', 'cube', 'user-verify', 'fault', 'location', 'down-squared', 'pay-dollar', 'paperclip', 'settings', 'home', 'more', 'phonecall', 'tag', 'truth-circled', 'refresh', 'watch', 'images', 'sort', 'money-circled', 'trade', 'star-outline', 'minus-circled', 'right', 'left', 'up', 'down', 'upward', 'up-circled', 'pin', 'hide', 'users', 'user', 'return-right', 'message', 'paper', 'phonecall-prohibit', 'speedometer', 'settings-horizontal', 'phone', 'star', 'play', 'refresh-lock', 'shield', 'panel', 'structure', 'settings-vertical', 'printer', 'stop', 'return-left', 'question', 'unlock', 'sound-off', 'up-squared', 'sound-on', 'upload', 'tool', 'visible', 'truth']
+      fonts: ["tag", "clone", "information-fill", "warning-fill", "success-fill", "error-fill", "question-fill", "information", "cloud", "pin", "home", "cut", "servers", "internet", "mail", "paper", "phone", "panel", "alarm", "notification-outline", "earphone", "settings-horizontal", "message", "heart-outline", "return-right", "picture", "logout", "all", "drag", "settings-vertical", "more", "more-circled", "folder", "unlock", "user", "folder-open", "lock", "users", "edit", "location", "delete", "edit2", "settings", "calendar", "search", "alert", "question", "zoom-in", "zoom-out", "fault-outline", "truth-circled", "hide", "visible", "time", "refresh", "batchsearch", "refresh2", "upload", "download", "left-squared", "right-squared", "down-squared", "up-squared", "arrow-right-circled", "arrow-down-circled", "arrow-left-circled", "arrow-up-circled", "arrow-up-big", "arrow-left-big", "arrow-down", "arrow-right-big", "arrow-right", "sortfill", "arrow-left", "arrow-up", "arrow-down-big", "sort", "sortbig", "truth", "check", "close-big", "add-small", "minus", "close", "minuss-mall", "add-big"]
     };
   };
 

package/es/site/data/components/icon/demos/icons/react.js

@@ -19,7 +19,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
-      fonts: ['alert', 'alarm', 'calendar', 'application', 'arrow-right', 'arrow-up', 'arrow-left', 'arrow-down', 'arrow-expand', 'arrow-left-circled', 'arrow-right-circled', 'close', 'bill', 'change', 'cloud-download', 'content-squared', 'cloud', 'arrow-move', 'code-download', 'cloud-server', 'arrow-shrink', 'clone', 'cloud-servers', 'cart', 'delete', 'fault-outline', 'calculate', 'arrow-swap', 'download', 'information', 'internet', 'edit', 'search', 'code-working', 'heart', 'content', 'cut', 'money-square', 'logout', 'cloud-upload', 'lock', 'corporate', 'truth-none', 'resize', 'protect', 'time', 'date', 'document-change', 'scanner', 'notification', 'notification-outline', 'silent', 'heart-outline', 'share', 'pay', 'picture', 'desktop', 'earphone', 'cube', 'user-verify', 'fault', 'location', 'down-squared', 'pay-dollar', 'paperclip', 'settings', 'home', 'more', 'phonecall', 'tag', 'truth-circled', 'refresh', 'watch', 'images', 'sort', 'money-circled', 'trade', 'star-outline', 'minus-circled', 'right', 'left', 'up', 'down', 'upward', 'up-circled', 'pin', 'hide', 'users', 'user', 'return-right', 'message', 'paper', 'phonecall-prohibit', 'speedometer', 'settings-horizontal', 'phone', 'star', 'play', 'refresh-lock', 'shield', 'panel', 'structure', 'settings-vertical', 'printer', 'stop', 'return-left', 'question', 'unlock', 'sound-off', 'up-squared', 'sound-on', 'upload', 'tool', 'visible', 'truth']
+      fonts: ["tag", "clone", "information-fill", "warning-fill", "success-fill", "error-fill", "question-fill", "information", "cloud", "pin", "home", "cut", "servers", "internet", "mail", "paper", "phone", "panel", "alarm", "notification-outline", "earphone", "settings-horizontal", "message", "heart-outline", "return-right", "picture", "logout", "all", "drag", "settings-vertical", "more", "more-circled", "folder", "unlock", "user", "folder-open", "lock", "users", "edit", "location", "delete", "edit2", "settings", "calendar", "search", "alert", "question", "zoom-in", "zoom-out", "fault-outline", "truth-circled", "hide", "visible", "time", "refresh", "batchsearch", "refresh2", "upload", "download", "left-squared", "right-squared", "down-squared", "up-squared", "arrow-right-circled", "arrow-down-circled", "arrow-left-circled", "arrow-up-circled", "arrow-up-big", "arrow-left-big", "arrow-down", "arrow-right-big", "arrow-right", "sortfill", "arrow-left", "arrow-up", "arrow-down-big", "sort", "sortbig", "truth", "check", "close-big", "add-small", "minus", "close", "minuss-mall", "add-big"]
     };
     return _this;
   }

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("misstime").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("misstime").Key>;
+    render(): JSX.Element;
+}

package/es/site/data/components/message/demos/duration/index.js

@@ -16,11 +16,11 @@ var default_1 = /*#__PURE__*/function (_Component) {
   var _proto = default_1.prototype;
 
   _proto.showMessage1 = function showMessage1() {
-    Message.info('close after 10s', 10000);
+    Message.info('close after 10s', 1000000);
   };
 
   _proto.showMessage2 = function showMessage2() {
-    Message.info('stick message', 0);
+    Message.success('stick message', 0);
   };
 
   return default_1;

package/es/site/data/components/message/demos/duration/react.js

@@ -15,11 +15,11 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   var _proto = Demo.prototype;
 
   _proto.showMessage1 = function showMessage1() {
-    Message.info('close after 10s', 10000);
+    Message.info('close after 10s', 1000000);
   };
 
   _proto.showMessage2 = function showMessage2() {
-    Message.info('stick message', 0);
+    Message.success('stick message', 0);
   };
 
   _proto.render = function render() {

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

@@ -37,8 +37,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         return _this2.setState({
           day: day
         });
-      },
-      show: true
+      }
     }, /*#__PURE__*/React.createElement(Option, {
       value: "Monday"
     }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {

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

@@ -62,7 +62,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "Previous Step"), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: this.next,
-      disabled: this.state.index === 2
+      disabled: this.state.index === 3
     }, "Next Step"));
   };
 

package/es/site/data/components/steps/demos/clickable/react.js

@@ -56,6 +56,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       title: "\u9009\u62E9\u5F39\u6027IP"
     }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
       title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Steps, {
+      value: this.state.index,
+      onChangeValue: function onChangeValue(index) {
+        return _this2.setState({
+          index: index
+        });
+      },
+      type: "line",
+      clickable: true
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
     })), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: this.previous,

package/es/site/data/components/steps/demos/error/react.js

@@ -12,7 +12,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   var _proto = Demo.prototype;
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Steps, {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Steps, {
       value: 1,
       status: "error"
     }, /*#__PURE__*/React.createElement(Step, {
@@ -21,7 +21,27 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       title: "\u9009\u62E9\u5F39\u6027IP"
     }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
       title: "\u8BBE\u7F6EVPC"
-    }));
+    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Steps, {
+      value: 1,
+      status: "error",
+      type: "line"
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Steps, {
+      value: 1,
+      status: "error",
+      type: "simple"
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
+    })));
   };
 
   return Demo;

package/es/site/data/components/steps/demos/line/react.js

@@ -56,6 +56,20 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       title: "\u9009\u62E9\u5F39\u6027IP"
     }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
       title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement(Steps, {
+      value: this.state.index,
+      onChangeValue: function onChangeValue(index) {
+        return _this2.setState({
+          index: index
+        });
+      },
+      type: "line-compact"
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
     })), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: this.previous,
@@ -64,17 +78,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "primary",
       onClick: this.next,
       disabled: this.state.index === 2
-    }, "Next Step"), /*#__PURE__*/React.createElement(Steps, {
-      value: 1,
-      status: "error",
-      type: "line"
-    }, /*#__PURE__*/React.createElement(Step, {
-      title: "\u9009\u62E9\u914D\u7F6E"
-    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
-      title: "\u9009\u62E9\u5F39\u6027IP"
-    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
-      title: "\u8BBE\u7F6EVPC"
-    })));
+    }, "Next Step"));
   };
 
   return Demo;

package/es/site/data/components/steps/demos/simple/react.js

@@ -64,17 +64,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "primary",
       onClick: this.next,
       disabled: this.state.index === 2
-    }, "Next Step"), /*#__PURE__*/React.createElement(Steps, {
-      value: 1,
-      status: "error",
-      type: "simple"
-    }, /*#__PURE__*/React.createElement(Step, {
-      title: "\u9009\u62E9\u914D\u7F6E"
-    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
-      title: "\u9009\u62E9\u5F39\u6027IP"
-    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
-      title: "\u8BBE\u7F6EVPC"
-    })));
+    }, "Next Step"));
   };
 
   return Demo;

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

@@ -35,8 +35,6 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           value: value
         });
       }
-    }), /*#__PURE__*/React.createElement(Switch, {
-      disabled: true
     }));
   };
 

package/es/site/data/components/switch/demos/disabled/index.d.ts

@@ -0,0 +1,6 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+}

package/es/site/data/components/switch/demos/disabled/index.js

@@ -0,0 +1,18 @@
+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;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/switch/demos/disabled/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    render(): JSX.Element;
+}