@baic/yolk-cli 2.1.0-alpha.21 → 2.1.0-alpha.211

package/templates/umi-web-screen/src/layouts/controller/index.tsx

@@ -1,18 +1,16 @@
-import type { ReactNode } from 'react';
-
+import type { PropsWithChildren } from 'react';
 import { createContext, useEffect, useRef, useState } from 'react';
 
-import useSize from '@/hooks/use-size';
-
 import { RootWinWidth } from '@/constants';
+import useSize from '@/hooks/use-size';
 
-export interface Value {
+export type Value = {
   layout: {
     16_9: {
       type: 1;
     };
   };
-}
+};
 
 export const context = createContext<Value>({
   layout: {
@@ -22,9 +20,7 @@ export const context = createContext<Value>({
   },
 });
 
-interface Props {
-  children?: ReactNode;
-}
+type Props = PropsWithChildren<Record<string, unknown>>;
 
 const { Provider } = context;
 

package/templates/umi-web-screen/src/pages/404.tsx

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { Result, Button } from 'antd';
-
 import { history } from 'umi';
 
+import { Button, Result } from 'antd';
+
 export default () => (
   <Result
     status="404"

package/templates/umi-web-screen/src/pages/index.tsx

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

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

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import { Line } from '@ant-design/plots';
 
 import { ResizeContainer } from '@/components';
@@ -8,6 +6,7 @@ const Component = () => (
   <ResizeContainer>
     {({ width, height }) => (
       <Line
+        supportCSSTransform
         width={width}
         height={height}
         xField="date"
@@ -16,7 +15,7 @@ const Component = () => (
           label: {
             // 数值格式化为千分位
             formatter: (v) =>
-              `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/gu, (s) => `${s},`),
+              `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`),
           },
         }}
         seriesField="type"

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

@@ -1,25 +1,24 @@
-import * as React from 'react';
+import type { PropsWithChildren } from 'react';
+import { createContext, useCallback, useEffect,useRef, useState } from 'react';
 
 import { useMount, useUnmount } from 'ahooks';
 
 import useSize from '@/hooks/use-size';
 
-interface Props {
-  children?: React.ReactNode;
-}
+type Props = PropsWithChildren<Record<string, unknown>>;
 
 export type Data = Record<string, any>;
 
-export interface Value {
+export type Value = {
   data: Data;
   layout: {
     16_9: {
       type: 1;
     };
   };
-}
+};
 
-export const context = React.createContext<Value>({
+export const context = createContext<Value>({
   data: {},
   layout: {
     16_9: {
@@ -34,11 +33,11 @@ const Component = ({ children }: Props) => {
   const [size] = useSize();
 
   // ref
-  const timeoutID = React.useRef<NodeJS.Timeout>();
+  const timeoutID = useRef<NodeJS.Timeout>();
 
   // data
-  const [data, setData] = React.useState<Data>({});
-  const initDataHandler = React.useCallback(async () => {
+  const [data, setData] = useState<Data>({});
+  const initDataHandler = useCallback(async () => {
     await Promise.all([]);
     const $data: Data = {};
     setData({
@@ -49,7 +48,7 @@ const Component = ({ children }: Props) => {
   }, [data]);
 
   // layout
-  const [layout, setLayout] = React.useState<Value['layout']>({
+  const [layout, setLayout] = useState<Value['layout']>({
     16_9: {
       type: 1,
     },
@@ -62,7 +61,7 @@ const Component = ({ children }: Props) => {
     }
   });
 
-  React.useEffect(() => {
+  useEffect(() => {
     setLayout({
       16_9: {
         type: 1,

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

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

package/templates/ice-mobile/.eslintrc

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

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

@@ -1,34 +0,0 @@
-# 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
-
-*less.d.ts*
-*scss.d.ts*
-.eslintcache
-.stylelintcache
-
-# h5+app
-/h5+app/unpackage/cache
-/h5+app/unpackage/release

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

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

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

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

package/templates/ice-mobile/.prettierignore

@@ -1,9 +0,0 @@
-build/
-tests/
-demo/
-.ice/
-coverage/
-**/*-min.js
-**/*.min.js
-package-lock.json
-yarn.lock

package/templates/ice-mobile/.prettierrc

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

package/templates/ice-mobile/.stylelintrc

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

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

@@ -1,34 +0,0 @@
-# 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/ice-mobile/package.json.tpl

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

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

@@ -1,15 +0,0 @@
-<!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-mobile/src/app.tsx

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

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

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

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

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

package/templates/ice-mobile/src/global.less

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

package/templates/ice-mobile/src/layouts/index.tsx

@@ -1,5 +0,0 @@
-import * as React from 'react';
-
-export default ({ children }: { children?: React.ReactNode }) => (
-  <>{children}</>
-);

package/templates/ice-mobile/src/pages/404.tsx

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

package/templates/ice-mobile/src/pages/demo/examples/BarCode.tsx

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

package/templates/ice-mobile/src/pages/demo/examples/Iconfont.tsx

@@ -1,18 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/Input.tsx

@@ -1,17 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/List/1.tsx

@@ -1,12 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/List/2.tsx

@@ -1,29 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/List/3.tsx

@@ -1,29 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/List/4.tsx

@@ -1,55 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/List/mock.ts

@@ -1,30 +0,0 @@
-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/src/pages/demo/examples/Loading.tsx

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

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

@@ -1,17 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/NumberInput/2.tsx

@@ -1,17 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/NumberInput/3.tsx

@@ -1,17 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/NumberInput/4.tsx

@@ -1,17 +0,0 @@
-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/ice-mobile/src/pages/demo/examples/PagingList/1.tsx

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

package/templates/ice-mobile/src/pages/demo/examples/QrCode.tsx

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

package/templates/ice-mobile/src/pages/demo/examples/Required.tsx

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

package/templates/ice-mobile/src/pages/demo/examples/TimerButton.tsx

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