jcjy-components 0.0.694 → 0.1.1

package/README.md

@@ -1,6 +1,6 @@
 # JCJY Components
 
-Vue 3 组件库，基于 Element Plus 与 Tailwind 构建。
+Vue 3 组件库，当前版本为纯 Vue 组件实现，不依赖 Element Plus 与 TailwindCSS。
 
 ## 安装
 
@@ -15,39 +15,33 @@ yarn add jcjy-components
 ## 依赖要求
 
 - Vue 3.0+
-- Element Plus 2.0+
-- TailwindCSS 3.x（仅支持 TailwindCSS 项目）
-
-> 说明：当前版本仅支持已集成 TailwindCSS 的宿主项目；第三方接入时需额外引入 Element Plus 全量样式。
 
 ## 使用方法
 
 ### 1. 插件方式（推荐）
 
 ```ts
-import { createApp } from 'vue'
-import App from './App.vue'
-import JcjyComponents from 'jcjy-components'
-import 'element-plus/dist/index.css'
-import 'jcjy-components/style.css'
-
-const app = createApp(App)
-app.use(JcjyComponents)
-app.mount('#app')
+import { createApp } from "vue";
+import App from "./App.vue";
+import JcjyComponents from "jcjy-components";
+import "jcjy-components/style.css";
+
+const app = createApp(App);
+app.use(JcjyComponents);
+app.mount("#app");
 ```
 
 ### 2. 按需导入组件
 
 ```ts
-import { AuthGateway } from 'jcjy-components'
-import 'element-plus/dist/index.css'
-import 'jcjy-components/style.css'
+import { AuthGateway } from "jcjy-components";
+import "jcjy-components/style.css";
 
 export default {
   components: {
     AuthGateway,
   },
-}
+};
 ```
 
 ## TypeScript 支持
@@ -55,17 +49,15 @@ export default {
 本库已内置类型声明，TS 项目可直接获得类型提示。
 
 ```ts
-import type { AuthGatewayConfig } from 'jcjy-components/dist/components/auth-gateway/interface'
+import type { AuthGatewayConfig } from "jcjy-components/dist/components/auth-gateway/interface";
 ```
 
 ## 样式说明
 
 - 请在宿主项目入口显式引入：`import 'jcjy-components/style.css'`
-- 第三方使用时请同时引入 Element Plus 全量样式：`import 'element-plus/dist/index.css'`
-- 仅支持 TailwindCSS 项目接入，宿主项目需已完成 TailwindCSS 配置
-- 组件库默认未打入 Element Plus 全量样式（含 `base.css`），这是为了降低对宿主项目全局样式污染
-- 组件库已关闭 Tailwind 的 `@tailwind base` 与 `@tailwind components`，仅保留 utilities，避免把全局 reset 样式注入到宿主项目
-- 因此宿主项目的原生标签样式（如 `h1`、`p`、`button`）会保持自身样式，不会被组件库覆盖
+- 虽然组件已脱离 TailwindCSS 与 Element Plus，但样式仍会打包到 `dist/jcjy-components.css`
+- 因此接入方仍必须引入：`import 'jcjy-components/style.css'`
+- 不需要额外引入第三方 UI 样式库
 
 ## 组件列表
 
@@ -88,13 +80,13 @@ import type { AuthGatewayConfig } from 'jcjy-components/dist/components/auth-gat
 ### 主题工具
 
 ```ts
-import { theme } from 'jcjy-components'
+import { theme } from "jcjy-components";
 
 // 设置主题
-await theme.setTheme('#409EFF')
+await theme.setTheme("#409EFF");
 
 // 根据 URL 参数设置主题
-await theme.setThemeByUrl()
+await theme.setThemeByUrl();
 ```
 
 ## 产物说明
@@ -108,8 +100,8 @@ await theme.setThemeByUrl()
 
 ## 注意事项
 
-1. 宿主项目需要自行安装 `vue` 与 `element-plus`（peerDependencies）
-2. 若你在本库中新增了 Element Plus 组件，请同步补齐 `src/styles.css` 中对应的 `theme-chalk` 样式引入
+1. 宿主项目需要自行安装 `vue`（peerDependencies）
+2. 当前版本无需安装 `tailwindcss` 与 `element-plus`
 3. 若发布到 npm，请使用：`pnpm push:npm`
 
 ## 许可证

package/dist/components/auth-gateway/ag-input.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    modelValue: string;
+    type?: "text" | "password";
+    id?: string;
+    placeholder?: string;
+    autocomplete?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    type: "text" | "password";
+    id: string;
+    placeholder: string;
+    autocomplete: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -39,12 +39,12 @@ export interface AuthGatewayConfig {
     title?: string;
     favicon?: string;
     loginBackground?: string;
-    skipBind?: '0' | '1';
-    hf?: '0' | '1';
-    nb?: '0' | '1';
+    skipBind?: "0" | "1";
+    hf?: "0" | "1";
+    nb?: "0" | "1";
     cf?: string;
-    from?: 'inline';
+    from?: "inline";
     hideWx?: string;
-    layout?: 'default' | 'center' | 'left';
+    layout?: "default" | "center" | "left";
 }
 export declare const DEFAULT_CONFIG: AuthGatewayConfig;

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

@@ -4,11 +4,11 @@ type __VLS_Props = {
     hideLoginMethods?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    toggle: (v: TabKey) => any;
     submit: (v: any) => any;
+    toggle: (v: TabKey) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToggle?: ((v: TabKey) => any) | undefined;
     onSubmit?: ((v: any) => any) | undefined;
+    onToggle?: ((v: TabKey) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/index.d.ts

@@ -1,13 +1,12 @@
-import type { App } from 'vue';
-import AuthGateway from './components/auth-gateway/index.vue';
-import { setTheme, setThemeByUrl } from './components/auth-gateway/util';
-import './styles.css';
+import type { App } from "vue";
+import AuthGateway from "./components/auth-gateway/index.vue";
+import { setTheme, setThemeByUrl } from "./components/auth-gateway/util";
 export declare const theme: {
     setTheme: typeof setTheme;
     setThemeByUrl: typeof setThemeByUrl;
 };
 export { AuthGateway };
-export type { AuthGatewayConfig } from './components/auth-gateway/interface';
+export type { AuthGatewayConfig } from "./components/auth-gateway/interface";
 declare const _default: {
     install(app: App): void;
 };