@baic/yolk-cli 2.1.0-alpha.8 → 2.1.0-github.0

package/templates/umi-mobile/package.json.tpl

@@ -7,5 +7,10 @@
   },
   "dependencies": {
     "@baic/preset-yolk-umi-mobile": "~{{ yolkVersion }}"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": "*"
+    }
   }
 }

package/templates/umi-mobile/src/app.tsx

@@ -2,7 +2,7 @@ import { Provider } from '@baic/yolk-mobile';
 
 import request from '@/common/request';
 
-import '@baic/yolk-mobile/lib/style/index.less';
+import '@baic/yolk-mobile/es/style/index.less';
 
 export function rootContainer(container: React.ReactNode) {
   return (

package/templates/umi-mobile/src/pages/demo/examples/Input.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Form } from 'antd-mobile';
-import { Input, useForm } from '@baic/yolk-mobile';
+import { Form, Input, useForm } from '@baic/yolk-mobile';
 
 export default () => {
   const [form] = useForm();

package/templates/umi-mobile/src/pages/demo/examples/List/4.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Image } from 'antd-mobile';
 import { List, ListVirtualizedScrollEvent } from '@baic/yolk-mobile';
 
-const rowCount = 100;
+const rowCount = 100000;
 
 const item = {
   avatar:
@@ -29,7 +29,7 @@ export default () => {
     [onScrollHandler],
   );
   return (
-    <List header="拖拽" virtualized={virtualizedMemo} data={mock}>
+    <List header="虚拟化" virtualized={virtualizedMemo} data={mock}>
       {({ name, avatar, description }, index, e) => {
         return (
           <List.Item

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/1.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Form } from 'antd-mobile';
-import { NumberInput, useForm } from '@baic/yolk-mobile';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
 
 export default () => {
   const [form] = useForm();

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/2.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Form } from 'antd-mobile';
-import { NumberInput, useForm } from '@baic/yolk-mobile';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
 
 export default () => {
   const [form] = useForm();

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/3.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Form } from 'antd-mobile';
-import { NumberInput, useForm } from '@baic/yolk-mobile';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
 
 export default () => {
   const [form] = useForm();

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/4.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Form } from 'antd-mobile';
-import { NumberInput, useForm } from '@baic/yolk-mobile';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
 
 export default () => {
   const [form] = useForm();

package/templates/umi-mobile-h5+app/.eslintrc

@@ -0,0 +1,6 @@
+{
+  "extends": "@baic/eslint-config-yolk",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  }
+}

package/templates/umi-mobile-h5+app/.gitignore.tpl

@@ -0,0 +1,37 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+node_modules/
+npm-debug.log*
+npm-error.log*
+package-lock.json
+yarn.lock
+yarn-debug.log*
+yarn-error.log*
+pnpm-lock.yaml
+
+# production
+/dist
+/build
+
+# misc
+.DS_Store
+
+# umi
+/src/.umi
+/src/.umi-production
+/src/.umi-test
+/.env.local
+coverage
+.eslintcache
+.stylelintcache
+*less.d.ts*
+*scss.d.ts*
+.mfsu*
+
+# ide
+.vscode
+
+# h5+app
+/h5+app/unpackage/cache
+/h5+app/unpackage/release

package/templates/umi-mobile-h5+app/.npmrc.tpl

@@ -0,0 +1,2 @@
+strict-peer-dependencies=false
+shamefully-hoist=true

package/templates/umi-mobile-h5+app/.prettierignore

@@ -0,0 +1,12 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+package-lock.json
+yarn.lock
+yarn-debug.log
+yarn-error.log
+pnpm-lock.yaml
+.umi
+.umi-production
+.umi-test

package/templates/umi-mobile-h5+app/.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('@baic/yolk-cli/lib/.prettierrc');

package/templates/umi-mobile-h5+app/.stylelintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "@baic/stylelint-config-yolk"
+}

package/templates/umi-mobile-h5+app/.umirc.ts.tpl

@@ -0,0 +1,8 @@
+import { defineConfig } from '@baic/yolk-umi';
+
+export default defineConfig({
+  title: '{{ projectName }}',
+  publicPath: '/',
+  hd: {},
+  'h5+app': {},
+});

package/templates/umi-mobile-h5+app/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Baic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/templates/umi-mobile-h5+app/README.md.tpl

@@ -0,0 +1,34 @@
+# web
+
+## Getting Started
+
+Install dependencies,
+
+{{ #dependenciesInstallType }}
+
+```bash
+$ {{ dependenciesInstallType }} install
+```
+
+{{ /dependenciesInstallType }}
+{{ ^dependenciesInstallType }}
+
+```bash
+$ pnpm install
+```
+
+{{ /dependenciesInstallType }}
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build,
+
+```bash
+$ npm run build
+```
+
+[查阅文档](https://303394539.github.io/yolk-docs/)

package/templates/umi-mobile-h5+app/h5+app/manifest.json

@@ -0,0 +1,87 @@
+{
+  "@platforms": ["android"],
+  "id": "",
+  "name": "应用名称",
+  "version": {
+    "name": "1.0.0",
+    "code": "100"
+  },
+  "description": "",
+  "icons": {
+    "72": "icon.png"
+  },
+  "launch_path": "",
+  "developer": {
+    "name": "",
+    "email": "",
+    "url": ""
+  },
+  "permissions": {
+    "Webview-x5": {},
+    "Runtime": {
+      "description": "运行环境"
+    },
+    "Webview": {
+      "description": "窗口管理"
+    }
+  },
+  "plus": {
+    "splashscreen": {
+      "autoclose": false,
+      "waiting": true
+    },
+    "popGesture": "none",
+    "runmode": "normal",
+    "cers": {
+      "crash": false
+    },
+    "launchwebview": {
+      "plusrequire": "ahead"
+    },
+    "distribute": {
+      "google": {
+        "packagename": "",
+        "keystore": "",
+        "password": "",
+        "aliasname": "",
+        "permissions": [],
+        "hardwareAccelerated": true
+      },
+      "orientation": [
+        "portrait-primary",
+        "portrait-secondary",
+        "landscape-primary",
+        "landscape-secondary"
+      ],
+      "icons": {
+        "android": {
+          "mdpi": "",
+          "ldpi": "",
+          "hdpi": "",
+          "xhdpi": "",
+          "xxhdpi": "",
+          "xxxhdpi": ""
+        }
+      },
+      "splashscreen": {
+        "android": {
+          "mdpi": "",
+          "ldpi": "",
+          "hdpi": "",
+          "xhdpi": "",
+          "xxhdpi": ""
+        }
+      },
+      "plugins": {},
+      "apple": {
+        "idfa": false
+      }
+    }
+  },
+  "screenOrientation": [
+    "portrait-primary",
+    "portrait-secondary",
+    "landscape-primary",
+    "landscape-secondary"
+  ]
+}

package/templates/umi-mobile-h5+app/package.json.tpl

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "name": "{{ projectName }}",
+  "scripts": {
+    "start": "yolk start",
+    "build": "yolk build"
+  },
+  "dependencies": {
+    "@baic/preset-yolk-umi-mobile": "~{{ yolkVersion }}"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": "*"
+    }
+  }
+}

package/templates/umi-mobile-h5+app/src/app.tsx

@@ -0,0 +1,19 @@
+import { Provider } from '@baic/yolk-mobile';
+
+import request from '@/common/request';
+
+import '@baic/yolk-mobile/es/style/index.less';
+
+export function rootContainer(container: React.ReactNode) {
+  return (
+    <Provider
+      request={request}
+      iconfontScriptUrl={[
+        '//at.alicdn.com/t/font_1788044_0dwu4guekcwr.js',
+        '//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js',
+      ]}
+    >
+      {container}
+    </Provider>
+  );
+}

package/templates/umi-mobile-h5+app/src/common/request.ts

@@ -0,0 +1,3 @@
+import { Request } from '@baic/yolk-mobile';
+
+export default new Request();

package/templates/umi-mobile-h5+app/src/common/util.ts

@@ -0,0 +1,7 @@
+import { Util } from '@baic/yolk-mobile';
+
+const util = {
+  ...Util,
+};
+
+export default util;

package/templates/umi-mobile-h5+app/src/global.less

@@ -0,0 +1,3 @@
+#yolk-app {
+  height: 100%;
+}

package/templates/umi-mobile-h5+app/src/layouts/index.tsx

@@ -0,0 +1,3 @@
+import { Outlet } from 'umi';
+
+export default () => <Outlet />;

package/templates/umi-mobile-h5+app/src/pages/404.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Result } from 'antd-mobile';
+
+export default () => (
+  <Result
+    title="404"
+    description="对不起，您访问的页面不存在。"
+    status="warning"
+  />
+);

package/templates/umi-mobile-h5+app/src/pages/demo/examples/BarCode.tsx

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { BarCode } from '@baic/yolk-mobile';
+
+export default () => <BarCode value="https://www.baidu.com" />;

package/templates/umi-mobile-h5+app/src/pages/demo/examples/Iconfont.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Provider, Iconfont } from '@baic/yolk-mobile';
+
+export default () => {
+  return (
+    <Provider
+      iconfontScriptUrl={[
+        '//at.alicdn.com/t/font_1788044_0dwu4guekcwr.js',
+        '//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js',
+      ]}
+    >
+      <Iconfont type="icon-javascript" />
+      <Iconfont type="icon-java" />
+      <Iconfont type="icon-shoppingcart" />
+      <Iconfont type="icon-python" />
+    </Provider>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/Input.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Form, Input, useForm } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'Input',
+        name: 'Input',
+        rules: 'required',
+      })(<Input maxLength={5} />)}
+    </Form>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/List/1.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { List } from '@baic/yolk-mobile';
+
+export default () => {
+  return (
+    <List header='基础用法'>
+      <List.Item>1</List.Item>
+      <List.Item>2</List.Item>
+      <List.Item>3</List.Item>
+    </List>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/List/2.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { Image } from 'antd-mobile';
+import { List } from '@baic/yolk-mobile';
+
+import mock from './mock';
+
+export default () => {
+  return (
+    <List header="函数渲染" data={mock}>
+      {({ name, avatar, description }) => (
+        <List.Item
+          key={name}
+          prefix={
+            <Image
+              src={avatar}
+              style={{ borderRadius: 20 }}
+              fit="cover"
+              width={40}
+              height={40}
+            />
+          }
+          description={description}
+        >
+          {name}
+        </List.Item>
+      )}
+    </List>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/List/3.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { Image } from 'antd-mobile';
+import { List } from '@baic/yolk-mobile';
+
+import mock from './mock';
+
+export default () => {
+  return (
+    <List header="拖拽" drag data={mock}>
+      {({ name, avatar, description }) => (
+        <List.Item
+          key={name}
+          prefix={
+            <Image
+              src={avatar}
+              style={{ borderRadius: 20 }}
+              fit="cover"
+              width={40}
+              height={40}
+            />
+          }
+          description={description}
+        >
+          {name}
+        </List.Item>
+      )}
+    </List>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/List/4.tsx

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Image } from 'antd-mobile';
+import { List, ListVirtualizedScrollEvent } from '@baic/yolk-mobile';
+
+const rowCount = 100000;
+
+const item = {
+  avatar:
+    'https://images.unsplash.com/photo-1548532928-b34e3be62fc6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
+  name: 'Novalee Spicer',
+  description: 'Deserunt dolor ea eaque eos',
+};
+
+const mock = Array(rowCount).fill(item);
+
+export default () => {
+  const onScrollHandler = React.useCallback(
+    async (e: ListVirtualizedScrollEvent) => {
+      console.log(e);
+    },
+    [],
+  );
+  const virtualizedMemo = React.useMemo(
+    () => ({
+      height: 500,
+      rowHeight: 60,
+      onScroll: onScrollHandler,
+    }),
+    [onScrollHandler],
+  );
+  return (
+    <List header="虚拟化" virtualized={virtualizedMemo} data={mock}>
+      {({ name, avatar, description }, index, e) => {
+        return (
+          <List.Item
+            key={e?.key}
+            style={e?.style}
+            prefix={
+              <Image
+                src={avatar}
+                style={{ borderRadius: 20 }}
+                fit="cover"
+                width={40}
+                height={40}
+              />
+            }
+            description={description}
+          >
+            {name} {index}
+          </List.Item>
+        );
+      }}
+    </List>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/List/mock.ts

@@ -0,0 +1,30 @@
+export default [
+  {
+    id: '1',
+    avatar:
+      'https://images.unsplash.com/photo-1548532928-b34e3be62fc6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
+    name: 'Novalee Spicer',
+    description: 'Deserunt dolor ea eaque eos',
+  },
+  {
+    id: '2',
+    avatar:
+      'https://images.unsplash.com/photo-1493666438817-866a91353ca9?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=b616b2c5b373a80ffc9636ba24f7a4a9',
+    name: 'Sara Koivisto',
+    description: 'Animi eius expedita, explicabo',
+  },
+  {
+    id: '3',
+    avatar:
+      'https://images.unsplash.com/photo-1542624937-8d1e9f53c1b9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
+    name: 'Marco Gregg',
+    description: 'Ab animi cumque eveniet ex harum nam odio omnis',
+  },
+  {
+    id: '4',
+    avatar:
+      'https://images.unsplash.com/photo-1546967191-fdfb13ed6b1e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
+    name: 'Edith Koenig',
+    description: 'Commodi earum exercitationem id numquam vitae',
+  },
+];

package/templates/umi-mobile-h5+app/src/pages/demo/examples/Loading.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Loading } from '@baic/yolk-mobile';
+
+export default () => (
+  <div
+    style={{
+      position: 'relative',
+    }}
+  >
+    <Loading />
+  </div>
+);

package/templates/umi-mobile-h5+app/src/pages/demo/examples/NumberInput/1.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'default',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput />)}
+    </Form>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/NumberInput/2.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'decimal',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput decimal={3} />)}
+    </Form>
+  );
+};

package/templates/umi-mobile-h5+app/src/pages/demo/examples/NumberInput/3.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Form, NumberInput, useForm } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'zeroStart',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput zeroStart />)}
+    </Form>
+  );
+};