@ebscn/ui 1.0.3-beta.7 → 1.0.3-beta.8

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.
@@ -25,6 +25,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
25
25
  width: 100%;
26
26
  transition: all 0.5s;
27
27
  align-content: flex-start;
28
+ background-color: #fff;
28
29
  background-color: var(--ebscn-color-keyboard-bg);
29
30
  }
30
31
  .ebscn-alphabet-keyboard-darkkey {
@@ -34,24 +35,33 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
34
35
  width: 11.2%;
35
36
  height: 42px;
36
37
  border-radius: 5px;
38
+ background-color: #adb3bd;
37
39
  background-color: var(--ebscn-color-functionkey-background);
40
+ font-size: 17px;
38
41
  font-size: var(--ebscn-font-size-9);
39
42
  }
40
43
  .ebscn-alphabet-keyboard-darkkey:active {
44
+ background-color: #e5e5e5;
41
45
  background-color: var(--ebscn-color-keyboard-active-background);
42
46
  }
43
47
  .ebscn-alphabet-keyboard-shift {
44
48
  margin-right: 3.73%;
45
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
49
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
50
+ background-color: #adb3bd;
51
+ background-color: var(--ebscn-color-functionkey-background);
46
52
  background-size: 17px 17px;
47
53
  }
48
54
  .ebscn-alphabet-keyboard-delete {
49
55
  margin-left: 2.26%;
50
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/delete.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
51
59
  background-size: 24px 24px;
52
60
  }
53
61
  .ebscn-alphabet-keyboard-keybord {
54
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
62
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
63
+ background-color: #adb3bd;
64
+ background-color: var(--ebscn-color-functionkey-background);
55
65
  background-size: 24px 18px;
56
66
  }
57
67
  .ebscn-alphabet-keyboard-space {
@@ -85,7 +95,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
85
95
  justify-content: center;
86
96
  width: 8.4%;
87
97
  height: 42px;
88
- background: var(--ebscn-color-keyboard-key-bg);
98
+ background-color: #fff;
99
+ background-color: var(--ebscn-color-keyboard-key-bg);
89
100
  border-radius: 5px;
90
101
  font-size: 23px;
91
102
  font-weight: 400;
@@ -97,7 +108,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
97
108
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-secondline-key:active,
98
109
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-thirdline-key:active,
99
110
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firthline-key:active {
100
- background: var(--ebscn-color-border);
111
+ background-color: #eee;
112
+ background-color: var(--ebscn-color-border);
101
113
  }
102
114
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firstline {
103
115
  padding-left: 0.8%;
@@ -122,7 +134,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
122
134
  justify-content: center;
123
135
  width: 23.46%;
124
136
  height: 42px;
125
- background: var(--ebscn-color-primary);
137
+ background-color: #e84225;
138
+ background-color: var(--ebscn-color-primary);
126
139
  border-radius: 5px;
127
140
  font-size: 16px;
128
141
  font-weight: 400;
@@ -16,7 +16,8 @@ var SearchIcon = (0, _react.memo)(function (props) {
16
16
  xmlns: "http://www.w3.org/2000/svg",
17
17
  "p-id": "7902",
18
18
  width: "1em",
19
- height: "1em"
19
+ height: "1em",
20
+ fill: "currentColor"
20
21
  }, _react.default.createElement("path", {
21
22
  d: "M928 510c0 106.384-38.288 204.24-106.368 280.832l-42.56 46.8C702.512 905.712 604.64 944 498.288 944 251.472 944 55.744 739.76 64.256 492.992c8.512-221.264 191.456-404.208 416.96-412.72C728.032 71.76 928 267.472 928 510zM483.648 144.224C292.176 151.44 135.472 307.04 128.224 495.2 120.96 706.144 288.048 880 498.256 880c86.848 0 167.616-29.888 232.464-85.12l3.472-3.024 39.6-43.552c56.768-63.856 88.32-143.952 90.128-230.416l0.08-7.888C864 302.512 692.864 137.008 483.648 144.224z",
22
23
  "p-id": "7903"
@@ -14,6 +14,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
14
14
  width: 100%;
15
15
  height: 223px;
16
16
  padding: 3px;
17
+ background-color: #fff;
17
18
  background-color: var(--ebscn-color-keyboard-bg);
18
19
  transition: all 0.5s;
19
20
  align-content: flex-start;
@@ -30,33 +31,48 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
30
31
  }
31
32
  .ebscn-number-keyboard-key {
32
33
  font-size: 23px;
34
+ color: #333;
33
35
  color: var(--ebscn-color-text);
34
- background: var(--ebscn-color-keyboard-key-bg);
36
+ background-color: #fff;
37
+ background-color: var(--ebscn-color-keyboard-key-bg);
35
38
  }
36
39
  .ebscn-number-keyboard-key:active {
37
- background: var(--ebscn-color-keyboard-active-background);
40
+ background-color: #e5e5e5;
41
+ background-color: var(--ebscn-color-keyboard-active-background);
38
42
  }
39
43
  .ebscn-number-keyboard-option {
44
+ font-size: 18px;
40
45
  font-size: var(--ebscn-font-size-10);
46
+ color: #333;
41
47
  color: var(--ebscn-color-text);
48
+ background-color: #adb3bd;
42
49
  background-color: var(--ebscn-color-functionkey-background);
43
50
  }
44
51
  .ebscn-number-keyboard-option:active {
52
+ font-size: 18px;
45
53
  font-size: var(--ebscn-font-size-10);
54
+ background-color: #e5e5e5;
46
55
  background-color: var(--ebscn-color-keyboard-active-background);
47
56
  }
48
57
  .ebscn-number-keyboard-delete {
49
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
58
+ background: url(../../assets/images/delete.png) no-repeat center;
59
+ background-color: #adb3bd;
60
+ background-color: var(--ebscn-color-functionkey-background);
50
61
  background-size: 24px 24px;
51
62
  }
52
63
  .ebscn-number-keyboard-delete:active {
53
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
64
+ background: url(../../assets/images/delete.png) no-repeat center;
65
+ background-color: #e5e5e5;
66
+ background-color: var(--ebscn-color-keyboard-active-background);
54
67
  background-size: 24px 24px;
55
68
  }
56
69
  .ebscn-number-keyboard-confirmKey {
70
+ background-color: #e84225;
57
71
  background-color: var(--ebscn-color-primary);
58
72
  width: calc(25% - 6px);
73
+ font-size: 18px;
59
74
  font-size: var(--ebscn-font-size-10);
75
+ color: #fff;
60
76
  color: var(--ebscn-color-white);
61
77
  }
62
78
  .ebscn-number-keyboard-confirmKey:active {
@@ -1,13 +1,16 @@
1
1
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-keybord {
2
- background: url(../../assets/images/keybord_keybord_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
2
+ background: url(../../assets/images/keybord_keybord_dark.png) no-repeat center;
3
+ background-color: var(--ebscn-color-functionkey-background);
3
4
  background-size: 24px 24px;
4
5
  }
5
6
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-delete {
6
- background: url(../../assets/images/delete_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
7
+ background: url(../../assets/images/delete_dark.png) no-repeat center;
8
+ background-color: var(--ebscn-color-functionkey-background);
7
9
  background-size: 24px 24px;
8
10
  }
9
11
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
10
- background: url(../../assets/images/keybord_shift_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
12
+ background: url(../../assets/images/keybord_shift_dark.png) no-repeat center;
13
+ background-color: var(--ebscn-color-functionkey-background);
11
14
  background-size: 24px 24px;
12
15
  }
13
16
  .ebscn-alphabet-keyboard-extra {
@@ -17,6 +20,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
17
20
  flex-wrap: wrap;
18
21
  width: 100%;
19
22
  align-content: flex-start;
23
+ background-color: #fff;
20
24
  background-color: var(--ebscn-color-keyboard-bg);
21
25
  }
22
26
  .ebscn-alphabet-keyboard-extra-darkkey {
@@ -26,24 +30,32 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
26
30
  width: 11.2%;
27
31
  height: 42px;
28
32
  border-radius: 5px;
33
+ background-color: #adb3bd;
29
34
  background-color: var(--ebscn-color-functionkey-background);
30
35
  font-size: var(--ebscn-font-size-9);
31
36
  }
32
37
  .ebscn-alphabet-keyboard-extra-darkkey:active {
38
+ background-color: #e5e5e5;
33
39
  background-color: var(--ebscn-color-keyboard-active-background);
34
40
  }
35
41
  .ebscn-alphabet-keyboard-extra-shift {
36
42
  margin-right: 3.73%;
37
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
43
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
44
+ background-color: #adb3bd;
45
+ background-color: var(--ebscn-color-functionkey-background);
38
46
  background-size: 17px 17px;
39
47
  }
40
48
  .ebscn-alphabet-keyboard-extra-delete {
41
49
  margin-left: 2.26%;
42
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
50
+ background: url(../../assets/images/delete.png) no-repeat center;
51
+ background-color: #adb3bd;
52
+ background-color: var(--ebscn-color-functionkey-background);
43
53
  background-size: 24px 24px;
44
54
  }
45
55
  .ebscn-alphabet-keyboard-extra-keybord {
46
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
47
59
  background-size: 24px 18px;
48
60
  }
49
61
  .ebscn-alphabet-keyboard-extra-space {
@@ -54,10 +66,12 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
54
66
  height: 42px;
55
67
  border-radius: 5px;
56
68
  font-size: 16px;
69
+ background-color: #fff;
57
70
  background: var(--ebscn-color-keyboard-key-bg);
58
71
  }
59
72
  .ebscn-alphabet-keyboard-extra-space:active {
60
- background: var(--ebscn-color-border);
73
+ background-color: #eee;
74
+ background-color: var(--ebscn-color-border);
61
75
  }
62
76
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline,
63
77
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline,
@@ -77,11 +91,13 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
77
91
  justify-content: center;
78
92
  width: 8.4%;
79
93
  height: 42px;
94
+ background-color: #fff;
80
95
  background: var(--ebscn-color-keyboard-key-bg);
81
96
  border-radius: 5px;
82
97
  font-size: 23px;
83
98
  font-weight: 400;
84
99
  text-align: center;
100
+ color: #333;
85
101
  color: var(--ebscn-color-text);
86
102
  margin-right: 1.6%;
87
103
  }
@@ -89,7 +105,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
89
105
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline-key:active,
90
106
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline-key:active,
91
107
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-key:active {
92
- background: var(--ebscn-color-border);
108
+ background-color: #eee;
109
+ background-color: var(--ebscn-color-border);
93
110
  }
94
111
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline {
95
112
  padding-left: 0.8%;
@@ -114,6 +131,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
114
131
  justify-content: center;
115
132
  width: 23.46%;
116
133
  height: 42px;
134
+ background-color: #e84225;
117
135
  background: var(--ebscn-color-primary);
118
136
  border-radius: 5px;
119
137
  font-size: 16px;
@@ -16,22 +16,27 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
16
16
  }
17
17
  .ebscn-stock-keyboard-top {
18
18
  padding: 11px 19px;
19
+ background-color: #fff;
19
20
  background-color: var(--ebscn-color-background);
20
21
  display: flex;
21
22
  align-items: center;
23
+ font-size: 18px;
22
24
  font-size: var(--ebscn-font-size-8);
23
25
  }
24
26
  .ebscn-stock-keyboard-top-item {
25
27
  margin-right: 24px;
28
+ color: #666;
26
29
  color: var(--ebscn-color-text-secondary);
27
30
  }
28
31
  .ebscn-stock-keyboard-top-item-active {
32
+ color: #e84225;
29
33
  color: var(--ebscn-color-primary);
30
34
  }
31
35
  .ebscn-stock-keyboard-bottom {
32
36
  display: flex;
33
37
  }
34
38
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right {
39
+ background-color: #d2d5d8;
35
40
  background-color: var(--ebscn-color-keyboard-bg);
36
41
  display: flex;
37
42
  flex-wrap: wrap;
@@ -41,7 +46,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
41
46
  align-content: flex-start;
42
47
  }
43
48
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right :last-child {
44
- background: var(--ebscn-color-primary);
49
+ background-color: #e84225;
50
+ background-color: var(--ebscn-color-primary);
45
51
  color: #fff;
46
52
  }
47
53
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key,
@@ -55,44 +61,61 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
55
61
  font-weight: 400;
56
62
  }
57
63
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key {
64
+ color: #333;
58
65
  color: var(--ebscn-color-text);
59
66
  font-size: 23px;
60
- background: var(--ebscn-color-keyboard-key-bg);
67
+ background-color: #fff;
68
+ background-color: var(--ebscn-color-keyboard-key-bg);
61
69
  }
62
70
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key:active {
63
- background: var(--ebscn-color-keyboard-active-background);
71
+ background-color: #e5e5e5;
72
+ background-color: var(--ebscn-color-keyboard-active-background);
64
73
  }
65
74
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option {
75
+ font-size: 18px;
66
76
  font-size: var(--ebscn-font-size-10);
77
+ color: #333;
67
78
  color: var(--ebscn-color-text);
79
+ background-color: #adb3bd;
68
80
  background-color: var(--ebscn-color-functionkey-background);
69
81
  }
70
82
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option:active {
83
+ font-size: 18px;
71
84
  font-size: var(--ebscn-font-size-10);
85
+ background-color: #e5e5e5;
72
86
  background-color: var(--ebscn-color-keyboard-active-background);
73
87
  }
74
88
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete {
75
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
89
+ background: url(../../assets/images/delete.png) no-repeat center;
90
+ background-color: #adb3bd;
91
+ background-color: var(--ebscn-color-functionkey-background);
76
92
  background-size: 24px 24px;
77
93
  }
78
94
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete:active {
79
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
95
+ background: url(../../assets/images/delete.png) no-repeat center;
96
+ background-color: #e5e5e5;
97
+ background-color: var(--ebscn-color-keyboard-active-background);
80
98
  background-size: 24px 24px;
81
99
  }
82
100
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey {
101
+ font-size: 18px;
83
102
  font-size: var(--ebscn-font-size-10);
84
103
  width: calc(25% - 7.5px);
104
+ background-color: #e84225;
85
105
  background-color: var(--ebscn-color-primary);
86
106
  }
87
107
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey:active {
88
108
  background-color: #D03B21;
109
+ color: #fff;
89
110
  color: var(--ebscn-color-white);
90
111
  }
91
112
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-bottom-option {
113
+ font-size: 18px;
92
114
  font-size: var(--ebscn-font-size-10);
93
115
  }
94
116
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left {
95
117
  width: 20%;
118
+ background-color: #d2d5d8;
96
119
  background-color: var(--ebscn-color-keyboard-bg);
97
120
  }
98
121
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key {
@@ -102,14 +125,18 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
102
125
  border-radius: 4.17px;
103
126
  height: 48px;
104
127
  margin: 6px 3px 6px 6px;
128
+ font-size: 18px;
105
129
  font-size: var(--ebscn-font-size-10);
106
130
  font-weight: 400;
107
131
  text-align: center;
132
+ color: #333;
108
133
  color: var(--ebscn-color-text);
109
134
  line-height: 48px;
135
+ background-color: #adb3bd;
110
136
  background-color: var(--ebscn-color-functionkey-background);
111
137
  }
112
138
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key:active {
139
+ background-color: #e5e5e5;
113
140
  background: var(--ebscn-color-keyboard-active-background);
114
141
  }
115
142
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
@@ -48,7 +48,7 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
53
53
  html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-blue: #4c7cf1;
@@ -48,5 +48,5 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
package/cjs/index.d.ts CHANGED
@@ -36,3 +36,7 @@ export { default as Tabs } from './components/tabs';
36
36
  export { default as Tip } from './components/tip';
37
37
  export { default as ToastLoading } from './components/toastLoading';
38
38
  export { default as Input } from './components/input';
39
+ export { default as PayInput } from './components/pay-input';
40
+ export { default as MoneyInput } from './components/money-input';
41
+ export { default as FeneInput } from './components/fene-input';
42
+ export { default as CommonInput } from './components/common-input';
package/cjs/index.js CHANGED
@@ -41,7 +41,11 @@ var _exportNames = {
41
41
  Tabs: true,
42
42
  Tip: true,
43
43
  ToastLoading: true,
44
- Input: true
44
+ Input: true,
45
+ PayInput: true,
46
+ MoneyInput: true,
47
+ FeneInput: true,
48
+ CommonInput: true
45
49
  };
46
50
  Object.defineProperty(exports, "AlphabetKeyboard", {
47
51
  enumerable: true,
@@ -73,6 +77,12 @@ Object.defineProperty(exports, "Checkbox", {
73
77
  return _checkbox.default;
74
78
  }
75
79
  });
80
+ Object.defineProperty(exports, "CommonInput", {
81
+ enumerable: true,
82
+ get: function () {
83
+ return _commonInput.default;
84
+ }
85
+ });
76
86
  Object.defineProperty(exports, "DateRangePicker", {
77
87
  enumerable: true,
78
88
  get: function () {
@@ -85,6 +95,12 @@ Object.defineProperty(exports, "Divider", {
85
95
  return _divider.default;
86
96
  }
87
97
  });
98
+ Object.defineProperty(exports, "FeneInput", {
99
+ enumerable: true,
100
+ get: function () {
101
+ return _feneInput.default;
102
+ }
103
+ });
88
104
  Object.defineProperty(exports, "Grid", {
89
105
  enumerable: true,
90
106
  get: function () {
@@ -121,6 +137,12 @@ Object.defineProperty(exports, "Mask", {
121
137
  return _mask.default;
122
138
  }
123
139
  });
140
+ Object.defineProperty(exports, "MoneyInput", {
141
+ enumerable: true,
142
+ get: function () {
143
+ return _moneyInput.default;
144
+ }
145
+ });
124
146
  Object.defineProperty(exports, "NoticeBar", {
125
147
  enumerable: true,
126
148
  get: function () {
@@ -145,6 +167,12 @@ Object.defineProperty(exports, "PageIndicator", {
145
167
  return _pageIndicator.default;
146
168
  }
147
169
  });
170
+ Object.defineProperty(exports, "PayInput", {
171
+ enumerable: true,
172
+ get: function () {
173
+ return _payInput.default;
174
+ }
175
+ });
148
176
  Object.defineProperty(exports, "Picker", {
149
177
  enumerable: true,
150
178
  get: function () {
@@ -320,4 +348,8 @@ var _tabs = _interopRequireDefault(require("./components/tabs"));
320
348
  var _tip = _interopRequireDefault(require("./components/tip"));
321
349
  var _toastLoading = _interopRequireDefault(require("./components/toastLoading"));
322
350
  var _input = _interopRequireDefault(require("./components/input"));
351
+ var _payInput = _interopRequireDefault(require("./components/pay-input"));
352
+ var _moneyInput = _interopRequireDefault(require("./components/money-input"));
353
+ var _feneInput = _interopRequireDefault(require("./components/fene-input"));
354
+ var _commonInput = _interopRequireDefault(require("./components/common-input"));
323
355
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,6 +25,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
25
25
  width: 100%;
26
26
  transition: all 0.5s;
27
27
  align-content: flex-start;
28
+ background-color: #fff;
28
29
  background-color: var(--ebscn-color-keyboard-bg);
29
30
  }
30
31
  .ebscn-alphabet-keyboard-darkkey {
@@ -34,24 +35,33 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
34
35
  width: 11.2%;
35
36
  height: 42px;
36
37
  border-radius: 5px;
38
+ background-color: #adb3bd;
37
39
  background-color: var(--ebscn-color-functionkey-background);
40
+ font-size: 17px;
38
41
  font-size: var(--ebscn-font-size-9);
39
42
  }
40
43
  .ebscn-alphabet-keyboard-darkkey:active {
44
+ background-color: #e5e5e5;
41
45
  background-color: var(--ebscn-color-keyboard-active-background);
42
46
  }
43
47
  .ebscn-alphabet-keyboard-shift {
44
48
  margin-right: 3.73%;
45
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
49
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
50
+ background-color: #adb3bd;
51
+ background-color: var(--ebscn-color-functionkey-background);
46
52
  background-size: 17px 17px;
47
53
  }
48
54
  .ebscn-alphabet-keyboard-delete {
49
55
  margin-left: 2.26%;
50
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/delete.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
51
59
  background-size: 24px 24px;
52
60
  }
53
61
  .ebscn-alphabet-keyboard-keybord {
54
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
62
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
63
+ background-color: #adb3bd;
64
+ background-color: var(--ebscn-color-functionkey-background);
55
65
  background-size: 24px 18px;
56
66
  }
57
67
  .ebscn-alphabet-keyboard-space {
@@ -85,7 +95,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
85
95
  justify-content: center;
86
96
  width: 8.4%;
87
97
  height: 42px;
88
- background: var(--ebscn-color-keyboard-key-bg);
98
+ background-color: #fff;
99
+ background-color: var(--ebscn-color-keyboard-key-bg);
89
100
  border-radius: 5px;
90
101
  font-size: 23px;
91
102
  font-weight: 400;
@@ -97,7 +108,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
97
108
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-secondline-key:active,
98
109
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-thirdline-key:active,
99
110
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firthline-key:active {
100
- background: var(--ebscn-color-border);
111
+ background-color: #eee;
112
+ background-color: var(--ebscn-color-border);
101
113
  }
102
114
  .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firstline {
103
115
  padding-left: 0.8%;
@@ -122,7 +134,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
122
134
  justify-content: center;
123
135
  width: 23.46%;
124
136
  height: 42px;
125
- background: var(--ebscn-color-primary);
137
+ background-color: #e84225;
138
+ background-color: var(--ebscn-color-primary);
126
139
  border-radius: 5px;
127
140
  font-size: 16px;
128
141
  font-weight: 400;
@@ -8,7 +8,8 @@ var SearchIcon = memo(function (props) {
8
8
  xmlns: "http://www.w3.org/2000/svg",
9
9
  "p-id": "7902",
10
10
  width: "1em",
11
- height: "1em"
11
+ height: "1em",
12
+ fill: "currentColor"
12
13
  }, React.createElement("path", {
13
14
  d: "M928 510c0 106.384-38.288 204.24-106.368 280.832l-42.56 46.8C702.512 905.712 604.64 944 498.288 944 251.472 944 55.744 739.76 64.256 492.992c8.512-221.264 191.456-404.208 416.96-412.72C728.032 71.76 928 267.472 928 510zM483.648 144.224C292.176 151.44 135.472 307.04 128.224 495.2 120.96 706.144 288.048 880 498.256 880c86.848 0 167.616-29.888 232.464-85.12l3.472-3.024 39.6-43.552c56.768-63.856 88.32-143.952 90.128-230.416l0.08-7.888C864 302.512 692.864 137.008 483.648 144.224z",
14
15
  "p-id": "7903"
@@ -14,6 +14,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
14
14
  width: 100%;
15
15
  height: 223px;
16
16
  padding: 3px;
17
+ background-color: #fff;
17
18
  background-color: var(--ebscn-color-keyboard-bg);
18
19
  transition: all 0.5s;
19
20
  align-content: flex-start;
@@ -30,33 +31,48 @@ html[data-prefers-color-scheme='dark'] .ebscn-number-keyboard-delete {
30
31
  }
31
32
  .ebscn-number-keyboard-key {
32
33
  font-size: 23px;
34
+ color: #333;
33
35
  color: var(--ebscn-color-text);
34
- background: var(--ebscn-color-keyboard-key-bg);
36
+ background-color: #fff;
37
+ background-color: var(--ebscn-color-keyboard-key-bg);
35
38
  }
36
39
  .ebscn-number-keyboard-key:active {
37
- background: var(--ebscn-color-keyboard-active-background);
40
+ background-color: #e5e5e5;
41
+ background-color: var(--ebscn-color-keyboard-active-background);
38
42
  }
39
43
  .ebscn-number-keyboard-option {
44
+ font-size: 18px;
40
45
  font-size: var(--ebscn-font-size-10);
46
+ color: #333;
41
47
  color: var(--ebscn-color-text);
48
+ background-color: #adb3bd;
42
49
  background-color: var(--ebscn-color-functionkey-background);
43
50
  }
44
51
  .ebscn-number-keyboard-option:active {
52
+ font-size: 18px;
45
53
  font-size: var(--ebscn-font-size-10);
54
+ background-color: #e5e5e5;
46
55
  background-color: var(--ebscn-color-keyboard-active-background);
47
56
  }
48
57
  .ebscn-number-keyboard-delete {
49
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
58
+ background: url(../../assets/images/delete.png) no-repeat center;
59
+ background-color: #adb3bd;
60
+ background-color: var(--ebscn-color-functionkey-background);
50
61
  background-size: 24px 24px;
51
62
  }
52
63
  .ebscn-number-keyboard-delete:active {
53
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
64
+ background: url(../../assets/images/delete.png) no-repeat center;
65
+ background-color: #e5e5e5;
66
+ background-color: var(--ebscn-color-keyboard-active-background);
54
67
  background-size: 24px 24px;
55
68
  }
56
69
  .ebscn-number-keyboard-confirmKey {
70
+ background-color: #e84225;
57
71
  background-color: var(--ebscn-color-primary);
58
72
  width: calc(25% - 6px);
73
+ font-size: 18px;
59
74
  font-size: var(--ebscn-font-size-10);
75
+ color: #fff;
60
76
  color: var(--ebscn-color-white);
61
77
  }
62
78
  .ebscn-number-keyboard-confirmKey:active {
@@ -1,13 +1,16 @@
1
1
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-keybord {
2
- background: url(../../assets/images/keybord_keybord_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
2
+ background: url(../../assets/images/keybord_keybord_dark.png) no-repeat center;
3
+ background-color: var(--ebscn-color-functionkey-background);
3
4
  background-size: 24px 24px;
4
5
  }
5
6
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-delete {
6
- background: url(../../assets/images/delete_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
7
+ background: url(../../assets/images/delete_dark.png) no-repeat center;
8
+ background-color: var(--ebscn-color-functionkey-background);
7
9
  background-size: 24px 24px;
8
10
  }
9
11
  html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
10
- background: url(../../assets/images/keybord_shift_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
12
+ background: url(../../assets/images/keybord_shift_dark.png) no-repeat center;
13
+ background-color: var(--ebscn-color-functionkey-background);
11
14
  background-size: 24px 24px;
12
15
  }
13
16
  .ebscn-alphabet-keyboard-extra {
@@ -17,6 +20,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
17
20
  flex-wrap: wrap;
18
21
  width: 100%;
19
22
  align-content: flex-start;
23
+ background-color: #fff;
20
24
  background-color: var(--ebscn-color-keyboard-bg);
21
25
  }
22
26
  .ebscn-alphabet-keyboard-extra-darkkey {
@@ -26,24 +30,32 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
26
30
  width: 11.2%;
27
31
  height: 42px;
28
32
  border-radius: 5px;
33
+ background-color: #adb3bd;
29
34
  background-color: var(--ebscn-color-functionkey-background);
30
35
  font-size: var(--ebscn-font-size-9);
31
36
  }
32
37
  .ebscn-alphabet-keyboard-extra-darkkey:active {
38
+ background-color: #e5e5e5;
33
39
  background-color: var(--ebscn-color-keyboard-active-background);
34
40
  }
35
41
  .ebscn-alphabet-keyboard-extra-shift {
36
42
  margin-right: 3.73%;
37
- background: url(../../assets/images/keybord_shift.png) var(--ebscn-color-functionkey-background) no-repeat center;
43
+ background: url(../../assets/images/keybord_shift.png) no-repeat center;
44
+ background-color: #adb3bd;
45
+ background-color: var(--ebscn-color-functionkey-background);
38
46
  background-size: 17px 17px;
39
47
  }
40
48
  .ebscn-alphabet-keyboard-extra-delete {
41
49
  margin-left: 2.26%;
42
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
50
+ background: url(../../assets/images/delete.png) no-repeat center;
51
+ background-color: #adb3bd;
52
+ background-color: var(--ebscn-color-functionkey-background);
43
53
  background-size: 24px 24px;
44
54
  }
45
55
  .ebscn-alphabet-keyboard-extra-keybord {
46
- background: url(../../assets/images/keybord_keybord.png) var(--ebscn-color-functionkey-background) no-repeat center;
56
+ background: url(../../assets/images/keybord_keybord.png) no-repeat center;
57
+ background-color: #adb3bd;
58
+ background-color: var(--ebscn-color-functionkey-background);
47
59
  background-size: 24px 18px;
48
60
  }
49
61
  .ebscn-alphabet-keyboard-extra-space {
@@ -54,10 +66,12 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
54
66
  height: 42px;
55
67
  border-radius: 5px;
56
68
  font-size: 16px;
69
+ background-color: #fff;
57
70
  background: var(--ebscn-color-keyboard-key-bg);
58
71
  }
59
72
  .ebscn-alphabet-keyboard-extra-space:active {
60
- background: var(--ebscn-color-border);
73
+ background-color: #eee;
74
+ background-color: var(--ebscn-color-border);
61
75
  }
62
76
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline,
63
77
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline,
@@ -77,11 +91,13 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
77
91
  justify-content: center;
78
92
  width: 8.4%;
79
93
  height: 42px;
94
+ background-color: #fff;
80
95
  background: var(--ebscn-color-keyboard-key-bg);
81
96
  border-radius: 5px;
82
97
  font-size: 23px;
83
98
  font-weight: 400;
84
99
  text-align: center;
100
+ color: #333;
85
101
  color: var(--ebscn-color-text);
86
102
  margin-right: 1.6%;
87
103
  }
@@ -89,7 +105,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
89
105
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline-key:active,
90
106
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline-key:active,
91
107
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-key:active {
92
- background: var(--ebscn-color-border);
108
+ background-color: #eee;
109
+ background-color: var(--ebscn-color-border);
93
110
  }
94
111
  .ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline {
95
112
  padding-left: 0.8%;
@@ -114,6 +131,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
114
131
  justify-content: center;
115
132
  width: 23.46%;
116
133
  height: 42px;
134
+ background-color: #e84225;
117
135
  background: var(--ebscn-color-primary);
118
136
  border-radius: 5px;
119
137
  font-size: 16px;
@@ -16,22 +16,27 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
16
16
  }
17
17
  .ebscn-stock-keyboard-top {
18
18
  padding: 11px 19px;
19
+ background-color: #fff;
19
20
  background-color: var(--ebscn-color-background);
20
21
  display: flex;
21
22
  align-items: center;
23
+ font-size: 18px;
22
24
  font-size: var(--ebscn-font-size-8);
23
25
  }
24
26
  .ebscn-stock-keyboard-top-item {
25
27
  margin-right: 24px;
28
+ color: #666;
26
29
  color: var(--ebscn-color-text-secondary);
27
30
  }
28
31
  .ebscn-stock-keyboard-top-item-active {
32
+ color: #e84225;
29
33
  color: var(--ebscn-color-primary);
30
34
  }
31
35
  .ebscn-stock-keyboard-bottom {
32
36
  display: flex;
33
37
  }
34
38
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right {
39
+ background-color: #d2d5d8;
35
40
  background-color: var(--ebscn-color-keyboard-bg);
36
41
  display: flex;
37
42
  flex-wrap: wrap;
@@ -41,7 +46,8 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
41
46
  align-content: flex-start;
42
47
  }
43
48
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right :last-child {
44
- background: var(--ebscn-color-primary);
49
+ background-color: #e84225;
50
+ background-color: var(--ebscn-color-primary);
45
51
  color: #fff;
46
52
  }
47
53
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key,
@@ -55,44 +61,61 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
55
61
  font-weight: 400;
56
62
  }
57
63
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key {
64
+ color: #333;
58
65
  color: var(--ebscn-color-text);
59
66
  font-size: 23px;
60
- background: var(--ebscn-color-keyboard-key-bg);
67
+ background-color: #fff;
68
+ background-color: var(--ebscn-color-keyboard-key-bg);
61
69
  }
62
70
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-key:active {
63
- background: var(--ebscn-color-keyboard-active-background);
71
+ background-color: #e5e5e5;
72
+ background-color: var(--ebscn-color-keyboard-active-background);
64
73
  }
65
74
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option {
75
+ font-size: 18px;
66
76
  font-size: var(--ebscn-font-size-10);
77
+ color: #333;
67
78
  color: var(--ebscn-color-text);
79
+ background-color: #adb3bd;
68
80
  background-color: var(--ebscn-color-functionkey-background);
69
81
  }
70
82
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-option:active {
83
+ font-size: 18px;
71
84
  font-size: var(--ebscn-font-size-10);
85
+ background-color: #e5e5e5;
72
86
  background-color: var(--ebscn-color-keyboard-active-background);
73
87
  }
74
88
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete {
75
- background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
89
+ background: url(../../assets/images/delete.png) no-repeat center;
90
+ background-color: #adb3bd;
91
+ background-color: var(--ebscn-color-functionkey-background);
76
92
  background-size: 24px 24px;
77
93
  }
78
94
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-delete:active {
79
- background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
95
+ background: url(../../assets/images/delete.png) no-repeat center;
96
+ background-color: #e5e5e5;
97
+ background-color: var(--ebscn-color-keyboard-active-background);
80
98
  background-size: 24px 24px;
81
99
  }
82
100
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey {
101
+ font-size: 18px;
83
102
  font-size: var(--ebscn-font-size-10);
84
103
  width: calc(25% - 7.5px);
104
+ background-color: #e84225;
85
105
  background-color: var(--ebscn-color-primary);
86
106
  }
87
107
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-confirmKey:active {
88
108
  background-color: #D03B21;
109
+ color: #fff;
89
110
  color: var(--ebscn-color-white);
90
111
  }
91
112
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-right-bottom-option {
113
+ font-size: 18px;
92
114
  font-size: var(--ebscn-font-size-10);
93
115
  }
94
116
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left {
95
117
  width: 20%;
118
+ background-color: #d2d5d8;
96
119
  background-color: var(--ebscn-color-keyboard-bg);
97
120
  }
98
121
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key {
@@ -102,14 +125,18 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
102
125
  border-radius: 4.17px;
103
126
  height: 48px;
104
127
  margin: 6px 3px 6px 6px;
128
+ font-size: 18px;
105
129
  font-size: var(--ebscn-font-size-10);
106
130
  font-weight: 400;
107
131
  text-align: center;
132
+ color: #333;
108
133
  color: var(--ebscn-color-text);
109
134
  line-height: 48px;
135
+ background-color: #adb3bd;
110
136
  background-color: var(--ebscn-color-functionkey-background);
111
137
  }
112
138
  .ebscn-stock-keyboard-bottom .ebscn-stock-keyboard-left-key:active {
139
+ background-color: #e5e5e5;
113
140
  background: var(--ebscn-color-keyboard-active-background);
114
141
  }
115
142
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
@@ -48,7 +48,7 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
53
53
  html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-blue: #4c7cf1;
@@ -48,5 +48,5 @@
48
48
  --ebscn-color-keyboard-bg: #d2d5d8;
49
49
  --ebscn-color-keyboard-key-bg: #fff;
50
50
  --ebscn-color-functionkey-background: #adb3bd;
51
- --ebscn-color-keyboard-active-background: #E5E5E5;
51
+ --ebscn-color-keyboard-active-background: #e5e5e5;
52
52
  }
package/es/index.d.ts CHANGED
@@ -36,3 +36,7 @@ export { default as Tabs } from './components/tabs';
36
36
  export { default as Tip } from './components/tip';
37
37
  export { default as ToastLoading } from './components/toastLoading';
38
38
  export { default as Input } from './components/input';
39
+ export { default as PayInput } from './components/pay-input';
40
+ export { default as MoneyInput } from './components/money-input';
41
+ export { default as FeneInput } from './components/fene-input';
42
+ export { default as CommonInput } from './components/common-input';
package/es/index.js CHANGED
@@ -38,7 +38,7 @@ export { default as Tabs } from './components/tabs';
38
38
  export { default as Tip } from './components/tip';
39
39
  export { default as ToastLoading } from './components/toastLoading';
40
40
  export { default as Input } from './components/input';
41
- // export { default as PayInput} from './components/pay-input';
42
- // export { default as MoneyInput } from './components/money-input';
43
- // export { default as FeneInput } from './components/fene-input';
44
- // export { default as CommonInput } from './components/common-input';
41
+ export { default as PayInput } from './components/pay-input';
42
+ export { default as MoneyInput } from './components/money-input';
43
+ export { default as FeneInput } from './components/fene-input';
44
+ export { default as CommonInput } from './components/common-input';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebscn/ui",
3
- "version": "1.0.3-beta.7",
3
+ "version": "1.0.3-beta.8",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",