leiting-bim 2.1.35 → 2.1.37

package/plugins/theme-chalk/dist/theme-chalk.css

@@ -0,0 +1,852 @@
+.cx-marker-default {
+  position: relative;
+}
+.cx-marker-default__name {
+  width: max-content;
+  transform: translate(-50%, -104%);
+  left: 50%;
+  position: absolute;
+  top: 0px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 15px;
+  padding: 4px 15px;
+  font-size: 16px;
+  color: #fff;
+  white-space: pre-wrap;
+}
+.cx-marker-default__custom {
+  position: absolute;
+}
+.cx-marker-default__img {
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+}
+.cx-marker-html {
+  position: relative;
+}
+.cx-marker-html__custom {
+  position: absolute;
+}
+.cx-marker-html__img {
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+}
+.cx-marker-text {
+  position: relative;
+}
+.cx-marker-text__name {
+  width: max-content;
+  text-align: center;
+  color: #fff;
+  z-index: 1;
+  white-space: pre-wrap;
+}
+.cx-marker-bubble {
+  position: relative;
+  pointer-events: none;
+  width: 0;
+  height: 0;
+}
+.cx-marker-bubble__name {
+  width: max-content;
+  min-width: 60px;
+  min-height: 20px;
+  text-align: center;
+  color: #fff;
+  z-index: 1;
+  white-space: pre-wrap;
+  pointer-events: auto;
+}
+.cx-marker-bubble__line {
+  width: 100px;
+  height: 30px;
+  background-color: pink;
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: auto;
+}
+.cx-marker-manage {
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.cx-marker-manage__container {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #ccc;
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+.cx-video.-hide .xg-inner-controls {
+  display: none !important;
+}
+.cx-video__poster {
+  background-color: black;
+  object-fit: cover;
+}
+.cx-card-content {
+  height: 100%;
+  width: 100%;
+}
+.cx-card-content__text {
+  overflow: auto;
+  height: 100%;
+  width: 100%;
+}
+.cx-card-content__text table {
+  border: 1px solid #ccc;
+  border-collapse: collapse;
+}
+.cx-card-content__text th {
+  border-width: 1px;
+  border: 1px solid #ccc;
+}
+.cx-card-content__text td {
+  border-width: 1px;
+  border: 1px solid #ccc;
+}
+.cx-card-content__text tr {
+  border-width: 1px;
+  border: 1px solid #ccc;
+}
+.cx-card-content__video {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cx-card-content__video__inner {
+  height: 100%;
+  width: 100%;
+}
+.cx-card-content__img {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+.cx-card-content__carousel {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cx-card-content__carousel__img {
+  height: 100%;
+  width: 100%;
+}
+.cx-card-content__iframe {
+  height: 100%;
+  width: 100%;
+}
+.cx-card-content__chart {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 8px;
+}
+.cx-carousel {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.cx-carousel:hover .cx-carousel__btn {
+  opacity: 1;
+  pointer-events: auto;
+}
+.cx-carousel .slick-slider {
+  height: 100%;
+  /* 让每个 slide 填满容器 */
+}
+.cx-carousel .slick-slide > div {
+  height: 100%;
+  /* 让每个 slide 填满容器 */
+}
+.cx-carousel .slick-list {
+  height: 100%;
+  /* 让每个 slide 填满容器 */
+}
+.cx-carousel .slick-track {
+  height: 100%;
+  /* 子元素也要占满 */
+}
+.cx-carousel-inner {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cx-carousel-inner__img {
+  width: 100%;
+  max-width: 100%;
+  max-height: 100%;
+}
+.cx-carousel__btn {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  border: none;
+  cursor: pointer;
+  padding: 6px 10px;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  z-index: 10;
+  transition: all 0.3s;
+  opacity: 0;
+  pointer-events: none;
+}
+.cx-carousel__btn:hover {
+  background: rgba(0, 0, 0, 0.6);
+}
+.cx-carousel__arrow__left {
+  left: 8px;
+}
+.cx-carousel__arrow__right {
+  right: 8px;
+}
+.cx-card-page {
+  position: relative;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.cx-card-page-content {
+  flex: 1;
+  padding: 12px;
+  overflow: auto;
+}
+.cx-card-page-content__item {
+  width: 100%;
+  height: 100%;
+}
+.cx-card-page-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 8px;
+  font-size: 12px;
+}
+.cx-card-page-pagination-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+.cx-card-page__title__preview {
+  font-weight: 500;
+  font-size: 13px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.cx-card-page__info {
+  font-size: 12px;
+  margin-top: 2px;
+}
+.cx-card-page__btn {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 14px;
+  padding: 2px 6px;
+  transition: color 0.2s;
+}
+.cx-card-page__btn.hover {
+  color: var(--buttonHoverColor);
+}
+.cx-card-carousel {
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+}
+.cx-card-carousel:hover .cx-card-carousel__btn {
+  opacity: 1;
+  pointer-events: auto;
+  /* 悬浮时可点 */
+}
+.cx-card-carousel-content {
+  flex: 1;
+  overflow: auto;
+}
+.cx-card-carousel-content__item {
+  width: 100%;
+  height: 100%;
+}
+.cx-card-carousel__btn {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  border: none;
+  cursor: pointer;
+  padding: 6px 10px;
+  border-radius: 50%;
+  transition: all 0.3s;
+  opacity: 0;
+  pointer-events: none;
+  /* 不可点 */
+}
+.cx-card-carousel__btn:hover {
+  background: rgba(0, 0, 0, 0.6);
+}
+.cx-card-carousel__arrow__left {
+  left: 8px;
+  z-index: 100;
+}
+.cx-card-carousel__arrow__right {
+  right: 8px;
+  z-index: 100;
+}
+.cx-card-carousel-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 8px;
+  font-size: 12px;
+}
+.cx-card-carousel-pagination-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+.cx-card-carousel__title {
+  white-space: nowrap;
+  font-weight: bold;
+}
+.cx-card-carousel__info {
+  opacity: 0.9;
+}
+.cx-audio-wrap.light {
+  background-color: #fafafa;
+  color: #67676c;
+}
+.cx-audio-wrap.dark {
+  background-color: rgba(12, 32, 51, 0.8);
+  color: #fff;
+  border: 1px solid #120a0a;
+}
+.cx-audio-wrap {
+  width: 100%;
+  border: 1px solid #ddd;
+  padding: 16px;
+  border-radius: 8px;
+  font-family: Arial, sans-serif;
+}
+.cx-audio-wrap input[type="range"] {
+  width: 100%;
+}
+.cx-audio-tool {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.cx-audio-play {
+  cursor: pointer;
+  user-select: none;
+}
+.cx-audio-sound {
+  margin-top: 10px;
+}
+.cx-audio-sound__text {
+  margin-bottom: 4px;
+}
+.cx-measurement-box {
+  position: absolute;
+  top: 115px;
+  left: 20px;
+  width: 200px;
+  padding: 16px;
+  background: rgba(0, 0, 0, 0.5);
+  border: 1px solid #424242;
+  border-radius: 4px;
+  backdrop-filter: blur(5px);
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  z-index: 999;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+  transition: all 0.3s ease;
+  max-height: 600px;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.cx-measurement-box::-webkit-scrollbar {
+  width: 4px;
+}
+.cx-measurement-box::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 2px;
+}
+.cx-measurement-box::-webkit-scrollbar-track {
+  background: transparent;
+}
+.cx-measurement-box__btn {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: 8px 12px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all 0.2s;
+  border-radius: 4px;
+  margin-bottom: 2px;
+  user-select: none;
+  box-sizing: border-box;
+}
+.cx-measurement-box__btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.cx-measurement-box__btn.active {
+  background: rgba(255, 255, 255, 0.2);
+  color: #fff;
+  font-weight: 500;
+}
+.cx-measurement-box__icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.cx-measurement-box__icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.cx-measurement-box__container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 100;
+  overflow: hidden;
+}
+.is-small {
+  width: 150px;
+  padding: 10px;
+}
+.is-small .cx-measurement-box__btn {
+  padding: 4px 8px;
+  font-size: 12px;
+}
+.is-small .cx-measurement-box__icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+}
+.cx-camera-roam-box {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  width: 320px;
+  background: rgba(30, 30, 30, 0.85);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  color: #e0e0e0;
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 100;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+.cx-camera-roam-box__header {
+  padding: 12px 16px;
+  background: rgba(255, 255, 255, 0.05);
+  font-weight: 600;
+  font-size: 16px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.cx-camera-roam-box__content {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+.cx-camera-roam-box__section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.cx-camera-roam-box__title {
+  font-size: 12px;
+  text-transform: uppercase;
+  color: #9ca3af;
+  letter-spacing: 0.5px;
+  font-weight: 600;
+}
+.cx-camera-roam-box__row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.cx-camera-roam-box__grid-2 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  align-items: center;
+}
+.cx-camera-roam-box__group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.cx-camera-roam-box__group label {
+  font-size: 12px;
+  color: #9ca3af;
+}
+.cx-camera-roam-box__group input[type='number'],
+.cx-camera-roam-box__group input[type='text'] {
+  width: 100%;
+  padding: 6px 10px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: #e0e0e0;
+  font-size: 13px;
+  outline: none;
+  box-sizing: border-box;
+}
+.cx-camera-roam-box__group input[type='number']:focus,
+.cx-camera-roam-box__group input[type='text']:focus {
+  border-color: #3b82f6;
+}
+.cx-camera-roam-box__checkbox {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  font-size: 13px;
+}
+.cx-camera-roam-box__btn {
+  padding: 6px 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.05);
+  color: #e0e0e0;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 13px;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+.cx-camera-roam-box__btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.cx-camera-roam-box__btn:active {
+  transform: translateY(1px);
+}
+.cx-camera-roam-box__btn.primary {
+  background: #3b82f6;
+  border-color: transparent;
+  color: white;
+}
+.cx-camera-roam-box__btn.primary:hover {
+  background: #2563eb;
+}
+.cx-camera-roam-box__btn.danger {
+  color: #ef4444;
+  border-color: rgba(239, 68, 68, 0.3);
+}
+.cx-camera-roam-box__btn.danger:hover {
+  background: rgba(239, 68, 68, 0.1);
+}
+.cx-camera-roam-box__btn.icon {
+  font-size: 16px;
+  padding: 6px 0;
+}
+.cx-camera-roam-box__btn.mini {
+  width: 32px;
+  padding: 0;
+  justify-content: center;
+}
+.cx-camera-roam-box__route-row {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.cx-camera-roam-box__select {
+  flex: 1;
+  padding: 4px 8px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: #e0e0e0;
+  font-size: 13px;
+  outline: none;
+  cursor: pointer;
+}
+.cx-camera-roam-box__select option {
+  background: #1e1e1e;
+  color: #e0e0e0;
+}
+.cx-camera-roam-box__select:focus {
+  border-color: #3b82f6;
+}
+.cx-camera-roam-box__list {
+  max-height: 150px;
+  overflow-y: auto;
+  background: rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.cx-camera-roam-box__list li {
+  padding: 6px 10px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+.cx-camera-roam-box__list li:last-child {
+  border-bottom: none;
+}
+.cx-camera-roam-box__list li:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+.cx-camera-roam-box__list li .info {
+  display: flex;
+  flex-direction: column;
+}
+.cx-camera-roam-box__list li .del-btn {
+  padding: 2px 6px;
+  font-size: 10px;
+  color: #ef4444;
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  background: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.cx-camera-roam-box__list li .del-btn:hover {
+  background: rgba(239, 68, 68, 0.1);
+}
+.cx-camera-roam-box__status {
+  padding: 10px 16px;
+  background: rgba(0, 0, 0, 0.3);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  font-size: 12px;
+  color: #9ca3af;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.cx-camera-roam-box__status span.value {
+  color: #3b82f6;
+  font-weight: 600;
+}
+.cx-path-roam-box {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  width: 280px;
+  background: rgba(30, 30, 30, 0.85);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  color: #e0e0e0;
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 100;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+.cx-path-roam-box__header {
+  padding: 12px 16px;
+  background: rgba(255, 255, 255, 0.05);
+  font-weight: 600;
+  font-size: 16px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.cx-path-roam-box__content {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+.cx-path-roam-box__section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.cx-path-roam-box__title {
+  font-size: 12px;
+  text-transform: uppercase;
+  color: #9ca3af;
+  letter-spacing: 0.5px;
+  font-weight: 600;
+}
+.cx-path-roam-box__row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.cx-path-roam-box__grid-2 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  align-items: center;
+}
+.cx-path-roam-box__group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.cx-path-roam-box__group label {
+  font-size: 12px;
+  color: #9ca3af;
+}
+.cx-path-roam-box__group input[type='number'],
+.cx-path-roam-box__group input[type='text'] {
+  width: 100%;
+  padding: 6px 10px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: #e0e0e0;
+  font-size: 13px;
+  outline: none;
+  box-sizing: border-box;
+}
+.cx-path-roam-box__group input[type='number']:focus,
+.cx-path-roam-box__group input[type='text']:focus {
+  border-color: #3b82f6;
+}
+.cx-path-roam-box__checkbox {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  font-size: 13px;
+}
+.cx-path-roam-box__btn {
+  padding: 6px 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.05);
+  color: #e0e0e0;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 13px;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+.cx-path-roam-box__btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.cx-path-roam-box__btn:active {
+  transform: translateY(1px);
+}
+.cx-path-roam-box__btn.primary {
+  background: #3b82f6;
+  border-color: transparent;
+  color: white;
+}
+.cx-path-roam-box__btn.primary:hover {
+  background: #2563eb;
+}
+.cx-path-roam-box__btn.danger {
+  color: #ef4444;
+  border-color: rgba(239, 68, 68, 0.3);
+}
+.cx-path-roam-box__btn.danger:hover {
+  background: rgba(239, 68, 68, 0.1);
+}
+.cx-path-roam-box__btn.icon {
+  font-size: 16px;
+  padding: 6px 0;
+}
+.cx-path-roam-box__btn.mini {
+  width: 32px;
+  padding: 0;
+  justify-content: center;
+}
+.cx-path-roam-box__route-row {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.cx-path-roam-box__select {
+  flex: 1;
+  padding: 4px 8px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: #e0e0e0;
+  font-size: 13px;
+  outline: none;
+  cursor: pointer;
+}
+.cx-path-roam-box__select option {
+  background: #1e1e1e;
+  color: #e0e0e0;
+}
+.cx-path-roam-box__select:focus {
+  border-color: #3b82f6;
+}
+.cx-path-roam-box__status {
+  padding: 10px 16px;
+  background: rgba(0, 0, 0, 0.3);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  font-size: 12px;
+  color: #9ca3af;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.cx-path-roam-box__status span.value {
+  color: #3b82f6;
+  font-weight: 600;
+}