beer-assembly-biz 1.1.2-alpha.9 → 1.1.3-alpha.10

package/UploadModals.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Handler } from './type';
+export type FileType = 'IMAGE' | 'GIT' | 'VIDEO' | 'DOCUMENT';
+/**
+ * 文件上传模态框.
+ */
+export declare class UploadModals {
+    /**
+     * 弹出文件上传.
+     */
+    static useUpload(fileType: FileType[], key?: string): [Handler<File[]>, ReactNode];
+}

package/UploadModals.js

@@ -0,0 +1,233 @@
+import React, { useRef, useState } from 'react';
+import { Button, Checkbox, Modal, Space } from 'antd';
+import { css } from '@emotion/css';
+import ElementUtils from 'beer-network/elementUtils';
+/**
+ * 文件上传模态框.
+ */
+export class UploadModals {
+    /**
+     * 弹出文件上传.
+     */
+    static useUpload(fileType, key = 'DEFAULT') {
+        const [isOpenModal, setIsOpenModal] = useState(false);
+        const [isPop, setIsPop] = useState(false);
+        const callbackRef = useRef(undefined);
+        const getPopStatus = () => {
+            return localStorage.getItem('__UPLOAD_MODALS_' + key) !== '1';
+        };
+        const setPopStatus = (status) => {
+            if (status) {
+                localStorage.setItem('__UPLOAD_MODALS_' + key, '1');
+            }
+        };
+        const filterFile = (files) => {
+            if (files === null) {
+                return [];
+            }
+            const result = [];
+            for (let i = 0; i < files.length; i += 1) {
+                const file = files.item(i) ?? undefined;
+                if (file === undefined) {
+                    continue;
+                }
+                const type = fileType.find(it => {
+                    if (it === 'IMAGE' && ['image/png', 'image/jpeg', 'image/webp'].indexOf(file.type) > -1) {
+                        return true;
+                    }
+                    const fileExtension = file.name.split('.')
+                        ?.pop()
+                        ?.toLowerCase() ?? 'none';
+                    return it === 'VIDEO' && ['wmv', 'avi', '3gp', 'mov', 'mp4', 'flv', 'rmvb', 'mkv', 'm4v', 'x-flv'].indexOf(fileExtension) > -1;
+                });
+                if (type === undefined) {
+                    continue;
+                }
+                let size = 0;
+                switch (type) {
+                    case 'IMAGE':
+                        size = 10 * 1024 * 1024;
+                        break;
+                    case 'VIDEO':
+                        size = 300 * 1024 * 1024;
+                        break;
+                    default:
+                        size = 50 * 1024 * 1024;
+                        break;
+                }
+                if (file.size > size) {
+                    continue;
+                }
+                result.push(file);
+            }
+            return result;
+        };
+        const onSelectFile = async () => {
+            const fileList = await ElementUtils.selectFile(true);
+            await callbackRef.current?.(filterFile(fileList));
+        };
+        const onConfirm = async () => {
+            if (callbackRef.current) {
+                setPopStatus(isPop);
+                onSelectFile()
+                    .then();
+                setIsOpenModal(false);
+            }
+            else {
+                setIsOpenModal(false);
+            }
+            return true;
+        };
+        const handler = {
+            ok: (callback) => {
+                if (!getPopStatus()) {
+                    onSelectFile()
+                        .then();
+                    return;
+                }
+                setIsPop(false);
+                setIsOpenModal(true);
+                callbackRef.current = callback;
+            }
+        };
+        return [handler, React.createElement(React.Fragment, null,
+                React.createElement(Modal, { title: "\u6587\u4EF6\u4E0A\u4F20\u8981\u6C42", width: 360, open: isOpenModal, onCancel: () => setIsOpenModal(false), styles: {
+                        content: {
+                            padding: 0
+                        },
+                        header: {
+                            paddingBlock: '16px 0',
+                            paddingInline: 20,
+                            marginInlineStart: 0,
+                            marginBlockEnd: 0
+                        },
+                        wrapper: {
+                            padding: 0
+                        },
+                        body: {
+                            paddingInline: 20,
+                            paddingBlockStart: 8,
+                            paddingBlockEnd: 4
+                        },
+                        footer: {
+                            margin: 0,
+                            paddingBlockEnd: 12
+                        }
+                    }, footer: React.createElement(Space, { style: {
+                            width: '100%',
+                            boxSizing: 'border-box',
+                            justifyContent: 'space-between',
+                            paddingInline: 20,
+                            paddingBlock: 4
+                        } },
+                        React.createElement(Checkbox, { checked: isPop, onChange: (e) => setIsPop(e.target.checked) }, "\u4E0B\u6B21\u4E0D\u5728\u5F39\u51FA"),
+                        React.createElement(Space, { size: 12 },
+                            React.createElement(Button, { type: "primary", onClick: onConfirm }, "\u786E\u5B9A"),
+                            React.createElement(Button, { onClick: () => setIsOpenModal(false) }, "\u53D6\u6D88"))) },
+                    React.createElement("div", { className: css `
+            .title {
+                font-weight: 500;
+                font-size: 14px;
+                margin: 12px 0 4px 0;
+            }
+
+            .title:first-child {
+                margin-top: 4px;
+            }
+
+            ul {
+                margin: 0;
+                padding-left: 20px;
+            }
+
+            li {
+                padding-block: 2px;
+            }
+
+            .desc {
+                margin: 4px 0;
+                font-size: 12px;
+                color: #444
+            }
+
+            code {
+                background: #EFEFEF;
+                padding: 2px 4px;
+                border-radius: 2px;
+                font-size: 12px;
+            }
+        ` },
+                        fileType.find(it => it === 'IMAGE') !== undefined ? React.createElement(React.Fragment, null,
+                            fileType.length === 1 ? undefined : React.createElement("div", { className: "title" }, "\u56FE\u7247"),
+                            React.createElement("ul", null,
+                                React.createElement("li", null, "\u5355\u5F20\u5927\u5C0F\uFF1A\u226410M"),
+                                React.createElement("li", null,
+                                    "\u683C\u5F0F\uFF1A",
+                                    React.createElement("code", null, "JPEG"),
+                                    "\u3001",
+                                    React.createElement("code", null, "JPG"),
+                                    "\u3001",
+                                    React.createElement("code", null, "PNG"),
+                                    "\u3001",
+                                    React.createElement("code", null, "WEBP")))) : undefined,
+                        fileType.find(it => it === 'GIT') !== undefined ? React.createElement(React.Fragment, null,
+                            fileType.length === 1 ? undefined : React.createElement("div", { className: "title" }, "\u52A8\u56FE\uFF08GIF\uFF09"),
+                            React.createElement("ul", null,
+                                React.createElement("li", null, "\u5355\u4E2A\u5927\u5C0F\uFF1A\u226410M"),
+                                React.createElement("li", null,
+                                    "\u683C\u5F0F\uFF1A",
+                                    React.createElement("code", null, "GIF")))) : undefined,
+                        fileType.find(it => it === 'VIDEO') !== undefined ? React.createElement(React.Fragment, null,
+                            fileType.length === 1 ? undefined : React.createElement("div", { className: "title" }, "\u89C6\u9891"),
+                            React.createElement("ul", null,
+                                React.createElement("li", null, "\u5355\u4E2A\u5927\u5C0F\uFF1A\u2264300M"),
+                                React.createElement("li", null, "\u65F6\u957F\uFF1A\u226410\u5206\u949F"),
+                                React.createElement("li", null,
+                                    "\u683C\u5F0F\uFF1A",
+                                    React.createElement("code", null, "WMV"),
+                                    "\u3001",
+                                    React.createElement("code", null, "AVI"),
+                                    "\u3001",
+                                    React.createElement("code", null, "3GP"),
+                                    "\u3001",
+                                    React.createElement("code", null, "MOV"),
+                                    "\u3001",
+                                    React.createElement("code", null, "MP4"),
+                                    "\u3001",
+                                    React.createElement("code", null, "FLV"),
+                                    "\u3001",
+                                    React.createElement("code", null, "RMVB"),
+                                    "\u3001",
+                                    React.createElement("code", null, "MKV"),
+                                    "\u3001",
+                                    React.createElement("code", null, "M4V"),
+                                    "\u3001",
+                                    React.createElement("code", null, "X-FLV")))) : undefined,
+                        fileType.find(it => it === 'DOCUMENT') !== undefined ? React.createElement(React.Fragment, null,
+                            fileType.length === 1 ? undefined : React.createElement("div", { className: "title" }, "\u6587\u6863"),
+                            React.createElement("ul", null,
+                                React.createElement("li", null, "\u5355\u4E2A\u5927\u5C0F\uFF1A\u226430M"),
+                                React.createElement("li", null,
+                                    "\u683C\u5F0F\uFF1A",
+                                    React.createElement("code", null, "PDF"),
+                                    "\u3001",
+                                    React.createElement("code", null, "DOC"),
+                                    "\u3001",
+                                    React.createElement("code", null, "DOCX"),
+                                    "\u3001",
+                                    React.createElement("code", null, "XLS"),
+                                    "\u3001",
+                                    React.createElement("code", null, "XLSX"),
+                                    "\u3001",
+                                    React.createElement("code", null, "PPT"),
+                                    "\u3001",
+                                    React.createElement("code", null, "PPTX"),
+                                    "\u3001",
+                                    React.createElement("code", null, "TXT")))) : undefined,
+                        React.createElement("div", { style: { marginTop: 12 } },
+                            React.createElement("div", { className: "desc" },
+                                React.createElement("span", { style: { fontWeight: 500 } }, "\u4E25\u7981\u4E0A\u4F20\u5BFC\u6D41\u3001\u8FDD\u89C4\u6216\u8FDD\u7981\u5185\u5BB9"),
+                                "\uFF0C\u8FDD\u8005\u5C06\u5C01\u7981\u8D26\u53F7\u5904\u7406\u3002"),
+                            React.createElement("div", { className: "desc" }, "\u8BF7\u786E\u4FDD\u6587\u4EF6\u7B26\u5408\u683C\u5F0F\u53CA\u5927\u5C0F\u8981\u6C42\uFF0C\u5426\u5219\u53EF\u80FD\u4E0A\u4F20\u5931\u8D25\u3002")))))];
+    }
+}

package/UserModals.d.ts

@@ -1,7 +1,11 @@
 import { ReactNode } from 'react';
-export type Handler<T> = {
-    ok: (callback: (params: T) => Promise<boolean>, args?: {}, initialValues?: {}) => void;
-};
+import { Handler } from './type';
+/**
+ * 用户相关模态框.
+ */
 export declare class UserModals {
+    /**
+     * 重置密码.
+     */
     static useResetPassword(): [Handler<string>, ReactNode];
 }

package/UserModals.js

@@ -1,7 +1,13 @@
 import React, { useRef, useState } from 'react';
 import { Form, Input, Modal } from 'antd';
 import { Promises } from './promises';
+/**
+ * 用户相关模态框.
+ */
 export class UserModals {
+    /**
+     * 重置密码.
+     */
     static useResetPassword() {
         const [form] = Form.useForm();
         const [isOpenModal, setIsOpenModal] = useState(false);

package/auth/AuthPassword.d.ts

@@ -1,4 +1,4 @@
-import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
+import { Slider, SliderCodeToken } from '../slider/SliderCode';
 import React from 'react';
 export declare type AuthPasswordProps = {
     /**
@@ -34,5 +34,4 @@ export declare type AuthPasswordProps = {
      */
     onErrorMessage?: (message: string) => void;
 };
-declare const App: (props: AuthPasswordProps) => React.JSX.Element;
-export default App;
+export declare const AuthPassword: (props: AuthPasswordProps) => React.JSX.Element;

package/auth/AuthPassword.js

@@ -1,9 +1,10 @@
-import { Button, Checkbox, Dropdown, Form, Input } from 'antd';
-import SliderCode from 'beer-assembly/SliderCode';
+import { Button, Checkbox, Dropdown, Form, Input, theme } from 'antd';
+import { SliderCode } from '../slider/SliderCode';
 import { css } from '@emotion/css';
 import React, { useState } from 'react';
 import { useForm } from 'antd/es/form/Form';
-const App = (props) => {
+export const AuthPassword = (props) => {
+    const { token } = theme.useToken();
     const [form] = useForm();
     const [isLoading, setIsLoading] = useState(false);
     const [protocol, setProtocol] = useState(false);
@@ -52,7 +53,7 @@ const App = (props) => {
         React.createElement(Form.Item, { name: "password", style: { marginBottom: 12 } },
             React.createElement(Input.Password, { className: "input", maxLength: 32, placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801", autoComplete: "on", style: { height: 36 } })),
         props?.protocol === undefined ? undefined : React.createElement(Form.Item, { style: { marginBottom: 12 } },
-            React.createElement(Checkbox, { style: { fontSize: 13 }, onChange: (e) => {
+            React.createElement(Checkbox, { style: { fontSize: token.fontSize + 1 }, onChange: (e) => {
                     setProtocol(e.target.checked);
                 } },
                 React.createElement("span", { dangerouslySetInnerHTML: { __html: props?.protocol } }))),
@@ -74,4 +75,3 @@ const App = (props) => {
           margin-top: 4px;
       `, loading: isLoading, onClick: onLogin }, "\u767B\u5F55")));
 };
-export default App;

package/auth/AuthStyle01.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
-declare type AuthStyleProps = {
+import { Slider, SliderCodeToken } from '../slider/SliderCode';
+export declare type AuthStyle01Props = {
     /**
      * 主颜色.
      */
@@ -67,5 +67,4 @@ declare type AuthStyleProps = {
      */
     login?: (userInfo: any) => void;
 };
-declare const App: FC<AuthStyleProps>;
-export default App;
+export declare const AuthStyle01: FC<AuthStyle01Props>;

package/auth/AuthStyle01.js

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import { Alert, ConfigProvider, Tabs, theme } from 'antd';
 import { css } from '@emotion/css';
-import AuthPassword from './AuthPassword';
+import { AuthPassword } from './AuthPassword';
 import ImageBackground from '../images/assets_background_01.png';
 import { Session } from './session';
-const App = (props) => {
+export const AuthStyle01 = (props) => {
     const { token } = theme.useToken();
     const [errorMessage, setErrorMessage] = useState('');
     const onConfirmLogin = async (code, slider, params) => {
@@ -89,8 +89,8 @@ const App = (props) => {
                   min-height: 200px;
               ` },
                                 errorMessage !== '' ? React.createElement(Alert, { style: {
-                                        fontSize: '12px',
-                                        marginBottom: '12px',
+                                        fontSize: token.fontSize - 1,
+                                        marginBottom: 12,
                                         color: '#fa2c19',
                                         padding: '6px 10px',
                                         fontWeight: '500'
@@ -117,4 +117,3 @@ const App = (props) => {
             }
         `, dangerouslySetInnerHTML: { __html: props?.copyright || '' } }))));
 };
-export default App;

package/auth/AuthStyle02.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
-declare type AuthStyleProps = {
+import { Slider, SliderCodeToken } from '../slider/SliderCode';
+export declare type AuthStyle02Props = {
     /**
      * 主颜色.
      */
@@ -63,5 +63,4 @@ declare type AuthStyleProps = {
      */
     login?: (userInfo: any) => void;
 };
-declare const App: FC<AuthStyleProps>;
-export default App;
+export declare const AuthStyle02: FC<AuthStyle02Props>;

package/auth/AuthStyle02.js

@@ -3,8 +3,8 @@ import { Alert, ConfigProvider, Tabs, theme } from 'antd';
 import { css } from '@emotion/css';
 import ImageBackground from '../images/assets_background_01.png';
 import { Session } from './session';
-import AuthPassword from './AuthPassword';
-const App = (props) => {
+import { AuthPassword } from './AuthPassword';
+export const AuthStyle02 = (props) => {
     const { token } = theme.useToken();
     const [errorMessage, setErrorMessage] = useState('');
     const onConfirmLogin = async (code, slider, params) => {
@@ -82,8 +82,8 @@ const App = (props) => {
                   min-height: 200px;
               ` },
                                 errorMessage !== '' ? React.createElement(Alert, { style: {
-                                        fontSize: '12px',
-                                        marginBottom: '12px',
+                                        fontSize: token.fontSize - 1,
+                                        marginBottom: 12,
                                         color: '#fa2c19',
                                         padding: '6px 10px',
                                         fontWeight: '500'
@@ -110,4 +110,3 @@ const App = (props) => {
             }
         `, dangerouslySetInnerHTML: { __html: props?.copyright || '' } }))));
 };
-export default App;

package/auth/AuthThirdPartyAuth.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare type AuthThirdPartyAuthProps = {
+export declare type AuthThirdPartyAuthProps = {
     /**
      * Logo
      */
@@ -27,5 +27,4 @@ declare type AuthThirdPartyAuthProps = {
     };
     onConfirm?: () => void;
 };
-declare const App: FC<AuthThirdPartyAuthProps>;
-export default App;
+export declare const AuthThirdPartyAuth: FC<AuthThirdPartyAuthProps>;

package/auth/AuthThirdPartyAuth.js

@@ -3,7 +3,7 @@ import { css } from '@emotion/css';
 import { Button, ConfigProvider, theme } from 'antd';
 import ImageBackground from '../images/assets_background_01.png';
 import ImageAvatar from './avatar.png';
-const App = (props) => {
+export const AuthThirdPartyAuth = (props) => {
     const { token } = theme.useToken();
     return React.createElement("div", { className: css `
       width: 100%;
@@ -93,4 +93,3 @@ const App = (props) => {
                         } }, "\u5728\u6D4F\u89C8\u5668\u6253\u5F00"),
                     "\u4EE5\u514D\u767B\u5F55\uFF0C\u65B9\u4FBF\u5FEB\u6377\u5730\u8BBF\u95EE\u6211\u4EEC\u7684\u670D\u52A1\u3002") : undefined)));
 };
-export default App;

package/content/ParentContext.d.ts

@@ -1,8 +1,10 @@
 import type { MessageInstance } from 'antd/es/message/interface';
 import type { HookAPI } from 'antd/es/modal/useModal';
-declare const ParentContext: import("react").Context<{
+/**
+ * React 父子容器.
+ */
+export declare const ParentContext: import("react").Context<{
     messageApi: MessageInstance | undefined;
     modal: HookAPI | undefined;
     active: () => void;
 }>;
-export default ParentContext;

package/content/ParentContext.js

@@ -1,9 +1,11 @@
 import { createContext } from 'react';
-const ParentContext = createContext({
+/**
+ * React 父子容器.
+ */
+export const ParentContext = createContext({
     messageApi: undefined,
     modal: undefined,
     active: () => {
         console.log('parent context');
     }
 });
-export default ParentContext;

package/content/PermissionContext.d.ts

@@ -1,4 +1,6 @@
-declare const PermissionContext: import("react").Context<{
+/**
+ * React 权限.
+ */
+export declare const PermissionContext: import("react").Context<{
     isPermission: (domain: string, permission: string) => boolean;
 }>;
-export default PermissionContext;

package/content/PermissionContext.js

@@ -1,5 +1,8 @@
 import { createContext } from 'react';
-const PermissionContext = createContext({
+/**
+ * React 权限.
+ */
+export const PermissionContext = createContext({
     isPermission: (domain, permission) => {
         console.log('parent context' + domain);
         console.log('parent context' + permission);
@@ -9,4 +12,3 @@ const PermissionContext = createContext({
         return true;
     }
 });
-export default PermissionContext;

package/icon/icon/directory.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="23" fill="none" viewBox="0 0 28 23" x="150" y="130"
+     data-name="spacearea" data-svg-id="ea31b1f100">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M2.25 22.5A2.25 2.25 0 0 1 0 20.25V2.583A2.25 2.25 0 0 1 2.25.333h7.083l2.334 2.334H25.75A2.25 2.25 0 0 1 28 4.917V20.25a2.25 2.25 0 0 1-2.25 2.25H2.25z"
+        fill="url(#g)"/>
+  <defs>
+    <linearGradient id="g" x1="-13.917" y1="11.351" x2="7.53" y2="38.443" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#6BBEFE"/>
+      <stop offset=".999" stop-color="#59ABFE"/>
+    </linearGradient>
+  </defs>
+</svg>

package/icon/icon/empty.svg

@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="80">
+  <defs>
+    <linearGradient x1="52.348%" y1="74.611%" x2="52.348%" y2="-17.635%" id="a">
+      <stop stop-color="#DEDEDE" stop-opacity="0" offset="0%"/>
+      <stop stop-color="#A9A9A9" stop-opacity=".3" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="44.79%" y1="100%" x2="44.79%" y2="0%" id="b">
+      <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
+      <stop stop-color="#96A1C5" stop-opacity=".373" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="100%" x2="50%" y2="-19.675%" id="c">
+      <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
+      <stop stop-color="#919191" stop-opacity=".15" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="44.95%" id="d">
+      <stop stop-color="#5389F5" offset="0%"/>
+      <stop stop-color="#416FDC" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="63.345%" y1="100%" x2="63.345%" y2="-5.316%" id="e">
+      <stop stop-color="#DCE9FF" offset="0%"/>
+      <stop stop-color="#B6CFFF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="f">
+      <stop stop-color="#7CA5F7" offset="0%"/>
+      <stop stop-color="#C4D6FC" offset="100%"/>
+    </linearGradient>
+  </defs>
+  <g transform="translate(-1.866 .364)" fill="none" fill-rule="evenodd">
+    <path d="M27.94 14.864c1.326-4.192 2.56-6.802 3.7-7.831 3.157-2.848 7.522-1.298 8.45-1.076 3.26.782 2.2-4.364 4.997-5.41 1.864-.697 3.397.155 4.6 2.556C50.752.863 52.375-.163 54.556.02c3.272.277 4.417 11.328 8.913 8.909 4.497-2.42 10.01-2.973 12.365.623.509.778.704-.429 4.166-4.55C83.462.88 86.914-.936 93.996 1.464c3.22 1.09 5.868 4.045 7.947 8.864 0 6.878 5.06 10.95 15.178 12.213 15.179 1.895 3.397 18.214-15.178 22.993-18.576 4.78-61.343 7.36-84.551-4.716C1.92 32.769 5.436 24.117 27.939 14.864z"
+          fill="url(#a)" opacity=".8"/>
+    <ellipse fill="url(#b)" cx="66" cy="69.166" rx="27.987" ry="6.478"/>
+    <path d="M113.25 77.249c-21.043 5.278-92.87-.759-100.515-3.516-3.721-1.343-7.075-3.868-10.061-7.576a2.822 2.822 0 0 1 2.198-4.593h125.514c2.605 6.938-3.107 12.166-17.136 15.685z"
+          fill="url(#c)" opacity=".675"/>
+    <g fill-rule="nonzero">
+      <path d="M43.396 12.098L33.825.906a2.434 2.434 0 0 0-1.837-.86h-20.58c-.706 0-1.377.324-1.837.86L0 12.098v6.144h43.396v-6.144z"
+            fill="url(#d)" transform="translate(44.08 39.707)"/>
+      <path d="M40.684 18.468L32.307 8.72a2.136 2.136 0 0 0-1.622-.725H12.711c-.617 0-1.22.256-1.622.725l-8.377 9.748v5.354h37.972v-5.354z"
+            fill="url(#e)" transform="translate(44.08 39.707)"/>
+      <path d="M43.396 25.283c0 .853-.384 1.62-.99 2.134l-.123.1a2.758 2.758 0 0 1-1.67.56H2.784c-.342 0-.669-.062-.971-.176l-.15-.06A2.802 2.802 0 0 1 0 25.282V12.165h10.529c1.163 0 2.1.957 2.1 2.118v.015c0 1.162.948 2.099 2.111 2.099h13.916a2.113 2.113 0 0 0 2.111-2.107c0-1.166.938-2.125 2.1-2.125h10.53z"
+            fill="url(#f)" transform="translate(44.08 39.707)"/>
+    </g>
+  </g>
+</svg>