morya-ui 0.1.1 → 0.2.2

package/README.zh-CN.md

@@ -1,149 +1,149 @@
-<p align="center">
-  <a href="https://morya-ui.github.io/morya-ui/">
-    <img src="./assets/logo.svg" alt="Morya UI" width="96" height="96" />
-  </a>
-</p>
-
-<h1 align="center">Morya UI</h1>
-
-<p align="center">
-  带设计令牌、亮暗主题与交互式文档的 Vue 3 组件库。
-</p>
-
-<p align="center">
-  <a href="./README.md">English</a> | 中文
-</p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/morya-ui"><img src="https://img.shields.io/npm/v/morya-ui?style=flat-square" alt="npm version" /></a>
-  <a href="https://www.npmjs.com/package/morya-ui"><img src="https://img.shields.io/npm/dm/morya-ui?style=flat-square" alt="npm downloads" /></a>
-  <a href="./LICENSE"><img src="https://img.shields.io/github/license/morya-space/morya-ui?style=flat-square" alt="license" /></a>
-  <a href="https://vuejs.org/"><img src="https://img.shields.io/badge/Vue-3-42b883?style=flat-square&logo=vue.js&logoColor=white" alt="Vue 3" /></a>
-  <a href="https://www.typescriptlang.org/"><img src="https://img.shields.io/badge/TypeScript-5.x-3178c6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" /></a>
-</p>
-
-<p align="center">
-  <a href="https://morya-ui.github.io/morya-ui/"><b>文档站</b></a>
-  ·
-  <a href="https://morya-ui.github.io/morya-ui/components">组件</a>
-  ·
-  <a href="https://github.com/morya-space/morya-ui/issues">Issues</a>
-  ·
-  <a href="./CHANGELOG.md">更新日志</a>
-</p>
-
----
-
-## 介绍
-
-**Morya UI**（`morya-ui`）是一套开源的 Vue 3 组件库，提供 **88 个组件**、基于令牌的主题系统、内置国际化，以及带实时预览的文档站。
-
-无论你是做管理后台、SaaS 产品还是内部工具，都可以直接使用统一的表单、浮层、数据展示与反馈能力。
-
-## 特性
-
-### 组件齐全
-
-覆盖基础、表单、导航、数据展示、布局与反馈等 88 个组件，均支持 ESM 按需引入与 tree-shaking。
-
-### 主题开箱即用
-
-亮/暗色模式基于 `--m-*` CSS 变量；通过 `useTheme` 切换主题，用 `useDensity` / `useMotion` 调整密度与动效，子树可用 `MConfigProvider` 覆盖。
-
-### TypeScript 优先
-
-基于 Vue 3 Composition API 与 TypeScript 编写，Props、Emits 与 locale 均有完整类型。
-
-### 多种接入方式
-
-支持全量注册、按名导入、按需子路径，以及配合 `unplugin-vue-components` 的 `MoryaUIResolver`——同一应用内建议保持一致。
-
-### 文档即预览
-
-每个组件自带 Markdown 文档与可交互 `vue preview` 示例，可在线浏览或本地启动文档站。
-
-### SSR 与元框架
-
-兼容 **Nuxt 3**、**Astro + Vue**、**Vite SSR** 等场景；提供 [`@morya-space/nuxt`](./packages/nuxt) 模块，详见 [SSR 指南](https://morya-ui.github.io/morya-ui/docs/ssr)。
-
-## 文档
-
-**https://morya-ui.github.io/morya-ui/**
-
-| 章节 | 链接 |
-| --- | --- |
-| 快速上手 | [指南](https://morya-ui.github.io/morya-ui/docs/quick-start) |
-| 主题 | [主题](https://morya-ui.github.io/morya-ui/docs/theme) |
-| 全局配置 | [配置](https://morya-ui.github.io/morya-ui/docs/config) |
-| SSR | [Nuxt / Astro / Vite SSR](https://morya-ui.github.io/morya-ui/docs/ssr) |
-| 组件 | [目录](https://morya-ui.github.io/morya-ui/components) |
-| 更新日志 | [版本](https://morya-ui.github.io/morya-ui/changelog) |
-
-## 安装
-
-需要 **Vue 3**（推荐 3.5 及以上），以及能解析包 `exports` 的构建工具（Vite、webpack 5+ 等）。
-
-```bash
-pnpm add morya-ui
-# npm i morya-ui
-# yarn add morya-ui
-```
-
-## 快速开始
-
-全量注册并引入样式：
-
-```ts
-import MoryaUI from 'morya-ui'
-import { createApp } from 'vue'
-import App from './App.vue'
-import 'morya-ui/styles.css'
-
-createApp(App).use(MoryaUI).mount('#app')
-```
-
-按需引入（样式自动带入）：
-
-```ts
-import { MButton } from 'morya-ui/button'
-import { MInput } from 'morya-ui/input'
-```
-
-应用级默认配置（语言、尺寸、浮层挂载点等）：
-
-```ts
-import { createMoryaUI, zhCN } from 'morya-ui'
-
-createApp(App).use(createMoryaUI({ locale: zhCN })).mount('#app')
-```
-
-完整接入方式、Vite 解析器与主题 API 见 [快速上手](https://morya-ui.github.io/morya-ui/docs/quick-start)。
-
-## 生态
-
-| 包 | 说明 |
-| --- | --- |
-| [`morya-ui`](https://www.npmjs.com/package/morya-ui) | 组件、样式、主题与语言工具 |
-| [`@morya-space/nuxt`](./packages/nuxt) | Nuxt 3 模块（样式、transpile、overlay 上下文） |
-| [`morya-ui-mcp`](https://www.npmjs.com/package/morya-ui-mcp) | 可选 MCP 服务，供 AI 客户端检索文档 |
-
-## 参与贡献
-
-欢迎提交 Issue 与 Pull Request。请先阅读 [CONTRIBUTING.zh-CN.md](./CONTRIBUTING.zh-CN.md)。
-
-维护者文档：[开发指南](./docs/DEVELOPMENT.zh-CN.md) · [发版脚本](./scripts/README.md)
-
-## 本地开发
-
-```bash
-pnpm install
-pnpm dev              # 文档站 → http://localhost:5182
-pnpm build            # 组件库 → dist/
-pnpm build:docs:pages # GitHub Pages 构建
-pnpm test
-pnpm typecheck
-```
-
-## 许可证
-
-[MIT](./LICENSE) © Morya UI contributors
+<p align="center">
+  <a href="https://morya-space.github.io/morya-ui/">
+    <img src="./assets/logo.svg" alt="Morya UI" width="96" height="96" />
+  </a>
+</p>
+
+<h1 align="center">Morya UI</h1>
+
+<p align="center">
+  带设计令牌、亮暗主题与交互式文档的 Vue 3 组件库。
+</p>
+
+<p align="center">
+  <a href="./README.md">English</a> | 中文
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/morya-ui"><img src="https://img.shields.io/npm/v/morya-ui?style=flat-square" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/morya-ui"><img src="https://img.shields.io/npm/dm/morya-ui?style=flat-square" alt="npm downloads" /></a>
+  <a href="./LICENSE"><img src="https://img.shields.io/github/license/morya-space/morya-ui?style=flat-square" alt="license" /></a>
+  <a href="https://vuejs.org/"><img src="https://img.shields.io/badge/Vue-3-42b883?style=flat-square&logo=vue.js&logoColor=white" alt="Vue 3" /></a>
+  <a href="https://www.typescriptlang.org/"><img src="https://img.shields.io/badge/TypeScript-5.x-3178c6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" /></a>
+</p>
+
+<p align="center">
+  <a href="https://morya-space.github.io/morya-ui/"><b>文档站</b></a>
+  ·
+  <a href="https://morya-space.github.io/morya-ui/components">组件</a>
+  ·
+  <a href="https://github.com/morya-space/morya-ui/issues">Issues</a>
+  ·
+  <a href="./CHANGELOG.md">更新日志</a>
+</p>
+
+---
+
+## 介绍
+
+**Morya UI**（`morya-ui`）是一套开源的 Vue 3 组件库，提供 **88 个组件**、基于令牌的主题系统、内置国际化，以及带实时预览的文档站。
+
+无论你是做管理后台、SaaS 产品还是内部工具，都可以直接使用统一的表单、浮层、数据展示与反馈能力。
+
+## 特性
+
+### 组件齐全
+
+覆盖基础、表单、导航、数据展示、布局与反馈等 88 个组件，均支持 ESM 按需引入与 tree-shaking。
+
+### 主题开箱即用
+
+亮/暗色模式基于 `--m-*` CSS 变量；通过 `useTheme` 切换主题，用 `useDensity` / `useMotion` 调整密度与动效，子树可用 `MConfigProvider` 覆盖。
+
+### TypeScript 优先
+
+基于 Vue 3 Composition API 与 TypeScript 编写，Props、Emits 与 locale 均有完整类型。
+
+### 多种接入方式
+
+支持全量注册、按名导入、按需子路径，以及配合 `unplugin-vue-components` 的 `MoryaUIResolver`——同一应用内建议保持一致。
+
+### 文档即预览
+
+每个组件自带 Markdown 文档与可交互 `vue preview` 示例，可在线浏览或本地启动文档站。
+
+### SSR 与元框架
+
+兼容 **Nuxt 3**、**Astro + Vue**、**Vite SSR** 等场景；提供 [`@morya-ui/nuxt`](./packages/nuxt) 模块，详见 [SSR 指南](https://morya-space.github.io/morya-ui/docs/ssr)。
+
+## 文档
+
+**https://morya-space.github.io/morya-ui/**
+
+| 章节 | 链接 |
+| --- | --- |
+| 快速上手 | [指南](https://morya-space.github.io/morya-ui/docs/quick-start) |
+| 主题 | [主题](https://morya-space.github.io/morya-ui/docs/theme) |
+| 全局配置 | [配置](https://morya-space.github.io/morya-ui/docs/config) |
+| SSR | [Nuxt / Astro / Vite SSR](https://morya-space.github.io/morya-ui/docs/ssr) |
+| 组件 | [目录](https://morya-space.github.io/morya-ui/components) |
+| 更新日志 | [版本](https://morya-space.github.io/morya-ui/changelog) |
+
+## 安装
+
+需要 **Vue 3**（推荐 3.5 及以上），以及能解析包 `exports` 的构建工具（Vite、webpack 5+ 等）。
+
+```bash
+pnpm add morya-ui
+# npm i morya-ui
+# yarn add morya-ui
+```
+
+## 快速开始
+
+全量注册并引入样式：
+
+```ts
+import MoryaUI from 'morya-ui'
+import { createApp } from 'vue'
+import App from './App.vue'
+import 'morya-ui/styles.css'
+
+createApp(App).use(MoryaUI).mount('#app')
+```
+
+按需引入（样式自动带入）：
+
+```ts
+import { MButton } from 'morya-ui/button'
+import { MInput } from 'morya-ui/input'
+```
+
+应用级默认配置（语言、尺寸、浮层挂载点等）：
+
+```ts
+import { createMoryaUI, zhCN } from 'morya-ui'
+
+createApp(App).use(createMoryaUI({ locale: zhCN })).mount('#app')
+```
+
+完整接入方式、Vite 解析器与主题 API 见 [快速上手](https://morya-space.github.io/morya-ui/docs/quick-start)。
+
+## 生态
+
+| 包 | 说明 |
+| --- | --- |
+| [`morya-ui`](https://www.npmjs.com/package/morya-ui) | 组件、样式、主题与语言工具 |
+| [`@morya-ui/nuxt`](./packages/nuxt) | Nuxt 3 模块（样式、transpile、overlay 上下文） |
+| [`@morya-ui/mcp`](https://www.npmjs.com/package/@morya-ui/mcp) | 可选 MCP 服务，供 AI 客户端检索文档 |
+
+## 参与贡献
+
+欢迎提交 Issue 与 Pull Request。请先阅读 [CONTRIBUTING.zh-CN.md](./CONTRIBUTING.zh-CN.md)。
+
+维护者文档：[开发指南](./docs/DEVELOPMENT.zh-CN.md) · [发版脚本](./scripts/README.md)
+
+## 本地开发
+
+```bash
+pnpm install
+pnpm dev              # 文档站 → http://localhost:5182
+pnpm build            # 组件库 → dist/
+pnpm build:docs:pages # GitHub Pages 构建
+pnpm test
+pnpm typecheck
+```
+
+## 许可证
+
+[MIT](./LICENSE) © Morya UI contributors

package/dist/Checkbox-BjtAYUUD.js

@@ -0,0 +1,110 @@
+import { t as e } from "./useComponentAttrs-BTYEe61P.js";
+import { t } from "./useMId-BXFYayPP.js";
+import { o as n } from "./config-CI8_WBbE.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h } from "vue";
+//#region src/components/Checkbox/types.ts
+var g = Symbol("muCheckboxGroup"), _ = ["for"], v = [
+	"id",
+	"name",
+	"value",
+	"checked",
+	"indeterminate",
+	"disabled",
+	"required",
+	"aria-invalid",
+	"aria-checked"
+], y = {
+	class: "m-checkbox__control",
+	"aria-hidden": "true"
+}, b = {
+	viewBox: "0 0 16 16",
+	focusable: "false"
+}, x = {
+	key: 0,
+	d: "M4 8h8"
+}, S = {
+	key: 1,
+	d: "m3.5 8.5 3 3 6-7"
+}, C = {
+	key: 0,
+	class: "m-checkbox__label"
+}, w = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "Checkbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		id: {},
+		name: {},
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		pt: {}
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: w }) {
+		let T = c, E = w, D = h(), { rootAttrs: O, controlAttrs: k } = e(D, () => T.pt), A = l(g, null), j = t("m-checkbox"), M = r(() => T.id ?? j), N = n("Checkbox", () => T.size ?? A?.size.value), P = r(() => T.disabled || !!A?.disabled.value), F = r(() => T.invalid || !!A?.invalid.value), I = r(() => T.name ?? A?.name.value), L = r(() => A != null && T.value !== void 0), R = r(() => L.value ? A.modelValue.value.includes(T.value) : T.modelValue), z = r(() => [
+			"m-checkbox",
+			`m-checkbox--${N.value}`,
+			{
+				"m-checkbox--disabled": P.value,
+				"m-checkbox--invalid": F.value,
+				"m-checkbox--indeterminate": T.indeterminate
+			}
+		]);
+		function B(e) {
+			if (P.value) return;
+			let t = e.target.checked;
+			if (L.value) {
+				A.toggle(T.value, t);
+				return;
+			}
+			E("update:modelValue", t);
+		}
+		return (e, t) => (d(), a("label", u(m(O), {
+			class: z.value,
+			for: M.value
+		}), [
+			o("input", u(m(k), {
+				id: M.value,
+				class: "m-checkbox__input",
+				type: "checkbox",
+				name: I.value,
+				value: c.value == null ? void 0 : String(c.value),
+				checked: R.value,
+				indeterminate: c.indeterminate,
+				disabled: P.value,
+				required: c.required,
+				"aria-invalid": F.value || void 0,
+				"aria-checked": c.indeterminate ? "mixed" : R.value,
+				onChange: B
+			}), null, 16, v),
+			o("span", y, [(d(), a("svg", b, [c.indeterminate ? (d(), a("path", x)) : R.value ? (d(), a("path", S)) : i("", !0)]))]),
+			c.label || e.$slots.default ? (d(), a("span", C, [f(e.$slots, "default", {}, () => [s(p(c.label), 1)])])) : i("", !0)
+		], 16, _));
+	}
+});
+//#endregion
+export { g as n, w as t };

package/dist/Pagination-DNjDBPfR.js

@@ -0,0 +1,158 @@
+import { r as e } from "./useComponentAttrs-BTYEe61P.js";
+import { t } from "./Icon-DfpIfo2L.js";
+import { n, t as r } from "./locale-DYGhxekd.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, useAttrs as v, withKeys as y, withModifiers as b } from "vue";
+//#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-label"], S = ["disabled", "aria-label"], C = {
+	key: 0,
+	class: "m-pagination__simple",
+	"aria-current": "page"
+}, w = [
+	"disabled",
+	"aria-label",
+	"aria-current",
+	"onClick"
+], T = ["disabled", "aria-label"], E = {
+	key: 2,
+	class: "m-pagination__sizer"
+}, D = { class: "m-pagination__sizer-label" }, O = ["disabled", "value"], k = ["value"], A = {
+	key: 3,
+	class: "m-pagination__jumper"
+}, j = [
+	"max",
+	"disabled",
+	"value",
+	"onKeydown"
+], M = { key: 0 }, N = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "Pagination",
+	props: {
+		pt: {},
+		modelValue: { default: 1 },
+		totalRecords: {},
+		rows: { default: 10 },
+		pageSize: {},
+		pageLinkSize: { default: 5 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showSizePicker: {
+			type: Boolean,
+			default: !1
+		},
+		pageSizes: { default: () => [
+			10,
+			20,
+			50,
+			100
+		] },
+		showQuickJumper: {
+			type: Boolean,
+			default: !1
+		},
+		simple: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"page",
+		"update:rows",
+		"update:pageSize"
+	],
+	setup(u, { expose: N, emit: P }) {
+		let F = u, I = v(), { rootAttrs: L } = e(I, () => F.pt), R = P, z = n(), B = m(""), V = a(() => Math.max(1, F.pageSize ?? F.rows)), H = a(() => Math.max(1, Math.ceil(F.totalRecords / V.value))), U = a(() => Math.min(Math.max(1, F.modelValue), H.value)), W = a(() => (U.value - 1) * V.value), G = a(() => {
+			let e = Math.min(F.pageLinkSize, H.value), t = Math.min(Math.max(1, U.value - Math.floor(e / 2)), H.value - e + 1);
+			return Array.from({ length: e }, (e, n) => t + n);
+		}), K = a(() => {
+			let e = [...F.pageSizes];
+			return e.includes(V.value) || e.unshift(V.value), e;
+		});
+		function q(e) {
+			let t = Math.min(Math.max(1, e), H.value);
+			F.disabled || t === U.value || (R("update:modelValue", t), R("page", t));
+		}
+		function J(e) {
+			if (F.disabled || e === V.value) return;
+			R("update:rows", e), R("update:pageSize", e);
+			let t = Math.max(1, Math.ceil(F.totalRecords / e)), n = Math.min(U.value, t);
+			n !== U.value && (R("update:modelValue", n), R("page", n));
+		}
+		function Y(e) {
+			let t = Number(e.target.value);
+			Number.isFinite(t) && J(t);
+		}
+		function X() {
+			let e = Number.parseInt(B.value, 10);
+			B.value = "", Number.isFinite(e) && q(e);
+		}
+		function Z(e) {
+			return r(z.value.page, { page: e });
+		}
+		return N({
+			first: W,
+			pageCount: H
+		}), (e, n) => (p(), s("nav", d(_(L), {
+			class: ["m-pagination", { "m-pagination--simple": u.simple }],
+			"aria-label": _(z).pagination
+		}), [
+			c("button", {
+				type: "button",
+				class: "m-pagination__button",
+				disabled: u.disabled || U.value === 1,
+				"aria-label": _(z).prevPage,
+				onClick: n[0] ||= (e) => q(U.value - 1)
+			}, [l(t, {
+				name: "chevron-left",
+				size: "sm"
+			})], 8, S),
+			u.simple ? (p(), s("span", C, g(U.value) + " / " + g(H.value), 1)) : (p(!0), s(i, { key: 1 }, h(G.value, (e) => (p(), s("button", {
+				key: e,
+				type: "button",
+				class: f(["m-pagination__button", { "m-pagination__button--active": e === U.value }]),
+				disabled: u.disabled,
+				"aria-label": Z(e),
+				"aria-current": e === U.value ? "page" : void 0,
+				onClick: (t) => q(e)
+			}, g(e), 11, w))), 128)),
+			c("button", {
+				type: "button",
+				class: "m-pagination__button",
+				disabled: u.disabled || U.value === H.value,
+				"aria-label": _(z).nextPage,
+				onClick: n[1] ||= (e) => q(U.value + 1)
+			}, [l(t, {
+				name: "chevron-right",
+				size: "sm"
+			})], 8, T),
+			u.showSizePicker && !u.simple ? (p(), s("label", E, [c("span", D, g(_(z).itemsPerPage), 1), c("select", {
+				class: "m-pagination__select",
+				disabled: u.disabled,
+				value: V.value,
+				onChange: Y
+			}, [(p(!0), s(i, null, h(K.value, (e) => (p(), s("option", {
+				key: e,
+				value: e
+			}, g(e), 9, k))), 128))], 40, O)])) : o("", !0),
+			u.showQuickJumper && !u.simple ? (p(), s("label", A, [
+				c("span", null, g(_(z).jumpToPage), 1),
+				c("input", {
+					class: "m-pagination__input",
+					type: "number",
+					min: "1",
+					max: H.value,
+					disabled: u.disabled,
+					value: B.value,
+					onInput: n[2] ||= (e) => B.value = e.target.value,
+					onKeydown: y(b(X, ["prevent"]), ["enter"]),
+					onBlur: X
+				}, null, 40, j),
+				_(z).pageClassifier ? (p(), s("span", M, g(_(z).pageClassifier), 1)) : o("", !0)
+			])) : o("", !0)
+		], 16, x));
+	}
+});
+//#endregion
+export { N as t };