straw-ui-vue 0.1.17 → 0.1.18

package/dist/components/st-dialog/index.d.ts

@@ -12,8 +12,6 @@ export declare const StDialog: {
     }, import('vue').PublicProps, {
         title: string;
         center: boolean;
-        height: string;
-        width: string;
         draggable: boolean;
         closable: boolean;
         fullscreen: boolean;
@@ -35,8 +33,6 @@ export declare const StDialog: {
     }>, {}, {}, {}, {}, {
         title: string;
         center: boolean;
-        height: string;
-        width: string;
         draggable: boolean;
         closable: boolean;
         fullscreen: boolean;
@@ -59,8 +55,6 @@ export declare const StDialog: {
 }, string, {
     title: string;
     center: boolean;
-    height: string;
-    width: string;
     draggable: boolean;
     closable: boolean;
     fullscreen: boolean;

package/dist/components/st-dialog/st-dialog.d.ts

@@ -16,8 +16,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     title: string;
     center: boolean;
-    height: string;
-    width: string;
     draggable: boolean;
     closable: boolean;
     fullscreen: boolean;

package/dist/components/st-dialog/types.d.ts

@@ -20,10 +20,6 @@ export interface StDialogGroupContext {
 
 	/** 是否居中显示 */
 	readonly center: boolean;
-	/** 弹窗宽度 */
-	readonly width: string;
-	/** 弹窗高度 */
-	readonly height: string;
 	/** 是否显示遮罩层 */
 	readonly showOverlay: boolean;
 	/** 是否显示关闭按钮 */
@@ -223,10 +219,6 @@ export interface StDialogGroupFooterEmits {}
 export interface StDialogProps {
 	/** 弹窗标题 */
 	title?: string;
-	/** 弹窗宽度 */
-	width?: string;
-	/** 弹窗高度 */
-	height?: string;
 	/** 是否显示关闭按钮 */
 	closable?: boolean;
 	/** 是否支持拖拽 */

package/dist/components/st-drawer/index.d.ts

@@ -10,7 +10,6 @@ export declare const StDrawer: {
         close: () => any;
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
-        size: number | string;
         title: string;
         placement: import('./types.d.ts').StDrawerPlacement;
         closable: boolean;
@@ -30,7 +29,6 @@ export declare const StDrawer: {
         onClose?: () => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
     }>, {}, {}, {}, {}, {
-        size: number | string;
         title: string;
         placement: import('./types.d.ts').StDrawerPlacement;
         closable: boolean;
@@ -51,7 +49,6 @@ export declare const StDrawer: {
     close: () => any;
     "update:modelValue": (value: boolean) => any;
 }, string, {
-    size: number | string;
     title: string;
     placement: import('./types.d.ts').StDrawerPlacement;
     closable: boolean;

package/dist/components/st-drawer/st-drawer.d.ts

@@ -14,7 +14,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onClose?: () => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
 }>, {
-    size: number | string;
     title: string;
     placement: import('./types.d.ts').StDrawerPlacement;
     closable: boolean;

package/dist/components/st-drawer/types.d.ts

@@ -23,8 +23,6 @@ export interface StDrawerGroupContext {
 	readonly closeByOverlay: boolean;
 	/** 抽屉方向 */
 	readonly placement: StDrawerPlacement;
-	/** 尺寸 */
-	readonly size: number | string;
 	/** 是否显示关闭按钮 */
 	readonly closable: boolean;
 
@@ -177,8 +175,6 @@ export interface StDrawerProps {
 	closeByOverlay?: boolean;
 	/** 抽屉方向 */
 	placement?: StDrawerPlacement;
-	/** 尺寸 */
-	size?: number | string;
 	/** 标题 */
 	title?: string;
 	/** 是否显示关闭按钮 */

package/dist/straw-ui.js

@@ -4318,12 +4318,10 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 	setup(n) {
 		let r = P();
 		I();
-		let l = h(t), u = a(() => e("bg-background shadow-lg overflow-hidden rounded", "flex flex-col", l.center ? "top-1/2 left-1/2" : "top-20 left-1/2", l.isFullscreen.value ? "inset-0" : "", r.class)), d = a(() => {
+		let l = h(t), u = a(() => e("bg-background shadow-lg overflow-hidden rounded", "flex flex-col", l.isFullscreen.value ? "inset-0" : "w-120", l.center ? "top-1/2 left-1/2" : "top-20 left-1/2", r.class)), d = a(() => {
 			if (l.isFullscreen.value) return;
-			let e = {};
-			e.width = l.width || "500px", l.height && l.height !== "auto" && (e.height = l.height);
-			let t = l.dragOffsetX.value || 0, n = l.dragOffsetY.value || 0;
-			return l.center ? e.transform = `translate(calc(-50% + ${t}px), calc(-50% + ${n}px))` : e.transform = `translate(-50%, ${n}px)`, e;
+			let e = l.dragOffsetX.value || 0, t = l.dragOffsetY.value || 0;
+			return l.center ? { transform: `translate(calc(-50% + ${e}px), calc(-50% + ${t}px))` } : { transform: `translate(-50%, ${t}px)` };
 		});
 		return (e, t) => (w(), o(i, {
 			appear: "",
@@ -4364,8 +4362,6 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 	__name: "st-dialog",
 	props: /*@__PURE__*/ g({
 		title: { default: "" },
-		width: { default: "500px" },
-		height: { default: "auto" },
 		closable: {
 			type: Boolean,
 			default: !0
@@ -4557,8 +4553,6 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 			dragOffsetX: a(() => L.value.offsetX),
 			dragOffsetY: a(() => L.value.offsetY),
 			center: D.center,
-			width: D.width,
-			height: D.height,
 			showOverlay: D.showOverlay,
 			closable: D.closable,
 			fullscreen: D.fullscreen,
@@ -4863,12 +4857,12 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 		let r = h(hr), l = X({
 			base: "flex flex-col bg-background shadow-lg overflow-hidden",
 			variants: { placement: {
-				left: "fixed top-0 left-0 h-full",
-				right: "fixed top-0 right-0 h-full",
-				top: "fixed top-0 left-0 w-full",
-				bottom: "fixed bottom-0 left-0 w-full"
+				left: "fixed top-0 left-0 h-full rounded-r-md w-80",
+				right: "fixed top-0 right-0 h-full rounded-l-md w-80",
+				top: "fixed top-0 left-0 w-full rounded-b-md h-60",
+				bottom: "fixed bottom-0 left-0 w-full rounded-t-md h-60"
 			} }
-		}), u = a(() => e(l({ placement: r.placement }), n.class)), d = a(() => f.value ? { width: p.value } : { height: p.value }), f = a(() => r.placement === "left" || r.placement === "right"), p = a(() => typeof r.size == "number" ? `${r.size}px` : r.size), m = a(() => "transition-transform duration-150 ease-out"), g = a(() => {
+		}), u = a(() => e(l({ placement: r.placement }), n.class)), d = a(() => "transition-transform duration-150 ease-out"), f = a(() => {
 			switch (r.placement) {
 				case "left": return "-translate-x-full";
 				case "right": return "translate-x-full";
@@ -4876,7 +4870,7 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 				case "bottom": return "translate-y-full";
 				default: return "translate-x-full";
 			}
-		}), _ = a(() => "transition-transform duration-100 ease-in"), v = a(() => {
+		}), p = a(() => "transition-transform duration-100 ease-in"), m = a(() => {
 			switch (r.placement) {
 				case "left": return "-translate-x-full";
 				case "right": return "translate-x-full";
@@ -4886,20 +4880,16 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 			}
 		});
 		return (e, t) => (w(), o(i, {
-			"enter-active-class": m.value,
-			"enter-from-class": g.value,
-			"leave-active-class": _.value,
-			"leave-to-class": v.value,
+			"enter-active-class": d.value,
+			"enter-from-class": f.value,
+			"leave-active-class": p.value,
+			"leave-to-class": m.value,
 			appear: ""
 		}, {
 			default: H(() => [N(r).visible.value ? (w(), c("div", {
 				key: 0,
 				class: y([u.value, "st-drawer-group-body"]),
-				style: b([
-					{ zIndex: N(r).contentZIndex.value },
-					d.value,
-					N(n).style
-				]),
+				style: b([{ zIndex: N(r).contentZIndex.value }, N(n).style]),
 				onClick: t[0] ||= G(() => {}, ["stop"])
 			}, [O(e.$slots, "default")], 6)) : s("", !0)]),
 			_: 3
@@ -4937,7 +4927,6 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 			default: !0
 		},
 		placement: { default: "right" },
-		size: { default: "300px" },
 		title: { default: "" },
 		closable: {
 			type: Boolean,
@@ -5053,7 +5042,6 @@ var tt = ["for"], nt = /* @__PURE__ */ m({
 			showOverlay: x.showOverlay,
 			closeByOverlay: x.closeByOverlay,
 			placement: x.placement,
-			size: x.size,
 			closable: x.closable,
 			handleClose: R,
 			handleOverlayClick: L
@@ -10707,7 +10695,7 @@ var Ga = J(/* @__PURE__ */ m({
 	StTooltipContainer: co,
 	StTooltipContent: uo,
 	StTooltipTrigger: lo
-}), mo = co, ho = uo, go = lo, _o = Y(Ye, { StTreeNode: qe }), vo = qe, yo = /* @__PURE__ */ "!grid-rows-[0fr] !translate-none -bottom-1 -left-1 -mb-px -ml-px -mr-px -mt-px -right-1 -top-1 -translate-x-1/2 -translate-x-full -translate-y-1/2 -translate-y-full absolute active:cursor-grabbing active:opacity-80 active:scale-110 after:absolute after:bg-primary after:bottom-0 after:content-empty after:h-0.5 after:left-0 after:right-0 after:top-0 after:w-0.5 animate-pulse animate-spin aspect-square backdrop-blur-16 before:absolute before:bg-primary before:bottom-1 before:content-empty before:left-0 before:rounded before:top-1 before:w-0.75 bg-accent bg-background bg-black/50 bg-black/80 bg-border bg-error bg-error/10 bg-green-500 bg-info bg-info/10 bg-input bg-input/30 bg-muted bg-popover bg-primary bg-primary/10 bg-red-500 bg-secondary bg-secondary-foreground/30 bg-secondary/50 bg-sidebar bg-sidebar-primary/10 bg-success bg-success/10 bg-transparent bg-warning bg-warning/10 bg-white bg-white/10 block block-end block-start border-2 border-accent-foreground/30 border-b border-b-0 border-b-transparent border-border border-dashed border-dotted border-error border-info border-input border-l border-l-0 border-l-transparent border-none border-primary border-r border-r-0 border-r-transparent border-solid border-success border-t border-t-0 border-t-transparent border-warning bottom-0 bottom-2 bottom-4 bottom-center bottom-full bottom-left bottom-right box-border cursor-ew-resize cursor-grab cursor-grabbing cursor-not-allowed cursor-ns-resize cursor-pointer data-[active=true]:h-10.25 data-[active=true]:w-10.25 disabled:cursor-not-allowed disabled:opacity-50 duration-100 duration-150 duration-160 duration-200 duration-250 duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] ease-in ease-in-out ease-out ew-resize fill-none fixed flex flex-1 flex-col flex-col-reverse flex-row flex-row-reverse flex-shrink-0 flex-wrap focus-within:border-ring focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-offset-background focus-within:ring-ring font-600 font-medium font-semibold gap-0 gap-1 gap-1.5 gap-2 gap-3 gap-default gap-lg gap-sm gap-xs grid grid-rows-[1fr] group-has-[>[data-align=block-end]]/st-input-group:py-default group-has-[>[data-align=block-start]]/st-input-group:py-default group-has-[>[data-align=inline-end]]/st-input-group:pr-default group-has-[>[data-align=inline-start]]/st-input-group:pl-default group-hover/slider:opacity-100 group/st-input-group h-0.75 h-1.5 h-10 h-2 h-2.25 h-4 h-4.5 h-5 h-50 h-6 h-6.25 h-8 h-9 h-auto h-default h-full h-px h-screen h-xs h-xxs hidden hover:bg-accent hover:bg-error/10 hover:bg-error/20 hover:bg-error/90 hover:bg-info/10 hover:bg-info/20 hover:bg-info/90 hover:bg-muted hover:bg-primary/10 hover:bg-primary/20 hover:bg-primary/90 hover:bg-secondary/50 hover:bg-secondary/70 hover:bg-secondary/80 hover:bg-sidebar-accent hover:bg-sidebar-primary/20 hover:bg-success/10 hover:bg-success/20 hover:bg-success/90 hover:bg-warning/10 hover:bg-warning/20 hover:bg-warning/90 hover:bg-white/20 hover:border-muted-foreground/20 hover:border-ring hover:scale-100 hover:scale-110 hover:shadow-md hover:shadow-sm hover:text-foreground hover:text-muted-foreground hover:text-sidebar-accent-foreground i-lucide-calendar i-lucide-calendar-clock i-lucide-check i-lucide-chevron-down i-lucide-chevron-left i-lucide-chevron-right i-lucide-chevrons-left i-lucide-chevrons-right i-lucide-clock i-lucide-eye i-lucide-eye-off i-lucide-image i-lucide-image-off i-lucide-inbox i-lucide-loader-2 i-lucide-maximize i-lucide-minimize i-lucide-minus i-lucide-plus i-lucide-x inline-end inline-flex inline-start inset-0 items-center items-start justify-between justify-center justify-end leading-5 leading-none left-0 left-1/2 left-2 left-4 left-bottom left-center left-top max-h-60 max-h-[90%] max-w-80 max-w-[90%] max-w-full mb-2 min-h-0 min-w-0 min-w-10 min-w-35 ml-2 ml-3 ml-auto mr-2 mr-lg mt-1 mt-2 mt-3 mt-xl mx-2 my-1 ns-resize object-contain object-cover object-fill object-none object-scale-down opacity-0 opacity-100 opacity-40 opacity-50 order-first order-last outline-none overflow-auto overflow-hidden overflow-x-auto overflow-x-hidden overflow-y-auto overflow-y-hidden p-0.5 p-1 p-3 p-4 p-default pb-0.5 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 pl-lg pl-sm placeholder:text-muted-foreground pointer-events-none pr-0 pr-1.5 pr-lg pr-sm prefix-icon pressed-change pt-1.5 px-1 px-1.5 px-2 px-3 px-4 px-lg px-sm px-xl py-1 py-1.25 py-1.5 py-2 py-8 py-default py-sm py-xs relative resize resize-none right-0 right-2 right-4 right-bottom right-center right-top rotate-180 rotate-45 rotate-90 rounded-b-md rounded-full rounded-l-md rounded-lg rounded-md rounded-none rounded-r-md rounded-sm rounded-t-md scale-0 scale-100 scale-90 scale-94 scale-96 scale-down scroll-mt-0 scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent select-none self-stretch shadow-lg shadow-sm space-y-2 stroke-secondary suffix-icon text-2.5 text-2xl text-3 text-3.25 text-4 text-8 text-accent-foreground text-center text-danger text-error text-error-foreground text-foreground text-green-500 text-info text-info-foreground text-muted-foreground text-primary text-primary-foreground text-red-500 text-right text-secondary-foreground text-sidebar-foreground text-sidebar-primary text-sm text-success text-success-foreground text-warning text-warning-foreground text-white text-xl text-xs top-0 top-1/2 top-2 top-20 top-4 top-center top-left top-right tracking-wide transition-[grid-template-rows] transition-[opacity,height,width,transform] transition-[transform,opacity] transition-all transition-colors transition-opacity transition-shadow transition-transform translate-x-0 translate-x-[calc(-50%+0.5px)] translate-x-full translate-y-[calc(-50%+0.5px)] translate-y-full truncate uppercase visible w-0.75 w-1.5 w-10 w-2 w-2.25 w-4 w-4.5 w-45 w-5 w-5% w-50 w-6.25 w-8 w-default w-full w-px w-screen w-xl whitespace-nowrap z-1 z-10 z-1000 z-50 z-999".split(" "), bo = {
+}), mo = co, ho = uo, go = lo, _o = Y(Ye, { StTreeNode: qe }), vo = qe, yo = /* @__PURE__ */ "!grid-rows-[0fr] !translate-none -bottom-1 -left-1 -mb-px -ml-px -mr-px -mt-px -right-1 -top-1 -translate-x-1/2 -translate-x-full -translate-y-1/2 -translate-y-full absolute active:cursor-grabbing active:opacity-80 active:scale-110 after:absolute after:bg-primary after:bottom-0 after:content-empty after:h-0.5 after:left-0 after:right-0 after:top-0 after:w-0.5 animate-pulse animate-spin aspect-square backdrop-blur-16 before:absolute before:bg-primary before:bottom-1 before:content-empty before:left-0 before:rounded before:top-1 before:w-0.75 bg-accent bg-background bg-black/50 bg-black/80 bg-border bg-error bg-error/10 bg-green-500 bg-info bg-info/10 bg-input bg-input/30 bg-muted bg-popover bg-primary bg-primary/10 bg-red-500 bg-secondary bg-secondary-foreground/30 bg-secondary/50 bg-sidebar bg-sidebar-primary/10 bg-success bg-success/10 bg-transparent bg-warning bg-warning/10 bg-white bg-white/10 block block-end block-start border-2 border-accent-foreground/30 border-b border-b-0 border-b-transparent border-border border-dashed border-dotted border-error border-info border-input border-l border-l-0 border-l-transparent border-none border-primary border-r border-r-0 border-r-transparent border-solid border-success border-t border-t-0 border-t-transparent border-warning bottom-0 bottom-2 bottom-4 bottom-center bottom-full bottom-left bottom-right box-border cursor-ew-resize cursor-grab cursor-grabbing cursor-not-allowed cursor-ns-resize cursor-pointer data-[active=true]:h-10.25 data-[active=true]:w-10.25 disabled:cursor-not-allowed disabled:opacity-50 duration-100 duration-150 duration-160 duration-200 duration-250 duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] ease-in ease-in-out ease-out ew-resize fill-none fixed flex flex-1 flex-col flex-col-reverse flex-row flex-row-reverse flex-shrink-0 flex-wrap focus-within:border-ring focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-offset-background focus-within:ring-ring font-600 font-medium font-semibold gap-0 gap-1 gap-1.5 gap-2 gap-3 gap-default gap-lg gap-sm gap-xs grid grid-rows-[1fr] group-has-[>[data-align=block-end]]/st-input-group:py-default group-has-[>[data-align=block-start]]/st-input-group:py-default group-has-[>[data-align=inline-end]]/st-input-group:pr-default group-has-[>[data-align=inline-start]]/st-input-group:pl-default group-hover/slider:opacity-100 group/st-input-group h-0.75 h-1.5 h-10 h-2 h-2.25 h-4 h-4.5 h-5 h-50 h-6 h-6.25 h-60 h-8 h-9 h-auto h-default h-full h-px h-screen h-xs h-xxs hidden hover:bg-accent hover:bg-error/10 hover:bg-error/20 hover:bg-error/90 hover:bg-info/10 hover:bg-info/20 hover:bg-info/90 hover:bg-muted hover:bg-primary/10 hover:bg-primary/20 hover:bg-primary/90 hover:bg-secondary/50 hover:bg-secondary/70 hover:bg-secondary/80 hover:bg-sidebar-accent hover:bg-sidebar-primary/20 hover:bg-success/10 hover:bg-success/20 hover:bg-success/90 hover:bg-warning/10 hover:bg-warning/20 hover:bg-warning/90 hover:bg-white/20 hover:border-muted-foreground/20 hover:border-ring hover:scale-100 hover:scale-110 hover:shadow-md hover:shadow-sm hover:text-foreground hover:text-muted-foreground hover:text-sidebar-accent-foreground i-lucide-calendar i-lucide-calendar-clock i-lucide-check i-lucide-chevron-down i-lucide-chevron-left i-lucide-chevron-right i-lucide-chevrons-left i-lucide-chevrons-right i-lucide-clock i-lucide-eye i-lucide-eye-off i-lucide-image i-lucide-image-off i-lucide-inbox i-lucide-loader-2 i-lucide-maximize i-lucide-minimize i-lucide-minus i-lucide-plus i-lucide-x inline-end inline-flex inline-start inset-0 items-center items-start justify-between justify-center justify-end leading-5 leading-none left-0 left-1/2 left-2 left-4 left-bottom left-center left-top max-h-60 max-h-[90%] max-w-80 max-w-[90%] max-w-full mb-2 min-h-0 min-w-0 min-w-10 min-w-35 ml-2 ml-3 ml-auto mr-2 mr-lg mt-1 mt-2 mt-3 mt-xl mx-2 my-1 ns-resize object-contain object-cover object-fill object-none object-scale-down opacity-0 opacity-100 opacity-40 opacity-50 order-first order-last outline-none overflow-auto overflow-hidden overflow-x-auto overflow-x-hidden overflow-y-auto overflow-y-hidden p-0.5 p-1 p-3 p-4 p-default pb-0.5 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 pl-lg pl-sm placeholder:text-muted-foreground pointer-events-none pr-0 pr-1.5 pr-lg pr-sm prefix-icon pressed-change pt-1.5 px-1 px-1.5 px-2 px-3 px-4 px-lg px-sm px-xl py-1 py-1.25 py-1.5 py-2 py-8 py-default py-sm py-xs relative resize resize-none right-0 right-2 right-4 right-bottom right-center right-top rotate-180 rotate-45 rotate-90 rounded-b-md rounded-full rounded-l-md rounded-lg rounded-md rounded-none rounded-r-md rounded-sm rounded-t-md scale-0 scale-100 scale-90 scale-94 scale-96 scale-down scroll-mt-0 scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent select-none self-stretch shadow-lg shadow-sm space-y-2 stroke-secondary suffix-icon text-2.5 text-2xl text-3 text-3.25 text-4 text-8 text-accent-foreground text-center text-danger text-error text-error-foreground text-foreground text-green-500 text-info text-info-foreground text-muted-foreground text-primary text-primary-foreground text-red-500 text-right text-secondary-foreground text-sidebar-foreground text-sidebar-primary text-sm text-success text-success-foreground text-warning text-warning-foreground text-white text-xl text-xs top-0 top-1/2 top-2 top-20 top-4 top-center top-left top-right tracking-wide transition-[grid-template-rows] transition-[opacity,height,width,transform] transition-[transform,opacity] transition-all transition-colors transition-opacity transition-shadow transition-transform translate-x-0 translate-x-[calc(-50%+0.5px)] translate-x-full translate-y-[calc(-50%+0.5px)] translate-y-full truncate uppercase visible w-0.75 w-1.5 w-10 w-120 w-2 w-2.25 w-4 w-4.5 w-45 w-5 w-5% w-50 w-6.25 w-8 w-80 w-default w-full w-px w-screen w-xl whitespace-nowrap z-1 z-10 z-1000 z-50 z-999".split(" "), bo = {
 	colors: {
 		background: "var(--background)",
 		foreground: "var(--foreground)",

package/package.json

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