all data hide
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
This commit is contained in:
+271
@@ -0,0 +1,271 @@
|
||||
/**
|
||||
* simplebar-vue - v2.4.2
|
||||
* Vue component for SimpleBar
|
||||
* https://grsmto.github.io/simplebar/
|
||||
*
|
||||
* Made by Piers Olenski
|
||||
* Under MIT License
|
||||
*/
|
||||
|
||||
import SimpleBarCore from 'simplebar-core';
|
||||
import { isVue3, defineComponent, h } from 'vue-demi';
|
||||
|
||||
/******************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
|
||||
var __assign = function() {
|
||||
__assign = Object.assign || function __assign(t) {
|
||||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||||
s = arguments[i];
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||||
}
|
||||
return t;
|
||||
};
|
||||
return __assign.apply(this, arguments);
|
||||
};
|
||||
|
||||
var lifecycleEventNames = {
|
||||
beforeUnmount: isVue3 ? 'beforeUnmount' : 'beforeDestroy',
|
||||
unmount: isVue3 ? 'unmount' : 'destroy'
|
||||
};
|
||||
|
||||
var _a;
|
||||
/**
|
||||
* This is not as easy to read than a regular <template> block, but a
|
||||
* render function is a necessary "evil" to avoid compiler output
|
||||
* differences between vue2 and vue3, which would required a
|
||||
* different cross-compatible implementation.
|
||||
*
|
||||
* IMPORTANT NOTES:
|
||||
* - options API is required to keep backwards compatibility to vue<@2.6.
|
||||
* only superior versions get compat with @vue/composition-api plugin.
|
||||
* - String template refs are required for compat @vue<2.7
|
||||
* - If refactoring to composition-api and thus dropping support to vue<@2.6
|
||||
* do note that returning a render function from setup() hook does not
|
||||
* in >=2.6.0 < 2.7.0 because the way @vue/composition-api handles
|
||||
* template refs.
|
||||
* {@link https://github.com/vuejs/composition-api#limitations}
|
||||
*
|
||||
* ALTERNATIVES:
|
||||
* - https://github.com/vueuse/vue-demi/issues/152
|
||||
* - https://github.com/vueuse/vue-demi/issues/153
|
||||
* - https://github.com/vueuse/vue-demi/issues/154
|
||||
* - {@link https://github.com/cloydlau/json-editor-vue/blob/3a6127d6587ef297f7ab60800cf78a8be5327cb7/src/Component.ts}
|
||||
*
|
||||
*
|
||||
* @todo maybe using jsx in a next version would make this a bit more readable.
|
||||
* but we need to ensure it compiles to a cross-compatible render function
|
||||
* to avoid going back to the same place where we've been with the <template>
|
||||
*/
|
||||
function renderFn(_a) {
|
||||
var _b;
|
||||
var h = _a.h, emit = _a.emit, slots = _a.slots, props = _a.props;
|
||||
var onScroll = function (event) { return emit('scroll', event); };
|
||||
var classNames = __assign(__assign({}, SimpleBarCore.defaultOptions.classNames), props.classNames);
|
||||
return h('div', __assign({ ref: 'element' }, (isVue3
|
||||
? {
|
||||
'data-simplebar': 'init'
|
||||
}
|
||||
: {
|
||||
attrs: {
|
||||
'data-simplebar': 'init'
|
||||
}
|
||||
})), [
|
||||
h('div', {
|
||||
"class": classNames.wrapper
|
||||
}, [
|
||||
h('div', { "class": classNames.heightAutoObserverWrapperEl }, [
|
||||
h('div', { "class": classNames.heightAutoObserverEl }),
|
||||
]),
|
||||
h('div', { "class": classNames.mask }, [
|
||||
h('div', { "class": classNames.offset }, [
|
||||
h('div', __assign(__assign({}, (isVue3
|
||||
? {
|
||||
onScroll: onScroll,
|
||||
"class": classNames.contentWrapper,
|
||||
tabIndex: props.tabIndex ||
|
||||
SimpleBarCore.defaultOptions.tabIndex,
|
||||
role: 'region',
|
||||
'aria-label': props.ariaLabel ||
|
||||
SimpleBarCore.defaultOptions.ariaLabel
|
||||
}
|
||||
: {
|
||||
attrs: {
|
||||
"class": classNames.contentWrapper,
|
||||
tabIndex: props.tabIndex ||
|
||||
SimpleBarCore.defaultOptions.tabIndex,
|
||||
role: 'region',
|
||||
'aria-label': props.ariaLabel ||
|
||||
SimpleBarCore.defaultOptions.ariaLabel
|
||||
},
|
||||
on: { scroll: onScroll }
|
||||
})), { ref: 'scrollElement' }), [
|
||||
h('div', { "class": classNames.contentEl, ref: 'contentElement' }, (_b = slots["default"]) === null || _b === void 0 ? void 0 : _b.call(slots)),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
h('div', { "class": classNames.placeholder }),
|
||||
]),
|
||||
h('div', { "class": "".concat(classNames.track, " simplebar-horizontal") }, [
|
||||
h('div', { "class": classNames.scrollbar }),
|
||||
]),
|
||||
h('div', { "class": "".concat(classNames.track, " simplebar-vertical") }, [
|
||||
h('div', { "class": classNames.scrollbar }),
|
||||
]),
|
||||
]);
|
||||
}
|
||||
var simplebar = defineComponent((_a = {
|
||||
name: 'simplebar-vue',
|
||||
props: {
|
||||
/**
|
||||
* By default SimpleBar automatically hides the scrollbar if the user is not scrolling
|
||||
* (it emulates Mac OSX Lion's scrollbar). You can make the scrollbar always visible
|
||||
* by passing `false`.
|
||||
*
|
||||
* Default value is `true`.
|
||||
*
|
||||
* You can also control the animation via CSS as it's a simple CSS opacity transition.
|
||||
*/
|
||||
autoHide: { type: Boolean, "default": undefined },
|
||||
/**
|
||||
* It is possible to change the default class names that SimpleBar uses.
|
||||
* To get your own styles to work refer to simplebar.css to get an idea how to setup your css.
|
||||
* - `content` represents the wrapper for the content being scrolled.
|
||||
* - `scrollContent` represents the container containing the elements being scrolled.
|
||||
* - `scrollbar` defines the style of the scrollbar with which the user can interact to scroll the content.
|
||||
* - `track` styles the area surrounding the `scrollbar`.
|
||||
*
|
||||
* ```js
|
||||
* classNames: {
|
||||
* // defaults
|
||||
* content: 'simplebar-content',
|
||||
* scrollContent: 'simplebar-scroll-content',
|
||||
* scrollbar: 'simplebar-scrollbar',
|
||||
* track: 'simplebar-track'
|
||||
* }
|
||||
* ```
|
||||
*/
|
||||
classNames: Object,
|
||||
/**
|
||||
* Force the track to be visible (same behaviour as `overflow: scroll`).
|
||||
* Can be `boolean | 'x' | 'y'`, defaults to `false`, which behaves like `overflow: auto`.
|
||||
*/
|
||||
forceVisible: {
|
||||
type: [Boolean, String],
|
||||
validator: function (v) {
|
||||
return typeof v === 'boolean' || v === 'x' || v === 'y';
|
||||
},
|
||||
"default": undefined
|
||||
},
|
||||
/**
|
||||
* Set custom aria-label attribute for users with screen reader.
|
||||
*/
|
||||
ariaLabel: String,
|
||||
/**
|
||||
* Set custom tabIndex attribute.
|
||||
*/
|
||||
tabIndex: Number,
|
||||
/**
|
||||
* Activate RTL support by passing `'rtl'`.
|
||||
* You will also need a css rule with `direction: rtl`.
|
||||
*/
|
||||
direction: {
|
||||
type: String,
|
||||
validator: function (v) { return v === 'ltr' || v === 'rtl'; }
|
||||
},
|
||||
/**
|
||||
* Define the delay until the scrollbar hides. Has no effect if `autoHide` is `false`.
|
||||
* Default value is `1000`.
|
||||
*/
|
||||
timeout: Number,
|
||||
/**
|
||||
* Controls the click on track behaviour.
|
||||
* Default to `true`.
|
||||
*/
|
||||
clickOnTrack: { type: Boolean, "default": undefined },
|
||||
/**
|
||||
* Controls the min size of the scrollbar in `px`.
|
||||
* Default is `25`.
|
||||
*/
|
||||
scrollbarMinSize: Number,
|
||||
/**
|
||||
* Controls the max size of the scrollbar in `px`.
|
||||
* Default is `0` (no max size).
|
||||
*/
|
||||
scrollbarMaxSize: Number
|
||||
},
|
||||
// @ts-ignore
|
||||
emits: ['scroll'],
|
||||
/**
|
||||
* @returns {{ SimpleBar?: SimpleBar; scrollElement?: HTMLDivElement; contentElement?: HTMLDivElement }}
|
||||
*/
|
||||
data: function () {
|
||||
return {};
|
||||
},
|
||||
mounted: function () {
|
||||
// @ts-ignore (`getOptions` needs to be added to the type definition file)
|
||||
var options = SimpleBarCore.getOptions(this.$refs.element.attributes);
|
||||
for (var _i = 0, _a = Object.entries(this.$props); _i < _a.length; _i++) {
|
||||
var _b = _a[_i], key = _b[0], value = _b[1];
|
||||
if (value != undefined && typeof value !== 'function')
|
||||
options[key] = value;
|
||||
}
|
||||
// @ts-ignore (unable to type cast `$refs`)
|
||||
this.SimpleBar = new SimpleBarCore(this.$refs.element, options);
|
||||
// @ts-ignore (unable to type cast `$refs`)
|
||||
this.scrollElement = this.$refs.scrollElement;
|
||||
// @ts-ignore (unable to type cast `$refs`)
|
||||
this.contentElement = this.$refs.contentElement;
|
||||
}
|
||||
},
|
||||
_a[lifecycleEventNames.beforeUnmount] = function () {
|
||||
var _a;
|
||||
// unMount is not present in types package https://github.com/Grsmto/simplebar/blob/6125d4ac0897c02a82432441aa3bae5e6c6ccb87/packages/simplebar/src/simplebar.js#L925
|
||||
// @ts-ignore
|
||||
(_a = this.SimpleBar) === null || _a === void 0 ? void 0 : _a.unMount();
|
||||
// @ts-ignore
|
||||
this.SimpleBar = undefined;
|
||||
},
|
||||
_a.methods = {
|
||||
recalculate: function () {
|
||||
var _a;
|
||||
// @ts-ignore
|
||||
(_a = this.SimpleBar) === null || _a === void 0 ? void 0 : _a.recalculate();
|
||||
}
|
||||
},
|
||||
/**
|
||||
* Note that createElement argument is only provided in <=vue@2.7.x,
|
||||
* in other versions it's a context object that we do not use.
|
||||
*/
|
||||
_a.render = function (createElement) {
|
||||
var _this = this;
|
||||
return renderFn({
|
||||
h: typeof createElement === 'function' ? createElement : h,
|
||||
// @ts-ignore
|
||||
emit: function () {
|
||||
var args = [];
|
||||
for (var _i = 0; _i < arguments.length; _i++) {
|
||||
args[_i] = arguments[_i];
|
||||
}
|
||||
return _this.$emit.apply(_this, args);
|
||||
},
|
||||
// @ts-ignore
|
||||
slots: isVue3 ? this.$slots : this.$scopedSlots,
|
||||
props: this.$props
|
||||
});
|
||||
},
|
||||
_a));
|
||||
|
||||
export { simplebar as default };
|
||||
Reference in New Issue
Block a user