web-component-gallery 1.1.20 → 1.1.22

package/dist/amap.umd.js

@@ -9538,7 +9538,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n  display: flex;\\n  border: 1px solid #e8e8e8;\\n  box-sizing: border-box;\\n  width: 100%;\\n  height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n  flex: 1;\\n  padding: 16px 24px;\\n  box-sizing: border-box;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n  border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-input-search-icon {\\n  color: #1890ff;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\\n  background-color: #fafafa;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n  display: flex;\\n  color: #1890ff;\\n  margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n  flex: 1;\\n  text-align: right;\\n  color: #1890ff;\\n  cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n  border-radius: 0;\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n  border-radius: 0;\\n  border-radius: 5px;\\n  background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n  -webkit-transition: all 0.2s;\\n  transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n  width: 6px;\\n  height: 56px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n  width: 100%;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n  height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0 12px;\\n  box-sizing: border-box;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item:hover {\\n  color: #1890ff;\\n  background: #fafafa;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-inner {\\n  background: transparent;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-checked .ant-tree-checkbox-inner {\\n  background-color: #1890ff;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -9538,7 +9538,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n  display: flex;\\n  border: 1px solid #e8e8e8;\\n  box-sizing: border-box;\\n  width: 100%;\\n  height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n  flex: 1;\\n  padding: 16px 24px;\\n  box-sizing: border-box;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n  border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-input-search-icon {\\n  color: #1890ff;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\\n  background-color: #fafafa;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n  display: flex;\\n  color: #1890ff;\\n  margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n  flex: 1;\\n  text-align: right;\\n  color: #1890ff;\\n  cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n  border-radius: 0;\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n  border-radius: 0;\\n  border-radius: 5px;\\n  background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n  -webkit-transition: all 0.2s;\\n  transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n  width: 6px;\\n  height: 56px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n  width: 100%;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n  height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0 12px;\\n  box-sizing: border-box;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item:hover {\\n  color: #1890ff;\\n  background: #fafafa;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-inner {\\n  background: transparent;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-checked .ant-tree-checkbox-inner {\\n  background-color: #1890ff;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/tree.umd.js

@@ -3423,7 +3423,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n  display: flex;\\n  border: 1px solid #e8e8e8;\\n  box-sizing: border-box;\\n  width: 100%;\\n  height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n  flex: 1;\\n  padding: 16px 24px;\\n  box-sizing: border-box;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n  border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-input-search-icon {\\n  color: #1890ff;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\\n  background-color: #fafafa;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n  display: flex;\\n  color: #1890ff;\\n  margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n  flex: 1;\\n  text-align: right;\\n  color: #1890ff;\\n  cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n  border-radius: 0;\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n  border-radius: 0;\\n  border-radius: 5px;\\n  background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n  -webkit-transition: all 0.2s;\\n  transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n  width: 6px;\\n  height: 56px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n  width: 100%;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n  height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0 12px;\\n  box-sizing: border-box;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item:hover {\\n  color: #1890ff;\\n  background: #fafafa;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-inner {\\n  background: transparent;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-checked .ant-tree-checkbox-inner {\\n  background-color: #1890ff;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/lib/tree/Tree.vue

@@ -173,89 +173,5 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-// .publicTreeCheck {
-//   display: flex;
-//   border: 1px solid @line-split-color;
-//   box-sizing: border-box;
-
-//   .layout( 100%, 100% );
-
-//   & > div {
-//     flex: 1;
-//     padding: @padding-md @padding-lg;
-//     box-sizing: border-box;
-//     .flex-layout( column );
-//   }
-
-//   .TreeSelect {
-//     border-right: 1px solid @line-split-color;
-
-//     :deep(.ant-input-search-icon) {
-//       color: @info-color;
-//     }
-
-//     :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//       background-color: @select-item-selected-bg;
-//     }
-//   }
-
-//   .TreeReveal {
-//     .TreeSelectCount {
-//       display: flex;
-//       color: @--primary-color;
-
-//       margin-bottom: @padding-md;
-
-//       .clear {
-//         flex: 1;
-//         text-align: right;
-//         color: @info-color;
-//         cursor: pointer;
-//       }
-//     }
-
-//     .TreeListPage {
-//       // @include ScrollBarStyle();
-//       :deep(.ant-checkbox-group) {
-//         width: 100%;
-//         .flex-layout( column );
-//       }
-//       :deep(.ant-checkbox-group-item) {
-//         height: 40px;
-//         display: flex;
-//         align-items: center;
-
-//         padding: 0 @padding-sm;
-//         box-sizing: border-box;
-//       }
-//       :deep(.ant-checkbox-group-item:hover) {
-//         color: @--primary-color;
-//         background: @fill-color-fade2;
-//       }
-//     }
-//   }
-
-//   :deep(
-//       .ant-tree.ant-tree-directory
-//         .ant-tree-child-tree
-//         > li.ant-tree-treenode-selected
-//         > span.ant-tree-checkbox.ant-tree-checkbox-checked
-//         .ant-tree-checkbox-inner
-//     ) {
-//     background-color: @btn-primary-bg;
-//     &::after {
-//       border-color: @white !important;
-//     }
-//   }
-//   :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//     background-color: @select-item-selected-bg;
-//   }
-//   :deep(.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher) {
-//     background: @fill-color-fade1;
-//   }
-
-//   :deep(.ant-tree-checkbox-checked::after) {
-//     border-color: transparent;
-//   }
-// }
+@import url('./style/Tree.less');
 </style>

package/lib/tree/style/Tree.less

@@ -0,0 +1,73 @@
+/* 混入样式 */
+@import '../../style/mixins.less'; 
+@import 'ant-design-vue/lib/style/themes/default.less';
+
+.publicTreeCheck { 
+    display: flex;
+    border: 1px solid @border-color-split; 
+    box-sizing: border-box;
+  
+    .layout( 100%, 100% );
+  
+    & > div {
+      flex: 1;
+      padding: @padding-md @padding-lg; 
+      box-sizing: border-box;
+      .flex-layout( column );
+    } 
+  
+    .TreeSelect {
+      border-right: 1px solid @border-color-split;
+  
+      :deep(.ant-input-search-icon) {
+        color: @info-color;
+      }
+  
+      :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
+        background-color: @select-item-selected-bg;
+      }
+    }
+  
+    .TreeReveal {
+      .TreeSelectCount {
+        display: flex;
+        color: @primary-color;
+  
+        margin-bottom: @padding-md;
+  
+        .clear {
+          flex: 1;
+          text-align: right;
+          color: @info-color;
+          cursor: pointer;
+        }
+      }
+  
+      .TreeListPage {
+        .scrollbarStyle(); 
+        :deep(.ant-checkbox-group) {
+          width: 100%;
+          .flex-layout( column );
+        }
+        :deep(.ant-checkbox-group-item) {
+          height: 40px;
+          display: flex;
+          align-items: center;
+  
+          padding: 0 @padding-sm;
+          box-sizing: border-box;
+        }
+        :deep(.ant-checkbox-group-item:hover) {
+          color: @primary-color;
+          background: @background-color-light;
+        }
+      }
+    }
+
+    :deep(.ant-tree-checkbox-inner) {
+      background: transparent;
+    }
+    :deep(.ant-tree-checkbox-checked .ant-tree-checkbox-inner) {
+      background-color: @btn-primary-bg;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/lib/tree/Tree.vue

@@ -173,89 +173,5 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-// .publicTreeCheck {
-//   display: flex;
-//   border: 1px solid @line-split-color;
-//   box-sizing: border-box;
-
-//   .layout( 100%, 100% );
-
-//   & > div {
-//     flex: 1;
-//     padding: @padding-md @padding-lg;
-//     box-sizing: border-box;
-//     .flex-layout( column );
-//   }
-
-//   .TreeSelect {
-//     border-right: 1px solid @line-split-color;
-
-//     :deep(.ant-input-search-icon) {
-//       color: @info-color;
-//     }
-
-//     :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//       background-color: @select-item-selected-bg;
-//     }
-//   }
-
-//   .TreeReveal {
-//     .TreeSelectCount {
-//       display: flex;
-//       color: @--primary-color;
-
-//       margin-bottom: @padding-md;
-
-//       .clear {
-//         flex: 1;
-//         text-align: right;
-//         color: @info-color;
-//         cursor: pointer;
-//       }
-//     }
-
-//     .TreeListPage {
-//       // @include ScrollBarStyle();
-//       :deep(.ant-checkbox-group) {
-//         width: 100%;
-//         .flex-layout( column );
-//       }
-//       :deep(.ant-checkbox-group-item) {
-//         height: 40px;
-//         display: flex;
-//         align-items: center;
-
-//         padding: 0 @padding-sm;
-//         box-sizing: border-box;
-//       }
-//       :deep(.ant-checkbox-group-item:hover) {
-//         color: @--primary-color;
-//         background: @fill-color-fade2;
-//       }
-//     }
-//   }
-
-//   :deep(
-//       .ant-tree.ant-tree-directory
-//         .ant-tree-child-tree
-//         > li.ant-tree-treenode-selected
-//         > span.ant-tree-checkbox.ant-tree-checkbox-checked
-//         .ant-tree-checkbox-inner
-//     ) {
-//     background-color: @btn-primary-bg;
-//     &::after {
-//       border-color: @white !important;
-//     }
-//   }
-//   :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//     background-color: @select-item-selected-bg;
-//   }
-//   :deep(.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher) {
-//     background: @fill-color-fade1;
-//   }
-
-//   :deep(.ant-tree-checkbox-checked::after) {
-//     border-color: transparent;
-//   }
-// }
+@import url('./style/Tree.less');
 </style>

package/plugins/lib/tree/style/Tree.less

@@ -0,0 +1,73 @@
+/* 混入样式 */
+@import '../../style/mixins.less'; 
+@import 'ant-design-vue/lib/style/themes/default.less';
+
+.publicTreeCheck { 
+    display: flex;
+    border: 1px solid @border-color-split; 
+    box-sizing: border-box;
+  
+    .layout( 100%, 100% );
+  
+    & > div {
+      flex: 1;
+      padding: @padding-md @padding-lg; 
+      box-sizing: border-box;
+      .flex-layout( column );
+    } 
+  
+    .TreeSelect {
+      border-right: 1px solid @border-color-split;
+  
+      :deep(.ant-input-search-icon) {
+        color: @info-color;
+      }
+  
+      :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
+        background-color: @select-item-selected-bg;
+      }
+    }
+  
+    .TreeReveal {
+      .TreeSelectCount {
+        display: flex;
+        color: @primary-color;
+  
+        margin-bottom: @padding-md;
+  
+        .clear {
+          flex: 1;
+          text-align: right;
+          color: @info-color;
+          cursor: pointer;
+        }
+      }
+  
+      .TreeListPage {
+        .scrollbarStyle(); 
+        :deep(.ant-checkbox-group) {
+          width: 100%;
+          .flex-layout( column );
+        }
+        :deep(.ant-checkbox-group-item) {
+          height: 40px;
+          display: flex;
+          align-items: center;
+  
+          padding: 0 @padding-sm;
+          box-sizing: border-box;
+        }
+        :deep(.ant-checkbox-group-item:hover) {
+          color: @primary-color;
+          background: @background-color-light;
+        }
+      }
+    }
+
+    :deep(.ant-tree-checkbox-inner) {
+      background: transparent;
+    }
+    :deep(.ant-tree-checkbox-checked .ant-tree-checkbox-inner) {
+      background-color: @btn-primary-bg;
+    }
+}

package/plugins/lib/tree/style/index.less

@@ -1 +0,0 @@
-@import './Directory.less';