morghulis 2.0.62 → 2.0.64

package/dist/components/MButton.vue.d.ts

@@ -1,4 +1,47 @@
-import { DefineComponent } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, ComponentPropsOptions, EmitsOptions } from 'vue';
 import { ButtonProps, ButtonEmits, ButtonExpose } from './MButton';
-declare const MButton: DefineComponent<ButtonProps, {}, {}, {}, {}, {}, {}, ButtonEmits, string, Readonly<ButtonProps>, Partial<ButtonExpose>>;
+
+declare type Props = {
+  /**
+   * 按钮颜色
+   */
+  color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+  /**
+   * 是否为圆角按钮
+   */
+  round?: boolean;
+  /**
+   * 按钮尺寸
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean;
+  /**
+   * 自定义弹窗消息
+   */
+  popupMessage?: string;
+};
+
+declare type Emits = {
+  /**
+   * 点击事件
+   */
+  (e: 'click', event: MouseEvent): void;
+  /**
+   * 弹窗显示事件
+   */
+  (e: 'popup', message: string): void;
+};
+
+declare type Expose = {
+  /**
+   * 显示弹窗
+   * @param message 弹窗消息
+   */
+  popup?: (message: string) => string;
+};
+
+declare const MButton: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Emits, string, ButtonProps, Expose>;
 export default MButton;

package/dist/components/MButton.vue.d.ts.map

@@ -0,0 +1,47 @@
+import { DefineComponent, ComponentOptionsMixin, ComponentPropsOptions, EmitsOptions } from 'vue';
+import { ButtonProps, ButtonEmits, ButtonExpose } from './MButton';
+
+declare type Props = {
+  /**
+   * 按钮颜色
+   */
+  color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+  /**
+   * 是否为圆角按钮
+   */
+  round?: boolean;
+  /**
+   * 按钮尺寸
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean;
+  /**
+   * 自定义弹窗消息
+   */
+  popupMessage?: string;
+};
+
+declare type Emits = {
+  /**
+   * 点击事件
+   */
+  (e: 'click', event: MouseEvent): void;
+  /**
+   * 弹窗显示事件
+   */
+  (e: 'popup', message: string): void;
+};
+
+declare type Expose = {
+  /**
+   * 显示弹窗
+   * @param message 弹窗消息
+   */
+  popup?: (message: string) => string;
+};
+
+declare const MButton: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Emits, string, ButtonProps, Expose>;
+export default MButton;

package/dist/components/index.d.ts

@@ -3,3 +3,4 @@ import { default as MButton } from './MButton.vue';
 export type { ButtonColor, ButtonSize, ButtonProps, ButtonEmits, ButtonExpose } from './MButton.d.ts';
 export { MButton };
 export default MButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AACnC,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,eAAe,OAAO,CAAA"}

package/dist/index.d.ts

@@ -1,6 +1,46 @@
 export { MButton } from './components/index';
 export type { ButtonColor, ButtonSize, ButtonProps, ButtonEmits, ButtonExpose } from './components/index';
+export interface MButtonProps {
+    /**
+     * 按钮颜色
+     */
+    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * 是否为圆角按钮
+     */
+    round?: boolean;
+    /**
+     * 按钮尺寸
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 自定义弹窗消息
+     */
+    popupMessage?: string;
+}
+export interface MButtonEvents {
+    /**
+     * 点击事件
+     */
+    onClick?: (event: MouseEvent) => void;
+    /**
+     * 弹窗显示事件
+     */
+    onPopup?: (message: string) => void;
+}
+export interface MButtonExpose {
+    /**
+     * 显示弹窗
+     * @param message 弹窗消息
+     */
+    popup: (message: string) => string;
+}
 declare const _default: {
     MButton: any;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAG5C,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACb,MAAM,oBAAoB,CAAA;AAG3B,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;CACnC;;;;AAID,wBAA2C"}

package/dist/morghulis.css

@@ -1 +1 @@
-.m-btn[data-v-658f9125]{border:none;cursor:pointer;padding:.5em 1.2em;font-size:1em;transition:all .3s;display:inline-block;line-height:1;white-space:nowrap;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;font-weight:500}.m-btn.round[data-v-658f9125]{border-radius:20px}.m-btn.primary[data-v-658f9125]{background-color:#409eff;border-color:#409eff;color:#fff}.m-btn.success[data-v-658f9125]{background-color:#67c23a;border-color:#67c23a;color:#fff}.m-btn.warning[data-v-658f9125]{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.m-btn.danger[data-v-658f9125]{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.m-btn.info[data-v-658f9125]{background-color:#909399;border-color:#909399;color:#fff}.m-btn.small[data-v-658f9125]{font-size:.8em;padding:.3em .8em}.m-btn.medium[data-v-658f9125]{font-size:1em;padding:.5em 1.2em}.m-btn.large[data-v-658f9125]{font-size:1.2em;padding:.7em 1.6em}.m-btn.disabled[data-v-658f9125]{opacity:.6;cursor:not-allowed;pointer-events:none}.m-btn[data-v-658f9125]:hover:not(.disabled){opacity:.8}
+.m-btn[data-v-51bacf79]{border:none;cursor:pointer;padding:.5em 1.2em;font-size:1em;transition:all .3s;display:inline-block;line-height:1;white-space:nowrap;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;font-weight:500}.m-btn.round[data-v-51bacf79]{border-radius:20px}.m-btn.primary[data-v-51bacf79]{background-color:#409eff;border-color:#409eff;color:#fff}.m-btn.success[data-v-51bacf79]{background-color:#67c23a;border-color:#67c23a;color:#fff}.m-btn.warning[data-v-51bacf79]{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.m-btn.danger[data-v-51bacf79]{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.m-btn.info[data-v-51bacf79]{background-color:#909399;border-color:#909399;color:#fff}.m-btn.small[data-v-51bacf79]{font-size:.8em;padding:.3em .8em}.m-btn.medium[data-v-51bacf79]{font-size:1em;padding:.5em 1.2em}.m-btn.large[data-v-51bacf79]{font-size:1.2em;padding:.7em 1.6em}.m-btn.disabled[data-v-51bacf79]{opacity:.6;cursor:not-allowed;pointer-events:none}.m-btn[data-v-51bacf79]:hover:not(.disabled){opacity:.8}

package/dist/morghulis.es.js

@@ -41,27 +41,27 @@ const c = r({
     }
   },
   emits: ["click", "popup"],
-  setup(e, { emit: n, expose: l }) {
+  setup(e, { emit: n, expose: a }) {
     function o(t) {
       return window.alert(t), n("popup", t), t;
     }
-    function a(t) {
+    function l(t) {
       e.disabled || (n("click", t), o(e.popupMessage));
     }
-    return l({
+    return a({
       popup: o
     }), {
       popup: o,
-      handleClick: a
+      handleClick: l
     };
   }
 }), f = (e, n) => {
-  const l = e.__vccOpts || e;
-  for (const [o, a] of n)
-    l[o] = a;
-  return l;
+  const a = e.__vccOpts || e;
+  for (const [o, l] of n)
+    a[o] = l;
+  return a;
 }, m = ["disabled"];
-function b(e, n, l, o, a, t) {
+function b(e, n, a, o, l, t) {
   return i(), s("button", {
     class: u([
       "m-btn",
@@ -78,7 +78,7 @@ function b(e, n, l, o, a, t) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 10, m);
 }
-const k = /* @__PURE__ */ f(c, [["render", b], ["__scopeId", "data-v-658f9125"]]), B = { MButton: k };
+const k = /* @__PURE__ */ f(c, [["render", b], ["__scopeId", "data-v-51bacf79"]]), B = { MButton: k };
 export {
   k as MButton,
   B as default

package/dist/morghulis.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.Morghulis={},t.Vue))})(this,function(t,n){"use strict";const r=n.defineComponent({name:"MButton",props:{color:{type:String,default:"primary",validator:e=>["primary","success","warning","danger","info"].includes(e)},round:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:e=>["small","medium","large"].includes(e)},disabled:{type:Boolean,default:!1},popupMessage:{type:String,default:"按钮被点击！"}},emits:["click","popup"],setup(e,{emit:o,expose:l}){function d(i){return window.alert(i),o("popup",i),i}function s(i){e.disabled||(o("click",i),d(e.popupMessage))}return l({popup:d}),{popup:d,handleClick:s}}}),a=(e,o)=>{const l=e.__vccOpts||e;for(const[d,s]of o)l[d]=s;return l},p=["disabled"];function f(e,o,l,d,s,i){return n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(["m-btn",e.size,e.color,{round:e.round,disabled:e.disabled}]),disabled:e.disabled,onClick:o[0]||(o[0]=(...m)=>e.handleClick&&e.handleClick(...m))},[n.renderSlot(e.$slots,"default",{},void 0,!0)],10,p)}const u=a(r,[["render",f],["__scopeId","data-v-658f9125"]]),c={MButton:u};t.MButton=u,t.default=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.Morghulis={},t.Vue))})(this,function(t,n){"use strict";const r=n.defineComponent({name:"MButton",props:{color:{type:String,default:"primary",validator:e=>["primary","success","warning","danger","info"].includes(e)},round:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:e=>["small","medium","large"].includes(e)},disabled:{type:Boolean,default:!1},popupMessage:{type:String,default:"按钮被点击！"}},emits:["click","popup"],setup(e,{emit:o,expose:l}){function d(i){return window.alert(i),o("popup",i),i}function s(i){e.disabled||(o("click",i),d(e.popupMessage))}return l({popup:d}),{popup:d,handleClick:s}}}),a=(e,o)=>{const l=e.__vccOpts||e;for(const[d,s]of o)l[d]=s;return l},p=["disabled"];function f(e,o,l,d,s,i){return n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(["m-btn",e.size,e.color,{round:e.round,disabled:e.disabled}]),disabled:e.disabled,onClick:o[0]||(o[0]=(...m)=>e.handleClick&&e.handleClick(...m))},[n.renderSlot(e.$slots,"default",{},void 0,!0)],10,p)}const u=a(r,[["render",f],["__scopeId","data-v-51bacf79"]]),c={MButton:u};t.MButton=u,t.default=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/intellisense.json

@@ -0,0 +1,125 @@
+{
+  "version": 1,
+  "components": [
+    {
+      "name": "MButton",
+      "type": "component",
+      "description": "一个简单的按钮组件，具有多种颜色主题、尺寸选项和弹窗功能",
+      "props": [
+        {
+          "name": "color",
+          "type": "string",
+          "description": "按钮颜色",
+          "defaultValue": "primary",
+          "values": [
+            {
+              "name": "primary",
+              "description": "主要按钮"
+            },
+            {
+              "name": "success",
+              "description": "成功按钮"
+            },
+            {
+              "name": "warning",
+              "description": "警告按钮"
+            },
+            {
+              "name": "danger",
+              "description": "危险按钮"
+            },
+            {
+              "name": "info",
+              "description": "信息按钮"
+            }
+          ]
+        },
+        {
+          "name": "round",
+          "type": "boolean",
+          "description": "是否为圆角按钮",
+          "defaultValue": false
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "description": "按钮尺寸",
+          "defaultValue": "medium",
+          "values": [
+            {
+              "name": "small",
+              "description": "小型按钮"
+            },
+            {
+              "name": "medium",
+              "description": "中型按钮"
+            },
+            {
+              "name": "large",
+              "description": "大型按钮"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "description": "是否禁用",
+          "defaultValue": false
+        },
+        {
+          "name": "popupMessage",
+          "type": "string",
+          "description": "自定义弹窗消息",
+          "defaultValue": "按钮被点击！"
+        }
+      ],
+      "events": [
+        {
+          "name": "click",
+          "description": "按钮点击事件",
+          "arguments": [
+            {
+              "name": "event",
+              "type": "MouseEvent",
+              "description": "鼠标事件对象"
+            }
+          ]
+        },
+        {
+          "name": "popup",
+          "description": "弹窗显示事件",
+          "arguments": [
+            {
+              "name": "message",
+              "type": "string",
+              "description": "弹窗消息"
+            }
+          ]
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "按钮内容"
+        }
+      ],
+      "methods": [
+        {
+          "name": "popup",
+          "description": "显示弹窗",
+          "arguments": [
+            {
+              "name": "message",
+              "type": "string",
+              "description": "弹窗消息"
+            }
+          ],
+          "returns": {
+            "type": "string",
+            "description": "弹窗消息"
+          }
+        }
+      ]
+    }
+  ]
+} 

package/morghulis.d.ts

@@ -0,0 +1,132 @@
+import { DefineComponent } from 'vue'
+
+// 导出类型定义
+declare module 'morghulis' {
+  export type ButtonColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+  export type ButtonSize = 'small' | 'medium' | 'large';
+
+  // 按钮属性
+  export interface ButtonProps {
+    /**
+     * 按钮颜色
+     * @values 'primary', 'success', 'warning', 'danger', 'info'
+     */
+    color?: ButtonColor;
+    
+    /**
+     * 是否为圆角按钮
+     */
+    round?: boolean;
+    
+    /**
+     * 按钮尺寸
+     * @values 'small', 'medium', 'large'
+     */
+    size?: ButtonSize;
+    
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    
+    /**
+     * 自定义弹窗消息
+     */
+    popupMessage?: string;
+  }
+
+  // 组件事件
+  export interface ButtonEmits {
+    /**
+     * 点击事件
+     * @param event - 鼠标事件对象
+     */
+    (e: 'click', event: MouseEvent): void;
+    
+    /**
+     * 弹窗显示事件
+     * @param message - 弹窗消息
+     */
+    (e: 'popup', message: string): void;
+  }
+
+  // 组件暴露的方法
+  export interface ButtonExpose {
+    /**
+     * 显示弹窗
+     * @param message - 弹窗消息
+     * @returns 弹窗消息
+     */
+    popup?: (message: string) => string;
+  }
+
+  // 组件定义
+  /**
+   * 按钮组件
+   * 
+   * @description 一个简单的按钮组件，具有多种颜色主题、尺寸选项和弹窗功能
+   * @example
+   * <MButton>默认按钮</MButton>
+   * <MButton color="success" round>成功按钮</MButton>
+   * <MButton color="warning" size="large">警告按钮</MButton>
+   * <MButton color="danger" disabled>危险按钮</MButton>
+   * <MButton popup-message="自定义消息">弹窗按钮</MButton>
+   */
+  export const MButton: DefineComponent<ButtonProps>;
+}
+
+// 增强全局类型定义，用于支持JSX
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      /**
+       * 按钮组件
+       */
+      MButton: {
+        /**
+         * 按钮颜色
+         * @values 'primary', 'success', 'warning', 'danger', 'info'
+         */
+        color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+        
+        /**
+         * 是否为圆角按钮
+         */
+        round?: boolean;
+        
+        /**
+         * 按钮尺寸
+         * @values 'small', 'medium', 'large'
+         */
+        size?: 'small' | 'medium' | 'large';
+        
+        /**
+         * 是否禁用
+         */
+        disabled?: boolean;
+        
+        /**
+         * 自定义弹窗消息
+         */
+        popupMessage?: string;
+        
+        /**
+         * 点击事件
+         */
+        onClick?: (event: MouseEvent) => void;
+        
+        /**
+         * 弹窗事件
+         */
+        onPopup?: (message: string) => void;
+        
+        /**
+         * 子元素/插槽内容
+         */
+        children?: any;
+      }
+    }
+  }
+}
+
+export {}; 

package/package.json

@@ -1,14 +1,26 @@
 {
   "name": "morghulis",
-  "version": "2.0.62",
+  "version": "2.0.64",
   "private": false,
   "type": "module",
   "main": "dist/morghulis.umd.js",
   "module": "dist/morghulis.es.js",
-  "types": "dist/index.d.ts",
+  "types": "types/index.d.ts",
   "style": "dist/morghulis.css",
+  "typings": "types/index.d.ts",
+  "web-types": "web-types.json",
+  "vetur": {
+    "tags": "vetur/tags.json",
+    "attributes": "vetur/attributes.json"
+  },
+  "intellisense": "intellisense.json",
   "files": [
-    "dist"
+    "dist",
+    "web-types.json",
+    "vetur",
+    "morghulis.d.ts",
+    "intellisense.json",
+    "types"
   ],
   "scripts": {
     "dev": "vite",

package/types/MButton.d.ts

@@ -0,0 +1,114 @@
+import { DefineComponent, VNode, AllowedComponentProps, ComponentCustomProps } from 'vue'
+
+/**
+ * 按钮颜色类型
+ * @public
+ */
+export type ButtonColor = 
+    /** 主要按钮 */
+    'primary' | 
+    /** 成功按钮 */
+    'success' | 
+    /** 警告按钮 */
+    'warning' | 
+    /** 危险按钮 */
+    'danger' | 
+    /** 信息按钮 */
+    'info';
+
+/**
+ * 按钮尺寸类型
+ * @public
+ */
+export type ButtonSize = 
+    /** 小型按钮 */
+    'small' | 
+    /** 中型按钮 */
+    'medium' | 
+    /** 大型按钮 */
+    'large';
+
+/**
+ * 按钮属性
+ * @public
+ */
+export interface ButtonProps {
+    /**
+     * 按钮颜色
+     * @default 'primary'
+     */
+    color?: ButtonColor;
+    
+    /**
+     * 是否为圆角按钮
+     * @default false
+     */
+    round?: boolean;
+    
+    /**
+     * 按钮尺寸
+     * @default 'medium'
+     */
+    size?: ButtonSize;
+    
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    
+    /**
+     * 自定义弹窗消息
+     * @default '按钮被点击！'
+     */
+    popupMessage?: string;
+}
+
+/**
+ * 按钮暴露的方法
+ * @public
+ */
+export interface ButtonExpose {
+    /**
+     * 显示弹窗
+     * @param message - 弹窗消息
+     * @returns 弹窗消息
+     */
+    popup(message: string): string;
+}
+
+/**
+ * 按钮事件
+ * @public
+ */
+export interface ButtonEvents {
+    /**
+     * 点击事件
+     * @param e - 鼠标事件对象
+     */
+    onClick?: (e: MouseEvent) => void;
+    
+    /**
+     * 弹窗事件
+     * @param message - 弹窗消息
+     */
+    onPopup?: (message: string) => void;
+}
+
+/**
+ * 按钮组件
+ * 
+ * @description 一个简单的按钮组件，具有多种颜色主题、尺寸选项和弹窗功能
+ * @example
+ * ```vue
+ * <MButton>默认按钮</MButton>
+ * <MButton color="success" round>成功按钮</MButton>
+ * <MButton color="warning" size="large">警告按钮</MButton>
+ * <MButton color="danger" disabled>危险按钮</MButton>
+ * <MButton popup-message="自定义消息">弹窗按钮</MButton>
+ * ```
+ * 
+ * @see [文档](https://github.com/morghulis/morghulis)
+ * @public
+ */
+export declare const MButton: DefineComponent<ButtonProps>; 

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './MButton';
+
+// 导出组件集合
+import { MButton } from './MButton';
+export { MButton }; 

package/vetur/attributes.json

@@ -0,0 +1,36 @@
+{
+  "m-button/color": {
+    "type": "string",
+    "description": "按钮颜色，可选值为 'primary', 'success', 'warning', 'danger', 'info'",
+    "options": ["primary", "success", "warning", "danger", "info"],
+    "optionDescriptions": {
+      "primary": "主要按钮",
+      "success": "成功按钮",
+      "warning": "警告按钮",
+      "danger": "危险按钮",
+      "info": "信息按钮"
+    }
+  },
+  "m-button/round": {
+    "type": "boolean",
+    "description": "是否为圆角按钮"
+  },
+  "m-button/size": {
+    "type": "string",
+    "description": "按钮尺寸，可选值为 'small', 'medium', 'large'",
+    "options": ["small", "medium", "large"],
+    "optionDescriptions": {
+      "small": "小型按钮",
+      "medium": "中型按钮",
+      "large": "大型按钮"
+    }
+  },
+  "m-button/disabled": {
+    "type": "boolean",
+    "description": "是否禁用"
+  },
+  "m-button/popup-message": {
+    "type": "string",
+    "description": "自定义弹窗消息"
+  }
+} 

package/vetur/tags.json

@@ -0,0 +1,6 @@
+{
+  "m-button": {
+    "attributes": ["color", "round", "size", "disabled", "popup-message"],
+    "description": "一个简单的按钮组件，具有多种颜色主题、尺寸选项和弹窗功能"
+  }
+} 

package/web-types.json

@@ -0,0 +1,124 @@
+{
+  "$schema": "https://json.schemastore.org/web-types",
+  "framework": "vue",
+  "version": "2.0.0",
+  "name": "morghulis",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "MButton",
+          "description": "一个简单的按钮组件，具有多种颜色主题、尺寸选项和弹窗功能",
+          "doc-url": "https://github.com/morghulis/morghulis",
+          "attributes": [
+            {
+              "name": "color",
+              "description": "按钮颜色",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "primary",
+              "values": [
+                {
+                  "name": "primary",
+                  "description": "主要按钮"
+                },
+                {
+                  "name": "success",
+                  "description": "成功按钮"
+                },
+                {
+                  "name": "warning",
+                  "description": "警告按钮"
+                },
+                {
+                  "name": "danger",
+                  "description": "危险按钮"
+                },
+                {
+                  "name": "info",
+                  "description": "信息按钮"
+                }
+              ]
+            },
+            {
+              "name": "round",
+              "description": "是否为圆角按钮",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "size",
+              "description": "按钮尺寸",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "medium",
+              "values": [
+                {
+                  "name": "small",
+                  "description": "小型按钮"
+                },
+                {
+                  "name": "medium",
+                  "description": "中型按钮"
+                },
+                {
+                  "name": "large",
+                  "description": "大型按钮"
+                }
+              ]
+            },
+            {
+              "name": "disabled",
+              "description": "是否禁用",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "popup-message",
+              "description": "自定义弹窗消息",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "按钮被点击！"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "按钮点击事件"
+            },
+            {
+              "name": "popup",
+              "description": "弹窗显示事件，参数为弹窗消息"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "按钮内容"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "popup",
+                "description": "显示弹窗，参数为弹窗消息"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }
+}