@cestc/scene-component

@cestc/scene-component

@cestc/scene-component是一个基于ccxd-ux进行二次封装的组件库，主要为自己业务封装的一些组件和常用的方法。目前包含表格组件Table，搜索框组件SearchBox，提示组件ToolTipColumn和操作列组件OperationColumn。此外还包括表格和搜索框联动方法useTable。目前支持vue2.

安装

npm i @cestc/scene-component

在vue2中需要安装@vue/composition-api，ccxd-ux

npm i @vue/composition-api
npm i ccxd-ux

全局注册

// 引入样式文件
import '@cestc/scene-component/lib/scene-component.css'

import * as SceneComponent from '@cestc/scene-component'

Vue.use(SceneComponent)

按需引用

import { 
  SearchBox, 
  ToolTipColumn 
  OperationColumn, 
  Table as TableComp, 
} from '@cestc/scene-component'

export default {
 ...
 components: {
    SearchBox,
    TableComp,
    OperationColumn,
    ToolTipColumn
  }
  ...
}

支持组件

• SearchBox —— 搜索组件

• Table —— 表格组件

• ToolTipColumn —— 提示信息组件

• OperationColumn —— 操作列组件

• UseTable —— Table hook

工具函数

• convertKey —— 转换数组对象的键名

• getRewriteSearchConfig —— SearchBox异步接口配置拼接函数

• filterSearchBoxPopoverConfig —— 过滤SearchConfig所有下拉配置项