npm - @baic/yolk-cli - Versions diffs - 2.1.0-alpha.23 → 2.1.0-alpha.232 - Mend

@baic/yolk-cli 2.1.0-alpha.23 → 2.1.0-alpha.232

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (554) hide show

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

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

package/templates/miniprogram/src/pages/demo/examples/MobileInput.tsx CHANGED Viewed

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import { MobileInput } from '@baic/yolk-miniprogram';
 export default () => <MobileInput />;

package/templates/miniprogram/src/pages/demo/examples/MoneyInput.tsx CHANGED Viewed

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import { MoneyInput } from '@baic/yolk-miniprogram';
 export default () => <MoneyInput />;

package/templates/miniprogram/src/pages/demo/examples/NumberInput.tsx CHANGED Viewed

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import { NumberInput } from '@baic/yolk-miniprogram';
 export default () => <NumberInput />;

package/templates/miniprogram/src/pages/demo/examples/Textarea.tsx CHANGED Viewed

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

package/templates/miniprogram/src/pages/demo/examples/TimerButton.tsx CHANGED Viewed

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

package/templates/miniprogram/src/pages/demo/examples/usePreload.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { View } from '@tarojs/components';
 import { Util } from '@baic/yolk';
 import { usePreload } from '@baic/yolk-miniprogram';

package/templates/miniprogram/src/pages/demo/index.config.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PageConfig } from '@tarojs/taro/types/index';
+import { PageConfig } from '@tarojs/taro';
 export default {
   navigationBarTitleText: 'demo',

package/templates/miniprogram/src/pages/demo/index.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import type { FunctionComponent } from 'react';
+import { createElement, useCallback, useState } from 'react';
 import { AtTabs, AtTabsPane } from 'taro-ui';
@@ -10,7 +11,7 @@ import MoneyInput from './examples/MoneyInput';
 import Textarea from './examples/Textarea';
 import TimerButton from './examples/TimerButton';
-const tabs: Record<string, React.FunctionComponent> = {
+const tabs: Record<string, FunctionComponent> = {
   usePrload,
   Input,
   NumberInput,
@@ -21,8 +22,8 @@ const tabs: Record<string, React.FunctionComponent> = {
 };
 export default () => {
-  const [current, setCurrent] = React.useState(0);
-  const onClickHandler = React.useCallback((i: number) => setCurrent(i), []);
+  const [current, setCurrent] = useState(0);
+  const onClickHandler = useCallback((i: number) => setCurrent(i), []);
   const keys = Object.keys(tabs);
   return (
     <AtTabs
@@ -35,7 +36,7 @@ export default () => {
         const tab = tabs[key];
         return (
           <AtTabsPane current={current} index={index}>
-            {React.createElement(tab)}
+            {createElement(tab)}
           </AtTabsPane>
         );
       })}

package/templates/miniprogram/src/pages/index/index.config.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PageConfig } from '@tarojs/taro/types/index';
+import { PageConfig } from '@tarojs/taro';
 export default {
   navigationBarTitleText: '首页',

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

@@ -1,5 +1,5 @@
 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/miniprogram/src/types/user.d.ts CHANGED Viewed

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

package/templates/miniprogram/tsconfig.json CHANGED Viewed

@@ -1,28 +1,11 @@
 {
+  "extends": "@baic/yolk-taro/lib/tsconfig.json",
   "compilerOptions": {
-    "target": "es2017",
-    "module": "commonjs",
-    "removeComments": false,
-    "preserveConstEnums": true,
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "noImplicitAny": false,
-    "allowSyntheticDefaultImports": true,
-    "outDir": "lib",
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "strictNullChecks": true,
-    "sourceMap": true,
     "baseUrl": ".",
-    "rootDir": ".",
-    "jsx": "react",
-    "allowJs": true,
-    "resolveJsonModule": true,
     "typeRoots": ["node_modules/@types", "global.d.ts"],
     "paths": {
       "@/*": ["src/*"]
     }
   },
-  "exclude": ["node_modules", "dist"],
-  "compileOnSave": false
+  "exclude": ["node_modules", "dist"]
 }

package/templates/umi-mobile/.eslintrc.js ADDED Viewed

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: '@baic/eslint-config-yolk',
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+  },
+};

package/templates/umi-mobile/.prettierignore CHANGED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
1	+ module.exports = require('@baic/prettier-config-yolk');

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

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

package/templates/umi-mobile/LICENSE CHANGED Viewed

@@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2020 Baic
+Copyright (c) 2024 Baic
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/templates/umi-mobile/biome.json ADDED Viewed

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

package/templates/umi-mobile/src/app.tsx CHANGED Viewed

@@ -1,9 +1,7 @@
-import { Provider } from '@baic/yolk-mobile';
+import { Provider, Style } 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
@@ -13,6 +11,7 @@ export function rootContainer(container: React.ReactNode) {
         '//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js',
       ]}
     >
+      <Style />
       {container}
     </Provider>
   );

package/templates/umi-mobile/src/pages/404.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Result } from 'antd-mobile';
 export default () => (

package/templates/umi-mobile/src/pages/demo/examples/BarCode.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-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 CHANGED Viewed

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { Provider, Iconfont } from '@baic/yolk-mobile';
+import { Iconfont, Provider } from '@baic/yolk-mobile';
 export default () => {
   return (

package/templates/umi-mobile/src/pages/demo/examples/Input.tsx CHANGED Viewed

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

package/templates/umi-mobile/src/pages/demo/examples/List/1.tsx CHANGED Viewed

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { List } from '@baic/yolk-mobile';
 export default () => {
   return (
-    <List header='基础用法'>
+    <List header="基础用法">
       <List.Item>1</List.Item>
       <List.Item>2</List.Item>
       <List.Item>3</List.Item>

package/templates/umi-mobile/src/pages/demo/examples/List/2.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Image } from 'antd-mobile';
 import { List } from '@baic/yolk-mobile';
 import mock from './mock';

package/templates/umi-mobile/src/pages/demo/examples/List/3.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Image } from 'antd-mobile';
 import { List } from '@baic/yolk-mobile';
 import mock from './mock';

package/templates/umi-mobile/src/pages/demo/examples/List/4.tsx CHANGED Viewed

@@ -1,8 +1,10 @@
-import * as React from 'react';
+import { useCallback, useMemo } from 'react';
 import { Image } from 'antd-mobile';
-import { List, ListVirtualizedScrollEvent } from '@baic/yolk-mobile';
-const rowCount = 100;
+import { List, VirtualListScrollEvent } from '@baic/yolk-mobile';
+const rowCount = 100000;
 const item = {
   avatar:
@@ -14,22 +16,19 @@ const item = {
 const mock = Array(rowCount).fill(item);
 export default () => {
-  const onScrollHandler = React.useCallback(
-    async (e: ListVirtualizedScrollEvent) => {
-      console.log(e);
-    },
-    [],
-  );
-  const virtualizedMemo = React.useMemo(
+  const onScrollHandler = useCallback(async (e: VirtualListScrollEvent) => {
+    console.log(e);
+  }, []);
+  const virtualMemo = useMemo(
     () => ({
       height: 500,
-      rowHeight: 60,
-      onScroll: onScrollHandler,
+      itemHeight: 60,
+      onVirtualScroll: onScrollHandler,
     }),
     [onScrollHandler],
   );
   return (
-    <List header="拖拽" virtualized={virtualizedMemo} data={mock}>
+    <List header="虚拟化" virtual={virtualMemo} data={mock}>
       {({ name, avatar, description }, index, e) => {
         return (
           <List.Item

package/templates/umi-mobile/src/pages/demo/examples/Loading.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Loading } from '@baic/yolk-mobile';
 export default () => (

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/1.tsx CHANGED Viewed

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

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/2.tsx CHANGED Viewed

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

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/3.tsx CHANGED Viewed

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

package/templates/umi-mobile/src/pages/demo/examples/NumberInput/4.tsx CHANGED Viewed

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

package/templates/umi-mobile/src/pages/demo/examples/PagingList/1.tsx CHANGED Viewed

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

package/templates/umi-mobile/src/pages/demo/examples/QrCode.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-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 CHANGED Viewed

@@ -1,4 +1,3 @@
-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 CHANGED Viewed

@@ -1,4 +1,3 @@
-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 CHANGED Viewed

@@ -1,6 +1,6 @@
-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);

package/templates/umi-mobile/src/pages/demo/index.tsx CHANGED Viewed

@@ -1,8 +1,9 @@
-import * as React from 'react';
+import { isFunction, isObject } from 'lodash';
-import _ from 'lodash';
+import type { FunctionComponent } from 'react';
+import { createElement } from 'react';
-import { Tabs, Collapse } from 'antd-mobile';
+import { Collapse, Tabs } from 'antd-mobile';
 import BarCode from './examples/BarCode';
 import Iconfont from './examples/Iconfont';
@@ -27,7 +28,7 @@ const { Panel } = Collapse;
 const tabs: Record<
   string,
-  React.FunctionComponent | Record<string, React.FunctionComponent>
+  FunctionComponent | Record<string, FunctionComponent>
 > = {
   BarCode,
   Iconfont,
@@ -55,14 +56,14 @@ export default () => {
     <Tabs defaultActiveKey={keys[0]}>
       {keys.map((key) => {
         const tab = tabs[key];
-        if (_.isFunction(tab)) {
+        if (isFunction(tab)) {
           return (
             <Tab key={key} title={key}>
-              {React.createElement(tab)}
+              {createElement(tab)}
             </Tab>
           );
         }
-        if (_.isObject(tab)) {
+        if (isObject(tab)) {
           const keys2 = Object.keys(tab);
           return (
             <Tab key={key} title={key}>
@@ -71,7 +72,7 @@ export default () => {
                   const tab2 = tab[key2];
                   return (
                     <Panel key={key2} title={key2}>
-                      {React.createElement(tab2)}
+                      {createElement(tab2)}
                     </Panel>
                   );
                 })}
@@ -79,9 +80,8 @@ export default () => {
             </Tab>
           );
         }
+        return null;
       })}
     </Tabs>
   );
 };
-// export default () => <PagingList_1 />;

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

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

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

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

package/templates/umi-mobile-h5+app/.eslintrc.js ADDED Viewed

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: '@baic/eslint-config-yolk',
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+  },
+};

package/templates/umi-mobile-h5+app/.prettierignore CHANGED Viewed

@@ -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-h5+app/.prettierrc.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ module.exports = require('@baic/prettier-config-yolk');

package/templates/umi-mobile-h5+app/.umirc.ts.tpl CHANGED Viewed

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

package/templates/umi-mobile-h5+app/LICENSE CHANGED Viewed

@@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2020 Baic
+Copyright (c) 2024 Baic
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/templates/umi-mobile-h5+app/biome.json ADDED Viewed

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

package/templates/umi-mobile-h5+app/src/app.tsx CHANGED Viewed

@@ -1,9 +1,7 @@
-import { Provider } from '@baic/yolk-mobile';
+import { Provider, Style } 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
@@ -13,6 +11,7 @@ export function rootContainer(container: React.ReactNode) {
         '//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js',
       ]}
     >
+      <Style />
       {container}
     </Provider>
   );

package/templates/umi-mobile-h5+app/src/pages/404.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Result } from 'antd-mobile';
 export default () => (

package/templates/umi-mobile-h5+app/src/pages/demo/examples/Input.tsx CHANGED Viewed

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

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Image } from 'antd-mobile';
-import { List, ListVirtualizedScrollEvent } from '@baic/yolk-mobile';
+import { List, VirtualListScrollEvent } from '@baic/yolk-mobile';
-const rowCount = 100;
+const rowCount = 100000;
 const item = {
   avatar:
@@ -15,21 +15,21 @@ const mock = Array(rowCount).fill(item);
 export default () => {
   const onScrollHandler = React.useCallback(
-    async (e: ListVirtualizedScrollEvent) => {
+    async (e: VirtualListScrollEvent) => {
       console.log(e);
     },
     [],
   );
-  const virtualizedMemo = React.useMemo(
+  const virtualMemo = React.useMemo(
     () => ({
       height: 500,
-      rowHeight: 60,
-      onScroll: onScrollHandler,
+      itemHeight: 60,
+      onVirtualScroll: onScrollHandler,
     }),
     [onScrollHandler],
   );
   return (
-    <List header="拖拽" virtualized={virtualizedMemo} data={mock}>
+    <List header="虚拟化" virtual={virtualMemo} data={mock}>
       {({ name, avatar, description }, index, e) => {
         return (
           <List.Item

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

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

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

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

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

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

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

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