@zhang_libo/resource-hub 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zhang_libo/resource-hub",
-    "version": "1.0.11",
+    "version": "1.0.12",
     "description": "资源导航系统 - 集中整理与维护站点、工具、知识库与链接，支持用户登录、收藏、访问历史与后台管理",
     "keywords": [
         "resource",

package/public/admin/AdminCategories.jsx

@@ -256,7 +256,13 @@ function AdminCategories() {
       )}
 
       {/* Create/Edit Modal */}
-      <window.Modal isOpen={showModal} onClose={() => setShowModal(false)} title={editTarget ? '编辑类别' : '新增类别'} width="480px">
+      <window.Modal
+        isOpen={showModal}
+        onClose={() => setShowModal(false)}
+        title={editTarget ? '编辑类别' : '新增类别'}
+        width="480px"
+        closeOnBackdrop={false}
+      >
         <div>
           <div style={{ marginBottom: '16px' }}>
             <label style={modalLabelStyle}>类别名称</label>

package/public/admin/AdminUsers.jsx

@@ -331,7 +331,13 @@ function AdminUsers() {
       )}
 
       {/* Create/Edit Modal */}
-      <window.Modal isOpen={showModal} onClose={() => setShowModal(false)} title={editTarget ? '编辑用户' : '新增用户'} width="480px">
+      <window.Modal
+        isOpen={showModal}
+        onClose={() => setShowModal(false)}
+        title={editTarget ? '编辑用户' : '新增用户'}
+        width="480px"
+        closeOnBackdrop={false}
+      >
         <form onSubmit={(e) => { e.preventDefault(); handleSave(); }}>
           {formErrors.general && (
             <div style={{ background: 'color-mix(in srgb, var(--danger) 8%, var(--surface-elevated))', border: '1px solid color-mix(in srgb, var(--danger) 22%, var(--control-border))', borderRadius: '10px', padding: '10px 14px', marginBottom: '14px', fontSize: '13px', color: 'var(--danger)' }}>
@@ -419,8 +425,13 @@ function AdminUsers() {
       </window.Modal>
 
       {/* Reset Password Modal */}
-      <window.Modal isOpen={!!resetTarget} onClose={() => { setResetTarget(null); setResetError(''); }}
-        title={`重置密码 — ${resetTarget?.displayName || ''}`} width="400px">
+      <window.Modal
+        isOpen={!!resetTarget}
+        onClose={() => { setResetTarget(null); setResetError(''); }}
+        title={`重置密码 — ${resetTarget?.displayName || ''}`}
+        width="400px"
+        closeOnBackdrop={false}
+      >
         <div>
           <p style={{ fontSize: '14px', color: 'var(--text-secondary)', marginBottom: '14px' }}>
             系统将自动生成临时密码并发送至用户邮箱，用户可凭临时密码登录后自行修改。

package/public/features/ChangePasswordModal.jsx

@@ -1,3 +1,52 @@
+function PasswordField({ field, label, showKey, placeholder, autoComplete, value, showPassword, error, onChange, onToggleShow, onKeyDown, disabled }) {
+  return (
+    <div style={{ marginBottom: '14px' }}>
+      <label style={{
+        fontSize: '13px', fontWeight: 500, color: 'var(--text-primary)',
+        display: 'block', marginBottom: '6px',
+      }}>
+        {label}
+      </label>
+      <div style={{ position: 'relative' }}>
+        <input
+          type={showPassword ? 'text' : 'password'}
+          name={field}
+          autoComplete={autoComplete}
+          value={value}
+          placeholder={placeholder}
+          onChange={onChange}
+          onKeyDown={onKeyDown}
+          disabled={disabled}
+          style={{
+            width: '100%', padding: '8px 40px 8px 12px',
+            border: `1px solid ${error ? 'var(--danger)' : 'var(--border)'}`,
+            borderRadius: '8px', background: 'var(--bg-secondary)',
+            color: 'var(--text-primary)', fontSize: '14px',
+            outline: 'none', boxSizing: 'border-box',
+          }}
+        />
+        <button
+          type="button"
+          onClick={onToggleShow}
+          style={{
+            position: 'absolute', right: '10px', top: '50%', transform: 'translateY(-50%)',
+            background: 'none', border: 'none', cursor: 'pointer',
+            color: 'var(--text-secondary)', display: 'flex', alignItems: 'center',
+          }}
+        >
+          {showPassword ? <lucide.EyeOff size={16} /> : <lucide.Eye size={16} />}
+        </button>
+      </div>
+      {field === 'newPassword' && (
+        <window.PasswordStrength password={value} />
+      )}
+      {error && (
+        <div style={{ fontSize: '12px', color: 'var(--danger)', marginTop: '4px' }}>{error}</div>
+      )}
+    </div>
+  );
+}
+
 function ChangePasswordModal({ isOpen, onClose }) {
   const state = window.useAppState();
   const dispatch = window.useAppDispatch();
@@ -72,52 +121,9 @@ function ChangePasswordModal({ isOpen, onClose }) {
     }
   };
 
-  const PasswordField = ({ field, label, showKey, placeholder, autoComplete }) => (
-    <div style={{ marginBottom: '14px' }}>
-      <label style={{
-        fontSize: '13px', fontWeight: 500, color: 'var(--text-primary)',
-        display: 'block', marginBottom: '6px',
-      }}>
-        {label}
-      </label>
-      <div style={{ position: 'relative' }}>
-        <input
-          type={showFields[showKey] ? 'text' : 'password'}
-          name={field}
-          autoComplete={autoComplete}
-          value={form[field]}
-          placeholder={placeholder}
-          onChange={e => setForm(f => ({ ...f, [field]: e.target.value }))}
-          onKeyDown={e => { if (e.key === 'Enter') handleSubmit(); }}
-          disabled={loading}
-          style={{
-            width: '100%', padding: '8px 40px 8px 12px',
-            border: `1px solid ${errors[field] ? 'var(--danger)' : 'var(--border)'}`,
-            borderRadius: '8px', background: 'var(--bg-secondary)',
-            color: 'var(--text-primary)', fontSize: '14px',
-            outline: 'none', boxSizing: 'border-box',
-          }}
-        />
-        <button
-          type="button"
-          onClick={() => setShowFields(s => ({ ...s, [showKey]: !s[showKey] }))}
-          style={{
-            position: 'absolute', right: '10px', top: '50%', transform: 'translateY(-50%)',
-            background: 'none', border: 'none', cursor: 'pointer',
-            color: 'var(--text-secondary)', display: 'flex', alignItems: 'center',
-          }}
-        >
-          {showFields[showKey] ? <lucide.EyeOff size={16} /> : <lucide.Eye size={16} />}
-        </button>
-      </div>
-      {field === 'newPassword' && (
-        <window.PasswordStrength password={form.newPassword} />
-      )}
-      {errors[field] && (
-        <div style={{ fontSize: '12px', color: 'var(--danger)', marginTop: '4px' }}>{errors[field]}</div>
-      )}
-    </div>
-  );
+  const handleFieldChange = (field) => (e) => setForm(f => ({ ...f, [field]: e.target.value }));
+  const handleToggleShow = (showKey) => () => setShowFields(s => ({ ...s, [showKey]: !s[showKey] }));
+  const handleKeyDown = (e) => { if (e.key === 'Enter') handleSubmit(); };
 
   return (
     <window.Modal isOpen={isOpen} onClose={onClose} title="修改密码" width="440px" closeOnBackdrop={false} closeOnEscape>
@@ -143,6 +149,13 @@ function ChangePasswordModal({ isOpen, onClose }) {
           showKey="current"
           placeholder="请输入当前密码"
           autoComplete="current-password"
+          value={form.currentPassword}
+          showPassword={showFields.current}
+          error={errors.currentPassword}
+          onChange={handleFieldChange('currentPassword')}
+          onToggleShow={handleToggleShow('current')}
+          onKeyDown={handleKeyDown}
+          disabled={loading}
         />
         <PasswordField
           field="newPassword"
@@ -150,6 +163,13 @@ function ChangePasswordModal({ isOpen, onClose }) {
           showKey="new"
           placeholder="至少8位，含字母和数字"
           autoComplete="new-password"
+          value={form.newPassword}
+          showPassword={showFields.new}
+          error={errors.newPassword}
+          onChange={handleFieldChange('newPassword')}
+          onToggleShow={handleToggleShow('new')}
+          onKeyDown={handleKeyDown}
+          disabled={loading}
         />
         <PasswordField
           field="confirmPassword"
@@ -157,6 +177,13 @@ function ChangePasswordModal({ isOpen, onClose }) {
           showKey="confirm"
           placeholder="再次输入新密码"
           autoComplete="new-password"
+          value={form.confirmPassword}
+          showPassword={showFields.confirm}
+          error={errors.confirmPassword}
+          onChange={handleFieldChange('confirmPassword')}
+          onToggleShow={handleToggleShow('confirm')}
+          onKeyDown={handleKeyDown}
+          disabled={loading}
         />
 
         <div style={{