@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.DEwy484E.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const linkProps = {
+  /** 链接地址；禁用时移除，避免跳转 */
+  href: { type: String, default: "" },
+  /** 语义类型 */
+  type: { type: String, default: "primary" },
+  /** 是否显示下划线 */
+  underline: { type: Boolean, default: false },
+  /** 禁用：不跳转 + aria-disabled + 不 emit click */
+  disabled: { type: Boolean, default: false },
+  /** 原生 target 透传（_blank / _self 等） */
+  target: { type: String, default: "" }
+};
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmLink" },
+  __name: "link",
+  props: linkProps,
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modifierClass = computed(() => {
+      const classes = [`qm-link--${props.type}`];
+      if (props.underline) classes.push("qm-link--underline");
+      if (props.disabled) classes.push("qm-link--disabled");
+      return classes;
+    });
+    const resolvedHref = computed(() => props.disabled ? void 0 : props.href || void 0);
+    function handleClick(event) {
+      if (props.disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      emit("click", event);
+    }
+    const __returned__ = { props, emit, modifierClass, resolvedHref, handleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"href",
+	"target",
+	"aria-disabled",
+	"tabindex"
+];
+const _hoisted_2 = { class: "qm-link__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("a", {
+		class: normalizeClass(["qm-link", $setup.modifierClass]),
+		href: $setup.resolvedHref,
+		target: _ctx.target || undefined,
+		"aria-disabled": _ctx.disabled || undefined,
+		tabindex: _ctx.disabled ? -1 : undefined,
+		"data-qm": "link",
+		onClick: $setup.handleClick
+	}, [renderSlot(_ctx.$slots, "icon"), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1);
+}
+const Link = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\link\\link.vue"]]);
+
+export { Link as L, linkProps as l };

package/es/shared/components.DFar9ZQj.cjs

@@ -0,0 +1,285 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const paginationProps = {
+  /** 当前页（v-model，从 1 开始） */
+  modelValue: { type: Number, default: 1 },
+  /** 总条数 */
+  total: { type: Number, default: 0 },
+  /** 每页条数 */
+  pageSize: { type: Number, default: 10 },
+  /** 每页条数选项（showSizer 时渲染） */
+  pageSizes: { type: Array, default: () => [10, 20, 50, 100] },
+  /** 显示总条数文案 */
+  showTotal: { type: Boolean, default: false },
+  /** 显示每页条数选择器 */
+  showSizer: { type: Boolean, default: false },
+  /** 显示快速跳转输入框 */
+  showJumper: { type: Boolean, default: false },
+  /** 禁用全部交互 */
+  disabled: { type: Boolean, default: false }
+};
+
+const MAX_PAGES = 7;
+function usePagination(options) {
+  const { current, total, pageSize, disabled, emitUpdate, emitChange, emitSizeChange } = options;
+  const pageCount = vue.computed(
+    () => Math.max(1, Math.ceil((total.value || 0) / (pageSize.value || 1)))
+  );
+  const innerCurrent = vue.ref(current.value);
+  vue.watch(current, (v) => {
+    innerCurrent.value = v;
+  });
+  const effectiveCurrent = vue.computed(() => innerCurrent.value);
+  const pages = vue.computed(() => {
+    const count = pageCount.value;
+    const cur = Math.min(Math.max(effectiveCurrent.value, 1), count);
+    if (count <= MAX_PAGES)
+      return Array.from({ length: count }, (_, i) => i + 1);
+    const items = [1];
+    const start = Math.max(2, cur - 1);
+    const end = Math.min(count - 1, cur + 1);
+    if (start > 2)
+      items.push("more");
+    for (let i = start; i <= end; i++) items.push(i);
+    if (end < count - 1)
+      items.push("more");
+    items.push(count);
+    return items;
+  });
+  const isFirst = vue.computed(() => effectiveCurrent.value <= 1);
+  const isLast = vue.computed(() => effectiveCurrent.value >= pageCount.value);
+  function go(page) {
+    if (disabled.value)
+      return;
+    const target = Math.min(Math.max(page, 1), pageCount.value);
+    if (target === effectiveCurrent.value)
+      return;
+    innerCurrent.value = target;
+    emitUpdate(target);
+    emitChange(target);
+  }
+  function prev() {
+    go(effectiveCurrent.value - 1);
+  }
+  function next() {
+    go(effectiveCurrent.value + 1);
+  }
+  function changeSize(size) {
+    if (disabled.value)
+      return;
+    emitSizeChange(size);
+    if (effectiveCurrent.value !== 1) {
+      innerCurrent.value = 1;
+      emitUpdate(1);
+      emitChange(1);
+    }
+  }
+  vue.watch(
+    pageCount,
+    (count) => {
+      if (effectiveCurrent.value > count) {
+        innerCurrent.value = count;
+        emitUpdate(count);
+        emitChange(count);
+      }
+    },
+    { immediate: true }
+  );
+  return {
+    current: effectiveCurrent,
+    pageCount,
+    pages,
+    isFirst,
+    isLast,
+    go,
+    prev,
+    next,
+    changeSize
+  };
+}
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmPagination" },
+  __name: "pagination",
+  props: paginationProps,
+  emits: ["update:modelValue", "change", "sizeChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const currentProp = vue.computed(() => props.modelValue);
+    const total = vue.computed(() => props.total);
+    const pageSize = vue.computed(() => props.pageSize);
+    const disabled = vue.computed(() => props.disabled);
+    const pagination = usePagination({
+      current: currentProp,
+      total,
+      pageSize,
+      disabled,
+      emitUpdate: (page) => emit("update:modelValue", page),
+      emitChange: (page) => emit("change", page),
+      emitSizeChange: (size) => emit("sizeChange", size)
+    });
+    const { current, pages, isFirst, isLast, go, prev, next, changeSize } = pagination;
+    const jumperValue = vue.ref("");
+    function onJumperKeydown(event) {
+      if (event.key !== "Enter")
+        return;
+      const page = Number.parseInt(jumperValue.value, 10);
+      if (Number.isNaN(page))
+        return;
+      go(page);
+      jumperValue.value = "";
+    }
+    function onSizeChange(event) {
+      const size = Number(event.target.value);
+      if (!Number.isNaN(size) && size > 0)
+        changeSize(size);
+    }
+    const __returned__ = { props, emit, currentProp, total, pageSize, disabled, pagination, current, pages, isFirst, isLast, go, prev, next, changeSize, jumperValue, onJumperKeydown, onSizeChange, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-pagination__total"
+};
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = [
+	"aria-current",
+	"aria-label",
+	"disabled",
+	"onClick"
+];
+const _hoisted_4 = {
+	key: 1,
+	class: "qm-pagination__ellipsis",
+	"aria-hidden": "true"
+};
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = {
+	key: 1,
+	class: "qm-pagination__sizer"
+};
+const _hoisted_7 = ["value", "disabled"];
+const _hoisted_8 = ["value"];
+const _hoisted_9 = {
+	key: 2,
+	class: "qm-pagination__jumper"
+};
+const _hoisted_10 = ["disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock(
+		"div",
+		{
+			class: vue.normalizeClass(["qm-pagination", { "qm-pagination--disabled": $setup.disabled }]),
+			"data-qm": "pagination"
+		},
+		[
+			_ctx.showTotal ? (vue.openBlock(), vue.createElementBlock(
+				"span",
+				_hoisted_1,
+				"共 " + vue.toDisplayString($setup.total) + " 条",
+				1
+				/* TEXT */
+			)) : vue.createCommentVNode("v-if", true),
+			vue.createElementVNode("button", {
+				type: "button",
+				class: "qm-pagination__btn",
+				disabled: $setup.disabled || $setup.isFirst,
+				"aria-label": "上一页",
+				onClick: _cache[0] || (_cache[0] = (...args) => $setup.prev && $setup.prev(...args))
+			}, [vue.createVNode($setup["QmIcon"], {
+				name: "chevron-left",
+				class: "qm-pagination__btn-icon"
+			})], 8, _hoisted_2),
+			(vue.openBlock(true), vue.createElementBlock(
+				vue.Fragment,
+				null,
+				vue.renderList($setup.pages, (page) => {
+					return vue.openBlock(), vue.createElementBlock(
+						vue.Fragment,
+						{ key: page },
+						[page !== "more" ? (vue.openBlock(), vue.createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: vue.normalizeClass(["qm-pagination__item", { "qm-pagination__item--active": page === $setup.current }]),
+							"aria-current": page === $setup.current ? "page" : undefined,
+							"aria-label": `第 ${page} 页`,
+							disabled: $setup.disabled,
+							onClick: ($event) => $setup.go(page)
+						}, vue.toDisplayString(page), 11, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, "…"))],
+						64
+						/* STABLE_FRAGMENT */
+					);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			)),
+			vue.createElementVNode("button", {
+				type: "button",
+				class: "qm-pagination__btn",
+				disabled: $setup.disabled || $setup.isLast,
+				"aria-label": "下一页",
+				onClick: _cache[1] || (_cache[1] = (...args) => $setup.next && $setup.next(...args))
+			}, [vue.createVNode($setup["QmIcon"], {
+				name: "chevron-right",
+				class: "qm-pagination__btn-icon"
+			})], 8, _hoisted_5),
+			_ctx.showSizer ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [vue.createElementVNode("select", {
+				class: "qm-pagination__select",
+				value: $setup.pageSize,
+				disabled: $setup.disabled,
+				"aria-label": "每页条数",
+				onChange: $setup.onSizeChange
+			}, [(vue.openBlock(true), vue.createElementBlock(
+				vue.Fragment,
+				null,
+				vue.renderList(_ctx.pageSizes, (size) => {
+					return vue.openBlock(), vue.createElementBlock("option", {
+						key: size,
+						value: size
+					}, vue.toDisplayString(size) + " 条/页", 9, _hoisted_8);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			))], 40, _hoisted_7)])) : vue.createCommentVNode("v-if", true),
+			_ctx.showJumper ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, [
+				_cache[3] || (_cache[3] = vue.createTextVNode(
+					" 前往 ",
+					-1
+					/* CACHED */
+				)),
+				vue.withDirectives(vue.createElementVNode("input", {
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.jumperValue = $event),
+					class: "qm-pagination__jumper-input",
+					type: "text",
+					inputmode: "numeric",
+					disabled: $setup.disabled,
+					"aria-label": "跳转到指定页",
+					onKeydown: $setup.onJumperKeydown
+				}, null, 40, _hoisted_10), [[vue.vModelText, $setup.jumperValue]]),
+				_cache[4] || (_cache[4] = vue.createTextVNode(
+					" 页 ",
+					-1
+					/* CACHED */
+				))
+			])) : vue.createCommentVNode("v-if", true)
+		],
+		2
+		/* CLASS */
+	);
+}
+const Pagination = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\pagination\\pagination.vue"]]);
+
+exports.Pagination = Pagination;
+exports.paginationProps = paginationProps;
+exports.usePagination = usePagination;