niuma-ui 1.3.8 → 2.0.0

package/dist/components/context-menu/src/RsContextMenu.impl.js

@@ -0,0 +1,81 @@
+import { ContextMenuContent, ContextMenuPortal, ContextMenuRoot, ContextMenuTrigger } from "../../_shared/src/reka.js";
+import { hasActionableContextMenuItems } from "./context-menu-utils.js";
+import RsContextMenuItems_default from "./RsContextMenuItems.js";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, watch, withCtx, withModifiers } from "vue";
+//#region src/components/context-menu/src/RsContextMenu.vue?vue&type=script&setup=true&lang.ts
+var RsContextMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsContextMenu",
+	props: /*@__PURE__*/ mergeModels({
+		items: {},
+		disabled: { type: Boolean }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		/**
+		* 展开状态。不绑定时组件自行维护（与原行为一致）。
+		* 绑定后可由外部主动关闭——例如菜单所依赖的数据已失效时。
+		*/
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		/** 无有效菜单项时不打开，避免空表/空白区右键出现空气泡 */
+		const hasActionableItems = computed(() => hasActionableContextMenuItems(props.items));
+		watch(hasActionableItems, (ok) => {
+			if (!ok && open.value) open.value = false;
+		});
+		function onUpdateOpen(next) {
+			if (next && !hasActionableItems.value) {
+				open.value = false;
+				return;
+			}
+			open.value = next;
+		}
+		function onTriggerContextMenu(event) {
+			if (!hasActionableItems.value) {
+				event.preventDefault();
+				open.value = false;
+			}
+		}
+		function onSelect(item) {
+			emit("select", item.key);
+		}
+		return (_ctx, _cache) => {
+			return !__props.disabled ? (openBlock(), createBlock(unref(ContextMenuRoot), {
+				key: 0,
+				open: open.value,
+				"onUpdate:open": onUpdateOpen
+			}, {
+				default: withCtx(() => [createVNode(unref(ContextMenuTrigger), {
+					"as-child": "",
+					onContextmenu: withModifiers(onTriggerContextMenu, ["stop"])
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}), createVNode(unref(ContextMenuPortal), null, {
+					default: withCtx(() => [createVNode(unref(ContextMenuContent), {
+						class: "rs-context-menu__content rs-native-scrollbar rs-motion-reduce",
+						"side-offset": 4,
+						"collision-padding": 8
+					}, {
+						default: withCtx(() => [hasActionableItems.value ? (openBlock(), createBlock(RsContextMenuItems_default, {
+							key: 0,
+							items: __props.items,
+							onSelect
+						}, null, 8, ["items"])) : createCommentVNode("", true)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["open"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
+export { RsContextMenu_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/context-menu/src/RsContextMenu.js

@@ -0,0 +1,7 @@
+import './RsContextMenu.css'
+import RsContextMenu_vue_vue_type_script_setup_true_lang_default from "./RsContextMenu.impl.js";
+
+//#region src/components/context-menu/src/RsContextMenu.vue
+var RsContextMenu_default = RsContextMenu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsContextMenu_default as default };

package/dist/components/context-menu/src/RsContextMenuItems.impl.js

@@ -0,0 +1,90 @@
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../_shared/src/reka.js";
+import RsContextMenuItems_default from "./RsContextMenuItems.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/context-menu/src/RsContextMenuItems.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-context-menu__icon-cell" };
+var _hoisted_2 = { class: "rs-context-menu__label" };
+var _hoisted_3 = { class: "rs-context-menu__icon-cell" };
+var _hoisted_4 = { class: "rs-context-menu__label" };
+var _hoisted_5 = {
+	key: 0,
+	class: "rs-context-menu__shortcut"
+};
+var RsContextMenuItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsContextMenuItems",
+	props: { items: {} },
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		function onSelect(item) {
+			if (item.disabled || item.separator) return;
+			emit("select", item);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.key }, [item.separator ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
+					key: 0,
+					class: "rs-context-menu__separator"
+				})) : item.children?.length ? (openBlock(), createBlock(unref(ContextMenuSub), { key: 1 }, {
+					default: withCtx(() => [createVNode(unref(ContextMenuSubTrigger), {
+						class: normalizeClass(["rs-context-menu__item", { "rs-context-menu__item--danger": item.danger }]),
+						disabled: item.disabled
+					}, {
+						default: withCtx(() => [
+							createElementVNode("span", _hoisted_1, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+								key: 0,
+								name: item.icon,
+								size: unref(16)
+							}, null, 8, ["name", "size"])) : createCommentVNode("", true)]),
+							createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+							createVNode(RsIcon_default, {
+								name: "chevron-right",
+								size: unref(14),
+								class: "rs-context-menu__arrow"
+							}, null, 8, ["size"])
+						]),
+						_: 2
+					}, 1032, ["class", "disabled"]), createVNode(unref(ContextMenuPortal), null, {
+						default: withCtx(() => [createVNode(unref(ContextMenuSubContent), {
+							class: "rs-context-menu__sub-content rs-native-scrollbar rs-motion-reduce",
+							"side-offset": 2,
+							"align-offset": -6,
+							"collision-padding": 8
+						}, {
+							default: withCtx(() => [createVNode(RsContextMenuItems_default, {
+								items: item.children,
+								onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+							}, null, 8, ["items"])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024)) : (openBlock(), createBlock(unref(ContextMenuItem), {
+					key: 2,
+					class: normalizeClass(["rs-context-menu__item", { "rs-context-menu__item--danger": item.danger }]),
+					disabled: item.disabled,
+					onSelect: ($event) => onSelect(item)
+				}, {
+					default: withCtx(() => [
+						createElementVNode("span", _hoisted_3, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+							key: 0,
+							name: item.icon,
+							size: unref(16)
+						}, null, 8, ["name", "size"])) : createCommentVNode("", true)]),
+						createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1),
+						item.shortcut ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
+					]),
+					_: 2
+				}, 1032, [
+					"class",
+					"disabled",
+					"onSelect"
+				]))], 64);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { RsContextMenuItems_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/context-menu/src/RsContextMenuItems.js

@@ -0,0 +1,5 @@
+import RsContextMenuItems_vue_vue_type_script_setup_true_lang_default from "./RsContextMenuItems.impl.js";
+//#region src/components/context-menu/src/RsContextMenuItems.vue
+var RsContextMenuItems_default = RsContextMenuItems_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsContextMenuItems_default as default };

package/dist/components/context-menu/src/context-menu-utils.js

@@ -0,0 +1,8 @@
+//#region src/components/context-menu/src/context-menu-utils.ts
+/** 是否存在可操作项（排除纯分隔线），用于避免空菜单气泡 */
+function hasActionableContextMenuItems(items) {
+	if (!items?.length) return false;
+	return items.some((item) => !item.separator);
+}
+//#endregion
+export { hasActionableContextMenuItems };

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,8 @@
+export { default as RsDatePicker } from './src/RsDatePicker.js';
+export { default as RsDateTimePicker } from './src/RsDateTimePicker.js';
+export type { RsDatePickerModelValue, RsDatePickerShortcut, RsDatePickerTimestampRange, RsDatePickerValueConvertOptions, RsDatePickerValueFormat, RsDatePickerValueFormatPreset, RsDateRangeValue, RsParsedDate, RsParsedDateTime, } from './src/date-picker-utils';
+export { EMPTY_DATE_RANGE, formatDateDisplay, formatDateParts, formatDateRangeDisplay, formatDateTimeDisplay, formatDateTimeValue, formatDateValue, fromInternalPickerValue, isDateRangeEmpty, isDateRangeOrdered, isDateTimeRangeOrdered, parseDateTimeValue, parseDateValue, RS_DATE_PICKER_VALUE_FORMAT_PRESETS, toInternalPickerValue, toRangeEndpointString, } from './src/date-picker-utils';
+export type { RsDateTimeValidationError, RsDateTimeValidationResult, RsDateTimeValidationRules, RsDateValidationError, RsDateValidationResult, RsDateValidationRules, } from './src/date-validation';
+export { validateDateTimeValue, validateDateValue } from './src/date-validation';
+export type { RsDateRangeValidationError, RsDateRangeValidationResult, RsDateRangeValidationRules, RsDateTimeRangeValidationError, RsDateTimeRangeValidationResult, RsDateTimeRangeValidationRules, } from './src/date-range-validation';
+export { validateDateRangeValue, validateDateTimeRangeValue } from './src/date-range-validation';

package/dist/components/date-picker/src/RsDatePicker.css

@@ -0,0 +1,100 @@
+
+.rs-date-picker[data-v-82aed16d] {
+  width: 100%;
+}
+.rs-date-picker__trigger[data-v-82aed16d] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--rs-control-height-md);
+  min-height: var(--rs-control-height-md);
+  padding: 0 var(--rs-space-md);
+  border: 1px solid var(--rs-input-border, var(--rs-border));
+  border-radius: var(--rs-radius-sm);
+  background: var(--rs-input-bg);
+  color: var(--rs-text);
+  font: inherit;
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
+  text-align: left;
+  cursor: pointer;
+  outline: none;
+  box-shadow: var(--rs-input-shadow, none);
+  transition:
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+.rs-date-picker--ssm .rs-date-picker__trigger[data-v-82aed16d] {
+  height: var(--rs-control-height-ssm);
+  min-height: var(--rs-control-height-ssm);
+  padding: 0 var(--rs-space-xs);
+  font-size: var(--rs-font-size-xs);
+}
+.rs-date-picker--sm .rs-date-picker__trigger[data-v-82aed16d] {
+  height: var(--rs-control-height-sm);
+  min-height: var(--rs-control-height-sm);
+  padding: 0 var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+}
+.rs-date-picker--lg .rs-date-picker__trigger[data-v-82aed16d] {
+  height: var(--rs-control-height-lg);
+  min-height: var(--rs-control-height-lg);
+  padding: 0 var(--rs-space-lg);
+  font-size: var(--rs-font-size-base);
+}
+.rs-date-picker__trigger[data-v-82aed16d]:hover:not(:disabled) {
+  border-color: var(--rs-input-border-hover, var(--rs-border));
+}
+.rs-date-picker__trigger[data-v-82aed16d]:focus-visible {
+  outline: none;
+  border-color: var(--rs-focus-border, var(--rs-primary));
+  background: var(--rs-input-bg);
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-date-picker__trigger[data-v-82aed16d]:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.rs-date-picker__trigger--placeholder .rs-date-picker__value[data-v-82aed16d] {
+  color: var(--rs-placeholder);
+}
+.rs-date-picker__trigger--invalid[data-v-82aed16d] {
+  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+}
+.rs-date-picker__trigger--invalid[data-v-82aed16d]:focus-visible {
+  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px)
+      color-mix(in srgb, var(--rs-danger, #dc2626) 14%, transparent);
+}
+.rs-date-picker-field__error[data-v-82aed16d] {
+  margin: var(--rs-space-xs) 0 0;
+  color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+}
+.rs-date-picker__leading[data-v-82aed16d] {
+  display: inline-flex;
+  min-width: 0;
+  flex: 1;
+  align-items: center;
+  gap: var(--rs-space-sm);
+}
+.rs-date-picker__icon[data-v-82aed16d],
+.rs-date-picker__chevron[data-v-82aed16d] {
+  flex-shrink: 0;
+  color: var(--rs-muted);
+}
+.rs-date-picker__value[data-v-82aed16d] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/dist/components/date-picker/src/RsDatePicker.d.ts

@@ -0,0 +1,72 @@
+import { type RsComponentSize } from '../../../theme/types';
+import { type RsFormRuleTrigger } from '../../form/src/form-rules';
+import { type RsDatePickerModelValue, type RsDatePickerShortcut, type RsDatePickerValueFormat } from './date-picker-utils';
+export type { RsDatePickerModelValue, RsDatePickerShortcut, RsDatePickerValueFormat, RsDateRangeValue, } from './date-picker-utils';
+export type RsDatePickerLabelPosition = 'top' | 'left';
+type __VLS_Props = {
+    /** 表单字段名，用于 RsForm rules 匹配与校验注册 */
+    name?: string;
+    label?: string;
+    hint?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    range?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    withTime?: boolean;
+    /**
+     * 是否选择秒。未传时：withTime 为 true 则默认带秒，纯日期为 false。
+     */
+    withSeconds?: boolean;
+    /**
+     * 绑定值格式（展示仍为墙钟）。
+     * string：YYYY-MM-DD[/ HH:mm:ss]；timestamp：毫秒；iso：本地偏移 RFC3339；
+     * 亦可传入 dayjs 模板（对齐 Element Plus value-format）。
+     */
+    valueFormat?: RsDatePickerValueFormat;
+    labelPosition?: RsDatePickerLabelPosition;
+    /** 底部快捷选项（有值时替代「今天/现在」链接） */
+    shortcuts?: RsDatePickerShortcut[];
+    size?: RsComponentSize;
+    id?: string;
+    invalid?: boolean;
+    showValidateMessage?: boolean;
+};
+declare function clearValidation(): void;
+declare function setFieldValue(value: unknown): void;
+declare function runValidate(trigger?: RsFormRuleTrigger): Promise<{
+    valid: true;
+    name: string | undefined;
+    message?: undefined;
+} | {
+    valid: boolean;
+    message: string | undefined;
+    name: string | undefined;
+}>;
+type __VLS_ModelProps = {
+    modelValue?: RsDatePickerModelValue;
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    setValue: typeof setFieldValue;
+    clearValidation: typeof clearValidation;
+    validate: typeof runValidate;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: RsDatePickerModelValue) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RsDatePickerModelValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    range: boolean;
+    showValidateMessage: boolean;
+    labelPosition: RsDatePickerLabelPosition;
+    withTime: boolean;
+    valueFormat: RsDatePickerValueFormat;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;