hc-busin-components 1.0.0

package/dist/LogCenter/history-log.js

@@ -0,0 +1,1214 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { DatabaseOutlined, DoubleLeftOutlined, DownloadOutlined, ExportOutlined, FullscreenExitOutlined, FullscreenOutlined, ReloadOutlined } from '@ant-design/icons';
+import { Button, Cascader, Checkbox, DatePicker, Empty, Form, Input, Modal, Radio, Select, Tabs, notification } from 'antd';
+import dayjs from 'dayjs';
+import React, { useState, useEffect } from 'react';
+import { useLogCenterContext, useLogCenterLocale } from "./context";
+import EmptyIcon from "./assets/empty.png";
+import SelectWithAll from "./select-with-all";
+import { convertWorkloadType, downlaodFiles, fetchDateStr, fetchMultiParamsItem, fetchMultiWorkloadNames, fetchOptionsGroup, fetchValidMetadata, updateWorkloadOptions } from "./tools";
+import "./index.less";
+var RangePicker = DatePicker.RangePicker;
+var getInitFilterParams = function getInitFilterParams() {
+  return {
+    logDir: [],
+    severity: 'All',
+    searchMode: 'fuzzy',
+    boolCondition: null,
+    search: null,
+    timeRange: [dayjs().subtract(1, 'hour'), dayjs()]
+  };
+};
+function HistoryLog(props) {
+  var _filterParams$workloa, _filterParams$workloa2, _filterParams$podName, _locale$common, _locale$common2, _locale$common3, _locale$common4, _locale$common5, _locale$common6, _locale$common7, _logsData$data, _locale$common8;
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'stdoutLog' : _props$type,
+    space = props.space,
+    clusterId = props.clusterId,
+    toSearchAnalysis = props.toSearchAnalysis,
+    isFullScreen = props.isFullScreen,
+    onFullScreen = props.onFullScreen,
+    isEmbed = props.isEmbed,
+    embedParams = props.embedParams;
+  var _useState = useState(_objectSpread(_objectSpread({}, getInitFilterParams()), {}, {
+      component: null,
+      namespace: null,
+      workloadType: [],
+      workloadName: [],
+      podName: [],
+      container: []
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterParams = _useState2[0],
+    setFilterParams = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sendParams = _useState4[0],
+    setSendParams = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isQuerying = _useState6[0],
+    setIsQuerying = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isModalVisible = _useState8[0],
+    setIsModalVisible = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    logFileList = _useState10[0],
+    setLogFileList = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    componentOptions = _useState12[0],
+    setComponentOptions = _useState12[1];
+  var _useState13 = useState({
+      namespaces: [],
+      workloadTypes: [{
+        label: 'Deployment',
+        value: 'Deployment'
+      }, {
+        label: 'StatefulSet',
+        value: 'StatefulSet'
+      }, {
+        label: 'DaemonSet',
+        value: 'DaemonSet'
+      }, {
+        label: 'Job',
+        value: 'Job'
+      }, {
+        label: 'CronJob',
+        value: 'CronJob'
+      }],
+      workloads: [],
+      pods: [],
+      containers: []
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    basicOptions = _useState14[0],
+    setBasicOptions = _useState14[1];
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    logDirectoryOptions = _useState16[0],
+    setLogDirectoryOptions = _useState16[1];
+  // 选中的时间选卡
+  var _useState17 = useState('1h'),
+    _useState18 = _slicedToArray(_useState17, 2),
+    quickTimeValue = _useState18[0],
+    setQuickTimeValue = _useState18[1];
+  // 命名空间等下拉列表的metadata
+  var _useState19 = useState({}),
+    _useState20 = _slicedToArray(_useState19, 2),
+    metadata = _useState20[0],
+    setMetadata = _useState20[1];
+  // 命名空间等下拉列表的metadata - 赋值选中项的filter和value
+  var _useState21 = useState({}),
+    _useState22 = _slicedToArray(_useState21, 2),
+    metadataData = _useState22[0],
+    setMetadataData = _useState22[1];
+  // 日志查询结果
+  var _useState23 = useState({}),
+    _useState24 = _slicedToArray(_useState23, 2),
+    logsData = _useState24[0],
+    setLogsData = _useState24[1];
+  // 日志文件 - 当前选中的日志文件
+  var _useState25 = useState(''),
+    _useState26 = _slicedToArray(_useState25, 2),
+    currentFileFilter = _useState26[0],
+    setCurrentFileFilter = _useState26[1];
+  // 日志目录 filter 映射：logDirPath -> filter 字符串
+  var _useState27 = useState({}),
+    _useState28 = _slicedToArray(_useState27, 2),
+    logDirFilterMap = _useState28[0],
+    setLogDirFilterMap = _useState28[1];
+  // 日志下载选项
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    isPack = _useState30[0],
+    setIsPack = _useState30[1];
+  var _useState31 = useState('self'),
+    _useState32 = _slicedToArray(_useState31, 2),
+    fileScope = _useState32[0],
+    setFileScope = _useState32[1];
+  // 云服务组件的工作负载
+  var _useState33 = useState({}),
+    _useState34 = _slicedToArray(_useState33, 2),
+    cloudWorkloads = _useState34[0],
+    setCloudWorkloads = _useState34[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    filterForm = _Form$useForm2[0];
+  var _useLogCenterContext = useLogCenterContext(),
+    services = _useLogCenterContext.services,
+    storage = _useLogCenterContext.storage;
+  var locale = useLogCenterLocale();
+  var fetchOptions = function fetchOptions(list, allLable, groups) {
+    var gList = groups.map(function (key) {
+      return key.split(':').pop();
+    });
+    var groupList = Array.from(new Set(gList));
+    var unList = list.filter(function (item) {
+      return !item.type;
+    });
+    var newList = [];
+    groupList === null || groupList === void 0 || groupList.forEach(function (item) {
+      var groupName = item.indexOf(':') > -1 ? item.split(':')[1] : item;
+      if (groupName != '*') {
+        var items = list.filter(function (val) {
+          var type = val.type.indexOf(':') > -1 ? val.type.split(':')[1] : val.type;
+          if (type === groupName) {
+            return val;
+          }
+        });
+        if (items.length > 0) {
+          newList.push({
+            label: groupName,
+            options: items
+          });
+        }
+      }
+    });
+    return (list === null || list === void 0 ? void 0 : list.length) > 0 ? [{
+      label: allLable,
+      value: '*'
+    }].concat(newList, _toConsumableArray(unList)) : [];
+  };
+  var getSourceOptions = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
+      var _params$level, _params$level2, _params$level3, _params$level4;
+      var compo,
+        sourceType,
+        isHasCloud,
+        sendData,
+        response,
+        options,
+        _response$data,
+        namespaces,
+        _response$data2,
+        _response$data3,
+        workloads,
+        _response$data4,
+        workloadOptions,
+        _response$data5,
+        _response$data6,
+        _response$data7,
+        _response$data8,
+        formParams,
+        mdData,
+        _response$data9,
+        _params$workloadType,
+        _options$workloads,
+        _options$pods,
+        _options$containers,
+        _response$data10,
+        _options$pods2,
+        _options$containers2,
+        _response$data11,
+        _options$containers3,
+        _response$data12,
+        _args = arguments;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            compo = _args.length > 1 && _args[1] !== undefined ? _args[1] : cloudWorkloads;
+            if (clusterId) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            setLogDirectoryOptions([]);
+            sourceType = {
+              stdoutLog: 'stdout',
+              filesLog: 'file',
+              componentLog: 'component'
+            };
+            isHasCloud = isEmbed || type === 'componentLog' ? true : false;
+            sendData = {
+              cluster: clusterId,
+              dataSource: 'k8s,es',
+              level: params.level,
+              namespace: params.namespace,
+              workloadType: fetchMultiParamsItem(params.workloadType),
+              workloadName: isHasCloud ? fetchMultiWorkloadNames(params, compo.list) : fetchMultiParamsItem(params.workloadName, params.workloadType),
+              podName: fetchMultiParamsItem(params.podName),
+              container: fetchMultiParamsItem(params.container),
+              sourceType: sourceType[type]
+            };
+            if (space === 'project') {
+              sendData.projectId = storage.getSession('projectId', true);
+            }
+            _context.next = 10;
+            return services.getLogDataSource(sendData);
+          case 10:
+            response = _context.sent;
+            options = {};
+            if ((_params$level = params.level) !== null && _params$level !== void 0 && _params$level.includes('namespaces')) {
+              namespaces = (response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.options) === null || _response$data === void 0 ? void 0 : _response$data.namespaces) || [];
+              if (isHasCloud) {
+                namespaces = (response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.options) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.namespaces) === null || _response$data2 === void 0 ? void 0 : _response$data2.filter(function (item) {
+                  return compo.namespaces.includes(item.value);
+                })) || [];
+              }
+              options.namespaces = namespaces;
+            }
+            if ((_params$level2 = params.level) !== null && _params$level2 !== void 0 && _params$level2.includes('workloads')) {
+              workloads = response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 || (_response$data3 = _response$data3.options) === null || _response$data3 === void 0 ? void 0 : _response$data3.workloads;
+              if (isHasCloud) {
+                workloads = response === null || response === void 0 || (_response$data4 = response.data) === null || _response$data4 === void 0 || (_response$data4 = _response$data4.options) === null || _response$data4 === void 0 || (_response$data4 = _response$data4.workloads) === null || _response$data4 === void 0 ? void 0 : _response$data4.filter(function (item) {
+                  var workload = item.type + ':' + item.value;
+                  if (compo.workloads.includes(workload) || item.value === '*') {
+                    return item;
+                  }
+                });
+              }
+              workloadOptions = fetchOptions(workloads || [], locale === null || locale === void 0 ? void 0 : locale.log['全部工作负载'], fetchOptionsGroup([], basicOptions.workloadTypes));
+              options.workloads = updateWorkloadOptions(workloadOptions);
+            }
+            if ((_params$level3 = params.level) !== null && _params$level3 !== void 0 && _params$level3.includes('pods')) {
+              options.pods = fetchOptions((response === null || response === void 0 || (_response$data5 = response.data) === null || _response$data5 === void 0 || (_response$data5 = _response$data5.options) === null || _response$data5 === void 0 ? void 0 : _response$data5.pods) || [], locale === null || locale === void 0 ? void 0 : locale.log['全部Pod'], fetchOptionsGroup(response === null || response === void 0 || (_response$data6 = response.data) === null || _response$data6 === void 0 || (_response$data6 = _response$data6.options) === null || _response$data6 === void 0 ? void 0 : _response$data6.workloads, basicOptions.workloads));
+            }
+            if ((_params$level4 = params.level) !== null && _params$level4 !== void 0 && _params$level4.includes('containers')) {
+              options.containers = fetchOptions((response === null || response === void 0 || (_response$data7 = response.data) === null || _response$data7 === void 0 || (_response$data7 = _response$data7.options) === null || _response$data7 === void 0 ? void 0 : _response$data7.containers) || [], locale === null || locale === void 0 ? void 0 : locale.log['全部容器'], fetchOptionsGroup(response === null || response === void 0 || (_response$data8 = response.data) === null || _response$data8 === void 0 || (_response$data8 = _response$data8.options) === null || _response$data8 === void 0 ? void 0 : _response$data8.pods, basicOptions.pods));
+            }
+            setBasicOptions(_objectSpread(_objectSpread({}, basicOptions), options));
+            formParams = {};
+            mdData = {};
+            if (params.level === 'namespaces') {
+              if (type === 'componentLog') {
+                formParams = _objectSpread(_objectSpread({}, filterParams), {}, {
+                  component: params.component,
+                  namespace: null,
+                  workloadType: [],
+                  workloadName: [],
+                  podName: [],
+                  container: []
+                });
+              } else {
+                formParams = _objectSpread(_objectSpread({}, getInitFilterParams()), {}, {
+                  namespace: null,
+                  workloadType: [],
+                  workloadName: [],
+                  podName: [],
+                  container: []
+                });
+                setQuickTimeValue('1h');
+              }
+              mdData = {
+                namespaces: (response === null || response === void 0 || (_response$data9 = response.data) === null || _response$data9 === void 0 ? void 0 : _response$data9.metadata) || {},
+                workloads: {},
+                pods: {},
+                containers: {}
+              };
+            }
+            if (params.level === 'workloads,pods,containers') {
+              formParams = _objectSpread(_objectSpread({}, filterParams), {}, {
+                namespace: params.namespace,
+                workloadType: (params === null || params === void 0 || (_params$workloadType = params.workloadType) === null || _params$workloadType === void 0 ? void 0 : _params$workloadType.length) > 0 ? params.workloadType : ['*'],
+                workloadName: ((_options$workloads = options.workloads) === null || _options$workloads === void 0 ? void 0 : _options$workloads.length) > 0 ? ['*'] : [],
+                podName: ((_options$pods = options.pods) === null || _options$pods === void 0 ? void 0 : _options$pods.length) > 0 ? ['*'] : [],
+                container: ((_options$containers = options.containers) === null || _options$containers === void 0 ? void 0 : _options$containers.length) > 0 ? ['*'] : []
+              });
+              mdData = _objectSpread(_objectSpread({}, metadata), {}, {
+                workloads: (response === null || response === void 0 || (_response$data10 = response.data) === null || _response$data10 === void 0 ? void 0 : _response$data10.metadata) || {},
+                pods: {},
+                containers: {}
+              });
+            }
+            if (params.level === 'pods,containers') {
+              formParams = _objectSpread(_objectSpread({}, filterParams), {}, {
+                namespace: params.namespace,
+                workloadType: params.workloadType,
+                workloadName: params.workloadName,
+                podName: ((_options$pods2 = options.pods) === null || _options$pods2 === void 0 ? void 0 : _options$pods2.length) > 0 ? ['*'] : [],
+                container: ((_options$containers2 = options.containers) === null || _options$containers2 === void 0 ? void 0 : _options$containers2.length) > 0 ? ['*'] : []
+              });
+              mdData = _objectSpread(_objectSpread({}, metadata), {}, {
+                pods: (response === null || response === void 0 || (_response$data11 = response.data) === null || _response$data11 === void 0 ? void 0 : _response$data11.metadata) || {},
+                containers: {}
+              });
+            }
+            if (params.level === 'containers') {
+              formParams = _objectSpread(_objectSpread({}, filterParams), {}, {
+                namespace: params.namespace,
+                workloadType: params.workloadType,
+                workloadName: params.workloadName,
+                podName: params.podName,
+                container: ((_options$containers3 = options.containers) === null || _options$containers3 === void 0 ? void 0 : _options$containers3.length) > 0 ? ['*'] : []
+              });
+              mdData = _objectSpread(_objectSpread({}, metadata), {}, {
+                containers: (response === null || response === void 0 || (_response$data12 = response.data) === null || _response$data12 === void 0 ? void 0 : _response$data12.metadata) || {}
+              });
+            }
+            setFilterParams(_objectSpread(_objectSpread({}, formParams), {}, {
+              logDir: []
+            }));
+            filterForm.setFieldsValue(_objectSpread(_objectSpread({}, formParams), {}, {
+              logDir: []
+            }));
+            setMetadata(mdData);
+          case 26:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getSourceOptions(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getLogDirOptions = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _currentMetadata$filt, _response$data13;
+      var mData,
+        workloadType,
+        currentMetadata,
+        sendData,
+        response,
+        logDirs,
+        list,
+        newList,
+        filterMap,
+        _args2 = arguments;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            mData = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : metadata;
+            workloadType = _args2.length > 1 ? _args2[1] : undefined;
+            currentMetadata = fetchValidMetadata(mData, isEmbed || type === 'componentLog', basicOptions.workloads);
+            sendData = {
+              cluster: clusterId,
+              namespace: filterParams.namespace,
+              sourceType: type === 'filesLog' ? 'file' : 'stdout',
+              filter: (currentMetadata === null || currentMetadata === void 0 || (_currentMetadata$filt = currentMetadata.filter) === null || _currentMetadata$filt === void 0 ? void 0 : _currentMetadata$filt.join(',')) || '',
+              workloadType: fetchMultiParamsItem(workloadType)
+            };
+            if (space === 'project') {
+              sendData.projectId = storage.getSession('projectId', true);
+            }
+            _context2.next = 7;
+            return services.getLogDir(sendData);
+          case 7:
+            response = _context2.sent;
+            logDirs = (response === null || response === void 0 || (_response$data13 = response.data) === null || _response$data13 === void 0 ? void 0 : _response$data13.logDirs) || [];
+            list = logDirs.map(function (item) {
+              return item.logDirPath;
+            });
+            newList = Array.from(new Set(list));
+            setLogDirectoryOptions(newList);
+
+            // 保存 logDirPath -> filter 映射
+            filterMap = {};
+            newList.forEach(function (logDirPath) {
+              var filterData = logDirs.filter(function (item) {
+                return item.logDirPath === logDirPath;
+              });
+              var filters = filterData.map(function (item) {
+                return item.filter;
+              });
+              filterMap[logDirPath] = Array.from(new Set(filters)).join(',');
+            });
+            setLogDirFilterMap(filterMap);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getLogDirOptions() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var getLogFileList = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params, logDirPath) {
+      var _response$data14, _response$data15;
+      var sendData, response, _response$data16, fileFilter;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            sendData = {
+              cluster: clusterId,
+              namespace: params.namespace,
+              sourceType: type === 'filesLog' ? 'file' : 'stdout',
+              logDirPath: logDirPath,
+              filter: params.filter || '',
+              startTime: params.startTime,
+              endTime: params.endTime,
+              workloadType: params.workloadType,
+              search: params.search,
+              searchMode: params.searchMode,
+              severity: params.severity
+            };
+            if (space === 'project') {
+              sendData.projectId = storage.getSession('projectId', true);
+            }
+            _context3.next = 4;
+            return services.getLogFiles(sendData);
+          case 4:
+            response = _context3.sent;
+            setLogFileList((response === null || response === void 0 || (_response$data14 = response.data) === null || _response$data14 === void 0 ? void 0 : _response$data14.logFiles) || []);
+            if ((response === null || response === void 0 || (_response$data15 = response.data) === null || _response$data15 === void 0 ? void 0 : _response$data15.logFiles.length) > 0) {
+              fileFilter = (response === null || response === void 0 || (_response$data16 = response.data) === null || _response$data16 === void 0 ? void 0 : _response$data16.logFiles[0].filter) || '';
+              getLogData(_objectSpread(_objectSpread({}, params), {}, {
+                filter: params.filter ? params.filter + ',' + fileFilter : fileFilter
+              }));
+              setCurrentFileFilter(fileFilter);
+            } else {
+              setLogFileList([]);
+              setLogsData({});
+            }
+            setIsQuerying(false);
+          case 8:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function getLogFileList(_x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var fetchCurrentMetadata = function fetchCurrentMetadata(key, values) {
+    var data = {};
+    var workloadType = null;
+    if (key === 'workloadTypes') {
+      data = _objectSpread(_objectSpread({}, metadata), {}, {
+        namespaces: metadataData.namespaces
+      });
+      workloadType = values;
+    } else {
+      var keys = ['containers', 'pods', 'workloads', 'namespaces'];
+      var index = keys.indexOf(key);
+      var selected = Array.isArray(values) ? values : values != null ? [values] : [];
+      var filters = [];
+      var list = basicOptions[key] || [];
+      list.forEach(function (item) {
+        if (Array.isArray(item === null || item === void 0 ? void 0 : item.options) && item.options.length > 0) {
+          item.options.forEach(function (opt) {
+            if (selected.includes(opt === null || opt === void 0 ? void 0 : opt.value) && opt !== null && opt !== void 0 && opt.filter) {
+              filters.push(opt.filter);
+            }
+          });
+        } else if (selected.includes(item === null || item === void 0 ? void 0 : item.value) && item !== null && item !== void 0 && item.filter) {
+          filters.push(item.filter);
+        }
+      });
+      data = _objectSpread(_objectSpread({}, metadataData), {}, _defineProperty({}, key, _objectSpread(_objectSpread({}, metadata[key]), {}, {
+        value: selected,
+        filter: Array.from(new Set(filters))
+      })));
+      // 清空后续数据源的值
+      for (var i = 0; i < index; i++) {
+        data[keys[i]] = {};
+      }
+      workloadType = filterParams === null || filterParams === void 0 ? void 0 : filterParams.workloadType;
+    }
+    setMetadataData(data);
+    if (type === 'filesLog') {
+      getLogDirOptions(data, workloadType);
+    }
+  };
+  var getCloudserviceOptions = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _response$data17;
+      var response, list;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return services.getCloudservices();
+          case 2:
+            response = _context4.sent;
+            list = response === null || response === void 0 || (_response$data17 = response.data) === null || _response$data17 === void 0 || (_response$data17 = _response$data17.items) === null || _response$data17 === void 0 ? void 0 : _response$data17.map(function (item) {
+              return {
+                label: item.displayName || item.cloudServiceName,
+                value: item.cloudServiceName,
+                isLeaf: false
+              };
+            });
+            setComponentOptions(list);
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function getCloudserviceOptions() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var getComponentOptions = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(option) {
+      var _response$data18, _components$workCompo;
+      var targetOption, response, components, list;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            targetOption = option[option.length - 1];
+            targetOption.loading = true;
+            _context5.next = 4;
+            return services.getServiceComponents({
+              componentType: 'work',
+              cloudServiceName: targetOption.value
+            });
+          case 4:
+            response = _context5.sent;
+            components = response === null || response === void 0 || (_response$data18 = response.data) === null || _response$data18 === void 0 ? void 0 : _response$data18.find(function (item) {
+              return item.cluster === clusterId;
+            });
+            list = components === null || components === void 0 || (_components$workCompo = components.workComponents) === null || _components$workCompo === void 0 ? void 0 : _components$workCompo.map(function (item) {
+              return {
+                label: item.displayName || item.cloudComponentName,
+                value: item.cloudComponentName
+              };
+            });
+            targetOption.children = list;
+            targetOption.loading = false;
+            setComponentOptions(_toConsumableArray(componentOptions));
+          case 10:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function getComponentOptions(_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var getCloudWorkloads = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(cloudServiceName, componentName) {
+      var _response$data19, _response$data20;
+      var response, namespaces, workloads, data;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            if (cloudServiceName && componentName) {
+              _context6.next = 2;
+              break;
+            }
+            return _context6.abrupt("return");
+          case 2:
+            _context6.next = 4;
+            return services.getSvcCompoWorkloads({
+              cluster: clusterId,
+              cloudServiceName: cloudServiceName,
+              componentName: componentName
+            });
+          case 4:
+            response = _context6.sent;
+            namespaces = response === null || response === void 0 || (_response$data19 = response.data) === null || _response$data19 === void 0 ? void 0 : _response$data19.map(function (item) {
+              return item.namespace;
+            });
+            workloads = response === null || response === void 0 || (_response$data20 = response.data) === null || _response$data20 === void 0 ? void 0 : _response$data20.map(function (item) {
+              return convertWorkloadType(item.workloadType) + ':' + item.name;
+            });
+            data = {
+              namespaces: Array.from(new Set(namespaces)),
+              workloads: Array.from(new Set(workloads)),
+              list: response === null || response === void 0 ? void 0 : response.data
+            };
+            setCloudWorkloads(data);
+            getSourceOptions({
+              level: 'namespaces',
+              component: [cloudServiceName, componentName]
+            }, data);
+          case 10:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function getCloudWorkloads(_x5, _x6) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    setQuickTimeValue('1h');
+    setLogFileList([]);
+    var formParams = _objectSpread(_objectSpread({}, getInitFilterParams()), filterParams);
+    if (Object.keys(logsData).length === 0) {
+      formParams.timeRange = [dayjs().subtract(1, 'hour'), dayjs()];
+    }
+    if (isEmbed) {
+      setLogsData({});
+      if (embedParams && Object.keys(embedParams).length > 0) {
+        setFilterParams(formParams);
+        filterForm.setFieldsValue(formParams);
+        getCloudWorkloads(embedParams.cloudServiceName, embedParams.componentName);
+      }
+    } else {
+      if (type === 'componentLog') {
+        getCloudserviceOptions();
+        setFilterParams(formParams);
+        filterForm.setFieldsValue(formParams);
+      } else {
+        getSourceOptions({
+          level: 'namespaces'
+        });
+      }
+    }
+  }, [embedParams, clusterId, type]);
+  var getLogData = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var _response$data21, _response$data22;
+      var params,
+        scrollId,
+        response,
+        data,
+        _args7 = arguments;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            params = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : sendParams;
+            scrollId = _args7.length > 1 && _args7[1] !== undefined ? _args7[1] : '';
+            _context7.next = 4;
+            return services.getHistoryLog(_objectSpread(_objectSpread({}, params), {}, {
+              scrollId: scrollId
+            }));
+          case 4:
+            response = _context7.sent;
+            data = _objectSpread(_objectSpread({}, response === null || response === void 0 ? void 0 : response.data), {}, {
+              data: scrollId ? [].concat(_toConsumableArray(logsData === null || logsData === void 0 ? void 0 : logsData.data), _toConsumableArray(response === null || response === void 0 || (_response$data21 = response.data) === null || _response$data21 === void 0 ? void 0 : _response$data21.logs)) : response === null || response === void 0 || (_response$data22 = response.data) === null || _response$data22 === void 0 ? void 0 : _response$data22.logs
+            });
+            setLogsData(data);
+            setIsQuerying(false);
+          case 8:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function getLogData() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var handleQuery = function handleQuery() {
+    filterForm.validateFields().then(function (values) {
+      var _currentMetadata$filt2;
+      setLogsData({});
+      var currentMetadata = fetchValidMetadata(metadataData, isEmbed || type === 'componentLog', basicOptions.workloads);
+      setIsQuerying(true);
+      var sendData = {
+        cluster: clusterId,
+        namespace: values === null || values === void 0 ? void 0 : values.namespace,
+        indexPattern: (currentMetadata === null || currentMetadata === void 0 ? void 0 : currentMetadata.indexPattern) || '',
+        indices: (currentMetadata === null || currentMetadata === void 0 ? void 0 : currentMetadata.indices) || '',
+        filter: (currentMetadata === null || currentMetadata === void 0 || (_currentMetadata$filt2 = currentMetadata.filter) === null || _currentMetadata$filt2 === void 0 ? void 0 : _currentMetadata$filt2.join(',')) || '',
+        boolCondition: '',
+        search: values === null || values === void 0 ? void 0 : values.search,
+        searchMode: values === null || values === void 0 ? void 0 : values.searchMode,
+        severity: values === null || values === void 0 ? void 0 : values.severity,
+        startTime: values.timeRange[0].toISOString(),
+        endTime: values.timeRange[1].toISOString(),
+        workloadType: fetchMultiParamsItem(values === null || values === void 0 ? void 0 : values.workloadType)
+      };
+      if (space === 'project') {
+        sendData.projectId = storage.getSession('projectId', true);
+      }
+      switch (type) {
+        case 'stdoutLog':
+          sendData.sourceType = 'stdout';
+          getLogData(sendData);
+          setSendParams(sendData);
+          break;
+        case 'filesLog':
+          sendData.sourceType = 'file';
+          // 收集选中日志目录的 filter
+          var selectedDirs = values.logDir || [];
+          var logDirFilters = [];
+          selectedDirs.forEach(function (dir) {
+            if (logDirFilterMap[dir]) {
+              logDirFilters.push(logDirFilterMap[dir]);
+            }
+          });
+          // 拼接: 级联 filter + logDir filter
+          var allFilters = [].concat(_toConsumableArray((currentMetadata === null || currentMetadata === void 0 ? void 0 : currentMetadata.filter) || []), logDirFilters).filter(Boolean);
+          sendData.filter = allFilters.join(',');
+          getLogFileList(sendData, selectedDirs.join(','));
+          setSendParams(sendData);
+          break;
+        case 'componentLog':
+          sendData.sourceType = 'component';
+          getLogData(sendData);
+          setSendParams(sendData);
+          break;
+      }
+    });
+  };
+  var handleDownlaod = function handleDownlaod() {
+    filterForm.validateFields().then(function () {
+      setIsModalVisible(true);
+    });
+  };
+  var handleRefresh = function handleRefresh() {
+    filterForm.validateFields().then(function () {
+      var sendData = _objectSpread({}, sendParams);
+      if (type === 'filesLog') {
+        sendData.filter = sendParams.filter ? sendParams.filter + ',' + currentFileFilter : currentFileFilter;
+      }
+      getLogData(sendData);
+    });
+  };
+  var hadleExport = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      var sendData, fType, response, filename, disposition, match;
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            sendData = _objectSpread({}, sendParams);
+            fType = 'fileType=zip';
+            if (type === 'filesLog') {
+              if (fileScope === 'self') {
+                fType = 'fileType=txt';
+                sendData.filter = sendParams.filter ? sendParams.filter + ',' + currentFileFilter : currentFileFilter;
+              } else {
+                fType = 'fileType=zip';
+              }
+            } else {
+              fType = isPack ? 'fileType=zip' : 'fileType=txt';
+            }
+            sendData.exportOptions = fType;
+            _context8.next = 6;
+            return services.exportHistoryLog(sendData);
+          case 6:
+            response = _context8.sent;
+            filename = "".concat(type, "_").concat(fetchDateStr(), ".").concat(fType === 'fileType=zip' ? 'zip' : 'txt');
+            disposition = response.headers && (response.headers['content-disposition'] || response.headers['Content-Disposition']);
+            if (disposition) {
+              match = disposition.match(/filename="?([^"]+)"?/);
+              if (match && match[1]) {
+                // 处理一下中文编码等情况
+                filename = decodeURIComponent(match[1]);
+              }
+            }
+            downlaodFiles(response.data, filename);
+            notification.info({
+              message: locale.log['开始下载日志文件'],
+              description: ''
+            });
+            setIsModalVisible(false);
+            setIsPack(false);
+            setFileScope('self');
+          case 15:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }));
+    return function hadleExport() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "query-condition-wrap"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: filterForm,
+    colon: false
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "basic-query-box"
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("h5", null, /*#__PURE__*/React.createElement(DatabaseOutlined, null), /*#__PURE__*/React.createElement("span", null, locale.log['日志数据源'])), toSearchAnalysis && /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: function onClick() {
+      toSearchAnalysis();
+    }
+  }, locale.log['检索分析'], /*#__PURE__*/React.createElement(ExportOutlined, null))), /*#__PURE__*/React.createElement("div", {
+    className: "query-items history-log-query-items ".concat(type === 'componentLog' ? 'columns-5' : '')
+  }, type === 'componentLog' && /*#__PURE__*/React.createElement(Form.Item, {
+    name: "component",
+    rules: [{
+      required: true,
+      message: locale === null || locale === void 0 ? void 0 : locale.log['请选择组件']
+    }]
+  }, /*#__PURE__*/React.createElement(Cascader, {
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择组件'],
+    options: componentOptions,
+    loadData: getComponentOptions,
+    onChange: function onChange(value) {
+      getCloudWorkloads(value[0], value[1]);
+    },
+    allowClear: false
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "namespace",
+    rules: [{
+      required: true,
+      message: locale === null || locale === void 0 ? void 0 : locale.log['请选择命名空间']
+    }]
+  }, /*#__PURE__*/React.createElement(Select, {
+    showSearch: true,
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择命名空间'],
+    options: basicOptions.namespaces,
+    disabled: type === 'componentLog' && !filterParams.component,
+    onChange: function onChange(value) {
+      getSourceOptions({
+        level: 'workloads,pods,containers',
+        namespace: value
+      });
+      fetchCurrentMetadata('namespaces', [value]);
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    className: "workload-form-item"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "workloadType",
+    rules: [{
+      required: true,
+      message: locale === null || locale === void 0 ? void 0 : locale.log['请选择工作负载类型']
+    }]
+  }, /*#__PURE__*/React.createElement(SelectWithAll, {
+    options: [{
+      label: locale === null || locale === void 0 ? void 0 : locale.log['全部工作负载类型'],
+      value: '*'
+    }].concat(_toConsumableArray(basicOptions.workloadTypes)),
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['工作负载类型'],
+    disabled: !filterParams.namespace,
+    onChange: function onChange(value) {
+      if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
+        getSourceOptions({
+          level: 'workloads,pods,containers',
+          namespace: filterParams.namespace,
+          workloadType: value
+        });
+      } else {
+        var data = _objectSpread(_objectSpread({}, filterParams), {}, {
+          workloadType: value,
+          workloadName: [],
+          podName: [],
+          containerName: [],
+          logDir: []
+        });
+        setFilterParams(data);
+        filterForm.setFieldsValue(data);
+        setLogDirectoryOptions([]);
+      }
+      fetchCurrentMetadata('workloadTypes', value);
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "workloadName",
+    rules: [{
+      required: true,
+      message: locale === null || locale === void 0 ? void 0 : locale.log['请选择工作负载']
+    }]
+  }, /*#__PURE__*/React.createElement(SelectWithAll, {
+    options: basicOptions.workloads,
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择工作负载'],
+    disabled: ((_filterParams$workloa = filterParams.workloadType) === null || _filterParams$workloa === void 0 ? void 0 : _filterParams$workloa.length) === 0,
+    onChange: function onChange(value) {
+      if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
+        getSourceOptions({
+          level: 'pods,containers',
+          namespace: filterParams.namespace,
+          workloadType: filterParams.workloadType,
+          workloadName: value
+        });
+      } else {
+        var data = _objectSpread(_objectSpread({}, filterParams), {}, {
+          workloadName: value,
+          podName: [],
+          container: [],
+          logDir: []
+        });
+        setFilterParams(data);
+        filterForm.setFieldsValue(data);
+        setLogDirectoryOptions([]);
+      }
+      fetchCurrentMetadata('workloads', value);
+    }
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "podName",
+    rules: [{
+      required: true,
+      message: locale === null || locale === void 0 ? void 0 : locale.log['请选择Pod']
+    }]
+  }, /*#__PURE__*/React.createElement(SelectWithAll, {
+    options: basicOptions.pods,
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择Pod'],
+    disabled: ((_filterParams$workloa2 = filterParams.workloadName) === null || _filterParams$workloa2 === void 0 ? void 0 : _filterParams$workloa2.length) === 0,
+    onChange: function onChange(value) {
+      if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
+        var data = {
+          level: 'containers',
+          namespace: filterParams.namespace,
+          workloadType: filterParams.workloadType,
+          workloadName: filterParams.workloadName,
+          podName: value
+        };
+        getSourceOptions(data);
+      } else {
+        var _data = _objectSpread(_objectSpread({}, filterParams), {}, {
+          podName: value,
+          container: [],
+          logDir: []
+        });
+        setFilterParams(_data);
+        filterForm.setFieldsValue(_data);
+        setLogDirectoryOptions([]);
+      }
+      fetchCurrentMetadata('pods', value);
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "container",
+    rules: [{
+      required: true,
+      message: locale === null || locale === void 0 ? void 0 : locale.log['请选择容器']
+    }]
+  }, /*#__PURE__*/React.createElement(SelectWithAll, {
+    options: basicOptions.containers,
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择容器'],
+    disabled: ((_filterParams$podName = filterParams.podName) === null || _filterParams$podName === void 0 ? void 0 : _filterParams$podName.length) === 0,
+    onChange: function onChange(value) {
+      var data = _objectSpread(_objectSpread({}, filterParams), {}, {
+        container: value,
+        logDir: []
+      });
+      setFilterParams(data);
+      fetchCurrentMetadata('containers', value);
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "self-query-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "group"
+  }, type === 'filesLog' && /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['日志目录']), /*#__PURE__*/React.createElement("dd", null, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "logDir"
+  }, /*#__PURE__*/React.createElement(Select, {
+    showSearch: true,
+    mode: "multiple",
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择日志目录'],
+    onChange: function onChange(value) {
+      setFilterParams(_objectSpread(_objectSpread({}, filterParams), {}, {
+        logDir: value
+      }));
+    }
+  }, logDirectoryOptions.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: item,
+      value: item
+    }, item);
+  }))))), /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['日志级别']), /*#__PURE__*/React.createElement("dd", null, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "severity"
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请选择日志级别'],
+    options: [{
+      label: locale === null || locale === void 0 || (_locale$common = locale.common) === null || _locale$common === void 0 ? void 0 : _locale$common.all,
+      value: 'All'
+    }, {
+      label: 'Info',
+      value: 'I'
+    }, {
+      label: 'Error',
+      value: 'E'
+    }, {
+      label: 'Warn',
+      value: 'W'
+    }, {
+      label: 'Debug',
+      value: 'D'
+    }],
+    onChange: function onChange(value) {
+      setFilterParams(_objectSpread(_objectSpread({}, filterParams), {}, {
+        severity: value
+      }));
+    }
+  })))), /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['日志搜索']), /*#__PURE__*/React.createElement("dd", null, /*#__PURE__*/React.createElement(Form.Item, {
+    className: "group-form-item"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "searchMode",
+    style: {
+      width: '100px'
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    options: [{
+      label: locale === null || locale === void 0 ? void 0 : locale.log['模糊搜索'],
+      value: 'fuzzy'
+    }, {
+      label: locale === null || locale === void 0 ? void 0 : locale.log['分词搜索'],
+      value: 'word'
+    }, {
+      label: locale === null || locale === void 0 ? void 0 : locale.log['精确搜索'],
+      value: 'exact'
+    }, {
+      label: locale === null || locale === void 0 ? void 0 : locale.log['正则搜索'],
+      value: 'regex'
+      // }, {
+      //     label: locale?.log['布尔搜索'],
+      //     value: 'bool',
+    }],
+    onChange: function onChange(value) {
+      setFilterParams(_objectSpread(_objectSpread({}, filterParams), {}, {
+        searchMode: value
+      }));
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "search"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: locale === null || locale === void 0 ? void 0 : locale.log['请输入关键字'],
+    onChange: function onChange(e) {
+      setFilterParams(_objectSpread(_objectSpread({}, filterParams), {}, {
+        search: e.target.value
+      }));
+    }
+  })))))), /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['时间范围']), /*#__PURE__*/React.createElement("dd", null, /*#__PURE__*/React.createElement(Radio.Group, {
+    optionType: "button",
+    options: [{
+      label: '1' + (locale === null || locale === void 0 || (_locale$common2 = locale.common) === null || _locale$common2 === void 0 ? void 0 : _locale$common2.hourAbbr),
+      value: '1h'
+    }, {
+      label: '6' + (locale === null || locale === void 0 || (_locale$common3 = locale.common) === null || _locale$common3 === void 0 ? void 0 : _locale$common3.hourAbbr),
+      value: '6h'
+    }, {
+      label: '12' + (locale === null || locale === void 0 || (_locale$common4 = locale.common) === null || _locale$common4 === void 0 ? void 0 : _locale$common4.hourAbbr),
+      value: '12h'
+    }, {
+      label: '1' + (locale === null || locale === void 0 || (_locale$common5 = locale.common) === null || _locale$common5 === void 0 ? void 0 : _locale$common5.dayAbbr),
+      value: '1d'
+    }, {
+      label: '3' + (locale === null || locale === void 0 || (_locale$common6 = locale.common) === null || _locale$common6 === void 0 ? void 0 : _locale$common6.dayAbbr),
+      value: '3d'
+    }],
+    value: quickTimeValue,
+    onChange: function onChange(e) {
+      var value = e.target.value;
+      setQuickTimeValue(value);
+      if (value) {
+        var unit = value.indexOf('h') > -1 ? 'hour' : 'day';
+        var num = parseInt(value, 10);
+        var timeRange = [dayjs().subtract(num, unit), dayjs()];
+        filterForm.setFieldsValue({
+          timeRange: timeRange
+        });
+        setFilterParams(_objectSpread(_objectSpread({}, filterParams), {}, {
+          timeRange: timeRange
+        }));
+      }
+    }
+  }), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "timeRange"
+  }, /*#__PURE__*/React.createElement(RangePicker, {
+    showTime: true,
+    onChange: function onChange(dates) {
+      setQuickTimeValue('');
+      if (dates !== null && dates !== void 0 && dates[0] && dates !== null && dates !== void 0 && dates[1]) {
+        setFilterParams(_objectSpread(_objectSpread({}, filterParams), {}, {
+          timeRange: [dates[0], dates[1]]
+        }));
+      }
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "oper"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      var data = _objectSpread(_objectSpread({}, filterParams), getInitFilterParams());
+      setFilterParams(data);
+      filterForm.setFieldsValue(data);
+      setQuickTimeValue('1h');
+    }
+  }, locale === null || locale === void 0 || (_locale$common7 = locale.common) === null || _locale$common7 === void 0 ? void 0 : _locale$common7.reset), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    loading: isQuerying,
+    onClick: function onClick() {
+      return handleQuery();
+    }
+  }, locale.common.query))))), type === 'filesLog' && logFileList.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "files-wrap"
+  }, /*#__PURE__*/React.createElement("h4", null, locale === null || locale === void 0 ? void 0 : locale.log['日志文件列表']), /*#__PURE__*/React.createElement(Tabs, {
+    type: "card",
+    items: logFileList.map(function (item) {
+      return {
+        key: item.filter,
+        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h5", null, item.name), /*#__PURE__*/React.createElement("p", null, "Pod:\xA0", /*#__PURE__*/React.createElement("span", null, item.podName)), /*#__PURE__*/React.createElement("p", null, locale === null || locale === void 0 ? void 0 : locale.log['容器'], ":\xA0", /*#__PURE__*/React.createElement("span", null, item.containerName)))
+      };
+    }),
+    popupClassName: "log-file-list-popup",
+    activeKey: currentFileFilter,
+    onChange: function onChange(key) {
+      setCurrentFileFilter(key);
+      getLogData(_objectSpread(_objectSpread({}, sendParams), {}, {
+        filter: sendParams.filter ? sendParams.filter + ',' + key : key
+      }));
+    }
+  })), (logsData === null || logsData === void 0 || (_logsData$data = logsData.data) === null || _logsData$data === void 0 ? void 0 : _logsData$data.length) > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "content-wrap"
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "header"
+  }, /*#__PURE__*/React.createElement("li", null, locale === null || locale === void 0 ? void 0 : locale.log['日志']), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    size: "small",
+    className: "log-center-toolbar-btn",
+    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null),
+    onClick: handleDownlaod
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    size: "small",
+    className: "log-center-toolbar-btn",
+    icon: isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null),
+    onClick: onFullScreen
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    size: "small",
+    className: "log-center-toolbar-btn",
+    icon: /*#__PURE__*/React.createElement(ReloadOutlined, null),
+    onClick: handleRefresh
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "history-content"
+  }, logsData.data.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("p", {
+      key: index
+    }, item.content.replace(/\\t/g, '\t'));
+  })), (logsData === null || logsData === void 0 ? void 0 : logsData.hasMore) && /*#__PURE__*/React.createElement("div", {
+    className: "history-more",
+    onClick: function onClick() {
+      var sendData = _objectSpread({}, sendParams);
+      if (type === 'filesLog') {
+        sendData.filter = sendParams.filter ? sendParams.filter + ',' + currentFileFilter : currentFileFilter;
+      }
+      getLogData(sendData, logsData.scrollId);
+    }
+  }, /*#__PURE__*/React.createElement(DoubleLeftOutlined, null))) : /*#__PURE__*/React.createElement("div", {
+    className: "empty-wrap"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    image: EmptyIcon,
+    description: locale.log['暂无日志']
+  })), isModalVisible && /*#__PURE__*/React.createElement(Modal, {
+    title: locale === null || locale === void 0 ? void 0 : locale.log['下载日志'],
+    open: isModalVisible,
+    width: 360,
+    className: "log-download-modal",
+    okText: locale === null || locale === void 0 || (_locale$common8 = locale.common) === null || _locale$common8 === void 0 ? void 0 : _locale$common8.download,
+    onCancel: function onCancel() {
+      return setIsModalVisible(false);
+    },
+    onOk: function onOk() {
+      return hadleExport();
+    }
+  }, /*#__PURE__*/React.createElement("h5", null, locale === null || locale === void 0 ? void 0 : locale.log['确认下载所选数据源及筛选项过滤后的日志']), (type === 'stdoutLog' || type === 'componentLog') && /*#__PURE__*/React.createElement(Checkbox, {
+    onChange: function onChange(e) {
+      setIsPack(e.target.checked);
+    },
+    checked: isPack
+  }, /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['单独打包']), /*#__PURE__*/React.createElement("dd", null, locale === null || locale === void 0 ? void 0 : locale.log['单独打包Tips']))), type === 'filesLog' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, locale === null || locale === void 0 ? void 0 : locale.log['下载日志范围']), /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: function onChange(e) {
+      setFileScope(e.target.value);
+    },
+    value: fileScope
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: 'self'
+  }, /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['当前查看日志文件']), /*#__PURE__*/React.createElement("dd", null, locale === null || locale === void 0 ? void 0 : locale.log['当前查看日志文件Tips']))), /*#__PURE__*/React.createElement(Radio, {
+    value: 'all'
+  }, /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, locale === null || locale === void 0 ? void 0 : locale.log['全部日志文件']), /*#__PURE__*/React.createElement("dd", null, locale === null || locale === void 0 ? void 0 : locale.log['全部日志文件Tips'])))))));
+}
+export default HistoryLog;