@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.
Files changed (111) hide show
  1. package/CHANGELOG.md +240 -0
  2. package/package.json +61 -40
  3. package/src/.DS_Store +0 -0
  4. package/src/configs/.DS_Store +0 -0
  5. package/src/configs/components/button.json +7 -3
  6. package/src/configs/components/form/richText.json +1 -1
  7. package/src/configs/components/form/uploader.json +29 -1
  8. package/src/configs/components/form/uploaderFile.json +158 -0
  9. package/src/configs/components/image.json +12 -3
  10. package/src/configs/components/link.json +3 -3
  11. package/src/configs/components/richtextview.json +2 -2
  12. package/src/configs/components/scrollVeiw.json +5 -5
  13. package/src/configs/components/swiper.json +6 -6
  14. package/src/configs/components/tabs.json +3 -3
  15. package/src/configs/components/text.json +39 -4
  16. package/src/configs/index.js +5 -3
  17. package/src/mp/.gitignore +10 -0
  18. package/src/mp/components/button/index.js +1 -0
  19. package/src/mp/components/button/index.wxss +8 -0
  20. package/src/mp/components/form/select/index.js +18 -0
  21. package/src/mp/components/form/uploader/index.js +26 -29
  22. package/src/mp/components/form/uploaderFile/index.js +233 -0
  23. package/src/mp/components/form/uploaderFile/index.json +9 -0
  24. package/src/mp/components/form/uploaderFile/index.wxml +46 -0
  25. package/src/mp/components/form/uploaderFile/index.wxss +105 -0
  26. package/src/mp/components/text/index.js +33 -0
  27. package/src/mp/components/text/index.wxml +1 -1
  28. package/src/mp/components/text/index.wxss +18 -0
  29. package/src/mp/index.json +1 -0
  30. package/src/mp/utils/platform.js +20 -0
  31. package/src/mp/utils/tcb.js +11 -0
  32. package/src/web/.DS_Store +0 -0
  33. package/src/web/actions/showModal/{index.jsx → index.tsx} +53 -3
  34. package/src/web/components/auth/index.js +2 -2
  35. package/src/web/components/button/index.css +9 -0
  36. package/src/web/components/button/{index.jsx → index.tsx} +27 -41
  37. package/src/web/components/container/{index.jsx → index.tsx} +6 -10
  38. package/src/web/components/drawer/index.tsx +57 -0
  39. package/src/web/components/form/checkbox/{index.jsx → index.tsx} +24 -48
  40. package/src/web/components/form/enumSelect/MultipleSelect.jsx +1 -6
  41. package/src/web/components/form/enumSelect/{NormalSelect.jsx → NormalSelect.tsx} +3 -14
  42. package/src/web/components/form/form/index.tsx +48 -0
  43. package/src/web/components/form/formcell/{index.jsx → index.tsx} +6 -13
  44. package/src/web/components/form/input/index.css +39 -0
  45. package/src/web/components/form/input/{index.jsx → index.tsx} +33 -67
  46. package/src/web/components/form/radio/{index.jsx → index.tsx} +19 -42
  47. package/src/web/components/form/{renderDecorator.jsx → renderDecorator.tsx} +1 -3
  48. package/src/web/components/form/select/{h5.jsx → h5.tsx} +18 -62
  49. package/src/web/components/form/select/{index.jsx → index.tsx} +51 -94
  50. package/src/web/components/form/select/region/{cities.js → cities.ts} +1 -1
  51. package/src/web/components/form/select/region/{index.js → index.ts} +3 -3
  52. package/src/web/components/form/select/region/{provinces.js → provinces.ts} +1 -1
  53. package/src/web/components/form/select/region/{regions.js → regions.ts} +1 -1
  54. package/src/web/components/form/select/time.jsx +2 -2
  55. package/src/web/components/form/switch/{index.jsx → index.tsx} +30 -47
  56. package/src/web/components/form/textarea/{index.jsx → index.tsx} +22 -55
  57. package/src/web/components/form/tips/{index.jsx → index.tsx} +8 -22
  58. package/src/web/components/form/types.d.ts +12 -0
  59. package/src/web/components/form/uploader/{index.jsx → index.tsx} +16 -14
  60. package/src/web/components/form/uploader/{uploader.h5.jsx → uploader.h5.tsx} +67 -57
  61. package/src/web/components/form/uploader/{uploader.pc.jsx → uploader.pc.tsx} +26 -43
  62. package/src/web/components/form/uploaderFile/fail.svg +12 -0
  63. package/src/web/components/form/uploaderFile/index.css +423 -0
  64. package/src/web/components/form/uploaderFile/index.jsx +30 -0
  65. package/src/web/components/form/uploaderFile/pending.svg +18 -0
  66. package/src/web/components/form/uploaderFile/success.svg +12 -0
  67. package/src/web/components/form/uploaderFile/uploadFile.h5.tsx +578 -0
  68. package/src/web/components/form/uploaderFile/uploadFile.pc.tsx +507 -0
  69. package/src/web/components/image/{image.jsx → image.tsx} +8 -21
  70. package/src/web/components/image/{index.jsx → index.tsx} +22 -37
  71. package/src/web/components/index.js +36 -1
  72. package/src/web/components/link/{index.jsx → index.tsx} +19 -36
  73. package/src/web/components/modal/{index.jsx → index.tsx} +22 -9
  74. package/src/web/components/picker/{datePicker.jsx → datePicker.tsx} +11 -12
  75. package/src/web/components/picker/{picker.jsx → picker.tsx} +7 -10
  76. package/src/web/components/picker/{timePicker.jsx → timePicker.tsx} +8 -16
  77. package/src/web/components/richText/{const.js → const.ts} +0 -0
  78. package/src/web/components/richText/index.jsx +5 -2
  79. package/src/web/components/richTextView/index.tsx +67 -0
  80. package/src/web/components/scrollView/{index.jsx → index.tsx} +18 -33
  81. package/src/web/components/slot/{index.jsx → index.tsx} +8 -9
  82. package/src/web/components/swiper/index.css +1 -1
  83. package/src/web/components/swiper/{index.jsx → index.tsx} +73 -78
  84. package/src/web/components/tabs/index.tsx +33 -0
  85. package/src/web/components/tabs/{tabs.h5.jsx → tabs.h5.tsx} +4 -33
  86. package/src/web/components/tabs/{tabs.pc.jsx → tabs.pc.tsx} +5 -39
  87. package/src/web/components/text/index.css +18 -0
  88. package/src/web/components/text/index.tsx +69 -0
  89. package/src/web/components/uploaderFileView/index.css +11 -0
  90. package/src/web/components/uploaderFileView/index.jsx +75 -0
  91. package/src/web/components/uploaderView/{index.jsx → index.tsx} +12 -15
  92. package/src/web/types.d.ts +20 -0
  93. package/src/web/utils/constant.js +2 -0
  94. package/src/web/utils/loading-fallback.tsx +2 -0
  95. package/src/web/utils/platform.js +77 -6
  96. package/src/web/utils/tcb.js +0 -8
  97. package/src/web/utils/useSetState.ts +14 -0
  98. package/src/web/utils/useSyncValue.ts +17 -0
  99. package/src/web/wedatheme/.git +1 -0
  100. package/src/web/wedatheme/.gitignore +5 -0
  101. package/src/web/wedatheme/.npmrc +1 -0
  102. package/src/web/wedatheme/package-lock.json +14335 -0
  103. package/src/configs/components/button.svg +0 -18
  104. package/src/web/components/drawer/index.jsx +0 -64
  105. package/src/web/components/form/enumSelect/hooks/index.js +0 -49
  106. package/src/web/components/form/form/index.jsx +0 -76
  107. package/src/web/components/link/test/__snapshots__/storybook.test.js.snap +0 -754
  108. package/src/web/components/richTextView/index.jsx +0 -89
  109. package/src/web/components/tabs/index.jsx +0 -10
  110. package/src/web/components/text/index.jsx +0 -71
  111. 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
- };