@sdata/web-vue 1.11.0 → 1.12.0

package/es/layout/sider.vue_vue_type_script_lang.js

@@ -23,30 +23,70 @@ var sider_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 		ResizeBox
 	},
 	props: {
+		/**
+		* @zh 主题颜色
+		* @en Theme
+		*/
 		theme: {
 			type: String,
 			default: "light"
 		},
+		/**
+		* @zh 当前收起状态
+		* @en Current collapsed state
+		*/
 		collapsed: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 默认的收起状态
+		* @en The default collapsed state
+		*/
 		defaultCollapsed: { type: Boolean },
+		/**
+		* @zh 是否可收起
+		* @en Whether is collapsible
+		*/
 		collapsible: { type: Boolean },
+		/**
+		* @zh 宽度
+		* @en Width
+		*/
 		width: {
 			type: Number,
 			default: 200
 		},
+		/**
+		* @zh 收缩宽度
+		* @en Collapsed width
+		*/
 		collapsedWidth: {
 			type: Number,
 			default: 48
 		},
+		/**
+		* @zh 翻转折叠提示箭头的方向，当 Sider 在右边时可以使用
+		* @en Flip and fold the direction of the hint arrow, which can be used when Sider is on the right
+		*/
 		reverseArrow: { type: Boolean },
+		/**
+		* @zh 触发响应式布局的断点, 详见[响应式栅格](/vue/component/grid)
+		* @en Trigger breakpoints for responsive layout, see [Responsive Grid](/vue/component/grid) for details
+		*/
 		breakpoint: { type: String },
+		/**
+		* @zh 可以用 ResizeBox 替换原生的 `aside` 标签，这个参数即 ResizeBox的 `directions` 参数。详情请看 [ResizeBox](/vue/component/resize-box)。
+		* @en Can replace the native `aside` tag with ResizeBox. This is the `directions` parameter of ResizeBox. For details, please see [ResizeBox](/vue/component/resize-box)
+		*/
 		resizeDirections: {
 			type: Array,
 			default: void 0
 		},
+		/**
+		* @zh 隐藏底部折叠触发器
+		* @en Whether to hide the bottom fold trigger
+		*/
 		hideTrigger: { type: Boolean }
 	},
 	emits: [
@@ -54,6 +94,12 @@ var sider_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 		"update:collapsed",
 		"breakpoint"
 	],
+	/**
+	* @zh 自定义底部折叠触发器
+	* @en Custom bottom folding trigger
+	* @slot trigger
+	* @binding {boolean} collapsed
+	*/
 	setup(props, { emit }) {
 		const { theme, collapsed, defaultCollapsed, collapsible, hideTrigger, breakpoint, collapsedWidth, resizeDirections } = toRefs(props);
 		const [localCollapsed, setLocalCollapsed] = useMergeState(defaultCollapsed.value, reactive({ value: collapsed }));