eco-vue-js 0.8.32 → 0.8.33

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"yBA8TiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8kBxD,mBAAmB,CAAC;;;;;oBA1kBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;2BACJ,OAAO;eACnB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;mBAEhE,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAgjBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAlbP,MAAM;MAkbuB,GAAG,IAAI;WACpE,GAAG;;kBA7XD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;kBAZA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;;YA5KN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;YAgiBH,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxlBvE,wBAwlB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"yBA4TiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8kBxD,mBAAmB,CAAC;;;;;oBA1kBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;2BACJ,OAAO;eACnB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;mBAEhE,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAgjBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAlbP,MAAM;MAkbuB,GAAG,IAAI;WACpE,GAAG;;kBA/XD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;kBAZA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;;YA1KN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;YAgiBH,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxlBvE,wBAwlB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -128,7 +128,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (pages.value.length === 1 && pages.value[0] === 1) return;
       resetPage();
     });
-    watch(count, (value) => emit("update:count", value), { immediate: true });
     watch(pagesCount, (value) => {
       if (pages.value[pages.value.length - 1] > value) {
         const newPages = pages.value.filter((page) => page <= value);
@@ -184,15 +183,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "reverse-selection": _ctx.reverseSelection,
               "allow-page-selection": _ctx.allowPageSelection,
               "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
-              "onUpdate:count": updateCount,
+              "onUpdate:count": _cache[2] || (_cache[2] = ($event) => {
+                updateCount($event);
+                _ctx.$emit("update:count", $event);
+              }),
               "onUpdate:pagesCount": updatePagesCount,
-              "onUpdate:nextPage": _cache[2] || (_cache[2] = ($event) => updateNextPage($event)),
-              "onUpdate:previousPage": _cache[3] || (_cache[3] = ($event) => updatePreviousPage($event)),
+              "onUpdate:nextPage": _cache[3] || (_cache[3] = ($event) => updateNextPage($event)),
+              "onUpdate:previousPage": _cache[4] || (_cache[4] = ($event) => updatePreviousPage($event)),
               "onUpdate:scroll": updateScroll,
-              "onUpdateFromHeader:scroll": _cache[4] || (_cache[4] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
+              "onUpdateFromHeader:scroll": _cache[5] || (_cache[5] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
               "onRemove:page": removePage,
               onRefetch: ($event) => unref(refetchNextPages)(index),
-              onFetched: _cache[5] || (_cache[5] = ($event) => isResettingPage.value = false)
+              onFetched: _cache[6] || (_cache[6] = ($event) => isResettingPage.value = false)
             }, {
               default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
                 renderSlot(_ctx.$slots, "default", {

package/dist/components/List/WList.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
     attrs: any;
     slots: {
         header?(_: {
-            count: number;
+            count: number | undefined;
         }): any;
     };
     emit: (e: "update:header-padding", value: number) => void;

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

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const isMobile = getIsMobile();
     const props = __props;
-    const listCount = ref(0);
+    const listCount = ref(void 0);
     const selectionCount = ref(0);
     const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
     const { fieldConfigMap, hasSaved, reset } = useFieldConfigMap(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"));
@@ -101,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, {
         "use-query-fn": _ctx.useQueryFn,
         "query-params": _ctx.queryParams,
-        "skeleton-length": _ctx.count ?? listCount.value,
+        "skeleton-length": _ctx.count ?? listCount.value ?? unref(PAGE_LENGTH),
         "header-margin": unref(isMobile) ? 0 : 24,
         "hide-page-title": "",
         "allow-select": allowSelect.value,
@@ -161,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "sm-not:hidden",
             "query-params": _ctx.queryParams,
             "allow-select": allowSelect.value,
-            "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value),
+            "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value ?? 0),
             count: _ctx.count ?? listCount.value,
             selection: selectAllValue,
             "onToggle:selection": _cache[5] || (_cache[5] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))

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

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "width-4": !_ctx.allowSelect
             }])
           }, [
-            _ctx.allowSelect && _ctx.selection !== void 0 && _ctx.count !== 0 ? (openBlock(), createBlock(_sfc_main$1, {
+            _ctx.allowSelect && _ctx.selection !== void 0 && _ctx.count !== 0 && _ctx.count !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               disabled: _ctx.disabled,
               "model-value": _ctx.selection,

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

@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), {
               default: withCtx(() => [
                 createVNode(_sfc_main$1, {
-                  items: "keyArray" in field ? _ctx.item[field.keyArray] : field.getterArray(_ctx.item)
+                  items: _ctx.skeleton ? [_ctx.item] : "keyArray" in field ? _ctx.item[field.keyArray] : field.getterArray(_ctx.item)
                 }, {
                   default: withCtx(({ inner, index, last, first }) => [
                     (openBlock(), createBlock(resolveDynamicComponent(field.componentItem ?? _sfc_main$2), mergeProps({ ref_for: true }, field.componentItem ? { item: _ctx.item, skeleton: _ctx.skeleton, mobile: _ctx.mobile, index, last, first } : void 0), {

package/dist/components/Skeleton/WSkeleton.vue.js

@@ -6,7 +6,7 @@ const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return (openBlock(), createElementBlock("div", {
     class: "bg-primary-light dark:bg-primary-darkest w-skeleton before:animate-ticker",
-    style: normalizeStyle({'--skeleton-width': (Math.round(Math.random() * 40) + 40) + '%'})
+    style: normalizeStyle({'--skeleton-width-internal': (Math.round(Math.random() * 40) + 40) + '%'})
   }, "   ", 4))
 }
 const WSkeleton = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.8.32",
+  "version": "0.8.33",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",

package/tailwind-base/plugins/default.cjs

@@ -427,11 +427,12 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
     '.w-skeleton': {
       'position': 'relative',
-      'width': 'var(--skeleton-width,70%)',
+      'width': 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
+      'height': 'var(--skeleton-height)',
       'border-radius': 'var(--skeleton-rounded,0.5rem)',
       'overflow': 'hidden',
       'cursor': 'progress',
-      '&:before': {
+      '&:not(.w-skeleton-static):before': {
         'content': '""',
         'position': 'absolute',
         'top': '0',
@@ -445,6 +446,12 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
         },
       },
     },
+    '.w-skeleton-static': {
+      '& .w-skeleton:before, &.w-skeleton:before': {
+        'display': 'none',
+        'animation': 'none',
+      },
+    },
   })
 
   matchUtilities(
@@ -459,4 +466,30 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
       values: theme('borderRadius'),
     },
   )
+
+  matchUtilities(
+    {
+      'w-skeleton-w': (value) => {
+        return {
+          '--skeleton-width': value,
+        }
+      },
+    },
+    {
+      values: theme('width'),
+    },
+  )
+
+  matchUtilities(
+    {
+      'w-skeleton-h': (value) => {
+        return {
+          '--skeleton-height': value,
+        }
+      },
+    },
+    {
+      values: theme('height'),
+    },
+  )
 })