diff --git a/docs/guide/intro.md b/docs/guide/intro.md index 1383df4e..19efa571 100644 --- a/docs/guide/intro.md +++ b/docs/guide/intro.md @@ -9,7 +9,7 @@ nav: # 快速开始 -ProEditor 是 TechUI Studio 系列装配器的底座框架,期望为「编辑」场景提供丰富、易用的基础组件与原子能力。 +ProEditor 定位轻量级编辑器 UI 框架,期望为「编辑」场景提供丰富、易用的基础组件与原子能力。 ## 安装 diff --git a/src/Highlight/demos/config.js b/src/Highlight/demos/config.js index 188ee02f..093a9cfd 100644 --- a/src/Highlight/demos/config.js +++ b/src/Highlight/demos/config.js @@ -28,7 +28,7 @@ const configs = [ { language: 'jsx', text: 'Jsx', - code: 'import React from \'react\';\nimport { Button, Tag, Space } from \'antd\';\nimport { ProList } from \'@alipay/tech-ui\';\n\nconst dataSource = [\n {\n name: \'语雀的天空\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'Ant Design\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'蚂蚁金服体验科技\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'TechUI\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n];\n\nexport default () => (\n {\n return [\n ,\n ];\n }}\n onRow={(record) => {\n return {\n onMouseEnter: () => {\n console.log(record);\n },\n onClick: () => {\n console.log(record);\n },\n };\n }}\n rowKey="name"\n headerTitle="基础列表"\n tooltip="基础列表的配置"\n dataSource={dataSource}\n showActions="hover"\n showExtra="hover"\n metas={{\n title: {\n dataIndex: \'name\',\n },\n avatar: {\n dataIndex: \'image\',\n },\n description: {\n dataIndex: \'desc\',\n },\n subTitle: {\n render: () => {\n return (\n \n Ant Design\n TechUI\n \n );\n },\n },\n actions: {\n render: (text, row) => [\n \n 链路\n ,\n \n 报警\n ,\n \n 查看\n ,\n ],\n },\n }}\n />\n);', + code: 'import React from \'react\';\nimport { Button, Tag, Space } from \'antd\';\nimport { ProList } from \'@alipay/tech-ui\';\n\nconst dataSource = [\n {\n name: \'语雀的天空\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'Ant Design\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'蚂蚁金服体验科技\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'ProEditor\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n];\n\nexport default () => (\n {\n return [\n ,\n ];\n }}\n onRow={(record) => {\n return {\n onMouseEnter: () => {\n console.log(record);\n },\n onClick: () => {\n console.log(record);\n },\n };\n }}\n rowKey="name"\n headerTitle="基础列表"\n tooltip="基础列表的配置"\n dataSource={dataSource}\n showActions="hover"\n showExtra="hover"\n metas={{\n title: {\n dataIndex: \'name\',\n },\n avatar: {\n dataIndex: \'image\',\n },\n description: {\n dataIndex: \'desc\',\n },\n subTitle: {\n render: () => {\n return (\n \n Ant Design\n ProEditor\n \n );\n },\n },\n actions: {\n render: (text, row) => [\n \n 链路\n ,\n \n 报警\n ,\n \n 查看\n ,\n ],\n },\n }}\n />\n);', }, { language: 'markdown', @@ -48,7 +48,7 @@ const configs = [ { language: 'tsx', text: 'Tsx', - code: 'import React from \'react\';\nimport { Button, Tag, Space } from \'antd\';\nimport { ProList } from \'@alipay/tech-ui\';\n\nconst dataSource = [\n {\n name: \'语雀的天空\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'Ant Design\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'蚂蚁金服体验科技\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'TechUI\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n];\n\nexport default () => (\n \n toolBarRender={() => {\n return [\n ,\n ];\n }}\n onRow={(record: any) => {\n return {\n onMouseEnter: () => {\n console.log(record);\n },\n onClick: () => {\n console.log(record);\n },\n };\n }}\n rowKey="name"\n headerTitle="基础列表"\n tooltip="基础列表的配置"\n dataSource={dataSource}\n showActions="hover"\n showExtra="hover"\n metas={{\n title: {\n dataIndex: \'name\',\n },\n avatar: {\n dataIndex: \'image\',\n },\n description: {\n dataIndex: \'desc\',\n },\n subTitle: {\n render: () => {\n return (\n \n Ant Design\n TechUI\n \n );\n },\n },\n actions: {\n render: (text, row) => [\n \n 链路\n ,\n \n 报警\n ,\n \n 查看\n ,\n ],\n },\n }}\n />\n);', + code: 'import React from \'react\';\nimport { Button, Tag, Space } from \'antd\';\nimport { ProList } from \'@alipay/tech-ui\';\n\nconst dataSource = [\n {\n name: \'语雀的天空\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'Ant Design\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'蚂蚁金服体验科技\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n {\n name: \'ProEditor\',\n image:\n \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n desc: \'我是一条测试的描述\',\n },\n];\n\nexport default () => (\n \n toolBarRender={() => {\n return [\n ,\n ];\n }}\n onRow={(record: any) => {\n return {\n onMouseEnter: () => {\n console.log(record);\n },\n onClick: () => {\n console.log(record);\n },\n };\n }}\n rowKey="name"\n headerTitle="基础列表"\n tooltip="基础列表的配置"\n dataSource={dataSource}\n showActions="hover"\n showExtra="hover"\n metas={{\n title: {\n dataIndex: \'name\',\n },\n avatar: {\n dataIndex: \'image\',\n },\n description: {\n dataIndex: \'desc\',\n },\n subTitle: {\n render: () => {\n return (\n \n Ant Design\n ProEditor\n \n );\n },\n },\n actions: {\n render: (text, row) => [\n \n 链路\n ,\n \n 报警\n ,\n \n 查看\n ,\n ],\n },\n }}\n />\n);', }, { language: 'typescript', diff --git a/src/ProEditor/components/NavBar/index.tsx b/src/ProEditor/components/NavBar/index.tsx index f3a465f0..69328ab4 100644 --- a/src/ProEditor/components/NavBar/index.tsx +++ b/src/ProEditor/components/NavBar/index.tsx @@ -16,17 +16,16 @@ export interface NavBarProps { const NavBar: FC = memo(({ logo }) => { const prefixCls = useStore((s) => s.prefixCls, shallow); - const { styles } = useStyle(`${prefixCls}-navbar`); const defaultLogo = ( TechUI Studio -
TechUI Studio
+
ProEditor
);