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

@beisen/tita-widget

v1.12.6

Published

Beisen TalentJS Framework

Downloads

11,421

Readme

1) 封装组件注意事项

1. 所有有的文件名要保持一唯一
2. 所有的类名要保持和文件名一样
3. 只保留需要的有用的文件,
4. 样式表,去掉以前冗余的样式,样式表名称与组件文件夹名称一一对应

1.模板名称与view名称对应
2.ui查找通过data-name 
3.data-name 中需要加task-create-(***)
4.存储在model里数据 为驼峰式,首字母小写
5.日期显示时,当年的不显示是年,M/D,使用Context.formatDate
6.所有变量名称首字母小写
7.所有需要tipsy 里在滑上去才绑定
8.所有封装的view,需要在model里保存相关数据 

2)需要在页面打值

BSGlobal = {
	//租户信息
	"tenantInfo": {
		"Id": 204122
	}
	,"loginUserInfo": {
		"Id": 100360313
		,"Role": 4
	}
	,"apiPath": "http://webapi.tita-inc.com"
	,"titaHost":"" //有些需要跳转到tita 上面,比如说头像链接
}

3) task-list

1.依赖组件
	- talent,
	- UserSelector,
	- $.tipsy,
	- moment,
	- tita-network

2.在app/scripts/config.js,下增加,并依赖上面的组件
	'TitaWidget':'vendor/components/tita-widget/task-list'

3.使用方法如下:例


var mCollection = talent.Collection.extend({
	initialize:function(){
		this.model = talent.Model.extend({
			idAttribute:'Id'
		});
	}
});
var taskListView = new TitaWidget.TaskListView({
	collection:new mCollection(data)
});

this.$el.append(this.taskListView.render().el);

4.可选参数:
{
	'isShowKclass':true
	,'isShowOwnerTag': false // 是否显示我派发的,我参与的标签,上级安排
	,'isShowStar' : true // 是否显示星标
	,'isShowSetRemind' :false //显示设置提醒图标
	,'objType' : 7 // 如果出现闹钟提醒时,objtype要要有
	,'isShowDelete' : false
	,isChildTask : false //是否是子任务
	,pageSize:50   //一次加载的数量,超过50显示更多翻页
	,isShowPercent:false //是否显示任务完成度
}

4) pull-screen

	说明:
	如果要显示推拉屏,只需要改变推拉屏的model的id
	this.PullScreen.model.set('id',id);

	如果使用的是tita-widget中的task-list,不需要去绑定事件,也不要改变改变推拉屏的model的id,
	里面是监听全局事件global-pull-screen,而自动推拉屏的

	1.依赖组件
	 talent

	2.在app/scripts/config.js,下增加,并依赖上面的组件
		"PullScreen" : 'vendor/components/tita-widget/pull-screen'

	3.使用方法如下:例

	this.PullScreen = titaWidget.PullScreenView();
	this.$el.append(this.PullScreen.render().el);
	

4) 分享框 PublistMblogView

		'id':'pubMblog'//必填 
		/**
		* type: 默认feed, 如tita首面发动态,comment,如tita首页feed回复
		**/		   
		,'type':'feed'//type=comment; 
		,'maxlength':'1000'
		,'isLimit' : true
		,'defaultValue':'你在忙什么'
		,'value':''
		,'submitText':'发布'
		,'shape':'default'//line,default
		,'defaultHide':false
		,'inFocus':true//是否自动获得焦点
		,'toUserName':'' // 只有开启 type=comment 才生效

		//at all
		,'isShowAtAll':false
		,'atAllText':"所有同事"
		,'atAllValue':"@[所有同事:all_members] "
		,'atAllTipText':"所有同事将收到本条消息"

		//at
		,"isShowAt":true
		,'atText':"同事"
		,"atTipText":"想确保谁看到就@这个成员"

		////Attachment
		,"isShowAttachment":true

		//emotion
		,'isShowEmotion':true
		,'emotionText':'表情'

		//range:
		,"isShowRange":true
		,'privateText':'所有人可见'
		,'privateValue':1//1公开,2私密 3部门
		,'isShowRangeDropDown':true
		,'privateDropDownOptions':{
			'privateValue':1//1公开,2私密 3部门
		    ,'sort':[1,3,2]
		    ,'publicOptions':{ //公开 当为false,不可见
			     'name':'公开'
			     ,'des':'所有人可见'
		      }
		    ,'privateOptions':{ //私密 当为false,不可见
			   'name':'私密'
			   ,'des':'仅@的人可见'
		     }
		    ,'departmentOptions':{ //部门 当为false,不可见
			   'name':'部门可见'
			  ,'des':'仅我的部门可见'
		    }
		}

		//短信通知
		,'isShowSendSms':true
		,'params':{}
		,'submitRequest':function(options){
			var deferred = new Talent.$.Deferre;
			/*deferred.resolve(data);
			deferred.reject(msg);*/
			return deferred;
		}

5) 回复列表 CommentListView

		isPrivate':false // 是否私密私,私密是每条上会有个小锁
		,'privateTipText':'所有可见' //如果Model有,model优先
		,'actionMore':{
			'detail':true
			,'deleted':true
			,'setTop':false
		}
		,'defaultCount':4
		,'feedId':''
		,'sort':'append' //对回复列表进行排序,append 最新在下面,prepend 最新的在最在上面

6) feed列表 FeedListView

		"isInAppPage":false //true,在项目页等一些其它页面时,头像全部为人的头像
		,'onlyComment':false //只有回复列表
		/**
		*mBlogOptions:请参照 4) 分享框 PublistMblogView
		**/
		,'mBlogOptions':{ 
			'defaultHide':true
			,'defaultValue':''
		}//回复框设置
		,'custom':{
			'more':true
			,'remind':true
			,'collect':true
			,'reply':true
		}
		,'actionMore':{
			'detail':true
			,'delete':true
			,'setTop':true
			,'setTopPramas':{}
		}
		,'isPrivate':false
		,'privateTipText':''// 锁提示文字
		,'feedId':'' //如果onlyComment 为true时,就必需传feedid,否则添加回复时自己触发
		,'defaultCount':4  //默认显示几条回复
		,'sort':'append' //对回复列表进行排序,append 最新在下面,prepend 最新的在最在上面 绩效的widget 里,最新回复的在最上面

7) 带切换标签 FeedTabListView(例:tita首页)

8) 扩展信息 FeedExtraInfoListView

6) 操作记录 TrackView

######参数

	'defaultCount':4 //默认显示几条
事件
	showAll:点击展开,显示全部

#Changelog

tita-widget 整体升级

###0.2.12 修复: 1.任务列表里 ,任务完成之后,报错,缺少心得模板 2.feed 操作列表error

###0.2.11 修复: 1._.evaluation 报错

###0.2.10 修复: 1.开能目标产品的,分类不显示目标。 2.订制了不显示会议、出差,任务列表详情模式,依然显示会议出差

###0.2.9 增加了任务详情页,……

task-list

###0.2.8 支持心得

###0.2.7 修复bug:任务列不显示心得图标

###0.2.6 修复bug:任务列不显示沟通、工时图标

v 0.2.2

去掉了console.log

v 0.2.1

原来的多维数据结构,修改为一维数据结构 options: 增加了 data, 删除了 colltion 在new TaskListView 时 原来的数据 是 附给 colletion的,现在靠data 传送

pull-screen

0.2.3

因受过期影响,把任务详情页的地址修改为: http://www.tita.com/100055587/ITalentHome/#more/taskinfo?Id=110006_2033626_7_20_635800846411257164

原地地 http://www.tita.com/u/100055587/Home/#more/taskinfo?Id=110006_2033626_7_20_635800846411257164

##feed ###0.2.4 支持来自手机端的换行