@qingmingmu/components 0.1.0-beta.0

package/es/components/notification/style.css

@@ -0,0 +1,191 @@
+@charset "UTF-8";
+.qm-notification-container-root {
+  position: fixed;
+  inset: 0;
+  z-index: var(--qm-notification-z-index);
+  display: flex;
+  align-items: stretch;
+  justify-content: space-between;
+  pointer-events: none;
+}
+
+.qm-notification-placement {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  gap: var(--qm-notification-stack-gap);
+  pointer-events: none;
+}
+.qm-notification-placement--top-left {
+  top: 20px;
+  left: 20px;
+  align-items: flex-start;
+}
+.qm-notification-placement--top-right {
+  top: 20px;
+  right: 20px;
+  align-items: flex-end;
+}
+.qm-notification-placement--bottom-left {
+  bottom: 20px;
+  left: 20px;
+  flex-direction: column-reverse;
+  align-items: flex-start;
+}
+.qm-notification-placement--bottom-right {
+  right: 20px;
+  bottom: 20px;
+  flex-direction: column-reverse;
+  align-items: flex-end;
+}
+
+.qm-notification__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--qm-notification-stack-gap);
+}
+
+.qm-notification {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--qm-notification-gap);
+  align-items: flex-start;
+  justify-content: space-between;
+  width: var(--qm-notification-width);
+  padding: var(--qm-notification-padding);
+  color: var(--qm-notification-foreground);
+  pointer-events: auto;
+  background-color: var(--qm-notification-bg);
+  border: 1px solid var(--qm-notification-border);
+  border-radius: var(--qm-notification-border-radius);
+  box-shadow: var(--qm-notification-box-shadow);
+  /* 青冥品牌装饰：左侧天青山形云纹竖条 */
+}
+.qm-notification::before {
+  position: absolute;
+  top: 12px;
+  bottom: 12px;
+  left: 0;
+  width: 3px;
+  pointer-events: none;
+  content: "";
+  background: var(--qm-notification-decoration-color);
+  border-radius: 0 2px 2px 0;
+}
+.qm-notification__main {
+  display: flex;
+  flex: 1;
+  gap: var(--qm-notification-gap);
+  align-items: flex-start;
+  min-width: 0;
+}
+.qm-notification__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  width: var(--qm-notification-icon-size);
+  height: var(--qm-notification-icon-size);
+  margin-top: 2px;
+  /* 统一走 QmIcon：1em 撑满图标容器，颜色由行内 colorVar 驱动 */
+}
+.qm-notification__icon .qm-icon {
+  font-size: var(--qm-notification-icon-size);
+}
+.qm-notification__text {
+  flex: 1;
+  min-width: 0;
+}
+.qm-notification__title {
+  margin: 0 0 4px;
+  font-size: var(--qm-notification-title-font-size);
+  font-weight: var(--qm-notification-title-font-weight);
+  line-height: 1.4;
+  color: var(--qm-notification-title-color);
+}
+.qm-notification__message {
+  margin: 0;
+  font-size: var(--qm-notification-body-font-size);
+  line-height: 1.5;
+  color: var(--qm-notification-body-color);
+  word-break: break-word;
+}
+.qm-notification__aside {
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  gap: 8px;
+  align-items: flex-end;
+}
+.qm-notification__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  color: var(--qm-notification-close-color);
+  cursor: pointer;
+  background-color: transparent;
+  border: none;
+  border-radius: 4px;
+}
+.qm-notification__close .qm-icon {
+  color: inherit;
+}
+.qm-notification__close:hover {
+  color: var(--qm-notification-close-hover-color);
+}
+.qm-notification__close:focus-visible {
+  outline: 2px solid var(--qm-notification-color-info);
+  outline-offset: 2px;
+}
+.qm-notification__action {
+  padding: 4px 10px;
+  font-size: 12px;
+  color: var(--qm-notification-color-info);
+  cursor: pointer;
+  background-color: transparent;
+  border: 1px solid var(--qm-notification-color-info);
+  border-radius: 6px;
+  transition: background-color var(--qm-notification-transition), color var(--qm-notification-transition);
+}
+.qm-notification__action:hover {
+  color: var(--qm-notification-bg);
+  background-color: var(--qm-notification-color-info);
+}
+.qm-notification__action:focus-visible {
+  outline: 2px solid var(--qm-notification-color-info);
+  outline-offset: 2px;
+}
+
+.qm-notification-enter-active,
+.qm-notification-leave-active {
+  transition: opacity var(--qm-notification-transition), transform var(--qm-notification-transition);
+}
+
+.qm-notification-enter-from,
+.qm-notification-leave-to {
+  opacity: 0;
+}
+
+.qm-notification-enter-from {
+  transform: translateX(24px);
+}
+
+.qm-notification-placement--top-left .qm-notification-enter-from,
+.qm-notification-placement--bottom-left .qm-notification-enter-from {
+  transform: translateX(-24px);
+}
+
+.qm-notification-leave-to {
+  transform: translateX(24px);
+}
+
+.qm-notification-placement--top-left .qm-notification-leave-to,
+.qm-notification-placement--bottom-left .qm-notification-leave-to {
+  transform: translateX(-24px);
+}
+
+.qm-notification-move {
+  transition: transform var(--qm-notification-transition);
+}

package/es/components/pagination/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const pagination = require('../../shared/components.DFar9ZQj.cjs');
+require('vue');
+require('../../shared/components.CRtd1JMp.cjs');
+require('@qingmingmu/icons');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.QmPagination = pagination.Pagination;
+exports.default = pagination.Pagination;
+exports.paginationProps = pagination.paginationProps;
+exports.usePagination = pagination.usePagination;

package/es/components/pagination/index.d.cts

@@ -0,0 +1,12 @@
+import { b as Pagination } from '../../shared/components.DG96RpCG.cjs';
+export { P as PageItem, a as PaginationEmits, U as UsePaginationOptions, c as UsePaginationReturn, p as paginationProps, u as usePagination } from '../../shared/components.DG96RpCG.cjs';
+import 'vue';
+import '../../shared/components.b5GjJzDh.cjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = Pagination;
+export { Pagination as QmPagination };

package/es/components/pagination/index.d.mts

@@ -0,0 +1,10 @@
+import { b as Pagination } from '../../shared/components.CaILt5c4.mjs';
+export { P as PageItem, a as PaginationEmits, U as UsePaginationOptions, c as UsePaginationReturn, p as paginationProps, u as usePagination } from '../../shared/components.CaILt5c4.mjs';
+import 'vue';
+import '../../shared/components.DCuPins-.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { Pagination as QmPagination, Pagination as default };

package/es/components/pagination/index.d.ts

@@ -0,0 +1,12 @@
+import { b as Pagination } from '../../shared/components.b0j47s07.js';
+export { P as PageItem, a as PaginationEmits, U as UsePaginationOptions, c as UsePaginationReturn, p as paginationProps, u as usePagination } from '../../shared/components.b0j47s07.js';
+import 'vue';
+import '../../shared/components.C6sLxXPo.js';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = Pagination;
+export { Pagination as QmPagination };

package/es/components/pagination/index.mjs

@@ -0,0 +1,10 @@
+import { P as Pagination } from '../../shared/components.CyCDH-Vb.mjs';
+export { p as paginationProps, u as usePagination } from '../../shared/components.CyCDH-Vb.mjs';
+import 'vue';
+import '../../shared/components.D3on6_fI.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { Pagination as QmPagination, Pagination as default };

package/es/components/pagination/style/index.js

@@ -0,0 +1,4 @@
+// QmPagination 样式入口（导航 + 桌面端 task）：import 编译产物 CSS。
+// 发布形态：与 es/components/pagination/style.css 同目录，由 resolver 按需注入；
+// 源码开发场景由 Vite 直接编译 index.scss（play 沙箱 / 命令式入口自引入）。
+import './style.css'

package/es/components/pagination/style.css

@@ -0,0 +1,112 @@
+@charset "UTF-8";
+.qm-pagination {
+  display: inline-flex;
+  gap: var(--qm-pagination-gap);
+  align-items: center;
+  color: var(--qm-pagination-color);
+}
+.qm-pagination--disabled {
+  cursor: not-allowed;
+}
+.qm-pagination__total {
+  margin-right: var(--qm-pagination-gap);
+  font-size: var(--qm-pagination-item-font-size);
+  color: var(--qm-pagination-total-color);
+}
+.qm-pagination__btn, .qm-pagination__item {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--qm-pagination-item-size);
+  height: var(--qm-pagination-item-size);
+  padding: 0 6px;
+  font: inherit;
+  font-size: var(--qm-pagination-item-font-size);
+  line-height: 1;
+  color: var(--qm-pagination-color);
+  cursor: pointer;
+  outline: none;
+  background-color: var(--qm-pagination-bg);
+  border: 1px solid var(--qm-pagination-border);
+  border-radius: var(--qm-pagination-border-radius);
+  transition: color var(--qm-pagination-transition) ease, background-color var(--qm-pagination-transition) ease, border-color var(--qm-pagination-transition) ease;
+  /* 统一走 QmIcon：1em 随按钮字号，颜色随按钮 */
+}
+.qm-pagination__btn .qm-icon, .qm-pagination__item .qm-icon {
+  font-size: 1em;
+  color: inherit;
+}
+.qm-pagination__btn:hover:not(:disabled), .qm-pagination__item:hover:not(:disabled) {
+  background-color: var(--qm-pagination-item-hover-bg);
+  border-color: var(--qm-pagination-item-hover-border);
+}
+.qm-pagination__btn:focus-visible, .qm-pagination__item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--qm-pagination-item-active-border);
+}
+.qm-pagination__btn:disabled, .qm-pagination__item:disabled {
+  color: var(--qm-pagination-item-disabled-color);
+  cursor: not-allowed;
+  background-color: var(--qm-pagination-bg);
+  border-color: var(--qm-pagination-border);
+}
+.qm-pagination__item--active, .qm-pagination__item--active:hover {
+  color: var(--qm-pagination-item-active-color);
+  background-color: var(--qm-pagination-item-active-bg);
+  border-color: var(--qm-pagination-item-active-border);
+}
+.qm-pagination__ellipsis {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--qm-pagination-item-size);
+  height: var(--qm-pagination-item-size);
+  font-size: var(--qm-pagination-item-font-size);
+  color: var(--qm-pagination-item-disabled-color);
+  user-select: none;
+}
+.qm-pagination__select {
+  box-sizing: border-box;
+  height: var(--qm-pagination-item-size);
+  padding: 0 8px;
+  font: inherit;
+  font-size: var(--qm-pagination-item-font-size);
+  color: var(--qm-pagination-color);
+  cursor: pointer;
+  outline: none;
+  background-color: var(--qm-pagination-bg);
+  border: 1px solid var(--qm-pagination-border);
+  border-radius: var(--qm-pagination-border-radius);
+}
+.qm-pagination__select:disabled {
+  color: var(--qm-pagination-item-disabled-color);
+  cursor: not-allowed;
+}
+.qm-pagination__jumper {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  font-size: var(--qm-pagination-item-font-size);
+  color: var(--qm-pagination-total-color);
+}
+.qm-pagination__jumper-input {
+  box-sizing: border-box;
+  width: calc(var(--qm-pagination-item-size) * 1.5);
+  height: var(--qm-pagination-item-size);
+  padding: 0 6px;
+  font: inherit;
+  font-size: var(--qm-pagination-item-font-size);
+  color: var(--qm-pagination-color);
+  text-align: center;
+  outline: none;
+  background-color: var(--qm-pagination-bg);
+  border: 1px solid var(--qm-pagination-border);
+  border-radius: var(--qm-pagination-border-radius);
+}
+.qm-pagination__jumper-input:focus-visible {
+  border-color: var(--qm-pagination-item-hover-border);
+}
+.qm-pagination__jumper-input:disabled {
+  color: var(--qm-pagination-item-disabled-color);
+  cursor: not-allowed;
+}

package/es/components/popover/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const popover = require('../../shared/components.BUx4k59U.cjs');
+require('vue');
+require('../../shared/components.CUxPJ0rN.cjs');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.HOVER_CLOSE_DELAY = popover.HOVER_CLOSE_DELAY;
+exports.HOVER_OPEN_DELAY = popover.HOVER_OPEN_DELAY;
+exports.QmPopover = popover.Popover;
+exports.default = popover.Popover;
+exports.popoverProps = popover.popoverProps;
+exports.usePopover = popover.usePopover;

package/es/components/popover/index.d.cts

@@ -0,0 +1,11 @@
+import { c as Popover } from '../../shared/components.CxuO1-ev.cjs';
+export { H as HOVER_CLOSE_DELAY, d as HOVER_OPEN_DELAY, P as PopoverEmits, a as PopoverPlacement, b as PopoverTrigger, U as UsePopoverOptions, e as UsePopoverReturn, p as popoverProps, u as usePopover } from '../../shared/components.CxuO1-ev.cjs';
+import 'vue';
+import '../../shared/components.4UjasbrA.cjs';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = Popover;
+export { Popover as QmPopover };

package/es/components/popover/index.d.mts

@@ -0,0 +1,9 @@
+import { c as Popover } from '../../shared/components.Cg0qdMDr.mjs';
+export { H as HOVER_CLOSE_DELAY, d as HOVER_OPEN_DELAY, P as PopoverEmits, a as PopoverPlacement, b as PopoverTrigger, U as UsePopoverOptions, e as UsePopoverReturn, p as popoverProps, u as usePopover } from '../../shared/components.Cg0qdMDr.mjs';
+import 'vue';
+import '../../shared/components.4UjasbrA.mjs';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { Popover as QmPopover, Popover as default };

package/es/components/popover/index.d.ts

@@ -0,0 +1,11 @@
+import { c as Popover } from '../../shared/components.B2Ry54jj.js';
+export { H as HOVER_CLOSE_DELAY, d as HOVER_OPEN_DELAY, P as PopoverEmits, a as PopoverPlacement, b as PopoverTrigger, U as UsePopoverOptions, e as UsePopoverReturn, p as popoverProps, u as usePopover } from '../../shared/components.B2Ry54jj.js';
+import 'vue';
+import '../../shared/components.4UjasbrA.js';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = Popover;
+export { Popover as QmPopover };

package/es/components/popover/index.mjs

@@ -0,0 +1,9 @@
+import { P as Popover } from '../../shared/components.CMtYH41Z.mjs';
+export { H as HOVER_CLOSE_DELAY, a as HOVER_OPEN_DELAY, p as popoverProps, u as usePopover } from '../../shared/components.CMtYH41Z.mjs';
+import 'vue';
+import '../../shared/components.DqdBSuxX.mjs';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { Popover as QmPopover, Popover as default };

package/es/components/popover/style/index.js

@@ -0,0 +1,4 @@
+// 样式入口（组件体系设计 §6.4）：import 编译产物 CSS。
+// 发布形态：与 es/components/popover/style.css 同目录，由 resolver 按需注入；
+// 源码开发场景由 Vite 直接编译 index.scss（play 沙箱）。
+import './style.css'

package/es/components/popover/style.css

@@ -0,0 +1,111 @@
+@charset "UTF-8";
+.qm-popover {
+  z-index: var(--qm-popover-z-index);
+  box-sizing: border-box;
+  min-width: var(--qm-popover-min-width);
+  max-width: var(--qm-popover-max-width);
+  padding: var(--qm-popover-padding);
+  font-size: var(--qm-popover-body-font-size);
+  color: var(--qm-popover-body-color);
+  text-align: left;
+  word-wrap: break-word;
+  background-color: var(--qm-popover-bg);
+  border: 1px solid var(--qm-popover-border);
+  border-radius: var(--qm-popover-border-radius);
+  box-shadow: var(--qm-popover-box-shadow);
+}
+.qm-popover__header {
+  position: relative;
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+  font-size: var(--qm-popover-title-font-size);
+  font-weight: var(--qm-popover-title-font-weight);
+  line-height: 1.4;
+  color: var(--qm-popover-title-color);
+  border-bottom: 1px solid var(--qm-popover-border);
+}
+.qm-popover {
+  /* 青冥品牌装饰：标题区山形云纹分隔线 */
+}
+.qm-popover__header::after {
+  position: absolute;
+  right: 0;
+  bottom: -1px;
+  left: 0;
+  height: 2px;
+  pointer-events: none;
+  content: "";
+  background: var(--qm-popover-header-decoration);
+}
+.qm-popover__body {
+  font-size: var(--qm-popover-body-font-size);
+  line-height: 1.6;
+  color: var(--qm-popover-body-color);
+}
+.qm-popover__arrow {
+  position: absolute;
+  width: var(--qm-popover-arrow-size);
+  height: var(--qm-popover-arrow-size);
+  background-color: var(--qm-popover-bg);
+  border-color: var(--qm-popover-border);
+  border-style: solid;
+  border-width: 0;
+  transform: rotate(45deg);
+}
+.qm-popover__trigger {
+  display: inline-flex;
+  align-items: center;
+}
+.qm-popover__trigger--disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+/* ============================================================
+ * 箭头按放置方向定位（菱形跨在对应边的中点）
+ * ============================================================ */
+.qm-popover--bottom .qm-popover__arrow {
+  top: calc(var(--qm-popover-arrow-size) / -2);
+  left: 50%;
+  border-top-width: 1px;
+  border-left-width: 1px;
+  transform: translateX(-50%) rotate(45deg);
+}
+
+.qm-popover--top .qm-popover__arrow {
+  bottom: calc(var(--qm-popover-arrow-size) / -2);
+  left: 50%;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  transform: translateX(-50%) rotate(45deg);
+}
+
+.qm-popover--right .qm-popover__arrow {
+  top: 50%;
+  left: calc(var(--qm-popover-arrow-size) / -2);
+  border-top-width: 1px;
+  border-left-width: 1px;
+  transform: translateY(-50%) rotate(45deg);
+}
+
+.qm-popover--left .qm-popover__arrow {
+  top: 50%;
+  right: calc(var(--qm-popover-arrow-size) / -2);
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  transform: translateY(-50%) rotate(45deg);
+}
+
+/* ============================================================
+ * 进出场过渡（fade + scale，现代卡片质感）
+ * ============================================================ */
+.qm-popover-enter-active,
+.qm-popover-leave-active {
+  transition: opacity var(--qm-popover-transition) ease, transform var(--qm-popover-transition) ease;
+}
+
+.qm-popover-enter-from,
+.qm-popover-leave-to {
+  opacity: 0;
+  transform: scale(0.96);
+}

package/es/components/progress/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const progress = require('../../shared/components.ls2ruUoQ.cjs');
+require('vue');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.CIRCLE_RADIUS = progress.CIRCLE_RADIUS;
+exports.QmProgress = progress.Progress;
+exports.circleCircumference = progress.circleCircumference;
+exports.default = progress.Progress;
+exports.progressProps = progress.progressProps;

package/es/components/progress/index.d.cts

@@ -0,0 +1,10 @@
+import { c as Progress } from '../../shared/components.BDSFrwdm.cjs';
+export { C as CIRCLE_RADIUS, P as ProgressEmits, a as ProgressStatus, b as ProgressType, d as circleCircumference, p as progressProps } from '../../shared/components.BDSFrwdm.cjs';
+import 'vue';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = Progress;
+export { Progress as QmProgress };

package/es/components/progress/index.d.mts

@@ -0,0 +1,8 @@
+import { c as Progress } from '../../shared/components.7wOMpfjy.mjs';
+export { C as CIRCLE_RADIUS, P as ProgressEmits, a as ProgressStatus, b as ProgressType, d as circleCircumference, p as progressProps } from '../../shared/components.7wOMpfjy.mjs';
+import 'vue';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { Progress as QmProgress, Progress as default };

package/es/components/progress/index.d.ts

@@ -0,0 +1,10 @@
+import { c as Progress } from '../../shared/components.v_RwCQEf.js';
+export { C as CIRCLE_RADIUS, P as ProgressEmits, a as ProgressStatus, b as ProgressType, d as circleCircumference, p as progressProps } from '../../shared/components.v_RwCQEf.js';
+import 'vue';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = Progress;
+export { Progress as QmProgress };

package/es/components/progress/index.mjs

@@ -0,0 +1,8 @@
+import { P as Progress } from '../../shared/components.BW1vukk6.mjs';
+export { C as CIRCLE_RADIUS, c as circleCircumference, p as progressProps } from '../../shared/components.BW1vukk6.mjs';
+import 'vue';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { Progress as QmProgress, Progress as default };

package/es/components/progress/style/index.js

@@ -0,0 +1,4 @@
+// 样式入口（组件体系设计 §6.4）：import 编译产物 CSS。
+// 发布形态：与 es/components/progress/style.css 同目录，由 resolver 按需注入；
+// 源码开发场景由 Vite 直接编译 index.scss（play 沙箱）。
+import './style.css'