@zgfe/modules-attribution 1.0.1

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

@@ -0,0 +1,184 @@
+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 { Input, Menu, Dropdown, Button, message } from 'antd';
+import React, { useContext, useRef, useState } from 'react';
+import { ajax, IconFont } from '@zgfe/business-lib';
+import "./styles/index.less";
+import Apis from "../../constants/apis";
+import { AttributionContext } from "../../types";
+var classPrefix = 'insight-title';
+var EditTitle = function EditTitle(props) {
+  var title = props.title,
+    type = props.type,
+    onSave = props.onSave,
+    onSaveAs = props.onSaveAs;
+  var _useState = useState(title),
+    _useState2 = _slicedToArray(_useState, 2),
+    curTitle = _useState2[0],
+    setCurTitle = _useState2[1];
+  var _useState3 = useState(title),
+    _useState4 = _slicedToArray(_useState3, 2),
+    prevTitle = _useState4[0],
+    setPrevTitle = _useState4[1];
+  var _useContext = useContext(AttributionContext),
+    panelId = _useContext.panelId,
+    elementId = _useContext.elementId,
+    panelName = _useContext.panelName,
+    changeLoading = _useContext.changeLoading,
+    afterEditTarget = _useContext.afterEditTarget,
+    searching = _useContext.searching;
+  var inputRef = useRef(null);
+  var menu = /*#__PURE__*/React.createElement(Menu, {
+    items: [{
+      key: '1',
+      label: '编辑名称',
+      icon: /*#__PURE__*/React.createElement(IconFont, {
+        type: "bianji"
+      }),
+      onClick: function onClick() {
+        inputRef.current.focus({
+          cursor: 'end'
+        });
+      }
+    }, {
+      key: '2',
+      label: '删除指标',
+      icon: /*#__PURE__*/React.createElement(IconFont, {
+        type: "shanchu"
+      }),
+      onClick: function onClick() {
+        return onDelete();
+      }
+    }]
+  });
+
+  // 删除指标
+  var onDelete = function onDelete() {
+    changeLoading(true);
+    ajax(Apis.delPanelElement, {
+      method: 'post',
+      data: {
+        panel_id: panelId,
+        element_id: elementId
+      }
+    }).then(function (res) {
+      changeLoading(false);
+      if (res.flag === 101) {
+        message.success('删除成功');
+        callback('delete');
+      } else {
+        message.error('删除失败');
+      }
+    }).catch(function () {
+      changeLoading(false);
+    });
+  };
+
+  // 更改标题
+  var onBlur = function onBlur(e) {
+    var value = e.target.value.trim();
+    if (value === prevTitle || !value) return;
+    changeLoading(true);
+    ajax(Apis.updateElementName, {
+      method: 'post',
+      data: {
+        panel_id: panelId,
+        element_id: elementId,
+        name: value
+      }
+    }).then(function (res) {
+      changeLoading(false);
+      if (res.flag === 101) {
+        message.success('编辑成功');
+        setPrevTitle(value);
+        if (props.onEditTitle) props.onEditTitle(value);
+      } else {
+        message.error('编辑失败');
+        setCurTitle(prevTitle);
+      }
+    }).catch(function () {
+      changeLoading(false);
+      setCurTitle(prevTitle);
+    });
+  };
+  var onChange = function onChange(e) {
+    setCurTitle(e.target.value.trim());
+  };
+  var callback = function callback(type) {
+    var param = elementId ? {
+      panelId: panelId,
+      elementId: elementId,
+      name: panelName
+    } : null;
+    afterEditTarget && afterEditTarget(type, param);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-input-box")
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "btn-back",
+    onClick: function onClick() {
+      return callback('cancel');
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\u8FD4\u56DE"), /*#__PURE__*/React.createElement(Input, {
+    ref: inputRef,
+    className: "".concat(classPrefix, "-input-box-content"),
+    value: curTitle,
+    onBlur: onBlur,
+    onChange: onChange
+  })), type === 'edit' ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-option")
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    overlayClassName: "".concat(classPrefix, "-dropdown"),
+    overlay: menu,
+    trigger: ['click']
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "".concat(classPrefix, "-pop-btn")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-pop-icon",
+    type: "gengduocaozuo1"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "insight-divider"
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: "insight-btn",
+    type: "text",
+    onClick: function onClick() {
+      return callback('cancel');
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    className: "insight-btn",
+    disabled: searching,
+    type: "primary",
+    onClick: onSave
+  }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
+    className: "insight-btn",
+    disabled: searching,
+    type: "primary",
+    onClick: onSaveAs
+  }, "\u53E6\u5B58\u4E3A")) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title-btn")
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "insight-btn",
+    type: "text",
+    onClick: function onClick() {
+      return callback('cancel');
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    className: "insight-btn",
+    disabled: searching,
+    type: "primary",
+    onClick: onSaveAs
+  }, "\u4FDD\u5B58")));
+};
+EditTitle.defaultProps = {
+  title: '洞察',
+  type: 'edit'
+};
+export default EditTitle;

package/dist/esm/components/title/searchTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './styles/search.less';
+declare const SearchTitle: React.FC<{
+    title: string;
+    onChange: (searchTxt: string) => void;
+}>;
+export default SearchTitle;

package/dist/esm/components/title/searchTitle.js

@@ -0,0 +1,47 @@
+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 React, { useState } from 'react';
+import { SearchOutlined } from '@ant-design/icons';
+import "./styles/search.less";
+import { BizSearchInput } from '@zgfe/business-lib';
+var classPrefix = 'search-title';
+var SearchTitle = function SearchTitle(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSearch = _useState2[0],
+    setIsSearch = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timer = _useState4[0],
+    setTimer = _useState4[1];
+  var onSearch = function onSearch(value) {
+    if (timer) clearTimeout(timer);
+    setTimer(setTimeout(function () {
+      props.onChange(value);
+    }, 500));
+  };
+  var onBlur = function onBlur(value) {
+    if (!value) {
+      setIsSearch(false);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-title")
+  }, props.title), isSearch ? /*#__PURE__*/React.createElement(BizSearchInput, {
+    className: "".concat(classPrefix, "-input"),
+    onChange: onSearch,
+    onBlur: onBlur
+  }) : /*#__PURE__*/React.createElement(SearchOutlined, {
+    className: "".concat(classPrefix, "-icon"),
+    onClick: function onClick() {
+      return setIsSearch(true);
+    }
+  }));
+};
+export default SearchTitle;

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

@@ -0,0 +1,72 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.insight-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 56px;
+  padding: 16px;
+  background: #fff;
+  border-bottom: 1px solid @border-color-base;
+
+  &-option {
+    display: flex;
+    align-items: center;
+  }
+  &-input-box {
+    white-space: nowrap;
+    .btn-back {
+      margin-right: @margin-xs;
+    }
+    &-content {
+      height: @height-base;
+      color: @text-color;
+      font-weight: 600;
+      background: @white !important;
+      border: 1px solid transparent;
+
+      &:hover,
+      &:focus {
+        border-color: @primary-color;
+      }
+    }
+  }
+
+  &-dropdown {
+    .ant-dropdown-menu-item:hover span {
+      color: @primary-color;
+    }
+
+    .ant-dropdown-menu-item-icon {
+      font-size: 16px;
+    }
+  }
+  /*更多按钮*/
+  &-pop-btn {
+    width: @height-base;
+    height: @height-base;
+    color: @text-color-secondary;
+    font-size: 16px;
+    line-height: @height-base;
+    text-align: center;
+    border-radius: @border-radius-small;
+    transform: rotate(90deg);
+
+    &:hover {
+      .__default-hover();
+    }
+  }
+}
+
+.insight-btn {
+  margin-right: 16px;
+  border-radius: @border-radius-small;
+}
+
+.insight-divider {
+  width: 1px;
+  height: @height-base;
+  margin: 0 32px;
+  background: @border-color-base;
+}

package/dist/esm/components/title/styles/search.less

@@ -0,0 +1,27 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.search-title {
+  display: flex;
+  align-items: center;
+  height: 24px;
+  transition: all 0.3s;
+
+  &-title {
+    margin-right: 15px;
+  }
+
+  &-input {
+    min-width: 100px;
+    max-width: 200px;
+    height: 24px;
+    background-color: #fff !important;
+    .ant-input {
+      background-color: #fff !important;
+    }
+  }
+
+  &-icon {
+    color: #5f6085;
+    font-size: 12px;
+  }
+}

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

@@ -0,0 +1,7 @@
+export interface TitleProps {
+    title?: string;
+    type?: string;
+    onSave?: () => void;
+    onSaveAs?: () => void;
+    onEditTitle?: (val: string) => void;
+}

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

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

package/dist/esm/constants/apis.d.ts

@@ -0,0 +1,9 @@
+declare const Apis: {
+    delPanelElement: string;
+    updateElementName: string;
+    eventAnalytics: string;
+    download: string;
+    queryScenesOfGroup: string;
+    updateElemet: string;
+};
+export default Apis;

package/dist/esm/constants/apis.js

@@ -0,0 +1,9 @@
+var Apis = {
+  delPanelElement: '/apppanel/delPanelElement.jsp',
+  updateElementName: '/apppanel/updateElementName.jsp',
+  eventAnalytics: '/zg/web/v2/insight/analysis',
+  download: '/zg/web/v2/insight/download',
+  queryScenesOfGroup: '/scene/queryScenesOfGroup.jsp',
+  updateElemet: '/apppanel/updateElemet.jsp'
+};
+export default Apis;

package/dist/esm/constants/chart.d.ts

@@ -0,0 +1,2 @@
+import { ChartItemProp } from '../types';
+export declare const chartTypeOptions: ChartItemProp[];

package/dist/esm/constants/chart.js

@@ -0,0 +1,24 @@
+import { IconFont } from '@zgfe/business-lib';
+import React from 'react';
+export var chartTypeOptions = [{
+  label: '趋势图',
+  value: 'line',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "qushitu1",
+    size: 16
+  })
+}, {
+  label: '汇总图',
+  value: 'bar',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "huizongtu",
+    size: 16
+  })
+}, {
+  label: '地图',
+  value: 'map',
+  icon: /*#__PURE__*/React.createElement(IconFont, {
+    type: "ditu",
+    size: 16
+  })
+}];

package/dist/esm/constants/color.d.ts

@@ -0,0 +1 @@
+export declare const chartColors: string[];

package/dist/esm/constants/color.js

@@ -0,0 +1 @@
+export var chartColors = ['#165DFF', '#80E1D9', '#65789B', '#F8BC3B', '#6F66ED', '#66AFED', '#9661BC', '#FF7557', '#4DB273', '#F08BB4', '#CDDBFD', '#CDF3F0', '#CED4DE', '#FCE7B9', '#D1CEFD', '#D3E7F9', '#DFCFEA', '#FFD1C7', '#BBDEC8', '#FFE0ED'];

package/dist/esm/constants/fields.d.ts

@@ -0,0 +1,218 @@
+import { LeftPanelTypes } from '../modules/leftPanel/types';
+export declare const chartTypes: ({
+    label: string;
+    value: string;
+    icon: string;
+    children?: undefined;
+    disabled?: undefined;
+} | {
+    label: string;
+    icon: string;
+    value: string;
+    children: ({
+        label: string;
+        value: string;
+        icon: string;
+        disabled?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+    })[];
+    disabled?: undefined;
+} | {
+    label: string;
+    value: string;
+    icon: string;
+    disabled: boolean;
+    children?: undefined;
+})[];
+export declare const addPanelFields: ({
+    label: string;
+    name: string;
+    extendName: string;
+    type: string;
+    options: never[];
+    children: string[];
+    fieldNames: {
+        label: string;
+        value: string;
+    };
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    extendName?: undefined;
+    options?: undefined;
+    children?: undefined;
+    fieldNames?: undefined;
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    options: ({
+        label: string;
+        value: string;
+        icon: string;
+        children?: undefined;
+        disabled?: undefined;
+    } | {
+        label: string;
+        icon: string;
+        value: string;
+        children: ({
+            label: string;
+            value: string;
+            icon: string;
+            disabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            icon: string;
+            disabled: boolean;
+        })[];
+        disabled?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        children?: undefined;
+    })[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    extendName?: undefined;
+    children?: undefined;
+    fieldNames?: undefined;
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    direction: string;
+    dependenceFields: {
+        chart: string;
+    };
+    options: {
+        label: string;
+        value: string;
+    }[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    extendName?: undefined;
+    children?: undefined;
+    fieldNames?: undefined;
+})[];
+export declare const editPanelFields: ({
+    label: string;
+    name: string;
+    type: string;
+    options: ({
+        label: string;
+        value: string;
+        icon: string;
+        children?: undefined;
+        disabled?: undefined;
+    } | {
+        label: string;
+        icon: string;
+        value: string;
+        children: ({
+            label: string;
+            value: string;
+            icon: string;
+            disabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            icon: string;
+            disabled: boolean;
+        })[];
+        disabled?: undefined;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        disabled: boolean;
+        children?: undefined;
+    })[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    direction?: undefined;
+    dependenceFields?: undefined;
+} | {
+    label: string;
+    name: string;
+    type: string;
+    direction: string;
+    dependenceFields: {
+        chart: string;
+    };
+    options: {
+        label: string;
+        value: string;
+    }[];
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+})[];
+export declare const addSceneFields: ({
+    label: string;
+    name: string;
+    type: string;
+    options: never[];
+    fieldNames: {
+        label: string;
+        value: string;
+    };
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+} | {
+    label: string;
+    name: string;
+    type: string;
+    rules: {
+        required: boolean;
+        message: string;
+    }[];
+    options?: undefined;
+    fieldNames?: undefined;
+})[];
+export declare const searchFields: LeftPanelTypes.FieldProp[];
+export declare const indexObject: {
+    [key: string]: string;
+};
+export declare const BuiltinIndicators: {
+    id: number;
+    name: string;
+    eventList: {
+        name: string;
+        id: number;
+        type: string;
+        isBuiltIn: boolean;
+        attrList: never[];
+    }[];
+};