eco-vue-js 0.10.70 → 0.10.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/assets/icons/sax/IconLock.svg.js +31 -0
  2. package/dist/assets/icons/sax/IconLockOff.svg.js +31 -0
  3. package/dist/assets/icons/sax/IconLogout.svg.js +3 -17
  4. package/dist/assets/icons/sax/IconNegativeInfo.svg.js +3 -4
  5. package/dist/assets/icons/sax/IconProfile.svg.js +2 -9
  6. package/dist/components/List/WList.vue.d.ts.map +1 -1
  7. package/dist/components/List/WList.vue.js +68 -27
  8. package/dist/components/List/WListCard.vue.d.ts +2 -160
  9. package/dist/components/List/WListCard.vue.d.ts.map +1 -1
  10. package/dist/components/List/WListCard.vue.js +16 -11
  11. package/dist/components/List/WListCardField.vue.js +1 -1
  12. package/dist/components/List/WListHeaderItem.vue.d.ts +4 -4
  13. package/dist/components/List/WListHeaderItem.vue.d.ts.map +1 -1
  14. package/dist/components/List/WListHeaderItem.vue.js +10 -6
  15. package/dist/components/List/components/HeaderItem.vue.d.ts +18 -0
  16. package/dist/components/List/components/HeaderItem.vue.d.ts.map +1 -0
  17. package/dist/components/List/components/HeaderItem.vue.js +21 -0
  18. package/dist/components/List/components/HeaderItem.vue2.js +5 -0
  19. package/dist/components/List/components/HeaderItemResizer.vue.d.ts +3 -3
  20. package/dist/components/List/components/HeaderItemResizer.vue.d.ts.map +1 -1
  21. package/dist/components/List/components/HeaderItemResizer.vue.js +3 -3
  22. package/dist/components/List/components/HeaderSettingsList.vue.d.ts +1 -0
  23. package/dist/components/List/components/HeaderSettingsList.vue.d.ts.map +1 -1
  24. package/dist/components/List/components/HeaderSettingsList.vue.js +26 -6
  25. package/dist/components/List/components/ListCardAction.vue.js +1 -1
  26. package/dist/components/List/components/ListCardFieldNested.vue.js +1 -1
  27. package/dist/components/List/types.d.ts +3 -1
  28. package/dist/components/List/types.d.ts.map +1 -1
  29. package/dist/components/List/use/useListConfig.d.ts +8 -0
  30. package/dist/components/List/use/useListConfig.d.ts.map +1 -1
  31. package/dist/components/List/use/useListConfig.js +41 -3
  32. package/dist/imports/iconsSax.d.ts +2 -0
  33. package/dist/imports/iconsSax.d.ts.map +1 -1
  34. package/dist/imports/iconsSax.js +2 -0
  35. package/dist/utils/utils.d.ts.map +1 -1
  36. package/dist/utils/utils.js +6 -1
  37. package/package.json +1 -1
  38. package/tailwind-base/index.ts +2 -0
  39. package/tailwind-base/plugins/default.ts +0 -46
  40. package/tailwind-base/plugins/w-ripple.ts +64 -0
package/dist/assets/icons/sax/IconLock.svg.js ADDED
@@ -0,0 +1,31 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ width: "20",
6
+ height: "20",
7
+ fill: "none",
8
+ viewBox: "0 0 24 24"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ stroke: "currentcolor",
15
+ "stroke-linecap": "round",
16
+ "stroke-linejoin": "round",
17
+ "stroke-width": "1.5",
18
+ d: "M6 10V8c0-3.31 1-6 6-6s6 2.69 6 6v2m-6 8.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"
19
+ }, null, -1),
20
+ createElementVNode("path", {
21
+ stroke: "currentcolor",
22
+ "stroke-linecap": "round",
23
+ "stroke-linejoin": "round",
24
+ "stroke-width": "1.5",
25
+ d: "M17 22H7c-4 0-5-1-5-5v-2c0-4 1-5 5-5h10c4 0 5 1 5 5v2c0 4-1 5-5 5"
26
+ }, null, -1)
27
+ ])))
28
+ }
29
+ const IconLock = { render: render };
30
+
31
+ export { IconLock as default, render };
package/dist/assets/icons/sax/IconLockOff.svg.js ADDED
@@ -0,0 +1,31 @@
1
+ import { createElementBlock, openBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ width: "20",
6
+ height: "20",
7
+ fill: "none",
8
+ viewBox: "0 0 24 24"
9
+ };
10
+
11
+ function render(_ctx, _cache) {
12
+ return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
13
+ createElementVNode("path", {
14
+ stroke: "currentcolor",
15
+ "stroke-linecap": "round",
16
+ "stroke-linejoin": "round",
17
+ "stroke-width": "1.5",
18
+ d: "M17 22H7c-4 0-5-1-5-5v-2c0-4 1-5 5-5h10c4 0 5 1 5 5v2c0 4-1 5-5 5M6 10V8c0-3.31 1-6 6-6 2.74 0 4.37.74 5.22 2"
19
+ }, null, -1),
20
+ createElementVNode("path", {
21
+ stroke: "currentcolor",
22
+ "stroke-linecap": "round",
23
+ "stroke-linejoin": "round",
24
+ "stroke-width": "1.5",
25
+ d: "M12 18.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"
26
+ }, null, -1)
27
+ ])))
28
+ }
29
+ const IconLockOff = { render: render };
30
+
31
+ export { IconLockOff as default, render };
package/dist/assets/icons/sax/IconLogout.svg.js CHANGED
@@ -5,7 +5,7 @@ const _hoisted_1 = {
5
5
  width: "20",
6
6
  height: "20",
7
7
  fill: "none",
8
- viewBox: "0 0 40 40"
8
+ viewBox: "0 0 24 24"
9
9
  };
10
10
 
11
11
  function render(_ctx, _cache) {
@@ -15,28 +15,14 @@ function render(_ctx, _cache) {
15
15
  "stroke-linecap": "round",
16
16
  "stroke-linejoin": "round",
17
17
  "stroke-width": "1.5",
18
- d: "M14.83 12.6c.52-6 3.6-8.45 10.35-8.45h.22c7.45 0 10.43 2.98 10.43 10.43v10.87c0 7.45-2.98 10.43-10.43 10.43h-.22c-6.7 0-9.78-2.41-10.33-8.31M3.33 20H24.8"
18
+ d: "M8.9 7.56c.31-3.6 2.16-5.07 6.21-5.07h.13c4.47 0 6.26 1.79 6.26 6.26v6.52c0 4.47-1.79 6.26-6.26 6.26h-.13c-4.02 0-5.87-1.45-6.2-4.99M2 12h12.88"
19
19
  }, null, -1),
20
20
  createElementVNode("path", {
21
21
  stroke: "currentcolor",
22
22
  "stroke-linecap": "round",
23
23
  "stroke-linejoin": "round",
24
24
  "stroke-width": "1.5",
25
- d: "M21.08 14.42 26.67 20l-5.59 5.58"
26
- }, null, -1),
27
- createElementVNode("path", {
28
- stroke: "currentcolor",
29
- "stroke-linecap": "round",
30
- "stroke-linejoin": "round",
31
- "stroke-width": "1.5",
32
- d: "M14.83 12.6c.52-6 3.6-8.45 10.35-8.45h.22c7.45 0 10.43 2.98 10.43 10.43v10.87c0 7.45-2.98 10.43-10.43 10.43h-.22c-6.7 0-9.78-2.41-10.33-8.31M3.33 20H24.8"
33
- }, null, -1),
34
- createElementVNode("path", {
35
- stroke: "currentcolor",
36
- "stroke-linecap": "round",
37
- "stroke-linejoin": "round",
38
- "stroke-width": "1.5",
39
- d: "M21.08 14.42 26.67 20l-5.59 5.58"
25
+ d: "M12.65 8.65 16 12l-3.35 3.35"
40
26
  }, null, -1)
41
27
  ])))
42
28
  }
package/dist/assets/icons/sax/IconNegativeInfo.svg.js CHANGED
@@ -4,8 +4,7 @@ const _hoisted_1 = {
4
4
  xmlns: "http://www.w3.org/2000/svg",
5
5
  width: "20",
6
6
  height: "20",
7
- fill: "none",
8
- viewBox: "0 0 24 24"
7
+ fill: "none"
9
8
  };
10
9
 
11
10
  function render(_ctx, _cache) {
@@ -14,8 +13,8 @@ function render(_ctx, _cache) {
14
13
  stroke: "currentcolor",
15
14
  "stroke-linecap": "round",
16
15
  "stroke-linejoin": "round",
17
- "stroke-width": "1.5",
18
- d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10m0-14v5"
16
+ "stroke-width": "1.25",
17
+ d: "M10 6.67v4.16m0 7.5A8.36 8.36 0 0 0 18.33 10 8.36 8.36 0 0 0 10 1.67 8.36 8.36 0 0 0 1.67 10 8.36 8.36 0 0 0 10 18.33M10 14v.05"
19
18
  }, null, -1)
20
19
  ])))
21
20
  }
package/dist/assets/icons/sax/IconProfile.svg.js CHANGED
@@ -5,7 +5,7 @@ const _hoisted_1 = {
5
5
  width: "20",
6
6
  height: "20",
7
7
  fill: "none",
8
- viewBox: "0 0 75 75"
8
+ viewBox: "0 0 24 24"
9
9
  };
10
10
 
11
11
  function render(_ctx, _cache) {
@@ -15,14 +15,7 @@ function render(_ctx, _cache) {
15
15
  "stroke-linecap": "round",
16
16
  "stroke-linejoin": "round",
17
17
  "stroke-width": "1.5",
18
- d: "M37.88 39.94c-.22-.03-.5-.03-.76 0a10.24 10.24 0 0 1 .38-20.47 10.24 10.24 0 0 1 .38 20.47m20.68 20.62a31 31 0 0 1-21.06 8.19c-8.12 0-15.5-3.1-21.06-8.19.31-2.94 2.18-5.81 5.53-8.06 8.56-5.69 22.56-5.69 31.06 0 3.34 2.25 5.22 5.13 5.53 8.06"
19
- }, null, -1),
20
- createElementVNode("path", {
21
- stroke: "currentcolor",
22
- "stroke-linecap": "round",
23
- "stroke-linejoin": "round",
24
- "stroke-width": "1.5",
25
- d: "M37.5 68.75a31.25 31.25 0 1 0 0-62.5 31.25 31.25 0 0 0 0 62.5"
18
+ d: "M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10m8.59 10c0-3.87-3.85-7-8.59-7s-8.59 3.13-8.59 7"
26
19
  }, null, -1)
27
20
  ])))
28
21
  }
package/dist/components/List/WList.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AA+RA;AAocA,OAAO,KAAK,EAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAC5J,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAczC,OAAO,EAAuB,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAW3C,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EAC3I,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;WAs0BO,mBAAmB,CAAC;;;;;;;;;gBAl0BlB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;iBAC9B,eAAe,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;oBACxC,OAAO;2BACA,OAAO;oBACd,OAAO;mBAmyByE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAvEiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;uBACF,GAAG;;;YA5tB1B,cAAc,SAAS,QAAQ,GAAG,IAAI;YACtC,cAAc,SAAS,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;YACpD,qBAAqB,SAAS,WAAW,GAAG,IAAI;YAChD,cAAc,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;;EAiyBlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAj1BzE,wBAi1B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AAoTA;AAqeA,OAAO,KAAK,EAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAC5J,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAczC,OAAO,EAAuB,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAW3C,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EAC3I,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;WAq4BO,mBAAmB,CAAC;;;;;;;;;gBAj4BlB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;iBAC9B,eAAe,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;oBACxC,OAAO;2BACA,OAAO;oBACd,OAAO;mBAk2ByE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA3EiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;uBACF,GAAG;;;YAvxB1B,cAAc,SAAS,QAAQ,GAAG,IAAI;YACtC,cAAc,SAAS,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;YACpD,qBAAqB,SAAS,WAAW,GAAG,IAAI;YAChD,cAAc,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;;EAg2BlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAh5BzE,wBAg5B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/List/WList.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, computed, toRef, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, createSlots, withCtx, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, Fragment, renderList, mergeProps, markRaw, isRef } from 'vue';
1
+ import { defineComponent, ref, computed, toRef, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, Fragment, renderList, mergeProps, markRaw, isRef, nextTick } from 'vue';
2
2
  import _sfc_main$4 from '../Button/WButtonSelection.vue.js';
3
3
  import _sfc_main$5 from '../Button/WButtonSelectionAction.vue.js';
4
4
  import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
@@ -15,7 +15,7 @@ import _sfc_main$9 from './components/HeaderFieldNested.vue.js';
15
15
  import _sfc_main$7 from './components/HeaderSettings.vue.js';
16
16
  import _sfc_main$6 from './components/HeaderSort.vue.js';
17
17
  import _sfc_main$3 from './components/ListCardFieldNested.vue.js';
18
- import { filterFields, useListConfig } from './use/useListConfig.js';
18
+ import { filterFields, useListConfig, getFieldVariable, getFieldStylesWidth, getFieldStylesFixed, sortFields } from './use/useListConfig.js';
19
19
 
20
20
  const _hoisted_1 = {
21
21
  key: 1,
@@ -105,6 +105,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
105
105
  }
106
106
  return [];
107
107
  });
108
+ const stylesWidth = ref({});
109
+ const stylesFixed = ref({});
108
110
  const updateOrdering = (value) => {
109
111
  const ordering2 = encodeOrdering(value);
110
112
  if (props.queryParams instanceof Object && "ordering" in props.queryParams && ordering2 === props.queryParams.ordering) return;
@@ -118,22 +120,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
118
120
  };
119
121
  return props.queryParams;
120
122
  };
121
- const getFieldStyles = (label, nested) => {
122
- if (isGrid.value) return nested ? void 0 : { gridArea: label };
123
- if (!fieldConfigMap.value[label]?.width) return void 0;
124
- const value = fieldConfigMap.value[label].width + "px";
125
- return {
126
- minWidth: value,
127
- maxWidth: value
128
- };
123
+ const updateStylesWidth = async () => {
124
+ await nextTick();
125
+ stylesWidth.value = getFieldStylesWidth(fieldsFiltered.value, fieldConfigMap.value);
129
126
  };
127
+ const updateStylesFixed = async () => {
128
+ await nextTick();
129
+ stylesFixed.value = getFieldStylesFixed(sortFields(fieldsFiltered.value, fieldConfigMap.value), fieldConfigMap.value);
130
+ };
131
+ const unwatch = watch(fieldsFiltered, async () => {
132
+ await Promise.all([
133
+ updateStylesWidth(),
134
+ updateStylesFixed()
135
+ ]);
136
+ if (Object.keys(stylesWidth.value).length !== 0 || Object.keys(stylesFixed.value).length !== 0) unwatch.stop();
137
+ }, { immediate: true });
130
138
  watch(countValue, (value) => emit("update:count", value), { immediate: true });
131
139
  return (_ctx, _cache) => {
132
140
  return openBlock(), createElementBlock("div", {
133
141
  class: normalizeClass({
134
142
  "w-card": unref(isGrid),
135
- "w-list": !unref(isGrid)
136
- })
143
+ "w-list": !unref(isGrid),
144
+ "[--w-list-right:calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.menu,
145
+ "[--w-list-right:--w-list-header-rounded,1rem]": !_ctx.menu,
146
+ "[--w-list-left:calc(var(--w-list-padding,1rem)*2+1.25em+1px)]": allowSelect.value,
147
+ "[--w-list-left:--w-list-header-rounded,1rem]": !allowSelect.value
148
+ }),
149
+ style: normalizeStyle([stylesWidth.value, stylesFixed.value])
137
150
  }, [
138
151
  createVNode(_sfc_main$1, {
139
152
  "use-query-fn": _ctx.useQueryFn,
@@ -146,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
146
159
  "page-class": unref(isGrid) ? "grid grid-cols-[repeat(auto-fill,minmax(var(--w-list-card-width,16rem),1fr))] gap-[--w-list-gap,0]" : "grid grid-cols-1 gap-[--w-list-gap,0]",
147
160
  style: normalizeStyle(cardStyles.value),
148
161
  class: normalizeClass(_ctx.$attrs.class),
149
- "onUpdate:count": _cache[2] || (_cache[2] = ($event) => listCount.value = $event),
150
- "onUpdate:error": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:error", $event))
162
+ "onUpdate:count": _cache[4] || (_cache[4] = ($event) => listCount.value = $event),
163
+ "onUpdate:error": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:error", $event))
151
164
  }, createSlots({
152
165
  header: withCtx(({ updateHeaderHeight, isRefetchingAll, refetchAll }) => [
153
166
  renderSlot(_ctx.$slots, "header", { count: listCount.value }),
@@ -178,15 +191,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
178
191
  !_ctx.noHeaderSettings ? (openBlock(), createBlock(_sfc_main$7, {
179
192
  key: 2,
180
193
  "field-config-map": unref(fieldConfigMap),
181
- "onUpdate:fieldConfigMap": _cache[0] || (_cache[0] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
194
+ "onUpdate:fieldConfigMap": [
195
+ _cache[0] || (_cache[0] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
196
+ _cache[2] || (_cache[2] = ($event) => {
197
+ updateStylesWidth();
198
+ updateStylesFixed();
199
+ })
200
+ ],
182
201
  mode: unref(listConfig).mode,
183
202
  fields: fieldsVisible.value,
184
203
  "query-params": _ctx.queryParams,
185
204
  "has-saved": unref(hasSaved),
186
205
  mobile: unref(isMobile),
187
- "onClick:reset": unref(reset),
206
+ "onClick:reset": _cache[1] || (_cache[1] = ($event) => {
207
+ unref(reset)();
208
+ updateStylesWidth();
209
+ updateStylesFixed();
210
+ }),
188
211
  "onUpdate:mode": unref(updateMode)
189
- }, null, 8, ["field-config-map", "mode", "fields", "query-params", "has-saved", "mobile", "onClick:reset", "onUpdate:mode"])) : createCommentVNode("", true)
212
+ }, null, 8, ["field-config-map", "mode", "fields", "query-params", "has-saved", "mobile", "onUpdate:mode"])) : createCommentVNode("", true)
190
213
  ]))
191
214
  ]),
192
215
  _: 2
@@ -241,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
241
264
  "hide-more": !_ctx.menu,
242
265
  count: _ctx.count ?? listCount.value,
243
266
  selection: unref(selectAllValue),
244
- "onToggle:selection": _cache[1] || (_cache[1] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
267
+ "onToggle:selection": _cache[3] || (_cache[3] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
245
268
  "onUpdate:header": updateHeaderHeight
246
269
  }, {
247
270
  default: withCtx(() => [
@@ -249,20 +272,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
249
272
  fields: fieldsFiltered.value,
250
273
  "field-config-map": unref(fieldConfigMap)
251
274
  }, {
252
- default: withCtx(({ field, nested }) => [
275
+ default: withCtx(({ field }) => [
253
276
  createVNode(_sfc_main$a, {
254
277
  title: typeof field.meta.title === "string" ? field.meta.title : field.meta.title(_ctx.queryParams),
255
278
  field: typeof field.meta.field === "string" ? field.meta.field : field.meta.field?.(_ctx.queryParams),
256
- class: normalizeClass(field.meta.cssClass),
257
279
  ordering: ordering.value,
258
280
  disabled: _ctx.noOrdering || !field.meta.field,
259
281
  "allow-resize": field.meta.allowResize,
260
282
  "item-class": field.meta.cssClassHeader,
261
- "width-style": getFieldStyles(field.meta.label, nested),
262
- "onUpdate:width": ($event) => unref(fieldConfigMap)[field.meta.label].width = $event,
283
+ "style-value": unref(isGrid) ? { gridArea: field.meta.label } : {
284
+ minWidth: field.meta.allowResize ? `var(${unref(getFieldVariable)("width", field.meta.label)})` : void 0,
285
+ maxWidth: field.meta.allowResize ? `var(${unref(getFieldVariable)("width", field.meta.label)})` : void 0,
286
+ left: unref(fieldConfigMap)[field.meta.label]?.fixed ? `var(${unref(getFieldVariable)("left", field.meta.label)})` : void 0,
287
+ right: unref(fieldConfigMap)[field.meta.label]?.fixed ? `var(${unref(getFieldVariable)("right", field.meta.label)})` : void 0
288
+ },
289
+ "has-width": stylesWidth.value[unref(getFieldVariable)("width", field.meta.label)] !== void 0,
290
+ class: normalizeClass({
291
+ [field.meta.cssClass ?? ""]: true,
292
+ "sticky z-[1] bg-[inherit]": !unref(isGrid) && unref(fieldConfigMap)[field.meta.label]?.fixed
293
+ }),
294
+ "onUpdate:width": ($event) => {
295
+ unref(fieldConfigMap)[field.meta.label].width = $event;
296
+ updateStylesWidth();
297
+ },
263
298
  "onSave:width": unref(save),
264
299
  "onUpdate:ordering": updateOrdering
265
- }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
300
+ }, null, 8, ["title", "field", "ordering", "disabled", "allow-resize", "item-class", "style-value", "has-width", "class", "onUpdate:width", "onSave:width"])
266
301
  ]),
267
302
  _: 1
268
303
  }, 8, ["fields", "field-config-map"])
@@ -298,7 +333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
298
333
  "onHover:selected": ($event) => unref(hoverSelected)(position),
299
334
  "onClick:action": ($event) => _ctx.$emit("click:action", { item, setter })
300
335
  }, createSlots({
301
- default: withCtx(({ validate }) => [
336
+ default: withCtx(({ validate, beforeClass }) => [
302
337
  createVNode(_sfc_main$3, {
303
338
  fields: fieldsFiltered.value,
304
339
  "field-config-map": unref(fieldConfigMap),
@@ -317,9 +352,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
317
352
  [defaultScope.field.meta.cssClass ?? ""]: true,
318
353
  "items-center": !_ctx.alignTop,
319
354
  "items-start": _ctx.alignTop,
320
- "pr-6": !unref(isGrid)
355
+ "bg-default dark:bg-default-dark sticky z-[1]": !unref(isGrid) && unref(fieldConfigMap)[defaultScope.field.meta.label]?.fixed,
356
+ ...!unref(isGrid) && unref(fieldConfigMap)[defaultScope.field.meta.label]?.fixed ? beforeClass : {}
357
+ }),
358
+ style: normalizeStyle(unref(isGrid) ? !defaultScope.nested ? { gridArea: defaultScope.field.meta.label } : void 0 : {
359
+ minWidth: `var(${unref(getFieldVariable)("width", defaultScope.field.meta.label)})`,
360
+ maxWidth: `var(${unref(getFieldVariable)("width", defaultScope.field.meta.label)})`,
361
+ left: unref(fieldConfigMap)[defaultScope.field.meta.label]?.fixed ? `var(${unref(getFieldVariable)("left", defaultScope.field.meta.label)})` : void 0,
362
+ right: unref(fieldConfigMap)[defaultScope.field.meta.label]?.fixed ? `var(${unref(getFieldVariable)("right", defaultScope.field.meta.label)})` : void 0
321
363
  }),
322
- style: normalizeStyle(getFieldStyles(defaultScope.field.meta.label, defaultScope.nested)),
323
364
  "onUpdate:item": setter,
324
365
  "onDelete:item": ($event) => {
325
366
  setter();
@@ -387,7 +428,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
387
428
  key: "0"
388
429
  } : void 0
389
430
  ]), 1032, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])
390
- ], 2);
431
+ ], 6);
391
432
  };
392
433
  }
393
434
  });
package/dist/components/List/WListCard.vue.d.ts CHANGED
@@ -17,93 +17,7 @@ type __VLS_Props = {
17
17
  allowSelect: boolean;
18
18
  allowSelectHover: boolean;
19
19
  };
20
- declare function __VLS_template(): {
21
- attrs: Partial<{}>;
22
- slots: {
23
- default?(_: {
24
- toggle: () => void;
25
- isOpen: boolean;
26
- validate: (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined;
27
- }): any;
28
- more?(_: {}): any;
29
- more?(_: {}): any;
30
- expansion?(_: {}): any;
31
- };
32
- refs: {
33
- container: HTMLDivElement;
34
- form: unknown;
35
- more: ({
36
- $: import('vue').ComponentInternalInstance;
37
- $data: {};
38
- $props: {
39
- readonly icon?: SVGComponent | undefined;
40
- readonly disabled?: boolean | undefined;
41
- readonly anchor?: import('../Dropdown/types').DropdownProps["parentElement"] | undefined;
42
- readonly onClose?: (() => any) | undefined;
43
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
44
- $attrs: {
45
- [x: string]: unknown;
46
- };
47
- $refs: {
48
- [x: string]: unknown;
49
- };
50
- $slots: Readonly<{
51
- [name: string]: import('vue').Slot<any> | undefined;
52
- }>;
53
- $root: import('vue').ComponentPublicInstance | null;
54
- $parent: import('vue').ComponentPublicInstance | null;
55
- $host: Element | null;
56
- $emit: (event: "close") => void;
57
- $el: HTMLButtonElement;
58
- $options: import('vue').ComponentOptionsBase<Readonly<{
59
- icon?: SVGComponent;
60
- disabled?: boolean;
61
- anchor?: import('../Dropdown/types').DropdownProps["parentElement"];
62
- }> & Readonly<{
63
- onClose?: (() => any) | undefined;
64
- }>, {
65
- open: () => void;
66
- isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
67
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
68
- close: () => any;
69
- }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
70
- beforeCreate?: (() => void) | (() => void)[];
71
- created?: (() => void) | (() => void)[];
72
- beforeMount?: (() => void) | (() => void)[];
73
- mounted?: (() => void) | (() => void)[];
74
- beforeUpdate?: (() => void) | (() => void)[];
75
- updated?: (() => void) | (() => void)[];
76
- activated?: (() => void) | (() => void)[];
77
- deactivated?: (() => void) | (() => void)[];
78
- beforeDestroy?: (() => void) | (() => void)[];
79
- beforeUnmount?: (() => void) | (() => void)[];
80
- destroyed?: (() => void) | (() => void)[];
81
- unmounted?: (() => void) | (() => void)[];
82
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
83
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
84
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
85
- };
86
- $forceUpdate: () => void;
87
- $nextTick: typeof import('vue').nextTick;
88
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
89
- } & Readonly<{}> & Omit<Readonly<{
90
- icon?: SVGComponent;
91
- disabled?: boolean;
92
- anchor?: import('../Dropdown/types').DropdownProps["parentElement"];
93
- }> & Readonly<{
94
- onClose?: (() => any) | undefined;
95
- }>, "isOpen" | "open"> & import('vue').ShallowUnwrapRef<{
96
- open: () => void;
97
- isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
98
- }> & {} & import('vue').ComponentCustomProperties & {} & {
99
- $slots: {
100
- default?(_: {}): any;
101
- };
102
- }) | null;
103
- anchor: HTMLDivElement;
104
- };
105
- rootEl: any;
106
- };
20
+ declare function __VLS_template(): any;
107
21
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
108
22
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
109
23
  "toggle:selected": () => any;
@@ -113,79 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
113
27
  "onToggle:selected"?: (() => any) | undefined;
114
28
  "onHover:selected"?: (() => any) | undefined;
115
29
  "onClick:action"?: (() => any) | undefined;
116
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
117
- container: HTMLDivElement;
118
- form: unknown;
119
- more: ({
120
- $: import('vue').ComponentInternalInstance;
121
- $data: {};
122
- $props: {
123
- readonly icon?: SVGComponent | undefined;
124
- readonly disabled?: boolean | undefined;
125
- readonly anchor?: import('../Dropdown/types').DropdownProps["parentElement"] | undefined;
126
- readonly onClose?: (() => any) | undefined;
127
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
128
- $attrs: {
129
- [x: string]: unknown;
130
- };
131
- $refs: {
132
- [x: string]: unknown;
133
- };
134
- $slots: Readonly<{
135
- [name: string]: import('vue').Slot<any> | undefined;
136
- }>;
137
- $root: import('vue').ComponentPublicInstance | null;
138
- $parent: import('vue').ComponentPublicInstance | null;
139
- $host: Element | null;
140
- $emit: (event: "close") => void;
141
- $el: HTMLButtonElement;
142
- $options: import('vue').ComponentOptionsBase<Readonly<{
143
- icon?: SVGComponent;
144
- disabled?: boolean;
145
- anchor?: import('../Dropdown/types').DropdownProps["parentElement"];
146
- }> & Readonly<{
147
- onClose?: (() => any) | undefined;
148
- }>, {
149
- open: () => void;
150
- isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
151
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
152
- close: () => any;
153
- }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
154
- beforeCreate?: (() => void) | (() => void)[];
155
- created?: (() => void) | (() => void)[];
156
- beforeMount?: (() => void) | (() => void)[];
157
- mounted?: (() => void) | (() => void)[];
158
- beforeUpdate?: (() => void) | (() => void)[];
159
- updated?: (() => void) | (() => void)[];
160
- activated?: (() => void) | (() => void)[];
161
- deactivated?: (() => void) | (() => void)[];
162
- beforeDestroy?: (() => void) | (() => void)[];
163
- beforeUnmount?: (() => void) | (() => void)[];
164
- destroyed?: (() => void) | (() => void)[];
165
- unmounted?: (() => void) | (() => void)[];
166
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
167
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
168
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
169
- };
170
- $forceUpdate: () => void;
171
- $nextTick: typeof import('vue').nextTick;
172
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
173
- } & Readonly<{}> & Omit<Readonly<{
174
- icon?: SVGComponent;
175
- disabled?: boolean;
176
- anchor?: import('../Dropdown/types').DropdownProps["parentElement"];
177
- }> & Readonly<{
178
- onClose?: (() => any) | undefined;
179
- }>, "isOpen" | "open"> & import('vue').ShallowUnwrapRef<{
180
- open: () => void;
181
- isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
182
- }> & {} & import('vue').ComponentCustomProperties & {} & {
183
- $slots: {
184
- default?(_: {}): any;
185
- };
186
- }) | null;
187
- anchor: HTMLDivElement;
188
- }, any>;
30
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
189
31
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
190
32
  export default _default;
191
33
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/components/List/WListCard.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAsMA;AAgRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WA0YT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhGV,GAAG,8CAA8C,GAAG,yBAC3D,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EAkH1D;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA/II,GAAG,8CAA8C,GAAG,yBAC3D,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAsJzD,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"}
1
+ {"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAkMA;AAAA,OAuRO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAmDF,iBAAS,cAAc,QA2YtB;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;mFAQnB,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/List/WListCard.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, useTemplateRef, ref, computed, createElementBlock, openBlock, Fragment, createElementVNode, createCommentVNode, mergeProps, createVNode, createBlock, Transition, withCtx, normalizeClass, unref, resolveDynamicComponent, renderSlot, normalizeStyle, normalizeProps, guardReactiveProps, markRaw } from 'vue';
1
+ import { defineComponent, useTemplateRef, ref, computed, createElementBlock, openBlock, Fragment, createElementVNode, createCommentVNode, mergeProps, createVNode, createBlock, Transition, withCtx, normalizeClass, resolveDynamicComponent, renderSlot, normalizeStyle, unref, normalizeProps, guardReactiveProps, markRaw } from 'vue';
2
2
  import { RouterLink } from 'vue-router';
3
3
  import _sfc_main$4 from '../Button/WButtonMore.vue.js';
4
4
  import _sfc_main$5 from '../Button/WButtonMoreItem.vue.js';
@@ -42,6 +42,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
42
  const isOpen = ref(false);
43
43
  const position = ref(null);
44
44
  const anchorRef = useTemplateRef("anchor");
45
+ const beforeClass = computed(() => {
46
+ if (!isActionShown.value) return {};
47
+ return {
48
+ "w-ripple-list w-ripple-hover-list": true,
49
+ "w-ripple-opacity-[0.05]": !props.allowSelectHover && !props.selected && !moreRef.value?.isOpen,
50
+ "before:text-primary dark:before:text-primary-dark w-ripple-opacity-15": props.allowSelectHover || props.selected || moreRef.value?.isOpen,
51
+ "before:opacity-10": props.selected || moreRef.value?.isOpen
52
+ };
53
+ });
45
54
  const toggle = () => {
46
55
  isOpen.value = !isOpen.value;
47
56
  };
@@ -60,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
60
69
  ref: "container",
61
70
  class: ["relative isolate", {
62
71
  [_ctx.cardWrapperClass ?? ""]: true,
63
- "w-ripple-trigger-has": isActionShown.value,
72
+ "w-ripple-trigger-list": isActionShown.value,
64
73
  "sm-not:dark:even:bg-primary-darkest/25 sm-not:even:bg-gray-50 grid grid-cols-1": _ctx.card,
65
74
  "flex": !_ctx.card,
66
75
  "-mb-px": !_ctx.card && isOpen.value,
@@ -81,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
81
90
  }),
82
91
  !_ctx.card ? (openBlock(), createElementBlock("div", {
83
92
  key: 0,
84
- class: normalizeClass(["-left--left-inner bg-default dark:bg-default-dark @not-lg:hidden w-ripple-opacity-[0.05] sticky z-[1]", {
93
+ class: normalizeClass(["-left--left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
85
94
  "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
86
95
  }])
87
96
  }, [
@@ -93,10 +102,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
93
102
  "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
94
103
  "rounded-bl-[unset!important]": isOpen.value,
95
104
  "border-b-transparent dark:border-b-transparent": _ctx.hasBorder && isOpen.value,
96
- "w-ripple-has-only w-ripple-hover": isActionShown.value,
97
105
  "pl-px": !_ctx.hasBorder,
98
- "before:text-primary dark:before:text-primary-dark w-ripple-opacity-15": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen,
99
- "before:opacity-10": _ctx.selected || unref(moreRef)?.isOpen
106
+ ...beforeClass.value
100
107
  }])
101
108
  }, [
102
109
  _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$1, {
@@ -136,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
136
143
  style: normalizeStyle({ gridArea: unref(AREA_SELECT) }),
137
144
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle:selected"))
138
145
  }, null, 8, ["model-value", "disabled", "class", "style"])) : createCommentVNode("", true),
139
- renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value, validate }))),
146
+ renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value, validate, beforeClass: beforeClass.value }))),
140
147
  isActionShown.value ? (openBlock(), createBlock(_sfc_main$3, mergeProps(
141
148
  { key: 1 },
142
149
  _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.hasAction ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : _ctx.allowOpen ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle } : { tag: "div", card: _ctx.card, class: "z-[-1]" },
@@ -173,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
173
180
  }, 16, ["class"])),
174
181
  !_ctx.card ? (openBlock(), createElementBlock("div", {
175
182
  key: 1,
176
- class: normalizeClass(["-right--right-inner bg-default dark:bg-default-dark w-ripple-opacity-[0.05] sticky z-[1]", {
183
+ class: normalizeClass(["-right--right-inner bg-default dark:bg-default-dark sticky z-[1]", {
177
184
  "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.$slots.more,
178
185
  "width-[--w-list-header-rounded,1rem]": !_ctx.$slots.more
179
186
  }])
@@ -186,9 +193,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
186
193
  "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
187
194
  "rounded-br-[unset!important]": isOpen.value,
188
195
  "border-b-transparent dark:border-b-transparent": _ctx.hasBorder && isOpen.value,
189
- "w-ripple-has-only w-ripple-hover": isActionShown.value,
190
- "before:text-primary dark:before:text-primary-dark w-ripple-opacity-15": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen,
191
- "before:opacity-10": _ctx.selected || unref(moreRef)?.isOpen
196
+ ...beforeClass.value
192
197
  }])
193
198
  }, [
194
199
  _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
package/dist/components/List/WListCardField.vue.js CHANGED
@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  setup(__props) {
14
14
  return (_ctx, _cache) => {
15
15
  return openBlock(), createElementBlock("div", {
16
- class: normalizeClass(["grid shrink-0 grid-cols-1", {
16
+ class: normalizeClass(["list:last-not:pr-3 list:first-not:pl-3 grid shrink-0 grid-cols-1", {
17
17
  "pointer-events-none": _ctx.allowOpen
18
18
  }])
19
19
  }, [