From 722384957857249df4fc053d5541f92c4f5c78c9 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Fri, 8 Jul 2022 17:11:14 +0800
Subject: [PATCH 1/2] Match-id-589fd0a59fccea1d6af5c74f8529ce8eb437fcb9
---
fixtures/antd/.babelrc | 27 +
fixtures/antd/README.md | 3 +
fixtures/antd/components/Menu.jsx | 38 +
fixtures/antd/components/Menu2.jsx | 73 +
fixtures/antd/components/Table.jsx | 97 +
fixtures/antd/index.jsx | 29 +
fixtures/antd/package.json | 34 +
fixtures/antd/webpack.dev.js | 54 +
fixtures/antd/yarn.lock | 6467 ++++++++++++++++++++++++++++
libs/horizon/{ => npm}/index.js | 0
scripts/rollup/rollup.config.js | 2 +-
11 files changed, 6823 insertions(+), 1 deletion(-)
create mode 100644 fixtures/antd/.babelrc
create mode 100644 fixtures/antd/README.md
create mode 100644 fixtures/antd/components/Menu.jsx
create mode 100644 fixtures/antd/components/Menu2.jsx
create mode 100644 fixtures/antd/components/Table.jsx
create mode 100644 fixtures/antd/index.jsx
create mode 100644 fixtures/antd/package.json
create mode 100644 fixtures/antd/webpack.dev.js
create mode 100644 fixtures/antd/yarn.lock
rename libs/horizon/{ => npm}/index.js (100%)
diff --git a/fixtures/antd/.babelrc b/fixtures/antd/.babelrc
new file mode 100644
index 00000000..bb6ba7f0
--- /dev/null
+++ b/fixtures/antd/.babelrc
@@ -0,0 +1,27 @@
+{
+ "presets": [
+ "@babel/react",
+ "@babel/typescript",
+ [
+ "@babel/env",
+ {
+ "modules": false
+ }
+ ]
+ ],
+ "plugins": [
+ [
+ "@babel/plugin-proposal-class-properties",
+ {
+ "loose": true
+ }
+ ],
+ [
+ "@babel/plugin-transform-react-jsx",
+ {
+ "pragma": "Horizon.createElement",
+ "pragmaFrag": "Horizon.Fragment"
+ }
+ ]
+ ]
+}
diff --git a/fixtures/antd/README.md b/fixtures/antd/README.md
new file mode 100644
index 00000000..6a5b5e81
--- /dev/null
+++ b/fixtures/antd/README.md
@@ -0,0 +1,3 @@
+Horizon X antd demo:
+1. run `npm run build:watch` in root's `package.json`
+2. run `npm start` to run Horizon X antd
diff --git a/fixtures/antd/components/Menu.jsx b/fixtures/antd/components/Menu.jsx
new file mode 100644
index 00000000..16f6b407
--- /dev/null
+++ b/fixtures/antd/components/Menu.jsx
@@ -0,0 +1,38 @@
+import Horizon from 'horizon';
+import { AppstoreOutlined } from '@ant-design/icons';
+import { Menu } from 'antd';
+
+function getItem(label, key, icon, children, type) {
+ return {
+ key,
+ icon,
+ children,
+ label,
+ type,
+ };
+}
+
+const items = [
+ getItem('sub2', 'sub2', , [getItem('sub3', 'sub3', null, [getItem('sub4', 'sub4')])]),
+];
+
+const App = () => {
+ const onClick = e => {
+ console.log('click ', e);
+ };
+
+ return (
+
+ );
+};
+
+export default App;
diff --git a/fixtures/antd/components/Menu2.jsx b/fixtures/antd/components/Menu2.jsx
new file mode 100644
index 00000000..97c1679a
--- /dev/null
+++ b/fixtures/antd/components/Menu2.jsx
@@ -0,0 +1,73 @@
+import Horizon, { useState } from 'horizon';
+import {
+ AppstoreOutlined,
+ ContainerOutlined,
+ MenuFoldOutlined,
+ PieChartOutlined,
+ DesktopOutlined,
+ MailOutlined,
+ MenuUnfoldOutlined,
+} from '@ant-design/icons';
+import { Button, Menu } from 'antd';
+
+function getItem(label, key, icon, children, type) {
+ return {
+ key,
+ icon,
+ children,
+ label,
+ type,
+ };
+}
+
+const items = [
+ getItem('选项1', '1', ),
+ getItem('选项2', '2', ),
+ getItem('选项3', '3', ),
+ getItem('分组1', 'sub1', , [
+ getItem('选项5', '5'),
+ getItem('选项6', '6'),
+ getItem('选项7', '7'),
+ getItem('选项8', '8'),
+ ]),
+ getItem('分组2', 'sub2', , [
+ getItem('选项9', '9'),
+ getItem('选项10', '10'),
+ getItem('分组2-1', 'sub3', null, [getItem('选项11', '11'), getItem('选项12', '12')]),
+ ]),
+];
+
+const App = () => {
+ const [collapsed, setCollapsed] = useState(false);
+
+ return (
+
+
+
+
+ );
+};
+
+export default App;
diff --git a/fixtures/antd/components/Table.jsx b/fixtures/antd/components/Table.jsx
new file mode 100644
index 00000000..5ca9b680
--- /dev/null
+++ b/fixtures/antd/components/Table.jsx
@@ -0,0 +1,97 @@
+import Horizon from 'horizon';
+import { Table } from 'antd';
+const columns = [
+ {
+ title: 'Full Name',
+ width: 100,
+ dataIndex: 'name',
+ key: 'name',
+ fixed: 'left',
+ },
+ {
+ title: 'Lang',
+ width: 100,
+ dataIndex: 'lang',
+ key: 'age',
+ fixed: 'left',
+ },
+ {
+ title: 'COL1',
+ dataIndex: 'description',
+ key: '1',
+ width: 220,
+ },
+ {
+ title: 'COL2',
+ dataIndex: 'description',
+ key: '2',
+ width: 220,
+ },
+ {
+ title: 'COL3',
+ dataIndex: 'description',
+ key: '3',
+ width: 220,
+ },
+ {
+ title: 'COL4',
+ dataIndex: 'description',
+ key: '4',
+ width: 220,
+ },
+ {
+ title: 'COL5',
+ dataIndex: 'description',
+ key: '5',
+ width: 220,
+ },
+ {
+ title: 'COL6',
+ dataIndex: 'description',
+ key: '6',
+ width: 220,
+ },
+ {
+ title: 'COL7',
+ dataIndex: 'description',
+ key: '7',
+ width: 220,
+ },
+ {
+ title: 'COL8',
+ dataIndex: 'description',
+ key: '8',
+ },
+ {
+ title: 'Action',
+ key: 'operation',
+ fixed: 'right',
+ width: 100,
+ render: () => action,
+ },
+];
+const data = [];
+
+for (let i = 0; i < 100; i++) {
+ data.push({
+ key: i,
+ name: `Horizon ${i}`,
+ lang: 'js',
+ description: `Javascript Framework no. ${i}`,
+ });
+}
+
+const App = () => (
+
+);
+
+export default App;
diff --git a/fixtures/antd/index.jsx b/fixtures/antd/index.jsx
new file mode 100644
index 00000000..a603b89c
--- /dev/null
+++ b/fixtures/antd/index.jsx
@@ -0,0 +1,29 @@
+import Horizon from 'horizon';
+import 'antd/dist/antd.css';
+import Table from './components/Table';
+import Menu from './components/Menu';
+import Menu2 from './components/Menu2';
+import { Tabs } from 'antd';
+
+const { TabPane } = Tabs;
+
+const onChange = key => {
+ console.log(key);
+};
+const App = () => (
+
+
Horizon ❌ antd
+
+
+
+
+
+
+
+
+
+
+
+