fix: 画布左侧搜索栏和分页添加完成,解决样式冲突

public/drawio/extention/js/exSideBar.js

@@ -499,7 +499,7 @@
   Sidebar.prototype.createPaginations = function (id) {
   Sidebar.prototype.createPaginations = function (id) {
     let paginationId = id;
     let paginationId = id;
     var divWrapper = document.createElement("div");
     var divWrapper = document.createElement("div");
-    divWrapper.className = `sideBarItemsPaginationWrapper${paginationId}`;
+    divWrapper.className = `sideBarItemsPaginationWrapper sideBarItemsPaginationWrapper${paginationId}`;
     divWrapper.style.marginTop = "8px";
     divWrapper.style.marginTop = "8px";
     var pagination = document.createElement("div");
     var pagination = document.createElement("div");
     pagination.className = `m-style sideBarItemsPagination${paginationId}`;
     pagination.className = `m-style sideBarItemsPagination${paginationId}`;

public/drawio/pagination/common/common.css

@@ -31,7 +31,7 @@ pre {
 
 
 /*底部版权*/
 /*底部版权*/
 
 
-footer {
+.sideBarItemsPaginationWrapper footer {
   margin: 100px 0 50px 300px;
   margin: 100px 0 50px 300px;
   padding: 0 20px;
   padding: 0 20px;
   -webkit-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -40,98 +40,99 @@ footer {
   box-sizing: border-box;
   box-sizing: border-box;
 }
 }
 
 
-footer p {
+.sideBarItemsPaginationWrapper footer p {
   border-top: 1px solid #ebebeb;
   border-top: 1px solid #ebebeb;
-    opacity: .5;
+  opacity: 0.5;
   filter: alpha(opacity=50);
   filter: alpha(opacity=50);
   text-align: right;
   text-align: right;
   font-size: 12px;
   font-size: 12px;
   line-height: 3;
   line-height: 3;
-    font-family: "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", tahoma, arial, simsun, "\5B8B\4F53";
+  font-family: "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1",
+    tahoma, arial, simsun, "\5B8B\4F53";
 }
 }
 
 
-footer p a {
+.sideBarItemsPaginationWrapper footer p a {
   color: #000;
   color: #000;
 }
 }
 
 
-footer p .spe {
+.sideBarItemsPaginationWrapper footer p .spe {
   padding: 0 5px;
   padding: 0 5px;
 }
 }
 
 
-.right-bg {
+.sideBarItemsPaginationWrapper .right-bg {
   position: fixed;
   position: fixed;
   right: 0;
   right: 0;
   top: 50%;
   top: 50%;
   margin-top: -215px;
   margin-top: -215px;
   width: 215px;
   width: 215px;
   height: 430px;
   height: 430px;
-    background: url('../../image/right_bg.png') no-repeat;
+  background: url("../../image/right_bg.png") no-repeat;
 }
 }
 
 
-
 /*组件样式*/
 /*组件样式*/
 
 
-table {
+.sideBarItemsPaginationWrapper table {
   width: 100%;
   width: 100%;
-    border: 1px solid #CAD3DA;
+  border: 1px solid #cad3da;
 }
 }
 
 
-table td {
+.sideBarItemsPaginationWrapper table td {
   padding: 10px;
   padding: 10px;
   width: 150px;
   width: 150px;
-    border: 1px solid #CAD3DA;
+  border: 1px solid #cad3da;
 }
 }
 
 
-table thead tr {
+.sideBarItemsPaginationWrapper table thead tr {
   height: 40px;
   height: 40px;
   line-height: 40px;
   line-height: 40px;
   text-align: center;
   text-align: center;
-    border-bottom: 1px solid #CAD3DA;
+  border-bottom: 1px solid #cad3da;
 }
 }
 
 
-table thead td {
+.sideBarItemsPaginationWrapper table thead td {
   padding: 0;
   padding: 0;
-    border-left: 1px solid #CAD3DA;
-    background: #DFEBFB;
+  border-left: 1px solid #cad3da;
+  background: #dfebfb;
 }
 }
 
 
-table .explain {
+.sideBarItemsPaginationWrapper table .explain {
   width: 500px;
   width: 500px;
 }
 }
 
 
-table tbody tr:nth-child(even) {
-    background: #E7EFF9;
+.sideBarItemsPaginationWrapper table tbody tr:nth-child(even) {
+  background: #e7eff9;
 }
 }
 
 
-.hljs, .hljs-subst {
+.sideBarItemsPaginationWrapper .hljs,
+.hljs-subst {
   padding: 10px;
   padding: 10px;
   font-family: Monaco, Consolas, "Courier New";
   font-family: Monaco, Consolas, "Courier New";
 }
 }
 
 
-.method {
+.sideBarItemsPaginationWrapper .method {
   font-family: Monaco, Consolas, "Courier New";
   font-family: Monaco, Consolas, "Courier New";
 }
 }
 
 
-.eg {
+.sideBarItemsPaginationWrapper .eg {
   margin: 20px 0;
   margin: 20px 0;
   padding: 10px;
   padding: 10px;
   border: 1px dashed #bdbdbd;
   border: 1px dashed #bdbdbd;
   background: #f9f9f9;
   background: #f9f9f9;
 }
 }
 
 
-.update-log .title {
+.sideBarItemsPaginationWrapper .update-log .title {
   margin: 0;
   margin: 0;
   font-size: 20px;
   font-size: 20px;
 }
 }
 
 
-.update-log ul li {
+.sideBarItemsPaginationWrapper .update-log ul li {
   margin: 5px 0;
   margin: 5px 0;
 }
 }
 
 
-.bad {
+.sideBarItemsPaginationWrapper .bad {
   padding: 0 0 0 10px;
   padding: 0 0 0 10px;
   border: 1px dashed #bdbdbd;
   border: 1px dashed #bdbdbd;
   color: #757575;
   color: #757575;
   background: #f9f9f9;
   background: #f9f9f9;
   font-family: Monaco, Consolas, "Courier New";
   font-family: Monaco, Consolas, "Courier New";
-} */
+}
\ No newline at end of file