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

package/src/schema-component/antd/input/demos/demo1.tsx

@@ -1,41 +0,0 @@
-/**
- * title: Input
- */
-import { FormItem } from '@formily/antd';
-import { Input, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
-import React from 'react';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'boolean',
-      title: `Editable`,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input',
-      'x-reactions': {
-        target: 'read',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read: {
-      type: 'boolean',
-      title: `Read pretty`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input',
-    },
-  },
-};
-
-export default () => {
-  return (
-    <SchemaComponentProvider components={{ Input, FormItem }}>
-      <SchemaComponent schema={schema} />
-    </SchemaComponentProvider>
-  );
-};

package/src/schema-component/antd/input/demos/demo2.tsx

@@ -1,66 +0,0 @@
-/**
- * title: Textarea
- */
-import { FormItem } from '@formily/antd';
-import { Input, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
-import React from 'react';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      interface: 'string',
-      type: 'string',
-      title: `Editable`,
-      name: 'name1',
-      'x-decorator': 'FormItem',
-      'x-component': 'Input.TextArea',
-      'x-reactions': {
-        target: '*(read1,read2,read3)',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read1: {
-      interface: 'string',
-      type: 'string',
-      title: `Read pretty`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input.TextArea',
-    },
-    read2: {
-      interface: 'string',
-      type: 'string',
-      title: `Read pretty(ellipsis)`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input.TextArea',
-      'x-component-props': {
-        ellipsis: true,
-      },
-    },
-    read3: {
-      interface: 'string',
-      type: 'string',
-      title: `Read pretty(autop)`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input.TextArea',
-      'x-component-props': {
-        autop: true,
-      },
-    },
-  },
-};
-
-export default () => {
-  return (
-    <SchemaComponentProvider components={{ Input, FormItem }}>
-      <SchemaComponent schema={schema} />
-    </SchemaComponentProvider>
-  );
-};

package/src/schema-component/antd/input/demos/demo3.tsx

@@ -1,43 +0,0 @@
-/**
- * title: URL
- */
-import { FormItem } from '@formily/antd';
-import { Input, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
-import React from 'react';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'string',
-      title: `Editable`,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input.URL',
-      'x-validator': 'url',
-      'x-reactions': {
-        target: 'read',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read: {
-      type: 'string',
-      title: `Read pretty`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Input.URL',
-      'x-validator': 'url',
-    },
-  },
-};
-
-export default () => {
-  return (
-    <SchemaComponentProvider components={{ Input, FormItem }}>
-      <SchemaComponent schema={schema} />
-    </SchemaComponentProvider>
-  );
-};

package/src/schema-component/antd/input/index.md

@@ -1,28 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /schema-components
----
-
-# Input
-
-## Nodes
-
-- Input
-- Input.TextArea
-- Input.URL
-
-## Examples
-
-### Input
-
-<code src="./demos/demo1.tsx" />
-
-### Textarea
-
-<code src="./demos/demo2.tsx" />
-
-### URL
-
-<code src="./demos/demo3.tsx" />

package/src/schema-component/antd/input/index.ts

@@ -1,2 +0,0 @@
-export * from './Input';
-export * from './ReadPretty';

package/src/schema-component/antd/input/shared.ts

@@ -1,7 +0,0 @@
-export function HTMLEncode(html: string) {
-  let temp = document.createElement('div');
-  temp.textContent != null ? (temp.textContent = html) : (temp.innerText = html);
-  const output = temp.innerHTML;
-  temp = null;
-  return output;
-}

package/src/schema-component/antd/input-number/InputNumber.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { connect, mapReadPretty } from '@formily/react';
-import { InputNumber as AntdNumber } from 'antd';
-import { ReadPretty } from './ReadPretty';
-
-export const InputNumber = connect(AntdNumber, mapReadPretty(ReadPretty));
-
-export default InputNumber;

package/src/schema-component/antd/input-number/ReadPretty.tsx

@@ -1,21 +0,0 @@
-import { isValid } from '@formily/shared';
-import type { InputProps } from 'antd/lib/input';
-import type { InputNumberProps } from 'antd/lib/input-number';
-import { toFixed } from 'rc-input-number/lib/utils/MiniDecimal';
-import { getNumberPrecision } from 'rc-input-number/lib/utils/numberUtil';
-import React from 'react';
-
-export const ReadPretty: React.FC<InputProps & InputNumberProps> = (props: any) => {
-  const { step, value, addonBefore, addonAfter } = props;
-  if (!isValid(props.value)) {
-    return <div></div>;
-  }
-  const precision = Math.max(getNumberPrecision(String(value)), getNumberPrecision(step));
-  return (
-    <div className={'nb-read-pretty-input-number'}>
-      {addonBefore}
-      {toFixed(String(value), '.', precision)}
-      {addonAfter}
-    </div>
-  );
-};

package/src/schema-component/antd/input-number/demos/demo1.tsx

@@ -1,41 +0,0 @@
-/**
- * title: InputNumber
- */
-import { FormItem } from '@formily/antd';
-import { InputNumber, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
-import React from 'react';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'boolean',
-      title: `Editable`,
-      'x-decorator': 'FormItem',
-      'x-component': 'InputNumber',
-      'x-reactions': {
-        target: 'read',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read: {
-      type: 'boolean',
-      title: `Read pretty`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'InputNumber',
-    },
-  },
-};
-
-export default () => {
-  return (
-    <SchemaComponentProvider components={{ InputNumber, FormItem }}>
-      <SchemaComponent schema={schema} />
-    </SchemaComponentProvider>
-  );
-};

package/src/schema-component/antd/input-number/demos/demo2.tsx

@@ -1,49 +0,0 @@
-/**
- * title: addonBefore/addonAfter
- */
-import { FormItem } from '@formily/antd';
-import { InputNumber, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
-import React from 'react';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'boolean',
-      title: `Editable`,
-      'x-decorator': 'FormItem',
-      'x-component': 'InputNumber',
-      'x-component-props': {
-        addonBefore: '¥',
-        addonAfter: '万元',
-      },
-      'x-reactions': {
-        target: 'read',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read: {
-      type: 'boolean',
-      title: `Read pretty`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'InputNumber',
-      'x-component-props': {
-        addonBefore: '¥',
-        addonAfter: '万元',
-      },
-    },
-  },
-};
-
-export default () => {
-  return (
-    <SchemaComponentProvider components={{ InputNumber, FormItem }}>
-      <SchemaComponent schema={schema} />
-    </SchemaComponentProvider>
-  );
-};

package/src/schema-component/antd/input-number/demos/demo3.tsx

@@ -1,51 +0,0 @@
-/**
- * title: stringMode
- */
-import { FormItem } from '@formily/antd';
-import { InputNumber, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
-import React from 'react';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'boolean',
-      title: `Editable`,
-      'x-decorator': 'FormItem',
-      'x-component': 'InputNumber',
-      'x-component-props': {
-        stringMode: true,
-        step: '0.01',
-        addonAfter: '%',
-      },
-      'x-reactions': {
-        target: 'read',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read: {
-      type: 'boolean',
-      title: `Read pretty`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'InputNumber',
-      'x-component-props': {
-        stringMode: true,
-        step: '0.01',
-        addonAfter: '%',
-      },
-    },
-  },
-};
-
-export default () => {
-  return (
-    <SchemaComponentProvider components={{ InputNumber, FormItem }}>
-      <SchemaComponent schema={schema} />
-    </SchemaComponentProvider>
-  );
-};

package/src/schema-component/antd/input-number/index.md

@@ -1,22 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /schema-components
----
-
-# InputNumber
-
-## Examples
-
-### InputNumber
-
-<code src="./demos/demo1.tsx" />
-
-### addonBefore/addonAfter
-
-<code src="./demos/demo2.tsx" />
-
-### High precision decimals
-
-<code src="./demos/demo3.tsx" />

package/src/schema-component/antd/input-number/index.ts

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

package/src/schema-component/antd/kanban/Kanban.Card.Designer.tsx

@@ -1,103 +0,0 @@
-import { MenuOutlined } from '@ant-design/icons';
-import { css } from '@emotion/css';
-import { ISchema, useField, useFieldSchema } from '@formily/react';
-import { uid } from '@formily/shared';
-import { Space } from 'antd';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAPIClient } from '../../../api-client';
-import { createDesignable, useDesignable } from '../../../schema-component';
-import { SchemaInitializer } from '../../../schema-initializer';
-import { useFormItemInitializerFields } from '../../../schema-initializer/utils';
-
-const titleCss = css`
-  pointer-events: none;
-  position: absolute;
-  font-size: 12px;
-  background: #f18b62;
-  color: #fff;
-  padding: 0 5px;
-  line-height: 16px;
-  height: 16px;
-  border-bottom-right-radius: 2px;
-  border-radius: 2px;
-  top: 2px;
-  left: 2px;
-`;
-
-const gridRowColWrap = (schema: ISchema) => {
-  schema['x-read-pretty'] = true;
-  return {
-    type: 'void',
-    'x-component': 'Grid.Row',
-    properties: {
-      [uid()]: {
-        type: 'void',
-        'x-component': 'Grid.Col',
-        properties: {
-          [schema.name || uid()]: schema,
-        },
-      },
-    },
-  };
-};
-
-// export const removeGridFormItem = (schema, cb) => {
-//   cb(schema, {
-//     removeParentsIfNoChildren: true,
-//     breakRemoveOn: {
-//       'x-component': 'Kanban.Card',
-//     },
-//   });
-// };
-
-export const KanbanCardDesigner = (props: any) => {
-  const { dn, designable } = useDesignable();
-  const { t } = useTranslation();
-  const api = useAPIClient();
-  const { refresh } = useDesignable();
-  const field = useField();
-  const fieldSchema = useFieldSchema();
-  const fields = useFormItemInitializerFields({ readPretty: true, block: 'KanbanV2' });
-  if (!designable) {
-    return null;
-  }
-  return (
-    <div className={'general-schema-designer'}>
-      <div className={'general-schema-designer-icons'}>
-        <Space size={2} align={'center'}>
-          <SchemaInitializer.Button
-            wrap={gridRowColWrap}
-            insert={(schema) => {
-              const gridSchema = fieldSchema.reduceProperties((buf, schema) => {
-                if (schema['x-component'] === 'Grid') {
-                  return schema;
-                }
-                return buf;
-              }, null);
-              if (!gridSchema) {
-                return;
-              }
-              const dn = createDesignable({
-                t,
-                api,
-                refresh,
-                current: gridSchema,
-              });
-              dn.loadAPIClientEvents();
-              dn.insertBeforeEnd(schema);
-            }}
-            items={[
-              {
-                type: 'itemGroup',
-                title: t('Display fields'),
-                children: fields,
-              },
-            ]}
-            component={<MenuOutlined style={{ cursor: 'pointer', fontSize: 12 }} />}
-          />
-        </Space>
-      </div>
-    </div>
-  );
-};

package/src/schema-component/antd/kanban/Kanban.Card.tsx

@@ -1,98 +0,0 @@
-import { css } from '@emotion/css';
-import { FormLayout } from '@formily/antd';
-import { observer, RecursionField, useFieldSchema } from '@formily/react';
-import { Card } from 'antd';
-import React, { useContext, useState } from 'react';
-import { ActionContext, BlockItem } from '..';
-import { DndContext } from '../..';
-import { RecordProvider } from '../../../record-provider';
-import { SchemaComponentOptions } from '../../core/SchemaComponentOptions';
-import { KanbanCardContext } from './context';
-
-const FormItem = observer((props) => {
-  return <BlockItem {...props} />;
-});
-
-export const KanbanCard: any = observer((props: any) => {
-  const { setDisableCardDrag, cardViewerSchema, card, cardField, columnIndex, cardIndex } =
-    useContext(KanbanCardContext);
-  const fieldSchema = useFieldSchema();
-  const [visible, setVisible] = useState(false);
-  return (
-    <>
-      <Card
-        onClick={(e) => {
-          setVisible(true);
-        }}
-        bordered={false}
-        hoverable
-        style={{ cursor: 'pointer', overflow: 'hidden' }}
-        // bodyStyle={{ paddingBottom: 0 }}
-        className={css`
-          .ant-card-body {
-            padding: 16px;
-          }
-          .nb-row-divider {
-            height: 16px;
-            margin-top: -16px;
-            &:last-child {
-              margin-top: 0;
-            }
-          }
-          .ant-description-input {
-            text-overflow: ellipsis;
-            width: 100%;
-            overflow: hidden;
-          }
-          .ant-description-textarea {
-            text-overflow: ellipsis;
-            width: 100%;
-            overflow: hidden;
-          }
-          .ant-formily-item {
-            margin-bottom: 12px;
-          }
-          .nb-grid-row:last-of-type {
-            .nb-grid-col {
-              .nb-form-item:last-of-type {
-                .ant-formily-item {
-                  margin-bottom: 0;
-                }
-              }
-            }
-          }
-        `}
-      >
-        <SchemaComponentOptions components={{}}>
-          <DndContext
-            onDragStart={() => {
-              setDisableCardDrag(true);
-            }}
-            onDragEnd={() => {
-              setDisableCardDrag(false);
-            }}
-          >
-            <FormLayout layout={'vertical'}>
-              <RecursionField
-                basePath={cardField.address.concat(`${columnIndex}.cards.${cardIndex}`)}
-                schema={fieldSchema}
-                onlyRenderProperties
-              />
-            </FormLayout>
-          </DndContext>
-        </SchemaComponentOptions>
-      </Card>
-      {cardViewerSchema && (
-        <ActionContext.Provider value={{ openMode: 'drawer', visible, setVisible }}>
-          <RecordProvider record={card}>
-            <RecursionField
-              basePath={cardField.address.concat(`${columnIndex}.cardViewer.${cardIndex}`)}
-              schema={cardViewerSchema}
-              onlyRenderProperties
-            />
-          </RecordProvider>
-        </ActionContext.Provider>
-      )}
-    </>
-  );
-});

package/src/schema-component/antd/kanban/Kanban.CardViewer.tsx

@@ -1,5 +0,0 @@
-import { observer } from '@formily/react';
-
-export const KanbanCardViewer: any = observer((props: any) => {
-  return props.children;
-});

package/src/schema-component/antd/kanban/Kanban.Designer.tsx

@@ -1,64 +0,0 @@
-import { ISchema, useField, useFieldSchema } from '@formily/react';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useKanbanBlockContext } from '../../../block-provider';
-import { useCollection } from '../../../collection-manager';
-import { useCollectionFilterOptions } from '../../../collection-manager/action-hooks';
-import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
-import { useSchemaTemplate } from '../../../schema-templates';
-import { useDesignable } from '../../hooks';
-
-export const KanbanDesigner = () => {
-  const { name, title } = useCollection();
-  const field = useField();
-  const fieldSchema = useFieldSchema();
-  const dataSource = useCollectionFilterOptions(name);
-  const { service } = useKanbanBlockContext();
-  const { t } = useTranslation();
-  const { dn } = useDesignable();
-  const defaultFilter = fieldSchema?.['x-decorator-props']?.params?.filter || {};
-  const template = useSchemaTemplate();
-  return (
-    <GeneralSchemaDesigner template={template} title={title || name}>
-      <SchemaSettings.ModalItem
-        title={t('Set the data scope')}
-        schema={
-          {
-            type: 'object',
-            title: t('Set the data scope'),
-            properties: {
-              filter: {
-                default: defaultFilter,
-                enum: dataSource,
-                'x-component': 'Filter',
-                'x-component-props': {},
-              },
-            },
-          } as ISchema
-        }
-        onSubmit={({ filter }) => {
-          const params = field.decoratorProps.params || {};
-          params.filter = filter;
-          field.decoratorProps.params = params;
-          fieldSchema['x-decorator-props']['params'] = params;
-          service.run({ ...service.params?.[0], filter });
-          dn.emit('patch', {
-            schema: {
-              ['x-uid']: fieldSchema['x-uid'],
-              'x-decorator-props': fieldSchema['x-decorator-props'],
-            },
-          });
-        }}
-      />
-      <SchemaSettings.Divider />
-      <SchemaSettings.Template componentName={'Kanban'} collectionName={name} />
-      <SchemaSettings.Divider />
-      <SchemaSettings.Remove
-        removeParentsIfNoChildren
-        breakRemoveOn={{
-          'x-component': 'Grid',
-        }}
-      />
-    </GeneralSchemaDesigner>
-  );
-};