@vef-framework/components 1.0.122 → 1.0.123

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

@@ -0,0 +1,82 @@
+"use strict";
+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';
+
+"use strict";
+const titleStyle = css`
+  flex: none;
+  height: var(--vef-layout-header-height);
+  border-bottom: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
+  display: flex;
+  align-items: center;
+  padding: 0 ${themeVariables.paddingSm};
+  overflow: hidden;
+  user-select: none;
+
+  > div {
+    flex: none;
+    width: 55px;
+    height: calc(${themeVariables.controlHeight} * 1.2);
+    font-size: 0;
+    ${styles.flexCenter}
+
+    > img {
+      height: 100%;
+      width: auto;
+    }
+  }
+
+  > h3 {
+    flex: auto;
+    margin: 0;
+    font-weight: bold;
+    font-size: ${themeVariables.fontSizeLg};
+    color: ${themeVariables.colorTextSlate};
+    max-width: 156px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-align: center;
+    text-overflow: ellipsis;
+  }
+`;
+const defaultTitle = "VEF中后台系统";
+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 };

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

@@ -0,0 +1,88 @@
+"use strict";
+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';
+
+"use strict";
+const wrapperStyle = css`
+  display: flex;
+  align-items: center;
+  column-gap: ${themeVariables.marginSm};
+  padding: ${themeVariables.paddingXs};
+`;
+const nameStyle = css`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  row-gap: calc(${themeVariables.marginXxs} + 2px);
+  user-select: none;
+  line-height: 1;
+`;
+const descriptionStyle = css`
+  font-size: ${themeVariables.fontSizeSm};
+  color: ${themeVariables.colorTextDescription};
+`;
+const menuItems = [
+  {
+    type: "item",
+    key: "userInfo",
+    label: "个人信息",
+    icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(UserRoundIcon, {}) })
+  },
+  {
+    type: "item",
+    key: "passwordModification",
+    label: "修改密码",
+    icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LockKeyholeIcon, {}) })
+  },
+  {
+    type: "item",
+    key: "logout",
+    label: "退出登录",
+    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("登出提示", "确定要退出登录吗？", 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 ?? "佚名" }),
+          userDescription && /* @__PURE__ */ jsxs("span", { css: descriptionStyle, children: [
+            "[",
+            userDescription,
+            "]"
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { VefUserAvatar as default };

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

@@ -0,0 +1,11 @@
+"use strict";
+import { createSelectableContext } from '@vef-framework/shared';
+
+"use strict";
+const {
+  useContextSelector: useLayoutContextSelector,
+  useContext: useLayoutContext,
+  ContextProvider: LayoutContextProvider
+} = createSelectableContext({});
+
+export { LayoutContextProvider, useLayoutContext, useLayoutContextSelector };

package/esm/vef-layout/index.js

@@ -0,0 +1,37 @@
+"use strict";
+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';
+
+"use strict";
+const layoutStyle = css`
+  height: 100%;
+  min-height: initial;
+  overflow: hidden;
+`;
+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 };

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

@@ -0,0 +1,3 @@
+var 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 };

package/esm/vef-layout/props.js

@@ -0,0 +1,2 @@
+"use strict";
+"use strict";

package/esm/vef-layout/store.js

@@ -0,0 +1,17 @@
+"use strict";
+import { createComponentStore } from '@vef-framework/shared';
+
+"use strict";
+const {
+  StoreProvider: LayoutStoreProvider,
+  useStore: useLayoutStore,
+  useStoreApi: useLayoutStoreApi
+} = createComponentStore(
+  "Layout",
+  () => (set) => ({
+    siderCollapsed: false,
+    setSiderCollapsed: (collapsed) => set({ siderCollapsed: collapsed })
+  })
+);
+
+export { LayoutStoreProvider, useLayoutStore, useLayoutStoreApi };

package/esm/vef-line-chart/index.js

@@ -0,0 +1,39 @@
+"use strict";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { memo } from 'react';
+import { LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
+import VefChartContainer from '../vef-chart-container/index.js';
+import { VefChartLegendContent } from '../vef-chart-legend-content/index.js';
+import VefChartTooltipContent from '../vef-chart-tooltip-content/index.js';
+
+"use strict";
+function VefLineChartBase({
+  config,
+  data,
+  dataKey,
+  valueFormatter
+}) {
+  return /* @__PURE__ */ jsx(VefChartContainer, { config, children: /* @__PURE__ */ jsxs(LineChart, { data, children: [
+    /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsx(XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsx(YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(VefChartTooltipContent, { valueFormatter }) }),
+    /* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(VefChartLegendContent, {}) }),
+    Object.keys(config).map(
+      (key) => /* @__PURE__ */ jsx(
+        Line,
+        {
+          dataKey: key,
+          dot: false,
+          stroke: `var(--vef-color-${key})`,
+          strokeWidth: 2,
+          type: "monotone"
+        },
+        key
+      )
+    )
+  ] }) });
+}
+const VefLineChart = memo(VefLineChartBase);
+
+export { VefLineChart as default };

package/esm/vef-line-chart/props.js

@@ -0,0 +1,2 @@
+"use strict";
+"use strict";

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

@@ -0,0 +1,45 @@
+"use strict";
+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';
+
+"use strict";
+const loadingPlaceholderStyle = css`
+  height: 100%;
+  padding: ${themeVariables.paddingLg};
+  ${styles.flexCenter}
+  flex-direction: column;
+  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 };

package/esm/vef-loading-placeholder/props.js

@@ -0,0 +1,2 @@
+"use strict";
+"use strict";

package/esm/vef-login/index.js

@@ -0,0 +1,186 @@
+"use strict";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { UserOutlined, LockOutlined } from '@ant-design/icons';
+import { css } from '@emotion/react';
+import { useApiContext } from '@vef-framework/core';
+import { themeVariables, bmq, encryptRsa, showSuccessMessage, getTodayString, styles } from '@vef-framework/shared';
+import { useCallback, useState, useEffect } from 'react';
+import VefFlex from '../vef-flex/index.js';
+import VefForm from '../vef-form/index.js';
+import { isRequired } from '../vef-form/validation-rules.js';
+import VefText from '../vef-text/index.js';
+import VefTitle from '../vef-title/index.js';
+import Memo from './login-icon.js';
+
+"use strict";
+const loginStyle = css`
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+
+  .vef-typography {
+    --vef-typography-title-margin-bottom: 0.2em;
+  }
+`;
+const titleStyle = css`
+  flex: none;
+  padding-top: calc(${themeVariables.paddingXl} * 3);
+  text-align: center;
+`;
+const logoStyle = css`
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: ${themeVariables.padding};
+`;
+const leftContentStyle = css`
+  flex: 1;
+  height: 100%;
+  display: none;
+  background-image: linear-gradient(154deg, ${themeVariables.blue1} 30%, ${themeVariables.geekblue3} 48%, ${themeVariables.blue1} 64%);
+  ${bmq.md} {
+    display: flex;
+  }
+`;
+const iconStyle = css`
+  flex: auto;
+  min-height: 0;
+  width: 40%;
+`;
+const rightContentStyle = css`
+  position: relative;
+  height: 100%;
+  width: 360px;
+  padding: 0 ${themeVariables.paddingLg};
+  ${bmq.lg} {
+    width: 480px;
+    padding: 0 calc(${themeVariables.paddingXl} * 2);
+  }
+
+  .vef-form {
+    margin-top: ${themeVariables.marginXl};
+  }
+`;
+const copyrightStyle = css`
+  position: absolute;
+  bottom: ${themeVariables.margin};
+  left: 0;
+  right: 0;
+  text-align: center;
+`;
+const dateStyle = css`
+  position: absolute;
+  top: ${themeVariables.margin};
+  right: ${themeVariables.margin};
+  left: ${themeVariables.margin};
+`;
+const loginFormSchema = [
+  {
+    key: "default",
+    rows: [
+      {
+        key: "1",
+        columns: [
+          {
+            key: "1",
+            items: [
+              {
+                name: "account",
+                type: "Input",
+                placeholder: "账号",
+                prefix: /* @__PURE__ */ jsx(UserOutlined, {}),
+                rules: [isRequired("请输入账号")]
+              },
+              {
+                name: "password",
+                type: "Password",
+                placeholder: "密码",
+                prefix: /* @__PURE__ */ jsx(LockOutlined, {}),
+                rules: [isRequired("请输入密码")]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+];
+function encryptPassword(password, publicKey) {
+  return encryptRsa(password, publicKey);
+}
+function VefLogin({
+  logo,
+  title = "VEF 中后台管理系统",
+  description = "一款极度快速的超能系统",
+  publicKey,
+  onLoginSuccess
+}) {
+  const beforeSubmitHandler = useCallback((values) => {
+    if (!publicKey) {
+      return values;
+    }
+    return {
+      ...values,
+      password: encryptPassword(values.password, publicKey)
+    };
+  }, [publicKey]);
+  const submitSuccessHandler = useCallback(({ message, data }) => {
+    showSuccessMessage(message);
+    onLoginSuccess?.(data);
+  }, [onLoginSuccess]);
+  const [todayString, setTodayString] = useState(getTodayString());
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setTodayString(getTodayString());
+    }, 1e3);
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
+  const { loginApi } = useApiContext();
+  return /* @__PURE__ */ jsxs(VefFlex, { css: loginStyle, justify: "center", children: [
+    logo && /* @__PURE__ */ jsx("div", { css: logoStyle, children: logo }),
+    /* @__PURE__ */ jsxs(VefFlex, { vertical: true, align: "center", css: leftContentStyle, children: [
+      /* @__PURE__ */ jsxs("div", { css: titleStyle, children: [
+        /* @__PURE__ */ jsx(VefTitle, { children: title }),
+        /* @__PURE__ */ jsx(VefText, { children: description })
+      ] }),
+      /* @__PURE__ */ jsx("div", { css: [iconStyle, styles.flexCenter], children: /* @__PURE__ */ jsx(Memo, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs(VefFlex, { vertical: true, css: rightContentStyle, justify: "center", children: [
+      /* @__PURE__ */ jsxs("div", { css: dateStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { color: "secondary", children: "🕰️ 今天是 " }),
+        /* @__PURE__ */ jsx(VefText, { bold: true, color: "green", children: todayString })
+      ] }),
+      /* @__PURE__ */ jsx(VefTitle, { level: 2, children: "身份认证 🔑" }),
+      /* @__PURE__ */ jsx(VefText, { color: "secondary", children: "请输入您的账号和密码进行登录" }),
+      /* @__PURE__ */ jsx(
+        VefForm,
+        {
+          labelPosition: "left",
+          resetButton: false,
+          scene: "login",
+          schema: loginFormSchema,
+          size: "large",
+          submitApi: loginApi,
+          submitTip: "登录中...",
+          submissionButton: {
+            text: "登录",
+            block: true
+          },
+          onBeforeSubmit: beforeSubmitHandler,
+          onSubmitSuccess: submitSuccessHandler
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { css: copyrightStyle, children: /* @__PURE__ */ jsxs(VefText, { color: "secondary", children: [
+        "Copyright ©",
+        " ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " ",
+        "VEF."
+      ] }) })
+    ] })
+  ] });
+}
+
+export { VefLogin as default };