@baic/yolk-cli 2.1.0-alpha.10 → 2.1.0-alpha.101

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.less.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'header': string;
-  'layout': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

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;

package/templates/ice-web-screen/src/layouts/16_9/style.less.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'flex': string;
-  'g-layout': string;
-  'gLayout': string;
-  'header': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

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

@@ -1,19 +0,0 @@
-@import '@/styles/vars.less';
-
-.g-layout {
-  display: flex;
-  flex-direction: column;
-  width: @RootWinWidth;
-  height: @RootWinHeight;
-  background-position: center;
-  background-size: cover;
-
-  .header {
-    width: 100%;
-  }
-
-  .flex {
-    position: relative;
-    flex: 1;
-  }
-}

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

@@ -1,79 +0,0 @@
-import type { ReactNode } from 'react';
-
-import { createContext, useEffect, useRef, useState } from 'react';
-
-import useSize from '@/hooks/use-size';
-
-import { RootWinWidth } from '@/constants';
-
-export interface Value {
-  layout: {
-    16_9: {
-      type: 1;
-    };
-  };
-}
-
-export const context = createContext<Value>({
-  layout: {
-    16_9: {
-      type: 1,
-    },
-  },
-});
-
-interface Props {
-  children?: ReactNode;
-}
-
-const { Provider } = context;
-
-const Component = ({ children }: Props) => {
-  // layout
-  const [layout] = useState<Value['layout']>({
-    16_9: {
-      type: 1,
-    },
-  });
-
-  /**
-   * 容器尺寸变化刷新重绘
-   */
-  const [size, winWidth, winHeight] = useSize();
-  const [visible, setVisible] = useState<boolean>(true);
-  const timeoutIDRef = useRef<NodeJS.Timeout>();
-  useEffect(() => {
-    const rect = `${winWidth}x${winHeight}`;
-    const reloadRect = window.sessionStorage.getItem('reload.rect') || rect;
-    window.sessionStorage.setItem('reload.rect', rect);
-    setVisible(false);
-    if (reloadRect !== rect) {
-      if (timeoutIDRef.current) {
-        clearTimeout(timeoutIDRef.current);
-      }
-      timeoutIDRef.current = setTimeout(() => window.location.reload(), 1000);
-    } else {
-      let zoom = 1;
-      let className = 'body-16-9';
-      if ('16/9' === size) {
-        zoom = winWidth / RootWinWidth;
-      } else if ('32/9' === size) {
-        zoom = winWidth / (RootWinWidth * 2);
-        className = 'body-32-9';
-      }
-      document.body.className = className;
-      document.body.style.transform = `scale3d(${zoom}, ${zoom}, 1)`;
-      document.body.setAttribute('data-zoom', String(zoom));
-      setVisible(true);
-    }
-    return () => {
-      if (timeoutIDRef.current) {
-        clearTimeout(timeoutIDRef.current);
-      }
-    };
-  }, [winWidth, winHeight, size]);
-
-  return <Provider value={{ layout }}>{visible ? children : null}</Provider>;
-};
-
-export default Component;

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

@@ -1,11 +0,0 @@
-import L16_9 from './16_9';
-
-import Controller from './controller';
-
-const Layout = () => (
-  <Controller>
-    <L16_9 />
-  </Controller>
-);
-
-export default Layout;

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Result, Button } from 'antd';
-
-import { history } from 'ice';
-
-export default () => (
-  <Result
-    status="404"
-    title="404"
-    subTitle="对不起，您访问的页面不存在。"
-    extra={
-      <Button type="primary" onClick={() => history?.replace('/')}>
-        返回首页
-      </Button>
-    }
-  />
-);

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

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

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

@@ -1,13 +0,0 @@
-import style from './style.module.less';
-
-import { Chart } from '../components';
-
-const Layout = () => (
-  <div className={style.layout}>
-    <div className={style.flex}>
-      <Chart.DemoLine />
-    </div>
-  </div>
-);
-
-export default Layout;

package/templates/ice-web-screen/src/pages/template/16_9/style.module.less

@@ -1,7 +0,0 @@
-.layout {
-  .flex {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-}

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

@@ -1,274 +0,0 @@
-import * as React from 'react';
-
-import { Line } from '@ant-design/plots';
-
-import { ResizeContainer } from '@/components';
-
-const Component = () => (
-  <ResizeContainer>
-    {({ width, height }) => (
-      <Line
-        width={width}
-        height={height}
-        xField="date"
-        yField="value"
-        yAxis={{
-          label: {
-            // 数值格式化为千分位
-            formatter: (v) =>
-              `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/gu, (s) => `${s},`),
-          },
-        }}
-        seriesField="type"
-        color={({ type }) =>
-          'register' === type
-            ? '#F4664A'
-            : 'download' === type
-            ? '#30BF78'
-            : '#FAAD14'
-        }
-        lineStyle={({ type }) => {
-          if ('register' === type) {
-            return {
-              lineDash: [4, 4],
-              opacity: 1,
-            };
-          }
-
-          return {
-            opacity: 0.5,
-          };
-        }}
-        data={[
-          {
-            date: '2018/8/1',
-            type: 'download',
-            value: 4623,
-          },
-          {
-            date: '2018/8/1',
-            type: 'register',
-            value: 2208,
-          },
-          {
-            date: '2018/8/1',
-            type: 'bill',
-            value: 182,
-          },
-          {
-            date: '2018/8/2',
-            type: 'download',
-            value: 6145,
-          },
-          {
-            date: '2018/8/2',
-            type: 'register',
-            value: 2016,
-          },
-          {
-            date: '2018/8/2',
-            type: 'bill',
-            value: 257,
-          },
-          {
-            date: '2018/8/3',
-            type: 'download',
-            value: 508,
-          },
-          {
-            date: '2018/8/3',
-            type: 'register',
-            value: 2916,
-          },
-          {
-            date: '2018/8/3',
-            type: 'bill',
-            value: 289,
-          },
-          {
-            date: '2018/8/4',
-            type: 'download',
-            value: 6268,
-          },
-          {
-            date: '2018/8/4',
-            type: 'register',
-            value: 4512,
-          },
-          {
-            date: '2018/8/4',
-            type: 'bill',
-            value: 428,
-          },
-          {
-            date: '2018/8/5',
-            type: 'download',
-            value: 6411,
-          },
-          {
-            date: '2018/8/5',
-            type: 'register',
-            value: 8281,
-          },
-          {
-            date: '2018/8/5',
-            type: 'bill',
-            value: 619,
-          },
-          {
-            date: '2018/8/6',
-            type: 'download',
-            value: 1890,
-          },
-          {
-            date: '2018/8/6',
-            type: 'register',
-            value: 2008,
-          },
-          {
-            date: '2018/8/6',
-            type: 'bill',
-            value: 87,
-          },
-          {
-            date: '2018/8/7',
-            type: 'download',
-            value: 4251,
-          },
-          {
-            date: '2018/8/7',
-            type: 'register',
-            value: 1963,
-          },
-          {
-            date: '2018/8/7',
-            type: 'bill',
-            value: 706,
-          },
-          {
-            date: '2018/8/8',
-            type: 'download',
-            value: 2978,
-          },
-          {
-            date: '2018/8/8',
-            type: 'register',
-            value: 2367,
-          },
-          {
-            date: '2018/8/8',
-            type: 'bill',
-            value: 387,
-          },
-          {
-            date: '2018/8/9',
-            type: 'download',
-            value: 3880,
-          },
-          {
-            date: '2018/8/9',
-            type: 'register',
-            value: 2956,
-          },
-          {
-            date: '2018/8/9',
-            type: 'bill',
-            value: 488,
-          },
-          {
-            date: '2018/8/10',
-            type: 'download',
-            value: 3606,
-          },
-          {
-            date: '2018/8/10',
-            type: 'register',
-            value: 678,
-          },
-          {
-            date: '2018/8/10',
-            type: 'bill',
-            value: 507,
-          },
-          {
-            date: '2018/8/11',
-            type: 'download',
-            value: 4311,
-          },
-          {
-            date: '2018/8/11',
-            type: 'register',
-            value: 3188,
-          },
-          {
-            date: '2018/8/11',
-            type: 'bill',
-            value: 548,
-          },
-          {
-            date: '2018/8/12',
-            type: 'download',
-            value: 4116,
-          },
-          {
-            date: '2018/8/12',
-            type: 'register',
-            value: 3491,
-          },
-          {
-            date: '2018/8/12',
-            type: 'bill',
-            value: 456,
-          },
-          {
-            date: '2018/8/13',
-            type: 'download',
-            value: 6419,
-          },
-          {
-            date: '2018/8/13',
-            type: 'register',
-            value: 2852,
-          },
-          {
-            date: '2018/8/13',
-            type: 'bill',
-            value: 689,
-          },
-          {
-            date: '2018/8/14',
-            type: 'download',
-            value: 1643,
-          },
-          {
-            date: '2018/8/14',
-            type: 'register',
-            value: 4788,
-          },
-          {
-            date: '2018/8/14',
-            type: 'bill',
-            value: 280,
-          },
-          {
-            date: '2018/8/15',
-            type: 'download',
-            value: 445,
-          },
-          {
-            date: '2018/8/15',
-            type: 'register',
-            value: 4319,
-          },
-          {
-            date: '2018/8/15',
-            type: 'bill',
-            value: 176,
-          },
-        ]}
-      />
-    )}
-  </ResizeContainer>
-);
-
-export default Component;

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

@@ -1 +0,0 @@
-export { default as DemoLine } from './demo-line';

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

@@ -1 +0,0 @@
-export * as Chart from './charts';