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

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

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

package/templates/ice-web/src/pages/demo/examples/Title/1.tsx

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Title } from '@baic/yolk-web';
-
-export default () => <Title>这里是标题</Title>;

package/templates/ice-web/src/pages/demo/examples/Title/2.tsx

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { Button } from 'antd';
-import { Title } from '@baic/yolk-web';
-
-export default () => <Title toolbar={<Button>提交</Button>}>这里是标题</Title>;

package/templates/ice-web/src/pages/demo/examples/WaterMark.tsx

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { WaterMark } from '@baic/yolk-web';
-
-export default () => (
-  <WaterMark content="水印">
-    <div style={{ height: 200 }} />
-  </WaterMark>
-);

package/templates/ice-web/src/pages/demo/examples/Wrapper.tsx

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { Button, Divider, Radio } from 'antd';
-import { RadioChangeEvent } from 'antd/es/radio/interface';
-import { Wrapper, WrapperInstance } from '@baic/yolk-web';
-import { Mode } from '@baic/yolk-web/es/wrapper';
-
-export default () => {
-  const ref = React.useRef<WrapperInstance>(null);
-  const [mode, setMode] = React.useState<Mode>('page');
-  const onClickHandler = React.useCallback(() => ref.current?.open(), []);
-  const onChangeHandler = React.useCallback(
-    (e: RadioChangeEvent) => setMode(e.target.value),
-    [],
-  );
-  return (
-    <>
-      <Button onClick={onClickHandler}>打开</Button>
-      <Divider type="vertical" />
-      <Radio.Group onChange={onChangeHandler} defaultValue={mode}>
-        <Radio value="modal">Modal模式</Radio>
-        <Radio value="page">Page模式</Radio>
-        <Radio value="inline">Inline模式</Radio>
-      </Radio.Group>
-      <Divider />
-      <div
-        style={{
-          position: 'relative',
-          overflow: 'hidden',
-          width: 500,
-          height: 500,
-          border: '1px solid #ddd',
-        }}
-      >
-        <Wrapper ref={ref} mode={mode} title="标题">
-          这里是内容
-        </Wrapper>
-      </div>
-    </>
-  );
-};

package/templates/ice-web/src/pages/demo/examples/usePreload.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Util } from '@baic/yolk';
-import { usePreload } from '@baic/yolk-web';
-export default () => {
-  const [wrap] = usePreload(async () => {
-    await Util.delay(1000);
-  });
-  return wrap(<>页面加载完成显示出来了</>);
-};

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

@@ -1,135 +0,0 @@
-import _ from 'lodash';
-
-import * as React from 'react';
-
-import { Tabs } from 'antd';
-
-import BankInput from './examples/BankInput';
-import BarCode from './examples/BarCode';
-import Collapse from './examples/Collapse';
-import DatePicker from './examples/DatePicker';
-import Flex from './examples/Flex';
-import Grid1 from './examples/Grid/1';
-import Grid2 from './examples/Grid/2';
-import Grid3 from './examples/Grid/3';
-import Grid4 from './examples/Grid/4';
-import Grid5 from './examples/Grid/5';
-import Grid6 from './examples/Grid/6';
-import Iconfont from './examples/Iconfont';
-import ImagePreview from './examples/ImagePreview';
-import Input1 from './examples/Input/1';
-import Input2 from './examples/Input/2';
-import LinkButton1 from './examples/LinkButton/1';
-import LinkButton2 from './examples/LinkButton/2';
-import LinkButton3 from './examples/LinkButton/3';
-import Loading from './examples/Loading';
-import MobileInput from './examples/MobileInput';
-import NumberInput from './examples/NumberInput';
-import PagingTable from './examples/PagingTable';
-import QrCode from './examples/QrCode';
-import RangeNumber1 from './examples/RangeNumber/1';
-import RangeNumber2 from './examples/RangeNumber/2';
-import Required from './examples/Required';
-import SearchLayout from './examples/SearchLayout';
-import Table1 from './examples/Table/1';
-import Table2 from './examples/Table/2';
-import Table3 from './examples/Table/3';
-import Table4 from './examples/Table/4';
-import TimerButton from './examples/TimerButton';
-import Title1 from './examples/Title/1';
-import Title2 from './examples/Title/2';
-import usePreload from './examples/usePreload';
-import WaterMark from './examples/WaterMark';
-import Wrapper from './examples/Wrapper';
-
-const { TabPane } = Tabs;
-
-const tabs: Record<
-  string,
-  React.FunctionComponent | Record<string, React.FunctionComponent>
-> = {
-  BankInput,
-  BarCode,
-  Collapse,
-  DatePicker,
-  Flex,
-  Grid: {
-    Grid1,
-    Grid2,
-    Grid3,
-    Grid4,
-    Grid5,
-    Grid6,
-  },
-  Iconfont,
-  ImagePreview,
-  Input: {
-    Input1,
-    Input2,
-  },
-  LinkButton: {
-    LinkButton1,
-    LinkButton2,
-    LinkButton3,
-  },
-  Loading,
-  MobileInput,
-  NumberInput,
-  PagingTable,
-  QrCode,
-  RangeNumber: {
-    RangeNumber1,
-    RangeNumber2,
-  },
-  Required,
-  SearchLayout,
-  Table: {
-    Table1,
-    Table2,
-    Table3,
-    Table4,
-  },
-  TimerButton,
-  Title: {
-    Title1,
-    Title2,
-  },
-  usePreload,
-  WaterMark,
-  Wrapper,
-};
-
-export default () => {
-  const keys = Object.keys(tabs);
-  return (
-    <Tabs defaultActiveKey={keys[0]}>
-      {keys.map(key => {
-        const tab = tabs[key];
-        if (_.isFunction(tab)) {
-          return (
-            <TabPane key={key} tab={key}>
-              {React.createElement(tab)}
-            </TabPane>
-          );
-        }
-        if (_.isObject(tab)) {
-          const keys2 = Object.keys(tab);
-          return (
-            <TabPane key={key} tab={key}>
-              <Tabs defaultActiveKey={keys2[0]}>
-                {keys2.map(key2 => {
-                  const tab2 = tab[key2];
-                  return (
-                    <TabPane key={key2} tab={key2}>
-                      {React.createElement(tab2)}
-                    </TabPane>
-                  );
-                })}
-              </Tabs>
-            </TabPane>
-          );
-        }
-      })}
-    </Tabs>
-  );
-};

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

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

package/templates/ice-web/src/routes.ts

@@ -1,29 +0,0 @@
-import Layouts from '@/layouts';
-import type { IRouterConfig } from 'ice';
-import { lazy } from 'ice';
-
-const Index = lazy(() => import('@/pages/index'));
-const Demo = lazy(() => import('@/pages/demo'));
-
-const routerConfig: IRouterConfig[] = [
-  {
-    path: '/',
-    component: Layouts,
-    children: [
-      {
-        path: '/demo',
-        component: Demo,
-      },
-      {
-        path: '/',
-        exact: true,
-        component: Index,
-      },
-      {
-        component: lazy(() => import('@/pages/404')),
-      },
-    ],
-  },
-];
-
-export default routerConfig;

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

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

package/templates/ice-web/tsconfig.json

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

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

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

package/templates/ice-web-screen/.eslintrc

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

package/templates/ice-web-screen/.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-web-screen/.icerc.ts

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

package/templates/ice-web-screen/.npmrc.tpl

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

package/templates/ice-web-screen/.prettierignore

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

package/templates/ice-web-screen/.prettierrc

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

package/templates/ice-web-screen/.stylelintrc

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

package/templates/ice-web-screen/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-web-screen/package.json.tpl

@@ -1,17 +0,0 @@
-{
-  "private": true,
-  "name": "{{ projectName }}",
-  "scripts": {
-    "start": "yolk start",
-    "build": "yolk build"
-  },
-  "dependencies": {
-    "@ant-design/charts": "1.x",
-    "@baic/preset-yolk-ice-web": "~{{ yolkVersion }}"
-  },
-  "pnpm": {
-    "peerDependencyRules": {
-      "ignoreMissing": "*"
-    }
-  }
-}

package/templates/ice-web-screen/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-web-screen/src/app.tsx

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

package/templates/ice-web-screen/src/common/request.ts

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

package/templates/ice-web-screen/src/common/util.ts

@@ -1,15 +0,0 @@
-import { Util } from '@baic/yolk-web';
-
-const util = {
-  ...Util,
-  getViewportSize() {
-    const width = document.documentElement.clientWidth || window.innerWidth;
-    const height = document.documentElement.clientHeight || window.innerHeight;
-    return {
-      width,
-      height,
-    };
-  },
-};
-
-export default util;

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

@@ -1 +0,0 @@
-export { default as ResizeContainer } from './resize-container';

package/templates/ice-web-screen/src/components/resize-container/index.tsx

@@ -1,95 +0,0 @@
-import * as React from 'react';
-
-import classnames from 'classnames';
-
-import _ from 'lodash';
-
-import { useSize } from 'ahooks';
-
-import style from './style.module.less';
-
-export interface ContainerInstance {
-  zoom: number;
-  width: number;
-  height: number;
-  container?: HTMLDivElement | null;
-}
-
-interface ResizeContainerProps {
-  children?: React.ReactNode | ((e: ContainerInstance) => React.ReactNode);
-  className?: string;
-  getContainer?: () => HTMLElement | React.RefObject<HTMLElement>;
-  onResize?: (e: ContainerInstance) => void;
-  containerParentElementZoom?: boolean | number;
-  containerZoom?: boolean | number;
-}
-
-const Component = React.forwardRef<ContainerInstance, ResizeContainerProps>(
-  (
-    {
-      children,
-      className,
-      getContainer,
-      onResize,
-      containerParentElementZoom = true,
-      containerZoom = true,
-    },
-    ref,
-  ) => {
-    const containerRef = React.useRef<HTMLDivElement>(null);
-    const { width = 0, height = 0 } = useSize(
-      _.isFunction(getContainer)
-        ? getContainer()
-        : () => containerRef.current?.parentElement || null,
-    ) || { width: 0, height: 0 };
-    const instance = React.useMemo(() => {
-      let res = {
-        width,
-        height,
-        zoom: 1,
-        container: containerRef.current,
-      };
-      if (containerRef.current) {
-        const $zoom = _.isNumber(containerParentElementZoom)
-          ? containerParentElementZoom
-          : containerParentElementZoom
-          ? Number(document.body.getAttribute('data-zoom') || 1)
-          : 1;
-        const realWidth = width * $zoom;
-        const realHeight = height * $zoom;
-        res = {
-          ...res,
-          zoom: $zoom,
-          width: realWidth,
-          height: realHeight,
-        };
-        if (containerZoom) {
-          // @ts-ignore
-          containerRef.current.style.zoom = 1 / $zoom;
-        }
-      }
-      if (_.isFunction(onResize)) {
-        onResize(res);
-      }
-      return res;
-    }, [width, height, onResize, containerParentElementZoom, containerZoom]);
-    React.useImperativeHandle(ref, () => instance);
-    const childrenMemo = React.useMemo(() => {
-      const { width: containerWidth, height: containerHeight } = instance;
-      if (0 === containerWidth || 0 === containerHeight) {
-        return null;
-      }
-      return _.isFunction(children) ? children(instance) : children;
-    }, [children, instance]);
-    return (
-      <div
-        className={classnames(style.container, className)}
-        ref={containerRef}
-      >
-        {childrenMemo}
-      </div>
-    );
-  },
-);
-
-export default Component;

package/templates/ice-web-screen/src/components/resize-container/style.module.less

@@ -1,3 +0,0 @@
-.container {
-  display: inline-flex;
-}

package/templates/ice-web-screen/src/constants.ts

@@ -1,7 +0,0 @@
-export const RootFontSize = 14;
-
-export const RootWinWidth = 1920;
-
-export const RootWinHeight = 1080;
-
-export const BGColor = '#020217';

package/templates/ice-web-screen/src/global.less

@@ -1,31 +0,0 @@
-@import 'antd/dist/antd.less';
-@import '@/styles/vars.less';
-
-body {
-  font-size: @RootFontSize;
-  white-space: nowrap;
-  background-color: @bgColor;
-  transform-origin: left top;
-  user-select: none;
-  scroll-behavior: smooth;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
-
-* {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-
-#yolk-app {
-  position: relative;
-  width: max-content;
-  height: max-content;
-}
-
-// 布局容器
-div[class^='layout'] {
-  height: 100%;
-}

package/templates/ice-web-screen/src/hooks/use-size.ts

@@ -1,18 +0,0 @@
-import { useSize as useAHooksSize } from 'ahooks';
-
-import Util from '@/common/util';
-
-export type Size = '16/9';
-
-const { width: winWidth, height: winHeight } = Util.getViewportSize();
-
-const useSize = (): [Size, number, number] => {
-  const { width, height } = useAHooksSize(document.documentElement) || {
-    width: winWidth,
-    height: winHeight,
-  };
-
-  return ['16/9', width, height];
-};
-
-export default useSize;

package/templates/ice-web-screen/src/layouts/16_9/fixed.less

@@ -1,18 +0,0 @@
-@import '@/styles/vars.less';
-
-.body-16-9 {
-  .loading {
-    width: @RootWinWidth;
-    height: @RootWinHeight;
-  }
-
-  .ant-modal-mask,
-  .ant-modal-wrap {
-    width: @RootWinWidth;
-    height: @RootWinHeight;
-  }
-
-  .ant-message {
-    width: @RootWinWidth;
-  }
-}

package/templates/ice-web-screen/src/layouts/16_9/index.tsx

@@ -1,34 +0,0 @@
-import type { ReactNode } from 'react';
-
-import { useSize as aHooksUseSize } from 'ahooks';
-
-import { RootWinHeight } from '@/constants';
-
-import './fixed.less';
-
-import style from './style.module.less';
-
-interface Props {
-  children?: ReactNode;
-}
-
-const Layout = ({ children }: Props) => {
-  const { height } = aHooksUseSize(
-    () => document.getElementsByClassName(style.header)[0],
-  ) || { height: 0 };
-  return (
-    <div className={style.gLayout}>
-      <div className={style.header} />
-      <div
-        className={style.flex}
-        style={{
-          maxHeight: RootWinHeight - height,
-        }}
-      >
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default Layout;