@vef-framework-react/components 2.1.3 → 2.1.5

package/dist/es/index.js

@@ -1,109 +1,124 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { breakpoints as e } from "./_base/constants/breakpoints.js";
 import { colors as t, fullSizes as n, presetColors as r, semanticColors as i, semanticSceneIcons as a, semanticSceneLabels as o, semanticScenes as s, sizes as c } from "./_base/constants/common.js";
 import { globalCssVars as l } from "./_base/constants/css-vars.js";
-import { resolveBreakpointValue as u } from "./_base/helpers/breakpoints.js";
-import { isPresetColor as d, isSemanticColor as f } from "./_base/helpers/color.js";
-import { getSpacingValue as p, mapSize as m } from "./_base/helpers/common.js";
-import { closeAllMessages as h, showErrorMessage as g, showInfoMessage as _, showLoadingMessage as v, showSuccessMessage as y, showWarningMessage as b } from "./_base/helpers/message.js";
-import { showConfirm as x, showErrorAlert as S, showInfoAlert as C, showSuccessAlert as w, showWarningAlert as T } from "./_base/helpers/modal.js";
-import { closeAllNotifications as E, showErrorNotification as D, showInfoNotification as O, showSuccessNotification as k, showWarningNotification as A } from "./_base/helpers/notification.js";
-import { isFragment as j } from "./_base/helpers/react.js";
-import { useThemeTokens as M } from "./_base/hooks/use-theme-tokens.js";
-import { Button as N } from "./button/index.js";
-import { Icon as P } from "./icon/index.js";
-import { Popconfirm as F } from "./popconfirm/index.js";
-import { ActionButton as I } from "./action-button/index.js";
-import { Flex as L } from "./flex/index.js";
-import { Group as R } from "./group/index.js";
-import { ActionGroup as z } from "./action-group/index.js";
-import { Affix as B } from "./affix/index.js";
-import { Alert as V } from "./alert/index.js";
-import { Anchor as H } from "./anchor/index.js";
-import { AutoComplete as U } from "./auto-complete/index.js";
-import { Avatar as W } from "./avatar/index.js";
-import { Badge as G } from "./badge/index.js";
-import { Checkbox as K } from "./checkbox/index.js";
-import { Radio as q } from "./radio/index.js";
-import { Switch as J } from "./switch/index.js";
-import { Bool as Y } from "./bool/index.js";
-import { Breadcrumb as X } from "./breadcrumb/index.js";
-import { Calendar as Z } from "./calendar/index.js";
-import { Card as Q } from "./card/index.js";
-import { Carousel as $ } from "./carousel/index.js";
-import { Cascader as ee } from "./cascader/index.js";
-import { Center as te } from "./center/index.js";
-import { useIsDarkMode as ne } from "./config-provider/dark-mode-context.js";
-import { ConfigProvider as re } from "./config-provider/index.js";
-import { useChart as ie } from "./charts/hooks/use-chart.js";
-import { Chart as ae } from "./charts/chart.js";
-import { connectCharts as oe, disconnectCharts as se } from "./charts/helpers/group.js";
-import { CodeHighlighter as ce } from "./code-highlighter/index.js";
-import { Col as le } from "./col/index.js";
-import { Collapse as ue } from "./collapse/index.js";
-import { ColorPicker as de } from "./color-picker/index.js";
-import { Compact as fe } from "./compact/index.js";
-import { DatePicker as pe } from "./date-picker/index.js";
-import { Descriptions as me } from "./descriptions/index.js";
-import { Divider as he } from "./divider/index.js";
-import { Drawer as ge } from "./drawer/index.js";
-import { Dropdown as _e } from "./dropdown/index.js";
-import { DynamicIcon as ve } from "./dynamic-icon/index.js";
-import ye from "./empty/empty.js";
-import { FlipText as be } from "./flip-text/index.js";
-import { FloatButton as xe } from "./float-button/index.js";
-import { Input as Se } from "./input/index.js";
-import { InputNumber as Ce } from "./input-number/index.js";
-import { Mentions as we } from "./mentions/index.js";
-import { Rate as Te } from "./rate/index.js";
-import { Spin as Ee } from "./spin/index.js";
-import { Loader as De } from "./loader/index.js";
-import { useDataOptionsSelect as Oe } from "./select/hooks/use-data-options-select.js";
-import { Select as ke } from "./select/index.js";
-import { Slider as Ae } from "./slider/index.js";
-import { TimePicker as je } from "./time-picker/index.js";
-import { Transfer as Me } from "./transfer/index.js";
-import { useDataOptionsTreeSelect as Ne } from "./tree-select/hooks/use-data-options-tree-select.js";
-import { TreeSelect as Pe } from "./tree-select/index.js";
-import { Image as Fe } from "./image/index.js";
-import { Upload as Ie } from "./upload/index.js";
-import { createFormOptions as Le, useFormContext as Re, useFormStore as ze, withFieldGroup as Be, withForm as Ve } from "./form/form.js";
-import { useForm as He } from "./form/use-form.js";
-import { useGridCollapsed as Ue } from "./grid/hooks/use-grid-collapsed.js";
-import { Grid as We } from "./grid/index.js";
-import { Tooltip as Ge } from "./tooltip/index.js";
-import { IconButton as Ke } from "./icon-button/index.js";
-import { Keyboard as qe } from "./keyboard/index.js";
-import { List as Je } from "./list/index.js";
-import { Menu as Ye } from "./menu/index.js";
-import { Modal as Xe } from "./modal/index.js";
-import { PermissionGate as Ze } from "./permission-gate/index.js";
-import { OperationButton as Qe } from "./operation-button/index.js";
-import { Pagination as $e } from "./pagination/index.js";
-import { Popover as et } from "./popover/index.js";
-import { Progress as tt } from "./progress/index.js";
-import { QRCode as nt } from "./qrcode/index.js";
-import { Result as rt } from "./result/index.js";
-import { Row as it } from "./row/index.js";
-import { ScrollArea as at } from "./scroll-area/index.js";
-import { Segmented as ot } from "./segmented/index.js";
-import { Skeleton as st } from "./skeleton/index.js";
-import ct from "./space/space.js";
-import { SparklesText as lt } from "./sparkles-text/index.js";
-import { SplitText as ut } from "./split-text/index.js";
-import { Splitter as dt } from "./splitter/index.js";
-import { Stack as ft } from "./stack/index.js";
-import { Statistic as pt } from "./statistic/index.js";
-import { Steps as mt } from "./steps/index.js";
-import { pageSizeOptions as ht, usePaginationProps as gt } from "./table/use-pagination-props.js";
-import { Table as _t } from "./table/index.js";
-import { Tabs as vt } from "./tabs/index.js";
-import { Tag as yt } from "./tag/index.js";
-import { Timeline as bt } from "./timeline/index.js";
-import { Tour as xt } from "./tour/index.js";
-import { useDataOptionsTree as St } from "./tree/hooks/use-data-options-tree.js";
-import { Tree as Ct } from "./tree/index.js";
-import { TypingAnimation as wt } from "./typing-animation/index.js";
-import { Link as Tt, Paragraph as Et, Text as Dt, Title as Ot } from "./typography/index.js";
-import { Watermark as kt } from "./watermark/index.js";
-export { I as ActionButton, z as ActionGroup, B as Affix, V as Alert, H as Anchor, U as AutoComplete, W as Avatar, G as Badge, Y as Bool, X as Breadcrumb, N as Button, Z as Calendar, Q as Card, $ as Carousel, ee as Cascader, te as Center, ae as Chart, K as Checkbox, ce as CodeHighlighter, le as Col, ue as Collapse, de as ColorPicker, fe as Compact, re as ConfigProvider, pe as DatePicker, me as Descriptions, he as Divider, ge as Drawer, _e as Dropdown, ve as DynamicIcon, ye as Empty, L as Flex, be as FlipText, xe as FloatButton, We as Grid, R as Group, P as Icon, Ke as IconButton, Fe as Image, Se as Input, Ce as InputNumber, qe as Keyboard, Tt as Link, Je as List, De as Loader, we as Mentions, Ye as Menu, Xe as Modal, Qe as OperationButton, $e as Pagination, Et as Paragraph, Ze as PermissionGate, F as Popconfirm, et as Popover, tt as Progress, nt as QRCode, q as Radio, Te as Rate, rt as Result, it as Row, at as ScrollArea, ot as Segmented, ke as Select, st as Skeleton, Ae as Slider, ct as Space, lt as SparklesText, Ee as Spin, ut as SplitText, dt as Splitter, ft as Stack, pt as Statistic, mt as Steps, J as Switch, _t as Table, vt as Tabs, yt as Tag, Dt as Text, je as TimePicker, bt as Timeline, Ot as Title, Ge as Tooltip, xt as Tour, Me as Transfer, Ct as Tree, Pe as TreeSelect, wt as TypingAnimation, Ie as Upload, kt as Watermark, e as breakpoints, h as closeAllMessages, E as closeAllNotifications, t as colors, oe as connectCharts, Le as createFormOptions, se as disconnectCharts, n as fullSizes, p as getSpacingValue, l as globalCssVars, j as isFragment, d as isPresetColor, f as isSemanticColor, m as mapSize, ht as pageSizeOptions, r as presetColors, u as resolveBreakpointValue, i as semanticColors, a as semanticSceneIcons, o as semanticSceneLabels, s as semanticScenes, x as showConfirm, S as showErrorAlert, g as showErrorMessage, D as showErrorNotification, C as showInfoAlert, _ as showInfoMessage, O as showInfoNotification, v as showLoadingMessage, w as showSuccessAlert, y as showSuccessMessage, k as showSuccessNotification, T as showWarningAlert, b as showWarningMessage, A as showWarningNotification, c as sizes, ie as useChart, Oe as useDataOptionsSelect, St as useDataOptionsTree, Ne as useDataOptionsTreeSelect, He as useForm, Re as useFormContext, ze as useFormStore, Ue as useGridCollapsed, ne as useIsDarkMode, gt as usePaginationProps, M as useThemeTokens, Be as withFieldGroup, Ve as withForm };
+import { SYMBOL_PAGINATION as u, SYMBOL_SORT as d } from "./_base/constants/symbols.js";
+import { resolveBreakpointValue as f } from "./_base/helpers/breakpoints.js";
+import { isPresetColor as p, isSemanticColor as m } from "./_base/helpers/color.js";
+import { getSpacingValue as h, mapSize as g } from "./_base/helpers/common.js";
+import { emitReloadPage as _ } from "./_base/helpers/event.js";
+import { closeAllMessages as v, showErrorMessage as y, showInfoMessage as b, showLoadingMessage as x, showSuccessMessage as S, showWarningMessage as C } from "./_base/helpers/message.js";
+import { showConfirm as w, showErrorAlert as T, showInfoAlert as E, showSuccessAlert as D, showWarningAlert as O } from "./_base/helpers/modal.js";
+import { closeAllNotifications as k, showErrorNotification as A, showInfoNotification as j, showSuccessNotification as M, showWarningNotification as N } from "./_base/helpers/notification.js";
+import { isFragment as P } from "./_base/helpers/react.js";
+import { useThemeTokens as F } from "./_base/hooks/use-theme-tokens.js";
+import { Button as I } from "./button/index.js";
+import { Icon as L } from "./icon/index.js";
+import { Popconfirm as R } from "./popconfirm/index.js";
+import { ActionButton as z } from "./action-button/index.js";
+import { Flex as B } from "./flex/index.js";
+import { Group as V } from "./group/index.js";
+import { ActionGroup as H } from "./action-group/index.js";
+import { Affix as U } from "./affix/index.js";
+import { Alert as W } from "./alert/index.js";
+import { Anchor as G } from "./anchor/index.js";
+import { AutoComplete as K } from "./auto-complete/index.js";
+import { Avatar as q } from "./avatar/index.js";
+import { Badge as J } from "./badge/index.js";
+import { Checkbox as Y } from "./checkbox/index.js";
+import { Radio as X } from "./radio/index.js";
+import { Switch as Z } from "./switch/index.js";
+import { Bool as Q } from "./bool/index.js";
+import { Breadcrumb as $ } from "./breadcrumb/index.js";
+import { Calendar as ee } from "./calendar/index.js";
+import { Card as te } from "./card/index.js";
+import { Carousel as ne } from "./carousel/index.js";
+import { Cascader as re } from "./cascader/index.js";
+import { Center as ie } from "./center/index.js";
+import { useIsDarkMode as ae } from "./config-provider/dark-mode-context.js";
+import { ConfigProvider as oe } from "./config-provider/index.js";
+import { useChart as se } from "./charts/hooks/use-chart.js";
+import { Chart as ce } from "./charts/chart.js";
+import { connectCharts as le, disconnectCharts as ue } from "./charts/helpers/group.js";
+import { CodeHighlighter as de } from "./code-highlighter/index.js";
+import { Col as fe } from "./col/index.js";
+import { Collapse as pe } from "./collapse/index.js";
+import { ColorPicker as me } from "./color-picker/index.js";
+import { Compact as he } from "./compact/index.js";
+import { FlexCard as ge } from "./flex-card/index.js";
+import { Stack as _e } from "./stack/index.js";
+import { Divider as ve } from "./divider/index.js";
+import { Tooltip as ye } from "./tooltip/index.js";
+import { pageSizeOptions as be, usePaginationProps as xe } from "./table/use-pagination-props.js";
+import { Table as Se } from "./table/index.js";
+import { Popover as Ce } from "./popover/index.js";
+import { Slider as we } from "./slider/index.js";
+import { OperationButtonGroup as Te } from "./pro-table/components/operation-button-group.js";
+import { TableSubscriber as Ee } from "./pro-table/components/table-subscriber.js";
+import { ProTable as De } from "./pro-table/index.js";
+import { DatePicker as Oe } from "./date-picker/index.js";
+import { Input as ke } from "./input/index.js";
+import { InputNumber as Ae } from "./input-number/index.js";
+import { Mentions as je } from "./mentions/index.js";
+import { Rate as Me } from "./rate/index.js";
+import { FlipText as Ne } from "./flip-text/index.js";
+import { Spin as Pe } from "./spin/index.js";
+import { Loader as Fe } from "./loader/index.js";
+import { useDataOptionsSelect as Ie } from "./select/hooks/use-data-options-select.js";
+import { Select as Le } from "./select/index.js";
+import { TimePicker as Re } from "./time-picker/index.js";
+import { Transfer as ze } from "./transfer/index.js";
+import { useDataOptionsTreeSelect as Be } from "./tree-select/hooks/use-data-options-tree-select.js";
+import { TreeSelect as Ve } from "./tree-select/index.js";
+import { Image as He } from "./image/index.js";
+import { Upload as Ue } from "./upload/index.js";
+import { createFormOptions as We, useFormContext as Ge, useFormStore as Ke, withFieldGroup as qe, withForm as Je } from "./form/form.js";
+import { useForm as Ye } from "./form/use-form.js";
+import { ProSearch as Xe } from "./pro-search/index.js";
+import { Link as Ze, Paragraph as Qe, Text as $e, Title as et } from "./typography/index.js";
+import { Drawer as tt } from "./drawer/index.js";
+import nt from "./empty/empty.js";
+import { FormDrawer as rt } from "./form-drawer/index.js";
+import { Modal as it } from "./modal/index.js";
+import { FormModal as at } from "./form-modal/index.js";
+import { createCrudKit as ot } from "./crud/helpers.js";
+import { Crud as st } from "./crud/index.js";
+import { ScrollArea as ct } from "./scroll-area/index.js";
+import { useViewportHeight as lt } from "./page/viewport-context.js";
+import { Page as ut } from "./page/index.js";
+import { CrudPage as dt } from "./crud-page/index.js";
+import { Descriptions as ft } from "./descriptions/index.js";
+import { Dropdown as pt } from "./dropdown/index.js";
+import { DynamicIcon as mt } from "./dynamic-icon/index.js";
+import { FloatButton as ht } from "./float-button/index.js";
+import { useGridCollapsed as gt } from "./grid/hooks/use-grid-collapsed.js";
+import { Grid as _t } from "./grid/index.js";
+import { IconButton as vt } from "./icon-button/index.js";
+import { Keyboard as yt } from "./keyboard/index.js";
+import { List as bt } from "./list/index.js";
+import { LogoIcon as xt } from "./logo-icon/index.js";
+import { Menu as St } from "./menu/index.js";
+import { PermissionGate as Ct } from "./permission-gate/index.js";
+import { OperationButton as wt } from "./operation-button/index.js";
+import { Pagination as Tt } from "./pagination/index.js";
+import { Progress as Et } from "./progress/index.js";
+import { QRCode as Dt } from "./qrcode/index.js";
+import { Result as Ot } from "./result/index.js";
+import { Row as kt } from "./row/index.js";
+import { Segmented as At } from "./segmented/index.js";
+import { Skeleton as jt } from "./skeleton/index.js";
+import Mt from "./space/space.js";
+import { SparklesText as Nt } from "./sparkles-text/index.js";
+import { SplitText as Pt } from "./split-text/index.js";
+import { Splitter as Ft } from "./splitter/index.js";
+import { Statistic as It } from "./statistic/index.js";
+import { Steps as Lt } from "./steps/index.js";
+import { Tabs as Rt } from "./tabs/index.js";
+import { Tag as zt } from "./tag/index.js";
+import { Timeline as Bt } from "./timeline/index.js";
+import { Tour as Vt } from "./tour/index.js";
+import { useDataOptionsTree as Ht } from "./tree/hooks/use-data-options-tree.js";
+import { Tree as Ut } from "./tree/index.js";
+import { TypingAnimation as Wt } from "./typing-animation/index.js";
+import { Watermark as Gt } from "./watermark/index.js";
+export { z as ActionButton, H as ActionGroup, U as Affix, W as Alert, G as Anchor, K as AutoComplete, q as Avatar, J as Badge, Q as Bool, $ as Breadcrumb, I as Button, ee as Calendar, te as Card, ne as Carousel, re as Cascader, ie as Center, ce as Chart, Y as Checkbox, de as CodeHighlighter, fe as Col, pe as Collapse, me as ColorPicker, he as Compact, oe as ConfigProvider, st as Crud, dt as CrudPage, Oe as DatePicker, ft as Descriptions, ve as Divider, tt as Drawer, pt as Dropdown, mt as DynamicIcon, nt as Empty, B as Flex, ge as FlexCard, Ne as FlipText, ht as FloatButton, rt as FormDrawer, at as FormModal, _t as Grid, V as Group, L as Icon, vt as IconButton, He as Image, ke as Input, Ae as InputNumber, yt as Keyboard, Ze as Link, bt as List, Fe as Loader, xt as LogoIcon, je as Mentions, St as Menu, it as Modal, wt as OperationButton, Te as OperationButtonGroup, ut as Page, Tt as Pagination, Qe as Paragraph, Ct as PermissionGate, R as Popconfirm, Ce as Popover, Xe as ProSearch, De as ProTable, Ee as ProTableSubscriber, Et as Progress, Dt as QRCode, X as Radio, Me as Rate, Ot as Result, kt as Row, u as SYMBOL_PAGINATION, d as SYMBOL_SORT, ct as ScrollArea, At as Segmented, Le as Select, jt as Skeleton, we as Slider, Mt as Space, Nt as SparklesText, Pe as Spin, Pt as SplitText, Ft as Splitter, _e as Stack, It as Statistic, Lt as Steps, Z as Switch, Se as Table, Rt as Tabs, zt as Tag, $e as Text, Re as TimePicker, Bt as Timeline, et as Title, ye as Tooltip, Vt as Tour, ze as Transfer, Ut as Tree, Ve as TreeSelect, Wt as TypingAnimation, Ue as Upload, Gt as Watermark, e as breakpoints, v as closeAllMessages, k as closeAllNotifications, t as colors, le as connectCharts, ot as createCrudKit, We as createFormOptions, ue as disconnectCharts, _ as emitReloadPage, n as fullSizes, h as getSpacingValue, l as globalCssVars, P as isFragment, p as isPresetColor, m as isSemanticColor, g as mapSize, be as pageSizeOptions, r as presetColors, f as resolveBreakpointValue, i as semanticColors, a as semanticSceneIcons, o as semanticSceneLabels, s as semanticScenes, w as showConfirm, T as showErrorAlert, y as showErrorMessage, A as showErrorNotification, E as showInfoAlert, b as showInfoMessage, j as showInfoNotification, x as showLoadingMessage, D as showSuccessAlert, S as showSuccessMessage, M as showSuccessNotification, O as showWarningAlert, C as showWarningMessage, N as showWarningNotification, c as sizes, se as useChart, Ie as useDataOptionsSelect, Ht as useDataOptionsTree, Be as useDataOptionsTreeSelect, Ye as useForm, Ge as useFormContext, Ke as useFormStore, gt as useGridCollapsed, ae as useIsDarkMode, xe as usePaginationProps, F as useThemeTokens, lt as useViewportHeight, qe as withFieldGroup, Je as withForm };

package/dist/es/input/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { Input as e } from "antd";
 export { e as Input };

package/dist/es/input-number/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { InputNumber as e } from "antd";
 export { e as InputNumber };

package/dist/es/keyboard/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useMemo as n } from "react";

package/dist/es/list/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { List as e } from "antd";
 export { e as List };

package/dist/es/loader/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { fullHeight as e } from "../_base/styles/common.js";
 import { Center as t } from "../center/index.js";
 import { FlipText as n } from "../flip-text/index.js";

package/dist/es/logo-icon/index.js

@@ -0,0 +1,24 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { colorPaletteMap as n, getColorPalette as r } from "@vef-framework-react/shared";
+//#region src/logo-icon/index.tsx
+var i = n.get("blue").get(500);
+function a({ primaryColor: n = i, ...a }) {
+	let o = r(n);
+	return /* @__PURE__ */ t("svg", {
+		height: "1em",
+		viewBox: "0 0 75.002 65.685",
+		width: "1em",
+		xmlns: "http://www.w3.org/2000/svg",
+		...a,
+		children: [/* @__PURE__ */ e("path", {
+			d: "M11 .17h8.7a3.43 3.43 0 0 1 3.42 1.93c3.51 6.1 7.11 12.15 10.7 18.21a3.14 3.14 0 0 1 .08 3.5c-3 5.22-6 10.47-9.12 15.68-.39.68-.67 1.68-1.68 1.64S22 40 21.57 39.33Q11.69 22.22 1.81 5.1C1 3.76-.48 2.22.15.9.88-.64 3 .28 4.5.2 6.65.08 8.81.17 11 .17",
+			fill: o.get(500)
+		}), /* @__PURE__ */ e("path", {
+			d: "M71.37.15h1.16c2.8 0 3 .44 1.69 2.78l-14.53 25.2Q49.4 46 39.1 63.9c-1.41 2.43-1.9 2.3-3.56.09-2-2.63-1.71-4.78 0-7.6Q51.27 29.63 66.65 2.62C67.91.43 69.53-.15 71.37.15M56.42.16h1.15c2.8 0 3 .43 1.69 2.77L52.3 15 31.7 50.76c-1.53 2.65-2.06 2.54-3.75-.09a5.9 5.9 0 0 1-.16-7q12-20.07 23.53-40.39C52.63 1 54.07-.44 56.42.16",
+			fill: o.get(400)
+		})]
+	});
+}
+//#endregion
+export { a as LogoIcon };

package/dist/es/mentions/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { Mentions as e } from "antd";
 export { e as Mentions };

package/dist/es/menu/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { Menu as e } from "antd";
 export { e as Menu };

package/dist/es/modal/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { Modal as e } from "antd";
 export { e as Modal };

package/dist/es/operation-button/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.3 made by Venus | 2026-03-29T13:51:58.227Z */
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { ActionButton as t } from "../action-button/index.js";
 import { PermissionGate as n } from "../permission-gate/index.js";

package/dist/es/page/components/aside-panel.js

@@ -0,0 +1,49 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import { getSpacingValue as e } from "../../_base/helpers/common.js";
+import { useResize as t } from "../hooks/use-resize.js";
+import { asideContent as n } from "../styles.js";
+import { ResizeHandle as r } from "./resize-handle.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { isPlainObject as o } from "@vef-framework-react/shared";
+//#region src/page/components/aside-panel.tsx
+var s = 280;
+function c(e) {
+	return o(e);
+}
+function l(e) {
+	if (!e) return s;
+	if (c(e)) {
+		let t = e.defaultWidth;
+		return typeof t == "number" ? t : s;
+	}
+	return typeof e == "number" ? e : s;
+}
+function u(e) {
+	return typeof e == "number" ? e : void 0;
+}
+function d({ children: o, className: d, containerStyle: f, position: p, width: m }) {
+	let h = c(m), g = l(m), { width: _, isDragging: v, handleMouseDown: y } = t({
+		defaultWidth: g,
+		minWidth: h ? u(m.minWidth) : void 0,
+		maxWidth: h ? u(m.maxWidth) : void 0,
+		isLeftPanel: p === "left"
+	});
+	return /* @__PURE__ */ a("div", {
+		className: d,
+		css: f,
+		style: {
+			width: h ? `${h ? _ : g}px` : e(m ?? s),
+			position: "relative"
+		},
+		children: [/* @__PURE__ */ i("div", {
+			css: n,
+			children: o
+		}), h && /* @__PURE__ */ i(r, {
+			isDragging: v,
+			position: p,
+			onMouseDown: y
+		})]
+	});
+}
+//#endregion
+export { d as AsidePanel };

package/dist/es/page/components/index.js

@@ -0,0 +1,4 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import "./resize-handle.js";
+import "./aside-panel.js";
+import "./scroll-content.js";

package/dist/es/page/components/resize-handle.js

@@ -0,0 +1,18 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import { resizeHandleGrip as e, resizeHandleLeft as t, resizeHandleRight as n } from "../styles.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import "react";
+//#region src/page/components/resize-handle.tsx
+function i({ isDragging: i, position: a, onMouseDown: o }) {
+	return /* @__PURE__ */ r("div", {
+		css: [
+			e,
+			a === "left" ? t : n,
+			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS1oYW5kbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCTSIsImZpbGUiOiJyZXNpemUtaGFuZGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tIFwiLi4vc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVzaXplSGFuZGxlUHJvcHMge1xuICBpc0RyYWdnaW5nOiBib29sZWFuO1xuICBwb3NpdGlvbjogXCJsZWZ0XCIgfCBcInJpZ2h0XCI7XG4gIG9uTW91c2VEb3duOiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBSZXNpemVIYW5kbGUoe1xuICBpc0RyYWdnaW5nLFxuICBwb3NpdGlvbixcbiAgb25Nb3VzZURvd25cbn06IFJlc2l6ZUhhbmRsZVByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBwb3NpdGlvblN0eWxlID0gcG9zaXRpb24gPT09IFwibGVmdFwiXG4gICAgPyBzdHlsZXMucmVzaXplSGFuZGxlTGVmdFxuICAgIDogc3R5bGVzLnJlc2l6ZUhhbmRsZVJpZ2h0O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbc3R5bGVzLnJlc2l6ZUhhbmRsZUdyaXAsIHBvc2l0aW9uU3R5bGVdfVxuICAgICAgZGF0YS1kcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgIG9uTW91c2VEb3duPXtvbk1vdXNlRG93bn1cbiAgICAvPlxuICApO1xufVxuIl19 */"
+		],
+		"data-dragging": i,
+		onMouseDown: o
+	});
+}
+//#endregion
+export { i as ResizeHandle };

package/dist/es/page/components/scroll-content.js

@@ -0,0 +1,55 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import { actionBar as e, content as t, scrollContainer as n, scrollWrapper as r } from "../styles.js";
+import { ScrollArea as i } from "../../scroll-area/index.js";
+import { ViewportProvider as a } from "../viewport-context.js";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useElementSize as l } from "@vef-framework-react/hooks";
+import { ClassNames as u } from "@emotion/react";
+import { AnimatePresence as d, motion as f } from "@vef-framework-react/core";
+//#region src/page/components/scroll-content.tsx
+var p = {
+	initial: {
+		opacity: 0,
+		y: 60
+	},
+	animate: {
+		opacity: 1,
+		y: 0,
+		transition: { ease: "easeOut" }
+	},
+	exit: {
+		opacity: 0,
+		y: 60,
+		transition: { ease: "easeIn" }
+	}
+}, m = { duration: .3 };
+function h({ className: h, actionBar: g, actionBarClassName: _, children: v }) {
+	let { ref: y, height: b } = l({ box: "border-box" }), { ref: x, height: S } = l({ box: "border-box" }), C = { "--vef-page-action-bar-height": `${b}px` };
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(u, { children: ({ css: e }) => /* @__PURE__ */ s(i, {
+		className: h,
+		css: [
+			t,
+			r,
+			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNjcm9sbC1jb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRVkiLCJmaWxlIjoic2Nyb2xsLWNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUcmFuc2l0aW9uLCBWYXJpYW50cyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCIuLi8uLi9zY3JvbGwtYXJlYVwiO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuaW1wb3J0IHsgdXNlRWxlbWVudFNpemUgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvaG9va3NcIjtcblxuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gXCIuLi9zdHlsZXNcIjtcbmltcG9ydCB7IFZpZXdwb3J0UHJvdmlkZXIgfSBmcm9tIFwiLi4vdmlld3BvcnQtY29udGV4dFwiO1xuXG5pbnRlcmZhY2UgU2Nyb2xsQ29udGVudFByb3BzIGV4dGVuZHMgUHJvcHNXaXRoQ2hpbGRyZW4ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGlvbkJhcj86IFJlYWN0Tm9kZTtcbiAgYWN0aW9uQmFyQ2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBhY3Rpb25CYXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGluaXRpYWw6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwXG4gIH0sXG4gIGFuaW1hdGU6IHtcbiAgICBvcGFjaXR5OiAxLFxuICAgIHk6IDAsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZWFzZTogXCJlYXNlT3V0XCJcbiAgICB9XG4gIH0sXG4gIGV4aXQ6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwLFxuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGVhc2U6IFwiZWFzZUluXCJcbiAgICB9XG4gIH1cbn07XG5cbmNvbnN0IGFjdGlvbkJhclRyYW5zaXRpb246IFRyYW5zaXRpb24gPSB7XG4gIGR1cmF0aW9uOiAwLjNcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBTY3JvbGxDb250ZW50KHtcbiAgY2xhc3NOYW1lLFxuICBhY3Rpb25CYXIsXG4gIGFjdGlvbkJhckNsYXNzTmFtZSxcbiAgY2hpbGRyZW5cbn06IFNjcm9sbENvbnRlbnRQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgeyByZWY6IGFjdGlvbkJhclJlZiwgaGVpZ2h0OiBhY3Rpb25CYXJIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKHtcbiAgICBib3g6IFwiYm9yZGVyLWJveFwiXG4gIH0pO1xuICBjb25zdCB7IHJlZjogdmlld3BvcnRSZWYsIGhlaWdodDogdmlld3BvcnRIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKHtcbiAgICBib3g6IFwiYm9yZGVyLWJveFwiXG4gIH0pO1xuXG4gIGNvbnN0IHZpZXdwb3J0U3R5bGUgPSB7XG4gICAgXCItLXZlZi1wYWdlLWFjdGlvbi1iYXItaGVpZ2h0XCI6IGAke2FjdGlvbkJhckhlaWdodH1weGBcbiAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e1tzdHlsZXMuY29udGVudCwgc3R5bGVzLnNjcm9sbFdyYXBwZXJdfVxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2NzcyhzdHlsZXMuc2Nyb2xsQ29udGFpbmVyKX1cbiAgICAgICAgICAgIHZpZXdwb3J0UmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHZpZXdwb3J0U3R5bGU9e3ZpZXdwb3J0U3R5bGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFZpZXdwb3J0UHJvdmlkZXIgdmFsdWU9e3ZpZXdwb3J0SGVpZ2h0fT5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9WaWV3cG9ydFByb3ZpZGVyPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cblxuICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAge2FjdGlvbkJhciAmJiAoXG4gICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgIHJlZj17YWN0aW9uQmFyUmVmfVxuICAgICAgICAgICAgYW5pbWF0ZT1cImFuaW1hdGVcIlxuICAgICAgICAgICAgY2xhc3NOYW1lPXthY3Rpb25CYXJDbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e3N0eWxlcy5hY3Rpb25CYXJ9XG4gICAgICAgICAgICBleGl0PVwiZXhpdFwiXG4gICAgICAgICAgICBpbml0aWFsPVwiaW5pdGlhbFwiXG4gICAgICAgICAgICB0cmFuc2l0aW9uPXthY3Rpb25CYXJUcmFuc2l0aW9ufVxuICAgICAgICAgICAgdmFyaWFudHM9e2FjdGlvbkJhclZhcmlhbnRzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHthY3Rpb25CYXJ9XG4gICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICApfVxuICAgICAgPC9BbmltYXRlUHJlc2VuY2U+XG4gICAgPC8+XG4gICk7XG59XG4iXX0= */"
+		],
+		viewportClassName: e(n),
+		viewportRef: x,
+		viewportStyle: C,
+		children: /* @__PURE__ */ s(a, {
+			value: S,
+			children: v
+		})
+	}) }), /* @__PURE__ */ s(d, { children: g && /* @__PURE__ */ s(f.div, {
+		ref: y,
+		animate: "animate",
+		className: _,
+		css: e,
+		exit: "exit",
+		initial: "initial",
+		transition: m,
+		variants: p,
+		children: g
+	}) })] });
+}
+//#endregion
+export { h as ScrollContent };

package/dist/es/page/hooks/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import "./use-page-key.js";
+import "./use-resize.js";

package/dist/es/page/hooks/use-page-key.js

@@ -0,0 +1,12 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import { useReloadPageEvent as e } from "../../_base/helpers/event.js";
+import { useCallback as t, useState as n } from "react";
+//#region src/page/hooks/use-page-key.ts
+function r() {
+	let [r, i] = n(1);
+	return e(t(() => {
+		i((e) => e + 1);
+	}, [])), r;
+}
+//#endregion
+export { r as usePageKey };

package/dist/es/page/hooks/use-resize.js

@@ -0,0 +1,32 @@
+/*! @vef-framework-react/components v2.1.5 made by Venus | 2026-03-31T12:34:37.574Z */
+import { useCallback as e, useState as t } from "react";
+//#region src/page/hooks/use-resize.ts
+function n(e, t, n) {
+	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
+}
+function r(r) {
+	let { defaultWidth: i, minWidth: a, maxWidth: o, isLeftPanel: s = !0 } = r, [c, l] = t(i), [u, d] = t(!1);
+	return {
+		width: c,
+		isDragging: u,
+		handleMouseDown: e((e) => {
+			e.preventDefault();
+			let t = e.clientX, r = c;
+			d(!0);
+			let i = (e) => {
+				let i = e.clientX - t;
+				l(n(s ? r + i : r - i, a, o));
+			}, u = () => {
+				d(!1), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", u);
+			};
+			document.addEventListener("mousemove", i), document.addEventListener("mouseup", u);
+		}, [
+			c,
+			a,
+			o,
+			s
+		])
+	};
+}
+//#endregion
+export { r as useResize };