@ebscn/ui 1.0.3-beta.17 → 1.0.3-beta.19

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 (9) hide show
  1. package/cjs/components/date-range-picker/date-range-picker.js +2 -0
  2. package/cjs/components/pull-to-refresh/pull-to-refresh.css +10 -1
  3. package/cjs/components/pull-to-refresh/pull-to-refresh.d.ts +1 -1
  4. package/cjs/components/pull-to-refresh/pull-to-refresh.js +5 -5
  5. package/es/components/date-range-picker/date-range-picker.js +2 -0
  6. package/es/components/pull-to-refresh/pull-to-refresh.css +10 -1
  7. package/es/components/pull-to-refresh/pull-to-refresh.d.ts +1 -1
  8. package/es/components/pull-to-refresh/pull-to-refresh.js +5 -5
  9. package/package.json +1 -1
package/cjs/components/date-range-picker/date-range-picker.js CHANGED
@@ -217,8 +217,10 @@ var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forw
217
217
  innerValue = _f[0],
218
218
  setInnerValue = _f[1];
219
219
  (0, _react.useEffect)(function () {
220
+ var _a;
220
221
  //todo
221
222
  setInnerValue(pickerValue);
223
+ (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, pickerValue);
222
224
  }, [visible, pickerValue]);
223
225
  var _g = (0, _react.useState)(0),
224
226
  activeIndex = _g[0],
package/cjs/components/pull-to-refresh/pull-to-refresh.css CHANGED
@@ -14,7 +14,7 @@
14
14
  align-items: center;
15
15
  }
16
16
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey {
17
- --background-color: #f5f5f5;
17
+ --background-color: #f5f6fa;
18
18
  }
19
19
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-complete,
20
20
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-canRelease,
@@ -22,6 +22,15 @@
22
22
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-refreshing {
23
23
  color: #666;
24
24
  }
25
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark {
26
+ --background-color: #111111;
27
+ }
28
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-complete,
29
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-canRelease,
30
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-pulling,
31
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-refreshing {
32
+ color: white;
33
+ }
25
34
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-primary {
26
35
  --background-color: var(--ebscn-color-primary);
27
36
  }
package/cjs/components/pull-to-refresh/pull-to-refresh.d.ts CHANGED
@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
2
2
  import { NativeProps } from '../../utils/native-props';
3
3
  export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
4
4
  export type PullToRefreshProps = {
5
- color?: 'primary' | 'grey';
5
+ color?: 'primary' | 'grey' | 'dark';
6
6
  onRefresh?: () => Promise<any>;
7
7
  pullingText?: ReactNode;
8
8
  canReleaseText?: ReactNode;
package/cjs/components/pull-to-refresh/pull-to-refresh.js CHANGED
@@ -150,28 +150,28 @@ var PullToRefresh = function (p) {
150
150
  var props = (0, _withDefaultProps.mergeProps)(defaultProps, {
151
151
  refreshingText: _react2.default.createElement("div", {
152
152
  className: "".concat(classPrefix, "-refreshing")
153
- }, _react2.default.createElement(_react2.Suspense, null, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
153
+ }, _react2.default.createElement(_react2.Suspense, null, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
154
154
  src: _pull_loading_refreshing_white.default
155
155
  }) : _react2.default.createElement("img", {
156
156
  src: _pull_loading_refreshing_grey.default
157
157
  })), _react2.default.createElement("p", null, " "))),
158
158
  pullingText: _react2.default.createElement("div", {
159
159
  className: "".concat(classPrefix, "-pulling")
160
- }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
160
+ }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
161
161
  src: _pull_loading_white.default
162
162
  }) : _react2.default.createElement("img", {
163
163
  src: _pull_loading_grey.default
164
164
  })), _react2.default.createElement("p", null, " ")),
165
165
  canReleaseText: _react2.default.createElement("div", {
166
166
  className: "".concat(classPrefix, "-canRelease")
167
- }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
167
+ }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
168
168
  src: _pull_loading_white.default
169
169
  }) : _react2.default.createElement("img", {
170
170
  src: _pull_loading_grey.default
171
171
  })), _react2.default.createElement("p", null, "\u677E\u5F00\u5237\u65B0")),
172
172
  completeText: _react2.default.createElement("div", {
173
173
  className: "".concat(classPrefix, "-complete")
174
- }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
174
+ }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
175
175
  src: _pull_loading_white.default
176
176
  }) : _react2.default.createElement("img", {
177
177
  src: _pull_loading_grey.default
@@ -332,7 +332,7 @@ var PullToRefresh = function (p) {
332
332
  className: classPrefix
333
333
  }, _react2.default.createElement(_web.animated.div, {
334
334
  style: springStyles,
335
- className: (0, _classnames.default)("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a))
335
+ className: (0, _classnames.default)("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a["".concat(classPrefix, "-head-dark")] = props.color === 'dark', _a))
336
336
  }, _react2.default.createElement("div", {
337
337
  className: "".concat(classPrefix, "-head-content"),
338
338
  style: {
package/es/components/date-range-picker/date-range-picker.js CHANGED
@@ -207,8 +207,10 @@ export var DateRangePicker = memo(forwardRef(function (p, ref) {
207
207
  innerValue = _f[0],
208
208
  setInnerValue = _f[1];
209
209
  useEffect(function () {
210
+ var _a;
210
211
  //todo
211
212
  setInnerValue(pickerValue);
213
+ (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, pickerValue);
212
214
  }, [visible, pickerValue]);
213
215
  var _g = useState(0),
214
216
  activeIndex = _g[0],
package/es/components/pull-to-refresh/pull-to-refresh.css CHANGED
@@ -14,7 +14,7 @@
14
14
  align-items: center;
15
15
  }
16
16
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey {
17
- --background-color: #f5f5f5;
17
+ --background-color: #f5f6fa;
18
18
  }
19
19
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-complete,
20
20
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-canRelease,
@@ -22,6 +22,15 @@
22
22
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-refreshing {
23
23
  color: #666;
24
24
  }
25
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark {
26
+ --background-color: #111111;
27
+ }
28
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-complete,
29
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-canRelease,
30
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-pulling,
31
+ .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-refreshing {
32
+ color: white;
33
+ }
25
34
  .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-primary {
26
35
  --background-color: var(--ebscn-color-primary);
27
36
  }
package/es/components/pull-to-refresh/pull-to-refresh.d.ts CHANGED
@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
2
2
  import { NativeProps } from '../../utils/native-props';
3
3
  export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
4
4
  export type PullToRefreshProps = {
5
- color?: 'primary' | 'grey';
5
+ color?: 'primary' | 'grey' | 'dark';
6
6
  onRefresh?: () => Promise<any>;
7
7
  pullingText?: ReactNode;
8
8
  canReleaseText?: ReactNode;
package/es/components/pull-to-refresh/pull-to-refresh.js CHANGED
@@ -141,28 +141,28 @@ export var PullToRefresh = function (p) {
141
141
  var props = mergeProps(defaultProps, {
142
142
  refreshingText: React.createElement("div", {
143
143
  className: "".concat(classPrefix, "-refreshing")
144
- }, React.createElement(Suspense, null, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? React.createElement("img", {
144
+ }, React.createElement(Suspense, null, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? React.createElement("img", {
145
145
  src: PullLoadingRefreshingWhite
146
146
  }) : React.createElement("img", {
147
147
  src: PullLoadingRefreshingGrey
148
148
  })), React.createElement("p", null, " "))),
149
149
  pullingText: React.createElement("div", {
150
150
  className: "".concat(classPrefix, "-pulling")
151
- }, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? React.createElement("img", {
151
+ }, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? React.createElement("img", {
152
152
  src: PullLoadingWhite
153
153
  }) : React.createElement("img", {
154
154
  src: PullLoadingGrey
155
155
  })), React.createElement("p", null, " ")),
156
156
  canReleaseText: React.createElement("div", {
157
157
  className: "".concat(classPrefix, "-canRelease")
158
- }, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? React.createElement("img", {
158
+ }, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? React.createElement("img", {
159
159
  src: PullLoadingWhite
160
160
  }) : React.createElement("img", {
161
161
  src: PullLoadingGrey
162
162
  })), React.createElement("p", null, "\u677E\u5F00\u5237\u65B0")),
163
163
  completeText: React.createElement("div", {
164
164
  className: "".concat(classPrefix, "-complete")
165
- }, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? React.createElement("img", {
165
+ }, React.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? React.createElement("img", {
166
166
  src: PullLoadingWhite
167
167
  }) : React.createElement("img", {
168
168
  src: PullLoadingGrey
@@ -323,7 +323,7 @@ export var PullToRefresh = function (p) {
323
323
  className: classPrefix
324
324
  }, React.createElement(animated.div, {
325
325
  style: springStyles,
326
- className: classNames("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a))
326
+ className: classNames("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a["".concat(classPrefix, "-head-dark")] = props.color === 'dark', _a))
327
327
  }, React.createElement("div", {
328
328
  className: "".concat(classPrefix, "-head-content"),
329
329
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebscn/ui",
3
- "version": "1.0.3-beta.17",
3
+ "version": "1.0.3-beta.19",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",