@funhub/platform 0.1.133 → 0.1.134

package/dist/components/pages/settings/_components/reset-password-drawer.mjs

@@ -1,5 +1,5 @@
 
-"use client";import{Button as e}from"../../../ui/button.mjs";import{hashPassword as t}from"../../../../utils/common.mjs";import{useUserStore as n}from"../../../../store/modules/user-store.mjs";import{pUserResetPassword as r,pUserSendResetPasswordEmailCode as i,pUserVerifyResetPasswordEmailCode as a}from"../../../../service/generated/client.mjs";import{getPasswordValidationErrorText as o,validatePasswordPair as ee}from"../../../../utils/password-validator.mjs";import{Box as s}from"../../../ui/box.mjs";import{Drawer as c,DrawerContent as te,DrawerDescription as l,DrawerHeader as u,DrawerTitle as ne}from"../../../ui/drawer.mjs";import{Text as d}from"../../../ui/text.mjs";import f from"../../../ui/legacy/button.mjs";import{EyeIcon as p}from"../../../../assets/icons/eye-icon.mjs";import{EyeOffIcon as m}from"../../../../assets/icons/eye-off-icon.mjs";import{HeaderNav as h}from"../../../common/header-nav/client.mjs";import g from"../../../ui/legacy/input.mjs";import{useEffect as _,useMemo as v,useRef as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{toast as C}from"sonner";import{useTranslations as w}from"next-intl";function T(T){let E=w(`components.pages.settings.components`),{open:re,onOpenChange:D}=T,O=n(e=>e.userInfo),[k,A]=b([,,,,,,].fill(``)),[j,M]=b(0),N=y(null),ie=k.some(e=>e===``),[P,F]=b(``),I=y(null),[ae,L]=b(60),[R,z]=b(!1);async function B(){if(R)return;let e=C.loading(E(`resetPasswordDrawer.sending`));try{let t=await i({user_id:O?.user_id});t.code===0?(C.success(E(`resetPasswordDrawer.codeSentSuccess`),{id:e}),z(!0),L(60),F(``)):C.error(t.message||E(`resetPasswordDrawer.sendFailed`),{id:e})}catch(t){console.error(t),C.error(E(`resetPasswordDrawer.sendFailed`),{id:e})}}function V(){W(e=>e===1?e:e+1)}async function H(){let e=C.loading(E(`resetPasswordDrawer.verifying`));try{F(``);let t=await a({user_id:O?.user_id,email_code:k.join(``)});t.code===0?(C.success(E(`resetPasswordDrawer.verifySuccess`),{id:e}),V()):(F(t.message||E(`resetPasswordDrawer.verifyFailed`)),C.error(t.message||E(`resetPasswordDrawer.verifyFailed`),{id:e}))}catch(t){console.error(t),F(E(`resetPasswordDrawer.verifyFailed`)),C.error(E(`resetPasswordDrawer.verifyFailed`),{id:e})}}_(()=>{if(R)return I.current=setInterval(()=>{L(e=>e<=1?(I.current&&clearInterval(I.current),z(!1),60):e-1)},1e3),()=>{I.current&&clearInterval(I.current)}},[R]);let[U,W]=b(0);_(()=>{U===0&&N.current?.focus()},[U]);let[G,K]=b({password:``,confirmPassword:``}),[q,J]=b(!1),[Y,oe]=b(!1),[X,se]=b(!1),Z=v(()=>ee(G.password,G.confirmPassword),[G.password,G.confirmPassword]),Q=v(()=>o(Z),[Z]),$=v(()=>q||G.password.length===0||G.confirmPassword.length===0||Z.type!==`none`,[q,G.password.length,G.confirmPassword.length,Z.type]);async function ce(){if($)return;let e=C.loading(E(`resetPasswordDrawer.submitting`));try{J(!0);let n=await r({user_id:O?.user_id,password:t(G.password)});n.code===0?(C.success(E(`resetPasswordDrawer.passwordResetSuccess`),{id:e}),K({password:``,confirmPassword:``}),A([,,,,,,].fill(``)),M(0),D(!1)):C.error(n.message||E(`resetPasswordDrawer.resetFailed`),{id:e})}catch(t){console.error(t),C.error(E(`resetPasswordDrawer.resetFailed`),{id:e})}finally{J(!1)}}function le(e){let t=e.target.value.replace(/\D/g,``);if(t.length===0)return;let n=[...k],r=t.split(``),i=j;for(let e of r){if(i>=6)break;n[i]=e,i+=1}A(n),M(Math.min(i,5)),P&&F(``)}function ue(e){if(e.key===`Backspace`){e.preventDefault();let t=[...k];t[j]?t[j]=``:j>0&&(t[j-1]=``,M(j-1)),A(t),P&&F(``);return}e.key===`ArrowLeft`&&j>0&&M(j-1),e.key===`ArrowRight`&&j<5&&M(j+1)}function de(e){M(e),N.current?.focus()}let fe=S(s,{className:`p-6`,children:[S(s,{className:`space-y-[12px]`,children:[x(d,{className:`text-[24px] leading-[32px] font-bold text-text1`,children:`请输入验证码`}),S(s,{className:`flex items-center justify-between gap-[8px]`,children:[S(d,{className:`min-w-0 flex-1 truncate text-[12px] leading-[16px] text-text2`,children:[E(`resetPasswordDrawer.boundEmailNotice`),x(d,{className:`dark:text-white text-white`,children:O?.email}),E(`resetPasswordDrawer.verifyHint`)]}),x(e,{variant:`link`,disabled:R,onClick:B,className:`h-auto shrink-0 rounded-[10px] bg-line1 px-[10px] py-[4px] text-[10px] leading-[12px] text-text1 no-underline hover:no-underline disabled:opacity-60`,children:R?`${E(`resetPasswordDrawer.sendCode`)} (${ae}s)`:E(`resetPasswordDrawer.sendCode`)})]})]}),S(s,{className:`mt-[28px]`,children:[S(s,{className:`relative`,children:[x(`input`,{ref:N,type:`text`,inputMode:`numeric`,pattern:`[0-9]*`,value:``,onChange:le,onKeyDown:ue,className:`absolute inset-0 h-full w-full opacity-0 pointer-events-none`,autoComplete:`one-time-code`}),x(s,{className:`flex justify-between gap-[10px]`,children:k.map((e,t)=>x(s,{onClick:()=>de(t),className:`
+"use client";import{Button as e}from"../../../ui/button.mjs";import{hashPassword as t}from"../../../../utils/common.mjs";import{useUserStore as n}from"../../../../store/modules/user-store.mjs";import{pUserResetPassword as r,pUserSendResetPasswordEmailCode as i,pUserVerifyResetPasswordEmailCode as a}from"../../../../service/generated/client.mjs";import{getPasswordValidationErrorText as o,validatePasswordPair as ee}from"../../../../utils/password-validator.mjs";import{Box as s}from"../../../ui/box.mjs";import{Drawer as c,DrawerContent as te,DrawerDescription as ne,DrawerHeader as re,DrawerTitle as l}from"../../../ui/drawer.mjs";import{Text as u}from"../../../ui/text.mjs";import d from"../../../ui/legacy/button.mjs";import{EyeIcon as f}from"../../../../assets/icons/eye-icon.mjs";import{EyeOffIcon as p}from"../../../../assets/icons/eye-off-icon.mjs";import{HeaderNav as m}from"../../../common/header-nav/client.mjs";import h from"../../../ui/legacy/input.mjs";import{useEffect as g,useMemo as _,useRef as v,useState as y}from"react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{toast as S}from"sonner";import{useTranslations as ie}from"next-intl";function ae(e){let[t,n]=e.split(`@`);return!t||!n?e:`${t.slice(0,3)}***${t.length>3?t.slice(-1):``}@${n}`}function C(C){let w=ie(`components.pages.settings.components`),{open:oe,onOpenChange:T}=C,E=n(e=>e.userInfo),[D,O]=y([,,,,,,].fill(``)),[k,A]=y(0),j=v(null),M=D.some(e=>e===``),[N,P]=y(``),F=v(null),[se,I]=y(60),[L,R]=y(!1),z=_(()=>ae(E?.email||``),[E?.email]);async function B(){if(L)return;let e=S.loading(w(`resetPasswordDrawer.sending`));try{let t=await i({user_id:E?.user_id});t.code===0?(S.success(w(`resetPasswordDrawer.codeSentSuccess`),{id:e}),R(!0),I(60),P(``)):S.error(t.message||w(`resetPasswordDrawer.sendFailed`),{id:e})}catch(t){console.error(t),S.error(w(`resetPasswordDrawer.sendFailed`),{id:e})}}function V(){W(e=>e===1?e:e+1)}async function H(){let e=S.loading(w(`resetPasswordDrawer.verifying`));try{P(``);let t=await a({user_id:E?.user_id,email_code:D.join(``)});t.code===0?(S.success(w(`resetPasswordDrawer.verifySuccess`),{id:e}),V()):(P(t.message||w(`resetPasswordDrawer.verifyFailed`)),S.error(t.message||w(`resetPasswordDrawer.verifyFailed`),{id:e}))}catch(t){console.error(t),P(w(`resetPasswordDrawer.verifyFailed`)),S.error(w(`resetPasswordDrawer.verifyFailed`),{id:e})}}g(()=>{if(L)return F.current=setInterval(()=>{I(e=>e<=1?(F.current&&clearInterval(F.current),R(!1),60):e-1)},1e3),()=>{F.current&&clearInterval(F.current)}},[L]);let[U,W]=y(0);g(()=>{U===0&&j.current?.focus()},[U]);let[G,K]=y({password:``,confirmPassword:``}),[q,J]=y(!1),[Y,ce]=y(!1),[X,le]=y(!1),Z=_(()=>ee(G.password,G.confirmPassword),[G.password,G.confirmPassword]),Q=_(()=>o(Z),[Z]),$=_(()=>q||G.password.length===0||G.confirmPassword.length===0||Z.type!==`none`,[q,G.password.length,G.confirmPassword.length,Z.type]);async function ue(){if($)return;let e=S.loading(w(`resetPasswordDrawer.submitting`));try{J(!0);let n=await r({user_id:E?.user_id,password:t(G.password)});n.code===0?(S.success(w(`resetPasswordDrawer.passwordResetSuccess`),{id:e}),K({password:``,confirmPassword:``}),O([,,,,,,].fill(``)),A(0),T(!1)):S.error(n.message||w(`resetPasswordDrawer.resetFailed`),{id:e})}catch(t){console.error(t),S.error(w(`resetPasswordDrawer.resetFailed`),{id:e})}finally{J(!1)}}function de(e){let t=e.target.value.replace(/\D/g,``);if(t.length===0)return;let n=[...D],r=t.split(``),i=k;for(let e of r){if(i>=6)break;n[i]=e,i+=1}O(n),A(Math.min(i,5)),N&&P(``)}function fe(e){if(e.key===`Backspace`){e.preventDefault();let t=[...D];t[k]?t[k]=``:k>0&&(t[k-1]=``,A(k-1)),O(t),N&&P(``);return}e.key===`ArrowLeft`&&k>0&&A(k-1),e.key===`ArrowRight`&&k<5&&A(k+1)}function pe(e){A(e),j.current?.focus()}let me=x(s,{className:`p-6`,children:[x(s,{className:`space-y-[12px]`,children:[b(u,{className:`text-[24px] leading-[32px] font-bold text-text1`,children:`请输入验证码`}),x(s,{className:`flex items-center justify-between gap-[8px]`,children:[x(u,{className:`min-w-0 flex-1 truncate text-[12px] leading-[16px] text-text2`,children:[w(`resetPasswordDrawer.boundEmailNotice`),b(u,{className:`dark:text-white text-white`,children:z}),w(`resetPasswordDrawer.verifyHint`)]}),b(e,{variant:`link`,disabled:L,onClick:B,className:`h-auto shrink-0 rounded-[10px] bg-line1 px-[10px] py-[4px] text-[10px] leading-[12px] text-text1 no-underline hover:no-underline disabled:opacity-60`,children:L?`${w(`resetPasswordDrawer.sendCode`)} (${se}s)`:w(`resetPasswordDrawer.sendCode`)})]})]}),x(s,{className:`mt-[28px]`,children:[x(s,{className:`relative`,children:[b(`input`,{ref:j,type:`text`,inputMode:`numeric`,pattern:`[0-9]*`,value:``,onChange:de,onKeyDown:fe,className:`absolute inset-0 h-full w-full opacity-0 pointer-events-none`,autoComplete:`one-time-code`}),b(s,{className:`flex justify-between gap-[10px]`,children:D.map((e,t)=>b(s,{onClick:()=>pe(t),className:`
                   h-[48px] flex-1 rounded-[6px] border-2 flex items-center justify-center cursor-pointer transition-all duration-200
-                  ${P?`border-theme5 bg-line1`:t===j?`border-theme3 bg-theme3/10`:`border-transparent bg-line1`}
-                `,children:x(d,{className:`text-[24px] leading-none font-semibold text-text1 select-none`,children:e})},`${t}-${e||`empty`}`))})]}),x(s,{className:`min-h-[22px] pt-[8px]`,children:x(d,{className:`text-[12px] leading-[18px] text-theme5`,children:P})}),x(f,{onClick:H,disabled:ie,className:`mt-[180px] w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:`提交`})]})]}),pe=S(s,{className:`p-6`,children:[x(s,{children:x(d,{className:`text-text2`,children:E(`resetPasswordDrawer.setNewPasswordHint`)})}),S(s,{className:`mt-6 space-y-6`,children:[S(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Q?`border-theme5`:`border-line1`}`,children:[x(g,{value:G.password,onChange:e=>K(t=>({...t,password:e})),placeholder:E(`resetPasswordDrawer.passwordPlaceholder`),type:Y?`text`:`password`,autoComplete:`new-password`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`pr-10`}),x(`button`,{type:`button`,onClick:()=>oe(!Y),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:x(Y?m:p,{className:`w-5 h-5`})})]}),S(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Z.type===`not-match`?`border-theme5`:`border-line1`}`,children:[x(g,{value:G.confirmPassword,onChange:e=>K(t=>({...t,confirmPassword:e})),placeholder:E(`resetPasswordDrawer.confirmPasswordPlaceholder`),type:X?`text`:`password`,autoComplete:`new-password`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`pr-10`}),x(`button`,{type:`button`,onClick:()=>se(!X),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:x(X?m:p,{className:`w-5 h-5`})})]}),Q?x(s,{children:x(d,{className:`min-h-[22px] text-[14px] text-theme5 px-[12px]`,children:Q})}):null,x(f,{onClick:ce,disabled:$,className:`w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:E(q?`resetPasswordDrawer.submitting`:`resetPasswordDrawer.resetPassword`)})]})]});return S(c,{open:re,onOpenChange:D,direction:`right`,handleOnly:!0,children:[S(u,{className:`hidden`,children:[x(ne,{children:E(`resetPasswordDrawer.title`)}),x(l,{children:E(`resetPasswordDrawer.title`)})]}),S(te,{className:`!w-full`,children:[x(h,{onBack:()=>D(!1),title:E(`resetPasswordDrawer.title`)}),U===0&&fe,U===1&&pe]})]})}export{T as ResetPasswordDrawer};
+                  ${N?`border-theme5 bg-line1`:t===k?`border-theme3 bg-theme3/10`:`border-transparent bg-line1`}
+                `,children:b(u,{className:`text-[24px] leading-none font-semibold text-text1 select-none`,children:e})},`${t}-${e||`empty`}`))})]}),b(s,{className:`min-h-[22px] pt-[8px]`,children:b(u,{className:`text-[12px] leading-[18px] text-theme5`,children:N})}),b(d,{onClick:H,disabled:M,className:`mt-[180px] w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:`提交`})]})]}),he=x(s,{className:`p-6`,children:[b(s,{children:b(u,{className:`text-text2`,children:w(`resetPasswordDrawer.setNewPasswordHint`)})}),x(s,{className:`mt-6 space-y-6`,children:[x(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Q?`border-theme5`:`border-line1`}`,children:[b(h,{value:G.password,onChange:e=>K(t=>({...t,password:e})),placeholder:w(`resetPasswordDrawer.passwordPlaceholder`),type:Y?`text`:`password`,autoComplete:`new-password`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`pr-10`}),b(`button`,{type:`button`,onClick:()=>ce(!Y),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:b(Y?p:f,{className:`w-5 h-5`})})]}),x(s,{className:`flex relative items-center px-2 rounded-[50px] h-16.5 bg-line1 border ${Z.type===`not-match`?`border-theme5`:`border-line1`}`,children:[b(h,{value:G.confirmPassword,onChange:e=>K(t=>({...t,confirmPassword:e})),placeholder:w(`resetPasswordDrawer.confirmPasswordPlaceholder`),type:X?`text`:`password`,autoComplete:`new-password`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,"data-lpignore":`true`,"data-1p-ignore":`true`,"data-form-type":`other`,className:`pr-10`}),b(`button`,{type:`button`,onClick:()=>le(!X),className:`absolute right-4 top-1/2 -translate-y-1/2 text-text2 hover:text-text1 transition-colors`,children:b(X?p:f,{className:`w-5 h-5`})})]}),Q?b(s,{children:b(u,{className:`min-h-[22px] text-[14px] text-theme5 px-[12px]`,children:Q})}):null,b(d,{onClick:ue,disabled:$,className:`w-full h-15 !rounded-[30px] !text-[18px] font-bold leading-6.5 bg-theme6 disabled:bg-theme6/40 disabled:text-text3 active:opacity-90 !px-0 !py-0`,children:w(q?`resetPasswordDrawer.submitting`:`resetPasswordDrawer.resetPassword`)})]})]});return x(c,{open:oe,onOpenChange:T,direction:`right`,handleOnly:!0,children:[x(re,{className:`hidden`,children:[b(l,{children:w(`resetPasswordDrawer.title`)}),b(ne,{children:w(`resetPasswordDrawer.title`)})]}),x(te,{className:`!w-full`,children:[b(m,{onBack:()=>T(!1),title:w(`resetPasswordDrawer.title`)}),U===0&&me,U===1&&he]})]})}export{C as ResetPasswordDrawer};

package/dist/components/ui/badge.d.mts

@@ -6,7 +6,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region components/ui/badge.d.ts
 /** badgeVariants 工具定义。 */
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+  variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Badge 组件。 */
 declare function Badge({

package/dist/components/ui/button.d.mts

@@ -7,8 +7,8 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region components/ui/button.d.ts
 /** buttonVariants 工具定义。 */
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-  size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+  variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+  size?: "icon" | "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Button 组件属性。 */
 type ButtonProps = Button.Props & VariantProps<typeof buttonVariants> & {

package/dist/components/ui/empty.d.mts

@@ -34,7 +34,7 @@ type EmptyStateProps = React.ComponentProps<'div'> & {
 };
 /** emptyMediaVariants 工具定义。 */
 declare const emptyMediaVariants: (props?: ({
-  variant?: "default" | "icon" | null | undefined;
+  variant?: "icon" | "default" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** EmptyMedia 组件。 */
 declare function EmptyMedia({

package/dist/components/ui/image.d.mts

@@ -1,11 +1,11 @@
 
 import * as React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import Image from "next/image";
+import NextImage from "next/image";
 
 //#region components/ui/image.d.ts
 /** BaseImageProps 属性定义。 */
-type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof Image>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
+type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof NextImage>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
 type CommonImageProps = BaseImageProps & {
   /** 图片地址，支持普通 URL、默认资源路径和加密地址。 */src: string; /** 图片替代文本。 */
   alt?: string; /** 图片类名。 */
@@ -27,6 +27,6 @@ type ImagePropsWithSize = CommonImageProps & {
 /** ImageProps 属性定义。 */
 type ImageProps = ImagePropsWithFill | ImagePropsWithSize;
 /** 图片组件：支持 bnc 解密、默认资源域名拼接与错误占位。 */
-declare function Image$1(props: ImageProps): react_jsx_runtime0.JSX.Element;
+declare function Image(props: ImageProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { BaseImageProps, CommonImageProps, Image$1 as Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };
+export { BaseImageProps, CommonImageProps, Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };

package/dist/components/ui/item.d.mts

@@ -82,7 +82,7 @@ declare function Item({
 }: ItemProps): React.ReactElement;
 /** itemMediaVariants 工具定义。 */
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "image" | null | undefined;
+  variant?: "icon" | "default" | "image" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** ItemMedia 组件。 */
 declare function ItemMedia({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@funhub/platform",
   "type": "module",
-  "version": "0.1.133",
+  "version": "0.1.134",
   "private": false,
   "sideEffects": [
     "**/*.css"
@@ -110,7 +110,7 @@
     "xgplayer-hls": "^3.0.23",
     "zod": "^4.3.6",
     "zustand": "^5.0.9",
-    "create-funhub": "0.1.0"
+    "create-funhub": "npm:@funhub/create-app@0.1.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",