@iam-com/snack-scripts 1.0.0

package/template/dev/App.tsx

@@ -0,0 +1,164 @@
+// @ts-nocheck
+
+import React from 'react';
+import logo from "template/logo.svg";
+import Core from '@iam-com/snack-core';
+
+interface Props {
+    settingPanel: { snack: any, FC: React.FunctionComponent } | null,
+    router: string
+    sdk: any
+    projectPkg: any[]
+    packages: any[]
+    version: string
+    mosuleMaps: any
+}
+
+const App = (props: Props) => {
+    const {router, sdk, projectPkg, packages, version, mosuleMaps, settingPanel} = props;
+    const packageList = () => {
+        return packages.map((item: any) => {
+            return (
+                <div className={'package-item'} key={item.dirName}>
+                    <div className={'item-name'}>
+                        <div>{item.info.name}</div>
+                        <div style={{fontSize: '12px', opacity: .6}}>{item.dirName} v.{item.info.version}</div>
+                    </div>
+                    <div className={'item-btn'} onClick={() => open(item.name)}>
+                        主模块
+                    </div>
+                    {typeof mosuleMaps[item.name]?.setting === 'function' ? (
+                        <div className={'item-btn'} onClick={() => open(item.name, true)}>
+                            设置模块
+                        </div>
+                    ) : null}
+                </div>
+            )
+        })
+    }
+    /**
+     * 打开模块调试页面
+     * @param name  模块名称
+     * @param isSetting 是否打开模块设置
+     */
+    const open = (name: string, isSetting: boolean = false) => {
+        window.location.hash = `name=${name}&setting=${isSetting.toString()}`;
+    }
+
+    const getSnackConfig = () => {
+        if (!projectPkg.snack) return;
+        return (
+            <>
+                {projectPkg.snack.externals ?
+                    <div>
+                        <span className={'info-label'}>Externals:</span>
+                        <pre>{JSON.stringify(projectPkg.snack.externals, null, 4)}</pre>
+                    </div> : null}
+                {projectPkg.snack.buildIgnore ?
+                    <div>
+                        <span className={'info-label'}>BuildIgnore:</span>
+                        <pre>{JSON.stringify(projectPkg.snack.buildIgnore, null, 4)}</pre>
+                    </div> : null}
+                {projectPkg.snack.devPackage ?
+                    <div>
+                        <span className={'info-label'}>DevPackage:</span>
+                        <pre>{JSON.stringify(projectPkg.snack.devPackage, null, 4)}</pre>
+                    </div> : null}
+            </>
+        )
+    }
+
+    // 路由监听
+    const content = React.useMemo(() => {
+        const arg = resolveRouter(router)
+        if (!arg) {
+            return (
+                <div className={'snack-dev'}>
+                    <div className={'snack-title'}>
+                        <span className={'title'}>
+                            <img src={logo} />
+                            <span>nack Developer</span>
+                        </span>
+                        <span className={'sub'}>Powered by @iam-com/snack-scripts@{version} @iam-com/snack-core@{Core.version}</span>
+                    </div>
+                    <div className={'snack-tips'}>请选择所要调试的模块</div>
+                    <div className={'package-list'}>
+                        {packageList()}
+                    </div>
+                    <div className={'snack-info'}>
+                        <div className={'into-title'}>Project Info</div>
+                        <div><span className={'info-label'}>Name:</span>{projectPkg.name}</div>
+                        <div><span className={'info-label'}>Author:</span>{projectPkg.author}</div>
+                        <div><span className={'info-label'}>Version:</span>{projectPkg.version}</div>
+                        {getSnackConfig()}
+                    </div>
+                </div>
+            )
+        } else {
+            // 解析路由
+            module = mosuleMaps[arg.name];
+            if (!module) return <div>Snack Module is Missing</div>;
+            let SnackClass = module.index, SnackSettingClass = module.setting;
+            const snack = new SnackClass({$snackSDK: sdk});
+            const Module = () => snack.FC();
+            let sanckSetting;
+            if (arg.setting) {
+                sanckSetting = new SnackSettingClass(snack, {$snackSDK: sdk});
+                const ModuleSetting = () => sanckSetting.FC();
+                let Setting, tips = null;
+                if (settingPanel) {
+                    Setting = settingPanel.FC;
+                    setTimeout(() => {
+                        settingPanel.snack.render({M: snack, S: sanckSetting, SFC: ModuleSetting});
+
+                    }, 0);
+                } else {
+                    Setting = ModuleSetting;
+                    const style = {
+                        fontSize: '14px',
+                        border: '1px solid #ffc676',
+                        background: '#FFD70061',
+                        borderRadius: '6px',
+                        padding: '10px',
+                        color: '#855718',
+                        margin: '5px 0',
+                        textAlign: 'center'
+                    }
+                    tips = (
+                        <div style={style}>
+                            注意：当前调试环境缺少{'{type: basics, name: settingpanel}'}模块，无法渲染model配置的设置
+                        </div>
+                    )
+                }
+                return (
+                    <>
+                        <div className={'snack-dev-setting-left'}>
+                            <Module />
+                        </div>
+                        <div className={'snack-dev-setting-right'}>
+                            {tips}
+                            <Setting />
+                        </div>
+                    </>
+                );
+            } else {
+                return <Module />;
+            }
+        }
+
+    }, [router]);
+
+    return content;
+}
+export default App;
+
+const resolveRouter = (hash: string) => {
+    if (!hash) return null;
+    let name = '', setting = false;
+    hash.split('&').forEach(item => {
+        const sp = item.split('=');
+        if (sp[0] === 'name') name = sp[1];
+        else if (sp[0] === 'setting') setting = sp[1] === 'true' ? true : false;
+    });
+    return {name, setting};
+}

package/template/dev/index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <link rel="shortcut icon" type="image/svg" href="./favicon.svg">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="description" content="Paraview FED" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Snack Developer</title>
+</head>
+<body>
+<noscript>You need to enable JavaScript to run this app.</noscript>
+<div id="app"></div>
+<!--
+  This HTML file is a template.
+  If you open it directly in the browser, you will see an empty page.
+
+  You can add webfonts, meta tags, or analytics to this file.
+  The build step will place the bundled scripts into the <body> tag.
+
+  To begin the development, run `npm start` or `yarn start`.
+  To create a production bundle, use `npm run build` or `yarn build`.
+-->
+</body>
+</html>

package/template/dev/index.scss

@@ -0,0 +1,126 @@
+.snack-dev {
+  padding: 20px;
+  height: 100%;
+  width: 100%;
+  background-color: #e0e5ec;
+  overflow-y: auto;
+
+  .snack-title {
+
+    .title {
+      font-size: 30px;
+      font-weight: bold;
+      color: #47dab5;
+      background: linear-gradient(to right, #47dab5, #509bf6);
+      -webkit-background-clip: text;
+      color: transparent;
+
+      img {
+        width: 50px;
+        vertical-align: bottom;
+        margin-right: -11px;
+        margin-bottom: -3px;
+      }
+    }
+
+    .sub {
+      margin-left: 20px;
+      font-size: 12px;
+      color: #000;
+      opacity: .2;
+    }
+  }
+
+  .snack-tips {
+    font-size: 18px;
+    color: #000;
+    opacity: .3;
+    padding: 20px;
+  }
+
+  .package-list {
+    padding: 0 20px;
+    display: inline-block;
+    width: calc(100% - 350px);
+    box-sizing: border-box;
+    overflow: auto;
+    height: calc(100vh - 160px);
+
+    .package-item {
+      width: 200px;
+      display: inline-block;
+      user-select: none;
+      font-size: 17px;
+      margin: 10px 20px;
+      text-align: center;
+
+      .item-name {
+        color: #909090;
+      }
+
+      .item-btn {
+        width: 42%;
+        height: 25px;
+        text-align: center;
+        background-color: #e0e5ec;
+        box-shadow: rgba(163, 177, 198, .5) 3px 3px 6px 0px, white -3px -3px 6px 0px;
+        border-radius: 4px;
+        font-size: 13px;
+        line-height: 26px;
+        box-sizing: border-box;
+        cursor: pointer;
+        color: #676767;
+        transition: background-color .2s;
+        font-weight: normal;
+        display: inline-block;
+        margin: 10px 3%;
+
+        &:hover {
+          background-color: #e9ecf1;
+        }
+
+        &:active {
+          box-shadow: rgba(163, 177, 198, 0.5) 3px 3px 6px 0px inset, rgb(255, 255, 255) -3px -3px 6px 0px inset;
+        }
+      }
+    }
+  }
+
+  .snack-info {
+    display: inline-block;
+    width: 350px;
+    vertical-align: top;
+    color: #000;
+    opacity: .8;
+
+    .into-title {
+      font-size: 19px;
+      font-weight: bold;
+      margin-bottom: 10px;
+      color: #000;
+    }
+
+    .info-label {
+      display: inline-block;
+      width: 85px;
+      color: #000;
+      opacity: .5;
+    }
+
+    pre {
+      overflow: auto;
+    }
+  }
+}
+
+.snack-dev-setting-left, .snack-dev-setting-right {
+  display: inline-block;
+  width: 50%;
+  height: 100%;
+  vertical-align: top;
+  box-sizing: border-box;
+}
+
+.snack-dev-setting-right {
+  border-left: 1px dashed #dbdbdb;
+}

package/template/dev/index.tsx

@@ -0,0 +1,66 @@
+// @ts-nocheck
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import {Context} from '@iam-com/lib';
+import Debugger from '@iam-com/lib/debugger';
+import App from './App';
+
+/** import snack modules **/
+
+import {SnackSDK} from "@iam-com/snack-core";
+
+import 'template/normalize.scss';
+import './index.scss';
+
+/** import plugin js **/
+/** import plugin css **/
+
+const version = '/** snack scripts version **/';
+/** snack module maps **/
+;
+const projectPkg = JSON.parse(`/** vers projectpkg **/`);
+const packages = JSON.parse(`/** vers packages **/`);
+
+
+async function init() {
+    await Debugger.init(projectPkg.dev.debug || []);
+    const sdk = new SnackSDK({
+        service: Context.get('snackbar'),
+        importMaps: {
+            'react': React,
+            'react-dom': ReactDOM
+        },
+        importModules: {
+            /** vers importmodule **/
+        }
+    });
+    // 加载设置渲染模块
+    const settingPanel = await sdk.createModule({type: 'basics', name: 'settingpanel'});
+    const Main = () => {
+        const [router, setRouter] = React.useState(window.location.hash?.substr(1) || '');
+
+        React.useEffect(() => {
+            window.onhashchange = () => {
+                setRouter(window.location.hash?.substr(1) || '');
+            }
+        }, []);
+        const settingPanelConfig = settingPanel ? {snack: settingPanel, FC: () => settingPanel.FC()} : null
+        return (
+            <App
+                settingPanel={settingPanelConfig}
+                router={router}
+                sdk={sdk}
+                packages={packages}
+                projectPkg={projectPkg}
+                version={version}
+                mosuleMaps={mosuleMaps}
+            />
+        );
+    }
+
+    ReactDOM.render(<Main />, document.getElementById('app'));
+
+}
+
+init();

package/template/entry/index.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <link rel="shortcut icon" type="image/x-icon" href="<%= htmlWebpackPlugin.options.jsvers.favicon %>">
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+    <meta name="description" content="Paraview FED"/>
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+<body>
+<noscript>You need to enable JavaScript to run this app.</noscript>
+<div id="app"></div>
+<!--
+  This HTML file is a template.
+  If you open it directly in the browser, you will see an empty page.
+
+  You can add webfonts, meta tags, or analytics to this file.
+  The build step will place the bundled scripts into the <body> tag.
+
+  To begin the development, run `npm start` or `yarn start`.
+  To create a production bundle, use `npm run build` or `yarn build`.
+-->
+</body>
+<script>
+    window.DevServer = '<%= htmlWebpackPlugin.options.jsvers.devServer %>';
+    // 默认页面id
+    window.Id = '<%= htmlWebpackPlugin.options.jsvers.id %>';
+    window.Type = '<%= htmlWebpackPlugin.options.jsvers.type %>';
+    // 移动端页面id，可选配置
+    window.MobileId = '<%= htmlWebpackPlugin.options.jsvers.mobile.id %>';
+    window.MobileType = '<%= htmlWebpackPlugin.options.jsvers.mobile.type %>';
+    // Snack服务地址
+    window.Service = '<%= htmlWebpackPlugin.options.jsvers.service %>';
+    (function () {
+        function loadJS(url, callback) {
+            var script = document.createElement('script'),
+                fn = callback || function () {};
+            script.type = 'text/javascript';
+            // 兼容国际化
+            try {
+                var language = window.localStorage.getItem('language');
+                var title = JSON.parse(document.title);
+                if (title) document.title = title[language] || title['zh-CN'] || '';
+            } catch (e) {
+                console.log(e);
+            }
+            //IE
+            if (script.readyState) {
+                script.onreadystatechange = function () {
+                    if (script.readyState == 'loaded' || script.readyState == 'complete') {
+                        script.onreadystatechange = null;
+                        fn();
+                    }
+                };
+            } else {
+                //其他浏览器
+                script.onload = function () {
+                    fn();
+                };
+            }
+            script.src = url;
+            document.getElementsByTagName('head')[0].appendChild(script);
+        }
+
+        function loadMain() {
+            loadJS('<%= htmlWebpackPlugin.options.jsvers.loaderjs %>', function () {
+                window.SnackRender();
+            });
+        }
+
+        if (!window.Promise) {
+            loadJS('minified.min.js', function () {
+                if (!window.Proxy) {
+                    loadJS('proxy.min.js', loadMain);
+                } else {
+                    loadMain();
+                }
+            });
+        } else {
+            loadMain();
+        }
+    })();
+</script>
+</html>

package/template/entry/index.tsx

@@ -0,0 +1,69 @@
+// @ts-nocheck
+import React from 'react';
+import ReactDOM from 'react-dom';
+import {Context, GetURLParameters} from '@iam-com/lib';
+import * as ParaLib from '@iam-com/lib';
+
+import {SnackSDK} from '@iam-com/snack-core';
+import '../normalize.scss';
+
+/** import plugin js **/
+/** import plugin css **/
+
+(({Id, Type, Service, MobileId, MobileType}) => {
+	const params = GetURLParameters();
+	let id, type, service;
+	// 移动端
+	if (isMobile() && MobileId) {
+		id = MobileId;
+		type = MobileType;
+	} else {
+		id = Id;
+		type = Type;
+	}
+	// url 参数
+	if (params['snack_id'])
+		id = params['snack_id'];
+	if (params['snack_type'])
+		type = params['snack_type'];
+	// snack 服务地址
+	if (params['snack_service'])
+		service = params['snack_service'];
+	else
+		service = Service;
+
+	async function init() {
+		await Context.load();
+		const sdk = new SnackSDK({
+			service: service || Context.get('snackbar'),
+			importMaps: {
+				'react': React,
+				'react-dom': ReactDOM
+			}
+		});
+		window.snackSDK = sdk;
+		const Page = await sdk.createPageComponent({id, type});
+
+		ReactDOM.render((
+			<Page/>
+		), document.getElementById('app'));
+	}
+
+	/**
+	 * 移动端判定
+	 * 竖屏或宽度小于1024
+	 */
+	function isMobile() {
+		const vertical = window.innerWidth / window.innerHeight < 0.8;
+		if (vertical || window.innerWidth < 1024) return true;
+		return false;
+	}
+
+	window.SnackSDK = SnackSDK;
+	window.React = React;
+	window.ReactDOM = ReactDOM;
+	window.Context = Context;
+	window.SnackRender = init;
+	window.ParaLib = ParaLib;
+})(window);
+

package/template/env.d.ts

@@ -0,0 +1,7 @@
+declare module '*.svg'
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.gif'
+declare module '*.bmp'
+declare module '*.tiff'

package/template/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220"><defs><style>.cls-1{fill:none;}.cls-2{fill:#3d97b7;}.cls-3{fill:#28a593;}.cls-4{fill:#3cc5a1;}.cls-5{fill:#43afd3;}.cls-6{fill:#41d8c5;}.cls-7{fill:#47dab5;}.cls-8{fill:#437dc6;}.cls-9{fill:#509bf6;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><rect class="cls-1" width="220" height="220"/><path class="cls-2" d="M152.91,49.57s5.27,6,11.27,5c-3,1-10,4-18,1S152.91,49.57,152.91,49.57Z"/><path class="cls-2" d="M167.43,53.79s8.68-1.13,9.79-2.07c.64-.45,2.59-.86,2.95-4s-4.94-4.06-6.28-.71a5.89,5.89,0,0,1-1.54,2.37A64.15,64.15,0,0,1,167.43,53.79Z"/><path class="cls-3" d="M96.55,162.8,77.81,181.54A77.62,77.62,0,0,1,51.87,165.2L64,150.69a7.71,7.71,0,0,1,10.54-1.22A61.46,61.46,0,0,0,95.71,159.8,1.79,1.79,0,0,1,96.55,162.8Z"/><path class="cls-4" d="M160.26,142c0,24.2-20.2,44.8-54.39,44.8a78.42,78.42,0,0,1-28.06-5.26l19.66-19.66a3.82,3.82,0,0,1,3.22-1.1,40.45,40.45,0,0,0,5.78.42c15.4,0,23.59-6.6,23.59-17a13.81,13.81,0,0,0-2.72-8.69,2.82,2.82,0,0,1,.23-3.73l19.92-19.92C155.53,118.9,160.26,128.45,160.26,142Z"/><path class="cls-2" d="M155.53,52.37l-9.66,12a8.73,8.73,0,0,1-11.56,1.76,44.74,44.74,0,0,0-25-7.51c-.87,0-1.72,0-2.55.08l22.43-22.43A63.67,63.67,0,0,1,155.51,52,.25.25,0,0,1,155.53,52.37Z"/><path class="cls-5" d="M145.87,64.35h0a8.73,8.73,0,0,1-11.56,1.76,44.74,44.74,0,0,0-25-7.51c-.87,0-1.72,0-2.55.08L121.28,44.1A16.67,16.67,0,0,1,141,41.2l.27.15A15.27,15.27,0,0,1,145.87,64.35Z"/><path class="cls-6" d="M86.24,173.1l-8.43,8.44A77.62,77.62,0,0,1,51.87,165.2L56.22,160a21.66,21.66,0,0,1,26.85-5.1l.3.16A11.31,11.31,0,0,1,86.24,173.1Z"/><path class="cls-7" d="M160.26,142c0,24.2-20.2,44.8-54.39,44.8q-3.18,0-6.34-.27A11.45,11.45,0,0,1,92.33,167h0a19.84,19.84,0,0,1,14.06-5.82h.08c15.4,0,23.59-6.6,23.59-17a14.48,14.48,0,0,0-1.46-6.66,7.14,7.14,0,0,1,1.41-8.21h0c11.07-11.07,30.13-3.39,30.24,12.26C160.25,141.73,160.26,141.86,160.26,142Z"/><path class="cls-2" d="M116.74,96l-20.6,20.6a3.91,3.91,0,0,1-4.27.83l-3.8-1.62c-8.27-3.42-16.54-8.6-22.3-16.18L88.19,77.2C90,85.58,99.74,89.1,111.07,93.6Z"/><path class="cls-3" d="M147.49,111.86l-20.24,20.23a2.38,2.38,0,0,1-3.14.24c-3.91-3-9.53-5.28-16.24-8.13l-10.75-4.56a2.08,2.08,0,0,1-.66-3.38L116.74,96l13.73,5.81A59.86,59.86,0,0,1,147.49,111.86Z"/><path class="cls-8" d="M129.14,36.25,106.71,58.68c-11.53.72-18.84,6.38-18.84,15.52a13.66,13.66,0,0,0,.32,3L68.7,96.69a3.41,3.41,0,0,1-5.33-.62A38.49,38.49,0,0,1,58.07,76c0-24.2,21.2-42.8,51.19-42.8A66.68,66.68,0,0,1,129.14,36.25Z"/><path class="cls-6" d="M54.33,167.45s-9.15-7.9-9.15-14.9c3,4,6,9,18,6S54.33,167.45,54.33,167.45Z"/><path class="cls-6" d="M43.88,149.58s-4.07-7.74-3.94-9.18c0-.79-.79-2.63,1.57-4.73s6.17,1.7,4.2,4.72a5.92,5.92,0,0,0-1,2.63A62,62,0,0,0,43.88,149.58Z"/><path class="cls-6" d="M142.94,116.4l14.05-14c.09.71-15.7,9.32-34.81,5.19C130.23,112.72,142.94,116.4,142.94,116.4Z"/><path class="cls-6" d="M158.18,100.55s3-5,3-9,5-7,6-6,0,3-2,6S158.18,100.55,158.18,100.55Z"/><path class="cls-8" d="M68.7,96.69s-2.19,3.14-13.36,0c1.84-.14,6.28,1.86,11.56-6.14S68.7,96.69,68.7,96.69Z"/><path class="cls-8" d="M51.74,96.05s-4.38-.62-4.94-1.1a2.31,2.31,0,0,1-1.47-2c-.16-1.59,2.53-2,3.19-.32a3,3,0,0,0,.76,1.21A32.46,32.46,0,0,0,51.74,96.05Z"/><path class="cls-9" d="M116,49.38l-1.11,1.1a40.77,40.77,0,0,1-16,9.64c-6.92,2.33-11,7.23-11,14.08v0a7.65,7.65,0,0,1-2.19,5.47l-5.51,5.52c-8.08,8.08-22,2.5-22.1-8.93V76c0-24.2,21.2-42.8,51.19-42.8h.2C117.83,33.23,121.93,43.46,116,49.38Z"/><path class="cls-5" d="M112.38,100.34,99.06,113.66a10,10,0,0,1-11,2.14h0A61.91,61.91,0,0,1,74.19,108a10.48,10.48,0,0,1-1-15.75l.17-.18a21.66,21.66,0,0,1,25.3-3.74c3.62,1.86,7.89,3.5,12.43,5.3h0A4.14,4.14,0,0,1,112.38,100.34Z"/><path class="cls-6" d="M147.49,111.86l-5.93,5.93a30.51,30.51,0,0,1-33.47,6.51l-.22-.1h0A9.94,9.94,0,0,1,104.72,108l1.47-1.48a22.15,22.15,0,0,1,24.28-4.73h0A59.86,59.86,0,0,1,147.49,111.86Z"/></g></g></svg>

package/template/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220"><defs><style>.cls-1{fill:none;}.cls-2{fill:#3d97b7;}.cls-3{fill:#28a593;}.cls-4{fill:#3cc5a1;}.cls-5{fill:#43afd3;}.cls-6{fill:#41d8c5;}.cls-7{fill:#47dab5;}.cls-8{fill:#437dc6;}.cls-9{fill:#509bf6;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><rect class="cls-1" width="220" height="220"/><path class="cls-2" d="M152.91,49.57s5.27,6,11.27,5c-3,1-10,4-18,1S152.91,49.57,152.91,49.57Z"/><path class="cls-2" d="M167.43,53.79s8.68-1.13,9.79-2.07c.64-.45,2.59-.86,2.95-4s-4.94-4.06-6.28-.71a5.89,5.89,0,0,1-1.54,2.37A64.15,64.15,0,0,1,167.43,53.79Z"/><path class="cls-3" d="M96.55,162.8,77.81,181.54A77.62,77.62,0,0,1,51.87,165.2L64,150.69a7.71,7.71,0,0,1,10.54-1.22A61.46,61.46,0,0,0,95.71,159.8,1.79,1.79,0,0,1,96.55,162.8Z"/><path class="cls-4" d="M160.26,142c0,24.2-20.2,44.8-54.39,44.8a78.42,78.42,0,0,1-28.06-5.26l19.66-19.66a3.82,3.82,0,0,1,3.22-1.1,40.45,40.45,0,0,0,5.78.42c15.4,0,23.59-6.6,23.59-17a13.81,13.81,0,0,0-2.72-8.69,2.82,2.82,0,0,1,.23-3.73l19.92-19.92C155.53,118.9,160.26,128.45,160.26,142Z"/><path class="cls-2" d="M155.53,52.37l-9.66,12a8.73,8.73,0,0,1-11.56,1.76,44.74,44.74,0,0,0-25-7.51c-.87,0-1.72,0-2.55.08l22.43-22.43A63.67,63.67,0,0,1,155.51,52,.25.25,0,0,1,155.53,52.37Z"/><path class="cls-5" d="M145.87,64.35h0a8.73,8.73,0,0,1-11.56,1.76,44.74,44.74,0,0,0-25-7.51c-.87,0-1.72,0-2.55.08L121.28,44.1A16.67,16.67,0,0,1,141,41.2l.27.15A15.27,15.27,0,0,1,145.87,64.35Z"/><path class="cls-6" d="M86.24,173.1l-8.43,8.44A77.62,77.62,0,0,1,51.87,165.2L56.22,160a21.66,21.66,0,0,1,26.85-5.1l.3.16A11.31,11.31,0,0,1,86.24,173.1Z"/><path class="cls-7" d="M160.26,142c0,24.2-20.2,44.8-54.39,44.8q-3.18,0-6.34-.27A11.45,11.45,0,0,1,92.33,167h0a19.84,19.84,0,0,1,14.06-5.82h.08c15.4,0,23.59-6.6,23.59-17a14.48,14.48,0,0,0-1.46-6.66,7.14,7.14,0,0,1,1.41-8.21h0c11.07-11.07,30.13-3.39,30.24,12.26C160.25,141.73,160.26,141.86,160.26,142Z"/><path class="cls-2" d="M116.74,96l-20.6,20.6a3.91,3.91,0,0,1-4.27.83l-3.8-1.62c-8.27-3.42-16.54-8.6-22.3-16.18L88.19,77.2C90,85.58,99.74,89.1,111.07,93.6Z"/><path class="cls-3" d="M147.49,111.86l-20.24,20.23a2.38,2.38,0,0,1-3.14.24c-3.91-3-9.53-5.28-16.24-8.13l-10.75-4.56a2.08,2.08,0,0,1-.66-3.38L116.74,96l13.73,5.81A59.86,59.86,0,0,1,147.49,111.86Z"/><path class="cls-8" d="M129.14,36.25,106.71,58.68c-11.53.72-18.84,6.38-18.84,15.52a13.66,13.66,0,0,0,.32,3L68.7,96.69a3.41,3.41,0,0,1-5.33-.62A38.49,38.49,0,0,1,58.07,76c0-24.2,21.2-42.8,51.19-42.8A66.68,66.68,0,0,1,129.14,36.25Z"/><path class="cls-6" d="M54.33,167.45s-9.15-7.9-9.15-14.9c3,4,6,9,18,6S54.33,167.45,54.33,167.45Z"/><path class="cls-6" d="M43.88,149.58s-4.07-7.74-3.94-9.18c0-.79-.79-2.63,1.57-4.73s6.17,1.7,4.2,4.72a5.92,5.92,0,0,0-1,2.63A62,62,0,0,0,43.88,149.58Z"/><path class="cls-6" d="M142.94,116.4l14.05-14c.09.71-15.7,9.32-34.81,5.19C130.23,112.72,142.94,116.4,142.94,116.4Z"/><path class="cls-6" d="M158.18,100.55s3-5,3-9,5-7,6-6,0,3-2,6S158.18,100.55,158.18,100.55Z"/><path class="cls-8" d="M68.7,96.69s-2.19,3.14-13.36,0c1.84-.14,6.28,1.86,11.56-6.14S68.7,96.69,68.7,96.69Z"/><path class="cls-8" d="M51.74,96.05s-4.38-.62-4.94-1.1a2.31,2.31,0,0,1-1.47-2c-.16-1.59,2.53-2,3.19-.32a3,3,0,0,0,.76,1.21A32.46,32.46,0,0,0,51.74,96.05Z"/><path class="cls-9" d="M116,49.38l-1.11,1.1a40.77,40.77,0,0,1-16,9.64c-6.92,2.33-11,7.23-11,14.08v0a7.65,7.65,0,0,1-2.19,5.47l-5.51,5.52c-8.08,8.08-22,2.5-22.1-8.93V76c0-24.2,21.2-42.8,51.19-42.8h.2C117.83,33.23,121.93,43.46,116,49.38Z"/><path class="cls-5" d="M112.38,100.34,99.06,113.66a10,10,0,0,1-11,2.14h0A61.91,61.91,0,0,1,74.19,108a10.48,10.48,0,0,1-1-15.75l.17-.18a21.66,21.66,0,0,1,25.3-3.74c3.62,1.86,7.89,3.5,12.43,5.3h0A4.14,4.14,0,0,1,112.38,100.34Z"/><path class="cls-6" d="M147.49,111.86l-5.93,5.93a30.51,30.51,0,0,1-33.47,6.51l-.22-.1h0A9.94,9.94,0,0,1,104.72,108l1.47-1.48a22.15,22.15,0,0,1,24.28-4.73h0A59.86,59.86,0,0,1,147.49,111.86Z"/></g></g></svg>