@ithinkdt/ui 4.0.0-402 → 4.0.0-404

package/auto-imports.js

@@ -13,7 +13,10 @@ export const UIComponents = [
     {
         type: 'component',
         resolve(name) {
-            return ['DataTable', 'DataForm', 'DataFormActions', 'DataCustom', 'DataFilter', 'DataSelection', 'DataPagination'].includes(name)
+            return [
+                'DataTable', 'DataForm', 'DataFormActions', 'DataCustom', 'DataFilter', 'DataSelection', 'DataPagination',
+                'NCheckboxes', 'NRadios', 'NStateButton',
+            ].includes(name)
                 ? { name, from: '@ithinkdt/ui/components' }
                 : undefined
         },

package/dist/{components-B_qzc9ro.js → components-SsroO6X6.js}

@@ -1732,5 +1732,49 @@ const DtDeptRender = /* @__PURE__ */ defineComponent({
 			});
 		}, { immediate: !0 }), () => renderUsers(v.value, e);
 	}
+}), StateButtonProps = {
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	type: {
+		type: String,
+		default: void 0
+	},
+	succeeded: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	successText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	failureText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	}
+}, NStateButton = /* @__PURE__ */ defineComponent({
+	name: "StateButton",
+	props: StateButtonProps,
+	setup(e, { slots: v }) {
+		return () => {
+			let { type: y, disabled: b, succeeded: x, successText: S, failureText: C } = e;
+			return createVNode(NButton, {
+				type: x ? "success" : x === !1 ? "error" : y,
+				disabled: typeof x == "boolean" ? !0 : b
+			}, {
+				default: () => (x ? v.success ? v.success() : S : x === !1 ? v.failure ? v.failure() : C : v.default?.()) ?? v.default(),
+				icon: () => x ? v.successIcon ? v.successIcon() : createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : x === !1 ? v.failureIcon ? v.failureIcon() : createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : v.icon?.()
+			});
+		};
+	}
 });
-export { DataActions as _, NRadios as a, DataSelection as c, useLocaleEdit as d, DataFilter as f, DataCustom as g, dataFormActionsProps as h, renderUsers as i, DataPagination as l, DataFormActions as m, DtUserDept as n, DataTable as o, DataForm as p, DtUserRender as r, useDataTableDrag as s, DtDeptRender as t, DataLocaleInput as u, NCheckboxes as v };
+export { dataFormActionsProps as _, DtUserRender as a, NCheckboxes as b, DataTable as c, DataPagination as d, DataLocaleInput as f, DataFormActions as g, DataForm as h, DtUserDept as i, useDataTableDrag as l, DataFilter as m, StateButtonProps as n, renderUsers as o, useLocaleEdit as p, DtDeptRender as r, NRadios as s, NStateButton as t, DataSelection as u, DataCustom as v, DataActions as y };

package/dist/components.js

@@ -1,5 +1,5 @@
 import "./use-i18n-Dx7V4KrY.js";
 import "./directives-qqYcWl1I.js";
 import "./use-style-DcT-1dj4.js";
-import { _ as DataActions, a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as DataCustom, h as dataFormActionsProps, i as renderUsers, l as DataPagination, m as DataFormActions, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput, v as NCheckboxes } from "./components-B_qzc9ro.js";
-export { DataActions, DataCustom, DataFilter, DataForm, DataFormActions, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, dataFormActionsProps, renderUsers, useDataTableDrag, useLocaleEdit };
+import { _ as dataFormActionsProps, a as DtUserRender, b as NCheckboxes, c as DataTable, d as DataPagination, f as DataLocaleInput, g as DataFormActions, h as DataForm, i as DtUserDept, l as useDataTableDrag, m as DataFilter, n as StateButtonProps, o as renderUsers, p as useLocaleEdit, r as DtDeptRender, s as NRadios, t as NStateButton, u as DataSelection, v as DataCustom, y as DataActions } from "./components-SsroO6X6.js";
+export { DataActions, DataCustom, DataFilter, DataForm, DataFormActions, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, NStateButton, StateButtonProps, dataFormActionsProps, renderUsers, useDataTableDrag, useLocaleEdit };

package/dist/page.js

@@ -1,7 +1,7 @@
 import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
 import "./directives-qqYcWl1I.js";
 import "./use-style-DcT-1dj4.js";
-import { a as NRadios, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender, v as NCheckboxes } from "./components-B_qzc9ro.js";
+import { a as DtUserRender, b as NCheckboxes, h as DataForm, i as DtUserDept, r as DtDeptRender, s as NRadios } from "./components-SsroO6X6.js";
 import { computed, createVNode, defineComponent, h, isVNode, mergeProps, ref, shallowRef, unref } from "vue";
 import { until } from "@vueuse/core";
 import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
@@ -156,42 +156,42 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: u, getDeptsBy
 		},
 		checkboxes: () => {
 			let n, c;
-			return ({ props: l }, { modelValue: u, required: d, readonly: f, ...m }) => {
-				let { dictType: g, options: v, ...y } = mapProps(l);
-				if (v ? c = v : n !== g && (n = g, !c && n && (c = useDict(n))), f) {
+			return ({ props: u }, { modelValue: d, required: f, readonly: p, ...m }) => {
+				let { dictType: g, options: v, ...y } = mapProps(u);
+				if (v ? c = v : n !== g && (n = g, !c && n && (c = useDict(n))), p) {
 					let n;
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 2.4"
-					}, _isSlot(n = (u?.map((n) => c?.find((c) => c[y.valueField || "value"] === n)) ?? []).map((n, c, l) => {
-						let d = n ? n[y.labelField ?? "label"] ?? "" : u[c] ?? "";
-						return createVNode("span", { key: n ? n[y.valueField ?? "value"] : u[c] ?? "" }, [d, c < l.length - 1 ? ", " : ""]);
+					}, _isSlot(n = (d?.map((n) => c?.find((c) => c[y.valueField || "value"] === n)) ?? []).map((n, c, l) => {
+						let u = n ? n[y.labelField ?? "label"] ?? "" : d[c] ?? "";
+						return createVNode("span", { key: n ? n[y.valueField ?? "value"] : d[c] ?? "" }, [u, c < l.length - 1 ? ", " : ""]);
 					})) ? n : { default: () => [n] });
 				}
 				return h(NCheckboxes, {
 					...y,
 					...m,
 					options: c,
-					modelValue: u
+					modelValue: d
 				});
 			};
 		},
 		radios: () => {
-			let n, l;
-			return ({ props: u }, { modelValue: d, required: f, readonly: p, ...m }) => {
-				let { dictType: g, options: v, ...y } = mapProps(u);
-				if (v ? l = v : n !== g && (n = g, !l && n && (l = useDict(n))), p) {
-					let n = l?.find((n) => n[y.valueField ?? "value"] === d);
+			let n, c;
+			return ({ props: l }, { modelValue: u, required: d, readonly: f, ...m }) => {
+				let { dictType: g, options: v, ...y } = mapProps(l);
+				if (v ? c = v : n !== g && (n = g, !c && n && (c = useDict(n))), f) {
+					let n = c?.find((n) => n[y.valueField ?? "value"] === u);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [n ? n[y.labelField ?? "label"] ?? "" : d ?? ""] });
+					}, { default: () => [n ? n[y.labelField ?? "label"] ?? "" : u ?? ""] });
 				}
 				return h(NRadios, {
 					...y,
 					...m,
-					options: l,
-					modelValue: d
+					options: c,
+					modelValue: u
 				});
 			};
 		},
@@ -287,11 +287,11 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: u, getDeptsBy
 			};
 		},
 		user: () => {
-			let c, p, v;
+			let l, p, v;
 			return ({ slots: y, props: b }, { modelValue: S, "onUpdate:modelValue": C, required: w, readonly: T, ...E }) => {
 				let D = mapProps(b);
-				return c || (c = shallowRef([]), p = shallowRef([]), v = shallowRef([]), g().then((n) => {
-					c.value = n;
+				return l || (l = shallowRef([]), p = shallowRef([]), v = shallowRef([]), g().then((n) => {
+					l.value = n;
 				}), n().then((n) => {
 					p.value = n;
 				}), f().then((n) => {
@@ -302,7 +302,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: u, getDeptsBy
 					getUsersByUsername: g
 				}, null) : h(DtUserDept, {
 					type: "user",
-					users: c.value,
+					users: l.value,
 					depts: v.value,
 					groups: p.value,
 					getUsersByDept: m,
@@ -316,7 +316,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: u, getDeptsBy
 		}
 	};
 }
-function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFileInfos: l, previewFileUrl: u }) {
+function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: l, getFileInfos: u, previewFileUrl: d }) {
 	let p = (n) => () => (c, l, u, d) => {
 		if (c != null) return format(c, d.formatter ?? n);
 	}, m = (n = {}) => createVNode("svg", mergeProps({
@@ -376,12 +376,12 @@ function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFi
 			disabled: !0,
 			size: "small"
 		}, null),
-		image: () => (n, c, l, d) => {
+		image: () => (n, c, l, u) => {
 			let f;
 			return n ? createVNode(NFlex, {
 				gap: "8",
 				wrap: !0
-			}, _isSlot(f = (Array.isArray(n) ? n : d?.multiple ? n.split(",") : [n]).map((n) => u(n)).map((n) => createVNode("img", {
+			}, _isSlot(f = (Array.isArray(n) ? n : u?.multiple ? n.split(",") : [n]).map((n) => d(n)).map((n) => createVNode("img", {
 				key: n,
 				src: n,
 				style: "max-height: 32px; max-width: 100px; object-fit: contain"
@@ -389,14 +389,14 @@ function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFi
 		},
 		file: () => {
 			let n = nanoid();
-			return (c, u, d, f) => {
+			return (c, l, d, f) => {
 				let p;
-				return c ? (u.__file_urls ??= {}, u.__file_urls[n] || l(Array.isArray(c) ? c : f?.multiple ? c.split(",") : [c]).then((c) => {
-					u.__file_urls[n] = c;
+				return c ? (l.__file_urls ??= {}, l.__file_urls[n] || u(Array.isArray(c) ? c : f?.multiple ? c.split(",") : [c]).then((c) => {
+					l.__file_urls[n] = c;
 				}), createVNode(NFlex, {
 					gap: "8",
 					wrap: !0
-				}, _isSlot(p = (u.__file_urls[n] || []).map((n) => createVNode("a", {
+				}, _isSlot(p = (l.__file_urls[n] || []).map((n) => createVNode("a", {
 					key: n.id,
 					href: n.url,
 					target: "_blank",
@@ -412,11 +412,11 @@ function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFi
 				getDeptsByCode: n
 			}, null);
 		},
-		user: () => (n, l, u, f) => {
+		user: () => (n, u, d, f) => {
 			if (n) return createVNode(DtUserRender, {
 				value: n,
 				multiple: f?.multiple,
-				getUsersByUsername: c
+				getUsersByUsername: l
 			}, null);
 		}
 	};

package/esm/components.d.ts

@@ -1,4 +1,6 @@
 import {
+    ButtonProps,
+    ButtonSlots,
     CheckboxGroupProps, DataTableInst as NDataTableInst, DataTableProps as NDataTableProps, FlexProps,
     FormItemGiProps as NFormItemGiProps, FormProps as NFormProps, GridItemProps as NGridItemProps, GridProps as NGridProps,
     PopoverProps,
@@ -51,9 +53,32 @@ declare module '@ithinkdt/page' {
     interface FormItemRenderExtraParams {
         size?: 'small' | 'medium' | 'large' | undefined
     }
+}
+
+export type NStateButtonProps = ButtonProps & {
+    succeeded?: boolean | null | undefined
+    successText?: string | undefined
+    failureText?: string | undefined
+}
 
+export type NStateButtonEmits = {
+    (e: 'click', evt: MouseEvent): void
 }
 
+export type NStateButtonSlots = ButtonSlots & {
+    success?: () => VNodeChild
+    failure?: () => VNodeChild
+    successIcon?: () => VNodeChild
+    failureIcon?: () => VNodeChild
+}
+
+export declare function NStateButton(
+    props: NStateButtonProps & PublicProps,
+    ctx?: Pick<GenericCtx<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed) => void,
+    setup?: GenericCtx<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>,
+): GenericReturn<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>
+
 export type DataFormActionsProps = Pick<FlexProps, 'align' | 'justify' | 'vertical' | 'reverse'> & {
     size?: 'small' | 'medium' | 'large' | undefined
     gap?: number | string | undefined

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.0-402",
+  "version": "4.0.0-404",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",