@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/src/file-manager/StorageOptions.tsx

@@ -1,106 +0,0 @@
-import { FormLayout } from '@formily/antd';
-import { Field } from '@formily/core';
-import { observer, RecursionField, Schema, useField, useForm } from '@formily/react';
-import React, { useEffect, useState } from 'react';
-
-const schema = {
-  local: {
-    properties: {
-      documentRoot: {
-        title: '{{t("Destination")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        default: 'uploads',
-      },
-      serve: {
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Checkbox',
-        'x-content': '{{t("Use the built-in static file server")}}',
-        default: true,
-      },
-    },
-  },
-  'ali-oss': {
-    properties: {
-      region: {
-        title: '{{t("Region")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      accessKeyId: {
-        title: '{{t("AccessKey ID")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      accessKeySecret: {
-        title: '{{t("AccessKey Secret")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Password',
-        required: true,
-      },
-      bucket: {
-        title: '{{t("Bucket")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-    },
-  },
-  s3: {
-    properties: {
-      region: {
-        title: '{{t("Region")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      accessKeyId: {
-        title: '{{t("AccessKey ID")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      secretAccessKey: {
-        title: '{{t("AccessKey Secret")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Password',
-        required: true,
-      },
-      bucket: {
-        title: '{{t("Bucket")}}',
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-    },
-  },
-};
-
-export const StorageOptions = observer((props) => {
-  const form = useForm();
-  const field = useField<Field>();
-  const [s, setSchema] = useState(new Schema({}));
-  useEffect(() => {
-    form.clearFormGraph('options.*');
-    setSchema(new Schema(schema[form.values.type] || {}));
-  }, [form.values.type]);
-  return (
-    <div>
-      <FormLayout layout={'vertical'}>
-        <RecursionField key={form.values.type || 'local'} basePath={field.address} onlyRenderProperties schema={s} />
-      </FormLayout>
-    </div>
-  );
-});

package/src/file-manager/index.ts

@@ -1 +0,0 @@
-export * from './FileStorageShortcut';

package/src/file-manager/schemas/storage.ts

@@ -1,348 +0,0 @@
-import { ISchema } from '@formily/react';
-import { uid } from '@formily/shared';
-import { useRequest } from '../../api-client';
-import { useActionContext } from '../../schema-component';
-
-const collection = {
-  name: 'storages',
-  fields: [
-    {
-      type: 'integer',
-      name: 'title',
-      interface: 'input',
-      uiSchema: {
-        title: '{{t("Storage display name")}}',
-        type: 'string',
-        'x-component': 'Input',
-        required: true,
-      } as ISchema,
-    },
-    {
-      type: 'string',
-      name: 'name',
-      interface: 'input',
-      uiSchema: {
-        title: '{{t("Storage name")}}',
-        type: 'string',
-        'x-component': 'Input',
-      } as ISchema,
-    },
-    {
-      type: 'string',
-      name: 'type',
-      interface: 'select',
-      uiSchema: {
-        title: '{{t("Storage type")}}',
-        type: 'string',
-        'x-component': 'Select',
-        required: true,
-        enum: [
-          { label: '{{t("Local storage")}}', value: 'local' },
-          { label: '{{t("Aliyun OSS")}}', value: 'ali-oss' },
-          { label: '{{t("Amazon S3")}}', value: 's3' },
-        ],
-      } as ISchema,
-    },
-    {
-      type: 'string',
-      name: 'baseUrl',
-      interface: 'input',
-      uiSchema: {
-        title: '{{t("Storage base URL")}}',
-        type: 'string',
-        'x-component': 'Input',
-      } as ISchema,
-    },
-    {
-      type: 'boolean',
-      name: 'default',
-      interface: 'boolean',
-      uiSchema: {
-        title: '{{t("Default storage")}}',
-        type: 'boolean',
-        'x-component': 'Checkbox',
-      } as ISchema,
-    },
-  ],
-};
-
-export const storageSchema: ISchema = {
-  type: 'object',
-  properties: {
-    block1: {
-      type: 'void',
-      'x-decorator': 'ResourceActionProvider',
-      'x-decorator-props': {
-        collection,
-        resourceName: 'storages',
-        request: {
-          resource: 'storages',
-          action: 'list',
-          params: {
-            pageSize: 50,
-            sort: ['id'],
-            appends: [],
-          },
-        },
-      },
-      'x-component': 'CollectionProvider',
-      'x-component-props': {
-        collection,
-      },
-      properties: {
-        actions: {
-          type: 'void',
-          'x-component': 'ActionBar',
-          'x-component-props': {
-            style: {
-              marginBottom: 16,
-            },
-          },
-          properties: {
-            delete: {
-              type: 'void',
-              title: '{{ t("Delete") }}',
-              'x-component': 'Action',
-              'x-component-props': {
-                useAction: '{{ cm.useBulkDestroyAction }}',
-                confirm: {
-                  title: "{{t('Delete storage')}}",
-                  content: "{{t('Are you sure you want to delete it?')}}",
-                },
-              },
-            },
-            create: {
-              type: 'void',
-              title: '{{t("Add storage")}}',
-              'x-component': 'Action',
-              'x-component-props': {
-                type: 'primary',
-              },
-              properties: {
-                drawer: {
-                  type: 'void',
-                  'x-component': 'Action.Drawer',
-                  'x-decorator': 'Form',
-                  'x-decorator-props': {
-                    useValues(options) {
-                      const ctx = useActionContext();
-                      return useRequest(
-                        () =>
-                          Promise.resolve({
-                            data: {
-                              name: `s_${uid()}`,
-                            },
-                          }),
-                        { ...options, refreshDeps: [ctx.visible] },
-                      );
-                    },
-                  },
-                  title: '{{t("Add storage")}}',
-                  properties: {
-                    title: {
-                      'x-component': 'CollectionField',
-                      'x-decorator': 'FormItem',
-                    },
-                    name: {
-                      'x-component': 'CollectionField',
-                      'x-decorator': 'FormItem',
-                      description:
-                        '{{t("Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.")}}',
-                    },
-                    baseUrl: {
-                      'x-component': 'CollectionField',
-                      'x-decorator': 'FormItem',
-                    },
-                    type: {
-                      'x-component': 'CollectionField',
-                      'x-decorator': 'FormItem',
-                    },
-                    options: {
-                      type: 'object',
-                      'x-component': 'StorageOptions',
-                    },
-                    default: {
-                      'x-component': 'CollectionField',
-                      'x-decorator': 'FormItem',
-                      title: '',
-                      'x-content': '{{t("Default storage")}}',
-                    },
-                    footer: {
-                      type: 'void',
-                      'x-component': 'Action.Drawer.Footer',
-                      properties: {
-                        cancel: {
-                          title: '{{t("Cancel")}}',
-                          'x-component': 'Action',
-                          'x-component-props': {
-                            useAction: '{{ cm.useCancelAction }}',
-                          },
-                        },
-                        submit: {
-                          title: '{{t("Submit")}}',
-                          'x-component': 'Action',
-                          'x-component-props': {
-                            type: 'primary',
-                            useAction: '{{ cm.useCreateAction }}',
-                          },
-                        },
-                      },
-                    },
-                  },
-                },
-              },
-            },
-          },
-        },
-        table: {
-          type: 'void',
-          'x-uid': 'input',
-          'x-component': 'Table.Void',
-          'x-component-props': {
-            rowKey: 'id',
-            rowSelection: {
-              type: 'checkbox',
-            },
-            useDataSource: '{{ cm.useDataSourceFromRAC }}',
-          },
-          properties: {
-            column1: {
-              type: 'void',
-              'x-decorator': 'Table.Column.Decorator',
-              'x-component': 'Table.Column',
-              properties: {
-                title: {
-                  type: 'number',
-                  'x-component': 'CollectionField',
-                  'x-read-pretty': true,
-                },
-              },
-            },
-            column2: {
-              type: 'void',
-              'x-decorator': 'Table.Column.Decorator',
-              'x-component': 'Table.Column',
-              properties: {
-                name: {
-                  type: 'string',
-                  'x-component': 'CollectionField',
-                  'x-read-pretty': true,
-                },
-              },
-            },
-            column3: {
-              type: 'void',
-              'x-decorator': 'Table.Column.Decorator',
-              'x-component': 'Table.Column',
-              properties: {
-                default: {
-                  type: 'string',
-                  'x-component': 'CollectionField',
-                  'x-read-pretty': true,
-                },
-              },
-            },
-            column4: {
-              type: 'void',
-              title: '{{t("Actions")}}',
-              'x-component': 'Table.Column',
-              properties: {
-                actions: {
-                  type: 'void',
-                  'x-component': 'Space',
-                  'x-component-props': {
-                    split: '|',
-                  },
-                  properties: {
-                    update: {
-                      type: 'void',
-                      title: '{{t("Edit")}}',
-                      'x-component': 'Action.Link',
-                      'x-component-props': {
-                        type: 'primary',
-                      },
-                      properties: {
-                        drawer: {
-                          type: 'void',
-                          'x-component': 'Action.Drawer',
-                          'x-decorator': 'Form',
-                          'x-decorator-props': {
-                            useValues: '{{ cm.useValuesFromRecord }}',
-                          },
-                          title: '{{t("Edit storage")}}',
-                          properties: {
-                            title: {
-                              'x-component': 'CollectionField',
-                              'x-decorator': 'FormItem',
-                            },
-                            name: {
-                              'x-component': 'CollectionField',
-                              'x-decorator': 'FormItem',
-                              'x-disabled': true,
-                            },
-                            baseUrl: {
-                              'x-component': 'CollectionField',
-                              'x-decorator': 'FormItem',
-                            },
-                            type: {
-                              'x-component': 'CollectionField',
-                              'x-decorator': 'FormItem',
-                              'x-disabled': true,
-                            },
-                            options: {
-                              type: 'object',
-                              'x-component': 'StorageOptions',
-                            },
-                            default: {
-                              title: '',
-                              'x-component': 'CollectionField',
-                              'x-decorator': 'FormItem',
-                              'x-content': '{{t("Default storage")}}',
-                            },
-                            footer: {
-                              type: 'void',
-                              'x-component': 'Action.Drawer.Footer',
-                              properties: {
-                                cancel: {
-                                  title: '{{t("Cancel")}}',
-                                  'x-component': 'Action',
-                                  'x-component-props': {
-                                    useAction: '{{ cm.useCancelAction }}',
-                                  },
-                                },
-                                submit: {
-                                  title: '{{t("Submit")}}',
-                                  'x-component': 'Action',
-                                  'x-component-props': {
-                                    type: 'primary',
-                                    useAction: '{{ cm.useUpdateAction }}',
-                                  },
-                                },
-                              },
-                            },
-                          },
-                        },
-                      },
-                    },
-                    delete: {
-                      type: 'void',
-                      title: '{{ t("Delete") }}',
-                      'x-component': 'Action.Link',
-                      'x-component-props': {
-                        confirm: {
-                          title: "{{t('Delete role')}}",
-                          content: "{{t('Are you sure you want to delete it?')}}",
-                        },
-                        useAction: '{{cm.useDestroyAction}}',
-                      },
-                    },
-                  },
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  },
-};

package/src/global.less

@@ -1,27 +0,0 @@
-.win {
-  /* width */
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  /* Track */
-  ::-webkit-scrollbar-track {
-    background: #f1f1f1;
-  }
-
-  /* Handle */
-  ::-webkit-scrollbar-thumb {
-    background: #c0c0c0;
-    border-radius: 4px;
-  }
-
-  /* Handle on hover */
-  ::-webkit-scrollbar-thumb:hover {
-    background: #a8a8a8;
-  }
-
-  .rc-virtual-list-scrollbar-thumb {
-    background: #c0c0c0 !important;
-  }
-}

package/src/i18n/i18n.ts

@@ -1,37 +0,0 @@
-import i18next from 'i18next';
-import moment from 'moment';
-import { initReactI18next } from 'react-i18next';
-import { resources } from '../locale';
-const log = require('debug')('i18next');
-
-export const i18n = i18next.createInstance();
-
-i18n.use(initReactI18next).init({
-  lng: localStorage.getItem('NOCOBASE_LOCALE') || 'en-US',
-  // debug: true,
-  defaultNS: 'client',
-  // parseMissingKeyHandler: (key) => {
-  //   console.log('parseMissingKeyHandler', `'${key}': '${key}',`);
-  //   return key;
-  // },
-  // ns: ['client'],
-  resources,
-});
-
-const momentLngs = {
-  'en-US': 'en',
-  'zh-CN': 'zh-cn',
-};
-
-function setMomentLng(language) {
-  const lng = momentLngs[language || 'en-US'] || 'en';
-  log(lng);
-  moment.locale(lng);
-}
-
-setMomentLng(localStorage.getItem('NOCOBASE_LOCALE'));
-
-i18n.on('languageChanged', (lng) => {
-  localStorage.setItem('NOCOBASE_LOCALE', lng);
-  setMomentLng(lng);
-});

package/src/i18n/index.md

@@ -1,10 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /client
----
-
-# I18n
-
-提供国际化解决方案。

package/src/i18n/index.ts

@@ -1 +0,0 @@
-export * from './i18n';

package/src/icon/Icon.tsx

@@ -1,61 +0,0 @@
-import * as antIcons from '@ant-design/icons';
-import AntdIcon, { createFromIconfontCN } from '@ant-design/icons';
-import React from 'react';
-
-let IconFont: any;
-
-export const icons = new Map<string, any>();
-
-export function registerIcon(type: string, icon: any = IconFont) {
-  icons.set(type.toLowerCase(), icon);
-}
-
-export function hasIcon(type: string) {
-  if (!type) {
-    return false;
-  }
-  return icons.has(type.toLowerCase());
-}
-
-export function registerIcons(components) {
-  Object.keys(components).forEach((type) => {
-    registerIcon(type, components[type]);
-  });
-}
-
-Object.keys(antIcons).forEach((name) => {
-  if (name.endsWith('Outlined')) {
-    registerIcon(name, antIcons[name]);
-  }
-});
-
-interface IconProps {
-  type: string;
-  component?: any;
-  [key: string]: any;
-}
-
-export const Icon = (props: IconProps) => {
-  const { type = '', component, ...restProps } = props;
-  if (component) {
-    return <AntdIcon component={component} {...restProps} />;
-  }
-  if (type && icons.has(type.toLowerCase())) {
-    const IconComponent = icons.get(type.toLowerCase());
-    return <IconComponent {...restProps} />;
-  }
-  if (type && IconFont) {
-    return <IconFont type={type} />;
-  }
-  return null;
-};
-
-Icon.createFromIconfontCN = (options) => {
-  IconFont = createFromIconfontCN(options);
-};
-
-Icon.register = (icons?: any) => {
-  registerIcons(icons);
-};
-
-export default Icon;

package/src/icon/index.md

@@ -1,76 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /client
----
-
-# Icon
-
-```tsx | pure
-import { Icon } from '@nocobase/client';
-
-Icon.createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
-});
-
-<Icon type="BookOutlined" />
-```
-
-## Examples
-
-Use @ant-design/icons
-
-```tsx
-import React from 'react';
-import { Icon } from '@nocobase/client';
-
-export default () => <Icon type="BookOutlined" />
-```
-
-Use iconfont.cn
-
-```tsx
-import React from 'react';
-import { Icon } from '@nocobase/client';
-
-Icon.createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
-});
-
-export default () => <Icon type="icon-tuichu" />
-```
-
-Custom Icon
-
-```tsx
-import React from 'react';
-import { Icon } from '@nocobase/client';
-
-const HeartSvg = () => (
-  <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
-    <path d="M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z" />
-  </svg>
-);
-
-export default () => <Icon component={HeartSvg} />
-```
-
-Register Icon
-
-```tsx
-import React from 'react';
-import { Icon } from '@nocobase/client';
-
-const HeartSvg = () => (
-  <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
-    <path d="M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z" />
-  </svg>
-);
-
-const CustomIcon = (props) => <Icon component={HeartSvg} {...props} />;
-
-Icon.register({ CustomIcon });
-
-export default () => <Icon type={'CustomIcon'} />
-```

package/src/icon/index.ts

@@ -1 +0,0 @@
-export * from './Icon';