@zgfe/business-lib 1.2.16-data.0 → 1.2.16-ht.3

package/es/assets/styles/resetAntd.less

@@ -194,11 +194,9 @@
     }
   }
 
-  &:not(.ant-picker-disabled, .ant-picker-status-error) {
-    &:hover,
-    &.ant-picker-focused {
-      border-color: @primary-color!important;
-    }
+  &:hover:not(.ant-picker-disabled),
+  &.ant-picker-focused {
+    border-color: @primary-color!important;
   }
 
   .ant-picker-active-bar {

package/es/constants/apis.d.ts

@@ -22,5 +22,6 @@ declare const Apis: {
     queryUserGroup: string;
     queryAllTags: string;
     querySubjectList: string;
+    queryPanels: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -21,6 +21,7 @@ var Apis = {
   getTagDetail: '/zg/web/v2/labelGroup/label/labelLayer',
   queryUserGroup: '/zg/web/v2/userGroup/getAll',
   queryAllTags: '/zg/web/v2/v4/userGroup/label/list',
-  querySubjectList: '/zg/web/v2/analysisSubject/queryAllSubject'
+  querySubjectList: '/zg/web/v2/analysisSubject/queryAllSubject',
+  queryPanels: '/zg/web/v2/apppanel/panels'
 };
 export default Apis;

package/es/cycleTime/index.d.ts

@@ -1,15 +1,10 @@
 import { SizeType } from 'antd/es/config-provider/SizeContext';
-import moment from 'moment';
 import React from 'react';
-import { BizSelectTypes } from '..';
 import './styles/index.less';
 export declare enum CycleTimeUnit {
-    hour = 0,
     day = 1,
     week = 2,
-    month = 3,
-    year = 4,
-    custom = 5
+    month = 3
 }
 interface Value {
     unit: CycleTimeUnit;
@@ -23,10 +18,5 @@ declare const BizCycleTime: React.FC<{
     onChange?: (val: Value) => void;
     size?: SizeType;
     disable?: boolean;
-    showHour?: boolean;
-    format?: string;
-    options?: BizSelectTypes.Option[];
-    minTime?: moment.Moment | 'Now';
-    maxTime?: moment.Moment | 'Now';
 }>;
 export default BizCycleTime;

package/es/cycleTime/index.js

@@ -12,23 +12,16 @@ import MonthDay from './month';
 import './styles/index.less';
 export var CycleTimeUnit;
 (function (CycleTimeUnit) {
-  CycleTimeUnit[CycleTimeUnit["hour"] = 0] = "hour";
   CycleTimeUnit[CycleTimeUnit["day"] = 1] = "day";
   CycleTimeUnit[CycleTimeUnit["week"] = 2] = "week";
   CycleTimeUnit[CycleTimeUnit["month"] = 3] = "month";
-  CycleTimeUnit[CycleTimeUnit["year"] = 4] = "year";
-  CycleTimeUnit[CycleTimeUnit["custom"] = 5] = "custom";
 })(CycleTimeUnit || (CycleTimeUnit = {}));
 var BizCycleTime = function BizCycleTime(props) {
   var multiple = props.multiple,
     size = props.size,
-    disable = props.disable,
-    showHour = props.showHour,
-    options = props.options,
-    minTime = props.minTime,
-    maxTime = props.maxTime;
+    disable = props.disable;
   var classPrefix = 'biz-cycle-time';
-  var unitList = options || [{
+  var unitList = [{
     label: '每日',
     value: CycleTimeUnit.day
   }, {
@@ -66,9 +59,6 @@ var BizCycleTime = function BizCycleTime(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     initing = _useState10[0],
     setIniting = _useState10[1];
-  var _useState11 = useState(props.format || 'hh:mm:ss'),
-    _useState12 = _slicedToArray(_useState11, 1),
-    format = _useState12[0];
   useEffect(function () {
     if (!props.value) {
       setIniting(false);
@@ -76,13 +66,12 @@ var BizCycleTime = function BizCycleTime(props) {
     }
     setIniting(true);
     unitList.forEach(function (item) {
-      var _props$value, _props$value2, _props$value3, _props$value4;
+      var _props$value;
       if (item.value === ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.unit)) {
         setUnit(item);
         switch (item.value) {
           case CycleTimeUnit.day:
-          case CycleTimeUnit.custom:
-            setTime((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.time);
+            setTime(props.value.time);
             break;
           case CycleTimeUnit.week:
             var valList = [];
@@ -96,7 +85,6 @@ var BizCycleTime = function BizCycleTime(props) {
             } else {
               setDay(valList[0]);
             }
-            if (showHour) setTime((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.time);
             break;
           case CycleTimeUnit.month:
             setDay(props.value.day.map(function (v) {
@@ -105,7 +93,6 @@ var BizCycleTime = function BizCycleTime(props) {
                 value: v
               };
             }));
-            if (showHour) setTime((_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4.time);
             break;
         }
       }
@@ -124,12 +111,9 @@ var BizCycleTime = function BizCycleTime(props) {
       }) : [day.value],
       time: time
     };
-    if (unit.value === CycleTimeUnit.hour) {
+    if (unit.value === CycleTimeUnit.day) {
       delete res.day;
-      delete res.time;
-    } else if (unit.value === CycleTimeUnit.day || unit.value === CycleTimeUnit.custom) {
-      delete res.day;
-    } else if (!showHour) {
+    } else {
       delete res.time;
     }
     if (props.onChange) props.onChange(res);
@@ -151,9 +135,18 @@ var BizCycleTime = function BizCycleTime(props) {
     disable: disable,
     onChange: function onChange(v) {
       setDay([]);
-      setTime(showHour && v.value !== CycleTimeUnit.custom ? '00' : undefined);
+      setTime(undefined);
       setUnit(v);
     }
+  }), unit.value === CycleTimeUnit.day && /*#__PURE__*/React.createElement(DatePicker.TimePicker, {
+    className: "".concat(classPrefix, "-hour"),
+    size: size,
+    placeholder: props.placeholder,
+    defaultValue: time ? moment(time, 'hh:mm:ss') : undefined,
+    onChange: function onChange(time) {
+      setTime(time === null || time === void 0 ? void 0 : time.format('hh:mm:ss'));
+    },
+    disabled: disable
   }), unit.value === CycleTimeUnit.week && /*#__PURE__*/React.createElement(BizSelect, {
     options: days,
     labelField: "label",
@@ -173,36 +166,6 @@ var BizCycleTime = function BizCycleTime(props) {
     defaultValue: day,
     onChange: setDayList,
     disable: disable
-  }), unit.value === CycleTimeUnit.day || unit.value && unit.value !== CycleTimeUnit.custom && showHour ? /*#__PURE__*/React.createElement(DatePicker.TimePicker, {
-    className: "".concat(classPrefix, "-hour"),
-    size: size,
-    placeholder: props.placeholder,
-    value: time ? moment(time, format) : undefined,
-    format: format,
-    onChange: function onChange(time) {
-      setTime(time === null || time === void 0 ? void 0 : time.format(format));
-    },
-    disabled: disable
-  }) : null, unit.value == CycleTimeUnit.custom && /*#__PURE__*/React.createElement(DatePicker, {
-    value: time ? moment(time, 'YYYY-MM-DD HH:mm:ss') : undefined,
-    showTime: true,
-    disabled: disable,
-    placeholder: props.placeholder,
-    onChange: function onChange(time) {
-      var _currentTime;
-      var currentTime = time;
-      if (minTime) {
-        var minData = minTime === 'Now' ? moment() : moment(minTime);
-        currentTime = minData < moment(time) ? time : minData;
-      }
-      if (maxTime) {
-        var maxData = maxTime === 'Now' ? moment() : moment(minTime);
-        currentTime = maxData > moment(time) ? time : maxData;
-      }
-      setTime((_currentTime = currentTime) === null || _currentTime === void 0 ? void 0 : _currentTime.format('YYYY-MM-DD HH:mm:ss'));
-    },
-    disabledTime: unit === null || unit === void 0 ? void 0 : unit.disabledTime,
-    disabledDate: unit === null || unit === void 0 ? void 0 : unit.disabledDate
   }));
 };
 BizCycleTime.defaultProps = {

package/es/cycleTime/month.js

@@ -5,11 +5,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { Dropdown, Tag } from 'antd';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { IconFont } from '..';
 import './styles/month.less';
 import _ from 'lodash';
-import { FormItemInputContext } from 'antd/es/form/context';
 var MonthDay = function MonthDay(props) {
   var classPrefix = 'biz-month-day';
   var disable = props.disable;
@@ -21,8 +20,6 @@ var MonthDay = function MonthDay(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     visible = _useState4[0],
     setVisible = _useState4[1];
-  var _useContext = useContext(FormItemInputContext),
-    status = _useContext.status;
   var dayList = [];
   for (var i = 1; i < 33; i++) {
     dayList.push({
@@ -93,7 +90,7 @@ var MonthDay = function MonthDay(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-wrapper")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-handle ").concat(props.size, " ").concat(!chosenDayList.length ? "holder" : '', " ").concat(disable ? 'disable' : '').concat(status ? " ".concat(classPrefix, "-status-").concat(status) : '')
+    className: "".concat(classPrefix, "-handle ").concat(props.size, " ").concat(!chosenDayList.length ? "holder" : '', " ").concat(disable ? 'disable' : '')
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-val")
   }, chosenDayList.map(function (item) {

package/es/cycleTime/styles/index.less

@@ -1,7 +1,6 @@
 @import '../../assets//styles/inner.less';
 .biz-cycle-time {
-  display: flex;
-  gap: 12px;
+  display: inline-block;
   &-unit {
     width: 129px;
   }
@@ -16,6 +15,7 @@
   &-day,
   &-hour {
     display: inline-block;
+    margin-right: @margin-xs;
   }
   &-hour {
     width: 220px;

package/es/cycleTime/styles/month.less

@@ -35,13 +35,6 @@
   &-holder {
     color: @input-placeholder-color;
   }
-
-  &-status-error:not(.disable) {
-    border-color: @error-color;
-    &.biz-month-day-handle:hover {
-      border-color: @error-color;
-    }
-  }
   &-val {
     flex: 1;
     .ant-tag {
@@ -53,10 +46,6 @@
     vertical-align: top;
     &.ant-dropdown-open > .biz-month-day-handle {
       .__default-focused();
-      &.biz-month-day-status-error:not(.disable) {
-        border-color: @error-color;
-        box-shadow: 0 0 0 4px rgba(#ff8170, 0.2) !important;
-      }
     }
     .biz-month-day-handle {
       &.disable {

package/es/layout/optionTitle/components/changePanelModal/index.d.ts

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

package/es/layout/optionTitle/components/changePanelModal/index.js

@@ -0,0 +1,67 @@
+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 { Spin } from 'antd';
+import React, { useState, useEffect, useContext } from 'react';
+import { BizGlobalDataContext, BizTargetFromPanelContext } from '../../../..';
+import PanelItem from './panelItem';
+import './styles/index.less';
+var classPrefix = 'change-panel-modal';
+import request from '../../../../utils/ajax';
+import Apis from '../../../../constants/apis';
+var ChangePanelModal = function ChangePanelModal() {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    eleArr = _useState4[0],
+    setEleArr = _useState4[1];
+  var _useContext = useContext(BizTargetFromPanelContext),
+    itemValue = _useContext.itemValue;
+  console.log('itemValue', itemValue);
+  var _useContext2 = useContext(BizGlobalDataContext),
+    currentApp = _useContext2.currentApp;
+  useEffect(function () {
+    request(Apis.queryPanels, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
+        roleType: 3
+      }
+    }).then(function (res) {
+      var dealEleArr = [];
+      ((res === null || res === void 0 ? void 0 : res.data) || []).map(function (item) {
+        item.elements.map(function (v) {
+          if (v.reqParam.data.module === (itemValue === null || itemValue === void 0 ? void 0 : itemValue.target.params.module)) {
+            dealEleArr.push(_objectSpread(_objectSpread({}, v), {}, {
+              panelId: item.id
+            }));
+          }
+        });
+      });
+      setEleArr(dealEleArr);
+      setLoading(false);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement("div", null, loading ? /*#__PURE__*/React.createElement(Spin, null) : eleArr.length > 0 ? eleArr.map(function (item) {
+    return /*#__PURE__*/React.createElement(PanelItem, {
+      data: item,
+      key: item.id
+    });
+  }) : /*#__PURE__*/React.createElement("p", {
+    className: "".concat(classPrefix, "-empty-data")
+  }, "\u6682\u65E0\u6570\u636E"));
+};
+export default ChangePanelModal;

package/es/layout/optionTitle/components/changePanelModal/panelItem.d.ts

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

package/es/layout/optionTitle/components/changePanelModal/panelItem.js

@@ -0,0 +1,129 @@
+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 { Popover, Input, message, Modal } from 'antd';
+import React, { useState, useContext, useRef } from 'react';
+import { BizTargetFromPanelContext } from '../../types';
+import { ajax, IconFont } from './../../../../';
+import './styles/index.less';
+import Apis from '../../../../constants/apis';
+var classPrefix = 'modules-panel-item';
+var PanelItem = function PanelItem(props) {
+  var data = props.data;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    edit = _useState2[0],
+    setEdit = _useState2[1];
+  var _useState3 = useState(data.name),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useContext = useContext(BizTargetFromPanelContext),
+    itemValue = _useContext.itemValue,
+    afterEditTarget = _useContext.afterEditTarget;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    popoverShow = _useState6[0],
+    setPopoverShow = _useState6[1];
+  var inputRef = useRef(null);
+  var onChange = function onChange(e) {
+    setValue(e.currentTarget.value);
+  };
+  var onBlur = function onBlur() {
+    var _props$data, _props$data2;
+    ajax(Apis.updateElementName, {
+      method: 'post',
+      data: {
+        panelId: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.panelId,
+        elementId: (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.id,
+        name: value
+      }
+    }).then(function (res) {
+      if (res && res.code === '103000') {
+        message.success('修改指标名称成功');
+      } else {
+        message.success('修改指标名称失败');
+      }
+    }).catch(function () {
+      message.success('修改指标名称失败');
+    }).finally(function () {
+      setEdit(false);
+    });
+  };
+  var onDelete = function onDelete() {
+    setPopoverShow(false);
+    Modal.confirm({
+      title: '提示',
+      content: '确认删除此用户分组?',
+      cancelText: '取消',
+      okText: '确定',
+      onOk: function onOk() {
+        var _props$data3, _props$data4;
+        ajax(Apis.delPanelElement, {
+          method: 'post',
+          data: {
+            panelId: (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.panelId,
+            elementId: (_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.id
+          }
+        }).then(function (res) {
+          if (!res) return;
+          message.success('删除成功');
+          window.history.back();
+        }).catch(function () {
+          message.error('删除失败');
+        });
+      }
+    });
+  };
+  var onChangePanel = function onChangePanel() {
+    afterEditTarget === null || afterEditTarget === void 0 ? void 0 : afterEditTarget('changeItem', props.data);
+  };
+  var edteHandle = function edteHandle() {
+    setEdit(true);
+    setTimeout(function () {
+      inputRef.current.focus();
+    }, 0);
+  };
+  var onOpenChange = function onOpenChange(open) {
+    setPopoverShow(open);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, " ").concat(edit ? 'edit' : '', " ").concat(itemValue.target.id == data.id ? 'active' : ''),
+    key: data.id
+  }, !edit && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-text"),
+    onClick: function onClick() {
+      return onChangePanel();
+    }
+  }, value), edit && /*#__PURE__*/React.createElement(Input, {
+    ref: inputRef,
+    value: value,
+    onChange: onChange,
+    onBlur: onBlur
+  }), /*#__PURE__*/React.createElement(Popover, {
+    overlayClassName: "".concat(classPrefix, "-popover"),
+    open: popoverShow,
+    placement: "bottomLeft",
+    content: /*#__PURE__*/React.createElement("div", null, itemValue.target.id !== data.id && /*#__PURE__*/React.createElement("p", {
+      className: "text",
+      onClick: function onClick() {
+        edteHandle();
+      }
+    }, "\u7F16\u8F91\u540D\u79F0"), /*#__PURE__*/React.createElement("p", {
+      className: "text delete",
+      onClick: function onClick() {
+        onDelete();
+      }
+    }, "\u5220\u9664\u770B\u677F")),
+    onOpenChange: onOpenChange
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    onClick: function onClick() {
+      return setPopoverShow(true);
+    },
+    type: "gengduocaozuo"
+  })));
+};
+export default PanelItem;

package/es/layout/optionTitle/components/changePanelModal/styles/index.less

@@ -0,0 +1,92 @@
+// @import '../../../style/base.less';
+
+.change-panel-modal {
+  &-add-panel {
+    display: flex;
+    align-items: center;
+    height: 32px;
+    color: #165dff;
+    cursor: pointer;
+    .tianjia1 {
+      margin-right: 8px;
+      font-weight: 800;
+      font-size: 14px;
+    }
+  }
+  &-empty-data {
+    text-align: center;
+  }
+}
+
+.modules-panel-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  padding: 0px 8px;
+  color: #021429;
+  line-height: 32px;
+  background: #fff;
+  border-radius: 8px;
+  cursor: pointer;
+  &-popover {
+    .ant-popover-arrow {
+      display: none;
+    }
+    .ant-popover-content {
+      margin-top: -27px;
+      margin-left: 0;
+    }
+    .ant-popover-inner-content {
+      padding: 4px 0;
+    }
+    .text {
+      height: 32px;
+      margin: 0;
+      padding: 0 16px;
+      line-height: 32px;
+      cursor: pointer;
+    }
+    .delete {
+      // color: #fb5547;
+    }
+    .text:hover {
+      background: #e8efff;
+    }
+  }
+  &-text {
+    width: 100%;
+    // .__text-cut-one();
+  }
+  .gengduocaozuo {
+    display: none;
+    margin-left: 8px;
+    font-size: 16px !important;
+  }
+  .ant-input {
+    box-shadow: none !important;
+  }
+}
+.modules-panel-item:hover {
+  color: #165dff;
+  background: #e8efff;
+  .gengduocaozuo {
+    display: block;
+  }
+}
+.modules-panel-item.active {
+  padding: 0 8px;
+  color: #fff;
+  line-height: 40px;
+  background: #165dff;
+  .gengduocaozuo {
+    display: block;
+  }
+}
+.modules-panel-item.edit {
+  height: 40px;
+  padding: 0 8px;
+  color: rgba(103, 114, 127, 1);
+  line-height: 40px;
+  background: #e8efff;
+}

package/es/layout/optionTitle/components/changePanelModal/types.d.ts

@@ -0,0 +1,5 @@
+export interface ChangePanelModalProps {
+}
+export interface PanelItemProps {
+    data: any;
+}

package/es/layout/optionTitle/components/changePanelModal/types.js

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

package/es/layout/optionTitle/components/title/index.js

@@ -90,8 +90,14 @@ var BizEditText = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), errorText ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-error-tip")
   }, errorText) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classPrefix, "-content")
-  }, props.value), props.canEdit ? /*#__PURE__*/React.createElement(IconFont, {
+    className: "".concat(classPrefix, "-content"),
+    onClick: function onClick() {
+      props.isOnlyTxt && setIsEdit(true);
+      setTimeout(function () {
+        inputRef && inputRef.current.focus();
+      }, 0);
+    }
+  }, props.value), props.canEdit && !props.isOnlyTxt ? /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-icon"),
     type: "bianji1",
     onClick: function onClick() {

package/es/layout/optionTitle/data.js

@@ -1,36 +1,5 @@
-import React from 'react';
-import { IconFont } from '../..';
-import { classPrefix } from '.';
 export var panelBtn = function panelBtn(callback, disabled) {
   return [{
-    key: '11',
-    label: /*#__PURE__*/React.createElement("a", {
-      className: "".concat(classPrefix, "-btn-more")
-    }, /*#__PURE__*/React.createElement(IconFont, {
-      type: "gengduocaozuo1"
-    })),
-    itemType: 'dropdown',
-    type: 'default',
-    children: [{
-      key: '110',
-      label: '编辑名称',
-      icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: "bianji"
-      }),
-      onClick: function onClick() {
-        callback('edit');
-      }
-    }, {
-      key: '111',
-      label: '删除指标',
-      icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: "shanchu"
-      }),
-      onClick: function onClick() {
-        callback('delete');
-      }
-    }]
-  }, {
     key: '12',
     label: '',
     itemType: 'divider'

package/es/layout/optionTitle/demo/index.js

@@ -9,7 +9,7 @@ import { DemoWrapper, BizTargetFromPanel, BizTargetFromPanelContext } from '@zgf
 import { Button, Spin } from 'antd';
 var params = {
   app_id: 4,
-  module: 'insight',
+  module: 'funnel',
   targets: [{
     type: 'event',
     alias: '事件概览',

package/es/layout/optionTitle/index.js

@@ -43,6 +43,7 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
   var titleRef = useRef(null);
   useEffect(function () {
     var _props$value2, _props$value3;
+    console.log('props.value', props.value);
     if (!((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.panelId)) return;
     setOptions(((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.target.id) ? panelBtn(onClick, props === null || props === void 0 ? void 0 : props.disabled) : panelCreateBtn(onClick, props === null || props === void 0 ? void 0 : props.disabled));
   }, []);
@@ -133,7 +134,9 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
   }
   return /*#__PURE__*/React.createElement(BizTargetFromPanelContext.Provider, {
     value: {
-      handleSearch: setBtnOptions
+      handleSearch: setBtnOptions,
+      afterEditTarget: props.afterEditTarget,
+      itemValue: props.value
     }
   }, /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,

package/es/layout/optionTitle/layout.js

@@ -1,10 +1,22 @@
-import React from 'react';
+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 { IconFont } from '../..';
 import BizEditText from './components/title';
+import { Popover } from 'antd';
 import './styles/layout.less';
 import BizBtnMenu from './components/btnMenu';
+import ChangePanelModal from './components/changePanelModal';
 var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
   var classPrefix = 'biz-option-layout';
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, " ").concat(className || '')
@@ -24,11 +36,28 @@ var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
     name: props.name,
     value: props.value,
     max: props.max,
-    isInput: props.isInput,
+    isOnlyTxt: true,
     canEdit: props.canEdit,
     onChange: props.onChange,
     onService: props.onService
-  })), props.extra, /*#__PURE__*/React.createElement(BizBtnMenu, {
+  }), props.canEdit && /*#__PURE__*/React.createElement(Popover, {
+    overlayClassName: "".concat(classPrefix, "-panel-content"),
+    arrowPointAtCenter: true,
+    open: show,
+    content: /*#__PURE__*/React.createElement(ChangePanelModal, null),
+    trigger: "click",
+    placement: "bottomLeft",
+    onOpenChange: function onOpenChange(show) {
+      return setShow(show);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header-title-icon"),
+    onClick: function onClick() {
+      return setShow(true);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "xiangxia"
+  })))), props.extra, /*#__PURE__*/React.createElement(BizBtnMenu, {
     className: props.optionClass,
     menu: props.options || []
   })), props.children && /*#__PURE__*/React.createElement("div", {

package/es/layout/optionTitle/styles/layout.less

@@ -26,6 +26,22 @@
           color: @primary-color;
         }
       }
+      &-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
+        margin-left: 8px;
+        color: #5f6085;
+        font-size: 12px;
+        background: #f2f3f4;
+        border-radius: 10px;
+      }
+      &-icon:hover {
+        color: #165dff;
+        background: #e8efff;
+      }
     }
     &-option {
       display: flex;
@@ -41,4 +57,34 @@
     height: calc(100% - 64px);
     overflow: auto;
   }
+
+  &-panel-content {
+    z-index: 1000;
+    width: 284px;
+    max-height: 304px;
+    padding: 0;
+    overflow: auto;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+    .ant-popover-arrow {
+      display: none !important;
+    }
+    .ant-popover-inner-content {
+      width: 100%;
+      padding: 8px;
+    }
+    .ant-tabs {
+      .ant-tabs-tab-btn {
+        font-size: 16px;
+      }
+      .ant-tabs-nav {
+        margin-bottom: 4px;
+        padding-left: 45px;
+      }
+      .ant-tabs-nav::before {
+        border: none !important;
+      }
+    }
+  }
 }

package/es/layout/optionTitle/types.d.ts

@@ -51,6 +51,7 @@ export declare namespace BizOptionTitleProps {
         value?: string;
         max?: number;
         isInput?: boolean;
+        isOnlyTxt?: boolean;
         canEdit?: boolean;
         required?: boolean;
         width?: number;
@@ -85,4 +86,6 @@ export declare namespace BizOptionTitleProps {
 }
 export declare const BizTargetFromPanelContext: React.Context<{
     handleSearch?: ((isSearch?: boolean) => void) | undefined;
+    afterEditTarget?: ((type: string, value?: any) => void) | undefined;
+    itemValue?: BizOptionTitleProps.Value | undefined;
 }>;

package/es/select/styles/handle.less

@@ -185,9 +185,5 @@
     &.biz-select-handle-input:hover {
       border-color: @error-color;
     }
-    &.biz-select-handle-input.active:not(.disable) {
-      border-color: @error-color;
-      box-shadow: 0 0 0 4px rgba(#ff8170, 0.2) !important;
-    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.2.16-data.0",
+  "version": "1.2.16-ht.3",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -55,7 +55,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "a6e1f99eb38f763af7e8a4f0046e27498d0f4aa6",
+  "gitHead": "67fee454c908db5994560784e4ef0298c92c52e6",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }

package/es/cycleTime/demo/hour.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/es/cycleTime/demo/hour.js

@@ -1,117 +0,0 @@
-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 from 'react';
-import { BizCycleTime } from '@zgfe/business-lib';
-import { CycleTimeUnit } from '..';
-import { Button, Form } from 'antd';
-import moment from 'moment';
-export default (function () {
-  var options = [{
-    label: '每小时',
-    value: CycleTimeUnit.hour
-  }, {
-    label: '每日',
-    value: CycleTimeUnit.day
-  }, {
-    label: '每周',
-    value: CycleTimeUnit.week
-  }, {
-    label: '每月',
-    value: CycleTimeUnit.month
-  }];
-  var customOptions = [].concat(options, [{
-    label: '指定时间',
-    value: CycleTimeUnit.custom,
-    disabledDate: function disabledDate(current) {
-      return current && current < moment().subtract(1, 'day').endOf('day');
-    },
-    disabledTime: function disabledTime(current) {
-      var range = function range(start, end) {
-        var result = [];
-        for (var i = start; i < end; i++) {
-          result.push(i);
-        }
-        return result;
-      };
-      var minutes = Number(moment().minutes());
-      var hour = Number(moment().hours());
-      var disMinutes = 0;
-      var disHour = 0;
-      if (moment().date() === (current === null || current === void 0 ? void 0 : current.date())) {
-        disHour = hour;
-        if (current.hour() > hour) {
-          disMinutes = 0;
-        } else {
-          disMinutes = minutes;
-        }
-      }
-      return {
-        disabledHours: function disabledHours() {
-          return range(0, disHour);
-        },
-        disabledMinutes: function disabledMinutes() {
-          return range(0, disMinutes);
-        }
-      };
-    }
-  }]);
-  var _Form$useForm = Form.useForm(),
-    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-    form = _Form$useForm2[0];
-  var onChange = function onChange(data) {
-    console.log('change:', data);
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("b", null, "\u9ED8\u8BA4\u503C")), /*#__PURE__*/React.createElement(BizCycleTime, {
-    value: {
-      unit: 3,
-      day: [1, 23, 4],
-      time: '12:00:00'
-    },
-    multiple: true,
-    showHour: true,
-    options: options,
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("b", null, "\u65E0\u9ED8\u8BA4\u503C")), /*#__PURE__*/React.createElement(BizCycleTime, {
-    multiple: true,
-    showHour: true,
-    options: options,
-    format: "HH",
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("b", null, "\u6307\u5B9A\u65F6\u95F4")), /*#__PURE__*/React.createElement(BizCycleTime, {
-    multiple: true,
-    showHour: true,
-    options: customOptions,
-    format: "HH",
-    minTime: "Now",
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("b", null, "Form")), /*#__PURE__*/React.createElement(Form, {
-    form: form
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u65E5\u671F",
-    name: "date",
-    rules: [{
-      validator: function validator(_, value) {
-        if (value.unit > 1 && !value.day.length) {
-          return Promise.reject('请选择日期');
-        }
-        if (value.unit > 0 && !value.time) {
-          return Promise.reject('请选择小时');
-        }
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(BizCycleTime, {
-    multiple: true,
-    showHour: true,
-    options: options,
-    format: "HH",
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, "\u786E\u5B9A"))));
-});