wargerm 0.4.30 → 0.4.33

package/dist/index.esm.js

@@ -54,7 +54,7 @@ import HlsJsPlayer from 'xgplayer-hls.js';
 import { isEmpty } from 'lodash';
 import ReactEChartsCore from 'echarts-for-react/lib/core';
 import * as echarts from 'echarts/core';
-import { use, registerTheme } from 'echarts/core';
+import { use, registerTheme, graphic } from 'echarts/core';
 import { BarChart, LineChart, PieChart, RadarChart, PictorialBarChart, CustomChart } from 'echarts/charts';
 import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, LegendPlainComponent, MarkLineComponent, LegendScrollComponent, PolarComponent, GraphicComponent, ToolboxComponent } from 'echarts/components';
 import { CanvasRenderer } from 'echarts/renderers';
@@ -7204,6 +7204,7 @@ var WForm = function WForm(props, ref) {
         }
 
         var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
+          disabled: disabled,
           formItemProps: c.formItemProps,
           fieldProps: c.fieldProps,
           columnsFields: columnsFields // columnsFieldsRef,
@@ -7709,6 +7710,7 @@ var WForm = function WForm(props, ref) {
         }
 
         var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
+          disabled: disabled,
           formItemProps: c.formItemProps,
           fieldProps: c.fieldProps,
           columnsFields: columnsFields // columnsFieldsRef,
@@ -10321,6 +10323,185 @@ Modal$1.hidden = function () {
   ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
 };
 
+function DragBox(_ref) {
+  var title = _ref.title,
+      children = _ref.children,
+      closeIcon = _ref.closeIcon,
+      onClose = _ref.onClose,
+      visible = _ref.visible,
+      isDrag = _ref.isDrag,
+      isResize = _ref.isResize,
+      className = _ref.className,
+      style = _ref.style;
+  var titleRef = useRef(null);
+  var containerRef = useRef(null);
+  var ltRef = useRef(null);
+  var rRef = useRef(null);
+  var bRef = useRef(null);
+  var rbRef = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      delayVisiable = _useState2[0],
+      setDelayVisiable = _useState2[1];
+
+  useEffect(function () {
+    var timer = null;
+
+    if (visible) {
+      setDelayVisiable(visible);
+    } else {
+      timer = setTimeout(function () {
+        setDelayVisiable(visible);
+      }, 1000);
+    }
+
+    return function () {
+      timer && clearTimeout(timer);
+    };
+  }, [visible]);
+  useEffect(function () {
+    var tltleEl = titleRef.current;
+    var containerEl = containerRef.current;
+    console.log(titleRef, containerRef);
+    var tltleElOnmousedown = null;
+
+    if (tltleEl && containerEl && isDrag) {
+      tltleElOnmousedown = function tltleElOnmousedown(eventDown) {
+        var left = containerEl.offsetLeft;
+        var top = containerEl.offsetTop;
+        var downX = eventDown.clientX;
+        var downY = eventDown.clientY;
+        console.log(left, top);
+
+        document.onmousemove = function (eventMove) {
+          eventMove.stopPropagation();
+          eventMove.preventDefault();
+          var moveX = eventMove.clientX - downX;
+          var moveY = eventMove.clientY - downY;
+          containerEl.style.left = "".concat(left + moveX, "px");
+          containerEl.style.top = "".concat(top + moveY, "px");
+        };
+      };
+
+      tltleEl.onmousedown = tltleElOnmousedown;
+    }
+
+    var rEl = rRef.current;
+    var bEl = bRef.current;
+    var rbEl = rbRef.current;
+    var rElOnmousedown = null;
+    var bElOnmousedown = null;
+    var rbElOnmousedown = null;
+
+    if (containerEl && isResize && rEl && bEl && rbEl) {
+      rElOnmousedown = function rElOnmousedown(e) {
+        var disX = e.clientX - rEl.offsetLeft;
+
+        document.onmousemove = function (e) {
+          e.stopPropagation();
+          e.preventDefault();
+          var l = e.clientX - disX;
+          containerEl.style.width = "".concat(l, "px");
+        };
+
+        document.onmouseup = function (e) {
+          document.onmousemove = null;
+        };
+      };
+
+      rEl.onmousedown = rElOnmousedown;
+
+      bElOnmousedown = function bElOnmousedown(e) {
+        var disY = e.clientY - bEl.offsetTop;
+
+        document.onmousemove = function (e) {
+          e.stopPropagation();
+          e.preventDefault();
+          var h = e.clientY - disY;
+          containerEl.style.height = "".concat(h, "px");
+        };
+
+        document.onmouseup = function (e) {
+          document.onmousemove = null;
+        };
+      };
+
+      bEl.onmousedown = bElOnmousedown;
+
+      rbElOnmousedown = function rbElOnmousedown(e) {
+        var disX = e.clientX - rbEl.offsetLeft;
+        var disY = e.clientY - rbEl.offsetTop;
+
+        document.onmousemove = function (e) {
+          e.stopPropagation();
+          e.preventDefault();
+          var l = e.clientX - disX;
+          var h = e.clientY - disY;
+          containerEl.style.width = "".concat(l, "px");
+          containerEl.style.height = "".concat(h, "px");
+        };
+
+        document.onmouseup = function (e) {
+          document.onmousemove = null;
+        };
+      };
+
+      rbEl.onmousedown = rbElOnmousedown;
+    }
+
+    document.onmouseup = function (eventMove) {
+      document.onmousemove = null;
+    };
+
+    return function () {
+      if (tltleElOnmousedown) {
+        document.onmousemove = null;
+      }
+
+      if (rElOnmousedown) {
+        rElOnmousedown = null;
+      }
+
+      if (bElOnmousedown) {
+        rElOnmousedown = null;
+      }
+
+      if (rbElOnmousedown) {
+        rElOnmousedown = null;
+      }
+    };
+  }, [isDrag, delayVisiable, visible, isResize]);
+  return delayVisiable && /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: "drag-container ".concat(visible ? 'animation-fade' : 'animation-fade-out', "  ").concat(className),
+    style: _objectSpread2({
+      animationDelay: "0.3s"
+    }, style || {})
+  }, isResize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: rRef,
+    className: "resizer"
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: bRef,
+    className: "resizeb"
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: rbRef,
+    className: "resizerb"
+  })), /*#__PURE__*/React.createElement("div", {
+    ref: titleRef,
+    className: "drag-title ".concat(isDrag ? 'move' : '')
+  }, title, /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      onClose && onClose();
+    }
+  }, closeIcon || /*#__PURE__*/React.createElement(CloseCircleOutlined, null))), /*#__PURE__*/React.createElement("div", {
+    className: "drag-body"
+  }, children));
+}
+
 var _excluded$g = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange", "formItemChild"];
 
 var ModalForm = function ModalForm(props, ref) {
@@ -12250,4 +12431,194 @@ function LineEcharts(_ref2) {
   });
 }
 
-export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, index$1 as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$7 as Number, NumericInput, Index$2 as Radio, Select, Index$a as Swiper, WSwitch as Switch, index$2 as TabelCard, Table, Index$6 as TreeSelect, index$4 as Video, index$3 as VideoPlayer, Index$5 as WDatePicker, WForm$1 as WForm, WebsocketHeart };
+var waterBlock = "data:image/png;base64,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";
+
+var option = function option(config) {
+  var markline = config.markline;
+  var maxHeight = config.maxHeight ? config.maxHeight : config.markline[0] + 2;
+  return {
+    grid: {
+      top: '2%',
+      bottom: 1,
+      left: 20,
+      right: 20,
+      containLabel: true
+    },
+    xAxis: [{
+      type: 'category',
+      axisLabel: {
+        formatter: '{value}',
+        // interval: 0,
+        fontSize: calcWidth(24),
+        color: '#ccf8fb',
+        margin: 20
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      data: ['']
+    }],
+    yAxis: [{
+      nameTextStyle: {
+        fontSize: 16,
+        color: '#CBDDFF'
+      },
+      max: maxHeight,
+      min: 0,
+      boundaryGap: [1, 1],
+      type: 'value',
+      axisLabel: {
+        // fontSize: calcWidth(24),
+        // color: '#ccf8fb',
+        // margin: 20,
+        show: false
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: '#2c3641'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#2c3641',
+          type: 'dotted',
+          opacity: 0.02,
+          width: 1
+        }
+      },
+      splitNumber: 5
+    }],
+    graphic: {
+      elements: [{
+        type: 'image',
+        left: '-2px',
+        bottom: '-2px',
+        z: 10,
+        // bounding: "raw",
+        origin: [0, 0],
+        style: {
+          image: waterBlock,
+          width: config.imgWidth || 557,
+          height: config.imgHeight || 250
+        }
+      } // {
+      //   type: "text",
+      //   right: 0,
+      //   top: "10%",
+      //   left: "10%",
+      //   z: 5,
+      //   style: {
+      //     text: "堤坝高度：" + maxHeight + "m",
+      //     fill: "#FFF",
+      //     fontSize: 16,
+      //   },
+      // },
+      ]
+    },
+    series: [{
+      type: 'bar',
+      data: [markline[2]],
+      barCategoryGap: '-100%',
+      itemStyle: {
+        color: new graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: 'rgba(81, 190, 246, 0.4)'
+        }, {
+          offset: 1,
+          color: 'rgba(28, 84, 197,0.5)'
+        }])
+      },
+      markLine: {
+        silent: true,
+        data: [{
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#ffbf27'
+          },
+          name: '保证水位',
+          yAxis: markline[0],
+          lineStyle: {
+            type: 'solid',
+            color: '#ffbf27',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#ff1c1c'
+          },
+          name: '警戒水位',
+          yAxis: markline[1],
+          lineStyle: {
+            type: 'solid',
+            color: '#ff1c1c',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#16a8cb'
+          },
+          name: '当前水位',
+          yAxis: markline[2],
+          lineStyle: {
+            type: 'solid',
+            color: '#16a8cb',
+            width: 1
+          },
+          symbol: 'none'
+        }, {
+          label: {
+            position: 'insideEndTop',
+            fontSize: 12,
+            formatter: '{b}：{c}m',
+            color: '#2c7df6'
+          },
+          name: '设防水位',
+          yAxis: markline[3],
+          lineStyle: {
+            type: 'solid',
+            color: '#2c7df6',
+            width: 1
+          },
+          symbol: 'none'
+        }]
+      }
+    }]
+  };
+};
+
+function WaterLevelCharts(config) {
+  return /*#__PURE__*/React.createElement(ReactECharts, {
+    option: option(config),
+    style: {
+      height: '100%'
+    }
+  });
+}
+
+export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, index$1 as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$7 as Number, NumericInput, Index$2 as Radio, Select, Index$a as Swiper, WSwitch as Switch, index$2 as TabelCard, Table, Index$6 as TreeSelect, index$4 as Video, index$3 as VideoPlayer, Index$5 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart };