@ecoding/components.antd 0.2.12 → 0.2.13

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

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: any;
+    regionWidth?: number;
+    regions?: {
+        value: string;
+        label: string;
+    }[];
+    disabled?: boolean;
+}
+declare const LengthInput: React.FC<IProps>;
+export default LengthInput;

package/lib/core/phone-input/index.js

@@ -0,0 +1,59 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { Select, Input } from 'antd';
+const LengthInput = (props) => {
+    const [region, setRegion] = useState('+86');
+    const [v, setV] = useState('');
+    const inputHandler = useCallback((e) => {
+        let vs = e.target.value.trim();
+        props.onChange(`${region}-${vs}`);
+    }, [region]);
+    const selectHandler = useCallback((v) => {
+        setRegion(v);
+    }, []);
+    useEffect(() => {
+        const v = props.value || '';
+        if (v) {
+            const ary = v.split('-');
+            if (ary.length === 2) {
+                setRegion(ary[0]);
+                setV(ary[1]);
+            }
+            if (ary.length === 1) {
+                setV(ary[0]);
+            }
+        }
+    }, [props]);
+    return (React.createElement(Input, Object.assign({}, props, { value: v, addonBefore: React.createElement(Select, { className: "ant_select_no_padding", style: {
+                width: props.regionWidth,
+                paddingRight: 20,
+                boxSizing: 'content-box'
+            }, value: region, bordered: false, options: props.regions, onChange: selectHandler }), onChange: inputHandler })));
+};
+LengthInput.defaultProps = {
+    regionWidth: 60,
+    regions: [
+        { value: '+86', label: '+86' },
+        { value: '+65', label: '+65' },
+        { value: '+66', label: '+66' },
+        { value: '+62', label: '+62' },
+        { value: '+60', label: '+60' },
+        { value: '+673', label: '+673' },
+        { value: '+84', label: '+84' },
+        { value: '+81', label: '+81' },
+        { value: '+82', label: '+82' },
+        { value: '+63', label: '+63' },
+        { value: '+95', label: '+95' },
+        { value: '+234', label: '+234' },
+        { value: '+855', label: '+855' },
+        { value: '+853', label: '+853' },
+        { value: '+886', label: '+886' },
+        { value: '+852', label: '+852' },
+        { value: '+1', label: '+1' },
+        { value: '+7', label: '+7' },
+        { value: '+44', label: '+44' },
+        { value: '+33', label: '+33' },
+        { value: '+49', label: '+49' },
+        { value: '+39', label: '+39' } // 意大利
+    ]
+};
+export default LengthInput;

package/lib/index.d.ts

@@ -6,6 +6,7 @@ export { default as InjectNotification } from "./core/inject-notification";
 export { default as Confirm } from "./core/confirm";
 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 SingleImgUpload } from "./core/single-img-upload";
 export { default as SingleFileUpload } from "./core/single-file-upload";

package/lib/index.js

@@ -6,6 +6,7 @@ export { default as InjectNotification } from "./core/inject-notification";
 export { default as Confirm } from "./core/confirm";
 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 SingleImgUpload } from "./core/single-img-upload";
 export { default as SingleFileUpload } from "./core/single-file-upload";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.2.12",
+    "version": "0.2.13",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -44,5 +44,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "40c7fd1769a29e3a3998f7c4dcb4db553aced298"
+    "gitHead": "b8a13d283463657b35fd7226d8e7938c37540256"
 }