@duxweb/dvha-pro 1.2.0 → 1.2.2

package/dist/esm/components/list/item.js

@@ -0,0 +1,237 @@
+import { createVNode as e, defineComponent as t } from "vue";
+import { NButton as n, NDropdown as r } from "naive-ui";
+import i from "clsx";
+var a = {
+	primary: {
+		icon: "text-primary",
+		iconBg: "bg-primary/15",
+		border: "hover:border-primary",
+		action: "bg-primary/10 text-primary"
+	},
+	info: {
+		icon: "text-info",
+		iconBg: "bg-info/15",
+		border: "hover:border-info",
+		action: "bg-info/10 text-info"
+	},
+	success: {
+		icon: "text-success",
+		iconBg: "bg-success/15",
+		border: "hover:border-success",
+		action: "bg-success/10 text-success"
+	},
+	warning: {
+		icon: "text-warning",
+		iconBg: "bg-warning/15",
+		border: "hover:border-warning",
+		action: "bg-warning/10 text-warning"
+	},
+	error: {
+		icon: "text-error",
+		iconBg: "bg-error/15",
+		border: "hover:border-error",
+		action: "bg-error/10 text-error"
+	},
+	slate: {
+		icon: "text-slate-500",
+		iconBg: "bg-slate-500/15",
+		border: "hover:border-slate-500",
+		action: "bg-slate-500/10 text-slate-500"
+	},
+	gray: {
+		icon: "text-gray-500",
+		iconBg: "bg-gray-500/15",
+		border: "hover:border-gray-500",
+		action: "bg-gray-500/10 text-gray-500"
+	},
+	zinc: {
+		icon: "text-zinc-500",
+		iconBg: "bg-zinc-500/15",
+		border: "hover:border-zinc-500",
+		action: "bg-zinc-500/10 text-zinc-500"
+	},
+	neutral: {
+		icon: "text-neutral-500",
+		iconBg: "bg-neutral-500/15",
+		border: "hover:border-neutral-500",
+		action: "bg-neutral-500/10 text-neutral-500"
+	},
+	stone: {
+		icon: "text-stone-500",
+		iconBg: "bg-stone-500/15",
+		border: "hover:border-stone-500",
+		action: "bg-stone-500/10 text-stone-500"
+	},
+	red: {
+		icon: "text-red-500",
+		iconBg: "bg-red-500/15",
+		border: "hover:border-red-500",
+		action: "bg-red-500/10 text-red-500"
+	},
+	orange: {
+		icon: "text-orange-500",
+		iconBg: "bg-orange-500/15",
+		border: "hover:border-orange-500",
+		action: "bg-orange-500/10 text-orange-500"
+	},
+	amber: {
+		icon: "text-amber-500",
+		iconBg: "bg-amber-500/15",
+		border: "hover:border-amber-500",
+		action: "bg-amber-500/10 text-amber-500"
+	},
+	yellow: {
+		icon: "text-yellow-500",
+		iconBg: "bg-yellow-500/15",
+		border: "hover:border-yellow-500",
+		action: "bg-yellow-500/10 text-yellow-500"
+	},
+	lime: {
+		icon: "text-lime-500",
+		iconBg: "bg-lime-500/15",
+		border: "hover:border-lime-500",
+		action: "bg-lime-500/10 text-lime-500"
+	},
+	green: {
+		icon: "text-green-500",
+		iconBg: "bg-green-500/15",
+		border: "hover:border-green-500",
+		action: "bg-green-500/10 text-green-500"
+	},
+	emerald: {
+		icon: "text-emerald-500",
+		iconBg: "bg-emerald-500/15",
+		border: "hover:border-emerald-500",
+		action: "bg-emerald-500/10 text-emerald-500"
+	},
+	teal: {
+		icon: "text-teal-500",
+		iconBg: "bg-teal-500/15",
+		border: "hover:border-teal-500",
+		action: "bg-teal-500/10 text-teal-500"
+	},
+	cyan: {
+		icon: "text-cyan-500",
+		iconBg: "bg-cyan-500/15",
+		border: "hover:border-cyan-500",
+		action: "bg-cyan-500/10 text-cyan-500"
+	},
+	sky: {
+		icon: "text-sky-500",
+		iconBg: "bg-sky-500/15",
+		border: "hover:border-sky-500",
+		action: "bg-sky-500/10 text-sky-500"
+	},
+	blue: {
+		icon: "text-blue-500",
+		iconBg: "bg-blue-500/15",
+		border: "hover:border-blue-500",
+		action: "bg-blue-500/10 text-blue-500"
+	},
+	indigo: {
+		icon: "text-indigo-500",
+		iconBg: "bg-indigo-500/15",
+		border: "hover:border-indigo-500",
+		action: "bg-indigo-500/10 text-indigo-500"
+	},
+	violet: {
+		icon: "text-violet-500",
+		iconBg: "bg-violet-500/15",
+		border: "hover:border-violet-500",
+		action: "bg-violet-500/10 text-violet-500"
+	},
+	purple: {
+		icon: "text-purple-500",
+		iconBg: "bg-purple-500/15",
+		border: "hover:border-purple-500",
+		action: "bg-purple-500/10 text-purple-500"
+	},
+	fuchsia: {
+		icon: "text-fuchsia-500",
+		iconBg: "bg-fuchsia-500/15",
+		border: "hover:border-fuchsia-500",
+		action: "bg-fuchsia-500/10 text-fuchsia-500"
+	},
+	pink: {
+		icon: "text-pink-500",
+		iconBg: "bg-pink-500/15",
+		border: "hover:border-pink-500",
+		action: "bg-pink-500/10 text-pink-500"
+	},
+	rose: {
+		icon: "text-rose-500",
+		iconBg: "bg-rose-500/15",
+		border: "hover:border-rose-500",
+		action: "bg-rose-500/10 text-rose-500"
+	}
+};
+const o = /* @__PURE__ */ t({
+	name: "DuxCardItem",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		desc: {
+			type: String,
+			default: ""
+		},
+		icon: {
+			type: String,
+			default: ""
+		},
+		action: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: "primary"
+		},
+		extends: {
+			type: Array,
+			default: () => []
+		},
+		menu: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["menuSelect"],
+	slots: Object,
+	setup(t, { emit: o, slots: s }) {
+		let c = () => a[t.color || "primary"] || a.primary, l = () => (t.menu || []).map((t) => {
+			let n = {
+				label: t.label,
+				key: t.key,
+				disabled: t.disabled
+			};
+			return t.icon && (n.icon = () => e("div", { class: i("size-4", t.icon) }, null)), n;
+		}), u = (e) => {
+			let n = (t.menu || []).find((t) => String(t.key) === String(e));
+			n && (n.onClick?.(n), o("menuSelect", n));
+		};
+		return () => e("div", { class: i("flex flex-col gap-4 rounded p-4 overflow-hidden transition-all bg-container bg-gradient-to-l via-transparent to-transparent border border-muted hover:shadow", c().border) }, [
+			e("div", { class: "flex items-start justify-between" }, [e("div", { class: "flex items-center gap-3 min-w-0" }, [t.icon ? e("div", { class: i("flex size-10 shrink-0 items-center justify-center rounded-lg", c().iconBg) }, [e("div", { class: i("text-lg", t.icon, c().icon) }, null)]) : null, e("div", { class: "min-w-0" }, [e("div", { class: "text-base truncate" }, [t.title || "-"]), s.desc?.() ? e("div", { class: "text-xs text-muted" }, [s.desc?.()]) : t.desc ? e("div", { class: "text-xs text-muted" }, [t.desc]) : null])]), e("div", { class: "flex items-center gap-2 shrink-0" }, [s.action?.() || (t.action ? e("div", { class: i("text-xs rounded px-2 py-1", c().action) }, [t.action]) : null), t.menu?.length ? e(r, {
+				trigger: "click",
+				placement: "bottom-end",
+				options: l(),
+				onSelect: u
+			}, { default: () => [e(n, {
+				size: "small",
+				quaternary: !0,
+				circle: !0
+			}, { icon: () => e("i", { class: "i-tabler:dots-vertical" }, null) })] }) : null])]),
+			s.default?.(),
+			t.extends?.length ? e("div", { class: "grid grid-cols-2 gap-3 text-sm p-3 bg-black/2.5 dark:bg-white/5 rounded-md" }, [t.extends.map((t, n) => e("div", {
+				key: n,
+				class: i("flex flex-col", {
+					"items-end text-right": t.align === "right",
+					"items-center text-center": t.align === "center"
+				})
+			}, [e("div", { class: "text-muted truncate" }, [t.label]), e("div", { class: "font-medium mt-1 truncate" }, [t.value ?? t.desc ?? "-"])]))]) : null,
+			s.footer?.()
+		]);
+	}
+});
+export { o as DuxCardItem };

package/dist/esm/components/list/list.js

@@ -33,7 +33,9 @@ const o = /* @__PURE__ */ r({
 			tools: o.tools,
 			bottom: o.bottom,
 			sideLeft: o.sideLeft,
-			sideRight: o.sideRight
+			sideRight: o.sideRight,
+			header: o.header,
+			contentHeader: o.contentHeader
 		});
 	}
 });

package/dist/esm/components/modal/modalTab.js

@@ -45,7 +45,7 @@ var i = /* @__PURE__ */ t({
 				onClick: t.onClose,
 				"aria-label": "close"
 			}, { icon: () => e("div", { class: "i-tabler:x size-4" }, null) })])
-		}), i.footer?.() && e("div", { class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50" }, [i.footer?.()])]);
+		}), i.footer && e("div", { class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50" }, [i.footer?.()])]);
 	}
 });
 export { i as default };

package/dist/esm/components/table/tablePage.js

@@ -30,7 +30,8 @@ const c = /* @__PURE__ */ i({
 			actions: c?.actions,
 			sideLeft: c?.sideLeft,
 			sideRight: c?.sideRight,
-			header: c?.header
+			header: c?.header,
+			contentHeader: c?.contentHeader
 		});
 	}
 });

package/dist/esm/dvha-pro.css

@@ -1,2 +1,2 @@
-.vue-flow__handle{transition:box-shadow .2s}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:12s ease-in-out infinite icon-color-cycle}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}to{background-position:0%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{background-color:#0000;border-bottom:none;border-radius:0;padding:0}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#0000;border-bottom:none;width:5px}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:rgb(var(--ui-bg));border:none;border-radius:4px;position:relative}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#0000}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{border:1px solid rgb(var(--ui-border-muted));background-color:rgb(var(--ui-color-gray-800)/.5)}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{font-size:var(--n-font-size);padding:12px 4px}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{flex-direction:column;height:100%;display:flex}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;padding:20px;overflow-y:auto}.app-page-tabs.n-tabs .n-tabs-tab{padding:1rem;font-size:.85rem}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0}.command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg)/.9);border-radius:6px;flex-direction:column;max-width:560px;margin:20vh auto auto;position:relative}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{color:rgba(var(--ui-text-toned));border-radius:3px;align-items:center;gap:6px;padding:6px 12px;display:flex}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-menu.n-menu .n-menu-item-content:before{left:0;right:0}.app-login-bg{background-image:repeating-linear-gradient(90deg,#baa0ba0f 0 1px,#0000 1px 21px,#baa0ba0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(0deg,#baa0ba0f 0 1px,#0000 1px 21px,#baa0ba0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(135deg,#baa0ba0f 0 1px,#0000 1px 21px,#baa0ba0f 21px 22px,#0000 22px 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,#5a5a5a0f 0 1px,#0000 1px 21px,#5a5a5a0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(0deg,#5a5a5a0f 0 1px,#0000 1px 21px,#5a5a5a0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(135deg,#5a5a5a0f 0 1px,#0000 1px 21px,#5a5a5a0f 21px 22px,#0000 22px 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{z-index:1000;background-color:rgb(var(--ui-bg));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";background:rgb(var(--ui-color-gray-200));opacity:.3;border-radius:50%;width:50px;height:5px;animation:.5s linear infinite shadow;position:absolute;top:59px;left:0}.app-box-loading:after{content:"";background:rgba(var(--ui-color-primary));border-radius:3px;width:50px;height:50px;animation:.5s linear infinite animate;position:absolute;top:0;left:0}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}:root{--dux-radio-group-padding-block:6px}.n-radio-group .n-radio,.n-checkbox-group .n-radio{padding-block:var(--dux-radio-group-padding-block)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#101014}img,video{max-width:none;height:revert-layer}label,button,input,select,textarea{border:1px solid #0000}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}.n-image-preview-toolbar *{box-sizing:content-box}
+.vue-flow__handle{transition:box-shadow .2s}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:12s ease-in-out infinite icon-color-cycle}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}to{background-position:0%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{background-color:#0000;border-bottom:none;border-radius:0;padding:0}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#0000;border-bottom:none;width:5px}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:rgb(var(--ui-bg));border:none;border-radius:4px;position:relative}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#0000}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{border:1px solid rgb(var(--ui-border-muted));background-color:rgb(var(--ui-color-gray-800)/.5)}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{font-size:var(--n-font-size);padding:12px 4px}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{flex-direction:column;height:100%;display:flex}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;padding:20px;overflow-y:auto}.app-page-tabs.n-tabs .n-tabs-tab{padding:1rem;font-size:.85rem}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0}.command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg)/.9);border-radius:6px;flex-direction:column;max-width:560px;margin:20vh auto auto;position:relative}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{color:rgba(var(--ui-text-toned));border-radius:3px;align-items:center;gap:6px;padding:6px 12px;display:flex}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-menu.n-menu .n-menu-item-content:before{left:0;right:0}.app-login-bg{background-image:repeating-linear-gradient(90deg,#baa0ba0f 0 1px,#0000 1px 21px,#baa0ba0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(0deg,#baa0ba0f 0 1px,#0000 1px 21px,#baa0ba0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(135deg,#baa0ba0f 0 1px,#0000 1px 21px,#baa0ba0f 21px 22px,#0000 22px 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,#5a5a5a0f 0 1px,#0000 1px 21px,#5a5a5a0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(0deg,#5a5a5a0f 0 1px,#0000 1px 21px,#5a5a5a0f 21px 22px,#0000 22px 72px),repeating-linear-gradient(135deg,#5a5a5a0f 0 1px,#0000 1px 21px,#5a5a5a0f 21px 22px,#0000 22px 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{z-index:1000;background-color:rgb(var(--ui-bg));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";background:rgb(var(--ui-color-gray-200));opacity:.3;border-radius:50%;width:50px;height:5px;animation:.5s linear infinite shadow;position:absolute;top:59px;left:0}.app-box-loading:after{content:"";background:rgba(var(--ui-color-primary));border-radius:3px;width:50px;height:50px;animation:.5s linear infinite animate;position:absolute;top:0;left:0}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}:root{--dux-radio-group-padding-block:6px}.n-radio-group .n-radio,.n-checkbox-group .n-radio{padding-block:var(--dux-radio-group-padding-block)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#101014}img,video{max-width:none;height:revert-layer}label,button,input,select,textarea{border:1px solid #0000}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}.n-image-preview-toolbar *{box-sizing:content-box}.drawer-page .app-modal-tabs .n-tab-pane{min-height:0;padding:var(--n-pane-padding-top);flex:1;overflow-y:auto}
 /*$vite$:1*/

package/dist/esm/index.js

@@ -79,71 +79,75 @@ import { DuxPageLoading as Fe } from "./pages/pageLoading.js";
 import "./pages/index.js";
 import Ie from "./components/drawer/drawer.js";
 import { DuxDrawerPage as Le } from "./components/drawer/drawerPage.js";
-import { DuxListLayout as Re } from "./components/layout/list.js";
-import { DuxTableTools as ze } from "./components/layout/tools.js";
-import { DuxTableLayout as Be } from "./components/layout/table.js";
-import { DuxWidgetEditorPreview as Ve } from "./components/designEditor/editor/preview.js";
-import { WidgetEditorSetting as He, WidgetEditorSettingCard as Ue } from "./components/designEditor/editor/setting.js";
-import { duxFormEditorGrid as We } from "./components/designEditor/components/grid.js";
-import { useEditor as Ge } from "./components/designEditor/editor/hook.js";
-import { DuxDesignEditor as Ke } from "./components/designEditor/editor.js";
-import qe from "./components/dialog/dialog.js";
-import { DuxAiEditor as Je } from "./components/editor/aiEditor.js";
-import { FlowFieldConfig as Ye } from "./components/flowEditor/components/fieldConfig.js";
-import { FlowKVInput as Xe } from "./components/flowEditor/components/kvInput.js";
-import { DuxFormLayout as Ze } from "./components/form/formLayout.js";
-import { DuxDrawerForm as Qe } from "./components/form/drawerForm.js";
-import { DuxFormItem as $e } from "./components/form/formItem.js";
-import { DuxModalForm as et } from "./components/form/modalForm.js";
-import { DuxPageForm as tt } from "./components/form/pageForm.js";
-import { DuxPageTabForm as nt } from "./components/form/pageTabForm.js";
-import { DuxSettingForm as rt } from "./components/form/settingForm.js";
-import { EndNode as it, EndNodeSetting as at, getEndNodeRegistry as ot } from "./components/flowEditor/nodes/endNode.js";
-import { ProcessNode as st, ProcessNodeSetting as ct, getProcessNodeRegistry as lt } from "./components/flowEditor/nodes/processNode.js";
-import { StartNode as ut, StartNodeSetting as dt, getStartNodeRegistry as ft } from "./components/flowEditor/nodes/startNode.js";
-import { FlowNote as pt } from "./components/flowEditor/components/note.js";
-import { createDynamicFlowNode as mt, createDynamicFlowNodes as ht } from "./components/flowEditor/nodes/dynamicNodeFactory.js";
-import { defaultNodes as gt } from "./components/flowEditor/nodes/index.js";
-import { FlowNodeCard as _t } from "./components/flowEditor/components/nodeCard.js";
-import { FlowSetting as vt } from "./components/flowEditor/components/setting.js";
-import { FlowToolbar as yt } from "./components/flowEditor/components/toolbar.js";
-import { DuxFlowEditor as bt } from "./components/flowEditor/flowEditor.js";
-import { FIELD_TYPE_OPTIONS as xt, getFieldTypeOptions as St, useNodeDataFlow as Ct } from "./components/flowEditor/utils/nodeDataUtils.js";
-import { DuxFileUpload as wt } from "./components/upload/file.js";
-import { DuxImageUpload as Tt } from "./components/upload/image.js";
-import { DuxVideoUpload as Et } from "./components/upload/video.js";
-import Dt from "./components/upload/manager.js";
-import { DuxSelectUpload as Ot } from "./components/upload/selectFile.js";
-import { DuxLevel as kt } from "./components/level/level.js";
-import { DuxFormEditor as At } from "./components/formEditor/editor.js";
-import { DuxFormRenderer as jt } from "./components/formEditor/renderer.js";
-import { DuxIconPicker as Mt } from "./components/icon/icon.js";
-import { DuxCardPage as Nt } from "./components/list/card.js";
-import { DuxListPage as Pt } from "./components/list/list.js";
-import { DuxMapCoord as Ft } from "./components/mapCoord/mapCoord.js";
-import { DuxPanelAlert as It } from "./components/panel/alert.js";
-import { DuxPanelCard as Lt } from "./components/panel/setting.js";
-import { DuxCollapsePanel as Rt } from "./components/panel/collapse.js";
-import { elementConfigs as zt, elementRegistry as Bt, getElementConfig as Vt, getElementsByCategory as Ht } from "./components/posterEditor/elements/index.js";
-import { usePosterEditor as Ut } from "./components/posterEditor/hooks/usePosterEditor.js";
-import { DuxPosterEditor as Wt } from "./components/posterEditor/posterEditor.js";
-import { DuxSchemaTreeEditor as Gt } from "./components/schemaEditor/schemaEditor.js";
-import { DuxCheckboxTag as Kt } from "./components/select/checkboxTag.js";
-import { DuxDateTag as qt } from "./components/select/dateTag.js";
-import { DuxRadioTag as Jt } from "./components/select/radioTag.js";
-import { DuxSelectCard as Yt } from "./components/select/selectCard.js";
-import { DuxSpecEditor as Xt, createSpec as Zt, createSpecValue as Qt } from "./components/spec/specEditor.js";
-import { DuxSpec as $t } from "./components/spec/spec.js";
-import { DuxStatsNumber as en } from "./components/stats/number.js";
-import { DuxStatsRealTime as tn } from "./components/stats/realTime.js";
-import { DuxTable as nn } from "./components/table/table.js";
-import { DuxTablePage as rn } from "./components/table/tablePage.js";
-import { DuxTextImageEditor as an } from "./components/textImageEditor/textImageEditor.js";
-import { DuxTreeFilter as on } from "./components/tree/treeFilter.js";
+import Re from "./components/drawer/drawerTab.js";
+import { DuxListLayout as ze } from "./components/layout/list.js";
+import { DuxTableTools as Be } from "./components/layout/tools.js";
+import { DuxTableLayout as Ve } from "./components/layout/table.js";
+import { DuxWidgetEditorPreview as He } from "./components/designEditor/editor/preview.js";
+import { WidgetEditorSetting as Ue, WidgetEditorSettingCard as We } from "./components/designEditor/editor/setting.js";
+import { duxFormEditorGrid as Ge } from "./components/designEditor/components/grid.js";
+import { useEditor as Ke } from "./components/designEditor/editor/hook.js";
+import { DuxDesignEditor as qe } from "./components/designEditor/editor.js";
+import Je from "./components/dialog/dialog.js";
+import { DuxAiEditor as Ye } from "./components/editor/aiEditor.js";
+import { FlowFieldConfig as Xe } from "./components/flowEditor/components/fieldConfig.js";
+import { FlowKVInput as Ze } from "./components/flowEditor/components/kvInput.js";
+import { DuxFormLayout as Qe } from "./components/form/formLayout.js";
+import { DuxDrawerForm as $e } from "./components/form/drawerForm.js";
+import { DuxDrawerTabForm as et } from "./components/form/drawerTabForm.js";
+import { DuxFormItem as tt } from "./components/form/formItem.js";
+import { DuxModalForm as nt } from "./components/form/modalForm.js";
+import { DuxModalTabForm as rt } from "./components/form/modalTabForm.js";
+import { DuxPageForm as it } from "./components/form/pageForm.js";
+import { DuxPageTabForm as at } from "./components/form/pageTabForm.js";
+import { DuxSettingForm as ot } from "./components/form/settingForm.js";
+import { EndNode as st, EndNodeSetting as ct, getEndNodeRegistry as lt } from "./components/flowEditor/nodes/endNode.js";
+import { ProcessNode as ut, ProcessNodeSetting as dt, getProcessNodeRegistry as ft } from "./components/flowEditor/nodes/processNode.js";
+import { StartNode as pt, StartNodeSetting as mt, getStartNodeRegistry as ht } from "./components/flowEditor/nodes/startNode.js";
+import { FlowNote as gt } from "./components/flowEditor/components/note.js";
+import { createDynamicFlowNode as _t, createDynamicFlowNodes as vt } from "./components/flowEditor/nodes/dynamicNodeFactory.js";
+import { defaultNodes as yt } from "./components/flowEditor/nodes/index.js";
+import { FlowNodeCard as bt } from "./components/flowEditor/components/nodeCard.js";
+import { FlowSetting as xt } from "./components/flowEditor/components/setting.js";
+import { FlowToolbar as St } from "./components/flowEditor/components/toolbar.js";
+import { DuxFlowEditor as Ct } from "./components/flowEditor/flowEditor.js";
+import { FIELD_TYPE_OPTIONS as wt, getFieldTypeOptions as Tt, useNodeDataFlow as Et } from "./components/flowEditor/utils/nodeDataUtils.js";
+import { DuxFileUpload as Dt } from "./components/upload/file.js";
+import { DuxImageUpload as Ot } from "./components/upload/image.js";
+import { DuxVideoUpload as kt } from "./components/upload/video.js";
+import At from "./components/upload/manager.js";
+import { DuxSelectUpload as jt } from "./components/upload/selectFile.js";
+import { DuxLevel as Mt } from "./components/level/level.js";
+import { DuxFormEditor as Nt } from "./components/formEditor/editor.js";
+import { DuxFormRenderer as Pt } from "./components/formEditor/renderer.js";
+import { DuxIconPicker as Ft } from "./components/icon/icon.js";
+import { DuxCardPage as It } from "./components/list/card.js";
+import { DuxCardItem as Lt } from "./components/list/item.js";
+import { DuxListPage as Rt } from "./components/list/list.js";
+import { DuxMapCoord as zt } from "./components/mapCoord/mapCoord.js";
+import { DuxPanelAlert as Bt } from "./components/panel/alert.js";
+import { DuxPanelCard as Vt } from "./components/panel/setting.js";
+import { DuxCollapsePanel as Ht } from "./components/panel/collapse.js";
+import { elementConfigs as Ut, elementRegistry as Wt, getElementConfig as Gt, getElementsByCategory as Kt } from "./components/posterEditor/elements/index.js";
+import { usePosterEditor as qt } from "./components/posterEditor/hooks/usePosterEditor.js";
+import { DuxPosterEditor as Jt } from "./components/posterEditor/posterEditor.js";
+import { DuxSchemaTreeEditor as Yt } from "./components/schemaEditor/schemaEditor.js";
+import { DuxCheckboxTag as Xt } from "./components/select/checkboxTag.js";
+import { DuxDateTag as Zt } from "./components/select/dateTag.js";
+import { DuxRadioTag as Qt } from "./components/select/radioTag.js";
+import { DuxSelectCard as $t } from "./components/select/selectCard.js";
+import { DuxSpecEditor as en, createSpec as tn, createSpecValue as nn } from "./components/spec/specEditor.js";
+import { DuxSpec as rn } from "./components/spec/spec.js";
+import { DuxStatsNumber as an } from "./components/stats/number.js";
+import { DuxStatsRealTime as on } from "./components/stats/realTime.js";
+import { DuxTable as sn } from "./components/table/table.js";
+import { DuxTablePage as cn } from "./components/table/tablePage.js";
+import { DuxTextImageEditor as ln } from "./components/textImageEditor/textImageEditor.js";
+import { DuxTreeFilter as un } from "./components/tree/treeFilter.js";
 import "./components/index.js";
 import "./component.js";
-import sn from "./langs/en-US.js";
-import cn from "./langs/zh-CN.js";
-import { createDuxPro as ln } from "./main.js";
+import dn from "./langs/en-US.js";
+import fn from "./langs/zh-CN.js";
+import { createDuxPro as pn } from "./main.js";
 import "./stores/index.js";
-export { Je as DuxAiEditor, e as DuxApp, Te as DuxAuthLayout, n as DuxAvatar, Q as DuxBlockEmpty, t as DuxCard, Nt as DuxCardPage, u as DuxCarousel, l as DuxCascaderPanel, V as DuxChart, Kt as DuxCheckboxTag, H as DuxCodeEditor, Rt as DuxCollapsePanel, J as DuxDashboardHello, Y as DuxDashboardHelloBig, X as DuxDashboardQuick, Z as DuxDashboardQuickItem, qt as DuxDateTag, Ke as DuxDesignEditor, qe as DuxDialog, $ as DuxDrawApps, ee as DuxDrawAuth, te as DuxDrawEmpty, ne as DuxDrawEmptyForm, re as DuxDrawError, Ie as DuxDrawer, Qe as DuxDrawerForm, Le as DuxDrawerPage, ae as DuxDynamicData, oe as DuxDynamicSelect, Dt as DuxFileManage, wt as DuxFileUpload, le as DuxFilterLayout, bt as DuxFlowEditor, At as DuxFormEditor, $e as DuxFormItem, Ze as DuxFormLayout, jt as DuxFormRenderer, ue as DuxGrid, Mt as DuxIconPicker, a as DuxImage, U as DuxImageCrop, q as DuxImageCropModal, Tt as DuxImageUpload, Ee as DuxLayout, kt as DuxLevel, ie as DuxListEmpty, Re as DuxListLayout, Pt as DuxListPage, De as DuxLoginPage, Ft as DuxMapCoord, o as DuxMedia, Se as DuxMenuApp, ve as DuxMenuAvatar, _e as DuxMenuButton, ye as DuxMenuCmd, be as DuxMenuDark, Ce as DuxMenuMain, xe as DuxMenuNotice, we as DuxMobileMenu, W as DuxModal, et as DuxModalForm, G as DuxModalPage, K as DuxModalTab, Oe as DuxPage, Ae as DuxPage403, je as DuxPage404, Me as DuxPage500, Ne as DuxPageEmpty, Pe as DuxPageException, tt as DuxPageForm, Fe as DuxPageLoading, ke as DuxPageStatus, nt as DuxPageTabForm, It as DuxPanelAlert, Lt as DuxPanelCard, i as DuxPlaceholder, Wt as DuxPosterEditor, Jt as DuxRadioTag, Gt as DuxSchemaTreeEditor, Yt as DuxSelectCard, se as DuxSelectModal, Ot as DuxSelectUpload, rt as DuxSettingForm, $t as DuxSpec, Xt as DuxSpecEditor, en as DuxStatsNumber, tn as DuxStatsRealTime, s as DuxStatsStore, c as DuxStatsStoreItem, nn as DuxTable, ce as DuxTableFilter, Be as DuxTableLayout, rn as DuxTablePage, ze as DuxTableTools, an as DuxTextImageEditor, on as DuxTreeFilter, Et as DuxVideoUpload, r as DuxWidgetConnect, Ve as DuxWidgetEditorPreview, it as EndNode, at as EndNodeSetting, xt as FIELD_TYPE_OPTIONS, Ye as FlowFieldConfig, Xe as FlowKVInput, _t as FlowNodeCard, pt as FlowNote, vt as FlowSetting, yt as FlowToolbar, st as ProcessNode, ct as ProcessNodeSetting, ut as StartNode, dt as StartNodeSetting, He as WidgetEditorSetting, Ue as WidgetEditorSettingCard, he as config, ln as createDuxPro, mt as createDynamicFlowNode, ht as createDynamicFlowNodes, Zt as createSpec, Qt as createSpecValue, gt as defaultNodes, We as duxFormEditorGrid, zt as elementConfigs, Bt as elementRegistry, sn as enUS, de as generateRainbowFromColor, Vt as getElementConfig, Ht as getElementsByCategory, ot as getEndNodeRegistry, St as getFieldTypeOptions, lt as getProcessNodeRegistry, ft as getStartNodeRegistry, fe as getTheme, ge as initVeeValidate, me as presetTheme, pe as themeOverrides, m as useAction, h as useActionButton, g as useActionDropdown, d as useDialog, _ as useDownload, f as useDrawer, v as useEchartBar, y as useEchartCommon, b as useEchartFunnel, x as useEchartLine, S as useEchartMap, C as useEchartPie, w as useEchartRadar, T as useEchartRing, E as useEchartRose, D as useEchartTreeMap, O as useEchartType, Ge as useEditor, k as useImagePreview, A as useLevel, p as useModal, Ct as useNodeDataFlow, Ut as usePosterEditor, j as useTable, R as useTableColumn, M as useTableColumnColor, N as useTableColumnImage, P as useTableColumnMap, F as useTableColumnMedia, I as useTableColumnStatus, L as useTableColumnSwitch, B as useUI, z as useUIStore, cn as zhCN };
+export { Ye as DuxAiEditor, e as DuxApp, Te as DuxAuthLayout, n as DuxAvatar, Q as DuxBlockEmpty, t as DuxCard, Lt as DuxCardItem, It as DuxCardPage, u as DuxCarousel, l as DuxCascaderPanel, V as DuxChart, Xt as DuxCheckboxTag, H as DuxCodeEditor, Ht as DuxCollapsePanel, J as DuxDashboardHello, Y as DuxDashboardHelloBig, X as DuxDashboardQuick, Z as DuxDashboardQuickItem, Zt as DuxDateTag, qe as DuxDesignEditor, Je as DuxDialog, $ as DuxDrawApps, ee as DuxDrawAuth, te as DuxDrawEmpty, ne as DuxDrawEmptyForm, re as DuxDrawError, Ie as DuxDrawer, $e as DuxDrawerForm, Le as DuxDrawerPage, Re as DuxDrawerTab, et as DuxDrawerTabForm, ae as DuxDynamicData, oe as DuxDynamicSelect, At as DuxFileManage, Dt as DuxFileUpload, le as DuxFilterLayout, Ct as DuxFlowEditor, Nt as DuxFormEditor, tt as DuxFormItem, Qe as DuxFormLayout, Pt as DuxFormRenderer, ue as DuxGrid, Ft as DuxIconPicker, a as DuxImage, U as DuxImageCrop, q as DuxImageCropModal, Ot as DuxImageUpload, Ee as DuxLayout, Mt as DuxLevel, ie as DuxListEmpty, ze as DuxListLayout, Rt as DuxListPage, De as DuxLoginPage, zt as DuxMapCoord, o as DuxMedia, Se as DuxMenuApp, ve as DuxMenuAvatar, _e as DuxMenuButton, ye as DuxMenuCmd, be as DuxMenuDark, Ce as DuxMenuMain, xe as DuxMenuNotice, we as DuxMobileMenu, W as DuxModal, nt as DuxModalForm, G as DuxModalPage, K as DuxModalTab, rt as DuxModalTabForm, Oe as DuxPage, Ae as DuxPage403, je as DuxPage404, Me as DuxPage500, Ne as DuxPageEmpty, Pe as DuxPageException, it as DuxPageForm, Fe as DuxPageLoading, ke as DuxPageStatus, at as DuxPageTabForm, Bt as DuxPanelAlert, Vt as DuxPanelCard, i as DuxPlaceholder, Jt as DuxPosterEditor, Qt as DuxRadioTag, Yt as DuxSchemaTreeEditor, $t as DuxSelectCard, se as DuxSelectModal, jt as DuxSelectUpload, ot as DuxSettingForm, rn as DuxSpec, en as DuxSpecEditor, an as DuxStatsNumber, on as DuxStatsRealTime, s as DuxStatsStore, c as DuxStatsStoreItem, sn as DuxTable, ce as DuxTableFilter, Ve as DuxTableLayout, cn as DuxTablePage, Be as DuxTableTools, ln as DuxTextImageEditor, un as DuxTreeFilter, kt as DuxVideoUpload, r as DuxWidgetConnect, He as DuxWidgetEditorPreview, st as EndNode, ct as EndNodeSetting, wt as FIELD_TYPE_OPTIONS, Xe as FlowFieldConfig, Ze as FlowKVInput, bt as FlowNodeCard, gt as FlowNote, xt as FlowSetting, St as FlowToolbar, ut as ProcessNode, dt as ProcessNodeSetting, pt as StartNode, mt as StartNodeSetting, Ue as WidgetEditorSetting, We as WidgetEditorSettingCard, he as config, pn as createDuxPro, _t as createDynamicFlowNode, vt as createDynamicFlowNodes, tn as createSpec, nn as createSpecValue, yt as defaultNodes, Ge as duxFormEditorGrid, Ut as elementConfigs, Wt as elementRegistry, dn as enUS, de as generateRainbowFromColor, Gt as getElementConfig, Kt as getElementsByCategory, lt as getEndNodeRegistry, Tt as getFieldTypeOptions, ft as getProcessNodeRegistry, ht as getStartNodeRegistry, fe as getTheme, ge as initVeeValidate, me as presetTheme, pe as themeOverrides, m as useAction, h as useActionButton, g as useActionDropdown, d as useDialog, _ as useDownload, f as useDrawer, v as useEchartBar, y as useEchartCommon, b as useEchartFunnel, x as useEchartLine, S as useEchartMap, C as useEchartPie, w as useEchartRadar, T as useEchartRing, E as useEchartRose, D as useEchartTreeMap, O as useEchartType, Ke as useEditor, k as useImagePreview, A as useLevel, p as useModal, Et as useNodeDataFlow, qt as usePosterEditor, j as useTable, R as useTableColumn, M as useTableColumnColor, N as useTableColumnImage, P as useTableColumnMap, F as useTableColumnMedia, I as useTableColumnStatus, L as useTableColumnSwitch, B as useUI, z as useUIStore, fn as zhCN };

package/dist/esm/pages/pageStatus.js

@@ -15,9 +15,9 @@ const r = /* @__PURE__ */ n({
 		return () => t(e, {
 			class: "size-full flex items-center justify-center",
 			bordered: n.bordered
-		}, { default: () => [t("div", { class: "flex flex-col gap-6 justify-center items-center py-10 h-full" }, [
-			t("div", { class: "w-40" }, [r.default?.()]),
-			t("div", { class: "flex flex-col items-center justify-center gap-2" }, [t("div", { class: "text-lg text-default font-bold" }, [n?.title]), t("div", { class: "text-muted" }, [n?.desc])]),
+		}, { default: () => [t("div", { class: "flex flex-col gap-6 justify-center items-center py-8 h-full" }, [
+			t("div", { class: "w-32" }, [r.default?.()]),
+			t("div", { class: "flex flex-col items-center justify-center gap-1" }, [t("div", { class: "text-lg text-default font-bold" }, [n?.title]), t("div", { class: "text-muted" }, [n?.desc])]),
 			t("div", { class: "flex justify-center items-center gap-4" }, [r.action?.()])
 		])] });
 	}