@ikun2274/spiritechoui 0.1.35 → 0.1.40

package/dist/spiritechoui.es.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, toDisplayString } from "vue";
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, toDisplayString, defineComponent, withDirectives, vModelDynamic } from "vue";
 class MyUI {
   /**
    * 支持 app.use(MyUI) 注册的静态方法
@@ -59,7 +59,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main = {
+const _sfc_main$1 = {
   props: {
     // 文本样式类型
     textType: {
@@ -106,8 +106,8 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = ["disabled"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1 = ["disabled"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(["SpiritEchoBtn", [
       `SpiritEchoBtn--${$props.type}`,
@@ -124,16 +124,155 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle($props.textStyle)
       }, toDisplayString($props.text), 7)
     ])
-  ], 14, _hoisted_1);
+  ], 14, _hoisted_1$1);
+}
+const myButton = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const _sfc_main = defineComponent({
+  name: "SpInput",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    placeholder: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    maxlength: {
+      type: Number,
+      default: void 0
+    },
+    name: { type: String, default: "" },
+    readonly: { type: Boolean, default: false },
+    // 新增：校验规则
+    rules: {
+      type: Object,
+      default: () => ({})
+      // 默认空对象，不影响原有使用
+    },
+    // 新增：自定义校验函数（被动触发）
+    customValidator: {
+      type: Function,
+      default: void 0
+    }
+  },
+  data() {
+    return {
+      inputLength: 0,
+      inputValue: this.modelValue + ""
+      //
+    };
+  },
+  emits: [
+    "update:modelValue",
+    "focus",
+    "blur",
+    "change",
+    "validateResult"
+    // "cca",
+  ],
+  created() {
+  },
+  watch: {
+    inputValue(newVal) {
+      console.log("子组件emit的值：", newVal);
+      this.inputLength = newVal.length;
+      this.$emit("update:modelValue", newVal);
+      this.doValidate(newVal);
+    }
+  },
+  methods: {
+    // 新增：核心校验方法（被动触发，逻辑和之前一致）
+    doValidate(val) {
+      let result = { isValid: true, message: "" };
+      const { rules, customValidator } = this;
+      if (rules) {
+        const finalMaxlength = rules.maxlength ?? this.maxlength;
+        if (finalMaxlength !== void 0 && val.length > finalMaxlength) {
+          result = {
+            isValid: false,
+            message: `输入不能/超过/exceed/${finalMaxlength}位`
+          };
+        }
+        if (rules.minlength !== void 0 && val.length < rules.minlength) {
+          result = {
+            isValid: false,
+            message: `输入不能少于${rules.minlength}位`
+          };
+        }
+        if (rules.type) {
+          switch (rules.type) {
+            case "number":
+              if (!/^\d+$/.test(val))
+                result = { isValid: false, message: "请输入纯数字" };
+              break;
+            case "letter":
+              if (!/^[a-zA-Z]+$/.test(val))
+                result = { isValid: false, message: "请输入纯字母" };
+              break;
+            case "mixed":
+              if (!/^[a-zA-Z0-9]+$/.test(val))
+                result = { isValid: false, message: "请输入字母+数字组合" };
+              break;
+          }
+        }
+        if (rules.pattern && val) {
+          let reg;
+          if (typeof rules.pattern === "string") {
+            reg = new RegExp(rules.pattern, rules.patternFlags);
+          } else {
+            reg = rules.pattern;
+          }
+          if (!reg.test(val)) {
+            result = {
+              isValid: false,
+              // 优先用自定义提示，否则用默认文案
+              message: rules.patternMessage || "输入格式不正确"
+            };
+          }
+        }
+      }
+      if (result.isValid && customValidator) {
+        result = customValidator(val);
+      }
+      this.$emit("validateResult", result);
+    }
+  }
+});
+const SpInput_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1 = { class: "SPInput-container" };
+const _hoisted_2 = ["type", "placeholder", "disabled", "maxlength", "name", "readonly"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    withDirectives(createElementVNode("input", {
+      type: _ctx.type,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
+      placeholder: _ctx.placeholder,
+      disabled: _ctx.disabled,
+      maxlength: _ctx.maxlength,
+      name: _ctx.name,
+      readonly: _ctx.readonly,
+      onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("focus", $event)),
+      onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("blur", $event)),
+      onChange: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("change", $event)),
+      class: "SPInput"
+    }, null, 40, _hoisted_2), [
+      [vModelDynamic, _ctx.inputValue]
+    ])
+  ]);
 }
-const myButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const myinput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 const injector = new ComponentInjector(MyUI);
 injector.register("form", "myButton", myButton, {
   type: "default",
   size: "medium"
 });
+injector.register("form", "myinput", myinput);
 MyUI.install = (app) => {
-  app.component("MyButton", MyUI.form.myButton({}));
+  app.component("SPE-Button", MyUI.form.myButton({}));
+  app.component("SPE-Input", MyUI.form.myinput({}));
 };
 export {
   MyUI

package/dist/spiritechoui.umd.js

@@ -1,5 +1,5 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.MyCustomUI = {}, global.Vue));
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.SpiritEchoUI = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -62,7 +62,7 @@ var __publicField = (obj, key, value) => {
     }
     return target;
   };
-  const _sfc_main = {
+  const _sfc_main$1 = {
     props: {
       // 文本样式类型
       textType: {
@@ -109,8 +109,8 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  const _hoisted_1 = ["disabled"];
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1 = ["disabled"];
+  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("button", {
       class: vue.normalizeClass(["SpiritEchoBtn", [
         `SpiritEchoBtn--${$props.type}`,
@@ -127,16 +127,155 @@ var __publicField = (obj, key, value) => {
           style: vue.normalizeStyle($props.textStyle)
         }, vue.toDisplayString($props.text), 7)
       ])
-    ], 14, _hoisted_1);
+    ], 14, _hoisted_1$1);
+  }
+  const myButton = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+  const _sfc_main = vue.defineComponent({
+    name: "SpInput",
+    props: {
+      modelValue: {
+        type: [String, Number],
+        default: ""
+      },
+      type: {
+        type: String,
+        default: "text"
+      },
+      placeholder: { type: String, default: "" },
+      disabled: { type: Boolean, default: false },
+      maxlength: {
+        type: Number,
+        default: void 0
+      },
+      name: { type: String, default: "" },
+      readonly: { type: Boolean, default: false },
+      // 新增：校验规则
+      rules: {
+        type: Object,
+        default: () => ({})
+        // 默认空对象，不影响原有使用
+      },
+      // 新增：自定义校验函数（被动触发）
+      customValidator: {
+        type: Function,
+        default: void 0
+      }
+    },
+    data() {
+      return {
+        inputLength: 0,
+        inputValue: this.modelValue + ""
+        //
+      };
+    },
+    emits: [
+      "update:modelValue",
+      "focus",
+      "blur",
+      "change",
+      "validateResult"
+      // "cca",
+    ],
+    created() {
+    },
+    watch: {
+      inputValue(newVal) {
+        console.log("子组件emit的值：", newVal);
+        this.inputLength = newVal.length;
+        this.$emit("update:modelValue", newVal);
+        this.doValidate(newVal);
+      }
+    },
+    methods: {
+      // 新增：核心校验方法（被动触发，逻辑和之前一致）
+      doValidate(val) {
+        let result = { isValid: true, message: "" };
+        const { rules, customValidator } = this;
+        if (rules) {
+          const finalMaxlength = rules.maxlength ?? this.maxlength;
+          if (finalMaxlength !== void 0 && val.length > finalMaxlength) {
+            result = {
+              isValid: false,
+              message: `输入不能/超过/exceed/${finalMaxlength}位`
+            };
+          }
+          if (rules.minlength !== void 0 && val.length < rules.minlength) {
+            result = {
+              isValid: false,
+              message: `输入不能少于${rules.minlength}位`
+            };
+          }
+          if (rules.type) {
+            switch (rules.type) {
+              case "number":
+                if (!/^\d+$/.test(val))
+                  result = { isValid: false, message: "请输入纯数字" };
+                break;
+              case "letter":
+                if (!/^[a-zA-Z]+$/.test(val))
+                  result = { isValid: false, message: "请输入纯字母" };
+                break;
+              case "mixed":
+                if (!/^[a-zA-Z0-9]+$/.test(val))
+                  result = { isValid: false, message: "请输入字母+数字组合" };
+                break;
+            }
+          }
+          if (rules.pattern && val) {
+            let reg;
+            if (typeof rules.pattern === "string") {
+              reg = new RegExp(rules.pattern, rules.patternFlags);
+            } else {
+              reg = rules.pattern;
+            }
+            if (!reg.test(val)) {
+              result = {
+                isValid: false,
+                // 优先用自定义提示，否则用默认文案
+                message: rules.patternMessage || "输入格式不正确"
+              };
+            }
+          }
+        }
+        if (result.isValid && customValidator) {
+          result = customValidator(val);
+        }
+        this.$emit("validateResult", result);
+      }
+    }
+  });
+  const SpInput_vue_vue_type_style_index_0_lang = "";
+  const _hoisted_1 = { class: "SPInput-container" };
+  const _hoisted_2 = ["type", "placeholder", "disabled", "maxlength", "name", "readonly"];
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      vue.withDirectives(vue.createElementVNode("input", {
+        type: _ctx.type,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
+        placeholder: _ctx.placeholder,
+        disabled: _ctx.disabled,
+        maxlength: _ctx.maxlength,
+        name: _ctx.name,
+        readonly: _ctx.readonly,
+        onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("focus", $event)),
+        onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("blur", $event)),
+        onChange: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("change", $event)),
+        class: "SPInput"
+      }, null, 40, _hoisted_2), [
+        [vue.vModelDynamic, _ctx.inputValue]
+      ])
+    ]);
   }
-  const myButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+  const myinput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
   const injector = new ComponentInjector(MyUI);
   injector.register("form", "myButton", myButton, {
     type: "default",
     size: "medium"
   });
+  injector.register("form", "myinput", myinput);
   MyUI.install = (app) => {
-    app.component("MyButton", MyUI.form.myButton({}));
+    app.component("SPE-Button", MyUI.form.myButton({}));
+    app.component("SPE-Input", MyUI.form.myinput({}));
   };
   exports2.MyUI = MyUI;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });

package/dist/style.css

@@ -82,4 +82,28 @@
 }
 .SpiritEchoBtn:not(.SpiritEchoBtn--disabled):active {
   transform: translateY(0);
+}.SPInput-container {
+  width: 100%;
+}
+.SPInput {
+  width: 100%;
+  padding: 8px 12px;
+  height: 40px;
+  border: 2px solid #c3bfbf;
+  border-radius: 4px;
+  font-size: 14px;
+  box-sizing: border-box;
+  background-color: rgba(255, 255, 255, 0.968627451);
+}
+.SPInput:focus {
+  outline: none;
+  border-color: #4096ff;
+}
+.SPInput:disabled {
+  background-color: #f5f7fa;
+  cursor: not-allowed;
+  opacity: 0.8;
+}
+.SPInput:read-only {
+  background-color: #f5f7fa;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikun2274/spiritechoui",
-  "version": "0.1.35",
+  "version": "0.1.40",
   "main": "dist/spiritechoui.umd.cjs",
   "module": "dist/spiritechoui.es.js",
   "exports": {
@@ -14,9 +14,12 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
+    "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^4.2.3",
+    "typescript": "^5.9.3",
     "vite": "^4.4.9",
-    "vue": "^3.3.4"
+    "vue": "^3.3.4",
+    "vue-tsc": "^3.1.3"
   },
   "scripts": {
     "build": "vite build"
@@ -26,6 +29,6 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@ikun2274/spiritechoui": "^0.1.2"
+    "log": "^6.3.2"
   }
 }

package/readme.md

@@ -1,12 +1,21 @@
 #  我的第一个UI组件库 SpiritEchoUI
 
+###  目前还是0.1.36版本   
+
 
 ## 安装组件
 
 ```
  npm install @ikun2274/spiritechoui
 ```
- npm uninstall @ikun2274/spiritechoui
+
+## 卸载组件
+
+
+```
+npm uninstall @ikun2274/spiritechoui
+```
+
 ## 更新日志
 
 #### 0.1.3 (2025-11-06-13:25)

package/src/components/SpInput.vue

@@ -0,0 +1,214 @@
+<!-- SpInput.vue -->
+<template>
+  <div class="SPInput-container">
+    <input
+      :type="type"
+      v-model="inputValue"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      :maxlength="maxlength"
+      :name="name"
+      :readonly="readonly"
+      @focus="$emit('focus', $event)"
+      @blur="$emit('blur', $event)"
+      @change="$emit('change', $event)"
+      class="SPInput" />
+  </div>
+</template>
+
+<script lang="ts">
+/**
+ * @component SpInput
+ * @description 带实时校验的输入框组件，支持双向数据绑定、自定义校验规则和函数，适用于表单场景的输入校验需求。
+ *
+ *
+ *
+ *
+ */
+
+import { defineComponent, PropType } from "vue";
+// 定义 rules 类型（和之前一致）
+type InputRules = {
+  maxlength?: number;
+  minlength?: number;
+  type?: "number" | "letter" | "mixed";
+  // 新增：自定义正则（支持正则对象/字符串）
+  pattern?: RegExp | string;
+  // 新增：正则校验失败的提示文案（可选）
+  patternMessage?: string;
+  // 可选：正则的 flags（比如 i 忽略大小写，g 全局匹配）
+  patternFlags?: string;
+};
+
+export default defineComponent({
+  name: "SpInput",
+
+  props: {
+    modelValue: {
+      type: [String, Number] as PropType<string | number>,
+      default: "",
+    },
+    type: {
+      type: String as PropType<
+        "text" | "password" | "number" | "tel" | "email" | string
+      >,
+      default: "text",
+    },
+    placeholder: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    maxlength: {
+      type: Number as PropType<number | undefined>,
+      default: undefined,
+    },
+    name: { type: String, default: "" },
+    readonly: { type: Boolean, default: false },
+    // 新增：校验规则
+    rules: {
+      type: Object as PropType<InputRules>,
+      default: () => ({}), // 默认空对象，不影响原有使用
+    },
+    // 新增：自定义校验函数（被动触发）
+    customValidator: {
+      type: Function as PropType<
+        (val: string) => { isValid: boolean; message: string }
+      >,
+      default: undefined,
+    },
+  },
+
+  data() {
+    return {
+      inputLength: 0,
+      inputValue: this.modelValue + "",
+      //
+    };
+  },
+
+  emits: [
+    "update:modelValue",
+    "focus",
+    "blur",
+    "change",
+    "validateResult",
+    // "cca",
+  ],
+  created() {},
+
+  watch: {
+    inputValue(newVal) {
+      console.log("子组件emit的值：", newVal); // 退格到空时，应输出 ""
+
+      this.inputLength = newVal.length;
+      this.$emit("update:modelValue", newVal);
+
+      this.doValidate(newVal);
+    },
+  },
+  methods: {
+    // 新增：核心校验方法（被动触发，逻辑和之前一致）
+    doValidate(val: string) {
+      let result = { isValid: true, message: "" };
+      const { rules, customValidator } = this;
+
+      // ① 执行 rules 基础校验（长度、类型）
+      if (rules) {
+        // 长度校验：rules.maxlength 优先级高于单独传的 maxlength
+        const finalMaxlength = rules.maxlength ?? this.maxlength;
+        if (finalMaxlength !== undefined && val.length > finalMaxlength) {
+          result = {
+            isValid: false,
+            message: `输入不能/超过/exceed/${finalMaxlength}位`,
+          };
+        }
+        /////////
+        if (rules.minlength !== undefined && val.length < rules.minlength) {
+          result = {
+            isValid: false,
+            message: `输入不能少于${rules.minlength}位`,
+          };
+        }
+        //////////////
+        // 类型校验（纯数字/纯字母/字母+数字）
+        if (rules.type) {
+          switch (rules.type) {
+            case "number":
+              if (!/^\d+$/.test(val))
+                result = { isValid: false, message: "请输入纯数字" };
+              break;
+            case "letter":
+              if (!/^[a-zA-Z]+$/.test(val))
+                result = { isValid: false, message: "请输入纯字母" };
+              break;
+            case "mixed":
+              if (!/^[a-zA-Z0-9]+$/.test(val))
+                result = { isValid: false, message: "请输入字母+数字组合" };
+              break;
+          }
+        }
+        //////////
+        // ③ 新增：自定义正则校验（优先级高于预设类型）
+        if (rules.pattern && val) {
+          // 处理正则：如果是字符串，转成 RegExp 对象（支持 flags）
+          let reg: RegExp;
+          if (typeof rules.pattern === "string") {
+            reg = new RegExp(rules.pattern, rules.patternFlags);
+          } else {
+            reg = rules.pattern;
+          }
+          // 执行正则校验
+          if (!reg.test(val)) {
+            result = {
+              isValid: false,
+              // 优先用自定义提示，否则用默认文案
+              message: rules.patternMessage || "输入格式不正确",
+            };
+          }
+        }
+
+        //////////////
+      }
+
+      // ② 执行父组件传的 customValidator（被动触发，优先级更高）
+      if (result.isValid && customValidator) {
+        result = customValidator(val);
+      }
+      ///////////////////////
+      // ③ 抛校验结果给父组件（父组件监听这个事件）
+      this.$emit("validateResult", result);
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+// 样式保持不变，Sass兼容CSS语法，可直接使用
+.SPInput-container {
+  width: 100%;
+}
+
+.SPInput {
+  width: 100%;
+  padding: 8px 12px;
+  height: 40px;
+  border: 2px solid #c3bfbf;
+  border-radius: 4px;
+  font-size: 14px;
+  box-sizing: border-box;
+
+  background-color: #fffffff7;
+  &:focus {
+    outline: none;
+    border-color: #4096ff;
+  }
+
+  &:disabled {
+    background-color: #f5f7fa;
+    cursor: not-allowed;
+    opacity: 0.8;
+  }
+
+  &:read-only {
+    background-color: #f5f7fa;
+  }
+}
+</style>

package/src/index.js

@@ -3,4 +3,9 @@ import MyUI from './registerComponents';
 
 export { MyUI };
 // 若需按需导出单个方法，可添加：
-// export const myButton = MyUI.myButton;
+// export const myButton = MyUI.myButton;
+
+
+
+//
+// npm run build

package/src/registerComponents.js

@@ -1,30 +1,30 @@
 // 组件库内部的 registerComponents.js 示例
 import MyUI from './MyUI';
 import ComponentInjector from './ComponentInjector';
+
+//引入组件
 import myButton from './components/Button.vue';
+import myinput from './components/SpInput.vue';
 
 const injector = new ComponentInjector(MyUI);
+
 injector.register('form', 'myButton', myButton, {
   type: 'default',
   size: 'medium'
 });
 
 //假设有第二个组件
+injector.register('form', 'myinput', myinput);
 
-/*
-injector.register('form', 'mytext', mytext, {
-type: 'default',
-size: 'medium'
-});
-
- 
-*/
+//Spirit EchoUI
 
+//全局激活组件
 
 MyUI.install = (app) => {
-  app.component('MyButton', MyUI.form.myButton({}));
-  //假设有第二个组件
-  //app.component('MyText', MyUI.form.mytext({}));
+  app.component('SPE-Button', MyUI.form.myButton({}));
+  app.component('SPE-Input', MyUI.form.myinput({}));
+
+
 };
 
 export default MyUI;

package/src/type/global.d.ts

@@ -0,0 +1,10 @@
+// src/types/global.d.ts
+import { SpInput } from "../components/SpInput.vue";
+import { Button } from "../components/Button.vue"; // 若有其他组件也需声明
+
+declare module "vue" {
+  export interface GlobalComponents {
+    SpInput: typeof SpInput;
+    Button: typeof Button;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ES2020", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "allowJs": true,  // 允许同时编译 JS 文件
+    "vueCompilerOptions": {
+      "scriptSetup": true,
+      "strictTemplates": true
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.vue", "src/types/**/*.d.ts"],
+  "exclude": ["node_modules"]
+}

package/vite.config.js

@@ -1,4 +1,4 @@
-// 组件库的 vite.config.js
+// 组件库的 vite.config.ts
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 
@@ -7,7 +7,7 @@ export default defineConfig({
     build: {
         lib: {
             entry: './src/index.js',
-            name: 'MyCustomUI',
+            name: 'SpiritEchoUI',
             fileName: (format) => `spiritechoui.${format}.js`
         },
         rollupOptions: {