phx-react 1.3.413 → 1.3.414
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.
- package/dist/cjs/components/UploadAvatar/UploadAvatar.d.ts +1 -1
- package/dist/cjs/components/UploadAvatar/UploadAvatar.js +11 -13
- package/dist/cjs/components/UploadAvatar/UploadAvatar.js.map +1 -1
- package/dist/esm/components/UploadAvatar/UploadAvatar.d.ts +1 -1
- package/dist/esm/components/UploadAvatar/UploadAvatar.js +7 -9
- package/dist/esm/components/UploadAvatar/UploadAvatar.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,4 +6,4 @@ export interface UploadAvatarProps {
|
|
|
6
6
|
handleListenUpload: any;
|
|
7
7
|
defaultValue?: string;
|
|
8
8
|
}
|
|
9
|
-
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: UploadAvatarProps): React.JSX.Element;
|
|
9
|
+
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: Readonly<UploadAvatarProps>): React.JSX.Element;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.
|
|
5
|
-
var react_2 = require("react");
|
|
4
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
5
|
var Button_1 = require("../Button");
|
|
7
6
|
function PHXUploadAvatar(_a) {
|
|
8
7
|
var _this = this;
|
|
9
8
|
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultValue = _a.defaultValue, handleListenUpload = _a.handleListenUpload, projectId = _a.projectId;
|
|
10
|
-
var _b = (0,
|
|
11
|
-
var inputRef = (0,
|
|
9
|
+
var _b = (0, react_1.useState)(''), link = _b[0], setLink = _b[1];
|
|
10
|
+
var inputRef = (0, react_1.useRef)(null);
|
|
12
11
|
var defaultAvatar = 'https://static-data-sisv2.phx-smartschool.com/common/prod/avatar/default_avatar.png';
|
|
13
|
-
var _c = (0,
|
|
12
|
+
var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
|
|
14
13
|
var handleUploadAvatar = function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
15
14
|
var files, fileLength, selectedFile, formData, response, responseData, res, error_1;
|
|
16
15
|
return tslib_1.__generator(this, function (_a) {
|
|
@@ -66,7 +65,7 @@ function PHXUploadAvatar(_a) {
|
|
|
66
65
|
setLink(defaultAvatar);
|
|
67
66
|
handleListenUpload(defaultAvatar);
|
|
68
67
|
};
|
|
69
|
-
(0,
|
|
68
|
+
(0, react_1.useEffect)(function () {
|
|
70
69
|
if (defaultValue) {
|
|
71
70
|
setLink(defaultValue);
|
|
72
71
|
}
|
|
@@ -74,13 +73,12 @@ function PHXUploadAvatar(_a) {
|
|
|
74
73
|
return;
|
|
75
74
|
}
|
|
76
75
|
}, [defaultValue]);
|
|
77
|
-
return (react_1["default"].createElement(
|
|
78
|
-
react_1["default"].createElement("
|
|
79
|
-
|
|
80
|
-
react_1["default"].createElement(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
defaultValue || link ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null))));
|
|
76
|
+
return (react_1["default"].createElement("div", { className: ' items-center lg:flex xl:flex' },
|
|
77
|
+
react_1["default"].createElement("img", { alt: 'avatar', className: 'inline-block h-14 w-14 rounded-full', src: link && !loading ? link : defaultAvatar }),
|
|
78
|
+
react_1["default"].createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
|
|
79
|
+
react_1["default"].createElement(Button_1.PHXButton, { className: 'lg:mr-3 lg:mt-0 mt-4', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
|
|
80
|
+
react_1["default"].createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
|
|
81
|
+
defaultValue || link ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small', className: 'ml-3 lg:ml-0' }, "X\u00F3a \u1EA3nh")) : null)));
|
|
84
82
|
}
|
|
85
83
|
exports["default"] = PHXUploadAvatar;
|
|
86
84
|
//# sourceMappingURL=UploadAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,4 +6,4 @@ export interface UploadAvatarProps {
|
|
|
6
6
|
handleListenUpload: any;
|
|
7
7
|
defaultValue?: string;
|
|
8
8
|
}
|
|
9
|
-
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: UploadAvatarProps): React.JSX.Element;
|
|
9
|
+
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: Readonly<UploadAvatarProps>): React.JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __awaiter, __generator } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
4
3
|
import { PHXButton } from '../Button';
|
|
5
4
|
export default function PHXUploadAvatar(_a) {
|
|
6
5
|
var _this = this;
|
|
@@ -72,12 +71,11 @@ export default function PHXUploadAvatar(_a) {
|
|
|
72
71
|
return;
|
|
73
72
|
}
|
|
74
73
|
}, [defaultValue]);
|
|
75
|
-
return (React.createElement(
|
|
76
|
-
React.createElement("
|
|
77
|
-
|
|
78
|
-
React.createElement(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
defaultValue || link ? (React.createElement(PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null))));
|
|
74
|
+
return (React.createElement("div", { className: ' items-center lg:flex xl:flex' },
|
|
75
|
+
React.createElement("img", { alt: 'avatar', className: 'inline-block h-14 w-14 rounded-full', src: link && !loading ? link : defaultAvatar }),
|
|
76
|
+
React.createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
|
|
77
|
+
React.createElement(PHXButton, { className: 'lg:mr-3 lg:mt-0 mt-4', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
|
|
78
|
+
React.createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
|
|
79
|
+
defaultValue || link ? (React.createElement(PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small', className: 'ml-3 lg:ml-0' }, "X\u00F3a \u1EA3nh")) : null)));
|
|
82
80
|
}
|
|
83
81
|
//# sourceMappingURL=UploadAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}
|