vft 0.0.89 → 0.0.91
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/comp-resolver.js +20 -29
- package/es/components/affix/affix.vue2.js +34 -34
- package/es/components/alert/alert.vue2.js +44 -44
- package/es/components/avatar/avatar.vue2.js +28 -28
- package/es/components/backtop/backtop.vue2.js +11 -11
- package/es/components/button/button-group.vue2.js +8 -8
- package/es/components/button/button.vue2.js +39 -39
- package/es/components/card/card.vue2.js +20 -20
- package/es/components/check-tag/check-tag.vue2.js +14 -14
- package/es/components/checkbox/checkbox-button.vue2.js +61 -61
- package/es/components/checkbox/checkbox-group.vue2.js +27 -27
- package/es/components/checkbox/checkbox.vue2.js +81 -81
- package/es/components/clamp/clamp.vue2.js +59 -59
- package/es/components/clamp-toggle/clamp-toggle.vue2.js +25 -25
- package/es/components/col/col.vue2.js +33 -33
- package/es/components/color-picker/color-picker.vue2.js +126 -126
- package/es/components/color-picker/components/alpha-slider.vue2.js +12 -12
- package/es/components/config-provider/config-provider.vue2.js +29 -29
- package/es/components/container/aside.vue2.js +9 -9
- package/es/components/container/container.vue2.js +11 -11
- package/es/components/container/footer.vue2.js +8 -8
- package/es/components/container/header.vue2.js +9 -9
- package/es/components/context-menu/context-menu.vue2.js +29 -29
- package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js +53 -53
- package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js +19 -19
- package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js +32 -32
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +168 -168
- package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +89 -89
- package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +38 -38
- package/es/components/descriptions/description-item.vue2.js +16 -16
- package/es/components/descriptions/description.vue2.js +54 -54
- package/es/components/descriptions/descriptions-row.vue2.js +24 -24
- package/es/components/dialog/dialog-content.vue2.js +30 -30
- package/es/components/dialog/dialog.vue2.js +64 -64
- package/es/components/divider/divider.vue2.js +20 -20
- package/es/components/dropdown/dropdown.vue.js +2 -127
- package/es/components/dropdown/dropdown.vue2.js +234 -181
- package/es/components/dropdown/index.js +10 -17
- package/es/components/dropdown/style/css.js +5 -0
- package/es/components/dropdown/style/index.js +5 -0
- package/es/components/dropdown/tokens.js +1 -1
- package/es/components/empty/empty.vue2.js +27 -27
- package/es/components/exception/exception.vue2.js +19 -19
- package/es/components/footer-layout/footer-layout.vue2.js +1 -1
- package/es/components/form/form-item.vue2.js +77 -77
- package/es/components/form/form.vue2.js +37 -37
- package/es/components/full-screen/full-screen.vue2.js +26 -15
- package/es/components/header-layout/header-layout.vue2.js +27 -27
- package/es/components/horizontal-menu/horizontal-menu.vue2.js +43 -43
- package/es/components/icon/icon.vue2.js +24 -24
- package/es/components/icon-text/icon-text.vue2.js +27 -27
- package/es/components/iframe-layout/iframe-layout.vue2.js +18 -18
- package/es/components/iframe-layout/iframe-page.vue2.js +11 -11
- package/es/components/image/image.vue2.js +73 -73
- package/es/components/image-viewer/image-viewer.vue2.js +109 -109
- package/es/components/index.js +145 -150
- package/es/components/input/input.vue2.js +175 -175
- package/es/components/link/link.vue2.js +27 -27
- package/es/components/list-cell/list-cell.vue2.js +8 -8
- package/es/components/logo/logo.vue2.js +27 -27
- package/es/components/md-container/md-container.vue2.js +1 -1
- package/es/components/md-vue-playground/md-vue-playground.vue2.js +16 -16
- package/es/components/menu/menu-item-group.vue2.js +15 -15
- package/es/components/menu/menu-item.vue2.js +56 -56
- package/es/components/menu/menu.vue2.js +20 -20
- package/es/components/menu/sub-menu.vue2.js +16 -16
- package/es/components/message/message.vue2.js +81 -81
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +12 -12
- package/es/components/multiple-tabs/tab-content.vue2.js +16 -16
- package/es/components/overlay/overlay.vue2.js +14 -14
- package/es/components/page-wrapper/page-wrapper.vue2.js +12 -12
- package/es/components/pagination/components/jumper.vue2.js +22 -22
- package/es/components/pagination/components/next.vue2.js +12 -12
- package/es/components/pagination/components/pager.vue2.js +75 -75
- package/es/components/pagination/components/prev.vue2.js +13 -13
- package/es/components/pagination/components/sizes.vue2.js +11 -11
- package/es/components/pagination/components/total.vue2.js +8 -8
- package/es/components/pagination/pagination.vue2.js +28 -28
- package/es/components/popconfirm/popconfirm.vue2.js +50 -50
- package/es/components/popover/popover.vue2.js +44 -44
- package/es/components/popper/arrow.vue2.js +2 -2
- package/es/components/popper/content.vue2.js +34 -34
- package/es/components/popper/popper.vue2.js +5 -5
- package/es/components/popper/trigger.vue2.js +48 -48
- package/es/components/qrcode/qrcode.vue2.js +35 -35
- package/es/components/radio/radio-button.vue2.js +28 -28
- package/es/components/radio/radio-group.vue2.js +26 -26
- package/es/components/radio/radio.vue2.js +44 -44
- package/es/components/result/result.vue2.js +10 -10
- package/es/components/router-view-content/router-view-content.vue2.js +20 -20
- package/es/components/row/row.vue2.js +19 -19
- package/es/components/scrollbar/bar.vue2.js +19 -19
- package/es/components/scrollbar/scrollbar.vue2.js +67 -67
- package/es/components/scrollbar/thumb.vue2.js +41 -41
- package/es/components/search/search.vue2.js +65 -65
- package/es/components/side-menu/side-menu.vue2.js +36 -36
- package/es/components/skeleton/skeleton-item.vue2.js +13 -13
- package/es/components/skeleton/skeleton.vue2.js +19 -19
- package/es/components/switch/switch.vue2.js +128 -128
- package/es/components/table/index.js +5 -3
- package/es/components/table/table.vue2.js +70 -70
- package/es/components/tabs/tab-bar.vue2.js +15 -15
- package/es/components/tabs/tab-nav.vue2.js +33 -33
- package/es/components/tabs/tab-pane.vue2.js +21 -21
- package/es/components/tabs/tabs.vue2.js +64 -66
- package/es/components/tag/tag.vue2.js +7 -7
- package/es/components/time-picker/common/picker.vue2.js +14 -14
- package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js +60 -60
- package/es/components/time-picker/time-picker-com/panel-time-pick.vue2.js +30 -30
- package/es/components/time-picker/time-picker-com/panel-time-range.vue2.js +57 -57
- package/es/components/time-select/time-select.vue2.js +29 -29
- package/es/components/tooltip/constants.js +1 -1
- package/es/components/tooltip/content.vue2.js +73 -73
- package/es/components/tooltip/tooltip.vue2.js +91 -91
- package/es/components/tooltip/trigger.vue2.js +33 -33
- package/es/components/verify-code/verify-code.vue2.js +25 -25
- package/es/index.js +208 -213
- package/es/package.json.js +1 -1
- package/lib/comp-resolver.cjs +1 -1
- package/lib/components/affix/affix.vue2.cjs +1 -1
- package/lib/components/alert/alert.vue2.cjs +1 -1
- package/lib/components/avatar/avatar.vue2.cjs +1 -1
- package/lib/components/backtop/backtop.vue2.cjs +1 -1
- package/lib/components/button/button-group.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/check-tag/check-tag.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/col/col.vue2.cjs +1 -1
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/color-picker/components/alpha-slider.vue2.cjs +1 -1
- package/lib/components/config-provider/config-provider.vue2.cjs +1 -1
- package/lib/components/container/aside.vue2.cjs +1 -1
- package/lib/components/container/container.vue2.cjs +1 -1
- package/lib/components/container/footer.vue2.cjs +1 -1
- package/lib/components/container/header.vue2.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-date-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-year-table.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-com/panel-month-range.vue2.cjs +1 -1
- package/lib/components/descriptions/description-item.vue2.cjs +1 -1
- 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/dropdown/dropdown.vue.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/dropdown/index.cjs +1 -1
- package/lib/components/dropdown/style/css.cjs +1 -1
- package/lib/components/dropdown/style/index.cjs +1 -1
- package/lib/components/dropdown/tokens.cjs +1 -1
- package/lib/components/empty/empty.vue2.cjs +1 -1
- package/lib/components/exception/exception.vue2.cjs +1 -1
- package/lib/components/footer-layout/footer-layout.vue2.cjs +1 -1
- package/lib/components/form/form-item.vue2.cjs +1 -1
- package/lib/components/form/form.vue2.cjs +1 -1
- package/lib/components/full-screen/full-screen.vue2.cjs +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/horizontal-menu/horizontal-menu.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/index.cjs +1 -1
- package/lib/components/input/input.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/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/md-vue-playground/md-vue-playground.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/menu/menu.vue2.cjs +1 -1
- package/lib/components/menu/sub-menu.vue2.cjs +1 -1
- package/lib/components/message/message.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/tab-content.vue2.cjs +1 -1
- package/lib/components/overlay/overlay.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/pagination/pagination.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/arrow.vue2.cjs +1 -1
- package/lib/components/popper/content.vue2.cjs +1 -1
- package/lib/components/popper/trigger.vue2.cjs +1 -1
- 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/radio/radio.vue2.cjs +1 -1
- package/lib/components/result/result.vue2.cjs +1 -1
- package/lib/components/router-view-content/router-view-content.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/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton.vue2.cjs +1 -1
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/table/index.cjs +1 -1
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/components/tabs/tab-bar.vue2.cjs +1 -1
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/tabs/tab-pane.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tag/tag.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
- package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue2.cjs +1 -1
- package/lib/components/time-picker/time-picker-com/panel-time-pick.vue2.cjs +1 -1
- package/lib/components/time-picker/time-picker-com/panel-time-range.vue2.cjs +1 -1
- package/lib/components/time-select/time-select.vue2.cjs +1 -1
- package/lib/components/tooltip/constants.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/verify-code/verify-code.vue2.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +5 -5
- package/tags.json +1 -1
- package/web-types.json +1 -1
- package/theme-style/vft-back-top.css +0 -1
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useNamespace as
|
|
1
|
+
import { defineComponent as l, openBlock as t, createElementBlock as s, normalizeClass as r, unref as a, renderSlot as d, createTextVNode as m, toDisplayString as n, createCommentVNode as i, createElementVNode as p, normalizeStyle as u } from "vue";
|
|
2
|
+
import { useNamespace as c } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
5
5
|
import "../../hooks/use-z-index/index.js";
|
|
6
6
|
import "@vueuse/core";
|
|
7
7
|
import "@vft/utils";
|
|
8
8
|
import "../../utils/ns-cover.js";
|
|
9
|
-
const
|
|
9
|
+
const o = (
|
|
10
10
|
/* hoist-static*/
|
|
11
|
-
|
|
12
|
-
),
|
|
13
|
-
name:
|
|
14
|
-
}), V = /* @__PURE__ */
|
|
15
|
-
...
|
|
11
|
+
c("card")
|
|
12
|
+
), f = l({
|
|
13
|
+
name: o.b()
|
|
14
|
+
}), V = /* @__PURE__ */ l({
|
|
15
|
+
...f,
|
|
16
16
|
props: {
|
|
17
17
|
header: { default: "" },
|
|
18
18
|
bodyStyle: { default: "" },
|
|
19
19
|
shadow: { default: "always" }
|
|
20
20
|
},
|
|
21
|
-
setup(
|
|
22
|
-
return (
|
|
23
|
-
class: r([a(
|
|
21
|
+
setup(h) {
|
|
22
|
+
return (e, y) => (t(), s("div", {
|
|
23
|
+
class: r([a(o).b(), a(o).is(`${e.shadow}-shadow`)])
|
|
24
24
|
}, [
|
|
25
|
-
|
|
25
|
+
e.$slots.header || e.header ? (t(), s("div", {
|
|
26
26
|
key: 0,
|
|
27
|
-
class: r(a(
|
|
27
|
+
class: r(a(o).e("header"))
|
|
28
28
|
}, [
|
|
29
|
-
|
|
30
|
-
n(
|
|
29
|
+
d(e.$slots, "header", {}, () => [
|
|
30
|
+
m(n(e.header), 1)
|
|
31
31
|
])
|
|
32
|
-
], 2)) :
|
|
33
|
-
|
|
34
|
-
class: r(a(
|
|
35
|
-
style:
|
|
32
|
+
], 2)) : i("", !0),
|
|
33
|
+
p("div", {
|
|
34
|
+
class: r(a(o).e("body")),
|
|
35
|
+
style: u(e.bodyStyle)
|
|
36
36
|
}, [
|
|
37
|
-
|
|
37
|
+
d(e.$slots, "default")
|
|
38
38
|
], 6)
|
|
39
39
|
], 2));
|
|
40
40
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as o, computed as s, openBlock as m, createElementBlock as
|
|
2
|
-
import { CHANGE_EVENT as
|
|
3
|
-
import { useNamespace as
|
|
1
|
+
import { defineComponent as o, computed as s, openBlock as m, createElementBlock as l, normalizeClass as d, renderSlot as p } from "vue";
|
|
2
|
+
import { CHANGE_EVENT as i } from "../../constants/event.js";
|
|
3
|
+
import { useNamespace as h } from "../../hooks/use-namespace/index.js";
|
|
4
4
|
import "@popperjs/core";
|
|
5
5
|
import "lodash";
|
|
6
6
|
import "../../hooks/use-z-index/index.js";
|
|
@@ -9,27 +9,27 @@ import "@vft/utils";
|
|
|
9
9
|
import "../../utils/ns-cover.js";
|
|
10
10
|
const c = (
|
|
11
11
|
/* hoist-static*/
|
|
12
|
-
|
|
13
|
-
),
|
|
12
|
+
h("check-tag")
|
|
13
|
+
), u = o({
|
|
14
14
|
name: c.b()
|
|
15
|
-
}),
|
|
16
|
-
...
|
|
15
|
+
}), x = /* @__PURE__ */ o({
|
|
16
|
+
...u,
|
|
17
17
|
props: {
|
|
18
18
|
checked: { type: Boolean, default: !1 }
|
|
19
19
|
},
|
|
20
20
|
emits: ["update:checked", "change"],
|
|
21
21
|
setup(e, { emit: t }) {
|
|
22
|
-
const
|
|
23
|
-
t(
|
|
22
|
+
const a = s(() => [c.b(), c.is("checked", e.checked)]), n = () => {
|
|
23
|
+
t(i, !e.checked), t("update:checked", !e.checked);
|
|
24
24
|
};
|
|
25
|
-
return (r, k) => (m(),
|
|
26
|
-
class:
|
|
27
|
-
onClick:
|
|
25
|
+
return (r, k) => (m(), l("span", {
|
|
26
|
+
class: d(a.value),
|
|
27
|
+
onClick: n
|
|
28
28
|
}, [
|
|
29
|
-
|
|
29
|
+
p(r.$slots, "default")
|
|
30
30
|
], 2));
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
export {
|
|
34
|
-
|
|
34
|
+
x as default
|
|
35
35
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as C, useSlots as x, inject as L, computed as v, openBlock as r, createElementBlock as d, normalizeClass as b, withDirectives as f, isRef as y, unref as t, vModelCheckbox as k, normalizeStyle as N, renderSlot as z, createTextVNode as D, toDisplayString as F, createCommentVNode as h } from "vue";
|
|
2
2
|
import { useNamespace as j } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
@@ -9,9 +9,9 @@ import "../../utils/ns-cover.js";
|
|
|
9
9
|
import { checkboxGroupContextKey as w } from "./constants.js";
|
|
10
10
|
import "../form/index.js";
|
|
11
11
|
import { useCheckbox as E } from "./composables/use-checkbox.js";
|
|
12
|
-
const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M =
|
|
12
|
+
const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = C({
|
|
13
13
|
name: "VftCheckboxButton"
|
|
14
|
-
}), X = /* @__PURE__ */
|
|
14
|
+
}), X = /* @__PURE__ */ C({
|
|
15
15
|
...M,
|
|
16
16
|
props: {
|
|
17
17
|
modelValue: { type: [Number, String, Boolean] },
|
|
@@ -19,83 +19,83 @@ const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["n
|
|
|
19
19
|
indeterminate: { type: Boolean },
|
|
20
20
|
disabled: { type: Boolean },
|
|
21
21
|
checked: { type: Boolean },
|
|
22
|
-
name:
|
|
23
|
-
trueLabel:
|
|
24
|
-
falseLabel:
|
|
25
|
-
id:
|
|
26
|
-
controls:
|
|
22
|
+
name: {},
|
|
23
|
+
trueLabel: {},
|
|
24
|
+
falseLabel: {},
|
|
25
|
+
id: {},
|
|
26
|
+
controls: {},
|
|
27
27
|
border: { type: Boolean },
|
|
28
|
-
size:
|
|
29
|
-
tabindex:
|
|
28
|
+
size: {},
|
|
29
|
+
tabindex: {},
|
|
30
30
|
validateEvent: { type: Boolean }
|
|
31
31
|
},
|
|
32
32
|
emits: ["update:modelValue", "change"],
|
|
33
|
-
setup(
|
|
34
|
-
const
|
|
35
|
-
isFocused:
|
|
36
|
-
isChecked:
|
|
37
|
-
isDisabled:
|
|
38
|
-
checkboxButtonSize:
|
|
39
|
-
model:
|
|
40
|
-
handleChange:
|
|
41
|
-
} = E(
|
|
42
|
-
var e,
|
|
43
|
-
const
|
|
33
|
+
setup(B) {
|
|
34
|
+
const g = B, S = x(), {
|
|
35
|
+
isFocused: u,
|
|
36
|
+
isChecked: p,
|
|
37
|
+
isDisabled: m,
|
|
38
|
+
checkboxButtonSize: V,
|
|
39
|
+
model: a,
|
|
40
|
+
handleChange: i
|
|
41
|
+
} = E(g, S), s = L(w, void 0), n = j("checkbox"), $ = v(() => {
|
|
42
|
+
var e, o;
|
|
43
|
+
const l = ((e = s == null ? void 0 : s.fill) == null ? void 0 : e.value) ?? "";
|
|
44
44
|
return {
|
|
45
|
-
backgroundColor:
|
|
46
|
-
borderColor:
|
|
47
|
-
color: ((
|
|
48
|
-
boxShadow:
|
|
45
|
+
backgroundColor: l,
|
|
46
|
+
borderColor: l,
|
|
47
|
+
color: ((o = s == null ? void 0 : s.textColor) == null ? void 0 : o.value) ?? "",
|
|
48
|
+
boxShadow: l ? `-1px 0 0 0 ${l}` : void 0
|
|
49
49
|
};
|
|
50
|
-
}),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
50
|
+
}), c = v(() => [
|
|
51
|
+
n.b("button"),
|
|
52
|
+
n.bm("button", V.value),
|
|
53
|
+
n.is("disabled", m.value),
|
|
54
|
+
n.is("checked", p.value),
|
|
55
|
+
n.is("focus", u.value)
|
|
56
56
|
]);
|
|
57
|
-
return (
|
|
58
|
-
class:
|
|
57
|
+
return (l, e) => (r(), d("label", {
|
|
58
|
+
class: b(c.value)
|
|
59
59
|
}, [
|
|
60
|
-
|
|
60
|
+
l.trueLabel || l.falseLabel ? f((r(), d("input", {
|
|
61
61
|
key: 0,
|
|
62
|
-
"onUpdate:modelValue": e[0] || (e[0] = (
|
|
63
|
-
class:
|
|
62
|
+
"onUpdate:modelValue": e[0] || (e[0] = (o) => y(a) ? a.value = o : null),
|
|
63
|
+
class: b(t(n).be("button", "original")),
|
|
64
64
|
type: "checkbox",
|
|
65
|
-
name:
|
|
66
|
-
tabindex:
|
|
67
|
-
disabled: t(
|
|
68
|
-
"true-value":
|
|
69
|
-
"false-value":
|
|
65
|
+
name: l.name,
|
|
66
|
+
tabindex: l.tabindex,
|
|
67
|
+
disabled: t(m),
|
|
68
|
+
"true-value": l.trueLabel,
|
|
69
|
+
"false-value": l.falseLabel,
|
|
70
70
|
onChange: e[1] || (e[1] = //@ts-ignore
|
|
71
|
-
(...
|
|
72
|
-
onFocus: e[2] || (e[2] = (
|
|
73
|
-
onBlur: e[3] || (e[3] = (
|
|
71
|
+
(...o) => t(i) && t(i)(...o)),
|
|
72
|
+
onFocus: e[2] || (e[2] = (o) => u.value = !0),
|
|
73
|
+
onBlur: e[3] || (e[3] = (o) => u.value = !1)
|
|
74
74
|
}, null, 42, K)), [
|
|
75
|
-
[k, t(
|
|
76
|
-
]) :
|
|
75
|
+
[k, t(a)]
|
|
76
|
+
]) : f((r(), d("input", {
|
|
77
77
|
key: 1,
|
|
78
|
-
"onUpdate:modelValue": e[4] || (e[4] = (
|
|
79
|
-
class:
|
|
78
|
+
"onUpdate:modelValue": e[4] || (e[4] = (o) => y(a) ? a.value = o : null),
|
|
79
|
+
class: b(t(n).be("button", "original")),
|
|
80
80
|
type: "checkbox",
|
|
81
|
-
name:
|
|
82
|
-
tabindex:
|
|
83
|
-
disabled: t(
|
|
84
|
-
value:
|
|
81
|
+
name: l.name,
|
|
82
|
+
tabindex: l.tabindex,
|
|
83
|
+
disabled: t(m),
|
|
84
|
+
value: l.label,
|
|
85
85
|
onChange: e[5] || (e[5] = //@ts-ignore
|
|
86
|
-
(...
|
|
87
|
-
onFocus: e[6] || (e[6] = (
|
|
88
|
-
onBlur: e[7] || (e[7] = (
|
|
86
|
+
(...o) => t(i) && t(i)(...o)),
|
|
87
|
+
onFocus: e[6] || (e[6] = (o) => u.value = !0),
|
|
88
|
+
onBlur: e[7] || (e[7] = (o) => u.value = !1)
|
|
89
89
|
}, null, 42, U)), [
|
|
90
|
-
[k, t(
|
|
90
|
+
[k, t(a)]
|
|
91
91
|
]),
|
|
92
|
-
|
|
92
|
+
l.$slots.default || l.label ? (r(), d("span", {
|
|
93
93
|
key: 2,
|
|
94
|
-
class:
|
|
95
|
-
style: N(t(
|
|
94
|
+
class: b(t(n).be("button", "inner")),
|
|
95
|
+
style: N(t(p) ? $.value : void 0)
|
|
96
96
|
}, [
|
|
97
|
-
z(
|
|
98
|
-
D(F(
|
|
97
|
+
z(l.$slots, "default", {}, () => [
|
|
98
|
+
D(F(l.label), 1)
|
|
99
99
|
])
|
|
100
100
|
], 6)) : h("", !0)
|
|
101
101
|
], 2));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as n, computed as u, provide as f, toRefs as b, watch as g, openBlock as h, createBlock as v, resolveDynamicComponent as x, unref as a, normalizeClass as C, withCtx as k, renderSlot as y, nextTick as E } from "vue";
|
|
2
2
|
import { pick as I } from "lodash";
|
|
3
|
-
import { UPDATE_MODEL_EVENT as
|
|
3
|
+
import { UPDATE_MODEL_EVENT as _ } from "../../constants/event.js";
|
|
4
4
|
import "@vft/utils";
|
|
5
|
-
import { debugWarn as
|
|
5
|
+
import { debugWarn as V } from "../../utils/error.js";
|
|
6
6
|
import "@vueuse/core";
|
|
7
7
|
import "../../utils/ns-cover.js";
|
|
8
8
|
import { useNamespace as B } from "../../hooks/use-namespace/index.js";
|
|
@@ -11,38 +11,38 @@ import "../../hooks/use-z-index/index.js";
|
|
|
11
11
|
import "../form/index.js";
|
|
12
12
|
import { checkboxGroupContextKey as w } from "./constants.js";
|
|
13
13
|
import { useFormItem as z, useFormItemInputId as D } from "../form/hooks/use-form-item.js";
|
|
14
|
-
const F =
|
|
14
|
+
const F = n({
|
|
15
15
|
name: "VftCheckboxGroup"
|
|
16
|
-
}), j = /* @__PURE__ */
|
|
16
|
+
}), j = /* @__PURE__ */ n({
|
|
17
17
|
...F,
|
|
18
18
|
props: {
|
|
19
19
|
modelValue: { default: () => [] },
|
|
20
20
|
disabled: { type: Boolean },
|
|
21
|
-
min:
|
|
22
|
-
max:
|
|
23
|
-
size:
|
|
24
|
-
label:
|
|
25
|
-
fill:
|
|
26
|
-
textColor:
|
|
21
|
+
min: {},
|
|
22
|
+
max: {},
|
|
23
|
+
size: {},
|
|
24
|
+
label: {},
|
|
25
|
+
fill: {},
|
|
26
|
+
textColor: {},
|
|
27
27
|
tag: { default: "div" },
|
|
28
28
|
validateEvent: { type: Boolean, default: !0 }
|
|
29
29
|
},
|
|
30
30
|
emits: ["update:modelValue", "change"],
|
|
31
|
-
setup(
|
|
32
|
-
const
|
|
33
|
-
formItemContext:
|
|
31
|
+
setup(d, { emit: l }) {
|
|
32
|
+
const o = d, p = B("checkbox"), { formItem: t } = z(), { inputId: s, isLabeledByFormItem: r } = D(o, {
|
|
33
|
+
formItemContext: t
|
|
34
34
|
}), i = async (e) => {
|
|
35
|
-
|
|
36
|
-
},
|
|
35
|
+
l(_, e), await E(), l("change", e);
|
|
36
|
+
}, c = u({
|
|
37
37
|
get() {
|
|
38
|
-
return
|
|
38
|
+
return o.modelValue;
|
|
39
39
|
},
|
|
40
40
|
set(e) {
|
|
41
41
|
i(e);
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
44
|
return f(w, {
|
|
45
|
-
...I(b(
|
|
45
|
+
...I(b(o), [
|
|
46
46
|
"size",
|
|
47
47
|
"min",
|
|
48
48
|
"max",
|
|
@@ -51,21 +51,21 @@ const F = d({
|
|
|
51
51
|
"fill",
|
|
52
52
|
"textColor"
|
|
53
53
|
]),
|
|
54
|
-
modelValue:
|
|
54
|
+
modelValue: c,
|
|
55
55
|
changeEvent: i
|
|
56
|
-
}),
|
|
57
|
-
() =>
|
|
56
|
+
}), g(
|
|
57
|
+
() => o.modelValue,
|
|
58
58
|
() => {
|
|
59
|
-
|
|
59
|
+
o.validateEvent && (t == null || t.validate("change").catch((e) => V(e)));
|
|
60
60
|
}
|
|
61
61
|
), (e, T) => {
|
|
62
62
|
var m;
|
|
63
|
-
return
|
|
64
|
-
id:
|
|
65
|
-
class: C(
|
|
63
|
+
return h(), v(x(e.tag), {
|
|
64
|
+
id: a(s),
|
|
65
|
+
class: C(a(p).b("group")),
|
|
66
66
|
role: "group",
|
|
67
|
-
"aria-label":
|
|
68
|
-
"aria-labelledby":
|
|
67
|
+
"aria-label": a(r) ? void 0 : e.label || "checkbox-group",
|
|
68
|
+
"aria-labelledby": a(r) ? (m = a(t)) == null ? void 0 : m.labelId : void 0
|
|
69
69
|
}, {
|
|
70
70
|
default: k(() => [
|
|
71
71
|
y(e.$slots, "default")
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as g, useSlots as w, computed as k, openBlock as d, createBlock as z, resolveDynamicComponent as E, unref as a, normalizeClass as i, withCtx as x, createElementVNode as c, withDirectives as y, createElementBlock as m, isRef as C, vModelCheckbox as h, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as B } from "vue";
|
|
2
2
|
import { useNamespace as U } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
@@ -8,12 +8,12 @@ import "@vft/utils";
|
|
|
8
8
|
import "../../utils/ns-cover.js";
|
|
9
9
|
import "../form/index.js";
|
|
10
10
|
import { useCheckbox as j } from "./composables/use-checkbox.js";
|
|
11
|
-
const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"],
|
|
11
|
+
const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], n = (
|
|
12
12
|
/* hoist-static*/
|
|
13
13
|
U("checkbox")
|
|
14
|
-
), A =
|
|
15
|
-
name:
|
|
16
|
-
}), ee = /* @__PURE__ */
|
|
14
|
+
), A = g({
|
|
15
|
+
name: n.b()
|
|
16
|
+
}), ee = /* @__PURE__ */ g({
|
|
17
17
|
...A,
|
|
18
18
|
props: {
|
|
19
19
|
modelValue: { type: [Number, String, Boolean] },
|
|
@@ -21,103 +21,103 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
|
|
|
21
21
|
indeterminate: { type: Boolean },
|
|
22
22
|
disabled: { type: Boolean },
|
|
23
23
|
checked: { type: Boolean },
|
|
24
|
-
name:
|
|
25
|
-
trueLabel:
|
|
26
|
-
falseLabel:
|
|
27
|
-
id:
|
|
28
|
-
controls:
|
|
24
|
+
name: {},
|
|
25
|
+
trueLabel: {},
|
|
26
|
+
falseLabel: {},
|
|
27
|
+
id: {},
|
|
28
|
+
controls: {},
|
|
29
29
|
border: { type: Boolean },
|
|
30
|
-
size:
|
|
31
|
-
tabindex:
|
|
30
|
+
size: {},
|
|
31
|
+
tabindex: {},
|
|
32
32
|
validateEvent: { type: Boolean, default: !0 }
|
|
33
33
|
},
|
|
34
34
|
emits: ["update:modelValue", "change"],
|
|
35
|
-
setup(
|
|
36
|
-
const b =
|
|
37
|
-
inputId:
|
|
38
|
-
isLabeledByFormItem:
|
|
35
|
+
setup(L) {
|
|
36
|
+
const b = L, V = w(), {
|
|
37
|
+
inputId: p,
|
|
38
|
+
isLabeledByFormItem: N,
|
|
39
39
|
isChecked: v,
|
|
40
|
-
isDisabled:
|
|
41
|
-
isFocused:
|
|
42
|
-
checkboxSize:
|
|
40
|
+
isDisabled: r,
|
|
41
|
+
isFocused: s,
|
|
42
|
+
checkboxSize: S,
|
|
43
43
|
hasOwnLabel: f,
|
|
44
|
-
model:
|
|
45
|
-
handleChange:
|
|
46
|
-
onClickRoot:
|
|
47
|
-
} = j(b,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
]),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
44
|
+
model: t,
|
|
45
|
+
handleChange: u,
|
|
46
|
+
onClickRoot: $
|
|
47
|
+
} = j(b, V), F = k(() => [
|
|
48
|
+
n.b(),
|
|
49
|
+
n.m(S.value),
|
|
50
|
+
n.is("disabled", r.value),
|
|
51
|
+
n.is("bordered", b.border),
|
|
52
|
+
n.is("checked", v.value)
|
|
53
|
+
]), D = k(() => [
|
|
54
|
+
n.e("input"),
|
|
55
|
+
n.is("disabled", r.value),
|
|
56
|
+
n.is("checked", v.value),
|
|
57
|
+
n.is("indeterminate", b.indeterminate),
|
|
58
|
+
n.is("focus", s.value)
|
|
59
59
|
]);
|
|
60
|
-
return (
|
|
61
|
-
class:
|
|
62
|
-
"aria-controls":
|
|
63
|
-
onClick:
|
|
60
|
+
return (e, l) => (d(), z(E(!a(f) && a(N) ? "span" : "label"), {
|
|
61
|
+
class: i(F.value),
|
|
62
|
+
"aria-controls": e.indeterminate ? e.controls : null,
|
|
63
|
+
onClick: a($)
|
|
64
64
|
}, {
|
|
65
|
-
default:
|
|
66
|
-
|
|
67
|
-
class:
|
|
68
|
-
tabindex:
|
|
69
|
-
role:
|
|
70
|
-
"aria-checked":
|
|
65
|
+
default: x(() => [
|
|
66
|
+
c("span", {
|
|
67
|
+
class: i(D.value),
|
|
68
|
+
tabindex: e.indeterminate ? 0 : void 0,
|
|
69
|
+
role: e.indeterminate ? "checkbox" : void 0,
|
|
70
|
+
"aria-checked": e.indeterminate ? "mixed" : void 0
|
|
71
71
|
}, [
|
|
72
|
-
|
|
72
|
+
e.trueLabel || e.falseLabel ? y((d(), m("input", {
|
|
73
73
|
key: 0,
|
|
74
|
-
id:
|
|
75
|
-
"onUpdate:modelValue":
|
|
76
|
-
class:
|
|
74
|
+
id: a(p),
|
|
75
|
+
"onUpdate:modelValue": l[0] || (l[0] = (o) => C(t) ? t.value = o : null),
|
|
76
|
+
class: i(a(n).e("original")),
|
|
77
77
|
type: "checkbox",
|
|
78
|
-
"aria-hidden":
|
|
79
|
-
name:
|
|
80
|
-
tabindex:
|
|
81
|
-
disabled:
|
|
82
|
-
"true-value":
|
|
83
|
-
"false-value":
|
|
84
|
-
onChange:
|
|
85
|
-
(...
|
|
86
|
-
onFocus:
|
|
87
|
-
onBlur:
|
|
78
|
+
"aria-hidden": e.indeterminate ? "true" : "false",
|
|
79
|
+
name: e.name,
|
|
80
|
+
tabindex: e.tabindex,
|
|
81
|
+
disabled: a(r),
|
|
82
|
+
"true-value": e.trueLabel,
|
|
83
|
+
"false-value": e.falseLabel,
|
|
84
|
+
onChange: l[1] || (l[1] = //@ts-ignore
|
|
85
|
+
(...o) => a(u) && a(u)(...o)),
|
|
86
|
+
onFocus: l[2] || (l[2] = (o) => s.value = !0),
|
|
87
|
+
onBlur: l[3] || (l[3] = (o) => s.value = !1)
|
|
88
88
|
}, null, 42, T)), [
|
|
89
|
-
[
|
|
90
|
-
]) :
|
|
89
|
+
[h, a(t)]
|
|
90
|
+
]) : y((d(), m("input", {
|
|
91
91
|
key: 1,
|
|
92
|
-
id:
|
|
93
|
-
"onUpdate:modelValue":
|
|
94
|
-
class:
|
|
92
|
+
id: a(p),
|
|
93
|
+
"onUpdate:modelValue": l[4] || (l[4] = (o) => C(t) ? t.value = o : null),
|
|
94
|
+
class: i(a(n).e("original")),
|
|
95
95
|
type: "checkbox",
|
|
96
|
-
"aria-hidden":
|
|
97
|
-
disabled:
|
|
98
|
-
value:
|
|
99
|
-
name:
|
|
100
|
-
tabindex:
|
|
101
|
-
onChange:
|
|
102
|
-
(...
|
|
103
|
-
onFocus:
|
|
104
|
-
onBlur:
|
|
96
|
+
"aria-hidden": e.indeterminate ? "true" : "false",
|
|
97
|
+
disabled: a(r),
|
|
98
|
+
value: e.label,
|
|
99
|
+
name: e.name,
|
|
100
|
+
tabindex: e.tabindex,
|
|
101
|
+
onChange: l[5] || (l[5] = //@ts-ignore
|
|
102
|
+
(...o) => a(u) && a(u)(...o)),
|
|
103
|
+
onFocus: l[6] || (l[6] = (o) => s.value = !0),
|
|
104
|
+
onBlur: l[7] || (l[7] = (o) => s.value = !1)
|
|
105
105
|
}, null, 42, q)), [
|
|
106
|
-
[
|
|
106
|
+
[h, a(t)]
|
|
107
107
|
]),
|
|
108
|
-
|
|
109
|
-
class:
|
|
108
|
+
c("span", {
|
|
109
|
+
class: i(a(n).e("inner"))
|
|
110
110
|
}, null, 2)
|
|
111
111
|
], 10, M),
|
|
112
|
-
|
|
112
|
+
a(f) ? (d(), m("span", {
|
|
113
113
|
key: 0,
|
|
114
|
-
class:
|
|
114
|
+
class: i(a(n).e("label"))
|
|
115
115
|
}, [
|
|
116
|
-
I(
|
|
117
|
-
|
|
118
|
-
O(R(
|
|
116
|
+
I(e.$slots, "default"),
|
|
117
|
+
e.$slots.default ? B("", !0) : (d(), m(K, { key: 0 }, [
|
|
118
|
+
O(R(e.label), 1)
|
|
119
119
|
], 64))
|
|
120
|
-
], 2)) :
|
|
120
|
+
], 2)) : B("", !0)
|
|
121
121
|
]),
|
|
122
122
|
_: 3
|
|
123
123
|
}, 8, ["class", "aria-controls", "onClick"]));
|