dtable-ui-component 6.0.113-atm.2 → 6.0.113-gtm.10

package/lib/DTableIcon/index.js

@@ -25,9 +25,9 @@ const DTableIcon = _ref => {
       customProps['aria-hidden'] = ariaHidden;
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", (0, _objectSpread2.default)({
-      className: (0, _classnames.default)(symbol, className, {
+      className: (0, _classnames.default)(className, {
         'dtable-font': !symbol.includes('dtable-font')
-      }),
+      }, symbol),
       style: {
         color
       }

package/lib/DTableModalHeader/index.js

@@ -9,7 +9,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _DtableIconButton = _interopRequireDefault(require("../DtableIconButton"));
+var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children"];
@@ -24,9 +25,10 @@ const DTableModalHeader = _ref => {
     "data-dismiss": "modal",
     "aria-label": "Close",
     onClick: props.toggle,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-      icon: "x",
-      className: "dtable-modal-close-inner"
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableIconButton.default, {
+      symbol: "dtable-icon-x",
+      className: "dtable-modal-close-inner",
+      tooltip: (0, _lang.getLocale)('Close')
     })
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalHeader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {

package/lib/DtableCustomButton/index.css

@@ -0,0 +1,249 @@
+.dtable-custom-button {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 0 12px !important;
+  min-height: 32px;
+  font-size: 14px;
+  font-weight: 500;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  white-space: nowrap;
+  outline: none;
+  font-family: inherit;
+  border: 1px solid transparent !important;
+}
+
+.dtable-custom-button:focus {
+  outline: none;
+  box-shadow: none !important;
+}
+
+.dtable-custom-button:active:focus {
+  box-shadow: none !important;
+}
+
+.dtable-custom-button__text {
+  display: inline-block;
+}
+
+.dtable-custom-button__icon {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 1;
+  margin: 0;
+}
+
+/* ============ Size Variants ============ */
+
+.dtable-custom-button--max {
+  min-height: 40px !important;
+  padding: 0 16px !important;
+  font-size: 14px;
+}
+
+.dtable-custom-button--max .dtable-custom-button__icon {
+  font-size: 14px;
+}
+
+.dtable-custom-button--large {
+  min-height: 38px !important;
+  padding: 0 16px !important;
+  font-size: 14px;
+}
+
+.dtable-custom-button--large .dtable-custom-button__icon {
+  font-size: 14px;
+}
+
+.dtable-custom-button--middle {
+  min-height: 32px !important;
+  padding: 0 12px !important;
+  font-size: 14px;
+}
+
+.dtable-custom-button--middle .dtable-custom-button__icon {
+  font-size: 14px;
+}
+
+.dtable-custom-button--small {
+  min-height: 26px !important;
+  padding: 0 8px !important;
+  font-size: 12px;
+  gap: 4px !important;
+}
+
+.dtable-custom-button--small .dtable-custom-button__icon {
+  font-size: 12px;
+}
+
+/* ============ Color Variants - Primary ============ */
+
+.dtable-custom-button--primary {
+  background-color: #FF8000 !important;
+  color: #FFFFFF !important;
+  border: 1px solid #FF8000 !important;
+}
+
+.dtable-custom-button--primary:hover:not(:disabled) {
+  background-color: #ED7109 !important;
+  border-color: #ED7109 !important;
+}
+
+.dtable-custom-button--primary:active:not(:disabled) {
+  background-color: #E16B09 !important;
+  border-color: #E16B09 !important;
+}
+
+/* ============ Color Variants - Default ============ */
+
+.dtable-custom-button--default {
+  background-color: #FFFFFF !important;
+  color: #ED7109 !important;
+  border: 1px solid #ED7109 !important;
+}
+
+.dtable-custom-button--default:hover:not(:disabled) {
+  background-color: #ED7109 !important;
+  color: #FFFFFF !important;
+  border-color: #ED7109 !important;
+}
+
+.dtable-custom-button--default:active:not(:disabled) {
+  background-color: #E16B09 !important;
+  color: #FFFFFF !important;
+  border-color: #E16B09 !important;
+}
+
+/* ============ Color Variants - Secondary ============ */
+
+.dtable-custom-button--secondary {
+  background-color: #FFFFFF !important;
+  color: #212529 !important;
+  border: 1px solid rgba(0, 40, 100, 0.12) !important;
+}
+
+.dtable-custom-button--secondary:hover:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.04) !important;
+  border-color: rgba(0, 40, 100, 0.12) !important;
+}
+
+.dtable-custom-button--secondary:active:not(:disabled) {
+  background-color: #E9E9E9 !important;
+  border-color: rgba(0, 40, 100, 0.12) !important;
+}
+
+/* ============ Color Variants - Secondary Filled ============ */
+
+.dtable-custom-button--secondary-filled {
+  background-color: #F5F5F5 !important;
+  color: #212529 !important;
+  border: none !important;
+}
+
+.dtable-custom-button--secondary-filled:hover:not(:disabled) {
+  background-color: #EBEBEB !important;
+}
+
+.dtable-custom-button--secondary-filled:active:not(:disabled) {
+  background-color: #DDDDDD !important;
+}
+
+/* ============ State: Disabled ============ */
+
+.dtable-custom-button:disabled {
+  opacity: 0.65 !important;
+  cursor: not-allowed !important;
+}
+
+/* ============ Block Mode ============ */
+
+.dtable-custom-button--block {
+  display: flex !important;
+  width: 100%;
+}
+
+/* ============ Inline Mode ============ */
+
+.dtable-custom-button--inline {
+  height: 32px !important;
+  display: inline-flex !important;
+  padding: 0 8px !important;
+  font-size: 14px;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 40, 100, 0.12) !important;
+  background-color: #FFFFFF !important;
+  color: #212529 !important;
+  gap: 4px;
+}
+
+.dtable-custom-button--inline:hover:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.04) !important;
+}
+
+.dtable-custom-button--inline:active:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+/* ============ With Icon ============ */
+
+.dtable-custom-button--with-icon {
+  gap: 8px;
+}
+
+/* Icon color adjustments for different variants(default,secondary,secondary-filled) */
+.dtable-custom-button--default.dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #ED7109;
+}
+
+.dtable-custom-button--default:hover:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #FFFFFF;
+}
+
+.dtable-custom-button--default:active:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #FFFFFF;
+}
+
+.dtable-custom-button--default:disabled.dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #ED7109;
+  opacity: 0.65;
+}
+
+.dtable-custom-button--secondary.dtable-custom-button--with-icon .dtable-custom-button__icon,
+.dtable-custom-button--secondary-filled.dtable-custom-button--with-icon .dtable-custom-button__icon,
+.dtable-custom-button--secondary:active:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon,
+.dtable-custom-button--secondary-filled:active:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon,
+.dtable-custom-button--secondary:hover:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon,
+.dtable-custom-button--secondary-filled:hover:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #666666;
+}
+
+.secondary-filled-dtable,
+.secondary-filled-dtable .dtable-custom-button__text,
+.secondary-filled-dtable:hover:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon,
+.secondary-filled-dtable:active:not(:disabled).dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #ED7109 !important;
+}
+
+.secondary-filled-dtable:disabled.dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #ED7109 !important;
+  opacity: 0.65;
+}
+
+.dtable-custom-button--secondary:disabled.dtable-custom-button--with-icon .dtable-custom-button__icon,
+.dtable-custom-button--secondary-filled:disabled.dtable-custom-button--with-icon .dtable-custom-button__icon {
+  color: #666666;
+  opacity: 0.65;
+}
+
+/* ============ Outline Control ============ */
+
+.dtable-custom-button--no-outline {
+  border: none !important;
+}
+
+.dtable-custom-button--has-outline {
+  border: 1px solid !important;
+}

package/lib/DtableCustomButton/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["variant", "size", "block", "inline", "disabled", "icon", "iconPosition", "className", "children", "fillColor", "isOutline"];
+const DtableCustomButton = _ref => {
+  let {
+      variant = 'default',
+      size = 'middle',
+      block = false,
+      inline = false,
+      disabled = false,
+      icon = null,
+      iconPosition = 'left',
+      className = '',
+      children,
+      fillColor = false,
+      isOutline = true
+    } = _ref,
+    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const getReactstrapColor = variant => {
+    const colorMap = {
+      'primary': 'warning',
+      'default': 'light',
+      'secondary': 'light',
+      'secondary-filled': 'light'
+    };
+    return colorMap[variant] || 'light';
+  };
+  const btnClassNames = (0, _classnames.default)('dtable-custom-button', "dtable-custom-button--".concat(variant), "dtable-custom-button--".concat(size), "".concat(fillColor && variant === 'secondary-filled' ? 'secondary-filled-dtable' : ''), {
+    'dtable-custom-button--block': block,
+    'dtable-custom-button--inline': inline,
+    'dtable-custom-button--with-icon': icon,
+    'dtable-custom-button--icon-right': icon && iconPosition === 'right',
+    'dtable-custom-button--has-outline': isOutline,
+    'dtable-custom-button--no-outline': !isOutline
+  }, className);
+  const iconElement = icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+    symbol: icon,
+    className: "dtable-custom-button__icon",
+    ariaHidden: true
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: btnClassNames,
+    color: getReactstrapColor(variant),
+    outline: isOutline,
+    disabled: disabled,
+    block: block
+  }, otherProps), {}, {
+    children: [icon && iconPosition === 'left' && iconElement, children && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "dtable-custom-button__text",
+      children: children
+    }), icon && iconPosition === 'right' && iconElement]
+  }));
+};
+var _default = exports.default = DtableCustomButton;

package/lib/DtableIconButton/index.css

@@ -0,0 +1,103 @@
+.dtable-icon-btn {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  padding: 0 !important;
+  border: none !important;
+  background-color: transparent !important;
+  color: #666666 !important;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  outline: none;
+  border-radius: 4px;
+}
+
+.dtable-icon-btn:focus {
+  outline: none;
+  box-shadow: none !important;
+}
+
+.dtable-icon-btn__icon {
+  display: inline-block;
+  line-height: 1;
+  margin: 0;
+}
+
+.dtable-icon-btn--16px {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  height: 24px;
+}
+
+.dtable-icon-btn--16px .dtable-icon-btn__icon {
+  font-size: 16px;
+}
+
+.dtable-icon-btn--14px {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  height: 24px;
+}
+
+.dtable-icon-btn--14px .dtable-icon-btn__icon {
+  font-size: 14px;
+}
+
+.dtable-icon-btn--12px {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  height: 24px;
+}
+
+.dtable-icon-btn--12px .dtable-icon-btn__icon {
+  font-size: 12px;
+}
+
+.dtable-icon-btn--32px {
+  min-width: 32px;
+  min-height: 32px;
+  width: 32px;
+  height: 32px;
+}
+
+.dtable-icon-btn--32px .dtable-icon-btn__icon {
+  font-size: 32px;
+}
+
+.dtable-icon-btn--solid {
+  background-color: transparent !important;
+}
+
+.dtable-icon-btn--solid:hover:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.04) !important;
+}
+
+.dtable-icon-btn--solid:active:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+/* ============ Outlined Style ============ */
+
+.dtable-icon-btn--outlined {
+  background-color: #FFFFFF !important;
+  border: 1px solid rgba(0, 40, 100, 0.12) !important;
+  color: #666666 !important;
+}
+
+.dtable-icon-btn--outlined:hover:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.04) !important;
+  border-color: rgba(0, 40, 100, 0.12) !important;
+}
+
+.dtable-icon-btn--outlined:active:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+  border-color: rgba(0, 40, 100, 0.12) !important;
+}
+
+.dtable-icon-btn:disabled {
+  opacity: 0.65 !important;
+  cursor: not-allowed !important;
+}

package/lib/DtableIconButton/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+var _DTableToolTip = _interopRequireDefault(require("../DTableToolTip"));
+var _dtableUtils = require("dtable-utils");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["color", "size", "style", "disabled", "className", "symbol", "tooltip", "tooltipPlacement", "shortcut"];
+const DtableIconButton = _ref => {
+  let {
+      color,
+      size = 'large',
+      style = 'solid',
+      disabled = false,
+      className = '',
+      symbol,
+      tooltip,
+      tooltipPlacement,
+      shortcut
+    } = _ref,
+    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const buttonRef = (0, _react.useRef)(null);
+  const tooltipId = (0, _react.useMemo)(() => "dtable-icon-button-".concat((0, _dtableUtils.generatorBase64Code)(8)), []);
+  const sizeMap = {
+    'large': '16px',
+    'middle': '14px',
+    'small': '12px',
+    'largest': '32px'
+  };
+  const normalizedSize = sizeMap[size] || size;
+  const iconElement = symbol && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+    symbol: symbol,
+    className: "dtable-icon-btn__icon",
+    ariaHidden: true,
+    color: color
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: buttonRef,
+      className: (0, _classnames.default)('dtable-icon-btn', "dtable-icon-btn--".concat(normalizedSize), "dtable-icon-btn--".concat(style), className),
+      outline: style === 'outlined',
+      disabled: disabled,
+      id: tooltipId
+    }, otherProps), {}, {
+      children: iconElement
+    })), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
+      target: tooltipId,
+      placement: tooltipPlacement || 'bottom',
+      shortcut: shortcut,
+      children: tooltip
+    })]
+  });
+};
+var _default = exports.default = DtableIconButton;

package/lib/NotificationPopover/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class NotificationPopover extends _react.default.Component {
@@ -62,7 +63,8 @@ class NotificationPopover extends _react.default.Component {
           className: "notification-header",
           children: [headerText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             icon: "x",
-            onClick: this.props.onNotificationListToggle
+            onClick: this.props.onNotificationListToggle,
+            title: (0, _lang.getLocale)('Close')
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "notification-body",

package/lib/assets/icons/app-achievement-distribution.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999;}
+</style>
+<title>app-achievement-distribution</title>
+<g id="app-achievement-distribution">
+	<g id="achievement-distribution" transform="translate(0.000000, 0.000342)">
+		<path fill="currentColor" id="形状" class="st0" d="M31.7,16.5C31.7,16.5,31.7,16.5,31.7,16.5L27.9,6.2c0-0.1,0-0.2,0.1-0.2h2.9
+			C30.9,6,31,5.9,31,5.9c0-0.5-0.7-2-1-2.3S29.2,3,28.7,3H18c-0.3,0-0.5-0.2-0.5-0.5V1c0-0.5-1-1-1.5-1c-0.5,0-1.5,0.5-1.5,1v1.5
+			C14.5,2.8,14.3,3,14,3H3.4C2.4,3,1,4.8,1,5.9c0,0,0,0.1,0,0.1s0.1,0,0.1,0h2.8C4,6,4.1,6.1,4.1,6.2L0.3,16.5c0,0,0,0,0,0.1
+			c-0.4,0.8-0.4,1.7,0.1,2.5c0.4,0.6,0.8,1.1,1.4,1.5C2.9,21.5,4.4,22,6.1,22c2.5,0,4.7-1.3,5.8-3.2c0.4-0.7-0.1-2.3-0.1-2.3
+			L8.1,6.2c0-0.1,0-0.2,0.1-0.2h3.3c1.7,0,3,1.3,3,3v19.2c0,0.7-0.5,1.4-1.3,1.5c-2,0.3-3.8,1.4-4.7,2.3h15c-1-0.9-2.5-2.1-4.6-2.4
+			c-0.8-0.1-1.3-0.7-1.3-1.5V9c0-1.7,1.3-3,3-3h3.3c0.1,0,0.1,0.1,0.1,0.2c-2.5,6.9-3.8,10.4-3.8,10.4c-0.3,0.8-0.4,1.7,0,2.4
+			c1.1,1.8,3.3,3.1,5.7,3.1c2.5,0,4.7-1.3,5.8-3.2C32.1,18.1,32.1,17.2,31.7,16.5z M9.9,18H2.2L6,7.8c0-0.1,0.2-0.1,0.2,0L9.9,18z
+			 M25.8,7.8c0-0.1,0.2-0.1,0.2,0L29.7,18h-7.6L25.8,7.8z"/>
+	</g>
+</g>
+</svg>

package/lib/assets/icons/app-address-book.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999;}
+</style>
+<title>app-address-book</title>
+<g id="app-address-book">
+	<g id="通讯录">
+		<path fill="currentColor" id="形状结合" class="st0" d="M27.7,0C30.3,0,32,1.7,32,4.3v23.4c0,2.6-1.7,4.3-4.3,4.3h-21C4,32,2,30.3,2,27.7v-2.3
+			C2,24.6,2.8,24,3.5,24S5,24.6,5,25.3v2C5,28.5,5.5,29,6.7,29h20.7c1.1,0,1.7-0.5,1.7-1.7V4.7C29,3.5,28.5,3,27.3,3H6.7
+			C5.5,3,5,3.5,5,4.7v1C5,6.4,4.3,7,3.5,7S2,6.4,2,5.7V4.3C2,1.7,4,0,6.7,0H27.7z M18,6c3.3,0,6,2.7,6,6c0,1.9-0.9,3.7-2.4,4.8
+			c1,0.4,1.9,1.1,2.7,1.9c1.7,1.7,2.6,4,2.6,6.4c0,0.8-0.7,1.5-1.5,1.5S24,25.8,24,25c0-3.3-2.7-6-6-6s-6,2.7-6,6
+			c0,0.8-0.7,1.5-1.5,1.5C9.7,26.5,9,25.8,9,25c0-2.4,0.9-4.7,2.6-6.4c0.8-0.8,1.7-1.4,2.7-1.9C12.9,15.7,12,13.9,12,12
+			C12,8.7,14.7,6,18,6z M5.5,19C6.3,19,7,19.7,7,20.5S6.3,22,5.5,22h-4C0.7,22,0,21.3,0,20.5S0.7,19,1.5,19H5.5z M5.5,14
+			C6.3,14,7,14.7,7,15.5C7,16.3,6.3,17,5.5,17h-4C0.7,17,0,16.3,0,15.5C0,14.7,0.7,14,1.5,14H5.5z M18,8.8c-1.8,0-3.2,1.5-3.2,3.2
+			s1.4,3.2,3.2,3.2c1.8,0,3.2-1.5,3.2-3.2S19.8,8.8,18,8.8z M5.5,9C6.3,9,7,9.7,7,10.5S6.3,12,5.5,12h-4C0.7,12,0,11.3,0,10.5
+			S0.7,9,1.5,9H5.5z"/>
+	</g>
+</g>
+</svg>

package/lib/assets/icons/app-ai-agent.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #999;
+      }
+    </style>
+  </defs>
+  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
+  <g>
+    <g id="_图层_1" data-name="图层_1">
+      <g id="_图层_1-2" data-name="_图层_1">
+        <g id="_图层_1-2">
+          <g id="app-ai-agent">
+            <path id="_形状" class="cls-1" d="M26.6,1.3c.1-.3.6-.3.7,0l.3.8c.4,1.1,1.3,1.9,2.3,2.3,0,0,.6.2.8.3.3.1.3.6,0,.7s-.8.3-.8.3c-1.1.4-1.9,1.3-2.3,2.3l-.3.8c-.1.3-.6.3-.7,0l-.3-.8c-.4-1.1-1.3-1.9-2.3-2.3,0,0-.4-.2-.8-.3s-.3-.6,0-.7l.8-.3c1.1-.4,1.9-1.3,2.3-2.3,0,0,.3-.8.3-.8ZM6.7,5c-1.6,0-2.7,1.6-2.7,3.1v16.3c0,1.6,1.1,2.6,2.7,2.6h18.1c1.6,0,3.1-1,3.1-2.6v-11.4h3v11.4c0,3.2-3,5.6-6.1,5.6H6.7c-3.2,0-5.7-2.4-5.7-5.6V8.1c0-3.2,2.5-6.1,5.7-6.1h12.3v3s-12.3,0-12.3,0Z"/>
+            <path id="_形状结合" class="cls-1" d="M18.6,13.8v8.4h-3v-4.4h-2.8v-3h2.8v-1.1c0-1-.8-1.8-1.8-1.8s-1.8.8-1.8,1.8v8.4h-3v-8.4c0-2.6,2-4.8,4.8-4.8s4.8,2.2,4.8,4.9ZM23,13.4v8.8h-3v-8.8s3,0,3,0ZM23.1,10.8c0,.9-.7,1.6-1.6,1.6s-1.6-.7-1.6-1.6.7-1.6,1.6-1.6,1.6.7,1.6,1.6Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/assets/icons/app-ai.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ai-grey</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(25, 8.2) scale(-1, 1) translate(-25, -8.2)" id="ai-grey">
+            <g transform="translate(34, 0.4)">
+                <path d="M8,0 C12.425,0 16,3.26186747 16,7.30658313 C16,11.3512988 12.7693466,14.8337655 8.34434662,14.8337655 L4.81690063,14.8337655 L2.70372009,16 L2.70372009,13.0463428 C0.878720093,11.7155009 0,9.60293783 0,7.30658313 C0,3.26186747 3.575,0 8,0 Z M8.1,1.4 C4.5046875,1.4 1.6,4.05026732 1.6,7.33659879 C1.6,9.20238699 2.31396008,10.9188445 3.79677258,12.0001536 L3.79677258,13.9540163 L5.02834402,13.4524345 L8.37978163,13.4524345 C11.9750941,13.4524345 14.6,10.6229303 14.6,7.33659879 C14.6,4.05026732 11.6953125,1.4 8.1,1.4 Z" id="combie3" fill="currentColor" fill-rule="nonzero"></path>
+                <path d="M10.8363651,6.18441976 C10.8363652,5.89501914 10.6161347,5.37227927 10.1987827,4.98238898 C9.88278054,4.68717963 9.47711894,4.48358533 9.05116432,4.48358533 C8.77666548,4.48358533 8.34121756,4.7041719 8.00818174,5.10907699 C7.74209155,5.43258956 7.56363791,5.83686578 7.56363791,6.18422038 L7.56265153,7.6 L7.56,10.1 L7.2,6.18422038 C7.2,5.66793531 7.46177002,5.20520358 7.7973874,4.84654629 C8.20442076,4.41157035 8.73566761,4.1 9.11821171,4.1 C9.58787908,4.1 10.1014692,4.40886744 10.5025229,4.81029891 C10.895055,5.20320078 11.2,5.70546072 11.2,6.18422038 L11.2,10.1 L10.84,7.6 Z" id="combie2" stroke="currentColor"></path>
+                <path d="M5,3.6 C5.38659932,3.6 5.7,3.91340068 5.7,4.3 C5.7,4.68659932 5.38659932,5 5,5 C4.61340068,5 4.3,4.68659932 4.3,4.3 C4.3,3.91340068 4.61340068,3.6 5,3.6 Z M4.32593585,5.65597889 L5.62575074,5.66737815 L5.58225367,10.667133 L4.28243878,10.6557337 L4.32593585,5.65597889 Z" id="combie1" fill="currentColor" transform="translate(4.9912, 7.1336) scale(-1, 1) translate(-4.9912, -7.1336)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-airplane.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>airplane</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-459.0219, -284)">
+            <g id="airplane" transform="translate(467.0219, 292) scale(-1, 1) translate(-467.0219, -292)translate(459.0219, 284)">
+                <path d="M15.9798719,0.787858429 C15.9496179,0.3931322 15.6168233,0.059133084 15.2235207,0.028769528 C13.9225965,-0.123048252 12.6821804,0.332405088 11.7745589,1.24331177 L9.29372673,3.73312336 L4.12028405,1.45585666 C3.66647329,1.24331177 3.12190038,1.36476599 2.78910582,1.69876511 L1.8814843,2.60967179 C1.8209762,2.6703989 1.7604681,2.73112601 1.73021405,2.82221668 C1.54868974,3.09548869 1.48818164,3.4294878 1.57894379,3.73312336 C1.63945189,4.03675892 1.85123025,4.31003093 2.12351671,4.49221226 L6.08679735,7.01238741 L3.63621924,9.47183545 L2.12351671,8.74311011 C1.73021405,8.62165588 1.33691139,8.682383 1.09487898,8.92529144 L0.24776556,9.77547101 C0.0662412558,9.95765235 -0.0245208964,10.1701972 0.0057331543,10.4131057 C0.035987205,10.6560141 0.157003408,10.868559 0.338527712,11.0203768 L2.91012202,12.9636444 C2.97063013,12.994008 3.00088418,13.0243715 3.03113823,13.0850986 L4.96739747,15.6660009 C5.11866773,15.8481822 5.33044608,15.9696364 5.57247849,16 L5.63298659,16 C5.84476495,16 6.0565433,15.9089093 6.20781356,15.7570916 L7.05492698,14.906912 C7.29695938,14.6640035 7.35746748,14.2692773 7.20619723,13.9656417 L6.48010001,12.4474639 L8.93067812,9.98801591 L11.4417643,13.9656417 C11.5022724,14.0263689 11.5325265,14.1174595 11.5930346,14.1781866 C11.835067,14.4210951 12.1376075,14.5425493 12.440148,14.5425493 C12.7426885,14.5425493 13.045229,14.4210951 13.2872614,14.1781866 L14.1948829,13.26728 C14.5579316,12.9029173 14.6486937,12.3867368 14.4369154,11.9312835 L12.1678615,6.73911541 L14.6789478,4.21894026 C15.6773314,3.33839714 16.1008881,2.06312778 15.9798719,0.787858429 L15.9798719,0.787858429 Z M2.66808962,3.49021492 L3.57571114,2.57930823 L8.35585116,4.6743936 L7.66000799,5.37275539 L6.87340267,6.16220785 L2.66808962,3.49021492 Z M11.3510022,7.68038565 L13.4385317,12.4474639 L12.5309102,13.3583706 L9.86855369,9.16819989 L10.624905,8.40911099 L11.3510022,7.68038565 L11.3510022,7.68038565 Z M11.7443048,5.55493673 L8.96093217,8.34838388 L5.08841368,12.2349191 L6.0565433,14.2692773 L5.72374874,14.6032764 L4.05977595,12.3563733 C3.9690138,12.2045555 3.8479976,12.0831013 3.69672734,11.9920106 L1.45792759,10.322015 L1.79072215,9.98801591 L3.81774355,10.9596497 L7.02467292,7.7107492 L10.4433807,4.27966737 L12.5914183,2.12385489 C13.1662452,1.54694733 13.9528505,1.21294821 14.7697099,1.24331177 C14.7697099,2.03276423 14.4671694,2.82221668 13.8923424,3.39912425 L11.7443048,5.55493673 L11.7443048,5.55493673 Z" id="image" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-award.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>award</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-495.0219, -283)">
+            <g id="award" transform="translate(495.0219, 283)">
+                <path d="M7.85464453,0 C9.48507839,0 11.0163588,0.632021164 12.1700519,1.78031746 C13.3218615,2.92859259 13.9568668,4.45267725 13.9568668,6.07544974 C13.9568668,7.4495873 13.5010996,8.75350265 12.6620519,9.81635979 L14.4850784,12.9575238 C14.6929514,13.3143492 14.6605281,13.7565926 14.4088033,14.0849312 C14.1570996,14.413291 13.7337556,14.555619 13.3313853,14.4493545 L12.248253,14.1608466 L11.9583906,15.2408042 C11.8496922,15.641291 11.5140731,15.9354709 11.1021789,15.9886138 C11.0564011,15.9943069 11.0106445,15.9980952 10.9667715,15.9980952 C10.6044435,15.9980952 10.2669408,15.8064127 10.0819673,15.4875344 L8.1426022,12.1413968 C8.08920538,12.1452063 8.03580855,12.1452063 7.98241173,12.1471111 L6.04306781,15.489418 C5.85618951,15.8082963 5.51864453,16 5.15633765,16 C5.11055988,16 5.06670802,15.9961905 5.02093025,15.9905185 C4.60903607,15.9354709 4.27151226,15.6431746 4.16471861,15.242709 L3.87485617,14.1646561 L2.78981914,14.4531429 C2.38935353,14.5594286 1.96600961,14.4170794 1.71240115,14.0887407 C1.45877152,13.760381 1.43015776,13.316254 1.63803078,12.9575238 L3.29134294,10.1048677 C2.29591437,8.99263492 1.75244347,7.57485714 1.75244347,6.07354497 C1.75244347,4.45077249 2.38744876,2.92668783 3.53923712,1.7784127 C4.69295141,0.632021164 6.22423183,0 7.85464453,0 Z M11.7772477,10.7255026 C11.0888456,11.304381 10.2898403,11.716254 9.43170273,11.944 L10.9000625,14.4740317 L11.163216,13.4965503 C11.2852689,13.0429418 11.7562742,12.773418 12.2101154,12.8948995 L13.18838,13.158709 L11.7772477,10.7255026 Z M4.21242231,10.9475767 L2.9308985,13.1568254 L3.91106781,12.8948995 C3.9839536,12.8761099 4.05891026,12.8665466 4.13417892,12.8664339 C4.28346567,12.8664028 4.43012997,12.9056729 4.5594276,12.9802963 C4.75775564,13.0941799 4.89887734,13.276381 4.95798845,13.4965503 L5.22114189,14.472127 L6.63993554,12.0275132 C5.76082443,11.8510053 4.9351313,11.4846984 4.21240115,10.9475767 L4.21242231,10.9475767 Z M7.8546657,1.21470899 C6.55032707,1.21470899 5.3260731,1.71957672 4.40311014,2.63820106 C3.48014718,3.55492063 2.97290908,4.77534392 2.97290908,6.07354497 C2.97290908,7.30533333 3.43055988,8.46689947 4.26391437,9.36844444 L4.47555459,9.57153439 C5.32988263,10.3895661 6.4626022,10.8659471 7.6620731,10.9133968 L7.96145935,10.9247831 L8.39242231,10.8773333 C9.57663395,10.7463915 10.6655017,10.1940741 11.4568879,9.32478307 L11.7505599,9.00213757 C12.3893747,8.16321693 12.7364435,7.144 12.7364435,6.07354497 C12.7364435,4.77534392 12.2291842,3.5568254 11.3062424,2.63820106 C10.3851842,1.71957672 9.15902548,1.21470899 7.8546657,1.21470899 L7.8546657,1.21470899 Z M7.8546657,3.34044444 C9.3687821,3.34044444 10.6006763,4.56653968 10.6006763,6.07356614 C10.6006763,7.58055026 9.3687821,8.8066455 7.8546657,8.8066455 C6.34054929,8.8066455 5.10867628,7.5805291 5.10867628,6.07354497 C5.10867628,4.56653968 6.34054929,3.34044444 7.8546657,3.34044444 L7.8546657,3.34044444 Z M7.8546657,4.55515344 C7.01371332,4.55515344 6.32912072,5.2365291 6.32912072,6.07354497 C6.32912072,6.91056085 7.01371332,7.59193651 7.8546657,7.59193651 C8.69563924,7.59193651 9.38023183,6.91056085 9.38023183,6.07354497 C9.38023183,5.2365291 8.69563924,4.55515344 7.8546657,4.55515344 Z" id="combine" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>