@tamer4lynx/tamer-app-shell 0.0.2 → 0.0.3
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/src/index.d.ts +2 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.jsx +3 -3
- package/package.json +2 -2
package/dist/src/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import './app-shell.css';
|
|
2
|
-
import {
|
|
2
|
+
import type { IconSet } from '@tamer4lynx/tamer-icons';
|
|
3
|
+
import '@tamer4lynx/tamer-icons';
|
|
3
4
|
import type { ReactNode } from '@lynx-js/react';
|
|
4
5
|
import type { ViewProps } from '@lynx-js/types';
|
|
5
6
|
export { Screen, SafeArea, useSafeAreaContext } from '@tamer4lynx/tamer-screen';
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAA;AAKxB,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAA;AAKxB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,yBAAyB,CAAA;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG/C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE/E,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,SAAS,EAAE,MAAM,OAAO,CAAA;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACjG;AAED,eAAO,MAAM,qBAAqB,4DAAyD,CAAA;AAE3F,wBAAgB,iBAAiB,IAAI,0BAA0B,GAAG,IAAI,CAErE;AAGD,eAAO,MAAM,EAAE,GAAI,OAAO,MAAM,WAA6B,CAAA;AAE7D,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAA;AAE/E,wBAAgB,kBAAkB,gCAEjC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,KAAK,CAAA;IACjC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAiCD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAA8B,EAC9B,UAAU,EACV,YAAiB,EACjB,eAAwB,EACxB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,wCAsDb;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAwCD,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,wCA8DtE;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS;CAAG;AAElD,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,wCAkBjE;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAiB,EACjB,UAAkB,EAClB,SAA8B,GAC/B,EAAE,qBAAqB,wCAGvB"}
|
package/dist/src/index.jsx
CHANGED
|
@@ -4,7 +4,7 @@ import { createContext, useCallback, useContext, useState } from '@lynx-js/react
|
|
|
4
4
|
import { useLocation } from 'react-router';
|
|
5
5
|
import { useInsets, useKeyboard } from '@tamer4lynx/tamer-insets';
|
|
6
6
|
import { useSafeAreaContext } from '@tamer4lynx/tamer-screen';
|
|
7
|
-
import
|
|
7
|
+
import '@tamer4lynx/tamer-icons';
|
|
8
8
|
export { Screen, SafeArea, useSafeAreaContext } from '@tamer4lynx/tamer-screen';
|
|
9
9
|
export const AppShellRouterContext = createContext(null);
|
|
10
10
|
export function useAppShellRouter() {
|
|
@@ -26,7 +26,7 @@ function ActionButton({ action, color = '#fff' }) {
|
|
|
26
26
|
borderRadius: px(ACTION_SIZE / 2),
|
|
27
27
|
overflow: 'hidden',
|
|
28
28
|
}} bindtap={action.onTap} bindtouchstart={() => setPressed(true)} bindtouchend={() => setPressed(false)} bindtouchcancel={() => setPressed(false)}>
|
|
29
|
-
<
|
|
29
|
+
<icon icon={action.icon} set={action.set ?? 'material'} size={ACTION_ICON_SIZE} iconColor={color} style={{ width: px(ACTION_ICON_SIZE), height: px(ACTION_ICON_SIZE) }}/>
|
|
30
30
|
<view className="AppShellActionButton-ripple"/>
|
|
31
31
|
</view>);
|
|
32
32
|
}
|
|
@@ -73,7 +73,7 @@ function TabBarItem({ item, isActive, onTap, iconColor = DEFAULT_ICON_COLOR, })
|
|
|
73
73
|
const [pressed, setPressed] = useState(false);
|
|
74
74
|
const iconC = isActive ? (iconColor.active ?? DEFAULT_ICON_COLOR.active) : (iconColor.inactive ?? DEFAULT_ICON_COLOR.inactive);
|
|
75
75
|
return (<view className={`AppShellTabItem${pressed ? ' AppShellTabItem--pressed' : ''}`} style={{ opacity: isActive ? 1 : 0.6 }} bindtap={onTap} bindtouchstart={() => setPressed(true)} bindtouchend={() => setPressed(false)} bindtouchcancel={() => setPressed(false)}>
|
|
76
|
-
<
|
|
76
|
+
<icon icon={item.icon} set={item.set ?? 'material'} size={24} iconColor={iconC} style={{ width: px(24), height: px(24) }}/>
|
|
77
77
|
{item.label ? (<text style={{ marginTop: px(4), color: iconC }}>{item.label}</text>) : null}
|
|
78
78
|
</view>);
|
|
79
79
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamer4lynx/tamer-app-shell",
|
|
3
3
|
"publishConfig": { "access": "public", "tag": "prerelease" },
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "App chrome: AppBar, TabBar, and Content layout for Lynx.",
|
|
7
7
|
"main": "dist/src/index.jsx",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"build": "rm -rf dist && tsc && cp src/app-shell.css dist/src/app-shell.css"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@tamer4lynx/tamer-icons": "^0.0.
|
|
28
|
+
"@tamer4lynx/tamer-icons": "^0.0.5",
|
|
29
29
|
"@tamer4lynx/tamer-insets": "^0.0.1",
|
|
30
30
|
"@tamer4lynx/tamer-screen": "^0.0.2"
|
|
31
31
|
},
|