@yueglobal/ui 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yueglobal/ui",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "粤链全球 - react组件库",
   "license": "MIT",
   "module": "index.js",

package/yue-page-header/first-menus/index.less

@@ -8,6 +8,7 @@
     height: 100%;
     width: 100%;
     border-bottom: none;
+    min-width: 0;
 
     & > li {
       display: flex;
@@ -133,6 +134,7 @@
       box-shadow: none;
     }
 
+    .ant-menu-submenu-title,
     .ant-menu-item {
       width: max-content;
       flex: unset;
@@ -169,6 +171,21 @@
       }
     }
 
+    .ant-menu-submenu {
+      border-radius: 0;
+
+      .ant-menu-submenu-title {
+        color: #fff;
+        height: 60px;
+
+        .ant-menu-submenu-arrow {
+          display: none;
+        }
+      }
+    }
+
+    .ant-menu-submenu-active,
+    .ant-menu-submenu-selected,
     .ant-menu-item-active,
     .ant-menu-item-selected {
       color: #fff !important;

package/yue-page-header/helper.js

@@ -85,9 +85,9 @@ export var firstMenuList = [{
   key: "".concat(mainHost, "/aboutus"),
   label: '关于我们'
   /*children: [
-    { key: `${mainHost}/aboutus?key=1`, label: '企业宣传片' },
-    { key: `${mainHost}/aboutus?key=2`, label: '企业宣传册' },
-    { key: `${mainHost}/aboutus?key=3`, label: '企业资质' },
+    { key: `${mainHost}/aboutus/p1`, label: '企业宣传片' },
+    { key: `${mainHost}/aboutus/p2`, label: '企业宣传册' },
+    { key: `${mainHost}/aboutus/p3`, label: '企业资质' },
   ],*/
 }];
 

package/yue-page-header/index.js

@@ -1,8 +1,14 @@
 var _excluded = ["width", "backgroundColor", "rightContent", "onLocaleChange", "pageTitle", "pageIcon", "activeLabel"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { memo, useMemo } from 'react';
+import React, { memo, useMemo, useState } from 'react';
 import logoImg from "../assets/gw-logo.png";
 import logoSvg from "../components/svg-icon/logo.svg";
 import FirstMenus from "./first-menus";
@@ -21,6 +27,10 @@ var Index = function Index(_ref) {
     pageIcon = _ref.pageIcon,
     activeLabel = _ref.activeLabel,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState('cn'),
+    _useState2 = _slicedToArray(_useState, 2),
+    locale = _useState2[0],
+    setLocale = _useState2[1];
   var hasSecondMenu = useMemo(function () {
     var _props$breadcrumbs, _props$menuItems;
     return !!pageTitle || !!((_props$breadcrumbs = props.breadcrumbs) !== null && _props$breadcrumbs !== void 0 && _props$breadcrumbs.length) || !!((_props$menuItems = props.menuItems) !== null && _props$menuItems !== void 0 && _props$menuItems.length);
@@ -70,6 +80,10 @@ var Index = function Index(_ref) {
       key: key
     };
   }, [pageTitle, pageIcon, activeLabel]);
+  var onLocaleValueChange = function onLocaleValueChange(value) {
+    setLocale(value === null || value === void 0 ? void 0 : value.locale);
+    onLocaleChange === null || onLocaleChange === void 0 || onLocaleChange(value);
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       backgroundColor: backgroundColor,
@@ -101,12 +115,14 @@ var Index = function Index(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "menus-bar"
   }, /*#__PURE__*/React.createElement(FirstMenus, {
+    key: locale,
     moduleData: moduleData,
     hasSecondMenu: hasSecondMenu
   })), /*#__PURE__*/React.createElement(RightContent, {
     content: rightContent,
-    onLocaleChange: onLocaleChange
+    onLocaleChange: onLocaleValueChange
   })), hasSecondMenu && /*#__PURE__*/React.createElement(SecondMenus, _extends({
+    locale: locale,
     width: width,
     moduleData: moduleData
   }, props))));

package/yue-page-header/second-menus/index.d.ts

@@ -7,6 +7,7 @@ interface Props extends Omit<YuePageHeaderProps, 'rightContent' | 'pageTitle' |
         icon?: ReactNode;
         key?: string;
     };
+    locale?: string;
 }
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/yue-page-header/second-menus/index.js

@@ -24,7 +24,8 @@ var Index = function Index(_ref) {
     pathname = _ref.pathname,
     moduleData = _ref.moduleData,
     onRouteChange = _ref.onRouteChange,
-    subMenuLayout = _ref.subMenuLayout;
+    subMenuLayout = _ref.subMenuLayout,
+    locale = _ref.locale;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     selectedKeys = _useState2[0],
@@ -151,6 +152,7 @@ var Index = function Index(_ref) {
   }, moduleData.title)), /*#__PURE__*/React.createElement("div", {
     className: "menus"
   }, /*#__PURE__*/React.createElement(Menu, {
+    key: locale,
     ref: menuRef,
     items: mergeMenuItems,
     mode: "horizontal",

package/yue-page-header/second-menus/index.less

@@ -19,6 +19,7 @@
   .left {
     gap: 8px;
     height: 100%;
+    min-width: 0;
   }
 
   .module-info {