@lemon-fe/components 1.1.5-alpha.1 → 1.2.0-alpha.0

package/es/data-grid/locale/zh_CN.js

@@ -0,0 +1,55 @@
+var locale = {
+  localeText: {
+    copy: '复制',
+    copyWithHeaders: '复制(带表头)',
+    copyWithGroupHeaders: '复制(带表头分组)',
+    paste: '粘贴',
+    export: '导出',
+    csvExport: 'CSV 导出',
+    searchOoo: '搜索',
+    autosizeThiscolumn: '当前列宽自适应',
+    autosizeAllColumns: '所有列宽自适应',
+    resetColumns: '重置所有列',
+    pinColumn: '固定列',
+    pinLeft: '固定在左侧',
+    pinRight: '固定在右侧',
+    noPin: '不固定',
+    expandAll: '展开所有',
+    collapseAll: '折叠所有',
+    columns: '列'
+  },
+  pagination: {
+    totalText: '共${total}条'
+  },
+  fieldModal: {
+    addCustomColumnText: '添加自定义列',
+    customColumnNameText: '自定义列名',
+    customColumnExpressionText: '自定义公式',
+    summaryText: '是否统计合计',
+    summaryTypeText: '合计规则',
+    summaryTypeContentText: "\n    <div>\n      <p>1\u3001\u81EA\u5B9A\u4E49\u5217\u6570\u636E\u503C\u6C42\u548C\u5F97\u51FA\u5408\u8BA1\u503C</p>\n      <p>\n        2\u3001\u6570\u636E\u6E90\u6839\u636E\u8BA1\u7B97\u516C\u5F0F\u5F97\u51FA\u5408\u8BA1\u503C\n        <br />\n        \u516C\u5F0F\u4E2D\u6DFB\u52A0\u7684\u5B57\u6BB5\u5148\u6C42\u548C\uFF0C\u518D\u6839\u636E\u8BA1\u7B97\u516C\u5F0F\u8BA1\u7B97\u51FA\u5408\u8BA1\n      </p>\n    </div>\n    ",
+    customSummaryDataText: '自定义列数据值求和得出合计值',
+    dataSourceSummaryDataText: '数据源根据计算公式得出合计值',
+    addFieldText: '添加字段'
+  },
+  validate: {
+    fieldErrorText: '${field}输入错误'
+  },
+  maxWordText: '${headName}最多${maxLength}个字符',
+  operationSuccessText: '操作成功',
+  displayText: '显示',
+  searchText: '搜索',
+  addCustomColumnText: '添加自定义列',
+  resetText: '重置',
+  saveText: '保存',
+  editText: '编辑',
+  deleteText: '删除',
+  searchPlaceholderText: '输入关键字搜索',
+  searchPrevText: '上一个',
+  searchNextText: '下一个',
+  selectedTipText: '已选${length}条',
+  clearSelectedText: '清空已选',
+  moreText: '更多',
+  actionText: '操作'
+};
+export default locale;

package/es/data-grid/renderer/actions.js

@@ -1,10 +1,17 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import Dropdown from "../../dropdown";
 import Icons from "../../icons";
+import { useLocaleReceiver } from "../../locale-receiver";
 import { prefixClassName } from "../../utils";
 import classNames from 'classnames';
 var prefix = prefixClassName('grid-operator');
@@ -39,6 +46,9 @@ export default function Actions(props) {
     _props$maxShowCount = props.maxShowCount,
     maxShowCount = _props$maxShowCount === void 0 ? Infinity : _props$maxShowCount;
   var actions = typeof actionsProp === 'function' ? actionsProp(data, params) : actionsProp;
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    dataGridLocale = _useLocaleReceiver2[0];
   var traverse = function traverse(node, idx) {
     if (node === null) {
       return null;
@@ -59,7 +69,7 @@ export default function Actions(props) {
   var list = actions.map(traverse).filter(Boolean);
   if (list.length > maxShowCount) {
     list = list.slice(0, maxShowCount - 1).concat([{
-      label: '更多',
+      label: dataGridLocale.moreText || '更多',
       children: list.slice(maxShowCount - 1)
     }]);
   }

package/es/data-grid/typings.d.ts

@@ -8,7 +8,7 @@ import type { RowEditorParams } from './cell-editors/row';
 import type { SelectEditorParams } from './cell-editors/select';
 import type { TextEditorParams } from './cell-editors/text';
 import type { FieldCol } from './components/custom-panel/typings';
-import type DataGrid from './index';
+import type { DataGridRef } from './index';
 export type { TextEditorParams } from './cell-editors/text';
 export type { NumberEditorParams } from './cell-editors/number';
 export type { DateEditorParams } from './cell-editors/date';
@@ -102,7 +102,7 @@ export declare type DataGridState<TData> = {
 export declare type GridStore = {
     errors: Map<string, Map<string, string[]>>;
     context?: any;
-    grid: DataGrid<any>;
+    grid: DataGridRef<any>;
     fetchError?: Error;
 };
 export interface RowAction<T> {

package/es/duration-picker/index.d.ts

@@ -13,6 +13,7 @@ declare type DateType = {
 declare type Option = {
     label: string;
     value: () => Moment[];
+    id?: string;
 };
 interface Props extends Omit<RangePickerProps, 'value' | 'onChange' | 'disabled'> {
     prefixCls?: string;

package/es/duration-picker/index.js

@@ -14,53 +14,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { DatePicker, Select } from 'antd';
 import React, { useMemo, useState, useEffect } from 'react';
 import { PREFIX_CLS } from "../constants";
 import InputCompact from "../input-compact";
-import { DatePicker, Select } from 'antd';
+import { useLocaleReceiver } from "../locale-receiver";
 import moment from 'moment';
 var emptyValue = [];
-var defaultOptions = [{
-  label: '自定义时段',
-  value: function value() {
-    return emptyValue;
-  }
-}, {
-  label: '今天',
-  value: function value() {
-    return [moment().startOf('day'), moment().endOf('day')];
-  }
-}, {
-  label: '昨天',
-  value: function value() {
-    return [moment().add(-1, 'days').startOf('day'), moment().add(-1, 'days').endOf('day')];
-  }
-}, {
-  label: '本周',
-  value: function value() {
-    return [moment().startOf('isoWeek'), moment().endOf('isoWeek')];
-  }
-}, {
-  label: '上周',
-  value: function value() {
-    return [moment().startOf('isoWeek').add(-1, 'week'), moment().endOf('isoWeek').add(-1, 'week')];
-  }
-}, {
-  label: '本月',
-  value: function value() {
-    return [moment().startOf('month'), moment().endOf('month')];
-  }
-}, {
-  label: '上月',
-  value: function value() {
-    return [moment().add(-1, 'months').startOf('month'), moment().add(-1, 'months').endOf('month')];
-  }
-}, {
-  label: '最近30日',
-  value: function value() {
-    return [moment().add(-29, 'days').startOf('day'), moment().endOf('day')];
-  }
-}];
 function DurationPicker(props) {
   var _result$type, _result$option;
   var _props$prefixCls = props.prefixCls,
@@ -68,8 +28,7 @@ function DurationPicker(props) {
     types = props.types,
     _props$hideType = props.hideType,
     hideType = _props$hideType === void 0 ? false : _props$hideType,
-    _props$options = props.options,
-    options = _props$options === void 0 ? defaultOptions : _props$options,
+    optionsProp = props.options,
     valueProp = props.value,
     _props$dateFormat = props.dateFormat,
     dateFormat = _props$dateFormat === void 0 ? 'YYYY-MM-DD' : _props$dateFormat,
@@ -77,11 +36,80 @@ function DurationPicker(props) {
     style = props.style,
     disabled = props.disabled,
     restProps = _objectWithoutProperties(props, _excluded);
+  var _useLocaleReceiver = useLocaleReceiver('DurationPicker'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    DurationPickerLocale = _useLocaleReceiver2[0];
+  var customDateText = DurationPickerLocale.customDateText,
+    todayText = DurationPickerLocale.todayText,
+    yesterdayText = DurationPickerLocale.yesterdayText,
+    thisWeekText = DurationPickerLocale.thisWeekText,
+    lastWeekText = DurationPickerLocale.lastWeekText,
+    thisMonthText = DurationPickerLocale.thisMonthText,
+    lastMonthText = DurationPickerLocale.lastMonthText,
+    lastThirtyDaysText = DurationPickerLocale.lastThirtyDaysText;
+  var options = useMemo(function () {
+    if (optionsProp) {
+      return optionsProp.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          id: item.id || item.label
+        });
+      });
+    }
+    return [{
+      label: customDateText,
+      id: '自定义时间段',
+      value: function value() {
+        return emptyValue;
+      }
+    }, {
+      label: todayText,
+      id: '今天',
+      value: function value() {
+        return [moment().startOf('day'), moment().endOf('day')];
+      }
+    }, {
+      label: yesterdayText,
+      id: '昨天',
+      value: function value() {
+        return [moment().add(-1, 'days').startOf('day'), moment().add(-1, 'days').endOf('day')];
+      }
+    }, {
+      label: thisWeekText,
+      id: '本周',
+      value: function value() {
+        return [moment().startOf('isoWeek'), moment().endOf('isoWeek')];
+      }
+    }, {
+      label: lastWeekText,
+      id: '上周',
+      value: function value() {
+        return [moment().startOf('isoWeek').add(-1, 'week'), moment().endOf('isoWeek').add(-1, 'week')];
+      }
+    }, {
+      label: thisMonthText,
+      id: '本月',
+      value: function value() {
+        return [moment().startOf('month'), moment().endOf('month')];
+      }
+    }, {
+      label: lastMonthText,
+      id: '上月',
+      value: function value() {
+        return [moment().add(-1, 'months').startOf('month'), moment().add(-1, 'months').endOf('month')];
+      }
+    }, {
+      label: lastThirtyDaysText,
+      id: '最近30日',
+      value: function value() {
+        return [moment().add(-29, 'days').startOf('day'), moment().endOf('day')];
+      }
+    }];
+  }, [optionsProp]);
   var defaultDurationPickerValue = useMemo(function () {
     if (valueProp === undefined) {
       return {
         type: types[0].value,
-        option: options[0].label,
+        option: options[0].id,
         dates: options[0].value().map(function (item) {
           return item.format(dateFormat);
         })
@@ -103,7 +131,7 @@ function DurationPicker(props) {
       return item.value === value.type;
     });
     var option = options.find(function (item) {
-      return item.label === value.option;
+      return item.id === value.option;
     });
     var dates = value.dates ? value.dates.map(function (date) {
       return moment(date, dateFormat);
@@ -126,13 +154,13 @@ function DurationPicker(props) {
     }
   };
   var handleChangeOption = function handleChangeOption(item) {
-    if (value.option !== item.label) {
+    if (value.option !== item.id) {
       var itemValue = item.value();
       var newDurationPickerValue = _objectSpread(_objectSpread({}, value), {}, {
         dates: itemValue.length > 0 ? itemValue.map(function (date) {
           return date.format(dateFormat);
         }) : value.dates,
-        option: item.label
+        option: item.id
       });
       setDurationPickerValue(newDurationPickerValue);
       if (onChange) {
@@ -142,7 +170,7 @@ function DurationPicker(props) {
   };
   var handleChangeDates = function handleChangeDates(dates) {
     var newDurationPickerValue = _objectSpread({}, value);
-    newDurationPickerValue.option = defaultOptions[0].label;
+    newDurationPickerValue.option = options[0].id;
     if (dates === null) {
       newDurationPickerValue.dates = emptyValue;
     } else {
@@ -181,20 +209,20 @@ function DurationPicker(props) {
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Select, {
     style: {
-      width: 110,
+      minWidth: 110,
       color: '#666'
     },
     options: options.map(function (item) {
       return {
         label: item.label,
-        value: item.label,
+        value: item.id,
         item: item
       };
     }),
     onSelect: function onSelect(_, opt) {
       handleChangeOption(opt.item);
     },
-    value: (_result$option = result.option) === null || _result$option === void 0 ? void 0 : _result$option.label
+    value: (_result$option = result.option) === null || _result$option === void 0 ? void 0 : _result$option.id
   }), /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
     value: result.dates,
     onChange: handleChangeDates,

package/es/duration-picker/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import type { DurationPickerLocale } from './locale';
+declare const locale: DurationPickerLocale;
+export default locale;

package/es/duration-picker/locale/en_US.js

@@ -0,0 +1,11 @@
+var locale = {
+  customDateText: 'Custom Date',
+  todayText: 'Today',
+  yesterdayText: 'YesterDay',
+  thisWeekText: 'This Week',
+  lastWeekText: 'Last Week',
+  thisMonthText: 'This Month',
+  lastMonthText: 'Last Month',
+  lastThirtyDaysText: 'Last 30 Days'
+};
+export default locale;

package/es/duration-picker/locale/locale.d.ts

@@ -0,0 +1,10 @@
+export interface DurationPickerLocale {
+    customDateText: string;
+    todayText: string;
+    yesterdayText: string;
+    thisWeekText: string;
+    lastWeekText: string;
+    thisMonthText: string;
+    lastMonthText: string;
+    lastThirtyDaysText: string;
+}

package/es/duration-picker/locale/locale.js

@@ -0,0 +1 @@
+export {};

package/es/duration-picker/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import type { DurationPickerLocale } from './locale';
+declare const locale: DurationPickerLocale;
+export default locale;

package/es/duration-picker/locale/zh_CN.js

@@ -0,0 +1,11 @@
+var locale = {
+  customDateText: '自定义时间段',
+  todayText: '今天',
+  yesterdayText: '昨天',
+  thisWeekText: '本周',
+  lastWeekText: '上周',
+  thisMonthText: '本月',
+  lastMonthText: '上月',
+  lastThirtyDaysText: '最近30日'
+};
+export default locale;

package/es/filter/index.js

@@ -7,16 +7,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Button, Checkbox, Form, Input, Popover, Space, Modal, message, Select, Empty } from 'antd';
 import React, { useEffect, useMemo, useState, useContext } from 'react';
@@ -26,45 +26,50 @@ import DurationPicker from "../duration-picker";
 import FormLayout from "../form-layout";
 import Icons from "../icons";
 import InputNumber from "../input-number";
+import { useLocaleReceiver } from "../locale-receiver";
+import { parseLocalTemplate } from "../locale/locale";
 import TabBar from "../tab-bar";
 import { mergeProp, prefixClassName } from "../utils";
 import { useDebounce, useRequest, useUpdateEffect } from '@lemon-fe/hooks';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
-var components = [{
-  type: 'input',
-  render: function render(item) {
-    return /*#__PURE__*/React.createElement(Input, _extends({
-      allowClear: true,
-      maxLength: 125
-    }, item.extraProps));
-  }
-}, {
-  type: 'input-number',
-  render: function render(item) {
-    return /*#__PURE__*/React.createElement(InputNumber, _extends({
-      style: {
-        width: '100%'
-      }
-    }, item.extraProps));
-  }
-}, {
-  type: 'select',
-  render: function render(item) {
-    return /*#__PURE__*/React.createElement(Select, item.extraProps);
-  }
-}, {
-  type: 'range-picker',
-  colSpan: 2,
-  render: function render(item) {
-    return /*#__PURE__*/React.createElement(DurationPicker, _extends({
-      types: [{
-        label: '日期',
-        value: 'date'
-      }]
-    }, item.extraProps));
-  }
-}];
+var getInitComponents = function getInitComponents(locale) {
+  return [{
+    type: 'input',
+    render: function render(item) {
+      return /*#__PURE__*/React.createElement(Input, _extends({
+        allowClear: true,
+        maxLength: 125
+      }, item.extraProps));
+    }
+  }, {
+    type: 'input-number',
+    render: function render(item) {
+      return /*#__PURE__*/React.createElement(InputNumber, _extends({
+        style: {
+          width: '100%'
+        }
+      }, item.extraProps));
+    }
+  }, {
+    type: 'select',
+    render: function render(item) {
+      return /*#__PURE__*/React.createElement(Select, item.extraProps);
+    }
+  }, {
+    type: 'range-picker',
+    colSpan: 2,
+    render: function render(item) {
+      return /*#__PURE__*/React.createElement(DurationPicker, _extends({
+        types: [{
+          label: locale.lableDateText || '日期',
+          value: 'date'
+        }]
+      }, item.extraProps));
+    }
+  }];
+};
+var externalComponents = [];
 var getStorageData = function getData(storageKey) {
   var data = localStorage.getItem("filter-storage-".concat(storageKey));
   if (data) {
@@ -77,13 +82,7 @@ var setStorageData = function setData(storageKey, data, action) {
 };
 var DEFAULT_TAB_TITLE = '默认';
 function setComponents(items) {
-  var compMap = new Map(components.map(function (item) {
-    return [item.type, item];
-  }));
-  items.forEach(function (item) {
-    compMap.set(item.type, item);
-  });
-  components = _toConsumableArray(compMap.values());
+  externalComponents = items;
 }
 function setStorage(getData, setData) {
   getStorageData = getData;
@@ -112,6 +111,9 @@ function Filter(props) {
     filterDependencies = _props$filterDependen === void 0 ? [] : _props$filterDependen,
     formProp = props.form;
   var prefix = prefixClassName('filter');
+  var _useLocaleReceiver = useLocaleReceiver('Filter'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    filterLocale = _useLocaleReceiver2[0];
   var emptyValue = useMemo(function () {
     return Object.fromEntries(data.map(function (item) {
       return [item.key, undefined];
@@ -126,6 +128,16 @@ function Filter(props) {
     }
     return null;
   }, []);
+  var components = useMemo(function () {
+    var initialComponents = getInitComponents(filterLocale);
+    var compMap = new Map(initialComponents.map(function (item) {
+      return [item.type, item];
+    }));
+    externalComponents.forEach(function (item) {
+      compMap.set(item.type, item);
+    });
+    return _toConsumableArray(compMap.values());
+  }, []);
   var compMap = useMemo(function () {
     var result = new Map(components.map(function (item) {
       return [item.type, item];
@@ -146,7 +158,7 @@ function Filter(props) {
     keywords = _useState4[0],
     setKeywords = _useState4[1];
   var _useState5 = useState([{
-      title: DEFAULT_TAB_TITLE,
+      title: filterLocale.defaultTitleText || DEFAULT_TAB_TITLE,
       value: defaultValue || value
     }]),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -259,7 +271,7 @@ function Filter(props) {
   }();
   var handleAddTab = function handleAddTab() {
     if (tabs.length > 6) {
-      message.warning('查询方案总数不可超过6个');
+      message.warning(filterLocale.planLimitText);
       return;
     }
     modalForm.setFieldsValue({
@@ -268,14 +280,18 @@ function Filter(props) {
     toggleModal();
   };
   var handleDelete = function handleDelete() {
+    var _filterLocale$deleteM;
     if (active === 0) {
-      message.warning('不允许删除默认');
+      message.warning(filterLocale.noDefaultRemoveText);
       return;
     }
     var tab = tabs[active];
+    var content = parseLocalTemplate(filterLocale.deleteModal.confirmDeleteText, {
+      title: tab.title
+    });
     Modal.confirm({
-      title: '提示',
-      content: "\u786E\u8BA4\u5220\u9664".concat(tab.title, "\uFF1F"),
+      title: (_filterLocale$deleteM = filterLocale.deleteModal) === null || _filterLocale$deleteM === void 0 ? void 0 : _filterLocale$deleteM.titleText,
+      content: content,
       maskClosable: true,
       width: 300,
       onOk: function onOk() {
@@ -431,7 +447,7 @@ function Filter(props) {
     open: showModal,
     onCancel: toggleModal,
     onOk: handleOk,
-    title: "\u4FDD\u5B58\u65B9\u6848",
+    title: filterLocale.savePlanText,
     width: 300
   }, /*#__PURE__*/React.createElement(Form, {
     form: modalForm,
@@ -440,7 +456,7 @@ function Filter(props) {
       name: tabs[active].title
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u65B9\u6848\u540D\u79F0",
+    label: filterLocale.planNameText,
     name: "name",
     rules: [{
       required: true
@@ -463,11 +479,8 @@ function Filter(props) {
     },
     className: prefix('tab-bar')
   }), /*#__PURE__*/React.createElement(FormLayout, {
-    direction: "row",
-    style: !width ? {
-      maxHeight: 72,
-      overflow: 'hidden'
-    } : undefined
+    className: classNames(_defineProperty({}, prefix('pending'), !width)),
+    direction: "row"
   }, data.map(function (item) {
     if (!preserveFields && isFieldHidden(item)) {
       return null;
@@ -490,10 +503,15 @@ function Filter(props) {
       return null;
     }
     var renderTarget = item;
+    var action = item.type.includes('select') ? filterLocale.selectText : filterLocale.inputText;
+    var placeholder = parseLocalTemplate(filterLocale.autoPlaceholderText, {
+      action: action,
+      label: item.label
+    });
     if (autoPlaceholder && item.label !== undefined && item.type !== undefined) {
       renderTarget = _objectSpread(_objectSpread({}, item), {}, {
         extraProps: _objectSpread({
-          placeholder: "\u8BF7".concat(item.type.includes('select') ? '选择' : '输入').concat(item.label)
+          placeholder: placeholder
         }, item.extraProps)
       });
     }
@@ -513,17 +531,17 @@ function Filter(props) {
   }, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     htmlType: "submit"
-  }, "\u67E5\u8BE2")), /*#__PURE__*/React.createElement(Space, null, simple ? /*#__PURE__*/React.createElement(Button, {
+  }, filterLocale.searchText)), /*#__PURE__*/React.createElement(Space, null, simple ? /*#__PURE__*/React.createElement(Button, {
     onClick: handleReset
-  }, "\u91CD\u7F6E") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
+  }, filterLocale.resetText) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
     actions: [{
-      text: '重置',
+      text: filterLocale.resetText,
       onClick: handleReset
     }, {
-      text: '保存方案',
+      text: filterLocale.savePlanText,
       onClick: handleAddTab
     }, {
-      text: '删除方案',
+      text: filterLocale.removePlanText,
       onClick: handleDelete
     }]
   }, /*#__PURE__*/React.createElement(Button, {
@@ -533,7 +551,7 @@ function Filter(props) {
     overlayClassName: prefix('popover'),
     destroyTooltipOnHide: true,
     content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
-      placeholder: "\u641C\u7D22\u9009\u9879",
+      placeholder: filterLocale.searchOptionText,
       allowClear: true,
       className: prefix('items-search'),
       prefix: /*#__PURE__*/React.createElement(Icons.Search, null),
@@ -573,7 +591,7 @@ function Filter(props) {
     },
     type: "link",
     className: prefix('collapse')
-  }, collapsed ? '高级搜索' : '收起搜索', /*#__PURE__*/React.createElement("svg", {
+  }, collapsed ? filterLocale.advanceSearchText : filterLocale.collapseSearchText, /*#__PURE__*/React.createElement("svg", {
     width: "10",
     height: "10",
     viewBox: "0 0 10 10",