@pisell/materials 1.0.499 → 1.0.501

package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Translation/BaseTranslation.tsx
+var BaseTranslation_exports = {};
+__export(BaseTranslation_exports, {
+  default: () => BaseTranslation_default
+});
+module.exports = __toCommonJS(BaseTranslation_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_locales = require("../../../../locales");
+var import_index = require("./index.less");
+var defaultValue = {
+  en: "",
+  "zh-CN": "",
+  "zh-HK": "",
+  original: ""
+};
+var languageConfig = [
+  { key: "original", label: (0, import_locales.getText)("pisell-translation-original") },
+  { key: "en", label: "English" },
+  { key: "zh-CN", label: "简体中文" },
+  { key: "zh-HK", label: "繁體中文" }
+];
+var Translation = ({
+  value = defaultValue,
+  onChange,
+  placeholder,
+  disabled
+}) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const hasAnyTranslation = (0, import_react.useCallback)(() => {
+    return Object.entries(value).some(([key, val]) => val);
+  }, [value]);
+  const handleInputChange = (0, import_react.useCallback)(
+    (lang) => (e) => {
+      const newValue = {
+        ...value,
+        [lang]: e.target.value
+      };
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [value, onChange]
+  );
+  const content = /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-popover" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical", style: { width: "100%" }, size: 16 }, languageConfig.map(({ key, label }) => /* @__PURE__ */ import_react.default.createElement("div", { key, className: "translation-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-label" }, label), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      value: value[key],
+      onChange: handleInputChange(key),
+      allowClear: true
+    }
+  )))));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      value: value.original,
+      onChange: handleInputChange("original"),
+      placeholder,
+      disabled,
+      className: "translation-input"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content,
+      trigger: "click",
+      open,
+      onOpenChange: (open2) => {
+        if (disabled) {
+          return;
+        }
+        setOpen(open2);
+      },
+      placement: "bottomRight"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `translation-icon-wrapper ${hasAnyTranslation() ? "has-translation" : ""} ${disabled ? "disabled" : ""}`
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_icons.GlobalOutlined, { className: "translation-icon" })
+    )
+  ));
+};
+var BaseTranslation_default = Translation;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TranslationProps } from './type';
+import './ReadPretty.less';
+declare const TranslationReadPretty: (props: TranslationProps) => React.JSX.Element;
+export default TranslationReadPretty;

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Translation/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_ReadPretty = require("./ReadPretty.less");
+var TranslationReadPretty = (props) => {
+  const { value, renderMode } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)("pisell-translation-read-pretty", {
+        "pisell-translation-read-pretty-table-view": renderMode === "tableView"
+      })
+    },
+    (value == null ? void 0 : value.original) || ""
+  );
+};
+var ReadPretty_default = TranslationReadPretty;

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.less

@@ -0,0 +1,11 @@
+.pisell-translation-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-translation-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TranslationProps } from './type';
+declare const TranslationWithMode: import("react").FC<TranslationProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default TranslationWithMode;

package/lib/components/dataSourceComponents/fields/Translation/WithMode.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Translation/WithMode.ts
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var import_BaseTranslation = __toESM(require("./BaseTranslation"));
+var TranslationWithMode = (0, import_utils.withMode)(import_BaseTranslation.default, import_ReadPretty.default);
+var WithMode_default = TranslationWithMode;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Translation: React.FC<import("./type").TranslationProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Translation;

package/lib/components/dataSourceComponents/fields/Translation/index.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Translation/index.tsx
+var Translation_exports = {};
+__export(Translation_exports, {
+  default: () => Translation_default
+});
+module.exports = __toCommonJS(Translation_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var Translation = (0, import_utils.withFormItem)(import_WithMode.default);
+var Translation_default = Translation;

package/lib/components/dataSourceComponents/fields/Translation/index.less

@@ -0,0 +1,58 @@
+.translation-wrapper {
+  position: relative;
+
+  .translation-input {
+    padding-right: 40px;
+  }
+
+  .translation-icon-wrapper {
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    padding: 0 13px;
+    display: flex;
+    align-items: center;
+    border-radius: 0 6px 6px 0;
+    transition: all 0.3s;
+    cursor: pointer;
+    .translation-icon {
+      color: #d9d9d9;
+      transition: all 0.3s;
+    }
+
+    &.has-translation {
+      background-color: var(--theme-color, #7F56D9);
+      transition: all 0.3s;
+      .translation-icon {
+        transition: all 0.3s;
+        color: #fff;
+      }
+    }
+
+    &:hover {
+      .translation-icon {
+        color: #a481e6;
+      }
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+
+     .translation-icon {
+        color: #d9d9d9;
+      }
+    }
+  }
+}
+
+.translation-popover {
+  min-width: 300px;
+  padding: 8px;
+
+  .translation-field {
+    .translation-label {
+      margin-bottom: 8px;
+    }
+  }
+} 

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

@@ -0,0 +1,15 @@
+import { ModeType } from "../../dataSourceForm/type";
+export interface TranslationValue {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    original: string;
+}
+export interface TranslationProps {
+    renderMode: ModeType;
+    value?: TranslationValue;
+    onChange?: (value: TranslationValue) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+}

package/lib/components/dataSourceComponents/fields/Translation/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Translation/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -45,6 +45,7 @@ var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContex
 var import_locales = require("../../../../locales");
 var import_constants = require("./constants");
 var import_utils2 = require("./utils");
+var import_fallback = __toESM(require("./fallback.png"));
 var import_index = require("./index.less");
 var BaseUpload = (props) => {
   const {
@@ -69,14 +70,52 @@ var BaseUpload = (props) => {
   const [previewOpen, setPreviewOpen] = (0, import_react.useState)(false);
   const [open, setOpen] = (0, import_react.useState)(false);
   const [editMultilingualFile, setEditMultilingualFile] = (0, import_react.useState)(null);
+  const [errorImageMap, setErrorImageMap] = (0, import_react.useState)({});
   const { appHelper } = (0, import_useEngineContext.default)();
   const { mediaUploadUrl, getHeaders } = appHelper == null ? void 0 : appHelper.constants;
+  const handleImageError = (0, import_react.useCallback)((file) => {
+    setErrorImageMap((prev) => ({
+      ...prev,
+      [file.uid]: true
+    }));
+  }, []);
+  const checkImageUrl = (0, import_react.useCallback)((url) => {
+    return new Promise((resolve) => {
+      const img = document.createElement("img");
+      img.onload = () => resolve(true);
+      img.onerror = () => resolve(false);
+      img.src = url;
+    });
+  }, []);
+  const getItemUrl = (0, import_react.useCallback)(async (file) => {
+    var _a, _b;
+    if (errorImageMap[file.uid]) {
+      return import_fallback.default;
+    }
+    const url = file.url || ((_b = (_a = file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url) || "";
+    if (!url)
+      return "";
+    try {
+      const isValid = await checkImageUrl(url);
+      if (!isValid) {
+        setErrorImageMap((prev) => ({
+          ...prev,
+          [file.uid]: true
+        }));
+        return import_fallback.default;
+      }
+      return url;
+    } catch (error) {
+      return import_fallback.default;
+    }
+  }, [errorImageMap]);
   (0, import_react.useEffect)(() => {
     const fileList2 = (0, import_utils2.getDefaultFileList)(value, {
       enableMultilingual: !!enableMultilingual,
       multiple: !!multiple
     });
     setFileList(fileList2);
+    setErrorImageMap({});
   }, [value, enableMultilingual, multiple]);
   const calcMaxCount = (0, import_react.useMemo)(
     () => multiple ? maxCount || import_constants.DEFAULT_MAX_COUNT : 1,
@@ -373,7 +412,32 @@ var BaseUpload = (props) => {
     }),
     headers: getHeaders == null ? void 0 : getHeaders(),
     beforeUpload,
-    className: "pisell-data-source-upload"
+    className: "pisell-data-source-upload",
+    itemRender: (originNode, file) => {
+      const [itemUrl, setItemUrl] = (0, import_react.useState)("");
+      (0, import_react.useEffect)(() => {
+        getItemUrl(file).then(setItemUrl);
+      }, [file]);
+      const newNode = import_react.default.cloneElement(originNode, {
+        children: import_react.default.Children.map(originNode.props.children, (child) => {
+          if ((child == null ? void 0 : child.type) === "a") {
+            return import_react.default.cloneElement(child, {
+              children: import_react.default.Children.map(child.props.children, (grandChild) => {
+                if ((grandChild == null ? void 0 : grandChild.type) === "img") {
+                  return import_react.default.cloneElement(grandChild, {
+                    src: itemUrl,
+                    onError: () => handleImageError(file)
+                  });
+                }
+                return grandChild;
+              })
+            });
+          }
+          return child;
+        })
+      });
+      return newNode;
+    }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_pisellUpload.default, { ...uploadProps, fileList }, fileList.length >= calcMaxCount ? null : renderUploadButton(!!enableMultilingual)), /* @__PURE__ */ import_react.default.createElement(
     import_pisellModal.default,
@@ -413,7 +477,8 @@ var BaseUpload = (props) => {
         onVisibleChange: (visible) => setPreviewOpen(visible),
         afterOpenChange: (visible) => !visible && setPreviewImage("")
       },
-      src: previewImage
+      src: previewImage,
+      fallback: import_fallback.default
     }
   ));
 };

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { UploadProps } from './type';
 import './ReadPretty.less';
-declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
+declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element[] | null;
 export default UploadReadPretty;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.js

@@ -34,17 +34,37 @@ __export(ReadPretty_exports, {
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
 var import_fallback = __toESM(require("./fallback.png"));
 var import_ReadPretty = require("./ReadPretty.less");
 var UploadReadPretty = (props) => {
-  if (!props.value) {
+  const { value, enableMultilingual } = props;
+  const translationOriginal = (0, import_useTranslationOriginal.default)();
+  const normalizedValue = (0, import_react.useMemo)(() => {
+    if (!value)
+      return [];
+    let processedValue = (0, import_utils.isArr)(value) ? value : [value];
+    processedValue = processedValue.map((item) => {
+      if (!item) {
+        return null;
+      }
+      if ((0, import_utils.isString)(item)) {
+        return item;
+      }
+      return translationOriginal(item);
+    });
+    return processedValue.filter((item) => !!item);
+  }, [value, enableMultilingual, translationOriginal]);
+  if (!normalizedValue.length) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return normalizedValue.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
     import_antd.Image,
     {
+      key: `${String(item)}-${index}`,
       className: "pisell-upload-read-pretty",
-      src: props == null ? void 0 : props.value,
+      src: String(item),
       width: 100,
       height: 100,
       fallback: import_fallback.default,
@@ -52,6 +72,6 @@ var UploadReadPretty = (props) => {
         maskClassName: "pisell-upload-read-pretty-mask"
       }
     }
-  );
+  ));
 };
 var ReadPretty_default = UploadReadPretty;

package/lib/components/dataSourceComponents/fields/Upload/index.less

@@ -68,4 +68,11 @@
 .pisell-upload-multilingual-icon {
   color: #fff;
   font-size: 16px;
+}
+
+.pisell-lowcode-image-preview-wrap {
+  z-index: 1201 !important;
+}
+.pisell-lowcode-image-preview-mask {
+  z-index: 1201 !important;
 }

package/lib/components/dataSourceComponents/fields/Upload/utils.js

@@ -183,6 +183,8 @@ var handleMultilingualObject = (value, index = 1) => {
 var getDefaultFileList = (value, options) => {
   if (!value)
     return [];
+  if (Object.values(value).filter((item) => !!item).length === 0)
+    return [];
   const { enableMultilingual, multiple } = options;
   if (enableMultilingual) {
     if ((0, import_utils.isString)(value)) {

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -40,6 +40,7 @@ declare const formFieldMap: {
     'FormItemCheckbox.Group': import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
     FormItemDateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
 declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -63,5 +64,5 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     valueField: string;
 } & {
     dataSource?: any;
-}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/lib/components/dataSourceComponents/fields/index.js

@@ -43,6 +43,7 @@ var import_InputNumber = __toESM(require("./InputNumber"));
 var import_TimePicker = __toESM(require("./TimePicker"));
 var import_DateRangePicker = __toESM(require("./DateRangePicker"));
 var import_Upload = __toESM(require("./Upload"));
+var import_Translation = __toESM(require("./Translation"));
 var formFieldMap = {
   FormItemCheckbox: import_Checkbox.default,
   FormItemColorPicker: import_ColorPicker.default,
@@ -61,7 +62,8 @@ var formFieldMap = {
   "FormItemRadio.Group": import_Radio.default.Group,
   "FormItemCheckbox.Group": import_Checkbox.default.Group,
   FormItemDateRangePicker: import_DateRangePicker.default,
-  FormItemUpload: import_Upload.default
+  FormItemUpload: import_Upload.default,
+  FormItemTranslation: import_Translation.default
 };
 var getFieldComponent = (fieldComponent) => {
   return formFieldMap[fieldComponent];

package/lib/hooks/useTranslationOriginal.d.ts

@@ -0,0 +1,2 @@
+declare const useTranslationOriginal: () => any;
+export default useTranslationOriginal;

package/lib/hooks/useTranslationOriginal.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTranslationOriginal.ts
+var useTranslationOriginal_exports = {};
+__export(useTranslationOriginal_exports, {
+  default: () => useTranslationOriginal_default
+});
+module.exports = __toCommonJS(useTranslationOriginal_exports);
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var useTranslationOriginal = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  return ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.translationOriginal) || ((val) => val == null ? void 0 : val.original);
+};
+var useTranslationOriginal_default = useTranslationOriginal;

package/lib/index.d.ts

@@ -136,6 +136,7 @@ export { default as FormItemRadio } from './components/dataSourceComponents/fiel
 export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
 export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
+export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
 export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
 export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
 export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';