@sheinoutmobile/shineoutmobile 1.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of @sheinoutmobile/shineoutmobile might be problematic. Click here for more details.
- package/.eslintignore +20 -0
- package/.eslintrc +8 -0
- package/.gitlab-ci.yml +53 -0
- package/.yarnrc +1 -0
- package/CHANGELOG.md +8 -0
- package/README.md +14 -0
- package/build.config.js +6 -0
- package/doc.config.js +16 -0
- package/lib/index.esm.js +5414 -0
- package/lib/index.esm.js.map +1 -0
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -0
- package/package.json +47 -0
- package/src/component/button/button.jsx +83 -0
- package/src/component/button/index.jsx +3 -0
- package/src/component/button/style.less +132 -0
- package/src/component/cell/cell.jsx +71 -0
- package/src/component/cell/index.jsx +3 -0
- package/src/component/cell/style.less +86 -0
- package/src/component/cell-group/cell-group.jsx +26 -0
- package/src/component/cell-group/index.jsx +3 -0
- package/src/component/cell-group/style.less +22 -0
- package/src/component/checkbox/checkbox.jsx +92 -0
- package/src/component/checkbox/index.js +3 -0
- package/src/component/checkbox/kind/checkbox-button.jsx +41 -0
- package/src/component/checkbox/style.less +49 -0
- package/src/component/dialog/dialog.jsx +58 -0
- package/src/component/dialog/index.js +3 -0
- package/src/component/dialog/kind/dialog-alert.jsx +22 -0
- package/src/component/dialog/kind/dialog-confirm.jsx +54 -0
- package/src/component/dialog/style.less +80 -0
- package/src/component/drawer/drawer.jsx +151 -0
- package/src/component/drawer/index.jsx +3 -0
- package/src/component/drawer/js/tools.js +1 -0
- package/src/component/drawer/style.less +17 -0
- package/src/component/field/field.jsx +49 -0
- package/src/component/field/index.js +3 -0
- package/src/component/icon/icon.jsx +55 -0
- package/src/component/icon/index.jsx +19 -0
- package/src/component/icon/style.less +9 -0
- package/src/component/icons/index.js +3 -0
- package/src/component/icons/mrp.js +3 -0
- package/src/component/image-previewer/image-previewer.jsx +54 -0
- package/src/component/image-previewer/index.js +3 -0
- package/src/component/index-sort-list/group.jsx +49 -0
- package/src/component/index-sort-list/index-bar.jsx +34 -0
- package/src/component/index-sort-list/index.js +3 -0
- package/src/component/index-sort-list/js/rules.js +14 -0
- package/src/component/index-sort-list/js/sort-rule.js +41 -0
- package/src/component/index-sort-list/list.jsx +110 -0
- package/src/component/index-sort-list/style.less +109 -0
- package/src/component/input/index.js +3 -0
- package/src/component/input/input.jsx +285 -0
- package/src/component/input/style.less +77 -0
- package/src/component/list-view/index.js +3 -0
- package/src/component/list-view/jsx/empty.jsx +23 -0
- package/src/component/list-view/list-view.jsx +165 -0
- package/src/component/list-view/style.less +79 -0
- package/src/component/loading/index.js +3 -0
- package/src/component/loading/loading.jsx +97 -0
- package/src/component/loading/styles.less +128 -0
- package/src/component/multiple-selector/index.jsx +3 -0
- package/src/component/multiple-selector/item.jsx +23 -0
- package/src/component/multiple-selector/multiple-selector.jsx +116 -0
- package/src/component/multiple-selector/selector.jsx +41 -0
- package/src/component/multiple-selector/style.less +78 -0
- package/src/component/notice-bar/index.jsx +3 -0
- package/src/component/notice-bar/notice-bar.jsx +86 -0
- package/src/component/notice-bar/style.less +72 -0
- package/src/component/notify/index.js +37 -0
- package/src/component/notify/notify.jsx +125 -0
- package/src/component/notify/style.less +48 -0
- package/src/component/picker/drawPicker.jsx +110 -0
- package/src/component/picker/index.js +3 -0
- package/src/component/picker/picker.jsx +380 -0
- package/src/component/picker/pickerItem.jsx +31 -0
- package/src/component/picker/style.less +80 -0
- package/src/component/pull-refresh/index.js +3 -0
- package/src/component/pull-refresh/pull-refresh.jsx +46 -0
- package/src/component/search-bar/index.jsx +3 -0
- package/src/component/search-bar/search-bar.jsx +97 -0
- package/src/component/search-bar/style.less +52 -0
- package/src/component/sign/index.jsx +3 -0
- package/src/component/sign/sign.jsx +33 -0
- package/src/component/sign/style.less +56 -0
- package/src/component/sort-item/index.jsx +3 -0
- package/src/component/sort-item/sort-item.jsx +52 -0
- package/src/component/sort-item/style.less +52 -0
- package/src/component/subscript/index.js +3 -0
- package/src/component/subscript/style.less +63 -0
- package/src/component/subscript/subscript.jsx +77 -0
- package/src/component/tab/index.jsx +6 -0
- package/src/component/tab/nav-child.jsx +63 -0
- package/src/component/tab/panel.jsx +22 -0
- package/src/component/tab/style.less +87 -0
- package/src/component/tab/tab.jsx +195 -0
- package/src/component/tag/index.jsx +3 -0
- package/src/component/tag/style.less +56 -0
- package/src/component/tag/tag.jsx +52 -0
- package/src/component/toast/content.jsx +31 -0
- package/src/component/toast/index.js +3 -0
- package/src/component/toast/style.less +50 -0
- package/src/component/toast/toast.jsx +62 -0
- package/src/component/touchable/index.js +3 -0
- package/src/component/touchable/style.less +33 -0
- package/src/component/touchable/touchable.jsx +43 -0
- package/src/component/uploader/index.jsx +445 -0
- package/src/component/uploader/js/get-image-base64.js +31 -0
- package/src/component/uploader/js/get-image-detail.js +26 -0
- package/src/component/uploader/js/index.js +77 -0
- package/src/component/uploader/js/merge-class-name.js +14 -0
- package/src/component/uploader/js/old-compress-function.js +64 -0
- package/src/component/uploader/js/request.js +62 -0
- package/src/component/uploader/js/tools.js +115 -0
- package/src/component/uploader/jsx/config.jsx +36 -0
- package/src/component/uploader/jsx/img-preview.jsx +41 -0
- package/src/component/uploader/jsx/thumbnails.jsx +27 -0
- package/src/component/uploader/styles/index.less +158 -0
- package/src/index.js +1 -0
- package/src/index.jsx +64 -0
- package/src/styles/color.less +51 -0
- package/src/styles/font.less +14 -0
- package/src/styles/format-theme.less +27 -0
- package/src/styles/index.less +26 -0
- package/src/styles/spacing.less +3 -0
- package/src/styles/var.less +3 -0
- package/src/tools/create-body-container.js +47 -0
- package/src/tools/limit-body-scroll.js +17 -0
- package/src/tools/limit-document-scroll.js +12 -0
- package/src/tools/merge-class-name.js +14 -0
- package/src/tools/object-key-check.js +3 -0
- package/src/tools/pinyin.js +6 -0
- package/src/tools/proptypes.js +51 -0
- package/src/tools/style.less +14 -0
- package/test/cases/case-button01.assert.js +6 -0
- package/test/cases/case-button01.source.jsx +28 -0
- package/test/cases/case-checkbox01.assert.js +6 -0
- package/test/cases/case-checkbox01.source.jsx +20 -0
- package/test/cases/case-dialog01.assert.js +6 -0
- package/test/cases/case-dialog01.source.jsx +45 -0
- package/test/cases/case-drawer01.assert.js +6 -0
- package/test/cases/case-drawer01.source.jsx +85 -0
- package/test/cases/case-icons01.assert.js +6 -0
- package/test/cases/case-icons01.source.jsx +25 -0
- package/test/cases/case-indexSortList01.assert.js +6 -0
- package/test/cases/case-indexSortList01.source.jsx +74 -0
- package/test/cases/case-input01.assert.js +6 -0
- package/test/cases/case-input01.source.jsx +24 -0
- package/test/cases/case-listView01.assert.js +6 -0
- package/test/cases/case-listView01.source.jsx +64 -0
- package/test/cases/case-multiplePicker01.assert.js +6 -0
- package/test/cases/case-multiplePicker01.source.jsx +60 -0
- package/test/cases/case-multipleSelector01.assert.js +6 -0
- package/test/cases/case-multipleSelector01.source.jsx +49 -0
- package/test/cases/case-noticebar01.assert.js +6 -0
- package/test/cases/case-noticebar01.source.jsx +21 -0
- package/test/cases/case-picker01.assert.js +6 -0
- package/test/cases/case-picker01.source.jsx +61 -0
- package/test/cases/case-refresh01.assert.js +6 -0
- package/test/cases/case-refresh01.source.jsx +33 -0
- package/test/cases/case-sign01.assert.js +6 -0
- package/test/cases/case-sign01.source.jsx +21 -0
- package/test/cases/case-subscript01.assert.js +6 -0
- package/test/cases/case-subscript01.source.jsx +30 -0
- package/test/cases/case-tab01.assert.js +6 -0
- package/test/cases/case-tab01.source.jsx +51 -0
- package/test/cases/case-toast01.assert.js +6 -0
- package/test/cases/case-toast01.source.jsx +32 -0
- package/test/cases/case-uploader01.assert.js +6 -0
- package/test/cases/case-uploader01.source.jsx +45 -0
- package/test.config.js +25 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 测试用例
|
|
3
|
+
*
|
|
4
|
+
* @title Tab
|
|
5
|
+
* @desc
|
|
6
|
+
* tab的子元素只能是panel
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import { Tab } from '../../src/index';
|
|
11
|
+
|
|
12
|
+
const { Panel } = Tab;
|
|
13
|
+
|
|
14
|
+
// doc
|
|
15
|
+
class TestTab extends React.Component{
|
|
16
|
+
constructor(props) {
|
|
17
|
+
super(props);
|
|
18
|
+
this.state = { number: 20 };
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return (
|
|
22
|
+
<div>
|
|
23
|
+
<Tab
|
|
24
|
+
defaultActive={2}
|
|
25
|
+
// active="orange"
|
|
26
|
+
onChange={key => {
|
|
27
|
+
console.log(key);
|
|
28
|
+
this.setState({ number: this.state.number + 1 });
|
|
29
|
+
}}
|
|
30
|
+
contentStyle={{ textAlign: 'center' }}
|
|
31
|
+
>
|
|
32
|
+
<Panel name={1} tab="apple">
|
|
33
|
+
<span style={{ color: 'red' }}>红苹果</span>
|
|
34
|
+
<br />
|
|
35
|
+
<span style={{ color: 'green' }}>青苹果</span>
|
|
36
|
+
</Panel>
|
|
37
|
+
<Panel name={2} tab={<div>banana({this.state.number})</div>}>香蕉</Panel>
|
|
38
|
+
<Panel name={3} tab="orange">橙子</Panel>
|
|
39
|
+
</Tab>
|
|
40
|
+
<br />
|
|
41
|
+
<p>自适应宽度</p>
|
|
42
|
+
<Tab autoWidth>
|
|
43
|
+
<Panel name={1} tab="peach-peach-peach-peach">水蜜桃</Panel>
|
|
44
|
+
<Panel name={2} tab="pineapple-pineapple-pineapple">菠萝</Panel>
|
|
45
|
+
<Panel name={3} tab="strawberry-strawberry-strawberry">榴莲</Panel>
|
|
46
|
+
</Tab>
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
export default <TestTab />;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 测试用例
|
|
3
|
+
*
|
|
4
|
+
* @title Toast
|
|
5
|
+
* @desc
|
|
6
|
+
* tab的子元素只能是panel
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import { Toast, Button } from '../../src/index';
|
|
11
|
+
|
|
12
|
+
// doc
|
|
13
|
+
export default (
|
|
14
|
+
<div>
|
|
15
|
+
<Button onClick={() => Toast.info('hello word')}>纯文字</Button>
|
|
16
|
+
<Button type="success" onClick={() => Toast.success('看见蟑螂我不怕不怕拉')}>成功提示</Button>
|
|
17
|
+
<Button type="danger" onClick={() => Toast.fail('与其感慨路难行,不如马上出发')}>失败提示</Button>
|
|
18
|
+
<br />
|
|
19
|
+
<Button type="primary" onClick={() => Toast.loading('与其感慨路难行,不如马上出发')}>loading提示</Button>
|
|
20
|
+
<Button type="primary" onClick={() => Toast.loading('看见蟑螂我不怕不怕拉', 4)}>延迟4s</Button>
|
|
21
|
+
<Button
|
|
22
|
+
type="danger"
|
|
23
|
+
onClick={() => {
|
|
24
|
+
Toast.info('first');
|
|
25
|
+
Toast.info(2);
|
|
26
|
+
Toast.info('三');
|
|
27
|
+
}}
|
|
28
|
+
>
|
|
29
|
+
连续3条
|
|
30
|
+
</Button>
|
|
31
|
+
</div>
|
|
32
|
+
);
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 测试用例
|
|
3
|
+
*
|
|
4
|
+
* @title Uploader
|
|
5
|
+
* @desc
|
|
6
|
+
* 没有传任何参数。
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import React from 'react'
|
|
10
|
+
import { Uploader, Button } from '../../src/index'
|
|
11
|
+
|
|
12
|
+
// doc
|
|
13
|
+
|
|
14
|
+
const getImageBase64List = Uploader.getImageBase64List;// 把file转化成base64
|
|
15
|
+
|
|
16
|
+
export default (
|
|
17
|
+
<div>
|
|
18
|
+
<Uploader
|
|
19
|
+
onChange={(files) => {
|
|
20
|
+
console.log(files);
|
|
21
|
+
}}
|
|
22
|
+
/>
|
|
23
|
+
<Uploader
|
|
24
|
+
accept="image/*"
|
|
25
|
+
imageCompression={{ maxSize: 1, width: 200 }}
|
|
26
|
+
limit={3}
|
|
27
|
+
onChange={(files) => {
|
|
28
|
+
console.log(files);
|
|
29
|
+
getImageBase64List(files).then(result => {
|
|
30
|
+
console.log(result)
|
|
31
|
+
});
|
|
32
|
+
}}
|
|
33
|
+
/>
|
|
34
|
+
<br />
|
|
35
|
+
<Uploader
|
|
36
|
+
accept="image/*"
|
|
37
|
+
limit={5}
|
|
38
|
+
onChange={(files) => {
|
|
39
|
+
console.log(files);
|
|
40
|
+
}}
|
|
41
|
+
>
|
|
42
|
+
<Button>外部引入方式</Button>
|
|
43
|
+
</Uploader>
|
|
44
|
+
</div>
|
|
45
|
+
)
|
package/test.config.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
// 动态创建测试文件的配置项
|
|
4
|
+
export default {
|
|
5
|
+
rootDir: path.resolve(__dirname, 'test'),
|
|
6
|
+
samples: [
|
|
7
|
+
'icons01',
|
|
8
|
+
'button01',
|
|
9
|
+
'checkbox01',
|
|
10
|
+
'input01',
|
|
11
|
+
'noticebar01',
|
|
12
|
+
'sign01',
|
|
13
|
+
'subscript01',
|
|
14
|
+
'tab01',
|
|
15
|
+
'drawer01',
|
|
16
|
+
'multipleSelector01',
|
|
17
|
+
'toast01',
|
|
18
|
+
'dialog01',
|
|
19
|
+
'indexSortList01',
|
|
20
|
+
'listView01',
|
|
21
|
+
'picker01',
|
|
22
|
+
'multiplePicker01',
|
|
23
|
+
'uploader01',
|
|
24
|
+
], // 使用指定的 case 作为文档中的示例代码
|
|
25
|
+
};
|