Add TimePicker

Author: iron-tech-space

CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.67
+
+- Add TimePicker
+- Fix bugs
+  - Date/Time Picker render error
+  - Form not support props error
+  - Select need set showSearch error
+
 ## 0.0.66
 
 - Add withMount in subscribe

dist/index.es.js

@@ -4,12 +4,16 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import "antd/es/typography/style";
 import _Typography from "antd/es/typography";
+import "antd/es/time-picker/style";
+import _TimePicker from "antd/es/time-picker";
 import "antd/es/date-picker/style";
 import _DatePicker from "antd/es/date-picker";
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-import React from "react";
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import React, { useEffect } from "react";
 import moment from "moment";
 
 import { getISO, toFormat } from "../utils/datesUtils";
@@ -19,21 +23,27 @@ import { renderClassic, renderClassicWithLabel } from "../declarative";
 
 /** Компонент выбора даты */
 var DatePicker = function DatePicker(props) {
-    // console.log("DatePickerHOC => ", props);
-    if (props.value) {
-        if (typeof props.value === 'string') {
-            // console.log("DatePickerHOC => onChange => string");
-            props.onChange(moment(props.value), props.value);
-        }
-        // else {
-        // 	console.log("DatePickerHOC => onChange => moment");
-        // 	props.onChange(props.value, props.format ? toFormat(props.value,props.format) : getISO(props.value));
-        // }
-    }
-    var value = props.value ? typeof props.value === 'string' ? moment(props.value) : props.value : undefined;
-    var style = _extends({ width: '100%' }, props && props.style); // locale={locale}
+    return React.createElement(DateTimePicker, _extends({ Component: _DatePicker }, props));
+};
+
+var TimePicker = function TimePicker(props) {
+    return React.createElement(DateTimePicker, _extends({ Component: _TimePicker }, props));
+};
+var DateTimePicker = function DateTimePicker(props) {
+    var Component = props.Component,
+        value = props.value,
+        onChange = props.onChange,
+        restProps = _objectWithoutProperties(props, ["Component", "value", "onChange"]);
+
+    useEffect(function () {
+        // console.log("DatePickerHOC => onChange => string");
+        value && typeof value === 'string' && onChange(moment(value), value);
+    }, []);
+
+    var _value = value ? typeof value === 'string' ? moment(value) : value : undefined;
+    var style = _extends({ width: '100%' }, props && props.style);
     // console.log("DatePickerHOC value => ", value);
-    return React.createElement(_DatePicker, _extends({}, props, { style: style, value: value }));
+    return React.createElement(Component, _extends({}, restProps, { style: style, value: _value, onChange: onChange }));
 };
 
 /** Компонент вывода даты в текстовом виде */
@@ -129,4 +139,4 @@ var TabPane = function TabPane(props) {
     );
 };
 
-export { DatePicker, TypographyDate, Button, Custom, FormHeader, FormBody, FormFooter, TabPane, withStore };
+export { DatePicker, TimePicker, TypographyDate, Button, Custom, FormHeader, FormBody, FormFooter, TabPane, withStore };

dist/index.es.js.map

@@ -17,7 +17,7 @@ import { dispatchToStore, getObjectExcludedProps, noop, notificationError } from
 import { rtPrefix } from "../utils/variables";
 import { setDateStore } from "../../redux/rtd.actions";
 
-var excludeProps = ["componentType", "noPadding", "scrollable", "header", "body", "footer", "loadInitData", "autoSaveForm", "requestSaveForm", "methodSaveForm", "processBeforeSaveForm"];
+var excludeProps = ["dispatch", "setDateStore", "componentType", "noPadding", "scrollable", "header", "body", "footer", "loadInitData", "autoSaveForm", "requestSaveForm", "methodSaveForm", "processBeforeSaveForm"];
 
 /** Компонент формы */
 var Form = function Form(props) {

dist/index.js

@@ -277,6 +277,7 @@ var Select = function Select(props) {
 	return React.createElement(
 		_Select,
 		_extends({}, childProps, {
+			showSearch: true,
 			searchValue: _searchValue,
 			style: { width: widthControl }
 			// listHeight={heightPopup}

dist/index.js.map

@@ -1,3 +1,5 @@
+import "antd/es/transfer/style";
+import _Transfer from "antd/es/transfer";
 import "antd/es/radio/style";
 import _Radio from "antd/es/radio";
 import "antd/es/switch/style";
@@ -32,7 +34,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
 import React from "react";
-import { DatePicker as RtDatePicker, TypographyDate, Button as RtButton, Custom, FormHeader, FormBody, FormFooter, TabPane as RtTabPane, withStore } from "./Base";
+import { DatePicker as RtDatePicker, TimePicker as RtTimePicker, TypographyDate, Button as RtButton, Custom, FormHeader, FormBody, FormFooter, TabPane as RtTabPane, withStore } from "./Base";
 
 import RtForm from "./Form/Form";
 import RtLayout from "./Layout/Layout";
@@ -175,6 +177,7 @@ var withComponentType = {
     Divider: ComponentClassicWithLabel(_Divider),
     Checkbox: ComponentClassicWithLabel(_Checkbox),
     DatePicker: ComponentClassicWithPlaceholder(RtDatePicker, 'Выберите дату'),
+    TimePicker: ComponentClassicWithPlaceholder(RtTimePicker, 'Выберите время'),
     DateText: ComponentClassic(TypographyDate),
     Input: ComponentClassicWithPlaceholder(_Input, 'Введите значение'),
     Search: ComponentClassicWithPlaceholder(_Input.Search, 'Поиск'),
@@ -191,7 +194,8 @@ var withComponentType = {
     Modal: ComponentClassicWithOutStore(RtModal),
     Custom: ComponentClassic(Custom),
     Switcher: ComponentClassic(RtSwitcher),
-    UploadFile: ComponentClassic(RtUploadFile)
+    UploadFile: ComponentClassic(RtUploadFile),
+    Transfer: ComponentClassic(_Transfer)
 };
 
 export var classic = _extends({}, classicComponents, Object.keys(withComponentType).reduce(function (obj, key) {

lib/components/Base/index.js

@@ -1,6 +1,6 @@
 {
 	"name": "rt-design",
-	"version": "0.0.66",
+	"version": "0.0.67",
 	"description": "React technical design library",
 	"author": "Iron tech space",
 	"license": "MIT",