@fle-ui/next 2.0.0-alpha.11 → 2.0.0-alpha.12

package/es/collapse/style/index.css

@@ -0,0 +1,174 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-collapse {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  background-color: #fafafa;
+  border: 1px solid #d9d9d9;
+  border-bottom: 0;
+  border-radius: 2px;
+}
+.ant-collapse > .ant-collapse-item {
+  border-bottom: 1px solid #d9d9d9;
+}
+.ant-collapse > .ant-collapse-item:last-child,
+.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
+  border-radius: 0 0 2px 2px;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  position: relative;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 12px 16px;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 1.5715;
+  cursor: pointer;
+  transition: all 0.3s, visibility 0s;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  display: inline-block;
+  margin-right: 12px;
+  font-size: 12px;
+  vertical-align: -1px;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+  transition: transform 0.24s;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
+  flex: auto;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+  margin-left: auto;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
+  outline: none;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
+  cursor: default;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
+  flex: none;
+  cursor: pointer;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
+  cursor: default;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
+  cursor: pointer;
+}
+.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+  padding-left: 12px;
+}
+.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
+  position: relative;
+  padding: 12px 16px;
+  padding-right: 40px;
+}
+.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  left: auto;
+  margin: 0;
+  transform: translateY(-50%);
+}
+.ant-collapse-content {
+  color: rgba(0, 0, 0, 0.85);
+  background-color: #fff;
+  border-top: 1px solid #d9d9d9;
+}
+.ant-collapse-content > .ant-collapse-content-box {
+  padding: 16px;
+}
+.ant-collapse-content-hidden {
+  display: none;
+}
+.ant-collapse-item:last-child > .ant-collapse-content {
+  border-radius: 0 0 2px 2px;
+}
+.ant-collapse-borderless {
+  background-color: #fafafa;
+  border: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item {
+  border-bottom: 1px solid #d9d9d9;
+}
+.ant-collapse-borderless > .ant-collapse-item:last-child,
+.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
+  border-radius: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item:last-child {
+  border-bottom: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
+  background-color: transparent;
+  border-top: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding-top: 4px;
+}
+.ant-collapse-ghost {
+  background-color: transparent;
+  border: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item {
+  border-bottom: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
+  background-color: transparent;
+  border-top: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-collapse-rtl {
+  direction: rtl;
+}
+.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
+  position: relative;
+  padding: 12px 16px;
+  padding-left: 40px;
+}
+.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  position: absolute;
+  top: 50%;
+  right: auto;
+  left: 16px;
+  margin: 0;
+  transform: translateY(-50%);
+}
+.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  padding: 12px 16px;
+  padding-right: 40px;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  margin-right: 0;
+  margin-left: 12px;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+  transform: rotate(180deg);
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+  margin-right: auto;
+  margin-left: 0;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+  padding-right: 12px;
+  padding-left: 0;
+}

package/es/collapse/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/default.less';
+import './index.less';

package/es/collapse/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/default.less";
+import "./index.less";

package/es/collapse/style/index.less

@@ -0,0 +1,3 @@
+@root-entry-name: default;
+
+@import './index-pure.less';

package/es/collapse/style/rtl.less

@@ -0,0 +1,68 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@collapse-prefix-cls: ~'@{ant-prefix}-collapse';
+
+.@{collapse-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+
+    // Expand Icon end
+    &.@{collapse-prefix-cls}.@{collapse-prefix-cls}-icon-position-end {
+      & > .@{collapse-prefix-cls}-item {
+        > .@{collapse-prefix-cls}-header {
+          position: relative;
+          padding: @collapse-header-padding;
+          padding-left: @collapse-header-padding-extra;
+
+          .@{collapse-prefix-cls}-arrow {
+            position: absolute;
+            top: 50%;
+            right: auto;
+            left: @padding-md;
+            margin: 0;
+            transform: translateY(-50%);
+          }
+        }
+      }
+    }
+  }
+
+  & > &-item {
+    > .@{collapse-prefix-cls}-header {
+      .@{collapse-prefix-cls}-rtl & {
+        padding: @collapse-header-padding;
+        padding-right: @collapse-header-padding-extra;
+      }
+
+      .@{collapse-prefix-cls}-arrow {
+        .@{collapse-prefix-cls}-rtl& {
+          margin-right: 0;
+          margin-left: @margin-sm;
+        }
+
+        & svg {
+          .@{collapse-prefix-cls}-rtl& {
+            transform: rotate(180deg);
+          }
+        }
+      }
+
+      .@{collapse-prefix-cls}-extra {
+        .@{collapse-prefix-cls}-rtl& {
+          margin-right: auto;
+          margin-left: 0;
+        }
+      }
+    }
+
+    &.@{collapse-prefix-cls}-no-arrow {
+      > .@{collapse-prefix-cls}-header {
+        .@{collapse-prefix-cls}-rtl& {
+          padding-right: @padding-sm;
+          padding-left: 0;
+        }
+      }
+    }
+  }
+}

package/es/comment/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface CommentProps {
+    /** List of action items rendered below the comment content */
+    actions?: Array<React.ReactNode>;
+    /** The element to display as the comment author. */
+    author?: React.ReactNode;
+    /** The element to display as the comment avatar - generally an antd Avatar */
+    avatar?: React.ReactNode;
+    /** ClassName of comment */
+    className?: string;
+    /** The main content of the comment */
+    content: React.ReactNode;
+    /** Nested comments should be provided as children of the Comment */
+    children?: React.ReactNode;
+    /** Comment prefix defaults to '.ant-comment' */
+    prefixCls?: string;
+    /** Additional style for the comment */
+    style?: React.CSSProperties;
+    /** A datetime element containing the time to be displayed */
+    datetime?: React.ReactNode;
+}
+declare const Comment: React.FC<CommentProps>;
+export default Comment;

package/es/comment/index.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import classNames from 'classnames';
+import * as React from 'react';
+import { ConfigContext } from "../config-provider";
+
+var Comment = function Comment(_a) {
+  var actions = _a.actions,
+      author = _a.author,
+      avatar = _a.avatar,
+      children = _a.children,
+      className = _a.className,
+      content = _a.content,
+      customizePrefixCls = _a.prefixCls,
+      datetime = _a.datetime,
+      otherProps = __rest(_a, ["actions", "author", "avatar", "children", "className", "content", "prefixCls", "datetime"]);
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var renderNested = function renderNested(prefixCls, nestedChildren) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(prefixCls, "-nested"))
+    }, nestedChildren);
+  };
+
+  var prefixCls = getPrefixCls('comment', customizePrefixCls);
+  var avatarDom = avatar ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-avatar")
+  }, typeof avatar === 'string' ? /*#__PURE__*/React.createElement("img", {
+    src: avatar,
+    alt: "comment-avatar"
+  }) : avatar) : null;
+  var actionDom = actions && actions.length ? /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(prefixCls, "-actions")
+  }, actions.map(function (action, index) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: "action-".concat(index)
+    }, action) // eslint-disable-line react/no-array-index-key
+    ;
+  })) : null;
+  var authorContent = (author || datetime) && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content-author")
+  }, author && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-content-author-name")
+  }, author), datetime && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-content-author-time")
+  }, datetime));
+  var contentDom = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, authorContent, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content-detail")
+  }, content), actionDom);
+  var cls = classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className);
+  return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
+    className: cls
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-inner")
+  }, avatarDom, contentDom), children ? renderNested(prefixCls, children) : null);
+};
+
+export default Comment;

package/es/comment/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/default.css";
+import "./index.css";

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

@@ -0,0 +1,105 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@comment-prefix-cls: ~'@{ant-prefix}-comment';
+
+.@{comment-prefix-cls} {
+  position: relative;
+  background-color: @comment-bg;
+
+  &-inner {
+    display: flex;
+    padding: @comment-padding-base;
+  }
+
+  &-avatar {
+    position: relative;
+    flex-shrink: 0;
+    margin-right: @margin-sm;
+    cursor: pointer;
+
+    img {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+    }
+  }
+
+  &-content {
+    position: relative;
+    flex: 1 1 auto;
+    min-width: 1px;
+    font-size: @comment-font-size-base;
+    word-wrap: break-word;
+
+    &-author {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      margin-bottom: @margin-xss;
+      font-size: @comment-font-size-base;
+
+      & > a,
+      & > span {
+        padding-right: @padding-xs;
+        font-size: @comment-font-size-sm;
+        line-height: 18px;
+      }
+
+      &-name {
+        color: @comment-author-name-color;
+        font-size: @comment-font-size-base;
+        transition: color 0.3s;
+
+        > * {
+          color: @comment-author-name-color;
+
+          &:hover {
+            color: @comment-author-name-color;
+          }
+        }
+      }
+
+      &-time {
+        color: @comment-author-time-color;
+        white-space: nowrap;
+        cursor: auto;
+      }
+    }
+
+    &-detail p {
+      margin-bottom: @comment-content-detail-p-margin-bottom;
+      white-space: pre-wrap;
+    }
+  }
+
+  &-actions {
+    margin-top: @comment-actions-margin-top;
+    margin-bottom: @comment-actions-margin-bottom;
+    padding-left: 0;
+
+    > li {
+      display: inline-block;
+      color: @comment-action-color;
+
+      > span {
+        margin-right: 10px;
+        color: @comment-action-color;
+        font-size: @comment-font-size-sm;
+        cursor: pointer;
+        transition: color 0.3s;
+        user-select: none;
+
+        &:hover {
+          color: @comment-action-hover-color;
+        }
+      }
+    }
+  }
+
+  &-nested {
+    margin-left: @comment-nest-indent;
+  }
+}
+
+@import './rtl';

package/es/comment/style/index.css

@@ -0,0 +1,112 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-comment {
+  position: relative;
+  background-color: inherit;
+}
+.ant-comment-inner {
+  display: flex;
+  padding: 16px 0;
+}
+.ant-comment-avatar {
+  position: relative;
+  flex-shrink: 0;
+  margin-right: 12px;
+  cursor: pointer;
+}
+.ant-comment-avatar img {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+}
+.ant-comment-content {
+  position: relative;
+  flex: 1 1 auto;
+  min-width: 1px;
+  font-size: 14px;
+  word-wrap: break-word;
+}
+.ant-comment-content-author {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+.ant-comment-content-author > a,
+.ant-comment-content-author > span {
+  padding-right: 8px;
+  font-size: 12px;
+  line-height: 18px;
+}
+.ant-comment-content-author-name {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  transition: color 0.3s;
+}
+.ant-comment-content-author-name > * {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-content-author-name > *:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-content-author-time {
+  color: #ccc;
+  white-space: nowrap;
+  cursor: auto;
+}
+.ant-comment-content-detail p {
+  margin-bottom: inherit;
+  white-space: pre-wrap;
+}
+.ant-comment-actions {
+  margin-top: 12px;
+  margin-bottom: inherit;
+  padding-left: 0;
+}
+.ant-comment-actions > li {
+  display: inline-block;
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-actions > li > span {
+  margin-right: 10px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  cursor: pointer;
+  transition: color 0.3s;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-comment-actions > li > span:hover {
+  color: #595959;
+}
+.ant-comment-nested {
+  margin-left: 44px;
+}
+.ant-comment-rtl {
+  direction: rtl;
+}
+.ant-comment-rtl .ant-comment-avatar {
+  margin-right: 0;
+  margin-left: 12px;
+}
+.ant-comment-rtl .ant-comment-content-author > a,
+.ant-comment-rtl .ant-comment-content-author > span {
+  padding-right: 0;
+  padding-left: 8px;
+}
+.ant-comment-rtl .ant-comment-actions {
+  padding-right: 0;
+}
+.ant-comment-rtl .ant-comment-actions > li > span {
+  margin-right: 0;
+  margin-left: 10px;
+}
+.ant-comment-rtl .ant-comment-nested {
+  margin-right: 44px;
+  margin-left: 0;
+}

package/es/comment/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/default.less';
+import './index.less';

package/es/comment/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/default.less";
+import "./index.less";

package/es/comment/style/index.less

@@ -0,0 +1,3 @@
+@root-entry-name: default;
+
+@import './index-pure.less';

package/es/comment/style/rtl.less

@@ -0,0 +1,51 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@comment-prefix-cls: ~'@{ant-prefix}-comment';
+
+.@{comment-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-avatar {
+    .@{comment-prefix-cls}-rtl & {
+      margin-right: 0;
+      margin-left: 12px;
+    }
+  }
+
+  &-content {
+    &-author {
+      & > a,
+      & > span {
+        .@{comment-prefix-cls}-rtl & {
+          padding-right: 0;
+          padding-left: 8px;
+        }
+      }
+    }
+  }
+
+  &-actions {
+    .@{comment-prefix-cls}-rtl & {
+      padding-right: 0;
+    }
+
+    > li {
+      > span {
+        .@{comment-prefix-cls}-rtl & {
+          margin-right: 0;
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+
+  &-nested {
+    .@{comment-prefix-cls}-rtl & {
+      margin-right: @comment-nest-indent;
+      margin-left: 0;
+    }
+  }
+}

package/es/config-provider/DisabledContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type DisabledType = true | false | undefined;
+declare const DisabledContext: React.Context<DisabledType>;
+export interface DisabledContextProps {
+    disabled?: DisabledType;
+    children?: React.ReactNode;
+}
+export declare const DisabledContextProvider: React.FC<DisabledContextProps>;
+export default DisabledContext;

package/es/config-provider/DisabledContext.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+var DisabledContext = /*#__PURE__*/React.createContext(false);
+export var DisabledContextProvider = function DisabledContextProvider(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled;
+  var originDisabled = React.useContext(DisabledContext);
+  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
+    value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
+  }, children);
+};
+export default DisabledContext;

package/es/config-provider/SizeContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type SizeType = 'small' | 'middle' | 'large' | undefined;
+declare const SizeContext: React.Context<SizeType>;
+export interface SizeContextProps {
+    size?: SizeType;
+    children?: React.ReactNode;
+}
+export declare const SizeContextProvider: React.FC<SizeContextProps>;
+export default SizeContext;

package/es/config-provider/SizeContext.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+var SizeContext = /*#__PURE__*/React.createContext(undefined);
+export var SizeContextProvider = function SizeContextProvider(_ref) {
+  var children = _ref.children,
+      size = _ref.size;
+  return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (originSize) {
+    return /*#__PURE__*/React.createElement(SizeContext.Provider, {
+      value: size || originSize
+    }, children);
+  });
+};
+export default SizeContext;