cesium-alpha-earth 1.0.21 → 1.0.22

package/dist/cesium-alpha-earth.css

@@ -1341,7 +1341,7 @@ span.cesium-projectionPicker-wrapper {
 
 /* packages/widgets/Source/widgets.css */
 
-.component-ui[data-v-0052dccc] {
+.component-ui[data-v-cca60a3d] {
   border-radius: 4px;
   padding: 10px;
   position: absolute;
@@ -1359,20 +1359,20 @@ span.cesium-projectionPicker-wrapper {
   max-height: 70vh;
   overflow-y: scroll;
 }
-.header[data-v-0052dccc] {
+.header[data-v-cca60a3d] {
   width: 100%;
   display: flex;
   justify-content: space-between;
   font-size: 16px;
   align-items: center;
 }
-.header .clostBth[data-v-0052dccc] {
+.header .clostBth[data-v-cca60a3d] {
   width: 18px;
   height: 18px;
   margin-left: 50px;
   cursor: pointer;
 }
-.container[data-v-0052dccc] {
+.container[data-v-cca60a3d] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1381,34 +1381,34 @@ span.cesium-projectionPicker-wrapper {
   text-align: right;
   font-size: 14px;
 }
-.moveingSection[data-v-0052dccc] {
+.moveingSection[data-v-cca60a3d] {
   display: flex;
   margin-top: 15px;
   width: 300px;
   justify-content: space-around;
 }
-.moveingSection img[data-v-0052dccc] {
+.moveingSection img[data-v-cca60a3d] {
   width: 20px;
   height: 20px;
   cursor: pointer;
 }
-.load3DTiles[data-v-0052dccc] {
+.load3DTiles[data-v-cca60a3d] {
   width: 100%;
   display: flex;
   align-items: center;
   margin-top: 15px;
   justify-content: right;
 }
-.load3DTiles span[data-v-0052dccc] {
+.load3DTiles span[data-v-cca60a3d] {
   min-width: 100px;
   text-align: right;
 }
-.load3DTiles .loadBth[data-v-0052dccc] {
+.load3DTiles .loadBth[data-v-cca60a3d] {
   height: 20px;
   width: 50px;
   margin-left: 5px;
 }
-.load3DTiles .modelUrl[data-v-0052dccc] {
+.load3DTiles .modelUrl[data-v-cca60a3d] {
   width: 150px;
   background-color: #fff;
   height: 20px;
@@ -1416,18 +1416,18 @@ span.cesium-projectionPicker-wrapper {
   color: black;
   text-align: center;
 }
-.importShp[data-v-0052dccc] {
+.importShp[data-v-cca60a3d] {
   width: 100%;
   display: flex;
   align-items: center;
   margin-top: 15px;
   justify-content: right;
 }
-.importShp span[data-v-0052dccc] {
+.importShp span[data-v-cca60a3d] {
   min-width: 100px;
   text-align: right;
 }
-.importShp .fileNameContainer[data-v-0052dccc] {
+.importShp .fileNameContainer[data-v-cca60a3d] {
   width: 150px;
   background-color: #fff;
   height: 20px;
@@ -1437,161 +1437,161 @@ span.cesium-projectionPicker-wrapper {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.importShp .loadBth[data-v-0052dccc] {
+.importShp .loadBth[data-v-cca60a3d] {
   width: 50px;
   height: 20px;
   margin-left: 5px;
 }
-.samplingInterval[data-v-0052dccc] {
+.samplingInterval[data-v-cca60a3d] {
   width: 100%;
   display: flex;
   justify-content: right;
   align-items: center;
   margin-top: 15px;
 }
-.samplingInterval .numberInput[data-v-0052dccc] {
+.samplingInterval .numberInput[data-v-cca60a3d] {
   width: 205px;
 }
-.samplingInterval span[data-v-0052dccc] {
+.samplingInterval span[data-v-cca60a3d] {
   min-width: 100px;
   text-align: right;
 }
-.colorPicke[data-v-0052dccc] {
+.colorPicke[data-v-cca60a3d] {
   margin-top: 15px;
   width: 100%;
   display: flex;
   justify-content: right;
   align-items: center;
 }
-.colorPicke span[data-v-0052dccc] {
+.colorPicke span[data-v-cca60a3d] {
   text-align: right;
   min-width: 100px;
 }
-.colorPicke[data-v-0052dccc] .el-color-picker__trigger {
+.colorPicke[data-v-cca60a3d] .el-color-picker__trigger {
   width: 205px;
 }
-.buttonDiv[data-v-0052dccc] {
+.buttonDiv[data-v-cca60a3d] {
   width: 100%;
   margin-top: 15px;
   display: flex;
   justify-content: space-around;
   align-items: center;
 }
-.infoBox[data-v-0052dccc] {
+.infoBox[data-v-cca60a3d] {
   width: 100%;
   display: flex;
   flex-direction: column;
 }
-.infoBox section[data-v-0052dccc] {
+.infoBox section[data-v-cca60a3d] {
   margin-top: 15px;
   display: flex;
   justify-content: right;
 }
-.infoBox section span[data-v-0052dccc] {
+.infoBox section span[data-v-cca60a3d] {
   text-align: right;
   min-width: 100px;
 }
-.infoBox section div[data-v-0052dccc] {
+.infoBox section div[data-v-cca60a3d] {
   width: 205px;
   border-radius: 5px;
   color: #fff;
   text-align: center;
 }
-.sildloop[data-v-0052dccc] {
+.sildloop[data-v-cca60a3d] {
   display: flex;
   width: 100%;
   justify-content: right;
   align-items: center;
   margin-top: 15px;
 }
-.sildloop span[data-v-0052dccc] {
+.sildloop span[data-v-cca60a3d] {
   text-align: right;
   min-width: 100px;
 }
-.sildloop div[data-v-0052dccc] {
+.sildloop div[data-v-cca60a3d] {
   display: flex;
   justify-content: center;
   width: 205px;
 }
-.roadPlan[data-v-0052dccc] {
+.roadPlan[data-v-cca60a3d] {
   display: flex;
   width: 100%;
   justify-content: right;
   align-items: center;
   margin-top: 15px;
 }
-.roadPlan span[data-v-0052dccc] {
+.roadPlan span[data-v-cca60a3d] {
   text-align: right;
   min-width: 100px;
 }
-.roadPlan div[data-v-0052dccc] {
+.roadPlan div[data-v-cca60a3d] {
   display: flex;
   justify-content: center;
   width: 205px;
 }
-.showLine[data-v-0052dccc] {
+.showLine[data-v-cca60a3d] {
   display: flex;
   width: 100%;
   justify-content: right;
   align-items: center;
   margin-top: 15px;
 }
-.showLine span[data-v-0052dccc] {
+.showLine span[data-v-cca60a3d] {
   text-align: right;
   min-width: 100px;
 }
-.showLine div[data-v-0052dccc] {
+.showLine div[data-v-cca60a3d] {
   display: flex;
   justify-content: center;
   width: 205px;
 }
-.showLine div[data-v-0052dccc] .el-switch__label {
+.showLine div[data-v-cca60a3d] .el-switch__label {
   color: #fff;
 }
-.polygonPosition[data-v-0052dccc] {
+.polygonPosition[data-v-cca60a3d] {
   display: flex;
   width: 100%;
   justify-content: right;
   align-items: center;
   margin-top: 15px;
 }
-.polygonPosition > div[data-v-0052dccc] {
+.polygonPosition > div[data-v-cca60a3d] {
   display: flex;
   justify-content: center;
   width: 205px;
 }
-.polygonPosition > div .positionInput[data-v-0052dccc] {
+.polygonPosition > div .positionInput[data-v-cca60a3d] {
   height: 20px;
   width: 150px;
 }
-.polygonPosition > div .moveBth[data-v-0052dccc] {
+.polygonPosition > div .moveBth[data-v-cca60a3d] {
   width: 50px;
   height: 20px;
   margin-left: 5px;
 }
 /* 设置滚动条的宽度 */
-.component-ui[data-v-0052dccc]::-webkit-scrollbar {
+.component-ui[data-v-cca60a3d]::-webkit-scrollbar {
   width: 5px;
   /* 设置滚动条的宽度 */
   height: 12px;
   /* 设置水平滚动条的高度 */
 }
 /* 设置滚动条的滑块样式 */
-.component-ui[data-v-0052dccc]::-webkit-scrollbar-thumb {
+.component-ui[data-v-cca60a3d]::-webkit-scrollbar-thumb {
   background-color: #888;
   /* 设置滑块的颜色 */
   border-radius: 10px;
   /* 设置滑块的圆角 */
 }
 /* 设置滚动条轨道的样式 */
-.component-ui[data-v-0052dccc]::-webkit-scrollbar-track {
+.component-ui[data-v-cca60a3d]::-webkit-scrollbar-track {
   background: #f1f1f1;
   /* 设置轨道的背景色 */
   border-radius: 10px;
   /* 设置轨道的圆角 */
 }
 /* 设置滑块悬停时的样式 */
-.component-ui[data-v-0052dccc]::-webkit-scrollbar-thumb:hover {
+.component-ui[data-v-cca60a3d]::-webkit-scrollbar-thumb:hover {
   background-color: #555;
   /* 设置悬停时滑块的颜色 */
 }
@@ -1711,4 +1711,495 @@ span.cesium-projectionPicker-wrapper {
 /* 设置滑块悬停时的样式 */
 .main-result[data-v-a7c79e0c]::-webkit-scrollbar-thumb:hover {
   background-color: transparent;
+}
+.toolListContainer {
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  pointer-events: all;
+}
+.leftArrow,
+.rightArrow {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 24px;
+  cursor: pointer;
+  background-color: rgba(64, 59, 50, 0.925);
+  border-radius: 5px;
+  color: #fff;
+  padding: 2px;
+  box-sizing: border-box;
+  margin: 5px;
+}
+.toolContent {
+  display: flex;
+  align-items: center;
+  background-color: rgba(70, 62, 48, 0.774);
+  padding: 8px;
+  border-radius: 10px;
+  max-width: 500px;
+  overflow: hidden;
+}
+.sectionStyle {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  color: #fff;
+  margin-left: 5px;
+  margin-right: 5px;
+  font-size: 16px;
+  padding: 10px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.sectionStyle img {
+  width: 20px;
+  height: 20px;
+}
+.isActive {
+  background-color: rgba(17, 151, 204, 0.329);
+}
+
+/* 下面我们会解释这些 class 是做什么的 */
+.v-enter-active,
+.v-leave-active {
+  transition: opacity 0.5s ease;
+}
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}.measurement-ui[data-v-48647ecc] {
+  border-radius: 4px;
+  padding: 10px;
+  position: absolute;
+  z-index: 1800;
+  pointer-events: all;
+  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.9) 0%, rgba(58, 68, 82, 0.9) 50%, rgba(53, 53, 53, 0.9) 100%);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+}
+.header[data-v-48647ecc] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 16px;
+  align-items: center;
+  width: 100%;
+  min-width: 200px;
+}
+.header .closeBth[data-v-48647ecc] {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+.container[data-v-48647ecc] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+  font-size: 14px;
+}
+.actionSection[data-v-48647ecc] {
+  margin: 0;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+}.component-ui[data-v-738655d9] {
+  pointer-events: all;
+  border-radius: 4px;
+  padding: 10px;
+  position: absolute;
+  z-index: 1800;
+  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.9) 0%, rgba(58, 68, 82, 0.9) 50%, rgba(53, 53, 53, 0.9) 100%);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+}
+.header[data-v-738655d9] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 16px;
+  align-items: center;
+  width: 100%;
+  min-width: 200px;
+}
+.header .closeBth[data-v-738655d9] {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+.container[data-v-738655d9] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+  font-size: 14px;
+}
+.actionSection[data-v-738655d9] {
+  margin: 0;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+}.component-ui[data-v-93920b20] {
+  pointer-events: all;
+  border-radius: 4px;
+  padding: 10px;
+  position: absolute;
+  z-index: 1800;
+  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.9) 0%, rgba(58, 68, 82, 0.9) 50%, rgba(53, 53, 53, 0.9) 100%);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+}
+.header[data-v-93920b20] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 16px;
+  align-items: center;
+  width: 100%;
+  min-width: 200px;
+}
+.header .closeBth[data-v-93920b20] {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+.container[data-v-93920b20] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+  font-size: 14px;
+}
+.actionSection[data-v-93920b20] {
+  margin: 0;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+}
+.slide-fade-enter-active[data-v-93920b20] {
+  transition: all 0.3s ease-out;
+}
+.slide-fade-leave-active[data-v-93920b20] {
+  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
+}
+.slide-fade-enter-from[data-v-93920b20],
+.slide-fade-leave-to[data-v-93920b20] {
+  transform: translateX(20px);
+  opacity: 0;
+}.component-ui[data-v-a2447328] {
+  position: absolute;
+  z-index: 1800;
+  display: flex;
+  flex-direction: column;
+}
+.component-ui section[data-v-a2447328] {
+  background-color: rgba(53, 53, 53, 0.9);
+  padding: 2px;
+  border-radius: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.component-ui .icon[data-v-a2447328] {
+  width: 30px;
+  height: 30px;
+  color: rgb(255, 255, 255);
+}
+.component-ui .box-item[data-v-a2447328] {
+  margin-top: 5px;
+}
+.slide-fade-enter-active[data-v-a2447328] {
+  transition: all 0.4s ease-out;
+}
+.slide-fade-leave-active[data-v-a2447328] {
+  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
+}
+.slide-fade-enter-from[data-v-a2447328],
+.slide-fade-leave-to[data-v-a2447328] {
+  transform: translateY(-20px);
+  opacity: 0;
+}
+.component-ui[data-v-1bb73d0e] {
+  pointer-events: all;
+  border-radius: 4px;
+  padding: 10px;
+  position: absolute;
+  z-index: 1800;
+  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.9) 0%, rgba(58, 68, 82, 0.9) 50%, rgba(53, 53, 53, 0.9) 100%);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+}
+.header[data-v-1bb73d0e] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 16px;
+  align-items: center;
+  width: 100%;
+}
+.header .closeBth[data-v-1bb73d0e] {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+.searchComponent[data-v-1bb73d0e] {
+  width: 200px;
+  height: 24px;
+}
+.container[data-v-1bb73d0e] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  white-space: nowrap;
+  font-size: 14px;
+}
+.layerContainer[data-v-1bb73d0e] {
+  box-sizing: border-box;
+  background-color: rgba(255, 255, 255, 0.089);
+  border-radius: 15px;
+  padding: 5px;
+  box-sizing: border-box;
+  width: 100%;
+  max-height: 400px;
+  overflow-y: scroll;
+  display: flex;
+  flex-direction: column;
+  margin-top: 15px;
+}
+.layerContainer .section[data-v-1bb73d0e] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.layerContainer .bth[data-v-1bb73d0e] {
+  width: 80px;
+  height: 20px;
+}
+
+/* 设置滚动条的宽度 */
+.layerContainer[data-v-1bb73d0e]::-webkit-scrollbar {
+  width: 5px;
+  /* 设置滚动条的宽度 */
+  height: 12px;
+  /* 设置水平滚动条的高度 */
+}
+
+/* 设置滚动条的滑块样式 */
+.layerContainer[data-v-1bb73d0e]::-webkit-scrollbar-thumb {
+  background-color: #888;
+  /* 设置滑块的颜色 */
+  border-radius: 10px;
+  /* 设置滑块的圆角 */
+}
+
+/* 设置滚动条轨道的样式 */
+.layerContainer[data-v-1bb73d0e]::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  /* 设置轨道的背景色 */
+  border-radius: 10px;
+  /* 设置轨道的圆角 */
+}
+
+/* 设置滑块悬停时的样式 */
+.layerContainer[data-v-1bb73d0e]::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+  /* 设置悬停时滑块的颜色 */
+}
+.layerInfoSection[data-v-1bb73d0e] {
+  display: flex;
+  font-size: 16px;
+}
+.checkboxStyle[data-v-1bb73d0e] {
+  box-sizing: border-box;
+  height: 30px;
+  margin: 5px;
+  color: #fff;
+}
+.actionSection[data-v-1bb73d0e] {
+  margin: 0;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+.searchInput[data-v-1bb73d0e] {
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+  font-size: 16px;
+}
+.container[data-v-6d886800] {
+  pointer-events: all;
+  position: fixed;
+  z-index: 1800;
+  border-radius: 50px;
+  display: flex;
+  height: 50px;
+  box-sizing: border-box;
+}
+.container .leftSelect[data-v-6d886800] {
+  width: 100px;
+  box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: normal;
+  color: #a1a2a5;
+  cursor: pointer;
+  border-radius: 50px 0 0 50px;
+  background-color: rgb(71, 67, 67);
+  position: relative;
+}
+.container .leftSelect .textSpan[data-v-6d886800] {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+}
+.container .leftSelect .dropDownLayer[data-v-6d886800] {
+  position: absolute;
+  left: -50px;
+  top: 50px;
+  min-width: 150px;
+  max-height: 300px;
+  background-color: #e7e7e7;
+  box-sizing: border-box;
+  overflow: hidden;
+  cursor: default;
+  overflow-y: scroll;
+}
+.container .leftSelect .dropDownLayer .layerInfoContainer[data-v-6d886800] {
+  padding: 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid darkgray;
+  background-color: rgb(71, 67, 67);
+  width: 100%;
+  height: 50px;
+  display: flex;
+  color: #a39f9f;
+  justify-content: center;
+  align-items: center;
+  font-size: 16px;
+  cursor: pointer;
+}
+.container .leftSelect .dropDownLayer .layerInfoContainer[data-v-6d886800]:hover {
+  background-color: #e7e7e7;
+}
+.container .leftSelect .icon[data-v-6d886800] {
+  width: 14px;
+  height: 14px;
+}
+.container .rightInput[data-v-6d886800] {
+  box-sizing: border-box;
+  width: 300px;
+  height: 50px;
+  background-color: rgb(71, 67, 67);
+  border-left: 1px solid #706d6d;
+}
+.container .rightInput .elSelect[data-v-6d886800] {
+  width: 100%;
+  height: 50px;
+}
+.container .rightInput .elSelect[data-v-6d886800] ::placeholder {
+  color: #fff;
+}
+.container .rightInput .elSelect[data-v-6d886800] .el-select__wrapper {
+  width: 100%;
+  height: 50px;
+  background-color: rgb(71, 67, 67);
+  border: 0;
+  border: none;
+  outline: none;
+  /* 去除焦点时的外轮廓 */
+  box-shadow: none;
+  border-radius: 0;
+}
+.container .rightInput .elSelect[data-v-6d886800] .el-select__wrapper ::placeholder {
+  color: #fff;
+}
+.container .rightInput .elSelect[data-v-6d886800] .el-select__wrapper :focus-visible {
+  outline: none;
+}
+.container .rightInput .elSelect[data-v-6d886800] .el-select__input {
+  color: #fff;
+}
+.container .rightInput .elSelect[data-v-6d886800] .el-select__input ::placeholder {
+  color: #fff;
+}
+.container .endSearchBth[data-v-6d886800] {
+  box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgb(235, 10, 10);
+  border-radius: 0 50px 50px 0;
+  color: #fff;
+  cursor: pointer;
+}
+.container .endSearchBth .icon[data-v-6d886800] {
+  width: 18px;
+  height: 18px;
+}
+
+/* 设置滚动条的宽度 */
+.dropDownLayer[data-v-6d886800]::-webkit-scrollbar {
+  width: 5px;
+  /* 设置滚动条的宽度 */
+  height: 12px;
+  /* 设置水平滚动条的高度 */
+}
+
+/* 设置滚动条的滑块样式 */
+.dropDownLayer[data-v-6d886800]::-webkit-scrollbar-thumb {
+  background-color: #888;
+  /* 设置滑块的颜色 */
+  border-radius: 10px;
+  /* 设置滑块的圆角 */
+}
+
+/* 设置滚动条轨道的样式 */
+.dropDownLayer[data-v-6d886800]::-webkit-scrollbar-track {
+  background-color: rgb(71, 67, 67);
+  /* 设置轨道的背景色 */
+  border-radius: 10px;
+  /* 设置轨道的圆角 */
+}
+
+/* 设置滑块悬停时的样式 */
+.dropDownLayer[data-v-6d886800]::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+  /* 设置悬停时滑块的颜色 */
 }