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

package/es/drawer/demo/basic-right.js

@@ -1,39 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 基础抽屉
- * desc: 基础抽屉，点击触发按钮抽屉从右滑出，点击遮罩区关闭。
- */
-import React, { useState } from 'react';
-import { Drawer, Button } from '@fle-ui/next';
-
-var BasicRightDemo = function BasicRightDemo() {
-  var App = function App() {
-    var _useState = useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        visible = _useState2[0],
-        setVisible = _useState2[1];
-
-    var showDrawer = function showDrawer() {
-      setVisible(true);
-    };
-
-    var onClose = function onClose() {
-      setVisible(false);
-    };
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      onClick: showDrawer
-    }, "Open"), /*#__PURE__*/React.createElement(Drawer, {
-      title: "Basic Drawer",
-      placement: "right",
-      onClose: onClose,
-      visible: visible
-    }, /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents...")));
-  };
-
-  return /*#__PURE__*/React.createElement(App, null);
-};
-
-export default BasicRightDemo;

package/es/drawer/demo/extra.d.ts

@@ -1 +0,0 @@
-

package/es/drawer/demo/extra.js

@@ -1,56 +0,0 @@
-"use strict"; // /**
-//  * title: 额外操作
-//  * desc: 在 Ant Design 规范中，操作按钮建议放在抽屉的右上角，可以使用 `extra` 属性来实现。
-//  */
-// import React, { useState } from 'react';
-// import { Drawer, Button, Space, Radio } from '@fle-ui/next';
-// import { DrawerProps } from '@fle-ui/next';
-// import { RadioChangeEvent } from '@fle-ui/next/es/radio';
-// const BasicRightDemo = () => {
-//   const [visible, setVisible] = useState(false);
-//   const [placement, setPlacement] = useState<DrawerProps['placement']>('right');
-//   const showDrawer = () => {
-//     setVisible(true);
-//   };
-//   const onChange = (e: RadioChangeEvent) => {
-//     setPlacement(e.target.value);
-//   };
-//   const onClose = () => {
-//     setVisible(false);
-//   };
-//   return (
-//     <>
-//       <Space>
-//         <Radio.Group value={placement} onChange={onChange}>
-//           <Radio value="top">top</Radio>
-//           <Radio value="right">right</Radio>
-//           <Radio value="bottom">bottom</Radio>
-//           <Radio value="left">left</Radio>
-//         </Radio.Group>
-//         <Button type="primary" onClick={showDrawer}>
-//           Open
-//         </Button>
-//       </Space>
-//       <Drawer
-//         title="Drawer with extra actions"
-//         placement={placement}
-//         width={500}
-//         onClose={onClose}
-//         visible={visible}
-//         extra={
-//           <Space>
-//             <Button onClick={onClose}>Cancel</Button>
-//             <Button type="primary" onClick={onClose}>
-//               OK
-//             </Button>
-//           </Space>
-//         }
-//       >
-//         <p>Some contents...</p>
-//         <p>Some contents...</p>
-//         <p>Some contents...</p>
-//       </Drawer>
-//     </>
-//   );
-// };
-// export default BasicRightDemo;

package/es/drawer/demo/form-in-drawer.d.ts

@@ -1 +0,0 @@
-

package/es/drawer/demo/form-in-drawer.js

@@ -1,136 +0,0 @@
-"use strict"; // /**
-//  * title: 抽屉表单
-//  * desc: 在抽屉中使用表单。
-//  */
-//  import React, { useState } from 'react';
-//  import { Drawer, Form, Button, Col, Row, Input, Select, DatePicker, Space } from '@fle-ui/next';
-// import { PlusOutlined } from '@ant-design/icons';
-//  const FormInDrawerDemo = () => {
-//   const { Option } = Select;
-//   const [visible,setVisible]=useState(false);
-//   const showDrawer = () => {
-//    setVisible(true);
-//   };
-//   const onClose = () => {
-//    setVisible(false);
-//   };
-//    return (
-//     <>
-//     <Button type="primary" onClick={showDrawer} icon={<PlusOutlined />}>
-//       New account
-//     </Button>
-//     <Drawer
-//       title="Create a new account"
-//       width={720}
-//       onClose={onClose}
-//       visible={visible}
-//       bodyStyle={{ paddingBottom: 80 }}
-//       extra={
-//         <Space>
-//           <Button onClick={onClose}>Cancel</Button>
-//           <Button onClick={onClose} type="primary">
-//             Submit
-//           </Button>
-//         </Space>
-//       }
-//     >
-//       <Form layout="vertical" hideRequiredMark>
-//         <Row gutter={16}>
-//           <Col span={12}>
-//             <Form.Item
-//               name="name"
-//               label="Name"
-//               rules={[{ required: true, message: 'Please enter user name' }]}
-//             >
-//               <Input placeholder="Please enter user name" />
-//             </Form.Item>
-//           </Col>
-//           <Col span={12}>
-//             <Form.Item
-//               name="url"
-//               label="Url"
-//               rules={[{ required: true, message: 'Please enter url' }]}
-//             >
-//               <Input
-//                 style={{ width: '100%' }}
-//                 addonBefore="http://"
-//                 addonAfter=".com"
-//                 placeholder="Please enter url"
-//               />
-//             </Form.Item>
-//           </Col>
-//         </Row>
-//         <Row gutter={16}>
-//           <Col span={12}>
-//             <Form.Item
-//               name="owner"
-//               label="Owner"
-//               rules={[{ required: true, message: 'Please select an owner' }]}
-//             >
-//               <Select placeholder="Please select an owner">
-//                 <Option value="xiao">Xiaoxiao Fu</Option>
-//                 <Option value="mao">Maomao Zhou</Option>
-//               </Select>
-//             </Form.Item>
-//           </Col>
-//           <Col span={12}>
-//             <Form.Item
-//               name="type"
-//               label="Type"
-//               rules={[{ required: true, message: 'Please choose the type' }]}
-//             >
-//               <Select placeholder="Please choose the type">
-//                 <Option value="private">Private</Option>
-//                 <Option value="public">Public</Option>
-//               </Select>
-//             </Form.Item>
-//           </Col>
-//         </Row>
-//         <Row gutter={16}>
-//           <Col span={12}>
-//             <Form.Item
-//               name="approver"
-//               label="Approver"
-//               rules={[{ required: true, message: 'Please choose the approver' }]}
-//             >
-//               <Select placeholder="Please choose the approver">
-//                 <Option value="jack">Jack Ma</Option>
-//                 <Option value="tom">Tom Liu</Option>
-//               </Select>
-//             </Form.Item>
-//           </Col>
-//           <Col span={12}>
-//             <Form.Item
-//               name="dateTime"
-//               label="DateTime"
-//               rules={[{ required: true, message: 'Please choose the dateTime' }]}
-//             >
-//               <DatePicker.RangePicker
-//                 style={{ width: '100%' }}
-//                 getPopupContainer={trigger => trigger.parentElement}
-//               />
-//             </Form.Item>
-//           </Col>
-//         </Row>
-//         <Row gutter={16}>
-//           <Col span={24}>
-//             <Form.Item
-//               name="description"
-//               label="Description"
-//               rules={[
-//                 {
-//                   required: true,
-//                   message: 'please enter url description',
-//                 },
-//               ]}
-//             >
-//               <Input.TextArea rows={4} placeholder="please enter url description" />
-//             </Form.Item>
-//           </Col>
-//         </Row>
-//       </Form>
-//     </Drawer>
-//   </>
-//    );
-//  };
-//  export default RenderInCurrentDemo;

package/es/drawer/demo/multi-level-drawer.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 多层抽屉
- * desc: 在抽屉内打开新的抽屉，用以解决多分支任务的复杂状况。
- */
-declare const MultiLevelDrawerDemo: () => JSX.Element;
-export default MultiLevelDrawerDemo;

package/es/drawer/demo/multi-level-drawer.js

@@ -1,58 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 多层抽屉
- * desc: 在抽屉内打开新的抽屉，用以解决多分支任务的复杂状况。
- */
-import React, { useState } from 'react';
-import { Drawer, Button } from '@fle-ui/next';
-
-var MultiLevelDrawerDemo = function MultiLevelDrawerDemo() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childrenDrawer = _useState4[0],
-      setChildrenDrawer = _useState4[1];
-
-  var showDrawer = function showDrawer() {
-    setVisible(true);
-  };
-
-  var onClose = function onClose() {
-    setVisible(false);
-  };
-
-  var showChildrenDrawer = function showChildrenDrawer() {
-    setChildrenDrawer(true);
-  };
-
-  var onChildrenDrawerClose = function onChildrenDrawerClose() {
-    setChildrenDrawer(false);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showDrawer
-  }, "Open drawer"), /*#__PURE__*/React.createElement(Drawer, {
-    title: "Multi-level drawer",
-    width: 520,
-    closable: false,
-    onClose: onClose,
-    visible: visible
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showChildrenDrawer
-  }, "Two-level drawer"), /*#__PURE__*/React.createElement(Drawer, {
-    title: "Two-level Drawer",
-    width: 320,
-    closable: false,
-    onClose: onChildrenDrawerClose,
-    visible: childrenDrawer
-  }, "This is two-level drawer")));
-};
-
-export default MultiLevelDrawerDemo;

package/es/drawer/demo/placement.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义位置
- * desc: 自定义位置，点击触发按钮抽屉从相应的位置滑出，点击遮罩区关闭。
- */
-declare const PlacementDemo: () => JSX.Element;
-export default PlacementDemo;

package/es/drawer/demo/placement.js

@@ -1,57 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 自定义位置
- * desc: 自定义位置，点击触发按钮抽屉从相应的位置滑出，点击遮罩区关闭。
- */
-import React, { useState } from 'react';
-import { Drawer, Button, Radio, Space } from '@fle-ui/next';
-
-var PlacementDemo = function PlacementDemo() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var _useState3 = useState('left'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      placement = _useState4[0],
-      setPlacement = _useState4[1];
-
-  var showDrawer = function showDrawer() {
-    setVisible(true);
-  };
-
-  var onClose = function onClose() {
-    setVisible(false);
-  };
-
-  var onChange = function onChange(e) {
-    setPlacement(e.target.value);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Radio.Group, {
-    value: placement,
-    onChange: onChange
-  }, /*#__PURE__*/React.createElement(Radio, {
-    value: "top"
-  }, "top"), /*#__PURE__*/React.createElement(Radio, {
-    value: "right"
-  }, "right"), /*#__PURE__*/React.createElement(Radio, {
-    value: "bottom"
-  }, "bottom"), /*#__PURE__*/React.createElement(Radio, {
-    value: "left"
-  }, "left")), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showDrawer
-  }, "Open")), /*#__PURE__*/React.createElement(Drawer, {
-    title: "Basic Drawer",
-    placement: placement,
-    closable: false,
-    onClose: onClose,
-    visible: visible,
-    key: placement
-  }, /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents...")));
-};
-
-export default PlacementDemo;

package/es/drawer/demo/render-in-current.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 渲染在当前 DOM
- * desc: 渲染在当前 dom 里。自定义容器，查看 `getContainer`。
- */
-declare const RenderInCurrentDemo: () => JSX.Element;
-export default RenderInCurrentDemo;

package/es/drawer/demo/render-in-current.js

@@ -1,46 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 渲染在当前 DOM
- * desc: 渲染在当前 dom 里。自定义容器，查看 `getContainer`。
- */
-import React, { useState } from 'react';
-import { Drawer, Button } from '@fle-ui/next';
-
-var RenderInCurrentDemo = function RenderInCurrentDemo() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var showDrawer = function showDrawer() {
-    setVisible(true);
-  };
-
-  var onClose = function onClose() {
-    setVisible(false);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "site-drawer-render-in-current-wrapper"
-  }, "Render in this", /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 16
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showDrawer
-  }, "Open")), /*#__PURE__*/React.createElement(Drawer, {
-    title: "Basic Drawer",
-    placement: "right",
-    closable: false,
-    onClose: onClose,
-    visible: visible,
-    getContainer: false,
-    style: {
-      position: 'absolute'
-    }
-  }, /*#__PURE__*/React.createElement("p", null, "Some contents...")));
-};
-
-export default RenderInCurrentDemo;

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

@@ -1 +0,0 @@
-

package/es/drawer/demo/size.js

@@ -1,148 +0,0 @@
-"use strict"; // /**
-//  * title: 预设宽度
-//  * desc: 抽屉的默认宽度为 `378px`，另外还提供一个大号抽屉 `736px`，可以用 `size` 属性来设置。
-//  */
-//  import React, { useState } from 'react';
-// import { Drawer, Button, Space } from '@fle-ui/next';
-// import { DrawerProps } from '@fle-ui/next';
-//  const UserProfileDemo = () => {
-//    const [visible, setVisible] = useState(false);
-//    const DescriptionItem = ({ title, content }: { title: string; content: React.ElementType|string|unknown; }) => (
-//      <div className="site-description-item-profile-wrapper">
-//        <p className="site-description-item-profile-p-label">{title}:</p>
-//        {content}
-//      </div>
-//    );
-//    const showDrawer = () => {
-//      setVisible(true);
-//    };
-//    const onClose = () => {
-//      setVisible(false);
-//    };
-//    return (
-//      <>
-//        <List
-//          dataSource={[
-//            {
-//              name: 'Lily',
-//            },
-//            {
-//              name: 'Lily',
-//            },
-//          ]}
-//          bordered
-//          renderItem={(item:{[key:string]:any}) => (
-//            <List.Item
-//              key={item.id}
-//              actions={[
-//                <a onClick={showDrawer} key={`a-${item.id}`}>
-//                  View Profile
-//                </a>,
-//              ]}
-//            >
-//              <List.Item.Meta
-//                avatar={
-//                  <Avatar src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png" />
-//                }
-//                title={<a href="https://ant.design/index-cn">{item.name}</a>}
-//                description="Progresser XTech"
-//              />
-//            </List.Item>
-//          )}
-//        />
-//        <Drawer
-//          width={640}
-//          placement="right"
-//          closable={false}
-//          onClose={onClose}
-//          visible={visible}
-//        >
-//          <p className="site-description-item-profile-p" style={{ marginBottom: 24 }}>
-//            User Profile
-//          </p>
-//          <p className="site-description-item-profile-p">Personal</p>
-//          <Row>
-//            <Col span={12}>
-//              <DescriptionItem title="Full Name" content="Lily" />
-//            </Col>
-//            <Col span={12}>
-//              <DescriptionItem title="Account" content="AntDesign@example.com" />
-//            </Col>
-//          </Row>
-//          <Row>
-//            <Col span={12}>
-//              <DescriptionItem title="City" content="HangZhou" />
-//            </Col>
-//            <Col span={12}>
-//              <DescriptionItem title="Country" content="China🇨🇳" />
-//            </Col>
-//          </Row>
-//          <Row>
-//            <Col span={12}>
-//              <DescriptionItem title="Birthday" content="February 2,1900" />
-//            </Col>
-//            <Col span={12}>
-//              <DescriptionItem title="Website" content="-" />
-//            </Col>
-//          </Row>
-//          <Row>
-//            <Col span={24}>
-//              <DescriptionItem
-//                title="Message"
-//                content="Make things as simple as possible but no simpler."
-//              />
-//            </Col>
-//          </Row>
-//          <Divider />
-//          <p className="site-description-item-profile-p">Company</p>
-//          <Row>
-//            <Col span={12}>
-//              <DescriptionItem title="Position" content="Programmer" />
-//            </Col>
-//            <Col span={12}>
-//              <DescriptionItem title="Responsibilities" content="Coding" />
-//            </Col>
-//          </Row>
-//          <Row>
-//            <Col span={12}>
-//              <DescriptionItem title="Department" content="XTech" />
-//            </Col>
-//            <Col span={12}>
-//              <DescriptionItem title="Supervisor" content={<a>Lin</a>} />
-//            </Col>
-//          </Row>
-//          <Row>
-//            <Col span={24}>
-//              <DescriptionItem
-//                title="Skills"
-//                content="C / C + +, data structures, software engineering, operating systems, computer networks, databases, compiler theory, computer architecture, Microcomputer Principle and Interface Technology, Computer English, Java, ASP, etc."
-//              />
-//            </Col>
-//          </Row>
-//          <Divider />
-//          <p className="site-description-item-profile-p">Contacts</p>
-//          <Row>
-//            <Col span={12}>
-//              <DescriptionItem title="Email" content="AntDesign@example.com" />
-//            </Col>
-//            <Col span={12}>
-//              <DescriptionItem title="Phone Number" content="+86 181 0000 0000" />
-//            </Col>
-//          </Row>
-//          <Row>
-//            <Col span={24}>
-//              <DescriptionItem
-//                title="Github"
-//                content={
-//                  <a href="http://github.com/ant-design/ant-design/">
-//                    github.com/ant-design/ant-design/
-//                  </a>
-//                }
-//              />
-//            </Col>
-//          </Row>
-//        </Drawer>
-//      </>
-//    );
-//  };
-//  export default UserProfileDemo;

package/es/drawer/demo/user-profile.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 信息预览抽屉
- * desc: 需要快速预览对象概要时使用，点击遮罩区关闭。
- */
-declare const UserProfileDemo: () => JSX.Element;
-export default UserProfileDemo;