@nocobase/client 0.9.1-alpha.2 → 0.9.2-alpha.2

package/es/schema-component/antd/collection-select/CollectionSelect.js

@@ -0,0 +1,61 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["filter"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { connect, mapReadPretty, observer } from "@formily/react";
+import { Select, Tag } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useCollectionManager } from "../../../collection-manager/hooks";
+import { useCompile } from "../../hooks";
+function useOptions(_ref) {
+  var filter = _ref.filter;
+  var compile = useCompile();
+  var _useCollectionManager = useCollectionManager(),
+    _useCollectionManager2 = _useCollectionManager.collections,
+    collections = _useCollectionManager2 === void 0 ? [] : _useCollectionManager2;
+  var filtered = typeof filter === 'function' ? collections.filter(filter) : collections;
+  return filtered.filter(function (item) {
+    return !item.hidden;
+  }).map(function (item) {
+    var _item$category;
+    return {
+      label: compile(item.title),
+      value: item.name,
+      color: (_item$category = item.category) === null || _item$category === void 0 ? void 0 : _item$category.color
+    };
+  });
+}
+export var CollectionSelect = connect(function (props) {
+  var filter = props.filter,
+    others = _objectWithoutProperties(props, _excluded);
+  var options = useOptions(props);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({
+    placeholder: t('Select collection')
+  }, others), {}, {
+    options: options
+  }));
+}, mapReadPretty(observer(function (props) {
+  var mode = props.mode;
+  var compile = useCompile();
+  var options = useOptions(props).filter(function (option) {
+    if (mode === 'multiple') {
+      var _props$value;
+      return ((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : []).includes(option.value);
+    }
+    return props.value === option.value;
+  });
+  return /*#__PURE__*/React.createElement("div", null, options.map(function (option) {
+    return /*#__PURE__*/React.createElement(Tag, {
+      key: option.value,
+      color: option.color
+    }, compile(option.label));
+  }));
+})));

package/es/schema-component/antd/collection-select/index.d.ts

@@ -0,0 +1 @@
+export * from './CollectionSelect';

package/es/schema-component/antd/collection-select/index.js

@@ -0,0 +1 @@
+export * from './CollectionSelect';

package/es/schema-component/antd/color-select/ColorSelect.js

@@ -1,9 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { LoadingOutlined } from '@ant-design/icons';
 import { connect, mapProps, mapReadPretty } from '@formily/react';
 import { Select, Tag } from 'antd';
@@ -39,11 +39,9 @@ export var ColorSelect = connect(function (props) {
 }), mapReadPretty(function (props) {
   var compile = useCompile();
   var value = props.value;
-
   if (!colors[value]) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Tag, {
     color: value
   }, compile(colors[value] || colors.default));

package/es/schema-component/antd/cron/Cron.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
 import { CronProps } from 'react-js-cron';
-declare type ComposedCron = React.FC<CronProps> & {};
-export declare const Cron: ComposedCron;
+import 'react-js-cron/dist/styles.css';
+export declare const Cron: ((props: Omit<CronProps, "setValue"> & {
+    onChange: (value: string) => void;
+}) => JSX.Element) & {
+    ReadPretty: any;
+};
 export default Cron;

package/es/schema-component/antd/cron/Cron.js

@@ -1,30 +1,24 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _templateObject;
-
 var _excluded = ["onChange"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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 { css } from '@emotion/css';
 import { connect, mapReadPretty } from '@formily/react';
 import cronstrue from 'cronstrue';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Cron as ReactCron } from 'react-js-cron';
 import { useAPIClient } from '../../../api-client';
-
+import 'react-js-cron/dist/styles.css';
 var Input = function Input(props) {
   var onChange = props.onChange,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("fieldset", {
     className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .react-js-cron {\n          padding: 0.5em 0.5em 0 0.5em;\n          border: 1px dashed #ccc;\n          .react-js-cron-field {\n            flex-shrink: 0;\n            margin-bottom: 0.5em;\n\n            > span {\n              flex-shrink: 0;\n              margin: 0 0.5em 0 0;\n            }\n\n            > .react-js-cron-select {\n              margin: 0 0.5em 0 0;\n            }\n          }\n        }\n      "])))
   }, /*#__PURE__*/React.createElement(ReactCron, _objectSpread({
@@ -32,15 +26,22 @@ var Input = function Input(props) {
     locale: window['cronLocale']
   }, rest)));
 };
-
 var ReadPretty = function ReadPretty(props) {
   var api = useAPIClient();
   var locale = api.auth.getLocale();
-  return props.value ? /*#__PURE__*/React.createElement("span", null, cronstrue.toString(props.value, {
-    locale: locale,
-    use24HourTimeFormat: true
-  })) : null;
+  var value = useMemo(function () {
+    try {
+      return cronstrue.toString(props.value, {
+        locale: locale,
+        use24HourTimeFormat: true
+      });
+    } catch (_unused) {
+      console.error("The '".concat(props.value, "' is not a valid cron expression"));
+      return props.value;
+    }
+  }, [props.value]);
+  return props.value ? /*#__PURE__*/React.createElement("span", null, value) : null;
 };
-
 export var Cron = connect(Input, mapReadPretty(ReadPretty));
+Cron.ReadPretty = ReadPretty;
 export default Cron;

package/es/schema-component/antd/cron/CronSet.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+interface CronSetProps extends SelectProps {
+    onChange: (v: string) => void;
+}
+export declare const CronSet: React.ForwardRefExoticComponent<Partial<CronSetProps> & React.RefAttributes<unknown>>;
+export {};

package/es/schema-component/antd/cron/CronSet.js

@@ -0,0 +1,106 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { Select } from 'antd';
+import Cron from './Cron';
+import { connect, mapReadPretty, useFieldSchema } from '@formily/react';
+import { useCollection } from '../../../collection-manager';
+import { useCompile } from '../../hooks';
+import { EllipsisWithTooltip } from '../input';
+var CronSetInternal = function CronSetInternal(props) {
+  var _getField;
+  var onChange = props.onChange,
+    value = props.value;
+  var _useCollection = useCollection(),
+    getField = _useCollection.getField;
+  var fieldSchema = useFieldSchema();
+  var uiSchemaOptions = (_getField = getField(fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.name)) === null || _getField === void 0 ? void 0 : _getField.uiSchema.enum;
+  var compile = useCompile();
+  var _useState = useState({
+      label: "{{t('Custom')}}",
+      value: '@daily'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    customizeOption = _useState2[0],
+    setCustomizeOption = _useState2[1];
+  var options = useMemo(function () {
+    return (props.options || []).concat(uiSchemaOptions || []).concat([customizeOption]).map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        label: compile(item.label)
+      });
+    });
+  }, [props.options, customizeOption]);
+  useEffect(function () {
+    if (typeof value === 'undefined' || value === null) {
+      return;
+    }
+    var item = options.find(function (o) {
+      return o.value === value;
+    });
+    if (!item) {
+      setCustomizeOption(_objectSpread(_objectSpread({}, customizeOption), {}, {
+        value: value
+      }));
+    }
+  }, [options, value]);
+  var isCustomize = useMemo(function () {
+    return value === customizeOption.value;
+  }, [value, customizeOption]);
+  var onCronChange = function onCronChange(value) {
+    var customize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (customize) {
+      setCustomizeOption(_objectSpread(_objectSpread({}, customizeOption), {}, {
+        value: value
+      }));
+    }
+    onChange(value);
+  };
+  return /*#__PURE__*/React.createElement("fieldset", null, /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({
+    allowClear: true
+  }, props), {}, {
+    value: value,
+    options: options,
+    onChange: function onChange(value) {
+      return onCronChange(value);
+    }
+  })), isCustomize ? /*#__PURE__*/React.createElement(Cron, {
+    value: value,
+    onChange: function onChange(v) {
+      return onCronChange(v, true);
+    },
+    allowedDropdowns: ['period', 'week-days', 'months', 'month-days'],
+    allowedPeriods: ['year', 'month', 'week', 'day']
+  }) : null);
+};
+var ReadPretty = function ReadPretty(props) {
+  var _getField2;
+  var value = props.value;
+  var compile = useCompile();
+  var fieldSchema = useFieldSchema();
+  var _useCollection2 = useCollection(),
+    getField = _useCollection2.getField;
+  var uiSchemaOptions = (_getField2 = getField(fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.name)) === null || _getField2 === void 0 ? void 0 : _getField2.uiSchema.enum;
+  var options = useMemo(function () {
+    return (props.options || []).concat(uiSchemaOptions || []);
+  }, [props.options]);
+  var label = useMemo(function () {
+    var _options$find;
+    return value && (options === null || options === void 0 ? void 0 : (_options$find = options.find(function (o) {
+      return o.value === value;
+    })) === null || _options$find === void 0 ? void 0 : _options$find.label);
+  }, [options, value]);
+  return /*#__PURE__*/React.createElement(EllipsisWithTooltip, {
+    ellipsis: true
+  }, value && (label ? compile(label) : /*#__PURE__*/React.createElement(Cron.ReadPretty, _objectSpread({}, props))));
+};
+export var CronSet = connect(CronSetInternal, mapReadPretty(ReadPretty));

package/es/schema-component/antd/cron/index.d.ts

@@ -1 +1,2 @@
 export * from './Cron';
+export * from './CronSet';

package/es/schema-component/antd/cron/index.js

@@ -1 +1,2 @@
-export * from './Cron';
+export * from './Cron';
+export * from './CronSet';

package/es/schema-component/antd/cron/locale/index.d.ts

@@ -32,6 +32,5 @@ declare const _default: {
         altWeekDays: string[];
         altMonths: string[];
     };
-    'en-US': import("react-js-cron").DefaultLocale;
 };
 export default _default;

package/es/schema-component/antd/cron/locale/index.js

@@ -1,6 +1,4 @@
-import { DEFAULT_LOCALE_EN } from 'react-js-cron/dist/cjs/locale';
 import zhCN from './zh-CN';
 export default {
-  'zh-CN': zhCN,
-  'en-US': DEFAULT_LOCALE_EN
+  'zh-CN': zhCN
 };

package/es/schema-component/antd/cron/locale/zh-CN.js

@@ -26,12 +26,16 @@ export default {
   suffixMinutesForHourPeriod: '分钟',
   errorInvalidCron: '不符合 cron 规则的表达式',
   clearButtonText: '清空',
-  weekDays: [// Order is important, the index will be used as value
+  weekDays: [
+  // Order is important, the index will be used as value
   '周日', '周一', '周二', '周三', '周四', '周五', '周六'],
-  months: [// Order is important, the index will be used as value
+  months: [
+  // Order is important, the index will be used as value
   '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
-  altWeekDays: [// Order is important, the index will be used as value
+  altWeekDays: [
+  // Order is important, the index will be used as value
   '周日', '周一', '周二', '周三', '周四', '周五', '周六'],
-  altMonths: [// Order is important, the index will be used as value
+  altMonths: [
+  // Order is important, the index will be used as value
   '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
 };

package/es/schema-component/antd/date-picker/DatePicker.d.ts

@@ -1,7 +1,11 @@
-import type { DatePickerProps as AntdDatePickerProps, RangePickerProps as AntdRangePickerProps } from 'antd/lib/date-picker';
 import React from 'react';
-declare type ComposedDatePicker = React.FC<AntdDatePickerProps> & {
-    RangePicker?: React.FC<AntdRangePickerProps>;
+interface IDatePickerProps {
+    utc?: boolean;
+}
+export declare const useDatePickerContext: () => IDatePickerProps;
+export declare const DatePickerProvider: React.Provider<IDatePickerProps>;
+export declare const DatePicker: {
+    (props: any): JSX.Element;
+    RangePicker(props: any): JSX.Element;
 };
-export declare const DatePicker: ComposedDatePicker;
 export default DatePicker;

package/es/schema-component/antd/date-picker/DatePicker.js

@@ -1,7 +1,46 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { connect, mapProps, mapReadPretty } from '@formily/react';
 import { DatePicker as AntdDatePicker } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { ReadPretty } from './ReadPretty';
-import { mapDateFormat } from './util';
-export var DatePicker = connect(AntdDatePicker, mapProps(mapDateFormat()), mapReadPretty(ReadPretty.DatePicker));
-DatePicker.RangePicker = connect(AntdDatePicker.RangePicker, mapProps(mapDateFormat()), mapReadPretty(ReadPretty.DateRangePicker));
+import { getDateRanges, mapDatePicker, mapRangePicker } from './util';
+var DatePickerContext = /*#__PURE__*/React.createContext({
+  utc: true
+});
+export var useDatePickerContext = function useDatePickerContext() {
+  return React.useContext(DatePickerContext);
+};
+export var DatePickerProvider = DatePickerContext.Provider;
+var _DatePicker = connect(AntdDatePicker, mapProps(mapDatePicker()), mapReadPretty(ReadPretty.DatePicker));
+var _RangePicker = connect(AntdDatePicker.RangePicker, mapProps(mapRangePicker()), mapReadPretty(ReadPretty.DateRangePicker));
+export var DatePicker = function DatePicker(props) {
+  var _useDatePickerContext = useDatePickerContext(),
+    _useDatePickerContext2 = _useDatePickerContext.utc,
+    utc = _useDatePickerContext2 === void 0 ? true : _useDatePickerContext2;
+  props = _objectSpread({
+    utc: utc
+  }, props);
+  return /*#__PURE__*/React.createElement(_DatePicker, _objectSpread({}, props));
+};
+DatePicker.RangePicker = function (props) {
+  var _ranges;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDatePickerContext3 = useDatePickerContext(),
+    _useDatePickerContext4 = _useDatePickerContext3.utc,
+    utc = _useDatePickerContext4 === void 0 ? true : _useDatePickerContext4;
+  var rangesValue = getDateRanges();
+  var ranges = (_ranges = {}, _defineProperty(_ranges, t('Today'), rangesValue.today), _defineProperty(_ranges, t('Last week'), rangesValue.lastWeek), _defineProperty(_ranges, t('This week'), rangesValue.thisWeek), _defineProperty(_ranges, t('Next week'), rangesValue.nextWeek), _defineProperty(_ranges, t('Last month'), rangesValue.lastMonth), _defineProperty(_ranges, t('This month'), rangesValue.thisMonth), _defineProperty(_ranges, t('Next month'), rangesValue.nextMonth), _defineProperty(_ranges, t('Last quarter'), rangesValue.lastQuarter), _defineProperty(_ranges, t('This quarter'), rangesValue.thisQuarter), _defineProperty(_ranges, t('Next quarter'), rangesValue.nextQuarter), _defineProperty(_ranges, t('Last year'), rangesValue.lastYear), _defineProperty(_ranges, t('This year'), rangesValue.thisYear), _defineProperty(_ranges, t('Next year'), rangesValue.nextYear), _defineProperty(_ranges, t('Last 7 days'), rangesValue.last7Days), _defineProperty(_ranges, t('Next 7 days'), rangesValue.next7Days), _defineProperty(_ranges, t('Last 30 days'), rangesValue.last30Days), _defineProperty(_ranges, t('Next 30 days'), rangesValue.next30Days), _defineProperty(_ranges, t('Last 90 days'), rangesValue.last90Days), _defineProperty(_ranges, t('Next 90 days'), rangesValue.next90Days), _ranges);
+  props = _objectSpread({
+    utc: utc,
+    ranges: ranges
+  }, props);
+  return /*#__PURE__*/React.createElement(_RangePicker, _objectSpread({}, props));
+};
 export default DatePicker;

package/es/schema-component/antd/date-picker/ReadPretty.js

@@ -7,43 +7,34 @@ import React from 'react';
 export var ReadPretty = function ReadPretty() {
   return null;
 };
-
 ReadPretty.DatePicker = function (props) {
   if (!props.value) {
     return /*#__PURE__*/React.createElement("div", null);
   }
-
   var prefixCls = usePrefixCls('description-date-picker', props);
-
   var getLabels = function getLabels() {
     var format = getDefaultFormat(props);
     var m = str2moment(props.value, props);
     var labels = moment.isMoment(m) ? m.format(format) : '';
     return isArr(labels) ? labels.join('~') : labels;
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: cls(prefixCls, props.className)
   }, getLabels());
 };
-
 ReadPretty.DateRangePicker = function (props) {
   var prefixCls = usePrefixCls('description-text', props);
   var format = getDefaultFormat(props);
-
   var getLabels = function getLabels() {
     var m = str2moment(props.value, props);
-
     if (!m) {
       return '';
     }
-
     var labels = m.map(function (m) {
       return m.format(format);
     });
     return isArr(labels) ? labels.join('~') : labels;
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: cls(prefixCls, props.className),
     style: props.style

package/es/schema-component/antd/date-picker/util.d.ts

@@ -2,7 +2,30 @@ import moment from 'moment';
 export interface Moment2strOptions {
     showTime?: boolean;
     gmt?: boolean;
+    utc?: boolean;
     picker?: 'year' | 'month' | 'week' | 'quarter';
 }
-export declare const moment2str: (value?: moment.Moment | moment.Moment[], options?: Moment2strOptions) => string | string[] | moment.Moment | moment.Moment[];
-export declare const mapDateFormat: () => (props: any, field: any) => any;
+export declare const moment2str: (value?: moment.Moment, options?: Moment2strOptions) => any;
+export declare const mapDatePicker: () => (props: any) => any;
+export declare const mapRangePicker: () => (props: any) => any;
+export declare const getDateRanges: () => {
+    today: () => moment.Moment[];
+    lastWeek: () => moment.Moment[];
+    thisWeek: () => moment.Moment[];
+    nextWeek: () => moment.Moment[];
+    lastMonth: () => moment.Moment[];
+    thisMonth: () => moment.Moment[];
+    nextMonth: () => moment.Moment[];
+    lastQuarter: () => moment.Moment[];
+    thisQuarter: () => moment.Moment[];
+    nextQuarter: () => moment.Moment[];
+    lastYear: () => moment.Moment[];
+    thisYear: () => moment.Moment[];
+    nextYear: () => moment.Moment[];
+    last7Days: () => moment.Moment[];
+    next7Days: () => moment.Moment[];
+    last30Days: () => moment.Moment[];
+    next30Days: () => moment.Moment[];
+    last90Days: () => moment.Moment[];
+    next90Days: () => moment.Moment[];
+};