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

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.3
+ * @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.3';
+export const version = '3.1.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.0-beta.3",
+  "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.3",
+    "@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 {};

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

@@ -1,107 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
-import React from 'react';
-import { Icon, Input } from '@king-design/react';
-import './index.styl';
-import { useConfigContext } from '@king-design/react';
-
-var Demo = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Demo, _React$Component);
-
-  function Demo() {
-    var _context;
-
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
-    _this.state = {
-      keywords: '',
-      fonts: [["information-fill"], ["warning-fill"], ["success-fill"], ["error-fill"], ["question-fill"], ["heart-fill"], ['heart'], ['notification-fill'], ['notification'], ["information"], ["alert"], ["question"], ["zoom-in"], ["zoom-out"], ["close-outline"], ["check-outline"], ["time"], ['right-circled', 'arrow'], ['down-circled', 'arrow'], ['right-circled', 'arrow'], ['up-circled', 'arrow'], ['right-squared', 'arrow'], ['down-squared', 'arrow'], ['left-squared', 'arrow'], ['up-squared', 'arrow'], ['right', 'arrow'], ['down', 'arrow'], ['left', 'arrow'], ['up', 'arrow'], ['right-bold', 'arrow'], ['down-bold', 'arrow'], ['left-bold', 'arrow'], ['up-bold', 'arrow'], ['sort'], ['sort-bold'], ['close'], ['close-bold'], ['check'], ['check-bold'], ['add'], ['add-bold'], ['minus'], ['minus-bold'], ['share'], ['tag'], ['clone'], ['cloud'], ['pin'], ['home'], ['cut'], ['server'], ['internet'], ['mail'], ['paper'], ['phone'], ['panel'], ['alarm'], ['earphone'], ['settings-horizontal'], ['settings-vertical'], ['settings'], ['message'], ['return-right'], ['picture'], ['logout'], ['all'], ['drag'], ['more'], ['more-circled'], ['folder'], ['folder-open'], ['lock'], ['unlock'], ['user'], ['users'], ['edit'], ['location'], ['delete'], ['calendar'], ['search'], ['batchsearch'], ['hidden'], ['visible'], ['refresh'], ['upload'], ['download']]
-    };
-    _this.config = useConfigContext();
-    return _this;
-  }
-
-  var _proto = Demo.prototype;
-
-  _proto.classNames = function classNames(_classNames) {
-    if (typeof _classNames === 'string') return _classNames;
-    var ret = [];
-
-    for (var key in _classNames) {
-      var value = _classNames[key];
-
-      if (value) {
-        ret.push(key);
-      }
-    }
-
-    return ret.join(' ');
-  };
-
-  _proto.componentDidMount = function componentDidMount() {
-    var fonts = this.state.fonts;
-    var map = {};
-    fonts.forEach(function (_ref) {
-      var font = _ref[0];
-
-      if (map[font]) {
-        console.log('duplicated', font);
-      }
-
-      map[font] = true;
-    });
-  };
-
-  _proto.filter = function filter() {
-    var _context2;
-
-    var keywords = _trimInstanceProperty(_context2 = this.state.keywords).call(_context2).toLowerCase();
-
-    var fonts = this.state.fonts;
-    if (!keywords) return fonts;
-    return _filterInstanceProperty(fonts).call(fonts, function (font) {
-      var _context3, _context4;
-
-      return _includesInstanceProperty(_context3 = font[0]).call(_context3, keywords) || font[1] && _includesInstanceProperty(_context4 = font[1]).call(_context4, keywords);
-    });
-  };
-
-  _proto.render = function render() {
-    var _this2 = this,
-        _context5,
-        _context6;
-
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
-      value: this.state.keywords,
-      onChangeValue: function onChangeValue(keywords) {
-        return _this2.setState({
-          keywords: keywords
-        });
-      },
-      placeholder: "Search icon",
-      clearable: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "icons"
-    }, _mapInstanceProperty(_context5 = _filterInstanceProperty(_context6 = this).call(_context6)).call(_context5, function ($value, $key) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "icon"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        className: _this2.classNames(_this2.config.k + '-icon-' + $value[0]),
-        size: "large"
-      }), /*#__PURE__*/React.createElement("div", null, _this2.config.k + '-icon-' + $value[0]));
-    })));
-  };
-
-  return Demo;
-}(React.Component);
-
-export { Demo as default };