straw-ui-vue 0.1.63 → 0.1.64

package/dist/components/st-date-picker/types/st-picker-atoms.d.ts

@@ -235,6 +235,10 @@ export interface StPickerQuickRowProps {
 	class?: ClassValue;
 	/** 样式 */
 	style?: StyleValue;
+	/** 快捷预设按钮类名 */
+	shortcutsItemClass?: ClassValue;
+	/** 快捷预设按钮样式 */
+	shortcutsItemStyle?: StyleValue;
 }
 
 /** StPickerQuickRow 事件 */

package/dist/components/st-date-picker/types/st-picker-shared.d.ts

@@ -140,9 +140,13 @@ export interface StPickerClassNames {
 	/** 浮层容器样式 */
 	panelStyle?: StyleValue;
 	/** 快捷预设行 */
-	quickClass?: ClassValue;
+	shortcutsBodyClass?: ClassValue;
 	/** 快捷预设行样式 */
-	quickStyle?: StyleValue;
+	shortcutsBodyStyle?: StyleValue;
+	/** 快捷预设按钮 */
+	shortcutsItemClass?: ClassValue;
+	/** 快捷预设按钮样式 */
+	shortcutsItemStyle?: StyleValue;
 	/** 面板底部工具条 */
 	footerClass?: ClassValue;
 	/** 面板底部工具条样式 */

package/dist/straw-ui.js

@@ -11915,6 +11915,20 @@ var Xo = [
 			String,
 			Object,
 			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
 		] }
 	},
 	emits: ["select"],
@@ -11925,15 +11939,16 @@ var Xo = [
 			class: B(q(l)(i.value, n.class)),
 			style: V(n.style)
 		}, [(H(!0), j(E, null, W(n.shortcuts, (e) => (H(), j("button", {
-			class: B(q(Fo)({
+			class: B(q(l)(q(Fo)({
 				shape: n.shape,
 				tone: n.isActive?.(e) ? "active" : "normal"
-			})),
+			}), n.shortcutsItemClass)),
 			disabled: n.disabled,
 			key: e.label,
+			style: V(n.shortcutsItemStyle),
 			type: "button",
 			onClick: (t) => r("select", e)
-		}, K(e.label), 11, ls))), 128))], 6)) : A("", !0);
+		}, K(e.label), 15, ls))), 128))], 6)) : A("", !0);
 	}
 }), ds = /* @__PURE__ */ I({
 	name: "StPickerWeek",
@@ -12029,14 +12044,28 @@ var Xo = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -12227,14 +12256,18 @@ var Xo = [
 		}, [
 			y.value.length > 0 ? (H(), k(us, {
 				key: 0,
-				class: B(r.quickClass),
+				class: B(r.shortcutsBodyClass),
 				"is-active": P,
 				shortcuts: y.value,
-				style: V(r.quickStyle),
+				"shortcuts-item-class": r.shortcutsItemClass,
+				"shortcuts-item-style": r.shortcutsItemStyle,
+				style: V(r.shortcutsBodyStyle),
 				onSelect: I
 			}, null, 8, [
 				"class",
 				"shortcuts",
+				"shortcuts-item-class",
+				"shortcuts-item-style",
 				"style"
 			])) : A("", !0),
 			M("div", { class: B(r.range ? "flex" : "") }, [(H(!0), j(E, null, W(m.value, (n) => (H(), j("div", {
@@ -12473,14 +12506,28 @@ var hs = /* @__PURE__ */ I({
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -12602,32 +12649,48 @@ var hs = /* @__PURE__ */ I({
 			content: $(() => [F(fs, {
 				ref_key: "panelRef",
 				ref: u,
+				class: B(i.panelClass),
 				"disabled-date": i.disabledDate,
+				"footer-class": i.footerClass,
+				"footer-style": i.footerStyle,
 				marks: i.marks,
 				"max-date": m.value,
 				"max-span": i.maxSpan,
 				"min-date": p.value,
+				"shortcuts-body-class": i.shortcutsBodyClass,
+				"shortcuts-body-style": i.shortcutsBodyStyle,
 				range: i.range,
 				"range-value": f.value,
 				shortcuts: i.shortcuts,
+				"shortcuts-item-class": i.shortcutsItemClass,
+				"shortcuts-item-style": i.shortcutsItemStyle,
 				"show-clear": i.showClear,
 				"show-footer": i.showFooter,
+				style: V(i.panelStyle),
 				value: d.value,
 				onClear: ee,
 				onRangePreview: D,
 				onSelect: T,
 				onSelectRange: E
 			}, null, 8, [
+				"class",
 				"disabled-date",
+				"footer-class",
+				"footer-style",
 				"marks",
 				"max-date",
 				"max-span",
 				"min-date",
+				"shortcuts-body-class",
+				"shortcuts-body-style",
 				"range",
 				"range-value",
 				"shortcuts",
+				"shortcuts-item-class",
+				"shortcuts-item-style",
 				"show-clear",
 				"show-footer",
+				"style",
 				"value"
 			])]),
 			_: 3
@@ -12759,14 +12822,28 @@ var hs = /* @__PURE__ */ I({
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -12925,7 +13002,8 @@ var hs = /* @__PURE__ */ I({
 			"onUpdate:modelValue": t[3] ||= (e) => u.value = e,
 			class: B(q(l)("h-auto", i.drawerClass)),
 			closable: !1,
-			"content-class": q(l)("p-0", i.contentClass),
+			"content-class": q(l)("p-0", i.contentClass, i.panelClass),
+			"content-style": i.panelStyle,
 			style: V(i.drawerStyle),
 			title: b.value,
 			placement: "bottom",
@@ -12952,15 +13030,19 @@ var hs = /* @__PURE__ */ I({
 			default: $(() => [
 				y.value.length > 0 ? (H(), k(us, {
 					key: 0,
-					class: B(i.quickClass),
+					class: B(i.shortcutsBodyClass),
 					"is-active": re,
 					shortcuts: y.value,
-					style: V(i.quickStyle),
+					"shortcuts-item-class": i.shortcutsItemClass,
+					"shortcuts-item-style": i.shortcutsItemStyle,
+					style: V(i.shortcutsBodyStyle),
 					shape: "block",
 					onSelect: ie
 				}, null, 8, [
 					"class",
 					"shortcuts",
+					"shortcuts-item-class",
+					"shortcuts-item-style",
 					"style"
 				])) : A("", !0),
 				M("div", _s, [
@@ -13031,6 +13113,7 @@ var hs = /* @__PURE__ */ I({
 			"modelValue",
 			"class",
 			"content-class",
+			"content-style",
 			"style",
 			"title"
 		])], 64));
@@ -13089,14 +13172,28 @@ var hs = /* @__PURE__ */ I({
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -13561,14 +13658,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -13725,14 +13836,18 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 		}, [
 			_.value.length > 0 ? (H(), k(us, {
 				key: 0,
-				class: B(r.quickClass),
+				class: B(r.shortcutsBodyClass),
 				"is-active": ee,
 				shortcuts: _.value,
-				style: V(r.quickStyle),
+				"shortcuts-item-class": r.shortcutsItemClass,
+				"shortcuts-item-style": r.shortcutsItemStyle,
+				style: V(r.shortcutsBodyStyle),
 				onSelect: te
 			}, null, 8, [
 				"class",
 				"shortcuts",
+				"shortcuts-item-class",
+				"shortcuts-item-style",
 				"style"
 			])) : A("", !0),
 			r.range ? (H(), j("div", Ns, [(H(), j(E, null, W(["start", "end"], (e) => M("div", {
@@ -13886,14 +14001,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsBodyStyle: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -14036,24 +14165,30 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			content: $(() => [F(Ps, {
 				ref_key: "panelRef",
 				ref: u,
+				class: B(i.panelClass),
 				date: i.date,
 				disabled: i.disabled,
 				"disabled-time": i.disabledTime,
+				"footer-class": i.footerClass,
+				"footer-style": i.footerStyle,
 				"hour-step": i.hourStep,
 				labels: i.labels,
 				"max-time": i.maxTime,
 				"min-time": i.minTime,
 				"minute-step": i.minuteStep,
-				"quick-class": i.quickClass,
-				"quick-style": i.quickStyle,
+				"shortcuts-body-class": i.shortcutsBodyClass,
+				"shortcuts-body-style": i.shortcutsBodyStyle,
 				range: i.range,
 				"range-value": f.value,
 				"second-step": i.secondStep,
 				shortcuts: i.shortcuts,
+				"shortcuts-item-class": i.shortcutsItemClass,
+				"shortcuts-item-style": i.shortcutsItemStyle,
 				"show-clear": i.showClear,
 				"show-hour": i.showHour,
 				"show-minute": i.showMinute,
 				"show-second": i.showSecond,
+				style: V(i.panelStyle),
 				value: d.value,
 				onClear: j,
 				onConfirm: te,
@@ -14062,24 +14197,30 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 				onShortcut: D,
 				onShortcutRange: ee
 			}, null, 8, [
+				"class",
 				"date",
 				"disabled",
 				"disabled-time",
+				"footer-class",
+				"footer-style",
 				"hour-step",
 				"labels",
 				"max-time",
 				"min-time",
 				"minute-step",
-				"quick-class",
-				"quick-style",
+				"shortcuts-body-class",
+				"shortcuts-body-style",
 				"range",
 				"range-value",
 				"second-step",
 				"shortcuts",
+				"shortcuts-item-class",
+				"shortcuts-item-style",
 				"show-clear",
 				"show-hour",
 				"show-minute",
 				"show-second",
+				"style",
 				"value"
 			])]),
 			_: 3
@@ -14386,14 +14527,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -14624,7 +14779,8 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			"onUpdate:modelValue": t[1] ||= (e) => c.value = e,
 			class: B(q(l)("h-auto", i.drawerClass)),
 			closable: !1,
-			"content-class": q(l)("p-0", i.contentClass),
+			"content-class": q(l)("p-0", i.contentClass, i.panelClass),
+			"content-style": i.panelStyle,
 			style: V(i.drawerStyle),
 			title: w.value,
 			placement: "bottom",
@@ -14650,15 +14806,19 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			])]),
 			default: $(() => [x.value.length > 0 ? (H(), k(us, {
 				key: 0,
-				class: B(i.quickClass),
+				class: B(i.shortcutsBodyClass),
 				"is-active": ce,
 				shortcuts: x.value,
-				style: V(i.quickStyle),
+				"shortcuts-item-class": i.shortcutsItemClass,
+				"shortcuts-item-style": i.shortcutsItemStyle,
+				style: V(i.shortcutsBodyStyle),
 				shape: "block",
 				onSelect: le
 			}, null, 8, [
 				"class",
 				"shortcuts",
+				"shortcuts-item-class",
+				"shortcuts-item-style",
 				"style"
 			])) : A("", !0), F(Ws, {
 				class: "px-4",
@@ -14692,6 +14852,7 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			"modelValue",
 			"class",
 			"content-class",
+			"content-style",
 			"style",
 			"title"
 		])], 64));
@@ -14755,14 +14916,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -14947,14 +15122,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsBodyStyle: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -15089,14 +15278,18 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 		}, [
 			g.value.length > 0 ? (H(), k(us, {
 				key: 0,
-				class: B(r.quickClass),
+				class: B(r.shortcutsBodyClass),
 				"is-active": N,
 				shortcuts: g.value,
-				style: V(r.quickStyle),
+				"shortcuts-item-class": r.shortcutsItemClass,
+				"shortcuts-item-style": r.shortcutsItemStyle,
+				style: V(r.shortcutsBodyStyle),
 				onSelect: P
 			}, null, 8, [
 				"class",
 				"shortcuts",
+				"shortcuts-item-class",
+				"shortcuts-item-style",
 				"style"
 			])) : A("", !0),
 			F(fs, {
@@ -15296,14 +15489,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsBodyStyle: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -15442,6 +15649,7 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 				ref_key: "panelRef",
 				ref: u,
 				"cell-size": d.value.cellSize,
+				class: B(i.panelClass),
 				"confirm-text": i.confirmText,
 				"date-text": i.dateText,
 				disabled: i.disabled,
@@ -15458,17 +15666,20 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 				"min-date": d.value.minDate,
 				"min-time": f.value.minTime,
 				"minute-step": f.value.minuteStep,
-				"quick-class": i.quickClass,
-				"quick-style": i.quickStyle,
+				"shortcuts-body-class": i.shortcutsBodyClass,
+				"shortcuts-body-style": i.shortcutsBodyStyle,
 				range: i.range,
 				"range-value": m.value,
 				"second-step": f.value.secondStep,
 				shortcuts: i.shortcuts,
+				"shortcuts-item-class": i.shortcutsItemClass,
+				"shortcuts-item-style": i.shortcutsItemStyle,
 				"show-clear": i.showClear,
 				"show-footer": i.showFooter,
 				"show-hour": f.value.showHour,
 				"show-minute": f.value.showMinute,
 				"show-second": f.value.showSecond,
+				style: V(i.panelStyle),
 				"time-format": f.value.format,
 				"time-size": f.value.timeSize,
 				"time-text": i.timeText,
@@ -15476,7 +15687,7 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 				onClear: D,
 				onConfirm: T,
 				onConfirmRange: E
-			}, null, 8, /* @__PURE__ */ "cell-size.confirm-text.date-text.disabled.disabled-date.disabled-time.footer-class.footer-style.format.hour-step.marks.max-date.max-span.max-time.min-date.min-time.minute-step.quick-class.quick-style.range.range-value.second-step.shortcuts.show-clear.show-footer.show-hour.show-minute.show-second.time-format.time-size.time-text.value".split("."))]),
+			}, null, 8, /* @__PURE__ */ "cell-size.class.confirm-text.date-text.disabled.disabled-date.disabled-time.footer-class.footer-style.format.hour-step.marks.max-date.max-span.max-time.min-date.min-time.minute-step.shortcuts-body-class.shortcuts-body-style.range.range-value.second-step.shortcuts.shortcuts-item-class.shortcuts-item-style.show-clear.show-footer.show-hour.show-minute.show-second.style.time-format.time-size.time-text.value".split("."))]),
 			_: 3
 		}, 8, [
 			"visible",
@@ -15567,14 +15778,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsBodyStyle: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsItemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,
@@ -15805,7 +16030,8 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			"onUpdate:modelValue": t[3] ||= (e) => d.value = e,
 			class: B(q(l)("h-auto", i.drawerClass)),
 			closable: !1,
-			"content-class": q(l)("p-0", i.contentClass),
+			"content-class": q(l)("p-0", i.contentClass, i.panelClass),
+			"content-style": i.panelStyle,
 			style: V(i.drawerStyle),
 			title: I.value,
 			placement: "bottom",
@@ -15838,15 +16064,19 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			default: $(() => [
 				f.value === "date" && ee.value.length > 0 ? (H(), k(us, {
 					key: 0,
-					class: B(i.quickClass),
+					class: B(i.shortcutsBodyClass),
 					"is-active": ge,
 					shortcuts: ee.value,
-					style: V(i.quickStyle),
+					"shortcuts-item-class": i.shortcutsItemClass,
+					"shortcuts-item-style": i.shortcutsItemStyle,
+					style: V(i.shortcutsBodyStyle),
 					shape: "block",
 					onSelect: _e
 				}, null, 8, [
 					"class",
 					"shortcuts",
+					"shortcuts-item-class",
+					"shortcuts-item-style",
 					"style"
 				])) : A("", !0),
 				f.value === "time" && te.value.length > 0 ? (H(), k(us, {
@@ -15919,6 +16149,7 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			"modelValue",
 			"class",
 			"content-class",
+			"content-style",
 			"style",
 			"title"
 		])], 64));
@@ -15977,14 +16208,28 @@ var ks = { class: "px-1.5 pb-1.5" }, As = [
 			Object,
 			Array
 		] },
-		quickClass: { type: [
+		shortcutsBodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsBodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		shortcutsItemClass: { type: [
 			Boolean,
 			null,
 			String,
 			Object,
 			Array
 		] },
-		quickStyle: { type: [
+		shortcutsItemStyle: { type: [
 			Boolean,
 			null,
 			String,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "straw-ui-vue",
-	"version": "0.1.63",
+	"version": "0.1.64",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",