@zgfe/modules-interval 1.0.0-interval.1

package/dist/esm/components/common/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './styles/index.less';
+export declare const MiSpin: React.FC;
+export declare const MiNone: React.FC<{
+    label?: string;
+}>;

package/dist/esm/components/common/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import "./styles/index.less";
+var classPrefix = 'mi-common';
+
+// 加载按钮
+export var MiSpin = function MiSpin() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-loading-icon")
+  });
+};
+
+// 无数据状态
+export var MiNone = function MiNone(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-none-container")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-none")
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-none-text")
+  }, " ", props.label));
+};

package/dist/esm/components/common/styles/index.less

@@ -0,0 +1,27 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.mi-common {
+  &-loading-icon {
+    z-index: 1000;
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    background: url('../../../style/image/ring.svg') no-repeat;
+    background-size: contain;
+  }
+
+  &-none-text {
+    color: @text-color;
+    font-size: 16px;
+  }
+
+  &-none {
+    width: 348px;
+    height: 132px;
+    background: url('../../../style/image/noData.png') no-repeat;
+  }
+
+  &-none-container {
+    text-align: center;
+  }
+}

package/dist/esm/components/eventFilter/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles/index.less';
+import { EventFilterProps } from './types';
+declare const EventFilter: React.FC<EventFilterProps>;
+export default EventFilter;

package/dist/esm/components/eventFilter/index.js

@@ -0,0 +1,187 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Switch, Tooltip } from 'antd';
+import React, { useEffect, useRef, useState } from 'react';
+import { BizEventSelector, IconFont, BizAttrConditionGroup } from '@zgfe/business-lib';
+import "./styles/index.less";
+import _ from 'lodash';
+var classPrefix = 'eventfilter-box';
+var EventFilter = function EventFilter(props) {
+  // 筛选条件个数
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  // 是否点击添加
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAdd = _useState4[0],
+    setIsAdd = _useState4[1];
+  // 筛选条件组ref
+  var conditionRef = useRef(null);
+  // 当前选中的事件
+  var _useState5 = useState({
+      id: -100,
+      name: '事件概览'
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    event = _useState6[0],
+    setEvent = _useState6[1];
+  // 是否为事件概览, true展示
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    eventOverview = _useState8[0],
+    setEventOverview = _useState8[1];
+  // 关联属性
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    relevancy = _useState10[0],
+    setRelevancy = _useState10[1];
+  // 筛选属性组
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    filter = _useState12[0],
+    setFilter = _useState12[1];
+  // 细分属性初始值
+  var _useState13 = useState(),
+    _useState14 = _slicedToArray(_useState13, 2),
+    bizAttributeSelectorValue = _useState14[0],
+    setBizAttributeSelectorValue = _useState14[1];
+
+  // 初始化
+  useEffect(function () {
+    if (props.value) {
+      var _data = props.value;
+      if (_data && _data.id) {
+        setEvent({
+          id: _data.id,
+          name: _data.name
+        });
+        setEventOverview(true);
+      }
+      if (_data.filters) {
+        setFilter(_data.filters);
+      }
+      if (_data.dimension) {
+        setBizAttributeSelectorValue(_objectSpread(_objectSpread({}, _data.dimension), {}, {
+          key: _data.dimension.propCategory === 'eventProp' ? _data.dimension.value : _data.dimension.propCategory + '-' + _data.dimension.value
+        }));
+      }
+    }
+  }, []);
+
+  // 添加筛选
+  var onAdd = function onAdd() {
+    if (event.id === -1) {
+      return;
+    }
+    // 最多可添加10条属性筛选
+    if (count >= 10) {
+      return;
+    }
+    setIsAdd(true);
+    setTimeout(function () {
+      conditionRef.current.add();
+    }, 0);
+  };
+
+  // 筛选条件改变
+  var onChangeFilters = function onChangeFilters(data) {
+    if (data && data.conditions && data.conditions.length > 0) {
+      setFilter(data);
+    } else {
+      setFilter(undefined);
+      setIsAdd(false);
+    }
+  };
+  var onChangeEvent = function onChangeEvent(event) {
+    if (event && event.event && event.event.id === -100) {
+      setEventOverview(false);
+    } else {
+      setEventOverview(true);
+    }
+    if (event && event.event) {
+      setEvent(event.event);
+      props.onChange && props.onChange(event.event);
+    }
+    setBizAttributeSelectorValue(undefined);
+    setFilter(undefined);
+    setIsAdd(false);
+    setCount(0);
+  };
+
+  // 变更searchData
+  useEffect(function () {
+    var _event = {
+      id: event.id,
+      name: event.name
+    };
+    if (filter) {
+      _event.filters = filter;
+    }
+    if (bizAttributeSelectorValue) {
+      var _dimension = _.cloneDeep(bizAttributeSelectorValue);
+      delete _dimension.key;
+      _event.dimension = _dimension;
+    }
+    if (props.relevancy && relevancy !== undefined) {
+      _event.relevancy = relevancy;
+    }
+    props.onChange && props.onChange(_event);
+  }, [bizAttributeSelectorValue, filter, event, relevancy]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizEventSelector, {
+    showAllEvent: true,
+    showBuiltInTarget: false,
+    popupContainer: false,
+    defaultSelectAble: false,
+    value: {
+      event: event
+    },
+    onChange: onChangeEvent,
+    placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
+  }), eventOverview && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: '添加属性筛选'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "".concat(count >= 10 || event.id === -1 ? 'disable' : ''),
+    type: "shaixuan",
+    onClick: function onClick() {
+      return onAdd();
+    }
+  }))), props !== null && props !== void 0 && props.relevancy && eventOverview ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Switch, {
+    size: "default",
+    style: {
+      marginLeft: 24
+    },
+    checked: relevancy,
+    onChange: function onChange(checked) {
+      return setRelevancy(checked);
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "switch-title"
+  }, "\u8BBE\u7F6E\u5173\u8054\u5C5E\u6027")) : ''), (filter || isAdd) && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(count > 0 ? 'attr-box-show' : '', " top")
+  }, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
+    ref: conditionRef,
+    value: filter,
+    onlyAnd: true,
+    enableEventProp: true,
+    enableDelete: true,
+    eventIdList: [event.id],
+    onChange: onChangeFilters,
+    onConditionsCount: setCount
+  })));
+};
+export default EventFilter;

package/dist/esm/components/eventFilter/styles/index.less

@@ -0,0 +1,42 @@
+.eventfilter-box {
+  > :nth-child(1) {
+    display: flex;
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    margin-bottom: 12px;
+    margin-bottom: 12px;
+
+    .biz-event-select,
+    .biz-attr-select {
+      width: 208px;
+    }
+
+    .shaixuan {
+      margin-top: 2px;
+      color: #9aa1a9;
+      font-size: 20px !important;
+      cursor: pointer;
+    }
+
+    .shaixuan:hover {
+      color: #165dff;
+    }
+
+    .disable {
+      color: #ccd0d4 !important;
+      cursor: not-allowed !important;
+    }
+
+    .switch-title {
+      margin-left: -8px;
+      color: var(--io-n-8, #354354);
+      font-weight: 400;
+      font-size: 14px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: normal;
+      letter-spacing: 1px;
+    }
+  }
+}

package/dist/esm/components/eventFilter/types.d.ts

@@ -0,0 +1,50 @@
+import { eventProps } from '../../types';
+/**
+ *  事件属性
+ */
+export interface ConditionsnProps {
+    /**
+     * 属性id
+     */
+    attrId: number | undefined;
+    /**
+     * 属性类型
+     */
+    propCategory: string | undefined;
+    /**
+     * 类型
+     */
+    type: string | undefined;
+    /**
+     * id
+     */
+    id?: number | undefined;
+    /**
+     * 名字
+     */
+    name?: string | undefined;
+    /**
+     * 类别
+     */
+    category?: string | undefined;
+    /**
+     * 属性name
+     */
+    attrName?: string | undefined;
+    /**
+     * 属性label
+     */
+    label?: string | undefined;
+    /**
+     * dimensionSub
+     */
+    dimensionSub?: string | undefined;
+}
+/**
+ *  EventFilter组件
+ */
+export interface EventFilterProps {
+    value?: eventProps;
+    relevancy?: boolean;
+    onChange?: (event: eventProps) => {};
+}

package/dist/esm/components/eventFilter/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import ContentPanel from './renderContent';
+import SearchPanel from './searchPanel';
+import EventTable from './table';
+import { MiNone, MiSpin } from './common';
+export { ContentPanel, SearchPanel, EventTable, MiNone, MiSpin };

package/dist/esm/components/index.js

@@ -0,0 +1,5 @@
+import ContentPanel from "./renderContent";
+import SearchPanel from "./searchPanel";
+import EventTable from "./table";
+import { MiNone, MiSpin } from "./common";
+export { ContentPanel, SearchPanel, EventTable, MiNone, MiSpin };

package/dist/esm/components/renderContent/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { RenderContentProps } from './types';
+import './styles/index.less';
+declare const ContentPanel: React.FC<RenderContentProps>;
+export default ContentPanel;

package/dist/esm/components/renderContent/index.js

@@ -0,0 +1,58 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Spin } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { MiNone, MiSpin } from '..';
+import "./styles/index.less";
+import EventChart from "../../modules/chart";
+var classPrefix = 'render-content';
+var ContentPanel = function ContentPanel(props) {
+  var _eventData$xAxis;
+  var loading = props.loading,
+    eventData = props.eventData,
+    searchData = props.searchData;
+
+  // 显示内容
+  var _useState = useState(props.showList || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    showList = _useState2[0],
+    setShowList = _useState2[1];
+  useEffect(function () {
+    setShowList(props.showList);
+  }, [eventData]);
+
+  // 表格筛选，取前10个
+  var onChangeShow = function onChangeShow(names) {
+    setShowList(names);
+    if (props.onChangeShow) props.onChangeShow(names);
+  };
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Spin, {
+      className: "".concat(classPrefix, "-spin-container"),
+      tip: "\u67E5\u8BE2\u4E2D...",
+      indicator: /*#__PURE__*/React.createElement(MiSpin, null)
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-chart-container")
+  }, eventData ? /*#__PURE__*/React.createElement(EventChart, {
+    dataSource: eventData,
+    params: searchData,
+    showList: showList
+  }) : /*#__PURE__*/React.createElement(MiNone, {
+    label: "\u6682\u65E0\u6570\u636E"
+  })), eventData && (_eventData$xAxis = eventData.xAxis) !== null && _eventData$xAxis !== void 0 && _eventData$xAxis.length ? /*#__PURE__*/React.createElement(EventChart, {
+    type: "grid",
+    dataSource: eventData,
+    params: searchData,
+    showList: showList,
+    onChangeShow: onChangeShow
+  }) : null);
+};
+export default ContentPanel;

package/dist/esm/components/renderContent/styles/index.less

@@ -0,0 +1,23 @@
+
+.render-content {
+  &-chart-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    .echarts-for-react {
+      width: 100%;
+      background: #fff;
+      border: 1px solid var(--unnamed, #ecedf0);
+      border-radius: 8px;
+    }
+  }
+
+  &-spin-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 300px;
+  }
+}

package/dist/esm/components/renderContent/types.d.ts

@@ -0,0 +1,31 @@
+import { SearchValue, ResponseDataProps } from '../../types';
+export interface RenderContentProps {
+    /**
+     * 查询状态
+     */
+    loading?: boolean;
+    /**
+     * 查询结果
+     */
+    eventData?: ResponseDataProps;
+    /**
+     * 查询条件
+     */
+    searchData?: SearchValue;
+    /**
+     * 显示列表
+     */
+    showList: string[];
+    /**
+     * 是否是城市
+     */
+    isCity?: boolean;
+    /**
+     * 添加或者编辑,另存为到看板,添加到常用场景成功之后回调
+     */
+    afterEditTarget?: (type: string, value?: any) => void;
+    /**
+     * 改变显示内容
+     */
+    onChangeShow?: (data: string[]) => void;
+}

package/dist/esm/components/renderContent/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/searchPanel/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles/index.less';
+import { SearchPanelProps } from './types';
+declare const SearchPanel: React.FC<SearchPanelProps>;
+export default SearchPanel;

package/dist/esm/components/searchPanel/index.js

@@ -0,0 +1,122 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BizDatePicker, BizSelect } from '@zgfe/business-lib';
+import React, { useContext, useEffect, useState } from 'react';
+import { chartTypeOptions, getInitDate } from "../../constants";
+import { EventContext } from "../../types";
+import "./styles/index.less";
+import { extractNames } from "../../utils/formData";
+var classPrefix = 'search-panel';
+var SearchPanel = function SearchPanel(props) {
+  var _useContext = useContext(EventContext),
+    includeToday = _useContext.includeToday;
+  // 当前时间段
+  var _useState = useState(props.time || getInitDate(includeToday)),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  // 当前图表类型
+  var _useState3 = useState(chartTypeOptions[0]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    chart = _useState4[0],
+    setChart = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    timer = _useState6[0],
+    setTimer = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    displaySetupList = _useState8[0],
+    setDisplaySetupLIst = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    displaySetupSliceList = _useState10[0],
+    setDisplaySetupSliceList = _useState10[1];
+  // 查询维度
+  var _useState11 = useState({
+      analysisIndex: 'number'
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    dimension = _useState12[0],
+    setDimension = _useState12[1];
+  // 初始化表格表头和内容
+  useEffect(function () {
+    if (props !== null && props !== void 0 && props.eventData) {
+      var arr = extractNames(props === null || props === void 0 ? void 0 : props.eventData);
+      setDisplaySetupLIst(arr);
+    }
+  }, [props === null || props === void 0 ? void 0 : props.eventData]);
+  // 初始化
+  useEffect(function () {
+    if (props.chartType && props.chartType !== chart.value) {
+      setChart({
+        value: props.chartType
+      });
+    }
+    var _dimension = {
+      analysisIndex: 'number'
+    };
+    if (props.analysisIndex) {
+      _dimension = {
+        analysisIndex: props.analysisIndex
+      };
+    }
+    if (props.analysisAttr) {
+      // _dimension['analysisAttr'] = props.analysisAttr;
+    }
+    setDimension(_objectSpread({}, _dimension));
+  }, [props.chartType]);
+
+  // 时间改变
+  var onChangeTime = function onChangeTime(val) {
+    if (timer) clearTimeout(timer);
+    setTimer(setTimeout(function () {
+      setTime(val);
+      props.onChange && props.onChange(_objectSpread({
+        time: val,
+        chartType: chart.value
+      }, dimension));
+    }, 10));
+  };
+  // 显示设置选择
+  var onDimensionChange = function onDimensionChange(val) {
+    if (val) {
+      props.onChange && props.onChange({
+        time: time,
+        displaySetup: val
+      });
+      setDisplaySetupSliceList(val);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(BizDatePicker, {
+    defaultValue: time,
+    onChange: onChangeTime
+  }), /*#__PURE__*/React.createElement(BizSelect, {
+    multiple: true,
+    onChange: onDimensionChange,
+    className: "".concat(classPrefix, "-select"),
+    placeholder: "\u8BF7\u9009\u62E9\u663E\u793A\u8BBE\u7F6E",
+    enableSearch: true,
+    options: displaySetupList,
+    value: displaySetupSliceList.length > 0 ? displaySetupSliceList : displaySetupList.slice(0, 4),
+    labelField: "label",
+    keyField: "value"
+  })));
+};
+export default SearchPanel;