Skip to content
This repository was archived by the owner on Jan 2, 2022. It is now read-only.

Commit 9d7a742

Browse files
dgkncadgknca
committed
v0.1.8 removed containerClass #2 
1 parent 67fa536 commit 9d7a742

12 files changed

+129
-159
lines changed

‎README.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@ npm i vue-scroll-check
1818

1919
| Props | Description | Type | Default |
2020
| :-------------- | :--------------------------------------------------- | :----: | :-----: |
21-
| containerClass | Classes of the component's root element. | String | |
2221
| scrollAreaClass | Classes of the component's scrollable child element. | String | |
2322
| :threshold | Threshold value of event change. | Number | 0 |
2423

‎dist/VueScrollCheck.common.js

Lines changed: 10 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -32640,22 +32640,19 @@ if (typeof window !== 'undefined') {
3264032640
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
3264132641
var vue_runtime_esm = __webpack_require__("2b0e");
3264232642

32643-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"80fedb5a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=565ce4ec&
32644-
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"app"}},[_c('link',{attrs:{"rel":"stylesheet","href":"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/atom-one-dark.min.css"}}),_c('div',{staticClass:"container"},[_c('div',{staticClass:"left"},[_c('pre',{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[_vm._m(0)])]),_c('div',{staticClass:"right"},[_c('pre',{staticClass:"demo-pre"},[_c('code',[_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("<div")]),_vm._v(" "),_c('span',{staticStyle:{"color":"#da103f"}},[_vm._v("class")]),_vm._v("="),_c('span',{staticStyle:{"color":"#1d8991"}},[_vm._v("\"my-container "+_vm._s(_vm.atTop)+_vm._s(_vm.atBottom)+_vm._s(_vm.inMiddle)+"\"")]),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v(">")]),_vm._v("\n "),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("<div")]),_vm._v(" "),_c('span',{staticStyle:{"color":"#da103f"}},[_vm._v("class")]),_vm._v("="),_c('span',{staticStyle:{"color":"#1d8991"}},[_vm._v("\"list\"")]),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v(">")]),_vm._v("..."),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("</div>")]),_vm._v("\n"),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("</div>")])])]),_c('v-scroll-check',{attrs:{"containerClass":"my-container","scrollAreaClass":"list","threshold":100},on:{"onBottomReach":_vm.onBottomReach,"onBottomLeave":_vm.onBottomLeave,"onTopReach":_vm.onTopReach,"onTopLeave":_vm.onTopLeave,"onMiddleEnter":_vm.onMiddleEnter,"onMiddleLeave":_vm.onMiddleLeave}},_vm._l((50),function(i){return _c('div',{key:i,staticClass:"item"},[_vm._v("Item "+_vm._s(i))])}),0)],1)])])}
32645-
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('code',{staticClass:"html"},[_vm._v("<v-scroll-check\n containerClass=\"my-container\"\n scrollAreaClass=\"list\"\n :threshold=\"100\"\n @onBottomReach=\"onBottomReach\"\n @onBottomLeave=\"onBottomLeave\"\n @onTopReach=\"onTopReach\"\n @onTopLeave=\"onTopLeave\"\n @onMiddleEnter=\"onMiddleEnter\"\n @onMiddleLeave=\"onMiddleLeave\"\n>\n <div class=\"item\" v-for=\"i in 50\" :key=\"i\">Item "),_c('span',[_vm._v("{")]),_vm._v("{ i }}</div>\n</v-scroll-check>\n\n<script>\nimport VScrollCheck from 'vue-scroll-check'\n\nexport default {\n name: 'App',\n components: {\n VScrollCheck\n },\n methods: {\n onBottomReach() {\n console.log('onBottomReach')\n },\n onBottomLeave() {\n console.log('onBottomLeave')\n },\n onTopReach() {\n console.log('onTopReach')\n },\n onTopLeave() {\n console.log('onTopLeave')\n },\n onMiddleEnter() {\n console.log('onMiddleEnter')\n },\n onMiddleLeave() {\n console.log('onMiddleLeave')\n }\n }\n}\n</script>\n\n<style>\n.list {\n width: 300px;\n box-shadow: 0 10px 20px rgba(#404040, 0.15);\n border-radius: 10px;\n background: #fff;\n padding: 8px;\n /* Don't forget that! The scrollAreaClass must be scrollable. */\n height: 500px;\n overflow: auto;\n}\n\n.item {\n padding: 8px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n}\n</style>")])}]
32643+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e8bcc40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=2a487cc6&
32644+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"app"}},[_c('link',{attrs:{"rel":"stylesheet","href":"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/atom-one-dark.min.css"}}),_c('div',{staticClass:"container"},[_c('div',{staticClass:"left"},[_c('pre',{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[_vm._m(0)])]),_c('div',{staticClass:"right"},[_c('pre',{staticClass:"demo-pre"},[_c('code',[_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("<div")]),_vm._v(" "),_c('span',{staticStyle:{"color":"#da103f"}},[_vm._v("class")]),_vm._v("="),_c('span',{staticStyle:{"color":"#1d8991"}},[_vm._v("\"my-container "+_vm._s(_vm.atTop)+_vm._s(_vm.atBottom)+_vm._s(_vm.inMiddle)+"\"")]),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v(">")]),_vm._v("\n "),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("<div")]),_vm._v(" "),_c('span',{staticStyle:{"color":"#da103f"}},[_vm._v("class")]),_vm._v("="),_c('span',{staticStyle:{"color":"#1d8991"}},[_vm._v("\"list\"")]),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v(">")]),_vm._v("..."),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("</div>")]),_vm._v("\n"),_c('span',{staticStyle:{"color":"#8a31b9"}},[_vm._v("</div>")])])]),_c('v-scroll-check',{staticClass:"my-container",attrs:{"scrollAreaClass":"list","threshold":100},on:{"onBottomReach":_vm.onBottomReach,"onBottomLeave":_vm.onBottomLeave,"onTopReach":_vm.onTopReach,"onTopLeave":_vm.onTopLeave,"onMiddleEnter":_vm.onMiddleEnter,"onMiddleLeave":_vm.onMiddleLeave}},_vm._l((50),function(i){return _c('div',{key:i,staticClass:"item"},[_vm._v("Item "+_vm._s(i))])}),0)],1)])])}
32645+
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('code',{staticClass:"html"},[_vm._v("<v-scroll-check\n class=\"my-container\"\n scrollAreaClass=\"list\"\n :threshold=\"100\"\n @onBottomReach=\"onBottomReach\"\n @onBottomLeave=\"onBottomLeave\"\n @onTopReach=\"onTopReach\"\n @onTopLeave=\"onTopLeave\"\n @onMiddleEnter=\"onMiddleEnter\"\n @onMiddleLeave=\"onMiddleLeave\"\n>\n <div class=\"item\" v-for=\"i in 50\" :key=\"i\">Item "),_c('span',[_vm._v("{")]),_vm._v("{ i }}</div>\n</v-scroll-check>\n\n<script>\nimport VScrollCheck from 'vue-scroll-check'\n\nexport default {\n name: 'App',\n components: {\n VScrollCheck\n },\n methods: {\n onBottomReach() {\n console.log('onBottomReach')\n },\n onBottomLeave() {\n console.log('onBottomLeave')\n },\n onTopReach() {\n console.log('onTopReach')\n },\n onTopLeave() {\n console.log('onTopLeave')\n },\n onMiddleEnter() {\n console.log('onMiddleEnter')\n },\n onMiddleLeave() {\n console.log('onMiddleLeave')\n }\n }\n}\n</script>\n\n<style>\n.list {\n width: 300px;\n box-shadow: 0 10px 20px rgba(#404040, 0.15);\n border-radius: 10px;\n background: #fff;\n padding: 8px;\n /* Don't forget that! The scrollAreaClass must be scrollable. */\n height: 500px;\n overflow: auto;\n}\n\n.item {\n padding: 8px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n}\n</style>")])}]
3264632646

3264732647

32648-
// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=565ce4ec&
32648+
// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=2a487cc6&
3264932649

32650-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"80fedb5a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScrollCheck.vue?vue&type=template&id=93a56a12&
32651-
var ScrollCheckvue_type_template_id_93a56a12_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
32652-
_vm.containerClass,
32653-
{ atTop: _vm.isAtTop, atBottom: _vm.isAtBottom, inMiddle: _vm.isInMiddle }
32654-
]},[_c('div',{class:_vm.scrollAreaClass,on:{"scroll":_vm.handleScroll}},[_vm._t("default")],2)])}
32655-
var ScrollCheckvue_type_template_id_93a56a12_staticRenderFns = []
32650+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e8bcc40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScrollCheck.vue?vue&type=template&id=0ed89bfd&
32651+
var ScrollCheckvue_type_template_id_0ed89bfd_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[{ atTop: _vm.isAtTop, atBottom: _vm.isAtBottom, inMiddle: _vm.isInMiddle }]},[_c('div',{class:_vm.scrollAreaClass,on:{"scroll":_vm.handleScroll}},[_vm._t("default")],2)])}
32652+
var ScrollCheckvue_type_template_id_0ed89bfd_staticRenderFns = []
3265632653

3265732654

32658-
// CONCATENATED MODULE: ./src/components/ScrollCheck.vue?vue&type=template&id=93a56a12&
32655+
// CONCATENATED MODULE: ./src/components/ScrollCheck.vue?vue&type=template&id=0ed89bfd&
3265932656

3266032657
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScrollCheck.vue?vue&type=script&lang=js&
3266132658
//
@@ -32668,17 +32665,10 @@ var ScrollCheckvue_type_template_id_93a56a12_staticRenderFns = []
3266832665
//
3266932666
//
3267032667
//
32671-
//
32672-
//
32673-
//
3267432668

3267532669
/* harmony default export */ var ScrollCheckvue_type_script_lang_js_ = ({
3267632670
name: 'ScrollCheck',
3267732671
props: {
32678-
containerClass: {
32679-
type: String,
32680-
default: ''
32681-
},
3268232672
scrollAreaClass: {
3268332673
type: String,
3268432674
default: ''
@@ -32859,8 +32849,8 @@ function normalizeComponent (
3285932849

3286032850
var component = normalizeComponent(
3286132851
components_ScrollCheckvue_type_script_lang_js_,
32862-
ScrollCheckvue_type_template_id_93a56a12_render,
32863-
ScrollCheckvue_type_template_id_93a56a12_staticRenderFns,
32852+
ScrollCheckvue_type_template_id_0ed89bfd_render,
32853+
ScrollCheckvue_type_template_id_0ed89bfd_staticRenderFns,
3286432854
false,
3286532855
null,
3286632856
null,

‎dist/VueScrollCheck.common.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)