@pisell/materials 1.0.499 → 1.0.501

package/lib/index.js

@@ -80,6 +80,7 @@ __export(src_exports, {
   FormItemRadio: () => import_Radio.default,
   FormItemSelect: () => import_Select.default,
   FormItemTimePicker: () => import_TimePicker.default,
+  FormItemTranslation: () => import_Translation.default,
   FormItemUpload: () => import_Upload.default,
   Grid: () => import_antd12.Grid,
   Icon: () => import_icon.default,
@@ -313,6 +314,7 @@ var import_Radio = __toESM(require("./components/dataSourceComponents/fields/Rad
 var import_Select = __toESM(require("./components/dataSourceComponents/fields/Select"));
 var import_TimePicker = __toESM(require("./components/dataSourceComponents/fields/TimePicker"));
 var import_Upload = __toESM(require("./components/dataSourceComponents/fields/Upload"));
+var import_Translation = __toESM(require("./components/dataSourceComponents/fields/Translation"));
 var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/dataSourceTable"));
 var import_dataSourceWrapper = __toESM(require("./components/dataSourceComponents/dataSourceWrapper"));
 var import_dataSourceTypography = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceTypography"));
@@ -371,6 +373,7 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   FormItemRadio,
   FormItemSelect,
   FormItemTimePicker,
+  FormItemTranslation,
   FormItemUpload,
   Grid,
   Icon,

package/lib/locales/en-US.d.ts

@@ -171,5 +171,6 @@ declare const _default: {
     'pisell-delete-confirm-content': string;
     'pisell-delete-confirm-ok': string;
     'pisell-delete-confirm-cancel': string;
+    'pisell-translation-original': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -211,5 +211,7 @@ var en_US_default = {
   "pisell-delete-confirm-title": "Confirm Delete",
   "pisell-delete-confirm-content": "Are you sure you want to delete this record?",
   "pisell-delete-confirm-ok": "OK",
-  "pisell-delete-confirm-cancel": "Cancel"
+  "pisell-delete-confirm-cancel": "Cancel",
+  "pisell-design-mode-action-disabled": "This operation is not allowed in edit mode",
+  "pisell-translation-original": "Original"
 };

package/lib/locales/zh-CN.d.ts

@@ -171,5 +171,6 @@ declare const _default: {
     'pisell-delete-confirm-ok': string;
     'pisell-delete-confirm-cancel': string;
     'pisell-design-mode-action-disabled': string;
+    'pisell-translation-original': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -210,5 +210,6 @@ var zh_CN_default = {
   "pisell-delete-confirm-content": "确定要删除该条记录吗?",
   "pisell-delete-confirm-ok": "确定",
   "pisell-delete-confirm-cancel": "取消",
-  "pisell-design-mode-action-disabled": "编辑模式下不可执行此操作"
+  "pisell-design-mode-action-disabled": "编辑模式下不可执行此操作",
+  "pisell-translation-original": "原始语言"
 };

package/lib/locales/zh-TW.d.ts

@@ -171,5 +171,6 @@ declare const _default: {
     'pisell-delete-confirm-ok': string;
     'pisell-delete-confirm-cancel': string;
     'pisell-design-mode-action-disabled': string;
+    'pisell-translation-original': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -211,5 +211,6 @@ var zh_TW_default = {
   "pisell-delete-confirm-content": "確定要刪除該條記錄嗎?",
   "pisell-delete-confirm-ok": "確定",
   "pisell-delete-confirm-cancel": "取消",
-  "pisell-design-mode-action-disabled": "編輯模式下不可執行此操作"
+  "pisell-design-mode-action-disabled": "編輯模式下不可執行此操作",
+  "pisell-translation-original": "原始語言"
 };

package/lowcode/data-source-form/constants.ts

@@ -66,6 +66,7 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   'Radio.Group': 'FormItemRadio.Group',
   'Checkbox.Group': 'FormItemCheckbox.Group',
   Upload: 'FormItemUpload',
+  Translation: "FormItemTranslation"
 };
 
 

package/lowcode/data-source-form/utils.ts

@@ -163,6 +163,12 @@ export const createFormItemSchema = (
     componentName = 'Upload';
   }
 
+  if (item?.interface === 'i18nAttachment') {
+    cptTitle = '多媒体文件上传';
+    componentName = 'Upload';
+    props.enableMultilingual = true;
+  }
+
   if (validator && validator !== 'integer') {
     if (validator === 'email') {
       cptTitle = '电子邮箱输入';
@@ -174,7 +180,7 @@ export const createFormItemSchema = (
     };
   }
 
-  if (xComponent === 'Input.JSON') {
+  if (xComponent === 'Input.JSON' && item?.interface !== 'i18nInput') {
     const jsonChildren = item._children || item.children || [];
 
     // 如果有children属性,递归创建子表单项
@@ -207,6 +213,11 @@ export const createFormItemSchema = (
     }
   }
 
+  if (item?.interface === 'i18nInput') {
+    cptTitle = '多语言输入';
+    componentName = 'Translation';
+  }
+
   if (
     ['Select', 'Radio.Group', 'Checkbox.Group'].includes(xComponent) &&
     uiSchema?.enum?.length > 0

package/lowcode/form-item-translation/meta.ts

@@ -0,0 +1,249 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemTranslation',
+  title: '多语言文本',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemTranslation',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['placeholder'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+      // generalItemMap['defaultValue'],
+    ]),
+    getFormItemValidateGroup([
+      generalItemMap['requiredobj'],
+      generalItemMap['minLengthobj'],
+      generalItemMap['maxLengthobj'],
+      generalItemMap['typeobj'],
+    ]),
+  ],
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认内容' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'allowClear',
+      title: { label: '支持清除', tip: '是否允许清除' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'readOnly',
+      title: { label: '是否只读', tip: '是否为只读状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'placeholder',
+      title: { label: '占位提示', tip: '占位提示' },
+      propType: 'string',
+      defaultValue: '请输入',
+      setter: 'PisellI18nSetter',
+    },
+    // {
+    //   name: 'id',
+    //   title: { label: '输入框ID', tip: '输入框的ID' },
+    //   propType: 'string',
+    // },
+    {
+      name: 'maxLength',
+      title: { label: '最大长度', tip: '最大长度' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'size',
+      title: { label: '控件大小', tip: '控件大小' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '大',
+              value: 'large',
+            },
+            {
+              title: '中',
+              value: 'middle',
+            },
+            {
+              title: '小',
+              value: 'small',
+            },
+          ],
+        },
+      },
+      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+      defaultValue: 'middle',
+    },
+    {
+      name: 'addonAfter',
+      title: { label: '后置标签', tip: '后置标签' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'addonBefore',
+      title: { label: '前置标签', tip: '前置标签' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'prefix',
+      title: { label: '前缀', tip: '前缀' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'suffix',
+      title: { label: '后缀', tip: '后缀' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'onChange',
+      title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onPressEnter',
+      title: { label: '按下回车的回调', tip: '按下回车的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onFocus',
+      title: { label: '获取焦点回调', tip: '获取焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyDown',
+      title: { label: '按键按下时的回调', tip: '按键按下时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyPress',
+      title: { label: '按键按下后的回调', tip: '按键按下之后释放之前的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyUp',
+      title: { label: '按键释放回调', tip: '按键释放之后的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onBlur',
+      title: { label: '失去焦点回调', tip: '失去焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClick',
+      title: { label: '点击回调', tip: '点击回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClear',
+      title: { label: '按下清除按钮的回调', tip: '按下清除按钮的回调' },
+      propType: 'func',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 输入框内容变化时的回调\nconsole.log('onChange',event);}",
+        },
+        {
+          name: 'onPressEnter',
+          template:
+            "onPressEnter(event,${extParams}){\n// 按下回车的回调\nconsole.log('onPressEnter',event);}",
+        },
+        {
+          name: 'onFocus',
+          template:
+            "onFocus(event,${extParams}){\n// 获取焦点回调\nconsole.log('onFocus',event);}",
+        },
+        {
+          name: 'onKeyDown',
+          template:
+            "onKeyDown(event,${extParams}){\n// 按键按下时的回调\nconsole.log('onKeyDown',event);}",
+        },
+        {
+          name: 'onKeyPress',
+          template:
+            "onKeyPress(event,${extParams}){\n// 按键按下后的回调\nconsole.log('onKeyPress',event);}",
+        },
+        {
+          name: 'onKeyUp',
+          template:
+            "onKeyUp(event,${extParams}){\n// 按键释放回调\nconsole.log('onKeyUp',event);}",
+        },
+        {
+          name: 'onBlur',
+          template:
+            "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(event,${extParams}){\n// 点击回调\nconsole.log('onClick',event);}",
+        },
+        {
+          name: 'onClear',
+          template:
+            "onClear(event,${extParams}){\n// 按下清除按钮的回调\nconsole.log('onClear',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-translation/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: '多语言文本',
+    schema: {
+      componentName: 'FormItemTranslation',
+      title: '多语言文本',
+      props: {
+        placeholder: '请输入',
+        allowClear: true,
+      },
+    },
+  },
+];

package/package.json

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