@innoways/drip-form-theme-antd 6.2.3 → 6.2.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 6.2.5
+
+### Patch Changes
+
+- Added single checkbox feature
+- Updated dependencies
+  - @innoways/hooks@6.2.5
+  - @innoways/utils@6.2.5
+
+## 6.2.4
+
+### Patch Changes
+
+- Added bottom button bgcolor and global bgcolor config, changed date picker to flatpickr
+- Updated dependencies
+  - @innoways/hooks@6.2.4
+  - @innoways/utils@6.2.4
+
 ## 6.2.3
 
 ### Patch Changes

package/dist/index.css

@@ -3,11 +3,13 @@
   flex-wrap: wrap;
   justify-content: flex-start;
 }
+
 .country_state_city_container {
   margin-bottom: 20px;
   margin-right: 15px;
   display: flex;
 }
+
 .country_state_city_label {
   width: 82px;
   justify-content: flex-start;
@@ -16,21 +18,59 @@
   font-size: 12px;
   color: rgb(0 0, 0);
 }
+
 .drip_table_field_tree .ant-table {
   background: transparent;
 }
+
 .drip_table_field_tree .ant-table-cell {
   border: none;
   background: transparent;
 }
+
 .drip_table_field_tree .ant-table-thead > tr > th {
   background: transparent;
 }
+
 .drip_table_field_tree .ant-table-row:hover > td,
 .drip_table_field_tree .ant-table-cell-row-hover {
   background: none !important;
 }
 
+.drip_date_picker_input:focus-visible {
+  -webkit-box-shadow: none;
+  border-color: var(--ant-primary-color-hover);
+  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
+  border-right-width: 1px !important;
+  outline: 0;
+}
+
+.drip_date_picker_input {
+  width: 100%;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 4px 11px;
+  font-size: 12px;
+  height: 32px;
+  line-height: 1.5;
+  color: rgba(0, 0, 0, 0.65);
+  background-color: #fff;
+  background-image: none;
+  position: relative;
+  cursor: text;
+  transition: all 0.3s;
+  outline: none;
+}
+.flatpickr-day.selected {
+  background: var(--ant-primary-color) !important;
+  color: #fff;
+  border-color: var(--ant-primary-color);
+}
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+  fill: var(--ant-primary-color-hover) !important;
+}
+
 .drip-form--colorpicker {
   display: flex;
 }

package/dist/index.js

@@ -32,6 +32,8 @@ import locale from 'antd/es/date-picker/locale/en_US';
 import _typeof from '@babel/runtime/helpers/typeof';
 import 'antd/es/date-picker/style';
 import _DatePicker from 'antd/es/date-picker';
+import Flatpickr from 'react-flatpickr';
+import 'flatpickr/dist/flatpickr.min.css';
 import 'antd/es/button/style';
 import _Button from 'antd/es/button';
 import { SketchPicker } from 'react-color';
@@ -150,9 +152,9 @@ var config$k = {
 
 var _excluded$l = ["multiline", "disabled", "onChange", "fieldData", "fieldKey", "dispatch", "disabled_input", "style", "asyncValidate", "getKey", "formMode", "autoSize", "type"];
 
-function ownKeys$a(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 ownKeys$9(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TextArea$1 = _Input.TextArea;
 
 var TextField = function TextField(_ref) {
@@ -184,7 +186,7 @@ var TextField = function TextField(_ref) {
       updatedType = _useState4[0],
       setUpdatedType = _useState4[1];
 
-  var _onChange = useField(_objectSpread$a({
+  var _onChange = useField(_objectSpread$9({
     fieldKey: fieldKey,
     onChange: onChange,
     asyncValidate: asyncValidate,
@@ -1266,9 +1268,9 @@ var config$j = {
 var _excluded$k = ["fieldKey", "fieldData", "dispatch", "options", "buttonStyle", "onChange", "asyncValidate", "getKey", "formMode", "renderType", "style"],
     _excluded2$2 = ["value", "label", "description"];
 
-function ownKeys$9(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 ownKeys$8(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TextArea = _Input.TextArea;
 
 var RadioField = function RadioField(_ref) {
@@ -1316,7 +1318,7 @@ var RadioField = function RadioField(_ref) {
   }
 
   var handleRadioTextChange = function handleRadioTextChange(value, key) {
-    _onChange(_objectSpread$9(_objectSpread$9({}, fieldData), {}, _defineProperty({}, key, value)));
+    _onChange(_objectSpread$8(_objectSpread$8({}, fieldData), {}, _defineProperty({}, key, value)));
   };
 
   var renderRadioField = function renderRadioField() {
@@ -1334,7 +1336,7 @@ var RadioField = function RadioField(_ref) {
       onChange: function onChange(e) {
         return renderType === 'radioNumber' ? handleRadioTextChange(e.target.value, 'radio') : _onChange(e);
       },
-      style: _objectSpread$9(_objectSpread$9({}, style), {}, {
+      style: _objectSpread$8(_objectSpread$8({}, style), {}, {
         width: renderType === 'radioNumber' ? '30%' : style === null || style === void 0 ? void 0 : style.width
       })
     }), options.map(function (item, idx) {
@@ -1356,7 +1358,7 @@ var RadioField = function RadioField(_ref) {
         return handleRadioTextChange(e.target.value, 'text');
       },
       value: fieldData.text,
-      style: _objectSpread$9(_objectSpread$9({}, style), {}, {
+      style: _objectSpread$8(_objectSpread$8({}, style), {}, {
         margin: '0 10px 0 10px',
         width: '34%',
         minWidth: '300px'
@@ -18756,9 +18758,9 @@ var config$i = {
 
 var _excluded$i = ["disabled", "onChange", "fieldData", "fieldKey", "dispatch", "style", "asyncValidate", "getKey", "formMode", "renderType"];
 
-function ownKeys$8(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 ownKeys$7(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var NumberField = function NumberField(_ref) {
   var disabled = _ref.disabled,
@@ -18792,7 +18794,7 @@ var NumberField = function NumberField(_ref) {
   }, dispatch);
 
   var onPhoneCodeChange = function onPhoneCodeChange(key, value) {
-    setNumbers(_objectSpread$8(_objectSpread$8({}, numbers), {}, _defineProperty({}, key, value)));
+    setNumbers(_objectSpread$7(_objectSpread$7({}, numbers), {}, _defineProperty({}, key, value)));
   };
 
   useEffect(function () {
@@ -18850,7 +18852,7 @@ var NumberField = function NumberField(_ref) {
         return onPhoneCodeChange('country_id', e);
       },
       value: numbers.country_id,
-      style: _objectSpread$8(_objectSpread$8({}, style), {}, {
+      style: _objectSpread$7(_objectSpread$7({}, style), {}, {
         width: '20%',
         marginRight: '5px'
       })
@@ -18860,7 +18862,7 @@ var NumberField = function NumberField(_ref) {
         return onPhoneCodeChange('city_id', e);
       },
       value: numbers.city_id,
-      style: _objectSpread$8(_objectSpread$8({}, style), {}, {
+      style: _objectSpread$7(_objectSpread$7({}, style), {}, {
         width: '20%',
         marginRight: '5px'
       })
@@ -18870,7 +18872,7 @@ var NumberField = function NumberField(_ref) {
         return onPhoneCodeChange('phone', e);
       },
       value: numbers.phone,
-      style: _objectSpread$8(_objectSpread$8({}, style), {}, {
+      style: _objectSpread$7(_objectSpread$7({}, style), {}, {
         width: '60%'
       })
     }, restProps)));
@@ -19990,9 +19992,9 @@ var getIconComponent = function getIconComponent(iconName) {
 
 var _excluded$d = ["disabled", "onChange", "fieldData", "fieldKey", "dispatch", "multiple", "options", "allowClear", "queryFunc", "asyncValidate", "requestCache", "style", "getKey", "renderType", "queryConfig", "renderOptionAsChildren"];
 
-function ownKeys$7(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 ownKeys$6(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Option = _Select.Option;
 
 var SelectField$1 = function SelectField(props) {
@@ -20055,7 +20057,7 @@ var SelectField$1 = function SelectField(props) {
   }, dispatch);
 
   var handleSelectNumberChange = function handleSelectNumberChange(value, key) {
-    _onChange(_objectSpread$7(_objectSpread$7({}, fieldData), {}, _defineProperty({}, key, value)));
+    _onChange(_objectSpread$6(_objectSpread$6({}, fieldData), {}, _defineProperty({}, key, value)));
   }; // 不管单选多选，均可搜索
 
 
@@ -20076,7 +20078,7 @@ var SelectField$1 = function SelectField(props) {
     var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
 
     if (width) {
-      style = _objectSpread$7(_objectSpread$7({}, style), {}, {
+      style = _objectSpread$6(_objectSpread$6({}, style), {}, {
         width: width
       });
     }
@@ -20118,7 +20120,7 @@ var SelectField$1 = function SelectField(props) {
     }, renderSelect(function (e) {
       return handleSelectNumberChange(e, 'select1');
     }, fieldData.select1, '50%', options), /*#__PURE__*/React.createElement(_InputNumber, {
-      style: _objectSpread$7(_objectSpread$7({
+      style: _objectSpread$6(_objectSpread$6({
         marginLeft: '10px'
       }, style), {}, {
         width: '50%'
@@ -20142,7 +20144,7 @@ var SelectField$1 = function SelectField(props) {
     }, renderSelect(function (e) {
       return handleSelectNumberChange(e, 'select1');
     }, fieldData.select1, '33%', options), /*#__PURE__*/React.createElement(_InputNumber, {
-      style: _objectSpread$7(_objectSpread$7({}, style), {}, {
+      style: _objectSpread$6(_objectSpread$6({}, style), {}, {
         margin: '0 10px 0 10px',
         width: '34%'
       }),
@@ -20302,27 +20304,27 @@ var config$d = {
   }
 };
 
-function ownKeys$6(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 ownKeys$5(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var SelectField = function SelectField(props) {
   var queryConfig = props.queryConfig;
 
   if ((queryConfig === null || queryConfig === void 0 ? void 0 : queryConfig.optionsType) === 'country') {
-    return /*#__PURE__*/React.createElement(select$5, _objectSpread$6(_objectSpread$6({}, props), config$h.unitedSchema.ui));
+    return /*#__PURE__*/React.createElement(select$5, _objectSpread$5(_objectSpread$5({}, props), config$h.unitedSchema.ui));
   }
 
   if ((queryConfig === null || queryConfig === void 0 ? void 0 : queryConfig.optionsType) === 'state') {
-    return /*#__PURE__*/React.createElement(select$4, _objectSpread$6(_objectSpread$6({}, props), config$g.unitedSchema.ui));
+    return /*#__PURE__*/React.createElement(select$4, _objectSpread$5(_objectSpread$5({}, props), config$g.unitedSchema.ui));
   }
 
   if ((queryConfig === null || queryConfig === void 0 ? void 0 : queryConfig.optionsType) === 'city' && (queryConfig === null || queryConfig === void 0 ? void 0 : queryConfig.operationMethod) === 'stateCity') {
-    return /*#__PURE__*/React.createElement(select$3, _objectSpread$6(_objectSpread$6({}, props), config$f.unitedSchema.ui));
+    return /*#__PURE__*/React.createElement(select$3, _objectSpread$5(_objectSpread$5({}, props), config$f.unitedSchema.ui));
   }
 
   if ((queryConfig === null || queryConfig === void 0 ? void 0 : queryConfig.optionsType) === 'city' && (queryConfig === null || queryConfig === void 0 ? void 0 : queryConfig.operationMethod) === 'countryCity') {
-    return /*#__PURE__*/React.createElement(select$2, _objectSpread$6(_objectSpread$6({}, props), config$e.unitedSchema.ui));
+    return /*#__PURE__*/React.createElement(select$2, _objectSpread$5(_objectSpread$5({}, props), config$e.unitedSchema.ui));
   }
 
   return /*#__PURE__*/React.createElement(select$1, props);
@@ -20515,9 +20517,9 @@ var config$c = {
   }
 };
 
-function ownKeys$5(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 ownKeys$4(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var commonStyle = {
   height: 40,
   lineHeight: '40px',
@@ -20526,17 +20528,17 @@ var commonStyle = {
 };
 var styleTypeMap = {
   none: null,
-  success: _objectSpread$5({
+  success: _objectSpread$4({
     backgroundColor: '#F6FFED'
   }, commonStyle),
-  error: _objectSpread$5({
+  error: _objectSpread$4({
     backgroundColor: '#FFF2F0'
   }, commonStyle),
-  warning: _objectSpread$5({
+  warning: _objectSpread$4({
     backgroundColor: '#fff7e1',
     color: '#feb00e'
   }, commonStyle),
-  info: _objectSpread$5({
+  info: _objectSpread$4({
     backgroundColor: '#E6F7FF'
   }, commonStyle)
 };
@@ -20554,7 +20556,7 @@ var NullField = function NullField(_ref) {
 
   if (renderType === 'divider') {
     return /*#__PURE__*/React.createElement("div", {
-      style: _objectSpread$5({
+      style: _objectSpread$4({
         height: '1px',
         border: 'none',
         backgroundColor: 'grey'
@@ -20570,7 +20572,7 @@ var NullField = function NullField(_ref) {
 
       headings.push( /*#__PURE__*/React.createElement("div", {
         key: i,
-        style: _objectSpread$5(_objectSpread$5(_objectSpread$5({
+        style: _objectSpread$4(_objectSpread$4(_objectSpread$4({
           wordBreak: 'break-all'
         }, style), styleTypeMap[styleType]), {}, {
           width: columnsWidth
@@ -21129,7 +21131,7 @@ var config$9 = {
 };
 
 var _excluded$a = ["disabled", "onChange", "fieldData", "fieldKey", "dispatch", "style", "allowClear", "range", "use12Hours", "asyncValidate", "format", "getKey", "formMode"];
-var RangePicker$1 = _TimePicker.RangePicker;
+var RangePicker = _TimePicker.RangePicker;
 
 var TimePickerField = function TimePickerField(_ref) {
   var _restProps$placeholde;
@@ -21192,7 +21194,7 @@ var TimePickerField = function TimePickerField(_ref) {
   }, [fieldData, format, range]); // view 模式
 
   if (formMode === 'view') return fieldData ? typeCheck(fieldData) === 'Array' ? fieldData.join(' ~ ') : fieldData : null;
-  return range ? /*#__PURE__*/React.createElement(RangePicker$1, _extends({}, isValid ? {
+  return range ? /*#__PURE__*/React.createElement(RangePicker, _extends({}, isValid ? {
     value: fieldData ? [moment(fieldData[0], format), moment(fieldData[1], format)] : null
   } : null, {
     onChange: _onChange,
@@ -21474,29 +21476,24 @@ var config$8 = {
 };
 
 var _excluded$9 = ["disabled", "onChange", "fieldData", "fieldKey", "dispatch", "style", "range", "format", "picker", "asyncValidate", "showTime", "getKey", "formMode"];
-
-function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var RangePicker = _DatePicker.RangePicker;
+_DatePicker.RangePicker;
 
 var DatePickerField = function DatePickerField(_ref) {
   var disabled = _ref.disabled,
       onChange = _ref.onChange,
       fieldData = _ref.fieldData,
       fieldKey = _ref.fieldKey,
-      dispatch = _ref.dispatch,
-      style = _ref.style,
-      range = _ref.range,
+      dispatch = _ref.dispatch;
+      _ref.style;
+      var range = _ref.range,
       _ref$format = _ref.format,
-      format = _ref$format === void 0 ? 'YYYY-MM-DD HH:mm:ss' : _ref$format,
-      _ref$picker = _ref.picker,
-      picker = _ref$picker === void 0 ? 'date' : _ref$picker,
-      asyncValidate = _ref.asyncValidate,
+      format = _ref$format === void 0 ? 'YYYY-MM-DD' : _ref$format;
+      _ref.picker;
+      var asyncValidate = _ref.asyncValidate,
       showTime = _ref.showTime,
       getKey = _ref.getKey,
-      formMode = _ref.formMode,
-      restProps = _objectWithoutProperties(_ref, _excluded$9);
+      formMode = _ref.formMode;
+      _objectWithoutProperties(_ref, _excluded$9);
 
   /**
    * 暂时不支持的DatePicker功能
@@ -21504,9 +21501,9 @@ var DatePickerField = function DatePickerField(_ref) {
    * picker目前只支持
    */
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isValid = _useState2[0],
-      setValid = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2);
+      _useState2[0];
+      var setValid = _useState2[1];
 
   var _onChange = useField({
     fieldKey: fieldKey,
@@ -21538,32 +21535,86 @@ var DatePickerField = function DatePickerField(_ref) {
   }, [fieldData, format, range]); // view 模式
 
   if (formMode === 'view') return fieldData ? typeCheck(fieldData) === 'Array' ? fieldData.join(' ~ ') : fieldData : null;
-  return range ? /*#__PURE__*/React.createElement(RangePicker, _extends({
-    picker: picker,
-    disabled: disabled
-  }, isValid ? {
-    value: fieldData ? [moment(fieldData[0], format), moment(fieldData[1], format)] : undefined
-  } : null, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, range ? /*#__PURE__*/React.createElement(Flatpickr, {
+    id: "range-picker",
+    className: "form-control border-0",
+    value: fieldData ? [fieldData[0], fieldData[1]] : [],
     onChange: _onChange,
-    format: format,
-    locale: locale,
-    showTime: _typeof(showTime) === 'object' ? _objectSpread$4(_objectSpread$4({}, showTime), {}, {
-      defaultValue: [moment(showTime.defaultValue, showTime.format), moment(showTime.defaultValue, showTime.format)]
-    }) : showTime
-  }, restProps)) : /*#__PURE__*/React.createElement(_DatePicker, _extends({
-    picker: picker
-  }, isValid ? {
-    value: fieldData ? moment(fieldData) : null
-  } : null, {
-    format: format,
+    options: {
+      mode: 'range',
+      allowInput: true
+    }
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flatpickr, {
+    type: "date",
     disabled: disabled,
-    onChange: _onChange,
-    locale: locale,
-    style: style,
-    showTime: _typeof(showTime) === 'object' ? _objectSpread$4(_objectSpread$4({}, showTime), {}, {
-      defaultValue: moment(showTime.defaultValue, showTime.format)
-    }) : showTime
-  }, restProps));
+    value: fieldData ? [new Date(moment(fieldData).format(format))] : [],
+    onChange: function onChange(date) {
+      if (date.length) {
+        _onChange(date[0]);
+      } else {
+        _onChange(fieldData);
+      }
+    },
+    id: "default-picker",
+    options: {
+      enableTime: _typeof(showTime) === 'object',
+      altInput: true,
+      allowInput: false,
+      altFormat: _typeof(showTime) === 'object' ? 'd-M-Y H:i' : 'd-M-Y',
+      dateFormat: _typeof(showTime) === 'object' ? 'd-M-Y H:i' : 'D-M-Y',
+      altInputClass: 'drip_date_picker_input'
+    }
+  }))); // return range ? (
+  //   <RangePicker
+  //     picker={picker}
+  //     disabled={disabled}
+  //     {...(isValid
+  //       ? {
+  //           value: fieldData
+  //             ? [moment(fieldData[0], format), moment(fieldData[1], format)]
+  //             : undefined,
+  //         }
+  //       : null)}
+  //     onChange={_onChange}
+  //     format={format}
+  //     locale={locale}
+  //     showTime={
+  //       typeof showTime === 'object'
+  //         ? {
+  //             ...showTime,
+  //             defaultValue: [
+  //               moment(showTime.defaultValue, showTime.format),
+  //               moment(showTime.defaultValue, showTime.format),
+  //             ],
+  //           }
+  //         : showTime
+  //     }
+  //     {...restProps}
+  //   />
+  // ) : (
+  //   <DatePicker
+  //     picker={picker}
+  //     {...(isValid
+  //       ? {
+  //           value: fieldData ? moment(fieldData) : null,
+  //         }
+  //       : null)}
+  //     format={format}
+  //     disabled={disabled}
+  //     onChange={_onChange}
+  //     locale={locale}
+  //     style={style}
+  //     showTime={
+  //       typeof showTime === 'object'
+  //         ? {
+  //             ...showTime,
+  //             defaultValue: moment(showTime.defaultValue, showTime.format),
+  //           }
+  //         : showTime
+  //     }
+  //     {...restProps}
+  //   />
+  // )
 };
 
 DatePickerField.propTypes = {
@@ -21809,6 +21860,23 @@ var config$6 = {
         }]
       },
       fieldKey: 'formMode'
+    }, {
+      fieldKey: 'singleChekbox',
+      type: 'boolean',
+      title: 'Is SingleChekbox',
+      "default": false,
+      ui: {
+        type: 'switch'
+      }
+    }, {
+      fieldKey: 'singleLabel',
+      type: 'string',
+      title: 'Label of the checkbox',
+      "default": 'Signle',
+      ui: {
+        type: 'text',
+        vcontrol: 'return props.formData.ui.singleChekbox'
+      }
     }, {
       fieldKey: 'disabled',
       type: 'boolean',
@@ -21823,7 +21891,8 @@ var config$6 = {
       title: 'Support all selection',
       "default": false,
       ui: {
-        type: 'switch'
+        type: 'switch',
+        vcontrol: 'return !props.formData.ui.singleChekbox'
       }
     }, {
       fieldKey: 'options',
@@ -21834,7 +21903,8 @@ var config$6 = {
         type: 'array',
         style: {
           marginBottom: '20px'
-        }
+        },
+        vcontrol: 'return !props.formData.ui.singleChekbox'
       },
       items: {
         type: 'object',
@@ -21880,7 +21950,7 @@ var config$6 = {
   }
 };
 
-var _excluded$7 = ["fieldKey", "fieldData", "dispatch", "needCheckAll", "options", "onChange", "asyncValidate", "getKey", "formMode"];
+var _excluded$7 = ["fieldKey", "fieldData", "dispatch", "needCheckAll", "options", "onChange", "asyncValidate", "getKey", "formMode", "singleChekbox", "singleLabel"];
 
 function ownKeys$3(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; }
 
@@ -21901,6 +21971,10 @@ var CheckboxField = function CheckboxField(_ref) {
       asyncValidate = _ref.asyncValidate,
       getKey = _ref.getKey,
       formMode = _ref.formMode,
+      _ref$singleChekbox = _ref.singleChekbox,
+      singleChekbox = _ref$singleChekbox === void 0 ? false : _ref$singleChekbox,
+      _ref$singleLabel = _ref.singleLabel,
+      singleLabel = _ref$singleLabel === void 0 ? 'Single' : _ref$singleLabel,
       restProps = _objectWithoutProperties(_ref, _excluded$7);
 
   var _onChange = useField({
@@ -22031,6 +22105,17 @@ var CheckboxField = function CheckboxField(_ref) {
       return prev ? "".concat(prev, "; ").concat(typeof cur === 'string' ? cur : cur === null || cur === void 0 ? void 0 : cur.label) : "".concat(typeof cur === 'string' ? cur : cur === null || cur === void 0 ? void 0 : cur.label);
     }, '');
     return curOption || null;
+  }
+
+  if (singleChekbox) {
+    return /*#__PURE__*/React.createElement(_Checkbox, _extends({
+      value: fieldData,
+      onChange: function onChange(e) {
+        var _e$target;
+
+        return _onChange(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.checked);
+      }
+    }, restProps), singleLabel);
   } // needCheckAll: 特殊props，用于判断是否使用全选
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@innoways/drip-form-theme-antd",
-	"version": "6.2.3",
+	"version": "6.2.5",
 	"author": "JDFED",
 	"description": "drip-form antd主题包",
 	"main": "dist/index.js",
@@ -31,14 +31,17 @@
 	"dependencies": {
 		"@ant-design/icons": "^4.7.0",
 		"@babel/runtime": "^7.10.2",
-		"@innoways/hooks": "^6.2.3",
-		"@innoways/utils": "^6.2.3",
+		"@innoways/hooks": "^6.2.5",
+		"@innoways/utils": "^6.2.5",
 		"antd": "^4.16.13",
+		"flatpickr": "^4.6.13",
 		"moment": "^2.26.0",
 		"react-color": "^2.18.1",
+		"react-flatpickr": "^3.10.13",
 		"use-immer": "^0.6.0"
 	},
 	"devDependencies": {
+		"@types/react-flatpickr": "^3.8.11",
 		"prop-types": "^15.7.2"
 	},
 	"peerDependencies": {