eco-vue-js 0.10.39 → 0.10.41

package/tailwind-base/plugins/default.ts

@@ -34,15 +34,17 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
   )
   
   addBase({
-    body: {
+    '*': {
       '--w-left-inner': 'calc(var(--nav-bar-width) + var(--inner-margin))',
       '--w-right-inner': 'calc(var(--actions-bar-width) + var(--inner-margin))',
       '--w-width-inner': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
+      '--w-height-inner': 'calc(100vh - var(--header-height) - var(--infinite-list-header-height, 0px) - var(--scroll-bar-width))',
     },
-    '.w-modal-wrapper': {
+    '.w-modal-wrapper *': {
       '--w-left-inner': 'var(--w-modal-wrapper-padding)',
       '--w-right-inner': 'var(--w-modal-wrapper-padding)',
       '--w-width-inner': 'calc(var(--w-modal-wrapper-width, 35rem) - var(--w-modal-wrapper-padding) - var(--w-modal-wrapper-padding) - var(--scroll-bar-width))',
+      '--w-height-inner': 'calc(var(--w-modal-content-height) - var(--w-modal-header-height) - var(--w-modal-footer-height) - var(--infinite-list-header-height, 0px) - var(--scroll-bar-width))',
     },
   })
 
@@ -178,9 +180,9 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     '.w-select-option': {
       padding: 'calc(var(--w-select-option-padding) / 2) var(--w-select-option-padding)',
     },
-    body: {
+    '*': {
       '--w-option-height': 'calc(var(--w-input-height,2.75rem) - (var(--w-input-gap,0.25rem) * 2) - 2px)',
-      '--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem))',
+      '--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem) - 1px)',
       '--w-option-padding': 'var(--w-input-rounded,0.75rem)',
       '--w-select-option-padding': 'calc(var(--w-option-padding) + var(--w-input-gap) + 1px)',
     },
@@ -431,6 +433,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       'w-list-padding': value => ({'--w-list-padding': value}),
       'w-modal-confirm-w': value => ({'--w-modal-confirm-width': value}),
       'grid-cols-fill': value => ({'grid-template-columns': `repeat(auto-fill, minmax(${ value }, 1fr))`}),
+      'w-tabs-side-width': value => ({'--w-tabs-side-width': value}),
     },
     {
       values: theme('width'),

package/tailwind-base/theme/sizes.ts

@@ -19,8 +19,12 @@ const newValues = {
   '--left-inner': 'var(--w-left-inner)',
   '--right-inner': 'var(--w-right-inner)',
   '--width-inner': 'var(--w-width-inner)',
+  '--height-inner': 'var(--w-height-inner)',
   '--modal-header-height': 'var(--w-modal-header-height, 0px)',
   '--modal-footer-height': 'var(--w-modal-footer-height, 0px)',
+  '--modal-content-height': 'var(--w-modal-content-height, 0px)',
+
+  fr: '1fr',
 }
 
 const extend = {
@@ -48,6 +52,8 @@ export default {
   width: extend,
   maxWidth: extend,
   minWidth: extend,
+  maxHeight: extend,
+  minHeight: extend,
   padding: extend,
   margin: extend,
   inset: extend,

package/dist/components/List/use/useOrdering.d.ts

@@ -1,7 +0,0 @@
-import { Ref } from 'vue';
-import { OrderItem } from '../../../utils/order';
-export declare const useOrdering: <Field>(ordering: Ref<OrderItem<Field>[]>, field: Ref<Field>) => {
-    index: import('vue').ComputedRef<number>;
-    setOrdering: () => void;
-};
-//# sourceMappingURL=useOrdering.d.ts.map

package/dist/components/List/use/useOrdering.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOrdering.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/use/useOrdering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAW,MAAM,KAAK,CAAA;AAGtC,OAAO,EAAQ,KAAK,SAAS,EAAiB,MAAM,eAAe,CAAA;AAEnE,eAAO,MAAM,WAAW,GAAI,KAAK,EAAE,UAAU,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,KAAK,CAAC;;uBAmB7D,IAAI;CAkB7B,CAAA"}

package/dist/components/List/use/useOrdering.js

@@ -1,36 +0,0 @@
-import { computed } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { Order, encodeOrdering } from '../../../utils/order.js';
-
-const useOrdering = (ordering, field) => {
-  const route = useRoute();
-  const router = useRouter();
-  const index = computed(() => ordering.value.findIndex((item) => item.field === field.value));
-  const updateQuery = (newOrdering) => {
-    const newOrderingValue = encodeOrdering(newOrdering);
-    if (route.query.ordering === newOrderingValue) return;
-    router.replace({
-      query: {
-        ...route.query,
-        ordering: newOrderingValue
-      }
-    });
-  };
-  const setOrdering = () => {
-    const newOrdering = ordering.value.slice();
-    if (index.value === -1) {
-      newOrdering.push({ field: field.value, order: Order.DESC });
-    } else if (newOrdering[index.value].order === Order.DESC) {
-      newOrdering[index.value].order = Order.ASC;
-    } else {
-      newOrdering.splice(index.value, 1);
-    }
-    updateQuery(newOrdering);
-  };
-  return {
-    index,
-    setOrdering
-  };
-};
-
-export { useOrdering };