docs(client): should name SchemaInitializer starting with a lowercase letter (#4432)

* docs(client): the name of the SchemaInitializer should start with a lowercase letter

* chore: to identify and correct one's shortcomings

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-basic.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -9,8 +10,7 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -36,7 +36,7 @@ function Demo() {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -84,7 +84,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-common.tsx

@@ -9,7 +9,7 @@ const HelloPage = () => {
           name: 'root',
           type: 'void',
           'x-component': 'Grid',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {},
         }}
       />

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-component.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -9,9 +10,8 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
 import { Avatar } from 'antd';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -37,7 +37,7 @@ function Demo() {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   insertPosition: 'beforeEnd',
   Component: (props: any) => (
@@ -92,7 +92,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-components-action-modal-1.tsx

@@ -1,7 +1,7 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
+import { useFieldSchema } from '@formily/react';
 import {
   Action,
   Application,
@@ -14,11 +14,11 @@ import {
   SchemaInitializerActionModal,
   useSchemaInitializer,
 } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
-import { useFieldSchema } from '@formily/react';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   wrap: Grid.wrap,
   Component: () => {
     const { insert } = useSchemaInitializer();

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-components-action-modal-2.tsx

@@ -1,7 +1,7 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
+import { useFieldSchema } from '@formily/react';
 import {
   Action,
   Application,
@@ -14,11 +14,11 @@ import {
   SchemaInitializerActionModal,
   useSchemaInitializer,
 } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
-import { useFieldSchema } from '@formily/react';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   wrap: Grid.wrap,
   items: [

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-components-group.tsx

@@ -1,9 +1,9 @@
 import { Application, SchemaInitializer, SchemaInitializerItemGroup } from '@nocobase/client';
-import { appOptions } from './schema-initializer-common';
 import React from 'react';
+import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-components-item.tsx

@@ -1,17 +1,17 @@
 /**
  * defaultShowCode: true
  */
+import { useFieldSchema } from '@formily/react';
 import {
+  Application,
+  CardItem,
   Grid,
   SchemaInitializer,
-  useSchemaInitializer,
   SchemaInitializerItem,
-  CardItem,
-  Application,
+  useSchemaInitializer,
 } from '@nocobase/client';
 import React from 'react';
 import { appOptions } from './schema-initializer-common';
-import { useFieldSchema } from '@formily/react';
 
 const Demo = () => {
   const { insert } = useSchemaInitializer();
@@ -26,7 +26,7 @@ const Demo = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   wrap: Grid.wrap,
   items: [

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-components-menu.tsx

@@ -2,11 +2,11 @@
  * defaultShowCode: true
  */
 import { Application, SchemaInitializer, SchemaInitializerSubMenu } from '@nocobase/client';
-import { appOptions } from './schema-initializer-common';
 import React from 'react';
+import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-components-switch.tsx

@@ -2,13 +2,13 @@
  * defaultShowCode: true
  */
 import {
+  Action,
+  Application,
   Grid,
   SchemaInitializer,
-  Application,
   SchemaInitializerSwitch,
   useCurrentSchema,
   useSchemaInitializer,
-  Action,
 } from '@nocobase/client';
 import React from 'react';
 import { appOptions } from './schema-initializer-common';
@@ -47,7 +47,7 @@ const AddNewButton = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Configure actions',
   wrap: Grid.wrap,
   items: [

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-hooks-item.tsx

@@ -1,10 +1,10 @@
 /**
  * defaultShowCode: true
  */
-import React, { ReactNode } from 'react';
-import { Application, SchemaInitializer, SchemaInitializerItem, useSchemaInitializerItem } from '@nocobase/client';
-import { appOptions } from './schema-initializer-common';
 import { TableOutlined } from '@ant-design/icons';
+import { Application, SchemaInitializer, SchemaInitializerItem, useSchemaInitializerItem } from '@nocobase/client';
+import React, { ReactNode } from 'react';
+import { appOptions } from './schema-initializer-common';
 
 const Demo = () => {
   const { name, foo, icon } = useSchemaInitializerItem<{ name: string; foo: string; icon: ReactNode }>();
@@ -13,7 +13,7 @@ const Demo = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-items.tsx

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -11,9 +12,8 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
-import { ButtonProps, ListProps, List, Card } from 'antd';
+import { ButtonProps, List, ListProps } from 'antd';
+import React, { FC } from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -56,7 +56,7 @@ const CustomListGridMenu: FC<SchemaInitializerItemsProps<ButtonProps, ListProps<
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -105,7 +105,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-options-item-children.tsx

@@ -1,11 +1,11 @@
 /**
  * defaultShowCode: true
  */
-import { Application, SchemaInitializer, SchemaInitializerItem } from '@nocobase/client';
+import { Application, SchemaInitializer } from '@nocobase/client';
 import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-options-item-define.tsx

@@ -1,8 +1,8 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
 import { Application, SchemaInitializer, SchemaInitializerItem } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
 
 const Demo = () => {
@@ -11,7 +11,7 @@ const Demo = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-options-item-props.tsx

@@ -1,8 +1,8 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
 import { Application, SchemaInitializer, SchemaInitializerItem } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
 
 const CommonDemo = (props) => {
@@ -10,7 +10,7 @@ const CommonDemo = (props) => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-options-item-visible.tsx

@@ -5,7 +5,7 @@ import { Application, SchemaInitializer } from '@nocobase/client';
 import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-popover.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -7,9 +8,8 @@ import {
   useDesignable,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
 import { Button } from 'antd';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -38,7 +38,7 @@ const MyInitializerComponent = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   popover: false,
   Component: MyInitializerComponent,
 });
@@ -73,7 +73,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/en-US/core/ui-schema/demos/schema-initializer-render.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -9,8 +10,7 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -36,7 +36,7 @@ function Demo() {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -86,7 +86,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/en-US/core/ui-schema/schema-initializer.md

@@ -71,7 +71,7 @@ class SchemaInitializer<P1 = ButtonProps, P2 = {}> {
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   insertPosition: 'beforeEnd',
   items: [
@@ -89,7 +89,7 @@ const myInitializer = new SchemaInitializer({
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   Component: (props) => (
     <Avatar style={{ cursor: 'pointer' }} {...props}>
       C
@@ -126,7 +126,7 @@ const MyInitializerComponent = () => {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add block',
   popover: false,
   Component: MyInitializerComponent,
@@ -157,7 +157,7 @@ const CustomListGridMenu: FC<SchemaInitializerItemsProps<ButtonProps, ListProps<
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   ItemsComponent: CustomListGridMenu,
   items: [
@@ -209,7 +209,7 @@ const Demo = () => {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   items: [
     {
       name: 'a',
@@ -227,7 +227,7 @@ For more built-in types, please refer to: [Built-in Components and Types](/core/
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   items: [
     {
       name: 'a',
@@ -293,7 +293,7 @@ const Demo = (props) => {
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -314,7 +314,7 @@ const myInitializer = new SchemaInitializer({
 ```tsx
 import { SchemaInitializer, Application, useSchemaInitializerRender } from '@nocobase/client';
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -333,7 +333,7 @@ const myInitializer = new SchemaInitializer({
 });
 
 const Root = () => {
-  const { render } = useSchemaInitializerRender('MyInitializer');
+  const { render } = useSchemaInitializerRender('myInitializer');
   return render();
 }
 const app = new Application({
@@ -378,7 +378,7 @@ myInitializer.add('a.a2', {
 ```tsx
 import { SchemaInitializer, Application, useSchemaInitializerRender } from '@nocobase/client';
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -407,7 +407,7 @@ myInitializer.add('a.a2', {
 })
 
 const Root = () => {
-  const { render } = useSchemaInitializerRender('MyInitializer');
+  const { render } = useSchemaInitializerRender('myInitializer');
   return render();
 }
 const app = new Application({
@@ -546,7 +546,7 @@ const useSchemaInitializerItem: <T = any>() => T
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -676,7 +676,7 @@ const Demo = ({ children }) => {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-basic.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -9,8 +10,7 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -36,7 +36,7 @@ function Demo() {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -84,7 +84,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-common.tsx

@@ -9,7 +9,7 @@ const HelloPage = () => {
           name: 'root',
           type: 'void',
           'x-component': 'Grid',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {},
         }}
       />

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-component.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -9,9 +10,8 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
 import { Avatar } from 'antd';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -37,7 +37,7 @@ function Demo() {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   insertPosition: 'beforeEnd',
   Component: (props: any) => (
@@ -92,7 +92,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-action-modal-1.tsx

@@ -1,7 +1,7 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
+import { useFieldSchema } from '@formily/react';
 import {
   Action,
   Application,
@@ -14,11 +14,11 @@ import {
   SchemaInitializerActionModal,
   useSchemaInitializer,
 } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
-import { useFieldSchema } from '@formily/react';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   wrap: Grid.wrap,
   Component: () => {
     const { insert } = useSchemaInitializer();

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-action-modal-2.tsx

@@ -1,7 +1,7 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
+import { useFieldSchema } from '@formily/react';
 import {
   Action,
   Application,
@@ -14,11 +14,11 @@ import {
   SchemaInitializerActionModal,
   useSchemaInitializer,
 } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
-import { useFieldSchema } from '@formily/react';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   wrap: Grid.wrap,
   items: [

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-divider.tsx

@@ -5,7 +5,7 @@ import { Application, SchemaInitializer } from '@nocobase/client';
 import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-group.tsx

@@ -1,9 +1,9 @@
 import { Application, SchemaInitializer, SchemaInitializerItemGroup } from '@nocobase/client';
-import { appOptions } from './schema-initializer-common';
 import React from 'react';
+import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-item.tsx

@@ -1,17 +1,17 @@
 /**
  * defaultShowCode: true
  */
+import { useFieldSchema } from '@formily/react';
 import {
+  Application,
+  CardItem,
   Grid,
   SchemaInitializer,
-  useSchemaInitializer,
   SchemaInitializerItem,
-  CardItem,
-  Application,
+  useSchemaInitializer,
 } from '@nocobase/client';
 import React from 'react';
 import { appOptions } from './schema-initializer-common';
-import { useFieldSchema } from '@formily/react';
 
 const Demo = () => {
   const { insert } = useSchemaInitializer();
@@ -26,7 +26,7 @@ const Demo = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   wrap: Grid.wrap,
   items: [

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-menu.tsx

@@ -2,11 +2,11 @@
  * defaultShowCode: true
  */
 import { Application, SchemaInitializer, SchemaInitializerSubMenu } from '@nocobase/client';
-import { appOptions } from './schema-initializer-common';
 import React from 'react';
+import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-components-switch.tsx

@@ -2,13 +2,13 @@
  * defaultShowCode: true
  */
 import {
+  Action,
+  Application,
   Grid,
   SchemaInitializer,
-  Application,
   SchemaInitializerSwitch,
   useCurrentSchema,
   useSchemaInitializer,
-  Action,
 } from '@nocobase/client';
 import React from 'react';
 import { appOptions } from './schema-initializer-common';
@@ -47,7 +47,7 @@ const AddNewButton = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Configure actions',
   wrap: Grid.wrap,
   items: [

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-hooks-item.tsx

@@ -1,10 +1,10 @@
 /**
  * defaultShowCode: true
  */
-import React, { ReactNode } from 'react';
-import { Application, SchemaInitializer, SchemaInitializerItem, useSchemaInitializerItem } from '@nocobase/client';
-import { appOptions } from './schema-initializer-common';
 import { TableOutlined } from '@ant-design/icons';
+import { Application, SchemaInitializer, SchemaInitializerItem, useSchemaInitializerItem } from '@nocobase/client';
+import React, { ReactNode } from 'react';
+import { appOptions } from './schema-initializer-common';
 
 const Demo = () => {
   const { name, foo, icon } = useSchemaInitializerItem<{ name: string; foo: string; icon: ReactNode }>();
@@ -13,7 +13,7 @@ const Demo = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-items.tsx

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -11,9 +12,8 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
-import { ButtonProps, ListProps, List, Card } from 'antd';
+import { ButtonProps, List, ListProps } from 'antd';
+import React, { FC } from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -56,7 +56,7 @@ const CustomListGridMenu: FC<SchemaInitializerItemsProps<ButtonProps, ListProps<
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -105,7 +105,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-options-item-children.tsx

@@ -1,11 +1,11 @@
 /**
  * defaultShowCode: true
  */
-import { Application, SchemaInitializer, SchemaInitializerItem } from '@nocobase/client';
+import { Application, SchemaInitializer } from '@nocobase/client';
 import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-options-item-define.tsx

@@ -1,8 +1,8 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
 import { Application, SchemaInitializer, SchemaInitializerItem } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
 
 const Demo = () => {
@@ -11,7 +11,7 @@ const Demo = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-options-item-props.tsx

@@ -1,8 +1,8 @@
 /**
  * defaultShowCode: true
  */
-import React from 'react';
 import { Application, SchemaInitializer, SchemaInitializerItem } from '@nocobase/client';
+import React from 'react';
 import { appOptions } from './schema-initializer-common';
 
 const CommonDemo = (props) => {
@@ -10,7 +10,7 @@ const CommonDemo = (props) => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-options-item-visible.tsx

@@ -5,7 +5,7 @@ import { Application, SchemaInitializer } from '@nocobase/client';
 import { appOptions } from './schema-initializer-common';
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-popover.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -7,9 +8,8 @@ import {
   useDesignable,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
 import { Button } from 'antd';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -38,7 +38,7 @@ const MyInitializerComponent = () => {
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   popover: false,
   Component: MyInitializerComponent,
 });
@@ -73,7 +73,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/zh-CN/core/ui-schema/demos/schema-initializer-render.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+import { Field } from '@formily/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
 import {
   Application,
   Plugin,
@@ -9,8 +10,7 @@ import {
   useSchemaInitializerItem,
   useSchemaInitializerRender,
 } from '@nocobase/client';
-import { observer, useField, useFieldSchema } from '@formily/react';
-import { Field } from '@formily/core';
+import React from 'react';
 
 const Hello = observer(() => {
   const field = useField<Field>();
@@ -36,7 +36,7 @@ function Demo() {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -86,7 +86,7 @@ const Root = () => {
           type: 'void',
           name: 'page',
           'x-component': 'Page',
-          'x-initializer': 'MyInitializer',
+          'x-initializer': 'myInitializer',
           properties: {
             hello1: {
               type: 'void',

packages/core/client/docs/zh-CN/core/ui-schema/schema-initializer.md

@@ -71,7 +71,7 @@ class SchemaInitializer<P1 = ButtonProps, P2 = {}> {
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add Block',
   // 插入位置
   insertPosition: 'beforeEnd',
@@ -85,14 +85,13 @@ const myInitializer = new SchemaInitializer({
 });
 ```
 
-
 <code src="./demos/schema-initializer-basic.tsx"></code>
 
 #### 定制化 `Component`
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   Component: (props) => (
     <Avatar style={{ cursor: 'pointer' }} {...props}>
       C
@@ -129,7 +128,7 @@ const MyInitializerComponent = () => {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Add block',
   popover: false,
   Component: MyInitializerComponent,
@@ -160,7 +159,7 @@ const CustomListGridMenu: FC<SchemaInitializerItemsProps<ButtonProps, ListProps<
 };
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   ItemsComponent: CustomListGridMenu,
   items: [
@@ -214,7 +213,7 @@ const Demo = () => {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   items: [
     {
       name: 'a',
@@ -232,7 +231,7 @@ NocoBase 内置了一些常用的 `type`，例如 `type: 'item'`，相当于 `Co
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   items: [
     {
       name: 'a',
@@ -298,7 +297,7 @@ const Demo = (props) => {
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -319,7 +318,7 @@ const myInitializer = new SchemaInitializer({
 ```tsx
 import { SchemaInitializer, Application, useSchemaInitializerRender } from '@nocobase/client';
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -338,7 +337,7 @@ const myInitializer = new SchemaInitializer({
 });
 
 const Root = () => {
-  const { render } = useSchemaInitializerRender('MyInitializer');
+  const { render } = useSchemaInitializerRender('myInitializer');
   return render();
 }
 const app = new Application({
@@ -383,7 +382,7 @@ myInitializer.add('a.a2', {
 ```tsx
 import { SchemaInitializer, Application, useSchemaInitializerRender } from '@nocobase/client';
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -412,7 +411,7 @@ myInitializer.add('a.a2', {
 })
 
 const Root = () => {
-  const { render } = useSchemaInitializerRender('MyInitializer');
+  const { render } = useSchemaInitializerRender('myInitializer');
   return render();
 }
 const app = new Application({
@@ -551,7 +550,7 @@ const useSchemaInitializerItem: <T = any>() => T
 
 ```tsx | pure
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {
@@ -683,7 +682,7 @@ const Demo = ({ children }) => {
 }
 
 const myInitializer = new SchemaInitializer({
-  name: 'MyInitializer',
+  name: 'myInitializer',
   title: 'Button Text',
   items: [
     {