@v-miniapp/ui-react 1.0.45 → 1.0.59

package/dist-storybook/assets/use-history-o1im8IDj.js

@@ -1,67 +0,0 @@
-import{j as n}from"./iframe-CQAwSt4E.js";import{useMDXComponents as t}from"./index-CgMRTj-o.js";import{b as s}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function o(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...t(),...i.components};return n.jsxs(n.Fragment,{children:[`
-`,`
-`,n.jsx(s,{title:"Hooks/useHistory"}),`
-`,n.jsx(e.h1,{id:"usehistory",children:"useHistory"}),`
-`,n.jsx(e.p,{children:"Hook để lấy history entry hiện tại của page."}),`
-`,n.jsx(e.h2,{id:"import",children:"Import"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useHistory } from '@v-miniapp/ui-react'
-`})}),`
-`,n.jsx(e.h2,{id:"returns",children:"Returns"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"history"}),": ",n.jsx(e.code,{children:"IHistory"})," object hoặc ",n.jsx(e.code,{children:"undefined"})," chứa:",`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"action"}),": ",n.jsx(e.code,{children:"'PUSH' | 'REPLACE' | 'POP'"})," - Navigation action type"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"location"}),": ",n.jsx(e.code,{children:"ILocation"})," object chứa:",`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"key"}),": ",n.jsx(e.code,{children:"string"})," - Unique key cho location này"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"pathname"}),": ",n.jsx(e.code,{children:"string"})," - Pathname của page"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"params?"}),": ",n.jsx(e.code,{children:"Record<string, string>"})," - Query parameters"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"state?"}),": ",n.jsx(e.code,{children:"any"})," - State object"]}),`
-`]}),`
-`]}),`
-`]}),`
-`]}),`
-`]}),`
-`,n.jsx(e.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`type IHistory = {
-  action: IHistoryAction
-  location: ILocation
-}
-
-type IHistoryAction = 'POP' | 'REPLACE' | 'PUSH'
-
-type ILocation = {
-  key: string
-  pathname: string
-  params?: Record&lt;string, string&gt;
-  state?: any
-}
-`})}),`
-`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { useHistory } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  const history = useHistory()
-  
-  if (!history) return null
-  
-  console.log(history.location.pathname) // '/home'
-  console.log(history.location.params)   // { id: '123' }
-  console.log(history.location.state)    // { from: 'home' }
-  console.log(history.location.key)      // Unique key
-  console.log(history.action)            // 'PUSH' | 'REPLACE' | 'POP'
-  
-  return (
-    <div>
-      <p>Current path: {history.location.pathname}</p>
-      <p>Action: {history.action}</p>
-    </div>
-  )
-}
-`})}),`
-`,n.jsx(e.h2,{id:"notes",children:"Notes"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:["Hook này sử dụng ",n.jsx(e.code,{children:"LocationKeyContext"})," để lấy history entry tương ứng với page hiện tại"]}),`
-`,n.jsxs(e.li,{children:["Nếu không có ",n.jsx(e.code,{children:"locationKey"})," trong context, sẽ trả về last history entry"]}),`
-`,n.jsx(e.li,{children:"History entry được tạo mới mỗi khi navigate (với unique key)"}),`
-`]})]})}function a(i={}){const{wrapper:e}={...t(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(o,{...i})}):o(i)}const x=[];export{x as __namedExportsOrder,a as default};

package/dist-storybook/assets/use-location-CUEaBO4P.js

@@ -1,56 +0,0 @@
-import{j as n}from"./iframe-CQAwSt4E.js";import{useMDXComponents as s}from"./index-CgMRTj-o.js";import{b as c}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function o(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...s(),...i.components};return n.jsxs(n.Fragment,{children:[`
-`,`
-`,n.jsx(c,{title:"Hooks/useLocation"}),`
-`,n.jsx(e.h1,{id:"uselocation",children:"useLocation"}),`
-`,n.jsx(e.p,{children:"Hook để lấy location object hiện tại (pathname, params, state, key)."}),`
-`,n.jsx(e.h2,{id:"import",children:"Import"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useLocation } from '@v-miniapp/ui-react'
-`})}),`
-`,n.jsx(e.h2,{id:"returns",children:"Returns"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"location"}),": ",n.jsx(e.code,{children:"ILocation"})," object hoặc ",n.jsx(e.code,{children:"undefined"})," chứa:",`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"key"}),": ",n.jsx(e.code,{children:"string"})," - Unique key cho location này"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"pathname"}),": ",n.jsx(e.code,{children:"string"})," - Pathname của page"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"params?"}),": ",n.jsx(e.code,{children:"Record<string, string>"})," - Query parameters"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"state?"}),": ",n.jsx(e.code,{children:"any"})," - State object"]}),`
-`]}),`
-`]}),`
-`]}),`
-`,n.jsx(e.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`type ILocation = {
-  key: string
-  pathname: string
-  params?: Record&lt;string, string&gt;
-  state?: any
-}
-`})}),`
-`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { useLocation } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  const location = useLocation()
-  
-  if (!location) return null
-  
-  console.log(location.pathname) // '/home'
-  console.log(location.params)   // { id: '123' }
-  console.log(location.state)    // { from: 'home' }
-  console.log(location.key)      // Unique key
-  
-  return (
-    <div>
-      <p>Path: {location.pathname}</p>
-      {location.params && (
-        <p>Params: {JSON.stringify(location.params)}</p>
-      )}
-    </div>
-  )
-}
-`})}),`
-`,n.jsx(e.h2,{id:"notes",children:"Notes"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:["Hook này là wrapper của ",n.jsx(e.code,{children:"useHistory().location"})]}),`
-`,n.jsxs(e.li,{children:["Có thể trả về ",n.jsx(e.code,{children:"undefined"})," nếu không có history entry"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"location.key"})," là unique identifier cho mỗi navigation instance"]}),`
-`]})]})}function h(i={}){const{wrapper:e}={...s(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(o,{...i})}):o(i)}export{h as default};

package/dist-storybook/assets/use-navigate-C4CTuFSZ.js

@@ -1,84 +0,0 @@
-import{j as n}from"./iframe-CQAwSt4E.js";import{useMDXComponents as o}from"./index-CgMRTj-o.js";import{b as s,M as t}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function i(a){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...a.components};return n.jsxs(n.Fragment,{children:[`
-`,`
-`,n.jsx(s,{title:"Hooks/useNavigate"}),`
-`,n.jsx(e.h1,{id:"usenavigate",children:"useNavigate"}),`
-`,n.jsxs(e.p,{children:["Hook để lấy function ",n.jsx(e.code,{children:"navigate"})," để điều hướng giữa các pages."]}),`
-`,n.jsx(e.h2,{id:"import",children:"Import"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useNavigate } from '@v-miniapp/ui-react'
-`})}),`
-`,n.jsx(e.h2,{id:"returns",children:"Returns"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"navigate"}),": Function để điều hướng với type ",n.jsx(e.code,{children:"INavigate"}),":",`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"navigate(pathname: string, options?: INavigatePathnameOptions): void"})," - Navigate bằng pathname"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"navigate(delta: number, options?: INavigateDeltaOptions): void"})," - Navigate bằng delta (back/forward)"]}),`
-`]}),`
-`]}),`
-`]}),`
-`,n.jsx(e.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`type INavigate = {
-  (to: string, options?: INavigatePathnameOptions): void
-  (to: number, options?: INavigateDeltaOptions): void
-}
-
-type INavigatePathnameOptions = {
-  replace?: boolean
-  params?: Record<string, string>
-  state?: any
-} & IPageState
-
-type INavigateDeltaOptions = {
-  animation?: IAppAnimationState
-}
-`})}),`
-`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(e.h3,{id:"navigate-bằng-pathname",children:"Navigate bằng pathname"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { useNavigate } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  const navigate = useNavigate()
-
-  const handleClick = () => {
-    navigate('/settings', {
-      params: { id: '123' },
-      state: { from: 'home' },
-      replace: false,
-    })
-  }
-
-  return <button onClick={handleClick}>Go to Settings</button>
-}
-`})}),`
-`,n.jsx(e.h3,{id:"navigate-với-page-level-config",children:"Navigate với page-level config"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`const navigate = useNavigate()
-
-navigate('/detail', {
-  params: { id: '123' },
-  navigationBar: {
-    title: 'Detail Page',
-  },
-  animation: {
-    type: 'fade_in',
-  },
-})
-`})}),`
-`,n.jsx(e.h3,{id:"navigate-backforward",children:"Navigate back/forward"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`const navigate = useNavigate()
-
-// Navigate back 1 page
-navigate(-1)
-
-// Navigate forward 1 page
-navigate(1)
-
-// Navigate back với custom animation
-navigate(-1, {
-  animation: { type: 'none' },
-})
-`})}),`
-`,n.jsx(e.h2,{id:"options",children:"Options"}),`
-`,n.jsx(e.h3,{id:"inavigatepathnameoptions",children:"INavigatePathnameOptions"}),`
-`,n.jsx(t,{children:"\n| Option | Type | Mô tả |\n| :--- | :--- | :--- |\n| `replace` | `boolean` | Nếu `true`, replace history entry thay vì push mới |\n| `params` | `Record&lt;string, string&gt;` | Query parameters (sẽ được thêm vào URL) |\n| `state` | `any` | State object (không hiển thị trong URL, lưu trong history) |\n| `animation` | `IAppAnimationState` | Override animation cho navigation này |\n| `navigationBar` | `IAppNavigationBarState` | Override navigation bar cho page này |\n| `bottomTabBar` | `IAppBottomTabBarState` | Override bottom tab bar cho page này |\n| `keepAlive` | `boolean | IAppKeepAliveState` | Override keep-alive cho page này |\n| `pageLayout` | `IAppPageLayoutState` | Override page layout cho page này |\n"}),`
-`,n.jsxs(e.p,{children:[n.jsx(e.strong,{children:"Lưu ý:"})," `INavigatePathnameOptions` extends `IPageState`, nên bạn có thể truyền các page-level config trong navigate options để override config cho page mới."]}),`
-`,n.jsx(e.h3,{id:"inavigatedeltaoptions",children:"INavigateDeltaOptions"}),`
-`,n.jsx(t,{children:"\n| Option | Type | Mô tả |\n| :--- | :--- | :--- |\n| `animation` | `IAppAnimationState` | Override animation cho navigation này |\n"})]})}function d(a={}){const{wrapper:e}={...o(),...a.components};return e?n.jsx(e,{...a,children:n.jsx(i,{...a})}):i(a)}export{d as default};

package/dist-storybook/assets/use-navigation-type-Dcz4hgKo.js

@@ -1,44 +0,0 @@
-import{j as n}from"./iframe-CQAwSt4E.js";import{useMDXComponents as s}from"./index-CgMRTj-o.js";import{b as r}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function t(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...i.components};return n.jsxs(n.Fragment,{children:[`
-`,`
-`,n.jsx(r,{title:"Hooks/useNavigationType"}),`
-`,n.jsx(e.h1,{id:"usenavigationtype",children:"useNavigationType"}),`
-`,n.jsx(e.p,{children:"Hook để lấy navigation action type (PUSH, REPLACE, POP)."}),`
-`,n.jsx(e.h2,{id:"import",children:"Import"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useNavigationType } from '@v-miniapp/ui-react'
-`})}),`
-`,n.jsx(e.h2,{id:"returns",children:"Returns"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"action"}),": ",n.jsx(e.code,{children:"'PUSH' | 'REPLACE' | 'POP'"})," hoặc ",n.jsx(e.code,{children:"undefined"})]}),`
-`]}),`
-`,n.jsx(e.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`type IHistoryAction = 'POP' | 'REPLACE' | 'PUSH'
-`})}),`
-`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { useNavigationType } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  const action = useNavigationType()
-  
-  console.log(action) // 'PUSH' | 'REPLACE' | 'POP'
-  
-  return (
-    <div>
-      <p>Navigation type: {action}</p>
-      {action === 'PUSH' && <p>New page pushed to stack</p>}
-      {action === 'REPLACE' && <p>Current page replaced</p>}
-      {action === 'POP' && <p>Navigated back/forward</p>}
-    </div>
-  )
-}
-`})}),`
-`,n.jsx(e.h2,{id:"action-types",children:"Action Types"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.strong,{children:"PUSH"}),": Navigate đến page mới (push vào history stack)"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.strong,{children:"REPLACE"}),": Replace current page (thay thế history entry hiện tại)"]}),`
-`,n.jsxs(e.li,{children:[n.jsx(e.strong,{children:"POP"}),": Navigate back/forward trong history stack (browser back/forward button)"]}),`
-`]}),`
-`,n.jsx(e.h2,{id:"notes",children:"Notes"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:["Hook này là wrapper của ",n.jsx(e.code,{children:"useHistory().action"})]}),`
-`,n.jsxs(e.li,{children:["Có thể trả về ",n.jsx(e.code,{children:"undefined"})," nếu không có history entry"]}),`
-`]})]})}function p(i={}){const{wrapper:e}={...s(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(t,{...i})}):t(i)}export{p as default};

package/dist-storybook/assets/use-page-config-DSJBVQbq.js

@@ -1,48 +0,0 @@
-import{j as n}from"./iframe-CQAwSt4E.js";import{useMDXComponents as a}from"./index-CgMRTj-o.js";import{b as t}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function o(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...a(),...i.components};return n.jsxs(n.Fragment,{children:[`
-`,`
-`,n.jsx(t,{title:"Hooks/usePageConfig"}),`
-`,n.jsx(e.h1,{id:"usepageconfig",children:"usePageConfig"}),`
-`,n.jsx(e.p,{children:"Hook để lấy config của page hiện tại."}),`
-`,n.jsx(e.h2,{id:"import",children:"Import"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { usePageConfig } from '@v-miniapp/ui-react'
-`})}),`
-`,n.jsx(e.h2,{id:"returns",children:"Returns"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"pageConfig"}),": ",n.jsx(e.code,{children:"IPageConfig"})," của page hiện tại hoặc ",n.jsx(e.code,{children:"undefined"})]}),`
-`]}),`
-`,n.jsx(e.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`type IPageConfig = {
-  pathname: string
-  Component: ComponentType
-  Layouts?: IPageLayout[]
-  bottomTabBarId?: string
-} & IPageState
-`})}),`
-`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { usePageConfig } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  const pageConfig = usePageConfig()
-  
-  if (!pageConfig) return null
-  
-  console.log(pageConfig.pathname)      // '/home'
-  console.log(pageConfig.Component)      // Component của page
-  console.log(pageConfig.navigationBar) // Navigation bar config
-  console.log(pageConfig.animation)      // Animation config
-  console.log(pageConfig.Layouts)       // Layouts array
-  
-  return (
-    <div>
-      <p>Page: {pageConfig.pathname}</p>
-      <p>Title: {pageConfig.navigationBar?.title}</p>
-    </div>
-  )
-}
-`})}),`
-`,n.jsx(e.h2,{id:"notes",children:"Notes"}),`
-`,n.jsxs(e.ul,{children:[`
-`,n.jsxs(e.li,{children:["Hook này tìm page config dựa trên ",n.jsx(e.code,{children:"pathname"})," hiện tại"]}),`
-`,n.jsxs(e.li,{children:["Trả về ",n.jsx(e.code,{children:"undefined"})," nếu không tìm thấy page config"]}),`
-`,n.jsxs(e.li,{children:["Page config chứa tất cả thông tin được định nghĩa trong ",n.jsx(e.code,{children:"IAppConfig.pages"})]}),`
-`]})]})}function l(i={}){const{wrapper:e}={...a(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(o,{...i})}):o(i)}export{l as default};

package/dist-storybook/assets/use-page-scroll-dY-U1Vv4.js

@@ -1,69 +0,0 @@
-import{j as e}from"./iframe-CQAwSt4E.js";import{useMDXComponents as o}from"./index-CgMRTj-o.js";import{b as r}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function t(l){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...o(),...l.components};return e.jsxs(e.Fragment,{children:[`
-`,`
-`,e.jsx(r,{title:"Hooks/usePageScroll"}),`
-`,e.jsx(n.h1,{id:"usepagescroll",children:"usePageScroll"}),`
-`,e.jsx(n.p,{children:"Hook để lắng nghe sự kiện scroll của page."}),`
-`,e.jsx(n.h2,{id:"import",children:"Import"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`import { usePageScroll } from '@v-miniapp/ui-react'
-`})}),`
-`,e.jsx(n.h2,{id:"parameters",children:"Parameters"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"callback: (target: HTMLDivElement, event: Event) => void"}),": Callback được gọi khi scroll"]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"options?: IUsePageScrollOptions"}),": Options cho throttle"]}),`
-`]}),`
-`,e.jsx(n.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`type IUsePageScrollOptions = {
-  throttle?: ThrottleOptions
-}
-
-type ThrottleOptions = {
-  wait?: number
-  leading?: boolean
-  trailing?: boolean
-}
-`})}),`
-`,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { usePageScroll } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  usePageScroll((target, event) => {
-    console.log('Scroll position:', target.scrollTop)
-    // Handle scroll event
-  }, {
-    throttle: {
-      wait: 200, // Throttle 200ms
-      trailing: true,
-    }
-  })
-  
-  return <div>Scroll me</div>
-}
-`})}),`
-`,e.jsx(n.h3,{id:"với-throttle-options",children:"Với throttle options"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`usePageScroll(
-  (target, event) => {
-    const scrollTop = target.scrollTop
-    const scrollHeight = target.scrollHeight
-    const clientHeight = target.clientHeight
-    
-    // Detect scroll to bottom
-    if (scrollTop + clientHeight >= scrollHeight - 10) {
-      loadMore()
-    }
-  },
-  {
-    throttle: {
-      wait: 100,
-      leading: false,
-      trailing: true,
-    }
-  }
-)
-`})}),`
-`,e.jsx(n.h2,{id:"notes",children:"Notes"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:["Hook chỉ hoạt động khi page được hiển thị (",e.jsx(n.code,{children:"didShow === true"}),")"]}),`
-`,e.jsxs(n.li,{children:["Sử dụng ",e.jsx(n.code,{children:"useThrottleFn"})," từ ",e.jsx(n.code,{children:"ahooks"})," để throttle scroll events (mặc định 200ms)"]}),`
-`,e.jsxs(n.li,{children:["Scroll element là element có ",e.jsx(n.code,{children:'id="vsf-global-page"'})]}),`
-`,e.jsxs(n.li,{children:["Callback nhận 2 parameters: ",e.jsx(n.code,{children:"target"})," (scroll element) và ",e.jsx(n.code,{children:"event"})," (scroll event)"]}),`
-`]})]})}function d(l={}){const{wrapper:n}={...o(),...l.components};return n?e.jsx(n,{...l,children:e.jsx(t,{...l})}):t(l)}export{d as default};

package/dist-storybook/assets/use-page-state-CtNpwGPN.js

@@ -1,79 +0,0 @@
-import{j as e}from"./iframe-CQAwSt4E.js";import{useMDXComponents as i}from"./index-CgMRTj-o.js";import{b as s}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function a(t){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...i(),...t.components};return e.jsxs(e.Fragment,{children:[`
-`,`
-`,e.jsx(s,{title:"Hooks/usePageState"}),`
-`,e.jsx(n.h1,{id:"usepagestate",children:"usePageState"}),`
-`,e.jsx(n.p,{children:"Hook để quản lý state của page hiện tại."}),`
-`,e.jsx(n.h2,{id:"import",children:"Import"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`import { usePageState } from '@v-miniapp/ui-react'
-`})}),`
-`,e.jsx(n.h2,{id:"returns",children:"Returns"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"pageState"}),": ",e.jsx(n.code,{children:"IPageState"})," của page hiện tại hoặc ",e.jsx(n.code,{children:"undefined"})]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"setPageState"}),": ",e.jsx(n.code,{children:"Dispatch<SetStateAction<IPageState | undefined>>"})," - Function để update page state"]}),`
-`]}),`
-`,e.jsx(n.h2,{id:"type-definitions",children:"Type Definitions"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`type IPageState = Omit&lt;IAppState, 'keepAlive'&gt; & { keepAlive?: boolean }
-
-type IAppState = {
-  animation?: IAppAnimationState
-  navigationBar?: IAppNavigationBarState
-  bottomTabBar?: IAppBottomTabBarState
-  keepAlive?: boolean | IAppKeepAliveState
-  pageLayout?: IAppPageLayoutState
-}
-`})}),`
-`,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
-`,e.jsx(n.h3,{id:"update-navigation-bar",children:"Update navigation bar"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { usePageState } from '@v-miniapp/ui-react'
-
-const MyPage = () => {
-  const { pageState, setPageState } = usePageState()
-  
-  const updateTitle = () => {
-    setPageState({
-      navigationBar: {
-        title: 'New Title',
-      },
-    })
-  }
-  
-  return <button onClick={updateTitle}>Update Title</button>
-}
-`})}),`
-`,e.jsx(n.h3,{id:"update-với-function",children:"Update với function"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const { setPageState } = usePageState()
-
-setPageState(prevState => ({
-  ...prevState,
-  navigationBar: {
-    ...prevState?.navigationBar,
-    title: 'Updated Title',
-  },
-}))
-`})}),`
-`,e.jsx(n.h3,{id:"update-animation",children:"Update animation"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`setPageState({
-  animation: {
-    type: 'fade_in',
-  },
-})
-`})}),`
-`,e.jsx(n.h3,{id:"update-page-layout",children:"Update page layout"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`setPageState({
-  pageLayout: {
-    contentClassName: 'custom-class',
-    pullToRefresh: {
-      onRefresh: async () => {
-        await fetchData()
-      },
-    },
-  },
-})
-`})}),`
-`,e.jsx(n.h2,{id:"notes",children:"Notes"}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:["Page state được lưu theo ",e.jsx(n.code,{children:"location.key"}),", mỗi navigation instance có state riêng"]}),`
-`,e.jsx(n.li,{children:"State được merge với app-level config và page-level config"}),`
-`,e.jsxs(n.li,{children:["Có thể set ",e.jsx(n.code,{children:"undefined"})," để xóa page state"]}),`
-`,e.jsx(n.li,{children:"State được persist trong navigation stack (với keep-alive)"}),`
-`]})]})}function p(t={}){const{wrapper:n}={...i(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(a,{...t})}):a(t)}export{p as default};

package/dist-storybook/assets/use-settings-changed-BBJwIHTE.js

@@ -1,29 +0,0 @@
-import{j as n}from"./iframe-CQAwSt4E.js";import{useMDXComponents as r}from"./index-CgMRTj-o.js";import{b as d,M as i}from"./blocks-BuaOUtiH.js";import{t as s}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";function o(t){const e={code:"code",h1:"h1",h2:"h2",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[`
-`,`
-`,n.jsx(d,{title:"Hooks/useSettingsChanged"}),`
-`,n.jsx(e.h1,{id:"usesettingschanged",children:"useSettingsChanged"}),`
-`,n.jsx(i,{children:s("hooks.useSettingsChanged.description")}),`
-`,n.jsx(e.h2,{id:"import",children:"Import"}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useSettingsChanged } from '@v-miniapp/ui-react'
-`})}),`
-`,n.jsx(e.h2,{id:"props",children:"Props"}),`
-`,n.jsx(i,{children:`
-| Name              | Type                                     | Required | Default | Description |
-| ----------------- | ---------------------------------------- | -------- | ------- | ----------- |
-| onSettingsChanged | (settings: ISettings) => void            | Yes      | -       | ${s("hooks.useSettingsChanged.onSettingsChangedDescription")} |
-`}),`
-`,n.jsx(e.h2,{id:"",children:s("hooks.usageExample")}),`
-`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useSettingsChanged } from '@v-miniapp/ui-react';
-
-function MyComponent() {
-  useSettingsChanged((settings) => {
-    console.log('Settings changed:', settings);
-  });
-
-  return (
-    <div>
-      <h1>My Component</h1>
-    </div>
-  );
-}
-`})})]})}function u(t={}){const{wrapper:e}={...r(),...t.components};return e?n.jsx(e,{...t,children:n.jsx(o,{...t})}):o(t)}export{u as default};