@pisell/materials 1.0.882 → 1.0.883

package/es/components/translation/index.js

@@ -69,7 +69,7 @@ var Translation = function Translation(props) {
   var _ref = (store === null || store === void 0 || (_store$getState = store.getState()) === null || _store$getState === void 0 ? void 0 : _store$getState.global) || defaultGlobal,
     shopLanguages = _ref.shopLanguages;
   var getInputComponent = useCallback(function () {
-    console.log(type, props, '翻译组件type值');
+    console.log(type, props, '翻译组件type值11');
     switch (type) {
       case 'textarea':
         return Input.TextArea;
@@ -128,19 +128,38 @@ var Translation = function Translation(props) {
     onChange === null || onChange === void 0 || onChange(_value);
     setOpen(false);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputComponent, _extends({}, others, {
-    value: inputValue,
-    onChange: function onChange(e) {
-      return allChange(e.target.value);
-    },
-    suffix: /*#__PURE__*/React.createElement(GlobalOutlined, {
+
+  /**
+   * @title: 多语言图标
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-08-13 14:39
+   */
+  var suffixIcon = useMemo(function () {
+    return /*#__PURE__*/React.createElement(GlobalOutlined, {
       className: classNames('pisell-lowcode-translation-icon', {
         active: isActive
       }),
       onClick: function onClick() {
         return setOpen(true);
       }
-    })
+    });
+  }, [isActive]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'textarea' ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-translation-textarea-wrapper"
+  }, /*#__PURE__*/React.createElement(InputComponent, _extends({}, others, {
+    value: inputValue,
+    onChange: function onChange(e) {
+      return allChange(e.target.value);
+    }
+  })), suffixIcon) : /*#__PURE__*/React.createElement(InputComponent, _extends({}, others, {
+    value: inputValue,
+    onChange: function onChange(e) {
+      return allChange(e.target.value);
+    },
+    suffix: suffixIcon
   })), /*#__PURE__*/React.createElement(Modal, {
     open: open,
     onOk: _onOk,

package/es/components/translation/index.less

@@ -13,3 +13,13 @@
   position: relative;
   width: 100%;
 }
+
+.pisell-lowcode-translation-textarea-wrapper {
+  position: relative;
+
+  .pisell-lowcode-translation-icon {
+    position: absolute;
+    right: 11px;
+    bottom: 11px;
+  }
+}

package/lib/components/translation/index.js

@@ -84,7 +84,7 @@ var Translation = (props) => {
   const store = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.store;
   const { shopLanguages } = ((_b = store == null ? void 0 : store.getState()) == null ? void 0 : _b.global) || defaultGlobal;
   const getInputComponent = (0, import_react.useCallback)(() => {
-    console.log(type, props, "翻译组件type值");
+    console.log(type, props, "翻译组件type值11");
     switch (type) {
       case "textarea":
         return import_antd.Input.TextArea;
@@ -146,21 +146,31 @@ var Translation = (props) => {
     onChange == null ? void 0 : onChange(_value);
     setOpen(false);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+  const suffixIcon = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_icons.GlobalOutlined,
+      {
+        className: (0, import_classnames.default)("pisell-lowcode-translation-icon", {
+          active: isActive
+        }),
+        onClick: () => setOpen(true)
+      }
+    );
+  }, [isActive]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "textarea" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-translation-textarea-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    InputComponent,
+    {
+      ...others,
+      value: inputValue,
+      onChange: (e) => allChange(e.target.value)
+    }
+  ), suffixIcon) : /* @__PURE__ */ import_react.default.createElement(
     InputComponent,
     {
       ...others,
       value: inputValue,
       onChange: (e) => allChange(e.target.value),
-      suffix: /* @__PURE__ */ import_react.default.createElement(
-        import_icons.GlobalOutlined,
-        {
-          className: (0, import_classnames.default)("pisell-lowcode-translation-icon", {
-            active: isActive
-          }),
-          onClick: () => setOpen(true)
-        }
-      )
+      suffix: suffixIcon
     }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Modal,

package/lib/components/translation/index.less

@@ -13,3 +13,13 @@
   position: relative;
   width: 100%;
 }
+
+.pisell-lowcode-translation-textarea-wrapper {
+  position: relative;
+
+  .pisell-lowcode-translation-icon {
+    position: absolute;
+    right: 11px;
+    bottom: 11px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.882",
+  "version": "1.0.883",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -74,8 +74,8 @@
     "swiper": "^8.4.7",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.122",
-    "@pisell/utils": "1.0.50",
-    "@pisell/icon": "0.0.10"
+    "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.50"
   },
   "peerDependencies": {
     "react": "^18.0.0",