@arcblock/ux 2.4.15 → 2.4.16

package/lib/Locale/selector.js

@@ -39,7 +39,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject;
 
-const _excluded = ["showText", "popperProps", "popperType", "icon"];
+const _excluded = ["showText", "popperProps", "popperType", "icon", "size"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -62,7 +62,8 @@ function LocaleSelector(props) {
     showText,
     popperProps,
     popperType,
-    icon: Icon
+    icon: Icon,
+    size
   } = props,
         rest = _objectWithoutProperties(props, _excluded);
 
@@ -111,12 +112,12 @@ function LocaleSelector(props) {
 
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Globe.default, {
       style: {
-        width: 26,
-        height: 24.76,
+        width: 'auto',
+        height: size,
         color: theme.palette.text.secondary
       }
     });
-  }, [Icon, theme === null || theme === void 0 ? void 0 : (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 ? void 0 : (_theme$palette2$text = _theme$palette2.text) === null || _theme$palette2$text === void 0 ? void 0 : _theme$palette2$text.secondary]);
+  }, [Icon, theme === null || theme === void 0 ? void 0 : (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 ? void 0 : (_theme$palette2$text = _theme$palette2.text) === null || _theme$palette2$text === void 0 ? void 0 : _theme$palette2$text.secondary, size]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread(_objectSpread({
     component: "div",
     dark: dark,
@@ -183,4 +184,4 @@ LocaleSelector.defaultProps = {
 };
 var _default = LocaleSelector;
 exports.default = _default;
-const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  .trigger {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: 14px;\n\n    .trigger-image {\n      width: ", "px;\n      height: ", "px;\n    }\n\n    .trigger-text {\n      margin-left: 5px;\n      font-size: 14px;\n      color: ", ";\n    }\n  }\n\n  .locales {\n    background: ", ";\n  }\n\n  .locale-item {\n    font-size: 16px;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: 2px;\n    text-align: center;\n    color: ", ";\n    cursor: pointer;\n    display: flex;\n    padding: 16px;\n    align-items: center;\n    .check-icon {\n      visibility: hidden;\n      margin-right: 4px;\n    }\n    .check-icon-visible {\n      visibility: visible;\n    }\n  }\n"])), props => props.size, props => props.size, props => (0, _Util.getColor)(props), props => (0, _Util.getBackground)(props), props => (0, _Util.getColor)(props));
+const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  .trigger {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: 14px;\n\n    .trigger-text {\n      margin-left: 5px;\n      font-size: 14px;\n      color: ", ";\n    }\n  }\n\n  .locales {\n    background: ", ";\n  }\n\n  .locale-item {\n    font-size: 16px;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: 2px;\n    text-align: center;\n    color: ", ";\n    cursor: pointer;\n    display: flex;\n    padding: 16px;\n    align-items: center;\n    .check-icon {\n      visibility: hidden;\n      margin-right: 4px;\n    }\n    .check-icon-visible {\n      visibility: visible;\n    }\n  }\n"])), props => (0, _Util.getColor)(props), props => (0, _Util.getBackground)(props), props => (0, _Util.getColor)(props));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.4.15",
+  "version": "2.4.16",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -47,10 +47,10 @@
     "react": ">=18.1.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "c07a38a4575a4f41e116743b2450e468c19d55f3",
+  "gitHead": "adc624cfa03a01f24cb7d78bc35b6ed54664935e",
   "dependencies": {
-    "@arcblock/icons": "^2.4.15",
-    "@arcblock/react-hooks": "^2.4.15",
+    "@arcblock/icons": "^2.4.16",
+    "@arcblock/react-hooks": "^2.4.16",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",

package/src/Locale/selector.js

@@ -18,7 +18,7 @@ import { LocaleContext, languages } from './context';
 import { styled, useTheme } from '../Theme';
 
 function LocaleSelector(props) {
-  const { showText, popperProps, popperType, icon: Icon, ...rest } = props;
+  const { showText, popperProps, popperType, icon: Icon, size, ...rest } = props;
   const { locale, changeLocale } = useContext(LocaleContext);
   const anchorEl = useRef(null);
   const [open, setOpen] = useState(false);
@@ -61,8 +61,8 @@ function LocaleSelector(props) {
       return <Icon />;
     }
 
-    return <GlobeIcon style={{ width: 26, height: 24.76, color: theme.palette.text.secondary }} />;
-  }, [Icon, theme?.palette?.text?.secondary]);
+    return <GlobeIcon style={{ width: 'auto', height: size, color: theme.palette.text.secondary }} />;
+  }, [Icon, theme?.palette?.text?.secondary, size]);
 
   return (
     <Div component="div" dark={dark} theme={theme} {...rest} {...handleEventProps}>
@@ -130,11 +130,6 @@ const Div = styled('div')`
     justify-content: center;
     font-size: 14px;
 
-    .trigger-image {
-      width: ${(props) => props.size}px;
-      height: ${(props) => props.size}px;
-    }
-
     .trigger-text {
       margin-left: 5px;
       font-size: 14px;