cy-element-ui 1.1.6 → 1.1.8

package/packages/theme-chalk/src/treeSelect.scss

@@ -1,98 +0,0 @@
-@import "./base.scss";
-
-.cy-tree-select {
-	.el-popover__reference-wrapper {
-		display: flex;
-	}
-}
-
-.cy-tree-select-select {
-	width: 217px;
-	height: 36px;
-	line-height: 34px;
-	border: 1px solid #DCDFE6;
-	border-radius: 4px;
-	padding: 0 29px 0 15px;
-	cursor: pointer;
-	overflow: hidden;
-	position: relative;
-	transition: all .3s;
-
-	.cy-tree-select-select-v {
-		width: 100%;
-		color: #606266;
-		font-size: 14px;
-		white-space: nowrap;
-		overflow: auto;
-	}
-
-	.cy-tree-select-select-v-placeholder {
-		color: #c0c4cc;
-	}
-
-	.cy-tree-select-select-v-icon {
-		color: #C0C4CC;
-		position: absolute;
-		top: 50%;
-		transform: translateY(-50%);
-		right: 9px;
-
-		.cy-tree-select-select-v-arrow {
-			transform: rotateZ(0deg);
-			transition: all .3s;
-		}
-
-		.cy-tree-select-select-v-arrow-show {
-			transform: rotateZ(-180deg);
-		}
-	}
-}
-
-.cy-tree-select-select.small {
-	height: 32px;
-	line-height: 30px;
-
-	.cy-tree-select-select-v {
-		font-size: 13px;
-	}
-}
-
-.cy-tree-select-select.mini {
-	height: 28px;
-	line-height: 26px;
-
-	.cy-tree-select-select-v {
-		font-size: 12px;
-	}
-}
-
-.cy-tree-select-select:hover {
-	border-color: #C0C4CC;
-}
-
-.cy-tree-select-select-con-s {
-	padding-bottom: 8px;
-}
-
-.cy-tree-select-select-con-t {
-	padding-bottom: 5px;
-	margin-bottom: 5px;
-	border-bottom: 1px solid #DCDFE6;
-}
-
-.cy-tree-select-select-con-c {
-	max-height: 300px;
-	overflow: auto;
-}
-
-.el-form-item--medium .el-form-item--content .cy-tree-select {
-	width: 100%;
-	height: 36px;
-	display: flex;
-	align-items: center;
-
-	> span {
-		display: inline-block;
-		width: 100%;
-	}
-}

package/packages/theme-cy/gulpfile.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const { series, src, dest } = require('gulp');
+const sass = require('gulp-sass')(require('sass'));
+const autoprefixer = require('gulp-autoprefixer');
+const cssmin = require('gulp-cssmin');
+
+function compile() {
+  return src('./src/*.scss')
+    .pipe(sass())
+    .pipe(autoprefixer({
+      browsers: ['ie > 9', 'last 2 versions'],
+      cascade: false
+    }))
+    .pipe(cssmin())
+    .pipe(dest('./lib'));
+}
+
+exports.build = series(compile);

package/packages/theme-cy/lib/base.css

@@ -0,0 +1 @@
+*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}

package/packages/theme-cy/lib/element.css

@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox__input.is-disabled+span.el-checkbox__label,.el-input.is-disabled .el-input__inner,.el-radio__input.is-disabled+span.el-radio__label,.el-range-editor.is-disabled input,.el-textarea.is-disabled .el-textarea__inner{color:#888}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{border-color:#888}

package/packages/theme-cy/lib/index.css

@@ -0,0 +1 @@
+.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:100%;height:40px;line-height:38px;border:1px solid #DCDFE6;border-radius:4px;padding:0 25px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cy-tree-select-select .cy-tree-select-select-v-placeholder{color:#c0c4cc}.cy-tree-select-select .cy-tree-select-select-v-icon{color:#C0C4CC;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-tree-select-select.small{height:32px;line-height:30px;padding:0 25px 0 10px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:26px;padding:0 25px 0 10px}.cy-tree-select-select.mini .cy-tree-select-select-v{font-size:12px}.cy-tree-select-select:hover{border-color:#C0C4CC}.cy-tree-select-select:focus{outline:0;border-color:#409EFF}.cy-tree-select-select-con-s{padding-bottom:8px}.cy-tree-select-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-tree-select-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item__content .cy-tree-select{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item__content .cy-tree-select>span{display:inline-block;width:100%}.el-form-item--small .el-form-item__content .cy-tree-select{width:100%;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--small .el-form-item__content .cy-tree-select>span{display:inline-block;width:100%}.el-form-item--mini .el-form-item__content .cy-tree-select{width:100%;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--mini .el-form-item__content .cy-tree-select>span{display:inline-block;width:100%}.cy-tab-dialog{line-height:0}.cy-tab-dialog-modal{position:absolute;top:0;bottom:0;left:0;right:0;opacity:.5;background:#000}.cy-tab-dialog .el-dialog__wrapper{position:absolute!important;line-height:18px}.cy-tab-dialog .el-dialog__wrapper .el-dialog{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__header{-ms-flex-negative:0;flex-shrink:0}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__body{height:100%}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{position:fixed!important}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper .el-dialog{left:0!important;top:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.cy-sub-title{width:100%;font-size:17px;border-left:5px solid #1890ff;text-indent:10px;margin-bottom:15px;font-weight:700;color:#303133;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cy-sub-title .left{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cy-sub-title .right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}

package/packages/theme-cy/lib/subTitle.css

@@ -0,0 +1 @@
+*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.cy-sub-title{width:100%;font-size:17px;border-left:5px solid #1890ff;text-indent:10px;margin-bottom:15px;font-weight:700;color:#303133;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cy-sub-title .left{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cy-sub-title .right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}

package/packages/theme-cy/lib/tabDialog.css

@@ -0,0 +1 @@
+*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.cy-tab-dialog{line-height:0}.cy-tab-dialog-modal{position:absolute;top:0;bottom:0;left:0;right:0;opacity:.5;background:#000}.cy-tab-dialog .el-dialog__wrapper{position:absolute!important;line-height:18px}.cy-tab-dialog .el-dialog__wrapper .el-dialog{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__header{-ms-flex-negative:0;flex-shrink:0}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__body{height:100%}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{position:fixed!important}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper .el-dialog{left:0!important;top:0}

package/packages/theme-cy/lib/treeSelect.css

@@ -0,0 +1 @@
+*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:100%;height:40px;line-height:38px;border:1px solid #DCDFE6;border-radius:4px;padding:0 25px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cy-tree-select-select .cy-tree-select-select-v-placeholder{color:#c0c4cc}.cy-tree-select-select .cy-tree-select-select-v-icon{color:#C0C4CC;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-tree-select-select.small{height:32px;line-height:30px;padding:0 25px 0 10px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:26px;padding:0 25px 0 10px}.cy-tree-select-select.mini .cy-tree-select-select-v{font-size:12px}.cy-tree-select-select:hover{border-color:#C0C4CC}.cy-tree-select-select:focus{outline:0;border-color:#409EFF}.cy-tree-select-select-con-s{padding-bottom:8px}.cy-tree-select-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-tree-select-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item__content .cy-tree-select{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item__content .cy-tree-select>span{display:inline-block;width:100%}.el-form-item--small .el-form-item__content .cy-tree-select{width:100%;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--small .el-form-item__content .cy-tree-select>span{display:inline-block;width:100%}.el-form-item--mini .el-form-item__content .cy-tree-select{width:100%;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--mini .el-form-item__content .cy-tree-select>span{display:inline-block;width:100%}

package/packages/theme-cy/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "theme-cy",
+  "version": "1.0.0",
+  "description": "Custom theme for chanchan components",
+  "main": "lib/index.css",
+  "scripts": {
+    "build": "gulp build"
+  }
+}

package/packages/theme-cy/src/base.scss

@@ -0,0 +1,3 @@
+*, *::before, *::after {
+  box-sizing: border-box;
+}

package/packages/theme-cy/src/element.scss

@@ -0,0 +1,12 @@
+/* 把表单中disabled时的组件文字加深一些，以前的太淡了，看不清 */
+.el-input.is-disabled .el-input__inner,
+.el-radio__input.is-disabled + span.el-radio__label,
+.el-checkbox__input.is-disabled + span.el-checkbox__label,
+.el-range-editor.is-disabled input,
+.el-textarea.is-disabled .el-textarea__inner {
+	color: #888888;
+}
+.el-radio__input.is-disabled.is-checked .el-radio__inner::after,
+.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+	border-color: #888888;
+}

package/packages/theme-cy/src/index.scss

@@ -0,0 +1,4 @@
+@import "./base.scss";
+@import "./treeSelect.scss";
+@import "./tabDialog.scss";
+@import "./subTitle.scss";

package/packages/theme-cy/src/subTitle.scss

@@ -0,0 +1,26 @@
+@import "./base.scss";
+
+.cy-sub-title {
+	width: 100%;
+	font-size: 17px;
+	border-left: 5px solid #1890ff;
+	text-indent: 10px;
+	margin-bottom: 15px;
+	font-weight: bold;
+	color: #303133;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	.left {
+		width: 100%;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.right {
+		flex-shrink: 0;
+		margin-left: 20px;
+	}
+}

package/packages/theme-cy/src/tabDialog.scss

@@ -0,0 +1,43 @@
+@import "./base.scss";
+
+.cy-tab-dialog {
+	line-height: 0;
+}
+
+.cy-tab-dialog-modal {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	opacity: 0.5;
+	background: #000000;
+}
+
+.cy-tab-dialog .el-dialog__wrapper{
+	position: absolute !important;
+	line-height: 18px;
+
+	.el-dialog {
+		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .4);
+		display: flex;
+		flex-direction: column;
+
+		.el-dialog__header {
+			flex-shrink: 0;
+		}
+
+		.el-dialog__body {
+			height: 100%;
+		}
+	}
+}
+
+.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{
+	position: fixed !important;
+
+	.el-dialog {
+		left: 0 !important;
+		top: 0;
+	}
+}

package/packages/theme-cy/src/treeSelect.scss

@@ -0,0 +1,131 @@
+@import "./base.scss";
+
+.cy-tree-select {
+	.el-popover__reference-wrapper {
+		display: flex;
+	}
+}
+
+.cy-tree-select-select {
+	width: 100%;
+	height: 40px;
+	line-height: 38px;
+	border: 1px solid #DCDFE6;
+	border-radius: 4px;
+	padding: 0 25px 0 15px;
+	cursor: pointer;
+	overflow: hidden;
+	position: relative;
+	transition: all .3s;
+	box-sizing: border-box;
+
+	.cy-tree-select-select-v {
+		width: 100%;
+		color: #606266;
+		font-size: 14px;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.cy-tree-select-select-v-placeholder {
+		color: #c0c4cc;
+	}
+
+	.cy-tree-select-select-v-icon {
+		color: #C0C4CC;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		right: 10px;
+
+		.cy-tree-select-select-v-arrow {
+			transform: rotateZ(0deg);
+			transition: all .3s;
+		}
+
+		.cy-tree-select-select-v-arrow-show {
+			transform: rotateZ(-180deg);
+		}
+	}
+}
+
+.cy-tree-select-select.small {
+	height: 32px;
+	line-height: 30px;
+	padding: 0 25px 0 10px;
+
+	.cy-tree-select-select-v {
+		font-size: 13px;
+	}
+}
+
+.cy-tree-select-select.mini {
+	height: 28px;
+	line-height: 26px;
+	padding: 0 25px 0 10px;
+
+	.cy-tree-select-select-v {
+		font-size: 12px;
+	}
+}
+
+.cy-tree-select-select:hover {
+	border-color: #C0C4CC;
+}
+
+.cy-tree-select-select:focus {
+	outline: none;
+	border-color: #409EFF;
+}
+
+.cy-tree-select-select-con-s {
+	padding-bottom: 8px;
+}
+
+.cy-tree-select-select-con-t {
+	padding-bottom: 5px;
+	margin-bottom: 5px;
+	border-bottom: 1px solid #DCDFE6;
+}
+
+.cy-tree-select-select-con-c {
+	max-height: 300px;
+	overflow: auto;
+}
+
+.el-form-item--medium .el-form-item__content .cy-tree-select {
+	width: 100%;
+	height: 40px;
+	display: flex;
+	align-items: center;
+
+	> span {
+		display: inline-block;
+		width: 100%;
+	}
+}
+
+.el-form-item--small .el-form-item__content .cy-tree-select {
+	width: 100%;
+	height: 32px;
+	display: flex;
+	align-items: center;
+
+	> span {
+		display: inline-block;
+		width: 100%;
+	}
+}
+
+.el-form-item--mini .el-form-item__content .cy-tree-select {
+	width: 100%;
+	height: 28px;
+	display: flex;
+	align-items: center;
+
+	> span {
+		display: inline-block;
+		width: 100%;
+	}
+}

package/src/index.js

@@ -89,9 +89,13 @@ import Empty from '../packages/empty/index.js';
 import Descriptions from '../packages/descriptions/index.js';
 import DescriptionsItem from '../packages/descriptions-item/index.js';
 import Result from '../packages/result/index.js';
-import TreeSelect from '../packages/treeSelect/index.js';
+import TreeSelect from '../packages/treeSelect/index.js';
+import TabDialog from '../packages/tabDialog/index.js';
+import SubTitle from '../packages/subTitle/index.js';
 import locale from 'element-ui/src/locale';
 import CollapseTransition from 'element-ui/src/transitions/collapse-transition';
+import dragDirective from '../packages/tabDialog/src/dialog/drag';
+import dragHeightDirective from '../packages/tabDialog/src/dialog/dragHeight';
 
 const components = [
   Pagination,
@@ -178,7 +182,9 @@ const components = [
   Descriptions,
   DescriptionsItem,
   Result,
-  TreeSelect,
+  TreeSelect,
+  TabDialog,
+  SubTitle,
   CollapseTransition
 ];
 
@@ -192,6 +198,9 @@ const install = function(Vue, opts = {}) {
 
   Vue.use(InfiniteScroll);
   Vue.use(Loading.directive);
+  Vue.directive('dialog-drag', dragDirective);
+  Vue.directive('dialog-drag-width', dragDirective);
+  Vue.directive('dialog-drag-height', dragHeightDirective);
 
   Vue.prototype.$ELEMENT = {
     size: opts.size || '',
@@ -214,7 +223,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '1.1.4',
+  version: '1.1.8',
   locale: locale.use,
   i18n: locale.i18n,
   install,
@@ -308,5 +317,7 @@ export default {
   Descriptions,
   DescriptionsItem,
   Result,
-  TreeSelect
+  TreeSelect,
+  TabDialog,
+  SubTitle
 };