npm - koru-ui - Versions diffs - 1.0.0 - Mend

koru-ui 1.0.0

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 (8) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2026 奋进的蜗牛
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,25 @@
+<p align="center">
+  <img src="./public/logo.svg" alt="Koru UI Logo" width="200" />
+  <img src="./public/logo2.svg" alt="Koru UI Logo" width="200" />
+</p>
+<h1 align="center">Koru UI</h1>
+---
+## 简介
+Koru UI 是一个基于 Vue 3 和 TypeScript 的现代化组件库，其设计灵感来源于蜗牛的坚韧和稳健。我们相信，如同蜗牛一样，优秀的组件库应该以稳定可靠为核心，逐步前行，为开发者提供坚实的支持。
+## 安装
+```bash
+# 使用 npm
+npm install @koru/ui
+# 使用 yarn
+yarn add @koru/ui
+# 使用 pnpm
+pnpm add @koru/ui
+```

package/dist/logo.svg ADDED Viewed

@@ -0,0 +1,28 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <!-- 蜗牛身体 -->
+  <path d="M100 140 Q120 130 125 110 Q130 90 120 70 Q100 40 80 60 Q70 70 75 90 Q80 110 100 120"
+        fill="#4FC08D" stroke="#35495E" stroke-width="2"/>
+  <!-- 蜗牛头部 -->
+  <circle cx="120" cy="70" r="12" fill="#4FC08D" stroke="#35495E" stroke-width="2"/>
+  <!-- 蜗牛眼睛 -->
+  <circle cx="125" cy="65" r="3" fill="#35495E"/>
+  <!-- 蜗牛触角 -->
+  <line x1="118" y1="60" x2="110" y2="45" stroke="#35495E" stroke-width="2"/>
+  <line x1="122" y1="60" x2="130" y2="45" stroke="#35495E" stroke-width="2"/>
+  <!-- 蜗牛壳 -->
+  <path d="M100 120 C80 110, 70 90, 80 70 C90 50, 110 50, 120 70 C130 90, 120 110, 100 120
+           C90 115, 85 105, 90 95 C95 85, 105 85, 110 95 C115 105, 110 115, 100 120"
+        fill="#41B883" stroke="#35495E" stroke-width="2"/>
+  <!-- 壳上的纹理 -->
+  <path d="M100 100 C95 98, 93 93, 95 88 C97 83, 103 83, 105 88 C107 93, 105 98, 100 100"
+        fill="none" stroke="#35495E" stroke-width="1"/>
+  <!-- 蜗牛路径 -->
+  <path d="M50 170 C60 160, 70 160, 80 170 C90 180, 110 180, 120 170 C130 160, 140 160, 150 170"
+        fill="none" stroke="#C0C0C0" stroke-width="1" stroke-dasharray="4,4"/>
+</svg>

package/dist/logo2.svg ADDED Viewed

@@ -0,0 +1,40 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <!-- 蜗牛身体 -->
+  <path d="M60 130
+           C40 130 30 110 40 90
+           C50 70 70 60 90 60
+           C100 60 110 65 110 75
+           C110 85 100 95 90 100
+           C80 105 70 110 60 110
+           C50 110 40 120 40 130
+           Z"
+        fill="#F7D3B8" stroke="#A06E4E" stroke-width="4" stroke-linecap="round"/>
+  <!-- 蜗牛壳 -->
+  <path d="M50 90
+           C35 80 30 60 40 45
+           C50 30 70 30 85 45
+           C100 60 95 80 80 90
+           C70 95 60 95 50 90 Z"
+        fill="#FFC15A" stroke="#A06E4E" stroke-width="4" stroke-linecap="round"/>
+  <!-- 壳内螺旋线 -->
+  <path d="M55 85
+           C50 80 48 70 50 65
+           C52 60 60 60 65 65
+           C70 70 70 75 65 80
+           C60 85 55 85 55 85 Z"
+        fill="none" stroke="#A06E4E" stroke-width="2"/>
+  <!-- 触角 -->
+  <line x1="100" y1="60" x2="105" y2="40" stroke="#A06E4E" stroke-width="4"/>
+  <line x1="110" y1="60" x2="115" y2="40" stroke="#A06E4E" stroke-width="4"/>
+  <!-- 触角顶端（眼睛） -->
+  <circle cx="105" cy="40" r="8" fill="#A06E4E"/>
+  <circle cx="115" cy="40" r="8" fill="#A06E4E"/>
+  <!-- 身体上的弧线（装饰） -->
+  <path d="M100 80 Q105 75 105 70 Q105 65 100 65"
+        fill="none" stroke="#A06E4E" stroke-width="2"/>
+</svg>

package/dist/mollu-ui.es.js ADDED Viewed

@@ -0,0 +1,154 @@
+import { defineComponent as r, openBlock as s, createElementBlock as l, normalizeClass as m, createCommentVNode as u, renderSlot as c, createElementVNode as i, toDisplayString as v, ref as y, normalizeStyle as _ } from "vue";
+const b = ["disabled"], w = {
+  key: 0,
+  class: "m-btn__loading-spinner"
+}, g = {
+  key: 1,
+  class: "m-btn__icon"
+}, $ = ["innerHTML"], k = { class: "m-btn__text" }, x = /* @__PURE__ */ r({
+  __name: "index",
+  props: {
+    type: { default: "default" },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    icon: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: n }) {
+    const t = e, d = n, o = (a) => {
+      !t.disabled && !t.loading && d("click", a);
+    };
+    return (a, f) => (s(), l("button", {
+      class: m([
+        "m-btn",
+        `m-btn--${e.type}`,
+        `m-btn--${e.size}`,
+        {
+          "m-btn--disabled": e.disabled,
+          "m-btn--loading": e.loading
+        }
+      ]),
+      disabled: e.disabled || e.loading,
+      onClick: o
+    }, [
+      e.loading ? (s(), l("span", w)) : u("", !0),
+      a.$slots.icon || e.icon ? (s(), l("span", g, [
+        c(a.$slots, "icon", {}, () => [
+          i("span", { innerHTML: e.icon }, null, 8, $)
+        ], !0)
+      ])) : u("", !0),
+      i("span", k, [
+        c(a.$slots, "default", {}, void 0, !0)
+      ])
+    ], 10, b));
+  }
+});
+const h = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [d, o] of n)
+    t[d] = o;
+  return t;
+}, M = /* @__PURE__ */ h(x, [["__scopeId", "data-v-1a2c5926"]]), B = { class: "m-switch__core" }, C = { class: "m-switch__action" }, V = {
+  key: 0,
+  class: "m-switch__loading"
+}, T = {
+  key: 1,
+  class: "m-switch__inner"
+}, S = /* @__PURE__ */ r({
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    activeText: { default: "" },
+    inactiveText: { default: "" },
+    activeColor: { default: "#409eff" },
+    inactiveColor: { default: "#dcdfe6" },
+    width: { default: 40 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n }) {
+    const t = e, d = n, o = () => {
+      if (t.disabled || t.loading)
+        return;
+      const a = !t.modelValue;
+      d("update:modelValue", a), d("change", a);
+    };
+    return (a, f) => (s(), l("div", {
+      class: m(["m-switch", {
+        "m-switch--checked": e.modelValue,
+        "m-switch--disabled": e.disabled,
+        "m-switch--loading": e.loading
+      }]),
+      onClick: o
+    }, [
+      i("div", B, [
+        i("div", C, [
+          e.loading ? (s(), l("span", V)) : (s(), l("span", T, v(e.modelValue ? e.activeText : e.inactiveText), 1))
+        ])
+      ])
+    ], 2));
+  }
+});
+const H = /* @__PURE__ */ h(S, [["__scopeId", "data-v-05179423"]]), L = {
+  key: 0,
+  class: "m-card__header"
+}, z = ["innerHTML"], E = /* @__PURE__ */ r({
+  __name: "index",
+  props: {
+    header: {},
+    bodyStyle: {},
+    width: { default: "100%" },
+    shadow: { default: "always" },
+    border: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const n = e, t = y(!1), d = () => {
+      n.shadow === "hover" && (t.value = !0);
+    }, o = () => {
+      t.value = !1;
+    };
+    return (a, f) => (s(), l("div", {
+      class: m(["m-card", {
+        "m-card--shadow": e.shadow === "always" || e.shadow === "hover" && t.value,
+        "m-card--bordered": e.border
+      }]),
+      style: _({ width: typeof e.width == "number" ? e.width + "px" : e.width }),
+      onMouseenter: d,
+      onMouseleave: o
+    }, [
+      a.$slots.header || e.header ? (s(), l("div", L, [
+        c(a.$slots, "header", {}, () => [
+          i("div", {
+            class: "m-card__header-content",
+            innerHTML: e.header
+          }, null, 8, z)
+        ], !0)
+      ])) : u("", !0),
+      i("div", {
+        class: "m-card__body",
+        style: _(e.bodyStyle)
+      }, [
+        c(a.$slots, "default", {}, void 0, !0)
+      ], 4)
+    ], 38));
+  }
+});
+const I = /* @__PURE__ */ h(E, [["__scopeId", "data-v-f3a09677"]]), N = [
+  M,
+  H,
+  I
+], p = (e) => {
+  N.forEach((n) => {
+    e.component(n.name || n.displayName, n);
+  });
+}, O = {
+  install: p
+};
+export {
+  M as MButton,
+  I as MCard,
+  H as MSwitch,
+  O as default
+};

package/dist/mollu-ui.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .m-btn[data-v-1a2c5926]{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;cursor:pointer;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;user-select:none;vertical-align:middle;-webkit-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px;border:1px solid #dcdfe6;background-color:#fff}.m-btn--primary[data-v-1a2c5926]{color:#fff;background-color:#409eff;border-color:#409eff}.m-btn--success[data-v-1a2c5926]{color:#fff;background-color:#67c23a;border-color:#67c23a}.m-btn--warning[data-v-1a2c5926]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.m-btn--danger[data-v-1a2c5926]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.m-btn--small[data-v-1a2c5926]{padding:7px 15px;font-size:12px;border-radius:3px}.m-btn--medium[data-v-1a2c5926]{padding:9px 15px;font-size:14px;border-radius:4px}.m-btn--large[data-v-1a2c5926]{padding:11px 19px;font-size:16px;border-radius:6px}.m-btn--disabled[data-v-1a2c5926]{opacity:.5;cursor:not-allowed}.m-btn__icon[data-v-1a2c5926]{margin-right:5px}.m-btn__loading-spinner[data-v-1a2c5926]{margin-right:5px;width:1em;height:1em;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:rotate-1a2c5926 1s linear infinite}@keyframes rotate-1a2c5926{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-switch[data-v-05179423]{position:relative;display:inline-flex;align-items:center;width:var(--switch-width, 40px);height:var(--switch-height, 20px);border-radius:var(--switch-height, 20px);box-sizing:border-box;cursor:pointer;transition:border-color .3s,background-color .3s;background-color:#dcdfe6;border:1px solid #dcdfe6}.m-switch__core[data-v-05179423]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--switch-height, 20px)}.m-switch__action[data-v-05179423]{position:absolute;top:0;left:0;width:calc(var(--switch-width, 40px) - var(--switch-height, 20px));height:calc(var(--switch-height, 20px) - 2px);margin:1px;transition:all .3s;border-radius:calc(var(--switch-height, 20px) / 2);background-color:#fff;display:flex;align-items:center;justify-content:center}.m-switch--checked[data-v-05179423]{background-color:var(--switch-active-color, #409eff);border-color:var(--switch-active-color, #409eff)}.m-switch--checked .m-switch__action[data-v-05179423]{transform:translate(calc(var(--switch-width, 40px) - var(--switch-height, 20px)))}.m-switch__inner[data-v-05179423]{font-size:12px;color:#fff;transition:margin .3s}.m-switch--checked .m-switch__inner[data-v-05179423]{margin-left:6px}.m-switch--unchecked .m-switch__inner[data-v-05179423]{margin-right:6px}.m-switch__loading[data-v-05179423]{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:rotate-05179423 1s linear infinite}.m-switch--disabled[data-v-05179423]{opacity:.6;cursor:not-allowed}@keyframes rotate-05179423{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-card[data-v-f3a09677]{border:1px solid #ebeef5;background-color:#fff;color:#303133;transition:.3s;border-radius:6px;overflow:hidden}.m-card--bordered[data-v-f3a09677]{border:1px solid #ebeef5}.m-card--shadow[data-v-f3a09677]{box-shadow:0 2px 12px #0000001a}.m-card__header[data-v-f3a09677]{padding:18px 20px;border-bottom:1px solid #ebeef5;box-sizing:border-box;font-size:16px;font-weight:500;color:#303133;background-color:#fafafa}.m-card__body[data-v-f3a09677]{padding:20px}.m-card--no-header .m-card__body[data-v-f3a09677]{padding-top:20px}

package/package.json ADDED Viewed

@@ -0,0 +1,74 @@
+{
+  "name": "koru-ui",
+  "version": "1.0.0",
+  "description": "A Vue component library inspired by the persistence of a snail",
+  "main": "dist/koru-ui.cjs.js",
+  "module": "dist/koru-ui.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/koru-ui.es.js",
+      "require": "./dist/koru-ui.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "vue3",
+    "typescript",
+    "unocss",
+    "koru-ui",
+    "component-library",
+    "ui-components"
+  ],
+  "author": "Mollu UI Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kairolin/koru-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/kairolin/koru-ui/issues"
+  },
+  "homepage": "https://github.com/kairolin/koru-ui#readme",
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "dependencies": {
+    "@vue/shared": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.0.0",
+    "typescript": "^4.9.0",
+    "vite": "^4.1.0",
+    "vitepress": "^1.0.0-alpha.45",
+    "vue": "^3.2.0",
+    "vue-tsc": "^1.0.0",
+    "@unocss/core": "^0.50.0",
+    "@unocss/preset-attributify": "^0.50.0",
+    "@unocss/preset-uno": "^0.50.0",
+    "@unocss/reset": "^0.50.0",
+    "unocss": "^0.50.0",
+    "@types/node": "^18.14.0",
+    "@typescript-eslint/eslint-plugin": "^5.54.0",
+    "@typescript-eslint/parser": "^5.54.0",
+    "eslint": "^8.35.0",
+    "eslint-plugin-vue": "^9.9.0",
+    "@vue/eslint-config-typescript": "^11.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "npx vue-tsc && vite build",
+    "preview": "vite preview",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "build:components": "vite build --config vite.components.config.ts",
+    "type-check": "npx vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.ts,.tsx",
+    "lint:fix": "eslint . --ext .vue,.ts,.tsx --fix"
+  }
+}