cy-element-ui 1.0.28 → 1.0.30

package/packages/tabDialog/src/main.vue

@@ -0,0 +1,277 @@
+<template>
+	<div class="cy-tab-dialog">
+		<div
+			v-show="visible && modal"
+			contenteditable="false"
+			class="cy-tab-dialog-modal"
+			:style="{ zIndex: modelZIndex, height: modelHeight ? modelHeight : '100%' }"
+			@click="closeOnClickModal && handleClose"
+		></div>
+		
+		<el-dialog
+			:visible="visible"
+			:title="title"
+			:width="width"
+			:fullscreen="fullscreen"
+			:modal="false"
+			:modal-append-to-body="false"
+			:append-to-body="false"
+			:lock-scroll="true"
+			:custom-class="customClass"
+			:close-on-click-modal="appendToTagsView ? false : closeOnClickModal"
+			:close-on-press-escape="appendToTagsView ? false : closeOnPressEscape"
+			:show-close="showClose"
+			:center="center"
+			:destroy-on-close="destroyOnClose"
+			contenteditable="false"
+			v-dialog-drag="isDrag"
+			v-dialog-drag-width="isDrag"
+			v-dialog-drag-height="isDrag"
+			:before-close="beforeClose"
+			@open="handleOpen"
+			@opened="handleOpened"
+			@close="handleClose"
+			@closed="handleClosed"
+		>
+			<template v-if="$slots.title" slot="title">
+				<slot name="title"></slot>
+			</template>
+			
+			<slot></slot>
+			
+			<template v-if="$slots.footer" slot="footer">
+				<slot name="footer"></slot>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+import ElDialog from 'element-ui/packages/dialog';
+import Vue from 'vue';
+
+export default {
+	name: 'CyTabDialog',
+	component: [
+		ElDialog
+	],
+	props: {
+		// 是否显示 Dialog，支持 .sync 修饰符
+		visible: {
+			type: Boolean,
+			default: false,
+		},
+		// Dialog 的标题，也可通过具名 slot
+		title: {
+			type: String,
+			default: '',
+		},
+		// Dialog 的宽度
+		width: {
+			type: String,
+			default: '50%',
+		},
+		// 是否为全屏 Dialog
+		fullscreen: {
+			type: Boolean,
+			default: false,
+		},
+		// Dialog CSS 中的 margin-top 值
+		top: {
+			type: String,
+			default: '6vh',
+		},
+		// 是否需要遮罩层
+		modal: {
+			type: Boolean,
+			default: true,
+		},
+		// 遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上
+		appendToBody: {
+			type: Boolean,
+			default: false,
+		},
+		// 是否在 Dialog 出现时将 body或上层 滚动锁定
+		lockScroll: {
+			type: Boolean,
+			default: true,
+		},
+		// Dialog 的自定义类名
+		customClass: {
+			type: String,
+			default: '',
+		},
+		// 是否可以通过点击 modal 关闭 Dialog
+		closeOnClickModal: {
+			type: Boolean,
+			default: false,
+		},
+		// 是否可以通过按下 ESC 关闭 Dialog
+		closeOnPressEscape: {
+			type: Boolean,
+			default: true,
+		},
+		// 是否显示关闭按钮
+		showClose: {
+			type: Boolean,
+			default: true,
+		},
+		// 是否对头部和底部采用居中布局
+		center: {
+			type: Boolean,
+			default: false,
+		},
+		// 关闭时销毁 Dialog 中的元素
+		destroyOnClose: {
+			type: Boolean,
+			default: false,
+		},
+		// 是否放到tagsView中，即当前app-views下面，此属性true时，appendToBody无效
+		appendToTagsView: {
+			type: Boolean,
+			default: false,
+		},
+		// 对话框是否可拖拽
+		isDrag: {
+			type: Boolean,
+			default: true,
+		},
+		// 关闭前的回调，会暂停 Dialog 的关闭
+		beforeClose: {
+			type: Function,
+		},
+	},
+	data() {
+		return {
+			rendered: false, // 判断dialog是否已经放到对应的div下
+			modelZIndex: 1000,
+			modelHeight: 0,
+			
+			parentDom: null, // 当前app-views的dom元素
+			elDialogDom: null, // 当前el-dialog的dom元素
+		}
+	},
+	watch: {
+		visible: {
+			immediate: true,
+			handler(val) {
+				if (val) {
+					this.$emit('open');
+					Vue.nextTick(() => {
+						const dom = this.$el;
+						// 首次打开
+						if (!this.rendered) {
+							this.rendered = true;
+							if (this.appendToTagsView) {
+								// 将当前dialog挪到当前app-views里面 app-container
+								this.parentDom = dom.closest('.app-container');
+								if (!this.parentDom) this.parentDom = document.body;
+								this.parentDom.append(dom);
+							} else if (this.appendToBody) {
+								// 将当前dialog挪到当前body里面
+								this.parentDom = document.body;
+								this.parentDom.append(dom);
+							}
+							// 添加键盘监听事件
+							if (this.closeOnPressEscape) {
+								document.addEventListener('keydown', this.escKeyDown);
+							}
+						}
+						
+						setTimeout(() => {
+							if (this.parentDom) this.modelHeight = this.parentDom.scrollHeight + 'px';
+							// 当前VDialog不在body中时
+							if (!this.parentDom || this.parentDom.tagName.toUpperCase() !== 'BODY') {
+								// 获取el-dialog的宽度，如果大于app-views的宽度，则el-dialog不居中显示
+								let elDialogWidth = dom.getElementsByClassName('el-dialog')[0].clientWidth;
+								if (!this.parentDom || elDialogWidth < this.parentDom.clientWidth) {
+									dom.getElementsByClassName('el-dialog')[0].style.left = '50%';
+									dom.getElementsByClassName('el-dialog')[0].style.transform = 'translateX(-50%)';
+								} else {
+									dom.getElementsByClassName('el-dialog')[0].style.left = '0';
+								}
+							}
+							dom.getElementsByClassName('el-dialog')[0].style.marginTop = this.top;
+						}, 50)
+						
+						// 获取el-dialog的z-index，赋值给model，用于处理model的层级问题
+						this.elDialogDom = dom.children[1];
+						setTimeout(() => {
+							this.modelZIndex = this.elDialogDom.style.zIndex;
+						}, 50)
+					});
+				} else {
+					// immediate=true时，首次打开不需要触发close事件
+					if (this.rendered) this.$emit('close');
+				}
+			}
+		}
+	},
+	methods: {
+		handleOpen() {
+			this.$emit('open');
+		},
+		
+		handleOpened() {
+			this.$emit('opened');
+		},
+		
+		handleClose() {
+			this.$emit('update:visible', false);
+			this.$emit('close');
+		},
+		
+		handleClosed() {
+			this.$emit('closed');
+		},
+		
+		/**
+   * 监听esc键
+   */
+		escKeyDown(event) {
+			if (event.keyCode === 27) {
+				// 获取body下的直接子节点中的已打开的vDialog
+				let bodyVDialogDomArr = [];
+				let bodyChildrenArr = document.body.childNodes;
+				for (let i = 0; i < bodyChildrenArr.length; i++) {
+					let item = bodyChildrenArr[i];
+					if (item.tagName && item.tagName.toUpperCase() === 'DIV' && item.className && item.className.split(' ').includes('cy-tab-dialog-opened')) {
+						bodyVDialogDomArr.push(item)
+					}
+				}
+				// 判断body中是否有已打开的vDialog，如果有，优先关闭body下的vDialog
+				if (bodyVDialogDomArr.length > 0) {
+					// 获取当前cy-tab-dialog在当前body中的下标
+					let curDomIndex = [].indexOf.call(bodyVDialogDomArr, this.$el);
+					if (curDomIndex === bodyVDialogDomArr.length - 1) {
+						this.handleClose();
+					}
+				} else if (document.getElementById('tags-view-container') && this.parentDom.parentElement.getAttribute('include_name')) {
+					// 获取当前app-views对应的include_name值
+					
+					let includeName = this.parentDom.parentElement.getAttribute('include_name');
+					// 根据includeName获取tagsView中的tag标签页
+					let tagDom = document.getElementById('tags-view-container').querySelectorAll(`[include_name=${ includeName }]`);
+					if (tagDom && tagDom[0]) {
+						// 判断此标签页是否为选中状态，只有选中状态中的vDialog才可以进行关闭
+						if (tagDom[0].className.split(' ').includes('active')) {
+							// 获取当前app-views下的所有已打开的vDialog
+							let vDialogList = this.parentDom.getElementsByClassName('cy-tab-dialog-opened');
+							// 获取当前cy-tab-dialog在当前app-views中的下标
+							let curDomIndex = [].indexOf.call(vDialogList, this.$el);
+							if (curDomIndex === vDialogList.length - 1) {
+								this.handleClose();
+							}
+						}
+					}
+				} else {
+					this.handleClose();
+				}
+			}
+		},
+	},
+	beforeDestroy() {
+		document.removeEventListener('keydown', this.escKeyDown);
+	}
+};
+</script>

package/packages/table/src/filter-panel.vue

@@ -29,14 +29,14 @@
 			v-show="showPopper">
 			<ul class="el-table-filter__list">
 				<li class="el-table-filter__list-item"
-						:class="{ 'is-active': filterValue === undefined || filterValue === null }"
-						@click="handleSelect(null)">{{ t('el.table.clearFilter') }}</li>
+					:class="{ 'is-active': filterValue === undefined || filterValue === null }"
+					@click="handleSelect(null)">{{ t('el.table.clearFilter') }}</li>
 				<li class="el-table-filter__list-item"
-						v-for="filter in filters"
-						:label="filter.value"
-						:key="filter.value"
-						:class="{ 'is-active': isActive(filter) }"
-						@click="handleSelect(filter.value)" >{{ filter.text }}</li>
+					v-for="filter in filters"
+					:label="filter.value"
+					:key="filter.value"
+					:class="{ 'is-active': isActive(filter) }"
+					@click="handleSelect(filter.value)" >{{ filter.text }}</li>
 			</ul>
 		</div>
 	</transition>

package/packages/table/src/store/index.js

@@ -136,7 +136,7 @@ Watcher.prototype.commit = function(name, ...args) {
 	if (mutations[name]) {
 		mutations[name].apply(this, [this.states].concat(args));
 	} else {
-		throw new Error(`Action not found: ${name}`);
+		throw new Error(`Action not found: ${ name }`);
 	}
 };
 

package/packages/table/src/table-body.js

@@ -323,10 +323,10 @@ export default {
 			if (cell) {
 				column = getColumnByCell(table, cell);
 				if (column) {
-					table.$emit(`cell-${name}`, row, column, cell, event);
+					table.$emit(`cell-${ name }`, row, column, cell, event);
 				}
 			}
-			table.$emit(`row-${name}`, row, column, event);
+			table.$emit(`row-${ name }`, row, column, event);
 		},
 
 		rowRender(row, $index, treeRowData) {

package/packages/table/src/table-column.js

@@ -137,7 +137,7 @@ export default {
 			Object.keys(source).forEach(prop => {
 				let value = source[prop];
 				if (value !== undefined) {
-					column[prop] = prop === 'className' ? `${column[prop]} ${value}` : value;
+					column[prop] = prop === 'className' ? `${ column[prop] } ${ value }` : value;
 				}
 			});
 			return column;

package/packages/table/src/table-header.js

@@ -353,7 +353,7 @@ export default {
 				const table = this.$parent;
 				const tableEl = table.$el;
 				const tableLeft = tableEl.getBoundingClientRect().left;
-				const columnEl = this.$el.querySelector(`th.${column.id}`);
+				const columnEl = this.$el.querySelector(`th.${ column.id }`);
 				const columnRect = columnEl.getBoundingClientRect();
 				const minLeft = columnRect.left - tableLeft + 30;
 

package/packages/table/src/table-layout.js

@@ -240,7 +240,7 @@ class TableLayout {
 					observer.onScrollableChange(this);
 					break;
 				default:
-					throw new Error(`Table Layout don't have event ${event}.`);
+					throw new Error(`Table Layout don't have event ${ event }.`);
 			}
 		});
 	}

package/packages/table/src/table.vue

@@ -42,7 +42,7 @@
 				:row-style="rowStyle"
 				:highlight="highlightCurrentRow"
 				:style="{
-					 width: bodyWidth
+					width: bodyWidth
 				}">
 			</table-body>
 			<div
@@ -84,9 +84,9 @@
 			class="el-table__fixed"
 			ref="fixedWrapper"
 			:style="[{
-				width: layout.fixedWidth ? layout.fixedWidth + 'px' : ''
-			},
-			fixedHeight]">
+					width: layout.fixedWidth ? layout.fixedWidth + 'px' : ''
+				},
+				fixedHeight]">
 			<div
 				v-if="showHeader"
 				class="el-table__fixed-header-wrapper"
@@ -104,9 +104,9 @@
 				class="el-table__fixed-body-wrapper"
 				ref="fixedBodyWrapper"
 				:style="[{
-					top: layout.headerHeight + 'px'
-				},
-				fixedBodyHeight]">
+						top: layout.headerHeight + 'px'
+					},
+					fixedBodyHeight]">
 				<table-body
 					fixed="left"
 					:store="store"
@@ -145,10 +145,10 @@
 			class="el-table__fixed-right"
 			ref="rightFixedWrapper"
 			:style="[{
-				width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '',
-				right: layout.scrollY ? (border ? layout.gutterWidth : (layout.gutterWidth || 0)) + 'px' : ''
-			},
-			fixedHeight]">
+					width: layout.rightFixedWidth ? layout.rightFixedWidth + 'px' : '',
+					right: layout.scrollY ? (border ? layout.gutterWidth : (layout.gutterWidth || 0)) + 'px' : ''
+				},
+				fixedHeight]">
 			<div v-if="showHeader"
 				class="el-table__fixed-header-wrapper"
 				ref="rightFixedHeaderWrapper">
@@ -165,9 +165,9 @@
 				class="el-table__fixed-body-wrapper"
 				ref="rightFixedBodyWrapper"
 				:style="[{
-					top: layout.headerHeight + 'px'
-				},
-				fixedBodyHeight]">
+						top: layout.headerHeight + 'px'
+					},
+					fixedBodyHeight]">
 				<table-body
 					fixed="right"
 					:store="store"
@@ -179,7 +179,7 @@
 						width: bodyWidth
 					}">
 				</table-body>
-				 <div
+				<div
 					v-if="$slots.append"
 					class="el-table__append-gutter"
 					:style="{ height: layout.appendHeight + 'px' }"></div>
@@ -586,7 +586,7 @@
 				if (this.data && this.data.length) return null;
 				let height = '100%';
 				if (this.layout.appendHeight) {
-					height = `calc(100% - ${this.layout.appendHeight}px)`;
+					height = `calc(100% - ${ this.layout.appendHeight }px)`;
 				}
 				return {
 					width: this.bodyWidth,

package/packages/tabs/src/tab-bar.vue

@@ -28,10 +28,10 @@
 						if (!$el) { return false; }
 
 						if (!tab.active) {
-							offset += $el[`client${firstUpperCase(sizeName)}`];
+							offset += $el[`client${ firstUpperCase(sizeName) }`];
 							return true;
 						} else {
-							tabSize = $el[`client${firstUpperCase(sizeName)}`];
+							tabSize = $el[`client${ firstUpperCase(sizeName) }`];
 							const tabStyles = window.getComputedStyle($el);
 							if (sizeName === 'width' && this.tabs.length > 1) {
 								tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
@@ -43,7 +43,7 @@
 						}
 					});
 
-					const transform = `translate${firstUpperCase(sizeDir)}(${offset}px)`;
+					const transform = `translate${ firstUpperCase(sizeDir) }(${ offset }px)`;
 					style[sizeName] = tabSize + 'px';
 					style.transform = transform;
 					style.msTransform = transform;

package/packages/tabs/src/tab-nav.vue

@@ -45,7 +45,7 @@
 			navStyle() {
 				const dir = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'X' : 'Y';
 				return {
-					transform: `translate${dir}(-${this.navOffset}px)`
+					transform: `translate${ dir }(-${ this.navOffset }px)`
 				};
 			},
 			sizeName() {
@@ -55,7 +55,7 @@
 
 		methods: {
 			scrollPrev() {
-				const containerSize = this.$refs.navScroll[`offset${firstUpperCase(this.sizeName)}`];
+				const containerSize = this.$refs.navScroll[`offset${ firstUpperCase(this.sizeName) }`];
 				const currentOffset = this.navOffset;
 
 				if (!currentOffset) return;
@@ -67,8 +67,8 @@
 				this.navOffset = newOffset;
 			},
 			scrollNext() {
-				const navSize = this.$refs.nav[`offset${firstUpperCase(this.sizeName)}`];
-				const containerSize = this.$refs.navScroll[`offset${firstUpperCase(this.sizeName)}`];
+				const navSize = this.$refs.nav[`offset${ firstUpperCase(this.sizeName) }`];
+				const containerSize = this.$refs.navScroll[`offset${ firstUpperCase(this.sizeName) }`];
 				const currentOffset = this.navOffset;
 
 				if (navSize - currentOffset <= containerSize) return;
@@ -115,8 +115,8 @@
 			update() {
 				if (!this.$refs.nav) return;
 				const sizeName = this.sizeName;
-				const navSize = this.$refs.nav[`offset${firstUpperCase(sizeName)}`];
-				const containerSize = this.$refs.navScroll[`offset${firstUpperCase(sizeName)}`];
+				const navSize = this.$refs.nav[`offset${ firstUpperCase(sizeName) }`];
+				const containerSize = this.$refs.navScroll[`offset${ firstUpperCase(sizeName) }`];
 				const currentOffset = this.navOffset;
 
 				if (containerSize < navSize) {
@@ -219,7 +219,7 @@
 				let tabName = pane.name || pane.index || index;
 				const closable = pane.isClosable || editable;
 
-				pane.index = `${index}`;
+				pane.index = `${ index }`;
 
 				const btnClose = closable
 					? <span class="el-icon-close" on-click={(ev) => { onTabRemove(pane, ev); }}></span>
@@ -237,18 +237,18 @@
 							'is-closable': closable,
 							'is-focus': this.isFocus
 						}}
-						id={`tab-${tabName}`}
-						key={`tab-${tabName}`}
-						aria-controls={`pane-${tabName}`}
+						id={`tab-${ tabName }`}
+						key={`tab-${ tabName }`}
+						aria-controls={`pane-${ tabName }`}
 						role="tab"
 						aria-selected={ pane.active }
 						ref="tabs"
 						tabindex={tabindex}
 						refInFor
-						on-focus={ ()=> { setFocus(); }}
-						on-blur ={ ()=> { removeFocus(); }}
+						on-focus={ () => { setFocus(); }}
+						on-blur ={ () => { removeFocus(); }}
 						on-click={(ev) => { removeFocus(); onTabClick(pane, tabName, ev); }}
-						on-keydown={(ev) => { if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) { onTabRemove(pane, ev);} }}
+						on-keydown={(ev) => { if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) { onTabRemove(pane, ev); } }}
 					>
 						{tabLabelContent}
 						{btnClose}

package/packages/tabs/src/tabs.vue

@@ -129,7 +129,7 @@
 						class="el-tabs__new-tab"
 						on-click={ handleTabAdd }
 						tabindex="0"
-						on-keydown={ (ev) => { if (ev.keyCode === 13) { handleTabAdd(); }} }
+						on-keydown={ (ev) => { if (ev.keyCode === 13) { handleTabAdd(); } } }
 					>
 						<i class="el-icon-plus"></i>
 					</span>
@@ -149,7 +149,7 @@
 				ref: 'nav'
 			};
 			const header = (
-				<div class={['el-tabs__header', `is-${tabPosition}`]}>
+				<div class={['el-tabs__header', `is-${ tabPosition }`]}>
 					{newButton}
 					<tab-nav { ...navData }></tab-nav>
 				</div>
@@ -164,7 +164,7 @@
 				<div class={{
 					'el-tabs': true,
 					'el-tabs--card': type === 'card',
-					[`el-tabs--${tabPosition}`]: true,
+					[`el-tabs--${ tabPosition }`]: true,
 					'el-tabs--border-card': type === 'border-card'
 				}}>
 					{ tabPosition !== 'bottom' ? [header, panels] : [panels, header] }

package/packages/tag/src/tag.vue

@@ -35,9 +35,9 @@
 			const { type, tagSize, hit, effect } = this;
 			const classes = [
 				'el-tag',
-				type ? `el-tag--${type}` : '',
-				tagSize ? `el-tag--${tagSize}` : '',
-				effect ? `el-tag--${effect}` : '',
+				type ? `el-tag--${ type }` : '',
+				tagSize ? `el-tag--${ tagSize }` : '',
+				effect ? `el-tag--${ effect }` : '',
 				hit && 'is-hit'
 			];
 			const tagEl = (

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

@@ -0,0 +1 @@
+@charset "UTF-8";.el-input-number[data-unit]{--el-input-number-unit-offset-x:35px;position:relative}.el-input-number[data-unit]::after{content:attr(data-unit);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;color:#909399;padding:0 20px;border:1px solid #DCDFE6;background-color:#F5F7FA;border-top-right-radius:4px;border-bottom-right-radius:4px}.el-input-number[data-unit] .el-input__inner,.el-input-number[data-unit].is-disabled .el-input__inner{padding-right:65px!important}.el-input-number[data-unit].el-input-number--small::after{padding:0 15px}.el-input-number[data-unit].el-input-number--small .el-input__inner,.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner{padding-right:55px!important}.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/fileUpload.css

@@ -0,0 +1 @@
+.cy-file-upload-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-file-upload-uploader{margin-bottom:5px}.cy-file-upload-list .el-upload-list__item{border:1px solid #e4e7ed;line-height:2;margin-bottom:10px;position:relative}.cy-file-upload-list .ele-upload-list__item-content{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;color:inherit}.ele-upload-list__item-content-action .el-link{margin-right:10px}.link_icon ::v-deep .el-icon-document{margin-left:10px}

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

@@ -1 +1 @@
-.cy-treeselect-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-treeselect-select .cy-treeselect-select-v-placeholder{color:#c0c4cc}.cy-treeselect-select .cy-treeselect-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-treeselect-select.small{height:32px;line-height:32px}.cy-treeselect-select.small .cy-treeselect-select-v{font-size:13px}.cy-treeselect-select.mini{height:28px;line-height:28px}.cy-treeselect-select.mini .cy-treeselect-select-v{font-size:12px}.cy-treeselect-select:hover{border-color:#C0C4CC}.cy-treeselect-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-treeselect-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-treeselect{width:100%;height:36px;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-treeselect>span{display:inline-block;width:100%}
+@charset "UTF-8";.el-input-number[data-unit]{--el-input-number-unit-offset-x:35px;position:relative}.el-input-number[data-unit]::after{content:attr(data-unit);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;color:#909399;padding:0 20px;border:1px solid #DCDFE6;background-color:#F5F7FA;border-top-right-radius:4px;border-bottom-right-radius:4px}.el-input-number[data-unit] .el-input__inner,.el-input-number[data-unit].is-disabled .el-input__inner{padding-right:65px!important}.el-input-number[data-unit].el-input-number--small::after{padding:0 15px}.el-input-number[data-unit].el-input-number--small .el-input__inner,.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner{padding-right:55px!important}.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}.cy-file-upload-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-file-upload-uploader{margin-bottom:5px}.cy-file-upload-list .el-upload-list__item{border:1px solid #e4e7ed;line-height:2;margin-bottom:10px;position:relative}.cy-file-upload-list .ele-upload-list__item-content{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;color:inherit}.ele-upload-list__item-content-action .el-link{margin-right:10px}.link_icon ::v-deep .el-icon-document{margin-left:10px}.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}.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}.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.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:0;right:9px}.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:32px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:28px}.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-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:-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%}

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

@@ -0,0 +1 @@
+.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 @@
+.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 @@
+.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.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:0;right:9px}.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:32px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:28px}.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-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:-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%}

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

@@ -0,0 +1,45 @@
+/* el-input-number中可以添加单位(元/%等等) */
+.el-input-number[data-unit] {
+	--el-input-number-unit-offset-x: 35px;
+	position: relative;
+}
+.el-input-number[data-unit]::after {
+	content: attr(data-unit);
+	height: 100%;
+	display: flex;
+	align-items: center;
+	position: absolute;
+	top: 0;
+	right: 0;
+	color: #909399;
+	padding: 0 20px;
+	border: 1px solid #DCDFE6;
+	background-color: #F5F7FA;
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
+.el-input-number[data-unit] .el-input__inner,
+.el-input-number[data-unit].is-disabled .el-input__inner {
+	padding-right: 65px !important;
+}
+
+.el-input-number[data-unit].el-input-number--small::after {
+	padding: 0 15px;
+}
+.el-input-number[data-unit].el-input-number--small .el-input__inner,
+.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner {
+	padding-right: 55px !important;
+}
+
+/* 把表单中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;
+}