aldehyde 0.2.480 → 0.2.481

package/lib/lowcode-components/border/border5/index.js

@@ -16,9 +16,9 @@ const Index = forwardRef((props, ref) => {
     }));
     return React.createElement("div", { className: "border-box-5" },
         React.createElement("svg", { className: `border-svg-container  ${reverse && 'reverse'}`, width: width, height: height },
-            React.createElement("polyline", { className: 'bb5-line-1', stroke: mainColor, points: `8, 5 ${width - 5}, 5 ${width - 5}, ${height - 100}
+            React.createElement("polyline", { className: 'bb5-line-1', stroke: mainColor, points: `8, 5 ${width - 5}, 5 ${width - 5}, ${height - 100}
           ${width - 100}, ${height - 5} 8, ${height - 5} 8, 5` }),
-            React.createElement("polyline", { className: 'bb5-line-2', stroke: subColor, points: `3, 5 ${width - 20}, 5 ${width - 20}, ${height - 60}
+            React.createElement("polyline", { className: 'bb5-line-2', stroke: subColor, points: `3, 5 ${width - 20}, 5 ${width - 20}, ${height - 60}
           ${width - 74}, ${height - 5} 3, ${height - 5} 3, 5` }),
             React.createElement("polyline", { className: 'bb5-line-3', stroke: subColor, points: `50, 13 ${width - 35}, 13` }),
             React.createElement("polyline", { className: 'bb5-line-4', stroke: subColor, points: `15, 20 ${width - 35}, 20` }),

package/lib/lowcode-components/border/border5/index.less

@@ -1,36 +1,36 @@
-.border-box-5 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .reverse {
-        transform: rotate(180deg);
-    }
-
-    .border-svg-container {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 100%;
-        height: 100%;
-
-        &>polyline {
-            fill: none;
-        }
-    }
-
-    .bb5-line-1,
-    .bb5-line-2 {
-        stroke-width: 1;
-    }
-
-    .bb5-line-3,
-    .bb5-line-6 {
-        stroke-width: 5;
-    }
-
-    .bb5-line-4,
-    .bb5-line-5 {
-        stroke-width: 2;
-    }
+.border-box-5 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .reverse {
+        transform: rotate(180deg);
+    }
+
+    .border-svg-container {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+
+        &>polyline {
+            fill: none;
+        }
+    }
+
+    .bb5-line-1,
+    .bb5-line-2 {
+        stroke-width: 1;
+    }
+
+    .bb5-line-3,
+    .bb5-line-6 {
+        stroke-width: 5;
+    }
+
+    .bb5-line-4,
+    .bb5-line-5 {
+        stroke-width: 2;
+    }
 }

package/lib/lowcode-components/border/border6/index.less

@@ -1,18 +1,18 @@
-.border-box-6 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 100%;
-        height: 100%;
-
-        &>polyline {
-            fill: none;
-            stroke-width: 1;
-        }
-    }
+.border-box-6 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+
+        &>polyline {
+            fill: none;
+            stroke-width: 1;
+        }
+    }
 }

package/lib/lowcode-components/border/border7/index.less

@@ -1,27 +1,27 @@
-.border-box-7 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 100%;
-        height: 100%;
-
-        &>polyline {
-            fill: none;
-            stroke-linecap: round;
-        }
-    }
-
-    .bb7-line-width-2 {
-        stroke-width: 2;
-    }
-
-    .bb7-line-width-5 {
-        stroke-width: 5;
-    }
-
+.border-box-7 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+
+        &>polyline {
+            fill: none;
+            stroke-linecap: round;
+        }
+    }
+
+    .bb7-line-width-2 {
+        stroke-width: 2;
+    }
+
+    .bb7-line-width-5 {
+        stroke-width: 5;
+    }
+
 }

package/lib/lowcode-components/border/border8/index.less

@@ -1,14 +1,14 @@
-.border-box-8 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0px;
-        top: 0px;
-    }
-
+.border-box-8 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0px;
+        top: 0px;
+    }
+
 }

package/lib/lowcode-components/border/border9/index.js

@@ -26,34 +26,34 @@ const Index = forwardRef((props, ref) => {
                         React.createElement("animate", { attributeName: 'stop-color', values: `${subColor};${mainColor};${subColor}`, dur: '10s', begin: '0s', repeatCount: 'indefinite' }))),
                 React.createElement("mask", { id: `mask${props.base.id}` },
                     React.createElement("polyline", { stroke: '#fff', strokeWidth: '3', fill: 'transparent', points: `8, ${height * 0.4} 8, 3, ${width * 0.4 + 7}, 3` }),
-                    React.createElement("polyline", { fill: '#fff', points: `8, ${height * 0.15} 8, 3, ${width * 0.1 + 7}, 3
-                ${width * 0.1}, 8 14, 8 14, ${height * 0.15 - 7}
+                    React.createElement("polyline", { fill: '#fff', points: `8, ${height * 0.15} 8, 3, ${width * 0.1 + 7}, 3
+                ${width * 0.1}, 8 14, 8 14, ${height * 0.15 - 7}
               ` }),
                     React.createElement("polyline", { stroke: '#fff', strokeWidth: '3', fill: 'transparent', points: `${width * 0.5}, 3 ${width - 3}, 3, ${width -
                             3}, ${height * 0.25}` }),
-                    React.createElement("polyline", { fill: '#fff', points: `
-                ${width * 0.52}, 3 ${width * 0.58}, 3
-                ${width * 0.58 - 7}, 9 ${width * 0.52 + 7}, 9
+                    React.createElement("polyline", { fill: '#fff', points: `
+                ${width * 0.52}, 3 ${width * 0.58}, 3
+                ${width * 0.58 - 7}, 9 ${width * 0.52 + 7}, 9
               ` }),
-                    React.createElement("polyline", { fill: '#fff', points: `
-                ${width * 0.9}, 3 ${width - 3}, 3 ${width - 3}, ${height * 0.1}
+                    React.createElement("polyline", { fill: '#fff', points: `
+                ${width * 0.9}, 3 ${width - 3}, 3 ${width - 3}, ${height * 0.1}
                 ${width - 9}, ${height * 0.1 - 7} ${width - 9}, 9 ${width *
                             0.9 +
-                            7}, 9
+                            7}, 9
               ` }),
                     React.createElement("polyline", { stroke: '#fff', strokeWidth: '3', fill: 'transparent', points: `8, ${height * 0.5} 8, ${height - 3} ${width * 0.3 +
                             7}, ${height - 3}` }),
-                    React.createElement("polyline", { fill: '#fff', points: `
-                8, ${height * 0.55} 8, ${height * 0.7}
-                2, ${height * 0.7 - 7} 2, ${height * 0.55 + 7}
+                    React.createElement("polyline", { fill: '#fff', points: `
+                8, ${height * 0.55} 8, ${height * 0.7}
+                2, ${height * 0.7 - 7} 2, ${height * 0.55 + 7}
               ` }),
                     React.createElement("polyline", { stroke: '#fff', strokeWidth: '3', fill: 'transparent', points: `${width * 0.35}, ${height - 3} ${width - 3}, ${height -
                             3} ${width - 3}, ${height * 0.35}` }),
-                    React.createElement("polyline", { fill: '#fff', points: `
+                    React.createElement("polyline", { fill: '#fff', points: `
                 ${width * 0.92}, ${height - 3} ${width - 3}, ${height -
-                            3} ${width - 3}, ${height * 0.8}
+                            3} ${width - 3}, ${height * 0.8}
                 ${width - 9}, ${height * 0.8 + 7} ${width - 9}, ${height -
-                            9} ${width * 0.92 + 7}, ${height - 9}
+                            9} ${width * 0.92 + 7}, ${height - 9}
               ` }))),
             React.createElement("rect", { x: '0', y: '0', width: width, height: height, fill: `url(#gradient${props.base.id})`, mask: `url(#mask${props.base.id})` })));
 });

package/lib/lowcode-components/border/border9/index.less

@@ -1,14 +1,14 @@
-.border-box-9 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0px;
-        top: 0px;
-    }
-
+.border-box-9 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0px;
+        top: 0px;
+    }
+
 }

package/lib/lowcode-components/decoration/decoration1/index.less

@@ -1,8 +1,8 @@
-.decoration-1 {
-    width: 100%;
-    height: 100%;
-
-    .decoration-1-container {
-        transform-origin: left top;
-    }
+.decoration-1 {
+    width: 100%;
+    height: 100%;
+
+    .decoration-1-container {
+        transform-origin: left top;
+    }
 }

package/lib/lowcode-components/decoration/decoration10/index.js

@@ -19,9 +19,9 @@ const Index = forwardRef((props, ref) => {
             React.createElement("polygon", { fill: subColor, fillOpacity: 0.1, stroke: subColor, points: `20 ${height - 10}, 25 ${height - 4}, 55 ${height - 4} 60 ${height - 10}` }),
             React.createElement("polygon", { fill: subColor, fillOpacity: 0.1, stroke: subColor, points: `${width - 20} 10, ${width - 25} 4, ${width - 55} 4 ${width - 60} 10` }),
             React.createElement("polygon", { fill: subColor, fillOpacity: 0.1, stroke: subColor, points: `${width - 20} ${height - 10}, ${width - 25} ${height - 4}, ${width - 55} ${height - 4} ${width - 60} ${height - 10}` }),
-            React.createElement("polygon", { fill: mainColor, fillOpacity: 0.2, stroke: mainColor, points: `
-            20 10, 5 ${height / 2} 20 ${height - 10}
-            ${width - 20} ${height - 10} ${width - 5} ${height / 2} ${width - 20} 10
+            React.createElement("polygon", { fill: mainColor, fillOpacity: 0.2, stroke: mainColor, points: `
+            20 10, 5 ${height / 2} 20 ${height - 10}
+            ${width - 20} ${height - 10} ${width - 5} ${height / 2} ${width - 20} 10
           ` }),
             React.createElement("polyline", { fill: 'transparent', stroke: mainColor, strokeOpacity: 0.7, points: `25 18, 15 ${height / 2} 25 ${height - 18}` }),
             React.createElement("polyline", { fill: 'transparent', stroke: mainColor, strokeOpacity: 0.7, points: `${width - 25} 18, ${width - 15} ${height / 2} ${width - 25} ${height - 18}` })));

package/lib/lowcode-components/decoration/decoration10/index.less

@@ -1,6 +1,6 @@
-.decoration-10 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
+.decoration-10 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
 }

package/lib/lowcode-components/decoration/decoration11/index.less

@@ -1,6 +1,6 @@
-.decoration-11 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
+.decoration-11 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
 }

package/lib/lowcode-components/decoration/decoration2/index.less

@@ -1,7 +1,7 @@
-.decoration-2 {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    justify-content: center;
-    align-items: center;
+.decoration-2 {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
 }

package/lib/lowcode-components/decoration/decoration3/index.less

@@ -1,8 +1,8 @@
-.decoration-3 {
-    width: 100%;
-    height: 100%;
-
-    .decoration-3-container {
-        transform-origin: left top;
-    }
+.decoration-3 {
+    width: 100%;
+    height: 100%;
+
+    .decoration-3-container {
+        transform-origin: left top;
+    }
 }

package/lib/lowcode-components/decoration/decoration4/index.less

@@ -1,30 +1,30 @@
-.decoration-4 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .decoration-4-container {
-        display: flex;
-        overflow: hidden;
-        position: absolute;
-        flex: 1;
-        animation: ani-width ease-in-out infinite;
-        animation-duration: 3s;
-        top: 50%;
-        margin-top: -2px;
-    }
-
-    @keyframes ani-width {
-        0% {
-            width: 0%;
-        }
-
-        70% {
-            width: 100%;
-        }
-
-        100% {
-            width: 100%;
-        }
-    }
+.decoration-4 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .decoration-4-container {
+        display: flex;
+        overflow: hidden;
+        position: absolute;
+        flex: 1;
+        animation: ani-width ease-in-out infinite;
+        animation-duration: 3s;
+        top: 50%;
+        margin-top: -2px;
+    }
+
+    @keyframes ani-width {
+        0% {
+            width: 0%;
+        }
+
+        70% {
+            width: 100%;
+        }
+
+        100% {
+            width: 100%;
+        }
+    }
 }

package/lib/lowcode-components/decoration/decoration5/index.less

@@ -1,4 +1,4 @@
-.decoration-5 {
-    width: 100%;
-    height: 100%;
+.decoration-5 {
+    width: 100%;
+    height: 100%;
 }

package/lib/lowcode-components/decoration/decoration6/index.less

@@ -1,8 +1,8 @@
-.decoration-6 {
-    width: 100%;
-    height: 100%;
-
-    .decoration-6-container {
-        transform-origin: left top;
-    }
+.decoration-6 {
+    width: 100%;
+    height: 100%;
+
+    .decoration-6-container {
+        transform-origin: left top;
+    }
 }

package/lib/lowcode-components/decoration/decoration7/index.less

@@ -1,5 +1,5 @@
-.decoration-7 {
-    display: flex;
-    width: 100%;
-    height: 100%;
+.decoration-7 {
+    display: flex;
+    width: 100%;
+    height: 100%;
 }

package/lib/lowcode-components/decoration/decoration8/index.less

@@ -1,15 +1,15 @@
-.decoration-8 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .decoration-8-svg {
-        position: absolute;
-        left: 0px;
-        top: 0px;
-        transform-origin: left top;
-    }
+.decoration-8 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .decoration-8-svg {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        transform-origin: left top;
+    }
 }

package/lib/lowcode-components/decoration/decoration9/index.less

@@ -1,5 +1,5 @@
-.decoration-9 {
-    width: 100%;
-    height: 100%;
-    display: flex;
+.decoration-9 {
+    width: 100%;
+    height: 100%;
+    display: flex;
 }

package/lib/lowcode-components/effectScatter-map/index.js

@@ -240,15 +240,15 @@ const Index = forwardRef((props, ref) => {
                 }
                 const bgImg = `background-image: url(${backgroundImage});background-size: 100% 100%;background-repeat: no-repeat;background-position: center;`;
                 dom.style = `z-index:9999;width:${width}px;height:${height}px;${backgroundImage ? bgImg : `background:${backgroundColor}`}`;
-                dom.innerHTML = `<div style="padding:${padding}px;width:100%;height:100%;overflow:auto;">
-                    ${(title === null || title === void 0 ? void 0 : title.text) ? `<div style="width:100%;margin-bottom:4px; font-size: ${title.fontSize}px; color: ${title.color}; text-align: ${title.position}">${titleText}</div>` : ""}
+                dom.innerHTML = `<div style="padding:${padding}px;width:100%;height:100%;overflow:auto;">
+                    ${(title === null || title === void 0 ? void 0 : title.text) ? `<div style="width:100%;margin-bottom:4px; font-size: ${title.fontSize}px; color: ${title.color}; text-align: ${title.position}">${titleText}</div>` : ""}
                     ${(_d = (_c = (_b = content === null || content === void 0 ? void 0 : content.value) === null || _b === void 0 ? void 0 : _b.map(r => {
                     var _a, _b, _c;
-                    return ((_a = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _a === void 0 ? void 0 : _a[r]) && `<div style="width:100%;display:flex;justify-content:space-between;align-items:center; font-size: ${content.fontSize}px; color: ${content.color};">
-                        <div style="width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${((_b = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _b === void 0 ? void 0 : _b[r]) || ""}</div>
-                        <div style="width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right">${((_c = itemData === null || itemData === void 0 ? void 0 : itemData.value) === null || _c === void 0 ? void 0 : _c[r]) || ""}</div>
+                    return ((_a = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _a === void 0 ? void 0 : _a[r]) && `<div style="width:100%;display:flex;justify-content:space-between;align-items:center; font-size: ${content.fontSize}px; color: ${content.color};">
+                        <div style="width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${((_b = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _b === void 0 ? void 0 : _b[r]) || ""}</div>
+                        <div style="width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right">${((_c = itemData === null || itemData === void 0 ? void 0 : itemData.value) === null || _c === void 0 ? void 0 : _c[r]) || ""}</div>
                         </div>`;
-                })) === null || _c === void 0 ? void 0 : _c.filter(Boolean)) === null || _d === void 0 ? void 0 : _d.join("")}
+                })) === null || _c === void 0 ? void 0 : _c.filter(Boolean)) === null || _d === void 0 ? void 0 : _d.join("")}
                 </div>`;
                 return dom;
             }

package/lib/lowcode-components/effectScatter-map-3d/index.js

@@ -330,15 +330,15 @@ const Index = forwardRef((props, ref) => {
                 }
                 const bgImg = `background-image: url(${backgroundImage});background-size: 100% 100%;background-repeat: no-repeat;background-position: center;`;
                 dom.style = `z-index:9999;width:${width}px;height:${height}px;${backgroundImage ? bgImg : `background:${backgroundColor}`}`;
-                dom.innerHTML = `<div style="padding:${padding}px;width:100%;height:100%;overflow:auto;">
-                    ${(title === null || title === void 0 ? void 0 : title.text) ? `<div style="width:100%;margin-bottom:4px; font-size: ${title.fontSize}px; color: ${title.color}; text-align: ${title.position}">${titleText}</div>` : ""}
+                dom.innerHTML = `<div style="padding:${padding}px;width:100%;height:100%;overflow:auto;">
+                    ${(title === null || title === void 0 ? void 0 : title.text) ? `<div style="width:100%;margin-bottom:4px; font-size: ${title.fontSize}px; color: ${title.color}; text-align: ${title.position}">${titleText}</div>` : ""}
                     ${(_d = (_c = (_b = content === null || content === void 0 ? void 0 : content.value) === null || _b === void 0 ? void 0 : _b.map(r => {
                     var _a, _b, _c;
-                    return ((_a = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _a === void 0 ? void 0 : _a[r]) && `<div style="width:100%;display:flex;justify-content:space-between;align-items:center; font-size: ${content.fontSize}px; color: ${content.color};">
-                        <div style="width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${((_b = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _b === void 0 ? void 0 : _b[r]) || ""}</div>
-                        <div style="width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right">${((_c = itemData === null || itemData === void 0 ? void 0 : itemData.value) === null || _c === void 0 ? void 0 : _c[r]) || ""}</div>
+                    return ((_a = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _a === void 0 ? void 0 : _a[r]) && `<div style="width:100%;display:flex;justify-content:space-between;align-items:center; font-size: ${content.fontSize}px; color: ${content.color};">
+                        <div style="width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${((_b = itemData === null || itemData === void 0 ? void 0 : itemData.config) === null || _b === void 0 ? void 0 : _b[r]) || ""}</div>
+                        <div style="width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right">${((_c = itemData === null || itemData === void 0 ? void 0 : itemData.value) === null || _c === void 0 ? void 0 : _c[r]) || ""}</div>
                         </div>`;
-                })) === null || _c === void 0 ? void 0 : _c.filter(Boolean)) === null || _d === void 0 ? void 0 : _d.join("")}
+                })) === null || _c === void 0 ? void 0 : _c.filter(Boolean)) === null || _d === void 0 ? void 0 : _d.join("")}
                 </div>`;
                 return dom;
             }

package/lib/lowcode-components/lowcode-view/index.less

@@ -1,20 +1,20 @@
-.lowcodeView {
-    width: 100%;
-    -ms-overflow-style: none;
-    /* IE和Edge */
-    scrollbar-width: none;
-    /* Firefox */
-
-    .ant-spin-nested-loading,
-    .ant-spin,
-    .ant-spin-container {
-        width: 100%;
-        height: 100%;
-    }
-
-}
-
-.lowcodeView::-webkit-scrollbar {
-    display: none;
-    /* Chrome, Safari和Opera */
+.lowcodeView {
+    width: 100%;
+    -ms-overflow-style: none;
+    /* IE和Edge */
+    scrollbar-width: none;
+    /* Firefox */
+
+    .ant-spin-nested-loading,
+    .ant-spin,
+    .ant-spin-container {
+        width: 100%;
+        height: 100%;
+    }
+
+}
+
+.lowcodeView::-webkit-scrollbar {
+    display: none;
+    /* Chrome, Safari和Opera */
 }

package/lib/lowcode-components/search-form/index.less

@@ -1,26 +1,26 @@
-.search-form-component {
-    width: 100%;
-    height: 100%;
-
-    .search-form-card {
-        background: transparent;
-        border: none;
-    }
-
-    .search-form-empty {
-        color: #9a9a9a;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .search-form-btn {
-        background-size: 100% 100%;
-        background-repeat: no-repeat;
-        width: 100%;
-        height: 100%;
-        border: none;
-        cursor: pointer;
-    }
+.search-form-component {
+    width: 100%;
+    height: 100%;
+
+    .search-form-card {
+        background: transparent;
+        border: none;
+    }
+
+    .search-form-empty {
+        color: #9a9a9a;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .search-form-btn {
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 100%;
+        height: 100%;
+        border: none;
+        cursor: pointer;
+    }
 }