@thtf/spreadsheet-designer-summary
v0.0.1
Published
一个基于@thtf/spreadsheet-desginer-core的轻量级汇总设计器Vue组件.
Downloads
3
Readme
汇总设计器
依赖
Vue 2.6.14+
Element-UI 2.15.8+
安装
npm install @thtf/spreadsheet-designer-summary
快速上手
<!-- 使用组件 -->
<template>
<div id="app">
<thtf-summary />
</div>
</template>
<script>
import ThtfSummary from '@thtf/spreadsheet-designer-summary';
export default {
name: 'app',
components: {
ThtfSummary,
},
data() {
return {};
},
};
</script>
属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 | | --- | --- | --- | --- | --- | | height | 容器高度 | String, Number | | 800px | | user | 用户信息 | Object | | | | spreadsheetBusinessInfo | 报表业务属性数据 | Object | | | | type | 设计器类型 | String | edit, look, reference, reDesign | | | spreadsheetOption | 设计器配置参数 | Object | | | | spreadsheetRemoteData | 报表 Sheet 数据 | Object | | | | metaIndicatorList | 指标数据 | Array | | | | metaIndicatorCurrentPage | 指标分页参数:第几页 | Number | | 1 | | metaIndicatorPageSize | 指标分页参数:每页多少条 | Number | | 10 | | metaIndicatorKeyword | 指标查询参数 | String | | | | metaIndicatorTotal | 指标总数 | Number | | | | metaCatalogueKeyword | 分组查询参数 | String | | | | metaCatalogueCurrentNode | 分组数据当前节点 | Object | | | | metaGroupKeyword | 目录查询参数 | String | | | | metaGroupCurrentNode | 目录数据当前节点 | Object | | | | metaUnitKeyword | 计量单位查询参数 | String | | | | metaUnitTree | 计量单位数据 | Array | | | | metaTimeKeyword | 时间框架查询参数 | String | | | | metaTimeList | 时间框架数据 | Array | | | | popperRadioShow | 拖拽操作单选框显隐 | Boolean | | | | popperRadioOptions | 拖拽操作单选框目录 | Array | | | | popperCheckboxShow | 拖拽操作多选框显隐 | Boolean | | | | popperCheckboxOptions | 拖拽操作多选框目录 | Array | | | | popperRadioCheckboxLoading | 异步加载单、多选框目录项时加载状态 | Boolean | | | | popperSelectShow | 拖拽操作下拉框显隐 | Boolean | | | | popperSelectOptions | 拖拽操作下拉框目录 | Array | | | | catalogueLoading | 目录加载状态 | Boolean | | | | catalogueList | 目录 | Array | | | | selectSyncLoading | 下拉框配置加载状态(同步) | Boolean | | | | selectSyncData | 下拉框配置数据(同步) | Array | | | | selectSyncTotal | 下拉框配置数据总数(同步) | Number | | | | selectSyncCandidateData | 下拉框配置候选数据(同步) | Array | | | | selectAsyncLoading | 下拉框配置加载状态(异步) | Boolean | | | | selectAsyncData | 下拉框配置数据(异步) | Array | | | | selectAsyncTotal | 下拉框配置数据总数(异步) | Number | | | | popperDialogShow | 显示 dialog 弹框 | Boolean | | | | popperDialogOptions | dialog 弹框目录数据 | Number | | | | dialogAsyncLoading | 弹窗配置加载状态(异步) | Boolean | | | | dialogAsyncData | 弹窗配置数据(异步) | Array | | | | dialogAsyncTotal | 弹窗配置数据总数(异步) | Number | | | | backgroundImage | 样式使用的背景图片 | String | | |
事件
| 事件名称 | 说明 | 回调参数 | | ----------------------- | ------------------------------------ | -------- | | metaIndicatorPagination | 左侧指标数据分页查询事件 | | | metaCatalogueLoad | 左侧目录异步加载事件 | | | metaGroupLoad | 左侧分组异步加载事件 | | | metaTimeLoad | 左侧时间框架异步加载事件 | | | popperRadio | 拖拽操作单选框弹框获取目录数据 | | | popperCheckbox | 拖拽操作多选框弹框获取目录数据 | | | popperRadioCheckboxLoad | 拖拽操作单、多选框弹框获取目录项数据 | | | getCatalogueList | 拖拽目录时,获取目录数据 | | | popperSelect | 拖拽操作下拉框弹框获取目录数据 | | | popperDialog | 拖拽操作弹窗框弹框获取目录数据 | | | configSelectSync | 右侧下拉框配置获取同步数据 | | | configSelectCandidate | 右侧下拉框配置获取同步候选数据 | | | configSelectAsync | 右侧下拉框配置获取异步数据 | | | configDialogAsync | 右侧弹窗配置获取异步数据 | | | saveSheet | 保存 | | | saveAndOut | 保存并退出 | | | download | 下载 | |
方法
| 方法名 | 说明 | 参数 | | ------ | ---- | ---- |
发布流程
- 编译代码
npm run build
- 登录(登录过可忽略)
npm login
- 发布
npm publish