phx-react 1.3.1089 → 1.3.1090
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/ReportButton/ReportButton.d.ts +2 -1
- package/dist/cjs/components/ReportButton/ReportButton.js +9 -5
- package/dist/cjs/components/ReportButton/ReportButton.js.map +1 -1
- package/dist/esm/components/ReportButton/ReportButton.d.ts +2 -1
- package/dist/esm/components/ReportButton/ReportButton.js +9 -5
- package/dist/esm/components/ReportButton/ReportButton.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,6 +14,7 @@ type Props = {
|
|
|
14
14
|
onChange(value: string): void;
|
|
15
15
|
className?: string;
|
|
16
16
|
configUrlApply?: ConfigUrlApply;
|
|
17
|
+
columns?: number;
|
|
17
18
|
};
|
|
18
|
-
export declare const PHXReportButtonTab: ({
|
|
19
|
+
export declare const PHXReportButtonTab: ({ activeTab, className, columns, configUrlApply, loading, onChange, tabs, }: Props) => React.JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -6,17 +6,21 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
6
6
|
var Skeleton_1 = require("../Skeleton");
|
|
7
7
|
var PHXUrlApply_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXUrlApply"));
|
|
8
8
|
var PHXReportButtonTab = function (_a) {
|
|
9
|
-
var
|
|
9
|
+
var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, columns = _a.columns, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs;
|
|
10
10
|
var handleClick = function (item) {
|
|
11
11
|
onChange(item.value);
|
|
12
12
|
if (configUrlApply && item.key) {
|
|
13
13
|
(0, PHXUrlApply_1["default"])(item.key, item.value, item.listKeyReset || [], configUrlApply);
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
var containerClass = columns
|
|
17
|
+
? "grid gap-4 grid-cols-1 sm:grid-cols-".concat(columns)
|
|
18
|
+
: 'flex flex-col gap-4 sm:flex-row sm:items-stretch sm:justify-start';
|
|
19
|
+
return (react_1["default"].createElement("div", { className: "w-full pb-4 ".concat(className) },
|
|
20
|
+
react_1["default"].createElement("div", { className: 'overflow-x-auto' },
|
|
21
|
+
react_1["default"].createElement("div", { className: containerClass }, tabs.map(function (item) { return (react_1["default"].createElement("div", { key: item.value, className: "w-full min-w-[220px] flex-shrink-0 ".concat(columns ? '' : 'sm:flex-1') }, loading ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { size: 'extra-large', type: 'only-report' })) : (react_1["default"].createElement("div", { className: "h-full w-full cursor-pointer rounded-xl px-4 py-5 transition-all sm:p-6 \n ".concat(activeTab === item.value ? 'bg-gray-100' : 'bg-white hover:bg-gray-100'), onClick: function () { return handleClick(item); }, role: 'button' },
|
|
22
|
+
react_1["default"].createElement("p", { className: 'text-left text-[13px] text-gray-600' }, item.name),
|
|
23
|
+
react_1["default"].createElement("p", { className: 'truncate text-left text-[24px] font-semibold text-black' }, item.count))))); })))));
|
|
20
24
|
};
|
|
21
25
|
exports.PHXReportButtonTab = PHXReportButtonTab;
|
|
22
26
|
//# sourceMappingURL=ReportButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,wCAAyC;AAEzC,wFAAyD;
|
|
1
|
+
{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,wCAAyC;AAEzC,wFAAyD;AAmBlD,IAAM,kBAAkB,GAAG,UAAC,EAQ3B;QAPN,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEJ,IAAM,WAAW,GAAG,UAAC,IAAa;QAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,cAAc,IAAI,IAAI,CAAC,GAAG,EAAE;YAC9B,IAAA,wBAAW,EAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAAE,cAAc,CAAC,CAAA;SAC3E;IACH,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,8CAAuC,OAAO,CAAE;QAClD,CAAC,CAAC,mEAAmE,CAAA;IAEvE,OAAO,CACL,0CAAK,SAAS,EAAE,sBAAe,SAAS,CAAE;QACxC,0CAAK,SAAS,EAAC,iBAAiB;YAC9B,0CAAK,SAAS,EAAE,cAAc,IAC3B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAClB,0CAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,6CAAsC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAE,IAChG,OAAO,CAAC,CAAC,CAAC,CACT,iCAAC,sBAAW,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,0CACE,SAAS,EAAE,sGACT,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,4BAA4B,CAAE,EAC3E,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,wCAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;gBAClE,wCAAG,SAAS,EAAC,yDAAyD,IAAE,IAAI,CAAC,KAAK,CAAK,CACnF,CACP,CACG,CACP,EAhBmB,CAgBnB,CAAC,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,kBAAkB,sBA6C9B"}
|
|
@@ -14,6 +14,7 @@ type Props = {
|
|
|
14
14
|
onChange(value: string): void;
|
|
15
15
|
className?: string;
|
|
16
16
|
configUrlApply?: ConfigUrlApply;
|
|
17
|
+
columns?: number;
|
|
17
18
|
};
|
|
18
|
-
export declare const PHXReportButtonTab: ({
|
|
19
|
+
export declare const PHXReportButtonTab: ({ activeTab, className, columns, configUrlApply, loading, onChange, tabs, }: Props) => React.JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -2,16 +2,20 @@ import React from 'react';
|
|
|
2
2
|
import { PHXSkeleton } from '../Skeleton';
|
|
3
3
|
import PHXUrlApply from '../Func/PHXUrlApply/PHXUrlApply';
|
|
4
4
|
export var PHXReportButtonTab = function (_a) {
|
|
5
|
-
var
|
|
5
|
+
var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, columns = _a.columns, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs;
|
|
6
6
|
var handleClick = function (item) {
|
|
7
7
|
onChange(item.value);
|
|
8
8
|
if (configUrlApply && item.key) {
|
|
9
9
|
PHXUrlApply(item.key, item.value, item.listKeyReset || [], configUrlApply);
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
var containerClass = columns
|
|
13
|
+
? "grid gap-4 grid-cols-1 sm:grid-cols-".concat(columns)
|
|
14
|
+
: 'flex flex-col gap-4 sm:flex-row sm:items-stretch sm:justify-start';
|
|
15
|
+
return (React.createElement("div", { className: "w-full pb-4 ".concat(className) },
|
|
16
|
+
React.createElement("div", { className: 'overflow-x-auto' },
|
|
17
|
+
React.createElement("div", { className: containerClass }, tabs.map(function (item) { return (React.createElement("div", { key: item.value, className: "w-full min-w-[220px] flex-shrink-0 ".concat(columns ? '' : 'sm:flex-1') }, loading ? (React.createElement(PHXSkeleton, { size: 'extra-large', type: 'only-report' })) : (React.createElement("div", { className: "h-full w-full cursor-pointer rounded-xl px-4 py-5 transition-all sm:p-6 \n ".concat(activeTab === item.value ? 'bg-gray-100' : 'bg-white hover:bg-gray-100'), onClick: function () { return handleClick(item); }, role: 'button' },
|
|
18
|
+
React.createElement("p", { className: 'text-left text-[13px] text-gray-600' }, item.name),
|
|
19
|
+
React.createElement("p", { className: 'truncate text-left text-[24px] font-semibold text-black' }, item.count))))); })))));
|
|
16
20
|
};
|
|
17
21
|
//# sourceMappingURL=ReportButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,WAAW,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,WAAW,MAAM,iCAAiC,CAAA;AAmBzD,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAQ3B;QAPN,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEJ,IAAM,WAAW,GAAG,UAAC,IAAa;QAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,cAAc,IAAI,IAAI,CAAC,GAAG,EAAE;YAC9B,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAAE,cAAc,CAAC,CAAA;SAC3E;IACH,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,8CAAuC,OAAO,CAAE;QAClD,CAAC,CAAC,mEAAmE,CAAA;IAEvE,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAe,SAAS,CAAE;QACxC,6BAAK,SAAS,EAAC,iBAAiB;YAC9B,6BAAK,SAAS,EAAE,cAAc,IAC3B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAClB,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,6CAAsC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAE,IAChG,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,WAAW,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,sGACT,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,4BAA4B,CAAE,EAC3E,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,2BAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;gBAClE,2BAAG,SAAS,EAAC,yDAAyD,IAAE,IAAI,CAAC,KAAK,CAAK,CACnF,CACP,CACG,CACP,EAhBmB,CAgBnB,CAAC,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|