@ucloud-fe/react-components 1.5.10 → 1.5.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 (18) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/main.min.js +4 -4
  3. package/lib/components/DatePicker/Range.js +4 -2
  4. package/lib/components/Message/Message.js +14 -5
  5. package/lib/components/Message/style/index.js +44 -37
  6. package/lib/components/SvgIcon/SvgIcon.js +13 -1
  7. package/lib/components/SvgIcon/icons/CircleCrossFill.d.ts +3 -0
  8. package/lib/components/SvgIcon/icons/CircleCrossFill.js +23 -0
  9. package/lib/components/SvgIcon/icons/CircleMarkFill.d.ts +3 -0
  10. package/lib/components/SvgIcon/icons/CircleMarkFill.js +23 -0
  11. package/lib/components/SvgIcon/icons/CircleYesMdFill.d.ts +3 -0
  12. package/lib/components/SvgIcon/icons/CircleYesMdFill.js +23 -0
  13. package/lib/components/SvgIcon/icons/LoadingLIne.js +24 -0
  14. package/lib/components/SvgIcon/icons/LoadingLine.d.ts +3 -0
  15. package/lib/components/SvgIcon/icons/LoadingLine.js +24 -0
  16. package/lib/style/animation.d.ts +1 -0
  17. package/lib/style/animation.js +5 -3
  18. package/package.json +4 -4
package/lib/components/SvgIcon/SvgIcon.js CHANGED
@@ -101,6 +101,14 @@ var _DoubleArrowRight = _interopRequireDefault(require("./icons/DoubleArrowRight
101
101
 
102
102
  var _DoubleArrowLeft = _interopRequireDefault(require("./icons/DoubleArrowLeft"));
103
103
 
104
+ var _CircleMarkFill = _interopRequireDefault(require("./icons/CircleMarkFill"));
105
+
106
+ var _CircleCrossFill = _interopRequireDefault(require("./icons/CircleCrossFill"));
107
+
108
+ var _CircleYesMdFill = _interopRequireDefault(require("./icons/CircleYesMdFill"));
109
+
110
+ var _LoadingLine = _interopRequireDefault(require("./icons/LoadingLine"));
111
+
104
112
  var _QuestionCircle = _interopRequireDefault(require("./icons/QuestionCircle"));
105
113
 
106
114
  var _CrossCircle = _interopRequireDefault(require("./icons/CrossCircle"));
@@ -158,7 +166,11 @@ var IconMap = {
158
166
  sort: _Sort.default,
159
167
  filter: _Filter.default,
160
168
  cog: _Cog.default,
161
- dragger: _Dragger.default
169
+ dragger: _Dragger.default,
170
+ 'circle-mark-fill': _CircleMarkFill.default,
171
+ 'circle-cross-fill': _CircleCrossFill.default,
172
+ 'circle-yes-md-fill': _CircleYesMdFill.default,
173
+ 'loading-line': _LoadingLine.default
162
174
  }; // circle
163
175
 
164
176
  (0, _forEach2.default)({
package/lib/components/SvgIcon/icons/CircleCrossFill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare var _default: React.MemoExoticComponent<() => JSX.Element>;
2
+ export default _default;
3
+ import React from "react";
package/lib/components/SvgIcon/icons/CircleCrossFill.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _this = void 0;
15
+
16
+ var _default = /*#__PURE__*/_react.default.memo(function () {
17
+ (0, _newArrowCheck2.default)(this, _this);
18
+ return /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M12,2 C17.5227273,2 22,6.47727273 22,12 C22,17.5227273 17.5227273,22 12,22 C6.47727273,22 2,17.5227273 2,12 C2,6.47727273 6.47727273,2 12,2 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z"
20
+ });
21
+ }.bind(void 0));
22
+
23
+ exports.default = _default;
package/lib/components/SvgIcon/icons/CircleMarkFill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare var _default: React.MemoExoticComponent<() => JSX.Element>;
2
+ export default _default;
3
+ import React from "react";
package/lib/components/SvgIcon/icons/CircleMarkFill.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _this = void 0;
15
+
16
+ var _default = /*#__PURE__*/_react.default.memo(function () {
17
+ (0, _newArrowCheck2.default)(this, _this);
18
+ return /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M12,2 C17.5227273,2 22,6.47704545 22,12 C22,17.5229545 17.5227273,22 12,22 C6.47727273,22 2,17.5229545 2,12 C2,6.47704545 6.47727273,2 12,2 Z M13,10 L11,10 L11,18 L13,18 L13,10 Z M13,6 L11,6 L11,8 L13,8 L13,6 Z"
20
+ });
21
+ }.bind(void 0));
22
+
23
+ exports.default = _default;
package/lib/components/SvgIcon/icons/CircleYesMdFill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare var _default: React.MemoExoticComponent<() => JSX.Element>;
2
+ export default _default;
3
+ import React from "react";
package/lib/components/SvgIcon/icons/CircleYesMdFill.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _this = void 0;
15
+
16
+ var _default = /*#__PURE__*/_react.default.memo(function () {
17
+ (0, _newArrowCheck2.default)(this, _this);
18
+ return /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M12,2 C17.5227273,2 22,6.47704545 22,12 C22,17.5229545 17.5227273,22 12,22 C6.47727273,22 2,17.5229545 2,12 C2,6.47704545 6.47727273,2 12,2 Z M16.6645904,7.42374545 L10.4738939,13.7028333 L7.35821185,10.4377847 L5.91113145,11.8183492 L9.76006017,15.8520392 C10.1231096,16.2099393 10.6905242,16.2336168 11.0806269,15.9257979 L11.1742377,15.8419385 L18.0888685,8.82782225 L16.6645904,7.42374545 Z"
20
+ });
21
+ }.bind(void 0));
22
+
23
+ exports.default = _default;
package/lib/components/SvgIcon/icons/LoadingLIne.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _this = void 0;
15
+
16
+ var _default = /*#__PURE__*/_react.default.memo(function () {
17
+ (0, _newArrowCheck2.default)(this, _this);
18
+ return /*#__PURE__*/_react.default.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M12,2 C12.5522847,2 13,2.44771525 13,3 C13,3.51283584 12.6139598,3.93550716 12.1166211,3.99327227 L12,4 C7.58171975,4 4,7.58171975 4,12 C4,16.4182803 7.58171975,20 12,20 C16.1040365,20 19.4862791,16.9096511 19.9466327,12.9290481 L19.9599047,12.9288001 C19.9964185,12.4097435 20.4290634,12 20.9574091,12 C21.470245,12 21.8929163,12.3860402 21.9506814,12.8833789 L21.953,12.929 L21.9574091,12.9291139 L21.954,12.954 L21.9574091,13 C21.9574091,13.092778 21.9447744,13.182605 21.9211317,13.2678542 C21.2973578,18.1920943 17.0933731,22 12,22 C6.47715025,22 2,17.5228497 2,12 C2,6.57075787 6.32666861,2.15206821 11.720095,2.0038418 L12,2 Z"
21
+ });
22
+ }.bind(void 0));
23
+
24
+ exports.default = _default;
package/lib/components/SvgIcon/icons/LoadingLine.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare var _default: React.MemoExoticComponent<() => JSX.Element>;
2
+ export default _default;
3
+ import React from "react";
package/lib/components/SvgIcon/icons/LoadingLine.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _this = void 0;
15
+
16
+ var _default = /*#__PURE__*/_react.default.memo(function () {
17
+ (0, _newArrowCheck2.default)(this, _this);
18
+ return /*#__PURE__*/_react.default.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M12,2 C12.5522847,2 13,2.44771525 13,3 C13,3.51283584 12.6139598,3.93550716 12.1166211,3.99327227 L12,4 C7.58171975,4 4,7.58171975 4,12 C4,16.4182803 7.58171975,20 12,20 C16.1040365,20 19.4862791,16.9096511 19.9466327,12.9290481 L19.9599047,12.9288001 C19.9964185,12.4097435 20.4290634,12 20.9574091,12 C21.470245,12 21.8929163,12.3860402 21.9506814,12.8833789 L21.953,12.929 L21.9574091,12.9291139 L21.954,12.954 L21.9574091,13 C21.9574091,13.092778 21.9447744,13.182605 21.9211317,13.2678542 C21.2973578,18.1920943 17.0933731,22 12,22 C6.47715025,22 2,17.5228497 2,12 C2,6.57075787 6.32666861,2.15206821 11.720095,2.0038418 L12,2 Z"
21
+ });
22
+ }.bind(void 0));
23
+
24
+ exports.default = _default;
package/lib/style/animation.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare const zoomIn: import("@emotion/serialize").Keyframes;
10
10
  export declare const zoomOut: import("@emotion/serialize").Keyframes;
11
11
  export declare const slideOutDown: import("@emotion/serialize").Keyframes;
12
12
  export declare const slideInDown: import("@emotion/serialize").Keyframes;
13
+ export declare const slideInRight: import("@emotion/serialize").Keyframes;
13
14
  export declare const spinKeyframes: import("@emotion/serialize").Keyframes;
14
15
  export declare const transitionUp = ".22s cubic-bezier(.4,0,.2,1)";
15
16
  export declare const transitionDown = ".18s cubic-bezier(.4,0,.2,1)";
package/lib/style/animation.js CHANGED
@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.transitionFlat = exports.transitionDown = exports.transitionUp = exports.spinKeyframes = exports.slideInDown = exports.slideOutDown = exports.zoomOut = exports.zoomIn = exports.bounceOut = exports.bounceIn = exports.fadeOut = exports.fadeIn = exports.slideDownOut = exports.slideDownIn = exports.slideUpOut = exports.slideUpIn = void 0;
8
+ exports.transitionFlat = exports.transitionDown = exports.transitionUp = exports.spinKeyframes = exports.slideInRight = exports.slideInDown = exports.slideOutDown = exports.zoomOut = exports.zoomIn = exports.bounceOut = exports.bounceIn = exports.fadeOut = exports.fadeIn = exports.slideDownOut = exports.slideDownIn = exports.slideUpOut = exports.slideUpIn = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
12
  var _core = require("@emotion/core");
13
13
 
14
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
14
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
15
15
 
16
16
  var slideUpIn = (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n"])));
17
17
  exports.slideUpIn = slideUpIn;
@@ -37,7 +37,9 @@ var slideOutDown = (0, _core.keyframes)(_templateObject11 || (_templateObject11
37
37
  exports.slideOutDown = slideOutDown;
38
38
  var slideInDown = (0, _core.keyframes)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n from {\n transform: translate3d(0, -100%, 0);\n visibility: visible;\n }\n\n to {\n transform: translate3d(0, 0, 0);\n }\n"])));
39
39
  exports.slideInDown = slideInDown;
40
- var spinKeyframes = (0, _core.keyframes)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
40
+ var slideInRight = (0, _core.keyframes)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n 0% {\n transform: translate3d(100%, 0, 0);\n visibility: hidden;\n }\n\n 100% {\n transform: translate3d(0, 0, 0);\n }\n"])));
41
+ exports.slideInRight = slideInRight;
42
+ var spinKeyframes = (0, _core.keyframes)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
41
43
  exports.spinKeyframes = spinKeyframes;
42
44
  var transitionUp = '.22s cubic-bezier(.4,0,.2,1)';
43
45
  exports.transitionUp = transitionUp;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ucloud-fe/react-components",
3
- "version": "1.5.10",
3
+ "version": "1.5.14",
4
4
  "title": "UCloud react components",
5
5
  "description": "UCloud react components",
6
6
  "keywords": [
@@ -35,7 +35,7 @@
35
35
  "build:styleguide": "styleguidist build",
36
36
  "build:gh-pages": "./scripts/gh-pages.sh",
37
37
  "build:ts": "tsc && tsc-alias",
38
- "build:recodo": "@ucloud-fe/recodo-gen build -p src/components -t .recodo/data/",
38
+ "build:recodo": "recodo-gen build -p src/components -t .recodo/data/ && prettier --write .recodo/data/*.{json,js}",
39
39
  "start:recodo-doc": "webpack serve --config .recodo/webpack.config.js",
40
40
  "build:recodo-doc": "NODE_ENV=production webpack --config .recodo/webpack.config.js",
41
41
  "test": "jest --testPathIgnorePatterns=image.test.js --testPathIgnorePatterns=lib.manual.test.js",
@@ -58,7 +58,7 @@
58
58
  "dependencies": {
59
59
  "@emotion/core": "^10.0.35",
60
60
  "@emotion/styled": "^10.0.27",
61
- "@ucloud-fe/calendar": "0.6.0",
61
+ "@ucloud-fe/calendar": "0.6.1",
62
62
  "classnames": "^2.2.5",
63
63
  "component-classes": "^1.2.6",
64
64
  "create-react-context": "^0.2.3",
@@ -105,6 +105,7 @@
105
105
  "@types/react-dom": "^16",
106
106
  "@typescript-eslint/eslint-plugin": "^4.14.2",
107
107
  "@typescript-eslint/parser": "^4.14.2",
108
+ "@ucloud-fe/recodo-gen": "^1.3.0",
108
109
  "ast-types": "^0.14.2",
109
110
  "axios": "^0.21.1",
110
111
  "babel-eslint": "^10.1.0",
@@ -142,7 +143,6 @@
142
143
  "react-dom": "^16",
143
144
  "react-styleguidist": "^11.1.5",
144
145
  "react-test-renderer": "^16",
145
- "@ucloud-fe/recodo-gen": "^1.0.1",
146
146
  "standard-version": "^8.0.2",
147
147
  "style-loader": "^0.20.3",
148
148
  "stylelint": "^9.9.0",