@king-design/intact 3.4.0-beta.2 → 3.4.2

package/es/components/descriptions/descriptions.vdt.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, noop as _$no, map as _$ma, createUnknownComponentVNode as _$cc } from 'intact';
+import { DescriptionItem } from './item';
+import { makeStyles } from './styles';
+import { getRestProps } from '../utils';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _$blocks = {};
+  var __$blocks = {};
+  var _this$get = this.get(),
+    children = _this$get.children,
+    className = _this$get.className,
+    columns = _this$get.columns,
+    title = _this$get.title,
+    vertical = _this$get.vertical,
+    items = _this$get.items;
+  var k = this.config.k;
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-descriptions"] = true, _classNameObj[k + "-vertical"] = vertical, _classNameObj[className] = className, _classNameObj[makeStyles(k, columns)] = true, _classNameObj);
+  return _$cv('div', _extends({}, getRestProps(this), {
+    'className': _$cn(classNameObj)
+  }), [$blocks.title || title ? _$ce(2, 'div', (_$blocks['title'] = function ($super) {
+    return title ? title : undefined;
+  }, __$blocks['title'] = function ($super, data) {
+    var block = $blocks['title'];
+    var callBlock = function callBlock() {
+      return _$blocks['title'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['title'](_$no)), 0, _$cn(k + "-descriptions-title")) : undefined, _$ce(2, 'div', items ? _$ma(items, function ($value, $key) {
+    return _$cc(DescriptionItem, {
+      'label': $value.label,
+      'content': $value.content,
+      'append': $value.append
+    });
+  }, $this) : children, 0, _$cn(k + "-descriptions-content"))]);
+}
+;

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

@@ -0,0 +1,2 @@
+export * from './descriptions';
+export * from './item';

package/es/components/descriptions/index.js

@@ -0,0 +1,2 @@
+export * from './descriptions';
+export * from './item';

package/es/components/descriptions/index.spec.d.ts

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+"use strict";

package/es/components/descriptions/item.d.ts

@@ -0,0 +1,17 @@
+import { Component, TypeDefs, VNode } from "intact";
+export interface DescriptionItemProps {
+    label?: string | number | VNode;
+    content?: string | number | VNode;
+    append?: string | number | VNode;
+}
+export interface DescriptionItemBlocks {
+    append: null;
+    label: null;
+}
+export interface DescriptionItemEvents {
+}
+export declare class DescriptionItem extends Component<DescriptionItemProps, DescriptionItemEvents, DescriptionItemBlocks> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<DescriptionItemProps>>;
+    private config;
+}

package/es/components/descriptions/item.js

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component, VNode } from "intact";
+import template from './item.vdt';
+import { useConfigContext } from '../config';
+var typeDefs = {
+  label: [String, Number, VNode],
+  content: [String, Number, VNode],
+  append: [String, Number, VNode]
+};
+export var DescriptionItem = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(DescriptionItem, _Component);
+  function DescriptionItem() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.config = useConfigContext();
+    return _this;
+  }
+  return DescriptionItem;
+}(Component);
+DescriptionItem.template = template;
+DescriptionItem.typeDefs = typeDefs;

package/es/components/descriptions/item.vdt.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, noop as _$no, createUnknownComponentVNode as _$cc } from 'intact';
+import { makeStyles } from './styles';
+import { getRestProps } from '../utils';
+import { Ellipsis } from '../ellipsis';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _$blocks = {};
+  var __$blocks = {};
+  var _this$get = this.get(),
+    children = _this$get.children,
+    className = _this$get.className,
+    span = _this$get.span,
+    label = _this$get.label,
+    content = _this$get.content,
+    append = _this$get.append;
+  var k = this.config.k;
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-description-item"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  return _$cv('div', _extends({}, getRestProps(this), {
+    'className': _$cn(classNameObj)
+  }), [_$ce(2, 'div', (_$blocks['label'] = function ($super) {
+    return label ? label : undefined;
+  }, __$blocks['label'] = function ($super, data) {
+    var block = $blocks['label'];
+    var callBlock = function callBlock() {
+      return _$blocks['label'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['label'](_$no)), 0, _$cn(k + "-description-item-label")), _$ce(2, 'div', [_$cc(Ellipsis, {
+    'children': content || children
+  }), $blocks.append || append ? _$ce(2, 'div', (_$blocks['append'] = function ($super) {
+    return append ? append : undefined;
+  }, __$blocks['append'] = function ($super, data) {
+    var block = $blocks['append'];
+    var callBlock = function callBlock() {
+      return _$blocks['append'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['append'](_$no)), 0, _$cn(k + "-description-option")) : undefined], 0, _$cn(k + "-description-centent"))]);
+}
+;

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

@@ -0,0 +1,5 @@
+import '../../styles/global';
+export declare const makeStyles: {
+    (k: string, column: number): string;
+    clearCache(): {};
+};

package/es/components/descriptions/styles.js

@@ -0,0 +1,31 @@
+import { css } from '@emotion/css';
+import { theme, setDefault } from '../../styles/theme';
+import { deepDefaults } from '../../styles/utils';
+import '../../styles/global';
+import { cache } from '../utils';
+var defaults = {
+  title: {
+    get color() {
+      return theme.color.title;
+    },
+    weight: 500,
+    size: '14px'
+  },
+  label: {
+    get color() {
+      return theme.color.lightBlack;
+    },
+    padding: '0 16px 0 0'
+  }
+};
+var descriptions;
+setDefault(function () {
+  descriptions = deepDefaults(theme, {
+    descriptions: defaults
+  }).descriptions;
+  makeStyles == null || makeStyles.clearCache();
+});
+export var makeStyles = cache(function makeStyles(k, column) {
+  var itemWidth = 100 / column + "%";
+  return /*#__PURE__*/css("&.", k, "-vertical{.", k, "-description-item{display:flex;flex-direction:column;align-items:baseline;.", k, "-description-centent{width:auto;}}}.", k, "-descriptions-title{color:", descriptions.title.color, ";font-weight:", descriptions.title.weight, ";font-size:", descriptions.title.size, ";display:flex;align-items:center;}.", k, "-descriptions-content{display:flex;flex-wrap:wrap;padding-top:16px;}.", k, "-description-item{display:flex;align-items:center;padding-bottom:16px;flex:0 0 ", itemWidth, ";width:", itemWidth, ";}.", k, "-description-centent{display:flex;align-items:center;max-width:60%;}.", k, "-description-item-label{color:", descriptions.label.color, ";padding:", descriptions.label.padding, ";display:flex;align-items:center;}.", k, "-description-option{display:inline-block;margin-left:8px;line-height:0px;}");
+});

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

@@ -13,7 +13,7 @@ export interface SwitchProps<True = any, False = any> {
     size?: Sizes;
     disabled?: boolean;
     loading?: boolean;
-    beforeChange?: (value: True | False | undefined) => boolean | Promise<boolean>;
+    beforeChange?: (from: True | False | undefined, to: True | False | undefined) => boolean | Promise<boolean>;
 }
 export interface SwitchEvents {
     click: [MouseEvent];

package/es/components/switch/index.js

@@ -59,7 +59,9 @@ export var Switch = /*#__PURE__*/function (_Component) {
   };
   _proto.onClickOnHandle = function onClickOnHandle(e) {
     // we can not stop propagation, otherwise the click can not be listen at outer
-    e._switchIgnore = true;
+    var _this$get = this.get(),
+      beforeChange = _this$get.beforeChange;
+    e._switchIgnore = !beforeChange;
   };
   _proto.onKeypress = function onKeypress(e) {
     this.trigger('keypress', e);
@@ -69,11 +71,11 @@ export var Switch = /*#__PURE__*/function (_Component) {
   };
   _proto.toggle = /*#__PURE__*/function () {
     var _toggle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(isKeypress) {
-      var _this$get, disabled, beforeChange, value, ret;
+      var _this$get2, disabled, beforeChange, value, trueValue, falseValue, toValue, ret;
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _this$get = this.get(), disabled = _this$get.disabled, beforeChange = _this$get.beforeChange, value = _this$get.value;
+            _this$get2 = this.get(), disabled = _this$get2.disabled, beforeChange = _this$get2.beforeChange, value = _this$get2.value, trueValue = _this$get2.trueValue, falseValue = _this$get2.falseValue;
             if (!disabled) {
               _context2.next = 3;
               break;
@@ -85,7 +87,7 @@ export var Switch = /*#__PURE__*/function (_Component) {
               this.elementRef.value.blur();
             }
             if (!beforeChange) {
-              _context2.next = 15;
+              _context2.next = 16;
               break;
             }
             this.set({
@@ -93,33 +95,34 @@ export var Switch = /*#__PURE__*/function (_Component) {
               loading: true
             });
             _context2.prev = 6;
-            _context2.next = 9;
-            return beforeChange(value);
-          case 9:
+            toValue = this.isChecked() ? falseValue : trueValue;
+            _context2.next = 10;
+            return beforeChange(value, toValue);
+          case 10:
             ret = _context2.sent;
             if (ret) {
-              _context2.next = 12;
+              _context2.next = 13;
               break;
             }
             return _context2.abrupt("return");
-          case 12:
-            _context2.prev = 12;
+          case 13:
+            _context2.prev = 13;
             this.set({
               disabled: false,
               loading: false
             });
-            return _context2.finish(12);
-          case 15:
+            return _context2.finish(13);
+          case 16:
             if (this.isChecked()) {
               this.uncheck();
             } else {
               this.check();
             }
-          case 16:
+          case 17:
           case "end":
             return _context2.stop();
         }
-      }, _callee, this, [[6,, 12, 15]]);
+      }, _callee, this, [[6,, 13, 16]]);
     }));
     function toggle(_x) {
       return _toggle.apply(this, arguments);

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

@@ -241,7 +241,7 @@ describe('Switch', function () {
     }, _callee6);
   })));
   it('beforeChange', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-    var _mount7, instance, element, _element$querySelecto5, el1, el2;
+    var _mount7, instance, element, _element$querySelecto5, el1, el2, _element$querySelecto6, dragg1, dragg2;
     return _regeneratorRuntime.wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
         case 0:
@@ -252,9 +252,27 @@ describe('Switch', function () {
           _context7.next = 6;
           return wait(1000);
         case 6:
-          expect(instance.get('value1')).to.be.true;
+          expect(instance.get('value1')).eql(1);
           expect(instance.get('value2')).to.be.false;
-        case 8:
+          _context7.next = 10;
+          return wait();
+        case 10:
+          _element$querySelecto6 = element.querySelectorAll('.k-switch-handle'), dragg1 = _element$querySelecto6[0], dragg2 = _element$querySelecto6[1];
+          dispatchEvent(dragg2, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: 30
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: 30
+          });
+          _context7.next = 16;
+          return wait();
+        case 16:
+          expect(instance.get('value2')).to.be.false;
+        case 17:
         case "end":
           return _context7.stop();
       }

package/es/components/switch/useDraggable.js

@@ -10,7 +10,10 @@ export function useDraggable(elementRef) {
   var width;
   var maxWidth;
   function onStart(e) {
-    if (instance.get('disabled')) return;
+    var _instance$get = instance.get(),
+      disabled = _instance$get.disabled,
+      beforeChange = _instance$get.beforeChange;
+    if (disabled || beforeChange) return;
     x = e.clientX;
     height = barRef.value.clientHeight;
     width = barRef.value.clientWidth;
@@ -39,9 +42,9 @@ export function useDraggable(elementRef) {
       } else if (percent < 0.5) {
         instance.uncheck();
       }
-      var _instance$get = instance.get(),
-        _width = _instance$get.width,
-        _height = _instance$get.height;
+      var _instance$get2 = instance.get(),
+        _width = _instance$get2.width,
+        _height = _instance$get2.height;
       if (!instance.isChecked() && _width && _height) {
         barWidth.set(+_height);
       } else {

package/es/components/table/column.d.ts

@@ -5,6 +5,7 @@ export interface TableColumnProps {
     sortable?: boolean;
     width?: string | number;
     group?: TableColumnGroupItem[];
+    hideGroupHeader?: boolean;
     multiple?: boolean;
     ignore?: boolean;
     fixed?: 'left' | 'right';

package/es/components/table/column.js

@@ -13,6 +13,7 @@ var typeDefs = {
   sortable: Boolean,
   width: [String, Number],
   group: Array,
+  hideGroupHeader: Boolean,
   multiple: Boolean,
   ignore: Boolean,
   fixed: ['left', 'right'],

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

@@ -33,7 +33,8 @@ export default function ($props, $blocks, $__proto__) {
     sortable = _this$get.sortable,
     cols = _this$get.cols,
     rows = _this$get.rows,
-    hidden = _this$get.hidden;
+    hidden = _this$get.hidden,
+    hideGroupHeader = _this$get.hideGroupHeader;
   var _this$group = this.group,
     onSelect = _this$group.onSelect,
     isChecked = _this$group.isChecked,
@@ -87,8 +88,8 @@ export default function ($props, $blocks, $__proto__) {
                         return block ? block.call($this, callBlock, data) : callBlock();
                       }, __$blocks['title'](_$no)), 0, _$cn(k + "-table-title-text c-ellipsis")), group ? _$cc(Dropdown, {
                         'position': {
-                          my: 'center top',
-                          at: 'center bottom+5',
+                          my: 'left top',
+                          at: 'left bottom+5',
                           collision: 'flipfit'
                         },
                         'key': 'dropdown',
@@ -104,7 +105,7 @@ export default function ($props, $blocks, $__proto__) {
                           'color': isEmptyValue(groupValue) ? null : 'primary'
                         }), _$cc(DropdownMenu, {
                           'className': _$cn((_$cn2 = {}, _$cn2[k + "-table-group-dropdown"] = true, _$cn2[makeGroupMenuStyles(k)] = true, _$cn2)),
-                          'children': [_$ce(2, 'div', _$cc(Input, {
+                          'children': [!hideGroupHeader ? _$ce(2, 'div', _$cc(Input, {
                             'size': 'small',
                             'fluid': true,
                             'placeholder': _$('请输入关键字'),
@@ -126,7 +127,7 @@ export default function ($props, $blocks, $__proto__) {
                                 return block ? block.call($this, callBlock, data) : callBlock();
                               }), __$blocks;
                             }.call($this, _$em)
-                          }), 2, _$cn(k + "-table-group-header")), _$ce(2, 'div', _$ma(filteredGroup.value, function ($value, $key) {
+                          }), 2, _$cn(k + "-table-group-header")) : undefined, _$ce(2, 'div', _$ma(filteredGroup.value, function ($value, $key) {
                             var _$cn3;
                             return _$cc(DropdownItem, {
                               'ev-select': function evSelect() {
@@ -147,7 +148,6 @@ export default function ($props, $blocks, $__proto__) {
                           }), _$cc(Button, {
                             'size': 'small',
                             'disabled': isEmptyValue(localGroupValue.value),
-                            'type': 'secondary',
                             'ev-click': function evClick() {
                               return reset(onChange);
                             },

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.0-beta.2
+ * @king-design v3.4.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -23,6 +23,7 @@ export * from './components/colorpicker';
 export * from './components/config';
 export * from './components/copy';
 export * from './components/datepicker';
+export * from './components/descriptions';
 export * from './components/dialog';
 export * from './components/divider';
 export * from './components/drawer';
@@ -63,4 +64,4 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.4.0-beta.2";
+export declare const version = "3.4.2";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.0-beta.2
+ * @king-design v3.4.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -24,6 +24,7 @@ export * from './components/colorpicker';
 export * from './components/config';
 export * from './components/copy';
 export * from './components/datepicker';
+export * from './components/descriptions';
 export * from './components/dialog';
 export * from './components/divider';
 export * from './components/drawer';
@@ -64,5 +65,5 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.4.0-beta.2';
+export var version = '3.4.2';
 /* generate end */

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

@@ -0,0 +1,17 @@
+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>;
+    static defaults(): {
+        items: ({
+            label: string;
+            content: string;
+            append?: undefined;
+        } | {
+            label: string;
+            content: string;
+            append: string;
+        })[];
+    };
+}

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

@@ -0,0 +1,32 @@
+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 {
+      items: [{
+        label: 'label1',
+        content: '测试1'
+      }, {
+        label: 'label2',
+        content: '测试测试'
+      }, {
+        label: 'label3',
+        content: '测试3'
+      }, {
+        label: 'label4',
+        content: '测试4',
+        append: 'option'
+      }]
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        items: ({
+            label: string;
+            content: string;
+            append?: undefined;
+        } | {
+            label: string;
+            content: string;
+            append: string;
+        })[];
+    };
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,55 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Descriptions, DescriptionItem } 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 = {
+      items: [{
+        label: 'label1',
+        content: '测试1'
+      }, {
+        label: 'label2',
+        content: '测试测试'
+      }, {
+        label: 'label3',
+        content: '测试3'
+      }, {
+        label: 'label4',
+        content: '测试4',
+        append: 'option'
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Descriptions, {
+      title: "\u57FA\u7840\u4FE1\u606F",
+      items: this.state.items,
+      columns: 4
+    }), /*#__PURE__*/React.createElement(Descriptions, {
+      title: "\u57FA\u7840\u4FE1\u606F"
+    }, /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "\u6D4B\u8BD51"
+    }, "\u6D4B\u8BD51"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "\u6D4B\u8BD52"
+    }, "\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F\u6D4B\u8BD5\u8D85\u957F"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "\u6D4B\u8BD53"
+    }, "\u6D4B\u8BD53"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "\u6D4B\u8BD54"
+    }, "\u6D4B\u8BD54"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "\u6D4B\u8BD55"
+    }, "\u6D4B\u8BD55")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,45 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Descriptions, DescriptionItem, Copy, Button, Tooltip, Icon } from '@king-design/react';
+import './index.styl';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Descriptions, {
+      title: "\u57FA\u7840\u4FE1\u606F",
+      slotTitle: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u81EA\u5B9A\u4E49\u6807\u9898"), /*#__PURE__*/React.createElement(Tooltip, {
+        content: "custom title"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "k-icon-question"
+      })))
+    }, /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "label1",
+      slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Copy, {
+        text: "success"
+      }))
+    }, "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "label2"
+    }, "\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "label3",
+      slotLabel: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u81EA\u5B9A\u4E49label"), /*#__PURE__*/React.createElement(Tooltip, {
+        content: "custom label"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "k-icon-question"
+      })))
+    }, "\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "label4"
+    }, /*#__PURE__*/React.createElement("span", null, "\u6D4B\u8BD54"), /*#__PURE__*/React.createElement(Button, {
+      type: "link"
+    }, "\u5206\u914D\u9879\u76EE")), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "label5"
+    }, "\u6D4B\u8BD55"), /*#__PURE__*/React.createElement(DescriptionItem, {
+      label: "label6"
+    }, "\u6D4B\u8BD56")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };