@baic/yolk-cli 2.1.0-alpha.103 → 2.1.0-alpha.105

package/templates/umi-mobile/src/.umi/plugin-clickToComponent/runtime.tsx

@@ -0,0 +1,19 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import { ClickToComponent } from 'click-to-react-component';
+import React from 'react';
+export function rootContainer(container, opts) {
+  return React.createElement(
+    (props) => {
+      return (
+        <>
+          <ClickToComponent editor="vscode" />
+          {props.children}
+        </>
+      );
+    },
+    opts,
+    container,
+  );
+}

package/templates/umi-mobile/src/.umi/plugin-errorBoundary/runtime.tsx

@@ -0,0 +1,67 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import type { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+import { Component } from 'react';
+
+class CatchError extends Component<PropsWithChildren> {
+  state = { error: null };
+  static getDerivedStateFromError(error: any) {
+    return { error };
+  }
+  render() {
+    const { children } = this.props;
+    const { error } = this.state;
+    if (error) {
+      document.title = '系统错误，请联系管理员';
+      const pageStyle: CSSProperties = {
+        position: 'fixed',
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      };
+      const messageStyle: CSSProperties = {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: 0,
+        color: '#fff',
+        backgroundColor: '#ff4d4f',
+        fontSize: '16px',
+        lineHeight: 1.5,
+        padding: '10px',
+        textAlign: 'center',
+      };
+      const buttonStyle: CSSProperties = {
+        padding: '8px 20px',
+        fontSize: '14px',
+        lineHeight: 1.5,
+        borderRadius: '5px',
+        backgroundColor: '#1677ff',
+        color: '#fff',
+      };
+      return (
+        <div style={pageStyle}>
+          <div style={messageStyle}>系统错误，请联系管理员</div>
+          <div
+            style={buttonStyle}
+            onClick={() =>
+              window.location.replace(`${location.origin}${location.pathname}`)
+            }
+          >
+            返回首页
+          </div>
+        </div>
+      );
+    }
+    return <>{children}</>;
+  }
+}
+
+export function rootContainer(container: ReactNode) {
+  return <CatchError>{container}</CatchError>;
+}

package/templates/umi-mobile/src/.umi/plugin-hd/runtime.tsx

@@ -0,0 +1,57 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import * as React from 'react';
+
+// @ts-ignore
+import vl from 'umi-hd';
+// @ts-ignore
+import flex from 'umi-hd/lib/flex';
+// @ts-ignore
+import vw from 'umi-hd/lib/vw';
+// @ts-ignore
+import vh from 'umi-hd/lib/vh';
+
+const HD_MODES = {
+  vl,
+  flex,
+  vw,
+  vh,
+};
+
+const HD = ({ children }: { children?: React.ReactNode }) => {
+  const handler = React.useCallback(() => {
+    const { clientWidth } = document.documentElement;
+
+    [{ mode: 'vl', options: [14, 375] }]
+      // discard invalid rules
+      .filter((rule) => HD_MODES[rule.mode])
+      // match first valid rule
+      .some((rule) => {
+        if (
+          // without min & max width
+          (Number.isNaN(rule.minWidth * 1) &&
+            Number.isNaN(rule.maxWidth * 1)) ||
+          // min width only
+          (Number.isNaN(rule.maxWidth * 1) && clientWidth > rule.minWidth) ||
+          // max width only
+          (Number.isNaN(rule.minWidth * 1) && clientWidth < rule.maxWidth) ||
+          // both min & max width
+          (clientWidth > rule.minWidth && clientWidth < rule.maxWidth)
+        ) {
+          HD_MODES[rule.mode](...[].concat(rule.options));
+          return true;
+        }
+      });
+  }, []);
+  React.useEffect(() => {
+    handler();
+    window.addEventListener('resize', handler);
+    return () => window.removeEventListener('resize', handler);
+  }, []);
+  return <>{children}</>;
+};
+
+export function rootContainer(container: React.ReactNode) {
+  return <HD>{container}</HD>;
+}

package/templates/umi-mobile/src/.umi/testBrowser.tsx

@@ -0,0 +1,91 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import type { Location } from 'history';
+import React, { useEffect, useState } from 'react';
+import { ApplyPluginsType } from 'umi';
+import { createHistory } from './core/history';
+import { createPluginManager } from './core/plugin';
+import { getRoutes } from './core/route';
+import {
+  renderClient,
+  RenderClientOpts,
+} from '/Users/baicheng/Desktop/git.zdhrsoft.com/agricultural-cow-trading-mobile/node_modules/.pnpm/@umijs+renderer-react@4.0.53_ef5jwxihqo6n7gxfmzogljlgcm/node_modules/@umijs/renderer-react';
+
+import 'antd/dist/antd.less';
+import '/Users/baicheng/Desktop/git.zdhrsoft.com/agricultural-cow-trading-mobile/src/global.less';
+const publicPath = '/';
+const runtimePublicPath = false;
+
+type TestBrowserProps = {
+  location?: Partial<Location>;
+  historyRef?: React.MutableRefObject<Location>;
+};
+
+export function TestBrowser(props: TestBrowserProps) {
+  const pluginManager = createPluginManager();
+  const [context, setContext] = useState<RenderClientOpts | undefined>(
+    undefined,
+  );
+  useEffect(() => {
+    const genContext = async () => {
+      const { routes, routeComponents } = await getRoutes(pluginManager);
+      // allow user to extend routes
+      await pluginManager.applyPlugins({
+        key: 'patchRoutes',
+        type: ApplyPluginsType.event,
+        args: {
+          routes,
+          routeComponents,
+        },
+      });
+      const contextOpts = pluginManager.applyPlugins({
+        key: 'modifyContextOpts',
+        type: ApplyPluginsType.modify,
+        initialValue: {},
+      });
+      const basename = contextOpts.basename || '/';
+      const history = createHistory({
+        type: 'memory',
+        basename,
+      });
+      const context = {
+        routes,
+        routeComponents,
+        pluginManager,
+        rootElement: contextOpts.rootElement || document.getElementById('root'),
+        publicPath,
+        runtimePublicPath,
+        history,
+        basename,
+        components: true,
+      };
+      const modifiedContext = pluginManager.applyPlugins({
+        key: 'modifyClientRenderOpts',
+        type: ApplyPluginsType.modify,
+        initialValue: context,
+      });
+      return modifiedContext;
+    };
+    genContext().then((context) => {
+      setContext(context);
+      if (props.location) {
+        context?.history?.push(props.location);
+      }
+      if (props.historyRef) {
+        props.historyRef.current = context?.history;
+      }
+    });
+  }, []);
+
+  if (context === undefined) {
+    return <div id="loading" />;
+  }
+
+  const Children = renderClient(context);
+  return (
+    <React.Fragment>
+      <Children />
+    </React.Fragment>
+  );
+}

package/templates/umi-mobile/src/.umi/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "baseUrl": "../../",
+    "strict": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "@umijs/max": [
+        "/Users/baicheng/Desktop/git.zdhrsoft.com/agricultural-cow-trading-mobile/node_modules/.pnpm/umi@4.0.53_cgysqeyhmhrzwx2zpdtuppefcq/node_modules/umi"
+      ],
+      "@umijs/max/typings": ["src/.umi/typings"]
+    }
+  },
+  "include": [
+    "../../.umirc.ts",
+    "../../**/*.d.ts",
+    "../../**/*.ts",
+    "../../**/*.tsx"
+  ]
+}

package/templates/umi-mobile/src/.umi/typings.d.ts

@@ -0,0 +1,138 @@
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+type CSSModuleClasses = { readonly [key: string]: string };
+declare module '*.css' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.scss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.sass' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.less' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.styl' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.stylus' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+
+// images
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.svg' {
+  import * as React from 'react';
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+
+  const src: string;
+  export default src;
+}
+declare module '*.ico' {
+  const src: string;
+  export default src;
+}
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+
+// media
+declare module '*.mp4' {
+  const src: string;
+  export default src;
+}
+declare module '*.webm' {
+  const src: string;
+  export default src;
+}
+declare module '*.ogg' {
+  const src: string;
+  export default src;
+}
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}
+declare module '*.wav' {
+  const src: string;
+  export default src;
+}
+declare module '*.flac' {
+  const src: string;
+  export default src;
+}
+declare module '*.aac' {
+  const src: string;
+  export default src;
+}
+
+// fonts
+declare module '*.woff' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff2' {
+  const src: string;
+  export default src;
+}
+declare module '*.eot' {
+  const src: string;
+  export default src;
+}
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+declare module '*.otf' {
+  const src: string;
+  export default src;
+}
+
+// other
+declare module '*.wasm' {
+  const initWasm: (
+    options: WebAssembly.Imports,
+  ) => Promise<WebAssembly.Exports>;
+  export default initWasm;
+}
+declare module '*.webmanifest' {
+  const src: string;
+  export default src;
+}
+declare module '*.pdf' {
+  const src: string;
+  export default src;
+}
+declare module '*.txt' {
+  const src: string;
+  export default src;
+}

package/templates/umi-mobile/src/.umi/umi.ts

@@ -0,0 +1,76 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import 'antd/dist/antd.less';
+import { ApplyPluginsType } from 'umi';
+import { createHistory } from './core/history';
+import { createPluginManager } from './core/plugin';
+import './core/polyfill';
+import { getRoutes } from './core/route';
+import { renderClient } from '/Users/baicheng/Desktop/git.zdhrsoft.com/agricultural-cow-trading-mobile/node_modules/.pnpm/@umijs+renderer-react@4.0.53_ef5jwxihqo6n7gxfmzogljlgcm/node_modules/@umijs/renderer-react';
+import '/Users/baicheng/Desktop/git.zdhrsoft.com/agricultural-cow-trading-mobile/src/global.less';
+
+const publicPath = '/';
+const runtimePublicPath = false;
+
+async function render() {
+  const pluginManager = createPluginManager();
+  const { routes, routeComponents } = await getRoutes(pluginManager);
+
+  // allow user to extend routes
+  await pluginManager.applyPlugins({
+    key: 'patchRoutes',
+    type: ApplyPluginsType.event,
+    args: {
+      routes,
+      routeComponents,
+    },
+  });
+
+  const contextOpts = pluginManager.applyPlugins({
+    key: 'modifyContextOpts',
+    type: ApplyPluginsType.modify,
+    initialValue: {},
+  });
+
+  const basename = contextOpts.basename || '/';
+  const historyType = contextOpts.historyType || 'hash';
+
+  const history = createHistory({
+    type: historyType,
+    basename,
+    ...contextOpts.historyOpts,
+  });
+
+  return pluginManager.applyPlugins({
+    key: 'render',
+    type: ApplyPluginsType.compose,
+    initialValue() {
+      const context = {
+        routes,
+        routeComponents,
+        pluginManager,
+        rootElement:
+          contextOpts.rootElement || document.getElementById('yolk-app'),
+        publicPath,
+        runtimePublicPath,
+        history,
+        historyType,
+        basename,
+        callback: contextOpts.callback,
+      };
+      const modifiedContext = pluginManager.applyPlugins({
+        key: 'modifyClientRenderOpts',
+        type: ApplyPluginsType.modify,
+        initialValue: context,
+      });
+      return renderClient(modifiedContext);
+    },
+  })();
+}
+
+render();
+
+window.g_umi = {
+  version: '4.0.53',
+};

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

@@ -1,9 +1,9 @@
+import '@baic/yolk-mobile/es/style/index.less';
+
 import { Provider } 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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,7 @@
-import * as React from 'react';
+import { useCallback, useMemo } from 'react';
+
 import { Image } from 'antd-mobile';
+
 import { List, ListVirtualizedScrollEvent } from '@baic/yolk-mobile';
 
 const rowCount = 100000;
@@ -14,13 +16,10 @@ 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: ListVirtualizedScrollEvent) => {
+    console.log(e);
+  }, []);
+  const virtualizedMemo = useMemo(
     () => ({
       height: 500,
       rowHeight: 60,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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