eco-vue-js 0.10.29 → 0.10.30
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.
- package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map +1 -1
- package/dist/components/FieldWrapper/WFieldWrapper.vue.js +2 -5
- package/dist/components/Nav/WNavItemExpand.vue.js +2 -2
- package/dist/components/Skeleton/WSkeleton.vue.d.ts.map +1 -1
- package/dist/components/Skeleton/WSkeleton.vue.js +1 -1
- package/dist/components/Tabs/WTabs.vue.d.ts.map +1 -1
- package/dist/components/Tabs/WTabs.vue.js +1 -8
- package/dist/main.js +1 -1
- package/dist/utils/utils.d.ts +2 -0
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +8 -1
- package/package.json +2 -2
- package/tailwind-base/plugins/default.ts +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAgLA;AAuNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuC9C,iBAAS,cAAc;WAuRT,OAAO,IAA6B;;uBAfvB,GAAG;0BACC,GAAG;;;gCA/QP,OAAO,KAAG,IAAI;;YAgRb,GAAG;;;gCAhRJ,OAAO,KAAG,IAAI;;YAiRX,GAAG;uBACL,GAAG;;;;;;EAgB9B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,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"}
|
|
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
73
73
|
_ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("label", {
|
|
74
74
|
key: 0,
|
|
75
75
|
for: unref(id),
|
|
76
|
-
class: normalizeClass(["text-accent relative pr-6 text-xs font-semibold leading-loose duration-500", {
|
|
76
|
+
class: normalizeClass(["text-accent relative block pr-6 text-xs font-semibold leading-loose duration-500", {
|
|
77
77
|
"cursor-not-allowed opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton,
|
|
78
78
|
"col-start-1": _ctx.subgrid
|
|
79
79
|
}])
|
|
@@ -103,10 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
103
103
|
"encoded-query-param": encodedQueryParam.value,
|
|
104
104
|
class: "absolute -top-0.5 ml-1"
|
|
105
105
|
}, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
|
|
106
|
-
], 64)) : (openBlock(), createBlock(WSkeleton, {
|
|
107
|
-
key: 1,
|
|
108
|
-
class: "w-skeleton-w-16"
|
|
109
|
-
}))
|
|
106
|
+
], 64)) : (openBlock(), createBlock(WSkeleton, { key: 1 }))
|
|
110
107
|
], 10, _hoisted_1)) : createCommentVNode("", true),
|
|
111
108
|
renderSlot(_ctx.$slots, "subtitle"),
|
|
112
109
|
createElementVNode("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, withCtx, unref, normalizeClass, renderSlot, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
|
|
2
2
|
import _sfc_main$2 from '../Expansion/WExpansion.vue.js';
|
|
3
3
|
import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
|
|
4
|
-
import { debounce } from '../../utils/utils.js';
|
|
4
|
+
import { unwrapSlots, debounce } from '../../utils/utils.js';
|
|
5
5
|
import _sfc_main$1 from './WNavItem.vue.js';
|
|
6
6
|
import WNavItemTransition from './WNavItemTransition.vue.js';
|
|
7
7
|
|
|
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
21
|
setup(__props, { emit: __emit }) {
|
|
22
22
|
const props = __props;
|
|
23
23
|
const slots = useSlots();
|
|
24
|
-
const slotsDefault = computed(() => slots.default?.());
|
|
24
|
+
const slotsDefault = computed(() => unwrapSlots(slots.default?.() ?? []));
|
|
25
25
|
const emit = __emit;
|
|
26
26
|
const isOpen = ref(false);
|
|
27
27
|
const hasActiveCached = ref(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/WSkeleton.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"WSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/WSkeleton.vue"],"names":[],"mappings":";AA6CA,wBAMG"}
|
|
@@ -7,7 +7,7 @@ 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
9
|
style: normalizeStyle({'--skeleton-width-internal': (Math.round(Math.random() * 40) + 40) + '%'})
|
|
10
|
-
},
|
|
10
|
+
}, null, 4))
|
|
11
11
|
}
|
|
12
12
|
const WSkeleton = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAgIA;AAAA,
|
|
1
|
+
{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { defineComponent, useSlots, useTemplateRef, computed, ref, inject, watch
|
|
|
2
2
|
import _sfc_main$1 from '../Form/WForm.vue.js';
|
|
3
3
|
import { Notify } from '../../utils/Notify.js';
|
|
4
4
|
import { useIsMobile } from '../../utils/mobile.js';
|
|
5
|
-
import { throttle, debounce } from '../../utils/utils.js';
|
|
5
|
+
import { unwrapSlots, throttle, debounce } from '../../utils/utils.js';
|
|
6
6
|
import _sfc_main$3 from './components/TabItem.vue.js';
|
|
7
7
|
import _sfc_main$2 from './components/TabTitleButton.vue.js';
|
|
8
8
|
import { wTabItemListener, wTabItemUnlistener } from './models/injection.js';
|
|
@@ -32,13 +32,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
const formRef = useTemplateRef("form");
|
|
33
33
|
const buttonContainerRef = useTemplateRef("buttonContainer");
|
|
34
34
|
const defaultSlotsRaw = computed(() => props.customSlots ?? slots.default?.() ?? []);
|
|
35
|
-
const unwrapSlots = (slots2) => {
|
|
36
|
-
return slots2.flatMap((slot) => {
|
|
37
|
-
if (Array.isArray(slot?.children)) return unwrapSlots(slot.children);
|
|
38
|
-
else if (typeof slot.type !== "symbol") return slot;
|
|
39
|
-
else return [];
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
35
|
const isTabItem = (slot) => {
|
|
43
36
|
return slot.type instanceof Object && "__name" in slot.type && slot.type.__name === "WTabsItem";
|
|
44
37
|
};
|
package/dist/main.js
CHANGED
|
@@ -103,5 +103,5 @@ export { getIsMobile, getIsTablet, getIsTouchDevice, useIsMobile } from './utils
|
|
|
103
103
|
export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery, wrapUseQueryPaginated } from './utils/useDefaultQuery.js';
|
|
104
104
|
export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdater.js';
|
|
105
105
|
export { useCopy } from './utils/useCopy.js';
|
|
106
|
-
export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle } from './utils/utils.js';
|
|
106
|
+
export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle, unwrapSlots } from './utils/utils.js';
|
|
107
107
|
export { validateRequired } from './utils/validate.js';
|
package/dist/utils/utils.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FieldConfigMap, GetFieldLabels, ListFields } from '../components/List/types';
|
|
2
|
+
import { VNode } from 'vue';
|
|
2
3
|
export declare const getScrollParent: (node: Element) => Element | null;
|
|
3
4
|
export declare const getAllScrollParents: (node?: Element, max?: number) => Array<Element>;
|
|
4
5
|
export declare const hasParent: (parent: Element, current: Element) => boolean;
|
|
@@ -26,5 +27,6 @@ export declare enum ListMode {
|
|
|
26
27
|
TABLE = "table",
|
|
27
28
|
GRID = "grid"
|
|
28
29
|
}
|
|
30
|
+
export declare const unwrapSlots: (slots: VNode[]) => VNode[];
|
|
29
31
|
export {};
|
|
30
32
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;AACpG,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAY9B,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,EAAE,YAAQ,KAAG,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,QAAQ,OAAO,EAAE,SAAS,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,EAAE,EAAE,MAAM,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,EAAE,EAAE,UAAU,MAAM,EAAE,KAAG,OAWjI,CAAA;AAQD,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,gBAAgB,mCAAsF,CAAA;AAEnH,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mCAAoE,CAAA;AAEhG,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAM,EAEzD,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,MAAM,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA2J,CAAA;AAEnQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,MAAM,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,SAAS,KAAG,IAe7G,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,MAAM,EAAE,SAAS,IAAI,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,EAAE,KAAG,cAAc,CAAC,MAAM,CAiBhM,CAAA;AAED,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,KAAG,KAAK,EAMjD,CAAA"}
|
package/dist/utils/utils.js
CHANGED
|
@@ -121,5 +121,12 @@ var ListMode = /* @__PURE__ */ ((ListMode2) => {
|
|
|
121
121
|
ListMode2["GRID"] = "grid";
|
|
122
122
|
return ListMode2;
|
|
123
123
|
})(ListMode || {});
|
|
124
|
+
const unwrapSlots = (slots) => {
|
|
125
|
+
return slots.flatMap((slot) => {
|
|
126
|
+
if (Array.isArray(slot?.children)) return unwrapSlots(slot.children);
|
|
127
|
+
else if (typeof slot.type !== "symbol") return slot;
|
|
128
|
+
else return [];
|
|
129
|
+
});
|
|
130
|
+
};
|
|
124
131
|
|
|
125
|
-
export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle };
|
|
132
|
+
export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle, unwrapSlots };
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"type": "git",
|
|
5
5
|
"url": "https://github.com/rsmple/eco-vue-js.git"
|
|
6
6
|
},
|
|
7
|
-
"version": "0.10.
|
|
7
|
+
"version": "0.10.30",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"build": "run-p type-check \"build-only {@}\" --",
|
|
10
10
|
"dev": "vite build --watch",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@stylistic/eslint-plugin-ts": "4.2.0",
|
|
20
20
|
"@tanstack/eslint-plugin-query": "5.67.2",
|
|
21
21
|
"@vue/eslint-config-typescript": "14.5.0",
|
|
22
|
-
"eslint-import-resolver-typescript": "3.8.
|
|
22
|
+
"eslint-import-resolver-typescript": "3.8.4",
|
|
23
23
|
"eslint-plugin-import": "2.31.0",
|
|
24
24
|
"eslint-plugin-tailwindcss": "3.18.0",
|
|
25
25
|
"eslint-plugin-unused-imports": "4.1.4",
|
|
@@ -399,10 +399,11 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
|
|
|
399
399
|
'.w-skeleton': {
|
|
400
400
|
position: 'relative',
|
|
401
401
|
width: 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
|
|
402
|
-
height: 'var(--skeleton-height)',
|
|
402
|
+
height: 'var(--skeleton-height,1em)',
|
|
403
403
|
'border-radius': 'var(--w-skeleton-rounded,0.5rem)',
|
|
404
404
|
overflow: 'hidden',
|
|
405
405
|
cursor: 'progress',
|
|
406
|
+
display: 'inline-block',
|
|
406
407
|
'&:not(.w-skeleton-static):before': {
|
|
407
408
|
content: '""',
|
|
408
409
|
position: 'absolute',
|