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

public/drawio/extention/js/exSideBar.js

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

public/drawio/pagination/common/common.css

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