tntd 3.0.0-beta.1 → 3.0.0-beta.2

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 './style';
 export * from 'antd/es/result';
-export default Result;
-//# sourceMappingURL=index.js.map
+export default Result;

package/es/result/style/index.js

@@ -1,3 +1,2 @@
 import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/row/index.js

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

package/es/row/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/index.less';
 // style dependencies
 // deps-lint-skip: grid
-import '../../grid/style';
-//# sourceMappingURL=index.js.map
+import '../../grid/style';

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 { Select } from './select';
 import './style';
 import './select.less';
 export * from 'antd/es/select';
-export default Select;
-//# sourceMappingURL=index.js.map
+export default Select;

package/es/select/select.js

@@ -1,41 +1,55 @@
-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 _get from "lodash/get";
+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 React, { forwardRef } from 'react';
 import { default as AntdSelect } from 'antd/es/select';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import classNames from 'classnames';
-import { get } from 'lodash';
 import { connectReadonlyComponent } from '../connect';
 import PreviewText from '../preview-text';
 import { capitalizeFirstLetter } from '../utils';
-const { Option } = AntdSelect;
+const {
+  Option
+} = AntdSelect;
 const tntPrefixCls = 'tnt-select';
 export const InternalSelect = forwardRef((_a, ref) => {
-    var { className, borderStyle, options, fieldNames, children } = _a, props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
-    return (React.createElement(ConfigConsumer, null, () => {
-        return (React.createElement(AntdSelect, Object.assign({}, props, { placeholder: capitalizeFirstLetter(props === null || props === void 0 ? void 0 : props.placeholder, props === null || props === void 0 ? void 0 : props.capitalize), className: classNames(className, tntPrefixCls, {
-                [`${tntPrefixCls}-outline`]: borderStyle === 'outline',
-                [`${tntPrefixCls}-fill`]: borderStyle === 'fill',
-            }), ref: ref }), children
-            ? children
-            : options === null || options === void 0 ? void 0 : options.map((option) => {
-                if (typeof option === 'object') {
-                    return (React.createElement(Option, { key: get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'), value: get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'), disabled: !!option.disabled }, get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label')));
-                }
-                return (React.createElement(Option, { key: option, value: option }, option));
-            })));
+  var {
+      className,
+      borderStyle,
+      options,
+      fieldNames,
+      children
+    } = _a,
+    props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdSelect, Object.assign({}, props, {
+      placeholder: capitalizeFirstLetter(props === null || props === void 0 ? void 0 : props.placeholder, props === null || props === void 0 ? void 0 : props.capitalize),
+      className: classNames(className, tntPrefixCls, {
+        [`${tntPrefixCls}-outline`]: borderStyle === 'outline',
+        [`${tntPrefixCls}-fill`]: borderStyle === 'fill'
+      }),
+      ref: ref
+    }), children ? children : options === null || options === void 0 ? void 0 : options.map(option => {
+      if (typeof option === 'object') {
+        return React.createElement(Option, {
+          key: _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'),
+          value: _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'),
+          disabled: !!option.disabled
+        }, _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label'));
+      }
+      return React.createElement(Option, {
+        key: option,
+        value: option
+      }, option);
     }));
+  });
 });
 export const Select = connectReadonlyComponent(InternalSelect, PreviewText.Select);
 Select.OptGroup = AntdSelect.OptGroup;
-Select.Option = AntdSelect.Option;
-//# sourceMappingURL=select.js.map
+Select.Option = AntdSelect.Option;

package/es/select/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../empty/style';
-//# sourceMappingURL=index.js.map
+import '../../empty/style';

package/es/select/style/index.less

@@ -58,7 +58,8 @@
     position: absolute;
     top: 50%;
     right: calc(@control-padding-horizontal - 1px);
-    margin-top: calc(-@font-size-sm / 2);
+    // margin-top: calc(-@font-size-sm / 2);
+    margin-top: -8px;
     color: @disabled-color;
     font-size: @font-size-sm;
     line-height: 1;

package/es/skeleton/index.js

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

package/es/skeleton/style/index.js

@@ -1,3 +1,2 @@
 import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/slider/index.js

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

package/es/slider/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../tooltip/style';
-//# sourceMappingURL=index.js.map
+import '../../tooltip/style';

package/es/spin/index.js

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

package/es/spin/style/index.js

@@ -1,3 +1,2 @@
 import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/statistic/index.js

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

package/es/statistic/style/index.js

@@ -1,3 +1,2 @@
 import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/steps/index.js

@@ -10,5 +10,4 @@ import './style';
 import './stepStyle/index.less';
 import { Steps } from './steps';
 export * from './steps';
-export default Steps;
-//# sourceMappingURL=index.js.map
+export default Steps;

package/es/steps/stepStyle/small.less

@@ -0,0 +1,5 @@
+.@{steps-prefix-cls}-small {
+    .@{steps-prefix-cls}-item-title {
+      padding-right: 10px;
+    }
+}

package/es/steps/steps.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 from 'react';
@@ -17,40 +14,75 @@ import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdSteps } from 'antd/es/steps';
 export * from 'antd/es/steps';
 export function Steps(_a) {
-    var { className, size, showBackground = true, labelPlacement } = _a, rest = __rest(_a, ["className", "size", "showBackground", "labelPlacement"]);
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('steps');
-        const tdSteps = !labelPlacement || labelPlacement === 'horizontal';
-        let iconsInfo = {};
-        if (tdSteps) {
-            iconsInfo = {
-                icons: {
-                    finish: (React.createElement(Icon, { type: size === 'small' ? 'check-circle' : 'step-check', className: `${prefixCls}-finish-icon` })),
-                    error: React.createElement(Icon, { type: "close-circle", className: `${prefixCls}-error-icon` }),
-                },
-            };
+  var {
+      className,
+      size,
+      showBackground = true,
+      labelPlacement
+    } = _a,
+    rest = __rest(_a, ["className", "size", "showBackground", "labelPlacement"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('steps');
+    const tdSteps = !labelPlacement || labelPlacement === 'horizontal';
+    let iconsInfo = {};
+    if (tdSteps) {
+      iconsInfo = {
+        icons: {
+          finish: React.createElement(Icon, {
+            type: size === 'small' ? 'check-circle' : 'step-check',
+            className: `${prefixCls}-finish-icon`
+          }),
+          error: React.createElement(Icon, {
+            type: "close-circle",
+            className: `${prefixCls}-error-icon`
+          })
         }
-        return (React.createElement(AntdSteps, Object.assign({ className: classNames(className, {
-                ['tnt-steps']: tdSteps,
-                [`${prefixCls}-background`]: (!(rest === null || rest === void 0 ? void 0 : rest.direction) || (rest === null || rest === void 0 ? void 0 : rest.direction) === 'horizontal') && showBackground, // 水平方向的才支持背景图
-            }) }, iconsInfo, { size: size, labelPlacement: labelPlacement }, rest)));
-    }));
+      };
+    }
+    return React.createElement(AntdSteps, Object.assign({
+      className: classNames(className, {
+        ['tnt-steps']: tdSteps,
+        [`${prefixCls}-background`]: (!(rest === null || rest === void 0 ? void 0 : rest.direction) || (rest === null || rest === void 0 ? void 0 : rest.direction) === 'horizontal') && showBackground // 水平方向的才支持背景图
+      })
+    }, iconsInfo, {
+      size: size,
+      labelPlacement: labelPlacement
+    }, rest));
+  });
 }
 Steps.Step = function (_a) {
-    var { className, title, subTitle, titleEllipsis = true } = _a, rest = __rest(_a, ["className", "title", "subTitle", "titleEllipsis"]);
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('step');
-        const stepTitle = {
-            title,
-            subTitle,
-        };
-        if (titleEllipsis) {
-            stepTitle.title = (React.createElement(Ellipsis, { suffix: React.createElement(Ellipsis, { widthLimit: "30%", title: subTitle, className: `${prefixCls}-ellipsis-subtitle` }), title: title }));
-            stepTitle.subTitle = null;
-        }
-        return (React.createElement(AntdSteps.Step, Object.assign({ className: classNames('tnt-step', className, {
-                [`${prefixCls}-default-icon`]: !(rest === null || rest === void 0 ? void 0 : rest.icon),
-            }) }, rest, stepTitle)));
-    }));
-};
-//# sourceMappingURL=steps.js.map
+  var {
+      className,
+      title,
+      subTitle,
+      titleEllipsis = true
+    } = _a,
+    rest = __rest(_a, ["className", "title", "subTitle", "titleEllipsis"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('step');
+    const stepTitle = {
+      title,
+      subTitle
+    };
+    if (titleEllipsis) {
+      stepTitle.title = React.createElement(Ellipsis, {
+        suffix: React.createElement(Ellipsis, {
+          widthLimit: "30%",
+          title: subTitle,
+          className: `${prefixCls}-ellipsis-subtitle`
+        }),
+        title: title
+      });
+      stepTitle.subTitle = null;
+    }
+    return React.createElement(AntdSteps.Step, Object.assign({
+      className: classNames('tnt-step', className, {
+        [`${prefixCls}-default-icon`]: !(rest === null || rest === void 0 ? void 0 : rest.icon)
+      })
+    }, rest, stepTitle));
+  });
+};

package/es/steps/style/index.js

@@ -7,5 +7,4 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/style/index.js

@@ -1,2 +1 @@
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/style/mixins/iconfont.less

@@ -33,11 +33,12 @@
   display: inline-block;
   @font-scale: unit(@size / 12px);
 
-  font-size: 12px;
+  font-size: 16px;
   // IE9
   font-size: ~'@{size} \9';
   transform: scale(@font-scale) rotate(@rotate);
   :root & {
-    font-size: @font-size-sm; // reset IE9 and above
+    // font-size: @font-size-sm; // reset IE9 and above
+    font-size: 16px; // reset IE9 and above
   }
 }

package/es/style/themes/default.less

@@ -419,7 +419,8 @@
 @menu-item-active-bg: @item-active-bg;
 @menu-item-active-border-width: 3px;
 @menu-item-group-title-color: @text-color-secondary;
-@menu-icon-size: @font-size-base;
+// @menu-icon-size: @font-size-base;
+@menu-icon-size: 16px;
 @menu-icon-size-lg: @font-size-lg;
 
 @menu-item-vertical-margin: 4px;
@@ -448,7 +449,7 @@
 @table-header-color: @heading-color;
 @table-header-sort-bg: @background-color-base;
 @table-body-sort-bg: rgba(0, 0, 0, 0.01);
-@table-row-hover-bg: @primary-1;
+@table-row-hover-bg: #fff;
 @table-selected-row-color: inherit;
 @table-selected-row-bg: #fafafa;
 @table-body-selected-sort-bg: @table-selected-row-bg;
@@ -562,7 +563,7 @@
 // ---
 @switch-height: 22px;
 @switch-sm-height: 16px;
-@switch-sm-checked-margin-left: calc(-(@switch-sm-height - 3px));
+@switch-sm-checked-margin-left: calc(3px - @switch-sm-height);
 @switch-disabled-opacity: 0.4;
 @switch-color: @primary-color;
 @switch-shadow-color: fade(#00230b, 20%);

package/es/style/v2-compatible-reset.js

@@ -1,2 +1 @@
-import './v2-compatible-reset.less';
-//# sourceMappingURL=v2-compatible-reset.js.map
+import './v2-compatible-reset.less';