tntd 2.7.29-beta.1 → 2.7.30

package/es/label/index.js

@@ -1,13 +1,10 @@
-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;
+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 React, { useMemo } from 'react';
@@ -18,26 +15,26 @@ import Ellipsis from '../ellipsis';
 import './label.less';
 export var LabelColors;
 (function (LabelColors) {
-    LabelColors["cyan"] = "cyan";
-    LabelColors["green"] = "green";
-    LabelColors["iris"] = "iris";
-    LabelColors["blue"] = "blue";
-    LabelColors["lavender"] = "lavender";
-    LabelColors["orange"] = "orange";
-    LabelColors["golden"] = "golden";
-    LabelColors["red"] = "red";
-    LabelColors["grey"] = "grey";
+  LabelColors["cyan"] = "cyan";
+  LabelColors["green"] = "green";
+  LabelColors["iris"] = "iris";
+  LabelColors["blue"] = "blue";
+  LabelColors["lavender"] = "lavender";
+  LabelColors["orange"] = "orange";
+  LabelColors["golden"] = "golden";
+  LabelColors["red"] = "red";
+  LabelColors["grey"] = "grey";
 })(LabelColors || (LabelColors = {}));
 const colors = {
-    [LabelColors.cyan]: '#1e9493',
-    [LabelColors.green]: '#07c790',
-    [LabelColors.iris]: '#5e47d3',
-    [LabelColors.blue]: '#126bfb',
-    [LabelColors.lavender]: '#945fb9',
-    [LabelColors.orange]: '#ed7b20',
-    [LabelColors.golden]: '#de8a02',
-    [LabelColors.red]: '#d96156',
-    [LabelColors.grey]: '#5e6e90',
+  [LabelColors.cyan]: '#1e9493',
+  [LabelColors.green]: '#07c790',
+  [LabelColors.iris]: '#5e47d3',
+  [LabelColors.blue]: '#126bfb',
+  [LabelColors.lavender]: '#945fb9',
+  [LabelColors.orange]: '#ed7b20',
+  [LabelColors.golden]: '#de8a02',
+  [LabelColors.red]: '#d96156',
+  [LabelColors.grey]: '#5e6e90'
 };
 /**
  * 计算标签样式
@@ -47,77 +44,97 @@ const colors = {
  * @param textColorSame
  */
 const computeTagStyle = (type, color, textColorSame) => {
-    if (!color) {
-        return;
-    }
-    switch (type) {
-        case 'dot':
-            if (textColorSame) {
-                return {
-                    color,
-                };
-            }
-            return;
-        case 'filled':
-            return {
-                color: '#fff',
-                backgroundColor: color,
-            };
-        case 'rounded':
-            return {
-                color,
-                backgroundColor: alpha(color, 0.1),
-            };
-        case 'outline':
-            return {
-                color,
-                borderColor: alpha(color, 0.4),
-                backgroundColor: alpha(color, 0.1),
-            };
-    }
+  if (!color) {
+    return;
+  }
+  switch (type) {
+    case 'dot':
+      if (textColorSame) {
+        return {
+          color
+        };
+      }
+      return;
+    case 'filled':
+      return {
+        color: '#fff',
+        backgroundColor: color
+      };
+    case 'rounded':
+      return {
+        color,
+        backgroundColor: alpha(color, 0.1)
+      };
+    case 'outline':
+      return {
+        color,
+        borderColor: alpha(color, 0.4),
+        backgroundColor: alpha(color, 0.1)
+      };
+  }
 };
-export const Label = (_a) => {
-    var { className, children, type, color, icon, style, textColorSame = icon != null, iconPosition = 'prefix', ellipsisOptions } = _a, props = __rest(_a, ["className", "children", "type", "color", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
-    const normalizeType = useMemo(() => {
-        if (icon) {
-            return 'dot';
+export const Label = _a => {
+  var {
+      className,
+      children,
+      type,
+      color,
+      icon,
+      style,
+      textColorSame = icon != null,
+      iconPosition = 'prefix',
+      ellipsisOptions
+    } = _a,
+    props = __rest(_a, ["className", "children", "type", "color", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
+  const normalizeType = useMemo(() => {
+    if (icon) {
+      return 'dot';
+    }
+    return type;
+  }, [icon, type]);
+  const computedColor = useMemo(() => colors[color] || color, [color]);
+  const tagStyle = useMemo(() => computeTagStyle(normalizeType, computedColor, textColorSame), [normalizeType, computedColor, textColorSame]);
+  const hasIcon = useMemo(() => icon != null, [icon]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('label');
+    const displayEllipsisOptions = (() => {
+      const options = Object.assign({}, ellipsisOptions);
+      const iconElement = React.createElement("span", {
+        className: `${prefixCls}-icon`,
+        style: {
+          color: computedColor
         }
-        return type;
-    }, [icon, type]);
-    const computedColor = useMemo(() => colors[color] || color, [color]);
-    const tagStyle = useMemo(() => computeTagStyle(normalizeType, computedColor, textColorSame), [normalizeType, computedColor, textColorSame]);
-    const hasIcon = useMemo(() => icon != null, [icon]);
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('label');
-        const displayEllipsisOptions = (() => {
-            const options = Object.assign({}, ellipsisOptions);
-            const iconElement = (React.createElement("span", { className: `${prefixCls}-icon`, style: { color: computedColor } }, icon));
-            if (iconPosition === 'prefix') {
-                options.prefix = iconElement;
-            }
-            if (iconPosition === 'suffix') {
-                options.suffix = iconElement;
-            }
-            if (options.Popover === true) {
-                options.content = children;
-            }
-            else {
-                options.title = children;
-            }
-            return options;
-        })();
-        return (React.createElement(AntdTag, Object.assign({}, props, { className: classNames(className, prefixCls, {
-                [`${prefixCls}-dot`]: normalizeType === 'dot',
-                [`${prefixCls}-outline`]: normalizeType === 'outline',
-                [`${prefixCls}-filled`]: normalizeType === 'filled',
-                [`${prefixCls}-rounded`]: normalizeType === 'rounded',
-            }), style: Object.assign(Object.assign({}, style), tagStyle) }),
-            normalizeType === 'dot' && icon == null && (React.createElement("span", { className: `${prefixCls}-dot-symbol`, style: {
-                    backgroundColor: computedColor,
-                } })),
-            hasIcon ? React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children) : children));
-    }));
+      }, icon);
+      if (iconPosition === 'prefix') {
+        options.prefix = iconElement;
+      }
+      if (iconPosition === 'suffix') {
+        options.suffix = iconElement;
+      }
+      if (options.Popover === true) {
+        options.content = children;
+      } else {
+        options.title = children;
+      }
+      return options;
+    })();
+    return React.createElement(AntdTag, Object.assign({}, props, {
+      className: classNames(className, prefixCls, {
+        [`${prefixCls}-dot`]: normalizeType === 'dot',
+        [`${prefixCls}-outline`]: normalizeType === 'outline',
+        [`${prefixCls}-filled`]: normalizeType === 'filled',
+        [`${prefixCls}-rounded`]: normalizeType === 'rounded'
+      }),
+      style: Object.assign(Object.assign({}, style), tagStyle)
+    }), normalizeType === 'dot' && icon == null && React.createElement("span", {
+      className: `${prefixCls}-dot-symbol`,
+      style: {
+        backgroundColor: computedColor
+      }
+    }), hasIcon ? React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children) : children);
+  });
 };
 Label.CheckableLabel = AntdTag.CheckableTag;
-export default Label;
-//# sourceMappingURL=index.js.map
+export default Label;

package/es/layout/index.js

@@ -1,5 +1,4 @@
 import Layout from 'antd/es/layout';
 import 'antd/es/layout/style';
 export * from 'antd/es/layout';
-export default Layout;
-//# sourceMappingURL=index.js.map
+export default Layout;

package/es/layout/style/index.js

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

package/es/layout/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/layout/style/index.less

@@ -0,0 +1,124 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@layout-prefix-cls: ~'@{ant-prefix}-layout';
+
+.@{layout-prefix-cls} {
+  display: flex;
+  flex: auto;
+  flex-direction: column;
+  /* fix firefox can't set height smaller than content on flex item */
+  min-height: 0;
+  background: @layout-body-background;
+
+  &,
+  * {
+    box-sizing: border-box;
+  }
+
+  &&-has-sider {
+    flex-direction: row;
+    > .@{layout-prefix-cls},
+    > .@{layout-prefix-cls}-content {
+      overflow-x: hidden;
+    }
+  }
+
+  &-header,
+  &-footer {
+    flex: 0 0 auto;
+  }
+
+  &-header {
+    height: @layout-header-height;
+    padding: @layout-header-padding;
+    line-height: @layout-header-height;
+    background: @layout-header-background;
+  }
+
+  &-footer {
+    padding: @layout-footer-padding;
+    color: @text-color;
+    font-size: @font-size-base;
+    background: @layout-footer-background;
+  }
+
+  &-content {
+    flex: auto;
+    /* fix firefox can't set height smaller than content on flex item */
+    min-height: 0;
+  }
+
+  &-sider {
+    position: relative;
+
+    /* fix firefox can't set width smaller than content on flex item */
+    min-width: 0;
+    background: @layout-sider-background;
+    transition: all 0.2s;
+
+    &-children {
+      height: 100%;
+      margin-top: -0.1px;
+      // Hack for fixing margin collaspe bug
+      // https://github.com/ant-design/ant-design/issues/7967
+      // solution from https://stackoverflow.com/a/33132624/3040605
+      padding-top: 0.1px;
+    }
+
+    &-has-trigger {
+      padding-bottom: @layout-trigger-height;
+    }
+
+    &-right {
+      order: 1;
+    }
+
+    &-trigger {
+      position: fixed;
+      bottom: 0;
+      z-index: 1;
+      height: @layout-trigger-height;
+      color: @layout-trigger-color;
+      line-height: @layout-trigger-height;
+      text-align: center;
+      background: @layout-trigger-background;
+      cursor: pointer;
+      transition: all 0.2s;
+    }
+
+    &-zero-width {
+      & > * {
+        overflow: hidden;
+      }
+
+      &-trigger {
+        position: absolute;
+        top: @layout-header-height;
+        right: -@layout-zero-trigger-width;
+        z-index: 1;
+        width: @layout-zero-trigger-width;
+        height: @layout-zero-trigger-height;
+        color: @layout-trigger-color;
+        font-size: calc(@layout-zero-trigger-width / 2);
+        line-height: @layout-zero-trigger-height;
+        text-align: center;
+        background: @layout-sider-background;
+        border-radius: 0 @border-radius-base @border-radius-base 0;
+        cursor: pointer;
+        transition: background 0.3s ease;
+
+        &:hover {
+          background: tint(@layout-sider-background, 10%);
+        }
+
+        &-right {
+          left: -@layout-zero-trigger-width;
+          border-radius: @border-radius-base 0 0 @border-radius-base;
+        }
+      }
+    }
+  }
+}
+
+@import './light';

package/es/layout/style/light.less

@@ -0,0 +1,15 @@
+.@{layout-prefix-cls} {
+  &-sider {
+    &-light {
+      background: @layout-sider-background-light;
+    }
+    &-light &-trigger {
+      color: @layout-trigger-color-light;
+      background: @layout-trigger-background-light;
+    }
+    &-light &-zero-width-trigger {
+      color: @layout-trigger-color-light;
+      background: @layout-trigger-background-light;
+    }
+  }
+}

package/es/list/index.js

@@ -1,5 +1,4 @@
 import List from 'antd/es/list';
 import 'antd/es/list/style';
 export * from 'antd/es/list';
-export default List;
-//# sourceMappingURL=index.js.map
+export default List;

package/es/list/style/bordered.less

@@ -0,0 +1,41 @@
+.@{list-prefix-cls}-bordered {
+  border: 1px solid @border-color-base;
+  border-radius: @border-radius-base;
+  .@{list-prefix-cls}-header {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
+
+  .@{list-prefix-cls}-footer {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
+
+  .@{list-prefix-cls}-item {
+    padding-right: 24px;
+    padding-left: 24px;
+    border-bottom: 1px solid @border-color-split;
+  }
+
+  .@{list-prefix-cls}-pagination {
+    margin: 16px 24px;
+  }
+
+  &.@{list-prefix-cls}-sm {
+    .@{list-prefix-cls}-item {
+      padding-right: 16px;
+      padding-left: 16px;
+    }
+    .@{list-prefix-cls}-header,
+    .@{list-prefix-cls}-footer {
+      padding: 8px 16px;
+    }
+  }
+
+  &.@{list-prefix-cls}-lg {
+    .@{list-prefix-cls}-header,
+    .@{list-prefix-cls}-footer {
+      padding: 16px 24px;
+    }
+  }
+}

package/es/list/style/index.js

@@ -0,0 +1,7 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../empty/style';
+import '../../spin/style';
+import '../../pagination/style';
+import '../../grid/style';

package/es/list/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/list/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,kBAAkB,CAAA;AACzB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,kBAAkB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../empty/style'\nimport '../../spin/style'\nimport '../../pagination/style'\nimport '../../grid/style'\n"]}

package/es/list/style/index.less

@@ -0,0 +1,234 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@list-prefix-cls: ~'@{ant-prefix}-list';
+
+.@{list-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+
+  * {
+    outline: none;
+  }
+
+  &-pagination {
+    margin-top: 24px;
+    text-align: right;
+
+    // https://github.com/ant-design/ant-design/issues/20037
+    .@{ant-prefix}-pagination-options {
+      text-align: left;
+    }
+  }
+
+  &-more {
+    margin-top: 12px;
+    text-align: center;
+    button {
+      padding-right: 32px;
+      padding-left: 32px;
+    }
+  }
+
+  &-spin {
+    min-height: 40px;
+    text-align: center;
+  }
+
+  &-empty-text {
+    padding: @list-empty-text-padding;
+    color: @disabled-color;
+    font-size: @font-size-base;
+    text-align: center;
+  }
+
+  &-items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: @list-item-padding;
+
+    &-content {
+      color: @text-color;
+    }
+
+    &-meta {
+      display: flex;
+      flex: 1;
+      align-items: flex-start;
+      font-size: 0;
+      &-avatar {
+        margin-right: @list-item-meta-avatar-margin-right;
+      }
+      &-content {
+        flex: 1 0;
+      }
+      &-title {
+        margin-bottom: 4px;
+        color: @text-color;
+        font-size: @font-size-base;
+        line-height: 22px;
+        > a {
+          color: @text-color;
+          transition: all 0.3s;
+          &:hover {
+            color: @primary-color;
+          }
+        }
+      }
+      &-description {
+        color: @text-color-secondary;
+        font-size: @font-size-base;
+        line-height: 22px;
+      }
+    }
+    &-action {
+      flex: 0 0 auto;
+      margin-left: 48px;
+      padding: 0;
+      font-size: 0;
+      list-style: none;
+      & > li {
+        position: relative;
+        display: inline-block;
+        padding: 0 8px;
+        color: @text-color-secondary;
+        font-size: @font-size-base;
+        line-height: 22px;
+        text-align: center;
+        cursor: pointer;
+      }
+      & > li:first-child {
+        padding-left: 0;
+      }
+      &-split {
+        position: absolute;
+        top: 50%;
+        right: 0;
+        width: 1px;
+        height: 14px;
+        margin-top: -7px;
+        background-color: @border-color-split;
+      }
+    }
+  }
+
+  &-header {
+    background: @list-header-background;
+  }
+
+  &-footer {
+    background: @list-footer-background;
+  }
+
+  &-header,
+  &-footer {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+
+  &-empty {
+    padding: 16px 0;
+    color: @text-color-secondary;
+    font-size: 12px;
+    text-align: center;
+  }
+
+  &-split &-item {
+    border-bottom: 1px solid @border-color-split;
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &-split &-header {
+    border-bottom: 1px solid @border-color-split;
+  }
+
+  &-loading &-spin-nested-loading {
+    min-height: 32px;
+  }
+
+  &-something-after-last-item .@{ant-prefix}-spin-container > &-items > &-item:last-child {
+    border-bottom: 1px solid @border-color-split;
+  }
+
+  &-lg &-item {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+
+  &-sm &-item {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+
+  &-vertical &-item {
+    align-items: initial;
+
+    &-main {
+      display: block;
+      flex: 1;
+    }
+
+    &-extra {
+      margin-left: 40px;
+    }
+
+    &-meta {
+      margin-bottom: @list-item-meta-margin-bottom;
+
+      &-title {
+        margin-bottom: @list-item-meta-title-margin-bottom;
+        color: @heading-color;
+        font-size: @font-size-lg;
+        line-height: 24px;
+      }
+    }
+
+    &-action {
+      margin-top: @padding-md;
+      margin-left: auto;
+
+      > li {
+        padding: 0 16px;
+        &:first-child {
+          padding-left: 0;
+        }
+      }
+    }
+  }
+
+  &-grid .@{ant-prefix}-col > &-item {
+    display: block;
+    max-width: 100%;
+    margin-bottom: 16px;
+    padding-top: 0;
+    padding-bottom: 0;
+    border-bottom: none;
+  }
+
+  // ============================ without flex ============================
+  &-item-no-flex {
+    display: block;
+  }
+
+  // Horizontal
+  &:not(.@{list-prefix-cls}-vertical) {
+    .@{list-prefix-cls}-item-no-flex {
+      .@{list-prefix-cls}-item-action {
+        float: right;
+      }
+    }
+  }
+}
+
+@import './bordered';
+@import './responsive';