@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/dashboardMain/components/maven-setting/index.scss

@@ -0,0 +1,19 @@
+$PREFIX: maven-setting;
+
+@include block($PREFIX) {
+  .next-upload {
+    display: inline-block;
+  }
+  @include element(preview) {
+    pre {
+      margin: {
+        top: 0;
+        bottom: 0;
+      }
+    }
+
+    .next-dialog-body {
+      padding: 0 !important;
+    }
+  }
+}

package/es/components/dashboardMain/components/maven-setting/style.module.scss

@@ -0,0 +1,51 @@
+.subTitle {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--color-text1-4, #292929);
+  margin-top: 6px;
+  margin-bottom: 12px;
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.card {
+  position: relative;
+  border: 1px solid var(--color-brand3-2, #e9edf0);
+  border-radius: 4px;
+  padding: 16px 48px;
+  max-width: 800px;
+  margin-bottom: 8px;
+
+  &:hover {
+    border-color: var(--color-brand1-3, #90cdf5);
+    .hoverBtn {
+      opacity: 1;
+    }
+  }
+  .header {
+    font-size: 13px;
+    color: var(--color-text1-4, #292929);
+    font-weight: 500;
+  }
+
+  .desc {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--color-text1-2, #6e6e6e);
+  }
+
+  .check {
+    margin-left: -24px;
+    margin-right: 12px;
+  }
+
+  .hoverBtn {
+    opacity: 0;
+    position: absolute;
+    right: 20px;
+    top: 12px;
+  }
+}

package/es/components/dashboardMain/components/operation-panel/index.d.ts

@@ -0,0 +1,4 @@
+import './index.scss';
+export declare const PIPELINE_FILTER_STATUS = "pipeline_filter_status";
+declare const _default: any;
+export default _default;

package/es/components/dashboardMain/components/operation-panel/index.js

@@ -0,0 +1,604 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useEffect } from 'react';
+import { Tab, Dropdown, Menu, Message, Balloon, Button, Divider } from '@teamix/ui';
+import { SearchIcon, ButtonIcon, YunxiaoIcon } from '@alife/devops-ui';
+import cls from 'classnames';
+import track from "../../../../utils/track";
+import { intervalEnterTime, getFeature } from "../../../../utils";
+import SearchPanel from "../search-panel";
+import { envDatasource } from "../../../common/teambition/pipeline-info/baseInfo";
+import { triggerModeData } from "../../../detailMain/histories/filter";
+import Member from "../../../common/teambition/yunxiao-member";
+import exceed from "../../../../utils/apimap";
+import dayjs from 'dayjs';
+import { get } from 'lodash-es';
+import intl from "../../../../locale";
+import "./index.scss";
+var Tooltip = Balloon.Tooltip;
+var PREFIX = 'pipeline-operation-panel';
+var PERMISSION_PIPELINE_CREATE = 'tb.role.pipeline.create';
+var ID = 'ID';
+var RESULT_STATUS = 'RESULT_STATUS';
+var LAST_INST_ID = 'LAST_INST_ID';
+export var PIPELINE_FILTER_STATUS = 'pipeline_filter_status';
+var _track = function _track(params) {
+  if (params === void 0) {
+    params = {};
+  }
+  track(_extends({
+    page: 'main page',
+    daysinceenterflow: intervalEnterTime()
+  }, params));
+};
+var PipelineOperationPanel = function PipelineOperationPanel(props) {
+  var _props$currentGroupIn = props.currentGroupInfo,
+    currentGroupInfo = _props$currentGroupIn === void 0 ? {} : _props$currentGroupIn,
+    tagGroupList = props.tagGroupList,
+    _props$values = props.values,
+    values = _props$values === void 0 ? {} : _props$values,
+    _props$onChanges = props.onChanges,
+    onChanges = _props$onChanges === void 0 ? {} : _props$onChanges,
+    resetVisible = props.resetVisible,
+    _onReset = props.onReset,
+    _props$permissions = props.permissions,
+    permissions = _props$permissions === void 0 ? [] : _props$permissions,
+    _props$createPermissi = props.createPermission,
+    createPermission = _props$createPermissi === void 0 ? true : _props$createPermissi;
+  var onCreate = onChanges.onCreate,
+    onSearch = onChanges.onSearch,
+    onSort = onChanges.onSort,
+    onChangeMode = onChanges.onChangeMode,
+    onChangeSearchParams = onChanges.onChangeSearchParams;
+  var pipelineName = values.pipelineName,
+    pageSort = values.pageSort,
+    viewMode = values.viewMode,
+    searchParams = values.searchParams;
+  var _useState = useState(pipelineName),
+    searchName = _useState[0],
+    setSearchName = _useState[1];
+  var _useState2 = useState(true),
+    firstFlag = _useState2[0],
+    setFirstFlag = _useState2[1];
+  useEffect(function () {
+    var _document$querySelect;
+    var timer;
+    // 有搜索条件展开搜索栏
+    var searchBtn = (_document$querySelect = document.querySelector("." + PREFIX + "-search-name")) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.firstChild;
+    if (searchBtn.type !== 'button') return;
+    if (searchBtn && pipelineName) {
+      timer = setTimeout(function () {
+        searchBtn.click();
+        clearTimeout(timer);
+      }, 300);
+    }
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [pipelineName]);
+  useEffect(function () {
+    setFirstFlag(false);
+  }, []);
+  useEffect(function () {
+    if (pipelineName !== searchName) {
+      setSearchName(pipelineName);
+    }
+  }, [pipelineName]);
+  useEffect(function () {
+    if (firstFlag) return;
+    onSearch && onSearch(searchName);
+  }, [searchName]);
+
+  // 是否拥有创建流水线权限(非分组)
+  var getPermission = function getPermission() {
+    return permissions.includes(PERMISSION_PIPELINE_CREATE);
+  };
+  var onMemberChange = function onMemberChange(memberList, objType, objId) {
+    return new Promise(function (resolve, reject) {
+      exceed.fetch({
+        api: 'Member.batchOverrideResourceMembers',
+        data: {
+          objType: objType,
+          objId: objId,
+          members: JSON.stringify(memberList)
+        }
+      }).then(function (_ref) {
+        var successful = _ref.successful;
+        successful ? resolve() : reject();
+      })["catch"](reject);
+    });
+  };
+  var renderGrounMember = function renderGrounMember() {
+    if (!currentGroupInfo.id || String(currentGroupInfo.id) === '0') {
+      return null;
+    }
+    var _get = get(currentGroupInfo, 'creatorUserVo', {}),
+      name = _get.name,
+      avatarUrl = _get.avatarUrl,
+      id = _get.id;
+    var memberProps = {
+      key: currentGroupInfo.id,
+      align: 'tr br',
+      objId: currentGroupInfo.id,
+      objType: 'pipelineGroup',
+      onChange: onMemberChange,
+      permissionAdminKey: 'tb.role.pipelineGroup.admin',
+      inviteVisible: true,
+      onlyInvite: true,
+      onVisibleChange: function onVisibleChange(enable) {
+        enable && _track({
+          action: 'set pipeline group member'
+        });
+      },
+      initMembers: id ? [{
+        name: name,
+        avatarUrl: avatarUrl,
+        memberType: 'USER',
+        status: 'PRESENT',
+        appRoleName: 'admin',
+        role: 'admin',
+        userId: id,
+        memberId: id,
+        openId: id
+      }] : [],
+      style: {
+        marginRight: 8
+      },
+      noPermissionTips: intl.get({
+        id: 'rdc-tb-cd-assets.components.pipeline-operation.NoPermission',
+        defaultMessage: '无权限对流水线进行此操作，请联系拥有该流水线所有权限的管理员添加权限'
+      })
+    };
+    return /*#__PURE__*/React.createElement(Member, memberProps);
+  };
+  var renderDivider = function renderDivider() {
+    if (!currentGroupInfo.id || String(currentGroupInfo.id) === '0') return null;
+    return /*#__PURE__*/React.createElement(Divider, {
+      direction: "ver"
+    });
+  };
+  var renderCreate = function renderCreate() {
+    if (location.pathname.includes('system')) return null;
+    var btn = /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      disabled: !createPermission,
+      style: {
+        marginLeft: 2
+      },
+      onClick: function onClick() {
+        _track({
+          action: 'create pipeline',
+          createtype: 'main page create'
+        });
+        onCreate && onCreate();
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.CreateAPipeline',
+      defaultMessage: '新建流水线'
+    }));
+    return /*#__PURE__*/React.createElement("div", {
+      className: PREFIX + "__create"
+    }, !createPermission ? /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: btn,
+      align: "tl",
+      popupStyle: {
+        width: 292
+      }
+    }, getPermission() ? intl.get({
+      id: 'rdc-tb-cd-assets.components.operation-panel.YouAreNotAuthorizedTo',
+      defaultMessage: '无权限新建流水线，仅可在拥有所有权限的分组下新建流水线'
+    }) : intl.get({
+      id: 'rdc-tb-cd-assets.components.operation-panel.NoPermissionToCreate',
+      defaultMessage: '无权限新建流水线，请联系企业管理员在企业设置中添加创建流水线权限'
+    })) : btn);
+  };
+  var renderSearch = function renderSearch() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: PREFIX + "__search " + PREFIX + "__leftline"
+    }, /*#__PURE__*/React.createElement(SearchIcon, {
+      direction: "rtl",
+      width: 240,
+      className: PREFIX + "-search-name",
+      hasClear: true,
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.EnterAPipelineName',
+        defaultMessage: '请输入流水线名称'
+      }),
+      value: searchName,
+      onChange: setSearchName
+    }));
+  };
+  var renderSort = function renderSort() {
+    var className = cls(PREFIX + "__sort", {
+      action: [RESULT_STATUS, LAST_INST_ID].includes(pageSort)
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React.createElement(Dropdown, {
+      triggerType: "click",
+      align: "tr br",
+      onVisibleChange: function onVisibleChange(v) {
+        v && _track({
+          action: 'open sort'
+        });
+      },
+      trigger: /*#__PURE__*/React.createElement(ButtonIcon, {
+        name: "sort-line"
+      }),
+      shouldUpdatePosition: true,
+      offset: [0, 8]
+    }, /*#__PURE__*/React.createElement(Menu, {
+      size: "small",
+      onSelect: function onSelect(_ref2) {
+        var key = _ref2[0];
+        onSort && onSort(key);
+      },
+      selectedKeys: pageSort,
+      selectMode: "single"
+    }, /*#__PURE__*/React.createElement(Menu.Item, {
+      key: ID
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Default',
+      defaultMessage: '默认'
+    })), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: RESULT_STATUS
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.main.relatePipelineTable.RecentRunningStatus',
+      defaultMessage: '最近运行状态'
+    })), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: LAST_INST_ID
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.main.tableColumns.LastRunTime',
+      defaultMessage: '最近运行开始时间'
+    })))));
+  };
+  var renderFilter = function renderFilter() {
+    var _cls;
+    var searchParamsLen = Object.values(searchParams).filter(Boolean).length;
+    var className = cls(PREFIX + "__filter", (_cls = {}, _cls[PREFIX + "__rightline doublemargin"] = resetVisible ? false : getFeature('app.home.view.mode'), _cls.active = !!searchParamsLen, _cls));
+    var trigger = /*#__PURE__*/React.createElement("div", {
+      className: className,
+      style: getFeature('app.home.view.mode') || resetVisible ? {} : {
+        marginRight: 0
+      }
+    }, /*#__PURE__*/React.createElement(ButtonIcon, {
+      name: "filter-line",
+      onClick: function onClick() {
+        _track({
+          action: 'switch filter',
+          state: 'on'
+        });
+      }
+    }));
+    var getTimerKey = function getTimerKey(key) {
+      var startKey;
+      var endKey;
+      switch (key) {
+        case 'executeTime':
+          startKey = 'executeStartTime';
+          endKey = 'executeEndTime';
+          break;
+        case 'createTime':
+          startKey = 'createStartTime';
+          endKey = 'createEndTime';
+          break;
+        default:
+          break;
+      }
+      return {
+        startKey: startKey,
+        endKey: endKey
+      };
+    };
+    var onChange = function onChange(key, val) {
+      var _extends2;
+      if (val === void 0) {
+        val = [];
+      }
+      onChangeSearchParams && onChangeSearchParams(_extends({}, searchParams, (_extends2 = {}, _extends2[key] = val.join(','), _extends2)));
+    };
+    var onTimerChange = function onTimerChange(key, _ref3) {
+      var _extends3;
+      var start = _ref3[0],
+        end = _ref3[1];
+      var formatStr = 'YYYY-MM-DD HH:mm:ss';
+      var formatStart = start ? dayjs(start).format(formatStr) : '';
+      var formatEnd = end ? dayjs(end).format(formatStr) : '';
+      var _getTimerKey = getTimerKey(key),
+        startKey = _getTimerKey.startKey,
+        endKey = _getTimerKey.endKey;
+      if (!startKey || !endKey) {
+        return Message.error({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.run-param-config-dialog.files.code-source.ASystemErrorOccurredRefresh',
+            defaultMessage: '系统出错了，请刷新页面重试'
+          })
+        });
+      }
+      onChangeSearchParams && onChangeSearchParams(_extends({}, searchParams, (_extends3 = {}, _extends3[startKey] = formatStart, _extends3[endKey] = formatEnd, _extends3)));
+    };
+    var dataSource = [{
+      key: 'tagIds',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Label',
+        defaultMessage: '标签'
+      }),
+      value: searchParams.tagIds ? searchParams.tagIds : '',
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      children: {
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.components.operation-panel.SelectTags',
+          defaultMessage: '选择标签'
+        }),
+        dataSource: tagGroupList.reduce(function (prev, next) {
+          if (!(next.tagList || []).length) return prev;
+          return [].concat(prev, next.tagList.map(function (_ref4) {
+            var color = _ref4.color,
+              id = _ref4.id,
+              name = _ref4.name;
+            return {
+              color: color,
+              value: id,
+              name: name,
+              extra: next.name
+            };
+          }));
+        }, [])
+      },
+      onChange: onChange
+    }, {
+      key: 'envIds',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.tableColumns.Environmental',
+        defaultMessage: '环境'
+      }),
+      value: searchParams.envIds ? searchParams.envIds : '',
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      children: {
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.SelectAnEnvironment',
+          defaultMessage: '选择环境'
+        }),
+        dataSource: [].concat(envDatasource.filter(function (_ref5) {
+          var value = _ref5.value;
+          return value;
+        }).map(function (_ref6) {
+          var label = _ref6.label,
+            value = _ref6.value;
+          return {
+            name: label,
+            value: value
+          };
+        }))
+      },
+      onChange: onChange
+    }, {
+      key: 'creators',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Founder',
+        defaultMessage: '创建人'
+      }),
+      value: searchParams.creators ? searchParams.creators : '',
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      type: 'member',
+      children: {
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.SelectCreator',
+          defaultMessage: '选择创建人'
+        })
+      },
+      onChange: onChange
+    }, {
+      key: 'operators',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.histories.Operator',
+        defaultMessage: '运行人'
+      }),
+      value: searchParams.operators ? searchParams.operators : '',
+      type: 'member',
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      children: {
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.SelectTheOperator',
+          defaultMessage: '选择运行人'
+        })
+      },
+      onChange: onChange
+    }, {
+      key: 'triggerMode',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.scheduler.timer.TriggerMode',
+        defaultMessage: '触发方式'
+      }),
+      multiple: false,
+      value: searchParams.triggerMode ? searchParams.triggerMode : '',
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      children: {
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.SelectAnTriggerMode',
+          defaultMessage: '选择触发方式'
+        }),
+        dataSource: triggerModeData
+      },
+      onChange: onChange
+    }, {
+      key: 'resultStatusList',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.RunningStatus',
+        defaultMessage: '运行状态'
+      }),
+      value: searchParams.resultStatusList ? searchParams.resultStatusList : '',
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      children: {
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.SelectTheRunningStatus',
+          defaultMessage: '选择运行状态'
+        }),
+        dataSource: [{
+          name: intl.get({
+            id: 'rdc-tb-cd-assets.detailMain.histories.Success',
+            defaultMessage: '成功'
+          }),
+          value: 'SUCCESS'
+        }, {
+          name: intl.get({
+            id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Running',
+            defaultMessage: '运行中'
+          }),
+          value: 'RUNNING'
+        }, {
+          name: intl.get({
+            id: 'rdc-tb-cd-assets.pipeline.new.Failed',
+            defaultMessage: '失败'
+          }),
+          value: 'FAIL'
+        }, {
+          name: intl.get({
+            id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Canceled',
+            defaultMessage: '已取消'
+          }),
+          value: 'CANCELED'
+        }, {
+          name: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.group-status.Waiting',
+            defaultMessage: '等待中'
+          }),
+          value: 'WAITING'
+        }]
+      },
+      onChange: onChange
+    }, {
+      key: 'executeTime',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Runtime',
+        defaultMessage: '运行时间'
+      }),
+      value: searchParams.executeStartTime && searchParams.executeEndTime ? [searchParams.executeStartTime, searchParams.executeEndTime] : [],
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      type: 'rangePicker',
+      onChange: onTimerChange,
+      showTime: true
+    }, {
+      key: 'createTime',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.CreationTime',
+        defaultMessage: '创建时间'
+      }),
+      value: searchParams.createStartTime && searchParams.createEndTime ? [searchParams.createStartTime, searchParams.createEndTime] : [],
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+        defaultMessage: '待选择'
+      }),
+      type: 'rangePicker',
+      onChange: onTimerChange,
+      showTime: true
+    }].filter(function (_ref7) {
+      var key = _ref7.key;
+      if (location.pathname.startsWith('/system')) {
+        return ['resultStatusList', 'executeTime', 'createTime'].includes(key);
+      }
+      return true;
+    });
+    return /*#__PURE__*/React.createElement(SearchPanel, {
+      trigger: trigger,
+      dataSource: dataSource,
+      disabled: !searchParamsLen,
+      onReset: function onReset() {
+        return _onReset('searchParams');
+      }
+    });
+  };
+  var renderReset = function renderReset() {
+    var _cls2;
+    var className = cls(PREFIX + "__reset", (_cls2 = {
+      show: resetVisible
+    }, _cls2[PREFIX + "__rightline"] = getFeature('app.home.view.mode'), _cls2));
+    return /*#__PURE__*/React.createElement("div", {
+      className: className,
+      style: getFeature('app.home.view.mode') || !resetVisible ? {} : {
+        marginRight: 0
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        return _onReset('all');
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.setting.region-keypair.Reset',
+      defaultMessage: '重置'
+    })));
+  };
+  var renderMode = function renderMode() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+      direction: "ver"
+    }), /*#__PURE__*/React.createElement(Tab, {
+      style: {
+        marginLeft: 2
+      },
+      shape: "capsule",
+      activeKey: viewMode,
+      className: 'mode-tab',
+      onChange: function onChange(v) {
+        onChangeMode && onChangeMode(v);
+        _track({
+          action: 'switch pipeline list view',
+          option: {
+            list: 'list',
+            panel: 'state',
+            table: 'table'
+          }[v]
+        });
+      }
+    }, /*#__PURE__*/React.createElement(Tab.Item, {
+      title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "menu-line",
+        style: {
+          marginRight: 4
+        }
+      }), intl.get({
+        id: 'rdc-tb-cd-assets.components.operation-panel.Streamlining',
+        defaultMessage: '精简'
+      })),
+      key: "list"
+    }), /*#__PURE__*/React.createElement(Tab.Item, {
+      title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "table-line",
+        style: {
+          marginRight: 4
+        }
+      }), intl.get({
+        id: 'rdc-tb-cd-assets.components.operation-panel.Detailed',
+        defaultMessage: '详细'
+      })),
+      key: "table"
+    })), /*#__PURE__*/React.createElement(Divider, {
+      className: "mode-divider",
+      direction: "ver"
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + " " + (location.pathname.includes('system') ? 'hide-create-btn' : '')
+  }, renderGrounMember(), renderDivider(), renderSearch(), renderSort(), renderFilter(), renderReset(), getFeature('app.home.view.mode') && renderMode(), renderCreate());
+};
+export default /*#__PURE__*/React.memo(PipelineOperationPanel);