fan-standard-comp 3.1.4 → 3.1.6

package/lib/StandardPanel/index.js

@@ -0,0 +1,155 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/popover/style");
+
+var _popover = _interopRequireDefault(require("antd/es/popover"));
+
+require("antd/es/radio/style");
+
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./style/index.less");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var StandardPanel = function StandardPanel(props) {
+  var className = props.className,
+      style = props.style,
+      height = props.height,
+      children = props.children,
+      title = props.title,
+      badges = props.badges,
+      cateConfig = props.cateConfig,
+      buttonConfig = props.buttonConfig,
+      type = props.type,
+      postfix = props.postfix;
+
+  var _useState = (0, _react.useState)(56),
+      _useState2 = _slicedToArray(_useState, 2),
+      headerHeight = _useState2[0],
+      setHeaderHeight = _useState2[1];
+
+  var RenderGroupList = function RenderGroupList(values) {
+    var list = values.list,
+        activeKey = values.activeKey,
+        onChange = values.onChange,
+        className = values.className,
+        size = values.size;
+
+    var handleChange = function handleChange(e) {
+      if (onChange) {
+        onChange(e.target.value, list.filter(function (data) {
+          return data.value === e.target.value;
+        })[0]);
+      }
+    };
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
+      size: size,
+      defaultValue: activeKey,
+      buttonStyle: "solid",
+      onChange: function onChange(e) {
+        return handleChange(e);
+      }
+    }, list && Array.isArray(list) && list.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
+        key: item.value,
+        value: item.value
+      }, item.label);
+    })));
+  }; // 是否显示提示框
+
+
+  var popoverShow = function popoverShow() {
+    return title.content ? /*#__PURE__*/_react.default.createElement(_popover.default, {
+      content: title.content,
+      placement: title.placement
+    }, " ", title.label, " ") : title;
+  };
+
+  var panelHeaderRef = (0, _react.useRef)();
+  var bodyLimitStyle = (0, _react.useMemo)(function () {
+    if (height) {
+      return {
+        overflow: 'auto',
+        height: "".concat(height - headerHeight, "px")
+      };
+    }
+
+    return {};
+  }, [height, headerHeight]);
+  (0, _react.useEffect)(function () {
+    if (panelHeaderRef && panelHeaderRef.current) {
+      setHeaderHeight(panelHeaderRef.current.clientHeight);
+    }
+  }, [panelHeaderRef]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('spec-panel', className, type === 'reverse' ? 'spec-panel-reverse' : '', type === 'border' ? 'spec-panel-border' : ''),
+    style: Object.assign(Object.assign({}, style), {
+      height: "".concat(height, "px")
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "spec-panel-header",
+    ref: panelHeaderRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "spec-panel-title"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(type === 'border' ? 'sub-header-line' : 'sub-header-base')
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "header-text"
+  }, popoverShow()))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "spec-panel-inner"
+  }, badges && Array.isArray(badges) && /*#__PURE__*/_react.default.createElement("span", {
+    className: "badges"
+  }, badges.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "badges-item",
+      key: item.value
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      style: item.color ? {
+        background: item.color
+      } : {}
+    }), item.label);
+  }))), cateConfig && /*#__PURE__*/_react.default.createElement(RenderGroupList, Object.assign({
+    className: "spec-panel-cate"
+  }, cateConfig)), buttonConfig && /*#__PURE__*/_react.default.createElement(RenderGroupList, Object.assign({
+    className: "spec-panel-buttons"
+  }, buttonConfig)), postfix && /*#__PURE__*/_react.default.createElement("div", {
+    className: "spec-panel-extra"
+  }, postfix)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "spec-panel-body",
+    style: Object.assign({}, bodyLimitStyle)
+  }, children));
+};
+
+var _default = StandardPanel;
+exports.default = _default;

package/lib/StandardPanel/style/index.less

@@ -0,0 +1,135 @@
+@root-entry-name: default;
+@import (reference) '~antd/es/style/themes/index';
+@import '../../theme/spec-variable.less';
+.spec-panel {
+  margin-bottom: @padding-md;
+  background: @layout-body-background;
+  border-radius: 4px;
+  box-shadow: @spec-box-shadow;
+  &.spec-panel-border {
+    box-shadow: none;
+    .spec-panel-header {
+      height: 32px;
+      padding:0;
+      line-height: 32px;
+      .spec-panel-title {
+        width: 100%;
+        padding: 0;
+      }
+    }
+    .spec-panel-body {
+      padding: @padding-md;
+    }
+  }
+  &.spec-panel-reverse {
+    .spec-panel-header {
+      height: 32px;
+      padding:0 @padding-md;
+      line-height: 32px;
+      background: @table-header-bg;
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+    }
+    .spec-panel-body {
+      padding: @padding-md;
+    }
+
+  }
+  .sub-header-base{
+    color: @text-color;
+    font-size: @font-size-lg;
+  }
+  .spec-panel-header {
+    display: flex;
+    padding: 12px @padding-md;
+    line-height: 32px;
+    .spec-panel-title {
+      padding-right: @padding-md
+    }
+    .spec-panel-inner {
+      flex: 1;
+    }
+    .badges {
+      display: inline-block;
+      height: 20px;
+      //margin-top: 6px;
+      padding-left: 80px;
+      line-height: 20px;
+      vertical-align: middle;
+      .badges-item {
+        position: relative;
+        margin-right: @padding-md;
+        padding-left: 20px;
+        color: @text-color-secondary;
+        i {
+          position: absolute;
+          top: 50%;
+          left:0;
+          display: inline-block;
+          width: 14px;
+          height: 14px;
+          border-radius: 4px;
+          transform: translate(0, -50%);
+        }
+      }
+    }
+    .spec-panel-cate {
+      .ant-radio-button-wrapper{
+        //min-width: 68px;
+        margin-left: @padding-sm;
+        text-align: center;
+        border: 0;
+        border-bottom: 2px solid transparent;
+        border-radius: 0;
+        &::before {
+          display: none;
+        }
+        &:active,
+        &:visited,
+        &:focus {
+          box-shadow: none;
+        }
+        &:focus-within {
+          outline: none;
+        }
+      }
+      .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
+        color:@primary-color;
+        background: none;
+        border-color:  @primary-color;
+        box-shadow: none;
+      }
+
+      + .spec-panel-buttons {
+        margin-left: 80px;
+      }
+    }
+    .spec-panel-buttons {
+      .ant-radio-button-wrapper{
+        //min-width: 68px;
+        margin-left: @padding-sm;
+        text-align: center;
+        border-left: 1px solid @border-color-base;
+        border-radius: 4px;
+        &::before {
+          display: none;
+        }
+      }
+      .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
+        border-color:  @primary-color;
+        box-shadow: none;
+      }
+    }
+    .spec-panel-extra{
+      margin-left: @padding-sm;
+      .anticon, .specfont, .specicon {
+        margin-left: @padding-xs;
+      }
+    }
+  }
+  .spec-panel-body {
+    padding: 0 @padding-md  @padding-md;
+    color: @text-color;
+    .spec-scrollbar();
+  }
+}

package/lib/StandardTable/index.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import './style/index.less';
+interface StandardTableDataProps {
+    list?: object[];
+    pagination?: any;
+}
+interface StandardTableProps {
+    columns?: any[];
+    data: StandardTableDataProps;
+    rowKey?: string;
+    onChange?: (pageConfig?: any) => void;
+    hideOrderNumber?: boolean;
+    emptyText?: string;
+    codes?: object[];
+    permissionCodes?: string[];
+    className?: string;
+    rowSelection?: any;
+    orderNumber?: object;
+    [k: string]: any;
+}
+declare const StandardTable: FC<StandardTableProps>;
+export default StandardTable;

package/lib/StandardTable/index.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/table/style");
+
+var _table = _interopRequireDefault(require("antd/es/table"));
+
+require("antd/es/card/style");
+
+var _card = _interopRequireDefault(require("antd/es/card"));
+
+var _tslib = require("tslib");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _index = _interopRequireDefault(require("../ButtonGroup/index"));
+
+require("./style/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StandardTable = function StandardTable(props) {
+  // const ref= React.createRef<Card>();
+  var _props$data = props.data,
+      data = _props$data === void 0 ? {} : _props$data,
+      rowKey = props.rowKey,
+      rowSelection = props.rowSelection,
+      columns = props.columns,
+      hideOrderNumber = props.hideOrderNumber,
+      _props$orderNumber = props.orderNumber,
+      orderNumber = _props$orderNumber === void 0 ? {} : _props$orderNumber,
+      className = props.className,
+      emptyText = props.emptyText,
+      codes = props.codes,
+      permissionCodes = props.permissionCodes,
+      rest = (0, _tslib.__rest)(props, ["data", "rowKey", "rowSelection", "columns", "hideOrderNumber", "orderNumber", "className", "emptyText", "codes", "permissionCodes"]); // 加上类型修复 TS:2322 报警
+
+  var resetColumns = [Object.assign({
+    width: 58,
+    align: 'center',
+    title: '序号',
+    key: 'orderNum',
+    // fixed: 'left',
+    // render: (text, o, index) => pagination ?  (pagination.current - 1) * pagination.pageSize + index + 1 : index + 1,
+    render: function render(text, record, index) {
+      return index + 1;
+    }
+  }, orderNumber)];
+  var _data$list = data.list,
+      list = _data$list === void 0 ? [] : _data$list,
+      pagination = data.pagination;
+  var paginationProps = Object.assign({
+    // showQuickJumper: true,
+    className: 'spec-pagination',
+    showSizeChanger: true,
+    pageSizeOptions: ['5', '10', '15', '20', '30', '50'],
+    showTotal: function showTotal(total, range) {
+      return "".concat(range[0], "-").concat(range[1], "\u6761 \u5171").concat(total, "\u6761");
+    }
+  }, pagination);
+
+  if (columns) {
+    columns.map(function (colItem) {
+      if (colItem.type === 'action') {
+        colItem.width = colItem.width || (colItem.buttonGroup.length > 1 ? 120 : 80);
+        colItem.align = 'center';
+        colItem.title = colItem.title || '操作';
+        colItem.key = 'control'; // colItem.fixed = colItem.fixed || 'right'
+
+        colItem.render = function (text, record, rowIndex) {
+          // 按钮列表组
+          var renderTableButtonGroup = function renderTableButtonGroup(buttonGroup) {
+            if (!buttonGroup) return '-';
+            var recombinationGroup = []; // 重组数据
+            // 类型为数组
+
+            if (Array.isArray(buttonGroup)) recombinationGroup = buttonGroup; // 类型为方法
+
+            if (typeof buttonGroup === 'function') recombinationGroup = buttonGroup(text, record, rowIndex); // 方法返回数组结构
+            // 判断是否是数组且长度大于0时 ？{如下结构渲染} ： {按buttonGroup返回的node渲染}
+
+            if (Array.isArray(buttonGroup) || typeof buttonGroup === 'function') {
+              if (recombinationGroup.length === 0) return '-';
+              return /*#__PURE__*/_react.default.createElement(_index.default, {
+                type: "text",
+                min: colItem.min || 2,
+                options: recombinationGroup,
+                codes: codes,
+                permissionCodes: permissionCodes,
+                rowParams: {
+                  text: text,
+                  record: record,
+                  rowIndex: rowIndex
+                }
+              });
+            } else {
+              return buttonGroup;
+            }
+          };
+
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTableButtonGroup(colItem.buttonGroup));
+        };
+      } else if (!colItem.render) {
+        // 若未配置render，则给加个默认的返回方法
+        colItem.render = function (text, record, rowIndex) {
+          return text || text === 0 ? text : '-';
+        };
+
+        return colItem;
+      }
+
+      return colItem;
+    });
+    resetColumns = hideOrderNumber ? columns : resetColumns.concat(columns);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_card.default, {
+    className: (0, _classnames.default)('standard-table', className),
+    bordered: false
+  }, /*#__PURE__*/_react.default.createElement(_table.default, Object.assign({
+    rowKey: rowKey || 'id',
+    rowSelection: rowSelection ? Object.assign(Object.assign({}, rowSelection), {
+      columnWidth: 30
+    }) : rowSelection,
+    dataSource: list,
+    pagination: !pagination ? false : paginationProps,
+    columns: resetColumns,
+    locale: {
+      filterConfirm: '确定',
+      filterReset: '重置',
+      emptyText: emptyText || '暂无数据'
+    }
+  }, rest)));
+};
+
+var _default = StandardTable;
+exports.default = _default;

package/lib/StandardTable/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/StandardTable/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.less");

package/lib/StandardTable/style/index.less

@@ -0,0 +1,206 @@
+@root-entry-name: default;
+@import (reference) '~antd/es/style/themes/index';
+@import '../../theme/spec-variable.less';
+
+@spec-card-padding: @padding-xs;
+@spec-card-background: @background-color-base;
+@spec-table-hover-border-color: fade(@primary-color, 50%);
+.standard-table {
+  .ant-table-middle ~ .ant-table-pagination {
+    margin-top: 8px;
+    margin-bottom: 0;
+  }
+  .spec-pagination {
+    width: 100%;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: @padding-sm 0 @padding-xs 0;
+    text-align: right;
+    background: @spec-card-background;
+    border-radius: 0;
+    .ant-pagination-total-text {
+      float: left;
+    }
+    .ant-pagination-options-size-changer.ant-select {
+      margin-right: 0
+    }
+  }
+  .ant-card-body {
+    padding: 0;
+    background: transparent;
+    //padding: @spec-card-padding;
+    //background: @spec-card-background;
+  }
+  .ant-table-tbody {
+    background: transparent;
+  }
+  .ant-table-fixed-left .ant-table-thead > tr > th:first-child {
+    padding: 0;
+  }
+  //&.ant-card {
+  //  background: transparent;
+  //}
+  .ant-table-body {
+    .spec-scrollbar-base()
+  }
+  .spec-table-dropdown {
+    li a[disabled] {
+      color: @disabled-bg;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+}
+
+.ant-form-item-control.has-error .ant-table.ant-table-small {
+  border-color: @error-color
+}
+
+.themeTech {
+  .standard-table .spec-pagination {
+    background: transparent;
+  }
+}
+
+.spec-pagination {
+  .ant-pagination-total-text {
+    float: left;
+  }
+}
+
+.ant-table {
+  // 固定左侧列的样式
+  .ant-table-fixed-left {
+    table.ant-table-fixed {
+      .ant-table-thead > tr > th,
+      .ant-table-tbody > tr > td {
+        &:first-child {
+          padding-left: @padding-md;
+          padding-right: @padding-md/2;
+        }
+        padding-right: @padding-md/2;
+      }
+    }
+  }
+  // 固定右侧列的样式
+  .ant-table-fixed-right {
+    table.ant-table-fixed {
+      .ant-table-thead > tr > th,
+      .ant-table-tbody > tr > td {
+        &:first-child {
+          padding-left: @padding-md/2;
+        }
+        &:nth-last-child(1) {
+          padding-left: @padding-md/2;
+          padding-right: @padding-md;
+        }
+        padding-right: @padding-md/2;
+      }
+    }
+  }
+  table {
+    font-size: @font-size-base; // 14px
+    //color: #707070;
+    > .ant-table-thead {
+      > tr > th {
+        //color: @text-color;
+        font-weight: bold;
+        font-size: @font-size-lg;
+        border-bottom: 0;
+      }
+    }
+    > .ant-table-expand-icon-th, .ant-table-row-expand-icon-cell {
+    }
+    .ant-table-thead > tr > th {
+      //min-width: 60px;
+      //padding: 14px @padding-md/2;
+      //&.ant-table-selection-column {
+      //  width: 15px;
+      //  height: 15px;
+      //  color: @primary-color;
+      //  line-height: 12px;
+      //  border-color: @primary-color;
+      //}
+      &:first-child {
+        padding-left: @padding-md;
+      }
+      &:last-child {
+        padding-right: @padding-md;
+      }
+    }
+    .ant-table-tbody > tr > td {
+      padding: 12px @padding-md/2;
+      &:first-child {
+        padding-left: @padding-md;
+      }
+    }
+    .ant-table-tbody > tr > td {
+      padding: 12px @padding-md/2;
+      &:first-child {
+        padding-left: @padding-md;
+        border-left: 1px solid transparent;
+      }
+      &:last-child {
+        padding-right: @padding-md;
+        border-right: 1px solid transparent;
+      }
+    }
+    .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row),
+    .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row),
+    .ant-table-thead > tr:hover:not(.ant-table-expanded-row),
+    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) {
+      > td {
+        position: relative;
+        border-color: @spec-table-hover-border-color;
+        &::before {
+          position: absolute;
+          top: 0;
+          left: 0;
+          display: inline-block;
+          width: 100%;
+          border-top: 1px solid @spec-table-hover-border-color;
+          content: '';
+        }
+      }
+    }
+    //.ant-table-tbody > tr.ant-table-expanded-row,
+    //.ant-table-tbody > tr.ant-table-expanded-row:hover {
+    //  background: #f9f9fb;
+    //}
+    .ant-table-expand-icon-th, .ant-table-row-expand-icon-cell {
+      width: 40px;
+      min-width: 40px !important;
+      text-align: center;
+    }
+  }
+  //.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th
+  &.ant-table-small {
+    > .ant-table-content > .ant-table-body {
+      margin: 0;
+      > table {
+        font-size: 14px;
+        > .ant-table-thead {
+          > tr > th {
+            font-weight: bold;
+            font-size: @font-size-base; // 14px
+            background: @table-header-bg;
+          }
+        }
+        > .ant-table-thead > tr > th,
+        > .ant-table-tbody > tr > td {
+          &:first-child {
+            padding-left: @table-padding-horizontal;
+          }
+          &:last-child {
+            padding-right: @table-padding-horizontal;
+          }
+        }
+      }
+    }
+    .ant-empty-normal {
+      margin: 0;
+    }
+
+  }
+}
+

package/lib/components/IconNode/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ *  @params { String,Array,ReactNode } icon: 图标支持传值为字符串，
+ *    @value {String} 当表示为String,单个名称字符串 如'plus' ==> 结果渲染为'speci-plus'
+ *                    说明1.当数据里面包含','则将区分两个参数,第一个参数代表图标类名前缀，第二个参数代表当前图标类名 ‘speci,plus’ ==> 结果SVG渲染名称为 'speci-plus'
+ *                    说明2.当数据里面包含','第一个参数为空或者为noPrefix，结构渲染为最后一个作为图标的名称，即',plus'或'noPrefix,plus' ==》 结果SVG渲染名称为 'plus'
+ *    @value {Array} 当表示为Array时，必须包含两个参数['speci','plus']，
+ *                   说明1.第一个参数代表图标类名前缀，第二个参数代表当前图标类名 => 结果渲染'speci-plus'
+ *                   说明2.如果第一个参数为'noPrefix'或空，则将不显示前缀值,即：['', 'spec-plus]或 ['noPrefix', 'spec-plus] => 结果渲染'speci-plus'
+ *    @value {ReactNode} 当表示为ReactNode时，则直接渲染
+ */
+interface IconNodeProps {
+    icon?: string | string[] | React.ReactNode;
+}
+declare const IconNode: (props: IconNodeProps) => JSX.Element;
+export default IconNode;