@ecoding/components.antd 0.2.32 → 0.2.34

package/lib/core/date.picker/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { RangePickerProps } from "antd/es/date-picker";
+declare type IProps = RangePickerProps & {
+    value?: string | number;
+    disabledDate?: (current: any) => RangePickerProps['disabledDate'];
+    onChange?: any;
+    showTime?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    format?: string;
+};
+declare const Picker: React.FC<IProps>;
+export default Picker;

package/lib/core/date.picker/index.js

@@ -0,0 +1,40 @@
+import React, { useEffect, useState } from "react";
+import dayjs from "dayjs";
+import { DatePicker } from "antd";
+const Picker = (props) => {
+    const [date, setDates] = useState();
+    // const disabledDate: RangePickerProps['disabledDate'] = (current) => {
+    //     // Can not select days before today and today
+    //     return current && current < dayjs().endOf('day');
+    // };
+    const change = (v) => {
+        let value;
+        setDates(v);
+        if (props.format) {
+            value = dayjs(v).format(props.format || "YYYY-MM-DD HH:mm:ss");
+        }
+        else {
+            value = dayjs(v).valueOf();
+        }
+        props.onChange && props.onChange(value);
+    };
+    useEffect(() => {
+        if (!props.value) {
+            return;
+        }
+        let v;
+        if (typeof props.value === "string") {
+            v = /^[0-9]*$/.test(props.value) ? dayjs(Number(props.value)) : dayjs(props.value);
+        }
+        if (typeof props.value === "number") {
+            v = dayjs(props.value);
+        }
+        if (typeof props.value === "object") {
+            v = props.value;
+        }
+        setDates(v);
+    }, [props.value]);
+    return (React.createElement(DatePicker, { value: date, className: props.className || undefined, style: Object.assign({}, { width: "100%" }, props.style) || undefined, showTime: props.showTime ? { defaultValue: dayjs("00:00:00", "HH:mm:ss") } : undefined, disabledDate: props.disabledDate || undefined, disabled: props.disabled || undefined, onChange: change }));
+};
+Picker.defaultProps = {};
+export default Picker;

package/lib/core/phone-input/index.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+/**
+.ant_select_no_padding > .ant-select-selector{
+    padding: 0 !important;
+}
+ */
 interface IProps {
     placeholder?: string;
     value?: string;

package/lib/core/range-picker/index.d.ts

@@ -1,14 +1,15 @@
 import React from "react";
-import { RangePickerProps } from "antd/es/date-picker";
 import type { Dayjs } from "dayjs";
 declare type RangeValue = [Dayjs | null, Dayjs | null] | null;
-declare type IProps = RangePickerProps & {
+interface IProps {
     value?: RangeValue;
+    showTime?: boolean;
     rangeDay?: number;
     onChange?: any;
     className?: string;
     style?: React.CSSProperties;
     disabled?: boolean;
-};
+    format?: string;
+}
 declare const Picker: React.FC<IProps>;
 export default Picker;

package/lib/core/range-picker/index.js

@@ -1,9 +1,10 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import dayjs from "dayjs";
 import { DatePicker } from "antd";
+;
 const { RangePicker } = DatePicker;
 const Picker = (props) => {
-    const [dates, setDates] = useState(props.value || null);
+    const [dates, setDates] = useState();
     const disabledDate = (current) => {
         if (!dates) {
             return false;
@@ -12,11 +13,48 @@ const Picker = (props) => {
         const tooEarly = dates[1] && dates[1].diff(current, "days") > props.rangeDay;
         return !!tooEarly || !!tooLate;
     };
-    return (React.createElement(RangePicker, { showTime: {
+    const change = (v) => {
+        if (!v) {
+            return;
+        }
+        let value;
+        setDates(v);
+        if (props.format) { // "YYYY-MM-DD HH:mm:ss"
+            value = [dayjs(v[0]).format(props.format), dayjs(v[1]).format(props.format)];
+        }
+        else {
+            value = [dayjs(v[0]).valueOf(), dayjs(v[1]).valueOf()];
+        }
+        props.onChange && props.onChange(value);
+    };
+    useEffect(() => {
+        if (!props.value || !Array.isArray(props.value) || props.value.length < 2) {
+            return;
+        }
+        const v = [];
+        props.value.forEach((item) => {
+            if (typeof item === "string") {
+                if (/^[0-9]*$/.test(item)) {
+                    v.push(dayjs(Number(item)));
+                }
+                else {
+                    v.push(dayjs(item));
+                }
+            }
+            if (typeof item === "number") {
+                v.push(dayjs(item));
+            }
+            if (typeof item === "object") {
+                v.push(item);
+            }
+        });
+        setDates(v);
+    }, [props.value]);
+    return (React.createElement(RangePicker, { value: dates, className: props.className || undefined, style: Object.assign({}, { width: "100%" }, props.style) || undefined, showTime: props.showTime ? {
             defaultValue: [dayjs("00:00:00", "HH:mm:ss"), dayjs("23:59:59", "HH:mm:ss")]
-        }, onCalendarChange: (val) => setDates(val), disabledDate: disabledDate, onChange: (v) => props.onChange(v) }));
+        } : undefined, onCalendarChange: (val) => setDates(val), disabledDate: props.rangeDay ? disabledDate : undefined, disabled: props.disabled || undefined, onChange: change }));
 };
 Picker.defaultProps = {
-    rangeDay: 30
+    rangeDay: undefined
 };
 export default Picker;

package/lib/index.d.ts

@@ -8,6 +8,7 @@ export { default as AsyncCascader } from "./core/async-cascader";
 export { default as LengthInput } from "./core/length-input";
 export { default as PhoneInput } from "./core/phone-input";
 export { default as RangePicker } from "./core/range-picker";
+export { default as DatePicker } from "./core/date.picker";
 export { default as SingleImgUpload } from "./core/single-img-upload";
 export { default as SingleFileUpload } from "./core/single-file-upload";
 export { default as MultipleUpload } from "./core/multiple-upload";

package/lib/index.js

@@ -8,6 +8,7 @@ export { default as AsyncCascader } from "./core/async-cascader";
 export { default as LengthInput } from "./core/length-input";
 export { default as PhoneInput } from "./core/phone-input";
 export { default as RangePicker } from "./core/range-picker";
+export { default as DatePicker } from "./core/date.picker";
 export { default as SingleImgUpload } from "./core/single-img-upload";
 export { default as SingleFileUpload } from "./core/single-file-upload";
 export { default as MultipleUpload } from "./core/multiple-upload";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.2.32",
+    "version": "0.2.34",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -44,5 +44,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "f05ee918e300259336caeec222f55010ab73958b"
+    "gitHead": "59602e71b1f234bb4d2dd7225e337dea4bfbc82b"
 }