@nocobase/client-v2 2.1.0-alpha.4 → 2.1.0-alpha.45

package/src/collection-manager/interfaces/properties/index.ts

@@ -0,0 +1,449 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { ISchema } from '@formily/react';
+import { css } from '@emotion/css';
+import { DateFormatCom } from '../../../flow/components/ExpiresRadio';
+
+export const type: ISchema = {
+  type: 'string',
+  title: '{{t("Storage type")}}',
+  required: true,
+  'x-disabled': true,
+  'x-decorator': 'FormItem',
+  'x-component': 'Select',
+  enum: [
+    { label: 'Boolean', value: 'boolean' },
+    { label: 'String', value: 'string' },
+    { label: 'Text', value: 'text' },
+    { label: 'Integer', value: 'integer' },
+    { label: 'BigInteger', value: 'bigInt' },
+    { label: 'Float', value: 'float' },
+    { label: 'Double', value: 'double' },
+    { label: 'Decimal', value: 'decimal' },
+    { label: 'Date', value: 'date' },
+    { label: 'DateOnly', value: 'dateonly' },
+    { label: 'Time', value: 'time' },
+    { label: 'Virtual', value: 'virtual' },
+    { label: 'JSON', value: 'json' },
+    { label: 'Password', value: 'password' },
+    { label: 'One to one', value: 'hasOne' },
+    { label: 'One to many', value: 'hasMany' },
+    { label: 'Many to one', value: 'belongsTo' },
+    { label: 'Many to many', value: 'belongsToMany' },
+    { label: 'Snapshot', value: 'snapshot' },
+  ],
+};
+
+export const unique = {
+  type: 'boolean',
+  'x-content': '{{t("Unique")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'Checkbox',
+  'x-disabled': '{{ !createMainOnly || primaryKeyOnly }}',
+};
+export const primaryKey = {
+  type: 'boolean',
+  'x-content': '{{t("Primary")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'Checkbox',
+  'x-disabled': '{{ !createMainOnly || primaryKeyOnly }}',
+};
+
+export const autoIncrement = {
+  type: 'boolean',
+  title: '{{t("Auto increment")}}',
+  'x-content': '{{t("Auto increment")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'Checkbox',
+  'x-disabled': '{{ !createMainOnly }}',
+};
+
+export const autoFill = {
+  type: 'boolean',
+  title: '{{t("Default value")}}',
+  'x-content': '{{t("Automatically generate default values")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'Checkbox',
+  default: true,
+};
+
+export const relationshipType: ISchema = {
+  type: 'string',
+  title: '{{t("Relationship type")}}',
+  required: true,
+  'x-disabled': true,
+  'x-decorator': 'FormItem',
+  'x-component': 'Select',
+  enum: [
+    { label: "{{t('HasOne')}}", value: 'hasOne' },
+    { label: "{{t('HasMany')}}", value: 'hasMany' },
+    { label: "{{t('BelongsTo')}}", value: 'belongsTo' },
+    { label: "{{t('BelongsToMany')}}", value: 'belongsToMany' },
+  ],
+};
+
+export const constraintsProps = {
+  onDelete: {
+    type: 'string',
+    title: '{{t("ON DELETE")}}',
+    required: true,
+    default: 'SET NULL',
+    'x-disabled': '{{ !createOnly }}',
+    'x-decorator': 'FormItem',
+    'x-component': 'Select',
+    enum: [
+      { label: "{{t('SET NULL')}}", value: 'SET NULL' },
+      { label: "{{t('RESTRICT')}}", value: 'RESTRICT' },
+      { label: "{{t('CASCADE')}}", value: 'CASCADE' },
+      { label: "{{t('NO ACTION')}}", value: 'NO ACTION' },
+    ],
+  },
+};
+
+export const reverseFieldProperties: Record<string, ISchema> = {
+  reverse: {
+    type: 'void',
+    'x-component': 'div',
+    properties: {
+      autoCreateReverseField: {
+        type: 'boolean',
+        default: false,
+        'x-decorator': 'FormItem',
+        'x-component': 'Checkbox',
+        'x-content': '{{t("Create inverse field in the target collection")}}',
+      },
+      'reverseField.type': {
+        ...relationshipType,
+        title: '{{t("Inverse relationship type")}}',
+      },
+      'reverseField.uiSchema.title': {
+        type: 'string',
+        title: '{{t("Inverse field display name")}}',
+        default: '{{record.title}}',
+        required: true,
+        'x-decorator': 'FormItem',
+        'x-component': 'Input',
+        'x-disabled': '{{ !showReverseFieldConfig }}',
+      },
+      'reverseField.name': {
+        type: 'string',
+        title: '{{t("Inverse field name")}}',
+        required: true,
+        'x-decorator': 'FormItem',
+        'x-component': 'Input',
+        'x-validator': 'uid',
+        'x-disabled': '{{ !showReverseFieldConfig }}',
+        description:
+          "{{t('Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.')}}",
+      },
+    },
+  },
+};
+
+export const dateTimeProps: { [key: string]: ISchema } = {
+  'uiSchema.x-component-props.picker': {
+    type: 'string',
+    title: '{{t("Picker")}}',
+    'x-decorator': 'FormItem',
+    'x-component': 'Radio.Group',
+    default: 'date',
+    enum: [
+      {
+        label: '{{t("Date")}}',
+        value: 'date',
+      },
+      // {
+      //   label: '{{t("Week")}}',
+      //   value: 'week',
+      // },
+      {
+        label: '{{t("Month")}}',
+        value: 'month',
+      },
+      {
+        label: '{{t("Quarter")}}',
+        value: 'quarter',
+      },
+      {
+        label: '{{t("Year")}}',
+        value: 'year',
+      },
+    ],
+  },
+
+  'uiSchema.x-component-props.dateFormat': {
+    type: 'string',
+    title: '{{t("Date format")}}',
+    'x-decorator': 'FormItem',
+    'x-component': 'ExpiresRadio',
+    'x-decorator-props': {},
+    'x-component-props': {
+      className: css`
+        .ant-radio-wrapper {
+          display: flex;
+          margin: 5px 0px;
+        }
+      `,
+      defaultValue: 'dddd',
+      formats: ['MMMM Do YYYY', 'YYYY-MM-DD', 'MM/DD/YY', 'YYYY/MM/DD', 'DD/MM/YYYY'],
+    },
+    default: 'YYYY-MM-DD',
+    enum: [
+      {
+        label: DateFormatCom({ format: 'MMMM Do YYYY' }),
+        value: 'MMMM Do YYYY',
+      },
+      {
+        label: DateFormatCom({ format: 'YYYY-MM-DD' }),
+        value: 'YYYY-MM-DD',
+      },
+      {
+        label: DateFormatCom({ format: 'MM/DD/YY' }),
+        value: 'MM/DD/YY',
+      },
+      {
+        label: DateFormatCom({ format: 'YYYY/MM/DD' }),
+        value: 'YYYY/MM/DD',
+      },
+      {
+        label: DateFormatCom({ format: 'DD/MM/YYYY' }),
+        value: 'DD/MM/YYYY',
+      },
+      {
+        label: 'custom',
+        value: 'custom',
+      },
+    ],
+  },
+  'uiSchema.x-component-props.showTime': {
+    type: 'boolean',
+    'x-decorator': 'FormItem',
+    'x-component': 'Checkbox',
+    'x-content': '{{t("Show time")}}',
+  },
+  'uiSchema.x-component-props.timeFormat': {
+    type: 'string',
+    title: '{{t("Time format")}}',
+    'x-component': 'Radio.Group',
+    'x-decorator': 'FormItem',
+    default: 'HH:mm:ss',
+    enum: [
+      {
+        label: '{{t("12 hour")}}',
+        value: 'hh:mm:ss a',
+      },
+      {
+        label: '{{t("24 hour")}}',
+        value: 'HH:mm:ss',
+      },
+    ],
+  },
+};
+
+export const timeProps: { [key: string]: ISchema } = {
+  'uiSchema.x-component-props.format': {
+    type: 'string',
+    title: '{{t("Time format")}}',
+    'x-component': 'ExpiresRadio',
+    'x-decorator': 'FormItem',
+    'x-component-props': {
+      className: css`
+        color: red;
+        .ant-radio-wrapper {
+          display: flex;
+          margin: 5px 0px;
+        }
+      `,
+      defaultValue: 'h:mm a',
+      formats: ['hh:mm:ss a', 'HH:mm:ss'],
+      timeFormat: true,
+    },
+    default: 'HH:mm:ss',
+    enum: [
+      {
+        label: DateFormatCom({ format: 'hh:mm:ss a' }),
+        value: 'hh:mm:ss a',
+      },
+      {
+        label: DateFormatCom({ format: 'HH:mm:ss' }),
+        value: 'HH:mm:ss',
+      },
+      {
+        label: 'custom',
+        value: 'custom',
+      },
+    ],
+  },
+};
+
+export const dataSource: ISchema = {
+  type: 'array',
+  title: '{{t("Options")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'ArrayTable',
+  'x-component-props': {
+    pagination: {
+      pageSize: 1000,
+    },
+    // scroll: { x: '100%' },
+  },
+  items: {
+    type: 'object',
+    properties: {
+      column1: {
+        type: 'void',
+        'x-component': 'ArrayTable.Column',
+        'x-component-props': { width: 50, title: '', align: 'center' },
+        properties: {
+          sort: {
+            type: 'void',
+            'x-component': 'ArrayTable.SortHandle',
+          },
+        },
+      },
+      column2: {
+        type: 'void',
+        'x-component': 'ArrayTable.Column',
+        'x-component-props': { title: '{{t("Option value")}}' },
+        // 'x-hidden': true,
+        properties: {
+          value: {
+            type: 'string',
+            required: true,
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+          },
+        },
+      },
+      column3: {
+        type: 'void',
+        'x-component': 'ArrayTable.Column',
+        'x-component-props': { title: '{{t("Option label")}}' },
+        properties: {
+          label: {
+            type: 'string',
+            required: true,
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+          },
+        },
+      },
+      column4: {
+        type: 'void',
+        'x-component': 'ArrayTable.Column',
+        'x-component-props': { title: '{{t("Color")}}' },
+        properties: {
+          color: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'ColorSelect',
+          },
+        },
+      },
+      column5: {
+        type: 'void',
+        'x-component': 'ArrayTable.Column',
+        'x-component-props': {
+          title: '',
+          dataIndex: 'operations',
+          fixed: 'right',
+        },
+        properties: {
+          item: {
+            type: 'void',
+            'x-component': 'FormItem',
+            properties: {
+              remove: {
+                type: 'void',
+                'x-component': 'ArrayTable.Remove',
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+  properties: {
+    add: {
+      type: 'void',
+      'x-component': 'ArrayTable.Addition',
+      'x-component-props': {
+        randomValue: true,
+      },
+      title: "{{t('Add option')}}",
+    },
+  },
+};
+
+export const defaultProps = {
+  'uiSchema.title': {
+    type: 'string',
+    title: '{{t("Field display name")}}',
+    required: true,
+    'x-decorator': 'FormItem',
+    'x-component': 'Input',
+  },
+  name: {
+    type: 'string',
+    title: '{{t("Field name")}}',
+    required: true,
+    'x-disabled': '{{ !createOnly }}',
+    'x-decorator': 'FormItem',
+    'x-component': 'Input',
+    'x-validator': 'uid',
+    description:
+      "{{t('Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.')}}",
+  },
+};
+
+export const recordPickerViewer = {
+  type: 'void',
+  title: '{{ t("View record") }}',
+  'x-component': 'RecordPicker.Viewer',
+  'x-component-props': {
+    className: 'nb-action-popup',
+  },
+  properties: {
+    tabs: {
+      type: 'void',
+      'x-component': 'Tabs',
+      'x-component-props': {},
+      'x-initializer': 'popup:addTab',
+      properties: {
+        tab1: {
+          type: 'void',
+          title: '{{t("Details")}}',
+          'x-component': 'Tabs.TabPane',
+          'x-designer': 'Tabs.Designer',
+          'x-component-props': {},
+          properties: {
+            grid: {
+              type: 'void',
+              'x-component': 'Grid',
+              'x-initializer': 'popup:common:addBlock',
+              properties: {},
+            },
+          },
+        },
+      },
+    },
+  },
+};
+
+export const collectionDataSource: ISchema = {
+  type: 'string',
+  title: '{{t("Options")}}',
+  'x-decorator': 'FormItem',
+  'x-component': 'Select',
+  'x-component-props': {
+    multiple: true,
+  },
+  enum: '{{collections}}',
+};

package/src/collection-manager/interfaces/radioGroup.ts

@@ -0,0 +1,37 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+import { dataSource, defaultProps } from './properties';
+
+export class RadioGroupFieldInterface extends CollectionFieldInterface {
+  name = 'radioGroup';
+  type = 'object';
+  group = 'choices';
+  order = 4;
+  title = '{{t("Radio group")}}';
+  sortable = true;
+  default = {
+    type: 'string',
+    uiSchema: {
+      type: 'string',
+      'x-component': 'Radio.Group',
+    },
+  };
+  availableTypes = ['string', 'integer', 'boolean', 'integer'];
+  hasDefaultValue = true;
+  properties = {
+    ...defaultProps,
+    'uiSchema.enum': dataSource,
+  };
+  filterable = {
+    operators: 'enumType',
+  };
+  titleUsable = true;
+}

package/src/collection-manager/interfaces/richText.ts

@@ -0,0 +1,35 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { defaultProps } from './properties';
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+
+export class RichTextFieldInterface extends CollectionFieldInterface {
+  name = 'richText';
+  type = 'object';
+  group = 'media';
+  order = 2;
+  title = '{{t("Rich Text")}}';
+  default = {
+    interface: 'richText',
+    type: 'text',
+    uiSchema: {
+      type: 'string',
+      'x-component': 'RichText',
+    },
+  };
+  availableTypes = ['text', 'json', 'string'];
+  hasDefaultValue = true;
+  properties = {
+    ...defaultProps,
+  };
+  filterable = {
+    operators: 'bigField',
+  };
+}

package/src/collection-manager/interfaces/select.ts

@@ -0,0 +1,38 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { dataSource, defaultProps } from './properties';
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+
+export class SelectFieldInterface extends CollectionFieldInterface {
+  name = 'select';
+  type = 'object';
+  group = 'choices';
+  order = 2;
+  title = '{{t("Single select")}}';
+  sortable = true;
+  default = {
+    type: 'string',
+    uiSchema: {
+      type: 'string',
+      'x-component': 'Select',
+      enum: [],
+    },
+  };
+  availableTypes = ['string', 'bigInt', 'boolean'];
+  hasDefaultValue = true;
+  properties = {
+    ...defaultProps,
+    'uiSchema.enum': dataSource,
+  };
+  filterable = {
+    operators: 'enumType',
+  };
+  titleUsable = true;
+}

package/src/collection-manager/interfaces/snowflake-id.ts

@@ -0,0 +1,61 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+import { defaultProps, unique, primaryKey } from './properties';
+
+export class SnowflakeIdFieldInterface extends CollectionFieldInterface {
+  name = 'snowflakeId';
+  type = 'object';
+  group = 'advanced';
+  order = 0;
+  title = '{{t("Snowflake ID (53-bit)")}}';
+  primaryKeyDescription = '{{t("Primary key, distributed uniqueness, time-ordering")}}';
+  hidden = false;
+  sortable = true;
+  default = {
+    type: 'snowflakeId',
+    uiSchema: {
+      type: 'number',
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        stringMode: true,
+        separator: '0.00',
+        step: '1',
+      },
+      'x-validator': 'integer',
+    },
+  };
+  availableTypes = ['snowflakeId'];
+  properties = {
+    ...defaultProps,
+    layout: {
+      type: 'void',
+      title: '{{t("Index")}}',
+      'x-component': 'Space',
+      'x-decorator': 'FormItem',
+      'x-decorator-props': {
+        style: {
+          marginBottom: '0px',
+        },
+      },
+      properties: {
+        primaryKey,
+        unique,
+      },
+    },
+  };
+  filterable = {
+    operators: 'number',
+  };
+
+  description =
+    '{{t("A 53-bit Snowflake ID designed to be compatible with JavaScript’s safe integer range, providing both time-ordering and uniqueness.") }}';
+  titleUsable = true;
+}

package/src/collection-manager/interfaces/tableoid.ts

@@ -0,0 +1,52 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+
+export class TableoidFieldInterface extends CollectionFieldInterface {
+  name = 'tableoid';
+  type = 'object';
+  group = 'systemInfo';
+  order = 0;
+  title = '{{t("Table OID")}}';
+  sortable = true;
+  default = {
+    name: '__collection',
+    type: 'virtual',
+    uiSchema: {
+      type: 'string',
+      title: '{{t("Table OID")}}',
+      'x-component': 'CollectionSelect',
+      'x-component-props': {
+        isTableOid: true,
+      },
+      'x-read-pretty': true,
+    },
+  };
+  properties = {
+    'uiSchema.title': {
+      type: 'string',
+      title: '{{t("Field display name")}}',
+      required: true,
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+    },
+    name: {
+      type: 'string',
+      title: '{{t("Field name")}}',
+      required: true,
+      'x-disabled': true,
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+    },
+  };
+  filterable = {
+    operators: 'tableoid',
+  };
+}