morghulis 2.0.57 → 2.0.59

package/README.md

@@ -1,4 +1,4 @@
-# button
+# button2
 
 This template should help get you started developing with Vue 3 in Vite.
 

package/dist/morghulis.css

@@ -1 +1 @@
-.m-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:#606266;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:#fff;border:1px solid #dcdfe6;padding:8px 15px;font-size:14px;border-radius:4px}.m-button:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.m-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:none}.m-button--primary{color:#fff;background-color:#409eff;border-color:#409eff}.m-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.m-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.m-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.m-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.m-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.m-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.m-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.m-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.m-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.m-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.m-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.m-button--info{color:#fff;background-color:#909399;border-color:#909399}.m-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.m-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.m-button--small{height:24px;padding:5px 11px;font-size:12px;border-radius:3px}.m-button--large{height:40px;padding:12px 19px;font-size:16px;border-radius:4px}.m-button--round{border-radius:20px}.m-button--circle{border-radius:50%;padding:8px}.m-button--plain{background:transparent}.m-button--plain.m-button--primary{color:#409eff}.m-button--plain.m-button--success{color:#67c23a}.m-button--plain.m-button--warning{color:#e6a23c}.m-button--plain.m-button--danger{color:#f56c6c}.m-button--plain.m-button--info{color:#909399}.m-button--disabled,.m-button--disabled:hover,.m-button--disabled:focus,.m-button--disabled:active{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.m-button--disabled.m-button--primary,.m-button--disabled.m-button--success,.m-button--disabled.m-button--warning,.m-button--disabled.m-button--danger,.m-button--disabled.m-button--info{color:#fff;background-color:#a0cfff;border-color:#a0cfff;opacity:.6}.m-button__loading{display:inline-flex;align-items:center;margin-right:5px}.m-button__loading-icon{animation:rotating 2s linear infinite}.m-button__icon{margin-right:5px}.m-button__icon+.m-button__text{margin-left:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+.m-btn[data-v-455b51a7]{border:none;cursor:pointer;padding:.5em 1.2em;font-size:1em;transition:background .2s,color .2s}.m-btn.primary[data-v-455b51a7]{background:#409eff;color:#fff}.m-btn.round[data-v-455b51a7]{border-radius:999px}.m-btn.small[data-v-455b51a7]{font-size:.8em;padding:.3em .8em}.m-btn.medium[data-v-455b51a7]{font-size:1em;padding:.5em 1.2em}.m-btn.large[data-v-455b51a7]{font-size:1.2em;padding:.7em 1.6em}

package/dist/morghulis.es.js

@@ -1,126 +1,43 @@
-import { defineComponent as u, computed as c, createVNode as n } from "vue";
-const s = {
-  /**
-   * 按钮类型
-   * @values default, primary, success, warning, danger, info, text
-   */
-  type: {
-    type: String,
-    default: "default"
-  },
-  /**
-   * 按钮尺寸
-   * @values large, default, small
-   */
-  size: {
-    type: String,
-    default: "default"
-  },
-  /**
-   * 是否为朴素按钮
-   */
-  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: ""
+import { defineComponent as c, createElementBlock as u, openBlock as i, normalizeClass as p, renderSlot as s } from "vue";
+const d = /* @__PURE__ */ c({
+  __name: "MButton",
+  props: {
+    color: {
+      type: String,
+      default: "primary"
+    },
+    round: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (t) => ["small", "medium", "large"].includes(t)
+    }
+  },
+  emits: ["popup"],
+  setup(t, { expose: r, emit: o }) {
+    const l = o;
+    function n(e) {
+      window.alert(e), l("popup", e);
+    }
+    function a(e) {
+      n("按钮被点击！");
+    }
+    return r({ popup: n }), (e, f) => (i(), u("button", {
+      class: p(["m-btn", t.size, t.color, { round: t.round }]),
+      onClick: a
+    }, [
+      s(e.$slots, "default", {}, void 0, !0)
+    ], 2));
   }
-}, a = /* @__PURE__ */ u({
-  name: "MButton",
-  props: s,
-  emits: ["click"],
-  setup(t, {
-    slots: l,
-    emit: o
-  }) {
-    const i = c(() => ["m-button", `m-button--${t.type}`, `m-button--${t.size}`, {
-      "m-button--round": t.round,
-      "m-button--plain": t.plain,
-      "m-button--circle": t.circle,
-      "m-button--disabled": t.disabled,
-      "m-button--loading": t.loading
-    }]), d = (e) => {
-      t.disabled || t.loading || o("click", e);
-    };
-    return () => {
-      var e;
-      return n("button", {
-        class: i.value,
-        disabled: t.disabled,
-        onClick: d
-      }, [t.loading && n("span", {
-        class: "m-button__loading"
-      }, [n("svg", {
-        class: "m-button__loading-icon",
-        viewBox: "0 0 1024 1024",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "16",
-        height: "16"
-      }, [n("path", {
-        d: "M512 64c-247.42 0-448 200.58-448 448s200.58 448 448 448 448-200.58 448-448-200.58-448-448-448zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-        fill: "#e6e6e6"
-      }, null), n("path", {
-        d: "M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372V140z",
-        fill: "currentColor"
-      }, null)])]), t.icon && !t.loading && n("span", {
-        class: "m-button__icon"
-      }, [n("i", {
-        class: t.icon
-      }, null)]), n("span", {
-        class: "m-button__text"
-      }, [((e = l.default) == null ? void 0 : e.call(l)) || t.text])]);
-    };
-  }
-}), f = (t) => {
-  t.component("MButton", a);
-}, b = (t) => {
-  f(t);
-}, g = {
-  install: b,
-  MButton: a
-};
+}), m = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [l, n] of r)
+    o[l] = n;
+  return o;
+}, k = /* @__PURE__ */ m(d, [["__scopeId", "data-v-455b51a7"]]);
 export {
-  a as MButton,
-  g as default,
-  b as install
+  k as MButton
 };

package/dist/morghulis.umd.js

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

package/package.json

@@ -1,68 +1,35 @@
 {
   "name": "morghulis",
-  "version": "2.0.57",
-  "description": "一个Vue 3按钮组件库，支持TypeScript和IDE自动补全",
+  "version": "2.0.59",
+  "private": false,
   "type": "module",
-  "main": "dist/morghulis.es.js",
+  "main": "dist/morghulis.umd.js",
   "module": "dist/morghulis.es.js",
-  "types": "pycharm.d.ts",
-  "exports": {
-    ".": {
-      "types": [
-        "./pycharm.d.ts", 
-        "./vue-shim.d.ts",
-        "./index.d.ts"
-      ],
-      "import": "./dist/morghulis.es.js",
-      "require": "./dist/morghulis.es.js"
-    },
-    "./dist/morghulis.css": "./dist/morghulis.css"
-  },
+  "types": "dist/index.d.ts",
+  "style": "dist/morghulis.css",
   "files": [
-    "dist",
-    "index.d.ts",
-    "pycharm.d.ts",
-    "vue-shim.d.ts"
+    "dist"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "npm run build-only",
+    "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
     "build-only": "vite build",
-    "type-check": "vue-tsc --build",
-    "generate-types": "vue-tsc --project tsconfig.app.json --declaration --emitDeclarationOnly --outDir dist/types",
-    "prepublishOnly": "npm run build"
+    "build-lib": "vite build --config vite.lib.config.ts",
+    "type-check": "vue-tsc --build"
   },
-  "keywords": [
-    "vue",
-    "vue3",
-    "component",
-    "button",
-    "typescript",
-    "ui"
-  ],
-  "author": "",
-  "license": "MIT",
   "dependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.5.13"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.1",
     "@types/node": "^22.14.0",
-    "@types/vue": "^1.0.31",
     "@vitejs/plugin-vue": "^5.2.3",
-    "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@vue/tsconfig": "^0.7.0",
     "npm-run-all2": "^7.0.2",
     "typescript": "~5.8.0",
     "vite": "^6.2.4",
     "vite-plugin-vue-devtools": "^7.7.2",
     "vue-tsc": "^2.2.8"
-  },
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
   }
 }

package/index.d.ts

@@ -1,58 +0,0 @@
-// 按钮类型
-export type MButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-
-// 按钮尺寸
-export type MButtonSize = 'large' | 'default' | 'small';
-
-// 按钮属性
-export interface MButtonProps {
-  type?: MButtonType;
-  size?: MButtonSize;
-  plain?: boolean;
-  round?: boolean;
-  circle?: boolean;
-  disabled?: boolean;
-  loading?: boolean;
-  icon?: string;
-  text?: string;
-}
-
-// 按钮组件
-export const MButton: any;
-
-// 安装函数
-export function install(app: any): void;
-
-// 默认导出
-export default {
-  MButton,
-  install
-};
-
-// 全局组件声明
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    MButton: MButton
-  }
-}
-
-// 直接声明方式
-declare module 'morghulis' {
-  export const MButton: MButton
-}
-
-// 直接扩展Vue
-declare module 'vue/types/vue' {
-  interface Vue {
-    $MButton: typeof MButton
-  }
-}
-
-// JSX支持
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      'MButton': MButton
-    }
-  }
-} 

package/pycharm.d.ts

@@ -1,70 +0,0 @@
-/**
- * PyCharm专用类型定义文件
- * 这个文件的设计目的是专门适配PyCharm的类型识别系统
- */
-
-// 定义按钮类型的字面量类型
-declare const DEFAULT: 'default';
-declare const PRIMARY: 'primary';
-declare const SUCCESS: 'success';
-declare const WARNING: 'warning';
-declare const DANGER: 'danger';
-declare const INFO: 'info';
-declare const TEXT: 'text';
-
-// 定义按钮尺寸的字面量类型
-declare const LARGE: 'large';
-declare const SMALL: 'small';
-
-// 定义全局MButton对象
-declare const MButton: {
-  /**
-   * 按钮类型
-   * 可选值: default, primary, success, warning, danger, info, text
-   */
-  type: typeof DEFAULT | typeof PRIMARY | typeof SUCCESS | typeof WARNING | typeof DANGER | typeof INFO | typeof TEXT;
-  
-  /**
-   * 按钮尺寸
-   * 可选值: large, default, small
-   */
-  size: typeof LARGE | 'default' | typeof SMALL;
-  
-  /**
-   * 是否为朴素按钮
-   */
-  plain: boolean;
-  
-  /**
-   * 是否为圆角按钮
-   */
-  round: boolean;
-  
-  /**
-   * 是否为圆形按钮
-   */
-  circle: boolean;
-  
-  /**
-   * 是否禁用按钮
-   */
-  disabled: boolean;
-  
-  /**
-   * 是否显示加载状态
-   */
-  loading: boolean;
-  
-  /**
-   * 按钮图标类名
-   */
-  icon: string;
-  
-  /**
-   * 按钮文本
-   */
-  text: string;
-};
-
-// 导出按钮组件
-export { MButton }; 

package/vue-shim.d.ts

@@ -1,54 +0,0 @@
-import { ComponentOptions } from 'vue'
-
-// Vue扩展
-declare module 'vue/types/options' {
-  interface ComponentOptions {
-    MButton?: {
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-      size?: 'large' | 'default' | 'small';
-      plain?: boolean;
-      round?: boolean;
-      circle?: boolean;
-      disabled?: boolean;
-      loading?: boolean;
-      icon?: string;
-      text?: string;
-    }
-  }
-}
-
-// 组件声明
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    MButton: {
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-      size?: 'large' | 'default' | 'small';
-      plain?: boolean;
-      round?: boolean;
-      circle?: boolean;
-      disabled?: boolean;
-      loading?: boolean;
-      icon?: string;
-      text?: string;
-    }
-  }
-}
-
-// 为Vue添加类型定义
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $morghulis: {
-      MButton: {
-        type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-        size?: 'large' | 'default' | 'small';
-        plain?: boolean;
-        round?: boolean;
-        circle?: boolean;
-        disabled?: boolean;
-        loading?: boolean;
-        icon?: string;
-        text?: string;
-      }
-    }
-  }
-}