phx-react 1.3.1681 → 1.3.1682
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 +1 -1
- package/dist/cjs/components/MainWrapV4/components/fixed-action.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/main-content.js +9 -2
- package/dist/cjs/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/index.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/index.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/fixed-action.js +1 -1
- package/dist/esm/components/MainWrapV4/components/fixed-action.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/main-content.js +10 -3
- package/dist/esm/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/search/index.js +1 -1
- package/dist/esm/components/MainWrapV4/components/search/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -27,7 +27,7 @@ function FixedAction({ className = '' }) {
|
|
|
27
27
|
});
|
|
28
28
|
}, [pathName]);
|
|
29
29
|
return (react_2.default.createElement("div", { className: (0, types_1.classNames)('absolute flex items-center justify-between rounded-[10px] bg-[#F3F3F3] px-2', className) },
|
|
30
|
-
react_2.default.createElement("div", { className: 'absolute -bottom-1 -left-
|
|
30
|
+
react_2.default.createElement("div", { className: 'absolute -bottom-1 -left-5 -right-5 -top-2 -z-10 bg-[#dedede] lg:-left-1 lg:-right-1 lg:hidden' }),
|
|
31
31
|
react_2.default.createElement("div", { className: 'z-10 flex items-center gap-x-1' },
|
|
32
32
|
react_2.default.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
|
|
33
33
|
react_2.default.createElement("path", { d: 'M8.00078 4.7998C8.33215 4.7998 8.60078 5.06843 8.60078 5.3998V7.3998C8.60078 7.73118 8.33215 7.9998 8.00078 7.9998C7.66941 7.9998 7.40078 7.73118 7.40078 7.3998V5.3998C7.40078 5.06843 7.66941 4.7998 8.00078 4.7998Z', fill: '#4B5563' }),
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,gGAAgG,GAAG;QAClH,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"}
|
|
@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.default = MainContent;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const outline_1 = require("@heroicons/react/24/outline");
|
|
6
|
-
const react_1 = tslib_1.
|
|
6
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
const constant_1 = require("../constant");
|
|
8
8
|
const helper_1 = require("../helper");
|
|
9
9
|
const types_1 = require("../../types");
|
|
10
10
|
const Card_1 = require("../../Card");
|
|
11
|
+
const __1 = require("../../..");
|
|
11
12
|
function MainContent({ children, currentCode, isLoadingPermission, perCode, showSubMenu, sideBarType, contentRef, }) {
|
|
13
|
+
const [isShowFixedAction, setIsShowFixAction] = (0, react_1.useState)(false);
|
|
12
14
|
const mainClass = {
|
|
13
15
|
[constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL]: {
|
|
14
16
|
open: 'lg:left-[17.85rem]',
|
|
@@ -24,7 +26,12 @@ function MainContent({ children, currentCode, isLoadingPermission, perCode, show
|
|
|
24
26
|
},
|
|
25
27
|
};
|
|
26
28
|
const contentClassname = (0, types_1.classNames)('scrollbar-thin overscroll-contain bg-[#dedede] p-4 lg:h-[calc(100vh-3.45rem)] lg:overflow-y-auto lg:rounded-xl', sideBarType === constant_1.SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? 'lg:bg-[#F3F3F3]' : 'lg:bg-[#F1F1F1]');
|
|
27
|
-
|
|
29
|
+
(0, __1.useMainwrapV4EventBus)(constant_1.FIXED_ACTION_EVENT, (payload) => {
|
|
30
|
+
if (isShowFixedAction !== payload.show) {
|
|
31
|
+
setIsShowFixAction(payload.show || false);
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
return (react_1.default.createElement("main", { className: (0, types_1.classNames)('transition-all lg:absolute lg:inset-0 lg:right-2', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close, isShowFixedAction ? 'mt-12 lg:mt-0' : '') }, isLoadingPermission ? (react_1.default.createElement("div", { className: contentClassname })) : (0, helper_1.enablePer)(currentCode, perCode) ? (react_1.default.createElement("div", { ref: contentRef, className: contentClassname }, children)) : (react_1.default.createElement("div", { className: contentClassname },
|
|
28
35
|
react_1.default.createElement(Card_1.PHXCard, null,
|
|
29
36
|
react_1.default.createElement("div", { className: 'my-10 flex flex-col items-center justify-center' },
|
|
30
37
|
react_1.default.createElement(outline_1.LockClosedIcon, { className: 'text-gray-400', height: 70, width: 70 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":";;AAUA,8BAwEC;;AAlFD,yDAA4D;AAC5D,uDAAuC;AACvC,0CAA8D;AAC9D,sCAAqC;AAErC,uCAAwC;AACxC,qCAAoC;AACpC,gCAAgD;AAGhD,SAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,WAAW,EACX,WAAW,EACX,UAAU,GASX;IACC,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,SAAS,GAA0D;QACvE,CAAC,uBAAY,CAAC,uBAAuB,CAAC,EAAE;YACtC,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,kBAAkB;SAC1B;QACD,CAAC,uBAAY,CAAC,SAAS,CAAC,EAAE;YACxB,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,CAAC,uBAAY,CAAC,yBAAyB,CAAC,EAAE;YACxC,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,mBAAmB;SAC3B;KACF,CAAA;IACD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,gHAAgH,EAChH,WAAW,KAAK,uBAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC/F,CAAA;IAED,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,wCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,kDAAkD,EAClD,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EACxE,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CACzC,IAEA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uCAAK,SAAS,EAAE,gBAAgB,GAAI,CACrC,CAAC,CAAC,CAAC,IAAA,kBAAS,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CACpC,uCAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,IAC9C,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,gBAAgB;QAC9B,8BAAC,cAAO;YACN,uCAAK,SAAS,EAAC,kDAAkD;gBAC/D,8BAAC,wBAAc,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;gBAEnE,uCAAK,SAAS,EAAC,qFAAqF,2DAE9F,CACF,CACE,CACN,CACP,CACI,CACR,CAAA;AACH,CAAC"}
|
|
@@ -20,7 +20,7 @@ function SearchBarHeader({ menu, perCode, sideBarType, unreadCount, userId, cont
|
|
|
20
20
|
const [isShowFixedAction, setIsShowFixAction] = (0, react_1.useState)(false);
|
|
21
21
|
const { hasVerticalScroll } = (0, use_has_scroll_1.useHasScroll)(contentRef, [perCode.length]);
|
|
22
22
|
(0, react_1.useEffect)(() => {
|
|
23
|
-
const mq = window.matchMedia('(min-width:
|
|
23
|
+
const mq = window.matchMedia('(min-width: 1024px)');
|
|
24
24
|
const handler = (e) => {
|
|
25
25
|
setIsDesktop(e.matches);
|
|
26
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":";;AAiBA,kCAiEC;;AAlFD,mEAAkC;AAClC,uDAAkD;AAElD,2EAAyC;AACzC,0CAA2C;AAC3C,mCAAmD;AACnD,6CAAmD;AAEnD,+DAAyD;AAEzD,MAAM,sBAAsB,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,oBAAoB,GAAC,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,mBAAmB,GAAC,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,SAAwB,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,EACN,UAAU,GAQX;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAY,EAAC,UAAU,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":";;AAiBA,kCAiEC;;AAlFD,mEAAkC;AAClC,uDAAkD;AAElD,2EAAyC;AACzC,0CAA2C;AAC3C,mCAAmD;AACnD,6CAAmD;AAEnD,+DAAyD;AAEzD,MAAM,sBAAsB,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,oBAAoB,GAAC,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,2DAAQ,mBAAmB,GAAC,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,SAAwB,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,EACN,UAAU,GAQX;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAY,EAAC,UAAU,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;QAEnD,MAAM,OAAO,GAAG,CAAC,CAAuC,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,cAAc;QAC1B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEtC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,yBAAqB,EAAC,6BAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL;QACE,8BAAC,sBAAW,IACV,SAAS,EAAE,IAAA,kBAAU,EACnB,CAAC,iBAAiB,IAAI,YAAY,EAClC,SAAS,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,kCAAkC,EACjG,+CAA+C,EAC/C,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,QAAQ,CACtF,GACD;QACD,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,8DACG,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAC5E,CACA,CACJ,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -23,7 +23,7 @@ export default function FixedAction({ className = '' }) {
|
|
|
23
23
|
});
|
|
24
24
|
}, [pathName]);
|
|
25
25
|
return (React.createElement("div", { className: classNames('absolute flex items-center justify-between rounded-[10px] bg-[#F3F3F3] px-2', className) },
|
|
26
|
-
React.createElement("div", { className: 'absolute -bottom-1 -left-
|
|
26
|
+
React.createElement("div", { className: 'absolute -bottom-1 -left-5 -right-5 -top-2 -z-10 bg-[#dedede] lg:-left-1 lg:-right-1 lg:hidden' }),
|
|
27
27
|
React.createElement("div", { className: 'z-10 flex items-center gap-x-1' },
|
|
28
28
|
React.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
|
|
29
29
|
React.createElement("path", { d: 'M8.00078 4.7998C8.33215 4.7998 8.60078 5.06843 8.60078 5.3998V7.3998C8.60078 7.73118 8.33215 7.9998 8.00078 7.9998C7.66941 7.9998 7.40078 7.73118 7.40078 7.3998V5.3998C7.40078 5.06843 7.66941 4.7998 8.00078 4.7998Z', fill: '#4B5563' }),
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,gGAAgG,GAAG;QAClH,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,10 +1,12 @@
|
|
|
1
1
|
import { LockClosedIcon } from '@heroicons/react/24/outline';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { SIDEBAR_TYPE } from '../constant';
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { FIXED_ACTION_EVENT, SIDEBAR_TYPE } from '../constant';
|
|
4
4
|
import { enablePer } from '../helper';
|
|
5
5
|
import { classNames } from '../../types';
|
|
6
6
|
import { PHXCard } from '../../Card';
|
|
7
|
+
import { useMainwrapV4EventBus } from '../../..';
|
|
7
8
|
export default function MainContent({ children, currentCode, isLoadingPermission, perCode, showSubMenu, sideBarType, contentRef, }) {
|
|
9
|
+
const [isShowFixedAction, setIsShowFixAction] = useState(false);
|
|
8
10
|
const mainClass = {
|
|
9
11
|
[SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL]: {
|
|
10
12
|
open: 'lg:left-[17.85rem]',
|
|
@@ -20,7 +22,12 @@ export default function MainContent({ children, currentCode, isLoadingPermission
|
|
|
20
22
|
},
|
|
21
23
|
};
|
|
22
24
|
const contentClassname = classNames('scrollbar-thin overscroll-contain bg-[#dedede] p-4 lg:h-[calc(100vh-3.45rem)] lg:overflow-y-auto lg:rounded-xl', sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? 'lg:bg-[#F3F3F3]' : 'lg:bg-[#F1F1F1]');
|
|
23
|
-
|
|
25
|
+
useMainwrapV4EventBus(FIXED_ACTION_EVENT, (payload) => {
|
|
26
|
+
if (isShowFixedAction !== payload.show) {
|
|
27
|
+
setIsShowFixAction(payload.show || false);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
return (React.createElement("main", { className: classNames('transition-all lg:absolute lg:inset-0 lg:right-2', showSubMenu ? mainClass[sideBarType].open : mainClass[sideBarType].close, isShowFixedAction ? 'mt-12 lg:mt-0' : '') }, isLoadingPermission ? (React.createElement("div", { className: contentClassname })) : enablePer(currentCode, perCode) ? (React.createElement("div", { ref: contentRef, className: contentClassname }, children)) : (React.createElement("div", { className: contentClassname },
|
|
24
31
|
React.createElement(PHXCard, null,
|
|
25
32
|
React.createElement("div", { className: 'my-10 flex flex-col items-center justify-center' },
|
|
26
33
|
React.createElement(LockClosedIcon, { className: 'text-gray-400', height: 70, width: 70 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"main-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/main-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAGhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,WAAW,EACX,WAAW,EACX,UAAU,GASX;IACC,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,SAAS,GAA0D;QACvE,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE;YACtC,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,kBAAkB;SAC1B;QACD,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YACxB,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,CAAC,YAAY,CAAC,yBAAyB,CAAC,EAAE;YACxC,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,mBAAmB;SAC3B;KACF,CAAA;IACD,MAAM,gBAAgB,GAAG,UAAU,CACjC,gHAAgH,EAChH,WAAW,KAAK,YAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAC/F,CAAA;IAED,qBAAqB,CAAC,kBAAkB,EAAE,CAAC,OAA+B,EAAE,EAAE;QAC5E,IAAI,iBAAiB,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YACvC,kBAAkB,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,UAAU,CACnB,kDAAkD,EAClD,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EACxE,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CACzC,IAEA,mBAAmB,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAE,gBAAgB,GAAI,CACrC,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CACpC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,IAC9C,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,gBAAgB;QAC9B,oBAAC,OAAO;YACN,6BAAK,SAAS,EAAC,kDAAkD;gBAC/D,oBAAC,cAAc,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;gBAEnE,6BAAK,SAAS,EAAC,qFAAqF,2DAE9F,CACF,CACE,CACN,CACP,CACI,CACR,CAAA;AACH,CAAC"}
|
|
@@ -16,7 +16,7 @@ export default function SearchBarHeader({ menu, perCode, sideBarType, unreadCoun
|
|
|
16
16
|
const [isShowFixedAction, setIsShowFixAction] = useState(false);
|
|
17
17
|
const { hasVerticalScroll } = useHasScroll(contentRef, [perCode.length]);
|
|
18
18
|
useEffect(() => {
|
|
19
|
-
const mq = window.matchMedia('(min-width:
|
|
19
|
+
const mq = window.matchMedia('(min-width: 1024px)');
|
|
20
20
|
const handler = (e) => {
|
|
21
21
|
setIsDesktop(e.matches);
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,EACN,UAAU,GAQX;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":"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"}
|