@arim-aisdc/public-components 2.3.2 → 2.3.4

package/dist/components/CustomForm/index.less

@@ -5,7 +5,7 @@
 .btnContainer {
   width: 100%;
   text-align: right;
-  margin-top: 12px !important;
+  // margin-top: 12px !important;
   padding-top: 0 !important;
 }
 

package/dist/components/QueryFilter/QueryFilter.js

@@ -351,7 +351,8 @@ var QueryFilter = function QueryFilter(_ref, ref) {
           }),
           placeholder: item.inputTips,
           allowClear: item === null || item === void 0 ? void 0 : item.allowClear,
-          presets: item === null || item === void 0 ? void 0 : item.presets
+          presets: item === null || item === void 0 ? void 0 : item.presets,
+          picker: item === null || item === void 0 ? void 0 : item.picker
         });
         break;
       case FormItemType.DateRang:

package/dist/components/TableMax/components/ColumnFilterV2/DateRange/index.js

@@ -1,22 +1,34 @@
+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; }
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
 import { defaultDateFormat } from "../index";
 import "./index.less";
+import { useTranslation } from "../../../../../hooks/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 var defaultRangePresets = [{
   label: '最近7天',
+  code: 'last7Days',
   value: [dayjs().add(-7, 'd'), dayjs()]
 }, {
   label: '最近一个月',
+  code: 'lastMonth',
   value: [dayjs().add(-1, 'M'), dayjs()]
 }, {
   label: '最近三个月',
+  code: 'last3Months',
   value: [dayjs().add(-3, 'M'), dayjs()]
 }, {
   label: '最近半年',
+  code: 'last6Months',
   value: [dayjs().add(-6, 'M'), dayjs()]
 }, {
   label: '最近一年',
+  code: 'lastYear',
   value: [dayjs().add(-1, 'y'), dayjs()]
 }];
 var defaultTimeRange = [dayjs('00:00:00', 'HH:mm:ss'), dayjs('23:59:59', 'HH:mm:ss')];
@@ -25,11 +37,18 @@ export var DateRange = function DateRange(_ref) {
     value = _ref.value,
     columnDef = _ref.columnDef,
     manualFiltering = _ref.manualFiltering;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var _ref2 = columnDef.filterComProps || {},
     _ref2$format = _ref2.format,
     format = _ref2$format === void 0 ? defaultDateFormat : _ref2$format,
     _ref2$rangePresets = _ref2.rangePresets,
-    rangePresets = _ref2$rangePresets === void 0 ? defaultRangePresets : _ref2$rangePresets,
+    rangePresets = _ref2$rangePresets === void 0 ? t.tA(defaultRangePresets, {
+      labelKey: 'label',
+      fieldKey: 'code',
+      groupPrefix: 'global.text'
+    }) : _ref2$rangePresets,
     showTime = _ref2.showTime,
     _ref2$picker = _ref2.picker,
     picker = _ref2$picker === void 0 ? 'date' : _ref2$picker;
@@ -116,8 +135,10 @@ export var DateRange = function DateRange(_ref) {
       showTime: showTime === true ? {
         defaultValue: defaultTimeRange
       } : showTime,
-      format: format,
-      placeholder: ['开始时间', '结束时间'],
+      format: format
+      // placeholder={['开始时间', '结束时间']}
+      ,
+      placeholder: [t('global.placeholder.startTime'), t('global.placeholder.endTime')],
       picker: picker,
       onChange: onChangeDateRange,
       allowEmpty: [true, true],

package/dist/components/TableMax/components/ColumnFilterV2/Filter.js

@@ -17,6 +17,7 @@ import { DateRange } from "./DateRange";
 import MultipleSelect from "./MultipleSelect";
 import NumberRange from "./NumberRange";
 import SingleSelect from "./SingleSelect";
+import { useTranslation } from "../../../../hooks/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Filter = function Filter(_ref) {
   var column = _ref.column,
@@ -151,6 +152,9 @@ var Filter = function Filter(_ref) {
   }, []);
   var filterComponent = function filterComponent(type) {
     var _columnDef$filterComP, _columnDef$filterComP2, _columnDef$filterComP3;
+    var _useTranslation = useTranslation(),
+      _useTranslation2 = _slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
     switch (type) {
       case FilterType.Date:
       case FilterType.DateRange:
@@ -241,7 +245,7 @@ var Filter = function Filter(_ref) {
             },
             allowClear: true,
             value: columnFilterValue,
-            placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22"
+            placeholder: t('global.placeholder.input')
           })
         });
       case FilterType.SingleSelect:

package/dist/components/TableMax/components/ColumnFilterV2/MultipleSelect/index.js

@@ -8,6 +8,7 @@ import { useUpdateEffect } from 'ahooks';
 import { Button, Checkbox, Input, Spin } from 'antd';
 import { useMemo, useState } from 'react';
 import "./index.less";
+import { useTranslation } from "../../../../../hooks/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -26,6 +27,9 @@ var MultipleSelect = function MultipleSelect(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     innerValue = _useState2[0],
     setInnerValue = _useState2[1];
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
 
   // 前端搜索输入值
   var _useState3 = useState(''),
@@ -87,7 +91,7 @@ var MultipleSelect = function MultipleSelect(_ref) {
     children: [/*#__PURE__*/_jsx("div", {
       className: "header",
       children: /*#__PURE__*/_jsx(Input, {
-        placeholder: "\u8F93\u5165\u641C\u7D22",
+        placeholder: t('global.placeholder.input'),
         onChange: handleInputChange
       })
     }), /*#__PURE__*/_jsx("div", {
@@ -100,7 +104,7 @@ var MultipleSelect = function MultipleSelect(_ref) {
           indeterminate: indeterminate,
           onChange: onCheckAllChange,
           checked: checkAll,
-          children: "\u5168\u9009"
+          children: t('global.setting.selectAll')
         }), /*#__PURE__*/_jsx(CheckboxGroup, {
           options: finalOptions,
           value: innerValue,
@@ -112,11 +116,11 @@ var MultipleSelect = function MultipleSelect(_ref) {
       children: [/*#__PURE__*/_jsx(Button, {
         type: "text",
         onClick: handleReset,
-        children: "\u91CD\u7F6E"
+        children: t('global.button.reset')
       }), /*#__PURE__*/_jsx(Button, {
         type: "primary",
         onClick: handleConfirm,
-        children: "\u786E\u5B9A"
+        children: t('global.button.confirm')
       })]
     })]
   });

package/dist/components/TableMax/components/ColumnFilterV2/NumberRange/index.js

@@ -8,10 +8,14 @@ import { Button, InputNumber } from 'antd';
 import React, { useState } from 'react';
 import { noValue } from "../../../utils";
 import "./index.less";
+import { useTranslation } from "../../../../../hooks/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var NumberRange = function NumberRange(props) {
   var _column$getFacetedMin, _column$getFacetedMin2, _columnDef$cell, _column$getFacetedMin3, _column$getFacetedMin4, _columnDef$cell2;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var column = props.column,
     onChange = props.onChange,
     propsValue = props.value,
@@ -53,7 +57,7 @@ var NumberRange = function NumberRange(props) {
     children: [/*#__PURE__*/_jsxs("div", {
       className: "table-filter-number-range-body",
       children: [/*#__PURE__*/_jsx(InputNumber, {
-        placeholder: "".concat((_column$getFacetedMin = column.getFacetedMinMaxValues()) !== null && _column$getFacetedMin !== void 0 && _column$getFacetedMin[0] ? "(".concat((_column$getFacetedMin2 = column.getFacetedMinMaxValues()) === null || _column$getFacetedMin2 === void 0 ? void 0 : _column$getFacetedMin2[0], ")") : '请输入'),
+        placeholder: "".concat((_column$getFacetedMin = column.getFacetedMinMaxValues()) !== null && _column$getFacetedMin !== void 0 && _column$getFacetedMin[0] ? "(".concat((_column$getFacetedMin2 = column.getFacetedMinMaxValues()) === null || _column$getFacetedMin2 === void 0 ? void 0 : _column$getFacetedMin2[0], ")") : t('global.placeholder.input')),
         onChange: function onChange(value) {
           return changeRange(value, 'min');
         },
@@ -71,7 +75,7 @@ var NumberRange = function NumberRange(props) {
           className: "horizontal-line"
         })
       }), /*#__PURE__*/_jsx(InputNumber, {
-        placeholder: "".concat((_column$getFacetedMin3 = column.getFacetedMinMaxValues()) !== null && _column$getFacetedMin3 !== void 0 && _column$getFacetedMin3[1] ? "(".concat((_column$getFacetedMin4 = column.getFacetedMinMaxValues()) === null || _column$getFacetedMin4 === void 0 ? void 0 : _column$getFacetedMin4[1], ")") : '请输入'),
+        placeholder: "".concat((_column$getFacetedMin3 = column.getFacetedMinMaxValues()) !== null && _column$getFacetedMin3 !== void 0 && _column$getFacetedMin3[1] ? "(".concat((_column$getFacetedMin4 = column.getFacetedMinMaxValues()) === null || _column$getFacetedMin4 === void 0 ? void 0 : _column$getFacetedMin4[1], ")") : t('global.placeholder.input')),
         onChange: function onChange(value) {
           return changeRange(value, 'max');
         },
@@ -86,11 +90,11 @@ var NumberRange = function NumberRange(props) {
       children: [/*#__PURE__*/_jsx(Button, {
         type: "text",
         onClick: handleReset,
-        children: "\u91CD\u7F6E"
+        children: t('global.button.reset')
       }), /*#__PURE__*/_jsx(Button, {
         type: "primary",
         onClick: handleConfirm,
-        children: "\u786E\u5B9A"
+        children: t('global.button.confirm')
       })]
     })]
   });

package/dist/components/TableMax/components/ColumnFilterV2/SingleSelect/index.js

@@ -8,6 +8,7 @@ import { useUpdateEffect } from 'ahooks';
 import { Button, Input, Spin } from 'antd';
 import { useMemo, useState } from 'react';
 import "./index.less";
+import { useTranslation } from "../../../../../hooks/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SingleSelect = function SingleSelect(_ref) {
@@ -24,6 +25,9 @@ var SingleSelect = function SingleSelect(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     innerValue = _useState2[0],
     setInnerValue = _useState2[1];
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
 
   // 前端搜索输入值
   var _useState3 = useState(''),
@@ -72,7 +76,7 @@ var SingleSelect = function SingleSelect(_ref) {
     children: [/*#__PURE__*/_jsx("div", {
       className: "header",
       children: /*#__PURE__*/_jsx(Input, {
-        placeholder: "\u8F93\u5165\u641C\u7D22",
+        placeholder: t('global.placeholder.input'),
         onChange: handleInputChange
       })
     }), /*#__PURE__*/_jsx("div", {
@@ -95,11 +99,11 @@ var SingleSelect = function SingleSelect(_ref) {
       children: [/*#__PURE__*/_jsx(Button, {
         type: "text",
         onClick: handleReset,
-        children: "\u91CD\u7F6E"
+        children: t('global.button.reset')
       }), /*#__PURE__*/_jsx(Button, {
         type: "primary",
         onClick: handleConfirm,
-        children: "\u786E\u5B9A"
+        children: t('global.button.confirm')
       })]
     })]
   });

package/dist/hooks/useTranslation.d.ts

@@ -12,5 +12,5 @@ type TranslateOptions = {
     labelKey: string;
     groupPrefix?: string;
 };
-export declare const useTranslation: (locales?: Record<string, Omit<Locale, 'locale' extends keyof Locale ? never : 'locale'>>) => [LocaleFunction, getLocaleCode: string, switchLocale: (lang: string) => void];
+export declare const useTranslation: (locales?: Record<string, Omit<Locale, 'locale' extends keyof Locale ? never : 'locale'>>) => [LocaleFunction, getLocaleCode: string];
 export {};

package/dist/hooks/useTranslation.js

@@ -188,8 +188,5 @@ export var useTranslation = function useTranslation(locales) {
     // return localeCode ?? defaultLocaleData.locale; // 提供默认值
     return localeCode;
   }, [fullLocale]);
-  var switchLocale = React.useMemo(function () {
-    return fullLocale.switchLocale;
-  }, [fullLocale]);
-  return [enhancedLocaleFunction, getLocaleCode, switchLocale];
+  return [enhancedLocaleFunction, getLocaleCode];
 };

package/dist/locales/en_US.js

@@ -2,17 +2,49 @@ var localeValues = {
   locale: 'en_US',
   // locales for globals
   global: {
-    placeholder: {},
+    setting: {
+      "oneRow": "1 Row",
+      "twoRow": "2 Rows",
+      "threeRow": "3 Rows",
+      "pinToTail": "Pin to Tail",
+      "unpin": "Unpin",
+      "pinToHead": "Pin to Head",
+      "showFilter": "Show Filter",
+      "headerRowNum": "Header Row Number",
+      "selectAll": "Select All",
+      "reset": "Reset"
+    },
+    placeholder: {
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      input: 'Please Input'
+    },
     button: {
-      cancel: '取消',
-      confirm: '确定'
+      reset: 'Reset',
+      cancel: 'Cancel',
+      confirm: 'Confirm'
     },
     text: {
-      emptyText: 'no data'
+      emptyText: 'No Data Available',
+      last7Days: 'Last 7 Days',
+      lastMonth: 'Last Month',
+      last3Months: 'Last 3 Months',
+      last6Months: 'Last 6 Months',
+      lastYear: 'Last Year'
+    },
+    message: {
+      confirmDeleteTitle: 'Are you sure you want to delete this information?',
+      confirmDeleteSubTitle: 'Deletion may not be reversible. Please proceed with caution!',
+      deleting: 'Deleting',
+      actioning: '{0}ing',
+      successAction: '{0} Successful',
+      deleteSuccess: 'Deletion Successful'
     },
-    message: {},
     pagination: {
-      total: '共{0}条'
+      total: 'Total {0} items',
+      totalInfo: '{0} items / Total {1} items',
+      perPage: 'Per Page',
+      pieces: 'items'
     }
   }
 };

package/dist/locales/vi_VN.js

@@ -2,17 +2,49 @@ var localeValues = {
   locale: 'vi_VN',
   // locales for globals
   global: {
-    placeholder: {},
+    setting: {
+      "oneRow": "1 dòng",
+      "twoRow": "2 dòng",
+      "threeRow": "3 dòng",
+      "pinToTail": "Cố định cuối cột",
+      "unpin": "Không cố định",
+      "pinToHead": "Cố định đầu cột",
+      "showFilter": "Hiển thị bộ lọc",
+      "headerRowNum": "Số dòng tiêu đề",
+      "selectAll": "Chọn tất cả",
+      "reset": "Đặt lại"
+    },
+    placeholder: {
+      startTime: 'Thời gian bắt đầu',
+      endTime: 'Thời gian kết thúc',
+      input: 'Vui lòng nhập'
+    },
     button: {
-      cancel: '取消',
-      confirm: '确定'
+      reset: 'Đặt lại',
+      cancel: 'Hủy',
+      confirm: 'Xác nhận'
     },
     text: {
-      emptyText: '暂无数据'
+      emptyText: 'Không có dữ liệu',
+      last7Days: '7 ngày qua',
+      lastMonth: 'Tháng trước',
+      last3Months: '3 tháng qua',
+      last6Months: '6 tháng qua',
+      lastYear: 'Năm trước'
+    },
+    message: {
+      confirmDeleteTitle: 'Bạn có chắc muốn xóa thông tin này không?',
+      confirmDeleteSubTitle: 'Việc xóa có thể không thể khôi phục. Vui lòng thận trọng!',
+      deleting: 'Đang xóa',
+      actioning: 'Đang {0}',
+      successAction: '{0} thành công',
+      deleteSuccess: 'Xóa thành công'
     },
-    message: {},
     pagination: {
-      total: '共{0}条'
+      total: 'Tổng {0} mục',
+      totalInfo: '{0} mục / Tổng {1} mục',
+      perPage: 'Mỗi trang',
+      pieces: 'mục'
     }
   }
 };

package/dist/locales/zh_CN.js

@@ -14,14 +14,23 @@ var localeValues = {
       "selectAll": "全选",
       "reset": "重置"
     },
-    placeholder: {},
+    placeholder: {
+      startTime: '开始时间',
+      endTime: '结束时间',
+      input: '请输入'
+    },
     button: {
       reset: '重置',
       cancel: '取消',
       confirm: '确定'
     },
     text: {
-      emptyText: '暂无数据'
+      emptyText: '暂无数据',
+      last7Days: '最近7天',
+      lastMonth: '最近一个月',
+      last3Months: '最近三个月',
+      last6Months: '最近半年',
+      lastYear: '最近一年'
     },
     message: {
       confirmDeleteTitle: '确认删除这条信息吗？',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arim-aisdc/public-components",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",