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

package/lib/typography/demo/suffix.js

@@ -1,78 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 后缀
- * desc: 添加后缀的省略。
- */
-var Paragraph = _next.Typography.Paragraph;
-
-var Demo = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Demo, _React$Component);
-
-  var _super = (0, _createSuper2["default"])(Demo);
-
-  function Demo() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Demo);
-    _this = _super.apply(this, arguments);
-    _this.state = {
-      rows: 1
-    };
-
-    _this.onChange = function (rows) {
-      _this.setState({
-        rows: rows
-      });
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.Slider, {
-        value: rows,
-        min: 1,
-        max: 10,
-        onChange: this.onChange
-      }), /*#__PURE__*/_react["default"].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["default"].Component);
-
-var _default = Demo;
-exports["default"] = _default;

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

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

package/lib/typography/demo/text.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 文本与超链接组件
- * desc: 内置不同样式的文本以及超链接组件。
- */
-var Text = _next.Typography.Text,
-    Link = _next.Typography.Link;
-
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(_next.Space, {
-    direction: "vertical"
-  }, /*#__PURE__*/_react["default"].createElement(Text, null, "Ant Design (default)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    type: "secondary"
-  }, "Ant Design (secondary)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    type: "success"
-  }, "Ant Design (success)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    type: "warning"
-  }, "Ant Design (warning)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    type: "danger"
-  }, "Ant Design (danger)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    disabled: true
-  }, "Ant Design (disabled)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    mark: true
-  }, "Ant Design (mark)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    code: true
-  }, "Ant Design (code)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    keyboard: true
-  }, "Ant Design (keyboard)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    underline: true
-  }, "Ant Design (underline)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    "delete": true
-  }, "Ant Design (delete)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    strong: true
-  }, "Ant Design (strong)"), /*#__PURE__*/_react["default"].createElement(Text, {
-    italic: true
-  }, "Ant Design (italic)"), /*#__PURE__*/_react["default"].createElement(Link, {
-    href: "https://ant.design",
-    target: "_blank"
-  }, "Ant Design (Link)"));
-};
-
-var _default = Demo;
-exports["default"] = _default;

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

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

package/lib/typography/demo/title.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 标题组件
- * desc: 展示不同级别的标题
- */
-var Title = _next.Typography.Title;
-
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Title, null, "h1. Ant Design"), /*#__PURE__*/_react["default"].createElement(Title, {
-    level: 2
-  }, "h2. Ant Design"), /*#__PURE__*/_react["default"].createElement(Title, {
-    level: 3
-  }, "h3. Ant Design"), /*#__PURE__*/_react["default"].createElement(Title, {
-    level: 4
-  }, "h4. Ant Design"), /*#__PURE__*/_react["default"].createElement(Title, {
-    level: 5
-  }, "h5. Ant Design"));
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/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';

package/lib/upload/demo/basic.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 点击上传
- * desc: 经典款式，用户点击按钮弹出文件选择框。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/upload/demo/basic.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-var _icons = require("@ant-design/icons");
-
-/**
- * title: 点击上传
- * desc: 经典款式，用户点击按钮弹出文件选择框。
- */
-var props = {
-  name: 'file',
-  action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
-  headers: {
-    authorization: 'authorization-text'
-  },
-  onChange: function onChange(info) {
-    if (info.file.status !== 'uploading') {
-      console.log(info.file, info.fileList);
-    }
-
-    if (info.file.status === 'done') {
-      _next.message.success("".concat(info.file.name, " file uploaded successfully"));
-    } else if (info.file.status === 'error') {
-      _next.message.error("".concat(info.file.name, " file upload failed."));
-    }
-  }
-};
-
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(_next.Upload, (0, _extends2["default"])({}, props), /*#__PURE__*/_react["default"].createElement(_next.Button, {
-    icon: /*#__PURE__*/_react["default"].createElement(_icons.UploadOutlined, null)
-  }, "Click to Upload"));
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/upload/demo/directory.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 文件夹上传
- * desc: 支持上传一个文件夹里的所有文件。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/upload/demo/directory.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-var _icons = require("@ant-design/icons");
-
-/**
- * title: 文件夹上传
- * desc: 支持上传一个文件夹里的所有文件。
- */
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(_next.Upload, {
-    action: "https://www.mocky.io/v2/5cc8019d300000980a055e76",
-    directory: true
-  }, /*#__PURE__*/_react["default"].createElement(_next.Button, {
-    icon: /*#__PURE__*/_react["default"].createElement(_icons.UploadOutlined, null)
-  }, "Upload Directory"));
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/upload/demo/drag.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 拖拽上传
- * desc: 把文件拖入指定区域，完成上传，同样支持点击上传。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/upload/demo/drag.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-var _icons = require("@ant-design/icons");
-
-/**
- * title: 拖拽上传
- * desc: 把文件拖入指定区域，完成上传，同样支持点击上传。
- */
-var Dragger = _next.Upload.Dragger;
-var props = {
-  name: 'file',
-  multiple: true,
-  action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
-  onChange: function onChange(info) {
-    var status = info.file.status;
-
-    if (status !== 'uploading') {
-      console.log(info.file, info.fileList);
-    }
-
-    if (status === 'done') {
-      _next.message.success("".concat(info.file.name, " file uploaded successfully."));
-    } else if (status === 'error') {
-      _next.message.error("".concat(info.file.name, " file upload failed."));
-    }
-  },
-  onDrop: function onDrop(e) {
-    console.log('Dropped files', e.dataTransfer.files);
-  }
-};
-
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(Dragger, (0, _extends2["default"])({}, props), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ant-upload-drag-icon"
-  }, /*#__PURE__*/_react["default"].createElement(_icons.InboxOutlined, null)), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ant-upload-text"
-  }, "Click or drag file to this area to upload"), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ant-upload-hint"
-  }, "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files"));
-};
-
-var _default = Demo;
-exports["default"] = _default;