@variousjs/create 2.0.1 → 3.0.1

package/src/components/card.less

@@ -1,3 +0,0 @@
-.container {
-  margin-top: 30px;
-}

package/src/components/card.tsx

@@ -1,52 +0,0 @@
-import React, { FC } from 'react'
-import { ComponentProps, Invoker } from '@variousjs/various'
-import { useParams } from 'react-router-dom'
-import { Card, Button, message } from 'antd'
-import { Store } from '../types'
-import csses from './card.less'
-
-const H: FC<ComponentProps<Store>> & { getName: Invoker } = (props) => {
-  const { id } = useParams<{ id: string }>()
-
-  return (
-    <div className={csses.container}>
-      <Card
-        hoverable
-        style={{ width: 240 }}
-        cover={<img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />}
-        actions={[
-          id ? <Button
-            key="next"
-            onClick={() => props.$dispatch('next', 'setValue', 1)}
-          >
-            Next
-          </Button> : <Button
-            key="locale"
-            onClick={() => props.$dispatch('store', 'setLocale', props.$store.locale === 'zh' ? 'en' : 'zh')}
-          >
-            locale
-          </Button>,
-          <Button
-            key="store"
-            type="primary"
-            onClick={async () => {
-              await props.$dispatch('store', 'setName', `${Math.random().toFixed(2)}`)
-              message.info('changed')
-            }}
-          >
-            Store
-          </Button>
-        ]}
-      >
-        <Card.Meta
-          title="Route Params"
-          description={id || 'none'}
-        />
-      </Card>
-    </div>
-  )
-}
-
-H.getName = (e) => message.info(e)
-
-export default H

package/src/components/next.tsx

@@ -1,49 +0,0 @@
-import React, { Component } from 'react'
-import { ComponentProps, Store, Invoker, Ii8n } from '@variousjs/various'
-import { Descriptions } from 'antd'
-import { Store as GlobalStore } from '../types'
-import zh from './i18n/zh.json'
-import en from './i18n/en.json'
-
-type S = { value: number }
-
-const {
-  createStore,
-  connect,
-  emit,
-  getStore,
-} = new Store<S>()
-
-createStore({ value: 0 })
-
-class X extends Component<S & ComponentProps<GlobalStore>> {
-  static setValue: Invoker = async (value) => {
-    const store = getStore()
-    emit({ value: value + store.value }, true)
-  }
-
-  static $i18n: Ii8n = () => ({
-    localeKey: 'locale',
-    resources: { zh, en },
-  })
-
-  render() {
-    const { user } = this.props.$store
-    const { value, $t } = this.props
-
-    return (
-      <Descriptions
-        style={{ marginTop: 30 }}
-        bordered
-        title="Next Component"
-        size="small"
-      >
-        <Descriptions.Item label="Store">{user.name}</Descriptions.Item>
-        <Descriptions.Item label="Value">{value}</Descriptions.Item>
-        <Descriptions.Item label="Title">{$t('title', { name: 'various' })}</Descriptions.Item>
-      </Descriptions>
-    )
-  }
-}
-
-export default connect('value')(X)

package/src/components/top.tsx

@@ -1,55 +0,0 @@
-import React, { FC, useState, useEffect } from 'react'
-import { ComponentProps, getConfig } from '@variousjs/various'
-import { useLocation, useHistory } from 'react-router-dom'
-import { Radio, Badge, Button } from 'antd'
-import { Config, Store } from '../types'
-
-const H: FC<ComponentProps<Store>> = (props) => {
-  const $config = getConfig() as Config
-  const { pathname } = useLocation()
-  const history = useHistory()
-  const [path, setPath] = useState('')
-
-  useEffect(() => {
-    setPath(pathname)
-  }, [])
-
-  const onRouterChange = (e: any) => {
-    history.push(e.target.value)
-    setPath(e.target.value)
-  }
-
-  return (
-    <>
-    <Radio.Group
-      size="large"
-      value={path}
-      onChange={onRouterChange}
-      buttonStyle="solid"
-    >
-      {
-        $config.links.map(({ path, name }) => (
-          <Radio.Button key={path} value={path}>
-            {name}
-          </Radio.Button>
-        ))
-      }
-    </Radio.Group>
-    <div>
-      Store:
-      <Badge
-        style={{ marginLeft: 10 }}
-        count={props.$store.user.name}
-      />
-        <Button
-          style={{ marginLeft: 10 }}
-          onClick={() => props.$dispatch('card', 'getName', 'Card')}
-        >
-          Card Name
-        </Button>
-      </div>
-    </>
-  )
-}
-
-export default H

package/src/entry/entry.less

@@ -1,9 +0,0 @@
-.container {
-  background: #fff;
-  padding: 50px;
-}
-.top {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}

package/src/entry/error.tsx

@@ -1,19 +0,0 @@
-import React, { FC } from 'react'
-import { Alert, Button } from 'antd'
-import { ErrorProps } from '@variousjs/various'
-
-const errorComponent: FC<ErrorProps> = ({ $reload, $type, $message }) => (
-  <>
-    <Alert
-      message="Error"
-      description={`[${$type}]: ${$message || '组件错误'}`}
-      type="error"
-      style={{ marginTop: 30 }}
-    />
-    {
-      $reload && <Button onClick={$reload}>刷新</Button>
-    }
-  </>
-)
-
-export default errorComponent

package/src/entry/index.ts

@@ -1,5 +0,0 @@
-export { default as actions } from './actions'
-export { default as store } from './store'
-export { default as Container } from './container'
-export { default as Loader } from './loader'
-export { default as Error } from './error'