According to visibility problem (on viewport breakpoints) with Sider menu in our App
And according to Bootstrap responsive breakpoints https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints
We should use different values for `min-width` and `max-width`. For example, if we construct query with `min-width: 768px` then we MUST use `max-width: 767.98px` for proper breakpoint determination otherwise they conflict with each other when have similar values.
* feat: use @ant-design/icons@4.0
* feat: use createFromIconfontCN to make site works
* feat: update doc for Icon
* feat: use icon in component Alert
* feat: use icon in component Avatar
* feat: use icon in component Breadcrumb
* feat: use icon in component Button
* feat: use icon in component Cascader
* feat: use icon in component Collapse
* feat: use icon in component Datepicker
* feat: use icon in component Dropdown
* feat: use icon in component Form
* feat: use icon in component Input
* feat: use icon in component InputNumber
* feat: use icon in component Layout
* feat: use icon in component Mention
* feat: use icon in component Message
* feat: use icon in component Modal
* feat: use icon in component Notification
* feat: use icon in component PageHeader
* feat: use icon in component Pagination
* feat: use icon in component Popconfirm
* feat: use icon in component Progress
* feat: use icon in component Rate
* feat: use icon in component Result
* feat: use icon in component Select
* feat: use icon in component Step
* feat: use icon in component Switch
* feat: use icon in component Table
* feat: use icon in component Tab
* feat: use icon in component Tag
* feat: handle rest component which using Icon
* fix: remove unused vars
* feat: use latest alpha ant design icons
* fix: failed test in uploadlist.test.js
* test: update snapshot for icons
* doc: add Icon for site
* doc: use @ant-design/icons in site
* chore: use latest icons
* fix: tslint issue
* fix: test cases
* fix: types for react
* fix: lint rules for import orders
* fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render
* fix: eslint error in demo/**.md
* inject antd icons
* update snapshot
* fix site
* doc: update docs
* fix: code snippets icon in site
* feat: use latest @ant-design/icons
* fix: icon props in message
* docs: add api first appearance
* docs: fix auto-complete doc
* docs: replace Version Added with Version
* docs: date picker common method
* docs: date picker common method
* docs: tree
* docs: remove meaningless 3.0.0
* use state instead
* rollback demo markdown
* clean test
* sider context should be clean
* update test case
* fix test
* update debug desc
* add siderCollapsed into omit
* rm useless code
In some situation `Sider` is deeply rendered in Children of `Layout`,
and if we don't want to judge whether `Layout` has sider, the attr `hasSider`
set to `false` should properly work. However `hasSider || this.state.siders.length > 0`
will ignore `hasSider` when it is `false`.
* rename .stylelintrc to .stylelintrc.json for explicit file type
* add new npm script lint-fix:style
* fix pseudo-element with double colon
* function name should be lower except ignored functions
* support stylelint declaration-block-no-ignored-properties rule
* support sorted CSS properties order for readability and consistency
* autofix order of all styles by lint-fix:style script
* remove double slash comments after selector
* replace .stylelintignore with ignoreFiles in .stylelintrc.json
React component state updates using setState may
asynchronously update this.props and this.state, thus it is
not safe to use either of the two when calculating the new
state passed to setState, and instead the callback-based
variant should be used instead.