@zgfe/business-lib 1.2.16-ht.2 → 1.2.16

package/es/assets/styles/resetAntd.less

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

package/es/constants/apis.d.ts

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

package/es/constants/apis.js

@@ -21,7 +21,6 @@ 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',
-  queryPanels: '/zg/web/v2/apppanel/panels'
+  querySubjectList: '/zg/web/v2/analysisSubject/queryAllSubject'
 };
 export default Apis;

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

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

package/es/cycleTime/demo/hour.js

@@ -0,0 +1,117 @@
+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"))));
+});

package/es/cycleTime/index.d.ts

@@ -1,10 +1,15 @@
 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
+    month = 3,
+    year = 4,
+    custom = 5
 }
 interface Value {
     unit: CycleTimeUnit;
@@ -18,5 +23,10 @@ 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,16 +12,23 @@ 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;
+    disable = props.disable,
+    showHour = props.showHour,
+    options = props.options,
+    minTime = props.minTime,
+    maxTime = props.maxTime;
   var classPrefix = 'biz-cycle-time';
-  var unitList = [{
+  var unitList = options || [{
     label: '每日',
     value: CycleTimeUnit.day
   }, {
@@ -59,6 +66,9 @@ 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);
@@ -66,12 +76,13 @@ var BizCycleTime = function BizCycleTime(props) {
     }
     setIniting(true);
     unitList.forEach(function (item) {
-      var _props$value;
+      var _props$value, _props$value2, _props$value3, _props$value4;
       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:
-            setTime(props.value.time);
+          case CycleTimeUnit.custom:
+            setTime((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.time);
             break;
           case CycleTimeUnit.week:
             var valList = [];
@@ -85,6 +96,7 @@ 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) {
@@ -93,6 +105,7 @@ 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;
         }
       }
@@ -111,9 +124,12 @@ var BizCycleTime = function BizCycleTime(props) {
       }) : [day.value],
       time: time
     };
-    if (unit.value === CycleTimeUnit.day) {
+    if (unit.value === CycleTimeUnit.hour) {
       delete res.day;
-    } else {
+      delete res.time;
+    } else if (unit.value === CycleTimeUnit.day || unit.value === CycleTimeUnit.custom) {
+      delete res.day;
+    } else if (!showHour) {
       delete res.time;
     }
     if (props.onChange) props.onChange(res);
@@ -135,18 +151,9 @@ var BizCycleTime = function BizCycleTime(props) {
     disable: disable,
     onChange: function onChange(v) {
       setDay([]);
-      setTime(undefined);
+      setTime(showHour && v.value !== CycleTimeUnit.custom ? '00' : 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",
@@ -166,6 +173,36 @@ 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,10 +5,11 @@ 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, { useEffect, useState } from 'react';
+import React, { useContext, 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;
@@ -20,6 +21,8 @@ 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({
@@ -90,7 +93,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' : '')
+    className: "".concat(classPrefix, "-handle ").concat(props.size, " ").concat(!chosenDayList.length ? "holder" : '', " ").concat(disable ? 'disable' : '').concat(status ? " ".concat(classPrefix, "-status-").concat(status) : '')
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-val")
   }, chosenDayList.map(function (item) {

package/es/cycleTime/styles/index.less

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

package/es/cycleTime/styles/month.less

@@ -35,6 +35,13 @@
   &-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 {
@@ -46,6 +53,10 @@
     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/title/index.js

@@ -90,14 +90,8 @@ 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"),
-    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, "-content")
+  }, props.value), props.canEdit ? /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-icon"),
     type: "bianji1",
     onClick: function onClick() {

package/es/layout/optionTitle/data.js

@@ -1,5 +1,36 @@
+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/index.js

@@ -43,7 +43,6 @@ 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));
   }, []);
@@ -134,8 +133,7 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
   }
   return /*#__PURE__*/React.createElement(BizTargetFromPanelContext.Provider, {
     value: {
-      handleSearch: setBtnOptions,
-      itemValue: props.value
+      handleSearch: setBtnOptions
     }
   }, /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,

package/es/layout/optionTitle/layout.js

@@ -1,22 +1,10 @@
-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 React 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 || '')
@@ -36,28 +24,11 @@ var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
     name: props.name,
     value: props.value,
     max: props.max,
-    isOnlyTxt: true,
+    isInput: props.isInput,
     canEdit: props.canEdit,
     onChange: props.onChange,
     onService: props.onService
-  }), 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, {
+  })), 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,22 +26,6 @@
           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;
@@ -57,34 +41,4 @@
     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,7 +51,6 @@ export declare namespace BizOptionTitleProps {
         value?: string;
         max?: number;
         isInput?: boolean;
-        isOnlyTxt?: boolean;
         canEdit?: boolean;
         required?: boolean;
         width?: number;
@@ -86,5 +85,4 @@ export declare namespace BizOptionTitleProps {
 }
 export declare const BizTargetFromPanelContext: React.Context<{
     handleSearch?: ((isSearch?: boolean) => void) | undefined;
-    itemValue?: BizOptionTitleProps.Value | undefined;
 }>;

package/es/select/styles/handle.less

@@ -185,5 +185,9 @@
     &.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-ht.2",
+  "version": "1.2.16",
   "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": "2d2418643434313cb4710c1b67113216e6376f01",
+  "gitHead": "d94d26fd5bbb03478db11028e765a264ea2493e0",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }

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

@@ -1,5 +0,0 @@
-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

@@ -1,62 +0,0 @@
-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 } 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(BizGlobalDataContext),
-    currentApp = _useContext.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) {
-          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

@@ -1,5 +0,0 @@
-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

@@ -1,136 +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 { Popover, Input, message, Modal } from 'antd';
-import React, { useState, useContext, useRef } from 'react';
-import { BizTargetFromPanelContext } from '../../types';
-import { ajax, IconFont, BizGlobalDataContext } 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;
-  var _useContext2 = useContext(BizGlobalDataContext),
-    router = _useContext2.router,
-    routes = _useContext2.routes;
-  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() {
-    router && router.push({
-      name: routes.panel,
-      params: {
-        editItem: 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

@@ -1,92 +0,0 @@
-// @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

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

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

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