@pisell/materials 1.0.481 → 1.0.482

package/lib/components/pisellUpload/index.js

@@ -39,10 +39,13 @@ var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var { Dragger } = import_antd.Upload;
 var PisellUpload = (props) => {
-  const { name, multiple, onDrop, title, text1, text2, uploadType } = props;
+  const { title, text1, text2, uploadType } = props;
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  if (uploadType === "custom") {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Upload, { ...props }, props.children);
+  }
   return /* @__PURE__ */ import_react.default.createElement("div", null, uploadType === "button" ? /* @__PURE__ */ import_react.default.createElement(import_antd.Upload, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.UploadOutlined, null) }, "Upload")) : /* @__PURE__ */ import_react.default.createElement(Dragger, { ...props, className: (0, import_classnames.default)("pisell-upload-wapper") }, /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-drag-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icons.InboxOutlined, null)), /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-title" }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-text1" }, text1), /* @__PURE__ */ import_react.default.createElement("p", { className: "ant-upload-text2" }, text2)));
 };
 var pisellUpload_default = PisellUpload;

package/lib/components/table/Table/utils.d.ts

@@ -167,7 +167,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/index.d.ts

@@ -135,6 +135,7 @@ export { default as FormItemInputNumber } from './components/dataSourceComponent
 export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
 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 DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
 export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
 export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';

package/lib/index.js

@@ -80,6 +80,7 @@ __export(src_exports, {
   FormItemRadio: () => import_Radio.default,
   FormItemSelect: () => import_Select.default,
   FormItemTimePicker: () => import_TimePicker.default,
+  FormItemUpload: () => import_Upload.default,
   Grid: () => import_antd13.Grid,
   Icon: () => import_icon.default,
   Iconfont: () => import_iconfont.default,
@@ -311,6 +312,7 @@ var import_InputNumber = __toESM(require("./components/dataSourceComponents/fiel
 var import_Radio = __toESM(require("./components/dataSourceComponents/fields/Radio"));
 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_dataSourceTable = __toESM(require("./components/dataSourceComponents/dataSourceTable"));
 var import_dataSourceWrapper = __toESM(require("./components/dataSourceComponents/dataSourceWrapper"));
 var import_dataSourceTypography = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceTypography"));
@@ -369,6 +371,7 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   FormItemRadio,
   FormItemSelect,
   FormItemTimePicker,
+  FormItemUpload,
   Grid,
   Icon,
   Iconfont,

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

@@ -147,5 +147,9 @@ declare const _default: {
     'pisell-number-format-billion': string;
     'walletCard-done': string;
     'walletCard-qrcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -183,5 +183,9 @@ var en_US_default = {
   "pisell-number-format-billion": "B",
   //walletCard 组件
   "walletCard-done": "Done",
-  "walletCard-qrcode": "QR code"
+  "walletCard-qrcode": "QR code",
+  "pisell-upload-button": "Upload",
+  "pisell-upload-setting-size-error": (maxSize) => `Each file should not exceed ${maxSize}MB in size.`,
+  "pisell-upload-setting-type-error": (type) => `${type} file type is not supported for upload.`,
+  "pisell-upload-count-error": (count) => `Please upload ${count} file`
 };

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

@@ -147,5 +147,9 @@ declare const _default: {
     'pisell-number-format-billion': string;
     'walletCard-done': string;
     'walletCard-qrcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -182,5 +182,9 @@ var zh_CN_default = {
   "pisell-number-format-billion": "十亿",
   //walletCard 组件
   "walletCard-done": "完成",
-  "walletCard-qrcode": "二维码"
+  "walletCard-qrcode": "二维码",
+  "pisell-upload-button": "上传",
+  "pisell-upload-setting-size-error": (maxSize) => `每个文件的大小不超过${maxSize}MB`,
+  "pisell-upload-setting-type-error": (type) => `不支持上传${type}类型的文件`,
+  "pisell-upload-count-error": (count) => `请上传${count}个文件`
 };

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

@@ -147,5 +147,9 @@ declare const _default: {
     'pisell-number-format-billion': string;
     'walletCard-done': string;
     'walletCard-qrcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -183,5 +183,9 @@ var zh_TW_default = {
   "pisell-number-format-billion": "十億",
   //walletCard 组件
   "walletCard-done": "完成",
-  "walletCard-qrcode": "二維碼"
+  "walletCard-qrcode": "二維碼",
+  "pisell-upload-button": "上傳",
+  "pisell-upload-setting-size-error": (maxSize) => `每個文件的大小不超過${maxSize}MB`,
+  "pisell-upload-setting-type-error": (type) => `不支持上傳${type}類型的文件`,
+  "pisell-upload-count-error": (count) => `請上傳${count}個文件`
 };

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

@@ -20,6 +20,7 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   Checkbox: 'FormItemCheckbox',
   'Radio.Group': 'FormItemRadio.Group',
   'Checkbox.Group': 'FormItemCheckbox.Group',
+  Upload: 'FormItemUpload',
 };
 
 export const pisellCptMap: Record<string, boolean> = Object.entries(

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

@@ -116,7 +116,7 @@ const dataSourceForm: MetaType = {
 
               let childrenSchemas = fields2ChildrenSchemas(
                 value.item.fields,
-                target.getProps().getPropValue('mode')
+                target.getProps().getPropValue('renderMode')
               );
 
               if (target.node.children.isEmptyNode) {
@@ -157,7 +157,7 @@ const dataSourceForm: MetaType = {
             componentName: 'PisellDataSourceSetter',
             props: (target: any) => {
               return {
-                mode: target.getProps().getPropValue('mode'),
+                mode: target.getProps().getPropValue('renderMode'),
                 variables: getDataSourceVariables(target),
               };
             },
@@ -215,7 +215,7 @@ const dataSourceForm: MetaType = {
                     if (nocobaseField) {
                       const appendSchema = createFormItemSchema(
                         nocobaseField,
-                        target.getProps().getPropValue('mode')
+                        target.getProps().getPropValue('renderMode')
                       );
                       const appendNode =
                         target.node.document.createNode(appendSchema);
@@ -241,7 +241,7 @@ const dataSourceForm: MetaType = {
           },
           condition(target) {
             return ['edit', 'view'].includes(
-              target.getProps().getPropValue('mode')
+              target.getProps().getPropValue('renderMode')
             );
           },
           extraProps: {

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

@@ -0,0 +1,419 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemUpload',
+  title: '多媒体文件上传',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemUpload',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['noStyle'],
+      generalItemMap['renderMode'],
+    ]),
+    {
+      title: {
+        type: 'i18n',
+        'en-US': 'Operation',
+        'zh-CN': '操作',
+      },
+      display: 'accordion',
+      type: 'group',
+      items: [
+        // {
+        //   name: 'allowMediaLibrary',
+        //   title: {
+        //     type: 'i18n',
+        //     'en-US': 'Allow Media Library',
+        //     'zh-CN': '允许从媒体库上传',
+        //   },
+        //   propType: 'bool',
+        //   defaultValue: true,
+        //   setter: 'BoolSetter'
+        // },
+        // {
+        //   name: 'allowLocalUpload',
+        //   title: {
+        //     type: 'i18n',
+        //     'en-US': 'Allow Local Upload',
+        //     'zh-CN': '允许从本地上传',
+        //   },
+        //   propType: 'bool',
+        //   defaultValue: true,
+        //   setter: 'BoolSetter'
+        // },
+        {
+          name: 'allowPreview',
+          title: {
+            type: 'i18n',
+            'en-US': 'Allow Preview',
+            'zh-CN': '允许预览',
+          },
+          propType: 'bool',
+          defaultValue: true,
+          setter: 'BoolSetter',
+        },
+      ],
+    },
+    {
+      title: {
+        type: 'i18n',
+        'en-US': 'Upload Settings',
+        'zh-CN': '上传设置',
+      },
+      display: 'accordion',
+      type: 'group',
+      items: [
+        {
+          name: 'maxSize',
+          title: {
+            type: 'i18n',
+            'en-US': 'Max File Size(MB)',
+            'zh-CN': '单文件最大上传大小(MB)',
+          },
+          propType: 'number',
+          defaultValue: 3,
+          setter: 'NumberSetter',
+        },
+        {
+          name: 'multiple',
+          title: {
+            type: 'i18n',
+            'en-US': 'Allow Multiple Files',
+            'zh-CN': '允许上传多个文件',
+          },
+          propType: 'bool',
+          defaultValue: false,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'minCount',
+          title: {
+            type: 'i18n',
+            'en-US': 'Min File Count',
+            'zh-CN': '最小上传文件个数',
+          },
+          propType: 'number',
+          defaultValue: 1,
+          setter: 'NumberSetter',
+          condition: (target: any) => {
+            return target.getProps().getPropValue('multiple');
+          },
+        },
+        {
+          name: 'maxCount',
+          title: {
+            type: 'i18n',
+            'en-US': 'Max File Count',
+            'zh-CN': '最大上传文件个数',
+          },
+          propType: 'number',
+          defaultValue: 9,
+          setter: 'NumberSetter',
+          condition: (target: any) => {
+            return target.getProps().getPropValue('multiple');
+          },
+        },
+      ],
+    },
+    {
+      title: {
+        type: 'i18n',
+        'en-US': 'File Types',
+        'zh-CN': '文件类型',
+      },
+      display: 'accordion',
+      type: 'group',
+      items: [
+        {
+          name: 'presetType',
+          title: {
+            type: 'i18n',
+            'en-US': 'Preset Types',
+            'zh-CN': '预设类型',
+          },
+          propType: {
+            type: 'oneOf',
+            value: [
+              'image/*',
+              'video/*',
+              'audio/*',
+              '.pdf',
+              '.doc,.docx',
+              '.xls,.xlsx',
+            ],
+          },
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [
+                {
+                  title: '图片文件',
+                  value: 'image/*',
+                },
+                {
+                  title: '视频文件',
+                  value: 'video/*',
+                },
+                {
+                  title: '音频文件',
+                  value: 'audio/*',
+                },
+                {
+                  title: 'PDF文件',
+                  value: '.pdf',
+                },
+                {
+                  title: 'Word文件',
+                  value: '.doc,.docx',
+                },
+                {
+                  title: 'Excel文件',
+                  value: '.xls,.xlsx',
+                },
+              ],
+            },
+          },
+        },
+        {
+          name: 'customType',
+          title: {
+            type: 'i18n',
+            'en-US': 'Custom Types',
+            'zh-CN': '自定义类型',
+          },
+          propType: 'string',
+          description: '例如: .jpg,.png,.gif 或 image/*',
+          setter: 'StringSetter',
+        },
+      ],
+    },
+    getFormItemValidateGroup([generalItemMap['requiredobj']]),
+  ],
+  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-upload/snippets.ts

@@ -0,0 +1,11 @@
+export default [
+  {
+    title: '多媒体文件上传',
+    schema: {
+      componentName: 'FormItemUpload',
+      title: '多媒体文件上传',
+      props: {
+      },
+    },
+  },
+];

package/lowcode/submit-button/meta.ts

@@ -263,7 +263,11 @@ const SubmitButtonMeta: ComponentMetadata = {
       items: [
         {
           name: 'toastConfig',
-          title: '显示提示',
+          title: {
+            type: 'i18n',
+            'en-US': 'Show Toast',
+            'zh-CN': '显示提示',
+          },
           setter: {
             componentName: 'ObjectSetter',
             props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.481",
+  "version": "1.0.482",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -67,8 +67,8 @@
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
     "libphonenumber-js": "^1.11.17",
-    "@pisell/utils": "1.0.43",
     "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.43",
     "@pisell/date-picker": "1.0.113"
   },
   "peerDependencies": {