niuma-ui 1.3.8 → 2.0.0

package/dist/components/RsTimePickerColumns.impl.js

@@ -1,172 +0,0 @@
-import { useRsI18n } from "../composables/useRsI18n.js";
-import { useResolvedRsComponentSize } from "./resolve-size.js";
-import { TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, formatTimeFromParts, getTimeMinuteOptions, parseTimeValue, scheduleAfterPaint, scrollTimeColumnToValue } from "./time-picker-utils.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, renderList, toDisplayString, unref, useModel, useTemplateRef, watch } from "vue";
-//#region src/components/RsTimePickerColumns.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "rs-time-columns__column" };
-var _hoisted_2 = { class: "rs-time-columns__label" };
-var _hoisted_3 = { class: "rs-time-columns__list-shell" };
-var _hoisted_4 = [
-	"data-value",
-	"disabled",
-	"onClick"
-];
-var _hoisted_5 = { class: "rs-time-columns__column" };
-var _hoisted_6 = { class: "rs-time-columns__label" };
-var _hoisted_7 = { class: "rs-time-columns__list-shell" };
-var _hoisted_8 = [
-	"data-value",
-	"disabled",
-	"onClick"
-];
-var _hoisted_9 = {
-	key: 0,
-	class: "rs-time-columns__column"
-};
-var _hoisted_10 = { class: "rs-time-columns__label" };
-var _hoisted_11 = { class: "rs-time-columns__list-shell" };
-var _hoisted_12 = [
-	"data-value",
-	"disabled",
-	"onClick"
-];
-var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	name: "RsTimePickerColumns",
-	__name: "RsTimePickerColumns",
-	props: /*@__PURE__*/ mergeModels({
-		minuteStep: { default: 1 },
-		second: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		size: {},
-		isUnitDisabled: {}
-	}, {
-		"modelValue": { default: "00:00" },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props, { expose: __expose }) {
-		const model = useModel(__props, "modelValue");
-		const props = __props;
-		const { t } = useRsI18n();
-		const resolvedSize = useResolvedRsComponentSize(() => props.size);
-		const hourListRef = useTemplateRef("hourListRef");
-		const minuteListRef = useTemplateRef("minuteListRef");
-		const secondListRef = useTemplateRef("secondListRef");
-		let cancelScheduledScroll;
-		const hourOptions = TIME_HOUR_OPTIONS;
-		const secondOptions = TIME_SECOND_OPTIONS;
-		const minuteOptions = computed(() => getTimeMinuteOptions(props.minuteStep));
-		const parts = computed(() => {
-			const parsed = parseTimeValue(model.value, props.second);
-			if (parsed) return {
-				hour: parsed.hour,
-				minute: parsed.minute,
-				second: parsed.second
-			};
-			return {
-				hour: 0,
-				minute: 0,
-				second: 0
-			};
-		});
-		function isDisabled(unit, value) {
-			return props.disabled || (props.isUnitDisabled?.(unit, value) ?? false);
-		}
-		function scrollColumn(container, value) {
-			scrollTimeColumnToValue(container, value);
-		}
-		function scrollToSelection() {
-			scrollColumn(hourListRef.value, parts.value.hour);
-			scrollColumn(minuteListRef.value, parts.value.minute);
-			if (props.second) scrollColumn(secondListRef.value, parts.value.second);
-		}
-		function scrollToSelectionAfterPaint() {
-			cancelScheduledScroll?.();
-			cancelScheduledScroll = scheduleAfterPaint(scrollToSelection);
-		}
-		function selectUnit(unit, value) {
-			if (isDisabled(unit, value)) return;
-			const next = {
-				...parts.value,
-				[unit]: value
-			};
-			model.value = formatTimeFromParts(next.hour, next.minute, next.second, props.second);
-		}
-		watch(() => [
-			parts.value.hour,
-			parts.value.minute,
-			parts.value.second,
-			props.second
-		], () => {
-			nextTick(scrollToSelection);
-		}, { flush: "post" });
-		onMounted(() => {
-			scrollToSelectionAfterPaint();
-		});
-		onUnmounted(() => {
-			cancelScheduledScroll?.();
-		});
-		__expose({
-			scrollToSelection,
-			scrollToSelectionAfterPaint,
-			resolvedSize
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["rs-time-columns", [`rs-time-columns--${unref(resolvedSize)}`, { "rs-time-columns--seconds": __props.second }]]) }, [
-				createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("timePicker.hour")), 1), createElementVNode("div", _hoisted_3, [createElementVNode("div", {
-					ref_key: "hourListRef",
-					ref: hourListRef,
-					class: "rs-time-columns__list"
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(hourOptions), (option) => {
-					return openBlock(), createElementBlock("button", {
-						key: option.value,
-						type: "button",
-						class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": parts.value.hour === option.value }]),
-						"data-unit": "hour",
-						"data-value": option.value,
-						disabled: isDisabled("hour", option.value),
-						onClick: ($event) => selectUnit("hour", option.value)
-					}, toDisplayString(option.label), 11, _hoisted_4);
-				}), 128))], 512)])]),
-				createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("timePicker.minute")), 1), createElementVNode("div", _hoisted_7, [createElementVNode("div", {
-					ref_key: "minuteListRef",
-					ref: minuteListRef,
-					class: "rs-time-columns__list"
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteOptions.value, (option) => {
-					return openBlock(), createElementBlock("button", {
-						key: option.value,
-						type: "button",
-						class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": parts.value.minute === option.value }]),
-						"data-unit": "minute",
-						"data-value": option.value,
-						disabled: isDisabled("minute", option.value),
-						onClick: ($event) => selectUnit("minute", option.value)
-					}, toDisplayString(option.label), 11, _hoisted_8);
-				}), 128))], 512)])]),
-				__props.second ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("span", _hoisted_10, toDisplayString(unref(t)("timePicker.second")), 1), createElementVNode("div", _hoisted_11, [createElementVNode("div", {
-					ref_key: "secondListRef",
-					ref: secondListRef,
-					class: "rs-time-columns__list"
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(secondOptions), (option) => {
-					return openBlock(), createElementBlock("button", {
-						key: option.value,
-						type: "button",
-						class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": parts.value.second === option.value }]),
-						"data-unit": "second",
-						"data-value": option.value,
-						disabled: isDisabled("second", option.value),
-						onClick: ($event) => selectUnit("second", option.value)
-					}, toDisplayString(option.label), 11, _hoisted_12);
-				}), 128))], 512)])])) : createCommentVNode("", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsTimePickerColumns.js

@@ -1,8 +0,0 @@
-import './RsTimePickerColumns.css'
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default from "./RsTimePickerColumns.impl.js";
-
-//#region src/components/RsTimePickerColumns.vue
-var RsTimePickerColumns_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-af4da4ba"]]);
-//#endregion
-export { RsTimePickerColumns_default as default };

package/dist/components/RsToaster.d.ts

@@ -1,17 +0,0 @@
-import type { RsToastPosition } from './overlay-utils';
-type __VLS_Props = {
-    position?: RsToastPosition;
-    closeButton?: boolean;
-    richColors?: boolean;
-    expand?: boolean;
-    gap?: number;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    gap: number;
-    position: RsToastPosition;
-    expand: boolean;
-    closeButton: boolean;
-    richColors: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/RsToaster.impl.js

@@ -1,67 +0,0 @@
-import { rsConfigKey } from "../composables/useRsConfig.js";
-import { RS_TOAST_DEFAULT_POSITION } from "./overlay-utils.js";
-import { Teleport, computed, createBlock, createVNode, defineComponent, inject, openBlock, unref } from "vue";
-import { Toaster } from "vue-sonner";
-//#region src/components/RsToaster.vue?vue&type=script&setup=true&lang.ts
-var RsToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsToaster",
-	props: {
-		position: { default: RS_TOAST_DEFAULT_POSITION },
-		closeButton: {
-			type: Boolean,
-			default: true
-		},
-		richColors: {
-			type: Boolean,
-			default: false
-		},
-		expand: {
-			type: Boolean,
-			default: true
-		},
-		gap: { default: 4 }
-	},
-	setup(__props) {
-		const config = inject(rsConfigKey, null);
-		const sonnerTheme = computed(() => {
-			if (config?.theme.value) return config.theme.value === "dark" ? "dark" : "light";
-			if (typeof document !== "undefined") {
-				const mode = document.documentElement.dataset.rsTheme;
-				if (mode === "dark" || mode === "light") return mode;
-			}
-			return "dark";
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(Toaster), {
-				theme: sonnerTheme.value,
-				position: __props.position,
-				"close-button": __props.closeButton,
-				expand: __props.expand,
-				gap: __props.gap,
-				"close-button-position": "top-right",
-				"rich-colors": __props.richColors,
-				class: "rs-toaster",
-				"toast-options": {
-					unstyled: true,
-					classes: {
-						toast: "rs-toast",
-						title: "rs-toast__title",
-						description: "rs-toast__description",
-						closeButton: "rs-toast__close",
-						actionButton: "rs-toast__action",
-						cancelButton: "rs-toast__action rs-toast__action--secondary"
-					}
-				}
-			}, null, 8, [
-				"theme",
-				"position",
-				"close-button",
-				"expand",
-				"gap",
-				"rich-colors"
-			])]);
-		};
-	}
-});
-//#endregion
-export { RsToaster_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsToaster.js

@@ -1,7 +0,0 @@
-import './RsToaster.css'
-import RsToaster_vue_vue_type_script_setup_true_lang_default from "./RsToaster.impl.js";
-
-//#region src/components/RsToaster.vue
-var RsToaster_default = RsToaster_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsToaster_default as default };

package/dist/components/RsToolbar.impl.js

@@ -1,57 +0,0 @@
-import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
-//#region src/components/RsToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "rs-toolbar__start"
-};
-var _hoisted_2 = {
-	key: 1,
-	class: "rs-toolbar__center"
-};
-var _hoisted_3 = {
-	key: 2,
-	class: "rs-toolbar__end"
-};
-var RsToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsToolbar",
-	props: {
-		tag: { default: "header" },
-		size: { default: "md" },
-		border: { default: "bottom" },
-		elevated: {
-			type: Boolean,
-			default: false
-		},
-		compact: {
-			type: Boolean,
-			default: false
-		},
-		label: {}
-	},
-	setup(__props) {
-		/** 工具栏高度密度，对应常见面板顶栏。 */
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
-				class: normalizeClass(["rs-toolbar", [
-					`rs-toolbar--${__props.size}`,
-					`rs-toolbar--border-${__props.border}`,
-					{
-						"rs-toolbar--elevated": __props.elevated,
-						"rs-toolbar--compact": __props.compact
-					}
-				]]),
-				role: "toolbar",
-				"aria-label": __props.label
-			}, {
-				default: withCtx(() => [
-					_ctx.$slots.left || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "left"), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
-					_ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "center")])) : createCommentVNode("", true),
-					_ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "right")])) : createCommentVNode("", true)
-				]),
-				_: 3
-			}, 8, ["class", "aria-label"]);
-		};
-	}
-});
-//#endregion
-export { RsToolbar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsToolbar.js

@@ -1,7 +0,0 @@
-import './RsToolbar.css'
-import RsToolbar_vue_vue_type_script_setup_true_lang_default from "./RsToolbar.impl.js";
-
-//#region src/components/RsToolbar.vue
-var RsToolbar_default = RsToolbar_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsToolbar_default as default };

package/dist/components/RsTooltip.impl.js

@@ -1,91 +0,0 @@
-import { useRsI18n } from "../composables/useRsI18n.js";
-import RsIcon_default from "./RsIcon.js";
-import { TooltipContent, TooltipPortal, TooltipRoot, TooltipTrigger } from "./reka.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
-//#region src/components/RsTooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "rs-tooltip__with-icon"
-};
-var _hoisted_2 = {
-	key: 0,
-	class: "rs-tooltip__label"
-};
-var _hoisted_3 = ["aria-label"];
-var RsTooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsTooltip",
-	props: {
-		content: {},
-		side: { default: "top" },
-		align: { default: "center" },
-		sideOffset: { default: 6 },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		ignoreNonKeyboardFocus: {
-			type: Boolean,
-			default: true
-		},
-		nowrap: {
-			type: Boolean,
-			default: false
-		},
-		icon: {
-			type: Boolean,
-			default: false
-		},
-		iconName: { default: "info" },
-		ariaLabel: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const { t } = useRsI18n();
-		const hasLabelSlot = computed(() => Boolean(slots.default));
-		const iconAriaLabel = computed(() => props.ariaLabel?.trim() || props.content?.trim() || t("tooltip.help", "Help"));
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TooltipRoot), {
-				disabled: __props.disabled,
-				"ignore-non-keyboard-focus": __props.ignoreNonKeyboardFocus
-			}, {
-				default: withCtx(() => [__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [hasLabelSlot.value ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true), createVNode(unref(TooltipTrigger), { "as-child": "" }, {
-					default: withCtx(() => [createElementVNode("button", {
-						type: "button",
-						class: "rs-tooltip__icon-trigger",
-						"aria-label": iconAriaLabel.value
-					}, [createVNode(RsIcon_default, {
-						name: __props.iconName,
-						size: 12
-					}, null, 8, ["name"])], 8, _hoisted_3)]),
-					_: 1
-				})])) : (openBlock(), createBlock(unref(TooltipTrigger), {
-					key: 1,
-					"as-child": ""
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				})), createVNode(unref(TooltipPortal), null, {
-					default: withCtx(() => [createVNode(unref(TooltipContent), {
-						class: normalizeClass(["rs-tooltip__content", { "rs-tooltip__content--nowrap": __props.nowrap }]),
-						side: __props.side,
-						align: __props.align,
-						"side-offset": __props.sideOffset
-					}, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])]),
-						_: 3
-					}, 8, [
-						"class",
-						"side",
-						"align",
-						"side-offset"
-					])]),
-					_: 3
-				})]),
-				_: 3
-			}, 8, ["disabled", "ignore-non-keyboard-focus"]);
-		};
-	}
-});
-//#endregion
-export { RsTooltip_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsTooltip.js

@@ -1,7 +0,0 @@
-import './RsTooltip.css'
-import RsTooltip_vue_vue_type_script_setup_true_lang_default from "./RsTooltip.impl.js";
-
-//#region src/components/RsTooltip.vue
-var RsTooltip_default = RsTooltip_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsTooltip_default as default };

package/dist/components/RsTooltipProvider.impl.js

@@ -1,32 +0,0 @@
-import { TooltipProvider } from "./reka.js";
-import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region src/components/RsTooltipProvider.vue?vue&type=script&setup=true&lang.ts
-var RsTooltipProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsTooltipProvider",
-	props: {
-		delayDuration: { default: 300 },
-		skipDelayDuration: { default: 0 },
-		ignoreNonKeyboardFocus: {
-			type: Boolean,
-			default: true
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TooltipProvider), {
-				"delay-duration": __props.delayDuration,
-				"skip-delay-duration": __props.skipDelayDuration,
-				"ignore-non-keyboard-focus": __props.ignoreNonKeyboardFocus
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"delay-duration",
-				"skip-delay-duration",
-				"ignore-non-keyboard-focus"
-			]);
-		};
-	}
-});
-//#endregion
-export { RsTooltipProvider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsTooltipProvider.js

@@ -1,5 +0,0 @@
-import RsTooltipProvider_vue_vue_type_script_setup_true_lang_default from "./RsTooltipProvider.impl.js";
-//#region src/components/RsTooltipProvider.vue
-var RsTooltipProvider_default = RsTooltipProvider_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsTooltipProvider_default as default };