shuyunff2e / ccms-components Goto Github PK

View Code? Open in Web Editor NEW

51.0 17.0 42.0 4.74 MB

数云PC angular1.x 组件库（不再维护更新）

Home Page: http://cloud-angular.shuyun.com/demos/index.html

License: MIT License

HTML 10.45% JavaScript 70.03% SCSS 19.52%

ui-components ccm angularjs

ccms-components's People

Contributors

Stargazers

Watchers

ccms-components's Issues

grid组件接口报错提示和空数据提示重合

日期组件手动输入日期问题

手动输入日期后，单击确定，回出现如图所示问题

too low

angular.js用es6写，代码真是恶心到爆
排版格式太low，差评

tooltip自定义模板结合ng-repeat使用问题

使用cc-tooltip和grid举例说明遇到的问题：

1. 多次进入获取模板方法
1. 每次hover触发指令两次
1. 指令传递对象，compile不通过，报类型转换错误
1. 传递回调方法，假设为刷新grid表格，一直不断给后端发送请求，进入死循环浏览器卡死

基于grid表格demo作为基础，只列举个人添加主要代码。重现步骤：

在grid的cellTemplate中配置cc-tooltip,代码如下：

{
	cellTemplate: '<span ng-bind="entity.name" tooltip-compilable="true" cc-tooltip="app.getTemplateUrl(entity)" tooltip-append-to-body="true"></span>',
	displayName: '姓名',
	align: 'center',
	width: '100px',
	sortProp: 'name'
}

在controller里面添加getTemplateUrl方法,里面描述了我遇到的4个问题：

this.getTemplateUrl = function(entity) {
	// case1: 每次ng-repeat进入编译没错，所以log出来的1的次数应该和数据长度匹配，但是事实不是这样。。。
	console.log(1);
	// case2: tooltip hover上去，应该触发一次指令编译,但是只要hover,就会触发两次
	console.log(entity);
	// case3: 传递对象错误一直是类型转换错误
	// return '<demo obj="'+entity+'"></demo>';
	// case4: 传递回调方法，一直不断给后端发送请求，进入死循环
	// return '<demo callback="'+this.refreshGrid()+'"></demo>';
	// 正常情况： 字符串可正常传递
	return '<demo test="test"></demo>';
};

编写简单的demo指令：

angular
	.module('componentsApp')
	.directive('demo', function(){
		return {
			restrict: 'E',
			scope: {
				callback: '&',
				obj: '=',
				test: '@'
			},
			template: '<div ng-bind="vm.obj.name"></div>',
			controller: function() {
				this.callback();
				console.log('**********');	
				console.log(this.obj);
				console.log(this.test);
				console.log('============');	
			},
			controllerAs: 'vm',
			bindToController: true
		}
	});

下拉单选组件：disabled配置项无效

Firefox 中 cc-icon tooltip 偶尔会出现不能消失或闪烁不能显示的情况

<cc-icon symbol="icon-question-mark" cc-tooltip="'拖拽热点到图片中'"></cc-icon>

cc-dropdown选择searchable='true'时，model无法选中默认值。

日期组件：当日期组件放置在页面最右端，弹出框超出可视区域

运用到cc-bind-html，可能被XSS攻击。

这样的代码，如果数据源动态，可能存在XSS攻击风险。

多选下拉列表初始化值失效

demo代码设置的多选有初始化值但是失效了
初步原因是 cc-dropdown 指令会自动运行onclose函数

package.json 的两个问题

json-loader 应放到 devDependencies
2.angular-es-utils 目前已经 2.1.2，依赖的这个版本有些低，看要不要升级

grid组件：Window系统下，grid容器变化时，滚动条定位有误

复现步骤：（Window系统下）
1、找到使用grid组件的页面
2、收起左侧菜单栏
就会发现滚动条的位置发生了偏差

当多次调用，表格 refresh 方法，会发送多次请求

当多次调用表格 refresh 方法，会发送多次请求，由于网络原因，返回顺序不一致，导致不是我期望的结果。举例说明：
第一次，我通过表格 refresh 方法用过滤参数 job = ‘程序员’ 发送请求。
间隔1秒
第二次，我通过表格 refresh 方法用过滤参数 job = ‘QA’ 发送请求。

由于网络原因，第二次先返回，第一次后返回，表格显示第一次结果（程序员），我实际期望的是QA

建议是用 $cancelRequest, 取消上次请求。

// ...defining the `Hotel` resource...
var Hotel = $resource('/api/hotel/:id', {id: '@id'}, {
  // Let's make the `query()` method cancellable
  query: {method: 'get', isArray: true, cancellable: true}
});

// ...somewhere in the PlanVacationController...
...
this.onDestinationChanged = function onDestinationChanged(destination) {
  // We don't care about any pending request for hotels
  // in a different destination any more
  this.availableHotels.$cancelRequest();

  // Let's query for hotels in '<destination>'
  // (calls: /api/hotel?location=<destination>)
  this.availableHotels = Hotel.query({location: destination});
};