@vef-framework/components 1.0.63 → 1.0.64

package/es/vef-layout/components/menu-groups.js

@@ -1,34 +1,141 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsxs as c,jsx as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useThemeTokens as n}from"@vef-framework/hooks";import{themeVariables as e,styles as o}from"@vef-framework/shared";import l from"../../vef-text/index.js";const t=r`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useThemeTokens } from '@vef-framework/hooks';
+import { themeVariables, styles } from '@vef-framework/shared';
+import VefText from '../../vef-text/index.js';
+
+const containerStyle = css`
   display: grid;
   grid-template-columns: 320px 320px;
-`,d=r`
+`;
+const itemStyle = css`
   display: flex;
   align-items: center;
-  gap: ${e.padding};
-  padding: ${e.padding};
-  border-radius: ${e.borderRadiusLg};
+  gap: ${themeVariables.padding};
+  padding: ${themeVariables.padding};
+  border-radius: ${themeVariables.borderRadiusLg};
   cursor: pointer;
   user-select: none;
-  transition: background-color ${e.motionDurationMid} ${e.motionEaseInOut};
+  transition: background-color ${themeVariables.motionDurationMid} ${themeVariables.motionEaseInOut};
   
   &:hover {
-    background-color: ${e.colorFillContent};
+    background-color: ${themeVariables.colorFillContent};
   }
-`,s=r`
+`;
+const iconStyle = css`
   flex: none;
-  ${o.flexCenter}
-`,h=r`
+  ${styles.flexCenter}
+`;
+const metaStyle = css`
   flex: auto;
   display: flex;
   flex-direction: column;
-  gap: ${e.paddingXxs};
-  color: ${e.colorText};
+  gap: ${themeVariables.paddingXxs};
+  color: ${themeVariables.colorText};
   min-width: 0;
 
   > span:last-of-type {
-    color: ${e.colorTextSecondary};
-    font-size: ${e.fontSizeSm};
+    color: ${themeVariables.colorTextSecondary};
+    font-size: ${themeVariables.fontSizeSm};
   }
-`;function p(){const{controlHeightLG:r}=n();return c("svg",{height:r,viewBox:"0 0 1024 1024",width:r,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#10C7C1","p-id":"1234"}),i("path",{d:"M757.333333 364.8L725.333333 394.666667c-32 32-85.333333 32-117.333333 0s-32-85.333333 0-119.466667l29.866667-29.866667c17.066667-17.066667 6.4-36.266667-25.6-32-32 4.266667-61.866667 19.2-85.333334 42.666667-36.266667 36.266667-51.2 89.6-40.533333 140.8l-256 258.133333c-32 32-32 85.333333 0 119.466667 32 32 85.333333 32 117.333333 0l256-258.133333c83.2 17.066667 164.266667-34.133333 181.333334-117.333334 0-2.133333 2.133333-6.4 2.133333-8.533333 6.4-32-12.8-42.666667-29.866667-25.6z m-448 369.066667c-10.666667 10.666667-27.733333 10.666667-38.4 0s-10.666667-27.733333 0-40.533334c10.666667-10.666667 29.866667-10.666667 38.4 2.133334 10.666667 10.666667 10.666667 27.733333 0 38.4z m-27.733333-364.8l96 96 38.4-40.533334-96-96-21.333333-40.533333-68.266667-49.066667L192 279.466667l49.066667 68.266666 40.533333 21.333334zM605.866667 576c-6.4-6.4-14.933333-6.4-19.2 0l-59.733334 59.733333c-6.4 6.4-6.4 14.933333 0 19.2l138.666667 140.8c21.333333 21.333333 57.6 21.333333 78.933333 0s21.333333-57.6 0-78.933333c0-2.133333-138.666667-140.8-138.666666-140.8z",fill:"#FFFFFF","p-id":"1235"})]})}function v(){const{controlHeightLG:r}=n();return c("svg",{height:r,viewBox:"0 0 1024 1024",width:r,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#9F53E6","p-id":"1388"}),i("path",{d:"M567.466667 780.8c-4.266667 0-8.533333-2.133333-12.8-6.4l-102.4-162.133333-204.8-14.933334c-6.4 0-10.666667-6.4-12.8-12.8-2.133333-6.4 0-12.8 6.4-17.066666l452.266666-285.866667c4.266667-2.133333 8.533333-4.266667 12.8-2.133333 8.533333 2.133333 10.666667 10.666667 10.666667 17.066666l-132.266667 469.333334c-2.133333 6.4-6.4 10.666667-12.8 12.8-2.133333 2.133333-2.133333 2.133333-4.266666 2.133333z",fill:"#FFFFFF","p-id":"1389"})]})}function a(){const{controlHeightLG:r}=n();return c("svg",{height:r,viewBox:"0 0 1024 1024",width:r,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#0EB4F6","p-id":"1696"}),i("path",{d:"M785.066667 627.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2H682.666667c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933333-36.266667 8.533333-8.533333 21.333333-14.933333 36.266667-14.933333 4.266667 0 8.533333-4.266667 8.533333-8.533333v-40.533334c0-8.533333-8.533333-17.066667-17.066667-17.066666h-136.533333c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333 27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-27.733333 23.466667-51.2 51.2-51.2 4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-136.533333c-8.533333 0-17.066667 8.533333-17.066667 17.066666v40.533334c0 2.133333 0 4.266667 2.133333 6.4s4.266667 2.133333 6.4 2.133333c27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933334-36.266667 8.533333-8.533333 21.333333-14.933333 36.266666-14.933333 4.266667 0 8.533333-4.266667 8.533334-8.533333v-40.533334c0-27.733333 23.466667-51.2 51.2-51.2h136.533333c4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-25.6c-27.733333 0-51.2-23.466667-51.2-51.2v-102.4c0-27.733333 23.466667-51.2 51.2-51.2h102.4c27.733333 0 51.2 23.466667 51.2 51.2v102.4c0 27.733333-23.466667 51.2-51.2 51.2h-25.6c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333h136.533333c27.733333 0 51.2 23.466667 51.2 51.2v40.533334c0 4.266667 4.266667 8.533333 8.533334 8.533333 29.866667 0 51.2 23.466667 51.2 51.2z",fill:"#FFFFFF","p-id":"1697"})]})}function f(){const{controlHeightLG:r}=n();return c("svg",{height:r,viewBox:"0 0 1024 1024",width:r,xmlns:"http://www.w3.org/2000/svg",children:[i("path",{d:"M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z",fill:"#10C7C1","p-id":"1850"}),i("path",{d:"M708.266667 258.133333H300.8c-17.066667 0-34.133333 14.933333-34.133333 32v441.6c0 19.2 14.933333 32 34.133333 32h407.466667c19.2 0 34.133333-14.933333 34.133333-32V290.133333c2.133333-17.066667-14.933333-32-34.133333-32zM377.6 512c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m0-115.2c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m256 115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z m0-115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z",fill:"#FFFFFF","p-id":"1851"})]})}function g(){return c("div",{css:t,children:[c("div",{css:d,children:[i("span",{css:s,children:i(p,{})}),c("div",{css:h,children:[i(l,{children:"系统管理"}),i(l,{color:"secondary",children:"系统全局相关配置"})]})]}),c("div",{css:d,children:[i("span",{css:s,children:i(v,{})}),c("div",{css:h,children:[i(l,{children:"主数据管理"}),i(l,{ellipsis:!0,color:"secondary",children:"医院、科室、医生、患者等主数据管理"})]})]}),c("div",{css:d,children:[i("span",{css:s,children:i(a,{})}),c("div",{css:h,children:[i(l,{children:"流程管理"}),i(l,{children:"系统整体涉及的所有流程管理"})]})]}),c("div",{css:d,children:[i("span",{css:s,children:i(f,{})}),c("div",{css:h,children:[i(l,{children:"业务管理"}),i(l,{color:"secondary",children:"医疗业务相关管理"})]})]})]})}export{g as default};
+`;
+function IconSystem() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#10C7C1", "p-id": "1234" }),
+        /* @__PURE__ */ jsx("path", { d: "M757.333333 364.8L725.333333 394.666667c-32 32-85.333333 32-117.333333 0s-32-85.333333 0-119.466667l29.866667-29.866667c17.066667-17.066667 6.4-36.266667-25.6-32-32 4.266667-61.866667 19.2-85.333334 42.666667-36.266667 36.266667-51.2 89.6-40.533333 140.8l-256 258.133333c-32 32-32 85.333333 0 119.466667 32 32 85.333333 32 117.333333 0l256-258.133333c83.2 17.066667 164.266667-34.133333 181.333334-117.333334 0-2.133333 2.133333-6.4 2.133333-8.533333 6.4-32-12.8-42.666667-29.866667-25.6z m-448 369.066667c-10.666667 10.666667-27.733333 10.666667-38.4 0s-10.666667-27.733333 0-40.533334c10.666667-10.666667 29.866667-10.666667 38.4 2.133334 10.666667 10.666667 10.666667 27.733333 0 38.4z m-27.733333-364.8l96 96 38.4-40.533334-96-96-21.333333-40.533333-68.266667-49.066667L192 279.466667l49.066667 68.266666 40.533333 21.333334zM605.866667 576c-6.4-6.4-14.933333-6.4-19.2 0l-59.733334 59.733333c-6.4 6.4-6.4 14.933333 0 19.2l138.666667 140.8c21.333333 21.333333 57.6 21.333333 78.933333 0s21.333333-57.6 0-78.933333c0-2.133333-138.666667-140.8-138.666666-140.8z", fill: "#FFFFFF", "p-id": "1235" })
+      ]
+    }
+  );
+}
+function IconMainData() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#9F53E6", "p-id": "1388" }),
+        /* @__PURE__ */ jsx("path", { d: "M567.466667 780.8c-4.266667 0-8.533333-2.133333-12.8-6.4l-102.4-162.133333-204.8-14.933334c-6.4 0-10.666667-6.4-12.8-12.8-2.133333-6.4 0-12.8 6.4-17.066666l452.266666-285.866667c4.266667-2.133333 8.533333-4.266667 12.8-2.133333 8.533333 2.133333 10.666667 10.666667 10.666667 17.066666l-132.266667 469.333334c-2.133333 6.4-6.4 10.666667-12.8 12.8-2.133333 2.133333-2.133333 2.133333-4.266666 2.133333z", fill: "#FFFFFF", "p-id": "1389" })
+      ]
+    }
+  );
+}
+function IconProcess() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#0EB4F6", "p-id": "1696" }),
+        /* @__PURE__ */ jsx("path", { d: "M785.066667 627.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2H682.666667c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933333-36.266667 8.533333-8.533333 21.333333-14.933333 36.266667-14.933333 4.266667 0 8.533333-4.266667 8.533333-8.533333v-40.533334c0-8.533333-8.533333-17.066667-17.066667-17.066666h-136.533333c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333 27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-27.733333 23.466667-51.2 51.2-51.2 4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-136.533333c-8.533333 0-17.066667 8.533333-17.066667 17.066666v40.533334c0 2.133333 0 4.266667 2.133333 6.4s4.266667 2.133333 6.4 2.133333c27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933334-36.266667 8.533333-8.533333 21.333333-14.933333 36.266666-14.933333 4.266667 0 8.533333-4.266667 8.533334-8.533333v-40.533334c0-27.733333 23.466667-51.2 51.2-51.2h136.533333c4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-25.6c-27.733333 0-51.2-23.466667-51.2-51.2v-102.4c0-27.733333 23.466667-51.2 51.2-51.2h102.4c27.733333 0 51.2 23.466667 51.2 51.2v102.4c0 27.733333-23.466667 51.2-51.2 51.2h-25.6c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333h136.533333c27.733333 0 51.2 23.466667 51.2 51.2v40.533334c0 4.266667 4.266667 8.533333 8.533334 8.533333 29.866667 0 51.2 23.466667 51.2 51.2z", fill: "#FFFFFF", "p-id": "1697" })
+      ]
+    }
+  );
+}
+function IconBusiness() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#10C7C1", "p-id": "1850" }),
+        /* @__PURE__ */ jsx("path", { d: "M708.266667 258.133333H300.8c-17.066667 0-34.133333 14.933333-34.133333 32v441.6c0 19.2 14.933333 32 34.133333 32h407.466667c19.2 0 34.133333-14.933333 34.133333-32V290.133333c2.133333-17.066667-14.933333-32-34.133333-32zM377.6 512c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m0-115.2c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m256 115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z m0-115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z", fill: "#FFFFFF", "p-id": "1851" })
+      ]
+    }
+  );
+}
+function VefMenuGroups() {
+  return /* @__PURE__ */ jsxs("div", { css: containerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconSystem, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "\u7CFB\u7EDF\u7BA1\u7406" }),
+        /* @__PURE__ */ jsx(VefText, { color: "secondary", children: "\u7CFB\u7EDF\u5168\u5C40\u76F8\u5173\u914D\u7F6E" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconMainData, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "\u4E3B\u6570\u636E\u7BA1\u7406" }),
+        /* @__PURE__ */ jsx(VefText, { ellipsis: true, color: "secondary", children: "\u533B\u9662\u3001\u79D1\u5BA4\u3001\u533B\u751F\u3001\u60A3\u8005\u7B49\u4E3B\u6570\u636E\u7BA1\u7406" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconProcess, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "\u6D41\u7A0B\u7BA1\u7406" }),
+        /* @__PURE__ */ jsx(VefText, { children: "\u7CFB\u7EDF\u6574\u4F53\u6D89\u53CA\u7684\u6240\u6709\u6D41\u7A0B\u7BA1\u7406" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconBusiness, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "\u4E1A\u52A1\u7BA1\u7406" }),
+        /* @__PURE__ */ jsx(VefText, { color: "secondary", children: "\u533B\u7597\u4E1A\u52A1\u76F8\u5173\u7BA1\u7406" })
+      ] })
+    ] })
+  ] });
+}
+
+export { VefMenuGroups as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/components/message.js

@@ -1,3 +1,12 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{BellIcon as e}from"lucide-react";import o from"../../vef-icon/index.js";import{iconStyle as i}from"../common-styles.js";function t(){return r("div",{css:i,children:r(o,{size:"large",children:r(e,{})})})}export{t as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { BellIcon } from 'lucide-react';
+import VefIcon from '../../vef-icon/index.js';
+import { iconStyle } from '../common-styles.js';
+
+function VefMessage() {
+  return /* @__PURE__ */ jsx("div", { css: iconStyle, children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(BellIcon, {}) }) });
+}
+
+export { VefMessage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/components/search.js

@@ -1,3 +1,12 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{SearchIcon as e}from"lucide-react";import o from"../../vef-icon/index.js";import{iconStyle as i}from"../common-styles.js";function t(){return r("div",{css:i,children:r(o,{size:"large",children:r(e,{})})})}export{t as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { SearchIcon } from 'lucide-react';
+import VefIcon from '../../vef-icon/index.js';
+import { iconStyle } from '../common-styles.js';
+
+function VefSearch() {
+  return /* @__PURE__ */ jsx("div", { css: iconStyle, children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(SearchIcon, {}) }) });
+}
+
+export { VefSearch as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/components/sider.js

@@ -1,6 +1,18 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{themeVariables as t}from"@vef-framework/shared";import{Layout as o}from"antd";import{memo as r}from"react";import l from"../../vef-menu/index.js";import s from"../../vef-scroll-area/index.js";import{useLayoutContextSelector as d}from"../hooks/use-layout-context.js";import{useLayoutStore as m}from"../store.js";import a from"./title.js";const{Sider:f}=o,u=n`
-  border-right: ${t.lineWidth} ${t.lineType} ${t.colorBorderSecondary};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables } from '@vef-framework/shared';
+import { Layout } from 'antd';
+import { memo } from 'react';
+import VefMenu from '../../vef-menu/index.js';
+import VefScrollArea from '../../vef-scroll-area/index.js';
+import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
+import { useLayoutStore } from '../store.js';
+import VefTitle from './title.js';
+
+const { Sider } = Layout;
+const siderStyle = css`
+  border-right: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
 
   > .vef-layout-sider-children {
     --vef-layout-header-height: 60px;
@@ -37,8 +49,8 @@ import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as n}from"
                 inset-inline-start: 0;
                 pointer-events: none;
                 width: 0;
-                height: calc(${t.fontSize} * 0.8);
-                border-inline-start: 4px ${t.lineType} var(--vef-menu-item-selected-color);
+                height: calc(${themeVariables.fontSize} * 0.8);
+                border-inline-start: 4px ${themeVariables.lineType} var(--vef-menu-item-selected-color);
                 border-radius: var(--vef-menu-item-border-radius);
               }
             }
@@ -47,5 +59,41 @@ import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as n}from"
       }
     }
   }
-`;const p=r((function(){const[n,t,o,r]=d((e=>[e.menuItems,e.defaultOpenedMenuKeys,e.activeMenuKey,e.onActiveMenuKeyChange])),[p,c]=m((e=>[e.siderCollapsed,e.setSiderCollapsed]));return e(f,{collapsible:!0,breakpoint:"lg",collapsed:p,collapsedWidth:80,css:u,theme:"light",trigger:null,width:220,onCollapse:c,children:[i(a,{}),i("div",{className:"vef-layout-sider-menu",children:i(s,{scrollbarSize:"small",children:i(l,{inlineExpansion:!0,defaultOpenedKeys:t,inlineCollapsed:p,items:n??[],selectedKeys:o?[o]:[],onSelect:r})})})]})}));p.displayName="VefSider";export{p as default};
+`;
+function VefSiderBase() {
+  const [menuItems, defaultOpenedMenuKeys, activeMenuKey, onActiveMenuKeyChange] = useLayoutContextSelector((ctx) => [ctx.menuItems, ctx.defaultOpenedMenuKeys, ctx.activeMenuKey, ctx.onActiveMenuKeyChange]);
+  const [siderCollapsed, setSiderCollapsed] = useLayoutStore((state) => [state.siderCollapsed, state.setSiderCollapsed]);
+  return /* @__PURE__ */ jsxs(
+    Sider,
+    {
+      collapsible: true,
+      breakpoint: "lg",
+      collapsed: siderCollapsed,
+      collapsedWidth: 80,
+      css: siderStyle,
+      theme: "light",
+      trigger: null,
+      width: 220,
+      onCollapse: setSiderCollapsed,
+      children: [
+        /* @__PURE__ */ jsx(VefTitle, {}),
+        /* @__PURE__ */ jsx("div", { className: "vef-layout-sider-menu", children: /* @__PURE__ */ jsx(VefScrollArea, { scrollbarSize: "small", children: /* @__PURE__ */ jsx(
+          VefMenu,
+          {
+            inlineExpansion: true,
+            defaultOpenedKeys: defaultOpenedMenuKeys,
+            inlineCollapsed: siderCollapsed,
+            items: menuItems ?? [],
+            selectedKeys: activeMenuKey ? [activeMenuKey] : [],
+            onSelect: onActiveMenuKeyChange
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+const VefSider = memo(VefSiderBase);
+VefSider.displayName = "VefSider";
+
+export { VefSider as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/components/title.js

@@ -1,20 +1,29 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as i,styles as r}from"@vef-framework/shared";import{AnimatePresence as n,motion as a}from"motion/react";import{memo as l}from"react";import{useLayoutContextSelector as d}from"../hooks/use-layout-context.js";import s from"../logo.svg.js";import{useLayoutStore as m}from"../store.js";const c=t`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables, styles } from '@vef-framework/shared';
+import { AnimatePresence, motion } from 'motion/react';
+import { memo } from 'react';
+import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
+import defaultLogo from '../logo.svg.js';
+import { useLayoutStore } from '../store.js';
+
+const titleStyle = css`
   flex: none;
   height: var(--vef-layout-header-height);
-  border-bottom: ${i.lineWidth} ${i.lineType} ${i.colorBorderSecondary};
+  border-bottom: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
   display: flex;
   align-items: center;
-  padding: 0 ${i.paddingSm};
+  padding: 0 ${themeVariables.paddingSm};
   overflow: hidden;
   user-select: none;
 
   > div {
     flex: none;
     width: 55px;
-    height: calc(${i.controlHeight} * 1.2);
+    height: calc(${themeVariables.controlHeight} * 1.2);
     font-size: 0;
-    ${r.flexCenter}
+    ${styles.flexCenter}
 
     > img {
       height: 100%;
@@ -26,13 +35,48 @@ import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as t}from"
     flex: auto;
     margin: 0;
     font-weight: bold;
-    font-size: ${i.fontSizeLg};
-    color: ${i.colorTextSlate};
+    font-size: ${themeVariables.fontSizeLg};
+    color: ${themeVariables.colorTextSlate};
     max-width: 156px;
     white-space: nowrap;
     overflow: hidden;
     text-align: center;
     text-overflow: ellipsis;
   }
-`;const f=l((function(){const[t,i]=d((e=>[e.logo,e.title])),r=m((e=>e.siderCollapsed));return e("div",{css:c,children:[o("div",{children:t||o("img",{alt:"VEF",src:s})}),o(n,{initial:!1,children:!r&&o(a.h3,{layout:!0,animate:{opacity:1,x:0},exit:{opacity:0,x:32},initial:{opacity:0,x:-32},transition:{duration:.2,ease:"easeIn"},children:i||"VEF中后台系统"})})]})}));f.displayName="VefTitle";export{f as default};
+`;
+const defaultTitle = "VEF\u4E2D\u540E\u53F0\u7CFB\u7EDF";
+function VefTitleBase() {
+  const [logo, title] = useLayoutContextSelector((ctx) => [ctx.logo, ctx.title]);
+  const siderCollapsed = useLayoutStore((state) => state.siderCollapsed);
+  return /* @__PURE__ */ jsxs("div", { css: titleStyle, children: [
+    /* @__PURE__ */ jsx("div", { children: logo || /* @__PURE__ */ jsx("img", { alt: "VEF", src: defaultLogo }) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !siderCollapsed && /* @__PURE__ */ jsx(
+      motion.h3,
+      {
+        layout: true,
+        animate: {
+          opacity: 1,
+          x: 0
+        },
+        exit: {
+          opacity: 0,
+          x: 32
+        },
+        initial: {
+          opacity: 0,
+          x: -32
+        },
+        transition: {
+          duration: 0.2,
+          ease: "easeIn"
+        },
+        children: title || defaultTitle
+      }
+    ) })
+  ] });
+}
+const VefTitle = memo(VefTitleBase);
+VefTitle.displayName = "VefTitle";
+
+export { VefTitle as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/components/user-avatar.js

@@ -1,18 +1,88 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as r,showConfirmation as n}from"@vef-framework/shared";import{UserRoundIcon as t,LockKeyholeIcon as m,LogOutIcon as s}from"lucide-react";import{useCallback as c}from"react";import l from"../../vef-avatar/index.js";import a from"../../vef-dropdown/index.js";import d from"../../vef-icon/index.js";import{useLayoutContextSelector as p}from"../hooks/use-layout-context.js";import f from"./icon-boy.js";import u from"./icon-girl.js";const g=i`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables, showConfirmation } from '@vef-framework/shared';
+import { UserRoundIcon, LockKeyholeIcon, LogOutIcon } from 'lucide-react';
+import { useCallback } from 'react';
+import VefAvatar from '../../vef-avatar/index.js';
+import VefDropdown from '../../vef-dropdown/index.js';
+import VefIcon from '../../vef-icon/index.js';
+import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
+import Memo from './icon-boy.js';
+import Memo$1 from './icon-girl.js';
+
+const wrapperStyle = css`
   display: flex;
   align-items: center;
-  column-gap: ${r.marginSm};
-  padding: ${r.paddingXs};
-`,h=i`
+  column-gap: ${themeVariables.marginSm};
+  padding: ${themeVariables.paddingXs};
+`;
+const nameStyle = css`
   display: flex;
   flex-direction: column;
   align-items: center;
-  row-gap: calc(${r.marginXxs} + 2px);
+  row-gap: calc(${themeVariables.marginXxs} + 2px);
   user-select: none;
   line-height: 1;
-`,x=i`
-  font-size: ${r.fontSizeSm};
-  color: ${r.colorTextDescription};
-`,y=[{type:"item",key:"userInfo",label:"个人信息",icon:e(d,{children:e(t,{})})},{type:"item",key:"passwordModification",label:"修改密码",icon:e(d,{children:e(m,{})})},{type:"item",key:"logout",label:"退出登录",icon:e(d,{children:e(s,{})})}],v=e(f,{}),j=e(u,{});function k(){const[i,r,t,m,s]=p((e=>[e.onLogout,e.userName,e.userGender,e.userAvatar,e.userDescription])),d=c((e=>{"logout"===e&&i&&n("登出提示","确定要退出登录吗？",i)}),[i]);return e(a,{items:y,onClick:d,children:o("div",{css:g,children:[e(l,{size:"medium",src:m||("female"===t?j:v)}),o("div",{css:h,children:[e("span",{children:r??"佚名"}),s&&o("span",{css:x,children:["[",s,"]"]})]})]})})}export{k as default};
+`;
+const descriptionStyle = css`
+  font-size: ${themeVariables.fontSizeSm};
+  color: ${themeVariables.colorTextDescription};
+`;
+const menuItems = [
+  {
+    type: "item",
+    key: "userInfo",
+    label: "\u4E2A\u4EBA\u4FE1\u606F",
+    icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(UserRoundIcon, {}) })
+  },
+  {
+    type: "item",
+    key: "passwordModification",
+    label: "\u4FEE\u6539\u5BC6\u7801",
+    icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LockKeyholeIcon, {}) })
+  },
+  {
+    type: "item",
+    key: "logout",
+    label: "\u9000\u51FA\u767B\u5F55",
+    icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LogOutIcon, {}) })
+  }
+];
+const defaultBoyAvatar = /* @__PURE__ */ jsx(Memo, {});
+const defaultGirlAvatar = /* @__PURE__ */ jsx(Memo$1, {});
+function VefUserAvatar() {
+  const [onLogout, userName, userGender, userAvatar, userDescription] = useLayoutContextSelector((ctx) => [ctx.onLogout, ctx.userName, ctx.userGender, ctx.userAvatar, ctx.userDescription]);
+  const handleClick = useCallback((key) => {
+    if (key === "logout" && onLogout) {
+      showConfirmation("\u767B\u51FA\u63D0\u793A", "\u786E\u5B9A\u8981\u9000\u51FA\u767B\u5F55\u5417\uFF1F", onLogout);
+    }
+  }, [onLogout]);
+  return /* @__PURE__ */ jsx(
+    VefDropdown,
+    {
+      items: menuItems,
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsxs("div", { css: wrapperStyle, children: [
+        /* @__PURE__ */ jsx(
+          VefAvatar,
+          {
+            size: "medium",
+            src: userAvatar || (userGender === "female" ? defaultGirlAvatar : defaultBoyAvatar)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { css: nameStyle, children: [
+          /* @__PURE__ */ jsx("span", { children: userName ?? "\u4F5A\u540D" }),
+          userDescription && /* @__PURE__ */ jsxs("span", { css: descriptionStyle, children: [
+            "[",
+            userDescription,
+            "]"
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { VefUserAvatar as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/hooks/use-layout-context.js

@@ -1,3 +1,11 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{createSelectableContext as e}from"@vef-framework/shared";const{useContextSelector:o,useContext:t,ContextProvider:r}=e({});export{r as LayoutContextProvider,t as useLayoutContext,o as useLayoutContextSelector};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { createSelectableContext } from '@vef-framework/shared';
+
+const {
+  useContextSelector: useLayoutContextSelector,
+  useContext: useLayoutContext,
+  ContextProvider: LayoutContextProvider
+} = createSelectableContext({});
+
+export { LayoutContextProvider, useLayoutContext, useLayoutContextSelector };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/index.js

@@ -1,7 +1,37 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsxs as e,jsx as r}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{isShallowEqual as t}from"@vef-framework/shared";import{Layout as i}from"antd";import{memo as n}from"react";import m from"./components/content.js";import c from"./components/header.js";import s from"./components/sider.js";import{LayoutContextProvider as a}from"./hooks/use-layout-context.js";import{LayoutStoreProvider as d}from"./store.js";const h=o`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { isShallowEqual } from '@vef-framework/shared';
+import { Layout } from 'antd';
+import { memo } from 'react';
+import VefContent from './components/content.js';
+import VefHeader from './components/header.js';
+import VefSider from './components/sider.js';
+import { LayoutContextProvider } from './hooks/use-layout-context.js';
+import { LayoutStoreProvider } from './store.js';
+
+const layoutStyle = css`
   height: 100%;
   min-height: initial;
   overflow: hidden;
-`;function f({children:o}){return e(i,{hasSider:!0,css:h,children:[r(s,{}),e(i,{hasSider:!1,children:[r(c,{}),r(m,{children:o})]})]})}const l=n((function({children:e,...o}){return r(d,{initialState:null,children:r(a,{value:o,children:r(f,{children:e})})})}),((e,r)=>t(e.activeMenuKey,r.activeMenuKey)));l.displayName="VefLayout";export{l as default};
+`;
+function VefLayoutBase({ children }) {
+  return /* @__PURE__ */ jsxs(Layout, { hasSider: true, css: layoutStyle, children: [
+    /* @__PURE__ */ jsx(VefSider, {}),
+    /* @__PURE__ */ jsxs(Layout, { hasSider: false, children: [
+      /* @__PURE__ */ jsx(VefHeader, {}),
+      /* @__PURE__ */ jsx(VefContent, { children })
+    ] })
+  ] });
+}
+function VefLayoutWrapper({ children, ...restProps }) {
+  return /* @__PURE__ */ jsx(LayoutStoreProvider, { initialState: null, children: /* @__PURE__ */ jsx(LayoutContextProvider, { value: restProps, children: /* @__PURE__ */ jsx(VefLayoutBase, { children }) }) });
+}
+const VefLayout = memo(
+  VefLayoutWrapper,
+  (prevProps, nextProps) => isShallowEqual(prevProps.activeMenuKey, nextProps.activeMenuKey)
+);
+VefLayout.displayName = "VefLayout";
+
+export { VefLayout as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/logo.svg.js

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-const a="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%2296%2053%20150%20145.63955181855252%22%3E%3Cg%20transform%3D%22translate%2895%2C52.18022155761719%29%22%3E%3Cg%20fill%3D%22%2334435C%22%20hollow-target%3D%22text%22%3E%3Cg%20mask%3D%22url%28%23ab0ea033-fda4-47dc-88f0-22900a4a23a9%29%22%3E%3Cg%3E%3Csvg%20x%3D%220%22%20y%3D%220%22%20width%3D%22150%22%20height%3D%22145.63955181855252%22%20filtersec%3D%22colorsb9343370191%22%20class%3D%22image-svg-svg%20primary%22%20style%3D%22overflow%3A%20visible%3B%22%3E%3Csvg%20viewBox%3D%220%200%20334.1409912109375%20324.4289855957031%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22none%22%20pointer-events%3D%22none%22%20d%3D%22M0%200h334.141v324.429H0z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M168.019%2013.483c-83.2%200-150.7%2067.5-150.7%20150.7%200%2083.2%2067.5%20150.7%20150.7%20150.7%2083.2%200%20150.7-67.5%20150.7-150.7%200-83.3-67.5-150.7-150.7-150.7zm0%20241c-49.9%200-90.4-40.5-90.4-90.4%200-49.9%2040.5-90.4%2090.4-90.4%2049.9%200%2090.4%2040.5%2090.4%2090.4%200%2050-40.5%2090.4-90.4%2090.4z%22%20fill%3D%22%23fcc29a%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M258.419%20164.083c0%2049.9-40.5%2090.4-90.4%2090.4-49.9%200-90.4-40.5-90.4-90.4%200%2066.6%2054%20120.5%20120.5%20120.5s120.5-54%20120.5-120.5c0-83.2-67.5-150.7-150.7-150.7-83.2%200-150.7%2067.5-150.7%20150.7%200-66.6%2054-120.5%20120.5-120.5%2066.7%200%20120.7%2054%20120.7%20120.5%22%20fill%3D%22%233498db%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2843.244998931884766%2C52.94477844238281%29%22%3E%3Cg%20data-gra%3D%22path-name%22%3E%3Cg%20transform%3D%22scale%281%29%22%3E%3Cg%3E%3Cpath%20d%3D%22M31.8-21.32L31.8-21.32Q31.8-17.56%2030.83-14.54%2029.86-11.52%2028.13-9.17%2026.4-6.82%2024.01-5.13%2021.62-3.44%2018.77-2.35%2015.93-1.26%2012.72-0.74%209.51-0.21%206.12-0.21L6.12-0.21Q4.86-0.21%203.65-0.28%202.44-0.35%201.18-0.48L1.18-0.48%201.93-36.52Q4.89-37.46%208.02-37.85%2011.15-38.24%2014.23-38.24L14.23-38.24Q18.07-38.24%2021.3-37.09%2024.52-35.93%2026.86-33.76%2029.19-31.58%2030.49-28.44%2031.8-25.3%2031.8-21.32ZM20.79-19.23L20.79-19.6Q20.81-21.05%2020.48-22.4%2020.14-23.74%2019.38-24.77%2018.61-25.81%2017.43-26.44%2016.25-27.07%2014.61-27.12L14.61-27.12%2013.54-10.47Q15.15-10.72%2016.46-11.53%2017.78-12.35%2018.73-13.55%2019.69-14.74%2020.21-16.21%2020.73-17.67%2020.79-19.23L20.79-19.23ZM64.69-25.83L64.69-25.83Q64.69-23.23%2063.92-21.22%2063.14-19.2%2061.78-17.7%2060.42-16.19%2058.6-15.15%2056.77-14.1%2054.69-13.44%2052.61-12.78%2050.38-12.47%2048.15-12.17%2046-12.14L46-12.14%2046%200.38%2033.49%200.38Q33.49-5.77%2033.52-11.87%2033.54-17.97%2033.6-24.17L33.6-24.17Q33.65-27.45%2033.62-30.72%2033.6-34%2033.76-37.33L33.76-37.33Q37.19-38.35%2040.63-38.86%2044.07-39.37%2047.72-39.37L47.72-39.37Q49.79-39.37%2051.86-39.03%2053.93-38.7%2055.82-37.97%2057.71-37.25%2059.34-36.16%2060.96-35.07%2062.14-33.57%2063.33-32.07%2064.01-30.15%2064.69-28.23%2064.69-25.83ZM52.77-24.92L52.77-24.92Q52.77-26.67%2051.71-27.65%2050.65-28.63%2048.96-28.63L48.96-28.63Q48.39-28.63%2047.79-28.53%2047.19-28.44%2046.65-28.31L46.65-28.31%2046.33-20.46Q46.7-20.41%2047.05-20.41%2047.4-20.41%2047.78-20.41L47.78-20.41Q48.74-20.41%2049.64-20.73%2050.54-21.05%2051.24-21.66%2051.94-22.26%2052.35-23.08%2052.77-23.9%2052.77-24.92Z%22%20transform%3D%22translate%28-1.1800000667572021%2C%2039.369998931884766%29%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";export{a as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+const defaultLogo = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%2296%2053%20150%20145.63955181855252%22%3E%3Cg%20transform%3D%22translate%2895%2C52.18022155761719%29%22%3E%3Cg%20fill%3D%22%2334435C%22%20hollow-target%3D%22text%22%3E%3Cg%20mask%3D%22url%28%23ab0ea033-fda4-47dc-88f0-22900a4a23a9%29%22%3E%3Cg%3E%3Csvg%20x%3D%220%22%20y%3D%220%22%20width%3D%22150%22%20height%3D%22145.63955181855252%22%20filtersec%3D%22colorsb9343370191%22%20class%3D%22image-svg-svg%20primary%22%20style%3D%22overflow%3A%20visible%3B%22%3E%3Csvg%20viewBox%3D%220%200%20334.1409912109375%20324.4289855957031%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22none%22%20pointer-events%3D%22none%22%20d%3D%22M0%200h334.141v324.429H0z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M168.019%2013.483c-83.2%200-150.7%2067.5-150.7%20150.7%200%2083.2%2067.5%20150.7%20150.7%20150.7%2083.2%200%20150.7-67.5%20150.7-150.7%200-83.3-67.5-150.7-150.7-150.7zm0%20241c-49.9%200-90.4-40.5-90.4-90.4%200-49.9%2040.5-90.4%2090.4-90.4%2049.9%200%2090.4%2040.5%2090.4%2090.4%200%2050-40.5%2090.4-90.4%2090.4z%22%20fill%3D%22%23fcc29a%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M258.419%20164.083c0%2049.9-40.5%2090.4-90.4%2090.4-49.9%200-90.4-40.5-90.4-90.4%200%2066.6%2054%20120.5%20120.5%20120.5s120.5-54%20120.5-120.5c0-83.2-67.5-150.7-150.7-150.7-83.2%200-150.7%2067.5-150.7%20150.7%200-66.6%2054-120.5%20120.5-120.5%2066.7%200%20120.7%2054%20120.7%20120.5%22%20fill%3D%22%233498db%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2843.244998931884766%2C52.94477844238281%29%22%3E%3Cg%20data-gra%3D%22path-name%22%3E%3Cg%20transform%3D%22scale%281%29%22%3E%3Cg%3E%3Cpath%20d%3D%22M31.8-21.32L31.8-21.32Q31.8-17.56%2030.83-14.54%2029.86-11.52%2028.13-9.17%2026.4-6.82%2024.01-5.13%2021.62-3.44%2018.77-2.35%2015.93-1.26%2012.72-0.74%209.51-0.21%206.12-0.21L6.12-0.21Q4.86-0.21%203.65-0.28%202.44-0.35%201.18-0.48L1.18-0.48%201.93-36.52Q4.89-37.46%208.02-37.85%2011.15-38.24%2014.23-38.24L14.23-38.24Q18.07-38.24%2021.3-37.09%2024.52-35.93%2026.86-33.76%2029.19-31.58%2030.49-28.44%2031.8-25.3%2031.8-21.32ZM20.79-19.23L20.79-19.6Q20.81-21.05%2020.48-22.4%2020.14-23.74%2019.38-24.77%2018.61-25.81%2017.43-26.44%2016.25-27.07%2014.61-27.12L14.61-27.12%2013.54-10.47Q15.15-10.72%2016.46-11.53%2017.78-12.35%2018.73-13.55%2019.69-14.74%2020.21-16.21%2020.73-17.67%2020.79-19.23L20.79-19.23ZM64.69-25.83L64.69-25.83Q64.69-23.23%2063.92-21.22%2063.14-19.2%2061.78-17.7%2060.42-16.19%2058.6-15.15%2056.77-14.1%2054.69-13.44%2052.61-12.78%2050.38-12.47%2048.15-12.17%2046-12.14L46-12.14%2046%200.38%2033.49%200.38Q33.49-5.77%2033.52-11.87%2033.54-17.97%2033.6-24.17L33.6-24.17Q33.65-27.45%2033.62-30.72%2033.6-34%2033.76-37.33L33.76-37.33Q37.19-38.35%2040.63-38.86%2044.07-39.37%2047.72-39.37L47.72-39.37Q49.79-39.37%2051.86-39.03%2053.93-38.7%2055.82-37.97%2057.71-37.25%2059.34-36.16%2060.96-35.07%2062.14-33.57%2063.33-32.07%2064.01-30.15%2064.69-28.23%2064.69-25.83ZM52.77-24.92L52.77-24.92Q52.77-26.67%2051.71-27.65%2050.65-28.63%2048.96-28.63L48.96-28.63Q48.39-28.63%2047.79-28.53%2047.19-28.44%2046.65-28.31L46.65-28.31%2046.33-20.46Q46.7-20.41%2047.05-20.41%2047.4-20.41%2047.78-20.41L47.78-20.41Q48.74-20.41%2049.64-20.73%2050.54-21.05%2051.24-21.66%2051.94-22.26%2052.35-23.08%2052.77-23.9%2052.77-24.92Z%22%20transform%3D%22translate%28-1.1800000667572021%2C%2039.369998931884766%29%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+export { defaultLogo as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-layout/store.js

@@ -1,3 +1,17 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{createComponentStore as e}from"@vef-framework/shared";const{StoreProvider:r,useStore:o,useStoreApi:s}=e("Layout",(()=>e=>({siderCollapsed:!1,setSiderCollapsed:r=>e({siderCollapsed:r})})));export{r as LayoutStoreProvider,o as useLayoutStore,s as useLayoutStoreApi};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { createComponentStore } from '@vef-framework/shared';
+
+const {
+  StoreProvider: LayoutStoreProvider,
+  useStore: useLayoutStore,
+  useStoreApi: useLayoutStoreApi
+} = createComponentStore(
+  "Layout",
+  () => (set) => ({
+    siderCollapsed: false,
+    setSiderCollapsed: (collapsed) => set({ siderCollapsed: collapsed })
+  })
+);
+
+export { LayoutStoreProvider, useLayoutStore, useLayoutStoreApi };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-loading-placeholder/index.js

@@ -1,9 +1,45 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e,jsxs as r}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as i,styles as n,isString as o}from"@vef-framework/shared";import{motion as a}from"motion/react";import m from"../vef-spin/index.js";import d from"../vef-text/index.js";const p=t`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables, styles, isString } from '@vef-framework/shared';
+import { motion } from 'motion/react';
+import VefSpin from '../vef-spin/index.js';
+import VefText from '../vef-text/index.js';
+
+const loadingPlaceholderStyle = css`
   height: 100%;
-  padding: ${i.paddingLg};
-  ${n.flexCenter}
+  padding: ${themeVariables.paddingLg};
+  ${styles.flexCenter}
   flex-direction: column;
-  row-gap: ${i.marginLg};
-`;function s({text:r}){return e("div",{css:n.flexCenter,children:String(r).split("").map(((r,t)=>e(a.span,{animate:{y:[2,-2]},initial:{y:0},transition:{duration:.6,repeat:1/0,delay:.1*t,ease:"easeInOut",repeatType:"reverse"},children:r},t)))})}function c({tip:t,...i}){return r("div",{css:p,children:[e(m,{...i}),t&&o(t)&&e(d,{color:"secondary",children:e(s,{text:t})})||t]})}export{c as default};
+  row-gap: ${themeVariables.marginLg};
+`;
+function AnimatedText({ text }) {
+  return /* @__PURE__ */ jsx("div", { css: styles.flexCenter, children: String(text).split("").map((char, index) => /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      animate: { y: [2, -2] },
+      initial: { y: 0 },
+      transition: {
+        duration: 0.6,
+        repeat: Infinity,
+        delay: index * 0.1,
+        ease: "easeInOut",
+        repeatType: "reverse"
+      },
+      children: char
+    },
+    index
+  )) });
+}
+function VefLoadingPlaceholder({
+  tip,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { css: loadingPlaceholderStyle, children: [
+    /* @__PURE__ */ jsx(VefSpin, { ...restProps }),
+    tip && isString(tip) && /* @__PURE__ */ jsx(VefText, { color: "secondary", children: /* @__PURE__ */ jsx(AnimatedText, { text: tip }) }) || tip
+  ] });
+}
+
+export { VefLoadingPlaceholder as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */