@vtx/components 4.0.0-beta.23 → 4.0.0-beta.24

package/es/vtx-datagrid/index.js

@@ -121,6 +121,7 @@ function VtxTable(props) {
       })[0];
       if (bodyDiv) {
         bodyDiv.style.minHeight = "".concat(bodyHeight - (rest.scrollY || 0), "px");
+        bodyDiv.style.overflowY = 'auto';
       }
       if (tablePlaceholder) {
         tablePlaceholder.style.height = "".concat(bodyHeight - (rest.scrollY || 0) - 12, "px");

package/es/vtx-form-layout/FormItem.js

@@ -63,7 +63,7 @@ export default function FormItem(props) {
       return placeholder;
     }
     if (typeof label === 'string') {
-      if (!['Input', 'Select', 'RangePicker', 'VtxInput', 'InputNumber', 'VtxSelect', 'TextArea'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
+      if (!['Input', 'Select', 'DatePicker', 'TimePicker', 'RangePicker', 'VtxDatePicker', 'VtxRangePicker', 'VtxTimePicker', 'VtxTimeRangePicker', 'VtxInput', 'InputNumber', 'VtxSelect', 'TextArea'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
         // console.log(type?.displayName)
       }
       if (['Input', 'InputNumber', 'VtxInput', 'TextArea'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
@@ -74,7 +74,7 @@ export default function FormItem(props) {
         return '请选择' + label;
         // return '请选择'
       }
-      if (['RangePicker'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
+      if (['DatePicker', 'RangePicker', 'TimePicker', 'VtxDatePicker', 'VtxRangePicker', 'VtxTimePicker', 'VtxTimeRangePicker'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
         return undefined;
       }
     }

package/es/vtx-import2/Content.js

@@ -98,6 +98,7 @@ Content.propTypes = {
   customText: PropTypes.string,
   extraText: PropTypes.string,
   TextEnum: PropTypes.object,
-  extraDom: [PropTypes.string, PropTypes.node]
+  // extraDom: [PropTypes.string, PropTypes.node],
+  extraDom: PropTypes.object
 };
 export default Content;

package/es/vtx-import2/index.js

@@ -35,7 +35,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function getFileName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var intl = useIntl();
+  var _ref = arguments.length > 1 ? arguments[1] : undefined,
+    intl = _ref.intl;
   var index = name.lastIndexOf('.');
   var suffix = name.substring(index);
   return name.substring(0, index) + "(".concat(intl.getMessage('import.errorFile', '错误文件'), ")") + suffix;
@@ -44,7 +45,7 @@ var VtxImport2 = function VtxImport2(props) {
   var intl = useIntl();
   var _useContext = useContext(VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('import2', props.prefixCls);
+  var prefixCls = getPrefixCls('', 'vtx-import2');
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
@@ -148,7 +149,9 @@ var VtxImport2 = function VtxImport2(props) {
   }, interval);
   useEffect(function () {
     if (fileList.length !== 0) {
-      fileName.current = getFileName(fileList[0].name);
+      fileName.current = getFileName(fileList[0].name, {
+        intl: intl
+      });
     }
   }, [fileList]);
 
@@ -331,9 +334,9 @@ var VtxImport2 = function VtxImport2(props) {
       }
     }
   };
-  var onUpload = function onUpload(_ref) {
-    var _ref$files = _ref.files,
-      files = _ref$files === void 0 ? fileList : _ref$files;
+  var onUpload = function onUpload(_ref2) {
+    var _ref2$files = _ref2.files,
+      files = _ref2$files === void 0 ? fileList : _ref2$files;
     if (typeof props.beforeUpload === 'function') {
       var flag = beforeUpload(files[0]);
       if (!flag) {
@@ -449,7 +452,8 @@ VtxImport2.propTypes = {
   beforeUpload: PropTypes.func,
   chunkSize: PropTypes.number,
   width: PropTypes.number,
-  extraDom: [PropTypes.string, PropTypes.node]
+  // extraDom: [PropTypes.string, PropTypes.node],
+  extraDom: PropTypes.object
 };
 export { VtxImport2 };
 export default VtxImport2;

package/es/vtx-import2/style/index.js

@@ -7,7 +7,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { useStyle as useAntdStyle } from "../../vtx-provider";
 var genVtxImport2Style = function genVtxImport2Style(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
+  console.log('componentCls', componentCls);
+  return _defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
     color: token.colorText
   }), '&-modal-header-text', {
     fontWeight: '400'
@@ -25,7 +26,7 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     height: '80px',
     padding: '16px 16px 16px 48px',
     color: token.colorPrimary,
-    fontSize: '14px',
+    fontSize: 14,
     backgroundColor: token.colorBgLayoutTable,
     borderRadius: '4px'
   }, "".concat(componentCls, "-download"), {
@@ -48,7 +49,58 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    color: 'fade(@black, 65%)'
+    color: token.colorTextSecondary
+  }, "".concat(componentCls, "-file-name"), {
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }))), '&:last-child ', {
+    marginTop: '20px'
+  }), "".concat(componentCls, "-content-mark"), {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '28px',
+    height: '22px',
+    color: '#fff',
+    backgroundColor: token.colorPrimary,
+    border: "1px solid ".concat(token.colorPrimary),
+    borderRadius: '4px 0',
+    opacity: 0.6
+  }))), "".concat(componentCls, "-content-box"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    height: '80px',
+    padding: '16px 16px 16px 48px',
+    color: token.colorPrimary,
+    fontSize: 14,
+    backgroundColor: token.colorBgLayoutTable,
+    borderRadius: '4px'
+  }, "".concat(componentCls, "-download"), {
+    marginLeft: '16px'
+  }), "".concat(componentCls, "-file-list"), _defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    width: '100%',
+    marginLeft: '16px',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }, "".concat(componentCls, "-text"), {
+    cursor: 'pointer',
+    overflowRrap: 'break-word',
+    wordBreak: 'break-all',
+    whiteSpace: 'pre-wrap'
+  }), "".concat(componentCls, "-file-item"), _defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    color: token.colorBase
   }, "".concat(componentCls, "-file-name"), {
     overflow: 'hidden',
     whiteSpace: 'nowrap',
@@ -77,17 +129,17 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
   }, "".concat(componentCls, "-result"), {
     marginTop: '20px',
     marginBottom: '12px',
-    color: 'fade(@black, 85%)',
+    color: token.colorText,
     fontWeight: '700',
     fontSize: '24px'
   }), "&-success-tips", {
-    color: 'fade(@black, 45%)',
-    fontSize: '14px'
+    color: token.colorTextSecondary,
+    fontSize: 14
   }), "&-error-tips", {
     color: token.colorPrimary,
-    fontSize: '14px',
+    fontSize: 14,
     cursor: 'pointer'
-  })));
+  }));
 };
 export function useStyle(prefixCls) {
   return useAntdStyle('VtxImport2', function (token) {

package/es/vtx-time-picker/index.js

@@ -1,5 +1,6 @@
 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 = ["value", "format"];
+var _excluded = ["value", "format"],
+  _excluded2 = ["value", "format"];
 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; }
@@ -12,6 +13,7 @@ import { TimePicker } from 'antd';
 import dayjs from 'dayjs';
 import PropTypes from 'prop-types';
 import { jsx as _jsx } from "react/jsx-runtime";
+var RangePicker = TimePicker.RangePicker;
 var VtxTimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
     _props$format = props.format,
@@ -28,7 +30,31 @@ var VtxTimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }));
 });
+
+// 时间范围选择器
+var VtxTimeRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var value = props.value,
+    _props$format2 = props.format,
+    format = _props$format2 === void 0 ? 'HH:mm:ss' : _props$format2,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var newValue = value && Array.isArray(value) ? value.map(function (item) {
+    return item ? dayjs.isDayjs(item) ? item : dayjs(item, format) : null;
+  }) : null;
+  return /*#__PURE__*/_jsx(RangePicker, _objectSpread(_objectSpread({
+    value: newValue,
+    format: format
+  }, rest), {}, {
+    ref: ref,
+    style: {
+      width: '100%'
+    }
+  }));
+});
 VtxTimePicker.displayName = 'VtxTimePicker';
+VtxTimeRangePicker.displayName = 'VtxTimeRangePicker';
+
+// 将范围选择器作为 VtxTimePicker 的属性
+VtxTimePicker.VtxTimeRangePicker = VtxTimeRangePicker;
 export { VtxTimePicker };
 export default VtxTimePicker;
 VtxTimePicker.propTypes = {

package/lib/vtx-datagrid/index.js

@@ -131,6 +131,7 @@ function VtxTable(props) {
       })[0];
       if (bodyDiv) {
         bodyDiv.style.minHeight = "".concat(bodyHeight - (rest.scrollY || 0), "px");
+        bodyDiv.style.overflowY = 'auto';
       }
       if (tablePlaceholder) {
         tablePlaceholder.style.height = "".concat(bodyHeight - (rest.scrollY || 0) - 12, "px");

package/lib/vtx-form-layout/FormItem.js

@@ -69,7 +69,7 @@ function FormItem(props) {
       return placeholder;
     }
     if (typeof label === 'string') {
-      if (!['Input', 'Select', 'RangePicker', 'VtxInput', 'InputNumber', 'VtxSelect', 'TextArea'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
+      if (!['Input', 'Select', 'DatePicker', 'TimePicker', 'RangePicker', 'VtxDatePicker', 'VtxRangePicker', 'VtxTimePicker', 'VtxTimeRangePicker', 'VtxInput', 'InputNumber', 'VtxSelect', 'TextArea'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
         // console.log(type?.displayName)
       }
       if (['Input', 'InputNumber', 'VtxInput', 'TextArea'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
@@ -80,7 +80,7 @@ function FormItem(props) {
         return '请选择' + label;
         // return '请选择'
       }
-      if (['RangePicker'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
+      if (['DatePicker', 'RangePicker', 'TimePicker', 'VtxDatePicker', 'VtxRangePicker', 'VtxTimePicker', 'VtxTimeRangePicker'].includes(type === null || type === void 0 ? void 0 : type.displayName)) {
         return undefined;
       }
     }

package/lib/vtx-import2/Content.js

@@ -107,6 +107,7 @@ Content.propTypes = {
   customText: _propTypes.default.string,
   extraText: _propTypes.default.string,
   TextEnum: _propTypes.default.object,
-  extraDom: [_propTypes.default.string, _propTypes.default.node]
+  // extraDom: [PropTypes.string, PropTypes.node],
+  extraDom: _propTypes.default.object
 };
 var _default = exports.default = Content;

package/lib/vtx-import2/index.js

@@ -41,7 +41,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 getFileName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var intl = (0, _vtxProvider.useIntl)();
+  var _ref = arguments.length > 1 ? arguments[1] : undefined,
+    intl = _ref.intl;
   var index = name.lastIndexOf('.');
   var suffix = name.substring(index);
   return name.substring(0, index) + "(".concat(intl.getMessage('import.errorFile', '错误文件'), ")") + suffix;
@@ -50,7 +51,7 @@ var VtxImport2 = exports.VtxImport2 = function VtxImport2(props) {
   var intl = (0, _vtxProvider.useIntl)();
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('import2', props.prefixCls);
+  var prefixCls = getPrefixCls('', 'vtx-import2');
   var _useStyle = (0, _index.useStyle)(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
@@ -154,7 +155,9 @@ var VtxImport2 = exports.VtxImport2 = function VtxImport2(props) {
   }, interval);
   (0, _react.useEffect)(function () {
     if (fileList.length !== 0) {
-      fileName.current = getFileName(fileList[0].name);
+      fileName.current = getFileName(fileList[0].name, {
+        intl: intl
+      });
     }
   }, [fileList]);
 
@@ -337,9 +340,9 @@ var VtxImport2 = exports.VtxImport2 = function VtxImport2(props) {
       }
     }
   };
-  var onUpload = function onUpload(_ref) {
-    var _ref$files = _ref.files,
-      files = _ref$files === void 0 ? fileList : _ref$files;
+  var onUpload = function onUpload(_ref2) {
+    var _ref2$files = _ref2.files,
+      files = _ref2$files === void 0 ? fileList : _ref2$files;
     if (typeof props.beforeUpload === 'function') {
       var flag = beforeUpload(files[0]);
       if (!flag) {
@@ -455,6 +458,7 @@ VtxImport2.propTypes = {
   beforeUpload: _propTypes.default.func,
   chunkSize: _propTypes.default.number,
   width: _propTypes.default.number,
-  extraDom: [_propTypes.default.string, _propTypes.default.node]
+  // extraDom: [PropTypes.string, PropTypes.node],
+  extraDom: _propTypes.default.object
 };
 var _default = exports.default = VtxImport2;

package/lib/vtx-import2/style/index.js

@@ -13,7 +13,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 var genVtxImport2Style = function genVtxImport2Style(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
+  console.log('componentCls', componentCls);
+  return _defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
     color: token.colorText
   }), '&-modal-header-text', {
     fontWeight: '400'
@@ -31,7 +32,7 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     height: '80px',
     padding: '16px 16px 16px 48px',
     color: token.colorPrimary,
-    fontSize: '14px',
+    fontSize: 14,
     backgroundColor: token.colorBgLayoutTable,
     borderRadius: '4px'
   }, "".concat(componentCls, "-download"), {
@@ -54,7 +55,58 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    color: 'fade(@black, 65%)'
+    color: token.colorTextSecondary
+  }, "".concat(componentCls, "-file-name"), {
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }))), '&:last-child ', {
+    marginTop: '20px'
+  }), "".concat(componentCls, "-content-mark"), {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '28px',
+    height: '22px',
+    color: '#fff',
+    backgroundColor: token.colorPrimary,
+    border: "1px solid ".concat(token.colorPrimary),
+    borderRadius: '4px 0',
+    opacity: 0.6
+  }))), "".concat(componentCls, "-content-box"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    height: '80px',
+    padding: '16px 16px 16px 48px',
+    color: token.colorPrimary,
+    fontSize: 14,
+    backgroundColor: token.colorBgLayoutTable,
+    borderRadius: '4px'
+  }, "".concat(componentCls, "-download"), {
+    marginLeft: '16px'
+  }), "".concat(componentCls, "-file-list"), _defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    width: '100%',
+    marginLeft: '16px',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }, "".concat(componentCls, "-text"), {
+    cursor: 'pointer',
+    overflowRrap: 'break-word',
+    wordBreak: 'break-all',
+    whiteSpace: 'pre-wrap'
+  }), "".concat(componentCls, "-file-item"), _defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    color: token.colorBase
   }, "".concat(componentCls, "-file-name"), {
     overflow: 'hidden',
     whiteSpace: 'nowrap',
@@ -83,17 +135,17 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
   }, "".concat(componentCls, "-result"), {
     marginTop: '20px',
     marginBottom: '12px',
-    color: 'fade(@black, 85%)',
+    color: token.colorText,
     fontWeight: '700',
     fontSize: '24px'
   }), "&-success-tips", {
-    color: 'fade(@black, 45%)',
-    fontSize: '14px'
+    color: token.colorTextSecondary,
+    fontSize: 14
   }), "&-error-tips", {
     color: token.colorPrimary,
-    fontSize: '14px',
+    fontSize: 14,
     cursor: 'pointer'
-  })));
+  }));
 };
 function useStyle(prefixCls) {
   return (0, _vtxProvider.useStyle)('VtxImport2', function (token) {

package/lib/vtx-time-picker/index.js

@@ -10,7 +10,8 @@ var _antd = require("antd");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["value", "format"];
+var _excluded = ["value", "format"],
+  _excluded2 = ["value", "format"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,6 +22,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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; }
+var RangePicker = _antd.TimePicker.RangePicker;
 var VtxTimePicker = exports.VtxTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var value = props.value,
     _props$format = props.format,
@@ -37,7 +39,31 @@ var VtxTimePicker = exports.VtxTimePicker = /*#__PURE__*/(0, _react.forwardRef)(
     }
   }));
 });
+
+// 时间范围选择器
+var VtxTimeRangePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var value = props.value,
+    _props$format2 = props.format,
+    format = _props$format2 === void 0 ? 'HH:mm:ss' : _props$format2,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var newValue = value && Array.isArray(value) ? value.map(function (item) {
+    return item ? _dayjs.default.isDayjs(item) ? item : (0, _dayjs.default)(item, format) : null;
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RangePicker, _objectSpread(_objectSpread({
+    value: newValue,
+    format: format
+  }, rest), {}, {
+    ref: ref,
+    style: {
+      width: '100%'
+    }
+  }));
+});
 VtxTimePicker.displayName = 'VtxTimePicker';
+VtxTimeRangePicker.displayName = 'VtxTimeRangePicker';
+
+// 将范围选择器作为 VtxTimePicker 的属性
+VtxTimePicker.VtxTimeRangePicker = VtxTimeRangePicker;
 var _default = exports.default = VtxTimePicker;
 VtxTimePicker.propTypes = {
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(_dayjs.default)]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "4.0.0-beta.23",
+  "version": "4.0.0-beta.24",
   "description": "React components for Vortex",
   "keywords": [
     "react",