jb-mobile-ui 1.5.2 → 1.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/JbMobileDatePicker.vue.d.ts +3 -3
- package/dist/components/JbMobilePopup.vue.d.ts +30 -0
- package/dist/components/JbMobileSteps.vue.d.ts +61 -0
- package/dist/components/JbMobileTimePicker.vue.d.ts +3 -3
- package/dist/index.cjs.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.es.js +114 -60
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -4980,6 +4980,7 @@ const pxToVw = (px) => {
|
|
|
4980
4980
|
return px / window.innerWidth * 100;
|
|
4981
4981
|
};
|
|
4982
4982
|
const _hoisted_1$b = { class: "jb-mobile-popup__bg" };
|
|
4983
|
+
const _hoisted_2$9 = { class: "jb-mobile-popup__sub-title" };
|
|
4983
4984
|
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
4984
4985
|
__name: "JbMobilePopup",
|
|
4985
4986
|
props: {
|
|
@@ -4990,6 +4991,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
4990
4991
|
type: Boolean,
|
|
4991
4992
|
default: false
|
|
4992
4993
|
},
|
|
4994
|
+
/**
|
|
4995
|
+
* 是否显示弹出层的标题
|
|
4996
|
+
*/
|
|
4997
|
+
showTitle: {
|
|
4998
|
+
type: Boolean,
|
|
4999
|
+
default: true
|
|
5000
|
+
},
|
|
4993
5001
|
/**
|
|
4994
5002
|
* 弹出层的标题
|
|
4995
5003
|
*/
|
|
@@ -4997,6 +5005,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
4997
5005
|
type: String,
|
|
4998
5006
|
default: ""
|
|
4999
5007
|
},
|
|
5008
|
+
/**
|
|
5009
|
+
* 弹出层的副标题
|
|
5010
|
+
*/
|
|
5011
|
+
subTitle: {
|
|
5012
|
+
type: String,
|
|
5013
|
+
default: ""
|
|
5014
|
+
},
|
|
5000
5015
|
/**
|
|
5001
5016
|
* 弹出层的标题是否为白色背景
|
|
5002
5017
|
*/
|
|
@@ -5116,10 +5131,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
5116
5131
|
createElementVNode("div", _hoisted_1$b, [
|
|
5117
5132
|
renderSlot(_ctx.$slots, "popupBg", {}, void 0, true)
|
|
5118
5133
|
]),
|
|
5119
|
-
|
|
5134
|
+
__props.showTitle ? (openBlock(), createElementBlock("div", {
|
|
5135
|
+
key: 0,
|
|
5120
5136
|
class: normalizeClass$1(["jb-mobile-popup__header", { "white-bg": __props.titleWhiteBg }])
|
|
5121
5137
|
}, [
|
|
5122
5138
|
createElementVNode("div", null, toDisplayString(__props.title), 1),
|
|
5139
|
+
createElementVNode("div", _hoisted_2$9, toDisplayString(__props.subTitle), 1),
|
|
5123
5140
|
createElementVNode("div", {
|
|
5124
5141
|
class: "jb-mobile-popup__close-icon",
|
|
5125
5142
|
onClick: handleClose
|
|
@@ -5130,7 +5147,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
5130
5147
|
alt: ""
|
|
5131
5148
|
}, null, -1)
|
|
5132
5149
|
]))
|
|
5133
|
-
], 2),
|
|
5150
|
+
], 2)) : createCommentVNode("", true),
|
|
5134
5151
|
createElementVNode("div", {
|
|
5135
5152
|
class: normalizeClass$1(["jb-mobile-popup__content", { "safe-area-inset-bottom": __props.safeAreaInsetBottom && !__props.confirmButton && unref(checkHasSafeAreaInsetBottom)() }]),
|
|
5136
5153
|
style: normalizeStyle$1({ height: contentHeightComputed.value })
|
|
@@ -5138,7 +5155,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
5138
5155
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
5139
5156
|
], 6),
|
|
5140
5157
|
unref(slots).footButton || __props.confirmButton ? (openBlock(), createElementBlock("div", {
|
|
5141
|
-
key:
|
|
5158
|
+
key: 1,
|
|
5142
5159
|
class: normalizeClass$1(["jb-mobile-popup__bottom", { "safe-area-inset-bottom": __props.safeAreaInsetBottom && unref(checkHasSafeAreaInsetBottom)() }])
|
|
5143
5160
|
}, [
|
|
5144
5161
|
unref(slots).footButton ? renderSlot(_ctx.$slots, "footButton", { key: 0 }, void 0, true) : (openBlock(), createBlock(JbMobileButton, {
|
|
@@ -5161,17 +5178,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
5161
5178
|
};
|
|
5162
5179
|
}
|
|
5163
5180
|
});
|
|
5164
|
-
const JbMobilePopup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-
|
|
5181
|
+
const JbMobilePopup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-258c8bbe"]]);
|
|
5165
5182
|
const _hoisted_1$a = {
|
|
5166
5183
|
key: 0,
|
|
5167
5184
|
class: "jb-mobile-date-picker"
|
|
5168
5185
|
};
|
|
5169
5186
|
const _hoisted_2$8 = { class: "jb-mobile-date-picker__value" };
|
|
5170
5187
|
const _hoisted_3$7 = ["src"];
|
|
5171
|
-
const _hoisted_4$
|
|
5172
|
-
const _hoisted_5$
|
|
5173
|
-
const _hoisted_6$
|
|
5174
|
-
const _hoisted_7$
|
|
5188
|
+
const _hoisted_4$5 = { class: "jb-mobile-date-picker__date-text" };
|
|
5189
|
+
const _hoisted_5$4 = ["src"];
|
|
5190
|
+
const _hoisted_6$4 = { class: "jb-mobile-time-picker__calendar__inner" };
|
|
5191
|
+
const _hoisted_7$3 = { class: "jb-mobile-time-picker__group-wrap" };
|
|
5175
5192
|
const _hoisted_8$3 = {
|
|
5176
5193
|
key: 0,
|
|
5177
5194
|
class: "jb-mobile-time-picker__group__title"
|
|
@@ -5841,7 +5858,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
5841
5858
|
alt: "back"
|
|
5842
5859
|
}, null, 8, _hoisted_3$7)
|
|
5843
5860
|
])) : createCommentVNode("", true),
|
|
5844
|
-
createElementVNode("div", _hoisted_4$
|
|
5861
|
+
createElementVNode("div", _hoisted_4$5, [
|
|
5845
5862
|
createTextVNode(toDisplayString(dateFormatValue.value) + " ", 1),
|
|
5846
5863
|
timePickerType.value !== "total" ? (openBlock(), createBlock(_component_van_icon, {
|
|
5847
5864
|
key: 0,
|
|
@@ -5856,7 +5873,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
5856
5873
|
createElementVNode("img", {
|
|
5857
5874
|
src: forwardIcon.value,
|
|
5858
5875
|
alt: "forward"
|
|
5859
|
-
}, null, 8, _hoisted_5$
|
|
5876
|
+
}, null, 8, _hoisted_5$4)
|
|
5860
5877
|
])) : createCommentVNode("", true)
|
|
5861
5878
|
])
|
|
5862
5879
|
])) : createCommentVNode("", true),
|
|
@@ -5882,13 +5899,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
5882
5899
|
onConfirm: handleFinishSelectDate
|
|
5883
5900
|
}, {
|
|
5884
5901
|
text: withCtx(({ text }) => [
|
|
5885
|
-
createElementVNode("div", _hoisted_6$
|
|
5902
|
+
createElementVNode("div", _hoisted_6$4, toDisplayString(text), 1)
|
|
5886
5903
|
]),
|
|
5887
5904
|
_: 1
|
|
5888
5905
|
}, 8, ["type", "min-date", "max-date", "default-date", "first-day-of-week"])), [
|
|
5889
5906
|
[vShow, isShowCalendar.value]
|
|
5890
5907
|
]),
|
|
5891
|
-
withDirectives(createElementVNode("div", _hoisted_7$
|
|
5908
|
+
withDirectives(createElementVNode("div", _hoisted_7$3, [
|
|
5892
5909
|
(openBlock(true), createElementBlock(Fragment, null, renderList(timePickerTypeObj.value.timeList, (item) => {
|
|
5893
5910
|
return openBlock(), createElementBlock("div", {
|
|
5894
5911
|
key: item.value,
|
|
@@ -5924,7 +5941,7 @@ const JbMobileTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId
|
|
|
5924
5941
|
const _hoisted_1$9 = { class: "jb-mobile-date-picker" };
|
|
5925
5942
|
const _hoisted_2$7 = { class: "jb-mobile-date-picker__value" };
|
|
5926
5943
|
const _hoisted_3$6 = ["src"];
|
|
5927
|
-
const _hoisted_4$
|
|
5944
|
+
const _hoisted_4$4 = ["src"];
|
|
5928
5945
|
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
5929
5946
|
__name: "JbMobileDatePicker",
|
|
5930
5947
|
props: {
|
|
@@ -6156,7 +6173,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
6156
6173
|
createElementVNode("img", {
|
|
6157
6174
|
src: forwardIcon.value,
|
|
6158
6175
|
alt: "forward"
|
|
6159
|
-
}, null, 8, _hoisted_4$
|
|
6176
|
+
}, null, 8, _hoisted_4$4)
|
|
6160
6177
|
])) : createCommentVNode("", true)
|
|
6161
6178
|
]),
|
|
6162
6179
|
createVNode(JbMobileTimePicker, mergeProps({
|
|
@@ -6298,12 +6315,12 @@ const _hoisted_3$5 = {
|
|
|
6298
6315
|
key: 0,
|
|
6299
6316
|
class: "jb-mobile-select__search-input"
|
|
6300
6317
|
};
|
|
6301
|
-
const _hoisted_4$
|
|
6318
|
+
const _hoisted_4$3 = {
|
|
6302
6319
|
key: 1,
|
|
6303
6320
|
class: "jb-mobile-select__option-list"
|
|
6304
6321
|
};
|
|
6305
|
-
const _hoisted_5$
|
|
6306
|
-
const _hoisted_6$
|
|
6322
|
+
const _hoisted_5$3 = ["onClick"];
|
|
6323
|
+
const _hoisted_6$3 = {
|
|
6307
6324
|
key: 2,
|
|
6308
6325
|
class: "jb-mobile-select__empty-wrap"
|
|
6309
6326
|
};
|
|
@@ -6472,15 +6489,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
6472
6489
|
placeholder: __props.searchPlaceholder
|
|
6473
6490
|
}, null, 8, ["modelValue", "placeholder"])
|
|
6474
6491
|
])) : createCommentVNode("", true),
|
|
6475
|
-
options.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
6492
|
+
options.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
|
|
6476
6493
|
(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
|
|
6477
6494
|
return openBlock(), createElementBlock("div", {
|
|
6478
6495
|
class: normalizeClass$1(["jb-mobile-select__option-item", [`type-${__props.selectedType}`, { selected: item[fieldNames.value.value] === modelValue.value }]]),
|
|
6479
6496
|
key: item[fieldNames.value.value],
|
|
6480
6497
|
onClick: ($event) => handleSelectOptionItem(item)
|
|
6481
|
-
}, toDisplayString(item[fieldNames.value.label]), 11, _hoisted_5$
|
|
6498
|
+
}, toDisplayString(item[fieldNames.value.label]), 11, _hoisted_5$3);
|
|
6482
6499
|
}), 128))
|
|
6483
|
-
])) : (openBlock(), createElementBlock("div", _hoisted_6$
|
|
6500
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
|
|
6484
6501
|
createVNode(JbMobileEmpty)
|
|
6485
6502
|
]))
|
|
6486
6503
|
])
|
|
@@ -6496,10 +6513,10 @@ const _imports_0$1 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF
|
|
|
6496
6513
|
const _hoisted_1$5 = { class: "jb-mobile-tree-select-popup__search" };
|
|
6497
6514
|
const _hoisted_2$4 = { class: "jb-mobile-tree-select-popup__list" };
|
|
6498
6515
|
const _hoisted_3$4 = ["onClick"];
|
|
6499
|
-
const _hoisted_4$
|
|
6500
|
-
const _hoisted_5$
|
|
6501
|
-
const _hoisted_6$
|
|
6502
|
-
const _hoisted_7$
|
|
6516
|
+
const _hoisted_4$2 = { class: "ellipsis" };
|
|
6517
|
+
const _hoisted_5$2 = ["onClick"];
|
|
6518
|
+
const _hoisted_6$2 = { class: "jb-mobile-tree-select-popup__list__right-item__value ellipsis" };
|
|
6519
|
+
const _hoisted_7$2 = {
|
|
6503
6520
|
key: 0,
|
|
6504
6521
|
class: "jb-mobile-tree-select-popup__list__tick-icon",
|
|
6505
6522
|
src: _imports_0$1,
|
|
@@ -6749,7 +6766,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
6749
6766
|
_cache[2] || (_cache[2] = createElementVNode("div", { class: "arc top" }, [
|
|
6750
6767
|
createElementVNode("div", { class: "inner" })
|
|
6751
6768
|
], -1)),
|
|
6752
|
-
createElementVNode("div", _hoisted_4$
|
|
6769
|
+
createElementVNode("div", _hoisted_4$2, toDisplayString(item[fieldNames.value.label]), 1),
|
|
6753
6770
|
_cache[3] || (_cache[3] = createElementVNode("div", { class: "arc bottom" }, [
|
|
6754
6771
|
createElementVNode("div", { class: "inner" })
|
|
6755
6772
|
], -1))
|
|
@@ -6767,9 +6784,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
6767
6784
|
class: normalizeClass$1(["jb-mobile-tree-select-popup__list__right-item", { selected: currentSelectedRightItem.value[fieldNames.value.value] === item[fieldNames.value.value] }]),
|
|
6768
6785
|
onClick: ($event) => handleSelectRightItem(item)
|
|
6769
6786
|
}, [
|
|
6770
|
-
createElementVNode("div", _hoisted_6$
|
|
6771
|
-
props.isShowTickIcon ? (openBlock(), createElementBlock("img", _hoisted_7$
|
|
6772
|
-
], 10, _hoisted_5$
|
|
6787
|
+
createElementVNode("div", _hoisted_6$2, toDisplayString(item[fieldNames.value.label]), 1),
|
|
6788
|
+
props.isShowTickIcon ? (openBlock(), createElementBlock("img", _hoisted_7$2)) : createCommentVNode("", true)
|
|
6789
|
+
], 10, _hoisted_5$2);
|
|
6773
6790
|
}), 128))
|
|
6774
6791
|
], 512)
|
|
6775
6792
|
]),
|
|
@@ -6816,10 +6833,10 @@ const _hoisted_1$4 = {
|
|
|
6816
6833
|
};
|
|
6817
6834
|
const _hoisted_2$3 = { class: "jb-mobile-filter__list" };
|
|
6818
6835
|
const _hoisted_3$3 = ["onClick"];
|
|
6819
|
-
const _hoisted_4$
|
|
6820
|
-
const _hoisted_5$
|
|
6821
|
-
const _hoisted_6$
|
|
6822
|
-
const _hoisted_7$
|
|
6836
|
+
const _hoisted_4$1 = { class: "jb-mobile-filter__label ellipsis" };
|
|
6837
|
+
const _hoisted_5$1 = ["src"];
|
|
6838
|
+
const _hoisted_6$1 = ["src"];
|
|
6839
|
+
const _hoisted_7$1 = {
|
|
6823
6840
|
key: 0,
|
|
6824
6841
|
class: "jb-mobile-filter__select-popup__search"
|
|
6825
6842
|
};
|
|
@@ -6960,18 +6977,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
6960
6977
|
class: normalizeClass$1(["jb-mobile-filter__item", { selected: currentFilterItem.value.key === item.key }]),
|
|
6961
6978
|
onClick: ($event) => handleClickFilterItem(item)
|
|
6962
6979
|
}, [
|
|
6963
|
-
createElementVNode("div", _hoisted_4$
|
|
6980
|
+
createElementVNode("div", _hoisted_4$1, toDisplayString(((_a = currentFilterListItemList.value[index]) == null ? void 0 : _a.label) || item.placeholder), 1),
|
|
6964
6981
|
item.type === "select" ? (openBlock(), createElementBlock("img", {
|
|
6965
6982
|
key: 0,
|
|
6966
6983
|
class: "jb-mobile-filter__icon common-icon",
|
|
6967
6984
|
src: currentFilterItem.value.key === item.key ? unref(dropDownIconSelected) : unref(dropDownIcon),
|
|
6968
6985
|
alt: ""
|
|
6969
|
-
}, null, 8, _hoisted_5$
|
|
6986
|
+
}, null, 8, _hoisted_5$1)) : item.type === "sort" ? (openBlock(), createElementBlock("img", {
|
|
6970
6987
|
key: 1,
|
|
6971
6988
|
class: "jb-mobile-filter__icon common-icon",
|
|
6972
6989
|
src: ((_b = currentFilterListItemList.value[index]) == null ? void 0 : _b.value) === "asc" ? unref(sortIconAsc) : ((_c = currentFilterListItemList.value[index]) == null ? void 0 : _c.value) === "desc" ? unref(sortIconDesc) : unref(sortIconNormal),
|
|
6973
6990
|
alt: ""
|
|
6974
|
-
}, null, 8, _hoisted_6$
|
|
6991
|
+
}, null, 8, _hoisted_6$1)) : createCommentVNode("", true)
|
|
6975
6992
|
], 10, _hoisted_3$3);
|
|
6976
6993
|
}), 128))
|
|
6977
6994
|
])
|
|
@@ -6985,7 +7002,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
6985
7002
|
"onUpdate:show": _cache[2] || (_cache[2] = ($event) => isShowSelectPopup.value = $event)
|
|
6986
7003
|
}, {
|
|
6987
7004
|
default: withCtx(() => [
|
|
6988
|
-
currentFilterItem.value.search ? (openBlock(), createElementBlock("div", _hoisted_7$
|
|
7005
|
+
currentFilterItem.value.search ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
|
|
6989
7006
|
createVNode(JbMobileSearchInput, {
|
|
6990
7007
|
modelValue: searchValue.value,
|
|
6991
7008
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
|
|
@@ -7179,13 +7196,13 @@ const _hoisted_3$1 = {
|
|
|
7179
7196
|
src: _imports_1,
|
|
7180
7197
|
alt: ""
|
|
7181
7198
|
};
|
|
7182
|
-
const _hoisted_4
|
|
7183
|
-
const _hoisted_5
|
|
7199
|
+
const _hoisted_4 = { class: "jb-mobile-cascader__tabs-title ellipsis" };
|
|
7200
|
+
const _hoisted_5 = {
|
|
7184
7201
|
key: 0,
|
|
7185
7202
|
class: "jb-mobile-cascader__search"
|
|
7186
7203
|
};
|
|
7187
|
-
const _hoisted_6
|
|
7188
|
-
const _hoisted_7
|
|
7204
|
+
const _hoisted_6 = { class: "jb-mobile-cascader__tabs-content" };
|
|
7205
|
+
const _hoisted_7 = ["onClick"];
|
|
7189
7206
|
const _hoisted_8 = { class: "flex-align-center flex-1 ellipsis" };
|
|
7190
7207
|
const _hoisted_9 = ["src", "onClick"];
|
|
7191
7208
|
const _hoisted_10 = { class: "ellipsis" };
|
|
@@ -7629,18 +7646,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
7629
7646
|
return [
|
|
7630
7647
|
createElementVNode("div", _hoisted_2$1, [
|
|
7631
7648
|
index !== 0 ? (openBlock(), createElementBlock("img", _hoisted_3$1)) : createCommentVNode("", true),
|
|
7632
|
-
createElementVNode("div", _hoisted_4
|
|
7649
|
+
createElementVNode("div", _hoisted_4, toDisplayString(((_a = selectedList.value[index]) == null ? void 0 : _a[fieldNames.value.label]) || "请选择"), 1)
|
|
7633
7650
|
])
|
|
7634
7651
|
];
|
|
7635
7652
|
}),
|
|
7636
7653
|
default: withCtx(() => [
|
|
7637
|
-
__props.filterable ? (openBlock(), createElementBlock("div", _hoisted_5
|
|
7654
|
+
__props.filterable ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
7638
7655
|
createVNode(JbMobileSearchInput, {
|
|
7639
7656
|
modelValue: searchValue.value,
|
|
7640
7657
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event)
|
|
7641
7658
|
}, null, 8, ["modelValue"])
|
|
7642
7659
|
])) : createCommentVNode("", true),
|
|
7643
|
-
createElementVNode("div", _hoisted_6
|
|
7660
|
+
createElementVNode("div", _hoisted_6, [
|
|
7644
7661
|
(openBlock(true), createElementBlock(Fragment, null, renderList(currentOptions2.value, (item2) => {
|
|
7645
7662
|
var _a;
|
|
7646
7663
|
return openBlock(), createElementBlock("div", {
|
|
@@ -7662,7 +7679,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
7662
7679
|
data: item2
|
|
7663
7680
|
}, void 0, true) : createCommentVNode("", true),
|
|
7664
7681
|
((_a = item2[fieldNames.value.child]) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("img", _hoisted_11)) : createCommentVNode("", true)
|
|
7665
|
-
], 10, _hoisted_7
|
|
7682
|
+
], 10, _hoisted_7);
|
|
7666
7683
|
}), 128))
|
|
7667
7684
|
])
|
|
7668
7685
|
]),
|
|
@@ -7699,18 +7716,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
7699
7716
|
});
|
|
7700
7717
|
const JbMobileCascader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fca7f37c"]]);
|
|
7701
7718
|
const _hoisted_1$1 = { class: "jb-mobile-steps__item" };
|
|
7702
|
-
const _hoisted_2 = {
|
|
7703
|
-
const _hoisted_3 = {
|
|
7719
|
+
const _hoisted_2 = {
|
|
7704
7720
|
key: 0,
|
|
7705
7721
|
class: "jb-mobile-steps__circle"
|
|
7706
7722
|
};
|
|
7707
|
-
const
|
|
7723
|
+
const _hoisted_3 = {
|
|
7708
7724
|
key: 1,
|
|
7709
|
-
class: "jb-mobile-
|
|
7725
|
+
class: "jb-mobile-steps__title"
|
|
7710
7726
|
};
|
|
7711
|
-
const _hoisted_5 = { class: "jb-mobile-steps__item__right" };
|
|
7712
|
-
const _hoisted_6 = { class: "jb-mobile-steps__title" };
|
|
7713
|
-
const _hoisted_7 = { class: "jb-mobile-steps__content" };
|
|
7714
7727
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
7715
7728
|
__name: "JbMobileSteps",
|
|
7716
7729
|
props: {
|
|
@@ -7728,36 +7741,77 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
7728
7741
|
type: Number,
|
|
7729
7742
|
default: 1
|
|
7730
7743
|
},
|
|
7744
|
+
/**
|
|
7745
|
+
* 步骤条的序号的类名,type 为 1 时有效
|
|
7746
|
+
*/
|
|
7747
|
+
numClass: {
|
|
7748
|
+
type: String,
|
|
7749
|
+
default: ""
|
|
7750
|
+
},
|
|
7731
7751
|
/**
|
|
7732
7752
|
* 步骤条的标题
|
|
7733
7753
|
*/
|
|
7734
7754
|
title: {
|
|
7735
7755
|
type: String,
|
|
7736
7756
|
default: ""
|
|
7757
|
+
},
|
|
7758
|
+
/**
|
|
7759
|
+
* 步骤条左侧步骤的样式
|
|
7760
|
+
*/
|
|
7761
|
+
stepLeftStyle: {
|
|
7762
|
+
type: Object,
|
|
7763
|
+
default: {}
|
|
7764
|
+
},
|
|
7765
|
+
/**
|
|
7766
|
+
* 步骤条右侧内容的样式
|
|
7767
|
+
*/
|
|
7768
|
+
stepRightStyle: {
|
|
7769
|
+
type: Object,
|
|
7770
|
+
default: {}
|
|
7771
|
+
},
|
|
7772
|
+
/**
|
|
7773
|
+
* 步骤条内容的样式
|
|
7774
|
+
*/
|
|
7775
|
+
stepContentStyle: {
|
|
7776
|
+
type: Object,
|
|
7777
|
+
default: {}
|
|
7737
7778
|
}
|
|
7738
7779
|
},
|
|
7739
7780
|
setup(__props) {
|
|
7781
|
+
const slots = useSlots();
|
|
7740
7782
|
return (_ctx, _cache) => {
|
|
7741
7783
|
return openBlock(), createElementBlock("div", {
|
|
7742
7784
|
class: normalizeClass$1(["jb-mobile-steps", [`jb-mobile-steps--type-${__props.type}`]])
|
|
7743
7785
|
}, [
|
|
7744
7786
|
createElementVNode("div", _hoisted_1$1, [
|
|
7745
|
-
createElementVNode("div",
|
|
7746
|
-
|
|
7787
|
+
createElementVNode("div", {
|
|
7788
|
+
class: "jb-mobile-steps__item__left flex-column-center",
|
|
7789
|
+
style: normalizeStyle$1(__props.stepLeftStyle)
|
|
7790
|
+
}, [
|
|
7791
|
+
__props.type === 0 ? (openBlock(), createElementBlock("div", _hoisted_2)) : __props.type === 1 ? (openBlock(), createElementBlock("div", {
|
|
7792
|
+
key: 1,
|
|
7793
|
+
class: normalizeClass$1(["jb-mobile-steps__num flex-center", __props.numClass])
|
|
7794
|
+
}, toDisplayString(__props.num), 3)) : createCommentVNode("", true),
|
|
7747
7795
|
_cache[0] || (_cache[0] = createElementVNode("div", { class: "jb-mobile-steps__line flex-1" }, null, -1))
|
|
7748
|
-
]),
|
|
7749
|
-
createElementVNode("div",
|
|
7750
|
-
|
|
7751
|
-
|
|
7796
|
+
], 4),
|
|
7797
|
+
createElementVNode("div", {
|
|
7798
|
+
class: "jb-mobile-steps__item__right",
|
|
7799
|
+
style: normalizeStyle$1(__props.stepRightStyle)
|
|
7800
|
+
}, [
|
|
7801
|
+
unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.title), 1)),
|
|
7802
|
+
createElementVNode("div", {
|
|
7803
|
+
class: "jb-mobile-steps__content",
|
|
7804
|
+
style: normalizeStyle$1(__props.stepContentStyle)
|
|
7805
|
+
}, [
|
|
7752
7806
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
7753
|
-
])
|
|
7754
|
-
])
|
|
7807
|
+
], 4)
|
|
7808
|
+
], 4)
|
|
7755
7809
|
])
|
|
7756
7810
|
], 2);
|
|
7757
7811
|
};
|
|
7758
7812
|
}
|
|
7759
7813
|
});
|
|
7760
|
-
const JbMobileSteps = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
7814
|
+
const JbMobileSteps = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-acf20a9b"]]);
|
|
7761
7815
|
const _imports_0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='64px'%20height='64px'%20viewBox='0%200%2064%2064'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e玄览备份%202%3c/title%3e%3cdefs%3e%3crect%20id='path-1'%20x='0'%20y='0'%20width='64'%20height='64'%3e%3c/rect%3e%3c/defs%3e%3cg%20id='控件'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='编组-8'%20transform='translate(-119,%20-8)'%3e%3cg%20id='玄览备份-2'%20transform='translate(119,%208)'%3e%3cmask%20id='mask-2'%20fill='white'%3e%3cuse%20xlink:href='%23path-1'%3e%3c/use%3e%3c/mask%3e%3cg%20id='蒙版'%3e%3c/g%3e%3cg%20id='玄览'%20mask='url(%23mask-2)'%3e%3cg%20transform='translate(-0.0742,%200.0732)'%20id='prismic-logo-svg-150px'%3e%3cg%20transform='translate(32.0742,%2032.0742)%20scale(-1,%201)%20rotate(-135)%20translate(-32.0742,%20-32.0742)translate(9.6037,%209.1849)'%3e%3cpath%20d='M0.281517195,21.8647754%20C0.356339894,21.8647754%200.427857563,21.8951397%200.480770345,21.9487183%20L3.80212613,25.3320322%20C4.06545682,25.600111%204.21326061,25.9636159%204.21326061,26.3424114%20L4.21326061,30.483564%20C4.21326061,34.3098069%204.60429815,35.6970934%205.33868873,37.0958324%20C6.07329244,38.4945713%207.15097512,39.5924529%208.52405224,40.340263%20C8.57755704,40.3694225%208.63104489,40.3980508%208.68465805,40.4261446%20L8.79209353,40.4816194%20C10.0843355,41.1387471%2011.5033692,41.4870494%2015.0156958,41.4870494%20L20.3878794,41.4870494%20C20.5432956,41.4870494%2020.6693887,41.6148828%2020.6693887,41.7730496%20C20.6693887,41.848883%2020.6398218,41.9216211%2020.5871131,41.9751688%20L17.2655472,45.3585757%20C17.0013943,45.627552%2016.6429991,45.7785997%2016.2692875,45.7785997%20L14.4030439,45.7785997%20C9.39485832,45.7785997%207.5786439,45.2474566%205.7477526,44.2501701%20C3.91686133,43.2525744%202.47991252,41.7891448%201.50059823,39.9236438%20L1.43872393,39.8046163%20C0.509741639,37.9987069%200.0109113584,36.1410333%203.03666769e-12,31.2691781%20L3.03666769e-12,22.1510232%20C3.03666769e-12,21.9929493%200.126083271,21.8647754%200.281517195,21.8647754%20Z%20M41.0062644,24.7247771%20C41.0811713,24.7247771%2041.1527285,24.7548939%2041.2057113,24.8087821%20L44.5268814,28.1919102%20C44.7899684,28.4601437%2044.9379549,28.8237416%2044.9379549,29.2025061%20L44.9379549,31.1065431%20C44.9379549,36.2084271%2044.4166528,38.0584521%2043.4373841,39.9236438%20C42.4584201,41.7885259%2041.021185,43.2522648%2039.1902328,44.2498607%20C39.1318078,44.2816889%2039.0733979,44.3130426%2039.0148985,44.3439201%20L38.8977496,44.4050381%20C37.1769138,45.2921006%2035.3193993,45.7678405%2030.6942119,45.7785997%20L21.7423212,45.7785997%20C21.5869049,45.7785997%2021.4610859,45.6504567%2021.4610859,45.4925996%20C21.4610859,45.4167661%2021.4906528,45.344028%2021.5432397,45.2904803%20L24.8647448,41.9064544%20C25.1286236,41.6377875%2025.4871406,41.4864305%2025.8608825,41.4864305%20L29.9230812,41.4864305%20C33.6791063,41.4864305%2035.0411301,41.0883824%2036.4141157,40.340263%20C37.7874062,39.591834%2038.8650278,38.4942619%2039.5994793,37.0955228%20C40.3339308,35.6964744%2040.7249076,34.3088783%2040.7249076,30.4827901%20L40.7249076,25.0106845%20C40.7249076,24.8527963%2040.8509699,24.7247771%2041.0062644,24.7247771%20Z%20M37.6348521,28.9993035%20C37.790451,28.9993035%2037.9162092,29.1273846%2037.9162092,29.2853966%20L37.9162092,32.9066728%20C37.9162092,36.0668199%2035.4016568,38.6285954%2032.2994214,38.6285954%20L21.6492358,38.6285954%20C21.2755243,38.6285954%2020.9173422,38.4776094%2020.653372,38.2089427%20L17.3291265,34.825412%20C17.2764178,34.7717715%2017.2468509,34.6990642%2017.2468509,34.6232927%20C17.2468509,34.4652809%2017.3729439,34.3371998%2017.5283906,34.3371998%20L30.8953769,34.3371998%20C31.2449418,34.3371998%2031.579586,34.272014%2031.888348,34.1530949%20C32.2616636,34.0146139%2032.6121418,33.7928708%2032.911769,33.4877112%20L37.4402774,29.0787583%20C37.4926512,29.0278108%2037.5623813,28.9993035%2037.6348521,28.9993035%20Z%20M10.9534058,17.5716775%20C11.1088525,17.5716775%2011.2348541,17.6996966%2011.2348541,17.8576467%20L11.2348541,31.4753408%20C11.2348541,31.8316339%2011.2987685,32.1727604%2011.4155438,32.4873606%20C11.5515026,32.8676417%2011.7692498,33.2247704%2012.0687854,33.5298684%20L16.3986387,38.1449331%20C16.4485765,38.1982021%2016.4764686,38.2689594%2016.4764686,38.3424403%20C16.4764686,38.5005762%2016.3504365,38.6285954%2016.1949898,38.6285954%20L12.6392642,38.6285954%20C9.53681574,38.6285954%207.02177621,36.0666033%207.02177621,32.9061774%20L7.02177621,22.0523779%20C7.02177621,21.6737681%207.16945821,21.3105417%207.4324844,21.0422773%20L10.7541112,17.655899%20C10.8068504,17.6020109%2010.8786208,17.5716775%2010.9534058,17.5716775%20Z%20M32.2988125,7.15309965%20C35.4013522,7.15309965%2037.9162092,9.71502981%2037.9162092,12.8755794%20L37.9162092,23.729317%20C37.9162092,24.1079269%2037.7688317,24.4711531%2037.5054401,24.7394176%20L34.1839654,28.1259816%20C34.1312872,28.179684%2034.0594254,28.2100173%2033.9845187,28.2100173%20C33.8292243,28.2100173%2033.7031617,28.0819982%2033.7031617,27.9238625%20L33.7031617,14.3061993%20C33.7031617,13.9499372%2033.6392168,13.6091513%2033.5225937,13.2946749%20C33.3864829,12.9139604%2033.1687661,12.5570792%2032.869139,12.2518885%20L28.5394077,7.63688568%20C28.4893784,7.58364753%2028.4615778,7.51276655%2028.4615778,7.43940935%20C28.4615778,7.28124258%2028.5876097,7.15309965%2028.7431479,7.15309965%20L32.2988125,7.15309965%20Z%20M38.5458752,1.19766552%20L38.6648818,1.25495236%20C38.8427511,1.34184615%2039.0179447,1.43307163%2039.1932779,1.5285719%20C41.0242298,2.52601608%2042.4611605,3.98979533%2043.4401246,5.85483218%20C43.4817956,5.93419545%2043.5226379,6.013531%2043.5626466,6.09309052%20L43.6220336,6.21262928%20C44.4838563,7.96925166%2044.9409999,9.89521493%2044.9409999,14.6711281%20L44.9409999,23.6275765%20C44.9409999,23.7856504%2044.8149373,23.9138243%2044.6593385,23.9138243%20C44.5847362,23.9138243%2044.5128743,23.88346%2044.4598915,23.8298814%20L41.1387214,20.4465674%20C40.8756344,20.1784886%2040.727648,19.8149837%2040.727648,19.4361882%20L40.727648,15.2950356%20C40.727648,11.4688237%2040.3366713,10.0815991%2039.6022198,8.68264346%20C38.8677683,7.28390451%2037.7901466,6.18627049%2036.4168564,5.43824384%20C35.043566,4.68996957%2033.6815422,4.29158123%2029.9253042,4.29158123%20L24.5531206,4.29158123%20C24.3976737,4.29158123%2024.2716113,4.163624%2024.2716113,4.00555008%20C24.2716113,3.92974766%2024.3011476,3.85707144%2024.3538565,3.80349281%20L27.6754222,0.42016645%20C27.9393923,0.151135308%2028.2977878,9.02344074e-14%2028.6717124,9.02344074e-14%20L30.5375906,9.02344074e-14%20C34.9599001,9.02344074e-14%2036.8932762,0.414092063%2038.5458752,1.19766552%20Z%20M23.1953901,4.13531352e-13%20C23.3508064,4.13531352e-13%2023.476869,0.128007365%2023.476869,0.28612151%20C23.476869,0.361914032%2023.4473021,0.43455003%2023.3946847,0.488236967%20L20.0731797,3.87180477%20C19.8090878,4.14065731%2019.4508143,4.29182885%2019.0770723,4.29182885%20L15.0148736,4.29182885%20C11.2587877,4.29182885%209.89667259,4.69037194%208.52350415,5.43839859%20C7.15057928,6.18645621%206.07277479,7.28439974%205.33841469,8.68323154%20C4.60405457,10.0820324%204.21292565,11.4695047%204.21292565,15.2958094%20L4.21292565,20.7676985%20C4.21292565,20.9256177%204.08707625,21.0538225%203.93144683,21.0538225%20C3.85678368,21.0538225%203.78516554,21.0235201%203.73236543,20.9698177%20L0.41107967,17.5864728%20C0.147904275,17.3182393%20-8.43912743e-14,16.9548581%20-8.43912743e-14,16.5758769%20L-8.43912743e-14,14.6719948%20C-8.43912743e-14,9.57023449%200.521420956,7.72024048%201.50064086,5.85507982%20C2.4796263,3.98991913%203.91664818,2.52624822%205.74738723,1.52871737%20C5.86425651,1.46504519%205.98106464,1.40327301%206.09864563,1.34341769%20L6.21651515,1.28420195%20C7.89085832,0.454381816%209.77610992,0.0103933843%2014.2435917,4.13531352e-13%20L23.1953901,4.13531352e-13%20Z%20M23.2911855,7.15619489%20C23.6649275,7.15619489%2024.0231706,7.30724261%2024.2871712,7.57590945%20L27.6117211,10.9593163%20C27.664643,11.0131735%2027.6942099,11.0856021%2027.6942099,11.1614355%20C27.6942099,11.3196022%2027.5680865,11.4474356%2027.4126396,11.4474356%20L14.0437656,11.4474356%20C13.6942008,11.4474356%2013.3593128,11.5127452%2013.0506727,11.6316024%20C12.6771134,11.7702692%2012.3267265,11.9918884%2012.0271908,12.297079%20L7.49804303,16.7060318%20C7.4455474,16.7570722%207.37587805,16.7854866%207.30331596,16.7854866%20C7.14786922,16.7854866%207.02177621,16.6573127%207.02177621,16.4994864%20L7.02177621,12.8780556%20C7.02177621,9.71812505%209.53696799,7.15619489%2012.6395078,7.15619489%20L23.2911855,7.15619489%20Z'%20id='形状结合'%20fill='%237B52FE'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
|
|
7762
7816
|
const _sfc_main = {};
|
|
7763
7817
|
const _hoisted_1 = { class: "loading-mask" };
|