@sbs-plugin/vue2-image-process 0.0.16 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/demo.html +1 -0
  2. package/dist/vue2-image-process.common.js +9445 -0
  3. package/dist/vue2-image-process.css +1 -0
  4. package/dist/vue2-image-process.umd.js +9445 -0
  5. package/dist/vue2-image-process.umd.min.js +1 -0
  6. package/package.json +1 -1
package/dist/vue2-image-process.css ADDED
@@ -0,0 +1 @@
1
+ .modal-overlay[data-v-5caacfc0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-overlay .modal-content[data-v-5caacfc0]{background-color:#fff;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);padding:20px 24px}.modal-overlay .modal-content .modal-header[data-v-5caacfc0]{color:#000000d9;font-weight:600;font-size:16px;word-wrap:break-word;line-height:1.5;color:rgba(0,0,0,.88);margin-bottom:8px;display:flex;justify-content:space-between}.modal-overlay .modal-content .modal-body[data-v-5caacfc0]{font-size:14px;line-height:1.5714;word-wrap:break-word;position:relative}.spin-mask[data-v-5caacfc0]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease}.spin-mask .spin-loading[data-v-5caacfc0]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sbsplugin-primary-color)}.spin-mask .spin-loading .line-md--loading-alt-loop[data-v-5caacfc0]{display:inline-block;width:24px;height:24px;--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='3.5' r='1.5'%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='0 12 12;90 12 12;180 12 12;270 12 12'/%3E%3Canimate attributeName='opacity' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(30 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.2s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='30 12 12;120 12 12;210 12 12;300 12 12'/%3E%3Canimate attributeName='opacity' begin='0.2s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(60 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.4s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='60 12 12;150 12 12;240 12 12;330 12 12'/%3E%3Canimate attributeName='opacity' begin='0.4s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.button[data-v-5caacfc0]{width:200px;height:40px;line-height:40px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer;margin:0 auto;margin-top:20px}.button[data-v-5caacfc0]:hover{background:var(--sbsplugin-primary-color-hover)}.cancel-btn[data-v-5caacfc0]{width:80px;height:30px;line-height:30px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer}.cancel-btn[data-v-5caacfc0]:hover{background:var(--sbsplugin-primary-color-hover)}.container .title[data-v-5caacfc0]{font-weight:600;font-size:14px;color:#3d3d3d;margin-bottom:20px}.container .workspace[data-v-5caacfc0]{position:relative;min-width:400px;min-height:400px;max-width:800px;max-height:500px}.container .workspace canvas[data-v-5caacfc0]{position:absolute;left:0;top:0;pointer-events:none;transform-origin:left top;z-index:1}.container .workspace #point-box[data-v-5caacfc0]{position:absolute;left:0;top:0;z-index:2;pointer-events:none}.container .workspace .segment-point[data-v-5caacfc0]{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#409eff}.container .workspace .segment-point.negative[data-v-5caacfc0]{background-color:#f56c6c}.modal-overlay[data-v-760d39ab]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-overlay .modal-content[data-v-760d39ab]{background-color:#fff;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);padding:20px 24px}.modal-overlay .modal-content .modal-header[data-v-760d39ab]{color:#000000d9;font-weight:600;font-size:16px;word-wrap:break-word;line-height:1.5;color:rgba(0,0,0,.88);margin-bottom:8px;display:flex;justify-content:space-between}.modal-overlay .modal-content .modal-body[data-v-760d39ab]{font-size:14px;line-height:1.5714;word-wrap:break-word;position:relative}.spin-mask[data-v-760d39ab]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease}.spin-mask .spin-loading[data-v-760d39ab]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sbsplugin-primary-color)}.spin-mask .spin-loading .line-md--loading-alt-loop[data-v-760d39ab]{display:inline-block;width:24px;height:24px;--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='3.5' r='1.5'%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='0 12 12;90 12 12;180 12 12;270 12 12'/%3E%3Canimate attributeName='opacity' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(30 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.2s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='30 12 12;120 12 12;210 12 12;300 12 12'/%3E%3Canimate attributeName='opacity' begin='0.2s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(60 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.4s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='60 12 12;150 12 12;240 12 12;330 12 12'/%3E%3Canimate attributeName='opacity' begin='0.4s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.radiogroup[data-v-760d39ab]{display:flex;align-items:center;margin-right:auto}.radiogroup .radio[data-v-760d39ab]{border-radius:0 8px 8px 0;border:1px solid #f1f3f6;background:#fff;color:#1d2129;width:150px;height:40px;line-height:40px;font-size:16px;text-align:center;cursor:pointer}.radiogroup .radio[data-v-760d39ab]:first-child{border-radius:8px 0 0 8px;border-right:none}.radiogroup .radio[data-v-760d39ab]:last-child{border-radius:0 8px 8px 0}.radiogroup .radio[data-v-760d39ab]:hover{color:var(--sbsplugin-primary-color)}.radiogroup .radio-active[data-v-760d39ab]{background:var(--sbsplugin-primary-color);border-color:var(--sbsplugin-primary-color);color:#fff}.radiogroup .radio-active[data-v-760d39ab]:hover{background:var(--sbsplugin-primary-color-hover);color:#fff}.button[data-v-760d39ab]{width:100px;height:40px;line-height:40px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer;margin-left:20px}.button[data-v-760d39ab]:hover{background:var(--sbsplugin-primary-color-hover)}.button-and-group[data-v-760d39ab]{margin-top:20px;display:flex;justify-content:center}.cancel-btn[data-v-760d39ab]{width:80px;height:30px;line-height:30px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer}.cancel-btn[data-v-760d39ab]:hover{background:var(--sbsplugin-primary-color-hover)}.div-disabled[data-v-760d39ab]{opacity:.6;pointer-events:none;position:relative}.compare-container[data-v-760d39ab]{position:relative;margin:20px auto;overflow:hidden;cursor:ew-resize}.compare-container .compare-img[data-v-760d39ab]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.compare-container .after-img[data-v-760d39ab]{clip-path:inset(0 0 0 50%);z-index:2}.compare-container .compare-slider[data-v-760d39ab]{position:absolute;top:0;bottom:0;width:2px;background:var(--sbsplugin-primary-color);transform:translateX(-50%);z-index:3;pointer-events:none}.compare-container .compare-label[data-v-760d39ab]{position:absolute;top:20px;padding:4px 12px;background:rgba(0,0,0,.5);color:#fff;border-radius:4px;font-size:14px;z-index:4}.compare-container .before-label[data-v-760d39ab]{left:20px}.compare-container .after-label[data-v-760d39ab]{right:20px}.modal-overlay[data-v-79c4aeb8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-overlay .modal-content[data-v-79c4aeb8]{width:1200px;background-color:#fff;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);padding:20px 24px}.modal-overlay .modal-content .modal-header[data-v-79c4aeb8]{color:#000000d9;font-weight:600;font-size:16px;word-wrap:break-word;line-height:1.5;color:rgba(0,0,0,.88);margin-bottom:8px;display:flex;justify-content:space-between}.modal-overlay .modal-content .modal-body[data-v-79c4aeb8]{font-size:14px;line-height:1.5714;word-wrap:break-word;position:relative}.spin-mask[data-v-79c4aeb8]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease}.spin-mask .spin-loading[data-v-79c4aeb8]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sbsplugin-primary-color)}.spin-mask .spin-loading .line-md--loading-alt-loop[data-v-79c4aeb8]{display:inline-block;width:24px;height:24px;--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='3.5' r='1.5'%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='0 12 12;90 12 12;180 12 12;270 12 12'/%3E%3Canimate attributeName='opacity' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(30 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.2s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='30 12 12;120 12 12;210 12 12;300 12 12'/%3E%3Canimate attributeName='opacity' begin='0.2s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(60 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.4s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='60 12 12;150 12 12;240 12 12;330 12 12'/%3E%3Canimate attributeName='opacity' begin='0.4s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.button[data-v-79c4aeb8]{width:300px;height:40px;line-height:40px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer;margin:0 auto;margin-top:20px}.button[data-v-79c4aeb8]:hover{background:var(--sbsplugin-primary-color-hover)}.cancel-btn[data-v-79c4aeb8]{width:80px;height:30px;line-height:30px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer}.cancel-btn[data-v-79c4aeb8]:hover{background:var(--sbsplugin-primary-color-hover)}.flex[data-v-79c4aeb8]{display:flex}.workspace[data-v-79c4aeb8]{width:60%;background:#8b9096;display:flex;justify-content:center;align-items:center}.workspace .originalimg[data-v-79c4aeb8]{display:block;width:50%;min-width:300px;max-height:550px}.config[data-v-79c4aeb8]{width:40%;min-height:550px;padding:20px;background:#f2f2f2;border-radius:5px}.config .title[data-v-79c4aeb8]{font-weight:600;font-size:14px;color:#3d3d3d;margin-bottom:10px}.config .ratio[data-v-79c4aeb8]{display:flex;flex-wrap:wrap}.config .ratio .ratio-item[data-v-79c4aeb8]{flex:1;font-size:12px;color:#3d3d3d;position:relative;margin-left:10px;margin-bottom:10px;cursor:pointer}.config .ratio .ratio-item .ratio-img[data-v-79c4aeb8]{width:120px;height:42px}.config .position[data-v-79c4aeb8]{display:flex;flex-wrap:wrap;font-size:16px}.config .position .position-item[data-v-79c4aeb8]{width:50%;margin-bottom:10px}.config .position .position-item .position-input[data-v-79c4aeb8]{display:inline-flex;align-items:center;width:70%;margin-left:10px;border:1px solid #f1f3f6;border-radius:8px;padding:3px 11px;line-height:1.5;height:28px;background:#fff}.config .position .position-item .position-input[data-v-79c4aeb8]:focus-within{border:1px solid var(--sbsplugin-primary-color);box-shadow:0 0 4px var(--sbsplugin-primary-color-hover)}.config .position .position-item .position-input input[data-v-79c4aeb8]{width:85%;border:none}.config .position .position-item .position-input input[data-v-79c4aeb8]:focus-visible{outline:none}.config .position .position-item .position-input .suffix[data-v-79c4aeb8]{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;width:8%;margin-left:5px;text-align:right;font-size:16px}.modal-overlay[data-v-75d125c7]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-overlay .modal-content[data-v-75d125c7]{min-width:800px;background-color:#fff;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);padding:20px 24px}.modal-overlay .modal-content .modal-header[data-v-75d125c7]{color:#000000d9;font-weight:600;font-size:16px;word-wrap:break-word;line-height:1.5;color:rgba(0,0,0,.88);margin-bottom:8px;display:flex;justify-content:space-between}.modal-overlay .modal-content .modal-body[data-v-75d125c7]{font-size:14px;line-height:1.5714;word-wrap:break-word;position:relative}.spin-mask[data-v-75d125c7]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease}.spin-mask .spin-loading[data-v-75d125c7]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sbsplugin-primary-color)}.spin-mask .spin-loading .line-md--loading-alt-loop[data-v-75d125c7]{display:inline-block;width:24px;height:24px;--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='3.5' r='1.5'%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='0 12 12;90 12 12;180 12 12;270 12 12'/%3E%3Canimate attributeName='opacity' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(30 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.2s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='30 12 12;120 12 12;210 12 12;300 12 12'/%3E%3Canimate attributeName='opacity' begin='0.2s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='3.5' r='1.5' transform='rotate(60 12 12)'%3E%3CanimateTransform attributeName='transform' begin='0.4s' calcMode='discrete' dur='2.4s' repeatCount='indefinite' type='rotate' values='60 12 12;150 12 12;240 12 12;330 12 12'/%3E%3Canimate attributeName='opacity' begin='0.4s' dur='0.6s' repeatCount='indefinite' values='1;1;0'/%3E%3C/circle%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.button[data-v-75d125c7]{width:100px;height:40px;line-height:40px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer;margin-left:10px}.button[data-v-75d125c7]:hover{background:var(--sbsplugin-primary-color-hover)}.tool[data-v-75d125c7]{width:100px;height:90px;line-height:30px;text-align:center;margin-right:10px;color:var(--sbsplugin-primary-color);font-size:16px;border-radius:8px;cursor:pointer;border:2px solid var(--sbsplugin-primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.tool.active[data-v-75d125c7]{background-color:rgba(104,106,237,.1);border-color:rgba(104,106,237,.8)}.tool .hugeicons--cursor-circle-selection-01[data-v-75d125c7]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.506 2.14a8 8 0 0 1 3.003 0M8.506 17.876q.49.093 1.001.125m-7.366-6.49a8 8 0 0 1 0-3.004m15.734 0q.093.49.125 1.001m-3.491-6.124a8 8 0 0 1 2.123 2.123M5.506 16.632a8 8 0 0 1-2.123-2.123m0-9.003a8 8 0 0 1 2.123-2.123m7.266 16.222-1.955-5.618h0c-.736-2.112-1.103-3.169-.55-3.72.552-.553 1.61-.186 3.724.55l5.61 1.95c1.173.407 1.76.61 1.886 1.005a.8.8 0 0 1 .035.338c-.042.412-.573.733-1.636 1.375-.682.41-1.022.617-1.113.927a.8.8 0 0 0-.033.27c.015.324.297.604.862 1.165l1.855 1.844h0c.278.276.416.414.48.569a.83.83 0 0 1 .001.63c-.063.155-.202.294-.479.57h0c-.276.277-.414.415-.569.478a.83.83 0 0 1-.63 0c-.155-.063-.293-.201-.569-.477h0L17.829 19.6h0c-.555-.555-.833-.832-1.152-.85a.8.8 0 0 0-.285.036c-.305.093-.508.429-.913 1.1-.634 1.052-.95 1.577-1.357 1.623a.8.8 0 0 1-.356-.037c-.389-.129-.59-.708-.994-1.867'/%3E%3C/svg%3E")}.tool .hugeicons--cursor-circle-selection-01[data-v-75d125c7],.tool .hugeicons--cursor-rectangle-selection-01[data-v-75d125c7]{display:inline-block;width:30px;height:30px;background-color:var(--sbsplugin-primary-color);-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tool .hugeicons--cursor-rectangle-selection-01[data-v-75d125c7]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m12.772 19.605-1.955-5.618c-.736-2.112-1.103-3.169-.55-3.72.552-.553 1.61-.186 3.724.55l5.61 1.95c1.173.407 1.76.61 1.886 1.005a.8.8 0 0 1 .035.338c-.042.412-.573.733-1.636 1.375-.682.41-1.022.617-1.113.927a.8.8 0 0 0-.033.27c.015.324.297.604.862 1.165l1.855 1.844c.278.276.416.414.48.569a.83.83 0 0 1 .001.63c-.063.155-.202.294-.479.57-.276.277-.414.415-.569.478a.83.83 0 0 1-.63 0c-.155-.063-.293-.201-.569-.477L17.829 19.6c-.555-.555-.833-.832-1.152-.85a.8.8 0 0 0-.285.036c-.305.093-.508.429-.913 1.1-.634 1.052-.95 1.577-1.357 1.623a.8.8 0 0 1-.356-.037c-.389-.129-.59-.708-.994-1.867Z'/%3E%3Cpath stroke-linecap='round' d='M2 8.5v3M11.5 2h-3m0 16H9m9-9v-.5M4.5 18A2.5 2.5 0 0 1 2 15.5m0-11A2.5 2.5 0 0 1 4.5 2M18 4.5A2.5 2.5 0 0 0 15.5 2'/%3E%3C/g%3E%3C/svg%3E")}.cancel-btn[data-v-75d125c7]{width:80px;height:30px;line-height:30px;text-align:center;background:var(--sbsplugin-primary-color);color:#fff;font-size:16px;border-radius:8px;cursor:pointer}.cancel-btn[data-v-75d125c7]:hover{background:var(--sbsplugin-primary-color-hover)}.container .title[data-v-75d125c7]{font-weight:600;font-size:14px;color:#3d3d3d;margin-bottom:20px}.workspace[data-v-75d125c7]{position:relative}.workspace img[data-v-75d125c7]{position:absolute;min-width:300px;min-height:300px;max-width:600px;max-height:450px}