@ebiz/designer-components 0.0.18-beta.1 → 0.0.18-beta.2

package/src/components/charts/feature/expandLegend/singleSelectLegend/index.js

@@ -1,97 +1,97 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-// import paging from "./paging";
-import group from "./group";
-import more from "./more";
-import scroll from "./scroll";
-import throttle from "../../../util/throttle";
-const DEFAULT_OPTION = {
-    data: [],
-    onclick: () => {},
-};
-const THROTTLE_INTERVAL = 500;
-class SingleSelectLegend {
-    constructor(element) {
-
-        // 根节点
-        this.root = element;
-
-        // 所有的图例
-        this.item = [];
-
-        // 当前主题下的配色
-        this.color = [];
-
-        // 所有图例的分组情况
-        this.group = [];
-
-        // 当前所在页码，从0开始
-        this.current = 0;
-
-        // 当前的数据
-        this.data = [];
-
-        // 图例的点击事件
-        this.onclick = () => {};
-    }
-
-    setOption(option) {
-        option = option || DEFAULT_OPTION;
-        this.onclick = option.onclick;
-        this.itemStyle = option.itemStyle;
-        this.color = option.color;
-        this.onLegendClick = option.onLegendClick;
-        this.initData(option.data);
-        this.setResizeObserver();
-    }
-
-    // 组装数据
-    initData(data) {
-        this.data = [];
-        if (Array.isArray(data)) {
-            for (let i = 0; i < data.length; i++) {
-                this.data.push({
-                    name: data[i]["name"] === undefined ? data[i] : data[i]["name"],
-                    value: data[i]["value"] === undefined ? data[i] : data[i]["value"],
-                    selected: data[i]["selected"] === undefined ? true : data[i]["selected"],
-                    show: data[i]["show"] === undefined ? true : data[i]["show"],
-                    color: this.color.length === 0 ? "#000" : this.color[i % this.color.length],
-                });
-            }
-        }
-    }
-
-    // 创建整个图例滚动框
-    create() {
-        const scrollDom = scroll.call(this);
-        // const pagingDom = paging.call(this);
-        const moreDom = more.call(this);
-        this.root.append(scrollDom, moreDom);
-        group.call(this);
-    }
-
-    getData() {
-        return this.data;
-    }
-
-    // 响应式监听
-    setResizeObserver() {
-        this.resizeObserver = new ResizeObserver(() => {
-            throttle(THROTTLE_INTERVAL, () => {
-                this.root.innerHTML = "";
-                this.create();
-            })();
-        });
-        this.resizeObserver.observe(this.root);
-    }
-}
-export default SingleSelectLegend;
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+// import paging from "./paging";
+import group from "./group";
+import more from "./more";
+import scroll from "./scroll";
+import throttle from "../../../util/throttle";
+const DEFAULT_OPTION = {
+    data: [],
+    onclick: () => {},
+};
+const THROTTLE_INTERVAL = 500;
+class SingleSelectLegend {
+    constructor(element) {
+
+        // 根节点
+        this.root = element;
+
+        // 所有的图例
+        this.item = [];
+
+        // 当前主题下的配色
+        this.color = [];
+
+        // 所有图例的分组情况
+        this.group = [];
+
+        // 当前所在页码，从0开始
+        this.current = 0;
+
+        // 当前的数据
+        this.data = [];
+
+        // 图例的点击事件
+        this.onclick = () => {};
+    }
+
+    setOption(option) {
+        option = option || DEFAULT_OPTION;
+        this.onclick = option.onclick;
+        this.itemStyle = option.itemStyle;
+        this.color = option.color;
+        this.onLegendClick = option.onLegendClick;
+        this.initData(option.data);
+        this.setResizeObserver();
+    }
+
+    // 组装数据
+    initData(data) {
+        this.data = [];
+        if (Array.isArray(data)) {
+            for (let i = 0; i < data.length; i++) {
+                this.data.push({
+                    name: data[i]["name"] === undefined ? data[i] : data[i]["name"],
+                    value: data[i]["value"] === undefined ? data[i] : data[i]["value"],
+                    selected: data[i]["selected"] === undefined ? true : data[i]["selected"],
+                    show: data[i]["show"] === undefined ? true : data[i]["show"],
+                    color: this.color.length === 0 ? "#000" : this.color[i % this.color.length],
+                });
+            }
+        }
+    }
+
+    // 创建整个图例滚动框
+    create() {
+        const scrollDom = scroll.call(this);
+        // const pagingDom = paging.call(this);
+        const moreDom = more.call(this);
+        this.root.append(scrollDom, moreDom);
+        group.call(this);
+    }
+
+    getData() {
+        return this.data;
+    }
+
+    // 响应式监听
+    setResizeObserver() {
+        this.resizeObserver = new ResizeObserver(() => {
+            throttle(THROTTLE_INTERVAL, () => {
+                this.root.innerHTML = "";
+                this.create();
+            })();
+        });
+        this.resizeObserver.observe(this.root);
+    }
+}
+export default SingleSelectLegend;

package/src/components/charts/feature/expandLegend/singleSelectLegend/item.js

@@ -1,113 +1,113 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import { CSS_CLASS ,SVG_ICON} from "./constants";
-import { uuid } from "../../../util/math";
-import { getTextWidth } from "../../../util/dom";
-import { svgTransform } from "../../../util/convert";
-// 图例的默认宽度
-const DEFAULT_WIDTH = "160px"
-
-// tips文字大小
-const TEXT_SIZE = 14;
-
-// 创建每个图例
-function item(data, index) {
-    // 创建整个图例的盒子
-    const item = document.createElement("div");
-    item.classList.add(CSS_CLASS.ITEM);
-    item.id = `${CSS_CLASS.ITEM}_${uuid()}`;
-    item.dataset.id = index;
-
-    // 创建图例文字前面的图标
-    const itemIcon = document.createElement("div");
-    itemIcon.classList.add(CSS_CLASS.ITEM_ICON)
-    itemIcon.style.backgroundColor = data.color;
-    if (this?.itemStyle?.icon === "line") {
-        itemIcon.classList.add(CSS_CLASS.ITEM_ICON_LINE);
-    } else {
-        itemIcon.classList.add(CSS_CLASS.ITEM_ICON_CIRCLE);
-    }
-
-    // 创建图例的文字
-    const itemText = document.createElement("span");
-    itemText.classList.add(CSS_CLASS.ITEM_TEXT);
-    itemText.innerText = data.name;
-    itemText.title = data.name;
-
-    // 如果设置了图例最大宽度就设置
-    if (this.itemStyle) {
-        this.itemStyle.maxTextWidth && (itemText.style.maxWidth = this.itemStyle.maxTextWidth)
-        if (this.itemStyle.showTips) {
-            let maxTextWidth = this.itemStyle.maxTextWidth || DEFAULT_WIDTH
-            maxTextWidth = maxTextWidth.split('px')[0] - 0
-
-            // 如果图例超出了最大宽度就增加hover触发的tips
-            if (getTextWidth(data.name, TEXT_SIZE) > maxTextWidth) {
-                let tips = new Tips(item);
-                tips.setOption({
-                    data: data.name,
-                    onclick: () => { },
-                });
-            }
-        }
-    }
-    const copy = document.createElement('img')
-    copy.classList.add('copy')
-    if(this?.itemStyle?.copy){
-        const svg1 = svgTransform(SVG_ICON.COPY1)
-        const svg2 = svgTransform(SVG_ICON.COPY2)
-        copy.src = svg1
-
-        copy.addEventListener('mouseover', (e) => {
-            e.stopPropagation()
-            copy.src = svg2
-        })
-        copy.addEventListener('mouseleave', (e) => {
-            e.stopPropagation()
-            copy.src = svg1
-        })
-        copy.addEventListener('click', async (e) => {
-            e.stopPropagation()
-            let clipboard = navigator.clipboard || {
-                writeText: (text) => {
-                    let copyInput = document.createElement('input');
-                    copyInput.value = text;
-                    document.body.appendChild(copyInput);
-                    copyInput.select();
-                    document.execCommand('copy');
-                    document.body.removeChild(copyInput);
-                }
-            }
-            if (clipboard) {
-                await clipboard.writeText(data.name);
-            }
-        })
-    }
-    item.append(itemIcon, itemText, copy);
-
-    // 图例是否未激活
-    if (data.show === false) {
-        itemIcon.classList.toggle(CSS_CLASS.ITEM_ICON_UNACTIVE);
-        itemText.classList.toggle(CSS_CLASS.ITEM_TEXT_UNACTIVE);
-    }
-
-    // 图例添加点击事件切换样式
-    item.addEventListener("click", (e) => {
-        e.stopPropagation();
-        data.show = !data.show
-        itemIcon.classList.toggle(CSS_CLASS.ITEM_ICON_UNACTIVE);
-        itemText.classList.toggle(CSS_CLASS.ITEM_TEXT_UNACTIVE);
-        this.onLegendClick && this.onLegendClick(this.data[index]);
-    });
-    return item;
-}
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { CSS_CLASS ,SVG_ICON} from "./constants";
+import { uuid } from "../../../util/math";
+import { getTextWidth } from "../../../util/dom";
+import { svgTransform } from "../../../util/convert";
+// 图例的默认宽度
+const DEFAULT_WIDTH = "160px"
+
+// tips文字大小
+const TEXT_SIZE = 14;
+
+// 创建每个图例
+function item(data, index) {
+    // 创建整个图例的盒子
+    const item = document.createElement("div");
+    item.classList.add(CSS_CLASS.ITEM);
+    item.id = `${CSS_CLASS.ITEM}_${uuid()}`;
+    item.dataset.id = index;
+
+    // 创建图例文字前面的图标
+    const itemIcon = document.createElement("div");
+    itemIcon.classList.add(CSS_CLASS.ITEM_ICON)
+    itemIcon.style.backgroundColor = data.color;
+    if (this?.itemStyle?.icon === "line") {
+        itemIcon.classList.add(CSS_CLASS.ITEM_ICON_LINE);
+    } else {
+        itemIcon.classList.add(CSS_CLASS.ITEM_ICON_CIRCLE);
+    }
+
+    // 创建图例的文字
+    const itemText = document.createElement("span");
+    itemText.classList.add(CSS_CLASS.ITEM_TEXT);
+    itemText.innerText = data.name;
+    itemText.title = data.name;
+
+    // 如果设置了图例最大宽度就设置
+    if (this.itemStyle) {
+        this.itemStyle.maxTextWidth && (itemText.style.maxWidth = this.itemStyle.maxTextWidth)
+        if (this.itemStyle.showTips) {
+            let maxTextWidth = this.itemStyle.maxTextWidth || DEFAULT_WIDTH
+            maxTextWidth = maxTextWidth.split('px')[0] - 0
+
+            // 如果图例超出了最大宽度就增加hover触发的tips
+            if (getTextWidth(data.name, TEXT_SIZE) > maxTextWidth) {
+                let tips = new Tips(item);
+                tips.setOption({
+                    data: data.name,
+                    onclick: () => { },
+                });
+            }
+        }
+    }
+    const copy = document.createElement('img')
+    copy.classList.add('copy')
+    if(this?.itemStyle?.copy){
+        const svg1 = svgTransform(SVG_ICON.COPY1)
+        const svg2 = svgTransform(SVG_ICON.COPY2)
+        copy.src = svg1
+
+        copy.addEventListener('mouseover', (e) => {
+            e.stopPropagation()
+            copy.src = svg2
+        })
+        copy.addEventListener('mouseleave', (e) => {
+            e.stopPropagation()
+            copy.src = svg1
+        })
+        copy.addEventListener('click', async (e) => {
+            e.stopPropagation()
+            let clipboard = navigator.clipboard || {
+                writeText: (text) => {
+                    let copyInput = document.createElement('input');
+                    copyInput.value = text;
+                    document.body.appendChild(copyInput);
+                    copyInput.select();
+                    document.execCommand('copy');
+                    document.body.removeChild(copyInput);
+                }
+            }
+            if (clipboard) {
+                await clipboard.writeText(data.name);
+            }
+        })
+    }
+    item.append(itemIcon, itemText, copy);
+
+    // 图例是否未激活
+    if (data.show === false) {
+        itemIcon.classList.toggle(CSS_CLASS.ITEM_ICON_UNACTIVE);
+        itemText.classList.toggle(CSS_CLASS.ITEM_TEXT_UNACTIVE);
+    }
+
+    // 图例添加点击事件切换样式
+    item.addEventListener("click", (e) => {
+        e.stopPropagation();
+        data.show = !data.show
+        itemIcon.classList.toggle(CSS_CLASS.ITEM_ICON_UNACTIVE);
+        itemText.classList.toggle(CSS_CLASS.ITEM_TEXT_UNACTIVE);
+        this.onLegendClick && this.onLegendClick(this.data[index]);
+    });
+    return item;
+}
 export default item;

package/src/components/charts/feature/expandLegend/singleSelectLegend/more.js

@@ -1,40 +1,40 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import SingleSelect from "../singleSelect";
-// import item from "./item";
-// import group from "./group";
-import { CSS_CLASS, SVG_ICON } from "./constants";
-import { uuid } from "../../../util/math";
-import { svgTransform } from "../../../util/convert";
-
-// 创建更多按钮
-function more() {
-    const more = document.createElement("div");
-    const moreIcon = document.createElement("img");
-    more.id = `more-${uuid()}`;
-    moreIcon.src = svgTransform(SVG_ICON.EVEN_MORE);
-    more.classList.add(CSS_CLASS.MORE);
-    more.appendChild(moreIcon);
-    let dropdown = new SingleSelect(more);
-    dropdown.setOption({
-        data: this.data,
-        color: this.color,
-        itemStyle:this.itemStyle,
-        // 点击触发的事件
-        onclick: (data) => {
-            this.onclick(data);
-        },
-    });
-    return more;
-}
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import SingleSelect from "../singleSelect";
+// import item from "./item";
+// import group from "./group";
+import { CSS_CLASS, SVG_ICON } from "./constants";
+import { uuid } from "../../../util/math";
+import { svgTransform } from "../../../util/convert";
+
+// 创建更多按钮
+function more() {
+    const more = document.createElement("div");
+    const moreIcon = document.createElement("img");
+    more.id = `more-${uuid()}`;
+    moreIcon.src = svgTransform(SVG_ICON.EVEN_MORE);
+    more.classList.add(CSS_CLASS.MORE);
+    more.appendChild(moreIcon);
+    let dropdown = new SingleSelect(more);
+    dropdown.setOption({
+        data: this.data,
+        color: this.color,
+        itemStyle:this.itemStyle,
+        // 点击触发的事件
+        onclick: (data) => {
+            this.onclick(data);
+        },
+    });
+    return more;
+}
+
 export default more;

package/src/components/charts/feature/expandLegend/singleSelectLegend/scroll.js

@@ -1,33 +1,33 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import item from "./item";
-import { CSS_CLASS } from "./constants";
-
-// 创建图例框
-function scroll() {
-    const scrollDom = document.createElement("div");
-    scrollDom.classList.add(CSS_CLASS.SCROLL);
-    this.item = [];
-    
-    // 根据数据循环创造图例
-    this.data.forEach((element, index) => {
-        if (element.selected) {
-            let itemDom = item.call(this, element, index);
-            this.item.push(itemDom);
-            scrollDom.append(itemDom);
-        }
-    });
-    this.scroll = scrollDom;
-    return scrollDom;
-}
-
-export default scroll;
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import item from "./item";
+import { CSS_CLASS } from "./constants";
+
+// 创建图例框
+function scroll() {
+    const scrollDom = document.createElement("div");
+    scrollDom.classList.add(CSS_CLASS.SCROLL);
+    this.item = [];
+    
+    // 根据数据循环创造图例
+    this.data.forEach((element, index) => {
+        if (element.selected) {
+            let itemDom = item.call(this, element, index);
+            this.item.push(itemDom);
+            scrollDom.append(itemDom);
+        }
+    });
+    this.scroll = scrollDom;
+    return scrollDom;
+}
+
+export default scroll;

package/src/components/charts/feature/expandLegend/tips/constants.js

@@ -1,21 +1,21 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-export const CSS_CLASS = {
-    TIPS: "hui_expand_legend_tips",
-    TIPS_ACTIVE: "hui_expand_legend_tips_active",
-    TIPS_ARROW: "hui_expand_legend_tips_arrow",
-    TIPS_HIDDEN: "hui_expand_legend_tips_hidden",
-};
-
-export const SVG_ICON = {
-    INDICATOR_TRIANGLE: `<svg width="18.000000" height="9.633667" viewBox="0 0 18 9.63367" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="指示三角" d="M7.4 8.81L3.79 3.83C3.41 3.32 2.82 3.01 2.18 3.01L0 3L0 0L18 0L18 3L16 3C15.37 3 14.77 3.29 14.4 3.79L10.62 8.83C9.81 9.91 8.19 9.89 7.4 8.81Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="evenodd"/></svg>`,
-};
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+export const CSS_CLASS = {
+    TIPS: "hui_expand_legend_tips",
+    TIPS_ACTIVE: "hui_expand_legend_tips_active",
+    TIPS_ARROW: "hui_expand_legend_tips_arrow",
+    TIPS_HIDDEN: "hui_expand_legend_tips_hidden",
+};
+
+export const SVG_ICON = {
+    INDICATOR_TRIANGLE: `<svg width="18.000000" height="9.633667" viewBox="0 0 18 9.63367" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="指示三角" d="M7.4 8.81L3.79 3.83C3.41 3.32 2.82 3.01 2.18 3.01L0 3L0 0L18 0L18 3L16 3C15.37 3 14.77 3.29 14.4 3.79L10.62 8.83C9.81 9.91 8.19 9.89 7.4 8.81Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="evenodd"/></svg>`,
+};