@robot-admin/naive-ui-components 0.6.10 → 0.6.12

package/dist/C_Login.css

@@ -0,0 +1,515 @@
+/* unplugin-vue-components disabled *//**
+ * C_Login 组件样式
+ * 通过 CSS 变量覆盖主题，示例：
+ *   .my-login-wrapper .c-login-panel {
+ *     --cl-panel-bg: rgba(255,255,255,0.95);
+ *     --cl-text-color: #1a1a1a;
+ *   }
+ */
+/* ===== CSS 变量默认值（暗色玻璃风格） ===== */
+.c-login-panel[data-v-ff3e5593] {
+  /* 面板 */
+  --cl-panel-bg: rgba(255, 255, 255, 0.1);
+  --cl-panel-border: rgba(255, 255, 255, 0.18);
+  --cl-panel-radius: 16px;
+  --cl-panel-padding: 20px 26px 16px;
+  --cl-panel-width: 400px;
+  --cl-panel-backdrop: blur(20px);
+  --cl-panel-shadow: 0 8px 32px rgba(0, 10, 60, 0.12), 0 2px 8px rgba(0, 10, 40, 0.06);
+  /* 文字 */
+  --cl-text-primary: rgba(255, 255, 255, 0.95);
+  --cl-text-secondary: rgba(255, 255, 255, 0.55);
+  --cl-text-hint: rgba(255, 255, 255, 0.4);
+  /* 输入框 */
+  --cl-input-bg: transparent;
+  --cl-input-border: none;
+  --cl-input-underline: rgba(255, 255, 255, 0.25);
+  --cl-input-underline-hover: rgba(255, 255, 255, 0.5);
+  --cl-input-underline-focus: rgba(24, 89, 233, 0.85);
+  --cl-input-text: rgba(255, 255, 255, 0.95);
+  --cl-input-placeholder: rgba(255, 255, 255, 0.45);
+  --cl-input-icon: rgba(255, 255, 255, 0.6);
+  /* Tab */
+  --cl-tab-text: rgba(255, 255, 255, 0.55);
+  --cl-tab-active: rgba(255, 255, 255, 0.95);
+  --cl-tab-bar: #1859e9;
+  /* 按钮 */
+  --cl-btn-bg: linear-gradient(135deg, #1859e9, #1040a0);
+  --cl-btn-bg-hover: linear-gradient(135deg, #2464f0, #1545ad);
+  --cl-btn-shadow: 0 4px 15px rgba(24, 89, 233, 0.3);
+  --cl-btn-shadow-hover: 0 6px 20px rgba(24, 89, 233, 0.4);
+  --cl-btn-height: 40px;
+  --cl-btn-radius: 8px;
+  /* 社交按钮 */
+  --cl-social-btn-bg: rgba(255, 255, 255, 0.08);
+  --cl-social-btn-border: rgba(255, 255, 255, 0.18);
+  --cl-social-btn-hover-bg: rgba(255, 255, 255, 0.16);
+  --cl-social-size: 36px;
+  /* 分割线 */
+  --cl-divider-color: rgba(255, 255, 255, 0.15);
+  /* 链接 */
+  --cl-link-color: rgba(255, 255, 255, 0.6);
+  --cl-link-hover: rgba(255, 255, 255, 0.95);
+  /* 间距 */
+  --cl-gap: 10px;
+  --cl-gap-sm: 6px;
+}
+
+/* ===== 面板容器 ===== */
+.c-login-panel[data-v-ff3e5593] {
+  width: var(--cl-panel-width);
+  background: var(--cl-panel-bg);
+  border: 1px solid var(--cl-panel-border);
+  border-radius: var(--cl-panel-radius);
+  padding: var(--cl-panel-padding);
+  backdrop-filter: var(--cl-panel-backdrop);
+  box-shadow: var(--cl-panel-shadow);
+  overflow: hidden;
+  position: relative;
+  transition: box-shadow 0.3s ease;
+  /* 顶部光泽线 */
+  /* 玻璃内衬 */
+}
+.c-login-panel[data-v-ff3e5593]::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -50%;
+  width: 200%;
+  height: 1px;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 100%);
+  pointer-events: none;
+}
+.c-login-panel[data-v-ff3e5593]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(24, 89, 233, 0.04) 100%);
+  pointer-events: none;
+  border-radius: inherit;
+  z-index: 0;
+}
+.c-login-panel[data-v-ff3e5593] > * {
+  position: relative;
+  z-index: 1;
+}
+
+/* ===== Header ===== */
+.c-login__header[data-v-ff3e5593] {
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+/* ===== 返回按钮（登录/注册下方块级按钮） ===== */
+.c-login__back-btn[data-v-ff3e5593] {
+  margin-top: 10px;
+  height: var(--cl-btn-height) !important;
+  border-radius: var(--cl-btn-radius) !important;
+  background: transparent !important;
+  border: 1px solid var(--cl-input-underline) !important;
+  color: var(--cl-text-secondary) !important;
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: 2px;
+  transition: all 0.25s ease !important;
+}
+.c-login__back-btn[data-v-ff3e5593]:hover {
+  background: rgba(255, 255, 255, 0.06) !important;
+  border-color: var(--cl-input-underline-hover) !important;
+  color: var(--cl-text-primary) !important;
+}
+.c-login__logo[data-v-ff3e5593] {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 4px;
+}
+.c-login__logo .c-login__logo-icon[data-v-ff3e5593] {
+  color: var(--cl-text-primary);
+  filter: drop-shadow(0 2px 8px rgba(24, 89, 233, 0.4));
+}
+.c-login__title[data-v-ff3e5593] {
+  margin: 0 0 2px;
+  font-size: 20px;
+  font-weight: 600;
+  color: var(--cl-text-primary);
+  letter-spacing: 0.5px;
+}
+.c-login__subtitle[data-v-ff3e5593] {
+  margin: 0;
+  font-size: 13px;
+  color: var(--cl-text-secondary);
+}
+
+/* ===== 登录方式切换（底部） ===== */
+.c-login__mode-switch[data-v-ff3e5593] {
+  margin-top: 14px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+.c-login__mode-btn[data-v-ff3e5593] {
+  --n-border: none !important;
+  --n-border-hover: none !important;
+  --n-border-pressed: none !important;
+  --n-border-focus: none !important;
+  --n-box-shadow-focus: none !important;
+  border-radius: 9px !important;
+  border: none !important;
+  box-shadow: none !important;
+  background: rgba(255, 255, 255, 0.04) !important;
+  color: var(--cl-text-secondary) !important;
+  transition: all 0.2s ease !important;
+}
+.c-login__mode-btn[data-v-ff3e5593]:hover {
+  background: rgba(255, 255, 255, 0.1) !important;
+  color: var(--cl-text-primary) !important;
+}
+.c-login__mode-btn.is-active[data-v-ff3e5593] {
+  background: color-mix(in srgb, var(--cl-tab-bar) 22%, transparent) !important;
+  color: var(--cl-tab-active) !important;
+}
+
+/* ===== 表单 ===== */
+.c-login__form[data-v-ff3e5593] {
+  margin-top: 6px;
+}
+.c-login__form-item[data-v-ff3e5593] {
+  margin-bottom: 6px !important;
+  /* 彻底干掉 NaiveUI FormItem 内置间距 CSS 变量 */
+  /* 校验信息减少占用 */
+  /* 底线风格输入框 */
+}
+.c-login__form-item[data-v-ff3e5593] .n-form-item {
+  --n-feedback-padding: 2px 0 0 0 !important;
+  --n-feedback-height: 0 !important;
+  --n-blank-height: 0 !important;
+  --n-label-height: 0 !important;
+}
+.c-login__form-item[data-v-ff3e5593] .n-form-item-label {
+  display: none;
+}
+.c-login__form-item[data-v-ff3e5593] .n-form-item-feedback-wrapper {
+  min-height: 0 !important;
+  padding-top: 0 !important;
+  line-height: 1.4;
+}
+.c-login__form-item[data-v-ff3e5593] .n-form-item-feedback {
+  font-size: 11px !important;
+  line-height: 1.4;
+}
+.c-login__form-item[data-v-ff3e5593] .n-form-item-blank {
+  min-height: 0 !important;
+}
+.c-login__form-item[data-v-ff3e5593] .n-input {
+  --n-border: none !important;
+  --n-border-hover: none !important;
+  --n-border-focus: none !important;
+  --n-border-disabled: none !important;
+  --n-box-shadow: none !important;
+  --n-color: var(--cl-input-bg) !important;
+  --n-text-color: var(--cl-input-text) !important;
+  --n-placeholder-color: var(--cl-input-placeholder) !important;
+  --n-caret-color: var(--cl-tab-bar) !important;
+  background: var(--cl-input-bg) !important;
+  border-bottom: 1px solid var(--cl-input-underline) !important;
+  border-radius: 0 !important;
+  padding: 5px 2px !important;
+  transition: border-color 0.25s ease;
+}
+.c-login__form-item[data-v-ff3e5593] .n-input:hover {
+  border-bottom-color: var(--cl-input-underline-hover) !important;
+}
+.c-login__form-item[data-v-ff3e5593] .n-input:focus-within {
+  border-bottom-color: var(--cl-input-underline-focus) !important;
+}
+.c-login__form-item[data-v-ff3e5593] .n-input .n-input__input-el {
+  color: var(--cl-input-text) !important;
+}
+.c-login__form-item[data-v-ff3e5593] .n-input .n-input__input-el::placeholder {
+  color: var(--cl-input-placeholder) !important;
+}
+.c-login__form-item[data-v-ff3e5593] .n-input .n-input__prefix,
+.c-login__form-item[data-v-ff3e5593] .n-input .n-input__suffix {
+  color: var(--cl-input-icon) !important;
+}
+
+/* ===== 辅助行：记住我 + 忘记密码 ===== */
+.c-login__aux-row[data-v-ff3e5593] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 8px;
+  margin-bottom: 14px;
+}
+.c-login__remember[data-v-ff3e5593] .n-checkbox__label {
+  color: var(--cl-text-secondary) !important;
+  font-size: 13px;
+}
+.c-login__remember[data-v-ff3e5593] .n-checkbox-box {
+  --n-border: 1px solid var(--cl-input-underline) !important;
+}
+.c-login__forgot[data-v-ff3e5593] {
+  font-size: 13px;
+  color: var(--cl-link-color);
+  cursor: pointer;
+  transition: color 0.2s ease;
+}
+.c-login__forgot[data-v-ff3e5593]:hover {
+  color: var(--cl-link-hover);
+}
+
+/* ===== 验证码行 ===== */
+.c-login__code-row[data-v-ff3e5593] {
+  display: flex;
+  gap: 10px;
+  width: 100%;
+}
+.c-login__code-input[data-v-ff3e5593] {
+  flex: 1;
+}
+.c-login__send-code-btn[data-v-ff3e5593] {
+  flex-shrink: 0;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, 0.08) !important;
+  border: 1px solid var(--cl-input-underline) !important;
+  color: var(--cl-text-secondary) !important;
+  border-radius: 6px !important;
+  font-size: 13px;
+  transition: all 0.25s ease;
+}
+.c-login__send-code-btn[data-v-ff3e5593]:not(:disabled):hover {
+  background: rgba(255, 255, 255, 0.16) !important;
+  color: var(--cl-text-primary) !important;
+}
+
+/* ===== 登录按钮 ===== */
+.c-login__submit-btn[data-v-ff3e5593] {
+  height: var(--cl-btn-height) !important;
+  background: var(--cl-btn-bg) !important;
+  border: none !important;
+  border-radius: var(--cl-btn-radius) !important;
+  font-weight: 500;
+  letter-spacing: 2px;
+  font-size: 15px;
+  box-shadow: var(--cl-btn-shadow) !important;
+  transition: all 0.3s ease !important;
+  overflow: hidden;
+  position: relative;
+  margin-top: 14px;
+  /* 光泽扫过动画 */
+}
+.c-login__submit-btn[data-v-ff3e5593]::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 50%;
+  height: 100%;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
+  transform: skewX(-25deg);
+  transition: left 0.6s ease;
+}
+.c-login__submit-btn[data-v-ff3e5593]:not(:disabled):hover {
+  background: var(--cl-btn-bg-hover) !important;
+  transform: translateY(-1px);
+  box-shadow: var(--cl-btn-shadow-hover) !important;
+}
+.c-login__submit-btn[data-v-ff3e5593]:not(:disabled):hover::before {
+  left: 150%;
+}
+.c-login__submit-btn[data-v-ff3e5593]:active {
+  transform: translateY(0) !important;
+}
+
+/* ===== 人机验证 ===== */
+.c-login__captcha-wrap[data-v-ff3e5593] {
+  margin-top: 10px;
+  display: flex;
+  justify-content: center;
+}
+
+/* ===== 扫码登录面板 ===== */
+.c-login__qr-panel[data-v-ff3e5593] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 8px 0 4px;
+  gap: 14px;
+}
+.c-login__qr-frame[data-v-ff3e5593] {
+  position: relative;
+  width: 164px;
+  height: 164px;
+  border-radius: 12px;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.35);
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 28px rgba(0, 0, 0, 0.4);
+  /* 扫描动画线 */
+}
+@keyframes qr-scan-ff3e5593 {
+0% {
+    transform: translateY(0);
+    opacity: 1;
+}
+90% {
+    transform: translateY(144px);
+    opacity: 1;
+}
+100% {
+    transform: translateY(144px);
+    opacity: 0;
+}
+}
+
+/* C_QRCode 居中在 frame 内 */
+.c-login__qr-frame[data-v-ff3e5593] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.c-login__qr-scan-line[data-v-ff3e5593] {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  right: 10px;
+  height: 2px;
+  background: linear-gradient(90deg, transparent 0%, rgba(24, 89, 233, 0.7) 30%, rgb(100, 160, 255) 50%, rgba(24, 89, 233, 0.7) 70%, transparent 100%);
+  border-radius: 1px;
+  box-shadow: 0 0 6px rgba(24, 89, 233, 0.8);
+  animation: qr-scan-ff3e5593 2.4s ease-in-out infinite;
+  pointer-events: none;
+}
+
+/* 四角刻度装饰 */
+.c-login__qr-corner[data-v-ff3e5593] {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border-color: rgba(24, 89, 233, 0.9);
+  border-style: solid;
+  pointer-events: none;
+}
+.c-login__qr-corner--tl[data-v-ff3e5593] {
+  top: 6px;
+  left: 6px;
+  border-width: 2px 0 0 2px;
+  border-radius: 3px 0 0 0;
+}
+.c-login__qr-corner--tr[data-v-ff3e5593] {
+  top: 6px;
+  right: 6px;
+  border-width: 2px 2px 0 0;
+  border-radius: 0 3px 0 0;
+}
+.c-login__qr-corner--bl[data-v-ff3e5593] {
+  bottom: 6px;
+  left: 6px;
+  border-width: 0 0 2px 2px;
+  border-radius: 0 0 0 3px;
+}
+.c-login__qr-corner--br[data-v-ff3e5593] {
+  bottom: 6px;
+  right: 6px;
+  border-width: 0 2px 2px 0;
+  border-radius: 0 0 3px 0;
+}
+.c-login__qr-hint[data-v-ff3e5593] {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12px;
+  color: var(--cl-text-hint);
+  letter-spacing: 0.3px;
+}
+.c-login__qr-refresh[data-v-ff3e5593] {
+  color: var(--cl-text-secondary) !important;
+  font-size: 11px !important;
+}
+.c-login__qr-refresh[data-v-ff3e5593]:hover {
+  color: var(--cl-tab-bar) !important;
+}
+
+/* ===== 分割线 ===== */
+.c-login__divider[data-v-ff3e5593] {
+  margin: 12px 10px 10px !important;
+}
+.c-login__divider[data-v-ff3e5593] .n-divider__line {
+  background: var(--cl-divider-color) !important;
+}
+.c-login__divider[data-v-ff3e5593] .n-divider__title {
+  color: var(--cl-text-hint) !important;
+  font-size: 12px;
+  white-space: nowrap;
+  padding: 0 14px;
+}
+
+/* ===== 社交登录 ===== */
+.c-login__social-row[data-v-ff3e5593] {
+  display: flex;
+  justify-content: center;
+  gap: 14px;
+  margin-bottom: 6px;
+}
+.c-login__social-btn[data-v-ff3e5593] {
+  width: var(--cl-social-size) !important;
+  height: var(--cl-social-size) !important;
+  background: var(--cl-social-btn-bg) !important;
+  border: 1px solid var(--cl-social-btn-border) !important;
+  color: var(--cl-text-secondary) !important;
+  transition: all 0.25s ease !important;
+}
+.c-login__social-btn[data-v-ff3e5593]:hover {
+  background: var(--cl-social-btn-hover-bg) !important;
+  color: var(--cl-text-primary) !important;
+  transform: translateY(-2px);
+}
+
+/* ===== 注册 ===== */
+.c-login__register-row[data-v-ff3e5593] {
+  text-align: center;
+  margin-top: 14px;
+  font-size: 13px;
+}
+.c-login__register-hint[data-v-ff3e5593] {
+  color: var(--cl-text-hint);
+}
+.c-login__register-link[data-v-ff3e5593] {
+  color: var(--cl-tab-bar);
+  cursor: pointer;
+  margin-left: 4px;
+  transition: opacity 0.2s ease;
+}
+.c-login__register-link[data-v-ff3e5593]:hover {
+  opacity: 0.8;
+}
+
+/* ===== 输入图标 ===== */
+.c-login__input-icon[data-v-ff3e5593] {
+  color: var(--cl-input-icon);
+}
+
+/* ===== 亮色主题预设（父级加 .c-login--light 类可切换） ===== */
+.c-login--light .c-login-panel[data-v-ff3e5593] {
+  --cl-panel-bg: rgba(255, 255, 255, 0.96);
+  --cl-panel-border: rgba(0, 0, 0, 0.08);
+  --cl-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  --cl-text-primary: #1a1a1a;
+  --cl-text-secondary: #666;
+  --cl-text-hint: #999;
+  --cl-input-underline: rgba(0, 0, 0, 0.2);
+  --cl-input-underline-hover: rgba(0, 0, 0, 0.4);
+  --cl-input-text: #1a1a1a;
+  --cl-input-placeholder: #aaa;
+  --cl-input-icon: #aaa;
+  --cl-tab-text: #888;
+  --cl-tab-active: #1a1a1a;
+  --cl-social-btn-bg: rgba(0, 0, 0, 0.04);
+  --cl-social-btn-border: rgba(0, 0, 0, 0.12);
+  --cl-social-btn-hover-bg: rgba(0, 0, 0, 0.08);
+  --cl-divider-color: rgba(0, 0, 0, 0.1);
+  --cl-link-color: #888;
+  --cl-link-hover: #1a1a1a;
+}
+
+/*# sourceMappingURL=C_Login-Cst_W1XC.css.map*/

package/dist/C_Login.d.cts

@@ -0,0 +1,2 @@
+import { a as LoginFeatures, c as RegisterFormData, i as DEFAULT_SOCIAL_PROVIDERS, l as SocialProvider, n as CaptchaFormData, o as LoginProps, r as DEFAULT_FEATURES, s as PasswordFormData, t as _default } from "./index17.vue.js";
+export { _default as C_Login, type CaptchaFormData, DEFAULT_FEATURES, DEFAULT_SOCIAL_PROVIDERS, type LoginFeatures, type LoginProps, type PasswordFormData, type RegisterFormData, type SocialProvider };

package/dist/C_Login.d.ts

@@ -0,0 +1,2 @@
+import { a as LoginFeatures, c as RegisterFormData, i as DEFAULT_SOCIAL_PROVIDERS, l as SocialProvider, n as CaptchaFormData, o as LoginProps, r as DEFAULT_FEATURES, s as PasswordFormData, t as _default } from "./index17.vue.js";
+export { _default as C_Login, type CaptchaFormData, DEFAULT_FEATURES, DEFAULT_SOCIAL_PROVIDERS, type LoginFeatures, type LoginProps, type PasswordFormData, type RegisterFormData, type SocialProvider };

package/dist/C_Login.js

@@ -0,0 +1 @@
+import"./C_Icon2.js";import"./C_Captcha2.js";import"./C_QRCode2.js";import{n as e,r as t,t as n}from"./C_Login2.js";export{n as C_Login,e as DEFAULT_FEATURES,t as DEFAULT_SOCIAL_PROVIDERS};