@baic/yolk-cli 2.1.0-alpha.2 → 2.1.0-alpha.20

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,17 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { 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 = 100;
+
+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,17 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { 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,17 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { 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,17 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { 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>
+  );
+};

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PagingList } from '@baic/yolk-mobile';
+
+export default () => {
+  return <PagingList url=""/>;
+};

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

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

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Required } from '@baic/yolk-mobile';
+
+export default () => <Required>必填</Required>;

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TimerButton } from '@baic/yolk-mobile';
+
+export default () => <TimerButton>验证码</TimerButton>;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Util } from '@baic/yolk';
+import { usePreload } from '@baic/yolk-mobile';
+export default () => {
+  const [wrap] = usePreload(async () => {
+    await Util.delay(1000);
+  });
+  return wrap(<div>页面加载完成显示出来了</div>);
+};

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

@@ -0,0 +1,87 @@
+import * as React from 'react';
+
+import _ from 'lodash';
+
+import { Tabs, Collapse } from 'antd-mobile';
+
+import BarCode from './examples/BarCode';
+import Iconfont from './examples/Iconfont';
+import Input from './examples/Input';
+import List_1 from './examples/List/1';
+import List_2 from './examples/List/2';
+import List_3 from './examples/List/3';
+import List_4 from './examples/List/4';
+import Loading from './examples/Loading';
+import NumberInput_1 from './examples/NumberInput/1';
+import NumberInput_2 from './examples/NumberInput/2';
+import NumberInput_3 from './examples/NumberInput/3';
+import NumberInput_4 from './examples/NumberInput/4';
+import PagingList_1 from './examples/PagingList/1';
+import QrCode from './examples/QrCode';
+import Required from './examples/Required';
+import TimerButton from './examples/TimerButton';
+import usePreload from './examples/usePreload';
+
+const { Tab } = Tabs;
+const { Panel } = Collapse;
+
+const tabs: Record<
+  string,
+  React.FunctionComponent | Record<string, React.FunctionComponent>
+> = {
+  BarCode,
+  Iconfont,
+  Input,
+  List: { List_1, List_2, List_3, List_4 },
+  Loading,
+  NumberInput: {
+    NumberInput_1,
+    NumberInput_2,
+    NumberInput_3,
+    NumberInput_4,
+  },
+  PagingList: {
+    PagingList_1,
+  },
+  QrCode,
+  Required,
+  TimerButton,
+  usePreload,
+};
+
+export default () => {
+  const keys = Object.keys(tabs);
+  return (
+    <Tabs defaultActiveKey={keys[0]}>
+      {keys.map((key) => {
+        const tab = tabs[key];
+        if (_.isFunction(tab)) {
+          return (
+            <Tab key={key} title={key}>
+              {React.createElement(tab)}
+            </Tab>
+          );
+        }
+        if (_.isObject(tab)) {
+          const keys2 = Object.keys(tab);
+          return (
+            <Tab key={key} title={key}>
+              <Collapse accordion defaultActiveKey={keys2[0]}>
+                {keys2.map((key2) => {
+                  const tab2 = tab[key2];
+                  return (
+                    <Panel key={key2} title={key2}>
+                      {React.createElement(tab2)}
+                    </Panel>
+                  );
+                })}
+              </Collapse>
+            </Tab>
+          );
+        }
+      })}
+    </Tabs>
+  );
+};
+
+// export default () => <PagingList_1 />;

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+
+export default () => <div>Hello world</div>;

package/templates/umi-mobile-h5+app/src/types/user.d.ts

@@ -0,0 +1,3 @@
+export interface User {
+  id?: string;
+}

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

@@ -0,0 +1,3 @@
+{
+  "extends": "./src/.umi/tsconfig.json"
+}

package/templates/umi-mobile-h5+app/typings.d.ts

@@ -0,0 +1 @@
+import '@umijs/max/typings';

package/templates/umi-mobile-native/.eslintrc

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