@ebscn/ui 1.0.3-beta.3 → 1.0.3-beta.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 (15) hide show
  1. package/cjs/components/number-keyboard/number-keyboard.css +38 -25
  2. package/cjs/components/number-keyboard/number-keyboard.d.ts +1 -0
  3. package/cjs/components/number-keyboard/number-keyboard.js +1 -0
  4. package/cjs/global/global.css +1 -1
  5. package/cjs/global/theme-dark.css +1 -1
  6. package/cjs/index.d.ts +4 -0
  7. package/cjs/index.js +33 -1
  8. package/es/components/number-keyboard/number-keyboard.css +38 -25
  9. package/es/components/number-keyboard/number-keyboard.d.ts +1 -0
  10. package/es/components/number-keyboard/number-keyboard.js +1 -0
  11. package/es/global/global.css +1 -1
  12. package/es/global/theme-dark.css +1 -1
  13. package/es/index.d.ts +4 -0
  14. package/es/index.js +4 -4
  15. package/package.json +2 -10
package/cjs/components/number-keyboard/number-keyboard.css CHANGED
@@ -1,13 +1,28 @@
1
+ :root {
2
+ --ebscn-color-keyboard-bg: #d2d5d8;
3
+ --ebscn-color-keyboard-key-bg: #fff;
4
+ --ebscn-color-functionkey-background: #adb3bd;
5
+ --ebscn-color-keyboard-active-background: #E5E5E5;
6
+ }
7
+ html[data-prefers-color-scheme='dark'] {
8
+ --ebscn-color-keyboard-bg: #1a1a1a;
9
+ --ebscn-color-keyboard-key-bg: #474747;
10
+ --ebscn-color-functionkey-background: #292929;
11
+ --ebscn-color-keyboard-active-background: #323232;
12
+ }
1
13
  .ebscn-number-keyboard {
2
14
  display: none;
3
15
  position: fixed;
16
+ z-index: 9999;
4
17
  bottom: 0;
18
+ left: 0;
5
19
  transform: translateY(101%);
6
20
  display: flex;
7
21
  flex-wrap: wrap;
8
22
  width: 100%;
9
- height: 216px;
10
- padding: 0 0 0 0;
23
+ height: 223px;
24
+ padding: 3px;
25
+ background-color: var(--ebscn-color-keyboard-bg);
11
26
  transition: all 0.5s;
12
27
  align-content: flex-start;
13
28
  }
@@ -16,50 +31,48 @@
16
31
  color: var(--ebscn-color-background);
17
32
  }
18
33
  .ebscn-number-keyboard-key {
19
- width: 25%;
20
- height: 54px;
21
- line-height: 54px;
34
+ width: calc(25% - 7.5px);
35
+ height: 48px;
36
+ line-height: 48px;
37
+ border-radius: 4.17px;
38
+ margin: 3px;
22
39
  text-align: center;
23
40
  font-size: 24px;
24
- font-weight: Regular;
41
+ font-weight: bold;
25
42
  color: var(--ebscn-color-text-dark-solid);
26
43
  font-weight: 300;
44
+ color: var(--ebscn-color-text);
27
45
  box-shadow: 0 0 0 1px #cccccc;
28
- background: var(--ebscn-color-background);
46
+ background: var(--ebscn-color-keyboard-key-bg);
29
47
  }
30
48
  .ebscn-number-keyboard-key:active {
31
- width: 25%;
32
- height: 54px;
33
- line-height: 54px;
34
- text-align: center;
35
- font-size: 24px;
36
- color: var(--ebscn-color-text-dark-solid);
37
- font-weight: 300;
38
- box-shadow: 0 0 0 1px #cccccc;
39
- background: var(--ebscn-color-border);
49
+ background: var(--ebscn-color-keyboard-active-background);
40
50
  }
41
51
  .ebscn-number-keyboard-option {
42
52
  font-size: var(--ebscn-font-size-11);
43
- background: #e1e3e8;
53
+ color: var(--ebscn-color-text);
54
+ background-color: var(--ebscn-color-functionkey-background);
44
55
  }
45
56
  .ebscn-number-keyboard-option:active {
46
57
  font-size: var(--ebscn-font-size-11);
47
- background: #CACBD0;
58
+ background-color: var(--ebscn-color-keyboard-active-background);
48
59
  }
49
60
  .ebscn-number-keyboard-delete {
50
- background: url(../../assets/images/delete.png) #e1e3e8 no-repeat center;
61
+ background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
51
62
  background-size: 24px 24px;
52
63
  }
53
64
  .ebscn-number-keyboard-delete:active {
54
- background: url(../../assets/images/delete.png) #CACBD0 no-repeat center;
65
+ background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
55
66
  background-size: 24px 24px;
56
67
  }
57
68
  .ebscn-number-keyboard-confirmKey {
58
69
  background-color: var(--ebscn-color-primary);
59
- width: 25%;
60
- height: 54px;
61
- line-height: 54px;
70
+ width: calc(25% - 7.5px);
71
+ height: 48px;
72
+ line-height: 48px;
62
73
  text-align: center;
74
+ border-radius: 4.17px;
75
+ margin: 3px;
63
76
  font-size: var(--ebscn-font-size-11);
64
77
  color: var(--ebscn-color-text-dark-solid);
65
78
  font-weight: 300;
@@ -71,7 +84,7 @@
71
84
  }
72
85
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
73
86
  .ebscn-number-keyboard {
74
- height: calc(216px + env(safe-area-inset-bottom));
75
- height: calc(216px + constant(safe-area-inset-bottom));
87
+ height: calc(223px + env(safe-area-inset-bottom));
88
+ height: calc(223px + constant(safe-area-inset-bottom));
76
89
  }
77
90
  }
package/cjs/components/number-keyboard/number-keyboard.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeProps } from '../../utils/native-props';
3
+ import './number-keyboard.less';
3
4
  export type NumberKeyboardProps = {
4
5
  types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
5
6
  type?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
package/cjs/components/number-keyboard/number-keyboard.js CHANGED
@@ -8,6 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _nativeProps = require("../../utils/native-props");
10
10
  var _withDefaultProps = require("../../utils/with-default-props");
11
+ require("./number-keyboard.css");
11
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/cjs/global/global.css CHANGED
@@ -54,7 +54,7 @@ html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-yellow: #ffa930;
55
55
  --ebscn-color-orange: #e65a2b;
56
56
  --ebscn-color-wathet: #0d2543;
57
- --ebscn-color-text: #e6e6e6;
57
+ --ebscn-color-text: #ebebeb;
58
58
  --ebscn-color-text-secondary: #b3b3b3;
59
59
  --ebscn-color-weak: #808080;
60
60
  --ebscn-color-light: #4d4d4d;
package/cjs/global/theme-dark.css CHANGED
@@ -6,7 +6,7 @@ html[data-prefers-color-scheme='dark'] {
6
6
  --ebscn-color-yellow: #ffa930;
7
7
  --ebscn-color-orange: #e65a2b;
8
8
  --ebscn-color-wathet: #0d2543;
9
- --ebscn-color-text: #e6e6e6;
9
+ --ebscn-color-text: #ebebeb;
10
10
  --ebscn-color-text-secondary: #b3b3b3;
11
11
  --ebscn-color-weak: #808080;
12
12
  --ebscn-color-light: #4d4d4d;
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 }; }
package/es/components/number-keyboard/number-keyboard.css CHANGED
@@ -1,13 +1,28 @@
1
+ :root {
2
+ --ebscn-color-keyboard-bg: #d2d5d8;
3
+ --ebscn-color-keyboard-key-bg: #fff;
4
+ --ebscn-color-functionkey-background: #adb3bd;
5
+ --ebscn-color-keyboard-active-background: #E5E5E5;
6
+ }
7
+ html[data-prefers-color-scheme='dark'] {
8
+ --ebscn-color-keyboard-bg: #1a1a1a;
9
+ --ebscn-color-keyboard-key-bg: #474747;
10
+ --ebscn-color-functionkey-background: #292929;
11
+ --ebscn-color-keyboard-active-background: #323232;
12
+ }
1
13
  .ebscn-number-keyboard {
2
14
  display: none;
3
15
  position: fixed;
16
+ z-index: 9999;
4
17
  bottom: 0;
18
+ left: 0;
5
19
  transform: translateY(101%);
6
20
  display: flex;
7
21
  flex-wrap: wrap;
8
22
  width: 100%;
9
- height: 216px;
10
- padding: 0 0 0 0;
23
+ height: 223px;
24
+ padding: 3px;
25
+ background-color: var(--ebscn-color-keyboard-bg);
11
26
  transition: all 0.5s;
12
27
  align-content: flex-start;
13
28
  }
@@ -16,50 +31,48 @@
16
31
  color: var(--ebscn-color-background);
17
32
  }
18
33
  .ebscn-number-keyboard-key {
19
- width: 25%;
20
- height: 54px;
21
- line-height: 54px;
34
+ width: calc(25% - 7.5px);
35
+ height: 48px;
36
+ line-height: 48px;
37
+ border-radius: 4.17px;
38
+ margin: 3px;
22
39
  text-align: center;
23
40
  font-size: 24px;
24
- font-weight: Regular;
41
+ font-weight: bold;
25
42
  color: var(--ebscn-color-text-dark-solid);
26
43
  font-weight: 300;
44
+ color: var(--ebscn-color-text);
27
45
  box-shadow: 0 0 0 1px #cccccc;
28
- background: var(--ebscn-color-background);
46
+ background: var(--ebscn-color-keyboard-key-bg);
29
47
  }
30
48
  .ebscn-number-keyboard-key:active {
31
- width: 25%;
32
- height: 54px;
33
- line-height: 54px;
34
- text-align: center;
35
- font-size: 24px;
36
- color: var(--ebscn-color-text-dark-solid);
37
- font-weight: 300;
38
- box-shadow: 0 0 0 1px #cccccc;
39
- background: var(--ebscn-color-border);
49
+ background: var(--ebscn-color-keyboard-active-background);
40
50
  }
41
51
  .ebscn-number-keyboard-option {
42
52
  font-size: var(--ebscn-font-size-11);
43
- background: #e1e3e8;
53
+ color: var(--ebscn-color-text);
54
+ background-color: var(--ebscn-color-functionkey-background);
44
55
  }
45
56
  .ebscn-number-keyboard-option:active {
46
57
  font-size: var(--ebscn-font-size-11);
47
- background: #CACBD0;
58
+ background-color: var(--ebscn-color-keyboard-active-background);
48
59
  }
49
60
  .ebscn-number-keyboard-delete {
50
- background: url(../../assets/images/delete.png) #e1e3e8 no-repeat center;
61
+ background: url(../../assets/images/delete.png) var(--ebscn-color-functionkey-background) no-repeat center;
51
62
  background-size: 24px 24px;
52
63
  }
53
64
  .ebscn-number-keyboard-delete:active {
54
- background: url(../../assets/images/delete.png) #CACBD0 no-repeat center;
65
+ background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-active-background) no-repeat center;
55
66
  background-size: 24px 24px;
56
67
  }
57
68
  .ebscn-number-keyboard-confirmKey {
58
69
  background-color: var(--ebscn-color-primary);
59
- width: 25%;
60
- height: 54px;
61
- line-height: 54px;
70
+ width: calc(25% - 7.5px);
71
+ height: 48px;
72
+ line-height: 48px;
62
73
  text-align: center;
74
+ border-radius: 4.17px;
75
+ margin: 3px;
63
76
  font-size: var(--ebscn-font-size-11);
64
77
  color: var(--ebscn-color-text-dark-solid);
65
78
  font-weight: 300;
@@ -71,7 +84,7 @@
71
84
  }
72
85
  @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
73
86
  .ebscn-number-keyboard {
74
- height: calc(216px + env(safe-area-inset-bottom));
75
- height: calc(216px + constant(safe-area-inset-bottom));
87
+ height: calc(223px + env(safe-area-inset-bottom));
88
+ height: calc(223px + constant(safe-area-inset-bottom));
76
89
  }
77
90
  }
package/es/components/number-keyboard/number-keyboard.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeProps } from '../../utils/native-props';
3
+ import './number-keyboard.less';
3
4
  export type NumberKeyboardProps = {
4
5
  types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
5
6
  type?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
package/es/components/number-keyboard/number-keyboard.js CHANGED
@@ -3,6 +3,7 @@ import { useEffect, useRef } from "react";
3
3
  import React from "react";
4
4
  import { withNativeProps } from '../../utils/native-props';
5
5
  import { mergeProps } from '../../utils/with-default-props';
6
+ import "./number-keyboard.css";
6
7
  var classPrefix = 'ebscn-number-keyboard';
7
8
  var defaultProps = {
8
9
  types: 'numberKeyboard',
package/es/global/global.css CHANGED
@@ -54,7 +54,7 @@ html[data-prefers-color-scheme='dark'] {
54
54
  --ebscn-color-yellow: #ffa930;
55
55
  --ebscn-color-orange: #e65a2b;
56
56
  --ebscn-color-wathet: #0d2543;
57
- --ebscn-color-text: #e6e6e6;
57
+ --ebscn-color-text: #ebebeb;
58
58
  --ebscn-color-text-secondary: #b3b3b3;
59
59
  --ebscn-color-weak: #808080;
60
60
  --ebscn-color-light: #4d4d4d;
package/es/global/theme-dark.css CHANGED
@@ -6,7 +6,7 @@ html[data-prefers-color-scheme='dark'] {
6
6
  --ebscn-color-yellow: #ffa930;
7
7
  --ebscn-color-orange: #e65a2b;
8
8
  --ebscn-color-wathet: #0d2543;
9
- --ebscn-color-text: #e6e6e6;
9
+ --ebscn-color-text: #ebebeb;
10
10
  --ebscn-color-text-secondary: #b3b3b3;
11
11
  --ebscn-color-weak: #808080;
12
12
  --ebscn-color-light: #4d4d4d;
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
@@ -37,8 +37,8 @@ export { default as Switch } from './components/switch';
37
37
  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
- //export { default as PayInput} from './components/pay-input';
41
- //export { default as MoneyInput } from './components/money-input';
42
- //export { default as FeneInput } from './components/fene-input';
43
40
  export { default as Input } from './components/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.3",
3
+ "version": "1.0.3-beta.4",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",
@@ -47,13 +47,5 @@
47
47
  "react-is": "^18.2.0",
48
48
  "react-photo-view": "^1.2.4",
49
49
  "use-sync-external-store": "^1.2.0"
50
- },
51
- "sideEffects": [
52
- "**/*.css",
53
- "**/*.less",
54
- "./es/index.js",
55
- "./src/index.ts",
56
- "./es/global/index.js",
57
- "./src/global/index.ts"
58
- ]
50
+ }
59
51
  }