@king-design/intact 3.2.1 → 3.3.0

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

@@ -0,0 +1,19 @@
+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;
+  }
+  default_1.defaults = function defaults() {
+    return {
+      disabled: true
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    disabled?: boolean;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        disabled: boolean;
+    };
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,40 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Ellipsis, Split } from '@king-design/react';
+import './index.styl';
+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 = {
+      disabled: true
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Split, {
+      style: {
+        "width": "400px"
+      },
+      slotFirst: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Ellipsis, {
+        className: "panel"
+      }, "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Ellipsis, {
+        className: "panel",
+        maxLines: 2
+      }, "\u6700\u5927\u51E0\u884C\u5FFD\u7565\u6700\u5927\u51E0\u884C\u5FFD\u7565\u6700\u5927\u51E0\u884C\u5FFD\u7565")),
+      slotLast: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Ellipsis, {
+        className: "panel",
+        disabled: this.state.disabled
+      }, "\u4E0D\u5C55\u793Atooltip\u4E0D\u5C55\u793Atooltip"))
+    });
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/ellipsis/demos/custom/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/ellipsis/demos/custom/index.js

@@ -0,0 +1,14 @@
+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/ellipsis/demos/custom/react.d.ts

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

package/es/site/data/components/ellipsis/demos/custom/react.js

@@ -0,0 +1,42 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Ellipsis, Button, 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", {
+      style: {
+        width: '200px'
+      }
+    }, /*#__PURE__*/React.createElement(Ellipsis, {
+      className: "panel tooltip-class"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
+    }), /*#__PURE__*/React.createElement(Button, {
+      type: "primary"
+    }, "\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
+    }), /*#__PURE__*/React.createElement(Button, {
+      type: "primary"
+    }, "\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
+    }), /*#__PURE__*/React.createElement(Button, {
+      type: "primary"
+    }, "\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
+    }), /*#__PURE__*/React.createElement(Button, {
+      type: "primary"
+    }, "\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
+    }), /*#__PURE__*/React.createElement(Button, {
+      type: "primary"
+    }, "\u6D4B\u8BD5")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/ellipsis/demos/position/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/ellipsis/demos/position/index.js

@@ -0,0 +1,14 @@
+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/ellipsis/demos/position/react.d.ts

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

package/es/site/data/components/ellipsis/demos/position/react.js

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Ellipsis } 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(Ellipsis, {
+      position: "right",
+      style: {
+        width: '90px'
+      }
+    }, "tooltip\u5728\u53F3\u4FA7tooltip\u5728\u53F3\u4FA7"), /*#__PURE__*/React.createElement(Ellipsis, {
+      position: "bottom",
+      style: {
+        width: '90px'
+      }
+    }, "tooltip\u5728\u4E0B\u65B9tooltip\u5728\u4E0B\u65B9"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/ellipsis/index.d.ts

@@ -0,0 +1,57 @@
+import { Component } from 'intact';
+import Article from '~/../src/components/article';
+export default class extends Article {
+    static sidebar: {
+        组件: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+            path: string;
+        }[];
+        undefined: ({
+            title: string;
+            order: number;
+            sidebar: string;
+            disabled: boolean;
+            path: string;
+        } | {
+            title: string;
+            order: number;
+            sidebar: string;
+            path: string;
+            disabled?: undefined;
+        })[];
+    };
+    static data: {
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+    static defaults: () => {
+        demos: Component<any, {}, {}, {}>[];
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+}

package/es/site/data/components/ellipsis/index.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import Article from '~/../src/components/article';
+import data from './index.json';
+import sidebar from '~/doc.json';
+var r = require.context('./', true, /demos.*(index|demo).ts/);
+var keys = _keysInstanceProperty(r).call(r);
+var demos = [];
+for (var i = 0; i < keys.length; i++) {
+  var file = keys[i];
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
+  if (/demo.ts$/.test(file)) i++;
+  demos.push(r(file));
+}
+var default_1 = /*#__PURE__*/function (_Article) {
+  _inheritsLoose(default_1, _Article);
+  function default_1() {
+    return _Article.apply(this, arguments) || this;
+  }
+  return default_1;
+}(Article);
+default_1.sidebar = sidebar;
+default_1.data = data;
+default_1.defaults = function () {
+  return _extends({}, Article.defaults, data, {
+    demos: demos
+  });
+};
+export { default_1 as default };

package/es/site/data/components/menu/demos/showCollapseArrow/index.js

@@ -12,9 +12,10 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return {
       expandedKeys: [],
       selectedKey: '2',
-      size: 'default',
+      size: 'small',
       theme: 'light',
-      showCollapseArrow: false
+      showCollapseArrow: true,
+      collapse: false
     };
   };
   return default_1;

package/es/site/data/components/menu/demos/showCollapseArrow/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 { Menu, MenuItem, MenuTitle, Switch, ButtonGroup, Button } from '@king-design/react';
+import { Menu, MenuItem, MenuTitle, Switch, ButtonGroup, Button, Divider } from '@king-design/react';
 import './index.styl';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -15,9 +15,10 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       expandedKeys: [],
       selectedKey: '2',
-      size: 'default',
+      size: 'small',
       theme: 'light',
-      showCollapseArrow: false
+      showCollapseArrow: true,
+      collapse: false
     };
     return _this;
   }
@@ -76,6 +77,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           selectedKey: selectedKey
         });
       },
+      collapse: this.state.collapse,
+      onChangeCollapse: function onChangeCollapse(collapse) {
+        return _this2.setState({
+          collapse: collapse
+        });
+      },
       theme: this.state.theme,
       size: this.state.size,
       showCollapseArrow: this.state.showCollapseArrow
@@ -87,7 +94,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       key: "2"
     }, "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "3"
-    }, "menu 3"), /*#__PURE__*/React.createElement(MenuTitle, null, "title 2"), /*#__PURE__*/React.createElement(MenuItem, {
+    }, "menu 3menu 3menu 3menu 3menu 3menu 3"), /*#__PURE__*/React.createElement(MenuTitle, null, "title 2"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "4"
     }, "menu 1"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "5",
@@ -105,9 +112,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       key: "6-4"
     }, "sub menu 7", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
       key: "6-7-1"
-    }, "Option 1"), /*#__PURE__*/React.createElement(MenuItem, {
+    }, "option 1"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "6-7-2"
-    }, "Option 2"))))), /*#__PURE__*/React.createElement(MenuItem, {
+    }, "option 2"))))), /*#__PURE__*/React.createElement(Divider, {
+      theme: this.state.theme === 'white' ? 'light' : this.state.theme,
+      className: "divider-style"
+    }), /*#__PURE__*/React.createElement(MenuItem, {
       key: "8",
       to: "/"
     }, "menu 8")));

package/es/styles/theme.d.ts

@@ -6,21 +6,25 @@ export declare function defaultTheme(): {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     default: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     small: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     mini: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     color: {
         primary: string;
@@ -63,21 +67,25 @@ declare let theme: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     default: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     small: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     mini: {
         height: string;
         fontSize: string;
         padding: string;
+        margin: string;
     };
     color: {
         primary: string;

package/es/styles/theme.js

@@ -4,22 +4,26 @@ export function defaultTheme() {
     large: {
       height: '40px',
       fontSize: '14px',
-      padding: '16px'
+      padding: '16px',
+      margin: '16px'
     },
     default: {
       height: '32px',
       fontSize: '12px',
-      padding: '12px'
+      padding: '12px',
+      margin: '12px'
     },
     small: {
       height: '24px',
       fontSize: '12px',
-      padding: '8px'
+      padding: '8px',
+      margin: '8px'
     },
     mini: {
       height: '20px',
       fontSize: '12px',
-      padding: '8px'
+      padding: '8px',
+      margin: '8px'
     },
     color: {
       primary: '#0091ea',

package/i18n/en-US.ts

@@ -86,7 +86,7 @@ const i18n = {
     '共 {n} 条': 'Total {n}',
 
     // table
-    '/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~': '/(ㄒoㄒ)/~~ No data to display.',
+    '暂无数据': 'No data to display.',
     '重置': 'Reset',
 
     // transfer

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.2.1
+ * @king-design v3.3.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -28,9 +28,11 @@ export * from './components/config';
 export * from './components/copy';
 export * from './components/datepicker';
 export * from './components/dialog';
+export * from './components/divider';
 export * from './components/drawer';
 export * from './components/dropdown';
 export * from './components/editable';
+export * from './components/ellipsis';
 export * from './components/form';
 export * from './components/grid';
 export * from './components/icon';
@@ -63,8 +65,9 @@ export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
+export * from './components/view';
 export * from './components/wave';
 
-export const version = '3.2.1';
+export const version = '3.3.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -180,7 +180,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.31",
+    "intact": "^3.0.33",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",
@@ -190,8 +190,7 @@
   "sideEffects": [
     "*.css",
     "*.styl",
-    "**/*/styles/global.*",
-    "**/*/styles/fonts/*"
+    "./styles/**/*"
   ],
   "browserslist": [
     "last 2 versions",

package/styles/theme.ts

@@ -8,21 +8,25 @@ export function defaultTheme() {
             height: '40px',
             fontSize: '14px',
             padding: '16px',
+            margin: '16px',
         },
         default: {
             height: '32px',
             fontSize: '12px',
             padding: '12px',
+            margin: '12px',
         },
         small: {
             height: '24px',
             fontSize: '12px',
             padding: '8px',
+            margin: '8px',
         },
         mini: {
             height: '20px',
             fontSize: '12px',
             padding: '8px',
+            margin: '8px',
         },
         color: {
             primary: '#0091ea',