@vtx/modals2 5.0.59 → 6.0.0-beta.1

package/lib/_components/vm-table/index.js

@@ -20,11 +20,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { DownOutlined, ExportOutlined } from '@ant-design/icons';
 import { useMemoizedFn, useSetState } from 'ahooks';
-import { Button, ConfigProvider, Dropdown, Menu, Table } from 'antd';
+import { Button, ConfigProvider, Dropdown, Table } from 'antd';
 import zhCN from 'antd/es/locale/zh_CN';
+import enUS from 'antd/es/locale/en_US';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import useSettings from "../../_hooks/useSettings";
 import "./style";
+import { getRuntimeLocale, translateLocaleText } from "./../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var VMTable = function VMTable(props) {
   var _props$rowKey = props.rowKey,
@@ -90,7 +92,7 @@ var VMTable = function VMTable(props) {
     setState = _useSetState2[1];
   var newColumns = useMemo(function () {
     var result = isIndex ? columns ? [{
-      title: '序号',
+      title: translateLocaleText("t('common.serialNumber')"),
       render: function render(_, __, index) {
         if (pagination && typeof (pagination === null || pagination === void 0 ? void 0 : pagination.current) === 'number' && typeof (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) === 'number') {
           return ((pagination === null || pagination === void 0 ? void 0 : pagination.current) - 1) * (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) + index + 1;
@@ -134,12 +136,15 @@ var VMTable = function VMTable(props) {
     }
   }, [JSON.stringify(dataSource), JSON.stringify(currentLayer)]);
   return /*#__PURE__*/_jsx(ConfigProvider, {
-    locale: zhCN,
+    locale: getRuntimeLocale() === 'zh-CN' ? zhCN : enUS,
     children: /*#__PURE__*/_jsx(Table, _objectSpread({
       className: "vm-table ".concat(isDark ? 'dark' : ''),
       ref: tableRef,
       rowKey: rowKey,
-      scroll: scroll || {
+      scroll: scroll ? _objectSpread({
+        y: scrollY,
+        scrollToFirstRowOnChange: true
+      }, scroll) : {
         y: scrollY,
         scrollToFirstRowOnChange: true
       },
@@ -148,7 +153,7 @@ var VMTable = function VMTable(props) {
         size: 'default',
         showSizeChanger: false,
         showTotal: function showTotal(total) {
-          return "\u5171".concat(total, "\u6761");
+          return "".concat(translateLocaleText("t('_components.totalPrefix')")).concat(total).concat(translateLocaleText("t('_components.totalSuffix')"));
         }
       }, pagination) : false,
       dataSource: dataSource,
@@ -183,33 +188,35 @@ export var ExportBtn = function ExportBtn(props) {
   var _onClick = props.onClick,
     items = props.items;
   var _useSettings2 = useSettings(),
-    theme = _useSettings2.theme;
-  var menu = /*#__PURE__*/_jsx(Menu, {
-    onClick: function onClick(menuItem) {
-      return _onClick && _onClick(menuItem.key);
-    },
-    items: items || [{
-      label: '导出选中行',
-      key: 'select-rows'
-    }, {
-      label: '导出当前页',
-      key: 'current-page'
-    }, {
-      label: '导出全部',
-      key: 'all'
-    }]
-  });
+    isDark = _useSettings2.isDark;
+  var menuItems = items || [{
+    label: translateLocaleText("t('_components.exportSelectedRows')"),
+    key: 'select-rows'
+  }, {
+    label: translateLocaleText("t('_components.exportCurrentPage')"),
+    key: 'current-page'
+  }, {
+    label: translateLocaleText("t('_components.export')"),
+    key: 'all'
+  }];
   return /*#__PURE__*/_jsx(Dropdown, {
-    overlay: menu,
+    menu: {
+      items: menuItems,
+      onClick: function onClick(menuItem) {
+        return _onClick && _onClick(menuItem.key);
+      }
+    },
     trigger: ['click'],
     className: "vtx-export-btn ".concat(isDark ? 'dark' : ''),
-    overlayClassName: "vtx-export-dropdown ".concat(isDark ? 'dark' : ''),
+    classNames: {
+      root: "vtx-export-dropdown ".concat(isDark ? 'dark' : '')
+    },
     children: /*#__PURE__*/_jsxs(Button, {
       type: "primary",
       style: {
         padding: '0 10px'
       },
-      children: [/*#__PURE__*/_jsx(ExportOutlined, {}), "\u5BFC\u51FA", /*#__PURE__*/_jsx(DownOutlined, {})]
+      children: [/*#__PURE__*/_jsx(ExportOutlined, {}), translateLocaleText("t('_components.export2')"), /*#__PURE__*/_jsx(DownOutlined, {})]
     })
   });
 };

package/lib/_components/vm-tabs/index.js

@@ -1,27 +1,43 @@
 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); }
+var _excluded = ["tab", "children"],
+  _excluded2 = ["children", "items"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _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 { Tabs } from 'antd';
+import React from 'react';
 import useSettings from "../../_hooks/useSettings";
 import "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var TabPane = Tabs.TabPane;
+var childrenToItems = function childrenToItems(children) {
+  return React.Children.toArray(children).filter(Boolean).map(function (child) {
+    var _ref = child.props || {},
+      tab = _ref.tab,
+      itemChildren = _ref.children,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+    return _objectSpread(_objectSpread({}, restProps), {}, {
+      label: tab || restProps.label,
+      children: itemChildren
+    });
+  });
+};
 export var VmTabs = function VmTabs(props) {
   var _useSettings = useSettings(),
     isDark = _useSettings.isDark;
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({}, props), {}, {
-    className: "vtx-tabs ".concat(isDark ? 'dark' : ''),
-    children: props.children
+  var children = props.children,
+    items = props.items,
+    restProps = _objectWithoutProperties(props, _excluded2);
+  var tabItems = items || childrenToItems(children);
+  return /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({}, restProps), {}, {
+    items: tabItems,
+    className: "vtx-tabs ".concat(isDark ? 'dark' : '')
   }));
 };
-export var VmTabsPane = function VmTabsPane(props) {
-  return /*#__PURE__*/_jsx(TabPane, _objectSpread(_objectSpread({}, props), {}, {
-    style: {
-      display: 'none'
-    }
-  }));
+export var VmTabsPane = function VmTabsPane() {
+  return null;
 };
 export default VmTabs;

package/lib/_components/vm-video/index.js

@@ -24,6 +24,7 @@ import { VmTabs } from "../vm-tabs";
 import HistoryGrid from "./HistoryGrid";
 import "./index.less";
 import RealtimeGrid from "./RealtimeGrid";
+import { translateLocaleText } from "./../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var VmVideo = function VmVideo(_ref) {
   var _ref$channels = _ref.channels,
@@ -98,8 +99,8 @@ var VmVideo = function VmVideo(_ref) {
           deviceId: ele.videoDeviceId
         });
       })).then(function (res) {
-        setCheckedChannels(res.map(function (ele, index) {
-          return _objectSpread(_objectSpread({}, ele.data), {}, {
+        setCheckedChannels(res === null || res === void 0 ? void 0 : res.map(function (ele, index) {
+          return _objectSpread(_objectSpread({}, ele === null || ele === void 0 ? void 0 : ele.data), {}, {
             checked: index < 4
           });
         }));
@@ -131,7 +132,7 @@ var VmVideo = function VmVideo(_ref) {
       var _data$list;
       var data = (res === null || res === void 0 ? void 0 : res.data) || {};
       if (!(data !== null && data !== void 0 && data.totalTimeUrl) && !((_data$list = data.list) !== null && _data$list !== void 0 && (_data$list = _data$list[0]) !== null && _data$list !== void 0 && _data$list.playbackUrl)) {
-        message.info('未查询到视频!');
+        message.info(translateLocaleText("t('_components.searchVideo2')"));
         return;
       }
       setState({
@@ -145,7 +146,7 @@ var VmVideo = function VmVideo(_ref) {
       children: /*#__PURE__*/_jsx("div", {
         className: "vm-video-left",
         children: /*#__PURE__*/_jsxs(VmWrapper, {
-          title: "\u67E5\u8BE2\u89C6\u9891",
+          title: translateLocaleText("t('_components.searchVideo')"),
           children: [tabKey === '1' && /*#__PURE__*/_jsx("div", {
             className: "vm-video-left-channels",
             children: checkedChannels === null || checkedChannels === void 0 ? void 0 : checkedChannels.map(function (ele, index) {
@@ -222,24 +223,24 @@ var VmVideo = function VmVideo(_ref) {
                     },
                     children: [/*#__PURE__*/_jsx(Radio, {
                       value: "dayBeforeYesterday",
-                      children: "\u524D\u65E5"
+                      children: translateLocaleText("t('_components.day')")
                     }), /*#__PURE__*/_jsx(Radio, {
                       value: "yesterday",
-                      children: "\u6628\u65E5"
+                      children: translateLocaleText("t('_components.day2')")
                     }), /*#__PURE__*/_jsx(Radio, {
                       value: "today",
-                      children: "\u4ECA\u65E5"
+                      children: translateLocaleText("t('_components.today')")
                     }), /*#__PURE__*/_jsx(Radio, {
                       value: "custom",
-                      children: "\u81EA\u5B9A\u4E49"
+                      children: translateLocaleText("t('_components.custom')")
                     })]
                   })
                 }), /*#__PURE__*/_jsx(Form.Item, {
-                  label: "\u5F00\u59CB\u65F6\u95F4",
+                  label: translateLocaleText("t('common.startTime')"),
                   name: "beginTime",
                   rules: [{
                     required: true,
-                    message: '请输入开始时间'
+                    message: translateLocaleText("t('_components.pleaseEnterStartTime')")
                   }],
                   children: /*#__PURE__*/_jsx(VMDatePicker, {
                     style: {
@@ -247,7 +248,6 @@ var VmVideo = function VmVideo(_ref) {
                     },
                     showTime: true,
                     disabled: datePickerDisabled,
-                    dropdownClassName: "date-dark",
                     classNames: {
                       popup: {
                         root: "date-dark"
@@ -255,11 +255,11 @@ var VmVideo = function VmVideo(_ref) {
                     }
                   })
                 }), /*#__PURE__*/_jsx(Form.Item, {
-                  label: "\u7ED3\u675F\u65F6\u95F4",
+                  label: translateLocaleText("t('common.endTime')"),
                   name: "endTime",
                   rules: [{
                     required: true,
-                    message: '请输入结束时间'
+                    message: translateLocaleText("t('_components.pleaseEnterEndTime')")
                   }],
                   children: /*#__PURE__*/_jsx(VMDatePicker, {
                     style: {
@@ -269,11 +269,11 @@ var VmVideo = function VmVideo(_ref) {
                     disabled: datePickerDisabled
                   })
                 }), /*#__PURE__*/_jsx(Form.Item, {
-                  label: "\u89C6\u9891\u901A\u9053",
+                  label: translateLocaleText("t('_components.video')"),
                   name: "channelNum",
                   rules: [{
                     required: true,
-                    message: '请选择视频通道'
+                    message: translateLocaleText("t('_components.pleaseSelectVideo')")
                   }],
                   children: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
                     options: checkedChannels === null || checkedChannels === void 0 ? void 0 : checkedChannels.map(function (ele) {
@@ -297,7 +297,7 @@ var VmVideo = function VmVideo(_ref) {
                     type: "primary",
                     htmlType: "submit",
                     className: "submit-button",
-                    children: "\u67E5\u8BE2"
+                    children: translateLocaleText("t('_components.search')")
                   })
                 })]
               })
@@ -322,10 +322,10 @@ var VmVideo = function VmVideo(_ref) {
           }
         },
         items: [{
-          label: "\u5B9E\u65F6\u89C6\u9891",
+          label: translateLocaleText("t('_components.hoursVideo')"),
           key: '1'
         }, {
-          label: "\u5386\u53F2\u89C6\u9891",
+          label: translateLocaleText("t('_components.video2')"),
           key: '2'
         }],
         tabBarExtraContent: tabKey === '1' ? /*#__PURE__*/_jsx(VmExtraTab, {
@@ -337,19 +337,19 @@ var VmVideo = function VmVideo(_ref) {
             title: /*#__PURE__*/_jsx(Rect1Icon, {
               fill: getActiveModeFill('1')
             }),
-            name: '1分屏',
+            name: translateLocaleText("t('_components.1')"),
             key: '1'
           }, {
             title: /*#__PURE__*/_jsx(Rect4Icon, {
               fill: getActiveModeFill('4')
             }),
-            name: '4分屏',
+            name: translateLocaleText("t('_components.4')"),
             key: '4'
           }, {
             title: /*#__PURE__*/_jsx(Rect9Icon, {
               fill: getActiveModeFill('9')
             }),
-            name: '9分屏',
+            name: translateLocaleText("t('_components.9')"),
             key: '9'
           }],
           onChange: function onChange(key) {

package/lib/_components/vm-wrapper/index.js

@@ -18,6 +18,7 @@ import useSettings from "../../_hooks/useSettings";
 import { ChartIcon, DateIcon, ListIcon } from "../../_util/iconSvgHtml";
 import VmFilter from "../vm-filter";
 import "./style";
+import { translateLocaleText } from "./../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var VMDatePicker = VmFilter.VMDatePicker,
   VMMonthPicker = VmFilter.VMMonthPicker,
@@ -63,7 +64,8 @@ export default function VmWrapper(props) {
     activeKey = _props$activeKey === void 0 ? '' : _props$activeKey,
     onChangeTab = props.onChangeTab,
     _props$pickerProps = props.pickerProps,
-    pickerProps = _props$pickerProps === void 0 ? {} : _props$pickerProps;
+    pickerProps = _props$pickerProps === void 0 ? {} : _props$pickerProps,
+    className = props.className;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     changeList = _useState2[0],
@@ -81,7 +83,7 @@ export default function VmWrapper(props) {
       changeList.push({
         key: 'calendar',
         icon: DateIcon,
-        name: '日历'
+        name: translateLocaleText("t('_components.day3')")
       });
     }
     if (showChart) {
@@ -95,7 +97,7 @@ export default function VmWrapper(props) {
       changeList.push({
         key: 'list',
         icon: ChartIcon,
-        name: '列表'
+        name: translateLocaleText("t('_components.list')")
       });
     }
     setChangeList(changeList);
@@ -112,7 +114,9 @@ export default function VmWrapper(props) {
     false: '#ffffff'
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: "div-wrapper ".concat(isDark ? 'dark' : ''),
+    className: classnames('div-wrapper', className, {
+      dark: isDark
+    }),
     style: style,
     children: [showTitle && /*#__PURE__*/_jsxs("div", {
       className: "div-wrapper-head",

package/lib/_components/vm-wrapper/resource/ICON_CONFIG.js

@@ -1,6 +1,6 @@
 export var ICON_CONFIG = {
   list: {
-    title: '列表',
+    title: "t('_components.list')",
     draw: function draw(ctx) {
       ctx.save();
       ctx.strokeStyle = 'rgba(0,0,0,0)';

package/lib/_util/http.js

@@ -229,7 +229,8 @@ var Http = /*#__PURE__*/function () {
         if (data.result === 0) {
           return data;
         } else {
-          if (config.url.indexOf('zdjg/jg/data/getJgDataStatistics') > -1 || config.url.indexOf('/cloud/zd/base/api/cp/commonFactory') > -1) {
+          var _config, _config2;
+          if (((_config = config) === null || _config === void 0 || (_config = _config.url) === null || _config === void 0 ? void 0 : _config.indexOf('zdjg/jg/data/getJgDataStatistics')) > -1 || ((_config2 = config) === null || _config2 === void 0 || (_config2 = _config2.url) === null || _config2 === void 0 ? void 0 : _config2.indexOf('/cloud/zd/base/api/cp/commonFactory')) > -1) {
             return;
           }
           message.error(data.msg || '请求信息错误');
@@ -249,7 +250,8 @@ var Http = /*#__PURE__*/function () {
     key: "_errorHandler",
     value: function _errorHandler(error) {
       if (error.response) {
-        if (error.response.data.path.indexOf('zdjg/jg/data/getJgDataStatistics') > -1 || error.response.data.path.indexOf('/cloud/zd/base/api/cp/commonFactory') > -1) {
+        var _error$response$data$, _error$response$data$2;
+        if (((_error$response$data$ = error.response.data.path) === null || _error$response$data$ === void 0 ? void 0 : _error$response$data$.indexOf('zdjg/jg/data/getJgDataStatistics')) > -1 || ((_error$response$data$2 = error.response.data.path) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.indexOf('/cloud/zd/base/api/cp/commonFactory')) > -1) {
           return;
         }
         var msg;

package/lib/_util/setupDayjs.js

@@ -0,0 +1,16 @@
+import dayjs from 'dayjs';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import isMoment from 'dayjs/plugin/isMoment';
+import localeData from 'dayjs/plugin/localeData';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import weekYear from 'dayjs/plugin/weekYear';
+import weekday from 'dayjs/plugin/weekday';
+import 'dayjs/locale/zh-cn';
+dayjs.extend(localeData);
+dayjs.extend(weekday);
+dayjs.extend(isMoment);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+dayjs.extend(advancedFormat);
+dayjs.locale('zh-cn');
+export default dayjs;

package/lib/hooks/useTranslation.js

@@ -0,0 +1,217 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 zhCN from "../locales/zh-CN.json";
+import enUS from "../locales/en.json";
+var keyFieldMap = {
+  titleKey: 'title',
+  labelKey: 'label',
+  textKey: 'text',
+  placeholderKey: 'placeholder',
+  subtitleKey: 'subtitle',
+  contentKey: 'content',
+  tooltipKey: 'tooltip',
+  messageKey: 'message',
+  descriptionKey: 'description',
+  unitKey: 'unit',
+  fileNameKey: 'fileName',
+  modalTitleKey: 'modalTitle',
+  yAxisNameKey: 'yAxisName',
+  yAxisName2Key: 'yAxisName2',
+  emptyTextKey: 'emptyText',
+  emptyDescriptionKey: 'emptyDescription',
+  emptyDescriptionTextKey: 'emptyDescriptionText',
+  headSubTitleTextKey: 'headSubTitleText',
+  btnCloseTextKey: 'btnCloseText',
+  btnUploadTextKey: 'btnUploadText',
+  btnReUploadTextKey: 'btnReUploadText',
+  btnImportTextKey: 'btnImportText',
+  msgUploadWarningTextKey: 'msgUploadWarningText',
+  resultSuccessTextKey: 'resultSuccessText',
+  resultFailTextKey: 'resultFailText'
+};
+function _translationText(text, t) {
+  if (typeof text !== 'string') {
+    return text;
+  }
+  var re = /^t\('([^']+)'\)$/;
+  var match = text.match(re);
+  if (match) {
+    return t(match[1]);
+  }
+  return text;
+}
+export { _translationText as translationText };
+export function getTranslationKey(text) {
+  if (typeof text !== 'string') {
+    return undefined;
+  }
+  var match = text.match(/^t\('([^']+)'\)$/);
+  return match === null || match === void 0 ? void 0 : match[1];
+}
+function getHashLanguage() {
+  if (typeof window === 'undefined') {
+    return undefined;
+  }
+  var hash = window.location.hash || '';
+  var queryIndex = hash.indexOf('?');
+  if (queryIndex < 0) {
+    return undefined;
+  }
+  return new URLSearchParams(hash.slice(queryIndex + 1)).get('vtxLanguage') || undefined;
+}
+export function getRuntimeLanguage() {
+  var _window$localStorage;
+  var searchLanguage = typeof window !== 'undefined' ? new URLSearchParams(window.location.search).get('vtxLanguage') : undefined;
+  var hashLanguage = getHashLanguage();
+  var storedLanguage = typeof window !== 'undefined' ? (_window$localStorage = window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.getItem('vtxLanguage') : undefined;
+  var language = searchLanguage || hashLanguage || storedLanguage;
+  return language === 'en-US' || language === 'en_US' || language === 'en-us' || language === 'en' ? 'en-US' : 'zh-CN';
+}
+function formatMessage(template, values) {
+  if (!values) {
+    return template;
+  }
+  return template.replace(/\{(\w+)\}/g, function (_, key) {
+    var _values$key;
+    return ((_values$key = values[key]) !== null && _values$key !== void 0 ? _values$key : "{".concat(key, "}")).toString();
+  });
+}
+function translationByKey(key, t, values) {
+  if (typeof key !== 'string' || !key) {
+    return key;
+  }
+  return formatMessage(t(key, values), values);
+}
+export function translateLocaleText(text, values) {
+  var key = getTranslationKey(text);
+  if (!key) {
+    return text;
+  }
+  var language = getRuntimeLanguage();
+  var localeData = language === 'en-US' ? enUS : zhCN;
+  return formatMessage(localeData[key] || zhCN[key] || key, values);
+}
+function applyKeyFields(source, t) {
+  var next = _objectSpread({}, source);
+  for (var _i = 0, _Object$entries = Object.entries(keyFieldMap); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      keyField = _Object$entries$_i[0],
+      targetField = _Object$entries$_i[1];
+    if (typeof source[keyField] === 'string' && source[keyField]) {
+      next[targetField] = translationByKey(source[keyField], t);
+    }
+  }
+  return next;
+}
+function _translationConst(lists, t) {
+  function loopOptions(options) {
+    return (options === null || options === void 0 ? void 0 : options.map(function (opt) {
+      if (_typeof(opt) === 'object' && opt !== null) {
+        var translated = applyKeyFields(opt, t);
+        return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, translated), translated.label ? {
+          label: _translationText(translated.label, t)
+        } : {}), translated.title ? {
+          title: _translationText(translated.title, t)
+        } : {}), translated.name ? {
+          name: _translationText(translated.name, t)
+        } : {}), translated.unit ? {
+          unit: _translationText(translated.unit, t)
+        } : {}), translated.text ? {
+          text: _translationText(translated.text, t)
+        } : {}), translated.placeholder ? {
+          placeholder: _translationText(translated.placeholder, t)
+        } : {}), translated.subtitle ? {
+          subtitle: _translationText(translated.subtitle, t)
+        } : {}), translated.content ? {
+          content: _translationText(translated.content, t)
+        } : {}), translated.tooltip ? {
+          tooltip: _translationText(translated.tooltip, t)
+        } : {}), translated.message ? {
+          message: _translationText(translated.message, t)
+        } : {}), translated.description ? {
+          description: _translationText(translated.description, t)
+        } : {}), translated.fileName ? {
+          fileName: _translationText(translated.fileName, t)
+        } : {}), translated.modalTitle ? {
+          modalTitle: _translationText(translated.modalTitle, t)
+        } : {}), translated.yAxisName ? {
+          yAxisName: _translationText(translated.yAxisName, t)
+        } : {}), translated.yAxisName2 ? {
+          yAxisName2: _translationText(translated.yAxisName2, t)
+        } : {}), translated.emptyText ? {
+          emptyText: _translationText(translated.emptyText, t)
+        } : {}), translated.emptyDescription ? {
+          emptyDescription: _translationText(translated.emptyDescription, t)
+        } : {}), translated.emptyDescriptionText ? {
+          emptyDescriptionText: _translationText(translated.emptyDescriptionText, t)
+        } : {}), translated.headSubTitleText ? {
+          headSubTitleText: _translationText(translated.headSubTitleText, t)
+        } : {}), translated.btnCloseText ? {
+          btnCloseText: _translationText(translated.btnCloseText, t)
+        } : {}), translated.btnUploadText ? {
+          btnUploadText: _translationText(translated.btnUploadText, t)
+        } : {}), translated.btnReUploadText ? {
+          btnReUploadText: _translationText(translated.btnReUploadText, t)
+        } : {}), translated.btnImportText ? {
+          btnImportText: _translationText(translated.btnImportText, t)
+        } : {}), translated.msgUploadWarningText ? {
+          msgUploadWarningText: _translationText(translated.msgUploadWarningText, t)
+        } : {}), translated.resultSuccessText ? {
+          resultSuccessText: _translationText(translated.resultSuccessText, t)
+        } : {}), translated.resultFailText ? {
+          resultFailText: _translationText(translated.resultFailText, t)
+        } : {}), Array.isArray(translated.options) ? {
+          options: loopOptions(translated.options)
+        } : {}), Array.isArray(translated.items) ? {
+          items: loopOptions(translated.items)
+        } : {}), Array.isArray(translated.children) ? {
+          children: loopOptions(translated.children)
+        } : {}), Array.isArray(translated.columns) ? {
+          columns: loopOptions(translated.columns)
+        } : {}), Array.isArray(translated.tabs) ? {
+          tabs: loopOptions(translated.tabs)
+        } : {}), Array.isArray(translated.actions) ? {
+          actions: loopOptions(translated.actions)
+        } : {}), Array.isArray(translated.buttons) ? {
+          buttons: loopOptions(translated.buttons)
+        } : {});
+      }
+      return opt;
+    })) || [];
+  }
+  return loopOptions(lists);
+}
+export { _translationConst as translationConst };
+export function getT() {
+  var t = function t(id, values) {
+    var language = getRuntimeLanguage();
+    var localeData = language === 'en-US' ? enUS : zhCN;
+    return formatMessage(localeData[id] || zhCN[id] || id, values);
+  };
+  return {
+    t: t
+  };
+}
+export function useTranslation() {
+  var _getT = getT(),
+    t = _getT.t;
+  return {
+    t: t,
+    translationText: function translationText(text) {
+      return _translationText(text, t);
+    },
+    translationConst: function translationConst(lists) {
+      return _translationConst(lists, t);
+    }
+  };
+}

package/lib/index.js

@@ -1,7 +1,10 @@
+import "./_util/setupDayjs";
+
 // export { default as VtxBaseModal } from './vtx-base-modal';
 export { default as VtxStaffModal } from "./vtx-staff-modal";
 export { default as VtxCarModal } from "./vtx-car-modal";
 export { default as VtxDefaultModal } from "./vtx-default-modal";
+export { default as VtxDeviceModal } from "./vtx-device-modal";
 export { default as VtxDfModal } from "./vtx-df-modal";
 export { default as VtxQyryModal } from "./vtx-qyry-modal";
 export { default as VtxAreaModal } from "./vtx-area-modal";