@vef-framework/components 1.0.127 → 1.0.129

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

@@ -1,45 +1,8 @@
 "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`
+import{jsx as t,jsxs as s}from"@emotion/react/jsx-runtime";import{css as a}from"@emotion/react";import{themeVariables as n,styles as o,isString as m}from"@vef-framework/shared";import{motion as p}from"motion/react";import c from"../vef-spin/index.js";import d from"../vef-text/index.js";const l=a`
   height: 100%;
-  padding: ${themeVariables.paddingLg};
-  ${styles.flexCenter}
+  padding: ${n.paddingLg};
+  ${o.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 };
+  row-gap: ${n.marginLg};
+`;function f({text:r}){return t("div",{css:o.flexCenter,children:String(r).split("").map((e,i)=>t(p.span,{animate:{y:[2,-2]},initial:{y:0},transition:{duration:.6,repeat:1/0,delay:i*.1,ease:"easeInOut",repeatType:"reverse"},children:e},i))})}function g({tip:r,...e}){return s("div",{css:l,children:[t(c,{...e}),r&&m(r)&&t(d,{color:"secondary",children:t(f,{text:r})})||r]})}export{g as default};

package/esm/vef-login/index.js

@@ -1,19 +1,5 @@
 "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`
+import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{UserOutlined as k,LockOutlined as S}from"@ant-design/icons";import{css as i}from"@emotion/react";import{useApiContext as j}from"@vef-framework/core";import{themeVariables as t,bmq as p,encryptRsa as B,showSuccessMessage as C,getTodayString as m,styles as E}from"@vef-framework/shared";import{useCallback as g,useState as I,useEffect as V}from"react";import a from"../vef-flex/index.js";import X from"../vef-form/index.js";import{isRequired as u}from"../vef-form/validation-rules.js";import n from"../vef-text/index.js";import h from"../vef-title/index.js";import q from"./login-icon.js";const A=i`
   position: relative;
   height: 100%;
   overflow: hidden;
@@ -21,166 +7,49 @@ const loginStyle = css`
   .vef-typography {
     --vef-typography-title-margin-bottom: 0.2em;
   }
-`;
-const titleStyle = css`
+`,F=i`
   flex: none;
-  padding-top: calc(${themeVariables.paddingXl} * 3);
+  padding-top: calc(${t.paddingXl} * 3);
   text-align: center;
-`;
-const logoStyle = css`
+`,L=i`
   position: absolute;
   top: 0;
   left: 0;
-  padding: ${themeVariables.padding};
-`;
-const leftContentStyle = css`
+  padding: ${t.padding};
+`,O=i`
   flex: 1;
   height: 100%;
   display: none;
-  background-image: linear-gradient(154deg, ${themeVariables.blue1} 30%, ${themeVariables.geekblue3} 48%, ${themeVariables.blue1} 64%);
-  ${bmq.md} {
+  background-image: linear-gradient(154deg, ${t.blue1} 30%, ${t.geekblue3} 48%, ${t.blue1} 64%);
+  ${p.md} {
     display: flex;
   }
-`;
-const iconStyle = css`
+`,z=i`
   flex: auto;
   min-height: 0;
   width: 40%;
-`;
-const rightContentStyle = css`
+`,D=i`
   position: relative;
   height: 100%;
   width: 360px;
-  padding: 0 ${themeVariables.paddingLg};
-  ${bmq.lg} {
+  padding: 0 ${t.paddingLg};
+  ${p.lg} {
     width: 480px;
-    padding: 0 calc(${themeVariables.paddingXl} * 2);
+    padding: 0 calc(${t.paddingXl} * 2);
   }
 
   .vef-form {
-    margin-top: ${themeVariables.marginXl};
+    margin-top: ${t.marginXl};
   }
-`;
-const copyrightStyle = css`
+`,K=i`
   position: absolute;
-  bottom: ${themeVariables.margin};
+  bottom: ${t.margin};
   left: 0;
   right: 0;
   text-align: center;
-`;
-const dateStyle = css`
+`,M=i`
   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 };
+  top: ${t.margin};
+  right: ${t.margin};
+  left: ${t.margin};
+`,P=[{key:"default",rows:[{key:"1",columns:[{key:"1",items:[{name:"account",type:"Input",placeholder:"账号",prefix:e(k,{}),rules:[u("请输入账号")]},{name:"password",type:"Password",placeholder:"密码",prefix:e(S,{}),rules:[u("请输入密码")]}]}]}]}];function R(s,l){return B(s,l)}function T({logo:s,title:l="VEF 中后台管理系统",description:f="一款极度快速的超能系统",publicKey:c,onLoginSuccess:d}){const b=g(r=>c?{...r,password:R(r.password,c)}:r,[c]),y=g(({message:r,data:w})=>{C(r),d?.(w)},[d]),[v,x]=I(m());V(()=>{const r=setInterval(()=>{x(m())},1e3);return()=>{clearInterval(r)}},[]);const{loginApi:$}=j();return o(a,{css:A,justify:"center",children:[s&&e("div",{css:L,children:s}),o(a,{vertical:!0,align:"center",css:O,children:[o("div",{css:F,children:[e(h,{children:l}),e(n,{children:f})]}),e("div",{css:[z,E.flexCenter],children:e(q,{})})]}),o(a,{vertical:!0,css:D,justify:"center",children:[o("div",{css:M,children:[e(n,{color:"secondary",children:"🕰️ 今天是 "}),e(n,{bold:!0,color:"green",children:v})]}),e(h,{level:2,children:"身份认证 🔑"}),e(n,{color:"secondary",children:"请输入您的账号和密码进行登录"}),e(X,{labelPosition:"left",resetButton:!1,scene:"login",schema:P,size:"large",submitApi:$,submitTip:"登录中...",submissionButton:{text:"登录",block:!0},onBeforeSubmit:b,onSubmitSuccess:y}),e("div",{css:K,children:o(n,{color:"secondary",children:["Copyright ©"," ",new Date().getFullYear()," ","VEF."]})})]})]})}export{T as default};