npm - morghulis - Versions diffs - 2.0.40 → 2.0.42 - Mend

morghulis 2.0.40 → 2.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -1,134 +1,33 @@
-# Morghulis
+# button
-一个简洁、高效的Vue 3按钮组件库，提供完整的TypeScript类型支持。
+This template should help get you started developing with Vue 3 in Vite.
-## 特性
+## Recommended IDE Setup
-- 🎨 多种按钮样式：默认、主要、成功、警告、危险、信息
-- 📏 多种尺寸：小、中、大
-- 🔄 加载状态
-- 🚫 禁用状态
-- 🔘 圆角按钮
-- ⚙️ 完整的TypeScript类型支持和IDE自动补全
-- 🧩 支持全局注册和按需引入
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-## 安装
+## Type Support for `.vue` Imports in TS
-```bash
-npm install morghulis
-```
-## 全局注册
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
-```ts
-// main.ts
-import { createApp } from 'vue'
-import App from './App.vue'
-import Morghulis from 'morghulis'
+## Customize configuration
-const app = createApp(App)
-app.use(Morghulis)
-app.mount('#app')
-```
+See [Vite Configuration Reference](https://vite.dev/config/).
-## 按需引入
+## Project Setup
-```vue
-<script setup lang="ts">
-import { MButton } from 'morghulis'
-</script>
-<template>
-  <MButton>默认按钮</MButton>
-  <MButton type="primary">主要按钮</MButton>
-</template>
+```sh
+npm install
 ```
-## API
-### 属性
-| 属性名 | 类型 | 默认值 | 描述 |
-| --- | --- | --- | --- |
-| type | 'default' \| 'primary' \| 'success' \| 'warning' \| 'danger' \| 'info' | 'default' | 按钮类型 |
-| size | 'small' \| 'medium' \| 'large' | 'medium' | 按钮尺寸 |
-| round | boolean | false | 是否为圆角按钮 |
-| plain | boolean | false | 是否为朴素按钮 |
-| disabled | boolean | false | 是否禁用 |
-| loading | boolean | false | 是否为加载状态 |
-| text | string | - | 按钮文本 |
-| icon | string | - | 按钮图标类名 |
-### 事件
-| 事件名 | 类型 | 描述 |
-| --- | --- | --- |
-| click | (event: MouseEvent) => void | 点击按钮时触发 |
-### 方法
+### Compile and Hot-Reload for Development
-可以通过模板ref获取按钮实例并调用其方法：
-```vue
-<script setup lang="ts">
-import { ref } from 'vue'
-import { MButton } from 'morghulis'
-const buttonRef = ref<InstanceType<typeof MButton> | null>(null)
-const triggerButtonClick = () => {
-  buttonRef.value?.triggerClick()
-}
-</script>
-<template>
-  <MButton ref="buttonRef">按钮</MButton>
-</template>
+```sh
+npm run dev
 ```
-| 方法名 | 描述 |
-| --- | --- |
-| triggerClick | 模拟按钮点击事件 |
+### Type-Check, Compile and Minify for Production
-## 示例
-```vue
-<template>
-  <!-- 基础用法 -->
-  <MButton>默认按钮</MButton>
-  <MButton type="primary">主要按钮</MButton>
-  <MButton type="success">成功按钮</MButton>
-  <MButton type="warning">警告按钮</MButton>
-  <MButton type="danger">危险按钮</MButton>
-  <MButton type="info">信息按钮</MButton>
-  <!-- 尺寸 -->
-  <MButton size="small">小型按钮</MButton>
-  <MButton>默认按钮</MButton>
-  <MButton size="large">大型按钮</MButton>
-  <!-- 圆角和朴素按钮 -->
-  <MButton round>圆角按钮</MButton>
-  <MButton plain>朴素按钮</MButton>
-  <!-- 禁用和加载状态 -->
-  <MButton disabled>禁用按钮</MButton>
-  <MButton loading>加载中</MButton>
-  <!-- 带图标的按钮 -->
-  <MButton icon="icon-search">搜索</MButton>
-  <!-- 点击事件 -->
-  <MButton @click="handleClick">点击我</MButton>
-</template>
-<script setup lang="ts">
-const handleClick = (event: MouseEvent) => {
-  console.log('按钮被点击', event)
-}
-</script>
+```sh
+npm run build
 ```
-## 许可证
-MIT

package/dist/morghulis.css CHANGED Viewed

	@@ -1 +1 @@
1	- .m-button[data-v-~~191e53ce~~]{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[data-v-~~191e53ce~~]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.m-button[data-v-~~191e53ce~~]:active{color:#3a8ee6;border-color:#3a8ee6;outline:none}.m-button--primary[data-v-~~191e53ce~~]{color:#fff;background-color:#409eff;border-color:#409eff}.m-button--primary[data-v-~~191e53ce~~]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.m-button--primary[data-v-~~191e53ce~~]:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.m-button--success[data-v-~~191e53ce~~]{color:#fff;background-color:#67c23a;border-color:#67c23a}.m-button--success[data-v-~~191e53ce~~]:hover{background:#85ce61;border-color:#85ce61;color:#fff}.m-button--success[data-v-~~191e53ce~~]:active{background:#5daf34;border-color:#5daf34;color:#fff}.m-button--warning[data-v-~~191e53ce~~]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.m-button--warning[data-v-~~191e53ce~~]:hover{background:#ebb563;border-color:#ebb563;color:#fff}.m-button--warning[data-v-~~191e53ce~~]:active{background:#cf9236;border-color:#cf9236;color:#fff}.m-button--danger[data-v-~~191e53ce~~]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.m-button--danger[data-v-~~191e53ce~~]:hover{background:#f78989;border-color:#f78989;color:#fff}.m-button--danger[data-v-~~191e53ce~~]:active{background:#dd6161;border-color:#dd6161;color:#fff}.m-button--info[data-v-~~191e53ce~~]{color:#fff;background-color:#909399;border-color:#909399}.m-button--info[data-v-~~191e53ce~~]:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.m-button--info[data-v-~~191e53ce~~]:active{background:#82848a;border-color:#82848a;color:#fff}.m-button--small[data-v-~~191e53ce~~]{height:24px;padding:5px 11px;font-size:12px;border-radius:3px}.m-button--large[data-v-~~191e53ce~~]{height:40px;padding:12px 19px;font-size:16px;border-radius:4px}.m-button--round[data-v-~~191e53ce~~]{border-radius:20px}.m-button--plain[data-v-~~191e53ce~~]{background:transparent}.m-button--plain.m-button--primary[data-v-~~191e53ce~~]{color:#409eff}.m-button--plain.m-button--success[data-v-~~191e53ce~~]{color:#67c23a}.m-button--plain.m-button--warning[data-v-~~191e53ce~~]{color:#e6a23c}.m-button--plain.m-button--danger[data-v-~~191e53ce~~]{color:#f56c6c}.m-button--plain.m-button--info[data-v-~~191e53ce~~]{color:#909399}.m-button--disabled[data-v-~~191e53ce~~],.m-button--disabled[data-v-~~191e53ce~~]:hover,.m-button--disabled[data-v-~~191e53ce~~]:focus,.m-button--disabled[data-v-~~191e53ce~~]:active{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.m-button--disabled.m-button--primary[data-v-~~191e53ce~~],.m-button--disabled.m-button--success[data-v-~~191e53ce~~],.m-button--disabled.m-button--warning[data-v-~~191e53ce~~],.m-button--disabled.m-button--danger[data-v-~~191e53ce~~],.m-button--disabled.m-button--info[data-v-~~191e53ce~~]{color:#fff;background-color:#a0cfff;border-color:#a0cfff;opacity:.6}.m-button__loading[data-v-~~191e53ce~~]{display:inline-flex;align-items:center;margin-right:5px}.m-button__loading-icon[data-v-~~191e53ce~~]{animation:rotating-~~191e53ce~~ 2s linear infinite}.m-button__icon[data-v-~~191e53ce~~]{margin-right:5px}.m-button__icon+.m-button__text[data-v-~~191e53ce~~]{margin-left:5px}@keyframes rotating-~~191e53ce~~{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
1	+ .m-button[data-v-1d04af69]{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[data-v-1d04af69]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.m-button[data-v-1d04af69]:active{color:#3a8ee6;border-color:#3a8ee6;outline:none}.m-button--primary[data-v-1d04af69]{color:#fff;background-color:#409eff;border-color:#409eff}.m-button--primary[data-v-1d04af69]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.m-button--primary[data-v-1d04af69]:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.m-button--success[data-v-1d04af69]{color:#fff;background-color:#67c23a;border-color:#67c23a}.m-button--success[data-v-1d04af69]:hover{background:#85ce61;border-color:#85ce61;color:#fff}.m-button--success[data-v-1d04af69]:active{background:#5daf34;border-color:#5daf34;color:#fff}.m-button--warning[data-v-1d04af69]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.m-button--warning[data-v-1d04af69]:hover{background:#ebb563;border-color:#ebb563;color:#fff}.m-button--warning[data-v-1d04af69]:active{background:#cf9236;border-color:#cf9236;color:#fff}.m-button--danger[data-v-1d04af69]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.m-button--danger[data-v-1d04af69]:hover{background:#f78989;border-color:#f78989;color:#fff}.m-button--danger[data-v-1d04af69]:active{background:#dd6161;border-color:#dd6161;color:#fff}.m-button--info[data-v-1d04af69]{color:#fff;background-color:#909399;border-color:#909399}.m-button--info[data-v-1d04af69]:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.m-button--info[data-v-1d04af69]:active{background:#82848a;border-color:#82848a;color:#fff}.m-button--small[data-v-1d04af69]{height:24px;padding:5px 11px;font-size:12px;border-radius:3px}.m-button--large[data-v-1d04af69]{height:40px;padding:12px 19px;font-size:16px;border-radius:4px}.m-button--round[data-v-1d04af69]{border-radius:20px}.m-button--plain[data-v-1d04af69]{background:transparent}.m-button--plain.m-button--primary[data-v-1d04af69]{color:#409eff}.m-button--plain.m-button--success[data-v-1d04af69]{color:#67c23a}.m-button--plain.m-button--warning[data-v-1d04af69]{color:#e6a23c}.m-button--plain.m-button--danger[data-v-1d04af69]{color:#f56c6c}.m-button--plain.m-button--info[data-v-1d04af69]{color:#909399}.m-button--disabled[data-v-1d04af69],.m-button--disabled[data-v-1d04af69]:hover,.m-button--disabled[data-v-1d04af69]:focus,.m-button--disabled[data-v-1d04af69]:active{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.m-button--disabled.m-button--primary[data-v-1d04af69],.m-button--disabled.m-button--success[data-v-1d04af69],.m-button--disabled.m-button--warning[data-v-1d04af69],.m-button--disabled.m-button--danger[data-v-1d04af69],.m-button--disabled.m-button--info[data-v-1d04af69]{color:#fff;background-color:#a0cfff;border-color:#a0cfff;opacity:.6}.m-button__loading[data-v-1d04af69]{display:inline-flex;align-items:center;margin-right:5px}.m-button__loading-icon[data-v-1d04af69]{animation:rotating-1d04af69 2s linear infinite}.m-button__icon[data-v-1d04af69]{margin-right:5px}.m-button__icon+.m-button__text[data-v-1d04af69]{margin-left:5px}@keyframes rotating-1d04af69{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/morghulis.es.js CHANGED Viewed

@@ -1,29 +1,69 @@
-import { defineComponent as f, computed as b, createElementBlock as s, openBlock as a, normalizeClass as r, createCommentVNode as c, createElementVNode as i, renderSlot as g, createTextVNode as _, toDisplayString as k } from "vue";
-const y = ["disabled"], B = {
-  key: 0,
-  class: "m-button__loading"
-}, h = {
-  key: 1,
-  class: "m-button__icon"
-}, C = {
-  key: 2,
-  class: "m-button__text"
-}, v = /* @__PURE__ */ f({
+import { defineComponent as m, computed as b, createElementBlock as a, openBlock as s, normalizeClass as c, createCommentVNode as d, createElementVNode as i, renderSlot as g, createTextVNode as p, toDisplayString as k } from "vue";
+const y = m({
   name: "MButton",
-  __name: "MButton",
   props: {
-    type: { default: "default" },
-    size: { default: "medium" },
-    round: { type: Boolean, default: !1 },
-    plain: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    text: {},
-    loading: { type: Boolean, default: !1 },
-    icon: {}
+    /**
+     * 按钮类型
+     * @values default, primary, success, warning, danger, info
+     */
+    type: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * 按钮尺寸
+     * @values small, medium, large
+     */
+    size: {
+      type: String,
+      default: "medium"
+    },
+    /**
+     * 是否为圆角按钮
+     */
+    round: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 是否为朴素按钮
+     */
+    plain: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 是否禁用按钮
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 按钮文本
+     */
+    text: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * 是否显示加载状态
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 按钮图标类名
+     */
+    icon: {
+      type: String,
+      default: void 0
+    }
   },
   emits: ["click"],
-  setup(o, { expose: d, emit: n }) {
-    const t = o, l = n, m = b(() => [
+  setup(t, { emit: e, expose: n }) {
+    const o = b(() => [
       "m-button",
       `m-button--${t.type}`,
       `m-button--${t.size}`,
@@ -33,60 +73,82 @@ const y = ["disabled"], B = {
         "m-button--disabled": t.disabled,
         "m-button--loading": t.loading
       }
-    ]), p = (e) => {
-      t.disabled || t.loading || l("click", e);
+    ]), l = (u) => {
+      t.disabled || t.loading || e("click", u);
     };
-    return d({
+    return n({
+      /**
+       * 触发按钮点击事件
+       */
       triggerClick: () => {
-        !t.disabled && !t.loading && l("click", new MouseEvent("click"));
+        !t.disabled && !t.loading && e("click", new MouseEvent("click"));
       }
-    }), (e, u) => (a(), s("button", {
-      class: r(m.value),
-      disabled: e.disabled,
-      onClick: p
-    }, [
-      e.loading ? (a(), s("span", B, u[0] || (u[0] = [
-        i("svg", {
-          class: "m-button__loading-icon",
-          viewBox: "0 0 1024 1024",
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "16",
-          height: "16"
-        }, [
-          i("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"
-          }),
-          i("path", {
-            d: "M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372V140z",
-            fill: "currentColor"
-          })
-        ], -1)
-      ]))) : c("", !0),
-      e.icon && !e.loading ? (a(), s("span", h, [
-        i("i", {
-          class: r(e.icon)
-        }, null, 2)
-      ])) : c("", !0),
-      e.$slots.default || e.text ? (a(), s("span", C, [
-        g(e.$slots, "default", {}, () => [
-          _(k(e.text), 1)
-        ], !0)
-      ])) : c("", !0)
-    ], 10, y));
+    }), {
+      buttonClass: o,
+      handleClick: l
+    };
   }
-}), w = (o, d) => {
-  const n = o.__vccOpts || o;
-  for (const [t, l] of d)
-    n[t] = l;
+}), _ = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, l] of e)
+    n[o] = l;
   return n;
-}, M = /* @__PURE__ */ w(v, [["__scopeId", "data-v-191e53ce"]]), z = (o) => {
-  o.component("MButton", M);
-}, x = {
-  install: z
+}, C = ["disabled"], h = {
+  key: 0,
+  class: "m-button__loading"
+}, B = {
+  key: 1,
+  class: "m-button__icon"
+}, v = {
+  key: 2,
+  class: "m-button__text"
+};
+function $(t, e, n, o, l, u) {
+  return s(), a("button", {
+    class: c(t.buttonClass),
+    disabled: t.disabled,
+    onClick: e[0] || (e[0] = (...f) => t.handleClick && t.handleClick(...f))
+  }, [
+    t.loading ? (s(), a("span", h, e[1] || (e[1] = [
+      i("svg", {
+        class: "m-button__loading-icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16"
+      }, [
+        i("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"
+        }),
+        i("path", {
+          d: "M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372V140z",
+          fill: "currentColor"
+        })
+      ], -1)
+    ]))) : d("", !0),
+    t.icon && !t.loading ? (s(), a("span", B, [
+      i("i", {
+        class: c(t.icon)
+      }, null, 2)
+    ])) : d("", !0),
+    t.$slots.default || t.text ? (s(), a("span", v, [
+      g(t.$slots, "default", {}, () => [
+        p(k(t.text), 1)
+      ], !0)
+    ])) : d("", !0)
+  ], 10, C);
+}
+const r = /* @__PURE__ */ _(y, [["render", $], ["__scopeId", "data-v-1d04af69"]]), w = (t) => {
+  t.component("MButton", r);
+}, z = (t) => {
+  w(t);
+}, S = {
+  install: z,
+  MButton: r
 };
 export {
-  M as MButton,
-  x as default,
+  r as MButton,
+  S as default,
   z as install
 };

package/package.json CHANGED Viewed

@@ -1,23 +1,39 @@
 {
   "name": "morghulis",
-  "version": "2.0.40",
-  "private": false,
+  "version": "2.0.42",
+  "description": "一个Vue 3按钮组件库，支持TypeScript和IDE自动补全",
   "type": "module",
-  "main": "./dist/morghulis.es.js",
-  "module": "./dist/morghulis.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": "./dist/morghulis.es.js",
+  "main": "dist/morghulis.es.js",
+  "module": "dist/morghulis.es.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/morghulis.es.js",
+      "require": "./dist/morghulis.es.js"
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build && npm run build:types",
-    "build:types": "cp ./src/morghulis.d.ts ./dist/index.d.ts",
+    "build": "run-p type-check build-only",
     "preview": "vite preview",
+    "build-only": "vite build",
     "type-check": "vue-tsc --build",
     "prepublishOnly": "npm run build"
   },
+  "keywords": [
+    "vue",
+    "vue3",
+    "component",
+    "button",
+    "typescript",
+    "ui"
+  ],
+  "author": "",
+  "license": "MIT",
   "dependencies": {
     "vue": "^3.5.13"
   },
@@ -29,18 +45,13 @@
     "npm-run-all2": "^7.0.2",
     "typescript": "~5.8.0",
     "vite": "^6.2.4",
-    "vite-plugin-dts": "^3.0.0",
     "vite-plugin-vue-devtools": "^7.7.2",
     "vue-tsc": "^2.2.8"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
   },
-  "keywords": [
-    "vue",
-    "button",
-    "component",
-    "ui"
-  ],
-  "license": "MIT"
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/dist/index.d.ts DELETED Viewed

@@ -1,60 +0,0 @@
-import { App, DefineComponent } from 'vue'
-export interface MButtonProps {
-  /**
-   * 按钮类型
-   * @default 'default'
-   */
-  type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'
-  /**
-   * 按钮尺寸
-   * @default 'medium'
-   */
-  size?: 'small' | 'medium' | 'large'
-  /**
-   * 是否为圆角按钮
-   * @default false
-   */
-  round?: boolean
-  /**
-   * 是否为朴素按钮
-   * @default false
-   */
-  plain?: boolean
-  /**
-   * 是否禁用
-   * @default false
-   */
-  disabled?: boolean
-  /**
-   * 按钮文本
-   */
-  text?: string
-  /**
-   * 按钮加载状态
-   * @default false
-   */
-  loading?: boolean
-  /**
-   * 自定义图标
-   */
-  icon?: string
-}
-export interface MButtonExpose {
-  /**
-   * 模拟点击按钮
-   */
-  triggerClick: () => void
-}
-export const MButton: DefineComponent<MButtonProps>
-export function install(app: App): void
-declare const _default: {
-  install: typeof install
-  MButton: typeof MButton
-}
-export default _default