vft 0.0.429 → 0.0.430
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/attributes.json +1 -1
- package/es/components/alert/alert.vue2.js +38 -38
- package/es/components/autocomplete/autocomplete.vue2.js +82 -82
- package/es/components/avatar/avatar.vue2.js +23 -23
- package/es/components/avatar-stack/avatar-stack.vue2.js +25 -25
- package/es/components/breadcrumb/breadcrumb-item.vue2.js +19 -19
- package/es/components/button/button.vue2.js +37 -37
- package/es/components/card/card.vue2.js +19 -19
- package/es/components/carousel/carousel.vue2.js +75 -75
- package/es/components/carousel/use-carousel.js +1 -1
- package/es/components/cascader-panel/index.vue2.js +2 -2
- package/es/components/cascader-panel/menu.vue2.js +2 -2
- package/es/components/cascader-panel/node.vue2.js +3 -4
- package/es/components/checkbox/checkbox-button.vue2.js +52 -52
- package/es/components/checkbox/checkbox-group.vue2.js +26 -26
- package/es/components/checkbox/checkbox.vue2.js +57 -57
- package/es/components/clamp/clamp.vue2.js +14 -14
- package/es/components/clamp-toggle/clamp-toggle.vue2.js +17 -17
- package/es/components/clamp-tooltip/clamp-tooltip.vue2.js +19 -19
- package/es/components/col/col.vue2.js +20 -20
- package/es/components/color-picker/color-picker.vue2.js +126 -128
- package/es/components/color-picker/components/sv-panel.vue.js +2 -2
- package/es/components/config-provider/hooks/use-global-config.js +3 -3
- package/es/components/context-menu/context-menu.vue2.js +18 -18
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +37 -39
- package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +8 -10
- package/es/components/date-picker/date-picker.d.ts +1 -1
- package/es/components/date-picker/index.d.ts +2 -2
- package/es/components/descriptions/description.vue2.js +44 -44
- package/es/components/descriptions/descriptions-row.vue2.js +12 -12
- package/es/components/dialog/dialog-content.vue2.js +31 -31
- package/es/components/dialog/dialog.vue2.js +46 -46
- package/es/components/divider/divider.vue2.js +19 -19
- package/es/components/drawer/drawer.vue2.js +41 -41
- package/es/components/dropdown/dropdown-item-impl.vue2.js +40 -40
- package/es/components/dropdown/dropdown-item.vue2.js +28 -28
- package/es/components/dropdown/dropdown.vue2.js +124 -124
- package/es/components/form/form-item.vue2.js +71 -71
- package/es/components/header-layout/header-layout.vue2.js +25 -25
- package/es/components/icon/icon.vue2.js +15 -15
- package/es/components/icon-text/icon-text.vue2.js +28 -28
- package/es/components/iframe-layout/iframe-layout.vue2.js +13 -13
- package/es/components/iframe-layout/iframe-page.vue2.js +11 -11
- package/es/components/image/image.vue2.js +63 -63
- package/es/components/image-viewer/image-viewer.vue2.js +88 -88
- package/es/components/infinite-scroll/index.d.ts +1 -1
- package/es/components/input/input.vue2.js +112 -112
- package/es/components/input-number/input-number.vue2.js +100 -100
- package/es/components/input-tag/composables/use-input-tag.js +1 -1
- package/es/components/link/link.vue2.js +20 -20
- package/es/components/list-cell/list-cell.vue2.js +19 -19
- package/es/components/logo/logo.vue2.js +22 -22
- package/es/components/menu/menu-item-group.vue2.js +8 -8
- package/es/components/menu/menu-item.vue2.js +48 -48
- package/es/components/message/message.vue2.js +66 -66
- package/es/components/modal/modal-footer-action.vue2.js +25 -25
- package/es/components/modal/modal.vue2.js +40 -40
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +30 -30
- package/es/components/page-wrapper/page-wrapper.vue2.js +12 -12
- package/es/components/pagination/components/jumper.vue2.js +18 -18
- package/es/components/pagination/components/next.vue2.js +11 -11
- package/es/components/pagination/components/pager.vue2.js +74 -74
- package/es/components/pagination/components/prev.vue2.js +9 -9
- package/es/components/pagination/components/sizes.vue2.js +18 -18
- package/es/components/pagination/components/total.vue2.js +8 -8
- package/es/components/popconfirm/popconfirm.vue2.js +47 -47
- package/es/components/popover/popover.vue2.js +28 -28
- package/es/components/popper/trigger.vue2.js +9 -9
- package/es/components/progress/progress.vue2.js +87 -87
- package/es/components/qrcode/qrcode.vue2.js +31 -31
- package/es/components/radio/radio-button.vue2.js +17 -17
- package/es/components/radio/radio-group.vue2.js +35 -35
- package/es/components/router-view-content/router-view-content.vue2.js +25 -25
- package/es/components/roving-focus-group/roving-focus-item.vue2.js +30 -30
- package/es/components/row/row.vue2.js +5 -5
- package/es/components/scrollbar/bar.vue2.js +16 -16
- package/es/components/scrollbar/scrollbar.vue2.js +48 -48
- package/es/components/scrollbar/thumb.vue2.js +27 -27
- package/es/components/search/search.vue2.js +29 -29
- package/es/components/select/index.d.ts +1 -1
- package/es/components/select/select.vue.d.ts +1 -1
- package/es/components/side-menu/index.d.ts +2 -8
- package/es/components/side-menu/side-menu.vue.d.ts +5 -59
- package/es/components/side-menu/types.d.ts +107 -0
- package/es/components/skeleton/skeleton-item.vue2.js +9 -9
- package/es/components/skeleton/skeleton.vue2.js +14 -14
- package/es/components/slider/button.vue2.js +54 -54
- package/es/components/slider/slider.vue2.js +106 -106
- package/es/components/steps/item.vue2.js +56 -56
- package/es/components/steps/steps.vue2.js +16 -16
- package/es/components/super-form/super-form-action.vue2.js +28 -28
- package/es/components/super-form/super-form-item.vue2.js +1 -1
- package/es/components/switch/switch.vue2.js +108 -108
- package/es/components/table/field.d.ts +4 -4
- package/es/components/teleport/teleport.vue2.js +6 -6
- package/es/components/time-picker/common/picker.vue.d.ts +1 -1
- package/es/components/time-picker/index.d.ts +2 -2
- package/es/components/time-picker/time-picker.d.ts +1 -1
- package/es/components/timeline/timeline-item.vue2.js +20 -20
- package/es/components/tooltip/content.vue2.js +57 -57
- package/es/components/tooltip/tooltip.vue2.js +66 -66
- package/es/components/tooltip/trigger.vue2.js +42 -42
- package/es/components/tree/tree.vue2.js +72 -72
- package/es/components/upload/upload-content.vue2.js +85 -85
- package/es/components/upload/upload-list.vue2.js +70 -70
- package/es/components/upload/upload.vue2.js +86 -86
- package/es/components/verify-code/verify-code.vue2.js +18 -18
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/es/utils/vue/vnode.js +1 -1
- package/lib/components/alert/alert.vue2.cjs +1 -1
- package/lib/components/autocomplete/autocomplete.vue2.cjs +1 -1
- package/lib/components/avatar/avatar.vue2.cjs +1 -1
- package/lib/components/avatar-stack/avatar-stack.vue2.cjs +1 -1
- package/lib/components/breadcrumb/breadcrumb-item.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/card/card.vue2.cjs +1 -1
- package/lib/components/carousel/carousel.vue2.cjs +1 -1
- package/lib/components/cascader-panel/index.vue2.cjs +1 -1
- package/lib/components/cascader-panel/menu.vue2.cjs +1 -1
- package/lib/components/cascader-panel/node.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-button.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-group.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox.vue2.cjs +1 -1
- package/lib/components/clamp/clamp.vue2.cjs +1 -1
- package/lib/components/clamp-toggle/clamp-toggle.vue2.cjs +1 -1
- package/lib/components/clamp-tooltip/clamp-tooltip.vue2.cjs +1 -1
- package/lib/components/col/col.vue2.cjs +1 -1
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/color-picker/components/sv-panel.vue.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-range.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker.d.ts +1 -1
- package/lib/components/date-picker/index.d.ts +2 -2
- package/lib/components/descriptions/description.vue2.cjs +1 -1
- package/lib/components/descriptions/descriptions-row.vue2.cjs +1 -1
- package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/dialog/dialog.vue2.cjs +1 -1
- package/lib/components/divider/divider.vue2.cjs +1 -1
- package/lib/components/drawer/drawer.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown-item-impl.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown-item.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/form/form-item.vue2.cjs +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/icon/icon.vue2.cjs +1 -1
- package/lib/components/icon-text/icon-text.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-layout.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-page.vue2.cjs +1 -1
- package/lib/components/image/image.vue2.cjs +1 -1
- package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/infinite-scroll/index.d.ts +1 -1
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/input-number/input-number.vue2.cjs +1 -1
- package/lib/components/link/link.vue2.cjs +1 -1
- package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
- package/lib/components/logo/logo.vue2.cjs +1 -1
- package/lib/components/menu/menu-item-group.vue2.cjs +1 -1
- package/lib/components/menu/menu-item.vue2.cjs +1 -1
- package/lib/components/message/message.vue2.cjs +1 -1
- package/lib/components/modal/modal-footer-action.vue2.cjs +1 -1
- package/lib/components/modal/modal.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/page-wrapper/page-wrapper.vue2.cjs +1 -1
- package/lib/components/pagination/components/jumper.vue2.cjs +1 -1
- package/lib/components/pagination/components/next.vue2.cjs +1 -1
- package/lib/components/pagination/components/pager.vue2.cjs +1 -1
- package/lib/components/pagination/components/prev.vue2.cjs +1 -1
- package/lib/components/pagination/components/sizes.vue2.cjs +1 -1
- package/lib/components/pagination/components/total.vue2.cjs +1 -1
- package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -1
- package/lib/components/popover/popover.vue2.cjs +1 -1
- package/lib/components/popper/trigger.vue2.cjs +1 -1
- package/lib/components/progress/progress.vue2.cjs +5 -5
- package/lib/components/qrcode/qrcode.vue2.cjs +1 -1
- package/lib/components/radio/radio-button.vue2.cjs +1 -1
- package/lib/components/radio/radio-group.vue2.cjs +1 -1
- package/lib/components/router-view-content/router-view-content.vue2.cjs +1 -1
- package/lib/components/roving-focus-group/roving-focus-item.vue2.cjs +1 -1
- package/lib/components/row/row.vue2.cjs +1 -1
- package/lib/components/scrollbar/bar.vue2.cjs +1 -1
- package/lib/components/scrollbar/scrollbar.vue2.cjs +1 -1
- package/lib/components/scrollbar/thumb.vue2.cjs +1 -1
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/select/index.d.ts +1 -1
- package/lib/components/select/select.vue.d.ts +1 -1
- package/lib/components/side-menu/index.d.ts +2 -8
- package/lib/components/side-menu/side-menu.vue.d.ts +5 -59
- package/lib/components/side-menu/types.d.ts +107 -0
- package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton.vue2.cjs +1 -1
- package/lib/components/slider/button.vue2.cjs +1 -1
- package/lib/components/slider/slider.vue2.cjs +1 -1
- package/lib/components/steps/item.vue2.cjs +1 -1
- package/lib/components/steps/steps.vue2.cjs +1 -1
- package/lib/components/super-form/super-form-action.vue2.cjs +1 -1
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/table/field.d.ts +4 -4
- package/lib/components/teleport/teleport.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue.d.ts +1 -1
- package/lib/components/time-picker/index.d.ts +2 -2
- package/lib/components/time-picker/time-picker.d.ts +1 -1
- package/lib/components/timeline/timeline-item.vue2.cjs +1 -1
- package/lib/components/tooltip/content.vue2.cjs +1 -1
- package/lib/components/tooltip/tooltip.vue2.cjs +1 -1
- package/lib/components/tooltip/trigger.vue2.cjs +1 -1
- package/lib/components/tree/tree.vue2.cjs +1 -1
- package/lib/components/upload/upload-content.vue2.cjs +1 -1
- package/lib/components/upload/upload-list.vue2.cjs +1 -1
- package/lib/components/upload/upload.vue2.cjs +1 -1
- package/lib/components/verify-code/verify-code.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +5 -5
- package/tags.json +1 -1
- package/theme-style/src/mixins/mixins.scss +1 -0
- package/web-types.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { downloadByUrl as
|
|
3
|
-
import { toDataURL as
|
|
4
|
-
import { toCanvas as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as f, ref as w, onMounted as g, getCurrentInstance as v, watch as h, createElementBlock as p, openBlock as l, createBlock as C, resolveDynamicComponent as x, unref as c } from "vue";
|
|
2
|
+
import { downloadByUrl as y } from "@vft/utils";
|
|
3
|
+
import { toDataURL as E } from "qrcode";
|
|
4
|
+
import { toCanvas as L } from "./toCanvas.js";
|
|
5
|
+
const k = f({
|
|
6
6
|
name: "vft-qrcode"
|
|
7
|
-
}), M = /* @__PURE__ */
|
|
8
|
-
...
|
|
7
|
+
}), M = /* @__PURE__ */ f({
|
|
8
|
+
...k,
|
|
9
9
|
props: {
|
|
10
10
|
value: {},
|
|
11
11
|
options: {},
|
|
@@ -14,58 +14,58 @@ const x = s({
|
|
|
14
14
|
tag: { default: "canvas" }
|
|
15
15
|
},
|
|
16
16
|
emits: ["done", "error"],
|
|
17
|
-
setup(
|
|
17
|
+
setup(t, { expose: s, emit: u }) {
|
|
18
18
|
const a = u, r = w(null);
|
|
19
19
|
async function i() {
|
|
20
20
|
try {
|
|
21
|
-
const o = String(
|
|
22
|
-
if (!
|
|
23
|
-
if (
|
|
24
|
-
const
|
|
25
|
-
canvas:
|
|
26
|
-
width:
|
|
27
|
-
logo:
|
|
21
|
+
const o = String(t.value), e = c(r);
|
|
22
|
+
if (!e) return;
|
|
23
|
+
if (t.tag === "canvas") {
|
|
24
|
+
const n = await L({
|
|
25
|
+
canvas: e,
|
|
26
|
+
width: t.width,
|
|
27
|
+
logo: t.logo,
|
|
28
28
|
content: o,
|
|
29
|
-
options:
|
|
29
|
+
options: t.options || {}
|
|
30
30
|
});
|
|
31
31
|
a("done", {
|
|
32
|
-
url:
|
|
33
|
-
ctx:
|
|
32
|
+
url: n,
|
|
33
|
+
ctx: e.getContext("2d")
|
|
34
34
|
});
|
|
35
35
|
return;
|
|
36
36
|
}
|
|
37
|
-
if (
|
|
38
|
-
const
|
|
37
|
+
if (t.tag === "img") {
|
|
38
|
+
const n = await E(o, {
|
|
39
39
|
errorCorrectionLevel: "H",
|
|
40
|
-
width:
|
|
41
|
-
...
|
|
40
|
+
width: t.width,
|
|
41
|
+
...t.options
|
|
42
42
|
});
|
|
43
|
-
c(r).src =
|
|
43
|
+
c(r).src = n, a("done", { url: n });
|
|
44
44
|
}
|
|
45
45
|
} catch (o) {
|
|
46
46
|
a("error", o);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
function d(o) {
|
|
50
|
-
let
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
url:
|
|
50
|
+
let e = "";
|
|
51
|
+
const n = c(r);
|
|
52
|
+
n instanceof HTMLCanvasElement ? e = n.toDataURL() : n instanceof HTMLImageElement && (e = n.src), e && y({
|
|
53
|
+
url: e,
|
|
54
54
|
fileName: o
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
57
|
g(i);
|
|
58
58
|
const m = v();
|
|
59
|
-
return
|
|
59
|
+
return h(
|
|
60
60
|
m.props,
|
|
61
61
|
() => {
|
|
62
62
|
i();
|
|
63
63
|
},
|
|
64
64
|
{ deep: !0 }
|
|
65
|
-
),
|
|
65
|
+
), s({
|
|
66
66
|
download: d
|
|
67
|
-
}), (o,
|
|
68
|
-
(l(), C(
|
|
67
|
+
}), (o, e) => (l(), p("div", null, [
|
|
68
|
+
(l(), C(x(t.tag), {
|
|
69
69
|
ref_key: "wrapRef",
|
|
70
70
|
ref: r
|
|
71
71
|
}, null, 512))
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as f, computed as C, createElementBlock as g, openBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as p, withModifiers as b, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as x, createTextVNode as z, toDisplayString as D } from "vue";
|
|
2
2
|
import "@vueuse/core";
|
|
3
3
|
import "@vft/utils";
|
|
4
4
|
import "../config-provider/hooks/use-global-config.js";
|
|
@@ -9,9 +9,9 @@ import "../../hooks/use-model-toggle/index.js";
|
|
|
9
9
|
import "@popperjs/core";
|
|
10
10
|
import "../../hooks/use-z-index/index.js";
|
|
11
11
|
import { useRadio as M } from "./use-radio.js";
|
|
12
|
-
const F = ["value", "name", "disabled"], G =
|
|
12
|
+
const F = ["value", "name", "disabled"], G = f({
|
|
13
13
|
name: "vft-radio-button"
|
|
14
|
-
}), P = /* @__PURE__ */
|
|
14
|
+
}), P = /* @__PURE__ */ f({
|
|
15
15
|
...G,
|
|
16
16
|
props: {
|
|
17
17
|
size: {},
|
|
@@ -23,14 +23,14 @@ const F = ["value", "name", "disabled"], G = b({
|
|
|
23
23
|
border: { type: Boolean }
|
|
24
24
|
},
|
|
25
25
|
emits: ["click"],
|
|
26
|
-
setup(
|
|
27
|
-
const t = E("radio"), y =
|
|
26
|
+
setup(n, { emit: v }) {
|
|
27
|
+
const t = E("radio"), y = n, { radioRef: c, focus: a, size: k, disabled: d, modelValue: i, radioGroup: l, actualValue: s } = M(y), B = v, S = C(() => ({
|
|
28
28
|
backgroundColor: l?.fill || "",
|
|
29
29
|
borderColor: l?.fill || "",
|
|
30
30
|
boxShadow: l?.fill ? `-1px 0 0 0 ${l.fill}` : "",
|
|
31
31
|
color: l?.textColor || ""
|
|
32
32
|
}));
|
|
33
|
-
return (
|
|
33
|
+
return (m, o) => (N(), g("label", {
|
|
34
34
|
class: u([
|
|
35
35
|
e(t).b("button"),
|
|
36
36
|
e(t).is("active", e(i) === e(s)),
|
|
@@ -39,31 +39,31 @@ const F = ["value", "name", "disabled"], G = b({
|
|
|
39
39
|
e(t).bm("button", e(k))
|
|
40
40
|
])
|
|
41
41
|
}, [
|
|
42
|
-
V(
|
|
42
|
+
V(p("input", {
|
|
43
43
|
ref_key: "radioRef",
|
|
44
44
|
ref: c,
|
|
45
|
-
"onUpdate:modelValue": o[0] || (o[0] = (
|
|
45
|
+
"onUpdate:modelValue": o[0] || (o[0] = (r) => $(i) ? i.value = r : null),
|
|
46
46
|
class: u(e(t).be("button", "original-radio")),
|
|
47
47
|
value: e(s),
|
|
48
48
|
type: "radio",
|
|
49
|
-
name:
|
|
49
|
+
name: n.name || e(l)?.name,
|
|
50
50
|
disabled: e(d),
|
|
51
|
-
onFocus: o[1] || (o[1] = (
|
|
52
|
-
onBlur: o[2] || (o[2] = (
|
|
53
|
-
onClick: o[3] || (o[3] =
|
|
51
|
+
onFocus: o[1] || (o[1] = (r) => a.value = !0),
|
|
52
|
+
onBlur: o[2] || (o[2] = (r) => a.value = !1),
|
|
53
|
+
onClick: o[3] || (o[3] = b(() => {
|
|
54
54
|
}, ["stop"]))
|
|
55
55
|
}, null, 42, F), [
|
|
56
56
|
[R, e(i)]
|
|
57
57
|
]),
|
|
58
|
-
|
|
59
|
-
onClick: o[4] || (o[4] = (
|
|
58
|
+
p("span", {
|
|
59
|
+
onClick: o[4] || (o[4] = (r) => B("click", m.$props)),
|
|
60
60
|
class: u(e(t).be("button", "inner")),
|
|
61
61
|
style: w(e(i) === e(s) ? S.value : {}),
|
|
62
|
-
onKeydown: o[5] || (o[5] =
|
|
62
|
+
onKeydown: o[5] || (o[5] = b(() => {
|
|
63
63
|
}, ["stop"]))
|
|
64
64
|
}, [
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
x(m.$slots, "default", {}, () => [
|
|
66
|
+
z(D(n.label), 1)
|
|
67
67
|
])
|
|
68
68
|
], 38)
|
|
69
69
|
], 2));
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as p, ref as E, onMounted as B, computed as k, provide as _, reactive as h, toRefs as C, watch as x, createElementBlock as u, openBlock as i, unref as a, normalizeClass as z, renderSlot as N, Fragment as A, renderList as F, createBlock as G, resolveDynamicComponent as L, nextTick as T } from "vue";
|
|
2
2
|
import "../form/index.js";
|
|
3
|
-
import { UPDATE_MODEL_EVENT as
|
|
3
|
+
import { UPDATE_MODEL_EVENT as c, CHANGE_EVENT as V } from "../../constants/event.js";
|
|
4
4
|
import "@vueuse/core";
|
|
5
5
|
import "@vft/utils";
|
|
6
|
-
import { debugWarn as
|
|
6
|
+
import { debugWarn as D } from "../../utils/error.js";
|
|
7
7
|
import "../config-provider/hooks/use-global-config.js";
|
|
8
8
|
import "lodash-es";
|
|
9
|
-
import { useId as
|
|
10
|
-
import { useNamespace as
|
|
9
|
+
import { useId as R } from "../../hooks/use-id/index.js";
|
|
10
|
+
import { useNamespace as S } from "../../hooks/use-namespace/index.js";
|
|
11
11
|
import "../../hooks/use-model-toggle/index.js";
|
|
12
12
|
import "@popperjs/core";
|
|
13
13
|
import "../../hooks/use-z-index/index.js";
|
|
14
|
-
import { radioGroupKey as
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import { useFormItem as
|
|
18
|
-
const K = ["id", "aria-label", "aria-labelledby"], O =
|
|
14
|
+
import { radioGroupKey as $ } from "./constants.js";
|
|
15
|
+
import M from "./radio.vue2.js";
|
|
16
|
+
import q from "./radio-button.vue2.js";
|
|
17
|
+
import { useFormItem as w, useFormItemInputId as H } from "../form/hooks/use-form-item.js";
|
|
18
|
+
const K = ["id", "aria-label", "aria-labelledby"], O = p({
|
|
19
19
|
name: "vft-radio-group"
|
|
20
|
-
}), me = /* @__PURE__ */
|
|
20
|
+
}), me = /* @__PURE__ */ p({
|
|
21
21
|
...O,
|
|
22
22
|
props: {
|
|
23
23
|
id: {},
|
|
@@ -32,40 +32,40 @@ const K = ["id", "aria-label", "aria-labelledby"], O = u({
|
|
|
32
32
|
useButton: { type: Boolean },
|
|
33
33
|
options: {}
|
|
34
34
|
},
|
|
35
|
-
emits: [
|
|
36
|
-
setup(
|
|
37
|
-
const
|
|
38
|
-
formItemContext:
|
|
35
|
+
emits: [c, V],
|
|
36
|
+
setup(r, { emit: f }) {
|
|
37
|
+
const t = r, m = f, b = S("radio"), v = R(), d = E(), { formItem: l } = w(), { inputId: y, isLabeledByFormItem: s } = H(t, {
|
|
38
|
+
formItemContext: l
|
|
39
39
|
}), I = (e) => {
|
|
40
|
-
|
|
40
|
+
m(c, e), T(() => m("change", e));
|
|
41
41
|
};
|
|
42
|
-
|
|
43
|
-
const e =
|
|
44
|
-
!Array.from(e).some((o) => o.checked) &&
|
|
42
|
+
B(() => {
|
|
43
|
+
const e = d.value.querySelectorAll("[type=radio]"), n = e[0];
|
|
44
|
+
!Array.from(e).some((o) => o.checked) && n && (n.tabIndex = 0);
|
|
45
45
|
});
|
|
46
|
-
const
|
|
47
|
-
return
|
|
48
|
-
|
|
46
|
+
const g = k(() => t.name || v.value);
|
|
47
|
+
return _(
|
|
48
|
+
$,
|
|
49
49
|
h({
|
|
50
|
-
...C(
|
|
50
|
+
...C(t),
|
|
51
51
|
changeEvent: I,
|
|
52
|
-
name:
|
|
52
|
+
name: g
|
|
53
53
|
})
|
|
54
|
-
),
|
|
55
|
-
() =>
|
|
54
|
+
), x(
|
|
55
|
+
() => t.modelValue,
|
|
56
56
|
() => {
|
|
57
|
-
|
|
57
|
+
t.validateEvent && l?.validate("change").catch((e) => D(e));
|
|
58
58
|
}
|
|
59
|
-
), (e,
|
|
60
|
-
id:
|
|
59
|
+
), (e, n) => (i(), u("div", {
|
|
60
|
+
id: a(y),
|
|
61
61
|
ref_key: "radioGroupRef",
|
|
62
|
-
ref:
|
|
63
|
-
class:
|
|
62
|
+
ref: d,
|
|
63
|
+
class: z(a(b).b("group")),
|
|
64
64
|
role: "radiogroup",
|
|
65
|
-
"aria-label":
|
|
66
|
-
"aria-labelledby":
|
|
65
|
+
"aria-label": a(s) ? void 0 : r.label || "radio-group",
|
|
66
|
+
"aria-labelledby": a(s) ? a(l)?.labelId : void 0
|
|
67
67
|
}, [
|
|
68
|
-
|
|
68
|
+
r.options ? (i(!0), u(A, { key: 0 }, F(r.options, (o) => (i(), G(L(r.useButton ? q : M), {
|
|
69
69
|
size: o.size,
|
|
70
70
|
disabled: o.disabled,
|
|
71
71
|
label: o.label,
|
|
@@ -73,7 +73,7 @@ const K = ["id", "aria-label", "aria-labelledby"], O = u({
|
|
|
73
73
|
name: o.name,
|
|
74
74
|
border: o.border,
|
|
75
75
|
key: o.value
|
|
76
|
-
}, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) :
|
|
76
|
+
}, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : N(e.$slots, "default", { key: 1 })
|
|
77
77
|
], 10, K));
|
|
78
78
|
}
|
|
79
79
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { getRouterKeyPath as
|
|
1
|
+
import { defineComponent as p, computed as u, resolveComponent as C, createBlock as n, openBlock as a, withCtx as c, createVNode as f, unref as r, KeepAlive as x, createCommentVNode as A, resolveDynamicComponent as v, Transition as k, mergeProps as B } from "vue";
|
|
2
|
+
import { getRouterKeyPath as N } from "@vft/router";
|
|
3
3
|
import "vue-router";
|
|
4
|
-
import { createReusableTemplate as
|
|
5
|
-
const
|
|
4
|
+
import { createReusableTemplate as R } from "@vueuse/core";
|
|
5
|
+
const K = p({
|
|
6
6
|
name: "vft-router-view-content"
|
|
7
|
-
}),
|
|
8
|
-
...
|
|
7
|
+
}), b = /* @__PURE__ */ p({
|
|
8
|
+
...K,
|
|
9
9
|
props: {
|
|
10
10
|
cacheList: {},
|
|
11
11
|
transitionName: {},
|
|
@@ -16,40 +16,40 @@ const P = v({
|
|
|
16
16
|
enableErrorHandle: { type: Boolean },
|
|
17
17
|
exceptionComp: {}
|
|
18
18
|
},
|
|
19
|
-
setup(
|
|
20
|
-
const h = u(() =>
|
|
21
|
-
let o =
|
|
22
|
-
return
|
|
23
|
-
}), [g,
|
|
24
|
-
return (
|
|
19
|
+
setup(e) {
|
|
20
|
+
const h = u(() => e.openKeepAlive ? e.cacheList : []), m = u(() => (t) => e.enableErrorHandle && e.pageErrorStatus && e.exceptionComp || t), y = u(() => (t) => {
|
|
21
|
+
let o = t.name;
|
|
22
|
+
return t.meta?.currentActivePath && (o = t.matched?.filter((l) => l.path === t.meta?.currentActivePath)?.[0].name), e.isReloadFlag ? void 0 : o;
|
|
23
|
+
}), [g, d] = R();
|
|
24
|
+
return (t, o) => {
|
|
25
25
|
const l = C("router-view");
|
|
26
26
|
return a(), n(l, null, {
|
|
27
|
-
default:
|
|
28
|
-
|
|
29
|
-
default:
|
|
30
|
-
e.openKeepAlive ? (a(), n(
|
|
27
|
+
default: c(({ Component: s, route: i }) => [
|
|
28
|
+
f(r(g), null, {
|
|
29
|
+
default: c(() => [
|
|
30
|
+
e.openKeepAlive ? (a(), n(x, {
|
|
31
31
|
key: 0,
|
|
32
32
|
include: h.value,
|
|
33
33
|
exclude: y.value(i)
|
|
34
34
|
}, [
|
|
35
|
-
e.isReloadFlag ? (a(), n(
|
|
36
|
-
key: r(
|
|
37
|
-
})) :
|
|
38
|
-
], 1032, ["include", "exclude"])) : (a(), n(
|
|
35
|
+
e.isReloadFlag ? (a(), n(v(m.value(s)), {
|
|
36
|
+
key: r(N)(i)
|
|
37
|
+
})) : A("", !0)
|
|
38
|
+
], 1032, ["include", "exclude"])) : (a(), n(v(m.value(s)), {
|
|
39
39
|
key: i.fullPath
|
|
40
40
|
}))
|
|
41
41
|
]),
|
|
42
42
|
_: 2
|
|
43
43
|
}, 1024),
|
|
44
|
-
e.transitionName ? (a(), n(
|
|
44
|
+
e.transitionName ? (a(), n(k, B({
|
|
45
45
|
key: 0,
|
|
46
46
|
name: e.transitionName
|
|
47
47
|
}, e.transitionAttr), {
|
|
48
|
-
default:
|
|
49
|
-
|
|
48
|
+
default: c(() => [
|
|
49
|
+
f(r(d))
|
|
50
50
|
]),
|
|
51
51
|
_: 1
|
|
52
|
-
}, 16, ["name"])) : (a(), n(r(
|
|
52
|
+
}, 16, ["name"])) : (a(), n(r(d), { key: 1 }))
|
|
53
53
|
]),
|
|
54
54
|
_: 1
|
|
55
55
|
});
|
|
@@ -57,5 +57,5 @@ const P = v({
|
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
b as default
|
|
61
61
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as p, inject as
|
|
1
|
+
import { defineComponent as p, inject as l, ref as g, unref as r, nextTick as x, computed as d, provide as R, createBlock as G, openBlock as K, withCtx as V, renderSlot as S } from "vue";
|
|
2
2
|
import { EVENT_CODE as U } from "../../constants/aria.js";
|
|
3
3
|
import "@vueuse/core";
|
|
4
4
|
import "@vft/utils";
|
|
5
|
-
import { composeEventHandlers as
|
|
5
|
+
import { composeEventHandlers as a } from "../../utils/event.js";
|
|
6
6
|
import "../config-provider/hooks/use-global-config.js";
|
|
7
7
|
import "lodash-es";
|
|
8
8
|
import "../form/index.js";
|
|
@@ -11,12 +11,12 @@ import "../../hooks/use-model-toggle/index.js";
|
|
|
11
11
|
import "@popperjs/core";
|
|
12
12
|
import "../../hooks/use-z-index/index.js";
|
|
13
13
|
import { ROVING_FOCUS_GROUP_INJECTION_KEY as J, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as L } from "./tokens.js";
|
|
14
|
-
import { VftCollectionItem as
|
|
14
|
+
import { VftCollectionItem as I, ROVING_FOCUS_COLLECTION_INJECTION_KEY as Y } from "./types.js";
|
|
15
15
|
import { getFocusIntent as D, reorderArray as M, focusFirst as P } from "./utils.js";
|
|
16
16
|
const j = p({
|
|
17
17
|
name: "VftRovingFocusItem",
|
|
18
18
|
components: {
|
|
19
|
-
"roving-focus-collection-item":
|
|
19
|
+
"roving-focus-collection-item": I
|
|
20
20
|
}
|
|
21
21
|
}), ie = /* @__PURE__ */ p({
|
|
22
22
|
...j,
|
|
@@ -25,70 +25,70 @@ const j = p({
|
|
|
25
25
|
active: { type: Boolean, default: !1 }
|
|
26
26
|
},
|
|
27
27
|
emits: ["mousedown", "focus", "keydown"],
|
|
28
|
-
setup(
|
|
29
|
-
const v =
|
|
28
|
+
setup(s, { emit: _ }) {
|
|
29
|
+
const v = s, c = _, { currentTabbedId: O, loop: C, onItemFocus: f, onItemShiftTab: E } = l(
|
|
30
30
|
J,
|
|
31
31
|
void 0
|
|
32
|
-
), { getItems: b } =
|
|
32
|
+
), { getItems: b } = l(Y, void 0), n = B(), N = g(null), T = a(
|
|
33
33
|
(e) => {
|
|
34
|
-
|
|
34
|
+
c("mousedown", e);
|
|
35
35
|
},
|
|
36
36
|
(e) => {
|
|
37
|
-
v.focusable ?
|
|
37
|
+
v.focusable ? f(r(n)) : e.preventDefault();
|
|
38
38
|
}
|
|
39
|
-
), F =
|
|
39
|
+
), F = a(
|
|
40
40
|
(e) => {
|
|
41
|
-
|
|
41
|
+
c("focus", e);
|
|
42
42
|
},
|
|
43
43
|
() => {
|
|
44
|
-
|
|
44
|
+
f(r(n));
|
|
45
45
|
}
|
|
46
|
-
), h =
|
|
46
|
+
), h = a(
|
|
47
47
|
(e) => {
|
|
48
|
-
|
|
48
|
+
c("keydown", e);
|
|
49
49
|
},
|
|
50
50
|
(e) => {
|
|
51
|
-
const { key:
|
|
52
|
-
if (
|
|
51
|
+
const { key: m, shiftKey: w, target: y, currentTarget: u } = e;
|
|
52
|
+
if (m === U.tab && w) {
|
|
53
53
|
E();
|
|
54
54
|
return;
|
|
55
55
|
}
|
|
56
|
-
if (y !==
|
|
57
|
-
const
|
|
58
|
-
if (
|
|
56
|
+
if (y !== u) return;
|
|
57
|
+
const i = D(e);
|
|
58
|
+
if (i) {
|
|
59
59
|
e.preventDefault();
|
|
60
60
|
let t = b().filter((o) => o.focusable).map((o) => o.ref);
|
|
61
|
-
switch (
|
|
61
|
+
switch (i) {
|
|
62
62
|
case "last": {
|
|
63
63
|
t.reverse();
|
|
64
64
|
break;
|
|
65
65
|
}
|
|
66
66
|
case "prev":
|
|
67
67
|
case "next": {
|
|
68
|
-
|
|
69
|
-
const o = t.indexOf(
|
|
68
|
+
i === "prev" && t.reverse();
|
|
69
|
+
const o = t.indexOf(u);
|
|
70
70
|
t = C.value ? M(t, o + 1) : t.slice(o + 1);
|
|
71
71
|
break;
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
|
|
74
|
+
x(() => {
|
|
75
75
|
P(t);
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
), k =
|
|
80
|
-
return
|
|
79
|
+
), k = d(() => O.value === r(n));
|
|
80
|
+
return R(L, {
|
|
81
81
|
rovingFocusGroupItemRef: N,
|
|
82
|
-
tabIndex:
|
|
82
|
+
tabIndex: d(() => r(k) ? 0 : -1),
|
|
83
83
|
handleMousedown: T,
|
|
84
84
|
handleFocus: F,
|
|
85
85
|
handleKeydown: h
|
|
86
|
-
}), (e,
|
|
86
|
+
}), (e, m) => (K(), G(r(I), {
|
|
87
87
|
id: r(n),
|
|
88
|
-
focusable:
|
|
89
|
-
active:
|
|
88
|
+
focusable: s.focusable,
|
|
89
|
+
active: s.active
|
|
90
90
|
}, {
|
|
91
|
-
default:
|
|
91
|
+
default: V(() => [
|
|
92
92
|
S(e.$slots, "default")
|
|
93
93
|
]),
|
|
94
94
|
_: 3
|
|
@@ -4,11 +4,11 @@ import "@vft/utils";
|
|
|
4
4
|
import "../config-provider/hooks/use-global-config.js";
|
|
5
5
|
import "lodash-es";
|
|
6
6
|
import "../form/index.js";
|
|
7
|
-
import { useNamespace as
|
|
7
|
+
import { useNamespace as y } from "../../hooks/use-namespace/index.js";
|
|
8
8
|
import "../../hooks/use-model-toggle/index.js";
|
|
9
9
|
import "@popperjs/core";
|
|
10
10
|
import "../../hooks/use-z-index/index.js";
|
|
11
|
-
import { rowContextKey as
|
|
11
|
+
import { rowContextKey as p } from "./constants.js";
|
|
12
12
|
const v = a({
|
|
13
13
|
name: "vft-row"
|
|
14
14
|
}), D = /* @__PURE__ */ a({
|
|
@@ -20,8 +20,8 @@ const v = a({
|
|
|
20
20
|
align: { default: "top" }
|
|
21
21
|
},
|
|
22
22
|
setup(t) {
|
|
23
|
-
const r =
|
|
24
|
-
n(
|
|
23
|
+
const r = y("row");
|
|
24
|
+
n(p, {
|
|
25
25
|
gutter: o(() => t.gutter)
|
|
26
26
|
});
|
|
27
27
|
const i = o(() => {
|
|
@@ -32,7 +32,7 @@ const v = a({
|
|
|
32
32
|
r.is(`justify-${t.justify}`, t.justify !== "start"),
|
|
33
33
|
r.is(`align-${t.align}`, t.align !== "top")
|
|
34
34
|
]);
|
|
35
|
-
return (e, w) => (u(), s(m(
|
|
35
|
+
return (e, w) => (u(), s(m(t.tag), {
|
|
36
36
|
class: c(l.value),
|
|
37
37
|
style: f(i.value)
|
|
38
38
|
}, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import { GAP as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as m, ref as i, createElementBlock as u, openBlock as h, Fragment as d, createVNode as n } from "vue";
|
|
2
|
+
import r from "./thumb.vue2.js";
|
|
3
|
+
import { GAP as s } from "./util.js";
|
|
4
|
+
const z = /* @__PURE__ */ m({
|
|
5
5
|
__name: "bar",
|
|
6
6
|
props: {
|
|
7
7
|
always: { type: Boolean, default: !0 },
|
|
@@ -10,24 +10,24 @@ const w = /* @__PURE__ */ u({
|
|
|
10
10
|
ratioX: { default: 1 },
|
|
11
11
|
ratioY: { default: 1 }
|
|
12
12
|
},
|
|
13
|
-
setup(
|
|
14
|
-
const
|
|
13
|
+
setup(e, { expose: f }) {
|
|
14
|
+
const a = i(0), o = i(0);
|
|
15
15
|
return f({
|
|
16
|
-
handleScroll: (
|
|
17
|
-
if (
|
|
18
|
-
const l =
|
|
19
|
-
|
|
16
|
+
handleScroll: (t) => {
|
|
17
|
+
if (t) {
|
|
18
|
+
const l = t.offsetHeight - s, c = t.offsetWidth - s;
|
|
19
|
+
o.value = t.scrollTop * 100 / l * e.ratioY, a.value = t.scrollLeft * 100 / c * e.ratioX;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
}), (
|
|
23
|
-
r
|
|
24
|
-
move:
|
|
22
|
+
}), (t, l) => (h(), u(d, null, [
|
|
23
|
+
n(r, {
|
|
24
|
+
move: a.value,
|
|
25
25
|
ratio: e.ratioX,
|
|
26
26
|
size: e.width,
|
|
27
27
|
always: e.always
|
|
28
28
|
}, null, 8, ["move", "ratio", "size", "always"]),
|
|
29
|
-
r
|
|
30
|
-
move:
|
|
29
|
+
n(r, {
|
|
30
|
+
move: o.value,
|
|
31
31
|
ratio: e.ratioY,
|
|
32
32
|
size: e.height,
|
|
33
33
|
vertical: "",
|
|
@@ -37,5 +37,5 @@ const w = /* @__PURE__ */ u({
|
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
z as default
|
|
41
41
|
};
|