@sdata/web-vue 1.13.0 → 1.18.0

package/es/layout/interface.d.ts

@@ -1,13 +1,53 @@
 export interface LayoutProps {
     hasSider?: boolean;
 }
+export type LayoutHeaderDensity = 'default' | 'prominent' | 'comfortable' | 'compact';
+export type LayoutHeaderScrollBehavior = 'hide' | 'fully-hide' | 'inverted' | 'collapse' | 'elevate' | 'fade-image';
+export interface LayoutHeaderProps {
+    title?: string;
+    image?: string;
+    modelValue?: boolean;
+    defaultVisible?: boolean;
+    height?: number | string;
+    density?: LayoutHeaderDensity;
+    extended?: boolean;
+    extensionHeight?: number | string;
+    collapse?: boolean;
+    flat?: boolean;
+    floating?: boolean;
+    fixed?: boolean;
+    sticky?: boolean;
+    absolute?: boolean;
+    location?: 'top' | 'bottom';
+    scrollBehavior?: string;
+    scrollTarget?: string;
+    scrollThreshold?: number | string;
+}
 export interface SiderProps {
     theme?: 'dark' | 'light';
+    modelValue?: boolean;
+    defaultVisible?: boolean;
     collapsed?: boolean;
     defaultCollapsed?: boolean;
     collapsible?: boolean;
+    rail?: boolean;
+    defaultRail?: boolean;
+    railWidth?: number | string;
+    expandOnHover?: boolean;
+    disableResizeWatcher?: boolean;
+    disableRouteWatcher?: boolean;
     width?: number | string;
+    height?: number | string;
     collapsedWidth?: number;
+    temporary?: boolean;
+    permanent?: boolean;
+    persistent?: boolean;
+    mask?: boolean;
+    maskClosable?: boolean;
+    escToClose?: boolean;
+    location?: 'start' | 'end' | 'left' | 'right' | 'top' | 'bottom';
+    floating?: boolean;
+    sticky?: boolean;
     reverseArrow?: boolean;
     breakpoint?: 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
     resizeDirections?: string[];

package/es/layout/sider.js

@@ -9,16 +9,45 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_IconRight = resolveComponent("IconRight");
 	return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentTag), mergeProps({
 		class: _ctx.classNames,
-		style: { width: _ctx.siderWidth }
-	}, _ctx.resizeDirections ? { directions: _ctx.resizeDirections } : {}), {
-		default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-children`) }, [renderSlot(_ctx.$slots, "default")], 2), _ctx.showTrigger ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: normalizeClass(_ctx.triggerClassNames),
-			style: normalizeStyle({ width: _ctx.siderWidth }),
-			onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleTrigger && _ctx.toggleTrigger(...args))
-		}, [renderSlot(_ctx.$slots, "trigger", { collapsed: _ctx.localCollapsed }, () => [!_ctx.reverseArrow ? (openBlock(), createElementBlock("div", _hoisted_1, [!_ctx.localCollapsed ? (openBlock(), createBlock(_component_IconLeft, { key: 0 })) : (openBlock(), createBlock(_component_IconRight, { key: 1 }))])) : (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.localCollapsed ? (openBlock(), createBlock(_component_IconLeft, { key: 0 })) : (openBlock(), createBlock(_component_IconRight, { key: 1 }))]))])], 6)) : createCommentVNode("", true)]),
+		style: _ctx.siderStyles
+	}, _ctx.resizeDirectionsProps, {
+		onMouseenter: _ctx.handleMouseEnter,
+		onMouseleave: _ctx.handleMouseLeave
+	}), {
+		default: withCtx(() => [
+			_ctx.showMask ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(`${_ctx.prefixCls}-mask`),
+				style: normalizeStyle(_ctx.maskStyles),
+				onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args))
+			}, null, 6)) : createCommentVNode("", true),
+			_ctx.$slots.image ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(`${_ctx.prefixCls}-image`)
+			}, [renderSlot(_ctx.$slots, "image")], 2)) : createCommentVNode("", true),
+			_ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass(`${_ctx.prefixCls}-prepend`)
+			}, [renderSlot(_ctx.$slots, "prepend")], 2)) : createCommentVNode("", true),
+			createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-children`) }, [renderSlot(_ctx.$slots, "default")], 2),
+			_ctx.$slots.append ? (openBlock(), createElementBlock("div", {
+				key: 3,
+				class: normalizeClass(`${_ctx.prefixCls}-append`)
+			}, [renderSlot(_ctx.$slots, "append")], 2)) : createCommentVNode("", true),
+			_ctx.showTrigger ? (openBlock(), createElementBlock("div", {
+				key: 4,
+				class: normalizeClass(_ctx.triggerClassNames),
+				style: normalizeStyle(_ctx.triggerStyles),
+				onClick: _cache[1] || (_cache[1] = (...args) => _ctx.toggleTrigger && _ctx.toggleTrigger(...args))
+			}, [renderSlot(_ctx.$slots, "trigger", { collapsed: _ctx.localCollapsed }, () => [!_ctx.reverseArrow ? (openBlock(), createElementBlock("div", _hoisted_1, [!_ctx.localCollapsed ? (openBlock(), createBlock(_component_IconLeft, { key: 0 })) : (openBlock(), createBlock(_component_IconRight, { key: 1 }))])) : (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.localCollapsed ? (openBlock(), createBlock(_component_IconLeft, { key: 0 })) : (openBlock(), createBlock(_component_IconRight, { key: 1 }))]))])], 6)) : createCommentVNode("", true)
+		]),
 		_: 3
-	}, 16, ["class", "style"]);
+	}, 16, [
+		"class",
+		"style",
+		"onMouseenter",
+		"onMouseleave"
+	]);
 }
 var sider_default = /* @__PURE__ */ _plugin_vue_export_helper_default(sider_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion