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

package/templates/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/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>
+  );
+};

package/templates/ice-mobile-native/src/pages/demo/examples/NumberInput/4.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: 'negative',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput negative />)}
+    </Form>
+  );
+};

package/templates/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/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/ice-mobile-native/src/pages/demo/examples/Xprinter/index.tsx

@@ -0,0 +1,64 @@
+import { useCallback, useState } from 'react';
+
+import { Toast } from 'antd-mobile';
+
+import { useMount } from 'ahooks';
+
+import type { BondedDevice } from '@/common/Xprinter';
+
+import Xprinter from '@/common/Xprinter';
+
+import Util from '@/common/util';
+
+import style from './style.less';
+
+export default () => {
+  const [bondlist, setBondList] = useState<BondedDevice[]>([]);
+  const getOnConnectionHandler = useCallback(
+    ({ deviceId }: plus.Bluetooth.BluetoothDeviceInfo) =>
+      async () => {
+        Util.Loading.start();
+        setBondList([]);
+        /**
+         * 打印机
+         */
+        try {
+          await Xprinter.connect(deviceId); // 成功以后可以执行打印
+          Toast.show({
+            icon: 'success',
+            content: `连接成功：${deviceId}`,
+          });
+        } catch (error) {
+          Toast.show({
+            icon: 'fail',
+            content: `连接失败：${JSON.stringify(error)}`,
+          });
+        } finally {
+          Util.Loading.stop();
+        }
+      },
+    [],
+  );
+  useMount(async () => {
+    setBondList((await Xprinter.getBondedDevices()) || []);
+  });
+  return (
+    <>
+      <div className={style.title}>蓝牙设备</div>
+      <div className={style.list}>
+        {bondlist.map((device) => {
+          const { name, deviceId } = device;
+          return (
+            <div
+              key={deviceId}
+              className={style.item}
+              onClick={getOnConnectionHandler(device)}
+            >
+              {name}[{deviceId}]
+            </div>
+          );
+        })}
+      </div>
+    </>
+  );
+};

package/templates/ice-mobile-native/src/pages/demo/examples/Xprinter/style.less

@@ -0,0 +1,16 @@
+.title {
+  padding: 6px 0;
+  color: #333;
+  font-size: 8px;
+  border: 1px solid #efefef;
+  text-align: center;
+}
+.list {
+  background-color: #fff;
+  .item {
+    padding: 4px 0;
+    font-size: 8px;
+    text-align: center;
+    border: 1px solid #efefef;
+  }
+}

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

@@ -0,0 +1,89 @@
+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';
+import Xprinter from './examples/Xprinter';
+
+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,
+  Xprinter,
+};
+
+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/ice-mobile-native/src/pages/index.tsx

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

package/templates/ice-mobile-native/src/routes.ts

@@ -0,0 +1,29 @@
+import Layouts from '@/layouts';
+import type { IRouterConfig } from 'ice';
+import { lazy } from 'ice';
+
+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-mobile-native/src/types/user.d.ts

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

package/templates/ice-mobile-native/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.ice/plugins/yolk/core/tsconfig.json"
+}

package/templates/ice-mobile-native/typings.d.ts

@@ -0,0 +1 @@
+import "@@/plugins/yolk/core/typings";

package/templates/ice-web/.eslintrc

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

package/templates/ice-web/.gitignore.tpl

@@ -2,6 +2,13 @@
 
 # dependencies
 node_modules/
+npm-debug.log*
+npm-error.log*
+package-lock.json
+yarn.lock
+yarn-debug.log*
+yarn-error.log*
+pnpm-lock.yaml
 
 # production
 build/
@@ -17,9 +24,9 @@ lib/
 *.dia~
 .ice
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# ide
+.vscode
+
 *less.d.ts*
 *scss.d.ts*
 .eslintcache

package/templates/ice-web/.icerc.ts

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

package/templates/ice-web/.npmrc.tpl

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

package/templates/ice-web/.prettierignore

@@ -1,9 +1,8 @@
 build/
-tests/
-demo/
 .ice/
 coverage/
-**/*-min.js
-**/*.min.js
 package-lock.json
-yarn.lock
+yarn.lock
+yarn-debug.log
+yarn-error.log
+pnpm-lock.yaml

package/templates/ice-web/.prettierrc.js

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

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

@@ -14,7 +14,7 @@ $ {{ dependenciesInstallType }} install
 {{ ^dependenciesInstallType }}
 
 ```bash
-$ yarn install
+$ pnpm install
 ```
 
 {{ /dependenciesInstallType }}

package/templates/ice-web/package.json.tpl

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

package/templates/ice-web/public/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
+    <title></title>
+  </head>
+
+  <body>
+    <div id="yolk-app"></div>
+  </body>
+</html>

package/templates/ice-web/src/app.tsx

@@ -1,5 +1,5 @@
 import { runApp } from 'ice';
 
-import '@baic/yolk-web/lib/style/index.less';
+import '@baic/yolk-web/es/style/index.less';
 
 runApp();

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

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

package/templates/ice-web/src/pages/demo/examples/Grid/5.tsx

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

package/templates/ice-web/src/pages/demo/examples/Input/2.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { Form, Button, Divider } from 'antd';
+import { Button, Divider } from 'antd';
 import { useForm } from '@baic/yolk-web';
 import {
+  Form,
   Config,
   Input,
   NumberInput,

package/templates/ice-web/src/pages/demo/examples/RangeNumber/2.tsx

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

package/templates/ice-web/src/pages/demo/examples/SearchLayout.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { Form } from 'antd';
-import { useForm } from '@baic/yolk-web';
 import {
+  Form,
+  useForm,
   SearchLayout,
   Input,
   NumberInput,

package/templates/ice-web/src/pages/demo/examples/Wrapper.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button, Divider, Radio } from 'antd';
 import { RadioChangeEvent } from 'antd/es/radio/interface';
 import { Wrapper, WrapperInstance } from '@baic/yolk-web';
-import { Mode } from '@baic/yolk-web/lib/wrapper';
+import { Mode } from '@baic/yolk-web/es/wrapper';
 
 export default () => {
   const ref = React.useRef<WrapperInstance>(null);

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

@@ -1,5 +1,6 @@
-import { IRouterConfig, lazy } from 'ice';
 import Layouts from '@/layouts';
+import type { IRouterConfig } from 'ice';
+import { lazy } from 'ice';
 
 const Index = lazy(() => import('@/pages/index'));
 const Demo = lazy(() => import('@/pages/demo'));

package/templates/ice-web-screen/.eslintrc

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

package/templates/ice-web-screen/.gitignore.tpl

@@ -0,0 +1,37 @@
+# See https://help.github.com/ignore-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
+build/
+dist/
+tmp/
+lib/
+
+# misc
+.idea/
+.happypack
+.DS_Store
+*.swp
+*.dia~
+.ice
+
+# ide
+.vscode
+
+*less.d.ts*
+*scss.d.ts*
+.eslintcache
+.stylelintcache
+
+# h5+app
+/h5+app/unpackage/cache
+/h5+app/unpackage/release

package/templates/ice-web-screen/.icerc.ts

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

package/templates/ice-web-screen/.npmrc.tpl

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