@jetlinks-web/components 2.0.2-4 → 2.0.2-5

package/es/CheckButton/CheckButton.js

@@ -20,7 +20,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538744740"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541385851"), n = n(), _popScopeId(), n);
 const _hoisted_1 = ["onClick"];
 import { computed, ref, watch } from 'vue';
 import { isArray } from '@jetlinks-web/utils';

package/es/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538745509"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541386176"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/es/Scrollbar/Scrollbar.js

@@ -1,100 +1,212 @@
-import { isNumber } from '@jetlinks-web/utils';
-export var scrollbarProps = {
-  /**
-   * @description height of scrollbar
-   */
-  height: {
-    type: [String, Number],
-    default: ''
-  },
-  /**
-   * @description max height of scrollbar
-   */
-  maxHeight: {
-    type: [String, Number],
-    default: ''
-  },
-  /**
-   * @description whether to use the native scrollbar
-   */
-  native: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description style of wrap
-   */
-  wrapStyle: {
-    type: [String, Object, Array],
-    default: ''
-  },
-  /**
-   * @description class of wrap
-   */
-  wrapClass: {
-    type: [String, Array],
-    default: ''
-  },
-  /**
-   * @description class of view
-   */
-  viewClass: {
-    type: [String, Array],
-    default: ''
-  },
-  /**
-   * @description style of view
-   */
-  viewStyle: {
-    type: [String, Array, Object],
-    default: ''
-  },
-  /**
-   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
-   */
-  noresize: Boolean,
-  /**
-   * @description element tag of the view
-   */
-  tag: {
-    type: String,
-    default: 'div'
-  },
-  /**
-   * @description always show
-   */
-  always: Boolean,
-  /**
-   * @description minimum size of scrollbar
-   */
-  minSize: {
-    type: Number,
-    default: 20
-  },
-  /**
-   * @description id of view
-   */
-  id: String,
-  /**
-   * @description role of view
-   */
-  role: String,
-  /**
-   * @description aria-label of view
-   */
-  ariaLabel: String,
-  /**
-   * @description aria-orientation of view
-   */
-  ariaOrientation: {
-    type: String,
-    values: ['horizontal', 'vertical']
-  }
-};
-export var scrollbarEmits = {
-  scroll: function scroll(_ref) {
-    var scrollTop = _ref.scrollTop,
-      scrollLeft = _ref.scrollLeft;
-    return [scrollTop, scrollLeft].every(isNumber);
-  }
-};
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "computed": "setup-const",
+  "nextTick": "setup-const",
+  "onMounted": "setup-const",
+  "onUpdated": "setup-const",
+  "provide": "setup-const",
+  "reactive": "setup-const",
+  "ref": "setup-const",
+  "watch": "setup-const",
+  "useEventListener": "setup-maybe-ref",
+  "useResizeObserver": "setup-maybe-ref",
+  "isNumber": "setup-maybe-ref",
+  "isObject": "setup-maybe-ref",
+  "Bar": "setup-const",
+  "scrollbarContextKey": "setup-maybe-ref",
+  "scrollbarEmits": "setup-maybe-ref",
+  "scrollbarProps": "setup-maybe-ref",
+  "BarInstance": "setup-maybe-ref",
+  "COMPONENT_NAME": "literal-const",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "stopResizeObserver": "setup-let",
+  "stopResizeListener": "setup-let",
+  "scrollbarRef": "setup-ref",
+  "wrapRef": "setup-ref",
+  "resizeRef": "setup-ref",
+  "barRef": "setup-ref",
+  "wrapStyle": "setup-ref",
+  "wrapKls": "setup-ref",
+  "resizeKls": "setup-ref",
+  "handleScroll": "setup-const",
+  "scrollTo": "setup-const",
+  "setScrollTop": "setup-const",
+  "setScrollLeft": "setup-const",
+  "update": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
+import { computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch, } from 'vue';
+import { useEventListener, useResizeObserver } from '@vueuse/core';
+import { isNumber, isObject } from '@jetlinks-web/utils';
+import Bar from './Bar.js';
+import { scrollbarContextKey } from './constants';
+import { scrollbarEmits, scrollbarProps, } from './scrollbar';
+const COMPONENT_NAME = 'JScrollbar';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: COMPONENT_NAME,
+    },
+    props: scrollbarProps,
+    emits: scrollbarEmits,
+    setup(__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        let stopResizeObserver = undefined;
+        let stopResizeListener = undefined;
+        const scrollbarRef = ref();
+        const wrapRef = ref();
+        const resizeRef = ref();
+        const barRef = ref();
+        const wrapStyle = computed(() => {
+            const style = {};
+            if (props.height)
+                style.height = `${props.height}px`;
+            if (props.maxHeight)
+                style.maxHeight = `${props.maxHeight}px`;
+            return [props.wrapStyle, style];
+        });
+        const wrapKls = computed(() => {
+            return [
+                'j-scrollbar__wrap',
+                'j-scrollbar__wrap--hidden-default'
+            ];
+        });
+        const resizeKls = computed(() => {
+            return ['j-scrollbar__view', props.viewClass];
+        });
+        const handleScroll = () => {
+            if (wrapRef.value) {
+                _optionalChain([barRef, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.handleScroll, 'call', _4 => _4(wrapRef.value)]);
+                emit('scroll', {
+                    scrollTop: wrapRef.value.scrollTop,
+                    scrollLeft: wrapRef.value.scrollLeft,
+                });
+            }
+        };
+        function scrollTo(arg1, arg2) {
+            if (isObject(arg1)) {
+                wrapRef.value.scrollTo(arg1);
+            }
+            else if (isNumber(arg1) && isNumber(arg2)) {
+                wrapRef.value.scrollTo(arg1, arg2);
+            }
+        }
+        const setScrollTop = (value) => {
+            if (!isNumber(value)) {
+                throw new Error('value must be a number');
+            }
+            wrapRef.value.scrollTop = value;
+        };
+        const setScrollLeft = (value) => {
+            if (!isNumber(value)) {
+                throw new Error(`[${COMPONENT_NAME}] value must be a number`);
+            }
+            wrapRef.value.scrollLeft = value;
+        };
+        const update = () => {
+            _optionalChain([barRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.update, 'call', _7 => _7()]);
+        };
+        watch(() => props.noresize, (noResize) => {
+            if (noResize) {
+                _optionalChain([stopResizeObserver, 'optionalCall', _8 => _8()]);
+                _optionalChain([stopResizeListener, 'optionalCall', _9 => _9()]);
+            }
+            else {
+                ;
+                ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
+                stopResizeListener = useEventListener('resize', update);
+            }
+        }, { immediate: true });
+        watch(() => [props.maxHeight, props.height], () => {
+            if (!props.native)
+                nextTick(() => {
+                    update();
+                    if (wrapRef.value) {
+                        _optionalChain([barRef, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.handleScroll, 'call', _12 => _12(wrapRef.value)]);
+                    }
+                });
+        });
+        provide(scrollbarContextKey, reactive({
+            scrollbarElement: scrollbarRef,
+            wrapElement: wrapRef,
+        }));
+        onMounted(() => {
+            if (!props.native)
+                nextTick(() => {
+                    update();
+                });
+        });
+        onUpdated(() => update());
+        __expose({
+            /** @description scrollbar wrap ref */
+            wrapRef,
+            /** @description update scrollbar state manually */
+            update,
+            /** @description scrolls to a particular set of coordinates */
+            scrollTo,
+            /** @description set distance to scroll top */
+            setScrollTop,
+            /** @description set distance to scroll left */
+            setScrollLeft,
+            /** @description handle scroll event */
+            handleScroll,
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                ref_key: "scrollbarRef",
+                ref: scrollbarRef,
+                class: "j-scrollbar"
+            }, [
+                _createElementVNode("div", {
+                    ref_key: "wrapRef",
+                    ref: wrapRef,
+                    class: _normalizeClass(wrapKls.value),
+                    style: _normalizeStyle(wrapStyle.value),
+                    onScroll: handleScroll
+                }, [
+                    (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
+                        id: _ctx.id,
+                        ref_key: "resizeRef",
+                        ref: resizeRef,
+                        class: _normalizeClass(resizeKls.value),
+                        role: _ctx.role,
+                        "aria-label": _ctx.ariaLabel,
+                        "aria-orientation": _ctx.ariaOrientation
+                    }, {
+                        default: _withCtx(() => [
+                            _renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3 /* FORWARDED */
+                    }, 8 /* PROPS */, ["id", "class", "role", "aria-label", "aria-orientation"]))
+                ], 38 /* CLASS, STYLE, NEED_HYDRATION */),
+                (!_ctx.native)
+                    ? (_openBlock(), _createBlock(Bar, {
+                        key: 0,
+                        ref_key: "barRef",
+                        ref: barRef,
+                        always: _ctx.always,
+                        "min-size": _ctx.minSize
+                    }, null, 8 /* PROPS */, ["always", "min-size"]))
+                    : _createCommentVNode("v-if", true)
+            ], 512 /* NEED_PATCH */));
+        };
+    }
+});
+export default __sfc_main__;

package/es/Scrollbar/scrollbarProps.js

@@ -0,0 +1,100 @@
+import { isNumber } from '@jetlinks-web/utils';
+export var scrollbarProps = {
+  /**
+   * @description height of scrollbar
+   */
+  height: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * @description max height of scrollbar
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * @description whether to use the native scrollbar
+   */
+  native: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description style of wrap
+   */
+  wrapStyle: {
+    type: [String, Object, Array],
+    default: ''
+  },
+  /**
+   * @description class of wrap
+   */
+  wrapClass: {
+    type: [String, Array],
+    default: ''
+  },
+  /**
+   * @description class of view
+   */
+  viewClass: {
+    type: [String, Array],
+    default: ''
+  },
+  /**
+   * @description style of view
+   */
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ''
+  },
+  /**
+   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+   */
+  noresize: Boolean,
+  /**
+   * @description element tag of the view
+   */
+  tag: {
+    type: String,
+    default: 'div'
+  },
+  /**
+   * @description always show
+   */
+  always: Boolean,
+  /**
+   * @description minimum size of scrollbar
+   */
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description id of view
+   */
+  id: String,
+  /**
+   * @description role of view
+   */
+  role: String,
+  /**
+   * @description aria-label of view
+   */
+  ariaLabel: String,
+  /**
+   * @description aria-orientation of view
+   */
+  ariaOrientation: {
+    type: String,
+    values: ['horizontal', 'vertical']
+  }
+};
+export var scrollbarEmits = {
+  scroll: function scroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      scrollLeft = _ref.scrollLeft;
+    return [scrollTop, scrollLeft].every(isNumber);
+  }
+};

package/es/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538746514"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541387577"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538746157"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541387135"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538746257"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541387271"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/lib/CheckButton/CheckButton.js

@@ -20,7 +20,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538744762"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541385831"), n = n(), _popScopeId(), n);
 const _hoisted_1 = ["onClick"];
 import { computed, ref, watch } from 'vue';
 import { isArray } from '@jetlinks-web/utils';

package/lib/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538745502"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541386147"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/Scrollbar/Scrollbar.js

@@ -1,106 +1,212 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "computed": "setup-const",
+  "nextTick": "setup-const",
+  "onMounted": "setup-const",
+  "onUpdated": "setup-const",
+  "provide": "setup-const",
+  "reactive": "setup-const",
+  "ref": "setup-const",
+  "watch": "setup-const",
+  "useEventListener": "setup-maybe-ref",
+  "useResizeObserver": "setup-maybe-ref",
+  "isNumber": "setup-maybe-ref",
+  "isObject": "setup-maybe-ref",
+  "Bar": "setup-const",
+  "scrollbarContextKey": "setup-maybe-ref",
+  "scrollbarEmits": "setup-maybe-ref",
+  "scrollbarProps": "setup-maybe-ref",
+  "BarInstance": "setup-maybe-ref",
+  "COMPONENT_NAME": "literal-const",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "stopResizeObserver": "setup-let",
+  "stopResizeListener": "setup-let",
+  "scrollbarRef": "setup-ref",
+  "wrapRef": "setup-ref",
+  "resizeRef": "setup-ref",
+  "barRef": "setup-ref",
+  "wrapStyle": "setup-ref",
+  "wrapKls": "setup-ref",
+  "resizeKls": "setup-ref",
+  "handleScroll": "setup-const",
+  "scrollTo": "setup-const",
+  "setScrollTop": "setup-const",
+  "setScrollLeft": "setup-const",
+  "update": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
+import { computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch, } from 'vue';
+import { useEventListener, useResizeObserver } from '@vueuse/core';
+import { isNumber, isObject } from '@jetlinks-web/utils';
+import Bar from './Bar.js';
+import { scrollbarContextKey } from './constants';
+import { scrollbarEmits, scrollbarProps, } from './scrollbar';
+const COMPONENT_NAME = 'JScrollbar';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: COMPONENT_NAME,
+    },
+    props: scrollbarProps,
+    emits: scrollbarEmits,
+    setup(__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        let stopResizeObserver = undefined;
+        let stopResizeListener = undefined;
+        const scrollbarRef = ref();
+        const wrapRef = ref();
+        const resizeRef = ref();
+        const barRef = ref();
+        const wrapStyle = computed(() => {
+            const style = {};
+            if (props.height)
+                style.height = `${props.height}px`;
+            if (props.maxHeight)
+                style.maxHeight = `${props.maxHeight}px`;
+            return [props.wrapStyle, style];
+        });
+        const wrapKls = computed(() => {
+            return [
+                'j-scrollbar__wrap',
+                'j-scrollbar__wrap--hidden-default'
+            ];
+        });
+        const resizeKls = computed(() => {
+            return ['j-scrollbar__view', props.viewClass];
+        });
+        const handleScroll = () => {
+            if (wrapRef.value) {
+                _optionalChain([barRef, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.handleScroll, 'call', _4 => _4(wrapRef.value)]);
+                emit('scroll', {
+                    scrollTop: wrapRef.value.scrollTop,
+                    scrollLeft: wrapRef.value.scrollLeft,
+                });
+            }
+        };
+        function scrollTo(arg1, arg2) {
+            if (isObject(arg1)) {
+                wrapRef.value.scrollTo(arg1);
+            }
+            else if (isNumber(arg1) && isNumber(arg2)) {
+                wrapRef.value.scrollTo(arg1, arg2);
+            }
+        }
+        const setScrollTop = (value) => {
+            if (!isNumber(value)) {
+                throw new Error('value must be a number');
+            }
+            wrapRef.value.scrollTop = value;
+        };
+        const setScrollLeft = (value) => {
+            if (!isNumber(value)) {
+                throw new Error(`[${COMPONENT_NAME}] value must be a number`);
+            }
+            wrapRef.value.scrollLeft = value;
+        };
+        const update = () => {
+            _optionalChain([barRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.update, 'call', _7 => _7()]);
+        };
+        watch(() => props.noresize, (noResize) => {
+            if (noResize) {
+                _optionalChain([stopResizeObserver, 'optionalCall', _8 => _8()]);
+                _optionalChain([stopResizeListener, 'optionalCall', _9 => _9()]);
+            }
+            else {
+                ;
+                ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
+                stopResizeListener = useEventListener('resize', update);
+            }
+        }, { immediate: true });
+        watch(() => [props.maxHeight, props.height], () => {
+            if (!props.native)
+                nextTick(() => {
+                    update();
+                    if (wrapRef.value) {
+                        _optionalChain([barRef, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.handleScroll, 'call', _12 => _12(wrapRef.value)]);
+                    }
+                });
+        });
+        provide(scrollbarContextKey, reactive({
+            scrollbarElement: scrollbarRef,
+            wrapElement: wrapRef,
+        }));
+        onMounted(() => {
+            if (!props.native)
+                nextTick(() => {
+                    update();
+                });
+        });
+        onUpdated(() => update());
+        __expose({
+            /** @description scrollbar wrap ref */
+            wrapRef,
+            /** @description update scrollbar state manually */
+            update,
+            /** @description scrolls to a particular set of coordinates */
+            scrollTo,
+            /** @description set distance to scroll top */
+            setScrollTop,
+            /** @description set distance to scroll left */
+            setScrollLeft,
+            /** @description handle scroll event */
+            handleScroll,
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                ref_key: "scrollbarRef",
+                ref: scrollbarRef,
+                class: "j-scrollbar"
+            }, [
+                _createElementVNode("div", {
+                    ref_key: "wrapRef",
+                    ref: wrapRef,
+                    class: _normalizeClass(wrapKls.value),
+                    style: _normalizeStyle(wrapStyle.value),
+                    onScroll: handleScroll
+                }, [
+                    (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
+                        id: _ctx.id,
+                        ref_key: "resizeRef",
+                        ref: resizeRef,
+                        class: _normalizeClass(resizeKls.value),
+                        role: _ctx.role,
+                        "aria-label": _ctx.ariaLabel,
+                        "aria-orientation": _ctx.ariaOrientation
+                    }, {
+                        default: _withCtx(() => [
+                            _renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3 /* FORWARDED */
+                    }, 8 /* PROPS */, ["id", "class", "role", "aria-label", "aria-orientation"]))
+                ], 38 /* CLASS, STYLE, NEED_HYDRATION */),
+                (!_ctx.native)
+                    ? (_openBlock(), _createBlock(Bar, {
+                        key: 0,
+                        ref_key: "barRef",
+                        ref: barRef,
+                        always: _ctx.always,
+                        "min-size": _ctx.minSize
+                    }, null, 8 /* PROPS */, ["always", "min-size"]))
+                    : _createCommentVNode("v-if", true)
+            ], 512 /* NEED_PATCH */));
+        };
+    }
 });
-exports.scrollbarProps = exports.scrollbarEmits = void 0;
-var _utils = require("@jetlinks-web/utils");
-var scrollbarProps = exports.scrollbarProps = {
-  /**
-   * @description height of scrollbar
-   */
-  height: {
-    type: [String, Number],
-    default: ''
-  },
-  /**
-   * @description max height of scrollbar
-   */
-  maxHeight: {
-    type: [String, Number],
-    default: ''
-  },
-  /**
-   * @description whether to use the native scrollbar
-   */
-  native: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description style of wrap
-   */
-  wrapStyle: {
-    type: [String, Object, Array],
-    default: ''
-  },
-  /**
-   * @description class of wrap
-   */
-  wrapClass: {
-    type: [String, Array],
-    default: ''
-  },
-  /**
-   * @description class of view
-   */
-  viewClass: {
-    type: [String, Array],
-    default: ''
-  },
-  /**
-   * @description style of view
-   */
-  viewStyle: {
-    type: [String, Array, Object],
-    default: ''
-  },
-  /**
-   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
-   */
-  noresize: Boolean,
-  /**
-   * @description element tag of the view
-   */
-  tag: {
-    type: String,
-    default: 'div'
-  },
-  /**
-   * @description always show
-   */
-  always: Boolean,
-  /**
-   * @description minimum size of scrollbar
-   */
-  minSize: {
-    type: Number,
-    default: 20
-  },
-  /**
-   * @description id of view
-   */
-  id: String,
-  /**
-   * @description role of view
-   */
-  role: String,
-  /**
-   * @description aria-label of view
-   */
-  ariaLabel: String,
-  /**
-   * @description aria-orientation of view
-   */
-  ariaOrientation: {
-    type: String,
-    values: ['horizontal', 'vertical']
-  }
-};
-var scrollbarEmits = exports.scrollbarEmits = {
-  scroll: function scroll(_ref) {
-    var scrollTop = _ref.scrollTop,
-      scrollLeft = _ref.scrollLeft;
-    return [scrollTop, scrollLeft].every(_utils.isNumber);
-  }
-};
+export default __sfc_main__;

package/lib/Scrollbar/scrollbarProps.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollbarProps = exports.scrollbarEmits = void 0;
+var _utils = require("@jetlinks-web/utils");
+var scrollbarProps = exports.scrollbarProps = {
+  /**
+   * @description height of scrollbar
+   */
+  height: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * @description max height of scrollbar
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * @description whether to use the native scrollbar
+   */
+  native: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description style of wrap
+   */
+  wrapStyle: {
+    type: [String, Object, Array],
+    default: ''
+  },
+  /**
+   * @description class of wrap
+   */
+  wrapClass: {
+    type: [String, Array],
+    default: ''
+  },
+  /**
+   * @description class of view
+   */
+  viewClass: {
+    type: [String, Array],
+    default: ''
+  },
+  /**
+   * @description style of view
+   */
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ''
+  },
+  /**
+   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+   */
+  noresize: Boolean,
+  /**
+   * @description element tag of the view
+   */
+  tag: {
+    type: String,
+    default: 'div'
+  },
+  /**
+   * @description always show
+   */
+  always: Boolean,
+  /**
+   * @description minimum size of scrollbar
+   */
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description id of view
+   */
+  id: String,
+  /**
+   * @description role of view
+   */
+  role: String,
+  /**
+   * @description aria-label of view
+   */
+  ariaLabel: String,
+  /**
+   * @description aria-orientation of view
+   */
+  ariaOrientation: {
+    type: String,
+    values: ['horizontal', 'vertical']
+  }
+};
+var scrollbarEmits = exports.scrollbarEmits = {
+  scroll: function scroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      scrollLeft = _ref.scrollLeft;
+    return [scrollTop, scrollLeft].every(_utils.isNumber);
+  }
+};

package/lib/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538746499"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541387551"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538746083"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541387063"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712538746229"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712541387211"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.0.2-4",
+  "version": "2.0.2-5",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -15,7 +15,7 @@
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
     "@vuemap/vue-amap": "^2.0.17",
-    "@vueuse/core": "^9.12.0",
+    "@vueuse/core": "^10.2.1",
     "@vueuse/router": "^10.9.0",
     "ant-design-vue": "3.2.20",
     "echarts": "^5.4.3",