npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

cnbi-commons

v1.1.69

Published

getDomain,//域 appStart,//启动时加载App.vue文件中引用的公共部分 initI18n,//初始国际化 getYearList,//获取年份集合 getMonthList, getUnitList, convertToTreeData,//转树型数据 getYearAndMonthByPeriod,//通过期间获取对应的年和月 period=>{year:{},month:{}} getMonthNa

Downloads

22

Readme

##Function getDomain,//域 appStart,//启动时加载App.vue文件中引用的公共部分 initI18n,//初始国际化 getYearList,//获取年份集合 getMonthList, getUnitList, convertToTreeData,//转树型数据 getYearAndMonthByPeriod,//通过期间获取对应的年和月 period=>{year:{},month:{}} getMonthName,//获取月份名称 generatePeriod,//根据特定的参数获取期间列表 getCompareList,//获取比较类型集合 generatePeriodProperties,//生成期间数据变量 insertObjToChildren,//将对象加入所有子级中 handleBeforeSubmit, getRealFact, detectPlatformDevice,//获取设备信息 orderBy,//数组排序 isArray, applyDeep, applyDeepIf, getLocalStorage, getIgnoreProperties,//请求接口前获取忽略字段 getContentByformula,//解析水印公式 changeTheme, __waterDocument,//初始化水印 ZHLY ##Js RouterInterceptorService,//路由拦截处理服务 DesignSourceContrl,//数据集展示Show对象,数据加载处理流程总线 EditDesignSourceContrl,//数据集动作操作对象,主要动作集合有: 保存:saveDesignSource 修改:[updateColumns,updateFilters,updateConfig,updateRows,updateCompares updateGenerater,updateNeedDims updateCube,updateSubtype] 修改的子动作有:列上移,列下移,隐藏或显示列,列对齐,列加formatter,列加renderFormatter,列加fixed(何婷2019-7-29做的) 添加:addColumns(),addFilters(),addRows(),addWarning(加预警),addDrill(加钻取),addLinkAge加关联功能 addComparePeriodToColumns(添加比较期间到列) 删除:delColumns delFilters(外层逻辑,调用update方法即可),deleteDesignSource(删除资源) 获取统一的drill对象 ColFormatter,//格式化对象功能函数库 Subscription,//设计资源订阅器 SessionService,//提供用户会话一系列的服务。包括:登录(初始数据),登出(清除数据),并且提供了获取,认证码 Authorization,token * user,company,dept,roles,datasource,tenancy,active_first_level_nav 统一管理 Arr,//数组处理(包括树型)函数库 CnbiChart,//根据type获取配制图形的数据,只返回三种系列数据:1单值,2单系列,>=3多系列 * 参考地址:https://echarts.baidu.com/echarts2/doc/option.html#line-mark2~series-i(chord) BaseContrl,//基础控制器 MessageService,//显示与清除消息的专业处理类 ModuleService,//实体的接口服务 目前的实体有 {sql,sqlParam,datasource,cube,source,dash} 与后端统一约定的规则:/clientId/{DO}/curd{标准}/ CnbiCell,//单元组件(目前只用于仪表盘) CubeCalculator,//计算处理类 CubeTemplate,//数据对象动态生成函数模板类 DictService,//非用户会话,非缓存,非接口的数据字典功能: 数据字典有: 图形的主题,getChartThemeDict (设计器用到) 仪表盘的背景 getDashBackgroundDict (设计器用到) 数据源的函数列表getDsFunListById (设计器用到) CubeNeedDims,//数据needDims处理类,功能点有:获取维度默认值, 通过接口拿维度数据,遍历设置needDim的datas 通过维度编码获取维度描述对象getDimNameByDim(company) company=>{id:"company",text:"公司"} 调用实例: let needDims = new CubeNeedDims(datasource) ; //实例对象,启动了缓存的 cubeNeedDims.init();//初始化对象,这样后,你就可以愉快地获取此数据源的任意维度相关的数据了, CubeParams,//数据集参数对象 CubeDataHandler,//数据处理类 Export,//导出相关函数库 SocketService,//Socket接受推送的核心处理类: 提供了对用户的设备 device,clientId ,proxyContext统一管理 DesignSourceRequest,//对资源列表的查询操作 DataUtils,//报表管理数据处理类函数 CubeTableUtils,//报表管理工具类函数 Skins,//皮肤 CacheKeys,//静态缓存key对象

#Mixins DesignSourceInitializer,//设计资源初始化 PreviewMixin,//预览组件统一混入 CauseMixin,//原因组件统一混入 MobileMixin,//移动设备语音控制

##Components

####1. ShowSource: desc: 资源展示组件 props: { isInit: {//是否由子组件(ShowTable、ShowText、ShowChart)初始化 type: Boolean, default: true }, isEdit: {//是否是编辑状态 type: Boolean, default: false }, sourceId: {//资源id type: String }, type: {//资源类型:table text chart type: String }, height: {//资源高度 type: String }, drillVms: {//钻取vm对象集合 type: Array, default: null }, layout:String,//布局 installType:String,//组装类型:report or dash isShowMore: {//是否显示右上角“更多”图标 type: Boolean, default: true }, params:Object,//查询数据参数 renderText:String//渲染文字 }

####2. TreeSearch: desc:节点树封装组件 props: { checkedKeys:{//默认选中项的key集合 type:Array }, checkStrictly:{//等同elementUi check-strictly属性 type:Boolean, default:true }, hiddenInput:{//是否隐藏节点树上方的input搜索框 type: Boolean, default:function(){return false} }, dim:{//维度对象,即needDims下单个元素对象 type: Object, default:function(){return null} }, rightMenus:{//右键节点树,弹出的菜单配置,详见ContextMenu组件 type: Object, // default:function () { // return {options:[{id: '1', text: '保存'}]} // } }, showCheckbox:{//是否显示多选框 type: Boolean, default:function () { return false } }, params:{//查询数据参数 type: Object, default:function () { return null;//{dimName,subject} } }, rootNode:{//根节点数据 type: Object, default: function () { return {id:0}; } }, treeData: {//传入的树型数据 type: Array, default: function () { return companys; } }, props: {// 属性的配置 type: Object, default: function () { return { children: 'children', label: 'text' }; } }, nodeKey: {// 主键 type: String, default: 'id' }, unionId:{//节点label拼接方式:left:(id)+text right:text+(id) type: String, default: null//left,right } } ####3. PreviewSlot, desc:预览组件内部插槽,仅各模块预览及编辑组件使用,用于控制内部布局、样式、主题等 ####4. CommonMenu, desc:通用的Navmenu组件 props:{ nodes: {//节点数据,也可配置在config内部 type: Array, required: true, }, config: Object } config如:{ title: '工具栏', id: '', mode: 'horizontal', collapse:false, draggable: false,//是否可拖拽 prefixIcon: {//前置图标 leaf: {//叶子节点的前置图标 type: 'class'//图标类型 }, folder: {//非叶子节点的前置图标 type: 'class' } }, suffixIcon: {//后置图标 //参考上面prefixIcon }, childrenProps: {//决定是否是叶子节点的判断因素,如下三选一 // leaf:'leaf', children: 'children', // isFolder:'isFolder' }, nodes: [], antiShake:true//点击防抖 }

####5. CommonEditor desc:代码编辑组件 props: { mode: {//语法规则 eg:javascript、sql等 type: [String,Object], required: true }, height:{ //动态修改高度,因为不给高度,不会出现滚动条 type:String, default: '100%' }, theme: {//主题 eg:ambiance 黑 type: String, default: 'ambiance' }, dragDrop: {//是否允许拖放 type: Boolean, default: true }, content: {//内容 type: String, default: '' }, showRowIndex: {//显示行序号 type: Boolean, default: true }, gutters:Array//["CodeMirror-linenumbers", "CodeMirror-foldgutter", "CodeMirror-lint-markers"] }, ####6. CommonCreateViewSteps desc:内部各模块创建资源流程通用继承组件 ####7. SetDims desc:内部各模块创建资源流程子组件及通用设置维度组件 ####8. SetMenu desc:内部各模块创建资源流程子组件 ####9. SetConfig desc:内部各模块创建资源流程子组件 ####10. Show desc:内部Show组件通用继承组件,用于存放模块Show组件的公共方法,如:设置水印、组装区node数据处理拦截、钻取联动事件拦截等 ####11. AppRegister desc:注册组件,直接用 ####12. AppLogin desc:登录组件,直接用 ####13. CommonAudioPlayer desc:语音播报组件 props: { showAudioPlayer: Boolean,//控制显隐组件 audioSrc: String,//音频地址 audioText: String//需要播报的文字(与音频地址二选一即可) } ####13. cell desc:内部组装区单个node对应的组件 ####14. cellSource desc:动态组件:动态加载showChart showText showTable组件 inject:['sourceId'//资源id,'sourceType'//资源类型], props:{ size:Array,//['400px','auto']//宽高 },
####15. cellTitle, desc:内部node标题组件 ####16. NewDisplayMode desc:弹框插槽 props:{ showModeFlag:Boolean,//控制弹框显隐 title:{//弹框标题 type:String, default:'下钻' } }, ####17. NewDrillView desc:内部设置钻取、联动组件 ####18. LeftSourceTree desc:内部资源列表drawer组件 ####19. ContextMenu desc:自定义悬浮菜单组件 props: { showContextMenu: Boolean,//控制组件显隐 config: { type: Object, required: true } }, config如:{ options:[ { id:'1', text:'选项一', icon:'' event:Function,//事件 style:{color:....}//样式 }, //more.... ] position:[0,0],//位置 style:{width:...}//整体样式 } ####20. DropSearch desc:内部维度选择组件,已集成到DimSearch内部 ####21. PageSetting desc:内部设置分页弹框 ####22. SetSourceRoleDialog desc:内部设置资源权限弹框
####23. PublishSelectTree desc:内部发布弹框 ####24. SourceSearch desc:资源搜索组件 props: { searchSetting: { type: Array, default() { return ['source'] //资源 } }, showCheckbox: { type: Boolean, default: false }, // 树的高度 height: { type: String, default: '400px' }, tabPosition:{ type:String, default:"top" } } ####25. AdvancedSearch desc:内部高级搜索组件 ####26. AppError403 desc:错误页面 ####27. AppError404 desc:错误页面 ####28. AppError500 desc:错误页面 ####29. TheLayout desc:门户主布局 ####30. UploadLicense desc:添加牌照 ####31. TheLayoutEmpty desc:门户右侧视图容器组件

##Mock array,//数组方法集合 cnbi,//系统方法集合 date,//日期方法集合 macro,//模型方法集合 math,//数学方法集合 string,//字符串方法集合 dims,//默认维度集合 themes,//主题集合 dynamicComponents,//动态组件集合(仅用于仪表盘) dynamicComponentsForm,//动态组件form配置 markdownOption,//markdown插件基础配置

#Public:图标等 unfold,