aldehyde 0.2.275 → 0.2.277

package/lib/lowcode-components/lowcode-view/component/font/FontGlobal.css

@@ -0,0 +1,27 @@
+@font-face {
+    font-family: "DingTalk JinBuTi";
+    src: url('./DingTalk JinBuTi.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "DouyinSansBold";
+    src: url('./DouyinSansBold.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "优设标题黑";
+    src: url('./优设标题黑.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "庞门正道标题体免费版";
+    src: url('./庞门正道标题体免费版.ttf');
+    font-weight: normal;
+    font-style: normal;
+}

package/lib/lowcode-components/lowcode-view/component/screen-fit/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import './index.less';
+import { AdaptationType } from "../../interface";
+interface ScreenFitProps {
+    children?: ReactNode;
+    width: number | string;
+    height: number | string;
+    bodyOverflowHidden?: boolean;
+    delay?: number;
+    mode?: AdaptationType;
+    scaleChange?: (xScale: number, yScale: number) => void;
+    containerStyle: {
+        width: number;
+        height: number;
+    };
+}
+export default function ScreenFit(props: ScreenFitProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/lowcode-view/component/screen-fit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/lowcode-components/lowcode-view/component/screen-fit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAErE,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AAGD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,qBAqGtD"}

package/lib/lowcode-components/lowcode-view/component/screen-fit/index.js

@@ -0,0 +1,92 @@
+import React, { useEffect, useRef, useState } from 'react';
+import debounce from "lodash/debounce";
+import './index.less';
+export default function ScreenFit(props) {
+    const { width, height, bodyOverflowHidden = true, delay = 500, scaleChange, containerStyle } = props;
+    let bodyOverflow;
+    const elRef = useRef(null);
+    const [size, setSize] = useState({ width, height, originalHeight: 0, originalWidth: 0 });
+    let observer;
+    function updateSize() {
+        if (size.width && size.height) {
+            elRef.current.style.width = `${size.width}px`;
+            elRef.current.style.height = `${size.height}px`;
+        }
+        else {
+            elRef.current.style.width = `${size.originalWidth}px`;
+            elRef.current.style.height = `${size.originalHeight}px`;
+        }
+    }
+    function updateScale() {
+        // 获取真实视口尺寸
+        const currentWidth = containerStyle.width || 0;
+        const currentHeight = containerStyle.height || 0;
+        // 获取大屏最终的宽高
+        const realWidth = size.width || size.originalWidth;
+        const realHeight = size.height || size.originalHeight;
+        // 计算缩放比例
+        const widthScale = currentWidth / +realWidth;
+        const heightScale = currentHeight / +realHeight;
+        switch (props.mode) {
+            case 'full-screen':
+                // 若要铺满全屏，则按照各自比例缩放
+                elRef.current.style.transform = `scale(${widthScale},${heightScale})`;
+                scaleChange === null || scaleChange === void 0 ? void 0 : scaleChange(widthScale, heightScale);
+                break;
+            case 'full-x':
+                elRef.current.style.transform = `scale(${widthScale})`;
+                scaleChange === null || scaleChange === void 0 ? void 0 : scaleChange(widthScale, widthScale);
+                break;
+            case 'full-y':
+                elRef.current.style.transform = `scale(${heightScale})`;
+                scaleChange === null || scaleChange === void 0 ? void 0 : scaleChange(heightScale, heightScale);
+                elRef.current.style.margin = `0px ${(currentWidth - +realWidth * heightScale) / 2}px`;
+                break;
+            default:
+                // 按照宽高最小比例进行缩放
+                const scale = Math.min(widthScale, heightScale);
+                elRef.current.style.transform = `scale(${scale},${scale})`;
+                const domWidth = elRef.current.clientWidth;
+                const domHeight = elRef.current.clientHeight;
+                const mx = Math.max((currentWidth - domWidth * scale) / 2, 0);
+                const my = Math.max((currentHeight - domHeight * scale) / 2, 0);
+                elRef.current.style.margin = `${my}px ${mx}px`;
+                scaleChange === null || scaleChange === void 0 ? void 0 : scaleChange(scale, scale);
+                break;
+        }
+    }
+    const onResize = debounce(() => {
+        if (!elRef.current)
+            return;
+        updateSize();
+        updateScale();
+    }, delay);
+    function initState() {
+        if (bodyOverflowHidden) {
+            bodyOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+        }
+        observer = new MutationObserver(() => onResize());
+        observer.observe(elRef.current, {
+            attributes: true,
+            attributeFilter: ['style'],
+            attributeOldValue: true
+        });
+        setSize(Object.assign(Object.assign({}, size), { originalWidth: window.screen.width, originalHeight: window.screen.height }));
+        updateSize();
+        updateScale();
+        window.addEventListener('resize', onResize);
+    }
+    useEffect(() => {
+        initState();
+        return () => {
+            observer.disconnect();
+            window.removeEventListener('resize', onResize);
+            if (bodyOverflowHidden)
+                document.body.style.overflow = bodyOverflow;
+        };
+    }, []);
+    return (React.createElement("div", { className: 'react-screen-box' },
+        React.createElement("div", { className: 'screen-wrapper', ref: elRef }, props.children)));
+}
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/lowcode-view/component/screen-fit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/lowcode-components/lowcode-view/component/screen-fit/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aldehyde",
-  "version": "0.2.275",
+  "version": "0.2.277",
   "author": "cosmicparticle",
   "main": "lib/index.js",
   "module": "src/aldehyde/index.txs",
@@ -18,7 +18,7 @@
     "npm:publish": "npm publish",
     "clean-lib": "rimraf lib && rimraf templib && rimraf dist",
     "tsc": "yarn clean-lib && tsc && yarn copy-files",
-    "copy-files": "copyfiles -u 3 templib/src/aldehyde/**/* lib/ && copyfiles -u 3 templib/src/aldehyde/**/**/* lib/ && copyfiles -u 3 templib/src/aldehyde/**/**/**/* lib/ && copyfiles -u 3 templib/src/aldehyde/* lib/ && copyfiles -u 2 src/aldehyde/**/*.html src/aldehyde/**/*.css src/aldehyde/**/**/*.css src/aldehyde/**/**/*.png  src/aldehyde/**/*.png src/aldehyde/**/**/*.less  src/aldehyde/**/*.less src/aldehyde/**/**/*.css  src/aldehyde/**/*.css lib/"
+    "copy-files": "copyfiles -u 3 templib/src/aldehyde/**/* lib/ && copyfiles -u 3 templib/src/aldehyde/**/**/* lib/ && copyfiles -u 3 templib/src/aldehyde/**/**/**/* lib/ && copyfiles -u 3 templib/src/aldehyde/**/**/**/**/* lib/   && copyfiles -u 3 templib/src/aldehyde/* lib/ && copyfiles -u 2 src/aldehyde/**/*.html src/aldehyde/**/*.css src/aldehyde/**/**/*.css src/aldehyde/**/**/**/*.css src/aldehyde/**/**/**/*.png src/aldehyde/**/**/*.png  src/aldehyde/**/*.png src/aldehyde/**/**/**/*.less src/aldehyde/**/**/*.less  src/aldehyde/**/*.less src/aldehyde/**/**/*.ttf  src/aldehyde/**/*.ttf  lib/"
   },
   "homepage": "./",
   "dependencies": {