This commit is contained in:
darenhsu
2022-07-17 13:16:16 +08:00
parent 84759556ff
commit befd344ab0
28070 changed files with 4008428 additions and 1 deletions
+104
View File
@@ -0,0 +1,104 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("../../../src/components/VParallax/VParallax.sass");
var _translatable = _interopRequireDefault(require("../../mixins/translatable"));
var _mixins = _interopRequireDefault(require("../../util/mixins"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Style
// Mixins
var baseMixins = (0, _mixins.default)(_translatable.default);
/* @vue/component */
var _default = baseMixins.extend().extend({
name: 'v-parallax',
props: {
alt: {
type: String,
default: ''
},
height: {
type: [String, Number],
default: 500
},
src: String,
srcset: String
},
data: function data() {
return {
isBooted: false
};
},
computed: {
styles: function styles() {
return {
display: 'block',
opacity: this.isBooted ? 1 : 0,
transform: "translate(-50%, ".concat(this.parallax, "px)")
};
}
},
mounted: function mounted() {
this.init();
},
methods: {
init: function init() {
var _this = this;
var img = this.$refs.img;
if (!img) return;
if (img.complete) {
this.translate();
this.listeners();
} else {
img.addEventListener('load', function () {
_this.translate();
_this.listeners();
}, false);
}
this.isBooted = true;
},
objHeight: function objHeight() {
return this.$refs.img.naturalHeight;
}
},
render: function render(h) {
var imgData = {
staticClass: 'v-parallax__image',
style: this.styles,
attrs: {
src: this.src,
srcset: this.srcset,
alt: this.alt
},
ref: 'img'
};
var container = h('div', {
staticClass: 'v-parallax__image-container'
}, [h('img', imgData)]);
var content = h('div', {
staticClass: 'v-parallax__content'
}, this.$slots.default);
return h('div', {
staticClass: 'v-parallax',
style: {
height: "".concat(this.height, "px")
},
on: this.$listeners
}, [container, content]);
}
});
exports.default = _default;
//# sourceMappingURL=VParallax.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VParallax/VParallax.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAIA;;;;AARA;AAGA;AAOA,IAAM,UAAU,GAAG,qBACjB,qBADiB,CAAnB;AASA;;eACe,UAAU,CAAC,MAAX,GAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,YAD2C;AAGjD,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KADA;AAKL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KALH;AASL,IAAA,GAAG,EAAE,MATA;AAUL,IAAA,MAAM,EAAE;AAVH,GAH0C;AAgBjD,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,QAAQ,EAAE;AADC,KAAP;AAAA,GAhB2C;AAoBjD,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,aAAO;AACL,QAAA,OAAO,EAAE,OADJ;AAEL,QAAA,OAAO,EAAE,KAAK,QAAL,GAAgB,CAAhB,GAAoB,CAFxB;AAGL,QAAA,SAAS,4BAAqB,KAAK,QAA1B;AAHJ,OAAP;AAKD;AAPO,GApBuC;AA8BjD,EAAA,OA9BiD,qBA8B1C;AACL,SAAK,IAAL;AACD,GAhCgD;AAkCjD,EAAA,OAAO,EAAE;AACP,IAAA,IADO,kBACH;AAAA;;AACF,UAAM,GAAG,GAAG,KAAK,KAAL,CAAW,GAAvB;AAEA,UAAI,CAAC,GAAL,EAAU;;AAEV,UAAI,GAAG,CAAC,QAAR,EAAkB;AAChB,aAAK,SAAL;AACA,aAAK,SAAL;AACD,OAHD,MAGO;AACL,QAAA,GAAG,CAAC,gBAAJ,CAAqB,MAArB,EAA6B,YAAK;AAChC,UAAA,KAAI,CAAC,SAAL;;AACA,UAAA,KAAI,CAAC,SAAL;AACD,SAHD,EAGG,KAHH;AAID;;AAED,WAAK,QAAL,GAAgB,IAAhB;AACD,KAjBM;AAkBP,IAAA,SAlBO,uBAkBE;AACP,aAAO,KAAK,KAAL,CAAW,GAAX,CAAe,aAAtB;AACD;AApBM,GAlCwC;AAyDjD,EAAA,MAzDiD,kBAyDzC,CAzDyC,EAyDxC;AACP,QAAM,OAAO,GAAc;AACzB,MAAA,WAAW,EAAE,mBADY;AAEzB,MAAA,KAAK,EAAE,KAAK,MAFa;AAGzB,MAAA,KAAK,EAAE;AACL,QAAA,GAAG,EAAE,KAAK,GADL;AAEL,QAAA,MAAM,EAAE,KAAK,MAFR;AAGL,QAAA,GAAG,EAAE,KAAK;AAHL,OAHkB;AAQzB,MAAA,GAAG,EAAE;AARoB,KAA3B;AAWA,QAAM,SAAS,GAAG,CAAC,CAAC,KAAD,EAAQ;AACzB,MAAA,WAAW,EAAE;AADY,KAAR,EAEhB,CACD,CAAC,CAAC,KAAD,EAAQ,OAAR,CADA,CAFgB,CAAnB;AAMA,QAAM,OAAO,GAAG,CAAC,CAAC,KAAD,EAAQ;AACvB,MAAA,WAAW,EAAE;AADU,KAAR,EAEd,KAAK,MAAL,CAAY,OAFE,CAAjB;AAIA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,YADC;AAEd,MAAA,KAAK,EAAE;AACL,QAAA,MAAM,YAAK,KAAK,MAAV;AADD,OAFO;AAKd,MAAA,EAAE,EAAE,KAAK;AALK,KAAR,EAML,CAAC,SAAD,EAAY,OAAZ,CANK,CAAR;AAOD;AAtFgD,CAApC,C","sourcesContent":["// Style\nimport './VParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\n\n// Types\nimport { VNode, VNodeData } from 'vue/types/vnode'\nimport mixins from '../../util/mixins'\n\nconst baseMixins = mixins(\n Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n $refs: {\n img: HTMLImageElement\n }\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n name: 'v-parallax',\n\n props: {\n alt: {\n type: String,\n default: '',\n },\n height: {\n type: [String, Number],\n default: 500,\n },\n src: String,\n srcset: String,\n },\n\n data: () => ({\n isBooted: false,\n }),\n\n computed: {\n styles (): object {\n return {\n display: 'block',\n opacity: this.isBooted ? 1 : 0,\n transform: `translate(-50%, ${this.parallax}px)`,\n }\n },\n },\n\n mounted () {\n this.init()\n },\n\n methods: {\n init () {\n const img = this.$refs.img\n\n if (!img) return\n\n if (img.complete) {\n this.translate()\n this.listeners()\n } else {\n img.addEventListener('load', () => {\n this.translate()\n this.listeners()\n }, false)\n }\n\n this.isBooted = true\n },\n objHeight () {\n return this.$refs.img.naturalHeight\n },\n },\n\n render (h): VNode {\n const imgData: VNodeData = {\n staticClass: 'v-parallax__image',\n style: this.styles,\n attrs: {\n src: this.src,\n srcset: this.srcset,\n alt: this.alt,\n },\n ref: 'img',\n }\n\n const container = h('div', {\n staticClass: 'v-parallax__image-container',\n }, [\n h('img', imgData),\n ])\n\n const content = h('div', {\n staticClass: 'v-parallax__content',\n }, this.$slots.default)\n\n return h('div', {\n staticClass: 'v-parallax',\n style: {\n height: `${this.height}px`,\n },\n on: this.$listeners,\n }, [container, content])\n },\n})\n"],"sourceRoot":"","file":"VParallax.js"}
+20
View File
@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "VParallax", {
enumerable: true,
get: function get() {
return _VParallax.default;
}
});
exports.default = void 0;
var _VParallax = _interopRequireDefault(require("./VParallax"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = _VParallax.default;
exports.default = _default;
//# sourceMappingURL=index.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VParallax/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,kB","sourcesContent":["import VParallax from './VParallax'\n\nexport { VParallax }\nexport default VParallax\n"],"sourceRoot":"","file":"index.js"}