@gct-paas/design-mobile 0.1.4-dev.18 → 0.1.4-dev.19

package/es/components/form-component/FieldSelect.mjs

@@ -0,0 +1,177 @@
+import tag_label_default from "./tag-label.vue.mjs";
+import { SelectType } from "./typing.mjs";
+import optionList_default from "./optionList.vue.mjs";
+import { Fragment, computed, createVNode, defineComponent, inject } from "vue";
+import { Cell, Picker, Popup } from "vant";
+import { EntityModelTypeEnum, FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/form-component/FieldSelect.tsx
+var FieldSelect_default = /* @__PURE__ */ defineComponent({
+	name: "FieldSelect",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		showPop: Boolean,
+		fieldType: {
+			type: String,
+			required: true
+		},
+		type: {
+			type: Object,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		isLinkageMode: { type: Boolean },
+		options: Array,
+		value: [
+			String,
+			Number,
+			Boolean,
+			Array
+		],
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: {
+			type: String,
+			default: "请选择"
+		},
+		refModelType: {
+			type: String,
+			default: ""
+		},
+		useSwitchComp: {
+			type: Boolean,
+			default: false
+		},
+		maxTagTextLength: {
+			type: Number,
+			default: 12
+		}
+	},
+	setup(props, { emit }) {
+		const layout = inject("form-layout", {});
+		const options = computed(() => {
+			return (props.options ?? []).map((item) => {
+				return { ...item };
+			});
+		});
+		function getLabels(item) {
+			const arr = item._item?.full_path_.split("/") || [];
+			return (props.options ?? []).filter((i) => arr.includes(i.value)).map((val) => val.label).join("/");
+		}
+		const selectInfo = computed(() => {
+			return options.value?.filter((item) => {
+				if (props.multiple) return props.value?.includes(item.value);
+				return props.value === item.value;
+			}) ?? [];
+		});
+		const slots = { value: () => {
+			if (props.value?.length || ["boolean", "enum"].includes(props.fieldType) && !(props.value === void 0 || props.value === "")) {
+				const iconExts = {};
+				const avatarProps = {};
+				const labelArr = [];
+				selectInfo.value.forEach((e) => {
+					const label = handleLabel(e.label);
+					const { icon, iconColor, textColor } = e._item || {};
+					iconExts[label] = {
+						icon,
+						iconColor,
+						textColor
+					};
+					if (props.fieldType === FIELD_TYPE.USER_MULTI || props.fieldType === FIELD_TYPE.USER) avatarProps[label] = { avatar: e._item?.avatar };
+					labelArr.push(props.refModelType === EntityModelTypeEnum.TREE && !props.isLinkageMode ? getLabels(e) : label);
+				});
+				return createVNode(tag_label_default, {
+					"class": "mr-4px",
+					"tagWidgetStyle": props.tagStyle,
+					"type": props.fieldType,
+					"label": labelArr,
+					"disabled": props.disabled,
+					"iconExtraProps": iconExts,
+					"avatarProps": avatarProps
+				}, null);
+			} else return createVNode(tag_label_default, {
+				"type": props.fieldType,
+				"disabled": props.disabled,
+				"label": !props.readonly ? props.placeholder : "",
+				"style": {
+					color: "var(--van-gray-5)",
+					paddingRight: layout?.value?.inputBg ? "12px" : "",
+					fontSize: "14px"
+				}
+			}, null);
+		} };
+		const pickerSlots = { option: (option) => {
+			return createVNode(tag_label_default, {
+				"tagWidgetStyle": props.tagStyle,
+				"type": props.fieldType,
+				"label": option.label,
+				"disabled": props.disabled,
+				"showTagStyle": false
+			}, null);
+		} };
+		const onConfirm = ({ selectedOptions }) => {
+			emit("confirm", selectedOptions[0].value);
+			emit("update:value", selectedOptions[0].value);
+			emit("update:showPop", false);
+		};
+		const onCancel = () => {
+			emit("update:showPop", false);
+		};
+		const onChecked = (value) => {
+			emit("update:value", value.value);
+			emit("checked", value.value);
+			emit("update:showPop", false);
+		};
+		const handleLabel = (label) => {
+			if (props.readonly) return label;
+			if (label.length > props.maxTagTextLength) return label.slice(0, props.maxTagTextLength) + "...";
+			return label;
+		};
+		return () => {
+			if (props.design) return createVNode(Cell, {
+				"is-link": !props.readonly,
+				"border": false,
+				"style": { padding: 0 }
+			}, slots);
+			return createVNode(Fragment, null, [createVNode(Cell, {
+				"class": "app-tag-cell-box",
+				"is-link": !props.readonly,
+				"border": false,
+				"style": {
+					padding: 0,
+					background: "transparent"
+				}
+			}, slots), createVNode(Popup, {
+				"show": props.showPop,
+				"onUpdate:show": ($event) => props.showPop = $event,
+				"position": "bottom",
+				"round": true,
+				"teleport": "body",
+				"onClickOverlay": onCancel,
+				"style": props.useSwitchComp ? { height: "60%" } : {}
+			}, { default: () => [props.useSwitchComp ? props.showPop ? createVNode(optionList_default, {
+				"type": SelectType.SINGLE,
+				"options": props.options || [],
+				"activeKey": props.value ?? "",
+				"title": "请选择",
+				"onChecked": onChecked
+			}, null) : null : createVNode(Picker, {
+				"columns": props.options || [],
+				"columnsFieldNames": {
+					text: "label",
+					value: "value"
+				},
+				"onConfirm": onConfirm,
+				"onCancel": onCancel
+			}, pickerSlots)] })]);
+		};
+	}
+});
+//#endregion
+export { FieldSelect_default as default };

package/es/components/form-component/index.d.ts

@@ -0,0 +1,6 @@
+import { default as FieldSelect } from './FieldSelect';
+import { default as FieldRadio } from './FieldRadio';
+import { default as FieldCheckbox } from './FieldCheckbox';
+import { default as TagLabel } from './tag-label.vue';
+export { FieldSelect, FieldRadio, FieldCheckbox, TagLabel as Taglabel };
+export * from './typing';

package/es/components/form-component/index.mjs

@@ -0,0 +1,5 @@
+import "./tag-label.vue.mjs";
+import "./typing.mjs";
+import "./FieldSelect.mjs";
+import "./FieldRadio.mjs";
+import "./FieldCheckbox.mjs";

package/es/components/form-component/optionList.vue.d.ts

@@ -0,0 +1,30 @@
+import { SelectType, optionType } from './typing.ts';
+type __VLS_Props = {
+    api?: Fn;
+    options: optionType[];
+    activeKey: string | number | boolean | string[];
+    title: string;
+    type: SelectType;
+    showSearch?: boolean;
+    lazy?: boolean;
+    selectedOptions?: optionType[];
+    remote?: boolean;
+    iconNode?: boolean;
+    onloadMore?: Fn;
+    scan?: boolean;
+    optionLabelProp?: string;
+    customSearch?: Fn;
+    filterFn?: Fn;
+    ignoreCase?: number;
+    maxTagTextLength?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    checked: (...args: any[]) => void;
+    handleSearch: (...args: any[]) => void;
+    "update:activeKey": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChecked?: ((...args: any[]) => any) | undefined;
+    onHandleSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeKey"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/form-component/optionList.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import optionList_vue_vue_type_script_setup_true_lang_default from "./optionList.vue_vue_type_script_setup_true_lang.mjs";
+import './optionList.vue_vue_type_style_index_0_scoped_5dd8d3a8_lang.css';/* empty css                                                                 */
+//#region src/components/form-component/optionList.vue
+var optionList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(optionList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5dd8d3a8"]]);
+//#endregion
+export { optionList_default as default };

package/es/components/form-component/optionList.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,270 @@
+import { SelectType } from "./typing.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { cloneDeep, debounce } from "lodash-es";
+//#region src/components/form-component/optionList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "pt50px flex flex-col h-full" };
+var _hoisted_2 = { class: "text-left text-16px font-bold p12px absolute title" };
+var _hoisted_3 = { class: "flex flex-items-center" };
+var _hoisted_4 = {
+	key: 0,
+	class: "px2 color-[#dddddd]",
+	style: { "font-style": "normal" }
+};
+var _hoisted_5 = { class: "overflow-y-auto flex-1 mx-14px" };
+var _hoisted_6 = ["innerHTML"];
+var _hoisted_7 = { class: "ks-row-middle" };
+var _hoisted_8 = { class: "w-full p-12px mt-4px shadow-top" };
+var _hoisted_9 = { class: "pr-8px text-sm mr-8px border-r" };
+var _hoisted_10 = { style: { "color": "var(--van-primary-color)" } };
+var optionList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "optionList",
+	props: {
+		api: {},
+		options: {},
+		activeKey: { type: [
+			String,
+			Number,
+			Boolean,
+			Array
+		] },
+		title: {},
+		type: {},
+		showSearch: { type: Boolean },
+		lazy: { type: Boolean },
+		selectedOptions: {},
+		remote: { type: Boolean },
+		iconNode: { type: Boolean },
+		onloadMore: {},
+		scan: { type: Boolean },
+		optionLabelProp: {},
+		customSearch: {},
+		filterFn: {},
+		ignoreCase: {},
+		maxTagTextLength: {}
+	},
+	emits: [
+		"checked",
+		"handleSearch",
+		"update:activeKey"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const searchValue = ref("");
+		const orgOptions = ref([]);
+		const isSearch = ref(false);
+		const isExpand = ref(false);
+		const loading = ref(false);
+		const finished = ref(!props.lazy);
+		const allOpts = ref(cloneDeep(props.options));
+		const customOptions = ref([]);
+		const optionList = computed(() => {
+			return isSearch.value ? orgOptions.value : props.options;
+		});
+		const computedOptions = computed(() => {
+			return customOptions.value.length ? customOptions.value : optionList.value;
+		});
+		const selectedItems = computed(() => {
+			if (props.selectedOptions?.length) props.selectedOptions.forEach((e) => {
+				if (!allOpts.value.some((f) => f.value === e.value)) allOpts.value.push(e);
+			});
+			return selectedKeys.value.map((e) => {
+				return allOpts.value.find((f) => f.value === e);
+			});
+		});
+		const selectedKeys = computed({
+			get() {
+				if (props.activeKey && typeof props.activeKey === "string") return props.activeKey.split(",");
+				else return props.activeKey || [];
+			},
+			set(val) {
+				emit("update:activeKey", val);
+			}
+		});
+		watch(() => props.options, () => {
+			if (props.remote && props.options.length) setSearchOpts(searchValue.value);
+			else isSearch.value = false;
+		}, { deep: true });
+		const iconNodeHtml = { render: ({ $attrs }) => {
+			if ($attrs.labelName) {
+				const { iconColor, icon } = $attrs.item || {};
+				if (!{
+					iconColor,
+					icon
+				}?.icon) return;
+			}
+		} };
+		function setMulVal() {
+			emit("checked", selectedItems.value);
+		}
+		const pageNo = ref(1);
+		/**防抖处理搜索 */
+		const onSearch = debounce(async (val) => {
+			val = val && val.trim();
+			if (props.remote) if (val || val == "") {
+				pageNo.value = 2;
+				await requestFunc({
+					keyword: val.trim(),
+					pageNo: 1
+				});
+			} else {
+				orgOptions.value = [];
+				isSearch.value = true;
+				return;
+			}
+			else {
+				if (val == "") {
+					isSearch.value = false;
+					return;
+				}
+				setSearchOpts(val);
+			}
+		}, 300);
+		const setSearchOpts = (val) => {
+			isSearch.value = true;
+			const options = props.options.filter((item) => {
+				if (props.filterFn) return props.filterFn(val);
+				if (props.ignoreCase) return item.label?.toLowerCase().indexOf(val.toLowerCase()) !== -1;
+				return item.label?.indexOf(val) !== -1;
+			});
+			orgOptions.value = JSON.parse(JSON.stringify(options));
+			orgOptions.value.forEach((i) => {
+				i.label = ((i.label?.split(new RegExp(`(${val})`, "gi")))?.map((part, index) => part.toLowerCase() === val.toLowerCase() ? `<span key=${index} style='color: var(--van-primary-color);'>${part}</span>` : part))?.join("");
+			});
+		};
+		const toggle = () => {
+			isExpand.value = !isExpand.value;
+		};
+		const onLoad = async () => {
+			if (props.lazy) requestFunc({
+				keyword: searchValue.value,
+				pageNo: pageNo.value += 1
+			});
+		};
+		const originSearchKey = ref();
+		async function requestFunc({ keyword, pageNo = 1 }) {
+			const requestApi = props.onloadMore && typeof props.onloadMore === "function" && pageNo > 1 ? props.onloadMore : props.api;
+			loading.value = true;
+			if (props.customSearch) {
+				if (originSearchKey.value !== keyword) customOptions.value = [];
+				originSearchKey.value = keyword;
+				const res = await props.customSearch({
+					keyword,
+					pageNo
+				});
+				allOpts.value = res.allOpts;
+				customOptions.value = customOptions.value.concat(res.data);
+				finished.value = res.finished;
+			} else {
+				const res = requestApi && await requestApi({
+					keyword,
+					pageNo
+				});
+				props.options.forEach((e) => {
+					if (!allOpts.value.find((f) => f.value === e.value)) allOpts.value.push(e);
+				});
+				finished.value = res === false ? false : true;
+			}
+			loading.value = false;
+		}
+		const handleLabel = (label) => {
+			if (props.maxTagTextLength && label.length > props.maxTagTextLength) return label.slice(0, props.maxTagTextLength) + "...";
+			return label;
+		};
+		return (_ctx, _cache) => {
+			const _component_van_icon = resolveComponent("van-icon");
+			const _component_van_search = resolveComponent("van-search");
+			const _component_van_cell = resolveComponent("van-cell");
+			const _component_van_list = resolveComponent("van-list");
+			const _component_van_tag = resolveComponent("van-tag");
+			const _component_van_button = resolveComponent("van-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, toDisplayString(__props.title), 1),
+				__props.showSearch ? (openBlock(), createBlock(_component_van_search, {
+					key: 0,
+					modelValue: searchValue.value,
+					"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => searchValue.value = $event), unref(onSearch)],
+					class: normalizeClass(["border-b", { "border-all": searchValue.value }]),
+					placeholder: "请输入",
+					onClear: _cache[1] || (_cache[1] = ($event) => unref(onSearch)(""))
+				}, {
+					"left-icon": withCtx(() => [..._cache[2] || (_cache[2] = [])]),
+					"right-icon": withCtx(() => [createElementVNode("div", _hoisted_3, [
+						createVNode(_component_van_icon, { name: "search" }),
+						__props.scan ? (openBlock(), createElementBlock("i", _hoisted_4, "|")) : createCommentVNode("", true),
+						__props.scan ? (openBlock(), createBlock(_component_van_icon, {
+							key: 1,
+							name: "scan",
+							color: "var(--van-primary-color)"
+						})) : createCommentVNode("", true)
+					])]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"class",
+					"onUpdate:modelValue"
+				])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_5, [createVNode(_component_van_list, {
+					loading: loading.value,
+					finished: finished.value,
+					"finished-text": "",
+					onLoad
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(computedOptions.value, (i, index) => {
+						return openBlock(), createBlock(_component_van_cell, {
+							key: index,
+							border: false,
+							class: normalizeClass(["mt-8px", { "is-active": selectedKeys.value[0] === i.value || selectedItems.value.map((item) => item?.value).includes(i.value) }])
+						}, {
+							title: withCtx(() => [__props.iconNode && i._item["icon"] ? (openBlock(), createBlock(iconNodeHtml, {
+								key: 0,
+								"label-name": i.label,
+								item: i._item
+							}, null, 8, ["label-name", "item"])) : createCommentVNode("", true), createElementVNode("span", {
+								class: "text-color",
+								style: normalizeStyle({ "--text-color": i._item?.["textColor"] }),
+								innerHTML: i[__props.optionLabelProp] || i.label
+							}, null, 12, _hoisted_6)]),
+							"right-icon": withCtx(() => [createElementVNode("div", _hoisted_7, [selectedItems.value.map((item) => item?.value).includes(i.value) ? (openBlock(), createBlock(_component_van_icon, {
+								key: 0,
+								name: "success",
+								class: "text-18px primary-color"
+							})) : createCommentVNode("", true)])]),
+							_: 2
+						}, 1032, ["class"]);
+					}), 128))]),
+					_: 1
+				}, 8, ["loading", "finished"])]),
+				withDirectives(createElementVNode("div", _hoisted_8, [selectedItems.value.length ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["mb-12px w-full flex-1 overflow-y-auto", { "toggle-box": isExpand.value }])
+				}, [createElementVNode("span", _hoisted_9, [_cache[3] || (_cache[3] = createTextVNode(" 已选 ", -1)), createElementVNode("span", _hoisted_10, [createTextVNode(toDisplayString(selectedItems.value.length) + " ", 1), createVNode(_component_van_icon, {
+					name: isExpand.value ? "arrow-up" : "arrow-down",
+					onClick: toggle
+				}, null, 8, ["name"])])]), (openBlock(true), createElementBlock(Fragment, null, renderList(selectedItems.value, (item, index) => {
+					return openBlock(), createBlock(_component_van_tag, {
+						key: item?.label + "_" + index,
+						class: "mx-2px px-2px tag-wrap",
+						size: "medium",
+						round: "",
+						color: "color-mix(in oklch, var(--van-primary-color), transparent 92%)",
+						"text-color": "var(--van-primary-color)",
+						closeable: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(handleLabel(item?.label)), 1)]),
+						_: 2
+					}, 1024);
+				}), 128))], 2)) : createCommentVNode("", true), createVNode(_component_van_button, {
+					class: "w-full px-4px",
+					type: "primary",
+					onClick: setMulVal
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("完成", -1)])]),
+					_: 1
+				})], 512), [[vShow, __props.type === unref(SelectType).MULTIPLE]])
+			]);
+		};
+	}
+});
+//#endregion
+export { optionList_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/optionList.vue_vue_type_style_index_0_scoped_5dd8d3a8_lang.css

@@ -0,0 +1,76 @@
+.title[data-v-5dd8d3a8] {
+  z-index: 1;
+  top: 0;
+  width: 100%;
+}
+.title[data-v-5dd8d3a8]::after {
+  content: ' ';
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--van-cell-border-color);
+  pointer-events: none;
+}
+.shadow-top[data-v-5dd8d3a8] {
+  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.12);
+}
+.is-active[data-v-5dd8d3a8] {
+  background: rgba(from var(--van-primary-color) r g b / 5%) !important;
+}
+.is-active .text-color[data-v-5dd8d3a8] {
+  max-width: 100%;
+  overflow: hidden;
+  color: var(--van-primary-color);
+  text-overflow: ellipsis;
+}
+.border-r[data-v-5dd8d3a8] {
+  border-right: 1px solid var(--van-cell-border-color);
+}
+.border-b[data-v-5dd8d3a8] {
+  position: relative;
+}
+.border-b[data-v-5dd8d3a8]::after {
+  content: ' ';
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+[data-v-5dd8d3a8] .van-list .van-cell {
+  padding: 6px 14px;
+  border-radius: 4px;
+}
+[data-v-5dd8d3a8] .van-list .van-cell::after {
+  right: 0;
+  left: 0;
+}
+[data-v-5dd8d3a8] .van-search {
+  padding: 14px 14px 0;
+}
+[data-v-5dd8d3a8] .van-search .van-search__content {
+  border: 1px solid #e5e5e5;
+  border-radius: 6px;
+  background: inherit;
+}
+.tag-wrap[data-v-5dd8d3a8] {
+  max-width: calc(100% - 4px);
+}
+.tag-wrap span[data-v-5dd8d3a8] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-color[data-v-5dd8d3a8] {
+  color: var(--text-color);
+}
+.toggle-box[data-v-5dd8d3a8] {
+  height: 60px;
+  overflow: hidden;
+}
+[data-v-5dd8d3a8] .van-tag--round {
+  border-radius: 4px;
+}

package/es/components/form-component/tag-label.vue.d.ts

@@ -0,0 +1,26 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+export interface Props {
+    tagWidgetStyle?: IObject;
+    type?: FIELD_TYPE | undefined;
+    disabled?: boolean;
+    label?: string | (string | number)[];
+    isDesign?: boolean;
+    /** 外部控制是否显示标签样式 */
+    showTagStyle?: boolean;
+    iconExtraProps?: Record<string, {
+        icon: string;
+        iconColor: string;
+        textColor: string;
+    }>;
+    avatarProps?: Record<string, {
+        avatar: string;
+    }>;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-close": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onOn-close"?: ((...args: any[]) => any) | undefined;
+}>, {
+    showTagStyle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/form-component/tag-label.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import tag_label_vue_vue_type_script_setup_true_lang_default from "./tag-label.vue_vue_type_script_setup_true_lang.mjs";
+import './tag-label.vue_vue_type_style_index_0_scoped_8718d4a9_lang.css';/* empty css                                                                */
+//#region src/components/form-component/tag-label.vue
+var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8718d4a9"]]);
+//#endregion
+export { tag_label_default as default };