@a2simcode/ui 0.0.1

package/LICENSE

@@ -0,0 +1,53 @@
+专有软件许可协议
+
+版权所有 © 2024 苏州极简搭信息技术有限公司。保留所有权利。
+
+本软件及其相关文档("软件")为专有软件,受版权法和国际条约保护。
+
+许可限制:
+
+1. 本软件仅授权给获得明确书面许可的用户使用。
+
+2. 未经版权所有者事先书面同意,您不得:
+   - 复制、修改、改编或翻译本软件
+   - 对本软件进行反向工程、反编译或反汇编
+   - 出租、出借、分发、转让或再许可本软件
+   - 删除或修改本软件中的任何版权声明或其他所有权标记
+
+3. 本软件按"现状"提供,不提供任何明示或暗示的保证,包括但不限于适销性、特定用途适用性和非侵权性的保证。
+
+4. 在任何情况下,版权所有者均不对因使用或无法使用本软件而产生的任何索赔、损害或其他责任负责。
+
+5. 本许可协议受中华人民共和国法律管辖。
+
+如需获得使用许可,请联系版权所有者。
+
+---
+
+PROPRIETARY SOFTWARE LICENSE
+
+Copyright © 2024 Suzhou Jijian-da Information Technology Co., Ltd. All rights reserved.
+
+This software and associated documentation files (the "Software") is proprietary 
+software protected by copyright laws and international treaties.
+
+License Restrictions:
+
+1. This Software is licensed only to users who have obtained explicit written permission.
+
+2. Without prior written consent from the copyright holder, you may not:
+   - Copy, modify, adapt, or translate the Software
+   - Reverse engineer, decompile, or disassemble the Software
+   - Rent, lease, distribute, transfer, or sublicense the Software
+   - Remove or modify any copyright notices or other proprietary markings in the Software
+
+3. The Software is provided "as is" without warranty of any kind, express or implied, 
+   including but not limited to warranties of merchantability, fitness for a particular 
+   purpose, and non-infringement.
+
+4. In no event shall the copyright holder be liable for any claims, damages, or other 
+   liability arising from the use or inability to use the Software.
+
+5. This license agreement is governed by the laws of the People's Republic of China.
+
+For licensing inquiries, please contact the copyright holder.

package/README.md

@@ -0,0 +1,129 @@
+# SimCode UI
+
+<div align="center">
+  <h1>SimCode UI</h1>
+  <p>基于 Vue 3 + TypeScript 的现代化 UI 组件库</p>
+</div>
+
+## ✨ 特性
+
+- 🚀 **现代化技术栈**: 基于 Vue 3 + TypeScript + Vite
+- 📦 **开箱即用**: 提供完善的类型定义和文档
+- 🎨 **精美设计**: 现代化的设计风格
+- 🔧 **易于定制**: 支持主题定制
+- ⚡️ **按需加载**: 支持 Tree Shaking
+- 🧪 **完善测试**: 单元测试覆盖
+
+## 📦 安装
+
+使用 pnpm:
+
+```bash
+pnpm add @a2simcode/ui
+```
+
+使用 npm:
+
+```bash
+npm install @a2simcode/ui
+```
+
+使用 yarn:
+
+```bash
+yarn add @a2simcode/ui
+```
+
+## 🔨 快速开始
+
+### 完整引入
+
+```typescript
+import { createApp } from 'vue'
+import App from './App.vue'
+import SimCodeUI from '@a2simcode/ui'
+import '@a2simcode/ui/dist/style.css'
+
+const app = createApp(App)
+app.use(SimCodeUI)
+app.mount('#app')
+```
+
+### 按需引入
+
+```vue
+<template>
+  <j-button type="primary">按钮</j-button>
+</template>
+
+<script setup lang="ts">
+import { JButton } from '@a2simcode/ui'
+import '@a2simcode/ui/dist/style.css'
+</script>
+```
+
+## 🎯 组件列表
+
+- ✅ Button 按钮
+- ✅ Input 输入框
+- 🚧 更多组件开发中...
+
+## 💻 本地开发
+
+```bash
+# 进入项目目录
+cd simcode-ui
+
+# 安装依赖
+pnpm install
+
+# 启动开发服务器
+pnpm dev
+
+# 构建组件库
+pnpm build
+
+# 运行测试
+pnpm test
+
+# 启动文档站点
+pnpm docs:dev
+```
+
+## 📁 项目结构
+
+```
+simcode-ui/
+├── packages/              # 组件源码
+│   ├── components/        # 组件
+│   │   ├── button/       # 按钮组件
+│   │   ├── input/        # 输入框组件
+│   │   └── index.ts      # 组件入口
+│   └── theme/            # 主题样式
+│       └── src/          # 样式源码 (Less)
+├── examples/             # 组件预览
+│   ├── App.vue          # 预览应用
+│   └── main.ts          # 入口文件
+├── docs/                # 文档
+│   ├── .vitepress/      # VitePress 配置
+│   ├── guide/           # 指南
+│   └── components/      # 组件文档
+├── __tests__/           # 测试文件
+├── vite.config.ts       # Vite 配置
+├── vitest.config.ts     # Vitest 配置
+└── package.json         # 项目配置
+```
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request!
+
+## 📄 版权声明
+
+Copyright © 2024 苏州极简搭信息技术有限公司. All rights reserved.
+
+本软件及其相关文档为专有软件,受版权法保护。未经版权所有者明确书面许可,不得以任何形式或方式(电子、机械、复印、录制或其他方式)复制、分发、传播或使用本软件的任何部分。
+
+## 🙏 致谢
+
+感谢所有为这个项目做出贡献的开发者!

package/dist/button/index.d.ts

@@ -0,0 +1,157 @@
+declare const JButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "large" | "small">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        ghost: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        round: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        circle: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        block: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (evt: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
+        size: "large" | "default" | "small";
+        disabled: boolean;
+        loading: boolean;
+        ghost: boolean;
+        round: boolean;
+        circle: boolean;
+        block: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "large" | "small">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        ghost: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        round: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        circle: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        block: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
+        size: "large" | "default" | "small";
+        disabled: boolean;
+        loading: boolean;
+        ghost: boolean;
+        round: boolean;
+        circle: boolean;
+        block: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text">;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "large" | "small">;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    ghost: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    round: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    circle: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    block: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => void;
+}, string, {
+    type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    loading: boolean;
+    ghost: boolean;
+    round: boolean;
+    circle: boolean;
+    block: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: import('vue').App) => void;
+};
+export default JButton;

package/dist/button/src/button.vue.d.ts

@@ -0,0 +1,78 @@
+export interface ButtonProps {
+    /** 按钮类型 */
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 'dashed' | 'link' | 'text';
+    /** 按钮尺寸 */
+    size?: 'large' | 'default' | 'small';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 是否幽灵按钮 */
+    ghost?: boolean;
+    /** 是否圆角 */
+    round?: boolean;
+    /** 是否圆形 */
+    circle?: boolean;
+    /** 是否通栏 */
+    block?: boolean;
+}
+declare function __VLS_template(): {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+    type: string;
+    size: string;
+    disabled: boolean;
+    loading: boolean;
+    ghost: boolean;
+    round: boolean;
+    circle: boolean;
+    block: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+    type: string;
+    size: string;
+    disabled: boolean;
+    loading: boolean;
+    ghost: boolean;
+    round: boolean;
+    circle: boolean;
+    block: boolean;
+}>>> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {
+    type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    loading: boolean;
+    ghost: boolean;
+    round: boolean;
+    circle: boolean;
+    block: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+import { default as JButton } from './button';
+import { default as JInput } from './input';
+
+export { JButton, JInput };
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;

package/dist/input/index.d.ts

@@ -0,0 +1,137 @@
+declare const JInput: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "large" | "small">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onInput?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: (value: string) => void;
+        "update:modelValue": (value: string) => void;
+        focus: (evt: FocusEvent) => void;
+        blur: (evt: FocusEvent) => void;
+    }, import('vue').PublicProps, {
+        type: string;
+        size: "large" | "default" | "small";
+        disabled: boolean;
+        modelValue: string | number;
+        placeholder: string;
+        readonly: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "large" | "small">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onInput?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: string;
+        size: "large" | "default" | "small";
+        disabled: boolean;
+        modelValue: string | number;
+        placeholder: string;
+        readonly: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "large" | "small">;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (value: string) => void;
+    "update:modelValue": (value: string) => void;
+    focus: (evt: FocusEvent) => void;
+    blur: (evt: FocusEvent) => void;
+}, string, {
+    type: string;
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    modelValue: string | number;
+    placeholder: string;
+    readonly: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install: (app: import('vue').App) => void;
+};
+export default JInput;

package/dist/input/src/input.vue.d.ts

@@ -0,0 +1,64 @@
+export interface InputProps {
+    /** 绑定值 */
+    modelValue?: string | number;
+    /** 输入框类型 */
+    type?: string;
+    /** 输入框占位文本 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 输入框尺寸 */
+    size?: 'large' | 'default' | 'small';
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps>, {
+    type: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    size: string;
+    modelValue: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (value: string) => void;
+    "update:modelValue": (value: string) => void;
+    focus: (evt: FocusEvent) => void;
+    blur: (evt: FocusEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps>, {
+    type: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    size: string;
+    modelValue: string;
+}>>> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+}>, {
+    type: string;
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    modelValue: string | number;
+    placeholder: string;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/simcode-ui.es.js

@@ -0,0 +1,109 @@
+import { defineComponent as m, computed as y, createElementBlock as d, openBlock as u, normalizeClass as h, createCommentVNode as f, renderSlot as p, ref as b, createElementVNode as v } from "vue";
+const B = (e) => (e.install = (l) => {
+  l.component(e.name, e);
+}, e), j = ["disabled"], _ = {
+  key: 0,
+  class: "j-button__loading-icon"
+}, $ = {
+  key: 1,
+  class: "j-button__content"
+}, C = /* @__PURE__ */ m({
+  name: "JButton",
+  __name: "button",
+  props: {
+    type: { default: "default" },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    ghost: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    circle: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const t = e, n = l, i = y(() => [
+      "j-button",
+      `j-button--${t.type}`,
+      `j-button--${t.size}`,
+      {
+        "is-disabled": t.disabled,
+        "is-loading": t.loading,
+        "is-ghost": t.ghost,
+        "is-round": t.round,
+        "is-circle": t.circle,
+        "is-block": t.block
+      }
+    ]), s = (a) => {
+      t.disabled || t.loading || n("click", a);
+    };
+    return (a, r) => (u(), d("button", {
+      class: h(i.value),
+      disabled: e.disabled || e.loading,
+      onClick: s
+    }, [
+      e.loading ? (u(), d("span", _)) : f("", !0),
+      p(a.$slots, "icon"),
+      a.$slots.default ? (u(), d("span", $, [
+        p(a.$slots, "default")
+      ])) : f("", !0)
+    ], 10, j));
+  }
+}), V = B(C), z = ["type", "placeholder", "disabled", "readonly", "value"], I = /* @__PURE__ */ m({
+  name: "JInput",
+  __name: "input",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(e, { emit: l }) {
+    const t = e, n = l, i = b(), s = b(!1), a = y(() => [
+      "j-input",
+      `j-input--${t.size}`,
+      {
+        "is-disabled": t.disabled,
+        "is-focused": s.value
+      }
+    ]), r = (o) => {
+      const c = o.target.value;
+      n("update:modelValue", c), n("input", c);
+    }, k = (o) => {
+      s.value = !0, n("focus", o);
+    }, g = (o) => {
+      s.value = !1, n("blur", o);
+    };
+    return (o, c) => (u(), d("div", {
+      class: h(a.value)
+    }, [
+      v("input", {
+        ref_key: "inputRef",
+        ref: i,
+        type: e.type,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        value: e.modelValue,
+        class: "j-input__inner",
+        onInput: r,
+        onFocus: k,
+        onBlur: g
+      }, null, 40, z)
+    ], 2));
+  }
+}), J = B(I), E = [V, J], F = (e) => {
+  E.forEach((l) => {
+    e.component(l.name, l);
+  });
+}, N = {
+  install: F
+};
+export {
+  V as JButton,
+  J as JInput,
+  N as default
+};

package/dist/simcode-ui.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.SimCodeUI={},n.Vue))})(this,function(n,e){"use strict";const f=t=>(t.install=o=>{o.component(t.name,t)},t),b=["disabled"],y={key:0,class:"j-button__loading-icon"},h={key:1,class:"j-button__content"},r=f(e.defineComponent({name:"JButton",__name:"button",props:{type:{default:"default"},size:{default:"default"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:o}){const l=t,s=o,c=e.computed(()=>["j-button",`j-button--${l.type}`,`j-button--${l.size}`,{"is-disabled":l.disabled,"is-loading":l.loading,"is-ghost":l.ghost,"is-round":l.round,"is-circle":l.circle,"is-block":l.block}]),i=a=>{l.disabled||l.loading||s("click",a)};return(a,m)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(c.value),disabled:t.disabled||t.loading,onClick:i},[t.loading?(e.openBlock(),e.createElementBlock("span",y)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"icon"),a.$slots.default?(e.openBlock(),e.createElementBlock("span",h,[e.renderSlot(a.$slots,"default")])):e.createCommentVNode("",!0)],10,b))}})),B=["type","placeholder","disabled","readonly","value"],p=f(e.defineComponent({name:"JInput",__name:"input",props:{modelValue:{default:""},type:{default:"text"},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},size:{default:"default"}},emits:["update:modelValue","input","focus","blur"],setup(t,{emit:o}){const l=t,s=o,c=e.ref(),i=e.ref(!1),a=e.computed(()=>["j-input",`j-input--${l.size}`,{"is-disabled":l.disabled,"is-focused":i.value}]),m=d=>{const u=d.target.value;s("update:modelValue",u),s("input",u)},g=d=>{i.value=!0,s("focus",d)},C=d=>{i.value=!1,s("blur",d)};return(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.createElementVNode("input",{ref_key:"inputRef",ref:c,type:t.type,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,value:t.modelValue,class:"j-input__inner",onInput:m,onFocus:g,onBlur:C},null,40,B)],2))}})),k=[r,p],_={install:t=>{k.forEach(o=>{t.component(o.name,o)})}};n.JButton=r,n.JInput=p,n.default=_,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+import { App, Component } from 'vue';
+
+export declare const withInstall: <T extends Component>(component: T) => T & {
+    install: (app: App) => void;
+};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@a2simcode/ui",
+  "version": "0.0.1",
+  "description": "A Vue 3 UI Component Library",
+  "type": "module",
+  "main": "./dist/simcode-ui.umd.js",
+  "module": "./dist/simcode-ui.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/simcode-ui.es.js",
+      "require": "./dist/simcode-ui.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write .",
+    "gen:docs": "tsx scripts/gen-api-docs.ts",
+    "docs:dev": "pnpm gen:docs && vitepress dev docs",
+    "docs:build": "pnpm gen:docs && vitepress build docs",
+    "docs:preview": "vitepress preview docs"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "component",
+    "ui",
+    "library"
+  ],
+  "author": "苏州极简搭信息技术有限公司",
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.6",
+    "@typescript-eslint/eslint-plugin": "^6.16.0",
+    "@typescript-eslint/parser": "^6.16.0",
+    "@vitejs/plugin-vue": "^5.0.2",
+    "@vitest/ui": "^1.1.0",
+    "@vue/test-utils": "^2.4.3",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-vue": "^9.19.2",
+    "happy-dom": "^12.10.3",
+    "less": "^4.5.1",
+    "prettier": "^3.1.1",
+    "shiki": "^3.20.0",
+    "tsx": "^4.21.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vite-plugin-dts": "^3.7.0",
+    "vitepress": "^1.0.0-rc.35",
+    "vitest": "^1.1.0",
+    "vue": "^3.4.3",
+    "vue-docgen-api": "^4.79.2",
+    "vue-tsc": "^1.8.27"
+  },
+  "packageManager": "pnpm@8.0.0"
+}