@baic/yolk-cli 2.1.0-alpha.135 → 2.1.0-alpha.136

package/es/.lintstagedrc.js

@@ -36,8 +36,9 @@ const stylelintCLI = `stylelint --fix ${
   ',',
 )}`;
 
-module.exports = {
+const config = {
   '*.{md,json}': [prettierCLI],
+  // '*.{png,jpeg,jpg,gif,svg}': ['imagemin-lint-staged'],
   '*.css': [prettierCLI, `${stylelintCLI} --custom-syntax postcss`],
   '*.less': [prettierCLI, `${stylelintCLI} --custom-syntax postcss-less`],
   '*.{sass,scss}': [
@@ -47,3 +48,5 @@ module.exports = {
   '*.{js,jsx}': [prettierCLI, eslintCLI],
   '*.{ts,tsx}': [`${prettierCLI} --parser=typescript`, eslintCLI],
 };
+
+module.exports = config;

package/lib/.lintstagedrc.js

@@ -36,8 +36,9 @@ const stylelintCLI = `stylelint --fix ${
   ',',
 )}`;
 
-module.exports = {
+const config = {
   '*.{md,json}': [prettierCLI],
+  // '*.{png,jpeg,jpg,gif,svg}': ['imagemin-lint-staged'],
   '*.css': [prettierCLI, `${stylelintCLI} --custom-syntax postcss`],
   '*.less': [prettierCLI, `${stylelintCLI} --custom-syntax postcss-less`],
   '*.{sass,scss}': [
@@ -47,3 +48,5 @@ module.exports = {
   '*.{js,jsx}': [prettierCLI, eslintCLI],
   '*.{ts,tsx}': [`${prettierCLI} --parser=typescript`, eslintCLI],
 };
+
+module.exports = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baic/yolk-cli",
-  "version": "2.1.0-alpha.135",
+  "version": "2.1.0-alpha.136",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/303394539/yolk.git"
@@ -26,6 +26,7 @@
   },
   "dependencies": {
     "@babel/runtime": "~7.x",
+    "@democrance/imagemin-lint-staged": "~2.3.x",
     "@types/inquirer": "~8.x",
     "@types/lint-staged": "~13.2.x",
     "@types/lodash": "~4.x",
@@ -50,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6e12c4022bbfc2a15ec66a286b2f0a9e037fad37"
+  "gitHead": "0053ea65af8b398c4f765c8003b1cbf0b887737d"
 }

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

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

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

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

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

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

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import { Form, FormItem, Textarea, useForm } from '@baic/yolk-miniprogram';
 
 export default () => {

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

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

@@ -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.tsx

@@ -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.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import { View } from '@tarojs/components';
 
 import style from './style.scss';

package/templates/miniprogram/tsconfig.json

@@ -1,3 +1,11 @@
 {
-  "extends": "@baic/yolk-taro/tsconfig.json"
+  "extends": "@baic/yolk-taro/lib/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "typeRoots": ["node_modules/@types", "global.d.ts"],
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
 }

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

@@ -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/index.tsx

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import type { FunctionComponent } from 'react';
+import { createElement } from 'react';
 
 import { isFunction, isObject } from 'lodash';
 
@@ -27,7 +28,7 @@ const { Panel } = Collapse;
 
 const tabs: Record<
   string,
-  React.FunctionComponent | Record<string, React.FunctionComponent>
+  FunctionComponent | Record<string, FunctionComponent>
 > = {
   BarCode,
   Iconfont,
@@ -58,7 +59,7 @@ export default () => {
         if (isFunction(tab)) {
           return (
             <Tab key={key} title={key}>
-              {React.createElement(tab)}
+              {createElement(tab)}
             </Tab>
           );
         }
@@ -71,7 +72,7 @@ export default () => {
                   const tab2 = tab[key2];
                   return (
                     <Panel key={key2} title={key2}>
-                      {React.createElement(tab2)}
+                      {createElement(tab2)}
                     </Panel>
                   );
                 })}

package/templates/umi-mobile-h5+app/src/pages/index.tsx

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

package/templates/umi-mobile-native/src/pages/404.tsx

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

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

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import type { FunctionComponent } from 'react';
+import { createElement } from 'react';
 
 import { isFunction, isObject } from 'lodash';
 
@@ -28,7 +29,7 @@ const { Panel } = Collapse;
 
 const tabs: Record<
   string,
-  React.FunctionComponent | Record<string, React.FunctionComponent>
+  FunctionComponent | Record<string, FunctionComponent>
 > = {
   BarCode,
   Iconfont,
@@ -60,7 +61,7 @@ export default () => {
         if (isFunction(tab)) {
           return (
             <Tab key={key} title={key}>
-              {React.createElement(tab)}
+              {createElement(tab)}
             </Tab>
           );
         }
@@ -73,7 +74,7 @@ export default () => {
                   const tab2 = tab[key2];
                   return (
                     <Panel key={key2} title={key2}>
-                      {React.createElement(tab2)}
+                      {createElement(tab2)}
                     </Panel>
                   );
                 })}

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

@@ -1,6 +1,7 @@
 import { isFunction, isObject } from 'lodash';
 
-import * as React from 'react';
+import type { FunctionComponent } from 'react';
+import { createElement } from 'react';
 
 import { Tabs } from 'antd';
 
@@ -46,7 +47,7 @@ const { TabPane } = Tabs;
 
 const tabs: Record<
   string,
-  React.FunctionComponent | Record<string, React.FunctionComponent>
+  FunctionComponent | Record<string, FunctionComponent>
 > = {
   BankInput,
   BarCode,
@@ -108,7 +109,7 @@ export default () => {
         if (isFunction(tab)) {
           return (
             <TabPane key={key} tab={key}>
-              {React.createElement(tab)}
+              {createElement(tab)}
             </TabPane>
           );
         }
@@ -121,7 +122,7 @@ export default () => {
                   const tab2 = tab[key2];
                   return (
                     <TabPane key={key2} tab={key2}>
-                      {React.createElement(tab2)}
+                      {createElement(tab2)}
                     </TabPane>
                   );
                 })}

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

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