@vef-framework/components 1.0.101 → 1.0.103

package/lib/vef-login/index.cjs

@@ -1,22 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),core=require("@vef-framework/core"),shared=require("@vef-framework/shared"),react$1=require("react"),index=require("../vef-flex/index.cjs"),index$3=require("../vef-form/index.cjs"),validationRules=require("../vef-form/validation-rules.cjs"),index$2=require("../vef-text/index.cjs"),index$1=require("../vef-title/index.cjs"),loginIcon=require("./login-icon.cjs"),loginStyle=react.css`
   position: relative;
   height: 100%;
   overflow: hidden;
@@ -24,19 +6,16 @@ const loginStyle = react.css`
   .vef-typography {
     --vef-typography-title-margin-bottom: 0.2em;
   }
-`;
-const titleStyle = react.css`
+`,titleStyle=react.css`
   flex: none;
   padding-top: calc(${shared.themeVariables.paddingXl} * 3);
   text-align: center;
-`;
-const logoStyle = react.css`
+`,logoStyle=react.css`
   position: absolute;
   top: 0;
   left: 0;
   padding: ${shared.themeVariables.padding};
-`;
-const leftContentStyle = react.css`
+`,leftContentStyle=react.css`
   flex: 1;
   height: 100%;
   display: none;
@@ -44,13 +23,11 @@ const leftContentStyle = react.css`
   ${shared.bmq.md} {
     display: flex;
   }
-`;
-const iconStyle = react.css`
+`,iconStyle=react.css`
   flex: auto;
   min-height: 0;
   width: 40%;
-`;
-const rightContentStyle = react.css`
+`,rightContentStyle=react.css`
   position: relative;
   height: 100%;
   width: 360px;
@@ -63,128 +40,15 @@ const rightContentStyle = react.css`
   .vef-form {
     margin-top: ${shared.themeVariables.marginXl};
   }
-`;
-const copyrightStyle = react.css`
+`,copyrightStyle=react.css`
   position: absolute;
   bottom: ${shared.themeVariables.margin};
   left: 0;
   right: 0;
   text-align: center;
-`;
-const dateStyle = react.css`
+`,dateStyle=react.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: "账号",
-                prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon.UserOutlined, {}),
-                rules: [validationRules.isRequired("请输入账号")]
-              },
-              {
-                name: "password",
-                type: "Password",
-                placeholder: "密码",
-                prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon.LockOutlined, {}),
-                rules: [validationRules.isRequired("请输入密码")]
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  }
-];
-function encryptPassword(password, publicKey) {
-  return shared.encryptRsa(password, publicKey);
-}
-function VefLogin({
-  logo,
-  title = "VEF 中后台管理系统",
-  description = "一款极度快速的超能系统",
-  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: "🕰️ 今天是 " }),
-        /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { bold: true, color: "green", children: todayString })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { level: 2, children: "身份认证 🔑" }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { color: "secondary", children: "请输入您的账号和密码进行登录" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        index$3.default,
-        {
-          labelPosition: "left",
-          resetButton: false,
-          scene: "login",
-          schema: loginFormSchema,
-          size: "large",
-          submitApi: loginApi,
-          submitTip: "登录中...",
-          submissionButton: {
-            text: "登录",
-            block: true
-          },
-          onBeforeSubmit: beforeSubmitHandler,
-          onSubmitSuccess: submitSuccessHandler
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { css: copyrightStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(index$2.default, { color: "secondary", children: [
-        "Copyright ©",
-        " ",
-        (/* @__PURE__ */ new Date()).getFullYear(),
-        " ",
-        "VEF."
-      ] }) })
-    ] })
-  ] });
-}
-
-exports.default = VefLogin;
-/*! 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 */
+`,loginFormSchema=[{key:"default",rows:[{key:"1",columns:[{key:"1",items:[{name:"account",type:"Input",placeholder:"账号",prefix:jsxRuntime.jsx(Icon.UserOutlined,{}),rules:[validationRules.isRequired("请输入账号")]},{name:"password",type:"Password",placeholder:"密码",prefix:jsxRuntime.jsx(Icon.LockOutlined,{}),rules:[validationRules.isRequired("请输入密码")]}]}]}]}];function encryptPassword(password,publicKey){return shared.encryptRsa(password,publicKey)}function VefLogin({logo,title="VEF 中后台管理系统",description="一款极度快速的超能系统",publicKey,onLoginSuccess}){const beforeSubmitHandler=react$1.useCallback(values=>publicKey?{...values,password:encryptPassword(values.password,publicKey)}:values,[publicKey]),submitSuccessHandler=react$1.useCallback(({message,data})=>{shared.showSuccessMessage(message),onLoginSuccess?.(data)},[onLoginSuccess]),[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 jsxRuntime.jsxs(index.default,{css:loginStyle,justify:"center",children:[logo&&jsxRuntime.jsx("div",{css:logoStyle,children:logo}),jsxRuntime.jsxs(index.default,{vertical:!0,align:"center",css:leftContentStyle,children:[jsxRuntime.jsxs("div",{css:titleStyle,children:[jsxRuntime.jsx(index$1.default,{children:title}),jsxRuntime.jsx(index$2.default,{children:description})]}),jsxRuntime.jsx("div",{css:[iconStyle,shared.styles.flexCenter],children:jsxRuntime.jsx(loginIcon.default,{})})]}),jsxRuntime.jsxs(index.default,{vertical:!0,css:rightContentStyle,justify:"center",children:[jsxRuntime.jsxs("div",{css:dateStyle,children:[jsxRuntime.jsx(index$2.default,{color:"secondary",children:"🕰️ 今天是 "}),jsxRuntime.jsx(index$2.default,{bold:!0,color:"green",children:todayString})]}),jsxRuntime.jsx(index$1.default,{level:2,children:"身份认证 🔑"}),jsxRuntime.jsx(index$2.default,{color:"secondary",children:"请输入您的账号和密码进行登录"}),jsxRuntime.jsx(index$3.default,{labelPosition:"left",resetButton:!1,scene:"login",schema:loginFormSchema,size:"large",submitApi:loginApi,submitTip:"登录中...",submissionButton:{text:"登录",block:!0},onBeforeSubmit:beforeSubmitHandler,onSubmitSuccess:submitSuccessHandler}),jsxRuntime.jsx("div",{css:copyrightStyle,children:jsxRuntime.jsxs(index$2.default,{color:"secondary",children:["Copyright ©"," ",new Date().getFullYear()," ","VEF."]})})]})]})}exports.default=VefLogin;/*! 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 */