@king-design/intact 3.1.0-beta.2 → 3.1.0

package/es/site/data/components/tree/demos/draggable/index.d.ts

@@ -1,6 +1,7 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
-import { TreeDataItem, TreeNode, TreeDragEndData } from 'kpc';
+import './index.styl';
+import { TreeDataItem, TreeNode, TreeDragEndData, TreeMode } from 'kpc';
 interface Props {
     data?: TreeDataItem<string>[];
     expandedKeys?: string[];
@@ -8,29 +9,34 @@ interface Props {
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;
     static defaults(): {
-        data: {
+        data: ({
             label: string;
             key: string;
-            children: ({
-                label: string;
-                key: string;
-                children: {
-                    label: string;
-                    key: string;
-                }[];
-                disabled?: undefined;
-            } | {
+            type: string;
+            children?: undefined;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            children: {
                 label: string;
                 key: string;
-                disabled: boolean;
-                children?: undefined;
-            })[];
-        }[];
-        expandedKeys: string[];
+                type: string;
+            }[];
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            disabled: boolean;
+            children?: undefined;
+        })[];
+        expandedKeys: never[];
     };
     onDragEnd(data: TreeDragEndData<string>): void;
     allowDrag(node: TreeNode<string>): boolean;
-    allowDrop(node: TreeNode<string>): boolean;
+    allowDrop(node: TreeNode<string>, srcNode: TreeNode<string>, mode: TreeMode): boolean;
     onDenyDrag(node: TreeNode<string>): void;
     onDenyDrop(node: TreeNode<string>): void;
 }

package/es/site/data/components/tree/demos/draggable/index.js

@@ -2,7 +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';
+import './index.styl';
+import { Message, TreeMode } from 'kpc';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -14,43 +15,42 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       data: [{
-        label: 'First floor-1',
-        key: '1',
+        label: '总览',
+        key: 'summarization',
+        type: 'file'
+      }, {
+        label: '产品简介',
+        key: 'introduction',
+        type: 'file'
+      }, {
+        label: '技术实现',
+        key: 'implemention',
+        type: 'file'
+      }, {
+        label: '操作指南',
+        key: 'guide',
+        type: 'dir',
         children: [{
-          label: 'Second floor-1.1',
-          key: '1-1',
-          children: [{
-            label: 'This node can not be dragged and dropped.',
-            key: '1-1-1'
-          }]
+          label: '产品安装',
+          key: 'installation',
+          type: 'file'
         }]
       }, {
-        label: 'First floor-2',
-        key: '2',
+        label: '接入说明',
+        key: 'interaction',
+        type: 'dir',
         children: [{
-          label: 'Second floor-2.1',
-          key: '2-1',
-          children: [{
-            label: 'Third floor-2.1.1',
-            key: '2-1-1'
-          }, {
-            label: 'Third floor-2.1.2',
-            key: '2-1-2'
-          }]
-        }, {
-          label: 'Second floor-2.2',
-          key: '2-2',
-          children: [{
-            label: 'Third floor-2.2.1',
-            key: '2-2-1'
-          }]
-        }, {
-          label: 'Second floor-2.3',
-          key: '2-3',
-          disabled: true
+          label: '使用',
+          key: 'usage',
+          type: 'file'
         }]
+      }, {
+        label: '禁用文件',
+        key: 'disabled',
+        type: 'file',
+        disabled: true
       }],
-      expandedKeys: ['2', '2-1']
+      expandedKeys: []
     };
   };
 
@@ -61,11 +61,21 @@ var default_1 = /*#__PURE__*/function (_Component) {
   };
 
   _proto.allowDrag = function allowDrag(node) {
-    return node.key !== '1-1-1';
+    return node.key !== 'summarization';
   };
 
-  _proto.allowDrop = function allowDrop(node) {
-    return node.key !== '1-1-1';
+  _proto.allowDrop = function allowDrop(node, srcNode, mode) {
+    // 能够将文件拖入文件夹，但是不能讲文件夹拖入文件夹
+    if (mode === TreeMode.Inner) {
+      // 文件拖入文件夹
+      return srcNode.data.type === 'file' && node.data.type === 'dir';
+    } else if (srcNode.data.type === 'dir' && node.parent) {
+      // 此时插入模式是，前面或者后面插入
+      // 如果拖动的是文件夹，但是目标节点存在父元素，代表目标节点也是文件夹，不能插入
+      return false;
+    }
+
+    return true;
   };
 
   _proto.onDenyDrag = function onDenyDrag(node) {

package/es/site/data/components/tree/demos/draggable/react.d.ts

@@ -1,34 +1,40 @@
 import React from 'react';
-import { TreeDataItem, TreeNode, TreeDragEndData } from '@king-design/react';
+import './index.styl';
+import { TreeDataItem, TreeNode, TreeDragEndData, TreeMode } from '@king-design/react';
 interface Props {
     data?: TreeDataItem<string>[];
     expandedKeys?: string[];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: {
-        data: {
+        data: ({
             label: string;
             key: string;
-            children: ({
-                label: string;
-                key: string;
-                children: {
-                    label: string;
-                    key: string;
-                }[];
-                disabled?: undefined;
-            } | {
+            type: string;
+            children?: undefined;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            children: {
                 label: string;
                 key: string;
-                disabled: boolean;
-                children?: undefined;
-            })[];
-        }[];
-        expandedKeys: string[];
+                type: string;
+            }[];
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            disabled: boolean;
+            children?: undefined;
+        })[];
+        expandedKeys: never[];
     };
     onDragEnd(data: TreeDragEndData<string>): void;
     allowDrag(node: TreeNode<string>): boolean;
-    allowDrop(node: TreeNode<string>): boolean;
+    allowDrop(node: TreeNode<string>, srcNode: TreeNode<string>, mode: TreeMode): boolean;
     onDenyDrag(node: TreeNode<string>): void;
     onDenyDrop(node: TreeNode<string>): void;
     render(): JSX.Element;

package/es/site/data/components/tree/demos/draggable/react.js

@@ -1,8 +1,9 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Tree } from '@king-design/react';
-import { Message } from '@king-design/react';
+import { Tree, Icon } from '@king-design/react';
+import './index.styl';
+import { Message, TreeMode } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -19,43 +20,42 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       data: [{
-        label: 'First floor-1',
-        key: '1',
+        label: '总览',
+        key: 'summarization',
+        type: 'file'
+      }, {
+        label: '产品简介',
+        key: 'introduction',
+        type: 'file'
+      }, {
+        label: '技术实现',
+        key: 'implemention',
+        type: 'file'
+      }, {
+        label: '操作指南',
+        key: 'guide',
+        type: 'dir',
         children: [{
-          label: 'Second floor-1.1',
-          key: '1-1',
-          children: [{
-            label: 'This node can not be dragged and dropped.',
-            key: '1-1-1'
-          }]
+          label: '产品安装',
+          key: 'installation',
+          type: 'file'
         }]
       }, {
-        label: 'First floor-2',
-        key: '2',
+        label: '接入说明',
+        key: 'interaction',
+        type: 'dir',
         children: [{
-          label: 'Second floor-2.1',
-          key: '2-1',
-          children: [{
-            label: 'Third floor-2.1.1',
-            key: '2-1-1'
-          }, {
-            label: 'Third floor-2.1.2',
-            key: '2-1-2'
-          }]
-        }, {
-          label: 'Second floor-2.2',
-          key: '2-2',
-          children: [{
-            label: 'Third floor-2.2.1',
-            key: '2-2-1'
-          }]
-        }, {
-          label: 'Second floor-2.3',
-          key: '2-3',
-          disabled: true
+          label: '使用',
+          key: 'usage',
+          type: 'file'
         }]
+      }, {
+        label: '禁用文件',
+        key: 'disabled',
+        type: 'file',
+        disabled: true
       }],
-      expandedKeys: ['2', '2-1']
+      expandedKeys: []
     };
     return _this;
   }
@@ -67,11 +67,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.allowDrag = function allowDrag(node) {
-    return node.key !== '1-1-1';
+    return node.key !== 'summarization';
   };
 
-  _proto.allowDrop = function allowDrop(node) {
-    return node.key !== '1-1-1';
+  _proto.allowDrop = function allowDrop(node, srcNode, mode) {
+    // 能够将文件拖入文件夹，但是不能讲文件夹拖入文件夹
+    if (mode === TreeMode.Inner) {
+      // 文件拖入文件夹
+      return srcNode.data.type === 'file' && node.data.type === 'dir';
+    } else if (srcNode.data.type === 'dir' && node.parent) {
+      // 此时插入模式是，前面或者后面插入
+      // 如果拖动的是文件夹，但是目标节点存在父元素，代表目标节点也是文件夹，不能插入
+      return false;
+    }
+
+    return true;
   };
 
   _proto.onDenyDrag = function onDenyDrag(node) {
@@ -86,6 +96,15 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement(Tree, {
+      slotLabel: function slotLabel(_ref) {
+        var data = _ref[0],
+            node = _ref[1];
+        return /*#__PURE__*/React.createElement(React.Fragment, null, data.type === 'file' ? /*#__PURE__*/React.createElement(Icon, {
+          className: "k-icon-paper"
+        }) : /*#__PURE__*/React.createElement(Icon, {
+          className: "k-icon-folder"
+        }), data.label);
+      },
       draggable: true,
       onDragend: this.onDragEnd,
       allowDrag: this.allowDrag,

package/es/site/data/components/tree/demos/expandAll/index.d.ts

@@ -1,6 +1,12 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
-export default class extends Component {
+import './index.styl';
+import { TreeDataItem } from 'kpc';
+interface Props {
+    data: TreeDataItem<string>[];
+    delayData?: TreeDataItem<string>[];
+}
+export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;
     static defaults(): {
         data: ({
@@ -33,5 +39,7 @@ export default class extends Component {
                 }[];
             })[];
         })[];
+        delayData: undefined;
     };
+    load(): void;
 }

package/es/site/data/components/tree/demos/expandAll/index.js

@@ -1,7 +1,10 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
+import './index.styl';
+import { bind } from 'kpc';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -38,12 +41,21 @@ var default_1 = /*#__PURE__*/function (_Component) {
             label: 'Third floor-2.2.1'
           }]
         }]
-      }]
+      }],
+      delayData: undefined
     };
   };
 
+  var _proto = default_1.prototype;
+
+  _proto.load = function load() {
+    this.set('delayData', this.get('data'));
+  };
+
   return default_1;
 }(Component);
 
 default_1.template = template;
-export { default_1 as default };
+export { default_1 as default };
+
+__decorate([bind], default_1.prototype, "load", null);

package/es/site/data/components/tree/demos/expandAll/react.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
-export default class Demo extends React.Component {
+import './index.styl';
+import { TreeDataItem } from '@king-design/react';
+interface Props {
+    data: TreeDataItem<string>[];
+    delayData?: TreeDataItem<string>[];
+}
+export default class Demo extends React.Component<{}, Props> {
     state: {
         data: ({
             label: string;
@@ -31,6 +37,9 @@ export default class Demo extends React.Component {
                 }[];
             })[];
         })[];
+        delayData: undefined;
     };
+    load(): void;
     render(): JSX.Element;
 }
+export {};

package/es/site/data/components/tree/demos/expandAll/react.js

@@ -1,7 +1,10 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
 import React from 'react';
-import { Tree } from '@king-design/react';
+import { Tree, Button } from '@king-design/react';
+import './index.styl';
+import { bind } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -43,21 +46,37 @@ var Demo = /*#__PURE__*/function (_React$Component) {
             label: 'Third floor-2.2.1'
           }]
         }]
-      }]
+      }],
+      delayData: undefined
     };
     return _this;
   }
 
   var _proto = Demo.prototype;
 
+  _proto.load = function load() {
+    this.setState({
+      delayData: this.state.data
+    });
+  };
+
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Tree, {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wrapper"
+    }, /*#__PURE__*/React.createElement(Tree, {
       defaultExpandAll: true,
       data: this.state.data
-    });
+    }), /*#__PURE__*/React.createElement(Tree, {
+      defaultExpandAll: true,
+      data: this.state.delayData
+    }), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.load
+    }, "\u52A0\u8F7D\u6570\u636E"));
   };
 
   return Demo;
 }(React.Component);
 
-export { Demo as default };
+export { Demo as default };
+
+__decorate([bind], Demo.prototype, "load", null);

package/es/site/data/components/upload/demos/files/index.d.ts

@@ -1,13 +1,10 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import './index.styl';
+import { UploadFile } from 'kpc';
 interface Props {
-    defaultFiles: DefaultFile[];
+    files?: UploadFile[];
 }
-declare type DefaultFile = {
-    name: string;
-    url: string;
-};
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;
     static defaults(): Props;

package/es/site/data/components/upload/demos/files/index.js

@@ -3,6 +3,7 @@ export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
 import './index.styl';
+import { UploadFileStatus } from 'kpc';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -13,12 +14,15 @@ var default_1 = /*#__PURE__*/function (_Component) {
 
   default_1.defaults = function defaults() {
     return {
-      defaultFiles: [{
+      files: [{
         name: 'test1.jpg',
         url: 'http://www.example.com/test1.jpg'
       }, {
         name: 'test2.png',
         url: 'http://www.example.com/test2.png'
+      }, {
+        name: 'test3.png',
+        status: UploadFileStatus.Error
       }]
     };
   };

package/es/site/data/components/upload/demos/files/react.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 import './index.styl';
+import { UploadFile } from '@king-design/react';
 interface Props {
-    defaultFiles: DefaultFile[];
+    files?: UploadFile[];
 }
-declare type DefaultFile = {
-    name: string;
-    url: string;
-};
 export default class Demo extends React.Component<{}, Props> {
     state: Props;
     render(): JSX.Element;

package/es/site/data/components/upload/demos/files/react.js

@@ -3,6 +3,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import React from 'react';
 import { Upload } from '@king-design/react';
 import './index.styl';
+import { UploadFileStatus } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -18,12 +19,15 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
-      defaultFiles: [{
+      files: [{
         name: 'test1.jpg',
         url: 'http://www.example.com/test1.jpg'
       }, {
         name: 'test2.png',
         url: 'http://www.example.com/test2.png'
+      }, {
+        name: 'test3.png',
+        status: UploadFileStatus.Error
       }]
     };
     return _this;
@@ -32,10 +36,17 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   var _proto = Demo.prototype;
 
   _proto.render = function render() {
+    var _this2 = this;
+
     return /*#__PURE__*/React.createElement(Upload, {
       multiple: true,
       action: "//fakestoreapi.com/products",
-      defaultFiles: this.state.defaultFiles
+      files: this.state.files,
+      onChangeFiles: function onChangeFiles(files) {
+        return _this2.setState({
+          files: files
+        });
+      }
     });
   };
 

package/es/site/src/pages/document/styles.js

@@ -2,5 +2,5 @@ import { css } from '@emotion/css';
 import { theme } from 'kpc/styles/theme';
 import { makeStyles as makeTableStyles } from 'kpc/components/table/styles';
 export function makeStyles(k) {
-  return /*#__PURE__*/css("h1,h2,h3,h4,h5{font-weight:400;color:#000;}h1{font-size:2em;}blockquote{margin:1em 0;padding:1px 2em;background:#f8f8f8;border-left:2px solid #ff4133;position:relative;line-height:2em;&:before{content:\"!\";display:block;position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:100% text-align:center;background:#ff4133;color:#fff;line-height:20px;left:-11px;}}.", k, "-layout-aside{font-size:14px;overflow:visible!important;.aside-wrapper{overflow:auto;padding-bottom:10px;}.catalog-section{margin-top:10px;}h5{font-size:16px;margin:15px 0 15px 20px;color:#999;}ul{list-style:none;margin:0;padding:0;}a{display:flex;align-items:center;height:40px;padding-left:25px;color:#333;&:hover{background:#f3f3f3;color:#333;}span{margin-left:5px;color:#666;font-size:12px;}}.active{&>a,& span{color:#ffffff!important;background-color:", theme.color.primary, ";}}.", k, "-btn{display:none;}}.", k, "-layout-body{font-size:14px;max-width:100%;article{position:relative;padding:15px 40px;margin-right:200px;border-rardius:50%;}.article-head{display:flex;border-bottom:1px solid #e4e4e4;align-items:center;margin-bottom:27px;.title{font-size:30px;line-height:28px;font-weight:400;color:", theme.color.title, ";margin:19px 0;flex:1;white-space:nowrap;margin-right:16px;}.edit-link{color:#999;font-style:italic;font-size:12px;}}.browser-mockup{border-top:30px solid #eee;position:relative;border-radius:", theme.largeBorderRadius, ";box-shadow:", theme.boxShadow, ";&:before{display:block;content:'';box-shadow:0 0 0 2px ", theme.color.danger, ",21px 0 0 2px ", theme.color.success, ",42px 0 0 2px ", theme.color.warning, ";background:", theme.color.danger, ";position:absolute;width:7px;height:7px;border-radius:50%;top:-19px;left:19px;}&:after{content:'';display:block;height:20px;background:#fff;position:absolute;top:-26px;left:85px;width:calc(100% - 90px);border-radius:", theme.borderRadius, ";}}iframe{width:100%;border:none;display:block;}}.example{padding:0 20px 20px 20px;margin-bottom:20px;border:1px solid #eee;font-size:12px;position:relative;.example-title{position:absolute;top:-13px;left:15px;background:#fff;padding:0 10px;font-size:16px;color:#000;}}.example-opera{padding:40px 0 20px;}.example-desc{padding:5px;border-bottom:1px dashed #eee;border-top:1px dashed #eee;position:relative;}.example-code{position:relative;code{border:none;border-radius:0;}.open{position:absolute;padding:3px 10px;right:0;top:33px;cursor:pointer;&:hover{color:", theme.color.primary, ";}}}.api{font-size:12px;.", k, "-table{", makeTableStyles('k'), ";}table{table-layout:auto!important;}}@media (max-width: 768px){.table-of-contents{display:none;}.", k, "-layout-aside{transform:translateX(-260px);transition:transform ", theme.transition.middle, ";&.expanded{transform:translateX(0);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.3);}.", k, "-btn{display:block;position:absolute;top:66px;right:0;transform:translateX(100%);border:none;box-shadow:3px 0 4px 0 rgba(0, 0, 0, 0.3);}}.", k, "-layout-body{padding:0!important;article{margin-right:0;}.catalogue{display:none;}}}");
+  return /*#__PURE__*/css("h1,h2,h3,h4,h5{font-weight:400;color:#000;}h1{font-size:2em;}blockquote{margin:1em 0;padding:1px 2em;background:#f8f8f8;border-left:2px solid #ff4133;position:relative;line-height:2em;&:before{content:\"!\";display:block;position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:100%;text-align:center;background:#ff4133;color:#fff;line-height:20px;left:-11px;}}.", k, "-layout-aside{font-size:14px;overflow:visible!important;.aside-wrapper{overflow:auto;padding-bottom:10px;}.catalog-section{margin-top:10px;}h5{font-size:16px;margin:15px 0 15px 20px;color:#999;}ul{list-style:none;margin:0;padding:0;}a{display:flex;align-items:center;height:40px;padding-left:25px;color:#333;&:hover{background:#f3f3f3;color:#333;}span{margin-left:5px;color:#666;font-size:12px;}}.active{&>a,& span{color:#ffffff!important;background-color:", theme.color.primary, ";}}.", k, "-btn{display:none;}}.", k, "-layout-body{font-size:14px;max-width:100%;article{position:relative;padding:15px 40px;margin-right:200px;border-rardius:50%;}.article-head{display:flex;border-bottom:1px solid #e4e4e4;align-items:center;margin-bottom:27px;.title{font-size:30px;line-height:28px;font-weight:400;color:", theme.color.title, ";margin:19px 0;flex:1;white-space:nowrap;margin-right:16px;}.edit-link{color:#999;font-style:italic;font-size:12px;}}.browser-mockup{border-top:30px solid #eee;position:relative;border-radius:", theme.largeBorderRadius, ";box-shadow:", theme.boxShadow, ";&:before{display:block;content:'';box-shadow:0 0 0 2px ", theme.color.danger, ",21px 0 0 2px ", theme.color.success, ",42px 0 0 2px ", theme.color.warning, ";background:", theme.color.danger, ";position:absolute;width:7px;height:7px;border-radius:50%;top:-19px;left:19px;}&:after{content:'';display:block;height:20px;background:#fff;position:absolute;top:-26px;left:85px;width:calc(100% - 90px);border-radius:", theme.borderRadius, ";}}iframe{width:100%;border:none;display:block;}}.example{padding:0 20px 20px 20px;margin-bottom:20px;border:1px solid #eee;font-size:12px;position:relative;.example-title{position:absolute;top:-13px;left:15px;background:#fff;padding:0 10px;font-size:16px;color:#000;}}.example-opera{padding:40px 0 20px;}.example-desc{padding:5px;border-bottom:1px dashed #eee;border-top:1px dashed #eee;position:relative;}.example-code{position:relative;code{border:none;border-radius:0;}.open{position:absolute;padding:3px 10px;right:0;top:33px;cursor:pointer;&:hover{color:", theme.color.primary, ";}}}.api{font-size:12px;.", k, "-table{", makeTableStyles('k'), ";}table{table-layout:auto!important;}}@media (max-width: 768px){.table-of-contents{display:none;}.", k, "-layout-aside{transform:translateX(-260px);transition:transform ", theme.transition.middle, ";&.expanded{transform:translateX(0);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.3);}.", k, "-btn{display:block;position:absolute;top:66px;right:0;transform:translateX(100%);border:none;box-shadow:3px 0 4px 0 rgba(0, 0, 0, 0.3);}}.", k, "-layout-body{padding:0!important;article{margin-right:0;}.catalogue{display:none;}}}");
 }

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.0-beta.2
+ * @king-design v3.1.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.0-beta.2';
+export const version = '3.1.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.0-beta.2",
+  "version": "3.1.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -179,7 +179,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.0-beta.2",
+    "@king-design/react": "^3.1.0",
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.styl';
-interface Props {
-    keywords?: string;
-    fonts: string[][];
-}
-export default class Demo extends React.Component<{}, Props> {
-    state: Props;
-    private classNames;
-    private config;
-    componentDidMount(): void;
-    filter(): string[][];
-    render(): JSX.Element;
-}
-export {};