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

package/templates/ice-web-screen/src/pages/template/components/charts/demo-line/index.tsx

@@ -0,0 +1,274 @@
+import * as React from 'react';
+
+import { Line } from '@ant-design/plots';
+
+import { ResizeContainer } from '@/components';
+
+const Component = () => (
+  <ResizeContainer>
+    {({ width, height }) => (
+      <Line
+        width={width}
+        height={height}
+        xField="date"
+        yField="value"
+        yAxis={{
+          label: {
+            // 数值格式化为千分位
+            formatter: (v) =>
+              `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`),
+          },
+        }}
+        seriesField="type"
+        color={({ type }) =>
+          'register' === type
+            ? '#F4664A'
+            : 'download' === type
+            ? '#30BF78'
+            : '#FAAD14'
+        }
+        lineStyle={({ type }) => {
+          if ('register' === type) {
+            return {
+              lineDash: [4, 4],
+              opacity: 1,
+            };
+          }
+
+          return {
+            opacity: 0.5,
+          };
+        }}
+        data={[
+          {
+            date: '2018/8/1',
+            type: 'download',
+            value: 4623,
+          },
+          {
+            date: '2018/8/1',
+            type: 'register',
+            value: 2208,
+          },
+          {
+            date: '2018/8/1',
+            type: 'bill',
+            value: 182,
+          },
+          {
+            date: '2018/8/2',
+            type: 'download',
+            value: 6145,
+          },
+          {
+            date: '2018/8/2',
+            type: 'register',
+            value: 2016,
+          },
+          {
+            date: '2018/8/2',
+            type: 'bill',
+            value: 257,
+          },
+          {
+            date: '2018/8/3',
+            type: 'download',
+            value: 508,
+          },
+          {
+            date: '2018/8/3',
+            type: 'register',
+            value: 2916,
+          },
+          {
+            date: '2018/8/3',
+            type: 'bill',
+            value: 289,
+          },
+          {
+            date: '2018/8/4',
+            type: 'download',
+            value: 6268,
+          },
+          {
+            date: '2018/8/4',
+            type: 'register',
+            value: 4512,
+          },
+          {
+            date: '2018/8/4',
+            type: 'bill',
+            value: 428,
+          },
+          {
+            date: '2018/8/5',
+            type: 'download',
+            value: 6411,
+          },
+          {
+            date: '2018/8/5',
+            type: 'register',
+            value: 8281,
+          },
+          {
+            date: '2018/8/5',
+            type: 'bill',
+            value: 619,
+          },
+          {
+            date: '2018/8/6',
+            type: 'download',
+            value: 1890,
+          },
+          {
+            date: '2018/8/6',
+            type: 'register',
+            value: 2008,
+          },
+          {
+            date: '2018/8/6',
+            type: 'bill',
+            value: 87,
+          },
+          {
+            date: '2018/8/7',
+            type: 'download',
+            value: 4251,
+          },
+          {
+            date: '2018/8/7',
+            type: 'register',
+            value: 1963,
+          },
+          {
+            date: '2018/8/7',
+            type: 'bill',
+            value: 706,
+          },
+          {
+            date: '2018/8/8',
+            type: 'download',
+            value: 2978,
+          },
+          {
+            date: '2018/8/8',
+            type: 'register',
+            value: 2367,
+          },
+          {
+            date: '2018/8/8',
+            type: 'bill',
+            value: 387,
+          },
+          {
+            date: '2018/8/9',
+            type: 'download',
+            value: 3880,
+          },
+          {
+            date: '2018/8/9',
+            type: 'register',
+            value: 2956,
+          },
+          {
+            date: '2018/8/9',
+            type: 'bill',
+            value: 488,
+          },
+          {
+            date: '2018/8/10',
+            type: 'download',
+            value: 3606,
+          },
+          {
+            date: '2018/8/10',
+            type: 'register',
+            value: 678,
+          },
+          {
+            date: '2018/8/10',
+            type: 'bill',
+            value: 507,
+          },
+          {
+            date: '2018/8/11',
+            type: 'download',
+            value: 4311,
+          },
+          {
+            date: '2018/8/11',
+            type: 'register',
+            value: 3188,
+          },
+          {
+            date: '2018/8/11',
+            type: 'bill',
+            value: 548,
+          },
+          {
+            date: '2018/8/12',
+            type: 'download',
+            value: 4116,
+          },
+          {
+            date: '2018/8/12',
+            type: 'register',
+            value: 3491,
+          },
+          {
+            date: '2018/8/12',
+            type: 'bill',
+            value: 456,
+          },
+          {
+            date: '2018/8/13',
+            type: 'download',
+            value: 6419,
+          },
+          {
+            date: '2018/8/13',
+            type: 'register',
+            value: 2852,
+          },
+          {
+            date: '2018/8/13',
+            type: 'bill',
+            value: 689,
+          },
+          {
+            date: '2018/8/14',
+            type: 'download',
+            value: 1643,
+          },
+          {
+            date: '2018/8/14',
+            type: 'register',
+            value: 4788,
+          },
+          {
+            date: '2018/8/14',
+            type: 'bill',
+            value: 280,
+          },
+          {
+            date: '2018/8/15',
+            type: 'download',
+            value: 445,
+          },
+          {
+            date: '2018/8/15',
+            type: 'register',
+            value: 4319,
+          },
+          {
+            date: '2018/8/15',
+            type: 'bill',
+            value: 176,
+          },
+        ]}
+      />
+    )}
+  </ResizeContainer>
+);
+
+export default Component;

package/templates/ice-web-screen/src/pages/template/components/charts/index.ts

@@ -0,0 +1 @@
+export { default as DemoLine } from './demo-line';

package/templates/ice-web-screen/src/pages/template/components/index.ts

@@ -0,0 +1 @@
+export * as Chart from './charts';

package/templates/ice-web-screen/src/pages/template/controller/index.tsx

@@ -0,0 +1,85 @@
+import * as React from 'react';
+
+import { useMount, useUnmount } from 'ahooks';
+
+import useSize from '@/hooks/use-size';
+
+interface Props {
+  children?: React.ReactNode;
+}
+
+export type Data = Record<string, any>;
+
+export interface Value {
+  data: Data;
+  layout: {
+    16_9: {
+      type: 1;
+    };
+  };
+}
+
+export const context = React.createContext<Value>({
+  data: {},
+  layout: {
+    16_9: {
+      type: 1,
+    },
+  },
+});
+
+const { Provider } = context;
+
+const Component = ({ children }: Props) => {
+  const [size] = useSize();
+
+  // ref
+  const timeoutID = React.useRef<NodeJS.Timeout>();
+
+  // data
+  const [data, setData] = React.useState<Data>({});
+  const initDataHandler = React.useCallback(async () => {
+    await Promise.all([]);
+    const $data: Data = {};
+    setData({
+      ...data,
+      ...$data,
+    });
+    // timeoutID.current = setTimeout(initDataHandler, 1000 * 60);
+  }, [data]);
+
+  // layout
+  const [layout, setLayout] = React.useState<Value['layout']>({
+    16_9: {
+      type: 1,
+    },
+  });
+
+  useMount(initDataHandler);
+  useUnmount(() => {
+    if (timeoutID.current) {
+      clearTimeout(timeoutID.current);
+    }
+  });
+
+  React.useEffect(() => {
+    setLayout({
+      16_9: {
+        type: 1,
+      },
+    });
+  }, [size]);
+
+  return (
+    <Provider
+      value={{
+        data,
+        layout,
+      }}
+    >
+      {children}
+    </Provider>
+  );
+};
+
+export default Component;

package/templates/ice-web-screen/src/pages/template/index.tsx

@@ -0,0 +1,15 @@
+import L16_9 from './16_9';
+
+import Controller from './controller';
+
+import style from './style.module.less';
+
+const Page = () => (
+  <div className={style.page}>
+    <Controller>
+      <L16_9 />
+    </Controller>
+  </div>
+);
+
+export default Page;

package/templates/ice-web-screen/src/pages/template/style.module.less

@@ -0,0 +1,3 @@
+.page {
+  height: 100%;
+}

package/templates/ice-web-screen/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 Template = lazy(() => import('@/pages/template'));
+
+const routerConfig: IRouterConfig[] = [
+  {
+    path: '/',
+    component: Layouts,
+    children: [
+      {
+        path: '/template',
+        component: Template,
+      },
+      {
+        path: '/',
+        exact: true,
+        component: Index,
+      },
+      {
+        component: lazy(() => import('@/pages/404')),
+      },
+    ],
+  },
+];
+
+export default routerConfig;

package/templates/ice-web-screen/src/styles/vars.less

@@ -0,0 +1,5 @@
+@RootFontSize: 14px;
+@RootWinWidth: 1920px;
+@RootWinHeight: 1080px;
+@bgColor: #041b38;
+@white: #fff;

package/templates/ice-web-screen/src/types/user.d.ts

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

package/templates/ice-web-screen/tsconfig.json

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

package/templates/ice-web-screen/typings.d.ts

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

package/templates/miniprogram/.eslintrc

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

package/templates/miniprogram/.gitignore.tpl

@@ -2,16 +2,20 @@
 
 # dependencies
 /node_modules
-/.pnp
-.pnp.js
-.prettierrc.js
+npm-debug.log*
+npm-error.log*
+package-lock.json
+yarn.lock
+yarn-debug.log*
+yarn-error.log*
+pnpm-lock.yaml
 
 # testing
 /coverage
 
 # production
 /build
-/dist
+dist/
 
 # misc
 .DS_Store
@@ -24,16 +28,13 @@
 .temp/
 .rn_temp/
 deploy_versions/
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
 .history/
-package-lock.json
-yarn.lock
 *less.d.ts*
 *scss.d.ts*
 .eslintcache
 .stylelintcache
 .vscode
-project.private.config.json
+project.private.config.json
+
+# ide
+.vscode

package/templates/miniprogram/.npmrc.tpl

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

package/templates/miniprogram/.prettierignore

@@ -2,4 +2,8 @@
 **/*.svg
 **/*.ejs
 **/*.html
-package.json
+package-lock.json
+yarn.lock
+yarn-debug.log
+yarn-error.log
+pnpm-lock.yaml

package/templates/miniprogram/.prettierrc.js

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

package/templates/miniprogram/README.md.tpl

@@ -1,4 +1,4 @@
-# {{ projectName }}
+# web
 
 ## Getting Started
 
@@ -14,7 +14,7 @@ $ {{ dependenciesInstallType }} install
 {{ ^dependenciesInstallType }}
 
 ```bash
-$ yarn install
+$ pnpm install
 ```
 
 {{ /dependenciesInstallType }}

package/templates/miniprogram/global.d.ts

@@ -1,33 +1 @@
-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';
-
-// @ts-ignore
-declare const process: NodeJS.Process & {
-  env: {
-    TARO_ENV:
-      | 'weapp'
-      | 'swan'
-      | 'alipay'
-      | 'h5'
-      | 'rn'
-      | 'tt'
-      | 'quickapp'
-      | 'qq'
-      | 'jd';
-    [key: string]: any;
-  };
-};
+import "@baic/yolk-taro/typings";

package/templates/miniprogram/package.json.tpl

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

package/templates/miniprogram/src/pages/demo/examples/Input.tsx

@@ -1,3 +1,12 @@
+import { Form, FormItem, Input, useForm } from '@baic/yolk-miniprogram';
 import * as React from 'react';
-import { Input } from '@baic/yolk-miniprogram';
-export default () => <Input />;
+export default () => {
+  const [form] = useForm();
+  return (
+    <Form form={form}>
+      <FormItem name="input" rules="required">
+        <Input />
+      </FormItem>
+    </Form>
+  );
+};

package/templates/miniprogram/src/pages/index/index.tsx

@@ -1,5 +1,7 @@
+import * as React from 'react';
+
 import { View } from '@tarojs/components';
 
-import style from './index.module.scss';
+import style from './style.scss';
 
 export default () => <View className={style.page}>Hello world</View>;

package/templates/umi-mobile/.eslintrc

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

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

@@ -1,11 +1,14 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
-/npm-debug.log*
-/yarn-error.log
-/yarn.lock
-/package-lock.json
+node_modules/
+npm-debug.log*
+npm-error.log*
+package-lock.json
+yarn.lock
+yarn-debug.log*
+yarn-error.log*
+pnpm-lock.yaml
 
 # production
 /dist

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

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

package/templates/umi-mobile/.prettierignore

@@ -2,7 +2,11 @@
 **/*.svg
 **/*.ejs
 **/*.html
-package.json
+package-lock.json
+yarn.lock
+yarn-debug.log
+yarn-error.log
+pnpm-lock.yaml
 .umi
 .umi-production
-.umi-test
+.umi-test

package/templates/umi-mobile/.prettierrc.js

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

package/templates/umi-mobile/.umirc.ts.tpl

@@ -1,6 +1,7 @@
-import { defineConfig } from '@baic/yolk-umi-mobile';
+import { defineConfig } from '@baic/yolk-umi';
 
 export default defineConfig({
   title: '{{ projectName }}',
   publicPath: '/',
+  hd: {},
 });

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

@@ -1,4 +1,4 @@
-# mobile
+# web
 
 ## Getting Started
 
@@ -14,7 +14,7 @@ $ {{ dependenciesInstallType }} install
 {{ ^dependenciesInstallType }}
 
 ```bash
-$ yarn install
+$ pnpm install
 ```
 
 {{ /dependenciesInstallType }}