@vef-framework/components 1.0.99 → 1.0.100

package/lib/vef-layout/components/user-avatar.cjs

@@ -1,92 +1,18 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const lucideReact = require('lucide-react');
-const react$1 = require('react');
-const index$2 = require('../../vef-avatar/index.cjs');
-const index$1 = require('../../vef-dropdown/index.cjs');
-const index = require('../../vef-icon/index.cjs');
-const useLayoutContext = require('../hooks/use-layout-context.cjs');
-const iconBoy = require('./icon-boy.cjs');
-const iconGirl = require('./icon-girl.cjs');
-
-const wrapperStyle = react.css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@emotion/react"),r=require("@vef-framework/shared"),i=require("lucide-react"),t=require("react"),o=require("../../vef-avatar/index.cjs"),n=require("../../vef-dropdown/index.cjs"),a=require("../../vef-icon/index.cjs"),c=require("../hooks/use-layout-context.cjs"),l=require("./icon-boy.cjs"),u=require("./icon-girl.cjs"),d=s.css`
   display: flex;
   align-items: center;
-  column-gap: ${shared.themeVariables.marginSm};
-  padding: ${shared.themeVariables.paddingXs};
-`;
-const nameStyle = react.css`
+  column-gap: ${r.themeVariables.marginSm};
+  padding: ${r.themeVariables.paddingXs};
+`,x=s.css`
   display: flex;
   flex-direction: column;
   align-items: center;
-  row-gap: calc(${shared.themeVariables.marginXxs} + 2px);
+  row-gap: calc(${r.themeVariables.marginXxs} + 2px);
   user-select: none;
   line-height: 1;
-`;
-const descriptionStyle = react.css`
-  font-size: ${shared.themeVariables.fontSizeSm};
-  color: ${shared.themeVariables.colorTextDescription};
-`;
-const menuItems = [
-  {
-    type: "item",
-    key: "userInfo",
-    label: "\u4E2A\u4EBA\u4FE1\u606F",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserRoundIcon, {}) })
-  },
-  {
-    type: "item",
-    key: "passwordModification",
-    label: "\u4FEE\u6539\u5BC6\u7801",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LockKeyholeIcon, {}) })
-  },
-  {
-    type: "item",
-    key: "logout",
-    label: "\u9000\u51FA\u767B\u5F55",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOutIcon, {}) })
-  }
-];
-const defaultBoyAvatar = /* @__PURE__ */ jsxRuntime.jsx(iconBoy.default, {});
-const defaultGirlAvatar = /* @__PURE__ */ jsxRuntime.jsx(iconGirl.default, {});
-function VefUserAvatar() {
-  const [onLogout, userName, userGender, userAvatar, userDescription] = useLayoutContext.useLayoutContextSelector((ctx) => [ctx.onLogout, ctx.userName, ctx.userGender, ctx.userAvatar, ctx.userDescription]);
-  const handleClick = react$1.useCallback((key) => {
-    if (key === "logout" && onLogout) {
-      shared.showConfirmation("\u767B\u51FA\u63D0\u793A", "\u786E\u5B9A\u8981\u9000\u51FA\u767B\u5F55\u5417\uFF1F", onLogout);
-    }
-  }, [onLogout]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.default,
-    {
-      items: menuItems,
-      onClick: handleClick,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: wrapperStyle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          index$2.default,
-          {
-            size: "medium",
-            src: userAvatar || (userGender === "female" ? defaultGirlAvatar : defaultBoyAvatar)
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { css: nameStyle, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: userName ?? "\u4F5A\u540D" }),
-          userDescription && /* @__PURE__ */ jsxRuntime.jsxs("span", { css: descriptionStyle, children: [
-            "[",
-            userDescription,
-            "]"
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
-
-exports.default = VefUserAvatar;
+`,m=s.css`
+  font-size: ${r.themeVariables.fontSizeSm};
+  color: ${r.themeVariables.colorTextDescription};
+`,f=[{type:"item",key:"userInfo",label:"个人信息",icon:e.jsx(a.default,{children:e.jsx(i.UserRoundIcon,{})})},{type:"item",key:"passwordModification",label:"修改密码",icon:e.jsx(a.default,{children:e.jsx(i.LockKeyholeIcon,{})})},{type:"item",key:"logout",label:"退出登录",icon:e.jsx(a.default,{children:e.jsx(i.LogOutIcon,{})})}],j=e.jsx(l.default,{}),h=e.jsx(u.default,{});exports.default=function VefUserAvatar(){const[s,i,a,l,u]=c.useLayoutContextSelector((e=>[e.onLogout,e.userName,e.userGender,e.userAvatar,e.userDescription])),p=t.useCallback((e=>{"logout"===e&&s&&r.showConfirmation("登出提示","确定要退出登录吗？",s)}),[s]);return e.jsx(n.default,{items:f,onClick:p,children:e.jsxs("div",{css:d,children:[e.jsx(o.default,{size:"medium",src:l||("female"===a?h:j)}),e.jsxs("div",{css:x,children:[e.jsx("span",{children:i??"佚名"}),u&&e.jsxs("span",{css:m,children:["[",u,"]"]})]})]})})};
 /*! 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/lib/vef-layout/hooks/use-layout-context.cjs

@@ -1,17 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-
-const {
-  useContextSelector: useLayoutContextSelector,
-  useContext: useLayoutContext,
-  ContextProvider: LayoutContextProvider
-} = shared.createSelectableContext({});
-
-exports.LayoutContextProvider = LayoutContextProvider;
-exports.useLayoutContext = useLayoutContext;
-exports.useLayoutContextSelector = useLayoutContextSelector;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({});exports.LayoutContextProvider=r,exports.useLayoutContext=o,exports.useLayoutContextSelector=t;
 /*! 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/lib/vef-layout/index.cjs

@@ -1,41 +1,7 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-const content = require('./components/content.cjs');
-const header = require('./components/header.cjs');
-const sider = require('./components/sider.cjs');
-const useLayoutContext = require('./hooks/use-layout-context.cjs');
-const store = require('./store.cjs');
-
-const layoutStyle = react.css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),i=require("antd"),o=require("react"),s=require("./components/content.cjs"),n=require("./components/header.cjs"),u=require("./components/sider.cjs"),a=require("./hooks/use-layout-context.cjs"),c=require("./store.cjs"),l=r.css`
   height: 100%;
   min-height: initial;
   overflow: hidden;
-`;
-function VefLayoutBase({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Layout, { hasSider: true, css: layoutStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(sider.default, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Layout, { hasSider: false, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(header.default, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(content.default, { children })
-    ] })
-  ] });
-}
-function VefLayoutWrapper({ children, ...restProps }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(store.LayoutStoreProvider, { initialState: null, children: /* @__PURE__ */ jsxRuntime.jsx(useLayoutContext.LayoutContextProvider, { value: restProps, children: /* @__PURE__ */ jsxRuntime.jsx(VefLayoutBase, { children }) }) });
-}
-const VefLayout = react$1.memo(
-  VefLayoutWrapper,
-  (prevProps, nextProps) => shared.isShallowEqual(prevProps.activeMenuKey, nextProps.activeMenuKey)
-);
-VefLayout.displayName = "VefLayout";
-
-exports.default = VefLayout;
+`;function VefLayoutBase({children:r}){return e.jsxs(i.Layout,{hasSider:!0,css:l,children:[e.jsx(u.default,{}),e.jsxs(i.Layout,{hasSider:!1,children:[e.jsx(n.default,{}),e.jsx(s.default,{children:r})]})]})}const d=o.memo((function VefLayoutWrapper({children:r,...t}){return e.jsx(c.LayoutStoreProvider,{initialState:null,children:e.jsx(a.LayoutContextProvider,{value:t,children:e.jsx(VefLayoutBase,{children:r})})})}),((e,r)=>t.isShallowEqual(e.activeMenuKey,r.activeMenuKey)));d.displayName="VefLayout",exports.default=d;
 /*! 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/lib/vef-layout/logo.svg.cjs

@@ -1,9 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-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";
-
-exports.default = defaultLogo;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default="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";
 /*! 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/lib/vef-layout/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";
 /*! 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/lib/vef-layout/store.cjs

@@ -1,23 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-
-const {
-  StoreProvider: LayoutStoreProvider,
-  useStore: useLayoutStore,
-  useStoreApi: useLayoutStoreApi
-} = shared.createComponentStore(
-  "Layout",
-  () => (set) => ({
-    siderCollapsed: false,
-    setSiderCollapsed: (collapsed) => set({ siderCollapsed: collapsed })
-  })
-);
-
-exports.LayoutStoreProvider = LayoutStoreProvider;
-exports.useLayoutStore = useLayoutStore;
-exports.useLayoutStoreApi = useLayoutStoreApi;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{StoreProvider:o,useStore:r,useStoreApi:t}=e.createComponentStore("Layout",(()=>e=>({siderCollapsed:!1,setSiderCollapsed:o=>e({siderCollapsed:o})})));exports.LayoutStoreProvider=o,exports.useLayoutStore=r,exports.useLayoutStoreApi=t;
 /*! 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/lib/vef-line-chart/index.cjs

@@ -1,43 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('react');
-const recharts = require('recharts');
-const index = require('../vef-chart-container/index.cjs');
-const index$2 = require('../vef-chart-legend-content/index.cjs');
-const index$1 = require('../vef-chart-tooltip-content/index.cjs');
-
-function VefLineChartBase({
-  config,
-  data,
-  dataKey,
-  valueFormatter
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { config, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { vertical: false }),
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { valueFormatter }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { content: /* @__PURE__ */ jsxRuntime.jsx(index$2.VefChartLegendContent, {}) }),
-    Object.keys(config).map(
-      (key) => /* @__PURE__ */ jsxRuntime.jsx(
-        recharts.Line,
-        {
-          dataKey: key,
-          dot: false,
-          stroke: `var(--vef-color-${key})`,
-          strokeWidth: 2,
-          type: "monotone"
-        },
-        key
-      )
-    )
-  ] }) });
-}
-const VefLineChart = react.memo(VefLineChartBase);
-
-exports.default = VefLineChart;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("react"),r=require("recharts"),i=require("../vef-chart-container/index.cjs"),n=require("../vef-chart-legend-content/index.cjs"),a=require("../vef-chart-tooltip-content/index.cjs");const o=t.memo((function VefLineChartBase({config:t,data:o,dataKey:s,valueFormatter:c}){return e.jsx(i.default,{config:t,children:e.jsxs(r.LineChart,{data:o,children:[e.jsx(r.CartesianGrid,{vertical:!1}),e.jsx(r.XAxis,{axisLine:!1,dataKey:s,tickLine:!1,tickMargin:8}),e.jsx(r.YAxis,{axisLine:!1,tickLine:!1,tickMargin:8}),e.jsx(r.Tooltip,{content:e.jsx(a.default,{valueFormatter:c})}),e.jsx(r.Legend,{content:e.jsx(n.VefChartLegendContent,{})}),Object.keys(t).map((t=>e.jsx(r.Line,{dataKey:t,dot:!1,stroke:`var(--vef-color-${t})`,strokeWidth:2,type:"monotone"},t)))]})})}));exports.default=o;
 /*! 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/lib/vef-line-chart/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";
 /*! 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/lib/vef-loading-placeholder/index.cjs

@@ -1,49 +1,9 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react$1 = require('motion/react');
-const index = require('../vef-spin/index.cjs');
-const index$1 = require('../vef-text/index.cjs');
-
-const loadingPlaceholderStyle = react.css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),r=require("@vef-framework/shared"),i=require("motion/react"),n=require("../vef-spin/index.cjs"),s=require("../vef-text/index.cjs"),a=t.css`
   height: 100%;
-  padding: ${shared.themeVariables.paddingLg};
-  ${shared.styles.flexCenter}
+  padding: ${r.themeVariables.paddingLg};
+  ${r.styles.flexCenter}
   flex-direction: column;
-  row-gap: ${shared.themeVariables.marginLg};
-`;
-function AnimatedText({ text }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: shared.styles.flexCenter, children: String(text).split("").map((char, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    react$1.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__ */ jsxRuntime.jsxs("div", { css: loadingPlaceholderStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.default, { ...restProps }),
-    tip && shared.isString(tip) && /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { color: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedText, { text: tip }) }) || tip
-  ] });
-}
-
-exports.default = VefLoadingPlaceholder;
+  row-gap: ${r.themeVariables.marginLg};
+`;function AnimatedText({text:t}){return e.jsx("div",{css:r.styles.flexCenter,children:String(t).split("").map(((t,r)=>e.jsx(i.motion.span,{animate:{y:[2,-2]},initial:{y:0},transition:{duration:.6,repeat:1/0,delay:.1*r,ease:"easeInOut",repeatType:"reverse"},children:t},r)))})}exports.default=function VefLoadingPlaceholder({tip:t,...i}){return e.jsxs("div",{css:a,children:[e.jsx(n.default,{...i}),t&&r.isString(t)&&e.jsx(s.default,{color:"secondary",children:e.jsx(AnimatedText,{text:t})})||t]})};
 /*! 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/lib/vef-loading-placeholder/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";
 /*! 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/lib/vef-login/index.cjs

@@ -1,22 +1,5 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const react = require('@emotion/react');
-const core = require('@vef-framework/core');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index = require('../vef-flex/index.cjs');
-const index$3 = require('../vef-form/index.cjs');
-const validationRules = require('../vef-form/validation-rules.cjs');
-const index$2 = require('../vef-text/index.cjs');
-const index$1 = require('../vef-title/index.cjs');
-const loginIcon = require('./login-icon.cjs');
-
-const loginStyle = react.css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@ant-design/icons"),i=require("@emotion/react"),t=require("@vef-framework/core"),r=require("@vef-framework/shared"),a=require("react"),l=require("../vef-flex/index.cjs"),n=require("../vef-form/index.cjs"),o=require("../vef-form/validation-rules.cjs"),c=require("../vef-text/index.cjs"),d=require("../vef-title/index.cjs"),u=require("./login-icon.cjs"),g=i.css`
   position: relative;
   height: 100%;
   overflow: hidden;
@@ -24,167 +7,50 @@ const loginStyle = react.css`
   .vef-typography {
     --vef-typography-title-margin-bottom: 0.2em;
   }
-`;
-const titleStyle = react.css`
+`,f=i.css`
   flex: none;
-  padding-top: calc(${shared.themeVariables.paddingXl} * 3);
+  padding-top: calc(${r.themeVariables.paddingXl} * 3);
   text-align: center;
-`;
-const logoStyle = react.css`
+`,h=i.css`
   position: absolute;
   top: 0;
   left: 0;
-  padding: ${shared.themeVariables.padding};
-`;
-const leftContentStyle = react.css`
+  padding: ${r.themeVariables.padding};
+`,p=i.css`
   flex: 1;
   height: 100%;
   display: none;
-  background-image: linear-gradient(154deg, ${shared.themeVariables.blue1} 30%, ${shared.themeVariables.geekblue3} 48%, ${shared.themeVariables.blue1} 64%);
-  ${shared.bmq.md} {
+  background-image: linear-gradient(154deg, ${r.themeVariables.blue1} 30%, ${r.themeVariables.geekblue3} 48%, ${r.themeVariables.blue1} 64%);
+  ${r.bmq.md} {
     display: flex;
   }
-`;
-const iconStyle = react.css`
+`,m=i.css`
   flex: auto;
   min-height: 0;
   width: 40%;
-`;
-const rightContentStyle = react.css`
+`,x=i.css`
   position: relative;
   height: 100%;
   width: 360px;
-  padding: 0 ${shared.themeVariables.paddingLg};
-  ${shared.bmq.lg} {
+  padding: 0 ${r.themeVariables.paddingLg};
+  ${r.bmq.lg} {
     width: 480px;
-    padding: 0 calc(${shared.themeVariables.paddingXl} * 2);
+    padding: 0 calc(${r.themeVariables.paddingXl} * 2);
   }
 
   .vef-form {
-    margin-top: ${shared.themeVariables.marginXl};
+    margin-top: ${r.themeVariables.marginXl};
   }
-`;
-const copyrightStyle = react.css`
+`,b=i.css`
   position: absolute;
-  bottom: ${shared.themeVariables.margin};
+  bottom: ${r.themeVariables.margin};
   left: 0;
   right: 0;
   text-align: center;
-`;
-const dateStyle = react.css`
+`,j=i.css`
   position: absolute;
-  top: ${shared.themeVariables.margin};
-  right: ${shared.themeVariables.margin};
-  left: ${shared.themeVariables.margin};
-`;
-const loginFormSchema = [
-  {
-    key: "default",
-    rows: [
-      {
-        key: "1",
-        columns: [
-          {
-            key: "1",
-            items: [
-              {
-                name: "account",
-                type: "Input",
-                placeholder: "\u8D26\u53F7",
-                prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon.UserOutlined, {}),
-                rules: [validationRules.isRequired("\u8BF7\u8F93\u5165\u8D26\u53F7")]
-              },
-              {
-                name: "password",
-                type: "Password",
-                placeholder: "\u5BC6\u7801",
-                prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon.LockOutlined, {}),
-                rules: [validationRules.isRequired("\u8BF7\u8F93\u5165\u5BC6\u7801")]
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  }
-];
-function encryptPassword(password, publicKey) {
-  return shared.encryptRsa(password, publicKey);
-}
-function VefLogin({
-  logo,
-  title = "VEF \u4E2D\u540E\u53F0\u7BA1\u7406\u7CFB\u7EDF",
-  description = "\u4E00\u6B3E\u6781\u5EA6\u5FEB\u901F\u7684\u8D85\u80FD\u7CFB\u7EDF",
-  publicKey,
-  onLoginSuccess
-}) {
-  const beforeSubmitHandler = react$1.useCallback((values) => {
-    if (!publicKey) {
-      return values;
-    }
-    return {
-      ...values,
-      password: encryptPassword(values.password, publicKey)
-    };
-  }, [publicKey]);
-  const submitSuccessHandler = react$1.useCallback(({ message, data }) => {
-    shared.showSuccessMessage(message);
-    onLoginSuccess?.(data);
-  }, [onLoginSuccess]);
-  const [todayString, setTodayString] = react$1.useState(shared.getTodayString());
-  react$1.useEffect(() => {
-    const timer = setInterval(() => {
-      setTodayString(shared.getTodayString());
-    }, 1e3);
-    return () => {
-      clearInterval(timer);
-    };
-  }, []);
-  const { loginApi } = core.useApiContext();
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { css: loginStyle, justify: "center", children: [
-    logo && /* @__PURE__ */ jsxRuntime.jsx("div", { css: logoStyle, children: logo }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index.default, { vertical: true, align: "center", css: leftContentStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { css: titleStyle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { css: [iconStyle, shared.styles.flexCenter], children: /* @__PURE__ */ jsxRuntime.jsx(loginIcon.default, {}) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index.default, { vertical: true, css: rightContentStyle, justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { css: dateStyle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { color: "secondary", children: "\u{1F570}\uFE0F \u4ECA\u5929\u662F\xA0" }),
-        /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { bold: true, color: "green", children: todayString })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { level: 2, children: "\u8EAB\u4EFD\u8BA4\u8BC1 \u{1F511}" }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { color: "secondary", children: "\u8BF7\u8F93\u5165\u60A8\u7684\u8D26\u53F7\u548C\u5BC6\u7801\u8FDB\u884C\u767B\u5F55" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        index$3.default,
-        {
-          labelPosition: "left",
-          resetButton: false,
-          scene: "login",
-          schema: loginFormSchema,
-          size: "large",
-          submitApi: loginApi,
-          submitTip: "\u767B\u5F55\u4E2D...",
-          submissionButton: {
-            text: "\u767B\u5F55",
-            block: true
-          },
-          onBeforeSubmit: beforeSubmitHandler,
-          onSubmitSuccess: submitSuccessHandler
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { css: copyrightStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(index$2.default, { color: "secondary", children: [
-        "Copyright \xA9",
-        " ",
-        (/* @__PURE__ */ new Date()).getFullYear(),
-        " ",
-        "VEF."
-      ] }) })
-    ] })
-  ] });
-}
-
-exports.default = VefLogin;
+  top: ${r.themeVariables.margin};
+  right: ${r.themeVariables.margin};
+  left: ${r.themeVariables.margin};
+`,v=[{key:"default",rows:[{key:"1",columns:[{key:"1",items:[{name:"account",type:"Input",placeholder:"账号",prefix:e.jsx(s.UserOutlined,{}),rules:[o.isRequired("请输入账号")]},{name:"password",type:"Password",placeholder:"密码",prefix:e.jsx(s.LockOutlined,{}),rules:[o.isRequired("请输入密码")]}]}]}]}];function encryptPassword(e,s){return r.encryptRsa(e,s)}exports.default=function VefLogin({logo:s,title:i="VEF 中后台管理系统",description:o="一款极度快速的超能系统",publicKey:y,onLoginSuccess:q}){const w=a.useCallback((e=>y?{...e,password:encryptPassword(e.password,y)}:e),[y]),V=a.useCallback((({message:e,data:s})=>{r.showSuccessMessage(e),q?.(s)}),[q]),[$,k]=a.useState(r.getTodayString());a.useEffect((()=>{const e=setInterval((()=>{k(r.getTodayString())}),1e3);return()=>{clearInterval(e)}}),[]);const{loginApi:S}=t.useApiContext();return e.jsxs(l.default,{css:g,justify:"center",children:[s&&e.jsx("div",{css:h,children:s}),e.jsxs(l.default,{vertical:!0,align:"center",css:p,children:[e.jsxs("div",{css:f,children:[e.jsx(d.default,{children:i}),e.jsx(c.default,{children:o})]}),e.jsx("div",{css:[m,r.styles.flexCenter],children:e.jsx(u.default,{})})]}),e.jsxs(l.default,{vertical:!0,css:x,justify:"center",children:[e.jsxs("div",{css:j,children:[e.jsx(c.default,{color:"secondary",children:"🕰️ 今天是 "}),e.jsx(c.default,{bold:!0,color:"green",children:$})]}),e.jsx(d.default,{level:2,children:"身份认证 🔑"}),e.jsx(c.default,{color:"secondary",children:"请输入您的账号和密码进行登录"}),e.jsx(n.default,{labelPosition:"left",resetButton:!1,scene:"login",schema:v,size:"large",submitApi:S,submitTip:"登录中...",submissionButton:{text:"登录",block:!0},onBeforeSubmit:w,onSubmitSuccess:V}),e.jsx("div",{css:b,children:e.jsxs(c.default,{color:"secondary",children:["Copyright ©"," ",(new Date).getFullYear()," ","VEF."]})})]})]})};
 /*! 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 */