@qn-pandora/pandora-component 3.0.1 → 3.1.1

package/lib/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/lib/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/lib/components/RangeInput/index.js

@@ -26,14 +26,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var lodash_1 = require("lodash");
 var antd_1 = require("antd");
+var config_provider_1 = require("antd/es/config-provider");
 var style_1 = require("../../constants/style");
+var language_1 = require("../../utils/language");
+var type_1 = require("../../constants/language/range_input/type");
 var utils_1 = require("./utils");
-var useCallback = React.useCallback, useState = React.useState;
+var useCallback = React.useCallback, useState = React.useState, useContext = React.useContext;
 var InputGroup = antd_1.Input.Group;
 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(lodash_1.get(value, 'from')), 2), from = _d[0], setFrom = _d[1];
-    var _e = __read(useState(lodash_1.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(config_provider_1.ConfigContext).locale;
+    var _c = __read(useState(lodash_1.get(value, 'from')), 2), from = _c[0], setFrom = _c[1];
+    var _d = __read(useState(lodash_1.get(value, 'to')), 2), to = _d[0], setTo = _d[1];
     var handleFromInputChange = useCallback(function (value) {
         setFrom(value);
     }, []);
@@ -52,10 +56,12 @@ function RangeInput(props) {
     return (React.createElement("div", { className: style_1.SDK_PREFIX + "-range-input" },
         React.createElement(InputGroup, { compact: true },
             React.createElement("div", { className: style_1.SDK_PREFIX + "-range-input-input" },
-                React.createElement(antd_1.InputNumber, { size: size, value: from, onChange: handleFromInputChange, onBlur: handleInputBlur, placeholder: placeholders.from })),
+                React.createElement(antd_1.InputNumber, { size: size, value: from, onChange: handleFromInputChange, onBlur: handleInputBlur, placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.from) ||
+                        language_1.formatString(type_1.RangeInputLocale.placeholder.from, locale) })),
             React.createElement("span", { className: style_1.SDK_PREFIX + "-range-input-symbol" }, symbol),
             React.createElement("div", { className: style_1.SDK_PREFIX + "-range-input-input" },
-                React.createElement(antd_1.InputNumber, { size: size, value: to, onChange: handleToInputChange, onBlur: handleInputBlur, placeholder: placeholders.to }))),
-        lodash_1.get(value, 'isInvalid') && showError && (React.createElement("div", { className: style_1.SDK_PREFIX + "-range-input-error" }, error || '数值区间必须大于数据间隔'))));
+                React.createElement(antd_1.InputNumber, { size: size, value: to, onChange: handleToInputChange, onBlur: handleInputBlur, placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.to) ||
+                        language_1.formatString(type_1.RangeInputLocale.placeholder.to, locale) }))),
+        lodash_1.get(value, 'isInvalid') && showError && (React.createElement("div", { className: style_1.SDK_PREFIX + "-range-input-error" }, error || language_1.formatString(type_1.RangeInputLocale.error, locale)))));
 }
 exports.default = RangeInput;

package/lib/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/lib/components/Selector/index.js

@@ -86,7 +86,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(antd_1.Select.Option, { key: key || value, value: value, disabled: disabled }, text));
+        return (React.createElement(antd_1.Select.Option, { key: key || value, value: value, disabled: disabled }, lodash_1.isNumber(text) ? lodash_1.toString(text) : text));
     });
 };
 var getGroupComponent = function (options, groupOptions) {

package/lib/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/lib/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/lib/components/SolidRadioGroup/index.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
@@ -11,33 +22,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
-var lodash_1 = require("lodash");
 var radio_1 = __importDefault(require("antd/es/radio"));
-var classnames_1 = __importDefault(require("classnames"));
-var style_1 = require("../../constants/style");
-var useCallback = React.useCallback, useMemo = React.useMemo;
+var RadioGroup_1 = __importDefault(require("../RadioGroup"));
 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 lodash_1.isArray(options)
-            ? options
-            : Object.keys(options).map(function (key) { return ({ value: key, item: options[key] }); });
-    }, [options]);
-    return (React.createElement(radio_1.default.Group, { className: classnames_1.default(style_1.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 = lodash_1.isUndefined(option.disabled)
-                ? disabled
-                : option.disabled;
-            return (React.createElement(radio_1.default.Button, { key: value.toString(), value: value, disabled: disableRealVal, className: classnames_1.default((_a = {}, _a[style_1.SDK_PREFIX + "-solid-radio-item"] = !disableRealVal, _a), buttonClassName) }, item));
-        }),
-        children));
+    return React.createElement(RadioGroup_1.default, __assign({ optionType: "button" }, props));
 }
 exports.default = SolidRadioGroup;
 SolidRadioGroup.Button = radio_1.default.Button;

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

@@ -11,12 +11,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
+var config_provider_1 = require("antd/es/config-provider");
 var Button_1 = __importDefault(require("../../Button"));
+var language_1 = require("../../../utils/language");
 var style_1 = require("../../../constants/style");
+var type_1 = require("../../../constants/language/steps/type");
 var context_1 = require("../context");
 function ControlButton(props) {
     var lastStepText = props.lastStepText, nextDisabled = props.nextDisabled, onStepChange = props.onStepChange, onStepLast = props.onStepLast;
     var _a = React.useContext(context_1.StepsContext), stepCount = _a.count, current = _a.current;
+    var locale = React.useContext(config_provider_1.ConfigContext).locale;
     var isLastStep = current === stepCount - 1;
     var handlePreStep = function () {
         if (current > 0 && onStepChange) {
@@ -32,7 +36,9 @@ function ControlButton(props) {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button_1.default, { className: style_1.SDK_PREFIX + "-prev-button", onClick: handlePreStep, disabled: current === 0 }, "\u4E0A\u4E00\u6B65"),
-        React.createElement(Button_1.default, { className: style_1.SDK_PREFIX + "-next-button", type: "primary", onClick: handleNextStep, disabled: nextDisabled || (isLastStep && !lastStepText) }, isLastStep && lastStepText ? lastStepText : '下一步')));
+        React.createElement(Button_1.default, { className: style_1.SDK_PREFIX + "-prev-button", onClick: handlePreStep, disabled: current === 0 }, language_1.formatString(type_1.StepsLocale.previous_step, locale)),
+        React.createElement(Button_1.default, { className: style_1.SDK_PREFIX + "-next-button", type: "primary", onClick: handleNextStep, disabled: nextDisabled || (isLastStep && !lastStepText) }, isLastStep && lastStepText
+            ? lastStepText
+            : language_1.formatString(type_1.StepsLocale.next_step, locale))));
 }
 exports.default = React.memo(ControlButton);

package/lib/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/lib/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/lib/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/lib/components/Table/index.js

@@ -75,13 +75,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
-var antd_1 = require("antd");
 var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_1 = require("mobx-react");
 var mobx_1 = require("mobx");
 var lodash_1 = require("lodash");
-var mobx_react_1 = require("mobx-react");
+var antd_1 = require("antd");
+var config_provider_1 = require("antd/es/config-provider");
+var pandora_component_icons_1 = require("@qn-pandora/pandora-component-icons");
 var bind_1 = __importDefault(require("../../utils/bind"));
+var language_1 = require("../../utils/language");
 var style_1 = require("../../constants/style");
+var type_1 = require("../../constants/language/table/type");
 var ColumnTag_1 = require("./ColumnTag/ColumnTag");
 /**
  * pandora2.0风格的表格
@@ -240,9 +244,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(antd_1.Table, __assign({ scroll: scroll }, restProps, { className: classnames_1.default(style_1.SDK_PREFIX + "-table-wrapper", (_a = {}, _a[style_1.SDK_PREFIX + "-table-scrollX"] = lodash_1.get(scroll, 'x'), _a), (_b = {}, _b[style_1.SDK_PREFIX + "-table-scrollY"] = lodash_1.get(scroll, 'y'), _b), className), 
+            React.createElement(antd_1.Table, __assign({ scroll: scroll, locale: __assign({ emptyText: (React.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty" },
+                        React.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty-icon" },
+                            React.createElement(pandora_component_icons_1.EmptyIcon, null)),
+                        React.createElement("div", { className: style_1.SDK_PREFIX + "-table-empty-text" }, language_1.formatString(type_1.TableLocale.empty, this.context.locale)))) }, locale) }, restProps, { className: classnames_1.default(style_1.SDK_PREFIX + "-table-wrapper", (_a = {}, _a[style_1.SDK_PREFIX + "-table-scrollX"] = lodash_1.get(scroll, 'x'), _a), (_b = {}, _b[style_1.SDK_PREFIX + "-table-scrollY"] = lodash_1.get(scroll, 'y'), _b), className), 
                 // 涉及到权限
                 // getCheckboxProps只能放到tableBatchWrapper里，因为selectedRowKeys在那个组件计算
                 rowSelection: batchOptions && this.props.rowSelection
@@ -254,7 +261,8 @@ var Table = /** @class */ (function (_super) {
                 this.props.dataSource.length > 0 ? (React.createElement("div", { className: style_1.SDK_PREFIX + "-table-batch-opt" },
                 React.createElement(antd_1.Checkbox, { indeterminate: this.indeterminate, onChange: this.handleCheckAllChange, checked: this.checkAll, disabled: lodash_1.size(this.undisabledData) === 0 }),
                 React.createElement("span", { className: style_1.SDK_PREFIX + "-table-batch-opt-label" },
-                    "\u5DF2\u9009 ",
+                    language_1.formatString(type_1.TableLocale.selected, this.context.locale),
+                    ' ',
                     this.selectedRowKeys.length),
                 React.createElement("span", null, (batchOptions || []).map(function (option, index) {
                     var _a;
@@ -266,6 +274,7 @@ var Table = /** @class */ (function (_super) {
     };
     Table.Column = antd_1.Table.Column;
     Table.ColumnTag = ColumnTag_1.ColumnTag;
+    Table.contextType = config_provider_1.ConfigContext;
     __decorate([
         mobx_1.observable,
         __metadata("design:type", Object)