component-library-for-vue 1.2.0 → 1.2.1
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.
- package/README.md +29 -28
- package/es/index/index.js +1 -1
- package/es/waterfall/index.js +1 -1
- package/es/watermark/index.js +1 -1
- package/libs/index/index.js +1 -1
- package/libs/waterfall/index.js +1 -1
- package/libs/watermark/index.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
# component-library-for-vue
|
|
2
|
+
|
|
2
3
|
自定义的ui组件库
|
|
3
4
|
|
|
4
5
|
# 安装
|
|
@@ -12,9 +13,10 @@ npm install install component-library-for-vue
|
|
|
12
13
|
一个基于 Canvas 实现的图片水印组件，可以在图片上绘制可重复的文字水印，并支持旋转角度、间距等配置。
|
|
13
14
|
|
|
14
15
|
适用于：
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
|
|
17
|
+
- 图片版权标识
|
|
18
|
+
- 用户信息水印
|
|
19
|
+
- 防截图水印
|
|
18
20
|
|
|
19
21
|
---
|
|
20
22
|
|
|
@@ -36,29 +38,29 @@ npm install install component-library-for-vue
|
|
|
36
38
|
</template>
|
|
37
39
|
|
|
38
40
|
<script>
|
|
39
|
-
import {WaterMark} from 'component-library-for-vue'
|
|
41
|
+
import { WaterMark } from 'component-library-for-vue';
|
|
40
42
|
|
|
41
43
|
export default {
|
|
42
44
|
components: {
|
|
43
|
-
WaterMark
|
|
44
|
-
}
|
|
45
|
-
}
|
|
45
|
+
WaterMark,
|
|
46
|
+
},
|
|
47
|
+
};
|
|
46
48
|
</script>
|
|
47
49
|
```
|
|
48
50
|
|
|
49
51
|
## Props
|
|
50
52
|
|
|
51
|
-
| 属性
|
|
52
|
-
| -------- |
|
|
53
|
-
| width | canvas 宽度
|
|
54
|
-
| height | canvas 高度
|
|
55
|
-
| src | 图片地址
|
|
56
|
-
| text | 水印文字内容
|
|
57
|
-
| fontSize | 水印文字大小
|
|
58
|
-
| color | 水印文字颜色
|
|
59
|
-
| deg | 水印文字旋转角度
|
|
60
|
-
| gapX | 水印文字水平间距
|
|
61
|
-
| gapY | 水印文字垂直间距
|
|
53
|
+
| 属性 | 说明 | 类型 | 是否必填 | 默认值 |
|
|
54
|
+
| -------- | ---------------- | ------ | -------- | ------ |
|
|
55
|
+
| width | canvas 宽度 | Number | 否 | 300 |
|
|
56
|
+
| height | canvas 高度 | Number | 否 | 150 |
|
|
57
|
+
| src | 图片地址 | String | 是 | - |
|
|
58
|
+
| text | 水印文字内容 | String | 否 | '' |
|
|
59
|
+
| fontSize | 水印文字大小 | Number | 否 | 16 |
|
|
60
|
+
| color | 水印文字颜色 | String | 否 | #000 |
|
|
61
|
+
| deg | 水印文字旋转角度 | Number | 否 | 45 |
|
|
62
|
+
| gapX | 水印文字水平间距 | Number | 否 | 20 |
|
|
63
|
+
| gapY | 水印文字垂直间距 | Number | 否 | 20 |
|
|
62
64
|
|
|
63
65
|
---
|
|
64
66
|
|
|
@@ -84,19 +86,18 @@ export default {
|
|
|
84
86
|
|
|
85
87
|
## Props
|
|
86
88
|
|
|
87
|
-
| 属性
|
|
88
|
-
|
|
|
89
|
-
| list | 数据源 | Array | []
|
|
90
|
-
| columns | 列数
|
|
91
|
-
| gapX | 列间距 | Number | 20
|
|
92
|
-
| gapY | 行间距 | Number | 20
|
|
89
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
90
|
+
| ------- | ------ | ------ | ------ |
|
|
91
|
+
| list | 数据源 | Array | [] |
|
|
92
|
+
| columns | 列数 | Number | 2 |
|
|
93
|
+
| gapX | 列间距 | Number | 20 |
|
|
94
|
+
| gapY | 行间距 | Number | 20 |
|
|
93
95
|
|
|
94
96
|
## Slots
|
|
95
97
|
|
|
96
|
-
| 插槽
|
|
97
|
-
|
|
|
98
|
+
| 插槽 | 说明 | 参数 |
|
|
99
|
+
| ------ | -------- | ---------- |
|
|
98
100
|
| header | 顶部内容 | - |
|
|
99
101
|
| item | 列表内容 | `{ item }` |
|
|
100
|
-
| empty | 空状态
|
|
102
|
+
| empty | 空状态 | - |
|
|
101
103
|
| footer | 底部内容 | - |
|
|
102
|
-
|
package/es/index/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var t={
|
|
1
|
+
var t={600(t,e,r){r.d(e,{A:()=>o});var n=function(){return(0,this._self._c)("canvas",{ref:"canvas"})};n._withStripped=!0;var a=function(t,e){var r,n=t;if(e&&(n.render=e,n.staticRenderFns=[],n._compiled=!0),r)if(n.functional){n._injectStyles=r;var a=n.render;n.render=function(t,e){return r.call(e),a(t,e)}}else{var i=n.beforeCreate;n.beforeCreate=i?[].concat(i,r):[r]}return{exports:t,options:n}}({name:"WaterMark",props:{width:{type:Number,default:300},height:{type:Number,default:150},src:{type:String,required:!0},text:{type:String,default:""},fontSize:{type:Number,default:16},color:{type:String,default:"#000"},deg:{type:Number,default:45,validator:function(t){return!(t<0||t>360)||(console.warn("[Watermark] deg must be between 0 and 360"),!1)}},gapY:{type:Number,default:20},gapX:{type:Number,default:20}},mounted:function(){this.init()},methods:{init:function(){var t=this,e=this.$refs.canvas,r=e.getContext("2d"),n=window.devicePixelRatio||1;e.width=this.width*n,e.height=this.height*n,e.style.width="".concat(this.width,"px"),e.style.height="".concat(this.height,"px"),r.scale(n,n);var a=new Image;a.crossOrigin="anonymous",a.src=this.src,a.onload=function(){r.drawImage(a,0,0,t.width,t.height),r.font="".concat(t.fontSize,"px sans-serif"),r.fillStyle=t.color,r.textAlign="left",r.textBaseline="middle";var e=r.measureText(t.text).width;r.save(),r.translate(t.width/2,t.height/2),r.rotate(t.deg*Math.PI/180),r.translate(-t.width/2,-t.height/2);for(var n=t.fontSize+t.gapY,i=e+t.gapX,o=-t.height;o<2*t.height;o+=n)for(var s=-t.width;s<2*t.width;s+=i)r.fillText(t.text,s,o);r.restore()}}}},n);const i=a.exports;i.install=function(t){t.component(i.name,i)};const o=i}},e={};function r(n){var a=e[n];if(void 0!==a)return a.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};r.d(n,{A:()=>o,b:()=>a.A});var a=r(600),i=[a.A];const o={install:function(t){i.forEach(function(e){e.install(t)})}},s=n.b,d=n.A;export{s as WaterMark,d as default};
|
package/es/waterfall/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
var t={486(t,e,n){n.d(e,{A:()=>u});var r=n(601),o=n.n(r),i=n(314),a=n.n(i)()(o());a.push([t.id,"*[data-v-73512210] {\n margin: 0;\n padding: 0;\n}\n.waterfall[data-v-73512210] {\n width: 100%;\n}\n.waterfall-container[data-v-73512210] {\n display: flex;\n -moz-column-gap: var(--gap-x);\n column-gap: var(--gap-x);\n align-items: flex-start;\n}\n.waterfall-column[data-v-73512210] {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: var(--gap-y);\n}\n",""]);const u=a},314(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},e.i=function(t,n,r,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(r)for(var u=0;u<this.length;u++){var c=this[u][0];null!=c&&(a[c]=!0)}for(var s=0;s<t.length;s++){var l=[].concat(t[s]);r&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),e.push(l))}},e}},601(t){t.exports=function(t){return t[1]}},72(t){var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var i={},a=[],u=0;u<t.length;u++){var c=t[u],s=r.base?c[0]+r.base:c[0],l=i[s]||0,f="".concat(s," ").concat(l);i[s]=l+1;var p=n(f),d={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var v=o(d,r);r.byIndex=u,e.splice(u,0,{identifier:f,updater:v,references:1})}a.push(f)}return a}function o(t,e){var n=e.domAPI(e);return n.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,o){var i=r(t=t||[],o=o||{});return function(t){t=t||[];for(var a=0;a<i.length;a++){var u=n(i[a]);e[u].references--}for(var c=r(t,o),s=0;s<i.length;s++){var l=n(i[s]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}i=c}}},659(t){var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},540(t){t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},56(t,e,n){t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},825(t){t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},113(t){t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},172(t){t.exports=function(t,e){this.v=t,this.k=e},t.exports.__esModule=!0,t.exports.default=t.exports},993(t,e,n){var r=n(546);function o(){var e,n,i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.toStringTag||"@@toStringTag";function c(t,o,i,a){var u=o&&o.prototype instanceof l?o:l,c=Object.create(u.prototype);return r(c,"_invoke",function(t,r,o){var i,a,u,c=0,l=o||[],f=!1,p={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,n){return i=t,a=0,u=e,p.n=n,s}};function d(t,r){for(a=t,u=r,n=0;!f&&c&&!o&&n<l.length;n++){var o,i=l[n],d=p.p,v=i[2];t>3?(o=v===r)&&(u=i[(a=i[4])?5:(a=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=t<2&&d<i[1])?(a=0,p.v=r,p.n=i[1]):d<v&&(o=t<3||i[0]>r||r>v)&&(i[4]=t,i[5]=r,p.n=v,a=0))}if(o||t>1)return s;throw f=!0,r}return function(o,l,v){if(c>1)throw TypeError("Generator is already running");for(f&&1===l&&d(l,v),a=l,u=v;(n=a<2?e:u)||!f;){i||(a?a<3?(a>1&&(p.n=-1),d(a,u)):p.n=u:p.v=u);try{if(c=2,i){if(a||(o="next"),n=i[o]){if(!(n=n.call(i,u)))throw TypeError("iterator result is not an object");if(!n.done)return n;u=n.value,a<2&&(a=0)}else 1===a&&(n=i.return)&&n.call(i),a<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),a=1);i=e}else if((n=(f=p.n<0)?u:t.call(r,p))!==s)break}catch(t){i=e,a=1,u=t}finally{c=1}}return{value:n,done:f}}}(t,i,a),!0),c}var s={};function l(){}function f(){}function p(){}n=Object.getPrototypeOf;var d=[][a]?n(n([][a]())):(r(n={},a,function(){return this}),n),v=p.prototype=l.prototype=Object.create(d);function h(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,r(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t}return f.prototype=p,r(v,"constructor",p),r(p,"constructor",f),f.displayName="GeneratorFunction",r(p,u,"GeneratorFunction"),r(v),r(v,u,"Generator"),r(v,a,function(){return this}),r(v,"toString",function(){return"[object Generator]"}),(t.exports=o=function(){return{w:c,m:h}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports},869(t,e,n){var r=n(887);t.exports=function(t,e,n,o,i){var a=r(t,e,n,o,i);return a.next().then(function(t){return t.done?t.value:a.next()})},t.exports.__esModule=!0,t.exports.default=t.exports},887(t,e,n){var r=n(993),o=n(791);t.exports=function(t,e,n,i,a){return new o(r().w(t,e,n,i),a||Promise)},t.exports.__esModule=!0,t.exports.default=t.exports},791(t,e,n){var r=n(172),o=n(546);t.exports=function t(e,n){function i(t,o,a,u){try{var c=e[t](o),s=c.value;return s instanceof r?n.resolve(s.v).then(function(t){i("next",t,a,u)},function(t){i("throw",t,a,u)}):n.resolve(s).then(function(t){c.value=t,a(c)},function(t){return i("throw",t,a,u)})}catch(t){u(t)}}var a;this.next||(o(t.prototype),o(t.prototype,"function"==typeof Symbol&&Symbol.asyncIterator||"@asyncIterator",function(){return this})),o(this,"_invoke",function(t,e,r){function o(){return new n(function(e,n){i(t,r,e,n)})}return a=a?a.then(o,o):o()},!0)},t.exports.__esModule=!0,t.exports.default=t.exports},546(t){function e(n,r,o,i){var a=Object.defineProperty;try{a({},"",{})}catch(n){a=0}t.exports=e=function(t,n,r,o){function i(n,r){e(t,n,function(t){return this._invoke(n,r,t)})}n?a?a(t,n,{value:r,enumerable:!o,configurable:!o,writable:!o}):t[n]=r:(i("next",0),i("throw",1),i("return",2))},t.exports.__esModule=!0,t.exports.default=t.exports,e(n,r,o,i)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},373(t){t.exports=function(t){var e=Object(t),n=[];for(var r in e)n.unshift(r);return function t(){for(;n.length;)if((r=n.pop())in e)return t.value=r,t.done=!1,t;return t.done=!0,t}},t.exports.__esModule=!0,t.exports.default=t.exports},633(t,e,n){var r=n(172),o=n(993),i=n(869),a=n(887),u=n(791),c=n(373),s=n(579);function l(){var e=o(),n=e.m(l),f=(Object.getPrototypeOf?Object.getPrototypeOf(n):n.__proto__).constructor;function p(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))}var d={throw:1,return:2,break:3,continue:3};function v(t){var e,n;return function(r){e||(e={stop:function(){return n(r.a,2)},catch:function(){return r.v},abrupt:function(t,e){return n(r.a,d[t],e)},delegateYield:function(t,o,i){return e.resultName=o,n(r.d,s(t),i)},finish:function(t){return n(r.f,t)}},n=function(t,n,o){r.p=e.prev,r.n=e.next;try{return t(n,o)}finally{e.next=r.n}}),e.resultName&&(e[e.resultName]=r.v,e.resultName=void 0),e.sent=r.v,e.next=r.n;try{return t.call(this,e)}finally{r.p=e.prev,r.n=e.next}}}return(t.exports=l=function(){return{wrap:function(t,n,r,o){return e.w(v(t),n,r,o&&o.reverse())},isGeneratorFunction:p,mark:e.m,awrap:function(t,e){return new r(t,e)},AsyncIterator:u,async:function(t,e,n,r,o){return(p(e)?a:i)(v(t),e,n,r,o)},keys:c,values:s}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=l,t.exports.__esModule=!0,t.exports.default=t.exports},579(t,e,n){var r=n(738).default;t.exports=function(t){if(null!=t){var e=t["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],n=0;if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}throw new TypeError(r(t)+" is not iterable")},t.exports.__esModule=!0,t.exports.default=t.exports},738(t){function e(n){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(n)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},756(t,e,n){var r=n(633)();t.exports=r;try{regeneratorRuntime=r}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={id:r,exports:{}};return t[r](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.nc=void 0;var r=function(){var t=this,e=t._self._c;return e("div",{ref:"waterfall",staticClass:"waterfall",style:[t.cusStyle]},[t._t("header"),t._v(" "),t.data.length?[e("div",{staticClass:"waterfall-container"},t._l(t.columnsData,function(n,r){return e("div",{key:r,staticClass:"waterfall-column"},t._l(n,function(n,r){return e("div",{key:r,staticClass:"waterfall-item"},[t._t("item",null,{item:n})],2)}),0)}),0)]:[t._t("empty")],t._v(" "),t._t("footer")],2)};function o(t,e,n,r,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void n(t)}u.done?e(c):Promise.resolve(c).then(r,o)}function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e,n){return(e=function(t){var e=function(t){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==i(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}r._withStripped=!0;var u=n(756),c=n.n(u);const s={name:"WaterFall",props:{list:{type:Array,default:function(){return[]}},gapX:{type:Number,default:20},gapY:{type:Number,default:20},columns:{type:Number,default:2}},data:function(){return{current:0,columnsData:[],columnsHeight:[]}},computed:{data:{get:function(){return this.list}},cusStyle:function(){return a(a(a({},"--gap-x","".concat(this.gapX,"px")),"--gap-y","".concat(this.gapY,"px")),"--column",this.columns)}},watch:{list:{handler:function(t,e){t.length?(t.length<(null==e?void 0:e.length)&&this.reset(),this.init()):this.reset()},immediate:!0},columns:function(){var t=this;this.reset(),this.$nextTick(function(){t.init()})}},methods:{reset:function(){this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0}),this.current=0},init:function(){this.list.length?(0===this.current&&(this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0})),this.renderList()):this.reset()},renderList:function(){var t,e=this;return(t=c().mark(function t(){var n,r,o;return c().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:n=e.current;case 1:if(!(n<e.list.length)){t.next=4;break}return r=e.list[n],o=e.getMinColumn(),e.columnsData[o].push(r),t.next=2,e.$nextTick();case 2:e.calcHeight(o);case 3:n++,t.next=1;break;case 4:e.current=e.list.length;case 5:case"end":return t.stop()}},t)}),function(){var e=this,n=arguments;return new Promise(function(r,i){var a=t.apply(e,n);function u(t){o(a,r,i,u,c,"next",t)}function c(t){o(a,r,i,u,c,"throw",t)}u(void 0)})})()},getMinColumn:function(){var t=this.columnsHeight[0],e=0;return this.columnsHeight.forEach(function(n,r){n<t&&(t=n,e=r)}),e},calcHeight:function(t){var e=this.$el.querySelectorAll(".waterfall-column");this.columnsHeight[t]=e[t].offsetHeight}}};var l=n(72),f=n.n(l),p=n(825),d=n.n(p),v=n(659),h=n.n(v),m=n(56),y=n.n(m),x=n(540),g=n.n(x),b=n(113),_=n.n(b),w=n(486),S={};S.styleTagTransform=_(),S.setAttributes=y(),S.insert=h().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=g(),f()(w.A,S),w.A&&w.A.locals&&w.A.locals;var M=function(t,e,n,r,o,i){var a,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=[],u._compiled=!0),i&&(u._scopeId="data-v-"+i),a)if(u.functional){u._injectStyles=a;var c=u.render;u.render=function(t,e){return a.call(e),c(t,e)}}else{var s=u.beforeCreate;u.beforeCreate=s?[].concat(s,a):[a]}return{exports:t,options:u}}(s,r,0,0,0,"73512210");const j=M.exports;j.install=function(t){t.component(j.name,j)};const T=j;export{T as default};
|
|
2
|
+
var t={880(t,e,n){n.d(e,{A:()=>u});var r=n(601),o=n.n(r),i=n(314),a=n.n(i)()(o());a.push([t.id,".waterfall[data-v-debf9f4e] {\n width: 100%;\n}\n.waterfall-container[data-v-debf9f4e] {\n display: flex;\n -moz-column-gap: var(--gap-x);\n column-gap: var(--gap-x);\n align-items: flex-start;\n}\n.waterfall-column[data-v-debf9f4e] {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: var(--gap-y);\n}\n",""]);const u=a},314(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},e.i=function(t,n,r,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(r)for(var u=0;u<this.length;u++){var c=this[u][0];null!=c&&(a[c]=!0)}for(var s=0;s<t.length;s++){var l=[].concat(t[s]);r&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),e.push(l))}},e}},601(t){t.exports=function(t){return t[1]}},72(t){var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var i={},a=[],u=0;u<t.length;u++){var c=t[u],s=r.base?c[0]+r.base:c[0],l=i[s]||0,f="".concat(s," ").concat(l);i[s]=l+1;var p=n(f),d={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var v=o(d,r);r.byIndex=u,e.splice(u,0,{identifier:f,updater:v,references:1})}a.push(f)}return a}function o(t,e){var n=e.domAPI(e);return n.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,o){var i=r(t=t||[],o=o||{});return function(t){t=t||[];for(var a=0;a<i.length;a++){var u=n(i[a]);e[u].references--}for(var c=r(t,o),s=0;s<i.length;s++){var l=n(i[s]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}i=c}}},659(t){var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},540(t){t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},56(t,e,n){t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},825(t){t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},113(t){t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},172(t){t.exports=function(t,e){this.v=t,this.k=e},t.exports.__esModule=!0,t.exports.default=t.exports},993(t,e,n){var r=n(546);function o(){var e,n,i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.toStringTag||"@@toStringTag";function c(t,o,i,a){var u=o&&o.prototype instanceof l?o:l,c=Object.create(u.prototype);return r(c,"_invoke",function(t,r,o){var i,a,u,c=0,l=o||[],f=!1,p={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,n){return i=t,a=0,u=e,p.n=n,s}};function d(t,r){for(a=t,u=r,n=0;!f&&c&&!o&&n<l.length;n++){var o,i=l[n],d=p.p,v=i[2];t>3?(o=v===r)&&(u=i[(a=i[4])?5:(a=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=t<2&&d<i[1])?(a=0,p.v=r,p.n=i[1]):d<v&&(o=t<3||i[0]>r||r>v)&&(i[4]=t,i[5]=r,p.n=v,a=0))}if(o||t>1)return s;throw f=!0,r}return function(o,l,v){if(c>1)throw TypeError("Generator is already running");for(f&&1===l&&d(l,v),a=l,u=v;(n=a<2?e:u)||!f;){i||(a?a<3?(a>1&&(p.n=-1),d(a,u)):p.n=u:p.v=u);try{if(c=2,i){if(a||(o="next"),n=i[o]){if(!(n=n.call(i,u)))throw TypeError("iterator result is not an object");if(!n.done)return n;u=n.value,a<2&&(a=0)}else 1===a&&(n=i.return)&&n.call(i),a<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),a=1);i=e}else if((n=(f=p.n<0)?u:t.call(r,p))!==s)break}catch(t){i=e,a=1,u=t}finally{c=1}}return{value:n,done:f}}}(t,i,a),!0),c}var s={};function l(){}function f(){}function p(){}n=Object.getPrototypeOf;var d=[][a]?n(n([][a]())):(r(n={},a,function(){return this}),n),v=p.prototype=l.prototype=Object.create(d);function h(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,r(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t}return f.prototype=p,r(v,"constructor",p),r(p,"constructor",f),f.displayName="GeneratorFunction",r(p,u,"GeneratorFunction"),r(v),r(v,u,"Generator"),r(v,a,function(){return this}),r(v,"toString",function(){return"[object Generator]"}),(t.exports=o=function(){return{w:c,m:h}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports},869(t,e,n){var r=n(887);t.exports=function(t,e,n,o,i){var a=r(t,e,n,o,i);return a.next().then(function(t){return t.done?t.value:a.next()})},t.exports.__esModule=!0,t.exports.default=t.exports},887(t,e,n){var r=n(993),o=n(791);t.exports=function(t,e,n,i,a){return new o(r().w(t,e,n,i),a||Promise)},t.exports.__esModule=!0,t.exports.default=t.exports},791(t,e,n){var r=n(172),o=n(546);t.exports=function t(e,n){function i(t,o,a,u){try{var c=e[t](o),s=c.value;return s instanceof r?n.resolve(s.v).then(function(t){i("next",t,a,u)},function(t){i("throw",t,a,u)}):n.resolve(s).then(function(t){c.value=t,a(c)},function(t){return i("throw",t,a,u)})}catch(t){u(t)}}var a;this.next||(o(t.prototype),o(t.prototype,"function"==typeof Symbol&&Symbol.asyncIterator||"@asyncIterator",function(){return this})),o(this,"_invoke",function(t,e,r){function o(){return new n(function(e,n){i(t,r,e,n)})}return a=a?a.then(o,o):o()},!0)},t.exports.__esModule=!0,t.exports.default=t.exports},546(t){function e(n,r,o,i){var a=Object.defineProperty;try{a({},"",{})}catch(n){a=0}t.exports=e=function(t,n,r,o){function i(n,r){e(t,n,function(t){return this._invoke(n,r,t)})}n?a?a(t,n,{value:r,enumerable:!o,configurable:!o,writable:!o}):t[n]=r:(i("next",0),i("throw",1),i("return",2))},t.exports.__esModule=!0,t.exports.default=t.exports,e(n,r,o,i)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},373(t){t.exports=function(t){var e=Object(t),n=[];for(var r in e)n.unshift(r);return function t(){for(;n.length;)if((r=n.pop())in e)return t.value=r,t.done=!1,t;return t.done=!0,t}},t.exports.__esModule=!0,t.exports.default=t.exports},633(t,e,n){var r=n(172),o=n(993),i=n(869),a=n(887),u=n(791),c=n(373),s=n(579);function l(){var e=o(),n=e.m(l),f=(Object.getPrototypeOf?Object.getPrototypeOf(n):n.__proto__).constructor;function p(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))}var d={throw:1,return:2,break:3,continue:3};function v(t){var e,n;return function(r){e||(e={stop:function(){return n(r.a,2)},catch:function(){return r.v},abrupt:function(t,e){return n(r.a,d[t],e)},delegateYield:function(t,o,i){return e.resultName=o,n(r.d,s(t),i)},finish:function(t){return n(r.f,t)}},n=function(t,n,o){r.p=e.prev,r.n=e.next;try{return t(n,o)}finally{e.next=r.n}}),e.resultName&&(e[e.resultName]=r.v,e.resultName=void 0),e.sent=r.v,e.next=r.n;try{return t.call(this,e)}finally{r.p=e.prev,r.n=e.next}}}return(t.exports=l=function(){return{wrap:function(t,n,r,o){return e.w(v(t),n,r,o&&o.reverse())},isGeneratorFunction:p,mark:e.m,awrap:function(t,e){return new r(t,e)},AsyncIterator:u,async:function(t,e,n,r,o){return(p(e)?a:i)(v(t),e,n,r,o)},keys:c,values:s}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=l,t.exports.__esModule=!0,t.exports.default=t.exports},579(t,e,n){var r=n(738).default;t.exports=function(t){if(null!=t){var e=t["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],n=0;if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}throw new TypeError(r(t)+" is not iterable")},t.exports.__esModule=!0,t.exports.default=t.exports},738(t){function e(n){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(n)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},756(t,e,n){var r=n(633)();t.exports=r;try{regeneratorRuntime=r}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={id:r,exports:{}};return t[r](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.nc=void 0;var r=function(){var t=this,e=t._self._c;return e("div",{ref:"waterfall",staticClass:"waterfall",style:[t.cusStyle]},[t._t("header"),t._v(" "),t.data.length?[e("div",{staticClass:"waterfall-container"},t._l(t.columnsData,function(n,r){return e("div",{key:r,staticClass:"waterfall-column"},t._l(n,function(n,r){return e("div",{key:r,staticClass:"waterfall-item"},[t._t("item",null,{item:n})],2)}),0)}),0)]:[t._t("empty")],t._v(" "),t._t("footer")],2)};function o(t,e,n,r,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void n(t)}u.done?e(c):Promise.resolve(c).then(r,o)}function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e,n){return(e=function(t){var e=function(t){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==i(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}r._withStripped=!0;var u=n(756),c=n.n(u);const s={name:"WaterFall",props:{list:{type:Array,default:function(){return[]}},gapX:{type:Number,default:20},gapY:{type:Number,default:20},columns:{type:Number,default:2}},data:function(){return{current:0,columnsData:[],columnsHeight:[]}},computed:{data:{get:function(){return this.list}},cusStyle:function(){return a(a(a({},"--gap-x","".concat(this.gapX,"px")),"--gap-y","".concat(this.gapY,"px")),"--column",this.columns)}},watch:{list:{handler:function(t,e){t.length?(t.length<(null==e?void 0:e.length)&&this.reset(),this.init()):this.reset()},immediate:!0},columns:function(){var t=this;this.reset(),this.$nextTick(function(){t.init()})}},methods:{reset:function(){this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0}),this.current=0},init:function(){this.list.length?(0===this.current&&(this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0})),this.renderList()):this.reset()},renderList:function(){var t,e=this;return(t=c().mark(function t(){var n,r,o;return c().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:n=e.current;case 1:if(!(n<e.list.length)){t.next=4;break}return r=e.list[n],o=e.getMinColumn(),e.columnsData[o].push(r),t.next=2,e.$nextTick();case 2:e.calcHeight(o);case 3:n++,t.next=1;break;case 4:e.current=e.list.length;case 5:case"end":return t.stop()}},t)}),function(){var e=this,n=arguments;return new Promise(function(r,i){var a=t.apply(e,n);function u(t){o(a,r,i,u,c,"next",t)}function c(t){o(a,r,i,u,c,"throw",t)}u(void 0)})})()},getMinColumn:function(){var t=this.columnsHeight[0],e=0;return this.columnsHeight.forEach(function(n,r){n<t&&(t=n,e=r)}),e},calcHeight:function(t){var e=this.$el.querySelectorAll(".waterfall-column");this.columnsHeight[t]=e[t].offsetHeight}}};var l=n(72),f=n.n(l),p=n(825),d=n.n(p),v=n(659),h=n.n(v),m=n(56),y=n.n(m),x=n(540),b=n.n(x),g=n(113),_=n.n(g),w=n(880),S={};S.styleTagTransform=_(),S.setAttributes=y(),S.insert=h().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b(),f()(w.A,S),w.A&&w.A.locals&&w.A.locals;var M=function(t,e,n,r,o,i){var a,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=[],u._compiled=!0),i&&(u._scopeId="data-v-"+i),a)if(u.functional){u._injectStyles=a;var c=u.render;u.render=function(t,e){return a.call(e),c(t,e)}}else{var s=u.beforeCreate;u.beforeCreate=s?[].concat(s,a):[a]}return{exports:t,options:u}}(s,r,0,0,0,"debf9f4e");const j=M.exports;j.install=function(t){t.component(j.name,j)};const T=j;export{T as default};
|
package/es/watermark/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var t=function(){
|
|
1
|
+
var t=function(){return(0,this._self._c)("canvas",{ref:"canvas"})};t._withStripped=!0;var e=function(t,e){var i,r=t;if(e&&(r.render=e,r.staticRenderFns=[],r._compiled=!0),i)if(r.functional){r._injectStyles=i;var n=r.render;r.render=function(t,e){return i.call(e),n(t,e)}}else{var a=r.beforeCreate;r.beforeCreate=a?[].concat(a,i):[i]}return{exports:t,options:r}}({name:"WaterMark",props:{width:{type:Number,default:300},height:{type:Number,default:150},src:{type:String,required:!0},text:{type:String,default:""},fontSize:{type:Number,default:16},color:{type:String,default:"#000"},deg:{type:Number,default:45,validator:function(t){return!(t<0||t>360)||(console.warn("[Watermark] deg must be between 0 and 360"),!1)}},gapY:{type:Number,default:20},gapX:{type:Number,default:20}},mounted:function(){this.init()},methods:{init:function(){var t=this,e=this.$refs.canvas,i=e.getContext("2d"),r=window.devicePixelRatio||1;e.width=this.width*r,e.height=this.height*r,e.style.width="".concat(this.width,"px"),e.style.height="".concat(this.height,"px"),i.scale(r,r);var n=new Image;n.crossOrigin="anonymous",n.src=this.src,n.onload=function(){i.drawImage(n,0,0,t.width,t.height),i.font="".concat(t.fontSize,"px sans-serif"),i.fillStyle=t.color,i.textAlign="left",i.textBaseline="middle";var e=i.measureText(t.text).width;i.save(),i.translate(t.width/2,t.height/2),i.rotate(t.deg*Math.PI/180),i.translate(-t.width/2,-t.height/2);for(var r=t.fontSize+t.gapY,a=e+t.gapX,o=-t.height;o<2*t.height;o+=r)for(var s=-t.width;s<2*t.width;s+=a)i.fillText(t.text,s,o);i.restore()}}}},t);const i=e.exports;i.install=function(t){t.component(i.name,i)};const r=i;export{r as default};
|
package/libs/index/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var
|
|
1
|
+
(()=>{"use strict";var t={600(t,e,r){r.d(e,{default:()=>o});var n=function(){return(0,this._self._c)("canvas",{ref:"canvas"})};n._withStripped=!0;var a=function(t,e){var r,n=t;if(e&&(n.render=e,n.staticRenderFns=[],n._compiled=!0),r)if(n.functional){n._injectStyles=r;var a=n.render;n.render=function(t,e){return r.call(e),a(t,e)}}else{var i=n.beforeCreate;n.beforeCreate=i?[].concat(i,r):[r]}return{exports:t,options:n}}({name:"WaterMark",props:{width:{type:Number,default:300},height:{type:Number,default:150},src:{type:String,required:!0},text:{type:String,default:""},fontSize:{type:Number,default:16},color:{type:String,default:"#000"},deg:{type:Number,default:45,validator:function(t){return!(t<0||t>360)||(console.warn("[Watermark] deg must be between 0 and 360"),!1)}},gapY:{type:Number,default:20},gapX:{type:Number,default:20}},mounted:function(){this.init()},methods:{init:function(){var t=this,e=this.$refs.canvas,r=e.getContext("2d"),n=window.devicePixelRatio||1;e.width=this.width*n,e.height=this.height*n,e.style.width="".concat(this.width,"px"),e.style.height="".concat(this.height,"px"),r.scale(n,n);var a=new Image;a.crossOrigin="anonymous",a.src=this.src,a.onload=function(){r.drawImage(a,0,0,t.width,t.height),r.font="".concat(t.fontSize,"px sans-serif"),r.fillStyle=t.color,r.textAlign="left",r.textBaseline="middle";var e=r.measureText(t.text).width;r.save(),r.translate(t.width/2,t.height/2),r.rotate(t.deg*Math.PI/180),r.translate(-t.width/2,-t.height/2);for(var n=t.fontSize+t.gapY,i=e+t.gapX,o=-t.height;o<2*t.height;o+=n)for(var s=-t.width;s<2*t.width;s+=i)r.fillText(t.text,s,o);r.restore()}}}},n);const i=a.exports;i.install=function(t){t.component(i.name,i)};const o=i}},e={};function r(n){var a=e[n];if(void 0!==a)return a.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};r.r(n),r.d(n,{WaterMark:()=>a.default,default:()=>o});var a=r(600),i=[a.default];const o={install:function(t){i.forEach(function(e){e.install(t)})}};module.exports=n})();
|
package/libs/waterfall/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
(()=>{var t={486(t,e,r){"use strict";r.d(e,{A:()=>u});var n=r(601),o=r.n(n),i=r(314),a=r.n(i)()(o());a.push([t.id,"*[data-v-73512210] {\n margin: 0;\n padding: 0;\n}\n.waterfall[data-v-73512210] {\n width: 100%;\n}\n.waterfall-container[data-v-73512210] {\n display: flex;\n -moz-column-gap: var(--gap-x);\n column-gap: var(--gap-x);\n align-items: flex-start;\n}\n.waterfall-column[data-v-73512210] {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: var(--gap-y);\n}\n",""]);const u=a},314(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r}).join("")},e.i=function(t,r,n,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(n)for(var u=0;u<this.length;u++){var s=this[u][0];null!=s&&(a[s]=!0)}for(var c=0;c<t.length;c++){var l=[].concat(t[c]);n&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),e.push(l))}},e}},601(t){"use strict";t.exports=function(t){return t[1]}},72(t){"use strict";var e=[];function r(t){for(var r=-1,n=0;n<e.length;n++)if(e[n].identifier===t){r=n;break}return r}function n(t,n){for(var i={},a=[],u=0;u<t.length;u++){var s=t[u],c=n.base?s[0]+n.base:s[0],l=i[c]||0,f="".concat(c," ").concat(l);i[c]=l+1;var p=r(f),d={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var v=o(d,n);n.byIndex=u,e.splice(u,0,{identifier:f,updater:v,references:1})}a.push(f)}return a}function o(t,e){var r=e.domAPI(e);return r.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;r.update(t=e)}else r.remove()}}t.exports=function(t,o){var i=n(t=t||[],o=o||{});return function(t){t=t||[];for(var a=0;a<i.length;a++){var u=r(i[a]);e[u].references--}for(var s=n(t,o),c=0;c<i.length;c++){var l=r(i[c]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}i=s}}},659(t){"use strict";var e={};t.exports=function(t,r){var n=function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}(t);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},540(t){"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},56(t,e,r){"use strict";t.exports=function(t){var e=r.nc;e&&t.setAttribute("nonce",e)}},825(t){"use strict";t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(r){!function(t,e,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var i=r.sourceMap;i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(n,t,e.options)}(e,t,r)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},113(t){"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},172(t){t.exports=function(t,e){this.v=t,this.k=e},t.exports.__esModule=!0,t.exports.default=t.exports},993(t,e,r){var n=r(546);function o(){var e,r,i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.toStringTag||"@@toStringTag";function s(t,o,i,a){var u=o&&o.prototype instanceof l?o:l,s=Object.create(u.prototype);return n(s,"_invoke",function(t,n,o){var i,a,u,s=0,l=o||[],f=!1,p={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,r){return i=t,a=0,u=e,p.n=r,c}};function d(t,n){for(a=t,u=n,r=0;!f&&s&&!o&&r<l.length;r++){var o,i=l[r],d=p.p,v=i[2];t>3?(o=v===n)&&(u=i[(a=i[4])?5:(a=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=t<2&&d<i[1])?(a=0,p.v=n,p.n=i[1]):d<v&&(o=t<3||i[0]>n||n>v)&&(i[4]=t,i[5]=n,p.n=v,a=0))}if(o||t>1)return c;throw f=!0,n}return function(o,l,v){if(s>1)throw TypeError("Generator is already running");for(f&&1===l&&d(l,v),a=l,u=v;(r=a<2?e:u)||!f;){i||(a?a<3?(a>1&&(p.n=-1),d(a,u)):p.n=u:p.v=u);try{if(s=2,i){if(a||(o="next"),r=i[o]){if(!(r=r.call(i,u)))throw TypeError("iterator result is not an object");if(!r.done)return r;u=r.value,a<2&&(a=0)}else 1===a&&(r=i.return)&&r.call(i),a<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),a=1);i=e}else if((r=(f=p.n<0)?u:t.call(n,p))!==c)break}catch(t){i=e,a=1,u=t}finally{s=1}}return{value:r,done:f}}}(t,i,a),!0),s}var c={};function l(){}function f(){}function p(){}r=Object.getPrototypeOf;var d=[][a]?r(r([][a]())):(n(r={},a,function(){return this}),r),v=p.prototype=l.prototype=Object.create(d);function m(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,n(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t}return f.prototype=p,n(v,"constructor",p),n(p,"constructor",f),f.displayName="GeneratorFunction",n(p,u,"GeneratorFunction"),n(v),n(v,u,"Generator"),n(v,a,function(){return this}),n(v,"toString",function(){return"[object Generator]"}),(t.exports=o=function(){return{w:s,m}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports},869(t,e,r){var n=r(887);t.exports=function(t,e,r,o,i){var a=n(t,e,r,o,i);return a.next().then(function(t){return t.done?t.value:a.next()})},t.exports.__esModule=!0,t.exports.default=t.exports},887(t,e,r){var n=r(993),o=r(791);t.exports=function(t,e,r,i,a){return new o(n().w(t,e,r,i),a||Promise)},t.exports.__esModule=!0,t.exports.default=t.exports},791(t,e,r){var n=r(172),o=r(546);t.exports=function t(e,r){function i(t,o,a,u){try{var s=e[t](o),c=s.value;return c instanceof n?r.resolve(c.v).then(function(t){i("next",t,a,u)},function(t){i("throw",t,a,u)}):r.resolve(c).then(function(t){s.value=t,a(s)},function(t){return i("throw",t,a,u)})}catch(t){u(t)}}var a;this.next||(o(t.prototype),o(t.prototype,"function"==typeof Symbol&&Symbol.asyncIterator||"@asyncIterator",function(){return this})),o(this,"_invoke",function(t,e,n){function o(){return new r(function(e,r){i(t,n,e,r)})}return a=a?a.then(o,o):o()},!0)},t.exports.__esModule=!0,t.exports.default=t.exports},546(t){function e(r,n,o,i){var a=Object.defineProperty;try{a({},"",{})}catch(r){a=0}t.exports=e=function(t,r,n,o){function i(r,n){e(t,r,function(t){return this._invoke(r,n,t)})}r?a?a(t,r,{value:n,enumerable:!o,configurable:!o,writable:!o}):t[r]=n:(i("next",0),i("throw",1),i("return",2))},t.exports.__esModule=!0,t.exports.default=t.exports,e(r,n,o,i)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},373(t){t.exports=function(t){var e=Object(t),r=[];for(var n in e)r.unshift(n);return function t(){for(;r.length;)if((n=r.pop())in e)return t.value=n,t.done=!1,t;return t.done=!0,t}},t.exports.__esModule=!0,t.exports.default=t.exports},633(t,e,r){var n=r(172),o=r(993),i=r(869),a=r(887),u=r(791),s=r(373),c=r(579);function l(){"use strict";var e=o(),r=e.m(l),f=(Object.getPrototypeOf?Object.getPrototypeOf(r):r.__proto__).constructor;function p(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))}var d={throw:1,return:2,break:3,continue:3};function v(t){var e,r;return function(n){e||(e={stop:function(){return r(n.a,2)},catch:function(){return n.v},abrupt:function(t,e){return r(n.a,d[t],e)},delegateYield:function(t,o,i){return e.resultName=o,r(n.d,c(t),i)},finish:function(t){return r(n.f,t)}},r=function(t,r,o){n.p=e.prev,n.n=e.next;try{return t(r,o)}finally{e.next=n.n}}),e.resultName&&(e[e.resultName]=n.v,e.resultName=void 0),e.sent=n.v,e.next=n.n;try{return t.call(this,e)}finally{n.p=e.prev,n.n=e.next}}}return(t.exports=l=function(){return{wrap:function(t,r,n,o){return e.w(v(t),r,n,o&&o.reverse())},isGeneratorFunction:p,mark:e.m,awrap:function(t,e){return new n(t,e)},AsyncIterator:u,async:function(t,e,r,n,o){return(p(e)?a:i)(v(t),e,r,n,o)},keys:s,values:c}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=l,t.exports.__esModule=!0,t.exports.default=t.exports},579(t,e,r){var n=r(738).default;t.exports=function(t){if(null!=t){var e=t["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],r=0;if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}}}throw new TypeError(n(t)+" is not iterable")},t.exports.__esModule=!0,t.exports.default=t.exports},738(t){function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},756(t,e,r){var n=r(633)();t.exports=n;try{regeneratorRuntime=n}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={id:n,exports:{}};return t[n](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.nc=void 0;var n={};(()=>{"use strict";r.r(n),r.d(n,{default:()=>j});var t=function(){var t=this,e=t._self._c;return e("div",{ref:"waterfall",staticClass:"waterfall",style:[t.cusStyle]},[t._t("header"),t._v(" "),t.data.length?[e("div",{staticClass:"waterfall-container"},t._l(t.columnsData,function(r,n){return e("div",{key:n,staticClass:"waterfall-column"},t._l(r,function(r,n){return e("div",{key:n,staticClass:"waterfall-item"},[t._t("item",null,{item:r})],2)}),0)}),0)]:[t._t("empty")],t._v(" "),t._t("footer")],2)};function e(t,e,r,n,o,i,a){try{var u=t[i](a),s=u.value}catch(t){return void r(t)}u.done?e(s):Promise.resolve(s).then(n,o)}function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,e,r){return(e=function(t){var e=function(t){if("object"!=o(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==o(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}t._withStripped=!0;var a=r(756),u=r.n(a);const s={name:"WaterFall",props:{list:{type:Array,default:function(){return[]}},gapX:{type:Number,default:20},gapY:{type:Number,default:20},columns:{type:Number,default:2}},data:function(){return{current:0,columnsData:[],columnsHeight:[]}},computed:{data:{get:function(){return this.list}},cusStyle:function(){return i(i(i({},"--gap-x","".concat(this.gapX,"px")),"--gap-y","".concat(this.gapY,"px")),"--column",this.columns)}},watch:{list:{handler:function(t,e){t.length?(t.length<(null==e?void 0:e.length)&&this.reset(),this.init()):this.reset()},immediate:!0},columns:function(){var t=this;this.reset(),this.$nextTick(function(){t.init()})}},methods:{reset:function(){this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0}),this.current=0},init:function(){this.list.length?(0===this.current&&(this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0})),this.renderList()):this.reset()},renderList:function(){var t,r=this;return(t=u().mark(function t(){var e,n,o;return u().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:e=r.current;case 1:if(!(e<r.list.length)){t.next=4;break}return n=r.list[e],o=r.getMinColumn(),r.columnsData[o].push(n),t.next=2,r.$nextTick();case 2:r.calcHeight(o);case 3:e++,t.next=1;break;case 4:r.current=r.list.length;case 5:case"end":return t.stop()}},t)}),function(){var r=this,n=arguments;return new Promise(function(o,i){var a=t.apply(r,n);function u(t){e(a,o,i,u,s,"next",t)}function s(t){e(a,o,i,u,s,"throw",t)}u(void 0)})})()},getMinColumn:function(){var t=this.columnsHeight[0],e=0;return this.columnsHeight.forEach(function(r,n){r<t&&(t=r,e=n)}),e},calcHeight:function(t){var e=this.$el.querySelectorAll(".waterfall-column");this.columnsHeight[t]=e[t].offsetHeight}}};var c=r(72),l=r.n(c),f=r(825),p=r.n(f),d=r(659),v=r.n(d),m=r(56),y=r.n(m),h=r(540),x=r.n(h),g=r(113),b=r.n(g),_=r(486),w={};w.styleTagTransform=b(),w.setAttributes=y(),w.insert=v().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=x(),l()(_.A,w),_.A&&_.A.locals&&_.A.locals;var S=function(t,e,r,n,o,i){var a,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=[],u._compiled=!0),i&&(u._scopeId="data-v-"+i),a)if(u.functional){u._injectStyles=a;var s=u.render;u.render=function(t,e){return a.call(e),s(t,e)}}else{var c=u.beforeCreate;u.beforeCreate=c?[].concat(c,a):[a]}return{exports:t,options:u}}(s,t,0,0,0,"73512210");const M=S.exports;M.install=function(t){t.component(M.name,M)};const j=M})(),module.exports=n})();
|
|
2
|
+
(()=>{var t={880(t,e,r){"use strict";r.d(e,{A:()=>a});var n=r(601),o=r.n(n),i=r(314),u=r.n(i)()(o());u.push([t.id,".waterfall[data-v-debf9f4e] {\n width: 100%;\n}\n.waterfall-container[data-v-debf9f4e] {\n display: flex;\n -moz-column-gap: var(--gap-x);\n column-gap: var(--gap-x);\n align-items: flex-start;\n}\n.waterfall-column[data-v-debf9f4e] {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: var(--gap-y);\n}\n",""]);const a=u},314(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r}).join("")},e.i=function(t,r,n,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var u={};if(n)for(var a=0;a<this.length;a++){var s=this[a][0];null!=s&&(u[s]=!0)}for(var c=0;c<t.length;c++){var l=[].concat(t[c]);n&&u[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),e.push(l))}},e}},601(t){"use strict";t.exports=function(t){return t[1]}},72(t){"use strict";var e=[];function r(t){for(var r=-1,n=0;n<e.length;n++)if(e[n].identifier===t){r=n;break}return r}function n(t,n){for(var i={},u=[],a=0;a<t.length;a++){var s=t[a],c=n.base?s[0]+n.base:s[0],l=i[c]||0,f="".concat(c," ").concat(l);i[c]=l+1;var p=r(f),d={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var v=o(d,n);n.byIndex=a,e.splice(a,0,{identifier:f,updater:v,references:1})}u.push(f)}return u}function o(t,e){var r=e.domAPI(e);return r.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;r.update(t=e)}else r.remove()}}t.exports=function(t,o){var i=n(t=t||[],o=o||{});return function(t){t=t||[];for(var u=0;u<i.length;u++){var a=r(i[u]);e[a].references--}for(var s=n(t,o),c=0;c<i.length;c++){var l=r(i[c]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}i=s}}},659(t){"use strict";var e={};t.exports=function(t,r){var n=function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}(t);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},540(t){"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},56(t,e,r){"use strict";t.exports=function(t){var e=r.nc;e&&t.setAttribute("nonce",e)}},825(t){"use strict";t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(r){!function(t,e,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var i=r.sourceMap;i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(n,t,e.options)}(e,t,r)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},113(t){"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},172(t){t.exports=function(t,e){this.v=t,this.k=e},t.exports.__esModule=!0,t.exports.default=t.exports},993(t,e,r){var n=r(546);function o(){var e,r,i="function"==typeof Symbol?Symbol:{},u=i.iterator||"@@iterator",a=i.toStringTag||"@@toStringTag";function s(t,o,i,u){var a=o&&o.prototype instanceof l?o:l,s=Object.create(a.prototype);return n(s,"_invoke",function(t,n,o){var i,u,a,s=0,l=o||[],f=!1,p={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,r){return i=t,u=0,a=e,p.n=r,c}};function d(t,n){for(u=t,a=n,r=0;!f&&s&&!o&&r<l.length;r++){var o,i=l[r],d=p.p,v=i[2];t>3?(o=v===n)&&(a=i[(u=i[4])?5:(u=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=t<2&&d<i[1])?(u=0,p.v=n,p.n=i[1]):d<v&&(o=t<3||i[0]>n||n>v)&&(i[4]=t,i[5]=n,p.n=v,u=0))}if(o||t>1)return c;throw f=!0,n}return function(o,l,v){if(s>1)throw TypeError("Generator is already running");for(f&&1===l&&d(l,v),u=l,a=v;(r=u<2?e:a)||!f;){i||(u?u<3?(u>1&&(p.n=-1),d(u,a)):p.n=a:p.v=a);try{if(s=2,i){if(u||(o="next"),r=i[o]){if(!(r=r.call(i,a)))throw TypeError("iterator result is not an object");if(!r.done)return r;a=r.value,u<2&&(u=0)}else 1===u&&(r=i.return)&&r.call(i),u<2&&(a=TypeError("The iterator does not provide a '"+o+"' method"),u=1);i=e}else if((r=(f=p.n<0)?a:t.call(n,p))!==c)break}catch(t){i=e,u=1,a=t}finally{s=1}}return{value:r,done:f}}}(t,i,u),!0),s}var c={};function l(){}function f(){}function p(){}r=Object.getPrototypeOf;var d=[][u]?r(r([][u]())):(n(r={},u,function(){return this}),r),v=p.prototype=l.prototype=Object.create(d);function m(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,n(t,a,"GeneratorFunction")),t.prototype=Object.create(v),t}return f.prototype=p,n(v,"constructor",p),n(p,"constructor",f),f.displayName="GeneratorFunction",n(p,a,"GeneratorFunction"),n(v),n(v,a,"Generator"),n(v,u,function(){return this}),n(v,"toString",function(){return"[object Generator]"}),(t.exports=o=function(){return{w:s,m}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=o,t.exports.__esModule=!0,t.exports.default=t.exports},869(t,e,r){var n=r(887);t.exports=function(t,e,r,o,i){var u=n(t,e,r,o,i);return u.next().then(function(t){return t.done?t.value:u.next()})},t.exports.__esModule=!0,t.exports.default=t.exports},887(t,e,r){var n=r(993),o=r(791);t.exports=function(t,e,r,i,u){return new o(n().w(t,e,r,i),u||Promise)},t.exports.__esModule=!0,t.exports.default=t.exports},791(t,e,r){var n=r(172),o=r(546);t.exports=function t(e,r){function i(t,o,u,a){try{var s=e[t](o),c=s.value;return c instanceof n?r.resolve(c.v).then(function(t){i("next",t,u,a)},function(t){i("throw",t,u,a)}):r.resolve(c).then(function(t){s.value=t,u(s)},function(t){return i("throw",t,u,a)})}catch(t){a(t)}}var u;this.next||(o(t.prototype),o(t.prototype,"function"==typeof Symbol&&Symbol.asyncIterator||"@asyncIterator",function(){return this})),o(this,"_invoke",function(t,e,n){function o(){return new r(function(e,r){i(t,n,e,r)})}return u=u?u.then(o,o):o()},!0)},t.exports.__esModule=!0,t.exports.default=t.exports},546(t){function e(r,n,o,i){var u=Object.defineProperty;try{u({},"",{})}catch(r){u=0}t.exports=e=function(t,r,n,o){function i(r,n){e(t,r,function(t){return this._invoke(r,n,t)})}r?u?u(t,r,{value:n,enumerable:!o,configurable:!o,writable:!o}):t[r]=n:(i("next",0),i("throw",1),i("return",2))},t.exports.__esModule=!0,t.exports.default=t.exports,e(r,n,o,i)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},373(t){t.exports=function(t){var e=Object(t),r=[];for(var n in e)r.unshift(n);return function t(){for(;r.length;)if((n=r.pop())in e)return t.value=n,t.done=!1,t;return t.done=!0,t}},t.exports.__esModule=!0,t.exports.default=t.exports},633(t,e,r){var n=r(172),o=r(993),i=r(869),u=r(887),a=r(791),s=r(373),c=r(579);function l(){"use strict";var e=o(),r=e.m(l),f=(Object.getPrototypeOf?Object.getPrototypeOf(r):r.__proto__).constructor;function p(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))}var d={throw:1,return:2,break:3,continue:3};function v(t){var e,r;return function(n){e||(e={stop:function(){return r(n.a,2)},catch:function(){return n.v},abrupt:function(t,e){return r(n.a,d[t],e)},delegateYield:function(t,o,i){return e.resultName=o,r(n.d,c(t),i)},finish:function(t){return r(n.f,t)}},r=function(t,r,o){n.p=e.prev,n.n=e.next;try{return t(r,o)}finally{e.next=n.n}}),e.resultName&&(e[e.resultName]=n.v,e.resultName=void 0),e.sent=n.v,e.next=n.n;try{return t.call(this,e)}finally{n.p=e.prev,n.n=e.next}}}return(t.exports=l=function(){return{wrap:function(t,r,n,o){return e.w(v(t),r,n,o&&o.reverse())},isGeneratorFunction:p,mark:e.m,awrap:function(t,e){return new n(t,e)},AsyncIterator:a,async:function(t,e,r,n,o){return(p(e)?u:i)(v(t),e,r,n,o)},keys:s,values:c}},t.exports.__esModule=!0,t.exports.default=t.exports)()}t.exports=l,t.exports.__esModule=!0,t.exports.default=t.exports},579(t,e,r){var n=r(738).default;t.exports=function(t){if(null!=t){var e=t["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],r=0;if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}}}throw new TypeError(n(t)+" is not iterable")},t.exports.__esModule=!0,t.exports.default=t.exports},738(t){function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},756(t,e,r){var n=r(633)();t.exports=n;try{regeneratorRuntime=n}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={id:n,exports:{}};return t[n](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.nc=void 0;var n={};(()=>{"use strict";r.r(n),r.d(n,{default:()=>j});var t=function(){var t=this,e=t._self._c;return e("div",{ref:"waterfall",staticClass:"waterfall",style:[t.cusStyle]},[t._t("header"),t._v(" "),t.data.length?[e("div",{staticClass:"waterfall-container"},t._l(t.columnsData,function(r,n){return e("div",{key:n,staticClass:"waterfall-column"},t._l(r,function(r,n){return e("div",{key:n,staticClass:"waterfall-item"},[t._t("item",null,{item:r})],2)}),0)}),0)]:[t._t("empty")],t._v(" "),t._t("footer")],2)};function e(t,e,r,n,o,i,u){try{var a=t[i](u),s=a.value}catch(t){return void r(t)}a.done?e(s):Promise.resolve(s).then(n,o)}function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,e,r){return(e=function(t){var e=function(t){if("object"!=o(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==o(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}t._withStripped=!0;var u=r(756),a=r.n(u);const s={name:"WaterFall",props:{list:{type:Array,default:function(){return[]}},gapX:{type:Number,default:20},gapY:{type:Number,default:20},columns:{type:Number,default:2}},data:function(){return{current:0,columnsData:[],columnsHeight:[]}},computed:{data:{get:function(){return this.list}},cusStyle:function(){return i(i(i({},"--gap-x","".concat(this.gapX,"px")),"--gap-y","".concat(this.gapY,"px")),"--column",this.columns)}},watch:{list:{handler:function(t,e){t.length?(t.length<(null==e?void 0:e.length)&&this.reset(),this.init()):this.reset()},immediate:!0},columns:function(){var t=this;this.reset(),this.$nextTick(function(){t.init()})}},methods:{reset:function(){this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0}),this.current=0},init:function(){this.list.length?(0===this.current&&(this.columnsData=Array.from({length:this.columns},function(){return[]}),this.columnsHeight=Array.from({length:this.columns},function(){return 0})),this.renderList()):this.reset()},renderList:function(){var t,r=this;return(t=a().mark(function t(){var e,n,o;return a().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:e=r.current;case 1:if(!(e<r.list.length)){t.next=4;break}return n=r.list[e],o=r.getMinColumn(),r.columnsData[o].push(n),t.next=2,r.$nextTick();case 2:r.calcHeight(o);case 3:e++,t.next=1;break;case 4:r.current=r.list.length;case 5:case"end":return t.stop()}},t)}),function(){var r=this,n=arguments;return new Promise(function(o,i){var u=t.apply(r,n);function a(t){e(u,o,i,a,s,"next",t)}function s(t){e(u,o,i,a,s,"throw",t)}a(void 0)})})()},getMinColumn:function(){var t=this.columnsHeight[0],e=0;return this.columnsHeight.forEach(function(r,n){r<t&&(t=r,e=n)}),e},calcHeight:function(t){var e=this.$el.querySelectorAll(".waterfall-column");this.columnsHeight[t]=e[t].offsetHeight}}};var c=r(72),l=r.n(c),f=r(825),p=r.n(f),d=r(659),v=r.n(d),m=r(56),y=r.n(m),h=r(540),x=r.n(h),b=r(113),g=r.n(b),_=r(880),w={};w.styleTagTransform=g(),w.setAttributes=y(),w.insert=v().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=x(),l()(_.A,w),_.A&&_.A.locals&&_.A.locals;var S=function(t,e,r,n,o,i){var u,a="function"==typeof t?t.options:t;if(e&&(a.render=e,a.staticRenderFns=[],a._compiled=!0),i&&(a._scopeId="data-v-"+i),u)if(a.functional){a._injectStyles=u;var s=a.render;a.render=function(t,e){return u.call(e),s(t,e)}}else{var c=a.beforeCreate;a.beforeCreate=c?[].concat(c,u):[u]}return{exports:t,options:a}}(s,t,0,0,0,"debf9f4e");const M=S.exports;M.install=function(t){t.component(M.name,M)};const j=M})(),module.exports=n})();
|
package/libs/watermark/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var e={d:(t,r)=>{for(var
|
|
1
|
+
(()=>{"use strict";var e={d:(t,r)=>{for(var i in r)e.o(r,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:r[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>a});var r=function(){return(0,this._self._c)("canvas",{ref:"canvas"})};r._withStripped=!0;var i=function(e,t){var r,i=e;if(t&&(i.render=t,i.staticRenderFns=[],i._compiled=!0),r)if(i.functional){i._injectStyles=r;var n=i.render;i.render=function(e,t){return r.call(t),n(e,t)}}else{var a=i.beforeCreate;i.beforeCreate=a?[].concat(a,r):[r]}return{exports:e,options:i}}({name:"WaterMark",props:{width:{type:Number,default:300},height:{type:Number,default:150},src:{type:String,required:!0},text:{type:String,default:""},fontSize:{type:Number,default:16},color:{type:String,default:"#000"},deg:{type:Number,default:45,validator:function(e){return!(e<0||e>360)||(console.warn("[Watermark] deg must be between 0 and 360"),!1)}},gapY:{type:Number,default:20},gapX:{type:Number,default:20}},mounted:function(){this.init()},methods:{init:function(){var e=this,t=this.$refs.canvas,r=t.getContext("2d"),i=window.devicePixelRatio||1;t.width=this.width*i,t.height=this.height*i,t.style.width="".concat(this.width,"px"),t.style.height="".concat(this.height,"px"),r.scale(i,i);var n=new Image;n.crossOrigin="anonymous",n.src=this.src,n.onload=function(){r.drawImage(n,0,0,e.width,e.height),r.font="".concat(e.fontSize,"px sans-serif"),r.fillStyle=e.color,r.textAlign="left",r.textBaseline="middle";var t=r.measureText(e.text).width;r.save(),r.translate(e.width/2,e.height/2),r.rotate(e.deg*Math.PI/180),r.translate(-e.width/2,-e.height/2);for(var i=e.fontSize+e.gapY,a=t+e.gapX,o=-e.height;o<2*e.height;o+=i)for(var d=-e.width;d<2*e.width;d+=a)r.fillText(e.text,d,o);r.restore()}}}},r);const n=i.exports;n.install=function(e){e.component(n.name,n)};const a=n;module.exports=t})();
|