hc-busin-components 1.0.0

package/dist/CombineSearch/hooks/useCombineState.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useCombineSearchState(): {
+    combineValues: Record<string, any>;
+    setCombineValues: import("react").Dispatch<import("react").SetStateAction<Record<string, any>>>;
+};

package/dist/CombineSearch/hooks/useCombineState.js

@@ -0,0 +1,17 @@
+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 { useState } from "react";
+export default function useCombineSearchState() {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    combineValues = _useState2[0],
+    setCombineValues = _useState2[1];
+  return {
+    combineValues: combineValues,
+    setCombineValues: setCombineValues
+  };
+}

package/dist/CombineSearch/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import ComBineSearchProps from './types';
+declare const CombineSearch: ({ fieldNames, options, search, placeholder, prefixIcon, border, addonBefore, addonAfter, request, values, setValues, defaultSelectKey, defaultAfterChange, }: ComBineSearchProps) => React.JSX.Element;
+export default CombineSearch;

package/dist/CombineSearch/index.js

@@ -0,0 +1,168 @@
+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 { Select, Space } from 'antd';
+import Icon from "../Icon";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import CombineContent from "./components/Content";
+import CombineTags from "./components/Tags";
+import { useCombineBoxStyles } from "./style";
+import { debounce } from 'lodash';
+var CombineSearch = function CombineSearch(_ref) {
+  var _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      label: 'title',
+      value: 'key'
+    } : _ref$fieldNames,
+    options = _ref.options,
+    _ref$search = _ref.search,
+    search = _ref$search === void 0 ? true : _ref$search,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请选择筛选条件' : _ref$placeholder,
+    prefixIcon = _ref.prefixIcon,
+    border = _ref.border,
+    addonBefore = _ref.addonBefore,
+    addonAfter = _ref.addonAfter,
+    request = _ref.request,
+    values = _ref.values,
+    setValues = _ref.setValues,
+    defaultSelectKey = _ref.defaultSelectKey,
+    _ref$defaultAfterChan = _ref.defaultAfterChange,
+    defaultAfterChange = _ref$defaultAfterChan === void 0 ? false : _ref$defaultAfterChan;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    focus = _useState4[0],
+    setFocus = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    canSelectOptions = _useState6[0],
+    setCanSelectOptions = _useState6[1];
+  var _useCombineBoxStyles = useCombineBoxStyles({
+      focus: focus,
+      border: !!border
+    }),
+    styles = _useCombineBoxStyles.styles;
+  var _useState7 = useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    initFlag = _useState8[0],
+    setInitFlag = _useState8[1];
+  var currentOption = useMemo(function () {
+    var findOption = canSelectOptions.find(function (i) {
+      return i[fieldNames.value] === current;
+    });
+    return findOption;
+  }, [current, canSelectOptions]);
+  useEffect(function () {
+    var resetOptions = options.filter(function (i) {
+      return !!i.componentType;
+    });
+    if (defaultSelectKey) {
+      var hasDefault = resetOptions.find(function (i) {
+        return i[fieldNames.value] === defaultSelectKey;
+      });
+      if (hasDefault) {
+        setCurrent(defaultSelectKey);
+      }
+    }
+    setCanSelectOptions(resetOptions);
+  }, [options, defaultSelectKey]);
+  var getInitCallBack = useCallback(debounce(function (values) {
+    var length = !!Object.keys(values).length;
+    if (initFlag && request) {
+      setInitFlag(false);
+      request(values, current, length ? '$initValue' : '$init');
+    }
+  }, 200), [JSON.stringify(values), setValues]);
+  var getCallBack = useCallback(debounce(function (value, type) {
+    if (request && !initFlag) {
+      request(values, current, '$value');
+    }
+  }, 200), [initFlag, current, JSON.stringify(values)]);
+  useEffect(function () {
+    getCallBack(values, '$value');
+  }, [JSON.stringify(values)]);
+  useEffect(function () {
+    getInitCallBack(values);
+  }, [JSON.stringify(values)]);
+  var onChangeCallBack = useCallback(function (cb) {
+    if (cb) {
+      cb();
+    }
+    setTimeout(function () {
+      if (defaultAfterChange) {
+        return;
+      }
+      setCurrent('');
+    }, 100);
+  }, [defaultAfterChange]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.box
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.left
+  }, addonBefore, search ? /*#__PURE__*/React.createElement(Space.Compact, {
+    className: styles.card,
+    onBlur: function onBlur() {
+      setFocus(false);
+    },
+    onFocus: function onFocus() {
+      setFocus(true);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "icon-span"
+  }, prefixIcon || /*#__PURE__*/React.createElement(Icon, {
+    name: "v35_Search"
+  })), /*#__PURE__*/React.createElement(Select, {
+    placeholder: placeholder,
+    filterOption: function filterOption(input, option) {
+      var _option$fieldNames$la;
+      return ((_option$fieldNames$la = option === null || option === void 0 ? void 0 : option[fieldNames.label]) !== null && _option$fieldNames$la !== void 0 ? _option$fieldNames$la : '').toLowerCase().includes(input.toLowerCase());
+    },
+    popupMatchSelectWidth: 150,
+    options: canSelectOptions,
+    labelRender: function labelRender(props) {
+      return /*#__PURE__*/React.createElement(Space, {
+        align: "center"
+      }, props.label + '  :');
+    },
+    className: "select-no-padding",
+    fieldNames: fieldNames,
+    value: current || null,
+    onSelect: function onSelect(value) {
+      setCurrent(value);
+    },
+    style: {
+      width: current ? '' : '100%',
+      zIndex: 100
+    },
+    suffixIcon: null,
+    showSearch: !current,
+    variant: 'borderless'
+  }), current && /*#__PURE__*/React.createElement(CombineContent, {
+    setCombineValues: setValues,
+    fieldNames: fieldNames,
+    combineValues: values,
+    onChangeState: onChangeCallBack,
+    current: currentOption
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: styles.right
+  }, addonAfter)), search ? /*#__PURE__*/React.createElement(CombineTags, {
+    setCurrent: setCurrent,
+    current: current,
+    options: canSelectOptions,
+    fieldNames: fieldNames,
+    combineValues: values,
+    setCombineValues: setValues
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '8px 0'
+    }
+  }));
+};
+export default CombineSearch;

package/dist/CombineSearch/style/edit.svg

@@ -0,0 +1 @@
+<svg t="1740624542262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1619" width="200" height="200"><path d="M1008.236627 342.089199a153.00533 153.00533 0 0 0-44.688001-108.092613L790.246006 60.673537a153.180252 153.180252 0 0 0-108.443733-44.949745v0.325584c-39.070081 0-78.719828 14.667879-107.815547 44.625438-182.435571 181.536704-364.305519 364.265938-546.447426 546.0746l-0.596266 0.866947h-0.298771l-0.596266 0.569453-0.569453 0.624356v0.569452h-0.597542l-0.270682 0.596266v0.596266l-0.596265 0.569452v0.596266h-0.596266l-0.596265 0.569453-0.596266 0.89376v0.597542l-0.569453 0.297495v0.271958l-0.596265 0.596266v0.866947l-0.868224 0.596265v0.596266l-0.298772 0.597542-0.298771 0.568176h-0.270681l-0.298772 0.597543-0.325584 0.866947-0.298771 0.298771v0.596266l-0.270682 0.270682v0.624355l-0.596265 0.568176v1.464489l-0.569453 0.596266v0.569453l-0.596266 1.192531v2.331437l-0.569452 0.597542v338.403078a40.844833 40.844833 0 0 0 41.138496 41.100192H391.849926l0.866947-0.298771h3.227751l0.596265-0.270682 1.192532-0.297494 1.166995-0.298771h1.761984l1.763261-1.165719h1.161888l1.165718-0.569452 0.596266-0.596266 0.868224-0.624355 0.89376-0.568176 0.89376-0.298772 0.866947-0.569452 1.165718-0.596266 0.624356-0.569453 1.165718-0.298771 0.569453-0.596266 0.596265-0.596265 1.166996-0.596266 0.569452-0.569453 1.192532-0.596265 0.596265-1.165719 0.569453-0.868224q273.262017-273.648887 546.458917-546.101413a153.175145 153.175145 0 0 0 44.688001-108.0658z m-503.554606-95.161182l49.324061 49.315124-388.986063 389.237593-49.350875-49.071255 389.012877-389.481462zM98.041643 925.746408V735.690895l189.816752 190.055513H98.041643z m102.229547-205.309443l388.987341-388.913286 103.448891 103.401649-389.604035 388.876259-102.825813-103.374837z m188.026678 188.278208l-49.9548-49.668798 389.588713-389.480185 49.352151 49.939479-388.986064 389.209504z m537.638783-566.625974h-0.569453a69.261294 69.261294 0 0 1-20.580739 49.938202l-68.74036 68.727592-272.928772-272.006923 6.481037-7.049213 24.974208-24.942288 37.583886-37.604314a71.117761 71.117761 0 0 1 49.645815-20.576909v0.298771a69.111908 69.111908 0 0 1 49.378964 20.279414L904.786459 292.719173a68.075147 68.075147 0 0 1 21.150192 49.370026z" fill="#515151" p-id="1620"></path></svg>

package/dist/CombineSearch/style/index.d.ts

@@ -0,0 +1,14 @@
+export declare const useCombineBoxStyles: (props?: {
+    focus: boolean;
+    border: boolean;
+} | undefined) => import("antd-style").ReturnStyles<{
+    card: import("antd-style").SerializedStyles;
+    box: import("antd-style").SerializedStyles;
+    left: import("antd-style").SerializedStyles;
+    right: import("antd-style").SerializedStyles;
+}>;
+export declare const useTagsStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    label: import("antd-style").SerializedStyles;
+    value: import("antd-style").SerializedStyles;
+    currentTag: import("antd-style").SerializedStyles;
+}>;

package/dist/CombineSearch/style/index.js

@@ -0,0 +1,26 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from "antd-style";
+import edit from "./edit.svg";
+export var useCombineBoxStyles = createStyles(function (_ref, props) {
+  var prefixCls = _ref.prefixCls,
+    css = _ref.css,
+    token = _ref.token,
+    stylish = _ref.stylish;
+  return {
+    card: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", "px;\n    min-width: 300px;\n    background-color: #f7f7f7;\n    border: ", ";\n    .icon-span {\n      width: 28px;\n      min-width: 28px;\n      display: flex;\n      justify-content: end;\n      align-items: center;\n      transform: translateX(5px)\n    }\n    .select-no-padding {\n      .", "-select-selector {\n        padding: 0 0 0 12px !important\n      }\n    }\n  "])), token.borderRadius, props.focus ? "1px solid ".concat(token.colorPrimary) : "1px solid ".concat(props.border ? token.colorBorder : 'transparent'), prefixCls),
+    box: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n  "]))),
+    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: wrap;\n  "]))),
+    right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 2px;\n    align-items: center;\n  "])))
+  };
+});
+export var useTagsStyles = createStyles(function (_ref2) {
+  var prefixCls = _ref2.prefixCls,
+    css = _ref2.css,
+    token = _ref2.token;
+  return {
+    label: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: rgba(0, 0, 0, 0.3);\n    cursor: url(", "), pointer;\n  "])), edit),
+    value: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: rgba(89, 89, 89, 1);\n    padding-right: 12px;\n    overflow: hidden;\n    cursor: url(", "), pointer;\n  "])), edit),
+    currentTag: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    max-width: 350px;\n    overflow: hidden;\n  "])))
+  };
+});

package/dist/CombineSearch/types/index.d.ts

@@ -0,0 +1,46 @@
+import { DatePicker, GetProps, InputProps, Select } from 'antd';
+import React from 'react';
+type OmitBaseType = 'defaultOpen' | 'onBlur' | 'suffixIcon' | 'variant';
+type SelectProps = GetProps<typeof Select>;
+type DatePickProps = GetProps<typeof DatePicker>;
+type RangePickerProps = GetProps<typeof DatePicker.RangePicker>;
+type CombineInputProps = {
+    componentType?: 'Input';
+    componentProps?: Omit<InputProps, OmitBaseType>;
+    [key: string]: any;
+};
+type CombineSelectProps = {
+    componentType?: 'Select' | 'Checkbox' | 'StatusSelect';
+    componentProps?: Omit<SelectProps, OmitBaseType>;
+    [key: string]: any;
+};
+type CombineDatePick = {
+    componentType?: 'DatePick';
+    componentProps?: Omit<DatePickProps, OmitBaseType>;
+    [key: string]: any;
+};
+type CombineRangePick = {
+    componentType?: 'RangePick';
+    componentProps?: Omit<RangePickerProps, OmitBaseType>;
+    [key: string]: any;
+};
+type CombineOptionsType = CombineInputProps | CombineSelectProps | CombineDatePick | CombineRangePick;
+export default interface ComBineSearchProps {
+    fieldNames?: {
+        label: string;
+        value: string;
+    };
+    placeholder?: string;
+    border?: boolean;
+    search?: boolean;
+    prefixIcon?: React.ReactNode;
+    options: CombineOptionsType[];
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    defaultSelectKey?: string;
+    defaultAfterChange?: boolean;
+    request?: (values: Record<string, any>, changeKey: string, eventType: '$init' | '$value' | '$refresh' | '$initValue') => void;
+    values: Record<string, any>;
+    setValues: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+}
+export { CombineOptionsType };

package/dist/ComponentUninstalled/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { type ComponentUninstalledTexts } from './locale';
+export type { ComponentUninstalledTexts } from './locale';
+export { componentUninstalledLocaleZhCN, mergeComponentUninstalledTexts } from './locale';
+import './index.less';
+export interface ComponentUninstalledMenuData {
+    requiredComponents?: string[];
+}
+export interface ComponentUninstalledStorage {
+    getSession: (key: string, returnStr?: boolean) => unknown;
+}
+export type GetClusterAddons = (params: {
+    clusterName: string;
+}) => Promise<{
+    data?: {
+        enabled?: string[];
+    };
+}>;
+export interface ComponentUninstalledProps {
+    clusterName?: string;
+    clusterAliasName?: string;
+    /** 当前菜单；未传时从 storage 读取 currentMenu */
+    menuData?: ComponentUninstalledMenuData | null;
+    onCallback?: (hasUninstalled: boolean) => void;
+    /** 全屏遮罩页 */
+    isMask?: boolean;
+    getClusterAddons?: GetClusterAddons;
+    storage?: ComponentUninstalledStorage;
+    texts?: ComponentUninstalledTexts;
+}
+declare const ComponentUninstalled: React.FC<ComponentUninstalledProps>;
+export default ComponentUninstalled;

package/dist/ComponentUninstalled/index.js

@@ -0,0 +1,164 @@
+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 _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 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 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 { ConfigProvider, Tag } from 'antd';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import Icon from "../Icon";
+import { mergeComponentUninstalledTexts } from "./locale";
+export { componentUninstalledLocaleZhCN, mergeComponentUninstalledTexts } from "./locale";
+import "./index.less";
+var defaultStorage = {
+  getSession: function getSession(key, returnStr) {
+    var value = window.sessionStorage.getItem(key) || '';
+    if (returnStr) return value;
+    try {
+      return JSON.parse(value);
+    } catch (_unused) {
+      return value;
+    }
+  }
+};
+var ComponentUninstalled = function ComponentUninstalled(props) {
+  var _useContext;
+  var clusterName = props.clusterName,
+    clusterAliasName = props.clusterAliasName,
+    menuData = props.menuData,
+    onCallback = props.onCallback,
+    _props$isMask = props.isMask,
+    isMask = _props$isMask === void 0 ? false : _props$isMask,
+    getClusterAddons = props.getClusterAddons,
+    _props$storage = props.storage,
+    storage = _props$storage === void 0 ? defaultStorage : _props$storage,
+    textsProp = props.texts;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    uninstalledComponentList = _useState2[0],
+    setUninstalledComponentList = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    requiredComponentList = _useState4[0],
+    setRequiredComponentList = _useState4[1];
+  var antdLocale = (_useContext = useContext(ConfigProvider.ConfigContext)) === null || _useContext === void 0 ? void 0 : _useContext.locale;
+  var t = useMemo(function () {
+    return mergeComponentUninstalledTexts(_objectSpread(_objectSpread({}, antdLocale === null || antdLocale === void 0 ? void 0 : antdLocale.compInstalled), textsProp));
+  }, [antdLocale === null || antdLocale === void 0 ? void 0 : antdLocale.compInstalled, textsProp]);
+  var applyLists = useCallback(function () {
+    var uninstalledComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var requiredComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var uninstalled = uninstalledComponents.map(function (item) {
+      return item.split('/')[0];
+    });
+    var required = requiredComponents.map(function (item) {
+      return item.split('/')[0];
+    });
+    setUninstalledComponentList(Array.from(new Set(uninstalled)));
+    setRequiredComponentList(Array.from(new Set(required)));
+  }, []);
+  var loadClusterAddons = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _currentMenu$required, _currentMenu;
+    var currentMenu, raw, required, uninstalled, _response$data$enable, _response$data, response, enabled;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          currentMenu = menuData;
+          if (!currentMenu) {
+            raw = storage.getSession('currentMenu', true);
+            currentMenu = raw ? JSON.parse(String(raw)) : null;
+          }
+          required = (_currentMenu$required = (_currentMenu = currentMenu) === null || _currentMenu === void 0 ? void 0 : _currentMenu.requiredComponents) !== null && _currentMenu$required !== void 0 ? _currentMenu$required : [];
+          uninstalled = [];
+          if (!clusterName) {
+            _context.next = 16;
+            break;
+          }
+          if (getClusterAddons) {
+            _context.next = 9;
+            break;
+          }
+          uninstalled = _toConsumableArray(required);
+          _context.next = 14;
+          break;
+        case 9:
+          _context.next = 11;
+          return getClusterAddons({
+            clusterName: clusterName
+          });
+        case 11:
+          response = _context.sent;
+          enabled = (_response$data$enable = response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.enabled) !== null && _response$data$enable !== void 0 ? _response$data$enable : [];
+          if (enabled.length === 0) {
+            uninstalled = [];
+          } else {
+            required.forEach(function (item) {
+              if (!enabled.includes(item)) {
+                uninstalled.push(item);
+              }
+            });
+          }
+        case 14:
+          _context.next = 17;
+          break;
+        case 16:
+          uninstalled = _toConsumableArray(required);
+        case 17:
+          applyLists(uninstalled, required);
+          onCallback === null || onCallback === void 0 || onCallback(uninstalled.length > 0);
+        case 19:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [applyLists, clusterName, getClusterAddons, menuData, onCallback, storage]);
+  useEffect(function () {
+    loadClusterAddons();
+  }, [loadClusterAddons]);
+  if (uninstalledComponentList.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "component-uninstalled-prompt-wrapper ".concat(isMask ? 'fixed-mask' : '')
+  }, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "components"
+  }, /*#__PURE__*/React.createElement("h2", null, t.dependencieMissingTitle), /*#__PURE__*/React.createElement("p", null, clusterAliasName || clusterName, t.missingTips1, /*#__PURE__*/React.createElement("b", null, t.missingTips2), t.missingTips3), /*#__PURE__*/React.createElement("div", {
+    className: "items"
+  }, /*#__PURE__*/React.createElement("h5", null, /*#__PURE__*/React.createElement(Icon, {
+    name: "v35_Dependent"
+  }), t.required), /*#__PURE__*/React.createElement("ul", null, requiredComponentList.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: item
+    }, item);
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "solutions"
+  }, /*#__PURE__*/React.createElement("h4", null, t.solutionMethod), /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, /*#__PURE__*/React.createElement(Icon, {
+    name: "v35_CmptInstall"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, t.installNow)), /*#__PURE__*/React.createElement("dd", null, t.installNowComponents, uninstalledComponentList.map(function (item) {
+    return /*#__PURE__*/React.createElement(Tag, {
+      key: item
+    }, item);
+  }))), /*#__PURE__*/React.createElement("dl", null, /*#__PURE__*/React.createElement("dt", null, /*#__PURE__*/React.createElement(Icon, {
+    name: "v35_AuthManagement"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, t.authProcessing)), /*#__PURE__*/React.createElement("dd", null, t.authProcessingTips))))));
+};
+export default ComponentUninstalled;

package/dist/ComponentUninstalled/index.less

@@ -0,0 +1,108 @@
+.component-uninstalled-prompt-wrapper {
+  &.fixed-mask {
+    position: fixed;
+    top: 128px;
+    right: 0;
+    z-index: 98;
+    width: calc(100% - 208px);
+    height: calc(100% - 56px);
+    padding: 0 18px;
+    overflow-y: auto;
+    background: #fff;
+    transition: all 0.1s;
+    &::-webkit-scrollbar,
+    &::-webkit-scrollbar:active {
+      width: 0;
+    }
+  }
+  main {
+    width: 100%;
+    height: 100%;
+    background: url('./assets/comp-unintall-background.png') repeat-x 56px 0 #fff;
+  }
+  .content {
+    padding: 50px 24px 24px;
+    background: url('./assets/comp-unintall-bg.png') no-repeat top right;
+  }
+  .components {
+    margin-bottom: 24px;
+    color: rgba(0, 0, 0, 0.65);
+    h2 {
+      margin-bottom: 24px;
+      color: rgba(0, 0, 0, 0.85);
+      font-size: 28px;
+    }
+    .items {
+      display: flex;
+      align-items: baseline;
+      h5 {
+        color: rgba(0, 0, 0, 0.65);
+        font-weight: 400;
+        font-size: 13px;
+        white-space: nowrap;
+      }
+      .hc-icon {
+        margin-right: 4px;
+        font-size: 16px;
+      }
+      ul {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        align-items: center;
+        padding: 8px 0;
+        li {
+          padding: 2px 8px;
+          background: rgba(0, 0, 0, 0.03);
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+  .solutions {
+    padding: 20px;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid #fff;
+    border-radius: 4px;
+    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
+    backdrop-filter: blur(10px);
+    h4 {
+      margin-bottom: 24px;
+      padding: 0;
+      color: rgba(0, 0, 0, 0.85);
+      font-size: 16px;
+    }
+    dl {
+      margin-bottom: 32px;
+      &:last-child {
+        margin-bottom: 0;
+      }
+      dt {
+        display: flex;
+        align-items: center;
+        .hc-icon {
+          margin-right: 8px;
+          font-size: 20px;
+        }
+        .name {
+          display: block;
+          height: 18px;
+          line-height: 20px;
+          border-bottom: 4px solid #b0c7f6;
+        }
+      }
+      dd {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        padding: 8px 0 0 28px;
+        .ant-tag {
+          margin: 0;
+          background: rgba(0, 0, 0, 0.05);
+          border: none;
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+}

package/dist/ComponentUninstalled/locale.d.ts

@@ -0,0 +1,14 @@
+export interface ComponentUninstalledTexts {
+    dependencieMissingTitle?: string;
+    missingTips1?: string;
+    missingTips2?: string;
+    missingTips3?: string;
+    required?: string;
+    solutionMethod?: string;
+    installNow?: string;
+    installNowComponents?: string;
+    authProcessing?: string;
+    authProcessingTips?: string;
+}
+export declare const componentUninstalledLocaleZhCN: Required<ComponentUninstalledTexts>;
+export declare function mergeComponentUninstalledTexts(texts?: ComponentUninstalledTexts): Required<ComponentUninstalledTexts>;