wargerm 0.4.31 → 0.4.34

package/dist/components/DragBox/index.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    title?: string | ReactNode;
+    children?: string | ReactNode;
+    closeIcon?: ReactNode;
+    onClose?: () => void;
+    visible: boolean;
+    isDrag?: boolean;
+    isResize?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export default function DragBox({ title, children, closeIcon, onClose, visible, isDrag, isResize, className, style, }: Props): JSX.Element;
+export {};

package/dist/components/Wcharts/WaterLevelCharts/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type IConfig = {
+    maxHeight?: number;
+    markline: number[];
+    imgWidth?: number;
+    imgHeight?: number;
+};
+export default function WaterLevelCharts(config: IConfig): JSX.Element;
+export {};

package/dist/index.css

@@ -29,6 +29,7 @@
   /* Common Styles */
   /* Bullets */
   /* Progress */
+  /* Animation css */
 }
 [data-prefers-color='dark'] .__dumi-default-previewer {
   background: linear-gradient(#1c274f 0%, #2f4262 100%);
@@ -1412,6 +1413,110 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 [data-prefers-color='dark'] .ant-modal-confirm-btns {
   display: flex;
 }
+[data-prefers-color='dark'] [class*='animation-'] {
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+[data-prefers-color='dark'] .animation-fade {
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+[data-prefers-color='dark'] .animation-fade-out {
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+[data-prefers-color='dark'] .drag-container {
+  position: fixed;
+  width: 300px;
+  height: 200px;
+  display: flex;
+  flex-direction: column;
+  z-index: 999;
+  min-width: 50px;
+  min-height: 50px;
+}
+[data-prefers-color='dark'] .drag-container .drag-title {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+[data-prefers-color='dark'] .drag-container .drag-title.move {
+  cursor: move;
+}
+[data-prefers-color='dark'] .drag-container .drag-body {
+  flex: 1;
+}
+[data-prefers-color='dark'] .resizer {
+  width: 10px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  cursor: e-resize;
+  z-index: 100;
+}
+[data-prefers-color='dark'] .resizeb {
+  width: 100%;
+  height: 10px;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  cursor: n-resize;
+  z-index: 100;
+}
+[data-prefers-color='dark'] .resizerb {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  cursor: se-resize;
+  z-index: 101;
+}
 [data-prefers-color='dark'] .empty {
   background: #16191e;
   width: 100%;
@@ -1522,6 +1627,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   /* Common Styles */
   /* Bullets */
   /* Progress */
+  /* Animation css */
 }
 [data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary {
   color: #d8655f;
@@ -2648,6 +2754,110 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
 [data-prefers-color='light'] .ant-modal-confirm-btns {
   display: flex;
 }
+[data-prefers-color='light'] [class*='animation-'] {
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+[data-prefers-color='light'] .animation-fade {
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+[data-prefers-color='light'] .animation-fade-out {
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+[data-prefers-color='light'] .drag-container {
+  position: fixed;
+  width: 300px;
+  height: 200px;
+  display: flex;
+  flex-direction: column;
+  z-index: 999;
+  min-width: 50px;
+  min-height: 50px;
+}
+[data-prefers-color='light'] .drag-container .drag-title {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+[data-prefers-color='light'] .drag-container .drag-title.move {
+  cursor: move;
+}
+[data-prefers-color='light'] .drag-container .drag-body {
+  flex: 1;
+}
+[data-prefers-color='light'] .resizer {
+  width: 10px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  cursor: e-resize;
+  z-index: 100;
+}
+[data-prefers-color='light'] .resizeb {
+  width: 100%;
+  height: 10px;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  cursor: n-resize;
+  z-index: 100;
+}
+[data-prefers-color='light'] .resizerb {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  cursor: se-resize;
+  z-index: 101;
+}
 [data-prefers-color='light'] .ant-form-item-label > label {
   font-size: 16px;
   color: #4281a1;

package/dist/index.d.ts

@@ -22,10 +22,12 @@ export { default as Breadcrumb } from './components/Breadcrumb';
 export { default as Card } from './components/Card';
 export { default as Modal } from './components/Modal';
 export { default as ModalTips } from './components/ModalTips';
+export { default as DragBox } from './components/DragBox';
 export { default as ModalForm } from './components/ModalForm';
 export { default as TabelCard } from './components/TabelCard';
 export { default as Cascader } from './components/Cascader';
 export { default as WebsocketHeart } from './components/WebsocketHeart';
 export { default as VideoPlayer } from './components/VideoPlayer';
 export { default as Video } from './components/Video';
-export { default as LineEcharts } from './components/LineEcharts';
+export { default as LineEcharts } from './components/Wcharts/LineEcharts';
+export { default as WaterLevelCharts } from './components/Wcharts/WaterLevelCharts';

package/dist/index.esm.css

@@ -29,6 +29,7 @@
   /* Common Styles */
   /* Bullets */
   /* Progress */
+  /* Animation css */
 }
 [data-prefers-color='dark'] .__dumi-default-previewer {
   background: linear-gradient(#1c274f 0%, #2f4262 100%);
@@ -1412,6 +1413,110 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 [data-prefers-color='dark'] .ant-modal-confirm-btns {
   display: flex;
 }
+[data-prefers-color='dark'] [class*='animation-'] {
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+[data-prefers-color='dark'] .animation-fade {
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+[data-prefers-color='dark'] .animation-fade-out {
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+[data-prefers-color='dark'] .drag-container {
+  position: fixed;
+  width: 300px;
+  height: 200px;
+  display: flex;
+  flex-direction: column;
+  z-index: 999;
+  min-width: 50px;
+  min-height: 50px;
+}
+[data-prefers-color='dark'] .drag-container .drag-title {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+[data-prefers-color='dark'] .drag-container .drag-title.move {
+  cursor: move;
+}
+[data-prefers-color='dark'] .drag-container .drag-body {
+  flex: 1;
+}
+[data-prefers-color='dark'] .resizer {
+  width: 10px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  cursor: e-resize;
+  z-index: 100;
+}
+[data-prefers-color='dark'] .resizeb {
+  width: 100%;
+  height: 10px;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  cursor: n-resize;
+  z-index: 100;
+}
+[data-prefers-color='dark'] .resizerb {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  cursor: se-resize;
+  z-index: 101;
+}
 [data-prefers-color='dark'] .empty {
   background: #16191e;
   width: 100%;
@@ -1522,6 +1627,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   /* Common Styles */
   /* Bullets */
   /* Progress */
+  /* Animation css */
 }
 [data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary {
   color: #d8655f;
@@ -2648,6 +2754,110 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
 [data-prefers-color='light'] .ant-modal-confirm-btns {
   display: flex;
 }
+[data-prefers-color='light'] [class*='animation-'] {
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+[data-prefers-color='light'] .animation-fade {
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+[data-prefers-color='light'] .animation-fade-out {
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+[data-prefers-color='light'] .drag-container {
+  position: fixed;
+  width: 300px;
+  height: 200px;
+  display: flex;
+  flex-direction: column;
+  z-index: 999;
+  min-width: 50px;
+  min-height: 50px;
+}
+[data-prefers-color='light'] .drag-container .drag-title {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+[data-prefers-color='light'] .drag-container .drag-title.move {
+  cursor: move;
+}
+[data-prefers-color='light'] .drag-container .drag-body {
+  flex: 1;
+}
+[data-prefers-color='light'] .resizer {
+  width: 10px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  cursor: e-resize;
+  z-index: 100;
+}
+[data-prefers-color='light'] .resizeb {
+  width: 100%;
+  height: 10px;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  cursor: n-resize;
+  z-index: 100;
+}
+[data-prefers-color='light'] .resizerb {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  cursor: se-resize;
+  z-index: 101;
+}
 [data-prefers-color='light'] .ant-form-item-label > label {
   font-size: 16px;
   color: #4281a1;