eco-vue-js 0.10.87 → 0.10.89

package/dist/components/InfiniteList/components/InfiniteListHeaderHeight.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, useTemplateRef, ref, inject, watch, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps } from 'vue';
+import { useHeader } from '../../HeaderBar/use/useHeader.js';
+import { wModalHeaderHeight } from '../../Modal/models/injection.js';
+import { isClientSide } from '../../../utils/utils.js';
+import { wScrollingElement } from '../models/injection.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfiniteListHeaderHeight",
+  props: {
+    isIntersecting: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const headerRef = useTemplateRef("header");
+    const headerHeight = ref(0);
+    const headerTop = ref(0);
+    const { headerHeight: headerHeightLayout } = useHeader();
+    const modalHeaderHeight = inject(wModalHeaderHeight, void 0);
+    const scrollingElement = inject(wScrollingElement, null);
+    const updateHeader = () => {
+      if (!headerRef.value) return;
+      const rect = headerRef.value.getBoundingClientRect();
+      headerHeight.value = rect.height;
+      headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - (modalHeaderHeight ?? headerHeightLayout.value);
+    };
+    watch(() => props.isIntersecting, updateHeader);
+    onMounted(() => {
+      if (!isClientSide) return;
+      updateHeader();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", mergeProps({ ref: "header" }, _ctx.$attrs), [
+          renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ headerTop: headerTop.value, headerHeight: headerHeight.value, updateHeader })))
+        ], 16),
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ headerTop: headerTop.value, headerHeight: headerHeight.value, updateHeader })))
+      ], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/InfiniteList/components/InfiniteListHeaderHeight.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './InfiniteListHeaderHeight.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    isIntersecting: boolean;
+    headerHeight: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=InfiniteListHeaderPadding.vue.d.ts.map

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteListHeaderPadding.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderPadding.vue"],"names":[],"mappings":"AAGA;AAqCA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAsBF,iBAAS,cAAc;WAoBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, watch, onUnmounted, renderSlot } from 'vue';
+import { useHeader } from '../../HeaderBar/use/useHeader.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfiniteListHeaderPadding",
+  props: {
+    isIntersecting: { type: Boolean },
+    headerHeight: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { updateHeaderPadding } = useHeader();
+    const updateHeaderHeight = () => {
+      if (!props.isIntersecting && props.headerHeight) {
+        updateHeaderPadding(props.headerHeight);
+      } else {
+        updateHeaderPadding(0);
+      }
+    };
+    watch(() => props.isIntersecting, updateHeaderHeight);
+    watch(() => props.headerHeight, updateHeaderHeight);
+    onUnmounted(() => {
+      updateHeaderPadding(0);
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './InfiniteListHeaderPadding.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/InfiniteList/types.d.ts

@@ -0,0 +1,6 @@
+export type InfiniteListHeaderScope = {
+    headerTop: number;
+    headerHeight: number;
+    updateHeader: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/InfiniteList/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA"}

package/dist/components/List/WList.vue.js

@@ -164,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:count": _cache[4] || (_cache[4] = ($event) => listCount.value = $event),
           "onUpdate:error": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:error", $event))
         }, createSlots({
-          header: withCtx(({ updateHeaderHeight, isRefetchingAll, refetchAll }) => [
+          header: withCtx(({ updateHeader, isRefetchingAll, refetchAll }) => [
             renderSlot(_ctx.$slots, "header", { count: listCount.value }),
             createVNode(_sfc_main$4, {
               title: _ctx.selectionTitle,
@@ -267,7 +267,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               count: _ctx.count ?? listCount.value,
               selection: unref(selectAllValue),
               "onToggle:selection": _cache[3] || (_cache[3] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
-              "onUpdate:header": updateHeaderHeight
+              "onUpdate:header": updateHeader
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$9, {

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAgCA;AAyFA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAM9D,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0JO,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBA5GA,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAA7E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA3ClF,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;EAyJ1C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArKzE,wBAqK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAgCA;AAyFA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAM9D,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2JO,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBA7GA,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAA7E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA3ClF,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;EA0J1C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtKzE,wBAsK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.js

@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           disabled: _ctx.disabled,
           readonly: _ctx.readonly,
           "disable-clear": _ctx.disableClear,
-          skeleton: !unref(data),
+          skeleton: queryEnabled.value && !unref(data),
           search: void 0,
           class: normalizeClass({
             "cursor-pointer": !_ctx.disabled && !_ctx.readonly,

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.87",
+  "version": "0.10.89",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.2",
     "@tanstack/eslint-plugin-query": "5.81.2",
@@ -290,6 +290,9 @@
     "./dist/components/InfiniteList/WInfiniteListWrapper.vue": {
       "import": "./dist/components/InfiniteList/WInfiniteListWrapper.vue.js"
     },
+    "./dist/components/InfiniteList/types": {
+      "import": "./dist/components/InfiniteList/types.d.ts"
+    },
     "./dist/components/InfoCard/WInfoCard.vue": {
       "import": "./dist/components/InfoCard/WInfoCard.vue.js"
     },

package/dist/components/InfiniteList/components/InfiniteListWrapper.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListWrapper.vue"],"names":[],"mappings":"AAcA;AAkDA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAC;AAqBF,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;;;YAZtB,GAAG;;;;YACF,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/InfiniteList/components/InfiniteListWrapper.vue.js

@@ -1,38 +0,0 @@
-import { defineComponent, toRef, watch, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeStyle, unref, normalizeProps, guardReactiveProps } from 'vue';
-import { isClientSide, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_LIST_HEADER } from '../../../utils/utils.js';
-import { useInfiniteListHeader } from '../use/useInfiniteListHeader.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InfiniteListWrapper",
-  props: {
-    isIntersecting: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const isIntersectingRef = toRef(props, "isIntersecting");
-    const { header, headerTop, headerHeight, updateHeader, updateHeaderHeight, updateHeaderPadding } = useInfiniteListHeader(isIntersectingRef);
-    watch(isIntersectingRef, updateHeaderHeight);
-    onMounted(() => {
-      if (!isClientSide) return;
-      updateHeader();
-    });
-    onUnmounted(() => {
-      updateHeaderPadding(0);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          ref_key: "header",
-          ref: header,
-          class: "-top--header-height sticky print:hidden",
-          style: normalizeStyle({ zIndex: _ctx.isIntersecting ? unref(BASE_ZINDEX_DROPDOWN) : unref(BASE_ZINDEX_LIST_HEADER) })
-        }, [
-          renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ updateHeaderHeight: unref(updateHeaderHeight) })))
-        ], 4),
-        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ headerTop: unref(headerTop), headerHeight: unref(headerHeight) })))
-      ], 64);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/dist/components/InfiniteList/components/InfiniteListWrapper.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from './InfiniteListWrapper.vue.js';
-
-
-
-export { _sfc_main as default };

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts

@@ -1,10 +0,0 @@
-import { Ref } from 'vue';
-export declare const useInfiniteListHeader: (isIntersecting: Ref<boolean>) => {
-    header: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    headerHeight: Ref<number, number>;
-    headerTop: Ref<number, number>;
-    updateHeader: () => void;
-    updateHeaderPadding: (value: number) => void;
-    updateHeaderHeight: () => void;
-};
-//# sourceMappingURL=useInfiniteListHeader.d.ts.map

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAOzC,eAAO,MAAM,qBAAqB,GAAI,gBAAgB,GAAG,CAAC,OAAO,CAAC;;;;;;;CAqCjE,CAAA"}

package/dist/components/InfiniteList/use/useInfiniteListHeader.js

@@ -1,37 +0,0 @@
-import { ref, inject } from 'vue';
-import { useHeader } from '../../HeaderBar/use/useHeader.js';
-import { wModalHeaderHeight } from '../../Modal/models/injection.js';
-import { wScrollingElement } from '../models/injection.js';
-
-const useInfiniteListHeader = (isIntersecting) => {
-  const header = ref();
-  const headerHeight = ref(0);
-  const headerTop = ref(0);
-  const { updateHeaderPadding, headerHeight: headerElementHeight } = useHeader();
-  const modalHeaderHeight = inject(wModalHeaderHeight, void 0);
-  const scrollingElement = inject(wScrollingElement, null);
-  const updateHeader = () => {
-    if (!header.value) return;
-    const rect = header.value.getBoundingClientRect();
-    headerHeight.value = rect.height;
-    headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - (modalHeaderHeight ?? headerElementHeight.value);
-  };
-  const updateHeaderHeight = () => {
-    if (!isIntersecting.value && headerHeight.value) {
-      updateHeader();
-      updateHeaderPadding(headerHeight.value);
-    } else {
-      updateHeaderPadding(0);
-    }
-  };
-  return {
-    header,
-    headerHeight,
-    headerTop,
-    updateHeader,
-    updateHeaderPadding,
-    updateHeaderHeight
-  };
-};
-
-export { useInfiniteListHeader };