@qn-pandora/pandora-component 3.0.1 → 3.1.1

package/es/components/{SolidRadioGroup → RadioGroup}/style.css

@@ -16,7 +16,6 @@
           font-feature-settings: 'tnum';
   display: inline-block;
   font-size: 0;
-  line-height: unset;
 }
 .ant-radio-group .ant-badge-count {
   z-index: 1;
@@ -73,11 +72,11 @@
 .ant-radio-wrapper:hover .ant-radio,
 .ant-radio:hover .ant-radio-inner,
 .ant-radio-input:focus + .ant-radio-inner {
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-input:focus + .ant-radio-inner {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-checked::after {
   position: absolute;
@@ -85,7 +84,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #7a869a;
+  border: 1px solid #2c6dd2;
   border-radius: 50%;
   visibility: hidden;
   -webkit-animation: antRadioEffect 0.36s ease-in-out;
@@ -120,7 +119,7 @@
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #7a869a;
+  background-color: #2c6dd2;
   border-top: 0;
   border-left: 0;
   border-radius: 8px;
@@ -142,7 +141,7 @@
   opacity: 0;
 }
 .ant-radio-checked .ant-radio-inner {
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-checked .ant-radio-inner::after {
   -webkit-transform: scale(1);
@@ -179,7 +178,7 @@ span.ant-radio + * {
   height: 32px;
   margin: 0;
   padding: 0 15px;
-  color: rgba(0, 0, 0, 0.65);
+  color: #333;
   font-size: 14px;
   line-height: 30px;
   background: #ffffff;
@@ -193,7 +192,7 @@ span.ant-radio + * {
   transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
 }
 .ant-radio-button-wrapper a {
-  color: rgba(0, 0, 0, 0.65);
+  color: #333;
 }
 .ant-radio-button-wrapper > .ant-radio-button {
   position: absolute;
@@ -240,11 +239,11 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper:hover {
   position: relative;
-  color: #7a869a;
+  color: #2c6dd2;
 }
 .ant-radio-button-wrapper:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-button-wrapper .ant-radio-inner,
 .ant-radio-button-wrapper input[type='checkbox'],
@@ -256,52 +255,52 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   z-index: 1;
-  color: #7a869a;
+  color: #2c6dd2;
   background: #ffffff;
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: #7a869a;
+  background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  color: #9ca0a6;
-  border-color: #9ca0a6;
+  color: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-  background-color: #9ca0a6;
+  background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-  color: #555f73;
-  border-color: #555f73;
+  color: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
-  background-color: #555f73;
+  background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #ffffff;
-  background: #7a869a;
-  border-color: #7a869a;
+  background: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: #ffffff;
-  background: #9ca0a6;
-  border-color: #9ca0a6;
+  background: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   color: #ffffff;
-  background: #555f73;
-  border-color: #555f73;
+  background: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-button-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -370,7 +369,7 @@ span.ant-radio + * {
   border-radius: 0 2px 2px 0;
 }
 .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-  border-right-color: #9ca0a6;
+  border-right-color: #2c6dd2;
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
   border-radius: 2px 0 0 2px;
@@ -384,28 +383,22 @@ span.ant-radio + * {
 .ant-btn-sm {
   padding: 0 7px;
 }
-.pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item {
+.pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
   padding: 0 12px;
-  border-color: #bfbfbf !important;
-  color: #333;
-  text-align: center;
 }
-.pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item:hover {
-  background: #fafafa;
+.pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
   border-color: #bfbfbf;
 }
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked,
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:hover {
-  border-color: #2c6dd2 !important;
-  color: #2c6dd2 !important;
+.pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
+  border-color: #bfbfbf;
 }
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
-  border-color: #bfbfbf !important;
-  color: #333 !important;
+.pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
-  background-color: #bfbfbf;
+.pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
+  border-color: #2c6dd2;
 }
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: #2c6dd2 !important;
+.pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
+  background-color: #2c6dd2;
 }

package/es/components/RadioGroup/style.less

@@ -0,0 +1,32 @@
+@import 'antd/lib/radio/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-solid-radio-group {
+  .@{ant-prefix}-radio-button-wrapper {
+    padding: 0 12px;
+    &:not(&-checked) {
+      border-color: @input-border-color;
+    }
+  }
+
+  .@{ant-prefix}-radio {
+    &:not(&-checked) {
+      .@{ant-prefix}-radio-inner {
+        border-color: @input-border-color;
+      }
+    }
+
+    .@{ant-prefix}-radio-inner {
+      box-sizing: border-box;
+    }
+
+    .@{ant-prefix}-radio-checked {
+      .@{ant-prefix}-radio-inner {
+        border-color: @theme-color;
+        &::after {
+          background-color: @theme-color;
+        }
+      }
+    }
+  }
+}

package/es/components/RangeInput/index.js

@@ -17,14 +17,18 @@ var __read = (this && this.__read) || function (o, n) {
 import * as React from 'react';
 import { get, isNil } from 'lodash';
 import { InputNumber, Input } from 'antd';
+import { ConfigContext } from 'antd/es/config-provider';
 import { SDK_PREFIX } from '../../constants/style';
+import { formatString } from '../../utils/language';
+import { RangeInputLocale } from '../../constants/language/range_input/type';
 import { formatValue } from './utils';
-var useCallback = React.useCallback, useState = React.useState;
+var useCallback = React.useCallback, useState = React.useState, useContext = React.useContext;
 var InputGroup = Input.Group;
 export default function RangeInput(props) {
-    var _a = props.size, size = _a === void 0 ? 'middle' : _a, _b = props.placeholders, placeholders = _b === void 0 ? { from: '起始', to: '终止' } : _b, _c = props.symbol, symbol = _c === void 0 ? '-' : _c, showError = props.showError, value = props.value, onChange = props.onChange, error = props.error;
-    var _d = __read(useState(get(value, 'from')), 2), from = _d[0], setFrom = _d[1];
-    var _e = __read(useState(get(value, 'to')), 2), to = _e[0], setTo = _e[1];
+    var _a = props.size, size = _a === void 0 ? 'middle' : _a, placeholders = props.placeholders, _b = props.symbol, symbol = _b === void 0 ? '-' : _b, showError = props.showError, value = props.value, onChange = props.onChange, error = props.error;
+    var locale = useContext(ConfigContext).locale;
+    var _c = __read(useState(get(value, 'from')), 2), from = _c[0], setFrom = _c[1];
+    var _d = __read(useState(get(value, 'to')), 2), to = _d[0], setTo = _d[1];
     var handleFromInputChange = useCallback(function (value) {
         setFrom(value);
     }, []);
@@ -43,9 +47,11 @@ export default function RangeInput(props) {
     return (React.createElement("div", { className: SDK_PREFIX + "-range-input" },
         React.createElement(InputGroup, { compact: true },
             React.createElement("div", { className: SDK_PREFIX + "-range-input-input" },
-                React.createElement(InputNumber, { size: size, value: from, onChange: handleFromInputChange, onBlur: handleInputBlur, placeholder: placeholders.from })),
+                React.createElement(InputNumber, { size: size, value: from, onChange: handleFromInputChange, onBlur: handleInputBlur, placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.from) ||
+                        formatString(RangeInputLocale.placeholder.from, locale) })),
             React.createElement("span", { className: SDK_PREFIX + "-range-input-symbol" }, symbol),
             React.createElement("div", { className: SDK_PREFIX + "-range-input-input" },
-                React.createElement(InputNumber, { size: size, value: to, onChange: handleToInputChange, onBlur: handleInputBlur, placeholder: placeholders.to }))),
-        get(value, 'isInvalid') && showError && (React.createElement("div", { className: SDK_PREFIX + "-range-input-error" }, error || '数值区间必须大于数据间隔'))));
+                React.createElement(InputNumber, { size: size, value: to, onChange: handleToInputChange, onBlur: handleInputBlur, placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.to) ||
+                        formatString(RangeInputLocale.placeholder.to, locale) }))),
+        get(value, 'isInvalid') && showError && (React.createElement("div", { className: SDK_PREFIX + "-range-input-error" }, error || formatString(RangeInputLocale.error, locale)))));
 }

package/es/components/RangeInput/style.css

@@ -132,8 +132,8 @@ textarea.ant-input-affix-wrapper {
   outline: none;
 }
 .ant-input-affix-wrapper > input.ant-input:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
 }
 .ant-input-affix-wrapper::before {
   width: 0;
@@ -158,7 +158,7 @@ textarea.ant-input-affix-wrapper {
 .ant-input-suffix {
   margin-left: 4px;
 }
-.ant-input-clear-icon {
+.anticon.ant-input-clear-icon {
   margin: 0 4px;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
@@ -167,16 +167,16 @@ textarea.ant-input-affix-wrapper {
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
-.ant-input-clear-icon:hover {
+.anticon.ant-input-clear-icon:hover {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-input-clear-icon:active {
+.anticon.ant-input-clear-icon:active {
   color: rgba(0, 0, 0, 0.65);
 }
-.ant-input-clear-icon-hidden {
+.anticon.ant-input-clear-icon-hidden {
   visibility: hidden;
 }
-.ant-input-clear-icon:last-child {
+.anticon.ant-input-clear-icon:last-child {
   margin-right: 0;
 }
 .ant-input-affix-wrapper-textarea-with-clear-btn {
@@ -391,6 +391,16 @@ textarea.ant-input {
 .ant-input-group-addon .ant-select-focused .ant-select-selector {
   color: #7a869a;
 }
+.ant-input-group-addon .ant-cascader-picker {
+  margin: -9px -12px;
+  background-color: transparent;
+}
+.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
+  text-align: left;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .ant-input-group > .ant-input:first-child,
 .ant-input-group-addon:first-child {
   border-top-right-radius: 0;
@@ -870,6 +880,7 @@ textarea.ant-input-number {
   font-weight: bold;
   line-height: 0;
   text-align: center;
+  border-left: 1px solid #e5e5e5;
   -webkit-transition: all 0.1s linear;
   transition: all 0.1s linear;
 }
@@ -1016,7 +1027,6 @@ textarea.ant-input-number {
   width: 22px;
   height: 100%;
   background: #ffffff;
-  border-left: 1px solid #e5e5e5;
   border-radius: 0 2px 2px 0;
   opacity: 0;
   -webkit-transition: opacity 0.24s linear 0.1s;

package/es/components/Selector/index.js

@@ -43,7 +43,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { isArray, concat } from 'lodash';
+import { isArray, concat, isNumber, toString } from 'lodash';
 import classnames from 'classnames';
 import { Checkbox, Select } from 'antd';
 import PropTypes from 'prop-types';
@@ -74,7 +74,7 @@ var formatOptions = function (options) {
 var getOptionComponent = function (options) {
     return options.map(function (option) {
         var key = option.key, value = option.value, disabled = option.disabled, text = option.text;
-        return (React.createElement(Select.Option, { key: key || value, value: value, disabled: disabled }, text));
+        return (React.createElement(Select.Option, { key: key || value, value: value, disabled: disabled }, isNumber(text) ? toString(text) : text));
     });
 };
 var getGroupComponent = function (options, groupOptions) {

package/es/components/Selector/style.css

@@ -457,7 +457,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
-  top: 53%;
+  top: 50%;
   right: 11px;
   width: 12px;
   height: 12px;
@@ -638,6 +638,9 @@
   color: rgba(0, 0, 0, 0.25);
   cursor: not-allowed;
 }
+.ant-select-item-option-disabled.ant-select-item-option-selected {
+  background-color: #f5f5f5;
+}
 .ant-select-item-option-grouped {
   padding-left: 24px;
 }

package/es/components/SolidRadioGroup/index.d.ts

@@ -1,49 +1,7 @@
 import * as React from 'react';
-declare type BasicType = string | number | boolean;
-export interface IOption<T = BasicType> {
-    /**
-     * 选项的值
-     */
-    value: T;
-    /**
-     * 选项的展示形式：string类型或者React组件
-     */
-    item: string | React.ReactNode;
-    /**
-     * 禁用选项
-     */
-    disabled?: boolean;
-}
-export interface ISolidRadioGroupProps<T = BasicType> {
-    /**
-     * 当前值
-     */
-    value?: T;
-    /**
-     * 选中变化回调
-     */
-    onChange?: (value: any) => void;
-    /**
-     * 容器样式
-     */
-    className?: string;
-    /**
-     * 按钮样式
-     */
-    buttonClassName?: string;
-    /**
-     * 按钮大小
-     */
-    size?: 'small' | 'middle' | 'large';
-    /**
-     * 禁用
-     */
-    disabled?: boolean;
-    /**
-     * 可选线列表
-     */
-    options?: Array<IOption<T>> | IKeyValues<string | React.ReactNode>;
-    children?: any;
+import { IRadioGroupProps, IOption } from '../RadioGroup';
+export { IOption };
+export interface ISolidRadioGroupProps<T = any> extends Omit<IRadioGroupProps<T>, 'optionType'> {
 }
 declare function SolidRadioGroup(props: ISolidRadioGroupProps): JSX.Element;
 declare namespace SolidRadioGroup {

package/es/components/SolidRadioGroup/index.js

@@ -1,30 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import * as React from 'react';
-import { isArray, isUndefined } from 'lodash';
 import Radio from 'antd/es/radio';
-import classnames from 'classnames';
-import { SDK_PREFIX } from '../../constants/style';
-var useCallback = React.useCallback, useMemo = React.useMemo;
+import { default as RadioGroup } from '../RadioGroup';
 export default function SolidRadioGroup(props) {
-    var className = props.className, buttonClassName = props.buttonClassName, value = props.value, size = props.size, onChange = props.onChange, children = props.children, disabled = props.disabled, _a = props.options, options = _a === void 0 ? {} : _a;
-    var handleChange = useCallback(function (e) {
-        if (onChange) {
-            onChange(e.target.value);
-        }
-    }, [onChange]);
-    var radioOptions = useMemo(function () {
-        return isArray(options)
-            ? options
-            : Object.keys(options).map(function (key) { return ({ value: key, item: options[key] }); });
-    }, [options]);
-    return (React.createElement(Radio.Group, { className: classnames(SDK_PREFIX + "-solid-radio-group", className), value: value, onChange: handleChange, size: size },
-        radioOptions.map(function (option) {
-            var _a;
-            var value = option.value, item = option.item;
-            var disableRealVal = isUndefined(option.disabled)
-                ? disabled
-                : option.disabled;
-            return (React.createElement(Radio.Button, { key: value.toString(), value: value, disabled: disableRealVal, className: classnames((_a = {}, _a[SDK_PREFIX + "-solid-radio-item"] = !disableRealVal, _a), buttonClassName) }, item));
-        }),
-        children));
+    return React.createElement(RadioGroup, __assign({ optionType: "button" }, props));
 }
 SolidRadioGroup.Button = Radio.Button;

package/es/components/Steps/ControlButton/index.js

@@ -1,10 +1,14 @@
 import * as React from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
 import Button from '../../Button';
+import { formatString } from '../../../utils/language';
 import { SDK_PREFIX } from '../../../constants/style';
+import { StepsLocale } from '../../../constants/language/steps/type';
 import { StepsContext } from '../context';
 function ControlButton(props) {
     var lastStepText = props.lastStepText, nextDisabled = props.nextDisabled, onStepChange = props.onStepChange, onStepLast = props.onStepLast;
     var _a = React.useContext(StepsContext), stepCount = _a.count, current = _a.current;
+    var locale = React.useContext(ConfigContext).locale;
     var isLastStep = current === stepCount - 1;
     var handlePreStep = function () {
         if (current > 0 && onStepChange) {
@@ -20,7 +24,9 @@ function ControlButton(props) {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { className: SDK_PREFIX + "-prev-button", onClick: handlePreStep, disabled: current === 0 }, "\u4E0A\u4E00\u6B65"),
-        React.createElement(Button, { className: SDK_PREFIX + "-next-button", type: "primary", onClick: handleNextStep, disabled: nextDisabled || (isLastStep && !lastStepText) }, isLastStep && lastStepText ? lastStepText : '下一步')));
+        React.createElement(Button, { className: SDK_PREFIX + "-prev-button", onClick: handlePreStep, disabled: current === 0 }, formatString(StepsLocale.previous_step, locale)),
+        React.createElement(Button, { className: SDK_PREFIX + "-next-button", type: "primary", onClick: handleNextStep, disabled: nextDisabled || (isLastStep && !lastStepText) }, isLastStep && lastStepText
+            ? lastStepText
+            : formatString(StepsLocale.next_step, locale))));
 }
 export default React.memo(ControlButton);

package/es/components/Steps/style.css

@@ -767,8 +767,6 @@
 .pandora-sdk-steps .ant-steps-item-icon {
   width: 24px;
   height: 24px;
-  line-height: 28px;
-  margin-top: 2px;
   font-size: 12px;
 }
 .pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
@@ -785,9 +783,6 @@
   background: #2c6dd2;
   border: none;
 }
-.pandora-sdk-steps .ant-steps-item .ant-steps-item-icon .ant-steps-icon {
-  top: -1px;
-}
 .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
   color: #ffffff;
 }

package/es/components/Steps/style.less

@@ -5,8 +5,6 @@
   .@{ant-prefix}-steps-item-icon {
     width: 24px;
     height: 24px;
-    line-height: 28px;
-    margin-top: 2px;
     font-size: 12px;
     .@{ant-prefix}-steps-icon {
       font-size: 10px;
@@ -27,9 +25,6 @@
       border-radius: 2px;
       background: @theme-color;
       border: none;
-      .@{ant-prefix}-steps-icon {
-        top: -1px;
-      }
     }
 
     &.@{ant-prefix}-steps-item-finish .@{ant-prefix}-steps-item-icon {

package/es/components/Table/index.d.ts

@@ -40,6 +40,7 @@ declare class Table<T = any> extends React.Component<ITableProps<T>, any> {
         title?: string | undefined;
         tagClassName?: string | undefined;
     }) => JSX.Element;
+    static contextType: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
     indeterminate: boolean;
     checkAll: boolean;
     UNSAFE_componentWillReceiveProps(nextProps: ITableProps<T>): void;

package/es/components/Table/index.js

@@ -63,13 +63,17 @@ var __spread = (this && this.__spread) || function () {
     return ar;
 };
 import * as React from 'react';
-import { Table as AntTable, Checkbox } from 'antd';
 import classnames from 'classnames';
+import { observer } from 'mobx-react';
 import { observable, action, computed } from 'mobx';
 import { size, xor, union, unionBy, differenceBy, get } from 'lodash';
-import { observer } from 'mobx-react';
+import { Table as AntTable, Checkbox } from 'antd';
+import { ConfigContext } from 'antd/es/config-provider';
+import { EmptyIcon } from '@qn-pandora/pandora-component-icons';
 import bind from '../../utils/bind';
+import { formatString } from '../../utils/language';
 import { SDK_PREFIX } from '../../constants/style';
+import { TableLocale } from '../../constants/language/table/type';
 import { ColumnTag } from './ColumnTag/ColumnTag';
 /**
  * pandora2.0风格的表格
@@ -228,9 +232,12 @@ var Table = /** @class */ (function (_super) {
     Table.prototype.render = function () {
         var _a, _b;
         var _this = this;
-        var _c = this.props, className = _c.className, batchOptions = _c.batchOptions, scroll = _c.scroll, restProps = __rest(_c, ["className", "batchOptions", "scroll"]);
+        var _c = this.props, className = _c.className, batchOptions = _c.batchOptions, scroll = _c.scroll, locale = _c.locale, restProps = __rest(_c, ["className", "batchOptions", "scroll", "locale"]);
         return (React.createElement("div", null,
-            React.createElement(AntTable, __assign({ scroll: scroll }, restProps, { className: classnames(SDK_PREFIX + "-table-wrapper", (_a = {}, _a[SDK_PREFIX + "-table-scrollX"] = get(scroll, 'x'), _a), (_b = {}, _b[SDK_PREFIX + "-table-scrollY"] = get(scroll, 'y'), _b), className), 
+            React.createElement(AntTable, __assign({ scroll: scroll, locale: __assign({ emptyText: (React.createElement("div", { className: SDK_PREFIX + "-table-empty" },
+                        React.createElement("div", { className: SDK_PREFIX + "-table-empty-icon" },
+                            React.createElement(EmptyIcon, null)),
+                        React.createElement("div", { className: SDK_PREFIX + "-table-empty-text" }, formatString(TableLocale.empty, this.context.locale)))) }, locale) }, restProps, { className: classnames(SDK_PREFIX + "-table-wrapper", (_a = {}, _a[SDK_PREFIX + "-table-scrollX"] = get(scroll, 'x'), _a), (_b = {}, _b[SDK_PREFIX + "-table-scrollY"] = get(scroll, 'y'), _b), className), 
                 // 涉及到权限
                 // getCheckboxProps只能放到tableBatchWrapper里，因为selectedRowKeys在那个组件计算
                 rowSelection: batchOptions && this.props.rowSelection
@@ -242,7 +249,8 @@ var Table = /** @class */ (function (_super) {
                 this.props.dataSource.length > 0 ? (React.createElement("div", { className: SDK_PREFIX + "-table-batch-opt" },
                 React.createElement(Checkbox, { indeterminate: this.indeterminate, onChange: this.handleCheckAllChange, checked: this.checkAll, disabled: size(this.undisabledData) === 0 }),
                 React.createElement("span", { className: SDK_PREFIX + "-table-batch-opt-label" },
-                    "\u5DF2\u9009 ",
+                    formatString(TableLocale.selected, this.context.locale),
+                    ' ',
                     this.selectedRowKeys.length),
                 React.createElement("span", null, (batchOptions || []).map(function (option, index) {
                     var _a;
@@ -254,6 +262,7 @@ var Table = /** @class */ (function (_super) {
     };
     Table.Column = AntTable.Column;
     Table.ColumnTag = ColumnTag;
+    Table.contextType = ConfigContext;
     __decorate([
         observable,
         __metadata("design:type", Object)