niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsTree.js

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

package/dist/components/RsUpload.css

@@ -0,0 +1,191 @@
+
+.rs-upload[data-v-64c91b4e] {
+  display: grid;
+  gap: var(--rs-space-md);
+}
+.rs-upload__dropzone[data-v-64c91b4e] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--rs-space-md);
+  min-height: 8.5rem;
+  padding: var(--rs-space-xl) var(--rs-space-lg);
+  border: 1px dashed var(--rs-border);
+  border-radius: var(--rs-radius);
+  background: color-mix(in srgb, var(--rs-surface) 82%, var(--rs-bg));
+  cursor: pointer;
+  text-align: center;
+  transition:
+    border-color var(--rs-transition-fast),
+    background var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast);
+}
+.rs-upload__dropzone[data-v-64c91b4e]:hover:not(.rs-upload__dropzone--disabled),
+.rs-upload__dropzone--dragging[data-v-64c91b4e]:not(.rs-upload__dropzone--disabled) {
+  border-color: color-mix(in srgb, var(--rs-primary) 55%, var(--rs-border));
+  background: color-mix(in srgb, var(--rs-primary) 6%, var(--rs-surface));
+}
+.rs-upload__dropzone[data-v-64c91b4e]:focus-within:not(.rs-upload__dropzone--disabled) {
+  border-color: var(--rs-focus-border, var(--rs-primary));
+  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-upload__dropzone--disabled[data-v-64c91b4e] {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.rs-upload__input[data-v-64c91b4e] {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: inherit;
+}
+.rs-upload__icon[data-v-64c91b4e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3rem;
+  height: 3rem;
+  border-radius: var(--rs-radius-full);
+  border: 1px solid color-mix(in srgb, var(--rs-primary) 24%, var(--rs-border));
+  background: var(--rs-primary-container);
+  color: var(--rs-on-primary-container);
+  box-shadow: var(--rs-shadow-sm);
+  transition:
+    transform var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast);
+}
+.rs-upload__dropzone:hover:not(.rs-upload__dropzone--disabled) .rs-upload__icon[data-v-64c91b4e],
+.rs-upload__dropzone--dragging:not(.rs-upload__dropzone--disabled) .rs-upload__icon[data-v-64c91b4e] {
+  transform: translateY(-1px);
+  box-shadow: var(--rs-shadow);
+}
+.rs-upload__text[data-v-64c91b4e] {
+  display: grid;
+  gap: 0.25rem;
+  max-width: 20rem;
+}
+.rs-upload__label[data-v-64c91b4e] {
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-semibold);
+  line-height: var(--rs-line-height-tight);
+}
+.rs-upload__hint[data-v-64c91b4e] {
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-normal);
+}
+.rs-upload__list[data-v-64c91b4e] {
+  display: grid;
+  gap: var(--rs-space-xs);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.rs-upload__file[data-v-64c91b4e] {
+  display: flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  border: 1px solid var(--rs-border-subtle);
+  border-radius: var(--rs-radius-sm);
+  background: var(--rs-surface);
+  transition:
+    border-color var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+.rs-upload__file[data-v-64c91b4e]:hover {
+  border-color: var(--rs-border);
+  background: color-mix(in srgb, var(--rs-surface-hover) 35%, var(--rs-surface));
+}
+.rs-upload__file-icon[data-v-64c91b4e] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border-radius: var(--rs-radius-sm);
+  border: 1px solid var(--rs-border-subtle);
+  background: color-mix(in srgb, var(--rs-bg) 55%, var(--rs-surface));
+  color: var(--rs-muted);
+}
+.rs-upload__file-icon--file-image[data-v-64c91b4e] {
+  color: var(--rs-info, #2563eb);
+}
+.rs-upload__file-icon--file-code[data-v-64c91b4e],
+.rs-upload__file-icon--file-braces[data-v-64c91b4e],
+.rs-upload__file-icon--file-terminal[data-v-64c91b4e] {
+  color: var(--rs-primary);
+}
+.rs-upload__file-icon--file-key[data-v-64c91b4e],
+.rs-upload__file-icon--key-round[data-v-64c91b4e],
+.rs-upload__file-icon--file-lock[data-v-64c91b4e] {
+  color: var(--rs-warning, #d97706);
+}
+.rs-upload__file-icon--file-archive[data-v-64c91b4e] {
+  color: var(--rs-secondary, #7c3aed);
+}
+.rs-upload__file-icon--file-spreadsheet[data-v-64c91b4e] {
+  color: var(--rs-success, #16a34a);
+}
+.rs-upload__file-icon--file-type[data-v-64c91b4e],
+.rs-upload__file-icon--file-text[data-v-64c91b4e] {
+  color: var(--rs-danger, #dc2626);
+}
+.rs-upload__file-icon--file-music[data-v-64c91b4e],
+.rs-upload__file-icon--file-video-camera[data-v-64c91b4e] {
+  color: var(--rs-info, #2563eb);
+}
+.rs-upload__file-meta[data-v-64c91b4e] {
+  display: grid;
+  gap: 0.125rem;
+  min-width: 0;
+  flex: 1;
+}
+.rs-upload__file-name[data-v-64c91b4e] {
+  overflow: hidden;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-medium);
+  line-height: var(--rs-line-height-tight);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-upload__file-size[data-v-64c91b4e] {
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+}
+.rs-upload__file-action[data-v-64c91b4e],
+.rs-upload__file-remove[data-v-64c91b4e] {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  padding: 0;
+  border: none;
+  border-radius: var(--rs-radius-sm);
+  background: transparent;
+  color: var(--rs-muted);
+  cursor: pointer;
+  transition:
+    background var(--rs-transition-fast),
+    color var(--rs-transition-fast);
+}
+.rs-upload__file-action[data-v-64c91b4e]:hover,
+.rs-upload__file-remove[data-v-64c91b4e]:hover {
+  background: var(--rs-item-hover);
+  color: var(--rs-text);
+}
+.rs-upload__file-action[data-v-64c91b4e]:focus-visible,
+.rs-upload__file-remove[data-v-64c91b4e]:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}

package/dist/components/RsUpload.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxCount?: number;
+    disabled?: boolean;
+    label?: string;
+    hint?: string;
+    /** 是否展示已选文件列表 */
+    showFileList?: boolean;
+    /** 文件行是否显示下载按钮 */
+    showDownload?: boolean;
+    /** 达到 maxCount 后隐藏拖拽区（仅保留列表） */
+    hideDropzoneWhenFull?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: File[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    download: (file: File, index: number) => any;
+    "update:modelValue": (value: File[]) => any;
+    remove: (file: File, index: number) => any;
+    reject: (errors: import("./upload-utils").RsUploadValidationError[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onDownload?: ((file: File, index: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+    onRemove?: ((file: File, index: number) => any) | undefined;
+    onReject?: ((errors: import("./upload-utils").RsUploadValidationError[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    showFileList: boolean;
+    showDownload: boolean;
+    hideDropzoneWhenFull: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsUpload.impl.js

@@ -0,0 +1,198 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsIcon_default from "./RsIcon.js";
+import { downloadUploadFile, formatFileSize, mergeUploadFiles, removeUploadFileAt, resolveUploadFileIcon, validateUploadFiles } from "./upload-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useModel, withModifiers } from "vue";
+//#region src/components/RsUpload.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-upload" };
+var _hoisted_2 = [
+	"accept",
+	"multiple",
+	"disabled"
+];
+var _hoisted_3 = {
+	class: "rs-upload__icon",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = { class: "rs-upload__text" };
+var _hoisted_5 = { class: "rs-upload__label" };
+var _hoisted_6 = { class: "rs-upload__hint" };
+var _hoisted_7 = {
+	key: 1,
+	class: "rs-upload__list"
+};
+var _hoisted_8 = { class: "rs-upload__file-meta" };
+var _hoisted_9 = { class: "rs-upload__file-name" };
+var _hoisted_10 = { class: "rs-upload__file-size" };
+var _hoisted_11 = [
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_12 = ["aria-label", "onClick"];
+var RsUpload_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsUpload",
+	props: /*@__PURE__*/ mergeModels({
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		maxSize: {},
+		maxCount: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		label: {},
+		hint: {},
+		showFileList: {
+			type: Boolean,
+			default: true
+		},
+		showDownload: {
+			type: Boolean,
+			default: false
+		},
+		hideDropzoneWhenFull: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"reject",
+		"download",
+		"remove"
+	], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const dragging = ref(false);
+		const dragDepth = ref(0);
+		const canAdd = computed(() => !props.maxCount || model.value.length < props.maxCount);
+		const isDropzoneDisabled = computed(() => props.disabled || !canAdd.value);
+		const showDropzone = computed(() => !(props.hideDropzoneWhenFull && props.maxCount != null && model.value.length >= props.maxCount));
+		const resolvedHint = computed(() => {
+			if (dragging.value && !isDropzoneDisabled.value) return t("upload.dropActive");
+			return props.hint ?? t("upload.browse");
+		});
+		function applyFiles(files) {
+			if (!files.length || isDropzoneDisabled.value) return;
+			const result = validateUploadFiles(files, {
+				accept: props.accept,
+				maxSize: props.maxSize,
+				maxCount: props.maxCount ? props.maxCount - model.value.length : void 0
+			});
+			model.value = mergeUploadFiles(model.value, result.accepted, props.maxCount);
+			if (result.rejected.length) emit("reject", result.rejected);
+		}
+		function onFilesChange(event) {
+			const input = event.target;
+			applyFiles(Array.from(input.files ?? []));
+			input.value = "";
+		}
+		function onDragEnter(event) {
+			event.preventDefault();
+			if (isDropzoneDisabled.value) return;
+			dragDepth.value += 1;
+			dragging.value = true;
+		}
+		function onDragOver(event) {
+			event.preventDefault();
+			if (event.dataTransfer) event.dataTransfer.dropEffect = isDropzoneDisabled.value ? "none" : "copy";
+		}
+		function onDragLeave(event) {
+			event.preventDefault();
+			dragDepth.value = Math.max(0, dragDepth.value - 1);
+			if (dragDepth.value === 0) dragging.value = false;
+		}
+		function onDrop(event) {
+			event.preventDefault();
+			dragDepth.value = 0;
+			dragging.value = false;
+			if (isDropzoneDisabled.value) return;
+			applyFiles(Array.from(event.dataTransfer?.files ?? []));
+		}
+		function removeFile(index) {
+			const file = model.value[index];
+			if (!file) return;
+			model.value = removeUploadFileAt(model.value, index);
+			emit("remove", file, index);
+		}
+		function onDownload(file, index) {
+			emit("download", file, index);
+			downloadUploadFile(file);
+		}
+		function fileIcon(file) {
+			return resolveUploadFileIcon(file);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [showDropzone.value ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				class: normalizeClass(["rs-upload__dropzone", {
+					"rs-upload__dropzone--disabled": isDropzoneDisabled.value,
+					"rs-upload__dropzone--dragging": dragging.value && !isDropzoneDisabled.value
+				}]),
+				onDragenter: onDragEnter,
+				onDragover: onDragOver,
+				onDragleave: onDragLeave,
+				onDrop
+			}, [
+				createElementVNode("input", {
+					class: "rs-upload__input",
+					type: "file",
+					accept: __props.accept,
+					multiple: __props.multiple,
+					disabled: isDropzoneDisabled.value,
+					onChange: onFilesChange
+				}, null, 40, _hoisted_2),
+				createElementVNode("span", _hoisted_3, [createVNode(RsIcon_default, {
+					name: "cloud-upload",
+					size: 22
+				})]),
+				createElementVNode("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(__props.label ?? unref(t)("upload.label")), 1), createElementVNode("span", _hoisted_6, toDisplayString(resolvedHint.value), 1)])
+			], 34)) : createCommentVNode("", true), __props.showFileList && model.value.length ? (openBlock(), createElementBlock("ul", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (file, index) => {
+				return openBlock(), createElementBlock("li", {
+					key: `${file.name}-${file.size}-${index}`,
+					class: "rs-upload__file"
+				}, [
+					createElementVNode("span", {
+						class: normalizeClass(["rs-upload__file-icon", `rs-upload__file-icon--${fileIcon(file)}`]),
+						"aria-hidden": "true"
+					}, [createVNode(RsIcon_default, {
+						name: fileIcon(file),
+						size: 16
+					}, null, 8, ["name"])], 2),
+					createElementVNode("span", _hoisted_8, [createElementVNode("span", _hoisted_9, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_10, toDisplayString(unref(formatFileSize)(file.size)), 1)]),
+					__props.showDownload ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "rs-upload__file-action",
+						"aria-label": unref(t)("upload.download"),
+						title: unref(t)("upload.download"),
+						onClick: withModifiers(($event) => onDownload(file, index), ["stop"])
+					}, [createVNode(RsIcon_default, {
+						name: "download",
+						size: 14
+					})], 8, _hoisted_11)) : createCommentVNode("", true),
+					!__props.disabled ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "rs-upload__file-remove",
+						"aria-label": unref(t)("common.remove"),
+						onClick: withModifiers(($event) => removeFile(index), ["stop"])
+					}, [createVNode(RsIcon_default, {
+						name: "x",
+						size: 14
+					})], 8, _hoisted_12)) : createCommentVNode("", true)
+				]);
+			}), 128))])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { RsUpload_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsUpload.js

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

package/dist/components/RsVNodeHost.d.ts

@@ -0,0 +1,18 @@
+import { type PropType, type VNodeChild } from 'vue';
+/**
+ * 将 VNodeChild（含自定义错误渲染结果）挂到模板中。
+ * Form errorRender / 字段自定义渲染共用。
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        required: true;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/RsVNodeHost.impl.js

@@ -0,0 +1,18 @@
+import { defineComponent } from "vue";
+//#region src/components/RsVNodeHost.vue?vue&type=script&lang.ts
+/**
+* 将 VNodeChild（含自定义错误渲染结果）挂到模板中。
+* Form errorRender / 字段自定义渲染共用。
+*/
+var RsVNodeHost_vue_vue_type_script_lang_default = defineComponent({
+	name: "RsVNodeHost",
+	props: { content: {
+		type: null,
+		required: true
+	} },
+	setup(props) {
+		return () => props.content;
+	}
+});
+//#endregion
+export { RsVNodeHost_vue_vue_type_script_lang_default as default };

package/dist/components/RsVNodeHost.js

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

package/dist/components/RsVirtualList.css

@@ -0,0 +1,29 @@
+
+.rs-virtual-list[data-v-c2c4b7ba] {
+  overflow: auto;
+  border: 1px solid var(--rs-border-subtle);
+  border-radius: var(--rs-virtual-list-radius, var(--rs-radius-sm));
+}
+.rs-virtual-list--fill[data-v-c2c4b7ba] {
+  flex: 1;
+  align-self: stretch;
+  width: 100%;
+  min-height: 0;
+  height: 0;
+}
+.rs-virtual-list__spacer[data-v-c2c4b7ba] {
+  position: relative;
+}
+.rs-virtual-list__items[data-v-c2c4b7ba] {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+.rs-virtual-list__item[data-v-c2c4b7ba] {
+  box-sizing: border-box;
+}
+.rs-virtual-list__item--active[data-v-c2c4b7ba] {
+  background: color-mix(in srgb, var(--rs-primary) 14%, var(--rs-surface));
+  box-shadow: inset 2px 0 0 var(--rs-primary);
+}

package/dist/components/RsVirtualList.d.ts

@@ -0,0 +1,37 @@
+import type { RsRadius } from '../theme/types';
+import type { RsVirtualListItemSize } from './virtual-list-utils';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        items: T[];
+        itemSize?: RsVirtualListItemSize;
+        height?: number | string;
+        overscan?: number;
+        activeIndex?: number | null;
+        /** keep-alive 外层可见性；变为 true 时重同步视口与 scroll 位置 */
+        layoutActive?: boolean;
+        /** 外层圆角。直角列表传 `none`。默认 sm。 */
+        radius?: RsRadius;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        scrollToIndex: (index: number) => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            item: T;
+            index: number;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};