@qn-pandora/pandora-component 3.0.2 → 3.1.0

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/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/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)

package/lib/components/Table/style.css

@@ -1509,11 +1509,11 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .pandora-sdk-table-wrapper .pandora-sdk-odd-table-row,
 .pandora-sdk-table-wrapper .pandora-sdk-odd-table-row + .ant-table-expanded-row {
-  background: #fafafa !important;
+  background: #fafafa;
 }
 .pandora-sdk-table-wrapper .pandora-sdk-even-table-row,
 .pandora-sdk-table-wrapper .pandora-sdk-even-table-row + .ant-table-expanded-row {
-  background: #ffffff !important;
+  background: #ffffff;
 }
 .pandora-sdk-table-wrapper .ant-table-row:hover {
   background: #e9f0fa;
@@ -1618,6 +1618,14 @@ textarea.ant-pagination-options-quick-jumper input {
   display: block;
   line-height: 28px;
 }
+.pandora-sdk-table-wrapper .pandora-sdk-table-empty {
+  margin: 32px 0;
+}
+.pandora-sdk-table-wrapper .pandora-sdk-table-empty .pandora-sdk-table-empty-text {
+  margin-top: 12px;
+  color: #bfbfbf;
+  font-size: 14px;
+}
 .pandora-sdk-table-batch-opt {
   position: absolute;
   left: 40px;

package/lib/components/Table/style.less

@@ -11,7 +11,6 @@
       text-decoration: underline;
     }
   }
-
   .@{ant-prefix}-table {
     color: @heading-color;
     font-size: 12px;
@@ -142,11 +141,11 @@
 
   .@{sdk-prefix}-odd-table-row,
   .@{sdk-prefix}-odd-table-row + .@{ant-prefix}-table-expanded-row {
-    background: @table-row-even-bg !important;
+    background: @table-row-even-bg;
   }
   .@{sdk-prefix}-even-table-row,
   .@{sdk-prefix}-even-table-row + .@{ant-prefix}-table-expanded-row {
-    background: @table-row-odd-bg !important;
+    background: @table-row-odd-bg;
   }
 
   .@{ant-prefix}-table-row {
@@ -252,6 +251,14 @@
     display: block;
     line-height: 28px;
   }
+  .@{sdk-prefix}-table-empty {
+    margin: 32px 0;
+    .@{sdk-prefix}-table-empty-text {
+      margin-top: 12px;
+      color: @icon-color;
+      font-size: 14px;
+    }
+  }
 }
 
 .@{sdk-prefix}-table-batch-opt {

package/lib/components/Timeline/TimelineItem/index.js

@@ -15,16 +15,18 @@ var style_1 = require("../../../constants/style");
 function TimelineItem(props) {
     var _a = props.lineLeft, lineLeft = _a === void 0 ? '50%' : _a, _b = props.showLine, showLine = _b === void 0 ? true : _b, time = props.time, dot = props.dot, color = props.color, content = props.content;
     var linePosition = React.useMemo(function () {
-        return lineLeft || '50%';
+        return lineLeft;
     }, [lineLeft]);
     var contentWidth = React.useMemo(function () {
         return 100 - +linePosition.slice(0, linePosition.length - 1) + "%";
     }, [linePosition]);
-    var timeRight = contentWidth;
     return (React.createElement("li", { className: style_1.SDK_PREFIX + "-timeline-item" },
-        React.createElement("div", { className: style_1.SDK_PREFIX + "-timeline-item-time", style: { right: timeRight } }, time),
+        React.createElement("div", { className: style_1.SDK_PREFIX + "-timeline-item-time", style: { right: contentWidth } }, time),
         showLine && (React.createElement("div", { className: style_1.SDK_PREFIX + "-timeline-item-tail", style: { left: linePosition } })),
         React.createElement("div", { className: style_1.SDK_PREFIX + "-timeline-item-head", style: { left: linePosition } }, dot || (React.createElement("span", { className: style_1.SDK_PREFIX + "-timeline-item-head-dot", style: { background: color } }))),
-        React.createElement("div", { className: style_1.SDK_PREFIX + "-timeline-item-content", style: { left: linePosition, width: contentWidth } }, content)));
+        React.createElement("div", { className: style_1.SDK_PREFIX + "-timeline-item-content", style: {
+                marginLeft: "calc(" + linePosition + " + 18px)",
+                width: contentWidth
+            } }, content)));
 }
 exports.default = TimelineItem;

package/lib/components/Timeline/TimelineItem/style.css

@@ -35,7 +35,6 @@
 }
 .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
   text-align: left;
-  margin-left: 22%;
   color: #333;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -46,6 +45,6 @@
   margin-right: 18px;
   position: absolute;
   text-align: right;
-  font-size: 12px;
+  font-size: 14px;
   color: #333;
 }

package/lib/components/Timeline/TimelineItem/style.less

@@ -32,7 +32,6 @@
 
   .@{sdk-prefix}-timeline-item-content {
     text-align: left;
-    margin-left: 22%;
     color: @font-color-7;
     text-overflow: ellipsis;
     display: -webkit-box;
@@ -44,7 +43,7 @@
     margin-right: 18px;
     position: absolute;
     text-align: right;
-    font-size: 12px;
+    font-size: 14px;
     color: @font-color-7;
   }
 }

package/lib/components/Transfer/List/index.js

@@ -32,12 +32,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
+var config_provider_1 = require("antd/es/config-provider");
 var ListBody_1 = __importDefault(require("../ListBody"));
+var language_1 = require("../../../utils/language");
 var style_1 = require("../../../constants/style");
+var type_1 = require("../../../constants/language/transfer/type");
 var Search = antd_1.Input.Search;
 function List(props) {
     var _a = __read(react_1.useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
-    var title = props.title, type = props.type, searchPlaceHolder = props.searchPlaceHolder, _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.targetKeys, targetKeys = _c === void 0 ? [] : _c, _d = props.selectAllTitle, selectAllTitle = _d === void 0 ? '全选' : _d, onTargetKeysChange = props.onTargetKeysChange;
+    var locale = react_1.useContext(config_provider_1.ConfigContext).locale;
+    var title = props.title, type = props.type, searchPlaceHolder = props.searchPlaceHolder, _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.targetKeys, targetKeys = _c === void 0 ? [] : _c, selectAllTitle = props.selectAllTitle, onTargetKeysChange = props.onTargetKeysChange;
     var onToggleAll = react_1.useCallback(function (e) {
         if (e.target.checked === true) {
             var targetKeys_1 = dataSource.map(function (item) { return item.key; });
@@ -49,7 +53,7 @@ function List(props) {
     }, [dataSource, onTargetKeysChange]);
     var selectedAllNode = (react_1.default.createElement(antd_1.Checkbox, { className: style_1.SDK_PREFIX + "-transfer-mb10", checked: dataSource.every(function (item) { return item.checked; }), indeterminate: dataSource.some(function (item) { return item.checked; }) &&
             !dataSource.every(function (item) { return item.checked; }), onChange: onToggleAll },
-        react_1.default.createElement("strong", null, selectAllTitle)));
+        react_1.default.createElement("strong", null, selectAllTitle || language_1.formatString(type_1.TransferLocale.select_all, locale))));
     var onCheckboxChange = react_1.useCallback(function (key, checked) {
         var keys = __spread(targetKeys);
         if (checked) {
@@ -63,7 +67,8 @@ function List(props) {
     return (react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-transfer-list" },
         react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-transfer-title" }, title),
         react_1.default.createElement("div", { className: style_1.SDK_PREFIX + "-transfer-search" },
-            react_1.default.createElement(Search, { placeholder: searchPlaceHolder || '请输入内容', value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: style_1.SDK_PREFIX + "-transfer-mb10" })),
+            react_1.default.createElement(Search, { placeholder: searchPlaceHolder ||
+                    language_1.formatString(type_1.TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: style_1.SDK_PREFIX + "-transfer-mb10" })),
         type === "source" /* Source */ && selectedAllNode,
         react_1.default.createElement(ListBody_1.default, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
 }

package/lib/constants/language/check_transform_list/en.d.ts

@@ -0,0 +1,2 @@
+import { ICheckTransformListLocale } from './type';
+export declare const check_transform_list_en: ICheckTransformListLocale;

package/lib/constants/language/check_transform_list/en.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.check_transform_list_en = {
+    placeholder: 'Search',
+    select_all: 'Select all',
+    selected: 'Seletced'
+};

package/lib/constants/language/check_transform_list/type.d.ts

@@ -0,0 +1,6 @@
+export interface ICheckTransformListLocale {
+    placeholder: string;
+    select_all: string;
+    selected: string;
+}
+export declare const CheckTransformListLocale: ICheckTransformListLocale;

package/lib/constants/language/check_transform_list/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.CheckTransformListLocale = languageLocale_1.languageLocale('check_transform_list.', zh_1.check_transform_list_zh);

package/lib/constants/language/check_transform_list/zh.d.ts

@@ -0,0 +1,2 @@
+import { ICheckTransformListLocale } from './type';
+export declare const check_transform_list_zh: ICheckTransformListLocale;

package/lib/constants/language/check_transform_list/zh.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.check_transform_list_zh = {
+    placeholder: '搜索',
+    select_all: '全选',
+    selected: '已选'
+};

package/lib/constants/language/datetime/en.d.ts

@@ -0,0 +1,2 @@
+import { IDateTimeLocale } from './type';
+export declare const datetime_en: IDateTimeLocale;

package/lib/constants/language/datetime/en.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datetime_en = {
+    title: 'Time range',
+    clear: 'Clear custom',
+    clart_text: 'Click to apply the global time range',
+    confirm: 'Confirm',
+    range: {
+        title: 'Date & Time Range',
+        beforeTime: 'Before',
+        afterTime: 'Since',
+        betweenTime: 'Between',
+        from: 'Earliest',
+        to: 'Latest'
+    },
+    preset: {
+        title: 'Presets',
+        m5: 'Last 5 minutes',
+        m15: 'Last 15 minutes',
+        m30: 'Last 30 minutes',
+        m60: 'Last 60 minutes',
+        h3: 'Last 3 hours',
+        h4: 'Last 4 hours',
+        h6: 'Last 6 hours',
+        h12: 'Last 12 hours',
+        h24: 'Last 24 hours',
+        d3: 'Last 3 days',
+        d7: 'Last 7 days',
+        d30: 'Last 30 days',
+        today: 'Today',
+        week: 'Week to date',
+        month: 'Month to date',
+        quarter: 'Quarter to date',
+        year: 'Year to date',
+        yesterDay: 'Yesterday',
+        theDayBeforYesterDay: 'Day before Yesterday',
+        previousWeek: 'Previous week',
+        previousMonth: 'Previous month',
+        previousQuarter: 'Previous quarter',
+        previousYear: 'Previous year',
+        AllTime: 'All time'
+    },
+    relative: {
+        title: 'Relative',
+        change_time: 'Change time',
+        now_text: 'Now',
+        now: 'Now (realtime)',
+        'now-static': 'Now (fixed)',
+        s: ' seconds ago',
+        m: ' minutes ago',
+        h: ' hours ago',
+        d: ' days ago',
+        w: ' weeks ago',
+        M: ' months ago',
+        Q: ' quarters ago',
+        y: ' years ago'
+    },
+    quarter: {
+        title: 'Quarter'
+    },
+    chart: {
+        custom: 'Custom',
+        global: 'Global',
+        seconds: 'Second',
+        minutes: 'Minute',
+        hours: 'Hour',
+        days: 'Day',
+        weeks: 'Week',
+        months: 'Month',
+        quarters: 'Quarter',
+        years: 'Year'
+    },
+    mobile: {
+        title: 'Select date',
+        start_time: 'Start time',
+        end_time: 'End time'
+    },
+    error: 'Earliest time cannot be greater than latest time.',
+    to: 'to',
+    change_time: 'Change'
+};