fy-components-test 1.0.1 → 1.0.3

package/dist/components/MText/Mtext.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/{index.es.js → fy-components-test.js}

@@ -1,8 +1,8 @@
-import { defineComponent as c, resolveComponent as u, openBlock as o, createBlock as d, withCtx as r, renderSlot as s, createElementBlock as f, Fragment as y, createTextVNode as g, toDisplayString as m } from "vue";
-const p = {
+import { defineComponent as d, resolveComponent as i, openBlock as c, createBlock as r, withCtx as f, renderSlot as p, createElementBlock as y, Fragment as m, createTextVNode as g, toDisplayString as b } from "vue";
+const k = {
   name: "MButton"
-}, v = /* @__PURE__ */ c({
-  ...p,
+}, v = /* @__PURE__ */ d({
+  ...k,
   props: {
     // 按钮类型
     type: {
@@ -77,12 +77,13 @@ const p = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const n = e, l = (a) => {
-      n("click", a);
+    const a = e, o = (n) => {
+      a("click", n);
     };
-    return (a, x) => {
-      const i = u("el-button");
-      return o(), d(i, {
+    return (n, u) => {
+      const l = i("el-button");
+      return c(), r(l, {
+        class: "m-button",
         type: t.type,
         size: t.size,
         plain: t.plain,
@@ -94,33 +95,42 @@ const p = {
         autofocus: t.autofocus,
         "native-type": t.nativeType,
         tag: t.tag,
-        onClick: l
+        onClick: o
       }, {
-        default: r(() => [
-          a.$slots.default ? s(a.$slots, "default", { key: 0 }, void 0, !0) : (o(), f(y, { key: 1 }, [
-            g(m(t.text), 1)
+        default: f(() => [
+          n.$slots.default ? p(n.$slots, "default", { key: 0 }, void 0, !0) : (c(), y(m, { key: 1 }, [
+            g(b(t.text), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["type", "size", "plain", "round", "circle", "disabled", "loading", "icon", "autofocus", "native-type", "tag"]);
     };
   }
-}), B = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [l, a] of e)
-    n[l] = a;
-  return n;
-}, b = /* @__PURE__ */ B(v, [["__scopeId", "data-v-79154a89"]]), k = [
-  b
-], S = (t) => {
-  k.forEach((e) => {
+}), s = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [o, n] of e)
+    a[o] = n;
+  return a;
+}, B = /* @__PURE__ */ s(v, [["__scopeId", "data-v-80d70ab0"]]), x = {
+  name: "MText"
+};
+function S(t, e, a, o, n, u) {
+  const l = i("el-backtop");
+  return c(), r(l, { target: ".page-component__scroll .el-scrollbar__wrap" });
+}
+const _ = /* @__PURE__ */ s(x, [["render", S]]), $ = [
+  B,
+  _
+], h = (t) => {
+  $.forEach((e) => {
     e.name && t.component(e.name, e);
   });
-}, h = {
-  install: S
+}, T = {
+  install: h
 };
 export {
-  b as MButton,
-  h as default,
-  S as install
+  B as MButton,
+  _ as MText,
+  T as default,
+  h as install
 };

package/dist/fy-components-test.umd.cjs

@@ -0,0 +1 @@
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n.MiaomaComponents={},n.Vue))})(this,function(n,t){"use strict";const f={name:"MButton"},p=t.defineComponent({...f,props:{type:{type:String,default:"primary",validator:e=>["primary","success","warning","danger","info","text"].includes(e)},size:{type:String,default:"default",validator:e=>["large","default","small","mini"].includes(e)},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:String,default:""},text:{type:String,default:""},autofocus:{type:Boolean,default:!1},nativeType:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)},tag:{type:String,default:"button"}},emits:["click"],setup(e,{emit:o}){const l=o,i=a=>{l("click",a)};return(a,k)=>{const c=t.resolveComponent("el-button");return t.openBlock(),t.createBlock(c,{class:"m-button",type:e.type,size:e.size,plain:e.plain,round:e.round,circle:e.circle,disabled:e.disabled,loading:e.loading,icon:e.icon,autofocus:e.autofocus,"native-type":e.nativeType,tag:e.tag,onClick:i},{default:t.withCtx(()=>[a.$slots.default?t.renderSlot(a.$slots,"default",{key:0},void 0,!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.text),1)],64))]),_:3},8,["type","size","plain","round","circle","disabled","loading","icon","autofocus","native-type","tag"])}}}),d=(e,o)=>{const l=e.__vccOpts||e;for(const[i,a]of o)l[i]=a;return l},s=d(p,[["__scopeId","data-v-80d70ab0"]]),y={name:"MText"};function m(e,o,l,i,a,k){const c=t.resolveComponent("el-backtop");return t.openBlock(),t.createBlock(c,{target:".page-component__scroll .el-scrollbar__wrap"})}const u=d(y,[["render",m]]),g=[s,u],r=e=>{g.forEach(o=>{o.name&&e.component(o.name,o)})},b={install:r};n.MButton=s,n.MText=u,n.default=b,n.install=r,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.d.ts

@@ -1,3 +1,10 @@
-export * from './src/index'
-import MiaomaComponents from './src/index'
-export default MiaomaComponents
+import { App } from 'vue';
+import { default as MButton } from './components/MButton/MButton.vue';
+import { default as MText } from './components/MText/Mtext.vue';
+
+export declare const install: (app: App) => void;
+export { MButton, MText };
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;

package/dist/style.css

@@ -0,0 +1 @@
+.m-button[data-v-80d70ab0]{margin:0 5px}

package/dist/typings/components.d.ts

@@ -0,0 +1,10 @@
+import { default as MButton } from '../components/MButton/MButton.vue';
+import { default as MText } from '../components/MText/Mtext.vue';
+
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        MButton: typeof MButton
+        MText: typeof MText
+    }
+}

package/dist/typings/test.d.ts

@@ -0,0 +1,11 @@
+/*
+ * @FileDescription: 
+ * @Author: czh
+ * @Date: 2026-04-09 16:49:27
+ * @LastEditors: czh
+ * @LastEditTime: 2026-04-09 17:25:45
+ * @FilePath: \ai-ui\packages\components\typings\test.d.ts
+ */
+export namespace MButtonProps {
+    export const type: string;
+}

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "fy-components-test",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "基于 Element Plus 的二次封装组件库",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
@@ -15,7 +19,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "rimraf dist && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -25,9 +29,10 @@
   "devDependencies": {
     "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^5.0.0",
+    "rimraf": "^6.1.3",
     "typescript": "^5.3.0",
     "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.7.0"
+    "vite-plugin-dts": "^3.9.1"
   },
   "keywords": [
     "vue3",

package/dist/index.umd.js

@@ -1 +0,0 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n.MiaomaComponents={},n.Vue))})(this,function(n,t){"use strict";const u={name:"MButton"},s=t.defineComponent({...u,props:{type:{type:String,default:"primary",validator:e=>["primary","success","warning","danger","info","text"].includes(e)},size:{type:String,default:"default",validator:e=>["large","default","small","mini"].includes(e)},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:String,default:""},text:{type:String,default:""},autofocus:{type:Boolean,default:!1},nativeType:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)},tag:{type:String,default:"button"}},emits:["click"],setup(e,{emit:a}){const l=a,i=o=>{l("click",o)};return(o,m)=>{const y=t.resolveComponent("el-button");return t.openBlock(),t.createBlock(y,{type:e.type,size:e.size,plain:e.plain,round:e.round,circle:e.circle,disabled:e.disabled,loading:e.loading,icon:e.icon,autofocus:e.autofocus,"native-type":e.nativeType,tag:e.tag,onClick:i},{default:t.withCtx(()=>[o.$slots.default?t.renderSlot(o.$slots,"default",{key:0},void 0,!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.text),1)],64))]),_:3},8,["type","size","plain","round","circle","disabled","loading","icon","autofocus","native-type","tag"])}}}),d=((e,a)=>{const l=e.__vccOpts||e;for(const[i,o]of a)l[i]=o;return l})(s,[["__scopeId","data-v-79154a89"]]),f=[d],c=e=>{f.forEach(a=>{a.name&&e.component(a.name,a)})},r={install:c};n.MButton=d,n.default=r,n.install=c,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/src/index.d.ts

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

package/dist/src/main.d.ts

@@ -1 +0,0 @@
-

package/dist/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfig;
-export default _default;

package/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>组件库测试</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/src/App.vue

@@ -1,27 +0,0 @@
-<template>
-  <div style="padding: 20px;">
-    <h1>组件库测试</h1>
-    <div style="display: flex; gap: 10px; margin: 20px 0;">
-      <m-button type="primary" text="主要按钮" />
-      <m-button type="success" text="成功按钮" />
-      <m-button type="warning" text="警告按钮" />
-      <m-button type="danger" text="危险按钮" />
-      <m-button type="info" text="信息按钮" />
-    </div>
-    <div style="display: flex; gap: 10px; margin: 20px 0;">
-      <m-button type="primary" size="large" text="大按钮" />
-      <m-button type="primary" size="default" text="默认按钮" />
-      <m-button type="primary" size="small" text="小按钮" />
-      <m-button type="primary" size="mini" text="迷你按钮" />
-    </div>
-    <div style="display: flex; gap: 10px; margin: 20px 0;">
-      <m-button type="primary" plain text="朴素按钮" />
-      <m-button type="primary" round text="圆角按钮" />
-      <m-button type="primary" circle icon="el-icon-search" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { MButton } from './index'
-</script>

package/src/components/MButton.vue

@@ -1,122 +0,0 @@
-<template>
-  <el-button
-    :type="type"
-    :size="size"
-    :plain="plain"
-    :round="round"
-    :circle="circle"
-    :disabled="disabled"
-    :loading="loading"
-    :icon="icon"
-    :autofocus="autofocus"
-    :native-type="nativeType"
-    :tag="tag"
-    @click="handleClick"
-  >
-    <template v-if="$slots.default">
-      <slot></slot>
-    </template>
-    <template v-else>
-      {{ text }}
-    </template>
-  </el-button>
-</template>
-
-<script lang="ts">
-export default {
-  name: 'MButton',
-};
-</script>
-
-<script setup lang="ts">
-import { defineProps, defineEmits } from 'vue';
-
-defineProps({
-  // 按钮类型
-  type: {
-    type: String,
-    default: 'primary',
-    validator: (value: string) => {
-      return [
-        'primary',
-        'success',
-        'warning',
-        'danger',
-        'info',
-        'text',
-      ].includes(value);
-    },
-  },
-  // 按钮尺寸
-  size: {
-    type: String,
-    default: 'default',
-    validator: (value: string) => {
-      return ['large', 'default', 'small', 'mini'].includes(value);
-    },
-  },
-  // 是否朴素按钮
-  plain: {
-    type: Boolean,
-    default: false,
-  },
-  // 是否圆角按钮
-  round: {
-    type: Boolean,
-    default: false,
-  },
-  // 是否圆形按钮
-  circle: {
-    type: Boolean,
-    default: false,
-  },
-  // 是否禁用
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  // 是否加载中
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-  // 图标
-  icon: {
-    type: String,
-    default: '',
-  },
-  // 按钮文本
-  text: {
-    type: String,
-    default: '',
-  },
-  // 是否自动聚焦
-  autofocus: {
-    type: Boolean,
-    default: false,
-  },
-  // 原生 type 属性
-  nativeType: {
-    type: String,
-    default: 'button',
-    validator: (value: string) => {
-      return ['button', 'submit', 'reset'].includes(value);
-    },
-  },
-  // 自定义标签
-  tag: {
-    type: String,
-    default: 'button',
-  },
-});
-
-const emit = defineEmits(['click']);
-
-const handleClick = (event: MouseEvent) => {
-  emit('click', event);
-};
-</script>
-
-<style scoped>
-/* 可以添加自定义样式 */
-</style>

package/src/index.ts

@@ -1,22 +0,0 @@
-import type { App } from 'vue'
-import MButton from './components/MButton.vue'
-
-const components = [
-  MButton
-]
-
-export const install = (app: App) => {
-  components.forEach(component => {
-    if (component.name) {
-      app.component(component.name, component)
-    }
-  })
-}
-
-export {
-  MButton
-}
-
-export default {
-  install
-}

package/src/main.ts

@@ -1,10 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import MiaomaComponents from './index'
-
-const app = createApp(App)
-app.use(ElementPlus)
-app.use(MiaomaComponents)
-app.mount('#app')

package/vite.config.ts

@@ -1,32 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import dts from 'vite-plugin-dts'
-import { resolve } from 'path'
-import { fileURLToPath, URL } from 'url'
-
-const __dirname = fileURLToPath(new URL('.', import.meta.url))
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    dts({
-      insertTypesEntry: true
-    })
-  ],
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: 'MiaomaComponents',
-      fileName: (format) => `index.${format}.js`
-    },
-    rollupOptions: {
-      external: ['vue', 'element-plus'],
-      output: {
-        globals: {
-          vue: 'Vue',
-          'element-plus': 'ElementPlus'
-        }
-      }
-    }
-  }
-})