taro-react-uilib 1.4.24-3 → 1.4.24-4

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 (47) hide show
  1. package/dist/components/ActionSheet/index.js +1 -1
  2. package/dist/components/ActionSheet/index.js.map +1 -1
  3. package/dist/components/BankIcon/index.js.map +1 -1
  4. package/dist/components/Button/index.js +1 -1
  5. package/dist/components/Button/index.js.map +1 -1
  6. package/dist/components/Cell/index.js +1 -1
  7. package/dist/components/Cell/index.js.map +1 -1
  8. package/dist/components/Checkbox/index.js +1 -1
  9. package/dist/components/Checkbox/index.js.map +1 -1
  10. package/dist/components/DialogComponent/index.js +1 -1
  11. package/dist/components/DialogComponent/index.js.map +1 -1
  12. package/dist/components/Image/index.js +1 -1
  13. package/dist/components/Image/index.js.map +1 -1
  14. package/dist/components/Loading/index.js +1 -1
  15. package/dist/components/Loading/index.js.map +1 -1
  16. package/dist/components/Radio/index.js +1 -1
  17. package/dist/components/Radio/index.js.map +1 -1
  18. package/dist/components/ThemeProvider/index.js +1 -1
  19. package/dist/components/ThemeProvider/index.js.map +1 -1
  20. package/dist/components/src/index.js +1 -1
  21. package/dist/index.esm.js +5 -5
  22. package/dist/index.esm.js.map +1 -1
  23. package/dist/index.js +4 -4
  24. package/dist/index.js.map +1 -1
  25. package/dist/index.umd.js +4 -4
  26. package/dist/index.umd.js.map +1 -1
  27. package/dist/styles/components/badge.scss +1 -2
  28. package/dist/styles/components/cell.scss +4 -9
  29. package/dist/styles/components/checkbox.scss +15 -9
  30. package/dist/styles/components/dialog.scss +31 -12
  31. package/dist/styles/components/dialogref.scss +2 -1
  32. package/dist/styles/components/index.scss +0 -1
  33. package/dist/styles/components/loading.scss +6 -1
  34. package/dist/styles/components/radio.scss +15 -9
  35. package/package.json +1 -5
  36. package/types/components/BankIcon/index.d.ts +1 -2
  37. package/types/components/Checkbox/index.d.ts +4 -0
  38. package/types/components/Loading/index.d.ts +0 -1
  39. package/types/components/Radio/index.d.ts +4 -0
  40. package/types/index.d.ts +0 -1
  41. package/CHANGELOG.md +0 -1553
  42. package/dist/components/Curtain/index.js +0 -2
  43. package/dist/components/Curtain/index.js.map +0 -1
  44. package/dist/styles/components/curtain.scss +0 -105
  45. package/dist/styles/components/font/.DS_Store +0 -0
  46. package/types/.DS_Store +0 -0
  47. package/types/components/Curtain/index.d.ts +0 -18
@@ -3,9 +3,8 @@
3
3
  #{$xh-prefix}-badge {
4
4
  padding: 6px 24px;
5
5
  border: 1PX solid var(--color-primary);
6
- display: inline-flex;
6
+ display: inline-block;
7
7
  font-size: 26px;
8
8
  border-radius: 30px;
9
9
  color: var(--color-primary);
10
- align-items: center;
11
10
  }
@@ -51,16 +51,13 @@
51
51
  background-color: #EEE;
52
52
  }
53
53
  &-icon {
54
- display: inline-flex;
55
- align-items: center;
56
- justify-content: center;
54
+ display: inline-block;
57
55
  width: 50px;
58
56
  height: 50px;
59
57
  margin-right: 15px;
60
58
  img {
61
59
  max-width: 100%;
62
60
  max-height: 100%;
63
- object-fit: cover;
64
61
  }
65
62
  image {
66
63
  max-width: 100%;
@@ -108,15 +105,13 @@
108
105
  &-value {
109
106
  display: flex;
110
107
  align-items: center;
111
- // max-width: 50%;
108
+ // max-width: 280px;
112
109
  &-info {
113
110
  display: inline-block;
114
111
  max-width: 100%;
115
112
  overflow: hidden;
116
- &.ellipsis {
117
- text-overflow: ellipsis;
118
- white-space: nowrap;
119
- }
113
+ text-overflow: ellipsis;
114
+ white-space: nowrap;
120
115
  }
121
116
  &-icon {
122
117
  display: inline-block;
@@ -84,18 +84,24 @@
84
84
  &.circle {
85
85
  border-radius: 50%;
86
86
  }
87
- &:after {
88
- content: "";
89
- display: inline-block;
90
- width: 8px;
91
- height: 18px;
92
- border-right: 3px solid transparent;
93
- border-bottom: 5px solid transparent;
87
+ &-icon{
94
88
  position: absolute;
95
89
  left: 50%;
96
- top: 45%;
97
- transform: translate(-50%, -50%) rotate(45deg);
90
+ top: 50%;
91
+ transform: translate(-50%, -50%);
98
92
  }
93
+ // &:after {
94
+ // content: "";
95
+ // display: inline-block;
96
+ // width: 8px;
97
+ // height: 18px;
98
+ // border-right: 3px solid transparent;
99
+ // border-bottom: 5px solid transparent;
100
+ // position: absolute;
101
+ // left: 50%;
102
+ // top: 45%;
103
+ // transform: translate(-50%, -50%) rotate(45deg);
104
+ // }
99
105
 
100
106
  }
101
107
  &.h5 {
@@ -17,35 +17,51 @@
17
17
  position: absolute;
18
18
  background-color: #fff;
19
19
  z-index: 999;
20
- width: 600px;
20
+ width: 560px;
21
+ // width: 600px;
21
22
  padding-top: 64px;
22
23
  box-sizing: border-box;
23
24
  border-radius: 16px;
24
25
  text-align: center;
25
26
  &-header {
26
- font-size: 38px;
27
+ font-size: 32px;
28
+ line-height: 45px;
29
+ margin-bottom: 24px;
30
+ padding: 0 32px;
31
+
32
+ // font-size: 38px;
27
33
  font-family: PingFang SC;
28
34
  font-weight: 500;
29
- line-height: 53px;
35
+ // line-height: 53px;
30
36
  color: #333333;
31
- padding: 0 60px;
37
+ // padding: 0 60px;
32
38
  }
33
39
  &-content {
34
- margin: 40px auto 0;
35
- font-size: 30px;
40
+ font-size: 28px;
41
+ line-height: 40px;
42
+ margin: 0 auto;
43
+
44
+ // margin: 40px auto 0;
45
+ // font-size: 30px;
36
46
  font-family: PingFang SC;
37
47
  color: var(--font-color);
38
48
  padding: 0 64px;
39
49
  &.headless {
40
50
  color: #333;
41
- font-size: 34px;
51
+ // font-size: 34px;
42
52
  }
43
53
  }
44
54
  &-footer {
45
- margin-top: 60px;
55
+ margin-top: 64px;
56
+
57
+ // margin-top: 60px;
46
58
  .xh-alert-button.xh-button {
47
59
  width: 100%;
48
- padding: 8px 0;
60
+ height: 88px;
61
+ font-size: 30px;
62
+
63
+ // line-height: 88px;
64
+ // padding: 8px 0;
49
65
  border-bottom-left-radius: 16px;
50
66
  border-bottom-right-radius: 16px;
51
67
  border-top: 1PX solid #EEE;
@@ -59,12 +75,15 @@
59
75
  border-bottom-right-radius: 16px;
60
76
  overflow: hidden;
61
77
  &-button {
78
+ height: 88px;
79
+ font-size: 30px;
80
+
62
81
  flex: 1;
63
- font-size: 32px;
64
- padding: 8px 0;
82
+ // font-size: 32px;
83
+ // padding: 8px 0;
65
84
  }
66
85
  &-cancel-button.xh-button {
67
- color: var(--font-color-tertiary);
86
+ color: var(--font-color-secondary);
68
87
  border-right: 1PX solid #EEE;
69
88
  }
70
89
  }
@@ -36,7 +36,8 @@
36
36
  font-size: 32px;
37
37
  font-family: PingFang SC;
38
38
  font-weight: 500;
39
- line-height: 53px;
39
+ // line-height: 53px;
40
+ line-height: 45px;
40
41
  margin-top: 64px;
41
42
  }
42
43
  &-content {
@@ -13,7 +13,6 @@
13
13
  @import './checkboxbutton.scss';
14
14
  @import './collapse.scss';
15
15
  @import './countdown.scss';
16
- @import './curtain.scss';
17
16
  @import './dialog.scss';
18
17
  @import './dialogref.scss';
19
18
  @import './echarts.scss';
@@ -22,7 +22,12 @@
22
22
  &-gif {
23
23
  width: 60px;
24
24
  height: 60px;
25
- background: url('https://s.xh1.cn/resources/images/app-alert/loading.gif') no-repeat center/cover;
25
+ background: url('https://stest.xh1.cn/resources/images/app-alert/loading.png') no-repeat center/cover;
26
+ animation: loading 1s linear infinite;
27
+ }
28
+ @keyframes loading {
29
+ 0% { transform: rotate(0deg); }
30
+ 100% { transform: rotate(360deg); }
26
31
  }
27
32
  // &-spinner {
28
33
  // width: 100px;
@@ -86,18 +86,24 @@
86
86
  border: 0;
87
87
  }
88
88
  }
89
- &:after {
90
- content: "";
91
- display: inline-block;
92
- width: 8px;
93
- height: 18px;
94
- border-right: 3px solid transparent;
95
- border-bottom: 5px solid transparent;
89
+ &-icon{
96
90
  position: absolute;
97
91
  left: 50%;
98
- top: 45%;
99
- transform: translate(-50%, -50%) rotate(45deg);
92
+ top: 50%;
93
+ transform: translate(-50%, -50%);
100
94
  }
95
+ // &:after {
96
+ // content: "";
97
+ // display: inline-block;
98
+ // width: 8px;
99
+ // height: 18px;
100
+ // border-right: 3px solid transparent;
101
+ // border-bottom: 5px solid transparent;
102
+ // position: absolute;
103
+ // left: 50%;
104
+ // top: 45%;
105
+ // transform: translate(-50%, -50%) rotate(45deg);
106
+ // }
101
107
 
102
108
  }
103
109
  &-label {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "taro-react-uilib",
3
- "version": "1.4.24-3",
3
+ "version": "1.4.24-4",
4
4
  "description": "基于taro的跨端组件库",
5
5
  "templateInfo": {
6
6
  "name": "default",
@@ -17,13 +17,9 @@
17
17
  "dist",
18
18
  "types"
19
19
  ],
20
- "engines": {
21
- "node": ">=12"
22
- },
23
20
  "scripts": {
24
21
  "build:weapp": "taro build --type weapp",
25
22
  "build:h5": "taro build --type h5",
26
- "release": "taro build --type h5",
27
23
  "build:tt": "taro build --type tt",
28
24
  "dev:weapp": "npm run build:weapp -- --watch",
29
25
  "dev:h5": "npm run build:h5 -- --watch",
@@ -1,8 +1,7 @@
1
1
  import { FC } from "react";
2
2
  import { XHComponentCommonProps } from "../../types";
3
- export declare type BankIconCode = "102" | "103" | "104" | "105" | "301" | "302" | "303" | "304" | "305" | "306" | "307" | "308" | "309" | "310" | "403";
4
3
  export declare type XHListProps = {
5
- code: BankIconCode | (string & {});
4
+ code: string;
6
5
  size?: number;
7
6
  } & XHComponentCommonProps;
8
7
  declare const XHBankIcon: FC<XHListProps>;
@@ -23,6 +23,10 @@ export declare type XHCheckboxProps = {
23
23
  * @description 主要为抖音支持颜色
24
24
  */
25
25
  color?: string;
26
+ /**
27
+ * 选中状态下打勾icon的颜色
28
+ */
29
+ iconColor?: string;
26
30
  } & XHComponentCommonProps;
27
31
  declare const CheckBox: CompoundedComponent;
28
32
  export default CheckBox;
@@ -6,7 +6,6 @@ export declare type LoadingProps = {
6
6
  color?: string;
7
7
  tip?: string | ReactNode;
8
8
  size?: number;
9
- onClick?: () => void;
10
9
  } & XHComponentCommonProps;
11
10
  declare const Loading: FC<LoadingProps>;
12
11
  export default Loading;
@@ -26,6 +26,10 @@ export declare type XHRadioProps = {
26
26
  */
27
27
  color?: string;
28
28
  group?: boolean;
29
+ /**
30
+ * 选中状态下打勾icon的颜色
31
+ */
32
+ iconColor?: string;
29
33
  } & XHComponentCommonProps;
30
34
  declare const Radio: CompoundedComponent;
31
35
  export default Radio;
package/types/index.d.ts CHANGED
@@ -39,7 +39,6 @@ export { default as XHLicensePlateInput } from "./components/LicensePlateInput";
39
39
  export { default as XHCountdown } from "./components/Countdown";
40
40
  export { default as XHCheckboxButton } from "./components/CheckboxButton";
41
41
  export { default as XHNotice } from "./components/Notice";
42
- export { default as XHCurtain } from "./components/Curtain";
43
42
  export { default as XHBankCardNumberInput, type BankCardNumberInputRef as Type_BankCardNumberInputRef, } from "./components/BankCardNumberInput";
44
43
  export { default as XHIDNumberInput, type IDNumberInputRef as Type_IDNumberInputRef, } from "./components/IDNumberInput";
45
44
  export { default as XHEcharts, type EChartsProps as Type_EChartsProps, type EChartOption as Type_EChartOptions, type EChartsInstance as Type_EChartsInstance, type EChartsLoadingOption as Type_EChartsLoadingOption, type EchartsHandle as Type_EchartsHandle, } from "./components/Echarts";