@fecp/vue 1.1.4 → 1.1.5
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/es/packages/vue/src/components/forms/form/Form.vue.mjs +7 -1
- package/es/packages/vue/src/components/forms/subTable/SubTable.vue.mjs +3 -2
- package/es/packages/vue/src/utils/datasource.mjs +10 -4
- package/es/vue.css +2 -2
- package/lib/packages/vue/src/components/forms/form/Form.vue.js +7 -1
- package/lib/packages/vue/src/components/forms/subTable/SubTable.vue.js +3 -2
- package/lib/packages/vue/src/utils/datasource.js +10 -4
- package/lib/vue.css +2 -2
- package/package.json +1 -1
|
@@ -294,10 +294,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
294
294
|
gridLayoutData = gridLayoutData.map((item) => {
|
|
295
295
|
item.isResizable = false;
|
|
296
296
|
if (!item.fixedH) {
|
|
297
|
+
item.y = item.y * 60;
|
|
297
298
|
item.h = item.h * 60;
|
|
298
299
|
}
|
|
299
300
|
return item;
|
|
300
301
|
});
|
|
302
|
+
console.log(
|
|
303
|
+
"🚀 ~ localConfig.value.fieldsData:",
|
|
304
|
+
localConfig.value.fieldsData
|
|
305
|
+
);
|
|
301
306
|
const linkedConfig = localConfig.value.linkedConfig || {};
|
|
302
307
|
const dataLink = (linkedConfig == null ? void 0 : linkedConfig.dataLink) || [];
|
|
303
308
|
const fields = [...fieldsData.value, ...hiddenFields.value];
|
|
@@ -406,6 +411,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
406
411
|
});
|
|
407
412
|
}
|
|
408
413
|
});
|
|
414
|
+
console.log("🚀 ~ gridLayoutData:", gridLayoutData);
|
|
409
415
|
return gridLayoutData;
|
|
410
416
|
});
|
|
411
417
|
const getFieldError = (fieldName) => {
|
|
@@ -605,7 +611,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
605
611
|
};
|
|
606
612
|
}
|
|
607
613
|
});
|
|
608
|
-
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
614
|
+
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ea07f4a"]]);
|
|
609
615
|
export {
|
|
610
616
|
_Form as default
|
|
611
617
|
};
|
|
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
55
55
|
});
|
|
56
56
|
const initSearchData = computed(() => {
|
|
57
57
|
if (props.config.dataSourceFrom == "self") {
|
|
58
|
-
const fields = props.localConfig.fieldsData.map((
|
|
58
|
+
const fields = props.localConfig.fieldsData.map((item2) => item2.component);
|
|
59
59
|
const params = parseRouteParams(
|
|
60
60
|
props.config.subTableParams,
|
|
61
61
|
formData.value,
|
|
@@ -68,11 +68,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
68
68
|
});
|
|
69
69
|
function subTableLoaded(subOption) {
|
|
70
70
|
const foundItem = props.localConfig.fieldsData.find(
|
|
71
|
-
(
|
|
71
|
+
(item2) => item2.id == props.config.id
|
|
72
72
|
);
|
|
73
73
|
const titleHeight = config.titleMode != "none" ? 60 : 0;
|
|
74
74
|
if (foundItem) {
|
|
75
75
|
foundItem.fixedH = true;
|
|
76
|
+
item.y = item.y * props.config.subTableHeight + titleHeight;
|
|
76
77
|
foundItem.h = props.config.subTableHeight + titleHeight;
|
|
77
78
|
gridLayout.value.resizeEvent();
|
|
78
79
|
}
|
|
@@ -132,12 +132,18 @@ class DataSourceManager {
|
|
|
132
132
|
response = await this.http.get(url, { params });
|
|
133
133
|
break;
|
|
134
134
|
case "post":
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
if (currentDs.contentType === "formData") {
|
|
136
|
+
response = await this.http.postForm(url, params, requestConfig);
|
|
137
|
+
} else {
|
|
138
|
+
response = await this.http.post(url, params, requestConfig);
|
|
139
|
+
}
|
|
137
140
|
break;
|
|
138
141
|
case "put":
|
|
139
|
-
|
|
140
|
-
|
|
142
|
+
if (currentDs.contentType === "formData") {
|
|
143
|
+
response = await this.http.putForm(url, params, requestConfig);
|
|
144
|
+
} else {
|
|
145
|
+
response = await this.http.put(url, params, requestConfig);
|
|
146
|
+
}
|
|
141
147
|
break;
|
|
142
148
|
case "delete":
|
|
143
149
|
response = await this.http.delete(url, { params });
|
package/es/vue.css
CHANGED
|
@@ -303,13 +303,13 @@
|
|
|
303
303
|
width: 80px;
|
|
304
304
|
font-size: var(--el-font-size-extra-small);
|
|
305
305
|
}
|
|
306
|
-
[data-v-
|
|
306
|
+
[data-v-5ea07f4a] .vgl-item > .el-form-item {
|
|
307
307
|
position: absolute;
|
|
308
308
|
top: 50%;
|
|
309
309
|
transform: translateY(-50%);
|
|
310
310
|
width: 100%;
|
|
311
311
|
}
|
|
312
|
-
[data-v-
|
|
312
|
+
[data-v-5ea07f4a] .vgl-item > .el-container {
|
|
313
313
|
height: auto !important;
|
|
314
314
|
}:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
|
|
315
315
|
:root,:host{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-bold);--van-badge-border-width: var(--van-border-width);--van-badge-background: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font);line-height:1.2;text-align:center;background:var(--van-badge-background);border:var(--van-badge-border-width) solid var(--van-background-2);border-radius:var(--van-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
|
|
@@ -296,10 +296,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
296
296
|
gridLayoutData = gridLayoutData.map((item) => {
|
|
297
297
|
item.isResizable = false;
|
|
298
298
|
if (!item.fixedH) {
|
|
299
|
+
item.y = item.y * 60;
|
|
299
300
|
item.h = item.h * 60;
|
|
300
301
|
}
|
|
301
302
|
return item;
|
|
302
303
|
});
|
|
304
|
+
console.log(
|
|
305
|
+
"🚀 ~ localConfig.value.fieldsData:",
|
|
306
|
+
localConfig.value.fieldsData
|
|
307
|
+
);
|
|
303
308
|
const linkedConfig = localConfig.value.linkedConfig || {};
|
|
304
309
|
const dataLink = (linkedConfig == null ? void 0 : linkedConfig.dataLink) || [];
|
|
305
310
|
const fields = [...fieldsData.value, ...hiddenFields.value];
|
|
@@ -408,6 +413,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
408
413
|
});
|
|
409
414
|
}
|
|
410
415
|
});
|
|
416
|
+
console.log("🚀 ~ gridLayoutData:", gridLayoutData);
|
|
411
417
|
return gridLayoutData;
|
|
412
418
|
});
|
|
413
419
|
const getFieldError = (fieldName) => {
|
|
@@ -607,5 +613,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
607
613
|
};
|
|
608
614
|
}
|
|
609
615
|
});
|
|
610
|
-
const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
616
|
+
const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5ea07f4a"]]);
|
|
611
617
|
exports.default = _Form;
|
|
@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
57
57
|
});
|
|
58
58
|
const initSearchData = vue.computed(() => {
|
|
59
59
|
if (props.config.dataSourceFrom == "self") {
|
|
60
|
-
const fields = props.localConfig.fieldsData.map((
|
|
60
|
+
const fields = props.localConfig.fieldsData.map((item2) => item2.component);
|
|
61
61
|
const params = parseRouteParams.parseRouteParams(
|
|
62
62
|
props.config.subTableParams,
|
|
63
63
|
formData.value,
|
|
@@ -70,11 +70,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
70
70
|
});
|
|
71
71
|
function subTableLoaded(subOption) {
|
|
72
72
|
const foundItem = props.localConfig.fieldsData.find(
|
|
73
|
-
(
|
|
73
|
+
(item2) => item2.id == props.config.id
|
|
74
74
|
);
|
|
75
75
|
const titleHeight = config.titleMode != "none" ? 60 : 0;
|
|
76
76
|
if (foundItem) {
|
|
77
77
|
foundItem.fixedH = true;
|
|
78
|
+
item.y = item.y * props.config.subTableHeight + titleHeight;
|
|
78
79
|
foundItem.h = props.config.subTableHeight + titleHeight;
|
|
79
80
|
gridLayout.value.resizeEvent();
|
|
80
81
|
}
|
|
@@ -134,12 +134,18 @@ class DataSourceManager {
|
|
|
134
134
|
response = await this.http.get(url, { params });
|
|
135
135
|
break;
|
|
136
136
|
case "post":
|
|
137
|
-
|
|
138
|
-
|
|
137
|
+
if (currentDs.contentType === "formData") {
|
|
138
|
+
response = await this.http.postForm(url, params, requestConfig);
|
|
139
|
+
} else {
|
|
140
|
+
response = await this.http.post(url, params, requestConfig);
|
|
141
|
+
}
|
|
139
142
|
break;
|
|
140
143
|
case "put":
|
|
141
|
-
|
|
142
|
-
|
|
144
|
+
if (currentDs.contentType === "formData") {
|
|
145
|
+
response = await this.http.putForm(url, params, requestConfig);
|
|
146
|
+
} else {
|
|
147
|
+
response = await this.http.put(url, params, requestConfig);
|
|
148
|
+
}
|
|
143
149
|
break;
|
|
144
150
|
case "delete":
|
|
145
151
|
response = await this.http.delete(url, { params });
|
package/lib/vue.css
CHANGED
|
@@ -303,13 +303,13 @@
|
|
|
303
303
|
width: 80px;
|
|
304
304
|
font-size: var(--el-font-size-extra-small);
|
|
305
305
|
}
|
|
306
|
-
[data-v-
|
|
306
|
+
[data-v-5ea07f4a] .vgl-item > .el-form-item {
|
|
307
307
|
position: absolute;
|
|
308
308
|
top: 50%;
|
|
309
309
|
transform: translateY(-50%);
|
|
310
310
|
width: 100%;
|
|
311
311
|
}
|
|
312
|
-
[data-v-
|
|
312
|
+
[data-v-5ea07f4a] .vgl-item > .el-container {
|
|
313
313
|
height: auto !important;
|
|
314
314
|
}:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
|
|
315
315
|
:root,:host{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-bold);--van-badge-border-width: var(--van-border-width);--van-badge-background: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font);line-height:1.2;text-align:center;background:var(--van-badge-background);border:var(--van-badge-border-width) solid var(--van-background-2);border-radius:var(--van-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
|