phx-react 1.3.1671 → 1.3.1673
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/MainWrapV4/components/fixed-action.js +5 -6
- package/dist/cjs/components/MainWrapV4/components/fixed-action.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/hooks/use-fixed-action.d.ts +7 -6
- package/dist/cjs/components/MainWrapV4/hooks/use-fixed-action.js +3 -7
- package/dist/cjs/components/MainWrapV4/hooks/use-fixed-action.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/fixed-action.js +5 -6
- package/dist/esm/components/MainWrapV4/components/fixed-action.js.map +1 -1
- package/dist/esm/components/MainWrapV4/hooks/use-fixed-action.d.ts +7 -6
- package/dist/esm/components/MainWrapV4/hooks/use-fixed-action.js +3 -7
- package/dist/esm/components/MainWrapV4/hooks/use-fixed-action.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.default = FixedAction;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
6
5
|
const navigation_1 = require("next/navigation");
|
|
7
6
|
const react_1 = require("react");
|
|
8
7
|
const constant_1 = require("../constant");
|
|
@@ -12,11 +11,11 @@ const types_1 = require("../../types");
|
|
|
12
11
|
const Button_1 = require("../../Button");
|
|
13
12
|
const __1 = require("../../..");
|
|
14
13
|
function FixedAction({ className = '' }) {
|
|
14
|
+
var _a;
|
|
15
15
|
const pathName = (0, navigation_1.usePathname)();
|
|
16
16
|
const [initData, setInitData] = (0, react_1.useState)({
|
|
17
17
|
show: false,
|
|
18
|
-
|
|
19
|
-
onPrimaryClick: () => { },
|
|
18
|
+
buttons: [],
|
|
20
19
|
});
|
|
21
20
|
(0, __1.useMainwrapV4EventBus)(constant_1.FIXED_ACTION_EVENT, (payload) => {
|
|
22
21
|
setInitData(payload);
|
|
@@ -35,8 +34,8 @@ function FixedAction({ className = '' }) {
|
|
|
35
34
|
react_2.default.createElement("path", { d: 'M8.00078 10.3998C8.44261 10.3998 8.80078 10.0416 8.80078 9.5998C8.80078 9.15798 8.44261 8.7998 8.00078 8.7998C7.55895 8.7998 7.20078 9.15798 7.20078 9.5998C7.20078 10.0416 7.55895 10.3998 8.00078 10.3998Z', fill: '#4B5563' }),
|
|
36
35
|
react_2.default.createElement("path", { clipRule: 'evenodd', d: 'M2.80078 6.5998C2.80078 4.50112 4.5021 2.7998 6.60078 2.7998H9.40078C11.4995 2.7998 13.2008 4.50112 13.2008 6.5998V8.5998C13.2008 10.651 11.5756 12.3226 9.54268 12.3972L8.47406 13.7686C8.35967 13.9154 8.18363 14.0008 7.99752 13.9998C7.81142 13.9988 7.63631 13.9115 7.52352 13.7634L6.48321 12.398C4.43893 12.3359 2.80078 10.6592 2.80078 8.5998V6.5998ZM6.60078 3.9998C5.16484 3.9998 4.00078 5.16386 4.00078 6.5998V8.5998C4.00078 10.0357 5.16484 11.1998 6.60078 11.1998H6.78173C6.96899 11.1998 7.14551 11.2872 7.25899 11.4362L8.00612 12.4168L8.77426 11.431C8.88794 11.2851 9.06257 11.1998 9.24754 11.1998H9.40078C10.8367 11.1998 12.0008 10.0357 12.0008 8.5998V6.5998C12.0008 5.16386 10.8367 3.9998 9.40078 3.9998H6.60078Z', fill: '#4B5563', fillRule: 'evenodd' })),
|
|
37
36
|
react_2.default.createElement("p", { className: 'text-xxs text-gray-600' }, "Thay \u0111\u1ED5i ch\u01B0a \u0111\u01B0\u1EE3c l\u01B0u")),
|
|
38
|
-
react_2.default.createElement("div", { className: 'z-10 flex items-center gap-x-2' },
|
|
39
|
-
react_2.default.createElement(Button_1.PHXButton, {
|
|
40
|
-
|
|
37
|
+
react_2.default.createElement("div", { className: 'z-10 flex items-center gap-x-2' }, (_a = initData.buttons) === null || _a === void 0 ? void 0 : _a.map((button, index) => {
|
|
38
|
+
return (react_2.default.createElement(Button_1.PHXButton, { loading: button.loading, [button.type]: true, key: index, onClick: button.onClick, size: 'small' }, button.text));
|
|
39
|
+
}))));
|
|
41
40
|
}
|
|
42
41
|
//# sourceMappingURL=fixed-action.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/fixed-action.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/fixed-action.tsx"],"names":[],"mappings":";;AAUA,8BA2DC;;AArED,gDAA6C;AAC7C,iCAA2C;AAC3C,0CAAgD;AAChD,gDAA4C;AAC5C,0DAAyB;AAEzB,uCAAwC;AACxC,yCAAwC;AACxC,gCAAgD;AAEhD,SAAwB,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,EAA0B;;IAC5E,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAyB;QAC/D,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,EAAE;KACZ,CAAC,CAAA;IAEF,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,WAAW,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAQ,CAAC,IAAI,CAAC,6BAAkB,EAAE;YAChC,GAAG,QAAQ;YACX,IAAI,EAAE,KAAK;SACZ,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,kBAAU,EAAC,6EAA6E,EAAE,SAAS,CAAC;QAE/G,uCAAK,SAAS,EAAC,yEAAyE,GAAG;QAC3F,uCAAK,SAAS,EAAC,gCAAgC;YAC7C,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,wNAAwN,EAC1N,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,CAAC,EAAC,8MAA8M,EAChN,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gtBAAgtB,EACltB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GAClB,CACE;YACN,qCAAG,SAAS,EAAC,wBAAwB,gEAA2B,CAC5D;QACN,uCAAK,SAAS,EAAC,gCAAgC,IAC5C,MAAA,QAAQ,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACvC,OAAO,CACL,8BAAC,kBAAS,IACR,OAAO,EAAE,MAAM,CAAC,OAAO,EACjB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EACzB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EAAC,OAAO,IAEX,MAAM,CAAC,IAAI,CACF,CACb,CAAA;QACH,CAAC,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export interface IUseFixedActionPayload {
|
|
2
|
-
primaryLoading?: boolean;
|
|
3
|
-
primaryActionText?: string;
|
|
4
|
-
cancelActionText?: string;
|
|
5
|
-
onPrimaryClick: any;
|
|
6
|
-
onCancel: any;
|
|
7
2
|
show?: boolean;
|
|
3
|
+
buttons: Array<{
|
|
4
|
+
text: string;
|
|
5
|
+
onClick(): void;
|
|
6
|
+
type: 'secondary' | 'primary';
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
}>;
|
|
8
9
|
}
|
|
9
|
-
export default function useFixedAction({
|
|
10
|
+
export default function useFixedAction({ show, buttons }: IUseFixedActionPayload): void;
|
|
@@ -4,16 +4,12 @@ exports.default = useFixedAction;
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const constant_1 = require("../constant");
|
|
6
6
|
const eventBus_1 = require("../utils/eventBus");
|
|
7
|
-
function useFixedAction({
|
|
7
|
+
function useFixedAction({ show = false, buttons }) {
|
|
8
8
|
(0, react_1.useEffect)(() => {
|
|
9
9
|
eventBus_1.eventBus.emit(constant_1.FIXED_ACTION_EVENT, {
|
|
10
|
-
cancelActionText,
|
|
11
|
-
primaryActionText,
|
|
12
|
-
onPrimaryClick,
|
|
13
|
-
onCancel,
|
|
14
|
-
primaryLoading,
|
|
15
10
|
show,
|
|
11
|
+
buttons,
|
|
16
12
|
});
|
|
17
|
-
}, [
|
|
13
|
+
}, [show, buttons]);
|
|
18
14
|
}
|
|
19
15
|
//# sourceMappingURL=use-fixed-action.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-fixed-action.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-fixed-action.tsx"],"names":[],"mappings":";;AAcA,iCAOC;AArBD,iCAAiC;AACjC,0CAAgD;AAChD,gDAA4C;AAY5C,SAAwB,cAAc,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,OAAO,EAA0B;IACtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAQ,CAAC,IAAI,CAAC,6BAAkB,EAAE;YAChC,IAAI;YACJ,OAAO;SACR,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;AACrB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
2
1
|
import { usePathname } from 'next/navigation';
|
|
3
2
|
import { useEffect, useState } from 'react';
|
|
4
3
|
import { FIXED_ACTION_EVENT } from '../constant';
|
|
@@ -8,11 +7,11 @@ import { classNames } from '../../types';
|
|
|
8
7
|
import { PHXButton } from '../../Button';
|
|
9
8
|
import { useMainwrapV4EventBus } from '../../..';
|
|
10
9
|
export default function FixedAction({ className = '' }) {
|
|
10
|
+
var _a;
|
|
11
11
|
const pathName = usePathname();
|
|
12
12
|
const [initData, setInitData] = useState({
|
|
13
13
|
show: false,
|
|
14
|
-
|
|
15
|
-
onPrimaryClick: () => { },
|
|
14
|
+
buttons: [],
|
|
16
15
|
});
|
|
17
16
|
useMainwrapV4EventBus(FIXED_ACTION_EVENT, (payload) => {
|
|
18
17
|
setInitData(payload);
|
|
@@ -31,8 +30,8 @@ export default function FixedAction({ className = '' }) {
|
|
|
31
30
|
React.createElement("path", { d: 'M8.00078 10.3998C8.44261 10.3998 8.80078 10.0416 8.80078 9.5998C8.80078 9.15798 8.44261 8.7998 8.00078 8.7998C7.55895 8.7998 7.20078 9.15798 7.20078 9.5998C7.20078 10.0416 7.55895 10.3998 8.00078 10.3998Z', fill: '#4B5563' }),
|
|
32
31
|
React.createElement("path", { clipRule: 'evenodd', d: 'M2.80078 6.5998C2.80078 4.50112 4.5021 2.7998 6.60078 2.7998H9.40078C11.4995 2.7998 13.2008 4.50112 13.2008 6.5998V8.5998C13.2008 10.651 11.5756 12.3226 9.54268 12.3972L8.47406 13.7686C8.35967 13.9154 8.18363 14.0008 7.99752 13.9998C7.81142 13.9988 7.63631 13.9115 7.52352 13.7634L6.48321 12.398C4.43893 12.3359 2.80078 10.6592 2.80078 8.5998V6.5998ZM6.60078 3.9998C5.16484 3.9998 4.00078 5.16386 4.00078 6.5998V8.5998C4.00078 10.0357 5.16484 11.1998 6.60078 11.1998H6.78173C6.96899 11.1998 7.14551 11.2872 7.25899 11.4362L8.00612 12.4168L8.77426 11.431C8.88794 11.2851 9.06257 11.1998 9.24754 11.1998H9.40078C10.8367 11.1998 12.0008 10.0357 12.0008 8.5998V6.5998C12.0008 5.16386 10.8367 3.9998 9.40078 3.9998H6.60078Z', fill: '#4B5563', fillRule: 'evenodd' })),
|
|
33
32
|
React.createElement("p", { className: 'text-xxs text-gray-600' }, "Thay \u0111\u1ED5i ch\u01B0a \u0111\u01B0\u1EE3c l\u01B0u")),
|
|
34
|
-
React.createElement("div", { className: 'z-10 flex items-center gap-x-2' },
|
|
35
|
-
React.createElement(PHXButton, {
|
|
36
|
-
|
|
33
|
+
React.createElement("div", { className: 'z-10 flex items-center gap-x-2' }, (_a = initData.buttons) === null || _a === void 0 ? void 0 : _a.map((button, index) => {
|
|
34
|
+
return (React.createElement(PHXButton, { loading: button.loading, [button.type]: true, key: index, onClick: button.onClick, size: 'small' }, button.text));
|
|
35
|
+
}))));
|
|
37
36
|
}
|
|
38
37
|
//# sourceMappingURL=fixed-action.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/fixed-action.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/fixed-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,EAA0B;;IAC5E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAyB;QAC/D,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,EAAE;KACZ,CAAC,CAAA;IAEF,qBAAqB,CAAC,kBAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,WAAW,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAChC,GAAG,QAAQ;YACX,IAAI,EAAE,KAAK;SACZ,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,6EAA6E,EAAE,SAAS,CAAC;QAE/G,6BAAK,SAAS,EAAC,yEAAyE,GAAG;QAC3F,6BAAK,SAAS,EAAC,gCAAgC;YAC7C,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,8BACE,CAAC,EAAC,wNAAwN,EAC1N,IAAI,EAAC,SAAS,GACd;gBACF,8BACE,CAAC,EAAC,8MAA8M,EAChN,IAAI,EAAC,SAAS,GACd;gBACF,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gtBAAgtB,EACltB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GAClB,CACE;YACN,2BAAG,SAAS,EAAC,wBAAwB,gEAA2B,CAC5D;QACN,6BAAK,SAAS,EAAC,gCAAgC,IAC5C,MAAA,QAAQ,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACvC,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,MAAM,CAAC,OAAO,EACjB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EACzB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EAAC,OAAO,IAEX,MAAM,CAAC,IAAI,CACF,CACb,CAAA;QACH,CAAC,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export interface IUseFixedActionPayload {
|
|
2
|
-
primaryLoading?: boolean;
|
|
3
|
-
primaryActionText?: string;
|
|
4
|
-
cancelActionText?: string;
|
|
5
|
-
onPrimaryClick: any;
|
|
6
|
-
onCancel: any;
|
|
7
2
|
show?: boolean;
|
|
3
|
+
buttons: Array<{
|
|
4
|
+
text: string;
|
|
5
|
+
onClick(): void;
|
|
6
|
+
type: 'secondary' | 'primary';
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
}>;
|
|
8
9
|
}
|
|
9
|
-
export default function useFixedAction({
|
|
10
|
+
export default function useFixedAction({ show, buttons }: IUseFixedActionPayload): void;
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import { FIXED_ACTION_EVENT } from '../constant';
|
|
3
3
|
import { eventBus } from '../utils/eventBus';
|
|
4
|
-
export default function useFixedAction({
|
|
4
|
+
export default function useFixedAction({ show = false, buttons }) {
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
eventBus.emit(FIXED_ACTION_EVENT, {
|
|
7
|
-
cancelActionText,
|
|
8
|
-
primaryActionText,
|
|
9
|
-
onPrimaryClick,
|
|
10
|
-
onCancel,
|
|
11
|
-
primaryLoading,
|
|
12
7
|
show,
|
|
8
|
+
buttons,
|
|
13
9
|
});
|
|
14
|
-
}, [
|
|
10
|
+
}, [show, buttons]);
|
|
15
11
|
}
|
|
16
12
|
//# sourceMappingURL=use-fixed-action.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-fixed-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"use-fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-fixed-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAY5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,OAAO,EAA0B;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAChC,IAAI;YACJ,OAAO;SACR,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;AACrB,CAAC"}
|