Merge pull request #77 from ant-design/refacotr/pro-builder

refactor: ProEditor 改名为 ProBuilder

Author: rdmclin2

.github/workflows/release.yml

@@ -13,6 +13,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.CI_GITHUB_TOKEN }}
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
@@ -36,6 +38,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.CI_GITHUB_TOKEN }}
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2

docs/pro-editor/demos/buttonAsset/_Component.tsx

@@ -1,10 +1,10 @@
-import { useProEditorStore } from '@ant-design/pro-editor';
+import { useProBuilderStore } from '@ant-design/pro-editor';
 import { Button } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 
 export const ButtonComponent = memo(() => {
-  const data = useProEditorStore((s) => s.config, isEqual);
+  const data = useProBuilderStore((s) => s.config, isEqual);
 
   console.log(data);
   return <Button {...data} />;

docs/pro-editor/demos/buttonAsset/_Panel.tsx

@@ -1,5 +1,5 @@
 import { RedoOutlined, UndoOutlined } from '@ant-design/icons';
-import { LevaPanel, useProEditorStore } from '@ant-design/pro-editor';
+import { LevaPanel, useProBuilderStore } from '@ant-design/pro-editor';
 import { Button, Divider } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { FC, memo } from 'react';
@@ -9,8 +9,8 @@ import { shallow } from 'zustand/shallow';
 import { ButtonConfig, buttonModel } from './models';
 
 export const ButtonPanel: FC = memo(() => {
-  const data = useProEditorStore((s) => s.config, isEqual);
-  const [updateConfig, undo, redo, undoStack, redoStack] = useProEditorStore(
+  const data = useProBuilderStore((s) => s.config, isEqual);
+  const [updateConfig, undo, redo, undoStack, redoStack] = useProBuilderStore(
     (s) => [s.setConfig, s.undo, s.redo, s.undoStack().length, s.redoStack().length],
     shallow,
   );

docs/pro-editor/demos/buttonAssets.tsx

@@ -1,14 +1,14 @@
 /**
  * iframe: 600
  */
-import { ComponentAsset, ProEditor } from '@ant-design/pro-editor';
+import { ComponentAsset, ProBuilder } from '@ant-design/pro-editor';
 
 import { buttonAssetParams } from './buttonAsset';
 
 const ButtonComponentAsset = new ComponentAsset(buttonAssetParams);
 
 export default () => (
-  <ProEditor
+  <ProBuilder
     componentAsset={ButtonComponentAsset}
     style={{ height: '100vh' }}
     __EDITOR_STORE_DEVTOOLS__={{ name: 'ButtonEditor' }}

docs/pro-editor/demos/controlledPresence.tsx

@@ -1,7 +1,7 @@
 /**
  * iframe: 800
  */
-import { AwarenessEditor, ComponentAsset, ProEditor } from '@/index';
+import { AwarenessEditor, ComponentAsset, ProBuilder } from '@/index';
 import { JsonViewer } from '@textea/json-viewer';
 import { useLocalStorageState } from 'ahooks';
 import { Flexbox } from 'react-layout-kit';
@@ -15,7 +15,7 @@ export default () => {
 
   return (
     <Flexbox>
-      <ProEditor
+      <ProBuilder
         componentAsset={assets}
         editorAwareness={presence}
         onEditorAwarenessChange={setPresence}

docs/pro-editor/demos/defaultAssets.tsx

@@ -2,10 +2,10 @@
  * iframe: 600
  */
 import { demoAssets } from '@/ComponentAsset/demoAssets';
-import { ComponentAsset, ProEditor } from '@ant-design/pro-editor';
+import { ComponentAsset, ProBuilder } from '@ant-design/pro-editor';
 
 export default () => (
-  <ProEditor
+  <ProBuilder
     componentAsset={
       new ComponentAsset({
         ...demoAssets,

docs/pro-editor/demos/empty.tsx

@@ -1,6 +1,6 @@
 /**
  * iframe: 300
  */
-import { ProEditor } from '@ant-design/pro-editor';
+import { ProBuilder } from '@ant-design/pro-editor';
 
-export default () => <ProEditor style={{ height: '100vh' }} />;
+export default () => <ProBuilder style={{ height: '100vh' }} />;

docs/pro-editor/index.md

@@ -1,15 +1,15 @@
 ---
-title: ProEditor 配置容器
-atomId: ProEditor
+title: ProBuilder 配置容器
+atomId: ProBuilder
 group: 组件
 nav:
   title: 装配器
   order: 3
 ---
 
-# ProEditor 装配器容器
+# ProBuilder 装配器容器
 
-使用 ProEditor 可以快速构建出组件的配置界面。
+使用 ProBuilder 可以快速构建出组件的配置界面。
 
 ## 以 Button 示例
 

docs/pro-editor/provider.md

@@ -1,14 +1,14 @@
 ---
-title: ProEditorProvider
+title: ProBuilderProvider
 group: 组件
 ---
 
-# ProEditorProvider
+# ProBuilderProvider
 
 如果：
 
 - 希望在不是 ProEditor 组件子元素的组件中使用 `useProEditor`、useConfig、`useViewport` 等 ProEditor 钩子；
 - 在页面上有多个 ProEditor 实例；
 - 需要在不是 ProEditor 组件子元素的组件中访问内部状态，或使用 ProEditor 所提供的数据方法。
 
-那么你就需要用 `ProEditorProvider` 包裹相应的应用组件。
+那么你就需要用 `ProBuilderProvider` 包裹相应的应用组件。

docs/pro-editor/usePresenceAsset.md

@@ -22,6 +22,6 @@ const getPresenceAsset = () => {
 
 :::warning
 
-注：该 hook 只能在被 `ProEditorProvider` 包裹的组件中使用，或者在 `<ProEditor />` 组件的子组件中使用。
+注：该 hook 只能在被 `ProBuilderProvider` 包裹的组件中使用，或者在 `<ProEditor />` 组件的子组件中使用。
 
 :::