# CTG-CustomComponent

**Repository Path**: venoy/ctg-custom-component

## Basic Information

- **Project Name**: CTG-CustomComponent
- **Description**: 成铁通自定义组件
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-12-25
- **Last Updated**: 2026-01-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 低代码平台自定义组件
## 更新日志
1.解决既有模板工程运行后，修改组件配置数据报如下错误问题，将"jsoneditor"依赖版本由"^9.7.3"调整为 "^8.6.1"。

ERROR
Cannot read properties of undefined (reading 'catch')
TypeError: Cannot read properties of undefined (reading 'catch')
at __webpack_modules__.38.treemode._validateAndCatch (webpack://lcp-custom-material/./node_modules/jsoneditor/dist/jsoneditor-minimalist.js?:15237:18)
at later (webpack://lcp-custom-material/./node_modules/jsoneditor/dist/jsoneditor-minimalist.js?:17240:28)
## 自定义组件介绍
1.responsive-data-display
响应式数据展示组件，支持在不同屏幕尺寸下展示不同的数据格式。pc端展示表格，移动端展示卡片列表。
rdd-Tool/data-parser-tool.html为数据解析工具，用于解析响应式数据展示组件的配置数据。
## 低代码开发tips
1.移动端垂直滚动条隐藏。
```javascript
// 强制隐藏页面滚动条的完整解决方案
function forceHideScrollbar() {

  // 1. 设置body和html的overflow属性
  document.body.style.overflow = 'hidden';
  document.documentElement.style.overflow = 'hidden';
  
  // 2. 设置最大高度限制
  document.body.style.maxHeight = '100vh';
  document.documentElement.style.maxHeight = '100vh';
  
  // 3. 设置body为固定定位（可选，视情况使用）
  document.body.style.position = 'fixed';
  document.body.style.width = '100%';
  document.body.style.height = '100%';
  
  // 4. 动态创建并注入CSS样式表（无需手动添加CSS文件）
  const styleSheet = document.createElement('style');
  styleSheet.textContent = `
    /* Chrome, Safari, Edge */
    ::-webkit-scrollbar {
      width: 0 !important;
      height: 0 !important;
      display: none !important;
    }    
    /* Firefox */
    * {
      scrollbar-width: none !important;
    }    
    /* IE */
    body, html {
      -ms-overflow-style: none !important;
    }
  `;  
  document.head.appendChild(styleSheet);
  }
  // 调用函数隐藏滚动条
  forceHideScrollbar();
  '''