tntd 2.7.29-beta.1 → 2.7.30

package/es/radio/style/index.less

@@ -0,0 +1,327 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@radio-prefix-cls: ~'@{ant-prefix}-radio';
+@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
+@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';
+@radio-duration: 0.3s;
+@radio-focused-outline: 3px solid fade(@radio-dot-color, 6%);
+
+.@{radio-group-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+}
+
+// 一般状态
+.@{radio-prefix-cls}-wrapper {
+  .reset-component;
+
+  position: relative;
+  display: inline-block;
+  margin-right: 8px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.@{radio-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: sub;
+  outline: none;
+  cursor: pointer;
+
+  .@{radio-prefix-cls}-wrapper:hover &,
+  &:hover .@{radio-inner-prefix-cls},
+  &-input:focus + .@{radio-inner-prefix-cls} {
+    border-color: @radio-dot-color;
+  }
+
+  &-input:focus + .@{radio-inner-prefix-cls} {
+    box-shadow: 0 0 0 3px fade(@radio-dot-color, 8%);
+  }
+
+  &-checked::after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 1px solid @radio-dot-color;
+    border-radius: 50%;
+    visibility: hidden;
+    animation: antRadioEffect 0.36s ease-in-out;
+    animation-fill-mode: both;
+    content: '';
+  }
+
+  &:hover::after,
+  .@{radio-prefix-cls}-wrapper:hover &::after {
+    visibility: visible;
+  }
+
+  &-inner {
+    &::after {
+      @radio-dot-size: calc(@radio-size - 8px);
+
+      position: absolute;
+      top: calc((@radio-size - @radio-dot-size) / 2 - 1px);
+      left: calc((@radio-size - @radio-dot-size) / 2 - 1px);
+      display: table;
+      width: @radio-dot-size;
+      height: @radio-dot-size;
+      background-color: @radio-dot-color;
+      border-top: 0;
+      border-left: 0;
+      border-radius: @radio-dot-size;
+      transform: scale(0);
+      opacity: 0;
+      transition: all @radio-duration @ease-in-out-circ;
+      content: ' ';
+    }
+
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+    width: @radio-size;
+    height: @radio-size;
+    background-color: @radio-button-bg;
+    border-color: @border-color-base;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 100px;
+    transition: all @radio-duration;
+  }
+
+  &-input {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    cursor: pointer;
+    opacity: 0;
+  }
+}
+
+// 选中状态
+.@{radio-prefix-cls}-checked {
+  .@{radio-inner-prefix-cls} {
+    border-color: @radio-dot-color;
+    &::after {
+      transform: scale(1);
+      opacity: 1;
+      transition: all @radio-duration @ease-in-out-circ;
+    }
+  }
+}
+
+.@{radio-prefix-cls}-disabled {
+  .@{radio-inner-prefix-cls} {
+    background-color: @input-disabled-bg;
+    border-color: @border-color-base !important;
+    cursor: not-allowed;
+    &::after {
+      background-color: fade(@black, 20%);
+    }
+  }
+
+  .@{radio-prefix-cls}-input {
+    cursor: not-allowed;
+  }
+
+  & + span {
+    color: @disabled-color;
+    cursor: not-allowed;
+  }
+}
+
+span.@{radio-prefix-cls} + * {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+
+.@{radio-prefix-cls}-button-wrapper {
+  position: relative;
+  display: inline-block;
+  height: @btn-height-base;
+  margin: 0;
+  padding: 0 calc(@padding-md - 1px);
+  color: @radio-button-color;
+  line-height: calc(@btn-height-base - 2px);
+  background: @radio-button-bg;
+  border: @border-width-base @border-style-base @border-color-base;
+  // strange align fix for chrome but works
+  // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
+  border-top-width: calc(@border-width-base + 0.02px);
+  border-left: 0;
+  cursor: pointer;
+  transition: color 0.3s, background 0.3s, border-color 0.3s;
+
+  a {
+    color: @radio-button-color;
+  }
+
+  > .@{radio-prefix-cls}-button {
+    display: block;
+    width: 0;
+    height: 0;
+    margin-left: 0;
+  }
+
+  .@{radio-group-prefix-cls}-large & {
+    height: @input-height-lg;
+    font-size: @font-size-lg;
+    line-height: calc(@input-height-lg - 2px);
+  }
+
+  .@{radio-group-prefix-cls}-small & {
+    height: @input-height-sm;
+    padding: 0 calc(@control-padding-horizontal-sm - 1px);
+    line-height: calc(@input-height-sm - 2px);
+  }
+
+  &:not(:first-child) {
+    &::before {
+      position: absolute;
+      top: 0;
+      left: -1px;
+      display: block;
+      width: 1px;
+      height: 100%;
+      background-color: @border-color-base;
+      content: '';
+    }
+  }
+  &:first-child {
+    border-left: @border-width-base @border-style-base @border-color-base;
+    border-radius: @border-radius-base 0 0 @border-radius-base;
+  }
+
+  &:last-child {
+    border-radius: 0 @border-radius-base @border-radius-base 0;
+  }
+
+  &:first-child:last-child {
+    border-radius: @border-radius-base;
+  }
+
+  &:hover {
+    position: relative;
+    color: @radio-dot-color;
+  }
+
+  &:focus-within {
+    outline: @radio-focused-outline;
+  }
+
+  .@{radio-prefix-cls}-inner,
+  input[type='checkbox'],
+  input[type='radio'] {
+    width: 0;
+    height: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  &-checked:not(&-disabled) {
+    z-index: 1;
+    color: @radio-dot-color;
+    background: @radio-button-checked-bg;
+    border-color: @radio-dot-color;
+    box-shadow: -1px 0 0 0 @radio-dot-color;
+
+    &::before {
+      background-color: @radio-dot-color !important;
+      opacity: 0.1;
+    }
+
+    &:first-child {
+      border-color: @radio-dot-color;
+      box-shadow: none !important;
+    }
+
+    &:hover {
+      color: @radio-button-hover-color;
+      border-color: @radio-button-hover-color;
+      box-shadow: -1px 0 0 0 @radio-button-hover-color;
+    }
+
+    &:active {
+      color: @radio-button-active-color;
+      border-color: @radio-button-active-color;
+      box-shadow: -1px 0 0 0 @radio-button-active-color;
+    }
+
+    &:focus-within {
+      outline: @radio-focused-outline;
+    }
+  }
+
+  .@{radio-group-prefix-cls}-solid &-checked:not(&-disabled) {
+    color: @component-background;
+    background: @radio-dot-color;
+    border-color: @radio-dot-color;
+    &:hover {
+      color: @component-background;
+      background: @radio-button-hover-color;
+      border-color: @radio-button-hover-color;
+    }
+    &:active {
+      color: @component-background;
+      background: @radio-button-active-color;
+      border-color: @radio-button-active-color;
+    }
+    &:focus-within {
+      outline: @radio-focused-outline;
+    }
+  }
+
+  &-disabled {
+    color: @disabled-color;
+    background-color: @input-disabled-bg;
+    border-color: @border-color-base;
+    cursor: not-allowed;
+
+    &:first-child,
+    &:hover {
+      color: @disabled-color;
+      background-color: @input-disabled-bg;
+      border-color: @border-color-base;
+    }
+    &:first-child {
+      border-left-color: @border-color-base;
+    }
+  }
+
+  &-disabled&-checked {
+    color: @text-color-inverse;
+    background-color: tint(@black, 90%);
+    border-color: @border-color-base;
+    box-shadow: none;
+  }
+}
+
+@keyframes antRadioEffect {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+}
+
+// Firefox hack
+@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
+  .@{radio-prefix-cls} {
+    vertical-align: text-bottom;
+  }
+}

package/es/rate/index.js

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

package/es/rate/style/index.js

@@ -0,0 +1,4 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../tooltip/style';

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

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

package/es/rate/style/index.less

@@ -0,0 +1,85 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@rate-prefix-cls: ~'@{ant-prefix}-rate';
+
+.@{rate-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  color: @rate-star-color;
+  font-size: 20px;
+  line-height: unset;
+  list-style: none;
+  outline: none;
+
+  &-disabled &-star {
+    cursor: default;
+    &:hover {
+      transform: scale(1);
+    }
+  }
+
+  &-star {
+    position: relative;
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    color: inherit;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:not(:last-child) {
+      margin-right: 8px;
+    }
+
+    > div {
+      &:focus {
+        outline: 0;
+      }
+
+      &:hover,
+      &:focus {
+        transform: scale(1.1);
+      }
+    }
+
+    &-first,
+    &-second {
+      color: @rate-star-bg;
+      transition: all 0.3s;
+      user-select: none;
+      .@{iconfont-css-prefix} {
+        vertical-align: middle;
+      }
+    }
+
+    &-first {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 50%;
+      height: 100%;
+      overflow: hidden;
+      opacity: 0;
+    }
+
+    &-half &-first,
+    &-half &-second {
+      opacity: 1;
+    }
+
+    &-half &-first,
+    &-full &-second {
+      color: inherit;
+    }
+  }
+
+  &-text {
+    display: inline-block;
+    margin-left: 8px;
+    font-size: @font-size-base;
+  }
+}

package/es/render-empty/index.js

@@ -1,3 +1,2 @@
 import { renderEmpty } from './render-empty';
-export default renderEmpty;
-//# sourceMappingURL=index.js.map
+export default renderEmpty;

package/es/render-empty/render-empty.js

@@ -1,19 +1,22 @@
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { Empty } from '../empty';
-export const renderEmpty = (componentName) => (React.createElement(ConfigConsumer, null, () => {
-    switch (componentName) {
-        case 'Table':
-        case 'List':
-            return React.createElement(Empty, { type: "no-result" });
-        case 'Select':
-        case 'TreeSelect':
-        case 'Cascader':
-        case 'Transfer':
-        case 'Mentions':
-            return React.createElement(Empty, { size: "mini" });
-        default:
-            return React.createElement(Empty, null);
-    }
-}));
-//# sourceMappingURL=render-empty.js.map
+export const renderEmpty = componentName => React.createElement(ConfigConsumer, null, () => {
+  switch (componentName) {
+    case 'Table':
+    case 'List':
+      return React.createElement(Empty, {
+        type: "no-result"
+      });
+    case 'Select':
+    case 'TreeSelect':
+    case 'Cascader':
+    case 'Transfer':
+    case 'Mentions':
+      return React.createElement(Empty, {
+        size: "mini"
+      });
+    default:
+      return React.createElement(Empty, null);
+  }
+});

package/es/result/index.js

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

package/es/result/style/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/result/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/result/style/index.less

@@ -0,0 +1,71 @@
+@import '../../style/themes/default';
+@import '../../style/mixins/index';
+
+@result-prefix-cls: ~'@{ant-prefix}-result';
+
+.@{result-prefix-cls} {
+  padding: 48px 32px;
+  // status color
+  &-success &-icon > .anticon {
+    color: @success-color;
+  }
+
+  &-error &-icon > .anticon {
+    color: @error-color;
+  }
+
+  &-info &-icon > .anticon {
+    color: @info-color;
+  }
+
+  &-warning &-icon > .anticon {
+    color: @warning-color;
+  }
+
+  // Exception Status image
+  &-image {
+    width: 250px;
+    height: 295px;
+    margin: auto;
+  }
+
+  &-icon {
+    margin-bottom: 24px;
+    text-align: center;
+
+    > .anticon {
+      font-size: 72px;
+    }
+  }
+
+  &-title {
+    color: @heading-color;
+    font-size: 24px;
+    line-height: 1.8;
+    text-align: center;
+  }
+
+  &-subtitle {
+    color: @text-color-secondary;
+    font-size: 14px;
+    line-height: 1.6;
+    text-align: center;
+  }
+
+  &-extra {
+    margin-top: 32px;
+    text-align: center;
+    > * {
+      margin-right: 8px;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  &-content {
+    margin-top: 24px;
+    padding: 24px 40px;
+    background-color: @background-color-light;
+  }
+}

package/es/row/index.js

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

package/es/row/style/index.js

@@ -0,0 +1,4 @@
+import '../../style/index.less';
+// style dependencies
+// deps-lint-skip: grid
+import '../../grid/style';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/row/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAE/B,qBAAqB;AACrB,uBAAuB;AACvB,OAAO,kBAAkB,CAAA","sourcesContent":["import '../../style/index.less'\n\n// style dependencies\n// deps-lint-skip: grid\nimport '../../grid/style'\n"]}

package/es/segmented/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 RcSegmented from 'rc-segmented';
@@ -15,36 +12,56 @@ import * as React from 'react';
 import './index.less';
 const SizeContext = React.createContext(undefined);
 function isSegmentedLabeledOptionWithIcon(option) {
-    return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
+  return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
 }
 const Segmented = React.forwardRef((props, ref) => {
-    const { prefixCls: customizePrefixCls, className, rootClassName, block, options = [], size: customSize = 'middle', style } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"]);
-    const prefixCls = 'tntd-segmented';
-    // ===================== Size =====================
-    const size = React.useContext(SizeContext);
-    const mergedSize = customSize || size;
-    // syntactic sugar to support `icon` for Segmented Item
-    const extendedOptions = React.useMemo(() => options.map((option) => {
-        if (isSegmentedLabeledOptionWithIcon(option)) {
-            const { icon, label } = option, restOption = __rest(option, ["icon", "label"]);
-            return Object.assign(Object.assign({}, restOption), { label: (React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: `${prefixCls}-item-icon` }, icon),
-                    label && React.createElement("span", null, label))) });
-        }
-        return option;
-    }), [options, prefixCls]);
-    const cls = classNames(className, rootClassName, {
-        [`${prefixCls}-block`]: block,
-        [`${prefixCls}-sm`]: mergedSize === 'small',
-        [`${prefixCls}-lg`]: mergedSize === 'large',
-    });
-    const mergedStyle = Object.assign({}, style);
-    return (React.createElement(RcSegmented, Object.assign({}, restProps, { className: cls, style: mergedStyle, options: extendedOptions, 
-        //   options={options}
-        ref: ref, rev: "", prefixCls: prefixCls })));
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      rootClassName,
+      block,
+      options = [],
+      size: customSize = 'middle',
+      style
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"]);
+  const prefixCls = 'tntd-segmented';
+  // ===================== Size =====================
+  const size = React.useContext(SizeContext);
+  const mergedSize = customSize || size;
+  // syntactic sugar to support `icon` for Segmented Item
+  const extendedOptions = React.useMemo(() => options.map(option => {
+    if (isSegmentedLabeledOptionWithIcon(option)) {
+      const {
+          icon,
+          label
+        } = option,
+        restOption = __rest(option, ["icon", "label"]);
+      return Object.assign(Object.assign({}, restOption), {
+        label: React.createElement(React.Fragment, null, React.createElement("span", {
+          className: `${prefixCls}-item-icon`
+        }, icon), label && React.createElement("span", null, label))
+      });
+    }
+    return option;
+  }), [options, prefixCls]);
+  const cls = classNames(className, rootClassName, {
+    [`${prefixCls}-block`]: block,
+    [`${prefixCls}-sm`]: mergedSize === 'small',
+    [`${prefixCls}-lg`]: mergedSize === 'large'
+  });
+  const mergedStyle = Object.assign({}, style);
+  return React.createElement(RcSegmented, Object.assign({}, restProps, {
+    className: cls,
+    style: mergedStyle,
+    options: extendedOptions,
+    //   options={options}
+    ref: ref,
+    rev: "",
+    prefixCls: prefixCls
+  }));
 });
 if (process.env.NODE_ENV !== 'production') {
-    Segmented.displayName = 'Segmented';
+  Segmented.displayName = 'Segmented';
 }
-export default Segmented;
-//# sourceMappingURL=index.js.map
+export default Segmented;

package/es/select/index.js

@@ -2,5 +2,4 @@ import 'antd/es/select/style';
 import './select.less';
 export * from 'antd/es/select';
 import { Select } from './select';
-export default Select;
-//# sourceMappingURL=index.js.map
+export default Select;