@king-design/intact 3.2.2-beta.0 → 3.3.0

package/es/components/menu/styles.d.ts

@@ -78,6 +78,6 @@ export declare const makeItemStyles: {
     clearCache(): {};
 };
 export declare const makeNestedMenuStyles: {
-    (k: string, hasIcon: boolean, parentPaddingLeft?: string | undefined): string;
+    (k: string, hasIcon: boolean, parentPaddingLeft: string | undefined, size: "small" | "large" | "default" | undefined): string;
     clearCache(): {};
 };

package/es/components/menu/styles.js

@@ -112,7 +112,7 @@ export { menu };
 export var makeMenuStyles = cache(function makeMenuStyles(k) {
   // we must increase the priority by adding &.${k}-menu
   // to override the css of dropdownMenu
-  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";position:relative;}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";padding:0 21px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100vh - ", menu.header.height, ");overflow-y:auto;overflow-x:hidden;}.", k, "-menu-title{height:", menu.title.height, ";border-top:", menu.border, ";margin-top:4px;.", k, "-menu-name{transition:all ", menu.transition, ";height:", menu.title.height, ";color:", menu.title.color, ";font-weight:bold;}}.", k, "-menu-arrow-box{width:14px;height:60px;cursor:pointer;background:", menu.bgColor, ";border-radius:0 8px 8px 0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:calc(", menu.width, " - 2px);transition:left ", menu.transition, ";transform:translateY(-50%);border:", menu.border, ";border-left:none;.", k, "-icon{margin-right:0;}&:hover{.", k, "-menu-arrow:before{color:", menu.item.activeBgColor, ";}}}&.", k, "-light{border:1px solid ", theme.color.disabledBg, ";background:", menu.light.bgColor, ";.", k, "-menu-header{color:", menu.light.title.color, ";}.", k, "-menu-item{.", k, "-menu-item-title{color:", menu.light.item.color, ";&:hover{background:", menu.light.item.hoverBg, ";}}.", k, "-menu-item-arrow{color:", menu.light.item.color, ";}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", menu.light.item.disabledColor, "!important;}}}.", k, "-menu-title{border-top:", menu.light.border, ";.", k, "-menu-name{color:", menu.light.title.color, ";}}.", k, "-menu-arrow-box{background:", menu.light.bgColor, ";border:", menu.light.border, ";border-left:none;&:hover{.", k, "-menu-arrow:before{color:", menu.light.active.color, ";}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", menu.light.bgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", menu.light.border, ";}.", k, "-menu-body>.", k, "-menu-title{border-right:", menu.light.border, ";}}.", k, "-menu-item.", k, "-active{>.", k, "-menu-item-title{color:", menu.light.active.color, "!important;background:", menu.light.active.bgColor, ";}}.", k, "-sub-menu{.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.light.item.subTitleColor, "!important;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";position:relative;}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";padding:0 21px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100% - ", menu.header.height, ");overflow-y:auto;overflow-x:hidden;}.", k, "-menu-title{height:", menu.title.height, ";border-top:", menu.border, ";margin-top:4px;.", k, "-menu-name{transition:all ", menu.transition, ";height:", menu.title.height, ";color:", menu.title.color, ";font-weight:bold;}}.", k, "-menu-arrow-box{width:14px;height:60px;cursor:pointer;background:", menu.bgColor, ";border-radius:0 8px 8px 0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:calc(", menu.width, " - 2px);transition:left ", menu.transition, ";transform:translateY(-50%);border:", menu.border, ";border-left:none;.", k, "-icon{margin-right:0;}&:hover{.", k, "-menu-arrow:before{color:", menu.item.activeBgColor, ";}}}&.", k, "-light{border:1px solid ", theme.color.disabledBg, ";border-top:0;background:", menu.light.bgColor, ";.", k, "-menu-header{color:", menu.light.title.color, ";}.", k, "-menu-item{.", k, "-menu-item-title{color:", menu.light.item.color, ";&:hover{background:", menu.light.item.hoverBg, ";}}.", k, "-menu-item-arrow{color:", menu.light.item.color, ";}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", menu.light.item.disabledColor, "!important;}}}.", k, "-menu-title{border-top:", menu.light.border, ";.", k, "-menu-name{color:", menu.light.title.color, ";}}.", k, "-menu-arrow-box{background:", menu.light.bgColor, ";border:", menu.light.border, ";border-left:none;&:hover{.", k, "-menu-arrow:before{color:", menu.light.active.color, ";}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", menu.light.bgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", menu.light.border, ";}.", k, "-menu-body>.", k, "-menu-title{border-right:", menu.light.border, ";}}.", k, "-menu-item.", k, "-active{>.", k, "-menu-item-title{color:", menu.light.active.color, "!important;background:", menu.light.active.bgColor, ";}}.", k, "-sub-menu{.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.light.item.subTitleColor, "!important;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = menu[size];
     return /*#__PURE__*/css("&.", k, "-", size, "{width:", styles.width, ";font-size:", styles.fontSize, ";.", k, "-menu{font-size:", styles.fontSize, ";}.", k, "-menu-arrow-box{left:calc(", styles.width, " - 2px);}}");
   }), "&.", k, "-collapsed{width:calc(", menu.icon.width, " + (", getLeft(menu.item.padding), " + ", getLeft(menu.item.bodyPadding), ") * 2);.", k, "-icon{margin-right:0;}.", k, "-menu-item-arrow{display:none;}}&.", k, "-collapsed-arrow{width:0px;border-left:none;.", k, "-menu-body{overflow:hidden;padding:0;}.", k, "-menu-arrow-box{left:0;.", k, "-menu-arrow:before{transform:rotateY(180deg);}}}&.", k, "-dropdown-menu{width:fit-content;min-width:", menu.dropdown.minWidth, ";.", k, "-menu-item-arrow{transform:rotate(-90deg);}}&.", k, "-horizontal{width:auto;display:flex;.", k, "-menu-body{display:flex;align-items:center;.", k, "-menu-title{border-top:none;border-right:", menu.border, ";}}}");
@@ -123,12 +123,13 @@ export var makeTitleStyles = cache(function makeTitleStyles(k) {
 });
 export var makeItemStyles = cache(function makeItemStyles(k) {
   var item = menu.item;
-  return /*#__PURE__*/css(".", k, "-menu-item-title{transition:all ", menu.transition, ";cursor:pointer;height:", item.height, ";&:hover{padding:", item.padding, ";border-radius:", menu.borderRadius, ";background:#2a2a30;}&>.", k, "-menu-item-arrow:before{font-size:small;}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;span{overflow:hidden;text-overflow:ellipsis;min-width:0;}.", k, "-icon{color:inherit;}}.", k, "-menu-item-arrow{color:", item.color, ";margin:0 0 0 ", menu.icon.gap, ";transition:transform ", menu.transition, ";}&.", k, "-expanded{>.", k, "-menu-item-title{color:", item.hoverColor, ";.", k, "-menu-item-arrow{transform:rotate(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-item-title{border-radius:", menu.borderRadius, ";color:", item.activeBgColor, "!important;background:", item.hoverBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", item.dotFontSize, ";transform:scale(.4);}");
+  return /*#__PURE__*/css(".", k, "-menu-item-title{transition:all ", menu.transition, ";cursor:pointer;height:", item.height, ";&:hover{padding:", item.padding, ";border-radius:", menu.borderRadius, ";background:#2a2a30;}&>.", k, "-menu-item-arrow:before{font-size:small;}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;.", k, "-icon{color:inherit;display:inline-block;}}.", k, "-menu-item-arrow{color:", item.color, ";margin:0 0 0 ", menu.icon.gap, ";transition:transform ", menu.transition, ";}&.", k, "-expanded{>.", k, "-menu-item-title{color:", item.hoverColor, ";.", k, "-menu-item-arrow{transform:rotate(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-item-title{border-radius:", menu.borderRadius, ";color:", item.activeBgColor, "!important;background:", item.hoverBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", item.dotFontSize, ";transform:scale(.4);}");
 });
-export var makeNestedMenuStyles = cache(function makeNestedMenuStyles(k, hasIcon, parentPaddingLeft) {
+export var makeNestedMenuStyles = cache(function makeNestedMenuStyles(k, hasIcon, parentPaddingLeft, size) {
   if (parentPaddingLeft === void 0) {
     parentPaddingLeft = getLeft(menu.item.padding);
   }
-  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width + ' + ' + menu.icon.gap : '');
-  return [/*#__PURE__*/css("&.", k, "-menu{position:relative;width:auto;background:", menu.bgColor, ";border:none;.", k, "-menu-body{padding:0;.", k, "-menu-item-title{padding-left:calc(", paddingLeft, ");}.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.item.subTitleColor, ";}}}"), paddingLeft];
+  var fontSize = "" + (size === 'small' ? menu.small.fontSize : menu.fontSize);
+  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width + ' + ' + menu.icon.gap : ' + ' + fontSize);
+  return [/*#__PURE__*/css("&.", k, "-menu{position:relative;width:auto;background:", menu.bgColor, ";border:none;.", k, "-menu-body{padding:0;max-height:100%;.", k, "-menu-item-title{padding-left:calc(", paddingLeft, ");}.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.item.subTitleColor, ";}}}"), paddingLeft];
 });

package/es/components/menu/title.vdt.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
-import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact';
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, createUnknownComponentVNode as _$cc } from 'intact';
 import { Icon } from '../icon';
+import { Ellipsis } from '../ellipsis';
 import { getRestProps, findChildren, isComponentVNode } from '../utils';
 import { makeTitleStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
@@ -18,7 +19,10 @@ export default function ($props, $blocks, $__proto__) {
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-menu-title"] = true, _classNameObj[className] = className, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
-  }, getRestProps(this)), _$ce(2, 'div', !collapse ? _$ce(2, 'span', children, 0) : findChildren(children, function (vNode) {
+  }, getRestProps(this)), _$ce(2, 'div', !collapse ? _$cc(Ellipsis, {
+    'position': 'bottom',
+    'children': children
+  }) : findChildren(children, function (vNode) {
     return isComponentVNode(vNode, Icon);
   }), 0, _$cn((_$cn2 = {}, _$cn2[k + "-menu-name"] = true, _$cn2[makeTitleStyles(k)] = true, _$cn2))));
 }

package/es/components/table/table.vdt.js

@@ -160,7 +160,7 @@ export default function ($props, $blocks, $__proto__) {
     onRowDragEnd = _this$draggable.onRowDragEnd,
     draggingKey = _this$draggable.draggingKey;
   var tbody = _$ce(2, 'tbody', !hasData ? _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['empty'] = function ($super) {
-    return _$('/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~');
+    return _$('暂无数据');
   }, __$blocks['empty'] = function ($super, data) {
     var block = $blocks['empty'];
     var callBlock = function callBlock() {

package/es/components/tag/index.spec.js

@@ -1,11 +1,13 @@
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import ClosableDemo from '~/components/tag/demos/closable';
-import { mount, wait, dispatchEvent, getElement } from '../../test/utils';
+import { mount, unmount, wait, dispatchEvent, getElement } from '../../test/utils';
 import TagsDemo from '~/components/tag/demos/tags';
 import DraggableDemo from '~/components/tag/demos/draggable';
 describe('Tag', function () {
-  // afterEach(() => unmount());
+  afterEach(function () {
+    return unmount();
+  });
   it('should not close tag if we has prevented default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, btns, preventDefaultBtn, commonBtn;
     return _regeneratorRuntime.wrap(function _callee$(_context) {

package/es/components/tag/tags.vdt.js

@@ -55,7 +55,8 @@ export default function ($props, $blocks, $__proto__) {
       var _$blocks = {},
         __$blocks = _$ex({}, $blocks);
       return (_$blocks['content'] = function ($super) {
-        return _$ce(2, 'div', hiddenChildren.value, 0, _$cn(classNameObj));
+        var _extends2;
+        return _$ce(2, 'div', hiddenChildren.value, 0, _$cn(_extends({}, classNameObj, (_extends2 = {}, _extends2[k + "-nowrap"] = false, _extends2))));
       }, __$blocks['content'] = function ($super, data) {
         var block = $blocks['content'];
         var callBlock = function callBlock() {

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

@@ -0,0 +1,15 @@
+import { Component, TypeDefs } from 'intact';
+export interface ViewProps {
+    tag?: string;
+}
+/**
+ * A component only used in React or Vue to bind event, so that
+ * it can use Intact Event system to stop propagation (stopPropagation).
+ */
+export declare class View extends Component<ViewProps> {
+    static template(this: View): import("intact").VNode<string>;
+    static typeDefs: Required<TypeDefs<ViewProps>>;
+    static defaults(): {
+        tag: string;
+    };
+}

package/es/components/view/index.js

@@ -0,0 +1,30 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _excluded = ["tag"];
+import { Component, createVNode as h } from 'intact';
+var typeDefs = {
+  tag: String
+};
+/**
+ * A component only used in React or Vue to bind event, so that
+ * it can use Intact Event system to stop propagation (stopPropagation).
+ */
+export var View = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(View, _Component);
+  function View() {
+    return _Component.apply(this, arguments) || this;
+  }
+  View.template = function template() {
+    var _this$get = this.get(),
+      tag = _this$get.tag,
+      rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
+    return h(tag, rest);
+  };
+  View.defaults = function defaults() {
+    return {
+      tag: 'div'
+    };
+  };
+  return View;
+}(Component);
+View.typeDefs = typeDefs;

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

@@ -73,7 +73,7 @@ declare const i18n: {
     前往: string;
     页: string;
     '\u5171 {n} \u6761': string;
-    '/(\u3112o\u3112)/~~ \u6CA1\u6709\u627E\u5230\u4EB2\u8981\u7684\u6570\u636E\u54E6~': string;
+    暂无数据: string;
     重置: string;
     请输入: string;
     请选择: string;

package/es/i18n/en-US.js

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

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.2.2-beta.0
+ * @king-design v3.3.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -24,9 +24,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';
@@ -59,5 +61,6 @@ 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 declare const version = "3.2.2-beta.0";
+export declare const version = "3.3.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.2.2-beta.0
+ * @king-design v3.3.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -25,9 +25,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';
@@ -60,6 +62,7 @@ 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 var version = '3.2.2-beta.0';
+export var version = '3.3.0';
 /* generate end */

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

@@ -0,0 +1,9 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    border?: 'solid' | 'dashed' | 'dotted' | 'double';
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+}

package/es/site/data/components/divider/demos/basic/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';
+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 {
+      border: 'dashed'
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    border?: 'solid' | 'dashed' | 'dotted' | 'double';
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,27 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Card, Divider } 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 = {
+      border: 'dashed'
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", null, "\u9ED8\u8BA4\u76F4\u7EBF"), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", null, "\u865A\u7EBF"), /*#__PURE__*/React.createElement(Divider, {
+      borderType: this.state.border
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/divider/demos/horizontal/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/divider/demos/horizontal/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/divider/demos/horizontal/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/divider/demos/horizontal/react.js

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Divider } 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", {
+      className: "divider-content"
+    }, "Text", /*#__PURE__*/React.createElement(Divider, {
+      type: "vertical"
+    }), /*#__PURE__*/React.createElement("a", {
+      href: "#"
+    }, "Link"), /*#__PURE__*/React.createElement(Divider, {
+      type: "vertical"
+    }, "Text"), /*#__PURE__*/React.createElement("a", {
+      href: "#"
+    }, "Link"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/divider/demos/margin/index.d.ts

@@ -0,0 +1,8 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        margin: readonly ["large", "default", "small", "none"];
+    };
+}

package/es/site/data/components/divider/demos/margin/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';
+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 {
+      margin: ['large', 'default', 'small', 'none']
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/divider/demos/margin/react.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        margin: readonly ["large", "default", "small", "none"];
+    };
+    render(): React.JSX.Element;
+}

package/es/site/data/components/divider/demos/margin/react.js

@@ -0,0 +1,37 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import React from 'react';
+import { Divider } 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 = {
+      margin: ['large', 'default', 'small', 'none']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _context2;
+    return /*#__PURE__*/React.createElement("div", null, _mapInstanceProperty(_context2 = this.state.margin).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement("div", null, "margin ", $value, /*#__PURE__*/React.createElement(Divider, {
+        margin: $value
+      }));
+    }), "\u81EA\u5B9A\u4E49margin", /*#__PURE__*/React.createElement(Divider, {
+      margin: 30
+    }), "\u81EA\u5B9A\u4E49margin", /*#__PURE__*/React.createElement(Divider, {
+      style: {
+        margin: '8px 0 0 0'
+      }
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/divider/demos/text/index.d.ts

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

package/es/site/data/components/divider/demos/text/index.js

@@ -0,0 +1,13 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+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/divider/demos/text/react.d.ts

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

package/es/site/data/components/divider/demos/text/react.js

@@ -0,0 +1,19 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Card, Divider } from '@king-design/react';
+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(Card, null, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement(Divider, null, "Text"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement(Divider, {
+      position: "left"
+    }, "Text"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement(Divider, {
+      position: "right"
+    }, "Text")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/divider/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/divider/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/ellipsis/demos/basic/index.d.ts

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

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 {};