@aloudata/aloudata-design 2.14.11 → 2.14.12

package/dist/InputSearch/index.js

@@ -14,8 +14,13 @@ import _ from 'lodash';
 import React, { useCallback, useContext, useMemo, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
-import { LocaleContext, getTranslator } from "../locale/default";
-var DEFAULT_WIDTH = 68;
+import { ELangType, LocaleContext, getTranslator } from "../locale/default";
+var DEFAULT_SMALL_WIDTH = 68;
+var DEFAULT_WIDTH = 78;
+var DEFAULT_EN_SMALL_WIDTH = 88;
+var DEFAULT_EN_WIDTH = 98;
+var DEFAULT_LARGE_WIDTH = 88;
+var DEFAULT_EN_LARGE_WIDTH = 108;
 export default function InputSearch(props) {
   var _classnames, _classnames2;
   var _useContext = useContext(LocaleContext),
@@ -28,11 +33,27 @@ export default function InputSearch(props) {
     placeholder = props.placeholder,
     _props$size = props.size,
     size = _props$size === void 0 ? 'small' : _props$size,
-    _props$initWidth = props.initWidth,
-    initWidth = _props$initWidth === void 0 ? DEFAULT_WIDTH : _props$initWidth,
     defaultValue = props.defaultValue,
     _props$inputMode = props.inputMode,
     inputMode = _props$inputMode === void 0 ? false : _props$inputMode;
+  var defaultWidth = useMemo(function () {
+    if (size === 'small') {
+      if (locale === ELangType.EN) {
+        return DEFAULT_EN_SMALL_WIDTH;
+      }
+      return DEFAULT_SMALL_WIDTH;
+    } else if (size === 'middle') {
+      if (locale === ELangType.EN) {
+        return DEFAULT_EN_WIDTH;
+      }
+      return DEFAULT_WIDTH;
+    } else {
+      if (locale === ELangType.EN) {
+        return DEFAULT_EN_LARGE_WIDTH;
+      }
+      return DEFAULT_LARGE_WIDTH;
+    }
+  }, [locale, size]);
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
@@ -63,7 +84,7 @@ export default function InputSearch(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-input-search', (_classnames = {}, _defineProperty(_classnames, 'input-search-size-small', size === 'small'), _defineProperty(_classnames, 'input-search-size-middle', size === 'middle'), _defineProperty(_classnames, 'input-search-size-large', size === 'large'), _classnames)),
     style: {
-      '--init-width': initWidth + 'px'
+      '--init-width': (props.initWidth || defaultWidth) + 'px'
     }
   }, /*#__PURE__*/React.createElement(Input, {
     className: classnames(className, (_classnames2 = {}, _defineProperty(_classnames2, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames2, 'inputMode', inputMode), _classnames2)),

package/dist/InputSearch/style/index.less

@@ -17,7 +17,7 @@
 
     &.input-search-size-small {
       ::placeholder {
-        font-size: 12px;
+        font-size: 14px;
         line-height: 16px; /* 133.333% */
       }
     }
@@ -55,7 +55,7 @@
       ::placeholder {
         color: var(--alias-colors-text-subtlest, #9ca3af);
         background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
-        font-size: 12px;
+        font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 16px; /* 133.333% */

package/dist/LogicTree/components/LogicItem/index.js

@@ -16,7 +16,7 @@ import TrashLightLine from "../../../Icon/components/TrashLightLine";
 import IconButton from "../../../IconButton";
 import AldSelect from "../../../AldSelect";
 import TextLink from "../../../TextLink";
-import { LocaleContext, getTranslator } from "../../../locale/default";
+import { ELangType, LocaleContext, getTranslator } from "../../../locale/default";
 import { ELogicType, ENodeType } from "../../type";
 var dargPreviewImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=';
 var TWO = 2;
@@ -213,6 +213,7 @@ export default function LogicItem(_ref) {
     var id = value.id;
     changeRecordData(id, data);
   };
+  var isEn = locale === ELangType.EN;
   if (type === ENodeType.LOGIC) {
     var nodes = value.nodes,
       _logicType = value.logicType;
@@ -301,7 +302,9 @@ export default function LogicItem(_ref) {
       className: "ald-logic-tree-node-drag-icon"
     })), /*#__PURE__*/React.createElement(AldSelect, {
       options: logicOptions,
-      className: "ald-logic-tree-select-relation",
+      className: classNames('ald-logic-tree-select-relation', {
+        'ald-logic-tree-select-relation-en': isEn
+      }),
       size: "small",
       popupMatchSelectWidth: false,
       value: _logicType,

package/dist/LogicTree/style/LoginItem.less

@@ -1,6 +1,7 @@
 @recordLineWidth: 48px;
 @selectWidth: 48px;
 @dragIConWidth: 16px;
+@enSelectWidth: 58px;
 
 .ald-logic-tree-wrap > .ald-logic-tree-logic-node {
   &.is-hover {
@@ -106,10 +107,11 @@
         right: 0 !important;
       }
     }
+  }
 
-    .ant-select-arrow {
-      right: 6px !important;
-    }
+  .ald-logic-tree-select-relation-en {
+    left: 10px;
+    width: @enSelectWidth !important;
   }
 }