morya-ui 0.3.7 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # morya-ui
 
+## 0.4.0
+
+### 破坏性变更
+
+- align with the antd API and add advanced options
+
+### 新功能
+
+- wire filled variant and allow null model values
+- add eight additional locale packs
+- add thin DatePicker time wrapper
+- add a notification API and richer messages
+- add an imperative modal API
+- add a 24-column flex grid with responsive Row/Col
+- add a controlled form instance, nested fields and FormList
+- add copyable, editable and multi-line ellipsis
+- add copy, edit and field validation messages
+- support theme overrides, global disabled and RTL
+- add a seed-driven token derivation engine
+- add MList with meta rows and pagination
+- add MCalendar with fullscreen and range guards
+- add Segmented, Mentions, and Statistic
+- add Affix, Anchor, Tour, Watermark, and QRCode
+- deepen Dialog, Progress, Loading, and docs tone
+- polish Tag density and Table filter summary
+- deepen Form, inputs, and Select status handling
+- deepen Breadcrumb, Dropdown, Pagination, Stepper, Tabs
+- deepen Divider, Flex, Splitter, Space, and Layout
+- expand type coverage for time and ranges
+- add dashed variant, shapes, and float polish
+- add MTitle, MText, MParagraph, and MLink
+- add MImage with click-to-preview group
+- add MDescriptions and MDescriptionsItem
+- add MAlert for persistent in-page notices
+- refresh default tokens for enterprise visual feel
+
+### 修复
+
+- allow FormList initialValue factories and document FormList
+- add missing tokens and tokenize Button active color
+- unblock typecheck and map morya-ui to source
+- tile the overlay at the real pattern size
+- repair an invalid byte in the base stylesheet comment
+
+### 文档
+
+- repair List docs and restore corrupted Chinese API pages
+- clear remaining component API docs drift
+- cut List/Page/Grid docs drift and harden the auditor
+- add TimePicker events table and improve drift audits
+- drop when-to-use sections that restate the description
+- restructure navigation and add recipe walkthroughs
+- remove boilerplate tip from when-to-use sections
+- drop third-party parity references from docs and code
+- add design specs, mapping and theme editor
+- backfill when-to-use sections
+- add nested options demo
+- add conventions page for naming and feedback vocabulary
+
+### 变更
+
+- normalize double-spaced sources and CSS file headers
+- cut false positives in the API auditor
+- add typecheck and unit-test gates; fix Vitest includes
+- add size, docs-smoke and visual quality gates
+- export and register the new components
+- export and register new enterprise components
+
+## 0.3.8
+
+### 新功能
+
+- enhance agent skill management and documentation
+- 新增 `MAlert`：页面内嵌常驻提示（severity / closable / banner / action）
+- `MDatePicker` 扩展 `type`：`datetime` / `datetimerange` / `time` / `month` / `year`，并支持 `showSeconds`
+- 新增 `MList` / `MListItem` / `MListItemMeta`（`items` + Meta + 分页 / grid）
+- 新增 `MDescriptions` / `MDescriptionsItem`
+- 新增 `MImage` / `MImagePreviewGroup`（点击预览）
+- 新增 `MTypography`（`MTitle` / `MText` / `MParagraph` / `MLink`）
+- 按钮补齐 `variant="dashed"` / `shape`、描边默认态、字重 400、disabled 灰底；通栏用 `fluid`
+- 布局：`Divider` plain/size/orientation、`Flex` `gap` 别名、`Splitter` min2、sider 折叠宽 token 默认 80px
+- 导航：Breadcrumb `href`、Pagination `size`/`showSizeChanger`、Stepper `status`/`size`、Tabs `size`/`centered`、Dropdown `disabled`
+- 数据展示：`MTag` 密度与 `checkable`；`MTable` `size` 单元格 padding
+- 反馈：Dialog `maskClosable`/`centered`、ProgressBar `exception`/`active`、Loading/ProgressSpinner `tip`
+- 表单：Form `requiredMark` 别名 / `scrollToField` / `scrollToFirstError` / `size` 继承；输入类 `allowClear` 与 `status`；Select `status`；`--m-focus-shadow-warning`
+- 新增 `MAffix` / `MWatermark` / `MQRCode`（固钉 / 水印 / 二维码与状态遮罩）
+- 新增 `MAnchor` / `MAnchorLink`、`MTour`（`v-model:open` / `v-model:current`）
+- 新增 `MStatistic` / `MStatisticCountdown`
+- 新增 `MSegmented`（`options` / `block` / `shape` / `size`，`radiogroup` 键盘）
+- 新增 `MMentions`（`prefix` / `split` / 建议插入 / `@select`）
+- 新增 `MCalendar`（`fullscreen` / `showWeek` / `validRange` / `#dateCell` / `#header`）
+- `MTour` 键盘漫游 + `gap`；`MMentions` `allowClear` / `loading`；`MWatermark` overlay 防误删重绘；`MQRCode` `#statusRender`
+- `MTable` 表头筛选清除/确认分离、页脚合计与虚拟滚动约束提示
+
+### 变更
+
+- 默认主题：主色 `#1677FF`、中性字色/描边、控件高度 medium `32px`、控件圆角 `6px`、卡片圆角 `8px`、多层投影与更实的聚焦环
+- 字体栈改为系统无衬线；控件标签/表头/页签字重 500（页面标题仍 600）；动效 ease-out + 位移 `0.5rem`
+- 禁用态优先 `--m-color-text-disabled` / `--m-color-bg-disabled`，输入与页签等不再只靠 opacity
+- Pagination 默认尺寸由固定 small 改为 `size="medium"`（可用 `size` 调整）
+- `MTag` 默认字重 400、水平内边距约 8px，描边改为真实 `border`（保留透明边框占位）
+
+### 文档
+
+- 指南新增「约定」：命名、`severity` / `variant`、反馈与布局词表
+
 ## 0.3.7
 
 ### 新功能

package/dist/{Button-3vJoiEQC.js → Button-TaJ0LKtP.js}

@@ -1,18 +1,18 @@
 import { r as e, t } from "./types-DGuu4Eg4.js";
 import { t as n } from "./Icon-od9Ob-Ay.js";
-import { o as r } from "./config-De8ueCY-.js";
+import { o as r } from "./config-COgrsSV2.js";
 import { Comment as i, Fragment as a, Text as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, useSlots as S } from "vue";
 //#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
-var ee = [
+var C = [
 	"type",
 	"disabled",
 	"autofocus",
 	"aria-busy",
 	"aria-label"
-], C = {
+], w = {
 	key: 2,
 	class: "m-button__label"
-}, w = 560, T = 280, E = /* @__PURE__ */ p({
+}, T = 560, E = 280, D = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		label: {},
@@ -32,6 +32,7 @@ var ee = [
 			type: Boolean,
 			default: !1
 		},
+		shape: { default: void 0 },
 		text: {
 			type: Boolean,
 			default: !1
@@ -40,6 +41,10 @@ var ee = [
 			type: Boolean,
 			default: !1
 		},
+		dashed: {
+			type: Boolean,
+			default: !1
+		},
 		link: {
 			type: Boolean,
 			default: !1
@@ -92,17 +97,19 @@ var ee = [
 		}
 	},
 	emits: ["click"],
-	setup(p, { expose: E, emit: D }) {
-		let O = p, k = D, A = S(), j = v(null), M = v(null), N = /* @__PURE__ */ new Set(), P = s(() => !!A.default?.().some((e) => Z(e))), F = s(() => P.value || !!O.label?.trim()), I = s(() => O.outlined || O.variant === "outlined"), L = s(() => O.text || O.variant === "text"), R = s(() => O.link || O.variant === "link"), z = s(() => O.ghost || O.variant === "ghost"), B = s(() => O.quaternary || O.variant === "quaternary"), V = s(() => O.fluid), H = r("Button", () => O.size), U = s(() => e(H.value)), W = s(() => O.iconOnly || !F.value && !!(O.icon || A.icon || O.loading)), G = s(() => t(O.severity) ?? "primary"), K = s(() => typeof O.icon == "string" ? O.icon : void 0), q = s(() => typeof O.icon == "string" || !O.icon ? void 0 : O.icon), J = s(() => [
+	setup(p, { expose: D, emit: ee }) {
+		let O = p, k = ee, A = S(), j = v(null), M = v(null), N = /* @__PURE__ */ new Set(), te = s(() => !!A.default?.().some((e) => Q(e))), P = s(() => te.value || !!O.label?.trim()), F = s(() => O.outlined || O.variant === "outlined"), I = s(() => O.dashed || O.variant === "dashed"), L = s(() => O.text || O.variant === "text"), R = s(() => O.link || O.variant === "link"), z = s(() => O.ghost || O.variant === "ghost"), B = s(() => O.quaternary || O.variant === "quaternary"), V = s(() => O.fluid), H = s(() => O.shape ? O.shape : O.rounded ? "round" : "default"), U = r("Button", () => O.size), W = s(() => e(U.value)), G = s(() => O.iconOnly || !P.value && !!(O.icon || A.icon || O.loading)), K = s(() => t(O.severity) ?? "primary"), q = s(() => typeof O.icon == "string" ? O.icon : void 0), J = s(() => typeof O.icon == "string" || !O.icon ? void 0 : O.icon), Y = s(() => [
 			"m-button",
-			`m-button--${G.value}`,
-			`m-button--${H.value}`,
+			`m-button--${K.value}`,
+			`m-button--${U.value}`,
 			`m-button--icon-${O.iconPos}`,
+			`m-button--shape-${H.value}`,
 			{
 				"m-button--raised": O.raised,
-				"m-button--rounded": O.rounded,
+				"m-button--rounded": H.value === "round" || H.value === "circle",
 				"m-button--text": L.value,
-				"m-button--outlined": I.value,
+				"m-button--outlined": F.value && !I.value,
+				"m-button--dashed": I.value,
 				"m-button--link": R.value,
 				"m-button--link-underline": R.value && O.underline,
 				"m-button--ghost": z.value,
@@ -110,35 +117,35 @@ var ee = [
 				"m-button--plain": O.plain,
 				"m-button--fluid": V.value,
 				"m-button--loading": O.loading,
-				"m-button--icon-only": W.value,
+				"m-button--icon-only": G.value,
 				"m-button--custom": !!O.color,
 				"m-button--ripple": O.ripple,
 				"m-button--press": O.press
 			}
-		]), Y = s(() => O.color ? { "--m-button-color": O.color } : void 0), X = s(() => ["m-button__badge", O.badgeSeverity ? `m-button__badge--${t(O.badgeSeverity)}` : "m-button__badge--contrast"]);
-		function Z(e) {
+		]), X = s(() => O.color ? { "--m-button-color": O.color } : void 0), Z = s(() => ["m-button__badge", O.badgeSeverity ? `m-button__badge--${t(O.badgeSeverity)}` : "m-button__badge--contrast"]);
+		function Q(e) {
 			if (e == null || typeof e == "boolean") return !1;
 			if (typeof e == "string" || typeof e == "number") return String(e).trim().length > 0;
-			if (Array.isArray(e)) return e.some((e) => Z(e));
+			if (Array.isArray(e)) return e.some((e) => Q(e));
 			if (typeof e == "object" && "type" in e) {
 				let t = e;
-				return t.type === i ? !1 : t.type === o ? String(t.children ?? "").trim().length > 0 : t.type !== a || Z(t.children);
+				return t.type === i ? !1 : t.type === o ? String(t.children ?? "").trim().length > 0 : t.type !== a || Q(t.children);
 			}
 			return !1;
 		}
-		function Q() {
+		function ne() {
 			return !O.ripple || typeof document > "u" || document.documentElement.dataset.mMotion === "none";
 		}
-		function te() {
-			return typeof document > "u" ? w : document.documentElement.dataset.mMotion === "reduced" ? T : w;
+		function re() {
+			return typeof document > "u" ? T : document.documentElement.dataset.mMotion === "reduced" ? E : T;
 		}
 		function $(e, t, n = !1) {
-			if (Q()) return;
+			if (ne()) return;
 			let r = j.value, i = M.value;
 			if (!r || !i) return;
 			let a = r.getBoundingClientRect(), o = Math.ceil(Math.hypot(a.width, a.height) * 2), s = n ? a.width / 2 : e - a.left, c = n ? a.height / 2 : t - a.top, l = document.createElement("span");
 			l.className = "m-button__ripple-wave", l.style.width = `${o}px`, l.style.height = `${o}px`, l.style.left = `${s - o / 2}px`, l.style.top = `${c - o / 2}px`, i.appendChild(l);
-			let u = te(), d = () => {
+			let u = re(), d = () => {
 				l.remove();
 			};
 			if (typeof l.animate == "function") {
@@ -168,33 +175,33 @@ var ee = [
 			}
 			l.classList.add("m-button__ripple-wave--fallback"), window.setTimeout(d, u);
 		}
-		function ne(e) {
+		function ie(e) {
 			O.disabled || O.loading || e.button === 0 && $(e.clientX, e.clientY);
 		}
-		function re(e) {
+		function ae(e) {
 			O.disabled || O.loading || (e.detail === 0 && $(0, 0, !0), k("click", e));
 		}
-		function ie() {
+		function oe() {
 			j.value?.focus();
 		}
 		return g(() => {
 			for (let e of N) e.cancel();
 			N.clear();
-		}), E({
-			focus: ie,
+		}), D({
+			focus: oe,
 			ref: j
 		}), (e, t) => (_(), u("button", {
 			ref_key: "buttonElement",
 			ref: j,
-			class: m(J.value),
-			style: h(Y.value),
+			class: m(Y.value),
+			style: h(X.value),
 			type: p.nativeType,
 			disabled: p.disabled || p.loading,
 			autofocus: p.autofocus || void 0,
 			"aria-busy": p.loading || void 0,
-			"aria-label": p.ariaLabel || (W.value ? p.label : void 0),
-			onPointerdown: ne,
-			onClick: re
+			"aria-label": p.ariaLabel || (G.value ? p.label : void 0),
+			onPointerdown: ie,
+			onClick: ae
 		}, [
 			p.ripple ? (_(), u("span", {
 				key: 0,
@@ -207,21 +214,21 @@ var ee = [
 				key: 1,
 				class: m(["m-button__icon", { "m-button__icon--loading": p.loading }]),
 				"aria-hidden": "true"
-			}, [p.loading ? y(e.$slots, "loadingicon", {}, () => [t[0] ||= d("span", { class: "m-button__spinner" }, null, -1)], void 0, 0) : y(e.$slots, "icon", { class: "m-button__icon-slot" }, () => [K.value ? (_(), c(n, {
+			}, [p.loading ? y(e.$slots, "loadingicon", {}, () => [t[0] ||= d("span", { class: "m-button__spinner" }, null, -1)], void 0, 0) : y(e.$slots, "icon", { class: "m-button__icon-slot" }, () => [q.value ? (_(), c(n, {
 				key: 0,
-				name: K.value,
-				size: U.value
-			}, null, 8, ["name", "size"])) : q.value ? (_(), c(b(q.value), {
+				name: q.value,
+				size: W.value
+			}, null, 8, ["name", "size"])) : J.value ? (_(), c(b(J.value), {
 				key: 1,
 				class: "m-button__icon-graphic"
 			})) : l("", !0)], void 0, 1)], 2)) : l("", !0),
-			F.value && !p.iconOnly ? (_(), u("span", C, [y(e.$slots, "default", {}, () => [f(x(p.label), 1)])])) : l("", !0),
+			P.value && !p.iconOnly ? (_(), u("span", w, [y(e.$slots, "default", {}, () => [f(x(p.label), 1)])])) : l("", !0),
 			p.badge != null && p.badge !== "" ? (_(), u("span", {
 				key: 3,
-				class: m(X.value)
+				class: m(Z.value)
 			}, x(p.badge), 3)) : l("", !0)
-		], 46, ee));
+		], 46, C));
 	}
 });
 //#endregion
-export { E as t };
+export { D as t };

package/dist/{Checkbox-B2gcDJHM.js → Checkbox-BKt8hdhV.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
-import { o as n } from "./config-De8ueCY-.js";
+import { o as n } from "./config-COgrsSV2.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 = [