@pisell/materials 6.0.14 → 6.0.16

package/lowcode/app-version-control/meta.ts

@@ -0,0 +1,92 @@
+import {
+  IPublicTypeSnippet,
+} from '@alilc/lowcode-types';
+
+const PisellAppVersionControlMeta = {
+  componentName: 'AppVersionControl',
+  title: '应用版本控制',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'AppVersionControl',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowPublish',
+          'zh-CN': '允许发布',
+        },
+      },
+      name: 'allowPublish',
+      description: '是否允许发布版本',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowCreate',
+          'zh-CN': '允许创建',
+        },
+      },
+      name: 'allowCreate',
+      description: '是否允许创建新版本',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '应用版本控制',
+    screenshot: '',
+    schema: {
+      title: '应用版本控制',
+      componentName: 'AppVersionControl',
+      props: {
+        allowPublish: true,
+        allowCreate: true,
+        value: '1.0.0',
+        versions: [
+          {
+            version: '1.0.0',
+            label: '初始版本',
+            value: '1.0.0',
+            status: 'live',
+          },
+          {
+            version: '1.0.1',
+            label: '新增功能',
+            value: '1.0.1',
+            status: 'draft',
+          },
+          
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellAppVersionControlMeta,
+  snippets,
+};

package/lowcode/custom-select/meta.ts

@@ -0,0 +1,202 @@
+import { uuid } from '../_utils/utils';
+
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'CustomSelect',
+  title: '自定义下拉菜单',
+  category: '表单',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "CustomSelect",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认选中值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'string',
+          'number',
+        ],
+      },
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'string',
+          'number',
+        ],
+      },
+    },
+    {
+      name: 'renderItem',
+      title: { label: '自定义渲染', tip: '自定义渲染选项内容' },
+      propType: {
+        type: 'func',
+      },
+      setter: [
+        {
+          componentName: 'SlotSetter',
+          title: '渲染函数插槽',
+          initialValue: {
+            type: 'JSSlot',
+            params: ['option'],
+          },
+        },
+        {
+          componentName: 'FunctionSetter',
+          props: {
+            template: 'renderItem(item,${extParams}){\n// 自定义渲染\nreturn `item`;\n}',
+          },
+        },
+        'VariableSetter',
+      ],
+    },
+    {
+      name: 'options',
+      title: { label: '可选项', tip: '可选项' },
+      propType: {
+        type: 'arrayOf',
+        value: {
+          type: 'shape',
+          value: [
+            {
+              name: 'label',
+              propType: 'string',
+              description: '选项名',
+              defaultValue: '选项名',
+            },
+            {
+              name: 'value',
+              propType: ['string', 'number'],
+              description: '选项值',
+              defaultValue: '选项值',
+            },
+            {
+              name: 'disabled',
+              propType: 'bool',
+              description: '是否禁用',
+              defaultValue: false,
+            },
+          ],
+        },
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                  {
+                    name: 'label',
+                    title: '选项名',
+                    setter: ['PisellI18nSetter', 'VariableSetter'],
+                    isRequired: true
+                  },
+                  {
+                    name: 'value',
+                    title: '选项值',
+                    setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+                    isRequired: true
+                  },
+                  {
+                    name: 'disabled',
+                    title: '是否禁用',
+                    setter: ['BoolSetter', 'VariableSetter'],
+                  },
+                ],
+              },
+            },
+            initialValue: () => {
+              return {
+                label: '选项名',
+                value: uuid(),
+                disabled: false,
+              };
+            },
+          },
+        },
+      },
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onBlur',
+          template: "onBlur(${extParams}){\n// 失去焦点时回调\nconsole.log('onBlur');}",
+        },
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,option,${extParams}){\n// 选中 option，或 input 的 value 变化时，调用此函数\nconsole.log('onChange',value,option);}",
+        },
+        {
+          name: 'onDeselect',
+          template:
+            "onDeselect(value,${extParams}){\n// 取消选中时调用\nconsole.log('onDeselect',value);}",
+        },
+        {
+          name: 'onFocus',
+          template: "onFocus(${extParams}){\n// 获得焦点时回调\nconsole.log('onFocus');}",
+        },
+        {
+          name: 'onInputKeyDown',
+          template:
+            "onInputKeyDown(${extParams}){\n// 按键按下时回调\nconsole.log('onInputKeyDown');}",
+        },
+        {
+          name: 'onMouseEnter',
+          template: "onMouseEnter(${extParams}){\n// 鼠标移入时回调\nconsole.log('onMouseEnter');}",
+        },
+        {
+          name: 'onMouseLeave',
+          template: "onMouseLeave(${extParams}){\n// 鼠标移出时回调\nconsole.log('onMouseLeave');}",
+        },
+        {
+          name: 'onPopupScroll',
+          template:
+            "onPopupScroll(${extParams}){\n// 下拉列表滚动时的回调\nconsole.log('onPopupScroll');}",
+        },
+        {
+          name: 'onSearch',
+          template:
+            "onSearch(value,${extParams}){\n// 文本框值变化时回调\nconsole.log('onSearch',value);}",
+        },
+        {
+          name: 'onSelect',
+          template:
+            "onSelect(value,option,${extParams}){\n// 被选中时调用\nconsole.log('onSelect',value,option);}",
+        },
+        {
+          name: 'onDropdownVisibleChange',
+          template:
+            "onDropdownVisibleChange(open,${extParams}){\n// 展开下拉菜单的回调\nconsole.log('onDropdownVisibleChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/custom-select/snippets.ts

@@ -0,0 +1,33 @@
+export default [
+  {
+    title: '自定义下拉菜单',
+    schema: {
+      componentName: 'CustomSelect',
+      props: {
+        style: {
+          width: 200,
+        },
+        styleType: 'antd',
+        renderItem: {
+          type: 'JSSlot',
+          params: ['option'],
+        },
+        value: "A",
+        options: [
+          {
+            label: 'A',
+            value: 'A',
+          },
+          {
+            label: 'B',
+            value: 'B',
+          },
+          {
+            label: 'C',
+            value: 'C',
+          },
+        ],
+      },
+    },
+  },
+];

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

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

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

@@ -17,7 +17,7 @@ const dataSourceForm: MetaType = {
   snippets,
   componentName: 'DataSourceForm',
   title: '表单',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

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

@@ -5,7 +5,7 @@ export default {
   snippets,
   componentName: 'DataSourceImage',
   title: '图片',
-  category: '数据展示',
+  category: '无代码数据展示',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

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

@@ -5,7 +5,7 @@ export default {
   snippets,
   componentName: 'DataSourceQRCode',
   title: '二维码',
-  category: '数据展示',
+  category: '无代码数据展示',
   group: '无代码组件',
   docUrl: "",
   screenshot: "",

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

@@ -41,7 +41,7 @@ const dataSourceTable = {
   snippets,
   componentName: 'DataSourceTable',
   title: '表格',
-  category: '数据展示',
+  category: '无代码数据展示',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',
@@ -1171,8 +1171,8 @@ const dataSourceTable = {
                           title: {
                             label: {
                               type: 'i18n',
-                              'en-US': 'Button Style',
-                              'zh-CN': '按钮样式',
+                              'en-US': 'Button props',
+                              'zh-CN': '按钮props',
                             },
                           },
                           propType: 'object',
@@ -2637,6 +2637,28 @@ const dataSourceTable = {
                             },
                           },
                         },
+                        {
+                          name: 'softDelete',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Soft Delete',
+                              'zh-CN': '软删除',
+                            },
+                            tip: {
+                              type: 'i18n',
+                              'en-US': 'Whether to use soft delete',
+                              'zh-CN': '是否使用软删除',
+                            },
+                          },
+                          propType: 'bool',
+                          setter: 'BoolSetter',
+                          defaultValue: false,
+                          condition: {
+                            type: 'JSFunction',
+                            value: "target => target.parent.getPropValue('actionType') === 'delete'",
+                          },
+                        },
                         {
                           name: 'show',
                           title: {
@@ -2772,7 +2794,7 @@ const dataSourceTable = {
                 const items = operation?.items || [];
                 return {
                   options: items.map((item: any) => ({
-                    title: item.label,
+                    title: typeof item.label === 'string' ? item.label : item.label['zh-CN'],
                     value: item.key || item.actionType,
                   })),
                 };

package/lowcode/data-source-table/snippets.ts

@@ -7,7 +7,7 @@ export default [
       componentName: 'DataSourceTable',
       props: {
         style: {
-          padding: '24px',
+          padding: '24px 24px 0',
         },
         dataSource: [],
         columns: [],

package/lowcode/data-source-typography.text/meta.ts

@@ -8,7 +8,7 @@ const DataSourceTypographyText: MetaType = {
   snippets,
   componentName: 'DataSourceTypography.Text',
   title: '文本',
-  category: '数据展示',
+  category: '无代码数据展示',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

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

@@ -10,7 +10,7 @@ const dataSourceWrapper: MetaType = {
   snippets,
   componentName: 'DataSourceWrapper',
   title: '数据源容器',
-  category: '容器',
+  category: '无代码容器',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-group/meta.ts

@@ -5,7 +5,7 @@ export default {
   snippets,
   componentName: 'FormGroup',
   title: '分组',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

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

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemCheckbox',
   title: '复选框(高级)',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-checkbox.group/meta.ts

@@ -11,7 +11,7 @@ import {
 export default {
   componentName: 'FormItemCheckbox.Group',
   title: '复选框组',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-color-picker/meta.ts

@@ -4,7 +4,7 @@ export default {
   snippets,
   componentName: 'FormItemColorPicker',
   title: '颜色选择器',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-date-picker/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemDatePicker',
   title: '日期输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',
@@ -161,6 +161,19 @@ export default {
         },
         defaultValue: 'HH:mm',
       },
+      {
+        name: "submitFormat",
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Submit Format',
+            'zh-CN': '提交格式',
+          },
+        },
+        propType: 'string',
+        setter: 'StringSetter',
+        defaultValue: 'YYYY-MM-DD HH:mm:ss',
+      },
     ]),
     getFormItemValidateGroup([generalItemMap['requiredobj']]),
   ],

package/lowcode/form-item-icon-select/meta.ts

@@ -0,0 +1,65 @@
+import snippets from './snippets';
+import { AntdIconSetter } from '../_setters';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemIconSelect',
+  title: '高级选择图标',
+  category: '无代码表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemIconSelect',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'defaultValue',
+            'zh-CN': '默认图标',
+          },
+        },
+        name: 'defaultValue',
+        setter: AntdIconSetter,
+        supportVariable: true,
+      },
+    ]),
+    getFormItemValidateGroup([
+      generalItemMap['requiredobj'],
+    ]),
+  ],
+  props: [],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 输入框内容变化时的回调\nconsole.log('onChange',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-icon-select/snippets.ts

@@ -0,0 +1,12 @@
+
+export default [
+  {
+    title: '高级选择图标',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/icon-1.jpg',
+    schema: {
+      componentName: 'FormItemIconSelect',
+      title: '高级选择图标',
+      props: {},
+    },
+  },
+];

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

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput',
   title: '单行文本',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',
@@ -193,6 +193,18 @@ export default {
       title: { label: '按下清除按钮的回调', tip: '按下清除按钮的回调' },
       propType: 'func',
     },
+    // TODO: 后面统一追加至高级面板中
+    {
+      name: 'innerRef',
+      title: { label: 'innerRef', tip: 'innerRef' },
+      setter: {
+        componentName: 'FunctionSetter',
+        props: {
+          template:
+            "innerRef(ref){\n console.log('innerRef',ref); \n this.ref = ref; \n}",
+        },
+      },
+    },
   ],
   configure: {
     supports: {

package/lowcode/form-item-input-number/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInputNumber',
   title: '数字输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-input.email/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.Email',
   title: '电子邮箱输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-input.json/meta.ts

@@ -5,7 +5,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.JSON',
   title: 'JSON',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: "",
   screenshot: "",

package/lowcode/form-item-input.mobile/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.Mobile',
   title: '手机号码输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-input.password/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.Password',
   title: '密码输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: "",
   screenshot: "",