@fle-ui/next 1.0.0-alpha.8 → 1.0.0-alpha.9

package/es/typography/demo/basic.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本
- * desc: 展示文档样例。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/typography/demo/basic.js

@@ -1,51 +0,0 @@
-/**
- * title: 基本
- * desc: 展示文档样例。
- */
-import React from 'react';
-import { Typography, Divider } from '@fle-ui/next';
-var Title = Typography.Title,
-    Paragraph = Typography.Paragraph,
-    Text = Typography.Text,
-    Link = Typography.Link;
-var blockContent = "AntV \u662F\u8682\u8681\u91D1\u670D\u5168\u65B0\u4E00\u4EE3\u6570\u636E\u53EF\u89C6\u5316\u89E3\u51B3\u65B9\u6848\uFF0C\u81F4\u529B\u4E8E\u63D0\u4F9B\u4E00\u5957\u7B80\u5355\u65B9\u4FBF\u3001\u4E13\u4E1A\u53EF\u9760\u3001\u4E0D\u9650\u53EF\u80FD\u7684\u6570\u636E\u53EF\u89C6\u5316\u6700\u4F73\u5B9E\u8DF5\u3002\u5F97\u76CA\u4E8E\u4E30\u5BCC\u7684\u4E1A\u52A1\u573A\u666F\u548C\u7528\u6237\u9700\u6C42\u6311\u6218\uFF0CAntV \u7ECF\u5386\u591A\u5E74\u79EF\u7D2F\u4E0E\u4E0D\u65AD\u6253\u78E8\uFF0C\u5DF2\u652F\u6491\u6574\u4E2A\u963F\u91CC\u96C6\u56E2\u5185\u5916 20000+ \u4E1A\u52A1\u7CFB\u7EDF\uFF0C\u901A\u8FC7\u4E86\u65E5\u5747\u5343\u4E07\u7EA7 UV \u4EA7\u54C1\u7684\u4E25\u82DB\u8003\u9A8C\u3002\n\u6211\u4EEC\u6B63\u5728\u57FA\u7840\u56FE\u8868\uFF0C\u56FE\u5206\u6790\uFF0C\u56FE\u7F16\u8F91\uFF0C\u5730\u7406\u7A7A\u95F4\u53EF\u89C6\u5316\uFF0C\u667A\u80FD\u53EF\u89C6\u5316\u7B49\u5404\u4E2A\u53EF\u89C6\u5316\u7684\u9886\u57DF\u8015\u8018\uFF0C\u6B22\u8FCE\u540C\u8DEF\u4EBA\u4E00\u8D77\u524D\u884C\u3002";
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Typography, null, /*#__PURE__*/React.createElement(Title, null, "Introduction"), /*#__PURE__*/React.createElement(Paragraph, null, "In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development."), /*#__PURE__*/React.createElement(Paragraph, null, "After massive project practice and summaries, Ant Design, a design language for background applications, is refined by Ant UED Team, which aims to", /*#__PURE__*/React.createElement(Text, {
-    strong: true
-  }, "uniform the user interface specs for internal background projects, lower the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development"), "."), /*#__PURE__*/React.createElement(Title, {
-    level: 2
-  }, "Guidelines and Resources"), /*#__PURE__*/React.createElement(Paragraph, null, "We supply a series of design principles, practical patterns and high quality design resources (", /*#__PURE__*/React.createElement(Text, {
-    code: true
-  }, "Sketch"), " and", ' ', /*#__PURE__*/React.createElement(Text, {
-    code: true
-  }, "Axure"), "), to help people create their product prototypes beautifully and efficiently."), /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
-    href: "/docs/spec/proximity"
-  }, "Principles")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
-    href: "/docs/spec/overview"
-  }, "Patterns")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
-    href: "/docs/resources"
-  }, "Resource Download")))), /*#__PURE__*/React.createElement(Paragraph, null, "Press ", /*#__PURE__*/React.createElement(Text, {
-    keyboard: true
-  }, "Esc"), " to exit..."), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Title, null, "\u4ECB\u7ECD"), /*#__PURE__*/React.createElement(Paragraph, null, "\u8682\u8681\u7684\u4F01\u4E1A\u7EA7\u4EA7\u54C1\u662F\u4E00\u4E2A\u5E9E\u5927\u4E14\u590D\u6742\u7684\u4F53\u7CFB\u3002\u8FD9\u7C7B\u4EA7\u54C1\u4E0D\u4EC5\u91CF\u7EA7\u5DE8\u5927\u4E14\u529F\u80FD\u590D\u6742\uFF0C\u800C\u4E14\u53D8\u52A8\u548C\u5E76\u53D1\u9891\u7E41\uFF0C\u5E38\u5E38\u9700\u8981\u8BBE\u8BA1\u4E0E\u5F00\u53D1\u80FD\u591F\u5FEB\u901F\u7684\u505A\u51FA\u54CD\u5E94\u3002\u540C\u65F6\u8FD9\u7C7B\u4EA7\u54C1\u4E2D\u6709\u5B58\u5728\u5F88\u591A\u7C7B\u4F3C\u7684\u9875\u9762\u4EE5\u53CA\u7EC4\u4EF6\uFF0C\u53EF\u4EE5\u901A\u8FC7\u62BD\u8C61\u5F97\u5230\u4E00\u4E9B\u7A33\u5B9A\u4E14\u9AD8\u590D\u7528\u6027\u7684\u5185\u5BB9\u3002"), /*#__PURE__*/React.createElement(Paragraph, null, "\u968F\u7740\u5546\u4E1A\u5316\u7684\u8D8B\u52BF\uFF0C\u8D8A\u6765\u8D8A\u591A\u7684\u4F01\u4E1A\u7EA7\u4EA7\u54C1\u5BF9\u66F4\u597D\u7684\u7528\u6237\u4F53\u9A8C\u6709\u4E86\u8FDB\u4E00\u6B65\u7684\u8981\u6C42\u3002\u5E26\u7740\u8FD9\u6837\u7684\u4E00\u4E2A\u7EC8\u6781\u76EE\u6807\uFF0C\u6211\u4EEC\uFF08\u8682\u8681\u91D1\u670D\u4F53\u9A8C\u6280\u672F\u90E8\uFF09\u7ECF\u8FC7\u5927\u91CF\u7684\u9879\u76EE\u5B9E\u8DF5\u548C\u603B\u7ED3\uFF0C\u9010\u6B65\u6253\u78E8\u51FA\u4E00\u4E2A\u670D\u52A1\u4E8E\u4F01\u4E1A\u7EA7\u4EA7\u54C1\u7684\u8BBE\u8BA1\u4F53\u7CFB Ant Design\u3002\u57FA\u4E8E", /*#__PURE__*/React.createElement(Text, {
-    mark: true
-  }, "\u300E\u786E\u5B9A\u300F\u548C\u300E\u81EA\u7136\u300F"), "\u7684\u8BBE\u8BA1\u4EF7\u503C\u89C2\uFF0C\u901A\u8FC7\u6A21\u5757\u5316\u7684\u89E3\u51B3\u65B9\u6848\uFF0C\u964D\u4F4E\u5197\u4F59\u7684\u751F\u4EA7\u6210\u672C\uFF0C\u8BA9\u8BBE\u8BA1\u8005\u4E13\u6CE8\u4E8E", /*#__PURE__*/React.createElement(Text, {
-    strong: true
-  }, "\u66F4\u597D\u7684\u7528\u6237\u4F53\u9A8C"), "\u3002"), /*#__PURE__*/React.createElement(Title, {
-    level: 2
-  }, "\u8BBE\u8BA1\u8D44\u6E90"), /*#__PURE__*/React.createElement(Paragraph, null, "\u6211\u4EEC\u63D0\u4F9B\u5B8C\u5584\u7684\u8BBE\u8BA1\u539F\u5219\u3001\u6700\u4F73\u5B9E\u8DF5\u548C\u8BBE\u8BA1\u8D44\u6E90\u6587\u4EF6\uFF08", /*#__PURE__*/React.createElement(Text, {
-    code: true
-  }, "Sketch"), ' ', "\u548C", /*#__PURE__*/React.createElement(Text, {
-    code: true
-  }, "Axure"), "\uFF09\uFF0C\u6765\u5E2E\u52A9\u4E1A\u52A1\u5FEB\u901F\u8BBE\u8BA1\u51FA\u9AD8\u8D28\u91CF\u7684\u4EA7\u54C1\u539F\u578B\u3002"), /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
-    href: "/docs/spec/proximity-cn"
-  }, "\u8BBE\u8BA1\u539F\u5219")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
-    href: "/docs/spec/overview-cn"
-  }, "\u8BBE\u8BA1\u6A21\u5F0F")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
-    href: "/docs/resources-cn"
-  }, "\u8BBE\u8BA1\u8D44\u6E90")))), /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("blockquote", null, blockContent), /*#__PURE__*/React.createElement("pre", null, blockContent)), /*#__PURE__*/React.createElement(Paragraph, null, "\u6309", /*#__PURE__*/React.createElement(Text, {
-    keyboard: true
-  }, "Esc"), "\u952E\u9000\u51FA\u9605\u8BFB\u2026\u2026"));
-};
-
-export default Demo;

package/es/typography/demo/ellipsis-middle.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 省略中间
- * desc:
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/typography/demo/ellipsis-middle.js

@@ -1,30 +0,0 @@
-/**
- * title: 省略中间
- * desc:
- */
-import React from 'react';
-import { Typography } from '@fle-ui/next';
-var Text = Typography.Text;
-
-var EllipsisMiddle = function EllipsisMiddle(_ref) {
-  var suffixCount = _ref.suffixCount,
-      children = _ref.children;
-  var start = children.slice(0, children.length - suffixCount).trim();
-  var suffix = children.slice(-suffixCount).trim();
-  return /*#__PURE__*/React.createElement(Text, {
-    style: {
-      maxWidth: '100%'
-    },
-    ellipsis: {
-      suffix: suffix
-    }
-  }, start);
-};
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(EllipsisMiddle, {
-    suffixCount: 12
-  }, "In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development.");
-};
-
-export default Demo;

package/es/typography/demo/ellipsis.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 省略号
- * desc: 多行文本省略。你可以通过 `tooltip` 属性配置省略展示内容，大量文本时推荐优先使用 `expandable`。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/typography/demo/ellipsis.js

@@ -1,41 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 省略号
- * desc: 多行文本省略。你可以通过 `tooltip` 属性配置省略展示内容，大量文本时推荐优先使用 `expandable`。
- */
-import React, { useState } from 'react';
-import { Typography, Switch } from '@fle-ui/next';
-var Paragraph = Typography.Paragraph,
-    Text = Typography.Text;
-
-var Demo = function Demo() {
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      ellipsis = _useState2[0],
-      setEllipsis = _useState2[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Switch, {
-    checked: ellipsis,
-    onChange: function onChange() {
-      setEllipsis(!ellipsis);
-    }
-  }), /*#__PURE__*/React.createElement(Paragraph, {
-    ellipsis: ellipsis
-  }, "Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team."), /*#__PURE__*/React.createElement(Paragraph, {
-    ellipsis: ellipsis ? {
-      rows: 2,
-      expandable: true,
-      symbol: 'more'
-    } : false
-  }, "Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team."), /*#__PURE__*/React.createElement(Text, {
-    style: ellipsis ? {
-      width: 100
-    } : undefined,
-    ellipsis: ellipsis ? {
-      tooltip: 'I am ellipsis now!'
-    } : false
-  }, "Ant Design, a design language for background applications, is refined by Ant UED Team."));
-};
-
-export default Demo;

package/es/typography/demo/interactive.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 可交互
- * desc: 提供可编辑和可复制等额外的交互能力。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/typography/demo/interactive.js

@@ -1,79 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 可交互
- * desc: 提供可编辑和可复制等额外的交互能力。
- */
-import React, { useState } from 'react';
-import { Typography } from '@fle-ui/next';
-import { HighlightOutlined, SmileOutlined, SmileFilled } from '@ant-design/icons';
-var Paragraph = Typography.Paragraph;
-
-var Demo = function Demo() {
-  var _useState = useState('This is an editable text.'),
-      _useState2 = _slicedToArray(_useState, 2),
-      editableStr = _useState2[0],
-      setEditableStr = _useState2[1];
-
-  var _useState3 = useState('Custom Edit icon and replace tooltip text.'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      customIconStr = _useState4[0],
-      setCustomIconStr = _useState4[1];
-
-  var _useState5 = useState('Hide Edit tooltip.'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hideTooltipStr = _useState6[0],
-      setHideTooltipStr = _useState6[1];
-
-  var _useState7 = useState('This is an editable text with limited length.'),
-      _useState8 = _slicedToArray(_useState7, 2),
-      lengthLimitedStr = _useState8[0],
-      setLengthLimitedStr = _useState8[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, {
-    editable: {
-      onChange: setEditableStr
-    }
-  }, editableStr), /*#__PURE__*/React.createElement(Paragraph, {
-    editable: {
-      icon: /*#__PURE__*/React.createElement(HighlightOutlined, null),
-      tooltip: 'click to edit text',
-      onChange: setCustomIconStr
-    }
-  }, customIconStr), /*#__PURE__*/React.createElement(Paragraph, {
-    editable: {
-      tooltip: false,
-      onChange: setHideTooltipStr
-    }
-  }, hideTooltipStr), /*#__PURE__*/React.createElement(Paragraph, {
-    editable: {
-      onChange: setLengthLimitedStr,
-      maxLength: 50,
-      autoSize: {
-        maxRows: 5,
-        minRows: 3
-      }
-    }
-  }, lengthLimitedStr), /*#__PURE__*/React.createElement(Paragraph, {
-    copyable: true
-  }, "This is a copyable text."), /*#__PURE__*/React.createElement(Paragraph, {
-    copyable: {
-      text: 'Hello, Ant Design!'
-    }
-  }, "Replace copy text."), /*#__PURE__*/React.createElement(Paragraph, {
-    copyable: {
-      icon: [/*#__PURE__*/React.createElement(SmileOutlined, {
-        key: "copy-icon"
-      }), /*#__PURE__*/React.createElement(SmileFilled, {
-        key: "copied-icon"
-      })],
-      tooltips: ['click here', 'you clicked!!']
-    }
-  }, "Custom Copy icon and replace tooltips text."), /*#__PURE__*/React.createElement(Paragraph, {
-    copyable: {
-      tooltips: false
-    }
-  }, "Hide Copy tooltips."));
-};
-
-export default Demo;

package/es/typography/demo/suffix.d.ts

@@ -1,13 +0,0 @@
-/**
- * title: 后缀
- * desc: 添加后缀的省略。
- */
-import React from 'react';
-declare class Demo extends React.Component {
-    state: {
-        rows: number;
-    };
-    onChange: (rows: number) => void;
-    render(): JSX.Element;
-}
-export default Demo;

package/es/typography/demo/suffix.js

@@ -1,65 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-/**
- * title: 后缀
- * desc: 添加后缀的省略。
- */
-import React from 'react';
-import { Typography, Slider } from '@fle-ui/next';
-var Paragraph = Typography.Paragraph;
-
-var Demo = /*#__PURE__*/function (_React$Component) {
-  _inherits(Demo, _React$Component);
-
-  var _super = _createSuper(Demo);
-
-  function Demo() {
-    var _this;
-
-    _classCallCheck(this, Demo);
-
-    _this = _super.apply(this, arguments);
-    _this.state = {
-      rows: 1
-    };
-
-    _this.onChange = function (rows) {
-      _this.setState({
-        rows: rows
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(Demo, [{
-    key: "render",
-    value: function render() {
-      var rows = this.state.rows;
-      var article = "To be, or not to be, that is a question: Whether it is nobler in the mind to suffer. The slings and arrows of outrageous fortune Or to take arms against a sea of troubles, And by opposing end them? To die: to sleep; No more; and by a sleep to say we end The heart-ache and the thousand natural shocks That flesh is heir to, 'tis a consummation Devoutly to be wish'd. To die, to sleep To sleep- perchance to dream: ay, there's the rub! For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause. There 's the respect That makes calamity of so long life";
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Slider, {
-        value: rows,
-        min: 1,
-        max: 10,
-        onChange: this.onChange
-      }), /*#__PURE__*/React.createElement(Paragraph, {
-        ellipsis: {
-          rows: rows,
-          expandable: true,
-          suffix: '--William Shakespeare',
-          onEllipsis: function onEllipsis(ellipsis) {
-            console.log('Ellipsis changed:', ellipsis);
-          }
-        },
-        title: "".concat(article, "--William Shakespeare")
-      }, article));
-    }
-  }]);
-
-  return Demo;
-}(React.Component);
-
-export default Demo;

package/es/typography/demo/text.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 文本与超链接组件
- * desc: 内置不同样式的文本以及超链接组件。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/typography/demo/text.js

@@ -1,43 +0,0 @@
-/**
- * title: 文本与超链接组件
- * desc: 内置不同样式的文本以及超链接组件。
- */
-import React from 'react';
-import { Typography, Space } from '@fle-ui/next';
-var Text = Typography.Text,
-    Link = Typography.Link;
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical"
-  }, /*#__PURE__*/React.createElement(Text, null, "Ant Design (default)"), /*#__PURE__*/React.createElement(Text, {
-    type: "secondary"
-  }, "Ant Design (secondary)"), /*#__PURE__*/React.createElement(Text, {
-    type: "success"
-  }, "Ant Design (success)"), /*#__PURE__*/React.createElement(Text, {
-    type: "warning"
-  }, "Ant Design (warning)"), /*#__PURE__*/React.createElement(Text, {
-    type: "danger"
-  }, "Ant Design (danger)"), /*#__PURE__*/React.createElement(Text, {
-    disabled: true
-  }, "Ant Design (disabled)"), /*#__PURE__*/React.createElement(Text, {
-    mark: true
-  }, "Ant Design (mark)"), /*#__PURE__*/React.createElement(Text, {
-    code: true
-  }, "Ant Design (code)"), /*#__PURE__*/React.createElement(Text, {
-    keyboard: true
-  }, "Ant Design (keyboard)"), /*#__PURE__*/React.createElement(Text, {
-    underline: true
-  }, "Ant Design (underline)"), /*#__PURE__*/React.createElement(Text, {
-    "delete": true
-  }, "Ant Design (delete)"), /*#__PURE__*/React.createElement(Text, {
-    strong: true
-  }, "Ant Design (strong)"), /*#__PURE__*/React.createElement(Text, {
-    italic: true
-  }, "Ant Design (italic)"), /*#__PURE__*/React.createElement(Link, {
-    href: "https://ant.design",
-    target: "_blank"
-  }, "Ant Design (Link)"));
-};
-
-export default Demo;

package/es/typography/demo/title.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 标题组件
- * desc: 展示不同级别的标题
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/typography/demo/title.js

@@ -1,21 +0,0 @@
-/**
- * title: 标题组件
- * desc: 展示不同级别的标题
- */
-import React from 'react';
-import { Typography } from '@fle-ui/next';
-var Title = Typography.Title;
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, "h1. Ant Design"), /*#__PURE__*/React.createElement(Title, {
-    level: 2
-  }, "h2. Ant Design"), /*#__PURE__*/React.createElement(Title, {
-    level: 3
-  }, "h3. Ant Design"), /*#__PURE__*/React.createElement(Title, {
-    level: 4
-  }, "h4. Ant Design"), /*#__PURE__*/React.createElement(Title, {
-    level: 5
-  }, "h5. Ant Design"));
-};
-
-export default Demo;

package/es/typography/style/index-pure.less

@@ -1,288 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-
-@typography-prefix-cls: ~'@{ant-prefix}-typography';
-
-// =============== Basic ===============
-.@{typography-prefix-cls} {
-  color: @text-color;
-  overflow-wrap: break-word;
-
-  &&-secondary {
-    color: @text-color-secondary;
-  }
-
-  &&-success {
-    color: @success-color;
-  }
-
-  &&-warning {
-    color: @warning-color;
-  }
-
-  &&-danger {
-    color: @error-color;
-    a&:active,
-    a&:focus,
-    a&:hover {
-      color: ~`colorPalette('@{error-color}', 5) `;
-    }
-  }
-
-  &&-disabled {
-    color: @disabled-color;
-    cursor: not-allowed;
-    user-select: none;
-  }
-
-  // Tag
-  div&,
-  p {
-    .typography-paragraph();
-  }
-
-  h1&,
-  h1 {
-    .typography-title-1();
-  }
-  h2&,
-  h2 {
-    .typography-title-2();
-  }
-  h3&,
-  h3 {
-    .typography-title-3();
-  }
-  h4&,
-  h4 {
-    .typography-title-4();
-  }
-  h5&,
-  h5 {
-    .typography-title-5();
-  }
-
-  h1&,
-  h2&,
-  h3&,
-  h4&,
-  h5& {
-    .@{typography-prefix-cls} + & {
-      margin-top: @typography-title-margin-top;
-    }
-  }
-
-  div,
-  ul,
-  li,
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    + h1,
-    + h2,
-    + h3,
-    + h4,
-    + h5 {
-      margin-top: @typography-title-margin-top;
-    }
-  }
-
-  a&-ellipsis,
-  span&-ellipsis {
-    display: inline-block;
-    max-width: 100%;
-  }
-
-  a&,
-  a {
-    .operation-unit();
-    text-decoration: @link-decoration;
-
-    &:active,
-    &:hover {
-      text-decoration: @link-hover-decoration;
-    }
-
-    &[disabled],
-    &.@{typography-prefix-cls}-disabled {
-      color: @disabled-color;
-      cursor: not-allowed;
-
-      &:active,
-      &:hover {
-        color: @disabled-color;
-      }
-
-      &:active {
-        pointer-events: none;
-      }
-    }
-  }
-
-  code {
-    margin: 0 0.2em;
-    padding: 0.2em 0.4em 0.1em;
-    font-size: 85%;
-    background: rgba(150, 150, 150, 0.1);
-    border: 1px solid rgba(100, 100, 100, 0.2);
-    border-radius: 3px;
-  }
-
-  kbd {
-    margin: 0 0.2em;
-    padding: 0.15em 0.4em 0.1em;
-    font-size: 90%;
-    background: rgba(150, 150, 150, 0.06);
-    border: 1px solid rgba(100, 100, 100, 0.2);
-    border-bottom-width: 2px;
-    border-radius: 3px;
-  }
-
-  mark {
-    padding: 0;
-    background-color: @gold-3;
-  }
-
-  u,
-  ins {
-    text-decoration: underline;
-    text-decoration-skip-ink: auto;
-  }
-
-  s,
-  del {
-    text-decoration: line-through;
-  }
-
-  strong {
-    font-weight: 600;
-  }
-
-  // Operation
-  &-expand,
-  &-edit,
-  &-copy {
-    .operation-unit();
-
-    margin-left: 4px;
-  }
-
-  &-copy-success {
-    &,
-    &:hover,
-    &:focus {
-      color: @success-color;
-    }
-  }
-
-  // Text input area
-  &-edit-content {
-    position: relative;
-
-    div& {
-      left: -@input-padding-horizontal - 1px;
-      margin-top: -@input-padding-vertical-base - 1px;
-      // stylelint-disable-next-line function-calc-no-invalid
-      margin-bottom: calc(1em - @input-padding-vertical-base - 1px);
-    }
-
-    &-confirm {
-      position: absolute;
-      right: 10px;
-      bottom: 8px;
-      color: @text-color-secondary;
-      pointer-events: none;
-    }
-
-    // Fix Editable Textarea flash in Firefox
-    textarea {
-      -moz-transition: none;
-    }
-  }
-
-  // list
-  ul,
-  ol {
-    margin: 0 0 1em 0;
-    padding: 0;
-
-    li {
-      margin: 0 0 0 20px;
-      padding: 0 0 0 4px;
-    }
-  }
-
-  ul {
-    list-style-type: circle;
-
-    ul {
-      list-style-type: disc;
-    }
-  }
-
-  ol {
-    list-style-type: decimal;
-  }
-
-  // pre & block
-  pre,
-  blockquote {
-    margin: 1em 0;
-  }
-
-  pre {
-    padding: 0.4em 0.6em;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    background: rgba(150, 150, 150, 0.1);
-    border: 1px solid rgba(100, 100, 100, 0.2);
-    border-radius: 3px;
-
-    // Compatible for marked
-    code {
-      display: inline;
-      margin: 0;
-      padding: 0;
-      font-size: inherit;
-      font-family: inherit;
-      background: transparent;
-      border: 0;
-    }
-  }
-
-  blockquote {
-    padding: 0 0 0 0.6em;
-    border-left: 4px solid rgba(100, 100, 100, 0.2);
-    opacity: 0.85;
-  }
-
-  // ============ Ellipsis ============
-  &-single-line {
-    white-space: nowrap;
-  }
-
-  &-ellipsis-single-line {
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    // https://blog.csdn.net/iefreer/article/details/50421025
-    a&,
-    span& {
-      vertical-align: bottom;
-    }
-  }
-
-  &-ellipsis-multiple-line {
-    display: -webkit-box;
-    overflow: hidden;
-    -webkit-line-clamp: 3;
-    /*! autoprefixer: ignore next */
-    -webkit-box-orient: vertical;
-  }
-}
-
-@import './rtl';