@pisell/materials 1.0.881 → 1.0.883

package/lib/components/translation/index.js

@@ -72,12 +72,27 @@ var defaultGlobal = {
 var defaultObj = {};
 var Translation = (props) => {
   var _a, _b;
-  const { value = defaultObj, onChange, ...others } = props;
+  const {
+    value = defaultObj,
+    onChange,
+    type = "text",
+    ...others
+  } = props;
   const context = (0, import_useEngineContext.default)();
   const [open, setOpen] = (0, import_react.useState)(false);
   const [_value, set_value] = (0, import_react.useState)(value);
   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值11");
+    switch (type) {
+      case "textarea":
+        return import_antd.Input.TextArea;
+      default:
+        return import_antd.Input;
+    }
+  }, [type]);
+  const InputComponent = getInputComponent();
   (0, import_react.useEffect)(() => {
     let _newValue = { ...value };
     if ((0, import_utils.isString)(value)) {
@@ -131,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(
-    import_antd.Input,
+  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,
@@ -159,7 +184,7 @@ var Translation = (props) => {
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-translation-modal" }, languageList.map((d) => {
       return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: d.text, labelCol: { span: 24 }, key: d.code }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Input,
+        InputComponent,
         {
           ...typeof others.maxLength === "number" ? { maxLength: others.maxLength } : {},
           value: _value[d.code],

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/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.881",
+  "version": "1.0.883",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;

package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;