cy-element-ui 1.1.4 → 1.1.6

package/lib/theme-chalk/treeSelect.css

@@ -0,0 +1 @@
+.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:before{content:"\e726"}.el-icon-microphone:before{content:"\e727"}.el-icon-turn-off-microphone:before{content:"\e728"}.el-icon-position:before{content:"\e729"}.el-icon-postcard:before{content:"\e72a"}.el-icon-message:before{content:"\e72b"}.el-icon-chat-line-square:before{content:"\e72d"}.el-icon-chat-dot-square:before{content:"\e72e"}.el-icon-chat-dot-round:before{content:"\e72f"}.el-icon-chat-square:before{content:"\e730"}.el-icon-chat-line-round:before{content:"\e731"}.el-icon-chat-round:before{content:"\e732"}.el-icon-set-up:before{content:"\e733"}.el-icon-turn-off:before{content:"\e734"}.el-icon-open:before{content:"\e735"}.el-icon-connection:before{content:"\e736"}.el-icon-link:before{content:"\e737"}.el-icon-cpu:before{content:"\e738"}.el-icon-thumb:before{content:"\e739"}.el-icon-female:before{content:"\e73a"}.el-icon-male:before{content:"\e73b"}.el-icon-guide:before{content:"\e73c"}.el-icon-news:before{content:"\e73e"}.el-icon-price-tag:before{content:"\e744"}.el-icon-discount:before{content:"\e745"}.el-icon-wallet:before{content:"\e747"}.el-icon-coin:before{content:"\e748"}.el-icon-money:before{content:"\e749"}.el-icon-bank-card:before{content:"\e74a"}.el-icon-box:before{content:"\e74b"}.el-icon-present:before{content:"\e74c"}.el-icon-sell:before{content:"\e6d5"}.el-icon-sold-out:before{content:"\e6d6"}.el-icon-shopping-bag-2:before{content:"\e74d"}.el-icon-shopping-bag-1:before{content:"\e74e"}.el-icon-shopping-cart-2:before{content:"\e74f"}.el-icon-shopping-cart-1:before{content:"\e750"}.el-icon-shopping-cart-full:before{content:"\e751"}.el-icon-smoking:before{content:"\e752"}.el-icon-no-smoking:before{content:"\e753"}.el-icon-house:before{content:"\e754"}.el-icon-table-lamp:before{content:"\e755"}.el-icon-school:before{content:"\e756"}.el-icon-office-building:before{content:"\e757"}.el-icon-toilet-paper:before{content:"\e758"}.el-icon-notebook-2:before{content:"\e759"}.el-icon-notebook-1:before{content:"\e75a"}.el-icon-files:before{content:"\e75b"}.el-icon-collection:before{content:"\e75c"}.el-icon-receiving:before{content:"\e75d"}.el-icon-suitcase-1:before{content:"\e760"}.el-icon-suitcase:before{content:"\e761"}.el-icon-film:before{content:"\e763"}.el-icon-collection-tag:before{content:"\e765"}.el-icon-data-analysis:before{content:"\e766"}.el-icon-pie-chart:before{content:"\e767"}.el-icon-data-board:before{content:"\e768"}.el-icon-data-line:before{content:"\e76d"}.el-icon-reading:before{content:"\e769"}.el-icon-magic-stick:before{content:"\e76a"}.el-icon-coordinate:before{content:"\e76b"}.el-icon-mouse:before{content:"\e76c"}.el-icon-brush:before{content:"\e76e"}.el-icon-headset:before{content:"\e76f"}.el-icon-umbrella:before{content:"\e770"}.el-icon-scissors:before{content:"\e771"}.el-icon-mobile:before{content:"\e773"}.el-icon-attract:before{content:"\e774"}.el-icon-monitor:before{content:"\e775"}.el-icon-search:before{content:"\e778"}.el-icon-takeaway-box:before{content:"\e77a"}.el-icon-paperclip:before{content:"\e77d"}.el-icon-printer:before{content:"\e77e"}.el-icon-document-add:before{content:"\e782"}.el-icon-document:before{content:"\e785"}.el-icon-document-checked:before{content:"\e786"}.el-icon-document-copy:before{content:"\e787"}.el-icon-document-delete:before{content:"\e788"}.el-icon-document-remove:before{content:"\e789"}.el-icon-tickets:before{content:"\e78b"}.el-icon-folder-checked:before{content:"\e77f"}.el-icon-folder-delete:before{content:"\e780"}.el-icon-folder-remove:before{content:"\e781"}.el-icon-folder-add:before{content:"\e783"}.el-icon-folder-opened:before{content:"\e784"}.el-icon-folder:before{content:"\e78a"}.el-icon-edit-outline:before{content:"\e764"}.el-icon-edit:before{content:"\e78c"}.el-icon-date:before{content:"\e78e"}.el-icon-c-scale-to-original:before{content:"\e7c6"}.el-icon-view:before{content:"\e6ce"}.el-icon-loading:before{content:"\e6cf"}.el-icon-rank:before{content:"\e6d1"}.el-icon-sort-down:before{content:"\e7c4"}.el-icon-sort-up:before{content:"\e7c5"}.el-icon-sort:before{content:"\e6d2"}.el-icon-finished:before{content:"\e6cd"}.el-icon-refresh-left:before{content:"\e6c7"}.el-icon-refresh-right:before{content:"\e6c8"}.el-icon-refresh:before{content:"\e6d0"}.el-icon-video-play:before{content:"\e7c0"}.el-icon-video-pause:before{content:"\e7c1"}.el-icon-d-arrow-right:before{content:"\e6dc"}.el-icon-d-arrow-left:before{content:"\e6dd"}.el-icon-arrow-up:before{content:"\e6e1"}.el-icon-arrow-down:before{content:"\e6df"}.el-icon-arrow-right:before{content:"\e6e0"}.el-icon-arrow-left:before{content:"\e6de"}.el-icon-top-right:before{content:"\e6e7"}.el-icon-top-left:before{content:"\e6e8"}.el-icon-top:before{content:"\e6e6"}.el-icon-bottom:before{content:"\e6eb"}.el-icon-right:before{content:"\e6e9"}.el-icon-back:before{content:"\e6ea"}.el-icon-bottom-right:before{content:"\e6ec"}.el-icon-bottom-left:before{content:"\e6ed"}.el-icon-caret-top:before{content:"\e78f"}.el-icon-caret-bottom:before{content:"\e790"}.el-icon-caret-right:before{content:"\e791"}.el-icon-caret-left:before{content:"\e792"}.el-icon-d-caret:before{content:"\e79a"}.el-icon-share:before{content:"\e793"}.el-icon-menu:before{content:"\e798"}.el-icon-s-grid:before{content:"\e7a6"}.el-icon-s-check:before{content:"\e7a7"}.el-icon-s-data:before{content:"\e7a8"}.el-icon-s-opportunity:before{content:"\e7aa"}.el-icon-s-custom:before{content:"\e7ab"}.el-icon-s-claim:before{content:"\e7ad"}.el-icon-s-finance:before{content:"\e7ae"}.el-icon-s-comment:before{content:"\e7af"}.el-icon-s-flag:before{content:"\e7b0"}.el-icon-s-marketing:before{content:"\e7b1"}.el-icon-s-shop:before{content:"\e7b4"}.el-icon-s-open:before{content:"\e7b5"}.el-icon-s-management:before{content:"\e7b6"}.el-icon-s-ticket:before{content:"\e7b7"}.el-icon-s-release:before{content:"\e7b8"}.el-icon-s-home:before{content:"\e7b9"}.el-icon-s-promotion:before{content:"\e7ba"}.el-icon-s-operation:before{content:"\e7bb"}.el-icon-s-unfold:before{content:"\e7bc"}.el-icon-s-fold:before{content:"\e7a9"}.el-icon-s-platform:before{content:"\e7bd"}.el-icon-s-order:before{content:"\e7be"}.el-icon-s-cooperation:before{content:"\e7bf"}.el-icon-bell:before{content:"\e725"}.el-icon-message-solid:before{content:"\e799"}.el-icon-video-camera:before{content:"\e772"}.el-icon-video-camera-solid:before{content:"\e796"}.el-icon-camera:before{content:"\e779"}.el-icon-camera-solid:before{content:"\e79b"}.el-icon-download:before{content:"\e77c"}.el-icon-upload2:before{content:"\e77b"}.el-icon-upload:before{content:"\e7c3"}.el-icon-picture-outline-round:before{content:"\e75f"}.el-icon-picture-outline:before{content:"\e75e"}.el-icon-picture:before{content:"\e79f"}.el-icon-close:before{content:"\e6db"}.el-icon-check:before{content:"\e6da"}.el-icon-plus:before{content:"\e6d9"}.el-icon-minus:before{content:"\e6d8"}.el-icon-help:before{content:"\e73d"}.el-icon-s-help:before{content:"\e7b3"}.el-icon-circle-close:before{content:"\e78d"}.el-icon-circle-check:before{content:"\e720"}.el-icon-circle-plus-outline:before{content:"\e723"}.el-icon-remove-outline:before{content:"\e722"}.el-icon-zoom-out:before{content:"\e776"}.el-icon-zoom-in:before{content:"\e777"}.el-icon-error:before{content:"\e79d"}.el-icon-success:before{content:"\e79c"}.el-icon-circle-plus:before{content:"\e7a0"}.el-icon-remove:before{content:"\e7a2"}.el-icon-info:before{content:"\e7a1"}.el-icon-question:before{content:"\e7a4"}.el-icon-warning-outline:before{content:"\e6c9"}.el-icon-warning:before{content:"\e7a3"}.el-icon-goods:before{content:"\e7c2"}.el-icon-s-goods:before{content:"\e7b2"}.el-icon-star-off:before{content:"\e717"}.el-icon-star-on:before{content:"\e797"}.el-icon-more-outline:before{content:"\e6cc"}.el-icon-more:before{content:"\e794"}.el-icon-phone-outline:before{content:"\e6cb"}.el-icon-phone:before{content:"\e795"}.el-icon-user:before{content:"\e6e3"}.el-icon-user-solid:before{content:"\e7a5"}.el-icon-setting:before{content:"\e6ca"}.el-icon-s-tools:before{content:"\e7ac"}.el-icon-delete:before{content:"\e6d7"}.el-icon-delete-solid:before{content:"\e7c9"}.el-icon-eleme:before{content:"\e7c7"}.el-icon-platform-eleme:before{content:"\e7ca"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.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:34px;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:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);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:30px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:26px}.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-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:-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cy-element-ui",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "A Component Library for Vue.js.",
   "main": "lib/index.js",
   "files": [

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

@@ -85,4 +85,4 @@
 @import "./descriptions.scss";
 @import "./descriptions-item.scss";
 @import "./result.scss";
-@import "./cy-test.scss";
+@import "./treeSelect.scss";

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

@@ -0,0 +1,98 @@
+@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/treeSelect/index.js

@@ -0,0 +1,7 @@
+import TreeSelect from './src/main';
+
+TreeSelect.install = function(Vue) {
+  Vue.component(TreeSelect.name, TreeSelect);
+};
+
+export default TreeSelect;

package/packages/treeSelect/src/main.vue

@@ -0,0 +1,286 @@
+<template>
+  <div class="cy-tree-select">
+    <el-popover v-model="popoverOpen" placement="bottom-start" width="300" trigger="click" :popper-class="popperClass" @show="popoverOpen = true" @hide="popoverOpen = false">
+      <div class="cy-tree-select-select-con">
+        <div v-if="filterable" class="cy-tree-select-select-con-s">
+          <el-input
+            v-model="filterText"
+            placeholder="搜索"
+            prefix-icon="el-icon-search"
+            clearable
+            size="small"
+          ></el-input>
+        </div>
+        <div v-if="showCheckStrictly" class="cy-tree-select-select-con-t">
+          <el-checkbox v-model="isCheckStrictly">父子节点联动</el-checkbox>
+        </div>
+        
+        <div class="cy-tree-select-select-con-c">
+          <el-tree
+            ref="tree"
+            :data="treeOptions"
+            :show-checkbox="multiple"
+            :node-key="defaultOptions.id"
+            :check-strictly="!isCheckStrictly"
+            :props="defaultOptions"
+            :expand-on-click-node="false"
+            :default-expand-all="defaultExpandAll"
+            :filter-node-method="filterNode"
+            @check="treeCheck"
+            @node-click="treeClick"
+          ></el-tree>
+        </div>
+      </div>
+      
+      <div slot="reference" class="cy-tree-select-select" :class="size" :style="vStyle">
+        <div class="cy-tree-select-select-v">
+          <span v-if="checkedArr.length < 1" class="cy-tree-select-select-v-placeholder">{{ placeholder }}</span>
+          <span v-else>{{ checkedArr.map(item => item[defaultOptions.label]).join() }}</span>
+        </div>
+        
+        <div class="cy-tree-select-select-v-icon" @mouseenter="isClearIcon = true" @mouseleave="isClearIcon = false">
+          <i v-if="isClearIcon && clearable" class="el-icon-circle-close" @click.stop="handleClear"></i>
+          <i v-else class="el-icon-arrow-down cy-tree-select-select-v-arrow" :class="{ 'cy-tree-select-select-v-arrow-show': popoverOpen }"></i>
+        </div>
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+import ElCheckbox from 'element-ui/packages/checkbox';
+import ElPopover from 'element-ui/packages/popover';
+
+export default {
+  name: 'CyTreeSelect',
+  components: {
+    ElCheckbox,
+    ElPopover
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    value: {
+      type: [String, Number, Array],
+      default: ''
+    },
+
+    options: {
+      type: Array,
+      default: []
+    },
+
+    placeholder: {
+      type: String,
+      default: ''
+    },
+
+    size: {
+      type: String
+    },
+
+    filterable: {
+      type: Boolean,
+      default: false
+    },
+
+    showCheckStrictly: {
+      type: Boolean,
+      default: true
+    },
+
+    checkStrictly: {
+      type: Boolean,
+      default: true
+    },
+
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+
+    defaultOptions: {
+      type: Object,
+      default: () => {
+        return {
+          children: 'children',
+          label: 'label',
+          id: 'id'
+        };
+      }
+    },
+
+    vStyle: {
+      type: [Array, String, Object],
+      default: ''
+    },
+
+    popperClass: {
+      type: String,
+      default: ''
+    },
+
+    defaultExpandAll: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      isCheckStrictly: true,
+      popoverOpen: false,
+      isClearIcon: false,
+
+      treeOptions: [],
+      treeArr: [],
+      filterText: '',
+      matchedNodeIds: []
+    };
+  },
+  computed: {
+    checkedArr() {
+      if (this.multiple) {
+        let arr = [];
+        this.value && this.value.forEach(id => {
+          let cItem = this.treeArr.filter(tItem => tItem[this.defaultOptions.id] === id)[0];
+          if (cItem) arr.push(cItem);
+        });
+        return arr;
+      } else {
+        let cItem = this.treeArr.filter(tItem => tItem[this.defaultOptions.id] === Number(this.value))[0];
+        return cItem ? [cItem] : [];
+      }
+    }
+  },
+  watch: {
+    checkStrictly: {
+      immediate: true,
+      handler() {
+        this.isCheckStrictly = this.checkStrictly;
+      }
+    },
+
+    value: {
+      immediate: true,
+      deep: true,
+      handler() {
+        this.$nextTick(() => {
+          this.init();
+        });
+      }
+    },
+
+    options: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.treeOptions = this.options;
+        this.treeArr = this.turnFormatTreeData([], this.treeOptions, 0);
+      }
+    },
+
+    filterText(val) {
+      if (val) {
+        this.matchedNodeIds = this.findMatchedNodes(val, this.treeOptions);
+        this.$refs.tree.filter(val);
+        this.$nextTick(() => {
+          this.expandMatchedNodes();
+        });
+      } else {
+        this.matchedNodeIds = [];
+        this.$refs.tree.filter(val);
+      }
+    }
+  },
+  created() {
+
+  },
+  methods: {
+    filterNode(value, data) {
+      if (!value) return true;
+      return this.matchedNodeIds.includes(data[this.defaultOptions.id]);
+    },
+
+    findMatchedNodes(value, nodes, parentMatched = false) {
+      let matchedIds = [];
+
+      nodes.forEach(node => {
+        const currentNodeMatched = node[this.defaultOptions.label].indexOf(value) !== -1;
+        const shouldShow = currentNodeMatched || parentMatched;
+
+        if (shouldShow) {
+          matchedIds.push(node[this.defaultOptions.id]);
+        }
+
+        if (node[this.defaultOptions.children] && node[this.defaultOptions.children].length > 0) {
+          const childIds = this.findMatchedNodes(value, node[this.defaultOptions.children], shouldShow);
+          matchedIds = matchedIds.concat(childIds);
+        }
+      });
+
+      return matchedIds;
+    },
+
+    expandMatchedNodes() {
+      this.matchedNodeIds.forEach(nodeId => {
+        const treeNode = this.$refs.tree.store.nodesMap[nodeId];
+        if (treeNode) {
+          treeNode.expand();
+        }
+      });
+    },
+
+    init() {
+      let arr = [];
+      if (this.multiple) {
+        arr = this.value ? this.value : [];
+      } else {
+        arr = this.value ? [this.value] : [];
+      }
+      this.$nextTick(() => {
+        this.$refs.tree.setCheckedKeys(arr);
+      });
+    },
+
+    treeCheck(value, { checkedKeys, checkedNodes }) {
+      let arr = [];
+      arr = checkedNodes;
+      let idArr = arr.map(item => item[this.defaultOptions.id]);
+      this.$emit('change', this.multiple ? idArr : idArr[0], this.multiple ? arr : arr[0]);
+    },
+
+    treeClick(value, node, event) {
+      if (this.multiple) return;
+
+      this.$emit('change', value.id, value);
+      this.popoverOpen = false;
+    },
+
+    handleClear() {
+      this.$emit('change', this.multiple ? [] : '', this.multiple ? [] : null);
+      this.$refs.tree.setCheckedKeys([]);
+    },
+
+    turnFormatTreeData(arr, data, pId) {
+      data.forEach(item => {
+        let cItem = JSON.parse(JSON.stringify(item));
+        delete cItem[this.defaultOptions.children];
+        cItem.pId = pId;
+        arr.push(cItem);
+
+        if (item[this.defaultOptions.children] && item[this.defaultOptions.children].length > 0) {
+          this.turnFormatTreeData(arr, item[this.defaultOptions.children], item[this.defaultOptions.id]);
+        }
+      });
+      return arr;
+    }
+  }
+};
+</script>

package/src/index.js

@@ -89,7 +89,7 @@ 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 CyTest from '../packages/cy-test/index.js';
+import TreeSelect from '../packages/treeSelect/index.js';
 import locale from 'element-ui/src/locale';
 import CollapseTransition from 'element-ui/src/transitions/collapse-transition';
 
@@ -178,7 +178,7 @@ const components = [
   Descriptions,
   DescriptionsItem,
   Result,
-  CyTest,
+  TreeSelect,
   CollapseTransition
 ];
 
@@ -214,7 +214,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '1.1.3',
+  version: '1.1.4',
   locale: locale.use,
   i18n: locale.i18n,
   install,
@@ -308,5 +308,5 @@ export default {
   Descriptions,
   DescriptionsItem,
   Result,
-  CyTest
+  TreeSelect
 };

package/lib/theme-chalk/cy-test.css

@@ -1 +0,0 @@
-.cy-test{display:inline-block;padding:20px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 20px rgba(102,126,234,.3);box-shadow:0 4px 20px rgba(102,126,234,.3);min-width:300px}.cy-test--bordered{border:3px solid #fff;-webkit-box-shadow:0 4px 20px rgba(102,126,234,.4),inset 0 0 0 3px rgba(255,255,255,.3);box-shadow:0 4px 20px rgba(102,126,234,.4),inset 0 0 0 3px rgba(255,255,255,.3)}.cy-test__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.3)}.cy-test__title{font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cy-test__badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;color:#667eea;background-color:#fff;border-radius:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.cy-test__content{font-size:15px;color:rgba(255,255,255,.95);line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.15);background:rgba(255,255,255,.1);padding:12px 16px;border-radius:6px}.cy-test:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 30px rgba(102,126,234,.5);box-shadow:0 8px 30px rgba(102,126,234,.5)}.cy-test:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 4px 15px rgba(102,126,234,.3);box-shadow:0 4px 15px rgba(102,126,234,.3)}

package/packages/cy-test/index.js

@@ -1,8 +0,0 @@
-import CyTest from './src/main';
-
-/* istanbul ignore next */
-CyTest.install = function(Vue) {
-  Vue.component(CyTest.name, CyTest);
-};
-
-export default CyTest;

package/packages/cy-test/src/main.vue

@@ -1,26 +0,0 @@
-<template>
-  <div class="cy-test" :class="{ 'cy-test--bordered': bordered }">
-    <div class="cy-test__header" v-if="title">
-      <span class="cy-test__title">{{ title }}</span>
-      <span class="cy-test__badge" v-if="badge">{{ badge }}</span>
-    </div>
-    <div class="cy-test__content">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CyTest',
-
-  props: {
-    title: String,
-    badge: String,
-    bordered: {
-      type: Boolean,
-      default: true
-    }
-  }
-};
-</script>

package/packages/theme-chalk/src/cy-test.scss

@@ -1,61 +0,0 @@
-.cy-test {
-  display: inline-block;
-  padding: 20px 24px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 8px;
-  transition: all 0.3s ease;
-  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
-  min-width: 300px;
-
-  &--bordered {
-    border: 3px solid #fff;
-    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4), inset 0 0 0 3px rgba(255, 255, 255, 0.3);
-  }
-
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 16px;
-    padding-bottom: 12px;
-    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
-  }
-
-  &__title {
-    font-size: 18px;
-    font-weight: 700;
-    color: #fff;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-  }
-
-  &__badge {
-    display: inline-block;
-    padding: 4px 12px;
-    font-size: 12px;
-    font-weight: 600;
-    color: #667eea;
-    background-color: #fff;
-    border-radius: 20px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  }
-
-  &__content {
-    font-size: 15px;
-    color: rgba(255, 255, 255, 0.95);
-    line-height: 1.8;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-    background: rgba(255, 255, 255, 0.1);
-    padding: 12px 16px;
-    border-radius: 6px;
-  }
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.5);
-  }
-
-  &:active {
-    transform: translateY(0);
-    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
-  }
-}