nianxiongdi · nianxiongdi · Aug 18, 2019 · May 23, 2019 · Jun 5, 2019 · Jul 2, 2019
diff --git a/.fusion b/.fusion
@@ -58,6 +58,7 @@
     "line": "lib/core/style/_line.scss",
     "shadow": "lib/core/style/_shadow.scss",
     "icon": "lib/core/style/_icon.scss",
+    "motion": "lib/core/style/_motion.scss",
     "form-element": "lib/core/utility/_form-element.scss",
     "popup": "lib/core/utility/_popup.scss",
     "mask": "lib/core/utility/_mask.scss",
@@ -79,6 +80,7 @@
     "collapse": "lib/collapse/scss/variable.scss",
     "time-picker": "lib/time-picker/scss/variable.scss",
     "date-picker": "lib/date-picker/scss/variable.scss",
+    "drawer": "lib/drawer/scss/variable.scss",
     "message": "lib/message/scss/variable.scss",
     "dialog": "lib/dialog/scss/variable.scss",
     "grid": "lib/grid/scss/variable.scss",

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,109 @@
 # Change Log 
 
+## [1.17.6](https://github.com/alibaba-fusion/next/compare/1.17.5...1.17.6) (2019-08-15)
+
+
+### Bug Fixes
+
+* **Menu:** value in selectedKeys doesn't exit in k2n ([fef80cd](https://github.com/alibaba-fusion/next/commit/fef80cd))
+
+
+
+
+## [1.17.5](https://github.com/alibaba-fusion/next/compare/1.17.4...1.17.5) (2019-08-14)
+
+
+### Bug Fixes
+
+* **Field:** bug of resetToDefault withtou initValue. close [#1001](https://github.com/alibaba-fusion/next/issues/1001) ([a76b05c](https://github.com/alibaba-fusion/next/commit/a76b05c))
+* **Input:** support null to reset value ([0ecc5c2](https://github.com/alibaba-fusion/next/commit/0ecc5c2))
+* **Pagination:** react warning use setTimout event ([0e92ade](https://github.com/alibaba-fusion/next/commit/0e92ade))
+
+
+### Features
+
+* **Animate:** add slide animations ([407dc5b](https://github.com/alibaba-fusion/next/commit/407dc5b))
+* **Drawer:** make drawer configurable ([fbc4ad2](https://github.com/alibaba-fusion/next/commit/fbc4ad2))
+* **Locale:** add Drawer words ([1be3ea8](https://github.com/alibaba-fusion/next/commit/1be3ea8))
+
+
+
+
+## [1.17.4](https://github.com/alibaba-fusion/next/compare/1.17.3...1.17.4) (2019-08-13)
+
+
+### Bug Fixes
+
+* **Menu:** child-selected should work in popup mode ([bd784e7](https://github.com/alibaba-fusion/next/commit/bd784e7))
+* **Tag:** closable can`t set `data-xx` prop ([d1e5507](https://github.com/alibaba-fusion/next/commit/d1e5507))
+
+
+
+
+## [1.17.3](https://github.com/alibaba-fusion/next/compare/1.17.2...1.17.3) (2019-08-09)
+
+
+### Bug Fixes
+
+* **Select:** width should be in outer dom ([c8f072f](https://github.com/alibaba-fusion/next/commit/c8f072f))
+
+
+
+
+## [1.17.2](https://github.com/alibaba-fusion/next/compare/1.17.1...1.17.2) (2019-08-09)
+
+
+
+
+## [1.17.1](https://github.com/alibaba-fusion/next/compare/1.17.0...1.17.1) (2019-08-08)
+
+
+
+
+# [1.17.0](https://github.com/alibaba-fusion/next/compare/1.16.6...1.17.0) (2019-08-08)
+
+
+### Bug Fixes
+
+* add name and value ([5beedd8](https://github.com/alibaba-fusion/next/commit/5beedd8))
+* **Input:** fix textarea ([ac270ea](https://github.com/alibaba-fusion/next/commit/ac270ea))
+* **Input:** fix ts property ([9ceb94a](https://github.com/alibaba-fusion/next/commit/9ceb94a))
+* **Menu:** paddingLeft should only be related to inline mode ([1115687](https://github.com/alibaba-fusion/next/commit/1115687))
+* **Menu:** string in Group/SubMenu causes error, close [#952](https://github.com/alibaba-fusion/next/issues/952) ([18a7f17](https://github.com/alibaba-fusion/next/commit/18a7f17))
+* **Nav:** subNav should be selected if it has selected child, close [#520](https://github.com/alibaba-fusion/next/issues/520) ([3eca52f](https://github.com/alibaba-fusion/next/commit/3eca52f))
+* **Range:** prevent arrow keyup event when disabled ([05f5a87](https://github.com/alibaba-fusion/next/commit/05f5a87))
+* **Search:** onSearch ts ([35d33dc](https://github.com/alibaba-fusion/next/commit/35d33dc))
+* **Select:** popupComponent do not need syncWidth ([71d7943](https://github.com/alibaba-fusion/next/commit/71d7943))
+* **Tab:** only focus after first render ([5feb398](https://github.com/alibaba-fusion/next/commit/5feb398))
+* **Transfer:** fix that Transfer component cannot be dragged in firefox ([0f72ef6](https://github.com/alibaba-fusion/next/commit/0f72ef6))
+* **Transfer:** pass test case ([632dea7](https://github.com/alibaba-fusion/next/commit/632dea7))
+* **Tree:** Still can check after disableChecked ([20ac774](https://github.com/alibaba-fusion/next/commit/20ac774))
+* **Typescript:** add a tags ts. ([443eecf](https://github.com/alibaba-fusion/next/commit/443eecf))
+* **TypeScript:** correct Upload Dragger props, close [#936](https://github.com/alibaba-fusion/next/issues/936) ([2c4ad4c](https://github.com/alibaba-fusion/next/commit/2c4ad4c))
+
+
+### Features
+
+* Add Next Adaptor ([0c7f49c](https://github.com/alibaba-fusion/next/commit/0c7f49c))
+* Add Next Adaptor ([#903](https://github.com/alibaba-fusion/next/issues/903)) ([807e258](https://github.com/alibaba-fusion/next/commit/807e258))
+* time-function & duration update ([f4535d3](https://github.com/alibaba-fusion/next/commit/f4535d3))
+* **Breadcrumb:** maxNode support `auto` ([9ce0323](https://github.com/alibaba-fusion/next/commit/9ce0323))
+* **ConfigProvider:** add device prop ([67161a1](https://github.com/alibaba-fusion/next/commit/67161a1))
+* **DatePicker:** support set Array defaultValue ([2f9ea90](https://github.com/alibaba-fusion/next/commit/2f9ea90))
+* **Dialog:** add max-width to fit phone ([66f463a](https://github.com/alibaba-fusion/next/commit/66f463a))
+* **Drawer:** add new component Drawer ([2ca6f17](https://github.com/alibaba-fusion/next/commit/2ca6f17))
+* **Form:** force set labelAlign=top while device=phone ([f07260f](https://github.com/alibaba-fusion/next/commit/f07260f))
+* **NumberPicker:** force set type=inline while device=phone ([0666869](https://github.com/alibaba-fusion/next/commit/0666869))
+* **Pagination:** support device ([52054e1](https://github.com/alibaba-fusion/next/commit/52054e1))
+* **Range:** add touch test case for Range ([6e2c85a](https://github.com/alibaba-fusion/next/commit/6e2c85a))
+* **Range:** range component support touch event ([ac03213](https://github.com/alibaba-fusion/next/commit/ac03213))
+* **Select:** add api popupComponent to custom Popup ([737f7e4](https://github.com/alibaba-fusion/next/commit/737f7e4))
+* **Tab:** support device touchable ([3c356bf](https://github.com/alibaba-fusion/next/commit/3c356bf))
+* **TimePicker:** add renderTimeMenuItems prop ([8c368f1](https://github.com/alibaba-fusion/next/commit/8c368f1))
+
+
+
+
 ## [1.16.6](https://github.com/alibaba-fusion/next/compare/1.16.5...1.16.6) (2019-08-01)
 
 

diff --git a/LATESTLOG.md b/LATESTLOG.md
@@ -1,10 +1,10 @@
 # Latest Log 
 
-## [1.16.6](https://github.com/alibaba-fusion/next/compare/1.16.5...1.16.6) (2019-08-01)
+## [1.17.6](https://github.com/alibaba-fusion/next/compare/1.17.5...1.17.6) (2019-08-15)
 
 
 ### Bug Fixes
 
-* **Typescript:** fix menu-button & split-button ([0cfe939](https://github.com/alibaba-fusion/next/commit/0cfe939))
+* **Menu:** value in selectedKeys doesn't exit in k2n ([fef80cd](https://github.com/alibaba-fusion/next/commit/fef80cd))
 
 
diff --git a/docs/adaptor.js b/docs/adaptor.js
@@ -0,0 +1,83 @@
+import Badge from './badge/adaptor';
+import Balloon from './balloon/adaptor';
+import Breadcrumb from './breadcrumb/adaptor';
+import Button from './button/adaptor';
+import Calendar from './calendar/adaptor';
+import Card from './card/adaptor';
+import Cascader from './cascader/adaptor';
+import CascaderSelect from './cascader-select/adaptor';
+import Checkbox from './checkbox/adaptor';
+import Collapse from './collapse/adaptor';
+import DatePicker from './date-picker/adaptor';
+import Dialog from './dialog/adaptor';
+import Input from './input/adaptor';
+import Loading from './loading/adaptor';
+import Menu from './menu/adaptor';
+import MenuButton from './menu-button/adaptor';
+import Message from './message/adaptor';
+import Nav from './nav/adaptor';
+import NumberPicker from './number-picker/adaptor';
+import Pagination from './pagination/adaptor';
+import Paragraph from './paragraph/adaptor';
+import Progress from './progress/adaptor';
+import Radio from './radio/adaptor';
+import Range from './range/adaptor';
+import Rating from './rating/adaptor';
+import Search from './search/adaptor';
+import Select from './select/adaptor';
+import Slider from './slider/adaptor';
+import SplitButton from './split-button/adaptor';
+import Step from './step/adaptor';
+import Switch from './switch/adaptor';
+import Tab from './tab/adaptor';
+import Table from './table/adaptor';
+import Tag from './tag/adaptor';
+import TimePicker from './time-picker/adaptor';
+import Timeline from './timeline/adaptor';
+import Transfer from './transfer/adaptor';
+import Tree from './tree/adaptor';
+import TreeSelect from './tree-select/adaptor';
+import Upload from './upload/adaptor';
+
+module.exports = {
+    Badge,
+    Balloon,
+    Breadcrumb,
+    Button,
+    Calendar,
+    Card,
+    Cascader,
+    CascaderSelect,
+    Checkbox,
+    Collapse,
+    DatePicker,
+    Dialog,
+    Input,
+    Loading,
+    Menu,
+    MenuButton,
+    Message,
+    Nav,
+    NumberPicker,
+    Pagination,
+    Paragraph,
+    Progress,
+    Radio,
+    Range,
+    Rating,
+    Search,
+    Select,
+    Slider,
+    SplitButton,
+    Step,
+    Switch,
+    Tab,
+    Table,
+    Tag,
+    TimePicker,
+    Timeline,
+    Transfer,
+    Tree,
+    TreeSelect,
+    Upload,
+};
diff --git a/docs/affix/index.md b/docs/affix/index.md
@@ -17,10 +17,10 @@
 
 ### Affix
 
-| 参数           | 说明                                                                                                                  | 类型       | 默认值          |
-| ------------ | ------------------------------------------------------------------------------------------------------------------- | -------- | ------------ |
-| container    | 设置 Affix 需要监听滚动事件的容器元素<br><br>**签名**:<br>Function() => ReactElement<br>**返回值**:<br>{ReactElement} 目标容器元素的实例<br>     | Function | () => window |
-| offsetTop    | 距离窗口顶部达到指定偏移量后触发                                                                                                    | Number   | -            |
-| offsetBottom | 距离窗口底部达到制定偏移量后触发                                                                                                    | Number   | -            |
-| onAffix      | 当元素的样式发生固钉样式变化时触发的回调函数<br><br>**签名**:<br>Function(元素是否被固钉: Boolean) => void<br>**参数**:<br>_元素是否被固钉_: {Boolean} null | Function | func.noop    |
-| useAbsolute  | 是否启用绝对布局实现 affix                                                                                                    | Boolean  | -            |
+| 参数           | 说明                                                                                                                     | 类型       | 默认值          |
+| ------------ | ---------------------------------------------------------------------------------------------------------------------- | -------- | ------------ |
+| container    | 设置 Affix 需要监听滚动事件的容器元素<br><br>**签名**:<br>Function() => ReactElement<br>**返回值**:<br>{ReactElement} 目标容器元素的实例<br>        | Function | () => window |
+| offsetTop    | 距离窗口顶部达到指定偏移量后触发                                                                                                       | Number   | -            |
+| offsetBottom | 距离窗口底部达到制定偏移量后触发                                                                                                       | Number   | -            |
+| onAffix      | 当元素的样式发生固钉样式变化时触发的回调函数<br><br>**签名**:<br>Function(affixed: Boolean) => void<br>**参数**:<br>_affixed_: {Boolean} 元素是否被固钉 | Function | func.noop    |
+| useAbsolute  | 是否启用绝对布局实现 affix                                                                                                       | Boolean  | -            |
diff --git a/docs/animate/index.md b/docs/animate/index.md
@@ -23,7 +23,7 @@
 | component       | 包裹子元素的标签                                                                                                                                          | any                                 | 'div'    |
 | singleMode      | 是否只有单个子元素，如果有多个子元素，请设置为 false                                                                                                                     | Boolean                             | true     |
 | children        | 子元素                                                                                                                                               | ReactElement/Array&lt;ReactElement> | -        |
-| beforeAppear    | 执行第一次挂载动画前触发的回调函数<br><br>**签名**:<br>Function() => void                                                                                            | Function                            | () => {} |
+| beforeAppear    | 执行第一次挂载动画前触发的回调函数<br><br>**签名**:<br>Function(node: HTMLElement) => void<br>**参数**:<br>_node_: {HTMLElement} 执行动画的 dom 元素                         | Function                            | () => {} |
 | onAppear        | 执行第一次挂载动画，添加 xxx-appear-active 类名后触发的回调函数<br><br>**签名**:<br>Function(node: HTMLElement) => void<br>**参数**:<br>_node_: {HTMLElement} 执行动画的 dom 元素 | Function                            | () => {} |
 | afterAppear     | 执行完第一次挂载动画后触发的函数<br><br>**签名**:<br>Function(node: HTMLElement) => void<br>**参数**:<br>_node_: {HTMLElement} 执行动画的 dom 元素                          | Function                            | () => {} |
 | beforeEnter     | 执行进场动画前触发的回调函数<br><br>**签名**:<br>Function(node: HTMLElement) => void<br>**参数**:<br>_node_: {HTMLElement} 执行动画的 dom 元素                            | Function                            | () => {} |
@@ -42,6 +42,10 @@
 | fadeInLeft   | fadeOutLeft   |
 | fadeInRight  | fadeOutRight  |
 | fadeInUp     | fadeOutUp     |
+| slideInDown  | slideOutUp    |
+| slideInLeft  | slideOutLeft  |
+| slideInRight | slideOutRight |
+| slideInUp    | slideOutDown  |
 | zoomIn       | zoomOut       |
 | expandInDown | expandOutUp   |
 | expandInUp   | expandOutDown |

diff --git a/docs/badge/adaptor/index.jsx b/docs/badge/adaptor/index.jsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import { Badge } from '@alifd/next';
+import { Types } from '@alifd/adaptor-helper';
+
+export default {
+    name: 'Badge',
+    editor: () => ({
+        props: [{
+            name: 'level',
+            label: 'Type',
+            type: Types.enum,
+            options: ['dot', 'number'],
+            default: 'dot'
+        }, {
+            name: 'count',
+            type: Types.number,
+            default: 12,
+        }]
+    }),
+    adaptor: ({ level, count, ...others }) => {
+        return <Badge {...others} dot={level=== 'dot'} count={level === 'number' ? count : 0} />;
+    },
+    content: () => ({
+        options: [{
+            name: 'use',
+            options: ['independent', 'withOthers'],
+            default: 'withOthers'
+        }],
+        transform: (props, { use }) => {
+            if (use === 'withOthers') {
+                return {
+                    ...props,
+                    children: {
+                        adaptor: 'div',
+                        props: {
+                            style: {
+                                width: '42px',
+                                height: '42px',
+                                borderRadius: '50%',
+                                background: '#eee',
+                                display: 'inline-block'
+                            }
+                        }
+                    }
+                };
+            }
+            return props;
+        }
+    })
+};
diff --git a/docs/balloon/adaptor/index.jsx b/docs/balloon/adaptor/index.jsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import { Balloon } from '@alifd/next';
+import { Types } from '@alifd/adaptor-helper';
+
+const ALIGN_LIST = [
+    { label: 'Top', value: 'b' }, // (上)
+    { label: 'Right', value: 'l' }, // (右)
+    { label: 'Bottom', value: 't' }, // (下)
+    { label: 'Left', value: 'r' }, // (左)
+    { label: 'Top Left', value: 'br' }, // (上左)
+    { label: 'Top Right', value: 'bl' }, // (上右)
+    { label: 'Bottom Left', value: 'tr' }, // (下左)
+    { label: 'Bottom Right', value: 'tl' }, // (下右)
+    { label: 'Left Top', value: 'rt' }, // (左上)
+    { label: 'Left Bottom', value: 'rb' }, // (左下)
+    { label: 'Right Top', value: 'lt' }, // (右上)
+    { label: 'Right Bottom', value: 'lb' }, // (右下 及其 两两组合)
+];
+
+
+export default {
+    name: 'Balloon',
+    shape: [{
+        label: 'Balloon',
+        value: 'balloon'
+    }, {
+        label: 'Tooltip',
+        value: 'tooltip'
+    }],
+    editor: (shape) => {
+        return {
+            props: [
+                shape === 'balloon' && {
+                    name: 'level',
+                    type: Types.enum,
+                    options: ['normal', 'primary'],
+                    default: 'normal',
+                },
+                {
+                    name: 'direction',
+                    label: 'Align',
+                    type: Types.enum,
+                    options: ALIGN_LIST,
+                    default: 'b',
+                },
+                shape === 'balloon' ?
+                    {
+                        name: 'closable',
+                        type: Types.bool,
+                        default: true
+                    } :
+                    null
+            ].filter(v => !!v),
+            data: {
+                default: `${shape.substring(0, 1).toUpperCase() + shape.substring(1)} content replace holder.`
+            }
+        };
+    },
+    adaptor: ({ shape, level, direction, closable, data, style, ...others }) => {
+        return (
+            <Balloon.Inner {...others} type={level} style={{position: 'relative', ...style }} isTooltip={shape === 'tooltip'} align={direction} closable={shape === 'balloon' && closable}>
+                {data}
+            </Balloon.Inner>
+        );
+    },
+    content: (shape) => ({
+        options: [
+            {
+                name: 'direction',
+                options: ALIGN_LIST,
+                default: 'b'
+            },
+            shape === 'balloon' && {
+                name: 'closable',
+                options: ['yes', 'no'],
+                default: 'yes'
+            }
+        ].filter(v => !!v),
+        transform: (props, { direction, closable }) => {
+            return {
+                ...props,
+                direction,
+                closable: closable === 'yes',
+            }
+        }
+    })
+};