eco-vue-js 0.10.92 → 0.10.93
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/Button/WButton.vue.d.ts +6 -2
- package/dist/components/Button/WButton.vue.d.ts.map +1 -1
- package/dist/components/Button/WButton.vue.js +32 -1
- package/dist/components/Button/WButtonGroup.vue.js +1 -0
- package/dist/components/Button/types.d.ts +1 -0
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.js +1 -0
- package/dist/components/Page/WPage.vue.d.ts.map +1 -1
- package/dist/components/Page/WPage.vue.js +9 -10
- package/package.json +1 -1
@@ -6,7 +6,9 @@ declare function __VLS_template(): {
|
|
6
6
|
default?(_: {}): any;
|
7
7
|
default?(_: {}): any;
|
8
8
|
};
|
9
|
-
refs: {
|
9
|
+
refs: {
|
10
|
+
container: unknown;
|
11
|
+
};
|
10
12
|
rootEl: any;
|
11
13
|
};
|
12
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
@@ -23,7 +25,9 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
|
|
23
25
|
disabled: boolean;
|
24
26
|
target: "_self" | "_blank" | "_parent" | "_top";
|
25
27
|
href: string;
|
26
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
29
|
+
container: unknown;
|
30
|
+
}, any>;
|
27
31
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
28
32
|
export default _default;
|
29
33
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA0EA;AAAA,OAuKO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AA+FzG,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;yBAZrB,GAAG;yBACF,GAAG;;;;;;EAgBhC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, createBlock, unref, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
|
1
|
+
import { defineComponent, useTemplateRef, computed, watch, nextTick, onMounted, createBlock, unref, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
|
2
2
|
import { RouterLink } from 'vue-router';
|
3
3
|
import _sfc_main$2 from '../Shine/WShine.vue.js';
|
4
4
|
import WSpinner from '../Spinner/WSpinner.vue.js';
|
@@ -6,6 +6,7 @@ import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
|
|
6
6
|
import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
|
7
7
|
import { useComponentStatesButton } from '../../utils/useComponentStates.js';
|
8
8
|
import WSkeleton from '../Skeleton/WSkeleton.vue.js';
|
9
|
+
import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
|
9
10
|
|
10
11
|
const _hoisted_1 = { class: "flex gap-2 px-[--w-button-rounded,1rem] font-medium opacity-0" };
|
11
12
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
@@ -24,11 +25,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
25
|
tooltipText: {},
|
25
26
|
download: {},
|
26
27
|
skeleton: { type: Boolean, default: void 0 },
|
28
|
+
autofocus: { type: Boolean },
|
27
29
|
to: { default: void 0 }
|
28
30
|
},
|
29
31
|
emits: ["click"],
|
30
32
|
setup(__props, { emit: __emit }) {
|
31
33
|
const props = __props;
|
34
|
+
const containerRef = useTemplateRef("container");
|
32
35
|
const { isDisabled, isSkeleton } = useComponentStatesButton(props);
|
33
36
|
const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
|
34
37
|
const semanticTypeBorderMap = useSemanticTypeBorderMap();
|
@@ -37,6 +40,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
37
40
|
if (isDisabled.value || props.loading) return;
|
38
41
|
emit("click", event);
|
39
42
|
};
|
43
|
+
const isNotEnabled = computed(() => isDisabled.value || isSkeleton.value);
|
44
|
+
const focus = () => {
|
45
|
+
if (isNotEnabled.value) return;
|
46
|
+
containerRef.value?.focus();
|
47
|
+
};
|
48
|
+
let timeout;
|
49
|
+
const autofocusDebounced = () => {
|
50
|
+
if (timeout) clearTimeout(timeout);
|
51
|
+
timeout = setTimeout(() => {
|
52
|
+
if (props.autofocus) focus();
|
53
|
+
timeout = void 0;
|
54
|
+
}, 250);
|
55
|
+
};
|
56
|
+
if (props.autofocus) {
|
57
|
+
useTabActiveListener(autofocusDebounced);
|
58
|
+
}
|
59
|
+
watch(() => props.autofocus, (value) => {
|
60
|
+
if (!value) return;
|
61
|
+
nextTick(autofocusDebounced);
|
62
|
+
});
|
63
|
+
watch(isNotEnabled, (value) => {
|
64
|
+
if (!value) return;
|
65
|
+
nextTick(autofocusDebounced);
|
66
|
+
});
|
67
|
+
onMounted(() => {
|
68
|
+
if (props.autofocus) autofocusDebounced();
|
69
|
+
});
|
40
70
|
return (_ctx, _cache) => {
|
41
71
|
return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
|
42
72
|
key: 0,
|
@@ -53,6 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
53
83
|
style: _ctx.$attrs.style,
|
54
84
|
...unref(isDisabled) ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
|
55
85
|
}, {
|
86
|
+
ref: "container",
|
56
87
|
class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-1px)] -min-h--button-height relative isolate flex select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
|
57
88
|
[unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true,
|
58
89
|
[unref(semanticTypeBorderMap)[_ctx.semanticType]]: true,
|
@@ -17,6 +17,7 @@ export interface ButtonProps extends Partial<LinkProps> {
|
|
17
17
|
tooltipText?: string;
|
18
18
|
download?: string;
|
19
19
|
skeleton?: boolean;
|
20
|
+
autofocus?: boolean;
|
20
21
|
}
|
21
22
|
export type ButtonGroupOptionComponent<Option> = Component<SelectOptionProps<Option>>;
|
22
23
|
interface ButtonGroupPropsBase<Model extends number | string | null | boolean> extends Omit<FieldWrapperProps, 'modelValue'>, Omit<ButtonProps, 'tag' | 'type' | 'replace' | 'href' | 'target' | 'join'> {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,WAAY,SAAQ,OAAO,CAAC,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"AA+FA;AAyRA,OAAO,EAAC,KAAK,SAAS,EAAmE,MAAM,KAAK,CAAA;AAUpG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,CAAC;AAsKF,iBAAS,cAAc;WAmJT,OAAO,IAA6B;;wBAjBtB,GAAG;wBAGF,GAAG;;kCArRL,IAAI;;YAmRF,GAAG;sBACN,GAAG;sBAEF,GAAG;;;;;;;EAkB7B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,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,4 +1,4 @@
|
|
1
|
-
import { defineComponent, useTemplateRef, ref, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode,
|
1
|
+
import { defineComponent, useTemplateRef, ref, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, mergeProps, createVNode, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, resolveDynamicComponent, toDisplayString, unref, createSlots, withCtx } from 'vue';
|
2
2
|
import { useHeader } from '../HeaderBar/use/useHeader.js';
|
3
3
|
import { dateFormat } from '../../utils/dateTime.js';
|
4
4
|
import _sfc_main$1 from './WPageTitle.vue.js';
|
@@ -150,12 +150,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
150
150
|
return (_ctx, _cache) => {
|
151
151
|
const _component_WPage = resolveComponent("WPage", true);
|
152
152
|
return openBlock(), createElementBlock(Fragment, null, [
|
153
|
-
createElementVNode("div", {
|
153
|
+
createElementVNode("div", mergeProps(_ctx.$attrs, {
|
154
154
|
ref: "element",
|
155
|
-
class:
|
155
|
+
class: ["not-print:shadow-md bg-default text-black-default light relative isolate grid h-[29.62cm] w-[21.01cm] break-before-page grid-cols-1 grid-rows-[auto,1fr] overflow-hidden px-[1cm] py-[2cm]", {
|
156
156
|
"[counter-increment:page] after:absolute after:bottom-[1cm] after:right-[1cm] after:text-xs after:[--tw-content:counter(page)]": !_ctx.empty
|
157
|
-
}]
|
158
|
-
}, [
|
157
|
+
}]
|
158
|
+
}), [
|
159
159
|
_ctx.title && !_ctx.topTitle ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
160
160
|
createVNode(_sfc_main$1, {
|
161
161
|
title: _ctx.title,
|
@@ -184,9 +184,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
184
184
|
_ctx.watermark ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
185
185
|
createElementVNode("div", _hoisted_7, toDisplayString(_ctx.watermark), 1)
|
186
186
|
])) : createCommentVNode("", true)
|
187
|
-
],
|
188
|
-
overflow.value.length !== 0 ? (openBlock(), createBlock(_component_WPage, {
|
189
|
-
key: 0,
|
187
|
+
], 16),
|
188
|
+
overflow.value.length !== 0 ? (openBlock(), createBlock(_component_WPage, mergeProps({ key: 0 }, _ctx.$attrs, {
|
190
189
|
prerendered: overflow.value,
|
191
190
|
title: _ctx.title,
|
192
191
|
"top-title": "",
|
@@ -195,7 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
195
194
|
date: _ctx.date,
|
196
195
|
empty: _ctx.empty,
|
197
196
|
watermark: _ctx.watermark
|
198
|
-
}, createSlots({ _: 2 }, [
|
197
|
+
}), createSlots({ _: 2 }, [
|
199
198
|
_ctx.$slots.header ? {
|
200
199
|
name: "header",
|
201
200
|
fn: withCtx(() => [
|
@@ -210,7 +209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
210
209
|
]),
|
211
210
|
key: "1"
|
212
211
|
} : void 0
|
213
|
-
]),
|
212
|
+
]), 1040, ["prerendered", "title", "center-logo", "logo-component", "date", "empty", "watermark"])) : createCommentVNode("", true)
|
214
213
|
], 64);
|
215
214
|
};
|
216
215
|
}
|