mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-23 19:56:20 +10:00
Updates
This commit is contained in:
@@ -1,21 +1,75 @@
|
||||
<div class="code-box" id="demo-time">
|
||||
<div class="code-box-demo">
|
||||
<div id="components-datepicker-demo-time"></div>
|
||||
<script>(function(){"use strict";
|
||||
<script>(function(){'use strict';
|
||||
|
||||
var _antd = require('antd');
|
||||
|
||||
ReactDOM.render(React.createElement(_antd.Datepicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss", defaultValue: "2015-11-11 11:11:11" }), document.getElementById('components-datepicker-demo-time'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Datepicker } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
var result = new Date();
|
||||
var selectdDate = undefined,
|
||||
selectdTime = undefined;
|
||||
function handleChange(from, value) {
|
||||
if (!value) {
|
||||
from === 'date' ? selectdDate = false : selectdTime = false;
|
||||
return;
|
||||
}
|
||||
if (from === 'date') {
|
||||
result.setFullYear(value.getFullYear());
|
||||
result.setMonth(value.getMonth());
|
||||
result.setDate(value.getDate());
|
||||
selectdDate = true;
|
||||
} else {
|
||||
result.setHours(value.getHours());
|
||||
result.setMinutes(value.getMinutes());
|
||||
result.setSeconds(value.getSeconds());
|
||||
selectdTime = true;
|
||||
}
|
||||
if (selectdDate && selectdTime) {
|
||||
console.log('选择结果是:' + result);
|
||||
}
|
||||
}
|
||||
|
||||
ReactDOM.render(
|
||||
<span class="xml"><span class="hljs-tag"><<span class="hljs-title">Datepicker</span> <span class="hljs-attribute">showTime</span>=<span class="hljs-value">{true}</span> <span class="hljs-attribute">format</span>=<span class="hljs-value">"yyyy-MM-dd HH:mm:ss"</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">"2015-11-11 11:11:11"</span>/></span>
|
||||
, document.getElementById('components-datepicker-demo-time'));</span></code></pre></div>
|
||||
ReactDOM.render(React.createElement(
|
||||
'div',
|
||||
null,
|
||||
React.createElement(_antd.Datepicker, { onChange: handleChange.bind(null, 'date') }),
|
||||
React.createElement(_antd.Timepicker, { onChange: handleChange.bind(null, 'time') })
|
||||
), document.getElementById('components-datepicker-demo-time'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Datepicker, Timepicker } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
|
||||
<span class="hljs-keyword">let</span> result = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>();
|
||||
<span class="hljs-keyword">let</span> selectdDate, selectdTime;
|
||||
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">handleChange</span>(<span class="hljs-params">from, value</span>) </span>{
|
||||
<span class="hljs-keyword">if</span> (!value) {
|
||||
from === <span class="hljs-string">'date'</span> ?
|
||||
(selectdDate = <span class="hljs-literal">false</span>) : (selectdTime = <span class="hljs-literal">false</span>);
|
||||
<span class="hljs-keyword">return</span>;
|
||||
}
|
||||
<span class="hljs-keyword">if</span> (from === <span class="hljs-string">'date'</span>) {
|
||||
result.setFullYear(value.getFullYear());
|
||||
result.setMonth(value.getMonth());
|
||||
result.setDate(value.getDate());
|
||||
selectdDate = <span class="hljs-literal">true</span>;
|
||||
} <span class="hljs-keyword">else</span> {
|
||||
result.setHours(value.getHours());
|
||||
result.setMinutes(value.getMinutes());
|
||||
result.setSeconds(value.getSeconds());
|
||||
selectdTime = <span class="hljs-literal">true</span>;
|
||||
}
|
||||
<span class="hljs-keyword">if</span> (selectdDate && selectdTime) {
|
||||
<span class="hljs-built_in">console</span>.log(<span class="hljs-string">'选择结果是:'</span> + result);
|
||||
}
|
||||
}
|
||||
|
||||
ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">Datepicker</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{handleChange.bind(null,</span> '<span class="hljs-attribute">date</span>')} /></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">Timepicker</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{handleChange.bind(null,</span> '<span class="hljs-attribute">time</span>')} /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>, document.getElementById('components-datepicker-demo-time'));</span></code></pre></div>
|
||||
</div>
|
||||
<div class="code-box-meta markdown">
|
||||
<div class="code-box-title">
|
||||
<a href="#demo-time">时间选择</a>
|
||||
<a href="#demo-time">日期时间选择</a>
|
||||
</div>
|
||||
<p>准确到秒的时间选择面板。</p>
|
||||
<p>和 <a href="/components/timepicer">时间选择框</a> 配合使用。</p>
|
||||
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -623,12 +623,6 @@ Datepicker 日期选择框 - Ant Design
|
||||
<td>无</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>showTime</td>
|
||||
<td>显示时间选择条</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disabled</td>
|
||||
<td>禁用</td>
|
||||
<td>bool</td>
|
||||
@@ -725,21 +719,75 @@ ReactDOM.render(
|
||||
</div><div class="code-box" id="demo-time">
|
||||
<div class="code-box-demo">
|
||||
<div id="components-datepicker-demo-time"></div>
|
||||
<script>(function(){"use strict";
|
||||
<script>(function(){'use strict';
|
||||
|
||||
var _antd = require('antd');
|
||||
|
||||
ReactDOM.render(React.createElement(_antd.Datepicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss", defaultValue: "2015-11-11 11:11:11" }), document.getElementById('components-datepicker-demo-time'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Datepicker } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
var result = new Date();
|
||||
var selectdDate = undefined,
|
||||
selectdTime = undefined;
|
||||
function handleChange(from, value) {
|
||||
if (!value) {
|
||||
from === 'date' ? selectdDate = false : selectdTime = false;
|
||||
return;
|
||||
}
|
||||
if (from === 'date') {
|
||||
result.setFullYear(value.getFullYear());
|
||||
result.setMonth(value.getMonth());
|
||||
result.setDate(value.getDate());
|
||||
selectdDate = true;
|
||||
} else {
|
||||
result.setHours(value.getHours());
|
||||
result.setMinutes(value.getMinutes());
|
||||
result.setSeconds(value.getSeconds());
|
||||
selectdTime = true;
|
||||
}
|
||||
if (selectdDate && selectdTime) {
|
||||
console.log('选择结果是:' + result);
|
||||
}
|
||||
}
|
||||
|
||||
ReactDOM.render(
|
||||
<span class="xml"><span class="hljs-tag"><<span class="hljs-title">Datepicker</span> <span class="hljs-attribute">showTime</span>=<span class="hljs-value">{true}</span> <span class="hljs-attribute">format</span>=<span class="hljs-value">"yyyy-MM-dd HH:mm:ss"</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">"2015-11-11 11:11:11"</span>/></span>
|
||||
, document.getElementById('components-datepicker-demo-time'));</span></code></pre></div>
|
||||
ReactDOM.render(React.createElement(
|
||||
'div',
|
||||
null,
|
||||
React.createElement(_antd.Datepicker, { onChange: handleChange.bind(null, 'date') }),
|
||||
React.createElement(_antd.Timepicker, { onChange: handleChange.bind(null, 'time') })
|
||||
), document.getElementById('components-datepicker-demo-time'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Datepicker, Timepicker } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
|
||||
<span class="hljs-keyword">let</span> result = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>();
|
||||
<span class="hljs-keyword">let</span> selectdDate, selectdTime;
|
||||
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">handleChange</span>(<span class="hljs-params">from, value</span>) </span>{
|
||||
<span class="hljs-keyword">if</span> (!value) {
|
||||
from === <span class="hljs-string">'date'</span> ?
|
||||
(selectdDate = <span class="hljs-literal">false</span>) : (selectdTime = <span class="hljs-literal">false</span>);
|
||||
<span class="hljs-keyword">return</span>;
|
||||
}
|
||||
<span class="hljs-keyword">if</span> (from === <span class="hljs-string">'date'</span>) {
|
||||
result.setFullYear(value.getFullYear());
|
||||
result.setMonth(value.getMonth());
|
||||
result.setDate(value.getDate());
|
||||
selectdDate = <span class="hljs-literal">true</span>;
|
||||
} <span class="hljs-keyword">else</span> {
|
||||
result.setHours(value.getHours());
|
||||
result.setMinutes(value.getMinutes());
|
||||
result.setSeconds(value.getSeconds());
|
||||
selectdTime = <span class="hljs-literal">true</span>;
|
||||
}
|
||||
<span class="hljs-keyword">if</span> (selectdDate && selectdTime) {
|
||||
<span class="hljs-built_in">console</span>.log(<span class="hljs-string">'选择结果是:'</span> + result);
|
||||
}
|
||||
}
|
||||
|
||||
ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">Datepicker</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{handleChange.bind(null,</span> '<span class="hljs-attribute">date</span>')} /></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">Timepicker</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{handleChange.bind(null,</span> '<span class="hljs-attribute">time</span>')} /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>, document.getElementById('components-datepicker-demo-time'));</span></code></pre></div>
|
||||
</div>
|
||||
<div class="code-box-meta markdown">
|
||||
<div class="code-box-title">
|
||||
<a href="#demo-time">时间选择</a>
|
||||
<a href="#demo-time">日期时间选择</a>
|
||||
</div>
|
||||
<p>准确到秒的时间选择面板。</p>
|
||||
<p>和 <a href="/components/timepicer">时间选择框</a> 配合使用。</p>
|
||||
<span class="collapse anticon anticon-circle-o-right" unselectable="none" style="-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;"></span>
|
||||
</div>
|
||||
</div><div class="code-box" id="demo-range">
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
|
||||
var _antd = require('antd');
|
||||
|
||||
var Test = React.createClass({
|
||||
displayName: "Test",
|
||||
var IntegerStep = React.createClass({
|
||||
displayName: "IntegerStep",
|
||||
|
||||
getInitialState: function getInitialState() {
|
||||
return {
|
||||
@@ -37,9 +37,46 @@ var Test = React.createClass({
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(React.createElement(Test, null), document.getElementById('components-slider-demo-input-number'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Slider, InputNumber } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
var DecimalStep = React.createClass({
|
||||
displayName: "DecimalStep",
|
||||
|
||||
<span class="hljs-keyword">const</span> Test = React.createClass({
|
||||
getInitialState: function getInitialState() {
|
||||
return {
|
||||
inputValue: 0
|
||||
};
|
||||
},
|
||||
onChange: function onChange(value) {
|
||||
this.setState({
|
||||
inputValue: value
|
||||
});
|
||||
},
|
||||
render: function render() {
|
||||
return React.createElement(
|
||||
"div",
|
||||
{ className: "row" },
|
||||
React.createElement(
|
||||
"div",
|
||||
{ className: "col-12" },
|
||||
React.createElement(_antd.Slider, { min: 0, max: 1, onChange: this.onChange, value: this.state.inputValue, step: 0.01 })
|
||||
),
|
||||
React.createElement(
|
||||
"div",
|
||||
{ className: "col-4" },
|
||||
React.createElement(_antd.InputNumber, { min: 0, max: 1, style: { marginLeft: '16px' }, step: 0.01,
|
||||
value: this.state.inputValue, onChange: this.onChange })
|
||||
)
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(React.createElement(
|
||||
"div",
|
||||
null,
|
||||
React.createElement(IntegerStep, null),
|
||||
React.createElement(DecimalStep, null)
|
||||
), document.getElementById('components-slider-demo-input-number'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Slider, InputNumber } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
|
||||
<span class="hljs-keyword">const</span> IntegerStep = React.createClass({
|
||||
getInitialState() {
|
||||
<span class="hljs-keyword">return</span> {
|
||||
inputValue: <span class="hljs-number">1</span>
|
||||
@@ -65,7 +102,36 @@ ReactDOM.render(React.createElement(Test, null), document.getElementById('compon
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">Test</span> /></span>, document.getElementById('components-slider-demo-input-number'));</span></code></pre></div>
|
||||
<span class="hljs-keyword">const</span> DecimalStep = React.createClass({
|
||||
getInitialState() {
|
||||
<span class="hljs-keyword">return</span> {
|
||||
inputValue: <span class="hljs-number">0</span>
|
||||
};
|
||||
},
|
||||
onChange(value) {
|
||||
<span class="hljs-keyword">this</span>.setState({
|
||||
inputValue: value
|
||||
});
|
||||
},
|
||||
render() {
|
||||
<span class="hljs-keyword">return</span> (
|
||||
<span class="xml"><span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">className</span>=<span class="hljs-value">"row"</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">className</span>=<span class="hljs-value">"col-12"</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">Slider</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{0}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{1}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onChange}</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">{this.state.inputValue}</span> <span class="hljs-attribute">step</span>=<span class="hljs-value">{0.01}</span> /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">className</span>=<span class="hljs-value">"col-4"</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">InputNumber</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{0}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{1}</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{{marginLeft:</span> '<span class="hljs-attribute">16px</span>'}} <span class="hljs-attribute">step</span>=<span class="hljs-value">{0.01}</span>
|
||||
<span class="hljs-attribute">value</span>=<span class="hljs-value">{this.state.inputValue}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onChange}</span> /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
|
||||
)</span>;
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">IntegerStep</span> /></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">DecimalStep</span> /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>, document.getElementById('components-slider-demo-input-number'));</span></code></pre></div>
|
||||
</div>
|
||||
<div class="code-box-meta markdown">
|
||||
<div class="code-box-title">
|
||||
|
||||
@@ -878,8 +878,8 @@ ReactDOM.render(
|
||||
|
||||
var _antd = require('antd');
|
||||
|
||||
var Test = React.createClass({
|
||||
displayName: "Test",
|
||||
var IntegerStep = React.createClass({
|
||||
displayName: "IntegerStep",
|
||||
|
||||
getInitialState: function getInitialState() {
|
||||
return {
|
||||
@@ -910,9 +910,46 @@ var Test = React.createClass({
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(React.createElement(Test, null), document.getElementById('components-slider-demo-input-number'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Slider, InputNumber } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
var DecimalStep = React.createClass({
|
||||
displayName: "DecimalStep",
|
||||
|
||||
<span class="hljs-keyword">const</span> Test = React.createClass({
|
||||
getInitialState: function getInitialState() {
|
||||
return {
|
||||
inputValue: 0
|
||||
};
|
||||
},
|
||||
onChange: function onChange(value) {
|
||||
this.setState({
|
||||
inputValue: value
|
||||
});
|
||||
},
|
||||
render: function render() {
|
||||
return React.createElement(
|
||||
"div",
|
||||
{ className: "row" },
|
||||
React.createElement(
|
||||
"div",
|
||||
{ className: "col-12" },
|
||||
React.createElement(_antd.Slider, { min: 0, max: 1, onChange: this.onChange, value: this.state.inputValue, step: 0.01 })
|
||||
),
|
||||
React.createElement(
|
||||
"div",
|
||||
{ className: "col-4" },
|
||||
React.createElement(_antd.InputNumber, { min: 0, max: 1, style: { marginLeft: '16px' }, step: 0.01,
|
||||
value: this.state.inputValue, onChange: this.onChange })
|
||||
)
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(React.createElement(
|
||||
"div",
|
||||
null,
|
||||
React.createElement(IntegerStep, null),
|
||||
React.createElement(DecimalStep, null)
|
||||
), document.getElementById('components-slider-demo-input-number'));})()</script><div class="highlight"><pre><code class="javascript"><span class="hljs-keyword">import</span> { Slider, InputNumber } <span class="hljs-keyword">from</span> <span class="hljs-string">'antd'</span>;
|
||||
|
||||
<span class="hljs-keyword">const</span> IntegerStep = React.createClass({
|
||||
getInitialState() {
|
||||
<span class="hljs-keyword">return</span> {
|
||||
inputValue: <span class="hljs-number">1</span>
|
||||
@@ -938,7 +975,36 @@ ReactDOM.render(React.createElement(Test, null), document.getElementById('compon
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">Test</span> /></span>, document.getElementById('components-slider-demo-input-number'));</span></code></pre></div>
|
||||
<span class="hljs-keyword">const</span> DecimalStep = React.createClass({
|
||||
getInitialState() {
|
||||
<span class="hljs-keyword">return</span> {
|
||||
inputValue: <span class="hljs-number">0</span>
|
||||
};
|
||||
},
|
||||
onChange(value) {
|
||||
<span class="hljs-keyword">this</span>.setState({
|
||||
inputValue: value
|
||||
});
|
||||
},
|
||||
render() {
|
||||
<span class="hljs-keyword">return</span> (
|
||||
<span class="xml"><span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">className</span>=<span class="hljs-value">"row"</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">className</span>=<span class="hljs-value">"col-12"</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">Slider</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{0}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{1}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onChange}</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">{this.state.inputValue}</span> <span class="hljs-attribute">step</span>=<span class="hljs-value">{0.01}</span> /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">className</span>=<span class="hljs-value">"col-4"</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">InputNumber</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{0}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{1}</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{{marginLeft:</span> '<span class="hljs-attribute">16px</span>'}} <span class="hljs-attribute">step</span>=<span class="hljs-value">{0.01}</span>
|
||||
<span class="hljs-attribute">value</span>=<span class="hljs-value">{this.state.inputValue}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onChange}</span> /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
|
||||
)</span>;
|
||||
}
|
||||
});
|
||||
|
||||
ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">div</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">IntegerStep</span> /></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">DecimalStep</span> /></span>
|
||||
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>, document.getElementById('components-slider-demo-input-number'));</span></code></pre></div>
|
||||
</div>
|
||||
<div class="code-box-meta markdown">
|
||||
<div class="code-box-title">
|
||||
|
||||
@@ -62,7 +62,7 @@ const AntUpload = React.createClass({
|
||||
f.status = 'uploading';
|
||||
return f;
|
||||
});
|
||||
nextFileList = nextFileList.concat(file);
|
||||
nextFileList = nextFileList.concat(targetItem);
|
||||
} else {
|
||||
targetItem = fileToObject(file);
|
||||
targetItem.status = 'uploading';
|
||||
|
||||
Vendored
+1
-1
@@ -6061,7 +6061,7 @@ textarea.ant-calendar-time-input {
|
||||
}
|
||||
.ant-table-filter-dropdown .ant-dropdown-menu-item {
|
||||
overflow: hidden;
|
||||
padding: 7px 8px;
|
||||
padding: 7px 24px 8px 7px;
|
||||
}
|
||||
.ant-table-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected {
|
||||
position: relative;
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+21
-6
@@ -17014,9 +17014,9 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
}
|
||||
value = [selectedValue];
|
||||
label = [selectedLabel];
|
||||
this.setOpenState(false);
|
||||
}
|
||||
this.fireChange(value, label);
|
||||
this.setOpenState(false);
|
||||
this.setState({
|
||||
inputValue: ''
|
||||
});
|
||||
@@ -17030,11 +17030,14 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
onMenuDeselect: function onMenuDeselect(_ref2) {
|
||||
var item = _ref2.item;
|
||||
var domEvent = _ref2.domEvent;
|
||||
var props = this.props;
|
||||
|
||||
if (domEvent.type === 'click') {
|
||||
this.removeSelected((0, _util.getValuePropValue)(item));
|
||||
}
|
||||
this.setOpenState(false);
|
||||
if (!(0, _util.isMultipleOrTags)(props)) {
|
||||
this.setOpenState(false);
|
||||
}
|
||||
this.setState({
|
||||
inputValue: ''
|
||||
});
|
||||
@@ -17351,6 +17354,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
exports['default'] = Select;
|
||||
module.exports = exports['default'];
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 229 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
@@ -23606,7 +23610,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
text = render(text, record, index) || {};
|
||||
tdProps = text.props || {};
|
||||
|
||||
if (!_react2['default'].isValidElement(text)) {
|
||||
if (!_react2['default'].isValidElement(text) && 'children' in text) {
|
||||
text = text.children;
|
||||
}
|
||||
rowSpan = tdProps.rowSpan;
|
||||
@@ -29240,6 +29244,17 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
|
||||
return rect.left;
|
||||
}
|
||||
}, {
|
||||
key: 'getPrecision',
|
||||
value: function getPrecision() {
|
||||
var props = this.props;
|
||||
var stepString = props.step.toString();
|
||||
var precision = 0;
|
||||
if (stepString.indexOf('.') >= 0) {
|
||||
precision = stepString.length - stepString.indexOf('.') - 1;
|
||||
}
|
||||
return precision;
|
||||
}
|
||||
}, {
|
||||
key: 'trimAlignValue',
|
||||
value: function trimAlignValue(v) {
|
||||
@@ -29278,7 +29293,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
});
|
||||
var closestPoint = points[diffs.indexOf(Math.min.apply(Math, diffs))];
|
||||
|
||||
return closestPoint;
|
||||
return step !== null ? parseFloat(closestPoint.toFixed(this.getPrecision())) : closestPoint;
|
||||
}
|
||||
}, {
|
||||
key: 'calcOffset',
|
||||
@@ -33476,7 +33491,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
f.status = 'uploading';
|
||||
return f;
|
||||
});
|
||||
nextFileList = nextFileList.concat(file);
|
||||
nextFileList = nextFileList.concat(targetItem);
|
||||
} else {
|
||||
targetItem = fileToObject(file);
|
||||
targetItem.status = 'uploading';
|
||||
@@ -38497,7 +38512,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
||||
"rc-queue-anim": "~0.11.2",
|
||||
"rc-radio": "~2.0.0",
|
||||
"rc-select": "~5.1.2",
|
||||
"rc-slider": "~3.1.0",
|
||||
"rc-slider": "~3.1.2",
|
||||
"rc-steps": "~1.4.1",
|
||||
"rc-switch": "~1.3.1",
|
||||
"rc-table": "~3.6.1",
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
@@ -6061,7 +6061,7 @@ textarea.ant-calendar-time-input {
|
||||
}
|
||||
.ant-table-filter-dropdown .ant-dropdown-menu-item {
|
||||
overflow: hidden;
|
||||
padding: 7px 8px;
|
||||
padding: 7px 24px 8px 7px;
|
||||
}
|
||||
.ant-table-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected {
|
||||
position: relative;
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+21
-6
@@ -42145,9 +42145,9 @@
|
||||
}
|
||||
value = [selectedValue];
|
||||
label = [selectedLabel];
|
||||
this.setOpenState(false);
|
||||
}
|
||||
this.fireChange(value, label);
|
||||
this.setOpenState(false);
|
||||
this.setState({
|
||||
inputValue: ''
|
||||
});
|
||||
@@ -42161,11 +42161,14 @@
|
||||
onMenuDeselect: function onMenuDeselect(_ref2) {
|
||||
var item = _ref2.item;
|
||||
var domEvent = _ref2.domEvent;
|
||||
var props = this.props;
|
||||
|
||||
if (domEvent.type === 'click') {
|
||||
this.removeSelected((0, _util.getValuePropValue)(item));
|
||||
}
|
||||
this.setOpenState(false);
|
||||
if (!(0, _util.isMultipleOrTags)(props)) {
|
||||
this.setOpenState(false);
|
||||
}
|
||||
this.setState({
|
||||
inputValue: ''
|
||||
});
|
||||
@@ -42482,6 +42485,7 @@
|
||||
exports['default'] = Select;
|
||||
module.exports = exports['default'];
|
||||
|
||||
|
||||
/***/ },
|
||||
/* 442 */
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
@@ -48737,7 +48741,7 @@
|
||||
text = render(text, record, index) || {};
|
||||
tdProps = text.props || {};
|
||||
|
||||
if (!_react2['default'].isValidElement(text)) {
|
||||
if (!_react2['default'].isValidElement(text) && 'children' in text) {
|
||||
text = text.children;
|
||||
}
|
||||
rowSpan = tdProps.rowSpan;
|
||||
@@ -54371,6 +54375,17 @@
|
||||
|
||||
return rect.left;
|
||||
}
|
||||
}, {
|
||||
key: 'getPrecision',
|
||||
value: function getPrecision() {
|
||||
var props = this.props;
|
||||
var stepString = props.step.toString();
|
||||
var precision = 0;
|
||||
if (stepString.indexOf('.') >= 0) {
|
||||
precision = stepString.length - stepString.indexOf('.') - 1;
|
||||
}
|
||||
return precision;
|
||||
}
|
||||
}, {
|
||||
key: 'trimAlignValue',
|
||||
value: function trimAlignValue(v) {
|
||||
@@ -54409,7 +54424,7 @@
|
||||
});
|
||||
var closestPoint = points[diffs.indexOf(Math.min.apply(Math, diffs))];
|
||||
|
||||
return closestPoint;
|
||||
return step !== null ? parseFloat(closestPoint.toFixed(this.getPrecision())) : closestPoint;
|
||||
}
|
||||
}, {
|
||||
key: 'calcOffset',
|
||||
@@ -58607,7 +58622,7 @@
|
||||
f.status = 'uploading';
|
||||
return f;
|
||||
});
|
||||
nextFileList = nextFileList.concat(file);
|
||||
nextFileList = nextFileList.concat(targetItem);
|
||||
} else {
|
||||
targetItem = fileToObject(file);
|
||||
targetItem.status = 'uploading';
|
||||
@@ -63628,7 +63643,7 @@
|
||||
"rc-queue-anim": "~0.11.2",
|
||||
"rc-radio": "~2.0.0",
|
||||
"rc-select": "~5.1.2",
|
||||
"rc-slider": "~3.1.0",
|
||||
"rc-slider": "~3.1.2",
|
||||
"rc-steps": "~1.4.1",
|
||||
"rc-switch": "~1.3.1",
|
||||
"rc-table": "~3.6.1",
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
@@ -52,7 +52,7 @@
|
||||
"rc-queue-anim": "~0.11.2",
|
||||
"rc-radio": "~2.0.0",
|
||||
"rc-select": "~5.1.2",
|
||||
"rc-slider": "~3.1.0",
|
||||
"rc-slider": "~3.1.2",
|
||||
"rc-steps": "~1.4.1",
|
||||
"rc-switch": "~1.3.1",
|
||||
"rc-table": "~3.6.1",
|
||||
|
||||
@@ -214,7 +214,7 @@
|
||||
margin-top: -6px;
|
||||
.ant-dropdown-menu-item {
|
||||
overflow: hidden;
|
||||
padding: 7px 8px;
|
||||
padding: 7px 24px 8px 7px;
|
||||
&.ant-dropdown-menu-item-selected {
|
||||
.selected_icon();
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user