@fle-ui/next 1.0.0-alpha.8 → 1.0.0-alpha.9

package/es/form/demo/register.js

@@ -1,245 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 注册新用户
- * desc: 用户填写必须的信息以注册新用户。
- */
-import React, { useState } from 'react';
-import { Form, Input, Cascader, Select, Checkbox, Button, AutoComplete } from '@fle-ui/next';
-import { Row, Col } from '@fle-ui/next';
-var Option = Select.Option;
-var residences = [{
-  value: 'zhejiang',
-  label: 'Zhejiang',
-  children: [{
-    value: 'hangzhou',
-    label: 'Hangzhou',
-    children: [{
-      value: 'xihu',
-      label: 'West Lake'
-    }]
-  }]
-}, {
-  value: 'jiangsu',
-  label: 'Jiangsu',
-  children: [{
-    value: 'nanjing',
-    label: 'Nanjing',
-    children: [{
-      value: 'zhonghuamen',
-      label: 'Zhong Hua Men'
-    }]
-  }]
-}];
-var formItemLayout = {
-  labelCol: {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 8
-    }
-  },
-  wrapperCol: {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 16
-    }
-  }
-};
-var tailFormItemLayout = {
-  wrapperCol: {
-    xs: {
-      span: 24,
-      offset: 0
-    },
-    sm: {
-      span: 16,
-      offset: 8
-    }
-  }
-};
-
-var Demo = function Demo() {
-  var _Form$useForm = Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var onFinish = function onFinish(values) {
-    console.log('Received values of form: ', values);
-  };
-
-  var prefixSelector = /*#__PURE__*/React.createElement(Form.Item, {
-    name: "prefix",
-    noStyle: true
-  }, /*#__PURE__*/React.createElement(Select, {
-    style: {
-      width: 70
-    }
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "86"
-  }, "+86"), /*#__PURE__*/React.createElement(Option, {
-    value: "87"
-  }, "+87")));
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      autoCompleteResult = _useState2[0],
-      setAutoCompleteResult = _useState2[1];
-
-  var onWebsiteChange = function onWebsiteChange(value) {
-    if (!value) {
-      setAutoCompleteResult([]);
-    } else {
-      setAutoCompleteResult(['.com', '.org', '.net'].map(function (domain) {
-        return "".concat(value).concat(domain);
-      }));
-    }
-  };
-
-  var websiteOptions = autoCompleteResult.map(function (website) {
-    return {
-      label: website,
-      value: website
-    };
-  });
-  return /*#__PURE__*/React.createElement(Form, _extends({}, formItemLayout, {
-    form: form,
-    name: "register",
-    onFinish: onFinish,
-    initialValues: {
-      residence: ['zhejiang', 'hangzhou', 'xihu'],
-      prefix: '86'
-    },
-    scrollToFirstError: true
-  }), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "email",
-    label: "E-mail",
-    rules: [{
-      type: 'email',
-      message: 'The input is not valid E-mail!'
-    }, {
-      required: true,
-      message: 'Please input your E-mail!'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "password",
-    label: "Password",
-    rules: [{
-      required: true,
-      message: 'Please input your password!'
-    }],
-    hasFeedback: true
-  }, /*#__PURE__*/React.createElement(Input.Password, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "confirm",
-    label: "Confirm Password",
-    dependencies: ['password'],
-    hasFeedback: true,
-    rules: [{
-      required: true,
-      message: 'Please confirm your password!'
-    }, function (_ref) {
-      var getFieldValue = _ref.getFieldValue;
-      return {
-        validator: function validator(_, value) {
-          if (!value || getFieldValue('password') === value) {
-            return Promise.resolve();
-          }
-
-          return Promise.reject(new Error('The two passwords that you entered do not match!'));
-        }
-      };
-    }]
-  }, /*#__PURE__*/React.createElement(Input.Password, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "nickname",
-    label: "Nickname",
-    tooltip: "What do you want others to call you?",
-    rules: [{
-      required: true,
-      message: 'Please input your nickname!',
-      whitespace: true
-    }]
-  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "residence",
-    label: "Habitual Residence",
-    rules: [{
-      type: 'array',
-      required: true,
-      message: 'Please select your habitual residence!'
-    }]
-  }, /*#__PURE__*/React.createElement(Cascader, {
-    options: residences
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "phone",
-    label: "Phone Number",
-    rules: [{
-      required: true,
-      message: 'Please input your phone number!'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, {
-    addonBefore: prefixSelector,
-    style: {
-      width: '100%'
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "website",
-    label: "Website",
-    rules: [{
-      required: true,
-      message: 'Please input website!'
-    }]
-  }, /*#__PURE__*/React.createElement(AutoComplete, {
-    options: websiteOptions,
-    onChange: onWebsiteChange,
-    placeholder: "website"
-  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "gender",
-    label: "Gender",
-    rules: [{
-      required: true,
-      message: 'Please select gender!'
-    }]
-  }, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "select your gender"
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "male"
-  }, "Male"), /*#__PURE__*/React.createElement(Option, {
-    value: "female"
-  }, "Female"), /*#__PURE__*/React.createElement(Option, {
-    value: "other"
-  }, "Other"))), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Captcha",
-    extra: "We must make sure that your are a human."
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: 8
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    name: "captcha",
-    noStyle: true,
-    rules: [{
-      required: true,
-      message: 'Please input the captcha you got!'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Button, null, "Get captcha")))), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "agreement",
-    valuePropName: "checked",
-    rules: [{
-      validator: function validator(_, value) {
-        return value ? Promise.resolve() : Promise.reject(new Error('Should accept agreement'));
-      }
-    }]
-  }, tailFormItemLayout), /*#__PURE__*/React.createElement(Checkbox, null, "I have read the ", /*#__PURE__*/React.createElement("a", {
-    href: ""
-  }, "agreement"))), /*#__PURE__*/React.createElement(Form.Item, _extends({}, tailFormItemLayout), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, "Register")));
-};
-
-export default Demo;

package/es/form/demo/required-mark.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 必选样式
- * desc: 通过 `requiredMark` 切换必选与可选样式。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/form/demo/required-mark.js

@@ -1,62 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 必选样式
- * desc: 通过 `requiredMark` 切换必选与可选样式。
- */
-import React, { useState } from 'react';
-import { Form, Input, Button, Radio } from '@fle-ui/next';
-import { InfoCircleOutlined } from '@ant-design/icons';
-
-var Demo = function Demo() {
-  var _Form$useForm = Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var _useState = useState('optional'),
-      _useState2 = _slicedToArray(_useState, 2),
-      requiredMark = _useState2[0],
-      setRequiredMarkType = _useState2[1];
-
-  var onRequiredTypeChange = function onRequiredTypeChange(_ref) {
-    var requiredMarkValue = _ref.requiredMarkValue;
-    setRequiredMarkType(requiredMarkValue);
-  };
-
-  return /*#__PURE__*/React.createElement(Form, {
-    form: form,
-    layout: "vertical",
-    initialValues: {
-      requiredMarkValue: requiredMark
-    },
-    onValuesChange: onRequiredTypeChange,
-    requiredMark: requiredMark
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Required Mark",
-    name: "requiredMarkValue"
-  }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "optional"
-  }, "Optional"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: true
-  }, "Required"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: false
-  }, "Hidden"))), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Field A",
-    required: true,
-    tooltip: "This is a required field"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "input placeholder"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Field B",
-    tooltip: {
-      title: 'Tooltip with customize icon',
-      icon: /*#__PURE__*/React.createElement(InfoCircleOutlined, null)
-    }
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "input placeholder"
-  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "Submit")));
-};
-
-export default Demo;

package/es/form/demo/size.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 表单尺寸
- * desc: 设置表单组件尺寸，仅对 antd 组件有效。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/form/demo/size.js

@@ -1,82 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 表单尺寸
- * desc: 设置表单组件尺寸，仅对 antd 组件有效。
- */
-import React, { useState } from 'react';
-import { Form, Input, Button, Radio, Select, Cascader, DatePicker, InputNumber, Switch, TreeSelect } from '@fle-ui/next';
-
-var Demo = function Demo() {
-  var _useState = useState('default'),
-      _useState2 = _slicedToArray(_useState, 2),
-      componentSize = _useState2[0],
-      setComponentSize = _useState2[1];
-
-  var onFormLayoutChange = function onFormLayoutChange(_ref) {
-    var size = _ref.size;
-    setComponentSize(size);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form, {
-    labelCol: {
-      span: 4
-    },
-    wrapperCol: {
-      span: 14
-    },
-    layout: "horizontal",
-    initialValues: {
-      size: componentSize
-    },
-    onValuesChange: onFormLayoutChange,
-    size: componentSize
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Form Size",
-    name: "size"
-  }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "small"
-  }, "Small"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "default"
-  }, "Default"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "large"
-  }, "Large"))), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Input"
-  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Select"
-  }, /*#__PURE__*/React.createElement(Select, null, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "demo"
-  }, "Demo"))), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "TreeSelect"
-  }, /*#__PURE__*/React.createElement(TreeSelect, {
-    treeData: [{
-      title: 'Light',
-      value: 'light',
-      children: [{
-        title: 'Bamboo',
-        value: 'bamboo'
-      }]
-    }]
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Cascader"
-  }, /*#__PURE__*/React.createElement(Cascader, {
-    options: [{
-      value: 'zhejiang',
-      label: 'Zhejiang',
-      children: [{
-        value: 'hangzhou',
-        label: 'Hangzhou'
-      }]
-    }]
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "DatePicker"
-  }, /*#__PURE__*/React.createElement(DatePicker, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "InputNumber"
-  }, /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Switch"
-  }, /*#__PURE__*/React.createElement(Switch, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Button"
-  }, /*#__PURE__*/React.createElement(Button, null, "Button"))));
-};
-
-export default Demo;

package/es/form/demo/time-related-controls.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 时间类控件
- * desc: 时间类组件的 `value` 类型为 `moment` 对象，所以在提交服务器前需要预处理。
- */
-declare const TimeRelatedForm: () => JSX.Element;
-export default TimeRelatedForm;

package/es/form/demo/time-related-controls.js

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-
-/**
- * title: 时间类控件
- * desc: 时间类组件的 `value` 类型为 `moment` 对象，所以在提交服务器前需要预处理。
- */
-import React from 'react';
-import { Form, DatePicker, Button, TimePicker } from '@fle-ui/next';
-var RangePicker = DatePicker.RangePicker;
-var formItemLayout = {
-  labelCol: {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 8
-    }
-  },
-  wrapperCol: {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 16
-    }
-  }
-};
-var config = {
-  rules: [{
-    type: 'object',
-    required: true,
-    message: 'Please select time!'
-  }]
-};
-var rangeConfig = {
-  rules: [{
-    type: 'array',
-    required: true,
-    message: 'Please select time!'
-  }]
-};
-
-var TimeRelatedForm = function TimeRelatedForm() {
-  var onFinish = function onFinish(fieldsValue) {
-    // Should format date value before submit.
-    var rangeValue = fieldsValue['range-picker'];
-    var rangeTimeValue = fieldsValue['range-time-picker'];
-
-    var values = _extends(_extends({}, fieldsValue), {
-      'date-picker': fieldsValue['date-picker'].format('YYYY-MM-DD'),
-      'date-time-picker': fieldsValue['date-time-picker'].format('YYYY-MM-DD HH:mm:ss'),
-      'month-picker': fieldsValue['month-picker'].format('YYYY-MM'),
-      'range-picker': [rangeValue[0].format('YYYY-MM-DD'), rangeValue[1].format('YYYY-MM-DD')],
-      'range-time-picker': [rangeTimeValue[0].format('YYYY-MM-DD HH:mm:ss'), rangeTimeValue[1].format('YYYY-MM-DD HH:mm:ss')],
-      'time-picker': fieldsValue['time-picker'].format('HH:mm:ss')
-    });
-
-    console.log('Received values of form: ', values);
-  };
-
-  return /*#__PURE__*/React.createElement(Form, _extends({
-    name: "time_related_controls"
-  }, formItemLayout, {
-    onFinish: onFinish
-  }), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "date-picker",
-    label: "DatePicker"
-  }, config), /*#__PURE__*/React.createElement(DatePicker, null)), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "date-time-picker",
-    label: "DatePicker[showTime]"
-  }, config), /*#__PURE__*/React.createElement(DatePicker, {
-    showTime: true,
-    format: "YYYY-MM-DD HH:mm:ss"
-  })), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "month-picker",
-    label: "MonthPicker"
-  }, config), /*#__PURE__*/React.createElement(DatePicker, {
-    picker: "month"
-  })), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "range-picker",
-    label: "RangePicker"
-  }, rangeConfig), /*#__PURE__*/React.createElement(RangePicker, null)), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "range-time-picker",
-    label: "RangePicker[showTime]"
-  }, rangeConfig), /*#__PURE__*/React.createElement(RangePicker, {
-    showTime: true,
-    format: "YYYY-MM-DD HH:mm:ss"
-  })), /*#__PURE__*/React.createElement(Form.Item, _extends({
-    name: "time-picker",
-    label: "TimePicker"
-  }, config), /*#__PURE__*/React.createElement(TimePicker, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
-      xs: {
-        span: 24,
-        offset: 0
-      },
-      sm: {
-        span: 16,
-        offset: 8
-      }
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, "Submit")));
-};
-
-export default TimeRelatedForm;

package/es/form/demo/validate-static.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义校验
- * desc:
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/form/demo/validate-static.js

@@ -1,169 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-
-/**
- * title: 自定义校验
- * desc:
- */
-import React from 'react';
-import { Form, Input, DatePicker, Select, Cascader, InputNumber, TimePicker } from '@fle-ui/next';
-import { SmileOutlined } from '@ant-design/icons';
-var Option = Select.Option;
-var formItemLayout = {
-  labelCol: {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 5
-    }
-  },
-  wrapperCol: {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 12
-    }
-  }
-};
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Form, _extends({}, formItemLayout), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Fail",
-    validateStatus: "error",
-    help: "Should be combination of numbers & alphabets"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "unavailable choice",
-    id: "error"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Warning",
-    validateStatus: "warning"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "Warning",
-    id: "warning",
-    prefix: /*#__PURE__*/React.createElement(SmileOutlined, null)
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Validating",
-    hasFeedback: true,
-    validateStatus: "validating",
-    help: "The information is being validated..."
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "I'm the content is being validated",
-    id: "validating"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Success",
-    hasFeedback: true,
-    validateStatus: "success"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "I'm the content",
-    id: "success"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Warning",
-    hasFeedback: true,
-    validateStatus: "warning"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "Warning",
-    id: "warning2"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Fail",
-    hasFeedback: true,
-    validateStatus: "error",
-    help: "Should be combination of numbers & alphabets"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "unavailable choice",
-    id: "error2"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Success",
-    hasFeedback: true,
-    validateStatus: "success"
-  }, /*#__PURE__*/React.createElement(DatePicker, {
-    style: {
-      width: '100%'
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Warning",
-    hasFeedback: true,
-    validateStatus: "warning"
-  }, /*#__PURE__*/React.createElement(TimePicker, {
-    style: {
-      width: '100%'
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Error",
-    hasFeedback: true,
-    validateStatus: "error"
-  }, /*#__PURE__*/React.createElement(Select, {
-    allowClear: true
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "1"
-  }, "Option 1"), /*#__PURE__*/React.createElement(Option, {
-    value: "2"
-  }, "Option 2"), /*#__PURE__*/React.createElement(Option, {
-    value: "3"
-  }, "Option 3"))), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Validating",
-    hasFeedback: true,
-    validateStatus: "validating",
-    help: "The information is being validated..."
-  }, /*#__PURE__*/React.createElement(Cascader, {
-    options: [{
-      value: 'xx',
-      label: 'xx'
-    }],
-    allowClear: true
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "inline",
-    style: {
-      marginBottom: 0
-    }
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    validateStatus: "error",
-    help: "Please select the correct date",
-    style: {
-      display: 'inline-block',
-      width: 'calc(50% - 12px)'
-    }
-  }, /*#__PURE__*/React.createElement(DatePicker, null)), /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: 'inline-block',
-      width: '24px',
-      lineHeight: '32px',
-      textAlign: 'center'
-    }
-  }, "-"), /*#__PURE__*/React.createElement(Form.Item, {
-    style: {
-      display: 'inline-block',
-      width: 'calc(50% - 12px)'
-    }
-  }, /*#__PURE__*/React.createElement(DatePicker, null))), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Success",
-    hasFeedback: true,
-    validateStatus: "success"
-  }, /*#__PURE__*/React.createElement(InputNumber, {
-    style: {
-      width: '100%'
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Success",
-    hasFeedback: true,
-    validateStatus: "success"
-  }, /*#__PURE__*/React.createElement(Input, {
-    allowClear: true,
-    placeholder: "with allowClear"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Warning",
-    hasFeedback: true,
-    validateStatus: "warning"
-  }, /*#__PURE__*/React.createElement(Input.Password, {
-    placeholder: "with input password"
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Error",
-    hasFeedback: true,
-    validateStatus: "error"
-  }, /*#__PURE__*/React.createElement(Input.Password, {
-    allowClear: true,
-    placeholder: "with input password and allowClear"
-  })));
-};
-
-export default Demo;