@zgfe/business-lib 1.1.49-dev.0 → 1.1.50-title.0

package/es/layout/optionTitle/index.js

@@ -0,0 +1,154 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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, { useEffect, useRef, useState } from 'react';
+import BizOptionLayout from './layout';
+import { BizOptionTitleProps, BizTargetFromPanelContext } from './types';
+import BizAddToPanel from '../../addToPanel';
+import { panelBtn, panelCreateBtn } from './data';
+import './styles/index.less';
+import { ajax } from '../../utils';
+import Apis from '../../constants/apis';
+import { Spin, message } from 'antd';
+export var classPrefix = 'biz-layout-panel';
+var BizTargetFromPanel = function BizTargetFromPanel(props) {
+  var _props$value$target$p;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var _useState3 = useState(props.value.target.name || '洞察'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    title = _useState4[0],
+    setTitle = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showDialog = _useState6[0],
+    setShowDialog = _useState6[1];
+  var _useState7 = useState(BizOptionTitleProps.OptionTypes.SAVE),
+    _useState8 = _slicedToArray(_useState7, 2),
+    saveType = _useState8[0],
+    setSaveType = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var titleRef = useRef(null);
+  useEffect(function () {
+    setOptions(props.value.target.id ? panelBtn(onClick) : panelCreateBtn(onClick));
+  }, []);
+  var onClick = function onClick(type) {
+    if (type === BizOptionTitleProps.OptionTypes.CANCEL) {
+      var param = props.value.target.id ? {
+        panelId: props.value.panelId,
+        elementId: props.value.target.id,
+        name: title
+      } : null;
+      props.afterEditTarget && props.afterEditTarget(type, param);
+    } else if (type === BizOptionTitleProps.OptionTypes.EDIT) {
+      titleRef.current.setEdit();
+    } else if (type === BizOptionTitleProps.OptionTypes.DELETE) {
+      onDelete();
+    } else {
+      setShowDialog(true);
+      setSaveType(type);
+    }
+  };
+  var onDelete = function onDelete() {
+    setLoading(true);
+    ajax(Apis.delPanelElement, {
+      method: 'post',
+      data: {
+        panel_id: props.value.panelId,
+        element_id: props.value.target.id
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if (res.flag === 101) {
+        message.success('删除成功');
+        props.afterEditTarget && props.afterEditTarget(BizOptionTitleProps.OptionTypes.DELETE);
+      } else {
+        message.error('删除失败');
+      }
+    }).finally(function () {
+      setLoading(false);
+    });
+  };
+  var onService = function onService(value, callback) {
+    setTitle(value);
+    setBtnOptions(!value);
+    if (!value) return;
+    setLoading(true);
+    ajax(Apis.updateElementName, {
+      method: 'post',
+      data: {
+        panel_id: props.value.panelId,
+        element_id: props.value.target.id,
+        name: value
+      }
+    }).then(function (res) {
+      if (!res) return;
+      callback(res.flag !== 101);
+    }).finally(function () {
+      callback(true, '');
+      setLoading(false);
+    });
+  };
+  var onCancel = function onCancel() {
+    setShowDialog(false);
+  };
+  var onPanelSave = function onPanelSave(data) {
+    setShowDialog(false);
+    props.afterEditTarget && props.afterEditTarget(BizOptionTitleProps.OptionTypes.PANEL, data);
+  };
+  var setBtnOptions = function setBtnOptions(disabled) {
+    setOptions(function (option) {
+      if (!option.length) return [];
+      option[option.length - 1].disabled = disabled;
+      if (props.value.target.id) {
+        option[option.length - 2].disabled = disabled;
+      }
+      return _toConsumableArray(option);
+    });
+  };
+  return /*#__PURE__*/React.createElement(BizTargetFromPanelContext.Provider, {
+    value: {
+      handleSearch: setBtnOptions
+    }
+  }, /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement(BizOptionLayout, {
+    ref: titleRef,
+    value: title,
+    options: options,
+    isInput: true,
+    onService: onService,
+    onChange: setTitle,
+    onBack: function onBack() {
+      return onClick(BizOptionTitleProps.OptionTypes.CANCEL);
+    }
+  }, props.children, showDialog && /*#__PURE__*/React.createElement(BizAddToPanel, {
+    defaultValue: {
+      panel: {
+        id: props.value.panelId
+      },
+      name: saveType === BizOptionTitleProps.OptionTypes.SAVE_AS ? title + '(1)' : title,
+      chartType: ((_props$value$target$p = props.value.target.params) === null || _props$value$target$p === void 0 ? void 0 : _props$value$target$p.chartType) || 'line',
+      showList: 'fix'
+    },
+    type: props.value.target.id && saveType === BizOptionTitleProps.OptionTypes.SAVE ? BizOptionTitleProps.OptionTypes.EDIT : BizOptionTitleProps.OptionTypes.CREATE,
+    params: props.value.target.params,
+    elementId: props.value.target.id,
+    showList: props.value.target.showList,
+    onCancel: onCancel,
+    onOk: onPanelSave
+  }))));
+};
+export default BizTargetFromPanel;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BizOptionTitleProps } from './types';
+import './styles/layout.less';
+declare const BizOptionLayout: React.ForwardRefExoticComponent<BizOptionTitleProps.LayoutProps & React.RefAttributes<any>>;
+export default BizOptionLayout;

package/es/layout/optionTitle/layout.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconFont } from '../..';
+import BizEditText from './components/title';
+import './styles/layout.less';
+import BizBtnMenu from './components/btnMenu';
+var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className;
+  var classPrefix = 'biz-option-layout';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, " ").concat(className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header-title")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header-title-text")
+  }, props.backExtra || /*#__PURE__*/React.createElement("a", {
+    onClick: props.onBack,
+    className: "".concat(classPrefix, "-header-title-btn")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\u8FD4\u56DE")), /*#__PURE__*/React.createElement(BizEditText, {
+    ref: ref,
+    name: props.name,
+    value: props.value,
+    max: props.max,
+    isInput: props.isInput,
+    canEdit: props.canEdit,
+    onChange: props.onChange,
+    onService: props.onService
+  })), props.extra, /*#__PURE__*/React.createElement(BizBtnMenu, {
+    className: props.optionClass,
+    menu: props.options || []
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children));
+});
+export default BizOptionLayout;

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

@@ -0,0 +1,19 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.biz-layout-panel {
+  /*更多按钮*/
+  &-btn-more {
+    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();
+    }
+  }
+}

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

@@ -0,0 +1,43 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.biz-option-layout {
+  height: 100%;
+  background-color: #fff;
+  border-radius: @border-radius-normal;
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    height: 64px;
+    padding: 0 16px;
+    border-bottom: 1px solid @border-color-base;
+
+    &-title {
+      display: flex;
+      align-items: center;
+      &-text {
+        margin-right: @margin-md;
+        color: @text-color-secondary;
+      }
+      &-btn {
+        color: @text-color-secondary;
+        &:hover {
+          color: @primary-color;
+        }
+      }
+    }
+    &-option {
+      display: flex;
+      flex: 1;
+      flex-direction: row-reverse;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+
+  &-content {
+    width: 100%;
+    height: calc(100% - 64px);
+  }
+}

package/es/layout/optionTitle/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/es/layout/optionTitle/types.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+export declare namespace BizOptionTitleProps {
+    export interface Props {
+        value: Value;
+        children: React.ReactNode;
+        afterEditTarget?: (type: string, value?: any) => void;
+    }
+    export interface Value {
+        panelId: number;
+        target: TargetValue;
+    }
+    export interface TargetValue {
+        id?: number;
+        name?: string;
+        params: Record<string, any>;
+        showList?: string[];
+    }
+    export interface LayoutProps extends CommonProps {
+    }
+    interface CommonProps extends TitleProps {
+        options?: BtnItem[];
+        optionClass?: string;
+        className?: string;
+        extra?: React.ReactNode;
+        backExtra?: React.ReactNode;
+        children?: React.ReactNode;
+        onBack?: () => void;
+    }
+    export enum OptionTypes {
+        SAVE = "save",
+        SAVE_AS = "saveAs",
+        DELETE = "delete",
+        CANCEL = "cancel",
+        EDIT = "edit",
+        CREATE = "create",
+        PANEL = "panel"
+    }
+    export interface OptionProps {
+        title?: string;
+        type?: string;
+        disabled?: boolean;
+        onClick: (type: OptionTypes) => void;
+    }
+    export interface TitleProps {
+        name?: string;
+        value?: string;
+        max?: number;
+        isInput?: boolean;
+        canEdit?: boolean;
+        required?: boolean;
+        width?: number;
+        onChange?: (value: string) => void;
+        onService?: (value: string, callback: Function) => void;
+    }
+    const BtnTypes: ['default', 'primary', 'ghost', 'dashed', 'link', 'text'];
+    const MenuItemTypes: ['button', 'dropdownBtn', 'dropdown', 'divider'];
+    export type BtnType = (typeof BtnTypes)[number];
+    export type MenuItemType = (typeof MenuItemTypes)[number];
+    type Merge<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;
+    export interface CommonBtnProps {
+        key: string;
+        label: React.ReactNode;
+        type?: BtnType;
+        icon?: React.ReactNode;
+        disabled?: boolean;
+        loading?: boolean;
+        className?: string;
+        onClick?: () => void;
+    }
+    export type BtnItem = Merge<CommonBtnProps, {
+        itemType?: MenuItemType;
+        overlayClassName?: string;
+        children?: CommonBtnProps[];
+    }>;
+    export interface BtnMenuProps {
+        menu: BtnItem[];
+        className?: string;
+    }
+    export {};
+}
+export declare const BizTargetFromPanelContext: React.Context<{
+    handleSearch?: ((isSearch?: boolean) => void) | undefined;
+}>;

package/es/layout/optionTitle/types.js

@@ -0,0 +1,15 @@
+import { createContext } from 'react';
+export var BizOptionTitleProps;
+(function (BizOptionTitleProps) {
+  var OptionTypes;
+  (function (OptionTypes) {
+    OptionTypes["SAVE"] = "save";
+    OptionTypes["SAVE_AS"] = "saveAs";
+    OptionTypes["DELETE"] = "delete";
+    OptionTypes["CANCEL"] = "cancel";
+    OptionTypes["EDIT"] = "edit";
+    OptionTypes["CREATE"] = "create";
+    OptionTypes["PANEL"] = "panel";
+  })(OptionTypes = BizOptionTitleProps.OptionTypes || (BizOptionTitleProps.OptionTypes = {}));
+})(BizOptionTitleProps || (BizOptionTitleProps = {}));
+export var BizTargetFromPanelContext = /*#__PURE__*/createContext({});

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BizOptionTitleProps } from './types';
+export declare const Value: React.FC<BizOptionTitleProps.Value>;
+export declare const TargetValue: React.FC<BizOptionTitleProps.TargetValue>;

package/es/layout/optionTitle/typesValue.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export var Value = function Value() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+export var TargetValue = function TargetValue() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};

package/es/loginForm/demo/index.d.ts

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

package/es/searchInput/demo/index.d.ts

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

package/es/select/demo/children.d.ts

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

package/es/select/demo/customLabel.d.ts

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

package/es/select/demo/group.d.ts

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

package/es/select/demo/index.d.ts

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

package/es/select/demo/loading.d.ts

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

package/es/select/demo/multiple.d.ts

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

package/es/socket/demo/demo.d.ts

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

package/es/table/demo/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/table/demo/index2.d.ts

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

package/es/table/demo/index3.d.ts

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

package/es/targetConditionGroup/demo/group.d.ts

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

package/es/targetConditionGroup/demo/index.d.ts

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

package/es/targetSelector/demo/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/userCondition/conditions/business/paramsCondition.js

@@ -16,11 +16,7 @@ var ParamsCondition = function ParamsCondition(props) {
     onChange = props.onChange;
   var onValue0Change = function onValue0Change(e) {
     var value = e.target.value;
-    if (condition.attrs[index].attrType === 'cont-date') {
-      condition.attrs[index].params = [value, '0'];
-    } else {
-      condition.attrs[index].params[0] = value;
-    }
+    condition.attrs[index].params[0] = value;
     onChange(_objectSpread({}, condition));
   };
   var onValue1Change = function onValue1Change(e) {

package/es/userCondition/demo/business.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/userCondition/demo/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/userGroup/demo/group.d.ts

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

package/es/userGroup/demo/index.d.ts

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

package/es/userTagsSelector/demo/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.1.49-dev.0",
+  "version": "1.1.50-title.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -60,5 +60,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "b2e287ebcfeaa841e1f4e10bd9891e58f3223e95"
+  "gitHead": "1703cca49cd7f36d3137e4758cb363ed0cea078a"
 }