@nocobase/client-v2 2.1.0-alpha.21 → 2.1.0-alpha.23

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

@@ -0,0 +1,47 @@
+/**
+ * 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 { defaultProps, operators, unique } from './properties';
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+
+export class EmailFieldInterface extends CollectionFieldInterface {
+  name = 'email';
+  type = 'object';
+  group = 'basic';
+  order = 4;
+  title = '{{t("Email")}}';
+  sortable = true;
+  default = {
+    type: 'string',
+    uiSchema: {
+      type: 'string',
+      'x-component': 'Input',
+      'x-validator': 'email',
+    },
+  };
+  availableTypes = ['string'];
+  hasDefaultValue = true;
+  validationType = 'string';
+  availableValidationOptions = ['min', 'max', 'length', 'email', 'pattern'];
+  properties = {
+    ...defaultProps,
+    unique,
+  };
+  filterable = {
+    operators: operators.string,
+  };
+  titleUsable = true;
+  schemaInitialize(schema: ISchema, { block }) {
+    if (['Table', 'Kanban'].includes(block)) {
+      schema['x-component-props'] = schema['x-component-props'] || {};
+      schema['x-component-props']['ellipsis'] = true;
+    }
+  }
+}

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

@@ -0,0 +1,31 @@
+/**
+ * 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 } from './properties';
+
+export class IconFieldInterface extends CollectionFieldInterface {
+  name = 'icon';
+  type = 'object';
+  group = 'basic';
+  order = 10;
+  title = '{{t("Icon")}}';
+  default = {
+    type: 'string',
+    uiSchema: {
+      type: 'string',
+      'x-component': 'IconPicker',
+    },
+  };
+  availableTypes = ['string'];
+  hasDefaultValue = true;
+  properties = {
+    ...defaultProps,
+  };
+}

package/src/collection-manager/interfaces/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 { operators } from './properties';
+
+export class IdFieldInterface extends CollectionFieldInterface {
+  name = 'id';
+  type = 'object';
+  group = 'systemInfo';
+  order = 0;
+  title = '{{t("ID")}}';
+  hidden = true;
+  sortable = true;
+  default = {
+    name: 'id',
+    type: 'bigInt',
+    autoIncrement: true,
+    primaryKey: true,
+    allowNull: false,
+    uiSchema: {
+      type: 'number',
+      title: '{{t("ID")}}',
+      'x-component': 'InputNumber',
+      'x-read-pretty': true,
+    },
+  };
+  availableTypes = ['bigInt', 'integer'];
+  properties = {
+    'uiSchema.title': {
+      type: 'string',
+      title: '{{t("Field display name")}}',
+      required: true,
+      default: 'ID',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+    },
+    name: {
+      type: 'string',
+      title: '{{t("Field name")}}',
+      required: true,
+      'x-disabled': true,
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      description:
+        "{{t('Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.')}}",
+    },
+  };
+  filterable = {
+    operators: operators.id,
+  };
+
+  description = '{{t("Primary key, unique identifier, self growth") }}';
+  titleUsable = true;
+}

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

@@ -0,0 +1,51 @@
+/**
+ * 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.
+ */
+
+export * from './checkbox';
+export * from './checkboxGroup';
+export * from './collection';
+export * from './color';
+export * from './createdAt';
+export * from './createdBy';
+export * from './datetime';
+export * from './email';
+export * from './icon';
+export * from './id';
+export * from './input';
+export * from './integer';
+export * from './json';
+export * from './linkTo';
+export * from './m2m';
+export * from './m2o';
+export * from './markdown';
+export * from './multipleSelect';
+export * from './number';
+export * from './o2m';
+export * from './o2o';
+export * from './password';
+export * from './percent';
+export * from './phone';
+export * from './radioGroup';
+export * from './richText';
+export * from './select';
+export * from './snowflake-id';
+export * from './subTable';
+export * from './tableoid';
+export * from './textarea';
+export * from './time';
+export * from './updatedAt';
+export * from './updatedBy';
+export * from './url';
+export * from './uuid';
+export * from './nanoid';
+export * from './unixTimestamp';
+export * from './dateOnly';
+export * from './datetimeNoTz';
+
+export { getUniqueKeyFromCollection } from './utils';

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

@@ -0,0 +1,224 @@
+/**
+ * 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 { isArr, isEmpty, isValid } from '@formily/shared';
+import { registerValidateRules } from '@formily/validator';
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+import { i18n } from '../../i18n';
+import { defaultProps, operators, primaryKey, unique } from './properties';
+
+const isValidateEmpty = (value: any) => {
+  if (isArr(value)) {
+    for (let i = 0; i < value.length; i++) {
+      if (isValid(value[i])) return false;
+    }
+    return true;
+  } else {
+    //compat to draft-js
+    if (value?.getCurrentContent) {
+      /* istanbul ignore next */
+      return !value.getCurrentContent()?.hasText();
+    }
+    return isEmpty(value);
+  }
+};
+
+registerValidateRules({
+  username(value) {
+    return /^[^@<>"'/]{1,50}$/.test(value) || i18n.t('Must be 1-50 characters in length (excluding @<>"\'/)');
+  },
+  required(value, rule) {
+    if (rule.required === false) return '';
+    if (typeof value === 'string') {
+      value = value.trim();
+    }
+    return isValidateEmpty(value) ? rule.message : '';
+  },
+});
+
+export class InputFieldInterface extends CollectionFieldInterface {
+  name = 'input';
+  type = 'object';
+  group = 'basic';
+  order = 1;
+  title = '{{t("Single line text")}}';
+  primaryKeyDescription = '{{t("Primary key, unique identifier")}}';
+  sortable = true;
+  default = {
+    interface: 'input',
+    type: 'string',
+    uiSchema: {
+      type: 'string',
+      'x-component': 'Input',
+    },
+  };
+  availableTypes = ['string', 'uid'];
+  hasDefaultValue = true;
+  validationType = 'string';
+  availableValidationOptions = ['min', 'max', 'length', 'pattern'];
+  properties = {
+    ...defaultProps,
+    trim: {
+      type: 'boolean',
+      'x-content': '{{t("Automatically remove heading and tailing spaces")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'Checkbox',
+    },
+    layout: {
+      type: 'void',
+      title: '{{t("Index")}}',
+      'x-component': 'Space',
+      'x-decorator': 'FormItem',
+      'x-decorator-props': {
+        style: {
+          marginBottom: '0px',
+        },
+      },
+      properties: {
+        primaryKey,
+        unique,
+      },
+    },
+  };
+  filterable = {
+    operators: operators.string,
+  };
+  titleUsable = true;
+  schemaInitialize(schema: ISchema, { block }) {
+    if (['Table', 'Kanban'].includes(block)) {
+      schema['x-component-props'] = schema['x-component-props'] || {};
+      schema['x-component-props']['ellipsis'] = true;
+    }
+  }
+  validateSchema(fieldSchema) {
+    return {
+      max: {
+        type: 'number',
+        title: '{{ t("Max length") }}',
+        minimum: 0,
+        'x-decorator': 'FormItem',
+        'x-component': 'InputNumber',
+        'x-component-props': {
+          precision: 0,
+        },
+        'x-reactions': `{{(field) => {
+          const targetValue = field.query('.min').value();
+          field.selfErrors =
+            !!targetValue && !!field.value && targetValue > field.value ? '${i18n.t(
+              'Max length must greater than min length',
+            )}' : ''
+        }}}`,
+      },
+      min: {
+        type: 'number',
+        title: '{{ t("Min length") }}',
+        minimum: 0,
+        'x-decorator': 'FormItem',
+        'x-component': 'InputNumber',
+        'x-component-props': {
+          precision: 0,
+        },
+        'x-reactions': {
+          dependencies: ['.max'],
+          fulfill: {
+            state: {
+              selfErrors: `{{!!$deps[0] && !!$self.value && $deps[0] < $self.value ? '${i18n.t(
+                'Min length must less than max length',
+              )}' : ''}}`,
+            },
+          },
+        },
+      },
+      len: {
+        type: 'number',
+        title: '{{ t("Length") }}',
+        minimum: 0,
+        'x-decorator': 'FormItem',
+        'x-component': 'InputNumber',
+        'x-component-props': {
+          precision: 0,
+        },
+      },
+      format: {
+        type: 'string',
+        title: '{{ t("Format") }}',
+        'x-decorator': 'FormItem',
+        'x-component': 'Select',
+        'x-component-props': {
+          allowClear: true,
+        },
+        enum: [
+          {
+            label: '{{ t("url") }}',
+            value: 'url',
+          },
+          {
+            label: '{{ t("email") }}',
+            value: 'email',
+          },
+          {
+            label: '{{ t("ipv6") }}',
+            value: 'ipv6',
+          },
+          {
+            label: '{{ t("ipv4") }}',
+            value: 'ipv4',
+          },
+          {
+            label: '{{ t("number") }}',
+            value: 'number',
+          },
+          {
+            label: '{{ t("integer") }}',
+            value: 'integer',
+          },
+          {
+            label: '{{ t("idcard") }}',
+            value: 'idcard',
+          },
+          {
+            label: '{{ t("qq") }}',
+            value: 'qq',
+          },
+          {
+            label: '{{ t("phone") }}',
+            value: 'phone',
+          },
+          {
+            label: '{{ t("money") }}',
+            value: 'money',
+          },
+          {
+            label: '{{ t("zh") }}',
+            value: 'zh',
+          },
+          {
+            label: '{{ t("date") }}',
+            value: 'date',
+          },
+          {
+            label: '{{ t("zip") }}',
+            value: 'zip',
+          },
+        ],
+      },
+      pattern: {
+        type: 'string',
+        title: '{{ t("Regular expression") }}',
+        'x-decorator': 'FormItem',
+        'x-component': 'Input',
+        'x-component-props': {
+          prefix: '/',
+          suffix: '/',
+        },
+      },
+    };
+  }
+}

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

@@ -0,0 +1,135 @@
+/**
+ * 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 { registerValidateFormats } from '@formily/core';
+import { i18n } from '../../i18n';
+import { defaultProps, operators, unique, autoIncrement, primaryKey } from './properties';
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+
+registerValidateFormats({
+  odd: /^-?\d*[13579]$/,
+  even: /^-?\d*[02468]$/,
+});
+
+export class IntegerFieldInterface extends CollectionFieldInterface {
+  name = 'integer';
+  type = 'object';
+  group = 'basic';
+  order = 6;
+  title = '{{t("Integer")}}';
+  primaryKeyDescription = '{{t("Primary key, unique identifier, self growth")}}';
+  sortable = true;
+  default = {
+    type: 'bigInt',
+    uiSchema: {
+      type: 'number',
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        stringMode: true,
+        step: '1',
+      },
+      'x-validator': 'integer',
+    },
+  };
+  availableTypes = ['bigInt', 'integer', 'sort', 'snowflakeId'];
+  hasDefaultValue = true;
+  validationType = 'number';
+  excludeValidationOptions = ['precision'];
+  properties = {
+    ...defaultProps,
+    layout: {
+      type: 'void',
+      title: '{{t("Index")}}',
+      'x-component': 'Space',
+      'x-decorator': 'FormItem',
+      'x-decorator-props': {
+        style: {
+          marginBottom: '0px',
+        },
+      },
+      properties: {
+        primaryKey,
+        unique,
+      },
+    },
+    autoIncrement,
+  };
+  filterable = {
+    operators: operators.number,
+  };
+  titleUsable = true;
+  validateSchema = (fieldSchema) => {
+    return {
+      maximum: {
+        type: 'number',
+        title: '{{ t("Maximum") }}',
+        'x-decorator': 'FormItem',
+        'x-component': 'InputNumber',
+        'x-component-props': {
+          precision: 0,
+        },
+        'x-reactions': `{{(field) => {
+          const targetValue = field.query('.minimum').value();
+          field.selfErrors =
+            !!targetValue && !!field.value && targetValue > field.value ? '${i18n.t(
+              'Maximum must greater than minimum',
+            )}' : ''
+        }}}`,
+      },
+      minimum: {
+        type: 'number',
+        title: '{{ t("Minimum") }}',
+        'x-decorator': 'FormItem',
+        'x-component': 'InputNumber',
+        'x-component-props': {
+          precision: 0,
+        },
+        'x-reactions': {
+          dependencies: ['.maximum'],
+          fulfill: {
+            state: {
+              selfErrors: `{{!!$deps[0] && !!$self.value && $deps[0] < $self.value ? '${i18n.t(
+                'Minimum must less than maximum',
+              )}' : ''}}`,
+            },
+          },
+        },
+      },
+      format: {
+        type: 'string',
+        title: '{{ t("Format") }}',
+        'x-decorator': 'FormItem',
+        'x-component': 'Select',
+        'x-component-props': {
+          allowClear: true,
+        },
+        enum: [
+          {
+            label: '{{ t("Odd") }}',
+            value: 'odd',
+          },
+          {
+            label: '{{ t("Even") }}',
+            value: 'even',
+          },
+        ],
+      },
+      pattern: {
+        type: 'string',
+        title: '{{ t("Regular expression") }}',
+        'x-decorator': 'FormItem',
+        'x-component': 'Input',
+        'x-component-props': {
+          prefix: '/',
+          suffix: '/',
+        },
+      },
+    };
+  };
+}

package/src/collection-manager/interfaces/json.tsx

@@ -0,0 +1,74 @@
+/**
+ * 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 { FormItem, FormLayout } from '@formily/antd-v5';
+import { registerValidateRules } from '@formily/core';
+import React from 'react';
+import { defaultProps } from './properties';
+import { CollectionFieldInterface } from '../../collection-field-interface/CollectionFieldInterface';
+
+registerValidateRules({
+  json(value) {
+    try {
+      JSON.parse(value);
+      return true;
+    } catch (error) {
+      return {
+        type: 'error',
+        message: error.message,
+      };
+    }
+  },
+});
+
+export class JsonFieldInterface extends CollectionFieldInterface {
+  name = 'json';
+  type = 'object';
+  group = 'advanced';
+  order = 4;
+  title = '{{t("JSON")}}';
+  sortable = false;
+  default = {
+    type: 'json',
+    // name,
+    uiSchema: {
+      type: 'object',
+      // title,
+      'x-component': 'Input.JSON',
+      'x-component-props': {
+        autoSize: {
+          minRows: 5,
+          // maxRows: 20,
+        },
+      },
+      default: null,
+    },
+  };
+  availableTypes = ['json', 'array', 'set', 'jsonb', 'text', 'circle', 'lineString', 'point', 'polygon'];
+  hasDefaultValue = true;
+  properties = {
+    ...defaultProps,
+    jsonb: {
+      type: 'boolean',
+      title: 'JSONB',
+      // 不直接用 `FormItem` 的原因是为了想要设置 `FormLayout` 的 `layout` 属性为 `horizontal` （默认就是 horizontal）
+      'x-decorator': ({ children }) => (
+        <FormLayout>
+          <FormItem>{children}</FormItem>
+        </FormLayout>
+      ),
+      'x-component': 'Checkbox',
+      'x-hidden': `{{ !isDialect('postgres') }}`,
+      'x-disabled': `{{ disabledJSONB }}`,
+    },
+  };
+  // filterable = {
+  //   operators: operators.string,
+  // };
+}