eco-vue-js 0.8.31 → 0.8.33
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.js +8 -6
- package/dist/components/List/WList.vue.d.ts +1 -1
- package/dist/components/List/WList.vue.d.ts.map +1 -1
- package/dist/components/List/WList.vue.js +16 -11
- package/dist/components/List/WListHeader.vue.d.ts.map +1 -1
- package/dist/components/List/WListHeader.vue.js +2 -2
- package/dist/components/List/WListHeaderItem.vue.d.ts +3 -0
- package/dist/components/List/WListHeaderItem.vue.d.ts.map +1 -1
- package/dist/components/List/WListHeaderItem.vue.js +14 -9
- package/dist/components/List/components/HeaderItemResizer.vue.d.ts +3 -1
- package/dist/components/List/components/HeaderItemResizer.vue.d.ts.map +1 -1
- package/dist/components/List/components/HeaderItemResizer.vue.js +12 -7
- package/dist/components/List/components/ListCardFieldNested.vue.js +1 -1
- package/dist/components/List/types.d.ts +1 -0
- package/dist/components/List/types.d.ts.map +1 -1
- package/dist/components/Skeleton/WSkeleton.vue.js +1 -1
- package/package.json +1 -1
- package/tailwind-base/plugins/default.cjs +35 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"
|
1
|
+
{"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"}
|
@@ -128,7 +128,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
128
128
|
if (pages.value.length === 1 && pages.value[0] === 1) return;
|
129
129
|
resetPage();
|
130
130
|
});
|
131
|
-
watch(count, (value) => emit("update:count", value), { immediate: true });
|
132
131
|
watch(pagesCount, (value) => {
|
133
132
|
if (pages.value[pages.value.length - 1] > value) {
|
134
133
|
const newPages = pages.value.filter((page) => page <= value);
|
@@ -184,15 +183,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
184
183
|
"reverse-selection": _ctx.reverseSelection,
|
185
184
|
"allow-page-selection": _ctx.allowPageSelection,
|
186
185
|
"onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
|
187
|
-
"onUpdate:count":
|
186
|
+
"onUpdate:count": _cache[2] || (_cache[2] = ($event) => {
|
187
|
+
updateCount($event);
|
188
|
+
_ctx.$emit("update:count", $event);
|
189
|
+
}),
|
188
190
|
"onUpdate:pagesCount": updatePagesCount,
|
189
|
-
"onUpdate:nextPage": _cache[
|
190
|
-
"onUpdate:previousPage": _cache[
|
191
|
+
"onUpdate:nextPage": _cache[3] || (_cache[3] = ($event) => updateNextPage($event)),
|
192
|
+
"onUpdate:previousPage": _cache[4] || (_cache[4] = ($event) => updatePreviousPage($event)),
|
191
193
|
"onUpdate:scroll": updateScroll,
|
192
|
-
"onUpdateFromHeader:scroll": _cache[
|
194
|
+
"onUpdateFromHeader:scroll": _cache[5] || (_cache[5] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
|
193
195
|
"onRemove:page": removePage,
|
194
196
|
onRefetch: ($event) => unref(refetchNextPages)(index),
|
195
|
-
onFetched: _cache[
|
197
|
+
onFetched: _cache[6] || (_cache[6] = ($event) => isResettingPage.value = false)
|
196
198
|
}, {
|
197
199
|
default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
|
198
200
|
renderSlot(_ctx.$slots, "default", {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA0TA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYpF,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,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;WAqnBxD,mBAAmB,CAAC;;;gBA/mBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;KA6lBmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAtDgB,GAAG;;cApiB1B,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YA+lBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/nBvE,wBA+nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, ref, computed, toRef, openBlock, createBlock, unref, withCtx, renderSlot, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode,
|
1
|
+
import { defineComponent, ref, computed, toRef, openBlock, createBlock, unref, withCtx, renderSlot, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, isRef, normalizeStyle } from 'vue';
|
2
2
|
import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
|
3
3
|
import { getIsMobile } from '../../utils/mobile.js';
|
4
4
|
import { useSelected, getPosition } from '../../utils/useSelected.js';
|
@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
40
40
|
setup(__props) {
|
41
41
|
const isMobile = getIsMobile();
|
42
42
|
const props = __props;
|
43
|
-
const listCount = ref(0);
|
43
|
+
const listCount = ref(void 0);
|
44
44
|
const selectionCount = ref(0);
|
45
45
|
const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
|
46
46
|
const { fieldConfigMap, hasSaved, reset } = useFieldConfigMap(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"));
|
@@ -89,11 +89,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
89
89
|
}
|
90
90
|
return props.queryParams;
|
91
91
|
};
|
92
|
+
const getFieldStyles = (label) => {
|
93
|
+
if (isMobile || !fieldConfigMap.value[label]?.width) return void 0;
|
94
|
+
const value = fieldConfigMap.value[label].width + "px";
|
95
|
+
return {
|
96
|
+
minWidth: value,
|
97
|
+
maxWidth: value
|
98
|
+
};
|
99
|
+
};
|
92
100
|
return (_ctx, _cache) => {
|
93
101
|
return openBlock(), createBlock(_sfc_main$1, {
|
94
102
|
"use-query-fn": _ctx.useQueryFn,
|
95
103
|
"query-params": _ctx.queryParams,
|
96
|
-
"skeleton-length": _ctx.count ?? listCount.value,
|
104
|
+
"skeleton-length": _ctx.count ?? listCount.value ?? unref(PAGE_LENGTH),
|
97
105
|
"header-margin": unref(isMobile) ? 0 : 24,
|
98
106
|
"hide-page-title": "",
|
99
107
|
"allow-select": allowSelect.value,
|
@@ -153,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
153
161
|
class: "sm-not:hidden",
|
154
162
|
"query-params": _ctx.queryParams,
|
155
163
|
"allow-select": allowSelect.value,
|
156
|
-
"tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value),
|
164
|
+
"tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value ?? 0),
|
157
165
|
count: _ctx.count ?? listCount.value,
|
158
166
|
selection: selectAllValue,
|
159
167
|
"onToggle:selection": _cache[5] || (_cache[5] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
|
@@ -168,12 +176,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
168
176
|
ordering: ordering.value,
|
169
177
|
disabled: !field.field,
|
170
178
|
"allow-resize": field.allowResize,
|
171
|
-
|
172
|
-
|
173
|
-
}),
|
179
|
+
"item-class": field.cssClassHeader,
|
180
|
+
"width-style": getFieldStyles(field.label),
|
174
181
|
"onUpdate:width": ($event) => unref(fieldConfigMap)[field.label].width = $event,
|
175
182
|
"onSave:width": _cache[3] || (_cache[3] = ($event) => fieldConfigMap.value = unref(fieldConfigMap))
|
176
|
-
}, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "style", "onUpdate:width"])
|
183
|
+
}, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width"])
|
177
184
|
]),
|
178
185
|
_: 1
|
179
186
|
}, 8, ["fields"])
|
@@ -220,9 +227,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
220
227
|
"items-center": !_ctx.alignTop,
|
221
228
|
"items-start": _ctx.alignTop
|
222
229
|
}),
|
223
|
-
style: normalizeStyle(
|
224
|
-
minWidth: !unref(isMobile) && unref(fieldConfigMap)[defaultScope.field.label]?.width ? unref(fieldConfigMap)[defaultScope.field.label].width + "px" : void 0
|
225
|
-
}),
|
230
|
+
style: normalizeStyle(getFieldStyles(defaultScope.field.label)),
|
226
231
|
"onUpdate:item": setter,
|
227
232
|
"onDelete:item": ($event) => {
|
228
233
|
setter();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AAwFA,iBAAS,cAAc;;
|
1
|
+
{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AAwFA,iBAAS,cAAc;;yBAsIM,GAAG;0BACF,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBApLL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;;kBALL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;kFAwLnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createBlock, createCommentVNode, renderSlot } from 'vue';
|
2
2
|
import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
|
3
3
|
|
4
|
-
const _hoisted_1 = { class: "flex
|
4
|
+
const _hoisted_1 = { class: "flex h-12" };
|
5
5
|
const _hoisted_2 = { class: "sticky z-[1] left-inner bg-default dark:bg-default-dark" };
|
6
6
|
const _hoisted_3 = { class: "bg-primary-light dark:bg-primary-darkest border-y border-solid border-gray-300 dark:border-gray-700 flex flex-1" };
|
7
7
|
const _hoisted_4 = { class: "sticky z-[1] right-inner bg-default dark:bg-default-dark" };
|
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
27
27
|
"width-4": !_ctx.allowSelect
|
28
28
|
}])
|
29
29
|
}, [
|
30
|
-
_ctx.allowSelect && _ctx.selection !== void 0 && _ctx.count !== 0 ? (openBlock(), createBlock(_sfc_main$1, {
|
30
|
+
_ctx.allowSelect && _ctx.selection !== void 0 && _ctx.count !== 0 && _ctx.count !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
|
31
31
|
key: 0,
|
32
32
|
disabled: _ctx.disabled,
|
33
33
|
"model-value": _ctx.selection,
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { StyleValue } from 'vue';
|
1
2
|
import { OrderItem } from '../../utils/order';
|
2
3
|
declare const _default: <Field>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
3
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
@@ -8,6 +9,8 @@ declare const _default: <Field>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
|
|
8
9
|
ordering: OrderItem<Field>[];
|
9
10
|
disabled?: boolean;
|
10
11
|
allowResize?: boolean;
|
12
|
+
itemClass?: string;
|
13
|
+
widthStyle: StyleValue | undefined;
|
11
14
|
}> & import('vue').PublicProps;
|
12
15
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
13
16
|
attrs: any;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WListHeaderItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeaderItem.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WListHeaderItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeaderItem.vue"],"names":[],"mappings":"AAkHA,OAAO,EAAW,KAAK,UAAU,EAAC,MAAM,KAAK,CAAA;AAG7C,OAAO,EAAwB,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAIlD,KAAK,eACR,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;WA0NxD,mBAAmB,CAAC;;;gBAtNpB,MAAM;eACP,KAAK;kBACF,SAAS,CAAC,KAAK,CAAC,EAAE;mBACjB,OAAO;sBACJ,OAAO;oBACT,MAAM;oBACN,UAAU,GAAG,SAAS;KAgNmD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA9BiB,GAAG;;cA/K3B,cAAc,SAAS,MAAM,KAAG,IAAI;;;;YAkNE,OAAO,CAAC,OAAO,WAAW,CAAC;;AApOvE,wBAoO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, withCtx, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, Transition, createElementBlock, createVNode, unref, createCommentVNode } from 'vue';
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, Transition, createElementBlock, createVNode, unref, createCommentVNode } from 'vue';
|
2
2
|
import { useRoute, useRouter } from 'vue-router';
|
3
3
|
import IconBack from '../../assets/icons/default/IconBack.svg.js';
|
4
4
|
import { Order, encodeOrdering } from '../../utils/order.js';
|
@@ -16,7 +16,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
16
16
|
field: {},
|
17
17
|
ordering: {},
|
18
18
|
disabled: { type: Boolean },
|
19
|
-
allowResize: { type: Boolean }
|
19
|
+
allowResize: { type: Boolean },
|
20
|
+
itemClass: {},
|
21
|
+
widthStyle: { type: [Boolean, null, String, Object, Array] }
|
20
22
|
},
|
21
23
|
emits: ["update:width"],
|
22
24
|
setup(__props) {
|
@@ -47,22 +49,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
47
49
|
updateQuery(newOrdering);
|
48
50
|
};
|
49
51
|
return (_ctx, _cache) => {
|
50
|
-
return openBlock(), createBlock(resolveDynamicComponent(_ctx.allowResize ? _sfc_main$1 : "div"), {
|
52
|
+
return openBlock(), createBlock(resolveDynamicComponent(_ctx.allowResize ? _sfc_main$1 : "div"), mergeProps(_ctx.allowResize ? { hasStyles: _ctx.widthStyle !== void 0 } : void 0, {
|
51
53
|
class: "select-none text-description pr-6",
|
54
|
+
style: _ctx.widthStyle,
|
52
55
|
"onUpdate:width": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:width", $event))
|
53
|
-
}, {
|
56
|
+
}), {
|
54
57
|
default: withCtx(() => [
|
55
58
|
(openBlock(), createBlock(resolveDynamicComponent(_ctx.disabled ? "div" : "button"), {
|
56
|
-
class: normalizeClass(["h-full w-full flex gap-2 group
|
57
|
-
"cursor-pointer": !_ctx.disabled
|
59
|
+
class: normalizeClass(["h-full w-full flex gap-2 group", {
|
60
|
+
"cursor-pointer": !_ctx.disabled,
|
61
|
+
[_ctx.itemClass ?? ""]: true,
|
62
|
+
"font-semibold items-center whitespace-nowrap overflow-hidden": !_ctx.itemClass
|
58
63
|
}]),
|
59
64
|
onClick: setOrdering
|
60
65
|
}, {
|
61
66
|
default: withCtx(() => [
|
62
67
|
createElementVNode("div", {
|
63
|
-
class: normalizeClass(
|
68
|
+
class: normalizeClass({
|
64
69
|
"group-hover:underline": !_ctx.disabled
|
65
|
-
}
|
70
|
+
})
|
66
71
|
}, [
|
67
72
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
68
73
|
createTextVNode(toDisplayString(_ctx.title), 1)
|
@@ -93,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
93
98
|
}, 8, ["class"]))
|
94
99
|
]),
|
95
100
|
_: 3
|
96
|
-
},
|
101
|
+
}, 16, ["style"]);
|
97
102
|
};
|
98
103
|
}
|
99
104
|
});
|
@@ -2,7 +2,9 @@ declare const _default: <Field>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
|
|
2
2
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
3
3
|
readonly "onUpdate:width"?: ((value: number) => any) | undefined;
|
4
4
|
readonly "onSave:width"?: (() => any) | undefined;
|
5
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:width" | "onSave:width"> & {
|
5
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:width" | "onSave:width"> & {
|
6
|
+
hasStyles: boolean;
|
7
|
+
}> & import('vue').PublicProps;
|
6
8
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
7
9
|
attrs: any;
|
8
10
|
slots: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HeaderItemResizer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderItemResizer.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"HeaderItemResizer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderItemResizer.vue"],"names":[],"mappings":"yBA4FiB,KAAK,eACR,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;WAqJxD,mBAAmB,CAAC;;;;mBA9IjB,OAAO;KA8ImE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA9BgB,GAAG;;;YA7G1B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,YAAY,GAAG,IAAI;;;;;YA+ImB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/JvE,wBA+J4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, useTemplateRef,
|
1
|
+
import { defineComponent, useTemplateRef, watch, onBeforeUnmount, openBlock, createElementBlock, renderSlot, createElementVNode, withModifiers, createVNode, unref } from 'vue';
|
2
2
|
import IconDrag from '../../../assets/icons/sax/IconDrag.svg.js';
|
3
3
|
import DOMListenerContainer from '../../../utils/DOMListenerContainer.js';
|
4
4
|
|
@@ -6,10 +6,16 @@ const _hoisted_1 = {
|
|
6
6
|
ref: "element",
|
7
7
|
class: "relative"
|
8
8
|
};
|
9
|
+
const MIN_WIDTH = 64;
|
10
|
+
const MAX_WIDTH = 2e3;
|
9
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
10
12
|
__name: "HeaderItemResizer",
|
13
|
+
props: {
|
14
|
+
hasStyles: { type: Boolean }
|
15
|
+
},
|
11
16
|
emits: ["update:width", "save:width"],
|
12
17
|
setup(__props, { emit: __emit }) {
|
18
|
+
const props = __props;
|
13
19
|
const emit = __emit;
|
14
20
|
const listenerContainer = new DOMListenerContainer();
|
15
21
|
const elementRef = useTemplateRef("element");
|
@@ -24,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
30
|
endDrag();
|
25
31
|
return;
|
26
32
|
}
|
27
|
-
emit("update:width", widthSaved + event.clientX - started);
|
33
|
+
emit("update:width", Math.min(Math.max(widthSaved + event.clientX - started, MIN_WIDTH), MAX_WIDTH));
|
28
34
|
});
|
29
35
|
listenerContainer.addEventListener(document, "mouseup", (event) => {
|
30
36
|
event.stopPropagation();
|
@@ -38,12 +44,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
38
44
|
widthSaved = null;
|
39
45
|
emit("save:width");
|
40
46
|
};
|
41
|
-
|
42
|
-
setTimeout(() => {
|
47
|
+
watch(() => props.hasStyles, (value) => {
|
48
|
+
if (!value) setTimeout(() => {
|
43
49
|
if (!elementRef.value) return;
|
44
50
|
emit("update:width", elementRef.value.offsetWidth);
|
45
|
-
},
|
46
|
-
});
|
51
|
+
}, 0);
|
52
|
+
}, { immediate: true });
|
47
53
|
onBeforeUnmount(() => {
|
48
54
|
listenerContainer.destroy();
|
49
55
|
});
|
@@ -53,7 +59,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
53
59
|
createElementVNode("button", {
|
54
60
|
class: "absolute top-0 right-1 h-full w-6 flex items-center opacity-50 hover:opacity-100 cursor-col-resize",
|
55
61
|
onMousedown: withModifiers(startDrag, ["stop", "prevent"]),
|
56
|
-
onMouseup: withModifiers(endDrag, ["stop", "prevent"]),
|
57
62
|
onClick: _cache[0] || (_cache[0] = withModifiers(() => {
|
58
63
|
}, ["stop", "prevent"]))
|
59
64
|
}, [
|
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
28
28
|
}), {
|
29
29
|
default: withCtx(() => [
|
30
30
|
createVNode(_sfc_main$1, {
|
31
|
-
items: "keyArray" in field ? _ctx.item[field.keyArray] : field.getterArray(_ctx.item)
|
31
|
+
items: _ctx.skeleton ? [_ctx.item] : "keyArray" in field ? _ctx.item[field.keyArray] : field.getterArray(_ctx.item)
|
32
32
|
}, {
|
33
33
|
default: withCtx(({ inner, index, last, first }) => [
|
34
34
|
(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), {
|
@@ -23,6 +23,7 @@ export type ListField<Data, QueryParams = unknown> = {
|
|
23
23
|
title: string | ((params: QueryParams) => string);
|
24
24
|
label: string;
|
25
25
|
cssClass?: string;
|
26
|
+
cssClassHeader?: string;
|
26
27
|
field?: Extract<keyof Data, string> | ((params: QueryParams) => Extract<keyof Data, string>);
|
27
28
|
visibleGetter?: (params: QueryParams) => boolean;
|
28
29
|
allowResize?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}
|
@@ -6,7 +6,7 @@ const _sfc_main = {};
|
|
6
6
|
function _sfc_render(_ctx, _cache) {
|
7
7
|
return (openBlock(), createElementBlock("div", {
|
8
8
|
class: "bg-primary-light dark:bg-primary-darkest w-skeleton before:animate-ticker",
|
9
|
-
style: normalizeStyle({'--skeleton-width': (Math.round(Math.random() * 40) + 40) + '%'})
|
9
|
+
style: normalizeStyle({'--skeleton-width-internal': (Math.round(Math.random() * 40) + 40) + '%'})
|
10
10
|
}, " ", 4))
|
11
11
|
}
|
12
12
|
const WSkeleton = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
package/package.json
CHANGED
@@ -427,11 +427,12 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
427
427
|
|
428
428
|
'.w-skeleton': {
|
429
429
|
'position': 'relative',
|
430
|
-
'width': 'var(--skeleton-width,70%)',
|
430
|
+
'width': 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
|
431
|
+
'height': 'var(--skeleton-height)',
|
431
432
|
'border-radius': 'var(--skeleton-rounded,0.5rem)',
|
432
433
|
'overflow': 'hidden',
|
433
434
|
'cursor': 'progress',
|
434
|
-
'&:before': {
|
435
|
+
'&:not(.w-skeleton-static):before': {
|
435
436
|
'content': '""',
|
436
437
|
'position': 'absolute',
|
437
438
|
'top': '0',
|
@@ -445,6 +446,12 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
445
446
|
},
|
446
447
|
},
|
447
448
|
},
|
449
|
+
'.w-skeleton-static': {
|
450
|
+
'& .w-skeleton:before, &.w-skeleton:before': {
|
451
|
+
'display': 'none',
|
452
|
+
'animation': 'none',
|
453
|
+
},
|
454
|
+
},
|
448
455
|
})
|
449
456
|
|
450
457
|
matchUtilities(
|
@@ -459,4 +466,30 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
|
|
459
466
|
values: theme('borderRadius'),
|
460
467
|
},
|
461
468
|
)
|
469
|
+
|
470
|
+
matchUtilities(
|
471
|
+
{
|
472
|
+
'w-skeleton-w': (value) => {
|
473
|
+
return {
|
474
|
+
'--skeleton-width': value,
|
475
|
+
}
|
476
|
+
},
|
477
|
+
},
|
478
|
+
{
|
479
|
+
values: theme('width'),
|
480
|
+
},
|
481
|
+
)
|
482
|
+
|
483
|
+
matchUtilities(
|
484
|
+
{
|
485
|
+
'w-skeleton-h': (value) => {
|
486
|
+
return {
|
487
|
+
'--skeleton-height': value,
|
488
|
+
}
|
489
|
+
},
|
490
|
+
},
|
491
|
+
{
|
492
|
+
values: theme('height'),
|
493
|
+
},
|
494
|
+
)
|
462
495
|
})
|