@twreporter/react-typescript-components 0.1.0-beta.10
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/README.md +74 -0
- package/lib/button/constants.d.mts +3 -0
- package/lib/button/constants.d.ts +3 -0
- package/lib/button/constants.js +5 -0
- package/lib/button/constants.mjs +3 -0
- package/lib/button/index.d.mts +160 -0
- package/lib/button/index.d.ts +160 -0
- package/lib/button/index.js +13 -0
- package/lib/button/index.mjs +7 -0
- package/lib/button-DFLYlJJW.js +630 -0
- package/lib/button-DFLYlJJW.js.map +1 -0
- package/lib/button-DyUYGG90.mjs +591 -0
- package/lib/button-DyUYGG90.mjs.map +1 -0
- package/lib/chunk-BxBTb9qk.js +39 -0
- package/lib/constants/external-links.d.mts +16 -0
- package/lib/constants/external-links.d.ts +16 -0
- package/lib/constants/external-links.js +3 -0
- package/lib/constants/external-links.mjs +3 -0
- package/lib/constants/internal-links.d.mts +51 -0
- package/lib/constants/internal-links.d.ts +51 -0
- package/lib/constants/internal-links.js +3 -0
- package/lib/constants/internal-links.mjs +3 -0
- package/lib/constants/release-branch.d.mts +3 -0
- package/lib/constants/release-branch.d.ts +3 -0
- package/lib/constants/release-branch.js +3 -0
- package/lib/constants/release-branch.mjs +3 -0
- package/lib/constants/request-origins.d.mts +68 -0
- package/lib/constants/request-origins.d.ts +68 -0
- package/lib/constants/request-origins.js +47 -0
- package/lib/constants/request-origins.js.map +1 -0
- package/lib/constants/request-origins.mjs +46 -0
- package/lib/constants/request-origins.mjs.map +1 -0
- package/lib/constants/theme.d.mts +3 -0
- package/lib/constants/theme.d.ts +3 -0
- package/lib/constants/theme.js +3 -0
- package/lib/constants/theme.mjs +3 -0
- package/lib/constants-2TRY2zTK.js +38 -0
- package/lib/constants-2TRY2zTK.js.map +1 -0
- package/lib/constants-BS3rPbaX.d.ts +17 -0
- package/lib/constants-BWFuBApI.mjs +14 -0
- package/lib/constants-BWFuBApI.mjs.map +1 -0
- package/lib/constants-B_NgWFML.d.ts +24 -0
- package/lib/constants-BmxSMOOn.js +36 -0
- package/lib/constants-BmxSMOOn.js.map +1 -0
- package/lib/constants-BqeEbkVD.mjs +20 -0
- package/lib/constants-BqeEbkVD.mjs.map +1 -0
- package/lib/constants-BswaTS-y.d.mts +29 -0
- package/lib/constants-Bz-ufaJ2.js +39 -0
- package/lib/constants-Bz-ufaJ2.js.map +1 -0
- package/lib/constants-CEyUZ-jZ.d.mts +11 -0
- package/lib/constants-CMMcn0f-.d.ts +11 -0
- package/lib/constants-CQscYQcW.mjs +25 -0
- package/lib/constants-CQscYQcW.mjs.map +1 -0
- package/lib/constants-DF_II8Fz.js +43 -0
- package/lib/constants-DF_II8Fz.js.map +1 -0
- package/lib/constants-DNr36wyK.d.mts +24 -0
- package/lib/constants-DQxcqnYL.d.ts +29 -0
- package/lib/constants-DRyQ6AuU.js +15 -0
- package/lib/constants-DRyQ6AuU.js.map +1 -0
- package/lib/constants-K2ObjToq.js +26 -0
- package/lib/constants-K2ObjToq.js.map +1 -0
- package/lib/constants-OhAETTiQ.d.mts +17 -0
- package/lib/constants-QF71lY6v.mjs +34 -0
- package/lib/constants-QF71lY6v.mjs.map +1 -0
- package/lib/constants-gCmka4Fp.d.ts +22 -0
- package/lib/constants-jYAxSTFp.d.mts +22 -0
- package/lib/constants-oTHAnh6r.mjs +18 -0
- package/lib/constants-oTHAnh6r.mjs.map +1 -0
- package/lib/constants-t0lkfgqP.mjs +9 -0
- package/lib/constants-t0lkfgqP.mjs.map +1 -0
- package/lib/context-BCesW3fW.mjs +24 -0
- package/lib/context-BCesW3fW.mjs.map +1 -0
- package/lib/context-Bvr0Qj2x.js +37 -0
- package/lib/context-Bvr0Qj2x.js.map +1 -0
- package/lib/customized-link/external-link.d.mts +3 -0
- package/lib/customized-link/external-link.d.ts +3 -0
- package/lib/customized-link/external-link.js +3 -0
- package/lib/customized-link/external-link.mjs +3 -0
- package/lib/customized-link/index.d.mts +13 -0
- package/lib/customized-link/index.d.ts +13 -0
- package/lib/customized-link/index.js +8 -0
- package/lib/customized-link/index.mjs +5 -0
- package/lib/customized-link/internal-link.d.mts +3 -0
- package/lib/customized-link/internal-link.d.ts +3 -0
- package/lib/customized-link/internal-link.js +6 -0
- package/lib/customized-link/internal-link.mjs +6 -0
- package/lib/customized-link/type.d.mts +2 -0
- package/lib/customized-link/type.d.ts +2 -0
- package/lib/customized-link/type.js +0 -0
- package/lib/customized-link/type.mjs +1 -0
- package/lib/customized-link-BkuKVCKQ.mjs +12 -0
- package/lib/customized-link-BkuKVCKQ.mjs.map +1 -0
- package/lib/customized-link-CK7Xlgdt.js +17 -0
- package/lib/customized-link-CK7Xlgdt.js.map +1 -0
- package/lib/divider/constants.d.mts +3 -0
- package/lib/divider/constants.d.ts +3 -0
- package/lib/divider/constants.js +3 -0
- package/lib/divider/constants.mjs +3 -0
- package/lib/divider/index.d.mts +15 -0
- package/lib/divider/index.d.ts +15 -0
- package/lib/divider/index.js +6 -0
- package/lib/divider/index.mjs +4 -0
- package/lib/divider-Bb3tebJO.mjs +15 -0
- package/lib/divider-Bb3tebJO.mjs.map +1 -0
- package/lib/divider-b3Shh7FV.js +29 -0
- package/lib/divider-b3Shh7FV.js.map +1 -0
- package/lib/dropdown-menu/index.d.mts +17 -0
- package/lib/dropdown-menu/index.d.ts +17 -0
- package/lib/dropdown-menu/index.js +14 -0
- package/lib/dropdown-menu/index.mjs +14 -0
- package/lib/dropdown-menu-CCtPuYyJ.js +150 -0
- package/lib/dropdown-menu-CCtPuYyJ.js.map +1 -0
- package/lib/dropdown-menu-Cil4RtSK.mjs +117 -0
- package/lib/dropdown-menu-Cil4RtSK.mjs.map +1 -0
- package/lib/external-link-2XoC1_oL.d.ts +9 -0
- package/lib/external-link-BUhvS4ry.d.mts +9 -0
- package/lib/external-link-CEDvlQYo.js +23 -0
- package/lib/external-link-CEDvlQYo.js.map +1 -0
- package/lib/external-link-Cx9S31Ye.mjs +16 -0
- package/lib/external-link-Cx9S31Ye.mjs.map +1 -0
- package/lib/external-links-2b4M_rcA.mjs +17 -0
- package/lib/external-links-2b4M_rcA.mjs.map +1 -0
- package/lib/external-links-SfJjb48j.js +23 -0
- package/lib/external-links-SfJjb48j.js.map +1 -0
- package/lib/hamburger-menu/index.d.mts +7 -0
- package/lib/hamburger-menu/index.d.ts +6 -0
- package/lib/hamburger-menu/index.js +22 -0
- package/lib/hamburger-menu/index.mjs +22 -0
- package/lib/hamburger-menu-BZ1hA7l5.mjs +472 -0
- package/lib/hamburger-menu-BZ1hA7l5.mjs.map +1 -0
- package/lib/hamburger-menu-Bd_wmcAB.js +487 -0
- package/lib/hamburger-menu-Bd_wmcAB.js.map +1 -0
- package/lib/header/index.d.mts +26 -0
- package/lib/header/index.d.ts +25 -0
- package/lib/header/index.js +465 -0
- package/lib/header/index.js.map +1 -0
- package/lib/header/index.mjs +459 -0
- package/lib/header/index.mjs.map +1 -0
- package/lib/heading-CFSkTbdH.mjs +37 -0
- package/lib/heading-CFSkTbdH.mjs.map +1 -0
- package/lib/heading-DFzj2z0V.js +75 -0
- package/lib/heading-DFzj2z0V.js.map +1 -0
- package/lib/icons/constants.d.mts +3 -0
- package/lib/icons/constants.d.ts +3 -0
- package/lib/icons/constants.js +5 -0
- package/lib/icons/constants.mjs +3 -0
- package/lib/icons/index.d.mts +43 -0
- package/lib/icons/index.d.ts +43 -0
- package/lib/icons/index.js +15 -0
- package/lib/icons/index.mjs +5 -0
- package/lib/icons-DF-7dKxN.js +128 -0
- package/lib/icons-DF-7dKxN.js.map +1 -0
- package/lib/icons-DguoV48M.mjs +60 -0
- package/lib/icons-DguoV48M.mjs.map +1 -0
- package/lib/index-BmIgLA0K.d.mts +5 -0
- package/lib/index-H3peA2d_.d.ts +5 -0
- package/lib/internal-link-CqTu3Yi5.js +2278 -0
- package/lib/internal-link-CqTu3Yi5.js.map +1 -0
- package/lib/internal-link-D8jJal8P.d.mts +9 -0
- package/lib/internal-link-DCSEl1jM.d.ts +9 -0
- package/lib/internal-link-NQb751uB.mjs +2299 -0
- package/lib/internal-link-NQb751uB.mjs.map +1 -0
- package/lib/internal-links-BF-974mA.mjs +52 -0
- package/lib/internal-links-BF-974mA.mjs.map +1 -0
- package/lib/internal-links-CBkMU8cY.js +58 -0
- package/lib/internal-links-CBkMU8cY.js.map +1 -0
- package/lib/logo/constants.d.mts +3 -0
- package/lib/logo/constants.d.ts +3 -0
- package/lib/logo/constants.js +5 -0
- package/lib/logo/constants.mjs +3 -0
- package/lib/logo/index.d.mts +42 -0
- package/lib/logo/index.d.ts +42 -0
- package/lib/logo/index.js +8 -0
- package/lib/logo/index.mjs +5 -0
- package/lib/logo-CC5oU9Qb.mjs +64 -0
- package/lib/logo-CC5oU9Qb.mjs.map +1 -0
- package/lib/logo-D4M-1sGD.js +83 -0
- package/lib/logo-D4M-1sGD.js.map +1 -0
- package/lib/paragraph-BWXQNQtX.mjs +30 -0
- package/lib/paragraph-BWXQNQtX.mjs.map +1 -0
- package/lib/paragraph-CJvb0_cM.js +56 -0
- package/lib/paragraph-CJvb0_cM.js.map +1 -0
- package/lib/release-branch-CRZV4Ivz.js +18 -0
- package/lib/release-branch-CRZV4Ivz.js.map +1 -0
- package/lib/release-branch-CsBbhuYE.d.ts +14 -0
- package/lib/release-branch-DNCD1uH_.mjs +12 -0
- package/lib/release-branch-DNCD1uH_.mjs.map +1 -0
- package/lib/release-branch-DZwlCiWD.d.mts +14 -0
- package/lib/styles.css +1599 -0
- package/lib/tab-bar/constants.d.mts +16 -0
- package/lib/tab-bar/constants.d.ts +16 -0
- package/lib/tab-bar/constants.js +7 -0
- package/lib/tab-bar/constants.mjs +7 -0
- package/lib/tab-bar/index.d.mts +10 -0
- package/lib/tab-bar/index.d.ts +9 -0
- package/lib/tab-bar/index.js +18 -0
- package/lib/tab-bar/index.mjs +18 -0
- package/lib/tab-bar/theme.d.mts +10 -0
- package/lib/tab-bar/theme.d.ts +10 -0
- package/lib/tab-bar/theme.js +4 -0
- package/lib/tab-bar/theme.mjs +4 -0
- package/lib/tab-bar-CBL2tDXk.mjs +62 -0
- package/lib/tab-bar-CBL2tDXk.mjs.map +1 -0
- package/lib/tab-bar-ZRrpziiN.js +78 -0
- package/lib/tab-bar-ZRrpziiN.js.map +1 -0
- package/lib/text/constants.d.mts +3 -0
- package/lib/text/constants.d.ts +3 -0
- package/lib/text/constants.js +4 -0
- package/lib/text/constants.mjs +3 -0
- package/lib/text/heading.d.mts +31 -0
- package/lib/text/heading.d.ts +31 -0
- package/lib/text/heading.js +9 -0
- package/lib/text/heading.mjs +4 -0
- package/lib/text/paragraph.d.mts +25 -0
- package/lib/text/paragraph.d.ts +25 -0
- package/lib/text/paragraph.js +7 -0
- package/lib/text/paragraph.mjs +4 -0
- package/lib/theme-BDGfJ8n-.d.ts +13 -0
- package/lib/theme-BErS2Qs6.mjs +13 -0
- package/lib/theme-BErS2Qs6.mjs.map +1 -0
- package/lib/theme-BG6yZVj-.mjs +11 -0
- package/lib/theme-BG6yZVj-.mjs.map +1 -0
- package/lib/theme-BPB1kPtQ.js +18 -0
- package/lib/theme-BPB1kPtQ.js.map +1 -0
- package/lib/theme-ClamfAy8.d.mts +13 -0
- package/lib/theme-DDBlIbeS.js +17 -0
- package/lib/theme-DDBlIbeS.js.map +1 -0
- package/lib/title-bar/index.d.mts +58 -0
- package/lib/title-bar/index.d.ts +58 -0
- package/lib/title-bar/index.js +153 -0
- package/lib/title-bar/index.js.map +1 -0
- package/lib/title-bar/index.mjs +145 -0
- package/lib/title-bar/index.mjs.map +1 -0
- package/lib/type-C4hJK9H9.d.ts +11 -0
- package/lib/type-FR-fOZvz.d.mts +11 -0
- package/lib/types/index.d.mts +2 -0
- package/lib/types/index.d.ts +2 -0
- package/lib/types/index.js +0 -0
- package/lib/types/index.mjs +1 -0
- package/package.json +53 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "../index-BmIgLA0K.mjs";
|
|
2
|
+
import { ReleaseBranch } from "../release-branch-DZwlCiWD.mjs";
|
|
3
|
+
import { LinkTarget } from "../type-FR-fOZvz.mjs";
|
|
4
|
+
import { ReactElement } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/tab-bar/constants.d.ts
|
|
7
|
+
type TabBarItem = {
|
|
8
|
+
text: string;
|
|
9
|
+
link: string;
|
|
10
|
+
target: LinkTarget;
|
|
11
|
+
icon: ReactElement;
|
|
12
|
+
};
|
|
13
|
+
declare const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[];
|
|
14
|
+
//#endregion
|
|
15
|
+
export { TabBarItems };
|
|
16
|
+
//# sourceMappingURL=constants.d.mts.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "../index-H3peA2d_.js";
|
|
2
|
+
import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
|
|
3
|
+
import { LinkTarget } from "../type-C4hJK9H9.js";
|
|
4
|
+
import { ReactElement } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/tab-bar/constants.d.ts
|
|
7
|
+
type TabBarItem = {
|
|
8
|
+
text: string;
|
|
9
|
+
link: string;
|
|
10
|
+
target: LinkTarget;
|
|
11
|
+
icon: ReactElement;
|
|
12
|
+
};
|
|
13
|
+
declare const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[];
|
|
14
|
+
//#endregion
|
|
15
|
+
export { TabBarItems };
|
|
16
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
require('../internal-links-CBkMU8cY.js');
|
|
2
|
+
require('../release-branch-CRZV4Ivz.js');
|
|
3
|
+
require('../constants-DF_II8Fz.js');
|
|
4
|
+
require('../icons-DF-7dKxN.js');
|
|
5
|
+
const require_constants$1 = require('../constants-Bz-ufaJ2.js');
|
|
6
|
+
|
|
7
|
+
exports.TabBarItems = require_constants$1.TabBarItems;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
require('../constants-BmxSMOOn.js');
|
|
2
|
+
require('../constants-K2ObjToq.js');
|
|
3
|
+
require('../paragraph-CJvb0_cM.js');
|
|
4
|
+
require('../theme-DDBlIbeS.js');
|
|
5
|
+
require('../button-DFLYlJJW.js');
|
|
6
|
+
require('../internal-links-CBkMU8cY.js');
|
|
7
|
+
require('../release-branch-CRZV4Ivz.js');
|
|
8
|
+
require('../external-link-CEDvlQYo.js');
|
|
9
|
+
require('../internal-link-CqTu3Yi5.js');
|
|
10
|
+
require('../customized-link-CK7Xlgdt.js');
|
|
11
|
+
require('../context-Bvr0Qj2x.js');
|
|
12
|
+
require('../constants-DF_II8Fz.js');
|
|
13
|
+
require('../icons-DF-7dKxN.js');
|
|
14
|
+
const require_tab_bar = require('../tab-bar-ZRrpziiN.js');
|
|
15
|
+
require('../theme-BPB1kPtQ.js');
|
|
16
|
+
require('../constants-Bz-ufaJ2.js');
|
|
17
|
+
|
|
18
|
+
module.exports = require_tab_bar.tab_bar_default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import "../internal-link-NQb751uB.mjs";
|
|
2
|
+
import "../constants-oTHAnh6r.mjs";
|
|
3
|
+
import "../constants-BWFuBApI.mjs";
|
|
4
|
+
import "../paragraph-BWXQNQtX.mjs";
|
|
5
|
+
import "../theme-BG6yZVj-.mjs";
|
|
6
|
+
import "../button-DyUYGG90.mjs";
|
|
7
|
+
import "../internal-links-BF-974mA.mjs";
|
|
8
|
+
import "../release-branch-DNCD1uH_.mjs";
|
|
9
|
+
import "../external-link-Cx9S31Ye.mjs";
|
|
10
|
+
import "../customized-link-BkuKVCKQ.mjs";
|
|
11
|
+
import "../context-BCesW3fW.mjs";
|
|
12
|
+
import "../constants-CQscYQcW.mjs";
|
|
13
|
+
import "../icons-DguoV48M.mjs";
|
|
14
|
+
import { tab_bar_default } from "../tab-bar-CBL2tDXk.mjs";
|
|
15
|
+
import "../theme-BErS2Qs6.mjs";
|
|
16
|
+
import "../constants-QF71lY6v.mjs";
|
|
17
|
+
|
|
18
|
+
export { tab_bar_default as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "../index-BmIgLA0K.mjs";
|
|
2
|
+
import { Theme } from "../theme-ClamfAy8.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/tab-bar/theme.d.ts
|
|
5
|
+
declare const selectTabBarTheme: (theme: Theme) => {
|
|
6
|
+
bgColor: string;
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { selectTabBarTheme };
|
|
10
|
+
//# sourceMappingURL=theme.d.mts.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "../index-H3peA2d_.js";
|
|
2
|
+
import { Theme } from "../theme-BDGfJ8n-.js";
|
|
3
|
+
|
|
4
|
+
//#region src/tab-bar/theme.d.ts
|
|
5
|
+
declare const selectTabBarTheme: (theme: Theme) => {
|
|
6
|
+
bgColor: string;
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { selectTabBarTheme };
|
|
10
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { internal_link_default } from "./internal-link-NQb751uB.mjs";
|
|
2
|
+
import { THEME } from "./theme-BG6yZVj-.mjs";
|
|
3
|
+
import { icon_with_text_button_default } from "./button-DyUYGG90.mjs";
|
|
4
|
+
import { external_link_default } from "./external-link-Cx9S31Ye.mjs";
|
|
5
|
+
import { HamburgerContext, HeaderContext } from "./context-BCesW3fW.mjs";
|
|
6
|
+
import { Hamburger } from "./icons-DguoV48M.mjs";
|
|
7
|
+
import { selectTabBarTheme } from "./theme-BErS2Qs6.mjs";
|
|
8
|
+
import { TabBarItems } from "./constants-QF71lY6v.mjs";
|
|
9
|
+
import { useContext } from "react";
|
|
10
|
+
import clsx from "clsx";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
import map from "lodash/map";
|
|
13
|
+
|
|
14
|
+
//#region src/header/constants/z-index.ts
|
|
15
|
+
const ZIndex = {
|
|
16
|
+
tabBarMobile: "z-10",
|
|
17
|
+
tabBarTablet: "tablet:z-3",
|
|
18
|
+
hamburger: "z-4",
|
|
19
|
+
header: "z-3",
|
|
20
|
+
topRow: "z-2",
|
|
21
|
+
channel: "z-1"
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/tab-bar/index.tsx
|
|
26
|
+
const _ = { map };
|
|
27
|
+
const TabBar = ({ className = "" }) => {
|
|
28
|
+
const { theme, releaseBranch, isLinkExternal, pathname } = useContext(HeaderContext);
|
|
29
|
+
const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext);
|
|
30
|
+
const { bgColor } = selectTabBarTheme(theme);
|
|
31
|
+
const iconTheme = theme === THEME.photography ? theme : THEME.normal;
|
|
32
|
+
const LinkComponent = isLinkExternal ? external_link_default : internal_link_default;
|
|
33
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
34
|
+
className: clsx("w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]", "desktop:hidden", bgColor, ZIndex.tabBarMobile, ZIndex.tabBarTablet, className),
|
|
35
|
+
children: [_.map(TabBarItems(releaseBranch), (item) => {
|
|
36
|
+
const isActive = pathname === item.link;
|
|
37
|
+
return /* @__PURE__ */ jsx(LinkComponent, {
|
|
38
|
+
to: item.link,
|
|
39
|
+
target: item.target,
|
|
40
|
+
className: "flex justify-center flex-1",
|
|
41
|
+
children: /* @__PURE__ */ jsx(icon_with_text_button_default, {
|
|
42
|
+
text: item.text,
|
|
43
|
+
iconComponent: item.icon,
|
|
44
|
+
theme: iconTheme,
|
|
45
|
+
active: isActive
|
|
46
|
+
})
|
|
47
|
+
}, item.text);
|
|
48
|
+
}), /* @__PURE__ */ jsx(icon_with_text_button_default, {
|
|
49
|
+
text: "選單",
|
|
50
|
+
iconComponent: Hamburger(releaseBranch),
|
|
51
|
+
className: "flex justify-center flex-1",
|
|
52
|
+
onClick: toggleHamburger,
|
|
53
|
+
active: isHamburgerMenuOpen,
|
|
54
|
+
theme: iconTheme
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
var tab_bar_default = TabBar;
|
|
59
|
+
|
|
60
|
+
//#endregion
|
|
61
|
+
export { ZIndex, tab_bar_default };
|
|
62
|
+
//# sourceMappingURL=tab-bar-CBL2tDXk.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab-bar-CBL2tDXk.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n tabBarMobile: 'z-10',\n tabBarTablet: 'tablet:z-3',\n hamburger: 'z-4',\n header: 'z-3',\n topRow: 'z-2',\n channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\ntype TabBarProps = {\n className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n const { theme, releaseBranch, isLinkExternal, pathname } =\n useContext(HeaderContext)\n const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n const { bgColor } = selectTabBarTheme(theme)\n const iconTheme = theme === THEME.photography ? theme : THEME.normal\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div\n className={clsx(\n 'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n 'desktop:hidden',\n bgColor,\n ZIndex.tabBarMobile,\n ZIndex.tabBarTablet,\n className\n )}\n >\n {_.map(TabBarItems(releaseBranch), (item) => {\n const isActive = pathname === item.link\n return (\n <LinkComponent\n key={item.text}\n to={item.link}\n target={item.target}\n className=\"flex justify-center flex-1\"\n >\n <IconWithTextButton\n text={item.text}\n iconComponent={item.icon}\n theme={iconTheme}\n active={isActive}\n />\n </LinkComponent>\n )\n })}\n <IconWithTextButton\n text=\"選單\"\n iconComponent={Hamburger(releaseBranch)}\n className=\"flex justify-center flex-1\"\n onClick={toggleHamburger}\n active={isHamburgerMenuOpen}\n theme={iconTheme}\n />\n </div>\n )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,KACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,aAC5C,WAAW,cAAc;CAC3B,MAAM,EAAE,iBAAiB,wBAAwB,WAAW,iBAAiB;CAC7E,MAAM,EAAE,YAAY,kBAAkB,MAAM;CAC5C,MAAM,YAAY,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,qBAAC;EACC,WAAW,KACT,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAI,YAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,aAAa,KAAK;AACnC,UACE,oBAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,oBAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,oBAACA;GACC,MAAK;GACL,eAAe,UAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
const require_chunk = require('./chunk-BxBTb9qk.js');
|
|
2
|
+
const require_theme = require('./theme-DDBlIbeS.js');
|
|
3
|
+
const require_button = require('./button-DFLYlJJW.js');
|
|
4
|
+
const require_external_link = require('./external-link-CEDvlQYo.js');
|
|
5
|
+
const require_internal_link = require('./internal-link-CqTu3Yi5.js');
|
|
6
|
+
const require_context = require('./context-Bvr0Qj2x.js');
|
|
7
|
+
const require_icons = require('./icons-DF-7dKxN.js');
|
|
8
|
+
const require_theme$1 = require('./theme-BPB1kPtQ.js');
|
|
9
|
+
const require_constants = require('./constants-Bz-ufaJ2.js');
|
|
10
|
+
let react = require("react");
|
|
11
|
+
react = require_chunk.__toESM(react);
|
|
12
|
+
let clsx = require("clsx");
|
|
13
|
+
clsx = require_chunk.__toESM(clsx);
|
|
14
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
15
|
+
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
16
|
+
let lodash_map = require("lodash/map");
|
|
17
|
+
lodash_map = require_chunk.__toESM(lodash_map);
|
|
18
|
+
|
|
19
|
+
//#region src/header/constants/z-index.ts
|
|
20
|
+
const ZIndex = {
|
|
21
|
+
tabBarMobile: "z-10",
|
|
22
|
+
tabBarTablet: "tablet:z-3",
|
|
23
|
+
hamburger: "z-4",
|
|
24
|
+
header: "z-3",
|
|
25
|
+
topRow: "z-2",
|
|
26
|
+
channel: "z-1"
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/tab-bar/index.tsx
|
|
31
|
+
const _ = { map: lodash_map.default };
|
|
32
|
+
const TabBar = ({ className = "" }) => {
|
|
33
|
+
const { theme, releaseBranch, isLinkExternal, pathname } = (0, react.useContext)(require_context.HeaderContext);
|
|
34
|
+
const { toggleHamburger, isHamburgerMenuOpen } = (0, react.useContext)(require_context.HamburgerContext);
|
|
35
|
+
const { bgColor } = require_theme$1.selectTabBarTheme(theme);
|
|
36
|
+
const iconTheme = theme === require_theme.THEME.photography ? theme : require_theme.THEME.normal;
|
|
37
|
+
const LinkComponent = isLinkExternal ? require_external_link.external_link_default : require_internal_link.internal_link_default;
|
|
38
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
39
|
+
className: (0, clsx.default)("w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]", "desktop:hidden", bgColor, ZIndex.tabBarMobile, ZIndex.tabBarTablet, className),
|
|
40
|
+
children: [_.map(require_constants.TabBarItems(releaseBranch), (item) => {
|
|
41
|
+
const isActive = pathname === item.link;
|
|
42
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
|
|
43
|
+
to: item.link,
|
|
44
|
+
target: item.target,
|
|
45
|
+
className: "flex justify-center flex-1",
|
|
46
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_with_text_button_default, {
|
|
47
|
+
text: item.text,
|
|
48
|
+
iconComponent: item.icon,
|
|
49
|
+
theme: iconTheme,
|
|
50
|
+
active: isActive
|
|
51
|
+
})
|
|
52
|
+
}, item.text);
|
|
53
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_with_text_button_default, {
|
|
54
|
+
text: "選單",
|
|
55
|
+
iconComponent: require_icons.Hamburger(releaseBranch),
|
|
56
|
+
className: "flex justify-center flex-1",
|
|
57
|
+
onClick: toggleHamburger,
|
|
58
|
+
active: isHamburgerMenuOpen,
|
|
59
|
+
theme: iconTheme
|
|
60
|
+
})]
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
var tab_bar_default = TabBar;
|
|
64
|
+
|
|
65
|
+
//#endregion
|
|
66
|
+
Object.defineProperty(exports, 'ZIndex', {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return ZIndex;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, 'tab_bar_default', {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return tab_bar_default;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
//# sourceMappingURL=tab-bar-ZRrpziiN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab-bar-ZRrpziiN.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n tabBarMobile: 'z-10',\n tabBarTablet: 'tablet:z-3',\n hamburger: 'z-4',\n header: 'z-3',\n topRow: 'z-2',\n channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\ntype TabBarProps = {\n className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n const { theme, releaseBranch, isLinkExternal, pathname } =\n useContext(HeaderContext)\n const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n const { bgColor } = selectTabBarTheme(theme)\n const iconTheme = theme === THEME.photography ? theme : THEME.normal\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div\n className={clsx(\n 'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n 'desktop:hidden',\n bgColor,\n ZIndex.tabBarMobile,\n ZIndex.tabBarTablet,\n className\n )}\n >\n {_.map(TabBarItems(releaseBranch), (item) => {\n const isActive = pathname === item.link\n return (\n <LinkComponent\n key={item.text}\n to={item.link}\n target={item.target}\n className=\"flex justify-center flex-1\"\n >\n <IconWithTextButton\n text={item.text}\n iconComponent={item.icon}\n theme={iconTheme}\n active={isActive}\n />\n </LinkComponent>\n )\n })}\n <IconWithTextButton\n text=\"選單\"\n iconComponent={Hamburger(releaseBranch)}\n className=\"flex justify-center flex-1\"\n onClick={toggleHamburger}\n active={isHamburgerMenuOpen}\n theme={iconTheme}\n />\n </div>\n )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,yBACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,mCACjCC,8BAAc;CAC3B,MAAM,EAAE,iBAAiB,8CAAmCC,iCAAiB;CAC7E,MAAM,EAAE,YAAYC,kCAAkB,MAAM;CAC5C,MAAM,YAAY,UAAUC,oBAAM,cAAc,QAAQA,oBAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,4CAAC;EACC,6BACE,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAIC,8BAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,aAAa,KAAK;AACnC,UACE,2CAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,2CAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,2CAACA;GACC,MAAK;GACL,eAAeC,wBAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import "../index-BmIgLA0K.mjs";
|
|
2
|
+
import { TYPE, Type } from "../constants-OhAETTiQ.mjs";
|
|
3
|
+
import React from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/text/heading.d.ts
|
|
6
|
+
type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
|
|
7
|
+
text?: string;
|
|
8
|
+
type?: Type;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const H1: React.FC<HeadingProps> & {
|
|
12
|
+
Type: typeof TYPE;
|
|
13
|
+
};
|
|
14
|
+
declare const H2: React.FC<HeadingProps> & {
|
|
15
|
+
Type: typeof TYPE;
|
|
16
|
+
};
|
|
17
|
+
declare const H3: React.FC<HeadingProps> & {
|
|
18
|
+
Type: typeof TYPE;
|
|
19
|
+
};
|
|
20
|
+
declare const H4: React.FC<HeadingProps> & {
|
|
21
|
+
Type: typeof TYPE;
|
|
22
|
+
};
|
|
23
|
+
declare const H5: React.FC<HeadingProps> & {
|
|
24
|
+
Type: typeof TYPE;
|
|
25
|
+
};
|
|
26
|
+
declare const H6: React.FC<HeadingProps> & {
|
|
27
|
+
Type: typeof TYPE;
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { H1, H2, H3, H4, H5, H6 };
|
|
31
|
+
//# sourceMappingURL=heading.d.mts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import "../index-H3peA2d_.js";
|
|
2
|
+
import { TYPE, Type } from "../constants-BS3rPbaX.js";
|
|
3
|
+
import React from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/text/heading.d.ts
|
|
6
|
+
type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
|
|
7
|
+
text?: string;
|
|
8
|
+
type?: Type;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const H1: React.FC<HeadingProps> & {
|
|
12
|
+
Type: typeof TYPE;
|
|
13
|
+
};
|
|
14
|
+
declare const H2: React.FC<HeadingProps> & {
|
|
15
|
+
Type: typeof TYPE;
|
|
16
|
+
};
|
|
17
|
+
declare const H3: React.FC<HeadingProps> & {
|
|
18
|
+
Type: typeof TYPE;
|
|
19
|
+
};
|
|
20
|
+
declare const H4: React.FC<HeadingProps> & {
|
|
21
|
+
Type: typeof TYPE;
|
|
22
|
+
};
|
|
23
|
+
declare const H5: React.FC<HeadingProps> & {
|
|
24
|
+
Type: typeof TYPE;
|
|
25
|
+
};
|
|
26
|
+
declare const H6: React.FC<HeadingProps> & {
|
|
27
|
+
Type: typeof TYPE;
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { H1, H2, H3, H4, H5, H6 };
|
|
31
|
+
//# sourceMappingURL=heading.d.ts.map
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
require('../constants-K2ObjToq.js');
|
|
2
|
+
const require_heading = require('../heading-DFzj2z0V.js');
|
|
3
|
+
|
|
4
|
+
exports.H1 = require_heading.H1;
|
|
5
|
+
exports.H2 = require_heading.H2;
|
|
6
|
+
exports.H3 = require_heading.H3;
|
|
7
|
+
exports.H4 = require_heading.H4;
|
|
8
|
+
exports.H5 = require_heading.H5;
|
|
9
|
+
exports.H6 = require_heading.H6;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import "../index-BmIgLA0K.mjs";
|
|
2
|
+
import { WEIGHT, Weight } from "../constants-OhAETTiQ.mjs";
|
|
3
|
+
import React from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/text/paragraph.d.ts
|
|
6
|
+
type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
|
|
7
|
+
text?: string;
|
|
8
|
+
weight?: Weight;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const P1: React.FC<ParagraphProps> & {
|
|
12
|
+
Weight: typeof WEIGHT;
|
|
13
|
+
};
|
|
14
|
+
declare const P2: React.FC<ParagraphProps> & {
|
|
15
|
+
Weight: typeof WEIGHT;
|
|
16
|
+
};
|
|
17
|
+
declare const P3: React.FC<ParagraphProps> & {
|
|
18
|
+
Weight: typeof WEIGHT;
|
|
19
|
+
};
|
|
20
|
+
declare const P4: React.FC<ParagraphProps> & {
|
|
21
|
+
Weight: typeof WEIGHT;
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
export { P1, P2, P3, P4 };
|
|
25
|
+
//# sourceMappingURL=paragraph.d.mts.map
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import "../index-H3peA2d_.js";
|
|
2
|
+
import { WEIGHT, Weight } from "../constants-BS3rPbaX.js";
|
|
3
|
+
import React from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/text/paragraph.d.ts
|
|
6
|
+
type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
|
|
7
|
+
text?: string;
|
|
8
|
+
weight?: Weight;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const P1: React.FC<ParagraphProps> & {
|
|
12
|
+
Weight: typeof WEIGHT;
|
|
13
|
+
};
|
|
14
|
+
declare const P2: React.FC<ParagraphProps> & {
|
|
15
|
+
Weight: typeof WEIGHT;
|
|
16
|
+
};
|
|
17
|
+
declare const P3: React.FC<ParagraphProps> & {
|
|
18
|
+
Weight: typeof WEIGHT;
|
|
19
|
+
};
|
|
20
|
+
declare const P4: React.FC<ParagraphProps> & {
|
|
21
|
+
Weight: typeof WEIGHT;
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
export { P1, P2, P3, P4 };
|
|
25
|
+
//# sourceMappingURL=paragraph.d.ts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ValuesOf } from "./index-H3peA2d_.js";
|
|
2
|
+
|
|
3
|
+
//#region src/constants/theme.d.ts
|
|
4
|
+
declare const THEME: {
|
|
5
|
+
readonly normal: "normal";
|
|
6
|
+
readonly photography: "photography";
|
|
7
|
+
readonly transparent: "transparent";
|
|
8
|
+
readonly index: "index";
|
|
9
|
+
};
|
|
10
|
+
type Theme = ValuesOf<typeof THEME>;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { THEME, Theme };
|
|
13
|
+
//# sourceMappingURL=theme-BDGfJ8n-.d.ts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { THEME } from "./theme-BG6yZVj-.mjs";
|
|
2
|
+
|
|
3
|
+
//#region src/tab-bar/theme.ts
|
|
4
|
+
const selectTabBarTheme = (theme) => {
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case THEME.photography: return { bgColor: "bg-photo-dark" };
|
|
7
|
+
default: return { bgColor: "bg-gray-100" };
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
export { selectTabBarTheme };
|
|
13
|
+
//# sourceMappingURL=theme-BErS2Qs6.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-BErS2Qs6.mjs","names":[],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n }\n default:\n return {\n bgColor: 'bg-gray-100',\n }\n }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-BG6yZVj-.mjs","names":[],"sources":["../src/constants/theme.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const THEME = {\n normal: 'normal',\n photography: 'photography',\n transparent: 'transparent',\n index: 'index',\n} as const\n\nexport type Theme = ValuesOf<typeof THEME>\n"],"mappings":";AAEA,MAAa,QAAQ;CACnB,QAAQ;CACR,aAAa;CACb,aAAa;CACb,OAAO;CACR"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const require_theme = require('./theme-DDBlIbeS.js');
|
|
2
|
+
|
|
3
|
+
//#region src/tab-bar/theme.ts
|
|
4
|
+
const selectTabBarTheme = (theme) => {
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case require_theme.THEME.photography: return { bgColor: "bg-photo-dark" };
|
|
7
|
+
default: return { bgColor: "bg-gray-100" };
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
Object.defineProperty(exports, 'selectTabBarTheme', {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return selectTabBarTheme;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=theme-BPB1kPtQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-BPB1kPtQ.js","names":["THEME"],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n }\n default:\n return {\n bgColor: 'bg-gray-100',\n }\n }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ValuesOf } from "./index-BmIgLA0K.mjs";
|
|
2
|
+
|
|
3
|
+
//#region src/constants/theme.d.ts
|
|
4
|
+
declare const THEME: {
|
|
5
|
+
readonly normal: "normal";
|
|
6
|
+
readonly photography: "photography";
|
|
7
|
+
readonly transparent: "transparent";
|
|
8
|
+
readonly index: "index";
|
|
9
|
+
};
|
|
10
|
+
type Theme = ValuesOf<typeof THEME>;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { THEME, Theme };
|
|
13
|
+
//# sourceMappingURL=theme-ClamfAy8.d.mts.map
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/constants/theme.ts
|
|
3
|
+
const THEME = {
|
|
4
|
+
normal: "normal",
|
|
5
|
+
photography: "photography",
|
|
6
|
+
transparent: "transparent",
|
|
7
|
+
index: "index"
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
Object.defineProperty(exports, 'THEME', {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () {
|
|
14
|
+
return THEME;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=theme-DDBlIbeS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-DDBlIbeS.js","names":[],"sources":["../src/constants/theme.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const THEME = {\n normal: 'normal',\n photography: 'photography',\n transparent: 'transparent',\n index: 'index',\n} as const\n\nexport type Theme = ValuesOf<typeof THEME>\n"],"mappings":";;AAEA,MAAa,QAAQ;CACnB,QAAQ;CACR,aAAa;CACb,aAAa;CACb,OAAO;CACR"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as react12 from "react";
|
|
2
|
+
import React$1, { FC } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/title-bar/components/title-tab/type.d.ts
|
|
5
|
+
type Tab = {
|
|
6
|
+
text: string;
|
|
7
|
+
link: string;
|
|
8
|
+
isExternal?: boolean;
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/title-bar/components/title2.d.ts
|
|
13
|
+
type Title2Props = {
|
|
14
|
+
title: string;
|
|
15
|
+
subtitle?: string;
|
|
16
|
+
renderButton?: React$1.ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
declare const Title2: React$1.FC<Title2Props>;
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/title-bar/components/title1.d.ts
|
|
22
|
+
type Title1Props = {
|
|
23
|
+
title: string;
|
|
24
|
+
subtitle?: string;
|
|
25
|
+
className?: string;
|
|
26
|
+
};
|
|
27
|
+
declare const Title1: FC<Title1Props>;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/title-bar/components/title-tab/index.d.ts
|
|
30
|
+
type TitleTabProps = {
|
|
31
|
+
title: string;
|
|
32
|
+
tabs: Tab[];
|
|
33
|
+
activeTabIndex?: number;
|
|
34
|
+
};
|
|
35
|
+
declare const TitleTab: FC<TitleTabProps>;
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/title-bar/index.d.ts
|
|
38
|
+
declare const _default: {
|
|
39
|
+
Title2: react12.FC<{
|
|
40
|
+
title: string;
|
|
41
|
+
subtitle?: string;
|
|
42
|
+
renderButton?: React.ReactNode;
|
|
43
|
+
className?: string;
|
|
44
|
+
}>;
|
|
45
|
+
Title1: react12.FC<{
|
|
46
|
+
title: string;
|
|
47
|
+
subtitle?: string;
|
|
48
|
+
className?: string;
|
|
49
|
+
}>;
|
|
50
|
+
TitleTab: react12.FC<{
|
|
51
|
+
title: string;
|
|
52
|
+
tabs: Tab[];
|
|
53
|
+
activeTabIndex?: number;
|
|
54
|
+
}>;
|
|
55
|
+
};
|
|
56
|
+
//#endregion
|
|
57
|
+
export { Title1, Title2, TitleTab, _default as default };
|
|
58
|
+
//# sourceMappingURL=index.d.mts.map
|