@baic/yolk-cli 2.0.1-alpha.36 → 2.0.1-alpha.39

package/templates/ice-web/src/routes.ts

@@ -0,0 +1,28 @@
+import { IRouterConfig, lazy } from 'ice';
+import Layouts from '@/layouts';
+
+const Index = lazy(() => import('@/pages/index'));
+const Demo = lazy(() => import('@/pages/demo'));
+
+const routerConfig: IRouterConfig[] = [
+  {
+    path: '/',
+    component: Layouts,
+    children: [
+      {
+        path: '/demo',
+        component: Demo,
+      },
+      {
+        path: '/',
+        exact: true,
+        component: Index,
+      },
+      {
+        component: lazy(() => import('@/pages/404')),
+      },
+    ],
+  },
+];
+
+export default routerConfig;

package/templates/ice-web/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "baseUrl": "./",
+    "strict": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "ice": [".ice/"]
+    },
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "mock/**/*",
+    "src/**/*",
+    "tests/**/*",
+    "config/**/*",
+    ".ice.ts",
+    "typings.d.ts"
+  ]
+}

package/templates/miniprogram/package.json.tpl

@@ -16,7 +16,7 @@
     "ios >= 8"
   ],
   "dependencies": {
-    "@baic/preset-yolk-miniapp": "~{{ yolkVersion }}",
+    "@baic/preset-yolk-taro-miniprogram": "~{{ yolkVersion }}",
     "babel-preset-taro": "3.x"
   }
 }

package/templates/umi-mobile/.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

package/templates/umi-mobile/.eslintrc

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

package/templates/umi-mobile/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "overrides": [
+    {
+      "files": ".prettierrc",
+      "options": { "parser": "json" }
+    }
+  ]
+}

package/templates/umi-mobile/.stylelintrc

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

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

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

package/templates/umi-mobile/src/common/request.ts

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

package/templates/umi-mobile/src/common/util.ts

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

package/templates/umi-mobile/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/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/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/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/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/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/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/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/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/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/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/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/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/src/pages/demo/index.tsx

@@ -0,0 +1,76 @@
+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 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 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,
+  Loading,
+  NumberInput: {
+    NumberInput_1,
+    NumberInput_2,
+    NumberInput_3,
+    NumberInput_4,
+  },
+  QrCode,
+  Required,
+  TimerButton,
+  usePreload,
+};
+
+export default () => {
+  const keys = Object.keys(tabs);
+  return (
+    <Tabs defaultActiveKey={keys[4]}>
+      {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>
+  );
+};

package/templates/umi-mobile/src/pages/index.tsx

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

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

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

package/templates/umi-mobile/typings.d.ts

@@ -0,0 +1,16 @@
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.svg' {
+  export function ReactComponent(
+    props: React.SVGProps<SVGSVGElement>,
+  ): React.ReactElement;
+  const url: string;
+  export default url;
+}
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.styl';

package/templates/umi-web/.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

package/templates/umi-web/.eslintrc

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

package/templates/umi-web/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "overrides": [
+    {
+      "files": ".prettierrc",
+      "options": { "parser": "json" }
+    }
+  ]
+}

package/templates/umi-web/.stylelintrc

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

package/templates/umi-web/README.md.tpl

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

package/templates/{mobile → umi-web}/package.json.tpl

@@ -6,6 +6,6 @@
     "build": "yolk build"
   },
   "dependencies": {
-    "@baic/preset-yolk-mobile": "~{{ yolkVersion }}"
+    "@baic/preset-yolk-umi-web": "~{{ yolkVersion }}"
   }
 }

package/templates/umi-web/src/common/request.ts

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

package/templates/umi-web/src/common/util.ts

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

package/templates/umi-web/src/global.less

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

package/templates/umi-web/src/pages/demo/examples/BankInput.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Form } from 'antd';
+import { BankInput, useForm } from '@baic/yolk-web';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({ name: 'BankInput' })(<BankInput />)}
+    </Form>
+  );
+};