fantasia-ui 0.2.21 → 0.2.25
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/fantasia-ui.es.js +780 -102
- package/dist/fantasia-ui.umd.js +780 -102
- package/dist/index.d.ts +8 -0
- package/package.json +2 -2
package/dist/fantasia-ui.umd.js
CHANGED
|
@@ -74,11 +74,11 @@ var __async = (__this, __arguments, generator) => {
|
|
|
74
74
|
};
|
|
75
75
|
const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-baf7de0c"]]);
|
|
76
76
|
const PictureError = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e";
|
|
77
|
-
const _hoisted_1$
|
|
77
|
+
const _hoisted_1$C = {
|
|
78
78
|
key: 0,
|
|
79
79
|
class: "loop cubes"
|
|
80
80
|
};
|
|
81
|
-
const _hoisted_2$
|
|
81
|
+
const _hoisted_2$w = {
|
|
82
82
|
key: 2,
|
|
83
83
|
class: "msg"
|
|
84
84
|
};
|
|
@@ -95,7 +95,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
95
95
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
96
96
|
class: vue.normalizeClass(["flex-center-col size-full loading-container", { "global-mask": _ctx.mask }])
|
|
97
97
|
}, [
|
|
98
|
-
_ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
98
|
+
_ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
|
|
99
99
|
(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(6, (i) => {
|
|
100
100
|
return vue.createElementVNode("div", {
|
|
101
101
|
class: "item cubes",
|
|
@@ -106,18 +106,18 @@ var __async = (__this, __arguments, generator) => {
|
|
|
106
106
|
key: 1,
|
|
107
107
|
class: vue.normalizeClass(["loader", _ctx.type])
|
|
108
108
|
}, null, 2)),
|
|
109
|
-
props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$
|
|
109
|
+
props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$w, vue.toDisplayString(props.text), 1)) : vue.createCommentVNode("", true)
|
|
110
110
|
], 2);
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-20f58a50"]]);
|
|
115
|
-
const _hoisted_1$
|
|
116
|
-
const _hoisted_2$
|
|
115
|
+
const _hoisted_1$B = { class: "f-image" };
|
|
116
|
+
const _hoisted_2$v = {
|
|
117
117
|
key: 0,
|
|
118
118
|
class: "f-image__placeholder"
|
|
119
119
|
};
|
|
120
|
-
const _hoisted_3$
|
|
120
|
+
const _hoisted_3$s = {
|
|
121
121
|
key: 0,
|
|
122
122
|
class: "f-image__error"
|
|
123
123
|
};
|
|
@@ -139,10 +139,10 @@ var __async = (__this, __arguments, generator) => {
|
|
|
139
139
|
const onLoad = () => status.value = "loaded";
|
|
140
140
|
const onError = () => status.value = "error";
|
|
141
141
|
return (_ctx, _cache) => {
|
|
142
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
142
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
|
|
143
143
|
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
144
144
|
default: vue.withCtx(() => [
|
|
145
|
-
vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
145
|
+
vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
|
|
146
146
|
vue.createVNode(FLoading, { type: "classic first" })
|
|
147
147
|
])) : vue.createCommentVNode("", true)
|
|
148
148
|
]),
|
|
@@ -150,7 +150,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
150
150
|
}),
|
|
151
151
|
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
152
152
|
default: vue.withCtx(() => [
|
|
153
|
-
vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
153
|
+
vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
|
|
154
154
|
vue.renderSlot(_ctx.$slots, "error", {}, () => [
|
|
155
155
|
vue.createVNode(FIcon, { size: "48px" }, {
|
|
156
156
|
default: vue.withCtx(() => [
|
|
@@ -178,7 +178,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
178
178
|
}
|
|
179
179
|
});
|
|
180
180
|
const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-e959ab10"]]);
|
|
181
|
-
const _hoisted_1$
|
|
181
|
+
const _hoisted_1$A = ["type", "placeholder", "disabled", "readonly", "name", "id"];
|
|
182
182
|
const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
183
183
|
__name: "FInput",
|
|
184
184
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
@@ -233,7 +233,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
233
233
|
onChange: handleChange,
|
|
234
234
|
onFocus: handleFocus,
|
|
235
235
|
onBlur: handleBlur
|
|
236
|
-
}, null, 40, _hoisted_1$
|
|
236
|
+
}, null, 40, _hoisted_1$A), [
|
|
237
237
|
[vue.vModelDynamic, model.value]
|
|
238
238
|
])
|
|
239
239
|
], 2);
|
|
@@ -241,8 +241,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
241
241
|
}
|
|
242
242
|
});
|
|
243
243
|
const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-9af0fbbe"]]);
|
|
244
|
-
const _hoisted_1$
|
|
245
|
-
const _hoisted_2$
|
|
244
|
+
const _hoisted_1$z = ["onMousemove"];
|
|
245
|
+
const _hoisted_2$u = {
|
|
246
246
|
key: 0,
|
|
247
247
|
class: "f-rate__score"
|
|
248
248
|
};
|
|
@@ -329,17 +329,17 @@ var __async = (__this, __arguments, generator) => {
|
|
|
329
329
|
]),
|
|
330
330
|
_: 2
|
|
331
331
|
}, 1032, ["color", "size"])
|
|
332
|
-
], 40, _hoisted_1$
|
|
332
|
+
], 40, _hoisted_1$z);
|
|
333
333
|
}), 128)),
|
|
334
|
-
props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
334
|
+
props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$u, vue.toDisplayString(vue.unref(scoreText)), 1)) : vue.createCommentVNode("", true)
|
|
335
335
|
], 34);
|
|
336
336
|
};
|
|
337
337
|
}
|
|
338
338
|
});
|
|
339
339
|
const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3b5c4f14"]]);
|
|
340
|
-
const _hoisted_1$
|
|
341
|
-
const _hoisted_2$
|
|
342
|
-
const _hoisted_3$
|
|
340
|
+
const _hoisted_1$y = { class: "f-dropdown-wrapper" };
|
|
341
|
+
const _hoisted_2$t = { class: "f-dropdown-content" };
|
|
342
|
+
const _hoisted_3$r = ["onClick"];
|
|
343
343
|
const _hoisted_4$a = {
|
|
344
344
|
key: 0,
|
|
345
345
|
class: "opt-icon"
|
|
@@ -514,7 +514,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
514
514
|
});
|
|
515
515
|
core.useEventListener(window, "click", handleWindowClick);
|
|
516
516
|
return (_ctx, _cache) => {
|
|
517
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
517
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
|
|
518
518
|
vue.createElementVNode("div", {
|
|
519
519
|
ref_key: "triggerRef",
|
|
520
520
|
ref: triggerRef,
|
|
@@ -544,7 +544,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
544
544
|
class: "f-dropdown-bridge",
|
|
545
545
|
style: vue.normalizeStyle(vue.unref(bridgeStyle))
|
|
546
546
|
}, null, 4)) : vue.createCommentVNode("", true),
|
|
547
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
547
|
+
vue.createElementVNode("div", _hoisted_2$t, [
|
|
548
548
|
_ctx.options && _ctx.options.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.options, (opt) => {
|
|
549
549
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
550
550
|
key: opt.key,
|
|
@@ -555,7 +555,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
555
555
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(opt.icon)))
|
|
556
556
|
])) : vue.createCommentVNode("", true),
|
|
557
557
|
vue.createElementVNode("span", _hoisted_5$9, vue.toDisplayString(opt.label), 1)
|
|
558
|
-
], 10, _hoisted_3$
|
|
558
|
+
], 10, _hoisted_3$r);
|
|
559
559
|
}), 128)) : vue.renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
|
|
560
560
|
])
|
|
561
561
|
], 36)) : vue.createCommentVNode("", true)
|
|
@@ -629,15 +629,15 @@ var __async = (__this, __arguments, generator) => {
|
|
|
629
629
|
}
|
|
630
630
|
});
|
|
631
631
|
const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-61444561"]]);
|
|
632
|
-
const _hoisted_1$
|
|
632
|
+
const _hoisted_1$x = {
|
|
633
633
|
key: 0,
|
|
634
634
|
class: "f-pagination"
|
|
635
635
|
};
|
|
636
|
-
const _hoisted_2$
|
|
636
|
+
const _hoisted_2$s = {
|
|
637
637
|
key: 0,
|
|
638
638
|
class: "f-pagination__total"
|
|
639
639
|
};
|
|
640
|
-
const _hoisted_3$
|
|
640
|
+
const _hoisted_3$q = {
|
|
641
641
|
key: 1,
|
|
642
642
|
class: "f-pagination__size"
|
|
643
643
|
};
|
|
@@ -706,10 +706,10 @@ var __async = (__this, __arguments, generator) => {
|
|
|
706
706
|
jumpInput.value = "";
|
|
707
707
|
};
|
|
708
708
|
return (_ctx, _cache) => {
|
|
709
|
-
return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
709
|
+
return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
|
|
710
710
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(layoutItems), (item) => {
|
|
711
711
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
|
|
712
|
-
item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
712
|
+
item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$s, " 共 " + vue.toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
|
|
713
713
|
vue.createElementVNode("select", {
|
|
714
714
|
class: "size-select",
|
|
715
715
|
value: _ctx.pageSize,
|
|
@@ -783,15 +783,15 @@ var __async = (__this, __arguments, generator) => {
|
|
|
783
783
|
}
|
|
784
784
|
});
|
|
785
785
|
const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-930f8b20"]]);
|
|
786
|
-
const _hoisted_1$
|
|
786
|
+
const _hoisted_1$w = {
|
|
787
787
|
key: 0,
|
|
788
788
|
class: "f-card__header"
|
|
789
789
|
};
|
|
790
|
-
const _hoisted_2$
|
|
790
|
+
const _hoisted_2$r = {
|
|
791
791
|
key: 0,
|
|
792
792
|
class: "f-card__header-extra"
|
|
793
793
|
};
|
|
794
|
-
const _hoisted_3$
|
|
794
|
+
const _hoisted_3$p = {
|
|
795
795
|
key: 1,
|
|
796
796
|
class: "f-card__cover"
|
|
797
797
|
};
|
|
@@ -836,13 +836,13 @@ var __async = (__this, __arguments, generator) => {
|
|
|
836
836
|
class: vue.normalizeClass(["f-card", [`f-card--${_ctx.direction}`, { "is-hoverable": _ctx.hoverable }]])
|
|
837
837
|
}, [
|
|
838
838
|
_ctx.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
839
|
-
_ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
839
|
+
_ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
|
|
840
840
|
vue.renderSlot(_ctx.$slots, "header", {}, void 0, true),
|
|
841
|
-
_ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
841
|
+
_ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
|
|
842
842
|
vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
|
|
843
843
|
])) : vue.createCommentVNode("", true)
|
|
844
844
|
])) : vue.createCommentVNode("", true),
|
|
845
|
-
_ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
845
|
+
_ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [
|
|
846
846
|
vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
|
|
847
847
|
])) : vue.createCommentVNode("", true),
|
|
848
848
|
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
|
|
@@ -875,7 +875,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
875
875
|
}
|
|
876
876
|
});
|
|
877
877
|
const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-a66fa373"]]);
|
|
878
|
-
const _hoisted_1$
|
|
878
|
+
const _hoisted_1$v = {
|
|
879
879
|
key: 0,
|
|
880
880
|
class: "f-tag__dot"
|
|
881
881
|
};
|
|
@@ -903,7 +903,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
903
903
|
onMouseenter: _cache[1] || (_cache[1] = ($event) => isHover.value = true),
|
|
904
904
|
onMouseleave: _cache[2] || (_cache[2] = ($event) => isHover.value = false)
|
|
905
905
|
}, [
|
|
906
|
-
_ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
906
|
+
_ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v)) : vue.createCommentVNode("", true),
|
|
907
907
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
908
908
|
_ctx.closable ? (vue.openBlock(), vue.createBlock(FIcon, {
|
|
909
909
|
key: 1,
|
|
@@ -1025,8 +1025,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1025
1025
|
}
|
|
1026
1026
|
});
|
|
1027
1027
|
const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-be9acca7"]]);
|
|
1028
|
-
const _hoisted_1$
|
|
1029
|
-
const _hoisted_2$
|
|
1028
|
+
const _hoisted_1$u = { class: "f-progress" };
|
|
1029
|
+
const _hoisted_2$q = {
|
|
1030
1030
|
key: 0,
|
|
1031
1031
|
class: "f-progress__text"
|
|
1032
1032
|
};
|
|
@@ -1042,7 +1042,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1042
1042
|
const props = __props;
|
|
1043
1043
|
const clampedPercent = vue.computed(() => Math.min(100, Math.max(0, props.percent)));
|
|
1044
1044
|
return (_ctx, _cache) => {
|
|
1045
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1045
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
|
|
1046
1046
|
vue.createElementVNode("div", {
|
|
1047
1047
|
class: "f-progress__track",
|
|
1048
1048
|
style: vue.normalizeStyle({ height: `${_ctx.height}px` })
|
|
@@ -1055,15 +1055,15 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1055
1055
|
})
|
|
1056
1056
|
}, null, 4)
|
|
1057
1057
|
], 4),
|
|
1058
|
-
_ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
1058
|
+
_ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$q, vue.toDisplayString(vue.unref(clampedPercent)) + "%", 1)) : vue.createCommentVNode("", true)
|
|
1059
1059
|
]);
|
|
1060
1060
|
};
|
|
1061
1061
|
}
|
|
1062
1062
|
});
|
|
1063
1063
|
const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c2164d6e"]]);
|
|
1064
|
-
const _hoisted_1$
|
|
1065
|
-
const _hoisted_2$
|
|
1066
|
-
const _hoisted_3$
|
|
1064
|
+
const _hoisted_1$t = { class: "f-tabs__nav-container" };
|
|
1065
|
+
const _hoisted_2$p = { class: "f-tabs__nav" };
|
|
1066
|
+
const _hoisted_3$o = ["onClick"];
|
|
1067
1067
|
const _hoisted_4$7 = { class: "f-tabs__label" };
|
|
1068
1068
|
const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
1069
1069
|
__name: "FTabs",
|
|
@@ -1098,8 +1098,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1098
1098
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1099
1099
|
class: vue.normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
|
|
1100
1100
|
}, [
|
|
1101
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
1102
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1101
|
+
vue.createElementVNode("div", _hoisted_1$t, [
|
|
1102
|
+
vue.createElementVNode("div", _hoisted_2$p, [
|
|
1103
1103
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
|
|
1104
1104
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1105
1105
|
key: tab.name,
|
|
@@ -1110,7 +1110,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1110
1110
|
onClick: ($event) => setActiveTab(tab.name, tab.disabled)
|
|
1111
1111
|
}, [
|
|
1112
1112
|
vue.createElementVNode("span", _hoisted_4$7, vue.toDisplayString(tab.label), 1)
|
|
1113
|
-
], 10, _hoisted_3$
|
|
1113
|
+
], 10, _hoisted_3$o);
|
|
1114
1114
|
}), 128))
|
|
1115
1115
|
])
|
|
1116
1116
|
]),
|
|
@@ -1129,12 +1129,12 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1129
1129
|
}
|
|
1130
1130
|
});
|
|
1131
1131
|
const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-268fc654"]]);
|
|
1132
|
-
const _hoisted_1$
|
|
1132
|
+
const _hoisted_1$s = {
|
|
1133
1133
|
class: "f-breadcrumb__current",
|
|
1134
1134
|
"aria-current": "page"
|
|
1135
1135
|
};
|
|
1136
|
-
const _hoisted_2$
|
|
1137
|
-
const _hoisted_3$
|
|
1136
|
+
const _hoisted_2$o = ["href"];
|
|
1137
|
+
const _hoisted_3$n = {
|
|
1138
1138
|
key: 3,
|
|
1139
1139
|
class: "f-breadcrumb__text"
|
|
1140
1140
|
};
|
|
@@ -1166,12 +1166,12 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1166
1166
|
key: 1,
|
|
1167
1167
|
item
|
|
1168
1168
|
}, () => [
|
|
1169
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
1169
|
+
vue.createElementVNode("span", _hoisted_1$s, vue.toDisplayString(item.label), 1)
|
|
1170
1170
|
], true) : item.href ? (vue.openBlock(), vue.createElementBlock("a", {
|
|
1171
1171
|
key: 2,
|
|
1172
1172
|
href: item.href,
|
|
1173
1173
|
class: "f-breadcrumb__link"
|
|
1174
|
-
}, vue.toDisplayString(item.label), 9, _hoisted_2$
|
|
1174
|
+
}, vue.toDisplayString(item.label), 9, _hoisted_2$o)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, vue.toDisplayString(item.label), 1))
|
|
1175
1175
|
], 64);
|
|
1176
1176
|
}), 128))
|
|
1177
1177
|
]),
|
|
@@ -1278,8 +1278,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1278
1278
|
}
|
|
1279
1279
|
});
|
|
1280
1280
|
const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-72f62339"]]);
|
|
1281
|
-
const _hoisted_1$
|
|
1282
|
-
const _hoisted_2$
|
|
1281
|
+
const _hoisted_1$r = { class: "f-space__item" };
|
|
1282
|
+
const _hoisted_2$n = {
|
|
1283
1283
|
key: 0,
|
|
1284
1284
|
class: "f-space__split",
|
|
1285
1285
|
"aria-hidden": "true"
|
|
@@ -1338,10 +1338,10 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1338
1338
|
}, [
|
|
1339
1339
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(children), (child, index) => {
|
|
1340
1340
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
|
|
1341
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
1341
|
+
vue.createElementVNode("div", _hoisted_1$r, [
|
|
1342
1342
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child)))
|
|
1343
1343
|
]),
|
|
1344
|
-
_ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
1344
|
+
_ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$n, vue.toDisplayString(_ctx.split), 1)) : vue.createCommentVNode("", true)
|
|
1345
1345
|
], 64);
|
|
1346
1346
|
}), 128))
|
|
1347
1347
|
], 4);
|
|
@@ -1398,7 +1398,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1398
1398
|
}
|
|
1399
1399
|
});
|
|
1400
1400
|
const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-512ee743"]]);
|
|
1401
|
-
const _hoisted_1$
|
|
1401
|
+
const _hoisted_1$q = ["src", "alt"];
|
|
1402
1402
|
const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
1403
1403
|
__name: "FAvatar",
|
|
1404
1404
|
props: {
|
|
@@ -1431,7 +1431,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1431
1431
|
key: 0,
|
|
1432
1432
|
src: _ctx.src,
|
|
1433
1433
|
alt: _ctx.alt
|
|
1434
|
-
}, null, 8, _hoisted_1$
|
|
1434
|
+
}, null, 8, _hoisted_1$q)) : (vue.openBlock(), vue.createBlock(FIcon, {
|
|
1435
1435
|
key: 1,
|
|
1436
1436
|
size: 24
|
|
1437
1437
|
}, {
|
|
@@ -1445,12 +1445,12 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1445
1445
|
}
|
|
1446
1446
|
});
|
|
1447
1447
|
const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b3665268"]]);
|
|
1448
|
-
const _hoisted_1$
|
|
1449
|
-
const _hoisted_2$
|
|
1448
|
+
const _hoisted_1$p = ["type", "disabled"];
|
|
1449
|
+
const _hoisted_2$m = {
|
|
1450
1450
|
key: 0,
|
|
1451
1451
|
class: "f-loader"
|
|
1452
1452
|
};
|
|
1453
|
-
const _hoisted_3$
|
|
1453
|
+
const _hoisted_3$m = {
|
|
1454
1454
|
key: 2,
|
|
1455
1455
|
class: "f-button__content"
|
|
1456
1456
|
};
|
|
@@ -1523,14 +1523,14 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1523
1523
|
disabled: vue.unref(isDisabled),
|
|
1524
1524
|
style: vue.normalizeStyle(vue.unref(buttonStyle))
|
|
1525
1525
|
}, [
|
|
1526
|
-
_ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
1526
|
+
_ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m)) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("i", {
|
|
1527
1527
|
key: 1,
|
|
1528
1528
|
class: vue.normalizeClass(["f-icon", _ctx.icon])
|
|
1529
1529
|
}, null, 2)) : vue.createCommentVNode("", true),
|
|
1530
|
-
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
1530
|
+
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, [
|
|
1531
1531
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1532
1532
|
])) : vue.createCommentVNode("", true)
|
|
1533
|
-
], 14, _hoisted_1$
|
|
1533
|
+
], 14, _hoisted_1$p);
|
|
1534
1534
|
};
|
|
1535
1535
|
}
|
|
1536
1536
|
});
|
|
@@ -1617,7 +1617,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1617
1617
|
}
|
|
1618
1618
|
});
|
|
1619
1619
|
const FText = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8bcfc6b3"]]);
|
|
1620
|
-
const _hoisted_1$
|
|
1620
|
+
const _hoisted_1$o = ["href", "target", "rel"];
|
|
1621
1621
|
const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
1622
1622
|
__name: "FLink",
|
|
1623
1623
|
props: {
|
|
@@ -1641,12 +1641,12 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1641
1641
|
rel: props.target === "_blank" ? "noopener noreferrer" : void 0
|
|
1642
1642
|
}, [
|
|
1643
1643
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1644
|
-
], 10, _hoisted_1$
|
|
1644
|
+
], 10, _hoisted_1$o);
|
|
1645
1645
|
};
|
|
1646
1646
|
}
|
|
1647
1647
|
});
|
|
1648
1648
|
const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-daaa3e25"]]);
|
|
1649
|
-
const _hoisted_1$
|
|
1649
|
+
const _hoisted_1$n = { class: "f-badge" };
|
|
1650
1650
|
const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
1651
1651
|
__name: "FBadge",
|
|
1652
1652
|
props: {
|
|
@@ -1676,7 +1676,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1676
1676
|
return map[props.placement];
|
|
1677
1677
|
});
|
|
1678
1678
|
return (_ctx, _cache) => {
|
|
1679
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1679
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
|
|
1680
1680
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
1681
1681
|
_ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
1682
1682
|
key: 0,
|
|
@@ -1856,12 +1856,12 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1856
1856
|
}
|
|
1857
1857
|
return void 0;
|
|
1858
1858
|
};
|
|
1859
|
-
const _hoisted_1$
|
|
1859
|
+
const _hoisted_1$m = {
|
|
1860
1860
|
key: 0,
|
|
1861
1861
|
class: "star"
|
|
1862
1862
|
};
|
|
1863
|
-
const _hoisted_2$
|
|
1864
|
-
const _hoisted_3$
|
|
1863
|
+
const _hoisted_2$l = { class: "f-form-item__content" };
|
|
1864
|
+
const _hoisted_3$l = {
|
|
1865
1865
|
key: 0,
|
|
1866
1866
|
class: "f-form-item__error"
|
|
1867
1867
|
};
|
|
@@ -1931,14 +1931,14 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1931
1931
|
textAlign: vue.unref(labelPosition) === "top" ? "left" : vue.unref(labelPosition)
|
|
1932
1932
|
})
|
|
1933
1933
|
}, [
|
|
1934
|
-
vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
1934
|
+
vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$m, "*")) : vue.createCommentVNode("", true),
|
|
1935
1935
|
vue.createTextVNode(" " + vue.toDisplayString(_ctx.label) + "： ", 1)
|
|
1936
1936
|
], 4)) : vue.createCommentVNode("", true),
|
|
1937
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1937
|
+
vue.createElementVNode("div", _hoisted_2$l, [
|
|
1938
1938
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
1939
1939
|
vue.createVNode(vue.Transition, { name: "err-slide" }, {
|
|
1940
1940
|
default: vue.withCtx(() => [
|
|
1941
|
-
vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$
|
|
1941
|
+
vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$l, vue.toDisplayString(vue.unref(errorMsg)), 1)) : vue.createCommentVNode("", true)
|
|
1942
1942
|
]),
|
|
1943
1943
|
_: 1
|
|
1944
1944
|
})
|
|
@@ -1948,9 +1948,9 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1948
1948
|
}
|
|
1949
1949
|
});
|
|
1950
1950
|
const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c3d6ec01"]]);
|
|
1951
|
-
const _hoisted_1$
|
|
1952
|
-
const _hoisted_2$
|
|
1953
|
-
const _hoisted_3$
|
|
1951
|
+
const _hoisted_1$l = { class: "f-checkbox__wrapper" };
|
|
1952
|
+
const _hoisted_2$k = ["checked", "disabled"];
|
|
1953
|
+
const _hoisted_3$k = {
|
|
1954
1954
|
key: 0,
|
|
1955
1955
|
class: "f-checkbox__label"
|
|
1956
1956
|
};
|
|
@@ -1976,16 +1976,16 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1976
1976
|
return vue.openBlock(), vue.createElementBlock("label", {
|
|
1977
1977
|
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
1978
1978
|
}, [
|
|
1979
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
1979
|
+
vue.createElementVNode("span", _hoisted_1$l, [
|
|
1980
1980
|
vue.createElementVNode("input", {
|
|
1981
1981
|
type: "checkbox",
|
|
1982
1982
|
checked: modelValue.value,
|
|
1983
1983
|
disabled: _ctx.disabled,
|
|
1984
1984
|
onChange: handleChange
|
|
1985
|
-
}, null, 40, _hoisted_2$
|
|
1985
|
+
}, null, 40, _hoisted_2$k),
|
|
1986
1986
|
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
1987
1987
|
]),
|
|
1988
|
-
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
1988
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$k, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
1989
1989
|
], 2);
|
|
1990
1990
|
};
|
|
1991
1991
|
}
|
|
@@ -3900,9 +3900,9 @@ var __async = (__this, __arguments, generator) => {
|
|
|
3900
3900
|
return target;
|
|
3901
3901
|
};
|
|
3902
3902
|
const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-baf7de0c"]]);
|
|
3903
|
-
const _hoisted_1$
|
|
3904
|
-
const _hoisted_2$
|
|
3905
|
-
const _hoisted_3$
|
|
3903
|
+
const _hoisted_1$k = { class: "f-checkbox__wrapper" };
|
|
3904
|
+
const _hoisted_2$j = ["checked", "disabled"];
|
|
3905
|
+
const _hoisted_3$j = {
|
|
3906
3906
|
key: 0,
|
|
3907
3907
|
class: "f-checkbox__label"
|
|
3908
3908
|
};
|
|
@@ -3928,16 +3928,16 @@ var __async = (__this, __arguments, generator) => {
|
|
|
3928
3928
|
return vue.openBlock(), vue.createElementBlock("label", {
|
|
3929
3929
|
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
3930
3930
|
}, [
|
|
3931
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
3931
|
+
vue.createElementVNode("span", _hoisted_1$k, [
|
|
3932
3932
|
vue.createElementVNode("input", {
|
|
3933
3933
|
type: "checkbox",
|
|
3934
3934
|
checked: modelValue.value,
|
|
3935
3935
|
disabled: _ctx.disabled,
|
|
3936
3936
|
onChange: handleChange
|
|
3937
|
-
}, null, 40, _hoisted_2$
|
|
3937
|
+
}, null, 40, _hoisted_2$j),
|
|
3938
3938
|
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
3939
3939
|
]),
|
|
3940
|
-
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
3940
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$j, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
3941
3941
|
], 2);
|
|
3942
3942
|
};
|
|
3943
3943
|
}
|
|
@@ -4013,9 +4013,9 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4013
4013
|
}
|
|
4014
4014
|
return a;
|
|
4015
4015
|
};
|
|
4016
|
-
const _hoisted_1$
|
|
4017
|
-
const _hoisted_2$
|
|
4018
|
-
const _hoisted_3$
|
|
4016
|
+
const _hoisted_1$j = { class: "f-checkbox__wrapper" };
|
|
4017
|
+
const _hoisted_2$i = ["checked", "disabled"];
|
|
4018
|
+
const _hoisted_3$i = {
|
|
4019
4019
|
key: 0,
|
|
4020
4020
|
class: "f-checkbox__label"
|
|
4021
4021
|
};
|
|
@@ -4041,16 +4041,16 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4041
4041
|
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4042
4042
|
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4043
4043
|
}, [
|
|
4044
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
4044
|
+
vue.createElementVNode("span", _hoisted_1$j, [
|
|
4045
4045
|
vue.createElementVNode("input", {
|
|
4046
4046
|
type: "checkbox",
|
|
4047
4047
|
checked: modelValue.value,
|
|
4048
4048
|
disabled: _ctx.disabled,
|
|
4049
4049
|
onChange: handleChange
|
|
4050
|
-
}, null, 40, _hoisted_2$
|
|
4050
|
+
}, null, 40, _hoisted_2$i),
|
|
4051
4051
|
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4052
4052
|
]),
|
|
4053
|
-
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
4053
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$i, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4054
4054
|
], 2);
|
|
4055
4055
|
};
|
|
4056
4056
|
}
|
|
@@ -4126,9 +4126,9 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4126
4126
|
}
|
|
4127
4127
|
return a;
|
|
4128
4128
|
};
|
|
4129
|
-
const _hoisted_1$
|
|
4130
|
-
const _hoisted_2$
|
|
4131
|
-
const _hoisted_3$
|
|
4129
|
+
const _hoisted_1$i = { class: "f-checkbox__wrapper" };
|
|
4130
|
+
const _hoisted_2$h = ["checked", "disabled"];
|
|
4131
|
+
const _hoisted_3$h = {
|
|
4132
4132
|
key: 0,
|
|
4133
4133
|
class: "f-checkbox__label"
|
|
4134
4134
|
};
|
|
@@ -4154,16 +4154,16 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4154
4154
|
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4155
4155
|
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4156
4156
|
}, [
|
|
4157
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
4157
|
+
vue.createElementVNode("span", _hoisted_1$i, [
|
|
4158
4158
|
vue.createElementVNode("input", {
|
|
4159
4159
|
type: "checkbox",
|
|
4160
4160
|
checked: modelValue.value,
|
|
4161
4161
|
disabled: _ctx.disabled,
|
|
4162
4162
|
onChange: handleChange
|
|
4163
|
-
}, null, 40, _hoisted_2$
|
|
4163
|
+
}, null, 40, _hoisted_2$h),
|
|
4164
4164
|
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4165
4165
|
]),
|
|
4166
|
-
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
4166
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4167
4167
|
], 2);
|
|
4168
4168
|
};
|
|
4169
4169
|
}
|
|
@@ -4239,9 +4239,9 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4239
4239
|
}
|
|
4240
4240
|
return a;
|
|
4241
4241
|
};
|
|
4242
|
-
const _hoisted_1$
|
|
4243
|
-
const _hoisted_2$
|
|
4244
|
-
const _hoisted_3$
|
|
4242
|
+
const _hoisted_1$h = { class: "f-checkbox__wrapper" };
|
|
4243
|
+
const _hoisted_2$g = ["checked", "disabled"];
|
|
4244
|
+
const _hoisted_3$g = {
|
|
4245
4245
|
key: 0,
|
|
4246
4246
|
class: "f-checkbox__label"
|
|
4247
4247
|
};
|
|
@@ -4267,16 +4267,16 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4267
4267
|
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4268
4268
|
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4269
4269
|
}, [
|
|
4270
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
4270
|
+
vue.createElementVNode("span", _hoisted_1$h, [
|
|
4271
4271
|
vue.createElementVNode("input", {
|
|
4272
4272
|
type: "checkbox",
|
|
4273
4273
|
checked: modelValue.value,
|
|
4274
4274
|
disabled: _ctx.disabled,
|
|
4275
4275
|
onChange: handleChange
|
|
4276
|
-
}, null, 40, _hoisted_2$
|
|
4276
|
+
}, null, 40, _hoisted_2$g),
|
|
4277
4277
|
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4278
4278
|
]),
|
|
4279
|
-
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
4279
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$g, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4280
4280
|
], 2);
|
|
4281
4281
|
};
|
|
4282
4282
|
}
|
|
@@ -4336,6 +4336,684 @@ var __async = (__this, __arguments, generator) => {
|
|
|
4336
4336
|
};
|
|
4337
4337
|
}
|
|
4338
4338
|
});
|
|
4339
|
+
var __defProp22222 = Object.defineProperty;
|
|
4340
|
+
var __getOwnPropSymbols22222 = Object.getOwnPropertySymbols;
|
|
4341
|
+
var __hasOwnProp22222 = Object.prototype.hasOwnProperty;
|
|
4342
|
+
var __propIsEnum22222 = Object.prototype.propertyIsEnumerable;
|
|
4343
|
+
var __defNormalProp22222 = (obj, key, value) => key in obj ? __defProp22222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4344
|
+
var __spreadValues22222 = (a, b) => {
|
|
4345
|
+
for (var prop in b || (b = {}))
|
|
4346
|
+
if (__hasOwnProp22222.call(b, prop))
|
|
4347
|
+
__defNormalProp22222(a, prop, b[prop]);
|
|
4348
|
+
if (__getOwnPropSymbols22222)
|
|
4349
|
+
for (var prop of __getOwnPropSymbols22222(b)) {
|
|
4350
|
+
if (__propIsEnum22222.call(b, prop))
|
|
4351
|
+
__defNormalProp22222(a, prop, b[prop]);
|
|
4352
|
+
}
|
|
4353
|
+
return a;
|
|
4354
|
+
};
|
|
4355
|
+
const _hoisted_1$g = { class: "f-checkbox__wrapper" };
|
|
4356
|
+
const _hoisted_2$f = ["checked", "disabled"];
|
|
4357
|
+
const _hoisted_3$f = {
|
|
4358
|
+
key: 0,
|
|
4359
|
+
class: "f-checkbox__label"
|
|
4360
|
+
};
|
|
4361
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4362
|
+
__name: "FCheckbox",
|
|
4363
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4364
|
+
label: {},
|
|
4365
|
+
disabled: { type: Boolean }
|
|
4366
|
+
}, {
|
|
4367
|
+
"modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
|
|
4368
|
+
"modelModifiers": {}
|
|
4369
|
+
}),
|
|
4370
|
+
emits: ["update:modelValue"],
|
|
4371
|
+
setup(__props) {
|
|
4372
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
4373
|
+
const props = __props;
|
|
4374
|
+
const handleChange = (e) => {
|
|
4375
|
+
if (props.disabled) return;
|
|
4376
|
+
const target = e.target;
|
|
4377
|
+
modelValue.value = target.checked;
|
|
4378
|
+
};
|
|
4379
|
+
return (_ctx, _cache) => {
|
|
4380
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4381
|
+
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4382
|
+
}, [
|
|
4383
|
+
vue.createElementVNode("span", _hoisted_1$g, [
|
|
4384
|
+
vue.createElementVNode("input", {
|
|
4385
|
+
type: "checkbox",
|
|
4386
|
+
checked: modelValue.value,
|
|
4387
|
+
disabled: _ctx.disabled,
|
|
4388
|
+
onChange: handleChange
|
|
4389
|
+
}, null, 40, _hoisted_2$f),
|
|
4390
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4391
|
+
]),
|
|
4392
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4393
|
+
], 2);
|
|
4394
|
+
};
|
|
4395
|
+
}
|
|
4396
|
+
});
|
|
4397
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4398
|
+
__name: "FDialog",
|
|
4399
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4400
|
+
maskClosable: { type: Boolean, default: true },
|
|
4401
|
+
maskColor: { default: "black" },
|
|
4402
|
+
showMask: { type: Boolean, default: true }
|
|
4403
|
+
}, {
|
|
4404
|
+
"modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
|
|
4405
|
+
"modelModifiers": {}
|
|
4406
|
+
}),
|
|
4407
|
+
emits: ["update:modelValue"],
|
|
4408
|
+
setup(__props) {
|
|
4409
|
+
const props = __props;
|
|
4410
|
+
const visible = vue.useModel(__props, "modelValue");
|
|
4411
|
+
const handleMaskClick = () => {
|
|
4412
|
+
if (props.maskClosable) visible.value = false;
|
|
4413
|
+
};
|
|
4414
|
+
const maskBackgroundColor = vue.computed(() => {
|
|
4415
|
+
if (!props.showMask) return "transparent";
|
|
4416
|
+
switch (props.maskColor) {
|
|
4417
|
+
case "white":
|
|
4418
|
+
return "rgba(255, 255, 255, 0.5)";
|
|
4419
|
+
case "black":
|
|
4420
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4421
|
+
case "transparent":
|
|
4422
|
+
return "transparent";
|
|
4423
|
+
default:
|
|
4424
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4425
|
+
}
|
|
4426
|
+
});
|
|
4427
|
+
return (_ctx, _cache) => {
|
|
4428
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
4429
|
+
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
4430
|
+
default: vue.withCtx(() => [
|
|
4431
|
+
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
4432
|
+
key: 0,
|
|
4433
|
+
class: "f-dialog-mask",
|
|
4434
|
+
style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
|
|
4435
|
+
onClick: handleMaskClick
|
|
4436
|
+
}, [
|
|
4437
|
+
vue.createElementVNode("div", {
|
|
4438
|
+
class: "f-dialog-container",
|
|
4439
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
4440
|
+
}, ["stop"]))
|
|
4441
|
+
}, [
|
|
4442
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4443
|
+
])
|
|
4444
|
+
], 4)) : vue.createCommentVNode("", true)
|
|
4445
|
+
]),
|
|
4446
|
+
_: 3
|
|
4447
|
+
})
|
|
4448
|
+
]);
|
|
4449
|
+
};
|
|
4450
|
+
}
|
|
4451
|
+
});
|
|
4452
|
+
var __defProp222222 = Object.defineProperty;
|
|
4453
|
+
var __getOwnPropSymbols222222 = Object.getOwnPropertySymbols;
|
|
4454
|
+
var __hasOwnProp222222 = Object.prototype.hasOwnProperty;
|
|
4455
|
+
var __propIsEnum222222 = Object.prototype.propertyIsEnumerable;
|
|
4456
|
+
var __defNormalProp222222 = (obj, key, value) => key in obj ? __defProp222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4457
|
+
var __spreadValues222222 = (a, b) => {
|
|
4458
|
+
for (var prop in b || (b = {}))
|
|
4459
|
+
if (__hasOwnProp222222.call(b, prop))
|
|
4460
|
+
__defNormalProp222222(a, prop, b[prop]);
|
|
4461
|
+
if (__getOwnPropSymbols222222)
|
|
4462
|
+
for (var prop of __getOwnPropSymbols222222(b)) {
|
|
4463
|
+
if (__propIsEnum222222.call(b, prop))
|
|
4464
|
+
__defNormalProp222222(a, prop, b[prop]);
|
|
4465
|
+
}
|
|
4466
|
+
return a;
|
|
4467
|
+
};
|
|
4468
|
+
const _hoisted_1$f = { class: "f-checkbox__wrapper" };
|
|
4469
|
+
const _hoisted_2$e = ["checked", "disabled"];
|
|
4470
|
+
const _hoisted_3$e = {
|
|
4471
|
+
key: 0,
|
|
4472
|
+
class: "f-checkbox__label"
|
|
4473
|
+
};
|
|
4474
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4475
|
+
__name: "FCheckbox",
|
|
4476
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4477
|
+
label: {},
|
|
4478
|
+
disabled: { type: Boolean }
|
|
4479
|
+
}, {
|
|
4480
|
+
"modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
|
|
4481
|
+
"modelModifiers": {}
|
|
4482
|
+
}),
|
|
4483
|
+
emits: ["update:modelValue"],
|
|
4484
|
+
setup(__props) {
|
|
4485
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
4486
|
+
const props = __props;
|
|
4487
|
+
const handleChange = (e) => {
|
|
4488
|
+
if (props.disabled) return;
|
|
4489
|
+
const target = e.target;
|
|
4490
|
+
modelValue.value = target.checked;
|
|
4491
|
+
};
|
|
4492
|
+
return (_ctx, _cache) => {
|
|
4493
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4494
|
+
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4495
|
+
}, [
|
|
4496
|
+
vue.createElementVNode("span", _hoisted_1$f, [
|
|
4497
|
+
vue.createElementVNode("input", {
|
|
4498
|
+
type: "checkbox",
|
|
4499
|
+
checked: modelValue.value,
|
|
4500
|
+
disabled: _ctx.disabled,
|
|
4501
|
+
onChange: handleChange
|
|
4502
|
+
}, null, 40, _hoisted_2$e),
|
|
4503
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4504
|
+
]),
|
|
4505
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4506
|
+
], 2);
|
|
4507
|
+
};
|
|
4508
|
+
}
|
|
4509
|
+
});
|
|
4510
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4511
|
+
__name: "FDialog",
|
|
4512
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4513
|
+
maskClosable: { type: Boolean, default: true },
|
|
4514
|
+
maskColor: { default: "black" },
|
|
4515
|
+
showMask: { type: Boolean, default: true }
|
|
4516
|
+
}, {
|
|
4517
|
+
"modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
|
|
4518
|
+
"modelModifiers": {}
|
|
4519
|
+
}),
|
|
4520
|
+
emits: ["update:modelValue"],
|
|
4521
|
+
setup(__props) {
|
|
4522
|
+
const props = __props;
|
|
4523
|
+
const visible = vue.useModel(__props, "modelValue");
|
|
4524
|
+
const handleMaskClick = () => {
|
|
4525
|
+
if (props.maskClosable) visible.value = false;
|
|
4526
|
+
};
|
|
4527
|
+
const maskBackgroundColor = vue.computed(() => {
|
|
4528
|
+
if (!props.showMask) return "transparent";
|
|
4529
|
+
switch (props.maskColor) {
|
|
4530
|
+
case "white":
|
|
4531
|
+
return "rgba(255, 255, 255, 0.5)";
|
|
4532
|
+
case "black":
|
|
4533
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4534
|
+
case "transparent":
|
|
4535
|
+
return "transparent";
|
|
4536
|
+
default:
|
|
4537
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4538
|
+
}
|
|
4539
|
+
});
|
|
4540
|
+
return (_ctx, _cache) => {
|
|
4541
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
4542
|
+
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
4543
|
+
default: vue.withCtx(() => [
|
|
4544
|
+
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
4545
|
+
key: 0,
|
|
4546
|
+
class: "f-dialog-mask",
|
|
4547
|
+
style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
|
|
4548
|
+
onClick: handleMaskClick
|
|
4549
|
+
}, [
|
|
4550
|
+
vue.createElementVNode("div", {
|
|
4551
|
+
class: "f-dialog-container",
|
|
4552
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
4553
|
+
}, ["stop"]))
|
|
4554
|
+
}, [
|
|
4555
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4556
|
+
])
|
|
4557
|
+
], 4)) : vue.createCommentVNode("", true)
|
|
4558
|
+
]),
|
|
4559
|
+
_: 3
|
|
4560
|
+
})
|
|
4561
|
+
]);
|
|
4562
|
+
};
|
|
4563
|
+
}
|
|
4564
|
+
});
|
|
4565
|
+
var __defProp2222222 = Object.defineProperty;
|
|
4566
|
+
var __getOwnPropSymbols2222222 = Object.getOwnPropertySymbols;
|
|
4567
|
+
var __hasOwnProp2222222 = Object.prototype.hasOwnProperty;
|
|
4568
|
+
var __propIsEnum2222222 = Object.prototype.propertyIsEnumerable;
|
|
4569
|
+
var __defNormalProp2222222 = (obj, key, value) => key in obj ? __defProp2222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4570
|
+
var __spreadValues2222222 = (a, b) => {
|
|
4571
|
+
for (var prop in b || (b = {}))
|
|
4572
|
+
if (__hasOwnProp2222222.call(b, prop))
|
|
4573
|
+
__defNormalProp2222222(a, prop, b[prop]);
|
|
4574
|
+
if (__getOwnPropSymbols2222222)
|
|
4575
|
+
for (var prop of __getOwnPropSymbols2222222(b)) {
|
|
4576
|
+
if (__propIsEnum2222222.call(b, prop))
|
|
4577
|
+
__defNormalProp2222222(a, prop, b[prop]);
|
|
4578
|
+
}
|
|
4579
|
+
return a;
|
|
4580
|
+
};
|
|
4581
|
+
const _hoisted_1$e = { class: "f-checkbox__wrapper" };
|
|
4582
|
+
const _hoisted_2$d = ["checked", "disabled"];
|
|
4583
|
+
const _hoisted_3$d = {
|
|
4584
|
+
key: 0,
|
|
4585
|
+
class: "f-checkbox__label"
|
|
4586
|
+
};
|
|
4587
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4588
|
+
__name: "FCheckbox",
|
|
4589
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4590
|
+
label: {},
|
|
4591
|
+
disabled: { type: Boolean }
|
|
4592
|
+
}, {
|
|
4593
|
+
"modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
|
|
4594
|
+
"modelModifiers": {}
|
|
4595
|
+
}),
|
|
4596
|
+
emits: ["update:modelValue"],
|
|
4597
|
+
setup(__props) {
|
|
4598
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
4599
|
+
const props = __props;
|
|
4600
|
+
const handleChange = (e) => {
|
|
4601
|
+
if (props.disabled) return;
|
|
4602
|
+
const target = e.target;
|
|
4603
|
+
modelValue.value = target.checked;
|
|
4604
|
+
};
|
|
4605
|
+
return (_ctx, _cache) => {
|
|
4606
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4607
|
+
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4608
|
+
}, [
|
|
4609
|
+
vue.createElementVNode("span", _hoisted_1$e, [
|
|
4610
|
+
vue.createElementVNode("input", {
|
|
4611
|
+
type: "checkbox",
|
|
4612
|
+
checked: modelValue.value,
|
|
4613
|
+
disabled: _ctx.disabled,
|
|
4614
|
+
onChange: handleChange
|
|
4615
|
+
}, null, 40, _hoisted_2$d),
|
|
4616
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4617
|
+
]),
|
|
4618
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4619
|
+
], 2);
|
|
4620
|
+
};
|
|
4621
|
+
}
|
|
4622
|
+
});
|
|
4623
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4624
|
+
__name: "FDialog",
|
|
4625
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4626
|
+
maskClosable: { type: Boolean, default: true },
|
|
4627
|
+
maskColor: { default: "black" },
|
|
4628
|
+
showMask: { type: Boolean, default: true }
|
|
4629
|
+
}, {
|
|
4630
|
+
"modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
|
|
4631
|
+
"modelModifiers": {}
|
|
4632
|
+
}),
|
|
4633
|
+
emits: ["update:modelValue"],
|
|
4634
|
+
setup(__props) {
|
|
4635
|
+
const props = __props;
|
|
4636
|
+
const visible = vue.useModel(__props, "modelValue");
|
|
4637
|
+
const handleMaskClick = () => {
|
|
4638
|
+
if (props.maskClosable) visible.value = false;
|
|
4639
|
+
};
|
|
4640
|
+
const maskBackgroundColor = vue.computed(() => {
|
|
4641
|
+
if (!props.showMask) return "transparent";
|
|
4642
|
+
switch (props.maskColor) {
|
|
4643
|
+
case "white":
|
|
4644
|
+
return "rgba(255, 255, 255, 0.5)";
|
|
4645
|
+
case "black":
|
|
4646
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4647
|
+
case "transparent":
|
|
4648
|
+
return "transparent";
|
|
4649
|
+
default:
|
|
4650
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4651
|
+
}
|
|
4652
|
+
});
|
|
4653
|
+
return (_ctx, _cache) => {
|
|
4654
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
4655
|
+
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
4656
|
+
default: vue.withCtx(() => [
|
|
4657
|
+
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
4658
|
+
key: 0,
|
|
4659
|
+
class: "f-dialog-mask",
|
|
4660
|
+
style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
|
|
4661
|
+
onClick: handleMaskClick
|
|
4662
|
+
}, [
|
|
4663
|
+
vue.createElementVNode("div", {
|
|
4664
|
+
class: "f-dialog-container",
|
|
4665
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
4666
|
+
}, ["stop"]))
|
|
4667
|
+
}, [
|
|
4668
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4669
|
+
])
|
|
4670
|
+
], 4)) : vue.createCommentVNode("", true)
|
|
4671
|
+
]),
|
|
4672
|
+
_: 3
|
|
4673
|
+
})
|
|
4674
|
+
]);
|
|
4675
|
+
};
|
|
4676
|
+
}
|
|
4677
|
+
});
|
|
4678
|
+
var __defProp22222222 = Object.defineProperty;
|
|
4679
|
+
var __getOwnPropSymbols22222222 = Object.getOwnPropertySymbols;
|
|
4680
|
+
var __hasOwnProp22222222 = Object.prototype.hasOwnProperty;
|
|
4681
|
+
var __propIsEnum22222222 = Object.prototype.propertyIsEnumerable;
|
|
4682
|
+
var __defNormalProp22222222 = (obj, key, value) => key in obj ? __defProp22222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4683
|
+
var __spreadValues22222222 = (a, b) => {
|
|
4684
|
+
for (var prop in b || (b = {}))
|
|
4685
|
+
if (__hasOwnProp22222222.call(b, prop))
|
|
4686
|
+
__defNormalProp22222222(a, prop, b[prop]);
|
|
4687
|
+
if (__getOwnPropSymbols22222222)
|
|
4688
|
+
for (var prop of __getOwnPropSymbols22222222(b)) {
|
|
4689
|
+
if (__propIsEnum22222222.call(b, prop))
|
|
4690
|
+
__defNormalProp22222222(a, prop, b[prop]);
|
|
4691
|
+
}
|
|
4692
|
+
return a;
|
|
4693
|
+
};
|
|
4694
|
+
const _hoisted_1$d = { class: "f-checkbox__wrapper" };
|
|
4695
|
+
const _hoisted_2$c = ["checked", "disabled"];
|
|
4696
|
+
const _hoisted_3$c = {
|
|
4697
|
+
key: 0,
|
|
4698
|
+
class: "f-checkbox__label"
|
|
4699
|
+
};
|
|
4700
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4701
|
+
__name: "FCheckbox",
|
|
4702
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4703
|
+
label: {},
|
|
4704
|
+
disabled: { type: Boolean }
|
|
4705
|
+
}, {
|
|
4706
|
+
"modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
|
|
4707
|
+
"modelModifiers": {}
|
|
4708
|
+
}),
|
|
4709
|
+
emits: ["update:modelValue"],
|
|
4710
|
+
setup(__props) {
|
|
4711
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
4712
|
+
const props = __props;
|
|
4713
|
+
const handleChange = (e) => {
|
|
4714
|
+
if (props.disabled) return;
|
|
4715
|
+
const target = e.target;
|
|
4716
|
+
modelValue.value = target.checked;
|
|
4717
|
+
};
|
|
4718
|
+
return (_ctx, _cache) => {
|
|
4719
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4720
|
+
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4721
|
+
}, [
|
|
4722
|
+
vue.createElementVNode("span", _hoisted_1$d, [
|
|
4723
|
+
vue.createElementVNode("input", {
|
|
4724
|
+
type: "checkbox",
|
|
4725
|
+
checked: modelValue.value,
|
|
4726
|
+
disabled: _ctx.disabled,
|
|
4727
|
+
onChange: handleChange
|
|
4728
|
+
}, null, 40, _hoisted_2$c),
|
|
4729
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4730
|
+
]),
|
|
4731
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4732
|
+
], 2);
|
|
4733
|
+
};
|
|
4734
|
+
}
|
|
4735
|
+
});
|
|
4736
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4737
|
+
__name: "FDialog",
|
|
4738
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4739
|
+
maskClosable: { type: Boolean, default: true },
|
|
4740
|
+
maskColor: { default: "black" },
|
|
4741
|
+
showMask: { type: Boolean, default: true }
|
|
4742
|
+
}, {
|
|
4743
|
+
"modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
|
|
4744
|
+
"modelModifiers": {}
|
|
4745
|
+
}),
|
|
4746
|
+
emits: ["update:modelValue"],
|
|
4747
|
+
setup(__props) {
|
|
4748
|
+
const props = __props;
|
|
4749
|
+
const visible = vue.useModel(__props, "modelValue");
|
|
4750
|
+
const handleMaskClick = () => {
|
|
4751
|
+
if (props.maskClosable) visible.value = false;
|
|
4752
|
+
};
|
|
4753
|
+
const maskBackgroundColor = vue.computed(() => {
|
|
4754
|
+
if (!props.showMask) return "transparent";
|
|
4755
|
+
switch (props.maskColor) {
|
|
4756
|
+
case "white":
|
|
4757
|
+
return "rgba(255, 255, 255, 0.5)";
|
|
4758
|
+
case "black":
|
|
4759
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4760
|
+
case "transparent":
|
|
4761
|
+
return "transparent";
|
|
4762
|
+
default:
|
|
4763
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4764
|
+
}
|
|
4765
|
+
});
|
|
4766
|
+
return (_ctx, _cache) => {
|
|
4767
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
4768
|
+
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
4769
|
+
default: vue.withCtx(() => [
|
|
4770
|
+
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
4771
|
+
key: 0,
|
|
4772
|
+
class: "f-dialog-mask",
|
|
4773
|
+
style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
|
|
4774
|
+
onClick: handleMaskClick
|
|
4775
|
+
}, [
|
|
4776
|
+
vue.createElementVNode("div", {
|
|
4777
|
+
class: "f-dialog-container",
|
|
4778
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
4779
|
+
}, ["stop"]))
|
|
4780
|
+
}, [
|
|
4781
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4782
|
+
])
|
|
4783
|
+
], 4)) : vue.createCommentVNode("", true)
|
|
4784
|
+
]),
|
|
4785
|
+
_: 3
|
|
4786
|
+
})
|
|
4787
|
+
]);
|
|
4788
|
+
};
|
|
4789
|
+
}
|
|
4790
|
+
});
|
|
4791
|
+
var __defProp222222222 = Object.defineProperty;
|
|
4792
|
+
var __getOwnPropSymbols222222222 = Object.getOwnPropertySymbols;
|
|
4793
|
+
var __hasOwnProp222222222 = Object.prototype.hasOwnProperty;
|
|
4794
|
+
var __propIsEnum222222222 = Object.prototype.propertyIsEnumerable;
|
|
4795
|
+
var __defNormalProp222222222 = (obj, key, value) => key in obj ? __defProp222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4796
|
+
var __spreadValues222222222 = (a, b) => {
|
|
4797
|
+
for (var prop in b || (b = {}))
|
|
4798
|
+
if (__hasOwnProp222222222.call(b, prop))
|
|
4799
|
+
__defNormalProp222222222(a, prop, b[prop]);
|
|
4800
|
+
if (__getOwnPropSymbols222222222)
|
|
4801
|
+
for (var prop of __getOwnPropSymbols222222222(b)) {
|
|
4802
|
+
if (__propIsEnum222222222.call(b, prop))
|
|
4803
|
+
__defNormalProp222222222(a, prop, b[prop]);
|
|
4804
|
+
}
|
|
4805
|
+
return a;
|
|
4806
|
+
};
|
|
4807
|
+
const _hoisted_1$c = { class: "f-checkbox__wrapper" };
|
|
4808
|
+
const _hoisted_2$b = ["checked", "disabled"];
|
|
4809
|
+
const _hoisted_3$b = {
|
|
4810
|
+
key: 0,
|
|
4811
|
+
class: "f-checkbox__label"
|
|
4812
|
+
};
|
|
4813
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4814
|
+
__name: "FCheckbox",
|
|
4815
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4816
|
+
label: {},
|
|
4817
|
+
disabled: { type: Boolean }
|
|
4818
|
+
}, {
|
|
4819
|
+
"modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
|
|
4820
|
+
"modelModifiers": {}
|
|
4821
|
+
}),
|
|
4822
|
+
emits: ["update:modelValue"],
|
|
4823
|
+
setup(__props) {
|
|
4824
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
4825
|
+
const props = __props;
|
|
4826
|
+
const handleChange = (e) => {
|
|
4827
|
+
if (props.disabled) return;
|
|
4828
|
+
const target = e.target;
|
|
4829
|
+
modelValue.value = target.checked;
|
|
4830
|
+
};
|
|
4831
|
+
return (_ctx, _cache) => {
|
|
4832
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4833
|
+
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4834
|
+
}, [
|
|
4835
|
+
vue.createElementVNode("span", _hoisted_1$c, [
|
|
4836
|
+
vue.createElementVNode("input", {
|
|
4837
|
+
type: "checkbox",
|
|
4838
|
+
checked: modelValue.value,
|
|
4839
|
+
disabled: _ctx.disabled,
|
|
4840
|
+
onChange: handleChange
|
|
4841
|
+
}, null, 40, _hoisted_2$b),
|
|
4842
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4843
|
+
]),
|
|
4844
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4845
|
+
], 2);
|
|
4846
|
+
};
|
|
4847
|
+
}
|
|
4848
|
+
});
|
|
4849
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4850
|
+
__name: "FDialog",
|
|
4851
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4852
|
+
maskClosable: { type: Boolean, default: true },
|
|
4853
|
+
maskColor: { default: "black" },
|
|
4854
|
+
showMask: { type: Boolean, default: true }
|
|
4855
|
+
}, {
|
|
4856
|
+
"modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
|
|
4857
|
+
"modelModifiers": {}
|
|
4858
|
+
}),
|
|
4859
|
+
emits: ["update:modelValue"],
|
|
4860
|
+
setup(__props) {
|
|
4861
|
+
const props = __props;
|
|
4862
|
+
const visible = vue.useModel(__props, "modelValue");
|
|
4863
|
+
const handleMaskClick = () => {
|
|
4864
|
+
if (props.maskClosable) visible.value = false;
|
|
4865
|
+
};
|
|
4866
|
+
const maskBackgroundColor = vue.computed(() => {
|
|
4867
|
+
if (!props.showMask) return "transparent";
|
|
4868
|
+
switch (props.maskColor) {
|
|
4869
|
+
case "white":
|
|
4870
|
+
return "rgba(255, 255, 255, 0.5)";
|
|
4871
|
+
case "black":
|
|
4872
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4873
|
+
case "transparent":
|
|
4874
|
+
return "transparent";
|
|
4875
|
+
default:
|
|
4876
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4877
|
+
}
|
|
4878
|
+
});
|
|
4879
|
+
return (_ctx, _cache) => {
|
|
4880
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
4881
|
+
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
4882
|
+
default: vue.withCtx(() => [
|
|
4883
|
+
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
4884
|
+
key: 0,
|
|
4885
|
+
class: "f-dialog-mask",
|
|
4886
|
+
style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
|
|
4887
|
+
onClick: handleMaskClick
|
|
4888
|
+
}, [
|
|
4889
|
+
vue.createElementVNode("div", {
|
|
4890
|
+
class: "f-dialog-container",
|
|
4891
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
4892
|
+
}, ["stop"]))
|
|
4893
|
+
}, [
|
|
4894
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4895
|
+
])
|
|
4896
|
+
], 4)) : vue.createCommentVNode("", true)
|
|
4897
|
+
]),
|
|
4898
|
+
_: 3
|
|
4899
|
+
})
|
|
4900
|
+
]);
|
|
4901
|
+
};
|
|
4902
|
+
}
|
|
4903
|
+
});
|
|
4904
|
+
var __defProp2222222222 = Object.defineProperty;
|
|
4905
|
+
var __getOwnPropSymbols2222222222 = Object.getOwnPropertySymbols;
|
|
4906
|
+
var __hasOwnProp2222222222 = Object.prototype.hasOwnProperty;
|
|
4907
|
+
var __propIsEnum2222222222 = Object.prototype.propertyIsEnumerable;
|
|
4908
|
+
var __defNormalProp2222222222 = (obj, key, value) => key in obj ? __defProp2222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4909
|
+
var __spreadValues2222222222 = (a, b) => {
|
|
4910
|
+
for (var prop in b || (b = {}))
|
|
4911
|
+
if (__hasOwnProp2222222222.call(b, prop))
|
|
4912
|
+
__defNormalProp2222222222(a, prop, b[prop]);
|
|
4913
|
+
if (__getOwnPropSymbols2222222222)
|
|
4914
|
+
for (var prop of __getOwnPropSymbols2222222222(b)) {
|
|
4915
|
+
if (__propIsEnum2222222222.call(b, prop))
|
|
4916
|
+
__defNormalProp2222222222(a, prop, b[prop]);
|
|
4917
|
+
}
|
|
4918
|
+
return a;
|
|
4919
|
+
};
|
|
4920
|
+
const _hoisted_1$a = { class: "f-checkbox__wrapper" };
|
|
4921
|
+
const _hoisted_2$9 = ["checked", "disabled"];
|
|
4922
|
+
const _hoisted_3$9 = {
|
|
4923
|
+
key: 0,
|
|
4924
|
+
class: "f-checkbox__label"
|
|
4925
|
+
};
|
|
4926
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4927
|
+
__name: "FCheckbox",
|
|
4928
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4929
|
+
label: {},
|
|
4930
|
+
disabled: { type: Boolean }
|
|
4931
|
+
}, {
|
|
4932
|
+
"modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
|
|
4933
|
+
"modelModifiers": {}
|
|
4934
|
+
}),
|
|
4935
|
+
emits: ["update:modelValue"],
|
|
4936
|
+
setup(__props) {
|
|
4937
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
4938
|
+
const props = __props;
|
|
4939
|
+
const handleChange = (e) => {
|
|
4940
|
+
if (props.disabled) return;
|
|
4941
|
+
const target = e.target;
|
|
4942
|
+
modelValue.value = target.checked;
|
|
4943
|
+
};
|
|
4944
|
+
return (_ctx, _cache) => {
|
|
4945
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
4946
|
+
class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
|
|
4947
|
+
}, [
|
|
4948
|
+
vue.createElementVNode("span", _hoisted_1$a, [
|
|
4949
|
+
vue.createElementVNode("input", {
|
|
4950
|
+
type: "checkbox",
|
|
4951
|
+
checked: modelValue.value,
|
|
4952
|
+
disabled: _ctx.disabled,
|
|
4953
|
+
onChange: handleChange
|
|
4954
|
+
}, null, 40, _hoisted_2$9),
|
|
4955
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
|
|
4956
|
+
]),
|
|
4957
|
+
_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
|
|
4958
|
+
], 2);
|
|
4959
|
+
};
|
|
4960
|
+
}
|
|
4961
|
+
});
|
|
4962
|
+
/* @__PURE__ */ vue.defineComponent({
|
|
4963
|
+
__name: "FDialog",
|
|
4964
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
4965
|
+
maskClosable: { type: Boolean, default: true },
|
|
4966
|
+
maskColor: { default: "black" },
|
|
4967
|
+
showMask: { type: Boolean, default: true }
|
|
4968
|
+
}, {
|
|
4969
|
+
"modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
|
|
4970
|
+
"modelModifiers": {}
|
|
4971
|
+
}),
|
|
4972
|
+
emits: ["update:modelValue"],
|
|
4973
|
+
setup(__props) {
|
|
4974
|
+
const props = __props;
|
|
4975
|
+
const visible = vue.useModel(__props, "modelValue");
|
|
4976
|
+
const handleMaskClick = () => {
|
|
4977
|
+
if (props.maskClosable) visible.value = false;
|
|
4978
|
+
};
|
|
4979
|
+
const maskBackgroundColor = vue.computed(() => {
|
|
4980
|
+
if (!props.showMask) return "transparent";
|
|
4981
|
+
switch (props.maskColor) {
|
|
4982
|
+
case "white":
|
|
4983
|
+
return "rgba(255, 255, 255, 0.5)";
|
|
4984
|
+
case "black":
|
|
4985
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4986
|
+
case "transparent":
|
|
4987
|
+
return "transparent";
|
|
4988
|
+
default:
|
|
4989
|
+
return "rgba(0, 0, 0, 0.5)";
|
|
4990
|
+
}
|
|
4991
|
+
});
|
|
4992
|
+
return (_ctx, _cache) => {
|
|
4993
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
4994
|
+
vue.createVNode(vue.Transition, { name: "fade" }, {
|
|
4995
|
+
default: vue.withCtx(() => [
|
|
4996
|
+
visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
4997
|
+
key: 0,
|
|
4998
|
+
class: "f-dialog-mask",
|
|
4999
|
+
style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
|
|
5000
|
+
onClick: handleMaskClick
|
|
5001
|
+
}, [
|
|
5002
|
+
vue.createElementVNode("div", {
|
|
5003
|
+
class: "f-dialog-container",
|
|
5004
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
5005
|
+
}, ["stop"]))
|
|
5006
|
+
}, [
|
|
5007
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
5008
|
+
])
|
|
5009
|
+
], 4)) : vue.createCommentVNode("", true)
|
|
5010
|
+
]),
|
|
5011
|
+
_: 3
|
|
5012
|
+
})
|
|
5013
|
+
]);
|
|
5014
|
+
};
|
|
5015
|
+
}
|
|
5016
|
+
});
|
|
4339
5017
|
const _hoisted_1 = { class: "f-result__icon" };
|
|
4340
5018
|
const _hoisted_2 = {
|
|
4341
5019
|
key: 0,
|