jcjy-components 0.0.68 → 0.0.691

package/README.md

@@ -98,18 +98,18 @@ const handleRegisterSuccess = (userInfo) => {
 
 #### Props
 
-| 属性 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| mode | string | 'default' | 显示模式：'default', 'center', 'left' |
-| showRegister | boolean | true | 是否显示注册入口 |
-| showWechatLogin | boolean | true | 是否显示微信登录 |
+| 属性            | 类型    | 默认值    | 说明                                  |
+| --------------- | ------- | --------- | ------------------------------------- |
+| mode            | string  | 'default' | 显示模式：'default', 'center', 'left' |
+| showRegister    | boolean | true      | 是否显示注册入口                      |
+| showWechatLogin | boolean | true      | 是否显示微信登录                      |
 
 #### Events
 
-| 事件名 | 参数 | 说明 |
-|--------|------|------|
-| login-success | userInfo | 登录成功时触发 |
-| register-success | userInfo | 注册成功时触发 |
+| 事件名               | 参数     | 说明               |
+| -------------------- | -------- | ------------------ |
+| login-success        | userInfo | 登录成功时触发     |
+| register-success     | userInfo | 注册成功时触发     |
 | wechat-login-success | userInfo | 微信登录成功时触发 |
 
 ### 主题工具
@@ -171,4 +171,4 @@ jcjy-components/
 
 ## 许可证
 
-MIT License
+MIT License

package/dist/components/auth-gateway/bind-org-dialog.vue

@@ -4,20 +4,14 @@
     fullscreen
     :show-close="false"
     body-class="!p-0"
-    header-class="hidden"
+    header-class="!hidden"
     class="!p-0"
   >
-    <header class="h-100 relative">
-      <img
-        src="./img/bind-bg.jpg"
-        class="w-full h-full"
-        style="object-fit: cover"
-      />
-      <div
-        class="absolute top-0 left-0 right-0 bottom-0 bg-black/40 w-full h-full"
-      ></div>
+    <header class="h-[400px] relative">
+      <img src="./img/bind-bg.jpg" class="w-full h-full" style="object-fit: cover" />
+      <div class="absolute top-0 left-0 right-0 bottom-0 bg-black/40 w-full h-full"></div>
     </header>
-    <div class="text-center -mt-100 relative z-1 pt-20">
+    <div class="text-center -mt-[400px] relative z-1 pt-20">
       <div class="text-white font-bold text-2xl">验证身份信息</div>
       <div class="font-400 text-lg text-white my-2">
         我们需要验证你的身份信息，以便为你提供更好的服务
@@ -54,13 +48,9 @@
             />
           </el-form-item>
 
-          <el-button class="w-full my-4" type="primary" @click="handleConfirm"
-            >验证</el-button
-          >
+          <el-button class="w-full my-4" type="primary" @click="handleConfirm">验证</el-button>
           <div></div>
-          <el-button type="primary" class="w-full" plain @click="handleClose"
-            >返回</el-button
-          >
+          <el-button type="primary" class="w-full" plain @click="handleClose">返回</el-button>
         </el-form>
       </el-card>
     </div>

package/dist/components/auth-gateway/index.vue

@@ -1,9 +1,5 @@
 <template>
-  <div
-    class="auth-gateway w-screen h-screen overflow-hidden"
-    :class="rootClass"
-    :style="rootStyle"
-  >
+  <div class="auth-gateway w-screen h-screen overflow-hidden" :class="rootClass" :style="rootStyle">
     <div v-if="isInited" class="auth-gateway-card" v-loading="confirmLoading">
       <transition name="zoom-in-center" mode="out-in">
         <el-card

package/dist/components/auth-gateway/interface.ts

@@ -1,5 +1,5 @@
-import IMG_LOGO from "./img/logo.png";
-import IMG_BG from "./img/bg.jpg";
+import IMG_LOGO from './img/logo.png';
+import IMG_BG from './img/bg.jpg';
 
 export const TabKey = {
   LOGIN: 0,
@@ -15,13 +15,9 @@ export interface AuthGatewayProps {
   strictRegister?: boolean;
   binding: (
     v: { orgName: string; name: string; code: string },
-    headers: { token: string }
+    headers: { token: string },
   ) => Promise<any>;
-  register: (params: {
-    userName: string;
-    passwd: string;
-    weChatOpenId?: string;
-  }) => Promise<any>;
+  register: (params: { userName: string; passwd: string; weChatOpenId?: string }) => Promise<any>;
   login: (params: {
     weChatCode?: string;
     userName?: string;
@@ -47,23 +43,23 @@ export interface AuthGatewayConfig {
   // loginUrl: string; // 登录页url
   favicon?: string; // icon url
   loginBackground?: string; // 登录页背景 url
-  skipBind?: "0" | "1"; //  是否绑定 0 :默认绑定  1: 不需要绑定
-  hf?: "0" | "1"; // 是否隐藏登录页页脚 (0:显示 1:隐藏)
-  nb?: "0" | "1"; // 使用无logo的背景(0:显示,1:隐藏)
+  skipBind?: '0' | '1'; //  是否绑定 0 :默认绑定  1: 不需要绑定
+  hf?: '0' | '1'; // 是否隐藏登录页页脚 (0:显示 1:隐藏)
+  nb?: '0' | '1'; // 使用无logo的背景(0:显示,1:隐藏)
   cf?: string; // 自定义页脚内容
-  from?: "inline"; // 来源 inline 则不自动跳转
+  from?: 'inline'; // 来源 inline 则不自动跳转
   hideWx?: string; // 隐藏微信登录  有数据就隐藏
-  layout?: "default" | "center" | "left";
+  layout?: 'default' | 'center' | 'left';
 }
 
 export const DEFAULT_CONFIG: AuthGatewayConfig = {
-  title: "AIGC实训平台",
+  title: 'AIGC实训平台',
   favicon: IMG_LOGO,
   loginBackground: IMG_BG,
-  layout: "default",
-  skipBind: "0",
-  nb: "0",
-  hf: "0",
+  layout: 'default',
+  skipBind: '0',
+  nb: '0',
+  hf: '0',
   cf: `
           <div style="font-size:14px;color:white;">
               <a

package/dist/components/auth-gateway/login-form.vue

@@ -10,11 +10,7 @@
       v-if="contextProps.config?.favicon || contextProps.config?.title"
       class="flex items-center justify-center gap-3 mb-4"
     >
-      <img
-        v-if="contextProps.config.favicon"
-        :src="contextProps.config.favicon"
-        class="w-7"
-      />
+      <img v-if="contextProps.config.favicon" :src="contextProps.config.favicon" class="w-7" />
       <b class="text-xl">
         {{ contextProps.config.title }}
       </b>
@@ -44,14 +40,10 @@
     </el-button>
 
     <div class="text-center mt-4">
-      <el-link class="!font-400" @click="handleToggle(TabKey.REGISTER)"
-        >注册账号</el-link
-      >
+      <el-link class="!font-400" @click="handleToggle(TabKey.REGISTER)">注册账号</el-link>
 
       <template v-if="!hideLoginMethods">
-        <el-divider
-          ><span class="text-xs text-black/40"> 其他登录方式 </span></el-divider
-        >
+        <el-divider><span class="text-xs text-black/40"> 其他登录方式 </span></el-divider>
 
         <el-button link @click="handleToggle(TabKey.WECHAT_SCAN)">
           <img src="./img/wechat.png" alt="" class="size-6" />

package/dist/components/auth-gateway/util.ts

@@ -1,5 +1,5 @@
-import { Vibrant } from "node-vibrant/browser";
-import { Md5 } from "ts-md5";
+import { Vibrant } from 'node-vibrant/browser';
+import { Md5 } from 'ts-md5';
 
 export function transformModel(v: { email: string; password: string }) {
   const { email, password } = v;
@@ -23,17 +23,14 @@ export function setTheme(colors: any[]) {
   const root = document.documentElement;
   const color = `${r} ${g} ${b}`;
   const elColor = `rgb(${r},${g},${b})`;
-  root.style.setProperty("--color-primary", color);
-  root.style.setProperty("--el-color-primary", elColor);
+  root.style.setProperty('--color-primary', color);
+  root.style.setProperty('--el-color-primary', elColor);
 
   for (let i = 1; i <= 10; i++) {
-    root.style.setProperty(
-      `--el-color-primary-light-${i}`,
-      generateLightColors(i, { r, g, b })
-    );
+    root.style.setProperty(`--el-color-primary-light-${i}`, generateLightColors(i, { r, g, b }));
     root.style.setProperty(
       `--el-color-primary-dark-${i}`,
-      generateLightColors(i, { r, g, b }, { r: 0, g: 0, b: 0 })
+      generateLightColors(i, { r, g, b }, { r: 0, g: 0, b: 0 }),
     );
   }
 }
@@ -45,16 +42,14 @@ export function setTitle(title?: string, favicon?: string) {
     let iconEl = document.querySelector("link[rel='icon']");
 
     if (!iconEl) {
-      iconEl = document.createElement("link");
-      iconEl.setAttribute("rel", "icon");
+      iconEl = document.createElement('link');
+      iconEl.setAttribute('rel', 'icon');
       document.head.appendChild(iconEl);
     }
 
     // 防止缓存 & 兼容 https
-    const href = favicon.startsWith("http")
-      ? favicon
-      : `${window.location.origin}${favicon}`;
-    iconEl.setAttribute("href", `${href}?v=${Date.now()}`);
+    const href = favicon.startsWith('http') ? favicon : `${window.location.origin}${favicon}`;
+    iconEl.setAttribute('href', `${href}?v=${Date.now()}`);
   }
 }
 /**
@@ -67,7 +62,7 @@ export function setTitle(title?: string, favicon?: string) {
 function mixColors(
   mixColor: { r: number; g: number; b: number },
   baseColor: { r: number; g: number; b: number },
-  ratio: number
+  ratio: number,
 ) {
   const r = Math.round(baseColor.r + (mixColor.r - baseColor.r) * ratio);
   const g = Math.round(baseColor.g + (mixColor.g - baseColor.g) * ratio);
@@ -90,7 +85,7 @@ function rgbToCss({ r, g, b }: { r: number; g: number; b: number }, alpha = 1) {
 function generateLightColors(
   level: number,
   baseColor: { r: number; g: number; b: number },
-  mixColor = { r: 255, g: 255, b: 255 }
+  mixColor = { r: 255, g: 255, b: 255 },
 ) {
   const ratio = level / 10; // 1~9 -> 0.1~0.9
   const mixed = mixColors(mixColor, baseColor, ratio);
@@ -105,7 +100,7 @@ export const passwordValidator = (
     uppercase: number;
     numbers: number;
     symbols: number;
-  }>
+  }>,
 ) => {
   const defaultConfig: any = {
     minLength: 8,
@@ -117,15 +112,15 @@ export const passwordValidator = (
   };
 
   const rulesMap: any = {
-    lowercase: { reg: /[a-z]/g, msg: "小写字母" },
-    uppercase: { reg: /[A-Z]/g, msg: "大写字母" },
-    numbers: { reg: /[0-9]/g, msg: "数字" },
-    symbols: { reg: /[^a-zA-Z0-9]/g, msg: "特殊符号" },
+    lowercase: { reg: /[a-z]/g, msg: '小写字母' },
+    uppercase: { reg: /[A-Z]/g, msg: '大写字母' },
+    numbers: { reg: /[0-9]/g, msg: '数字' },
+    symbols: { reg: /[^a-zA-Z0-9]/g, msg: '特殊符号' },
   };
 
   return (_rule: any, value: string, callback: any) => {
     if (!value) {
-      return callback(new Error("请输入密码"));
+      return callback(new Error('请输入密码'));
     }
 
     if (value.length < defaultConfig.minLength) {
@@ -135,9 +130,7 @@ export const passwordValidator = (
     for (const key in rulesMap) {
       const count = (value.match(rulesMap[key].reg) || []).length;
       if (count < defaultConfig[key]) {
-        return callback(
-          new Error(`密码至少包含 ${defaultConfig[key]} 个${rulesMap[key].msg}`)
-        );
+        return callback(new Error(`密码至少包含 ${defaultConfig[key]} 个${rulesMap[key].msg}`));
       }
     }
 

package/dist/components/auth-gateway/wechat-form.vue

@@ -1,13 +1,6 @@
 <template>
-  <el-card
-    shadow="hover"
-    class="h-[420px]"
-    body-class="relative flex h-full items-center"
-  >
-    <el-link
-      type="primary"
-      class="!font-400 !absolute top-4 left-4"
-      @click="emits('back')"
+  <el-card shadow="hover" class="h-[420px]" body-class="relative flex h-full items-center">
+    <el-link type="primary" class="!font-400 !absolute top-4 left-4" @click="emits('back')"
       >返&nbsp;&nbsp;回</el-link
     >
     <div class="flex flex-col flex-1 items-center justify-center gap-5 px-4">

package/dist/components/auth-gateway/wechat-scan-view.vue

@@ -6,9 +6,7 @@
   >
     <div :id="DOM_ID" class="size-40"></div>
     <b class="my-4">请使用微信扫码登录</b>
-    <el-link class="!font-400" @click="emits('back')">
-      返&nbsp;&nbsp;回
-    </el-link>
+    <el-link class="!font-400" @click="emits('back')"> 返&nbsp;&nbsp;回 </el-link>
   </el-card>
 </template>
 

package/dist/index.ts

@@ -1,20 +1,17 @@
-import type { App } from "vue";
-import AuthGateway from "./components/auth-gateway/index.vue";
-import { setTheme, setThemeByUrl } from "./components/auth-gateway/util";
-import { ElLoadingDirective } from "element-plus";
+import type { App } from 'vue';
+import AuthGateway from './components/auth-gateway/index.vue';
+import { setTheme, setThemeByUrl } from './components/auth-gateway/util';
+import { ElLoadingDirective } from 'element-plus';
 export const theme = {
   setTheme,
   setThemeByUrl,
 };
 export { AuthGateway };
 // 用于在父项目中注册 Element Plus 组件的类型声明
-export interface AuthGatewayOptions {
-  // Element Plus 组件通过父项目按需加载，这里不需要导入
-}
 
 export default {
   install(app: App) {
-    app.directive("loading", ElLoadingDirective);
-    app.component("AuthGateway", AuthGateway);
+    app.directive('loading', ElLoadingDirective);
+    app.component('AuthGateway', AuthGateway);
   },
 };

package/package.json

@@ -1,50 +1,52 @@
 {
   "name": "jcjy-components",
-  "version": "0.0.68",
+  "version": "0.0.691",
   "description": "Vue 3 组件库",
-  "type": "module",
-  "main": "./dist/index.ts",
-  "files": [
-    "dist",
-    "package.json"
-  ],
   "keywords": [
-    "vue",
-    "vue3",
     "components",
+    "element-plus",
     "ui",
-    "element-plus"
+    "vue",
+    "vue3"
   ],
-  "peerDependencies": {
-    "element-plus": "^2.0.0",
-    "vue": "^3.0.0"
-  },
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "type": "module",
+  "main": "./dist/index.ts",
   "dependencies": {
     "node-vibrant": "^4.0.3",
     "ts-md5": "^2.0.1"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",
-    "tailwindcss": "^4.1.18",
     "@types/node": "^25.0.3",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/tsconfig": "^0.8.1",
     "element-plus": "^2.13.0",
-    "oxfmt": "^0.19.0",
-    "oxlint": "^1.34.0",
-    "rollup-plugin-visualizer": "^6.0.5",
+    "oxfmt": "^0.20.0",
+    "oxlint": "^1.35.0",
     "sass": "^1.97.1",
+    "tailwindcss": "^4.1.18",
     "typescript": "~5.9.3",
     "vite": "7.3.0",
-    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.26",
     "vue-tsc": "^3.2.1"
   },
+  "peerDependencies": {
+    "element-plus": "^2.0.0",
+    "vue": "^3.0.0"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview",
     "build:types": "vue-tsc -b && vite build --mode build-types",
-    "push:npm": "node build.js && pnpm publish"
+    "push:npm": "node build.js && pnpm publish",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "format": "oxfmt .",
+    "format:check": "oxfmt --check ."
   }
 }

package/dist/components/file-manager/index.vue

@@ -1,3 +0,0 @@
-<template>
-  <div>file-manager</div>
-</template>