component_ryl_v3 1.1.6 → 1.1.8

package/README.md

@@ -4,7 +4,34 @@ This template should help get you started developing with Vue 3 in Vite. The tem
 
 Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
 
-# 项目功能介绍
+# 组件介绍
+
+# 头部组件
+    # 使用方法
+    <hand-header
+        :userInfo="userInfo"
+        collapse
+        :defaultActive="menuActive"
+        :menuList="menuList"
+        ref="menuRef"
+    >
+
+    * 组件属性定义
+    {Object} userInfo - 用户信息
+    {Object} menuList - 导航列表（包含name系统名称和list菜单列表）
+    {Object} menuColor - 菜单栏颜色配置（color/activeColor/backgroundColor）
+    {string} defaultActive - 默认选中的菜单路径
+    {boolean} collapse - 是否启用折叠功能
+    {number} width - 侧边栏宽度
+    {number} contentWidth - 内容模块宽度
+    {boolean} showDefaltOpen - 是否默认展开所有菜单项
+    * 暴露方法（通过 ref 调用）
+    {Function} getMenu() - 处理传入的导航菜单
+    {Function} setMenuActive(path) - 设置菜单选中状态，参数 path 为菜单路径
+    {Function} isAddNormal() - 判断是否在 content inner_content 类名上添加 normal 类名
+    {Function} loadImg(content) - 等待图片加载完成后获取主容器高度，参数 content 为 HTML 内容
+    {Function} getMainHeight(flag) - 获取内容模块的滚动条状态，参数 flag 为是否跳过滚动条置顶
+
 
 # 询问窗口组件
     # 使用方法
@@ -95,8 +122,8 @@ Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://
     const openPreview = (imageSrc) => {
         handSeeImgRef.value.openPreview(imageSrc)
     }
-    * 组件属性定义
-    {string} imageSrc - 图片路径
+    * 暴露方法（通过 ref 调用）
+    {Function} openPreview(imageSrc) -  打开图片预览
 
 # Tab组件
     # 使用方法
@@ -107,6 +134,8 @@ Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://
     }
     * 组件属性定义
     {array} list - Tab列表，每个元素为{ label: '标签', value: '值' }
+    * 暴露方法（通过 ref 调用）
+    {Function} setIndex(index) - 设置当前选中的标签索引，参数 index 为要选中的标签索引
 
 
 

package/dist/component_ryl_v3.js

@@ -382,6 +382,10 @@ const _sfc_main$4 = {
       type: Number,
       default: 180
     },
+    contentWidth: {
+      type: Number,
+      default: 1200
+    },
     userInfo: {
       type: Object,
       default: () => ({})
@@ -402,7 +406,7 @@ const _sfc_main$4 = {
     const isIE = ref(false);
     const hideMenu = ref(false);
     const showFooter = ref(false);
-    const minWidth = ref(0);
+    const minWidth = ref(props.contentWidth);
     const localDefaultActive = ref(props.defaultActive);
     const mainRef = ref(null);
     const completeWidth = computed(() => {
@@ -540,7 +544,7 @@ const _sfc_main$4 = {
     };
     onMounted(() => {
       const windowWidth = window.screen.availWidth;
-      minWidth.value = windowWidth > 1800 ? 1800 - props.width : windowWidth - props.width;
+      minWidth.value = windowWidth > minWidth.value ? minWidth.value - props.width : windowWidth - props.width;
       browser();
       nextTick(() => {
         getMenu();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "component_ryl_v3",
   "private": false,
-  "version": "1.1.6",
+  "version": "1.1.8",
   "type": "module",
   "description": "Vue3 login form component with Element Plus",
   "main": "./dist/component_ryl_v3.js",

package/src/packages/handHeader/handHeader.vue

@@ -94,6 +94,7 @@ import sidebarItem from './sidebarItem.vue'
  * @property {string} defaultActive - 默认选中的菜单路径
  * @property {boolean} collapse - 是否启用折叠功能
  * @property {number} width - 侧边栏宽度
+ * @property {number} contentWidth - 内容模块宽度
  * @property {Object} userInfo - 用户信息
  * @property {boolean} showDefaltOpen - 是否默认展开所有菜单项
  */
@@ -122,6 +123,10 @@ const props = defineProps({
     type: Number,
     default: 180
   },
+  contentWidth: {
+    type: Number,
+    default: 1200
+  },
   userInfo: {
     type: Object,
     default: () => ({})
@@ -147,7 +152,7 @@ const defaultOpen = ref([])           // 默认打开的菜单
 const isIE = ref(false)               // 是否是ie浏览器
 const hideMenu = ref(false)           // 是否隐藏菜单
 const showFooter = ref(false)         // 效果展示优化
-const minWidth = ref(0)               // 内容模块的默认最小宽度
+const minWidth = ref(props.contentWidth)               // 内容模块的默认最小宽度
 const localDefaultActive = ref(props.defaultActive)  // 本地默认选中菜单
 const mainRef = ref(null)             // main容器引用
 
@@ -366,7 +371,7 @@ const closeIETips = () => {
  */
 onMounted(() => {
   const windowWidth = window.screen.availWidth
-  minWidth.value = windowWidth > 1800 ? (1800 - props.width) : (windowWidth - props.width)
+  minWidth.value = windowWidth > minWidth.value ? (minWidth.value - props.width) : (windowWidth - props.width)
   
   browser()