@qingmingmu/components 0.1.0-beta.0

package/es/components/button/style.css

@@ -0,0 +1,185 @@
+@charset "UTF-8";
+.qm-button {
+  box-sizing: border-box;
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  justify-content: center;
+  height: var(--qm-button-height-medium);
+  padding: 0 var(--qm-button-padding-x-medium);
+  font-size: var(--qm-button-font-size);
+  font-weight: var(--qm-button-font-weight);
+  line-height: 1;
+  color: var(--qm-button-color);
+  white-space: nowrap;
+  cursor: pointer;
+  outline: none;
+  background-color: var(--qm-button-color-bg);
+  background-image: var(--qm-button-bg-image, none);
+  border: 1px solid var(--qm-button-color-border);
+  border-radius: var(--qm-button-border-radius);
+  box-shadow: var(--qm-button-shadow, none);
+  backdrop-filter: var(--qm-button-backdrop-filter, none);
+  backdrop-filter: var(--qm-button-backdrop-filter, none);
+  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.qm-button--small {
+  height: var(--qm-button-height-small);
+  padding: 0 var(--qm-button-padding-x-small);
+  font-size: calc(var(--qm-button-font-size) - 1px);
+}
+.qm-button--large {
+  height: var(--qm-button-height-large);
+  padding: 0 var(--qm-button-padding-x-large);
+  font-size: calc(var(--qm-button-font-size) + 1px);
+}
+.qm-button--default:hover:not(:disabled) {
+  color: var(--qm-button-color-primary);
+  background-color: var(--qm-button-color-bg-hover);
+  background-image: var(--qm-button-bg-image-hover, none);
+  border-color: var(--qm-button-color-border-hover);
+  box-shadow: var(--qm-button-shadow-hover, none);
+}
+.qm-button--default:active:not(:disabled) {
+  color: var(--qm-button-color-primary-active);
+  background-color: var(--qm-button-color-bg-active);
+  background-image: var(--qm-button-bg-image-active, none);
+  box-shadow: var(--qm-button-shadow-active, none);
+}
+.qm-button--primary {
+  color: var(--qm-button-color-primary-text);
+  background-color: var(--qm-button-color-primary);
+  border-color: var(--qm-button-color-primary);
+}
+.qm-button--primary:hover:not(:disabled) {
+  background-color: var(--qm-button-color-primary-hover);
+  border-color: var(--qm-button-color-primary-hover);
+  box-shadow: var(--qm-button-shadow-hover, none);
+}
+.qm-button--primary:active:not(:disabled) {
+  background-color: var(--qm-button-color-primary-active);
+  border-color: var(--qm-button-color-primary-active);
+  box-shadow: var(--qm-button-shadow-active, none);
+}
+.qm-button--success {
+  color: var(--qm-button-color-success-text);
+  background-color: var(--qm-button-color-success);
+  border-color: var(--qm-button-color-success);
+}
+.qm-button--success:hover:not(:disabled) {
+  background-color: var(--qm-button-color-success-hover);
+  border-color: var(--qm-button-color-success-hover);
+  box-shadow: var(--qm-button-shadow-hover, none);
+}
+.qm-button--success:active:not(:disabled) {
+  background-color: var(--qm-button-color-success-active);
+  border-color: var(--qm-button-color-success-active);
+  box-shadow: var(--qm-button-shadow-active, none);
+}
+.qm-button--warning {
+  color: var(--qm-button-color-warning-text);
+  background-color: var(--qm-button-color-warning);
+  border-color: var(--qm-button-color-warning);
+}
+.qm-button--warning:hover:not(:disabled) {
+  background-color: var(--qm-button-color-warning-hover);
+  border-color: var(--qm-button-color-warning-hover);
+  box-shadow: var(--qm-button-shadow-hover, none);
+}
+.qm-button--warning:active:not(:disabled) {
+  background-color: var(--qm-button-color-warning-active);
+  border-color: var(--qm-button-color-warning-active);
+  box-shadow: var(--qm-button-shadow-active, none);
+}
+.qm-button--error {
+  color: var(--qm-button-color-error-text);
+  background-color: var(--qm-button-color-error);
+  border-color: var(--qm-button-color-error);
+}
+.qm-button--error:hover:not(:disabled) {
+  background-color: var(--qm-button-color-error-hover);
+  border-color: var(--qm-button-color-error-hover);
+  box-shadow: var(--qm-button-shadow-hover, none);
+}
+.qm-button--error:active:not(:disabled) {
+  background-color: var(--qm-button-color-error-active);
+  border-color: var(--qm-button-color-error-active);
+  box-shadow: var(--qm-button-shadow-active, none);
+}
+.qm-button--text {
+  color: var(--qm-button-color-text);
+  background-color: transparent;
+  border-color: transparent;
+}
+.qm-button--text:hover:not(:disabled) {
+  color: var(--qm-button-color-text-hover);
+  background-color: var(--qm-button-color-text-bg-hover);
+}
+.qm-button--text:active:not(:disabled) {
+  color: var(--qm-button-color-text-active);
+  background-color: var(--qm-button-color-text-bg-active);
+}
+.qm-button--link {
+  color: var(--qm-button-color-link);
+  background-color: transparent;
+  border-color: transparent;
+}
+.qm-button--link:hover:not(:disabled) {
+  color: var(--qm-button-color-link-hover);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+.qm-button--link:active:not(:disabled) {
+  color: var(--qm-button-color-link-active);
+}
+.qm-button--round {
+  border-radius: var(--qm-button-border-radius-round);
+}
+.qm-button--circle {
+  width: var(--qm-button-height-medium);
+  padding: 0;
+  border-radius: var(--qm-button-border-radius-circle);
+}
+.qm-button--circle.qm-button--small {
+  width: var(--qm-button-height-small);
+}
+.qm-button--circle.qm-button--large {
+  width: var(--qm-button-height-large);
+}
+.qm-button--loading {
+  cursor: progress;
+}
+.qm-button--loading .qm-button__loading-icon {
+  display: inline-flex;
+  animation: qm-button-spin 0.8s linear infinite;
+  /* 统一走 QmIcon：颜色随按钮前景 */
+}
+.qm-button--loading .qm-button__loading-icon .qm-icon {
+  color: inherit;
+}
+.qm-button:disabled {
+  color: var(--qm-button-color-disabled-text);
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: var(--qm-button-color-disabled-bg);
+  background-image: none;
+  border-color: var(--qm-button-color-disabled-border);
+  box-shadow: none;
+}
+.qm-button:focus-visible {
+  box-shadow: var(--qm-button-focus-ring);
+}
+.qm-button__content {
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+}
+
+@keyframes qm-button-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/es/components/checkbox/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const checkboxGroup = require('../../shared/components.CLBPin--.cjs');
+require('vue');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.QmCheckboxGroup = checkboxGroup.checkboxGroup;
+exports.checkboxGroupKey = checkboxGroup.checkboxGroupKey;
+exports.checkboxGroupProps = checkboxGroup.checkboxGroupProps;
+exports.checkboxProps = checkboxGroup.checkboxProps;
+exports.default = checkboxGroup.Checkbox;
+exports.isMaxBlocked = checkboxGroup.isMaxBlocked;
+exports.isValueInArray = checkboxGroup.isValueInArray;
+exports.useCheckbox = checkboxGroup.useCheckbox;

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

@@ -0,0 +1,8 @@
+import { QmCheckbox as Checkbox } from '../../index.cjs';
+export { C as CheckboxEmits, a as CheckboxGroupContext, b as CheckboxGroupDirection, c as CheckboxGroupEmits, d as CheckboxSize, e as CheckboxValue, g as QmCheckboxGroup, U as UseCheckboxOptions, h as UseCheckboxReturn, i as checkboxGroupKey, j as checkboxGroupProps, k as checkboxProps, l as isMaxBlocked, m as isValueInArray, u as useCheckbox } from '../../shared/components.D5-DJd7f.cjs';
+import 'vue';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+export = Checkbox;

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

@@ -0,0 +1,8 @@
+import { f as Checkbox } from '../../shared/components.BJSrGDgZ.mjs';
+export { C as CheckboxEmits, a as CheckboxGroupContext, b as CheckboxGroupDirection, c as CheckboxGroupEmits, d as CheckboxSize, e as CheckboxValue, g as QmCheckboxGroup, U as UseCheckboxOptions, h as UseCheckboxReturn, i as checkboxGroupKey, j as checkboxGroupProps, k as checkboxProps, l as isMaxBlocked, m as isValueInArray, u as useCheckbox } from '../../shared/components.BJSrGDgZ.mjs';
+import 'vue';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { Checkbox as default };

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

@@ -0,0 +1,8 @@
+import { QmCheckbox as Checkbox } from '../../index.js';
+export { C as CheckboxEmits, a as CheckboxGroupContext, b as CheckboxGroupDirection, c as CheckboxGroupEmits, d as CheckboxSize, e as CheckboxValue, g as QmCheckboxGroup, U as UseCheckboxOptions, h as UseCheckboxReturn, i as checkboxGroupKey, j as checkboxGroupProps, k as checkboxProps, l as isMaxBlocked, m as isValueInArray, u as useCheckbox } from '../../shared/components.DLVoUYPv.js';
+import 'vue';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+export = Checkbox;

package/es/components/checkbox/index.mjs

@@ -0,0 +1,8 @@
+import { C as Checkbox } from '../../shared/components.BrbmPZbT.mjs';
+export { c as QmCheckboxGroup, a as checkboxGroupKey, b as checkboxGroupProps, d as checkboxProps, i as isMaxBlocked, e as isValueInArray, u as useCheckbox } from '../../shared/components.BrbmPZbT.mjs';
+import 'vue';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { Checkbox as default };

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

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