@cloudbase/weda-ui 0.2.10 → 0.2.14
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.
- package/CHANGELOG.md +240 -0
- package/package.json +61 -40
- package/src/.DS_Store +0 -0
- package/src/configs/.DS_Store +0 -0
- package/src/configs/components/button.json +7 -3
- package/src/configs/components/form/richText.json +1 -1
- package/src/configs/components/form/uploader.json +29 -1
- package/src/configs/components/form/uploaderFile.json +158 -0
- package/src/configs/components/image.json +12 -3
- package/src/configs/components/link.json +3 -3
- package/src/configs/components/richtextview.json +2 -2
- package/src/configs/components/scrollVeiw.json +5 -5
- package/src/configs/components/swiper.json +6 -6
- package/src/configs/components/tabs.json +3 -3
- package/src/configs/components/text.json +39 -4
- package/src/configs/index.js +5 -3
- package/src/mp/.gitignore +10 -0
- package/src/mp/components/button/index.js +1 -0
- package/src/mp/components/button/index.wxss +8 -0
- package/src/mp/components/form/select/index.js +18 -0
- package/src/mp/components/form/uploader/index.js +26 -29
- package/src/mp/components/form/uploaderFile/index.js +233 -0
- package/src/mp/components/form/uploaderFile/index.json +9 -0
- package/src/mp/components/form/uploaderFile/index.wxml +46 -0
- package/src/mp/components/form/uploaderFile/index.wxss +105 -0
- package/src/mp/components/text/index.js +33 -0
- package/src/mp/components/text/index.wxml +1 -1
- package/src/mp/components/text/index.wxss +18 -0
- package/src/mp/index.json +1 -0
- package/src/mp/utils/platform.js +20 -0
- package/src/mp/utils/tcb.js +11 -0
- package/src/web/.DS_Store +0 -0
- package/src/web/actions/showModal/{index.jsx → index.tsx} +53 -3
- package/src/web/components/auth/index.js +2 -2
- package/src/web/components/button/index.css +9 -0
- package/src/web/components/button/{index.jsx → index.tsx} +27 -41
- package/src/web/components/container/{index.jsx → index.tsx} +6 -10
- package/src/web/components/drawer/index.tsx +57 -0
- package/src/web/components/form/checkbox/{index.jsx → index.tsx} +24 -48
- package/src/web/components/form/enumSelect/MultipleSelect.jsx +1 -6
- package/src/web/components/form/enumSelect/{NormalSelect.jsx → NormalSelect.tsx} +3 -14
- package/src/web/components/form/form/index.tsx +48 -0
- package/src/web/components/form/formcell/{index.jsx → index.tsx} +6 -13
- package/src/web/components/form/input/index.css +39 -0
- package/src/web/components/form/input/{index.jsx → index.tsx} +33 -67
- package/src/web/components/form/radio/{index.jsx → index.tsx} +19 -42
- package/src/web/components/form/{renderDecorator.jsx → renderDecorator.tsx} +1 -3
- package/src/web/components/form/select/{h5.jsx → h5.tsx} +18 -62
- package/src/web/components/form/select/{index.jsx → index.tsx} +51 -94
- package/src/web/components/form/select/region/{cities.js → cities.ts} +1 -1
- package/src/web/components/form/select/region/{index.js → index.ts} +3 -3
- package/src/web/components/form/select/region/{provinces.js → provinces.ts} +1 -1
- package/src/web/components/form/select/region/{regions.js → regions.ts} +1 -1
- package/src/web/components/form/select/time.jsx +2 -2
- package/src/web/components/form/switch/{index.jsx → index.tsx} +30 -47
- package/src/web/components/form/textarea/{index.jsx → index.tsx} +22 -55
- package/src/web/components/form/tips/{index.jsx → index.tsx} +8 -22
- package/src/web/components/form/types.d.ts +12 -0
- package/src/web/components/form/uploader/{index.jsx → index.tsx} +16 -14
- package/src/web/components/form/uploader/{uploader.h5.jsx → uploader.h5.tsx} +67 -57
- package/src/web/components/form/uploader/{uploader.pc.jsx → uploader.pc.tsx} +26 -43
- package/src/web/components/form/uploaderFile/fail.svg +12 -0
- package/src/web/components/form/uploaderFile/index.css +423 -0
- package/src/web/components/form/uploaderFile/index.jsx +30 -0
- package/src/web/components/form/uploaderFile/pending.svg +18 -0
- package/src/web/components/form/uploaderFile/success.svg +12 -0
- package/src/web/components/form/uploaderFile/uploadFile.h5.tsx +578 -0
- package/src/web/components/form/uploaderFile/uploadFile.pc.tsx +507 -0
- package/src/web/components/image/{image.jsx → image.tsx} +8 -21
- package/src/web/components/image/{index.jsx → index.tsx} +22 -37
- package/src/web/components/index.js +36 -1
- package/src/web/components/link/{index.jsx → index.tsx} +19 -36
- package/src/web/components/modal/{index.jsx → index.tsx} +22 -9
- package/src/web/components/picker/{datePicker.jsx → datePicker.tsx} +11 -12
- package/src/web/components/picker/{picker.jsx → picker.tsx} +7 -10
- package/src/web/components/picker/{timePicker.jsx → timePicker.tsx} +8 -16
- package/src/web/components/richText/{const.js → const.ts} +0 -0
- package/src/web/components/richText/index.jsx +5 -2
- package/src/web/components/richTextView/index.tsx +67 -0
- package/src/web/components/scrollView/{index.jsx → index.tsx} +18 -33
- package/src/web/components/slot/{index.jsx → index.tsx} +8 -9
- package/src/web/components/swiper/index.css +1 -1
- package/src/web/components/swiper/{index.jsx → index.tsx} +73 -78
- package/src/web/components/tabs/index.tsx +33 -0
- package/src/web/components/tabs/{tabs.h5.jsx → tabs.h5.tsx} +4 -33
- package/src/web/components/tabs/{tabs.pc.jsx → tabs.pc.tsx} +5 -39
- package/src/web/components/text/index.css +18 -0
- package/src/web/components/text/index.tsx +69 -0
- package/src/web/components/uploaderFileView/index.css +11 -0
- package/src/web/components/uploaderFileView/index.jsx +75 -0
- package/src/web/components/uploaderView/{index.jsx → index.tsx} +12 -15
- package/src/web/types.d.ts +20 -0
- package/src/web/utils/constant.js +2 -0
- package/src/web/utils/loading-fallback.tsx +2 -0
- package/src/web/utils/platform.js +77 -6
- package/src/web/utils/tcb.js +0 -8
- package/src/web/utils/useSetState.ts +14 -0
- package/src/web/utils/useSyncValue.ts +17 -0
- package/src/web/wedatheme/.git +1 -0
- package/src/web/wedatheme/.gitignore +5 -0
- package/src/web/wedatheme/.npmrc +1 -0
- package/src/web/wedatheme/package-lock.json +14335 -0
- package/src/configs/components/button.svg +0 -18
- package/src/web/components/drawer/index.jsx +0 -64
- package/src/web/components/form/enumSelect/hooks/index.js +0 -49
- package/src/web/components/form/form/index.jsx +0 -76
- package/src/web/components/link/test/__snapshots__/storybook.test.js.snap +0 -754
- package/src/web/components/richTextView/index.jsx +0 -89
- package/src/web/components/tabs/index.jsx +0 -10
- package/src/web/components/text/index.jsx +0 -71
- package/src/web/utils/useSyncValue.js +0 -14
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
-
<!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
|
|
4
|
-
<title>Button按钮组件。</title>
|
|
5
|
-
<desc>Created with Sketch.</desc>
|
|
6
|
-
<g id="Button按钮组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
7
|
-
<g id="按钮/正常态" transform="translate(5.000000, 35.000000)">
|
|
8
|
-
<g id="2">
|
|
9
|
-
<g>
|
|
10
|
-
<rect id="矩形" fill="#1D7FFD" x="0" y="0" width="90" height="30" rx="1.5"></rect>
|
|
11
|
-
<text id="按钮" font-family="PingFangSC-Medium, PingFang SC" font-size="15" font-weight="400" fill="#FFFFFF">
|
|
12
|
-
<tspan x="30" y="20">按钮</tspan>
|
|
13
|
-
</text>
|
|
14
|
-
</g>
|
|
15
|
-
</g>
|
|
16
|
-
</g>
|
|
17
|
-
</g>
|
|
18
|
-
</svg>
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { Drawer } from 'tea-component';
|
|
4
|
-
|
|
5
|
-
const TeaDrawer = ({
|
|
6
|
-
size,
|
|
7
|
-
title,
|
|
8
|
-
style,
|
|
9
|
-
events,
|
|
10
|
-
visible,
|
|
11
|
-
subtitle,
|
|
12
|
-
showMask,
|
|
13
|
-
className,
|
|
14
|
-
placement,
|
|
15
|
-
extraSlot,
|
|
16
|
-
footerSlot,
|
|
17
|
-
childrenSlot,
|
|
18
|
-
disableCloseIcon,
|
|
19
|
-
outerClickClosable,
|
|
20
|
-
}) => {
|
|
21
|
-
const eventsList = {
|
|
22
|
-
onClose: () => events?.onClose && events.onClose({}),
|
|
23
|
-
onExited: () => events?.onExited && events.onExited({}),
|
|
24
|
-
};
|
|
25
|
-
return (
|
|
26
|
-
<Drawer
|
|
27
|
-
size={size}
|
|
28
|
-
title={title}
|
|
29
|
-
style={style}
|
|
30
|
-
visible={visible}
|
|
31
|
-
extra={extraSlot}
|
|
32
|
-
footer={footerSlot}
|
|
33
|
-
subtitle={subtitle}
|
|
34
|
-
showMask={showMask}
|
|
35
|
-
className={className}
|
|
36
|
-
placement={placement}
|
|
37
|
-
disableCloseIcon={disableCloseIcon}
|
|
38
|
-
outerClickClosable={outerClickClosable}
|
|
39
|
-
{...eventsList}
|
|
40
|
-
>
|
|
41
|
-
{childrenSlot}
|
|
42
|
-
</Drawer>
|
|
43
|
-
);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
TeaDrawer.propTypes = {
|
|
47
|
-
style: PropTypes.object,
|
|
48
|
-
visible: PropTypes.bool,
|
|
49
|
-
title: PropTypes.string,
|
|
50
|
-
showMask: PropTypes.bool,
|
|
51
|
-
extraSlot: PropTypes.node,
|
|
52
|
-
subtitle: PropTypes.string,
|
|
53
|
-
footerSlot: PropTypes.node,
|
|
54
|
-
className: PropTypes.string,
|
|
55
|
-
childrenSlot: PropTypes.node,
|
|
56
|
-
disableCloseIcon: PropTypes.bool,
|
|
57
|
-
size: PropTypes.oneOf(['m', 'l']),
|
|
58
|
-
outerClickClosable: PropTypes.bool,
|
|
59
|
-
events: PropTypes.objectOf(PropTypes.func),
|
|
60
|
-
placement: PropTypes.oneOf(['right', 'left']),
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export default TeaDrawer;
|
|
64
|
-
export { TeaDrawer };
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { useEffect, useState } from 'react';
|
|
2
|
-
import { getDescribeGeneralOptionsDetailList } from '../../../../utils/tcb';
|
|
3
|
-
|
|
4
|
-
const GENERAL_OPTION = 'general-option';
|
|
5
|
-
const CUSTOM = 'custom';
|
|
6
|
-
|
|
7
|
-
const handleOptionsDetailList = (response) => {
|
|
8
|
-
const config = response?.Data?.Config ?? '[]';
|
|
9
|
-
return JSON.parse(config)?.map((item) => ({
|
|
10
|
-
value: item?.key,
|
|
11
|
-
text: item?.value,
|
|
12
|
-
}));
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default function useOptions({ enumType, optionId, customEnum }) {
|
|
16
|
-
const [options, setOptions] = useState([]);
|
|
17
|
-
const isCustom = enumType === CUSTOM;
|
|
18
|
-
const isGeneralOption = enumType === GENERAL_OPTION;
|
|
19
|
-
|
|
20
|
-
const getOptionsDetailList = async (optionId) => {
|
|
21
|
-
try {
|
|
22
|
-
const response = await getDescribeGeneralOptionsDetailList({
|
|
23
|
-
methodName: 'callDesignApi',
|
|
24
|
-
params: {
|
|
25
|
-
action: 'DescribeGeneralOptionsDetail',
|
|
26
|
-
data: {
|
|
27
|
-
Id: optionId,
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
});
|
|
31
|
-
const options = handleOptionsDetailList(response);
|
|
32
|
-
setOptions(options);
|
|
33
|
-
} catch (error) {
|
|
34
|
-
setOptions([]);
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
if (optionId && isGeneralOption) {
|
|
40
|
-
getOptionsDetailList(optionId);
|
|
41
|
-
}
|
|
42
|
-
}, [optionId, isGeneralOption]);
|
|
43
|
-
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
setOptions(customEnum);
|
|
46
|
-
}, [isCustom]);
|
|
47
|
-
|
|
48
|
-
return options;
|
|
49
|
-
}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
import classNames from '../../../utils/classnames';
|
|
5
|
-
import './index.css';
|
|
6
|
-
import {ConfigProvider, Form as TeaForm} from 'tea-component';
|
|
7
|
-
import { usePlatform } from '../../../utils/platform';
|
|
8
|
-
|
|
9
|
-
export default function Form({
|
|
10
|
-
// 系统属性
|
|
11
|
-
className,
|
|
12
|
-
// 组件属性
|
|
13
|
-
// title,
|
|
14
|
-
// description,
|
|
15
|
-
// tips,
|
|
16
|
-
contentSlot,
|
|
17
|
-
// buttonSlot,
|
|
18
|
-
style,
|
|
19
|
-
id,
|
|
20
|
-
}) {
|
|
21
|
-
const platform = usePlatform();
|
|
22
|
-
const cls = classNames({
|
|
23
|
-
'weda-ui': true,
|
|
24
|
-
'weda-form': true,
|
|
25
|
-
'weui-form': platform === 'h5',
|
|
26
|
-
[className]: className,
|
|
27
|
-
});
|
|
28
|
-
if(platform === 'pc') {
|
|
29
|
-
return (
|
|
30
|
-
<ConfigProvider classPrefix="wedatea2td">
|
|
31
|
-
<TeaForm className={cls} style={style} id={id}>
|
|
32
|
-
{contentSlot}
|
|
33
|
-
</TeaForm>
|
|
34
|
-
</ConfigProvider>
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
return (
|
|
38
|
-
<div className={cls} style={style} id={id}>
|
|
39
|
-
{/* <div className="weui-form__text-area">
|
|
40
|
-
{title ? <h2 className="weui-form__title">{title}</h2> : null}
|
|
41
|
-
{description ? (
|
|
42
|
-
<div className="weui-form__desc">{description}</div>
|
|
43
|
-
) : null}
|
|
44
|
-
</div> */}
|
|
45
|
-
{/* <div className="weui-form__control-area"> */}
|
|
46
|
-
<div className="weui-cells__group weui-cells__group_form">
|
|
47
|
-
{contentSlot}
|
|
48
|
-
</div>
|
|
49
|
-
{/* </div> */}
|
|
50
|
-
{/* <div className="weui-form__tips-area">
|
|
51
|
-
<p className="weui-form__tips">{tips}</p>
|
|
52
|
-
</div> */}
|
|
53
|
-
{/* <div className="weui-form__opr-area">{buttonSlot}</div> */}
|
|
54
|
-
</div>
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
Form.propTypes = {
|
|
59
|
-
// 系统属性
|
|
60
|
-
className: PropTypes.string,
|
|
61
|
-
events: PropTypes.object,
|
|
62
|
-
// 组件属性
|
|
63
|
-
// title: PropTypes.string,
|
|
64
|
-
// description: PropTypes.string,
|
|
65
|
-
// tips: PropTypes.string,
|
|
66
|
-
contentSlot: PropTypes.any,
|
|
67
|
-
id: PropTypes.string,
|
|
68
|
-
style: PropTypes.object,
|
|
69
|
-
// buttonSlot: PropTypes.any,
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
Form.defaultProps = {
|
|
73
|
-
// title: '表单标题',
|
|
74
|
-
// description:
|
|
75
|
-
// '展示表单页面的信息结构样式, 分别由头部区域、控件区域和操作区域组成。',
|
|
76
|
-
};
|