wargerm 0.2.13 → 0.2.17

package/dist/components/WDatePicker/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DatePickerProps, RangePickerProps } from 'antd/lib/date-picker';
+export declare type IndexComponent = React.FC<DatePickerProps> & {
+    RangePicker: React.FC<RangePickerProps>;
+};
+declare const Index: IndexComponent;
+export default Index;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { default as Checkbox } from './components/Checkbox';
 export { default as Radio } from './components/Radio';
 export { default as Select } from './components/Select';
 export { default as DatePicker } from './components/DatePicker';
+export { default as WDatePicker } from './components/WDatePicker';
 export { default as Switch } from './components/Switch';
 export { default as TreeSelect } from './components/TreeSelect';
 export { default as WForm } from './components/WForm';

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import 'antd/es/dropdown/style';
 import _Dropdown from 'antd/es/dropdown';
 import 'antd/es/menu/style';
 import _Menu from 'antd/es/menu';
-import React, { useState, useEffect, useMemo, useRef, useImperativeHandle } from 'react';
+import React, { useState, useEffect, useMemo, useImperativeHandle, useRef } from 'react';
 import { createFromIconfontCN, SearchOutlined, ReloadOutlined, CloseCircleOutlined, PlusOutlined, EditOutlined, EyeOutlined, ExclamationCircleOutlined, DeleteOutlined } from '@ant-design/icons';
 import 'antd/es/input/style';
 import _Input from 'antd/es/input';
@@ -523,39 +523,47 @@ var WSelect = function WSelect(props) {
       valueEnumList = _useState4[0],
       setValueEnumList = _useState4[1];
 
-  useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var res, node;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!request) {
-                _context.next = 7;
-                break;
-              }
+  var _useState5 = useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      resList = _useState6[0],
+      setResList = _useState6[1];
 
-              _context.next = 3;
-              return request();
+  useEffect(function () {
+    if (!resList) {
+      _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var res, node;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!request) {
+                  _context.next = 8;
+                  break;
+                }
 
-            case 3:
-              res = _context.sent;
-              onLoad && onLoad(res);
-              node = res.map(function (item) {
-                return /*#__PURE__*/React.createElement(_Select.Option, {
-                  key: item.value,
-                  value: item.value
-                }, item.label);
-              });
-              setChildrenNode(node);
+                _context.next = 3;
+                return request();
 
-            case 7:
-            case "end":
-              return _context.stop();
+              case 3:
+                res = _context.sent;
+                setResList(res);
+                onLoad && onLoad(res);
+                node = res.map(function (item) {
+                  return /*#__PURE__*/React.createElement(_Select.Option, {
+                    key: item.value,
+                    value: item.value
+                  }, item.label);
+                });
+                setChildrenNode(node);
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }, _callee);
-    }))();
+        }, _callee);
+      }))();
+    }
 
     var valueEnumNode = [];
     var options = [];
@@ -585,7 +593,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, []);
+  }, [resList]);
   return /*#__PURE__*/React.createElement(_Select, _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -7532,8 +7540,65 @@ Table.defaultProps = {
   rowKey: 'key'
 };
 
-var _excluded$5 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "onFormChange", "onSubmit", "onReset"];
-var RangePicker$2 = Index$2.RangePicker;
+var _excluded$5 = ["defaultValue", "format", "value", "onChange"],
+    _excluded2$1 = ["defaultValue", "value", "format", "onChange"];
+
+var momentValue = function momentValue(value) {
+  if (value) {
+    return hooks(value);
+  }
+};
+
+var WDatePicker$1 = function WDatePicker(props) {
+  var defaultValue = props.defaultValue,
+      format = props.format,
+      value = props.value,
+      _onChange = props.onChange,
+      extraProps = _objectWithoutProperties(props, _excluded$5);
+
+  return (
+    /*#__PURE__*/
+    // <ConfigProvider locale={zhCN}>
+    React.createElement(_DatePicker, _objectSpread2({
+      defaultValue: momentValue(defaultValue),
+      value: momentValue(value),
+      onChange: function onChange(v) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(v, momentValue(v).format(format || 'YYYY-MM-DD'));
+      }
+    }, extraProps)) // </ConfigProvider>
+
+  );
+};
+
+WDatePicker$1.defaultProps = {};
+
+var RangePicker$2 = function RangePicker(props) {
+  var defaultValue = props.defaultValue,
+      value = props.value,
+      format = props.format,
+      _onChange2 = props.onChange,
+      extraProps = _objectWithoutProperties(props, _excluded2$1);
+
+  return (
+    /*#__PURE__*/
+    // <ConfigProvider locale={zhCN}>
+    React.createElement(_DatePicker.RangePicker, _objectSpread2({
+      defaultValue: momentValue(defaultValue),
+      value: momentValue(value),
+      onChange: function onChange(v) {
+        _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(v, momentValue(v).format(format || 'YYYY-MM-DD'));
+      }
+    }, extraProps)) // </ConfigProvider>
+
+  );
+};
+
+RangePicker$2.defaultProps = {};
+var Index$6 = WDatePicker$1;
+Index$6.RangePicker = RangePicker$2;
+
+var _excluded$6 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "onFormChange", "onSubmit", "onReset"];
+var RangePicker$3 = Index$6.RangePicker;
 
 var WForm = function WForm(props, ref) {
   var columns = props.columns,
@@ -7546,13 +7611,12 @@ var WForm = function WForm(props, ref) {
       onFormChange = props.onFormChange,
       onSubmit = props.onSubmit,
       onReset = props.onReset,
-      extraProps = _objectWithoutProperties(props, _excluded$5);
+      extraProps = _objectWithoutProperties(props, _excluded$6);
 
   var _Form$useForm = _Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
+      form = _Form$useForm2[0]; // const columnsFieldsRef = useRef<any>({});
 
-  var columnsFieldsRef = useRef({});
 
   var _useState = useState({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7625,10 +7689,9 @@ var WForm = function WForm(props, ref) {
           placeholder: "\u8BF7\u9009\u62E9",
           disabled: disabled,
           onLoad: function onLoad(opt) {
-            if (columnsFieldsRef.current) {
-              columnsFieldsRef.current[c.dataIndex] = opt;
-            }
-
+            // if (columnsFieldsRef.current) {
+            //   columnsFieldsRef.current[c.dataIndex] = opt;
+            // }
             setColumnsFields(function (preColumnsFields) {
               return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
             });
@@ -7712,7 +7775,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol2
-        }), /*#__PURE__*/React.createElement(Index$2, _objectSpread2(_objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
@@ -7748,7 +7811,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol3
-        }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React.createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime), c.fieldProps))));
       } else if (c.valueType === 'checkbox') {
@@ -7766,11 +7829,10 @@ var WForm = function WForm(props, ref) {
 
         if (c.options) {
           options = c.options;
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = options;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
@@ -7816,11 +7878,10 @@ var WForm = function WForm(props, ref) {
               value: _key
             });
           }
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options));
@@ -7880,11 +7941,10 @@ var WForm = function WForm(props, ref) {
           _labelCol6.style = {
             width: search.labelWidth
           };
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options2;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options2));
@@ -7944,8 +8004,8 @@ var WForm = function WForm(props, ref) {
         var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
           formItemProps: c.formItemProps,
           fieldProps: c.fieldProps,
-          columnsFields: columnsFields,
-          columnsFieldsRef: columnsFieldsRef
+          columnsFields: columnsFields // columnsFieldsRef,
+
         }), form);
         return baseitem ? /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
           style: {
@@ -8042,7 +8102,7 @@ var WForm = function WForm(props, ref) {
         }, c.fieldProps))));
       }
     });
-  }, [changedValues, columns, disabled, columnsFieldsRef, JSON.stringify(form.getFieldsValue())]);
+  }, [changedValues, columns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue())]);
   var filterExtraColumnsForm = useMemo(function () {
     return filterExtraFormColumns.map(function (c) {
       var colProps = {};
@@ -8092,10 +8152,9 @@ var WForm = function WForm(props, ref) {
           placeholder: "\u8BF7\u9009\u62E9",
           disabled: disabled,
           onLoad: function onLoad(opt) {
-            if (columnsFieldsRef.current) {
-              columnsFieldsRef.current[c.dataIndex] = opt;
-            }
-
+            // if (columnsFieldsRef.current) {
+            //   columnsFieldsRef.current[c.dataIndex] = opt;
+            // }
             setColumnsFields(function (preColumnsFields) {
               return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
             });
@@ -8179,7 +8238,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol13
-        }), /*#__PURE__*/React.createElement(Index$2, _objectSpread2(_objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
@@ -8215,7 +8274,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol14
-        }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React.createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime2), c.fieldProps))));
       } else if (c.valueType === 'checkbox') {
@@ -8233,11 +8292,10 @@ var WForm = function WForm(props, ref) {
 
         if (c.options) {
           options = c.options;
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = options;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
@@ -8283,11 +8341,10 @@ var WForm = function WForm(props, ref) {
               value: _key3
             });
           }
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options3;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options3));
@@ -8347,11 +8404,10 @@ var WForm = function WForm(props, ref) {
           _labelCol17.style = {
             width: search.labelWidth
           };
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options4;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options4));
@@ -8411,8 +8467,8 @@ var WForm = function WForm(props, ref) {
         var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
           formItemProps: c.formItemProps,
           fieldProps: c.fieldProps,
-          columnsFields: columnsFields,
-          columnsFieldsRef: columnsFieldsRef
+          columnsFields: columnsFields // columnsFieldsRef,
+
         }), form);
         return baseitem ? /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
           style: {
@@ -8509,14 +8565,19 @@ var WForm = function WForm(props, ref) {
         }, c.fieldProps))));
       }
     });
-  }, [changedValues, extraColumns, disabled, columnsFieldsRef, JSON.stringify(form.getFieldsValue())]);
+  }, [changedValues, extraColumns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue())]);
 
   var handleSearch = function handleSearch(v) {
     var searchForm = form.getFieldsValue();
     filterFormColumns.forEach(function (c) {
       if (c.search && c.search.transform) {
-        searchForm = _objectSpread2(_objectSpread2({}, searchForm), c.search.transform(searchForm[c.dataIndex]));
-        delete searchForm[c.dataIndex];
+        var transformObj = c.search.transform(searchForm[c.dataIndex]);
+        searchForm = _objectSpread2(_objectSpread2({}, searchForm), transformObj);
+
+        if (!transformObj[c.dataIndex]) {
+          delete searchForm[c.dataIndex];
+        }
+
         return false;
       }
 
@@ -8640,8 +8701,8 @@ var WForm = function WForm(props, ref) {
 
 var WForm$1 = /*#__PURE__*/React.forwardRef(WForm);
 
-var _excluded$6 = ["height", "width", "count", "style", "numberStyle"],
-    _excluded2$1 = ["count", "width", "height", "marginRight"];
+var _excluded$7 = ["height", "width", "count", "style", "numberStyle"],
+    _excluded2$2 = ["count", "width", "height", "marginRight"];
 
 var Number = function Number(_ref) {
   var height = _ref.height,
@@ -8650,7 +8711,7 @@ var Number = function Number(_ref) {
       count = _ref$count === void 0 ? 0 : _ref$count,
       style = _ref.style,
       numberStyle = _ref.numberStyle,
-      props = _objectWithoutProperties(_ref, _excluded$6);
+      props = _objectWithoutProperties(_ref, _excluded$7);
 
   // 上次的值
   var _useState = useState(0),
@@ -8770,13 +8831,13 @@ Number.defaultProps = {
   height: 40
 };
 
-var Index$6 = function Index(props) {
+var Index$7 = function Index(props) {
   var count = props.count,
       width = props.width,
       height = props.height,
       _props$marginRight = props.marginRight,
       marginRight = _props$marginRight === void 0 ? '8px' : _props$marginRight,
-      extraProps = _objectWithoutProperties(props, _excluded2$1);
+      extraProps = _objectWithoutProperties(props, _excluded2$2);
 
   var _useState9 = useState([]),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -8807,26 +8868,26 @@ var Index$6 = function Index(props) {
   }));
 };
 
-var _excluded$7 = ["duration"];
+var _excluded$8 = ["duration"];
 
-var Index$7 = function Index(props) {
+var Index$8 = function Index(props) {
   var _props$duration = props.duration,
       duration = _props$duration === void 0 ? 2.75 : _props$duration,
-      extraProps = _objectWithoutProperties(props, _excluded$7);
+      extraProps = _objectWithoutProperties(props, _excluded$8);
   return /*#__PURE__*/React.createElement(CountUp, _objectSpread2({
     duration: duration
   }, extraProps));
 };
 
-Index$7.defaultProps = {};
+Index$8.defaultProps = {};
 
-var _excluded$8 = ["list", "render", "partSize"];
-var autoScrollInterval = null;
+var _excluded$9 = ["list", "render", "partSize"];
 
 function AutoScroll(props) {
   var inner1 = useRef();
   var inner2 = useRef();
   var outer = useRef();
+  var timer = useRef(null);
   useImperativeHandle(props.cref, function () {
     return {
       tryScroll: tryScroll
@@ -8847,8 +8908,8 @@ function AutoScroll(props) {
 
 
   var startScroll = function startScroll() {
-    if (!autoScrollInterval) {
-      autoScrollInterval = setInterval(function () {
+    if (!timer.current) {
+      timer.current = setInterval(function () {
         // 如果已经滚动到inner1的底部，则重置滚动的位置到inner1的头部
         if (outer.current.scrollTop >= inner1.current.offsetHeight) {
           outer.current.scrollTop = 0; // 触发complete事件
@@ -8868,8 +8929,11 @@ function AutoScroll(props) {
 
 
   var stopScroll = function stopScroll() {
-    clearInterval(autoScrollInterval);
-    autoScrollInterval = null;
+    if (timer.current) {
+      clearInterval(timer.current);
+    }
+
+    timer.current = null;
   };
 
   useEffect(function () {
@@ -8880,7 +8944,7 @@ function AutoScroll(props) {
     return function () {
       stopScroll();
     };
-  }, []);
+  }, [timer]);
   return /*#__PURE__*/React.createElement("div", {
     className: "autoScroll-outer ".concat(props.className),
     ref: outer,
@@ -8896,12 +8960,12 @@ function AutoScroll(props) {
   }));
 }
 
-var Index$8 = function Index(_ref) {
+var Index$9 = function Index(_ref) {
   var list = _ref.list,
       render = _ref.render,
       _ref$partSize = _ref.partSize,
       partSize = _ref$partSize === void 0 ? 4 : _ref$partSize,
-      otherProps = _objectWithoutProperties(_ref, _excluded$8);
+      otherProps = _objectWithoutProperties(_ref, _excluded$9);
 
   {
     var _useState = useState([]),
@@ -8978,15 +9042,15 @@ var Index$8 = function Index(_ref) {
   }
 };
 
-var _excluded$9 = ["data", "onClick", "renderItem"];
+var _excluded$a = ["data", "onClick", "renderItem"];
 
 SwiperCore.use([Pagination, Navigation, Autoplay]);
 
-var Index$9 = function Index(props) {
+var Index$a = function Index(props) {
   var data = props.data,
       _onClick = props.onClick,
       renderItem = props.renderItem,
-      extraProps = _objectWithoutProperties(props, _excluded$9);
+      extraProps = _objectWithoutProperties(props, _excluded$a);
 
   return /*#__PURE__*/React.createElement(Swiper, _objectSpread2({
     onClick: function onClick(swiper, event) {
@@ -9015,7 +9079,7 @@ var Index$9 = function Index(props) {
   }));
 };
 
-Index$9.defaultProps = {};
+Index$a.defaultProps = {};
 
 function _extends$1() {
   _extends$1 = Object.assign || function (target) {
@@ -9609,7 +9673,7 @@ function createBrowserHistory(props) {
   return history;
 }
 
-var _excluded$a = ["routes", "className"];
+var _excluded$b = ["routes", "className"];
 var history = createBrowserHistory();
 
 function itemRender(route, params, routes, paths) {
@@ -9624,10 +9688,10 @@ function itemRender(route, params, routes, paths) {
   }, route.breadcrumbName);
 }
 
-var Index$a = function Index(_ref) {
+var Index$b = function Index(_ref) {
   var routes = _ref.routes,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$a);
+      props = _objectWithoutProperties(_ref, _excluded$b);
 
   return /*#__PURE__*/React.createElement(_Breadcrumb, _objectSpread2({
     className: className || 'default',
@@ -9637,9 +9701,9 @@ var Index$a = function Index(_ref) {
   }, props));
 };
 
-var _excluded$b = ["title", "className", "headerTail", "headerCenter"];
+var _excluded$c = ["title", "className", "headerTail", "headerCenter"];
 
-var Index$b = function Index(_ref) {
+var Index$c = function Index(_ref) {
   var _classNames;
 
   var title = _ref.title,
@@ -9647,7 +9711,7 @@ var Index$b = function Index(_ref) {
       className = _ref$className === void 0 ? 'default' : _ref$className,
       headerTail = _ref.headerTail,
       headerCenter = _ref.headerCenter,
-      props = _objectWithoutProperties(_ref, _excluded$b);
+      props = _objectWithoutProperties(_ref, _excluded$c);
 
   return /*#__PURE__*/React.createElement("div", _objectSpread2({
     className: classnames((_classNames = {}, _defineProperty(_classNames, 'card-container', true), _defineProperty(_classNames, className, true), _classNames))
@@ -9666,7 +9730,7 @@ var Index$b = function Index(_ref) {
   }, props.children))));
 };
 
-Index$b.defaultProps = {};
+Index$c.defaultProps = {};
 
 var controlShow = function controlShow(f1, f2, value, timer) {
   f1(value);
@@ -9754,7 +9818,7 @@ function DialogModel(props) {
   return renderChildren;
 }
 
-var _excluded$c = ["visible"];
+var _excluded$d = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -9886,7 +9950,7 @@ Modal.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$c);
+        trueProps = _objectWithoutProperties(props, _excluded$d);
 
     useEffect(function () {
       manager.mounted = true;
@@ -9910,7 +9974,7 @@ Modal.hidden = function () {
   ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
 };
 
-var _excluded$d = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
+var _excluded$e = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
 
 var ModalForm = function ModalForm(props, ref) {
   var columns = props.columns,
@@ -9924,7 +9988,7 @@ var ModalForm = function ModalForm(props, ref) {
       title = props.title,
       record = props.record,
       onFormChange = props.onFormChange,
-      extraProps = _objectWithoutProperties(props, _excluded$d);
+      extraProps = _objectWithoutProperties(props, _excluded$e);
 
   var formRef = useRef(null);
 
@@ -10055,7 +10119,7 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React.forwardRef(ModalForm);
 
-var _excluded$e = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"];
+var _excluded$f = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"];
 
 var TabelCard = function TabelCard(props, ref) {
   var columns = props.columns,
@@ -10069,7 +10133,7 @@ var TabelCard = function TabelCard(props, ref) {
       onFormChange = props.onFormChange,
       modalConfig = props.modalConfig,
       optionColumnConfig = props.optionColumnConfig,
-      extraProps = _objectWithoutProperties(props, _excluded$e);
+      extraProps = _objectWithoutProperties(props, _excluded$f);
 
   var actionRef = useRef();
   var formRef = useRef(null);
@@ -10391,4 +10455,4 @@ var TabelCard = function TabelCard(props, ref) {
 
 var index$1 = /*#__PURE__*/React.forwardRef(TabelCard);
 
-export { Index$8 as AutoScroll, Index$a as Breadcrumb, WButton as Button, Index$b as Card, Index$4 as Checkbox, Index$7 as CountUp, Index$2 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$6 as Number, NumericInput, Index$3 as Radio, Index$1 as Select, Index$9 as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$5 as TreeSelect, WForm$1 as WForm };
+export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, Index$4 as Checkbox, Index$8 as CountUp, Index$2 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$7 as Number, NumericInput, Index$3 as Radio, Index$1 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$5 as TreeSelect, Index$6 as WDatePicker, WForm$1 as WForm };

package/dist/index.js

@@ -556,39 +556,47 @@ var WSelect = function WSelect(props) {
       valueEnumList = _useState4[0],
       setValueEnumList = _useState4[1];
 
-  React.useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var res, node;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!request) {
-                _context.next = 7;
-                break;
-              }
+  var _useState5 = React.useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      resList = _useState6[0],
+      setResList = _useState6[1];
 
-              _context.next = 3;
-              return request();
+  React.useEffect(function () {
+    if (!resList) {
+      _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var res, node;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!request) {
+                  _context.next = 8;
+                  break;
+                }
 
-            case 3:
-              res = _context.sent;
-              onLoad && onLoad(res);
-              node = res.map(function (item) {
-                return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'].Option, {
-                  key: item.value,
-                  value: item.value
-                }, item.label);
-              });
-              setChildrenNode(node);
+                _context.next = 3;
+                return request();
 
-            case 7:
-            case "end":
-              return _context.stop();
+              case 3:
+                res = _context.sent;
+                setResList(res);
+                onLoad && onLoad(res);
+                node = res.map(function (item) {
+                  return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'].Option, {
+                    key: item.value,
+                    value: item.value
+                  }, item.label);
+                });
+                setChildrenNode(node);
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }, _callee);
-    }))();
+        }, _callee);
+      }))();
+    }
 
     var valueEnumNode = [];
     var options = [];
@@ -618,7 +626,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, []);
+  }, [resList]);
   return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'], _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -7565,8 +7573,65 @@ Table.defaultProps = {
   rowKey: 'key'
 };
 
-var _excluded$5 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "onFormChange", "onSubmit", "onReset"];
-var RangePicker$2 = Index$2.RangePicker;
+var _excluded$5 = ["defaultValue", "format", "value", "onChange"],
+    _excluded2$1 = ["defaultValue", "value", "format", "onChange"];
+
+var momentValue = function momentValue(value) {
+  if (value) {
+    return hooks(value);
+  }
+};
+
+var WDatePicker$1 = function WDatePicker(props) {
+  var defaultValue = props.defaultValue,
+      format = props.format,
+      value = props.value,
+      _onChange = props.onChange,
+      extraProps = _objectWithoutProperties(props, _excluded$5);
+
+  return (
+    /*#__PURE__*/
+    // <ConfigProvider locale={zhCN}>
+    React__default['default'].createElement(_DatePicker__default['default'], _objectSpread2({
+      defaultValue: momentValue(defaultValue),
+      value: momentValue(value),
+      onChange: function onChange(v) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(v, momentValue(v).format(format || 'YYYY-MM-DD'));
+      }
+    }, extraProps)) // </ConfigProvider>
+
+  );
+};
+
+WDatePicker$1.defaultProps = {};
+
+var RangePicker$2 = function RangePicker(props) {
+  var defaultValue = props.defaultValue,
+      value = props.value,
+      format = props.format,
+      _onChange2 = props.onChange,
+      extraProps = _objectWithoutProperties(props, _excluded2$1);
+
+  return (
+    /*#__PURE__*/
+    // <ConfigProvider locale={zhCN}>
+    React__default['default'].createElement(_DatePicker__default['default'].RangePicker, _objectSpread2({
+      defaultValue: momentValue(defaultValue),
+      value: momentValue(value),
+      onChange: function onChange(v) {
+        _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(v, momentValue(v).format(format || 'YYYY-MM-DD'));
+      }
+    }, extraProps)) // </ConfigProvider>
+
+  );
+};
+
+RangePicker$2.defaultProps = {};
+var Index$6 = WDatePicker$1;
+Index$6.RangePicker = RangePicker$2;
+
+var _excluded$6 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "onFormChange", "onSubmit", "onReset"];
+var RangePicker$3 = Index$6.RangePicker;
 
 var WForm = function WForm(props, ref) {
   var columns = props.columns,
@@ -7579,13 +7644,12 @@ var WForm = function WForm(props, ref) {
       onFormChange = props.onFormChange,
       onSubmit = props.onSubmit,
       onReset = props.onReset,
-      extraProps = _objectWithoutProperties(props, _excluded$5);
+      extraProps = _objectWithoutProperties(props, _excluded$6);
 
   var _Form$useForm = _Form__default['default'].useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
+      form = _Form$useForm2[0]; // const columnsFieldsRef = useRef<any>({});
 
-  var columnsFieldsRef = React.useRef({});
 
   var _useState = React.useState({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7658,10 +7722,9 @@ var WForm = function WForm(props, ref) {
           placeholder: "\u8BF7\u9009\u62E9",
           disabled: disabled,
           onLoad: function onLoad(opt) {
-            if (columnsFieldsRef.current) {
-              columnsFieldsRef.current[c.dataIndex] = opt;
-            }
-
+            // if (columnsFieldsRef.current) {
+            //   columnsFieldsRef.current[c.dataIndex] = opt;
+            // }
             setColumnsFields(function (preColumnsFields) {
               return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
             });
@@ -7745,7 +7808,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol2
-        }), /*#__PURE__*/React__default['default'].createElement(Index$2, _objectSpread2(_objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
@@ -7781,7 +7844,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol3
-        }), /*#__PURE__*/React__default['default'].createElement(RangePicker$2, _objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React__default['default'].createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime), c.fieldProps))));
       } else if (c.valueType === 'checkbox') {
@@ -7799,11 +7862,10 @@ var WForm = function WForm(props, ref) {
 
         if (c.options) {
           options = c.options;
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = options;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
@@ -7849,11 +7911,10 @@ var WForm = function WForm(props, ref) {
               value: _key
             });
           }
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options));
@@ -7913,11 +7974,10 @@ var WForm = function WForm(props, ref) {
           _labelCol6.style = {
             width: search.labelWidth
           };
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options2;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options2));
@@ -7977,8 +8037,8 @@ var WForm = function WForm(props, ref) {
         var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
           formItemProps: c.formItemProps,
           fieldProps: c.fieldProps,
-          columnsFields: columnsFields,
-          columnsFieldsRef: columnsFieldsRef
+          columnsFields: columnsFields // columnsFieldsRef,
+
         }), form);
         return baseitem ? /*#__PURE__*/React__default['default'].createElement(_Col__default['default'], _objectSpread2(_objectSpread2({
           style: {
@@ -8075,7 +8135,7 @@ var WForm = function WForm(props, ref) {
         }, c.fieldProps))));
       }
     });
-  }, [changedValues, columns, disabled, columnsFieldsRef, JSON.stringify(form.getFieldsValue())]);
+  }, [changedValues, columns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue())]);
   var filterExtraColumnsForm = React.useMemo(function () {
     return filterExtraFormColumns.map(function (c) {
       var colProps = {};
@@ -8125,10 +8185,9 @@ var WForm = function WForm(props, ref) {
           placeholder: "\u8BF7\u9009\u62E9",
           disabled: disabled,
           onLoad: function onLoad(opt) {
-            if (columnsFieldsRef.current) {
-              columnsFieldsRef.current[c.dataIndex] = opt;
-            }
-
+            // if (columnsFieldsRef.current) {
+            //   columnsFieldsRef.current[c.dataIndex] = opt;
+            // }
             setColumnsFields(function (preColumnsFields) {
               return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
             });
@@ -8212,7 +8271,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol13
-        }), /*#__PURE__*/React__default['default'].createElement(Index$2, _objectSpread2(_objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
@@ -8248,7 +8307,7 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol14
-        }), /*#__PURE__*/React__default['default'].createElement(RangePicker$2, _objectSpread2(_objectSpread2({
+        }), /*#__PURE__*/React__default['default'].createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime2), c.fieldProps))));
       } else if (c.valueType === 'checkbox') {
@@ -8266,11 +8325,10 @@ var WForm = function WForm(props, ref) {
 
         if (c.options) {
           options = c.options;
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = options;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
@@ -8316,11 +8374,10 @@ var WForm = function WForm(props, ref) {
               value: _key3
             });
           }
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options3;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options3));
@@ -8380,11 +8437,10 @@ var WForm = function WForm(props, ref) {
           _labelCol17.style = {
             width: search.labelWidth
           };
-        }
+        } // if (columnsFieldsRef.current) {
+        //   columnsFieldsRef.current[c.dataIndex] = options;
+        // }
 
-        if (columnsFieldsRef.current) {
-          columnsFieldsRef.current[c.dataIndex] = _options4;
-        }
 
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options4));
@@ -8444,8 +8500,8 @@ var WForm = function WForm(props, ref) {
         var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
           formItemProps: c.formItemProps,
           fieldProps: c.fieldProps,
-          columnsFields: columnsFields,
-          columnsFieldsRef: columnsFieldsRef
+          columnsFields: columnsFields // columnsFieldsRef,
+
         }), form);
         return baseitem ? /*#__PURE__*/React__default['default'].createElement(_Col__default['default'], _objectSpread2(_objectSpread2({
           style: {
@@ -8542,14 +8598,19 @@ var WForm = function WForm(props, ref) {
         }, c.fieldProps))));
       }
     });
-  }, [changedValues, extraColumns, disabled, columnsFieldsRef, JSON.stringify(form.getFieldsValue())]);
+  }, [changedValues, extraColumns, disabled, JSON.stringify(columnsFields), JSON.stringify(form.getFieldsValue())]);
 
   var handleSearch = function handleSearch(v) {
     var searchForm = form.getFieldsValue();
     filterFormColumns.forEach(function (c) {
       if (c.search && c.search.transform) {
-        searchForm = _objectSpread2(_objectSpread2({}, searchForm), c.search.transform(searchForm[c.dataIndex]));
-        delete searchForm[c.dataIndex];
+        var transformObj = c.search.transform(searchForm[c.dataIndex]);
+        searchForm = _objectSpread2(_objectSpread2({}, searchForm), transformObj);
+
+        if (!transformObj[c.dataIndex]) {
+          delete searchForm[c.dataIndex];
+        }
+
         return false;
       }
 
@@ -8673,8 +8734,8 @@ var WForm = function WForm(props, ref) {
 
 var WForm$1 = /*#__PURE__*/React__default['default'].forwardRef(WForm);
 
-var _excluded$6 = ["height", "width", "count", "style", "numberStyle"],
-    _excluded2$1 = ["count", "width", "height", "marginRight"];
+var _excluded$7 = ["height", "width", "count", "style", "numberStyle"],
+    _excluded2$2 = ["count", "width", "height", "marginRight"];
 
 var Number = function Number(_ref) {
   var height = _ref.height,
@@ -8683,7 +8744,7 @@ var Number = function Number(_ref) {
       count = _ref$count === void 0 ? 0 : _ref$count,
       style = _ref.style,
       numberStyle = _ref.numberStyle,
-      props = _objectWithoutProperties(_ref, _excluded$6);
+      props = _objectWithoutProperties(_ref, _excluded$7);
 
   // 上次的值
   var _useState = React.useState(0),
@@ -8803,13 +8864,13 @@ Number.defaultProps = {
   height: 40
 };
 
-var Index$6 = function Index(props) {
+var Index$7 = function Index(props) {
   var count = props.count,
       width = props.width,
       height = props.height,
       _props$marginRight = props.marginRight,
       marginRight = _props$marginRight === void 0 ? '8px' : _props$marginRight,
-      extraProps = _objectWithoutProperties(props, _excluded2$1);
+      extraProps = _objectWithoutProperties(props, _excluded2$2);
 
   var _useState9 = React.useState([]),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -8840,26 +8901,26 @@ var Index$6 = function Index(props) {
   }));
 };
 
-var _excluded$7 = ["duration"];
+var _excluded$8 = ["duration"];
 
-var Index$7 = function Index(props) {
+var Index$8 = function Index(props) {
   var _props$duration = props.duration,
       duration = _props$duration === void 0 ? 2.75 : _props$duration,
-      extraProps = _objectWithoutProperties(props, _excluded$7);
+      extraProps = _objectWithoutProperties(props, _excluded$8);
   return /*#__PURE__*/React__default['default'].createElement(CountUp__default['default'], _objectSpread2({
     duration: duration
   }, extraProps));
 };
 
-Index$7.defaultProps = {};
+Index$8.defaultProps = {};
 
-var _excluded$8 = ["list", "render", "partSize"];
-var autoScrollInterval = null;
+var _excluded$9 = ["list", "render", "partSize"];
 
 function AutoScroll(props) {
   var inner1 = React.useRef();
   var inner2 = React.useRef();
   var outer = React.useRef();
+  var timer = React.useRef(null);
   React.useImperativeHandle(props.cref, function () {
     return {
       tryScroll: tryScroll
@@ -8880,8 +8941,8 @@ function AutoScroll(props) {
 
 
   var startScroll = function startScroll() {
-    if (!autoScrollInterval) {
-      autoScrollInterval = setInterval(function () {
+    if (!timer.current) {
+      timer.current = setInterval(function () {
         // 如果已经滚动到inner1的底部，则重置滚动的位置到inner1的头部
         if (outer.current.scrollTop >= inner1.current.offsetHeight) {
           outer.current.scrollTop = 0; // 触发complete事件
@@ -8901,8 +8962,11 @@ function AutoScroll(props) {
 
 
   var stopScroll = function stopScroll() {
-    clearInterval(autoScrollInterval);
-    autoScrollInterval = null;
+    if (timer.current) {
+      clearInterval(timer.current);
+    }
+
+    timer.current = null;
   };
 
   React.useEffect(function () {
@@ -8913,7 +8977,7 @@ function AutoScroll(props) {
     return function () {
       stopScroll();
     };
-  }, []);
+  }, [timer]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "autoScroll-outer ".concat(props.className),
     ref: outer,
@@ -8929,12 +8993,12 @@ function AutoScroll(props) {
   }));
 }
 
-var Index$8 = function Index(_ref) {
+var Index$9 = function Index(_ref) {
   var list = _ref.list,
       render = _ref.render,
       _ref$partSize = _ref.partSize,
       partSize = _ref$partSize === void 0 ? 4 : _ref$partSize,
-      otherProps = _objectWithoutProperties(_ref, _excluded$8);
+      otherProps = _objectWithoutProperties(_ref, _excluded$9);
 
   {
     var _useState = React.useState([]),
@@ -9011,15 +9075,15 @@ var Index$8 = function Index(_ref) {
   }
 };
 
-var _excluded$9 = ["data", "onClick", "renderItem"];
+var _excluded$a = ["data", "onClick", "renderItem"];
 
 SwiperCore__default['default'].use([SwiperCore.Pagination, SwiperCore.Navigation, SwiperCore.Autoplay]);
 
-var Index$9 = function Index(props) {
+var Index$a = function Index(props) {
   var data = props.data,
       _onClick = props.onClick,
       renderItem = props.renderItem,
-      extraProps = _objectWithoutProperties(props, _excluded$9);
+      extraProps = _objectWithoutProperties(props, _excluded$a);
 
   return /*#__PURE__*/React__default['default'].createElement(react.Swiper, _objectSpread2({
     onClick: function onClick(swiper, event) {
@@ -9048,7 +9112,7 @@ var Index$9 = function Index(props) {
   }));
 };
 
-Index$9.defaultProps = {};
+Index$a.defaultProps = {};
 
 function _extends$1() {
   _extends$1 = Object.assign || function (target) {
@@ -9642,7 +9706,7 @@ function createBrowserHistory(props) {
   return history;
 }
 
-var _excluded$a = ["routes", "className"];
+var _excluded$b = ["routes", "className"];
 var history = createBrowserHistory();
 
 function itemRender(route, params, routes, paths) {
@@ -9657,10 +9721,10 @@ function itemRender(route, params, routes, paths) {
   }, route.breadcrumbName);
 }
 
-var Index$a = function Index(_ref) {
+var Index$b = function Index(_ref) {
   var routes = _ref.routes,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$a);
+      props = _objectWithoutProperties(_ref, _excluded$b);
 
   return /*#__PURE__*/React__default['default'].createElement(_Breadcrumb__default['default'], _objectSpread2({
     className: className || 'default',
@@ -9670,9 +9734,9 @@ var Index$a = function Index(_ref) {
   }, props));
 };
 
-var _excluded$b = ["title", "className", "headerTail", "headerCenter"];
+var _excluded$c = ["title", "className", "headerTail", "headerCenter"];
 
-var Index$b = function Index(_ref) {
+var Index$c = function Index(_ref) {
   var _classNames;
 
   var title = _ref.title,
@@ -9680,7 +9744,7 @@ var Index$b = function Index(_ref) {
       className = _ref$className === void 0 ? 'default' : _ref$className,
       headerTail = _ref.headerTail,
       headerCenter = _ref.headerCenter,
-      props = _objectWithoutProperties(_ref, _excluded$b);
+      props = _objectWithoutProperties(_ref, _excluded$c);
 
   return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
     className: classnames__default['default']((_classNames = {}, _defineProperty(_classNames, 'card-container', true), _defineProperty(_classNames, className, true), _classNames))
@@ -9699,7 +9763,7 @@ var Index$b = function Index(_ref) {
   }, props.children))));
 };
 
-Index$b.defaultProps = {};
+Index$c.defaultProps = {};
 
 var controlShow = function controlShow(f1, f2, value, timer) {
   f1(value);
@@ -9787,7 +9851,7 @@ function DialogModel(props) {
   return renderChildren;
 }
 
-var _excluded$c = ["visible"];
+var _excluded$d = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -9919,7 +9983,7 @@ Modal.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$c);
+        trueProps = _objectWithoutProperties(props, _excluded$d);
 
     React.useEffect(function () {
       manager.mounted = true;
@@ -9943,7 +10007,7 @@ Modal.hidden = function () {
   ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
 };
 
-var _excluded$d = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
+var _excluded$e = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
 
 var ModalForm = function ModalForm(props, ref) {
   var columns = props.columns,
@@ -9957,7 +10021,7 @@ var ModalForm = function ModalForm(props, ref) {
       title = props.title,
       record = props.record,
       onFormChange = props.onFormChange,
-      extraProps = _objectWithoutProperties(props, _excluded$d);
+      extraProps = _objectWithoutProperties(props, _excluded$e);
 
   var formRef = React.useRef(null);
 
@@ -10088,7 +10152,7 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React__default['default'].forwardRef(ModalForm);
 
-var _excluded$e = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"];
+var _excluded$f = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"];
 
 var TabelCard = function TabelCard(props, ref) {
   var columns = props.columns,
@@ -10102,7 +10166,7 @@ var TabelCard = function TabelCard(props, ref) {
       onFormChange = props.onFormChange,
       modalConfig = props.modalConfig,
       optionColumnConfig = props.optionColumnConfig,
-      extraProps = _objectWithoutProperties(props, _excluded$e);
+      extraProps = _objectWithoutProperties(props, _excluded$f);
 
   var actionRef = React.useRef();
   var formRef = React.useRef(null);
@@ -10424,25 +10488,26 @@ var TabelCard = function TabelCard(props, ref) {
 
 var index$1 = /*#__PURE__*/React__default['default'].forwardRef(TabelCard);
 
-exports.AutoScroll = Index$8;
-exports.Breadcrumb = Index$a;
+exports.AutoScroll = Index$9;
+exports.Breadcrumb = Index$b;
 exports.Button = WButton;
-exports.Card = Index$b;
+exports.Card = Index$c;
 exports.Checkbox = Index$4;
-exports.CountUp = Index$7;
+exports.CountUp = Index$8;
 exports.DatePicker = Index$2;
 exports.IconFont = index;
 exports.Input = Index;
 exports.InputNumber = WInputNumber;
 exports.Modal = Modal;
 exports.ModalForm = ModalForm$1;
-exports.Number = Index$6;
+exports.Number = Index$7;
 exports.NumericInput = NumericInput;
 exports.Radio = Index$3;
 exports.Select = Index$1;
-exports.Swiper = Index$9;
+exports.Swiper = Index$a;
 exports.Switch = WSwitch;
 exports.TabelCard = index$1;
 exports.Table = Table;
 exports.TreeSelect = Index$5;
+exports.WDatePicker = Index$6;
 exports.WForm = WForm$1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "wargerm",
-  "version": "0.2.13",
+  "version": "0.2.17",
   "scripts": {
     "dev": "dumi dev",
     "docs:build": "dumi build",
@@ -76,4 +76,4 @@
     "react": "^16.12.0",
     "yorkie": "^2.0.0"
   }
-}
+}