china-mobile-international-custom-components 0.0.28 → 0.0.30

package/es/chunks/CustomSidebar.BWGoPtLi.js

@@ -1,506 +0,0 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.Cf-_TWPK.js";
-import { Fragment, Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { ElAutoResizer, ElIcon, ElTreeV2 } from "element-plus";
-import { IconRenderer, iconLibraryMap } from "color-star-custom-components";
-import '../assets/CustomSidebar.css';var _hoisted_1$4 = { class: "nav-title overflow-hidden" }, _hoisted_2$3 = {
-	key: 0,
-	class: "title-logo"
-}, NavTitle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "NavTitle" }, {
-	__name: "NavTitle",
-	props: {
-		title: {
-			type: String,
-			default: ""
-		},
-		logo: {
-			type: [Object, String],
-			default: null
-		},
-		logoSize: {
-			type: Number,
-			default: 30
-		},
-		titleStyle: {
-			type: Object,
-			default: () => ({ fontSize: "16px" })
-		},
-		showToggle: {
-			type: Boolean,
-			default: !0
-		},
-		toggleIcon: {
-			type: [Object, String],
-			default: null
-		}
-	},
-	emits: ["toggle"],
-	setup(a, { emit: P }) {
-		let F = P, z = () => {
-			F("toggle");
-		};
-		return (P, F) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
-			a.logo ? (openBlock(), createElementBlock("div", _hoisted_2$3, [createVNode(unref(ElIcon), { size: a.logoSize }, {
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(a.logo)))]),
-				_: 1
-			}, 8, ["size"])])) : createCommentVNode("", !0),
-			createElementVNode("span", {
-				class: "weight-500 text-1f2329 title-text",
-				style: normalizeStyle(a.titleStyle)
-			}, toDisplayString(a.title), 5),
-			a.showToggle ? (openBlock(), createBlock(unref(ElIcon), {
-				key: 1,
-				size: 20,
-				class: "collapse-unfold-icon",
-				onClick: z
-			}, {
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(a.toggleIcon)))]),
-				_: 1
-			})) : createCommentVNode("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-56e35473"]]);
-const MENU_TYPE = {
-	DIR: "DIR",
-	MENU: "MENU",
-	BUTTON: "BUTTON"
-}, MENU_COLOR_STRATEGY = new Map([
-	["active", "#3271FE"],
-	["parent_active", "#3271FE"],
-	["normal", "#666666"]
-]), isPathInMenu = (a, P) => !Array.isArray(a) || !P ? !1 : a.some((a) => a.path === P ? !0 : a.children?.length > 0 ? isPathInMenu(a.children, P) : !1), transformMenuData = (a, P = 1) => a.filter((a) => [MENU_TYPE.DIR, MENU_TYPE.MENU].includes(a.type)).map((a) => ({
-	...a,
-	id: a.bnid,
-	name: a.name,
-	path: a?.path || "",
-	children: a.children?.length > 0 ? transformMenuData(a.children || [], P + 1) : [],
-	level: P
-})), isParentRouteActive = (a, P) => a?.children?.length ? a.children.some((a) => a?.path === P || a.children?.length && isParentRouteActive(a, P)) : !1, isParentMenuActive = (a, P) => a?.children?.length ? a.children.some((a) => a?.id === P || a.children?.length && isParentMenuActive(a, P)) : !1, getMenuIconColorById = (a, P) => {
-	let F = a?.id === P, I = isParentMenuActive(a, P), L = "normal";
-	return F ? L = "active" : I && (L = "parent_active"), MENU_COLOR_STRATEGY.get(L);
-}, expandNodeKeys = (a, P) => a.includes(P) ? a : [...a, P], collapseNodeKeys = (a, P) => a.filter((a) => a !== P), findExpandPath = (a, P, F = []) => a.some((a) => {
-	if (a?.path === P) return !0;
-	if (a.children?.length > 0) {
-		F.push(a.id);
-		let I = findExpandPath(a.children, P, F);
-		return !I && F.pop(), I;
-	}
-	return !1;
-}), findExpandPathById = (a, P, F = []) => a.some((a) => {
-	if (a?.id === P) return !0;
-	if (a.children?.length > 0) {
-		F.push(a.id);
-		let I = findExpandPathById(a.children, P, F);
-		return !I && F.pop(), I;
-	}
-	return !1;
-}), getParentNodeIdsById = (a, P) => {
-	let F = [];
-	return findExpandPathById(a, P, F), F;
-}, findMenuByPath = (a, P) => {
-	if (!Array.isArray(a) || !P) return null;
-	for (let F of a) {
-		if (F.path === P) return F;
-		if (F.children?.length > 0) {
-			let a = findMenuByPath(F.children, P);
-			if (a) return a;
-		}
-	}
-	return null;
-}, processMenuTreeWithLeaf = (a) => Array.isArray(a) ? a.map((a) => {
-	let P = { ...a };
-	return P.children && Array.isArray(P.children) && P.children.length > 0 ? P.children = processMenuTreeWithLeaf(P.children) : P.isLeaf = !0, P;
-}) : [], getFirstLeafMenu = (a) => {
-	if (!Array.isArray(a) || a.length === 0) return null;
-	for (let P of a) {
-		if (P.isLeaf && P.path) return P;
-		if (P.children?.length > 0) {
-			let a = getFirstLeafMenu(P.children);
-			if (a) return a;
-		}
-	}
-	return null;
-}, SPECIAL_ROUTES = [
-	"/404",
-	"/login",
-	"/unauthorized"
-], TREE_PROPS = {
-	label: "name",
-	children: "children",
-	isLeaf: "isLeaf"
-}, NODE_CLICK_TYPES = {
-	PARENT: "parent",
-	LEAF: "leaf"
-}, MENU_LOADING_STATES = {
-	IDLE: "idle",
-	LOADING: "loading",
-	LOADED: "loaded",
-	ERROR: "error"
-};
-var _hoisted_1$3 = { class: "node-label" }, _hoisted_2$2 = ["onClick"], MenuList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "MenuList" }, {
-	__name: "MenuList",
-	props: {
-		menuData: {
-			type: Array,
-			default: () => []
-		},
-		currentMenuId: {
-			type: String,
-			default: null
-		},
-		expandedKeys: {
-			type: Array,
-			default: () => []
-		},
-		treeProps: {
-			type: Object,
-			default: () => TREE_PROPS
-		},
-		itemHeight: {
-			type: Number,
-			default: 36
-		},
-		indent: {
-			type: Number,
-			default: 24
-		},
-		iconSize: {
-			type: Number,
-			default: 16
-		},
-		expandedIcon: {
-			type: [Object, String],
-			default: null
-		},
-		collapsedIcon: {
-			type: [Object, String],
-			default: null
-		}
-	},
-	emits: [
-		"node-click",
-		"node-expand",
-		"node-collapse"
-	],
-	setup(a, { emit: P }) {
-		let F = a, V = P, U = ref(null), K = (a) => a?.icon && a.level === 1 || !a.isLeaf, J = (a) => getMenuIconColorById(a, F.currentMenuId), X = (a) => {
-			V("node-click", a, a.isLeaf ? NODE_CLICK_TYPES.LEAF : NODE_CLICK_TYPES.PARENT);
-		}, Z = (a) => {
-			V("node-expand", a.id, a);
-		}, Q = (a) => {
-			V("node-collapse", a.id, a);
-		}, $ = (a) => {
-			U.value && (F.expandedKeys.includes(a.data.id) ? U.value.collapseNode(a) : U.value.expandNode(a));
-		};
-		return watch(() => F.expandedKeys, (a) => {
-			nextTick(() => {
-				U.value && U.value.setExpandedKeys([...a]);
-			});
-		}, { deep: !0 }), (P, F) => (openBlock(), createBlock(unref(ElAutoResizer), { class: "flex-1 overflow-hidden" }, {
-			default: withCtx(({ height: P }) => [createVNode(unref(ElTreeV2), {
-				ref_key: "treeRef",
-				ref: U,
-				"node-key": "id",
-				data: a.menuData,
-				props: a.treeProps,
-				height: P,
-				"current-node-key": a.currentMenuId,
-				"highlight-current": !0,
-				"expanded-keys": a.expandedKeys,
-				"show-checkbox": !1,
-				"item-size": a.itemHeight,
-				"expand-on-click-node": !1,
-				indent: a.indent,
-				onNodeClick: X,
-				onNodeExpand: Z,
-				onNodeCollapse: Q,
-				class: "custom-tree"
-			}, {
-				default: withCtx(({ node: P, data: F }) => [createElementVNode("div", { class: normalizeClass(["tree-node-content-custom", {
-					"has-children": !F.isLeaf,
-					"is-current": F.id === a.currentMenuId && F.isLeaf,
-					"is-parent-active": unref(isParentMenuActive)(F, a.currentMenuId) && !F.isLeaf
-				}]) }, [
-					K(F) ? (openBlock(), createBlock(unref(ElIcon), {
-						key: 0,
-						size: a.iconSize,
-						class: "node-icon",
-						color: J(F)
-					}, {
-						default: withCtx(() => [createVNode(unref(IconRenderer), {
-							"icon-name": F?.icon,
-							"icon-library": unref(iconLibraryMap).aibox
-						}, null, 8, ["icon-name", "icon-library"])]),
-						_: 2
-					}, 1032, ["size", "color"])) : createCommentVNode("", !0),
-					createElementVNode("span", _hoisted_1$3, toDisplayString(P.label), 1),
-					F.isLeaf ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
-						key: 1,
-						class: "expand-arrow",
-						onClick: withModifiers((a) => $(P), ["stop"])
-					}, [createVNode(unref(ElIcon), {
-						size: a.iconSize,
-						color: J(F)
-					}, {
-						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(a.expandedKeys.includes(F.id) ? a.expandedIcon : a.collapsedIcon)))]),
-						_: 2
-					}, 1032, ["size", "color"])], 8, _hoisted_2$2))
-				], 2)]),
-				_: 1
-			}, 8, [
-				"data",
-				"props",
-				"height",
-				"current-node-key",
-				"expanded-keys",
-				"item-size",
-				"indent"
-			])]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-0a105c70"]]), _hoisted_1$2 = { class: "user-popup-content" }, _hoisted_2$1 = ["onClick"], UserPopup_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "UserPopup" }, {
-	__name: "UserPopup",
-	props: { actions: {
-		type: Array,
-		default: () => [],
-		validator: (a) => a.every((a) => a.key && (a.icon || a.iconName))
-	} },
-	emits: ["action-click"],
-	setup(a, { emit: F }) {
-		let z = F, B = (a) => {
-			z("action-click", a.key, a);
-		};
-		return (F, z) => (openBlock(), createElementBlock("div", _hoisted_1$2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.actions, (a, F) => (openBlock(), createElementBlock(Fragment, { key: F }, [a.hidden ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: "list__item",
-			onClick: (P) => B(a)
-		}, [createVNode(unref(ElIcon), {
-			class: "list__item-icon",
-			size: a.iconSize || 20,
-			color: "#262626"
-		}, {
-			default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(a.icon)))]),
-			_: 2
-		}, 1032, ["size"]), createElementVNode("span", null, toDisplayString(a.label), 1)], 8, _hoisted_2$1))], 64))), 128))]));
-	}
-}), [["__scopeId", "data-v-70783670"]]), _hoisted_1$1 = { class: "navbar-box__footer__left" }, _hoisted_2 = { class: "name-first" }, _hoisted_3 = { class: "name-text" }, _hoisted_4 = { class: "user-id" }, NavFooter_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "NavFooter" }, {
-	__name: "NavFooter",
-	props: {
-		userInfo: {
-			type: Object,
-			default: null,
-			validator: (a) => a ? a.name !== void 0 : !0
-		},
-		actions: {
-			type: Array,
-			default: () => []
-		},
-		popupDelay: {
-			type: Number,
-			default: 200
-		},
-		popupLeft: {
-			type: Number,
-			default: 240
-		}
-	},
-	emits: ["action-click"],
-	setup(a, { emit: I }) {
-		let z = a, B = I, U = ref(null), W = ref(!1), G = (a) => a && a[0] ? a[0] : "", q = (a) => {
-			a || (U.value = setTimeout(() => {
-				W.value = !1;
-			}, z.popupDelay)), a && (W.value = a, clearTimeout(U.value));
-		}, Y = (a, P) => {
-			W.value = !1, B("action-click", a, P);
-		};
-		return (I, z) => (openBlock(), createElementBlock(Fragment, null, [a.userInfo ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: "navbar-box__footer",
-			onMouseenter: z[0] ||= (a) => q(!0),
-			onMouseleave: z[1] ||= (a) => q(!1)
-		}, [createElementVNode("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2, toDisplayString(G(a.userInfo?.name)), 1), createElementVNode("div", null, [createElementVNode("div", _hoisted_3, toDisplayString(a.userInfo?.name), 1), createElementVNode("div", _hoisted_4, toDisplayString(a.userInfo?.bnid || a.userInfo?.id || ""), 1)])])], 32)) : createCommentVNode("", !0), createVNode(Transition, { name: "fade" }, {
-			default: withCtx(() => [withDirectives(createElementVNode("div", {
-				class: "footer-popup content-bg",
-				style: normalizeStyle({ left: a.popupLeft + "px" }),
-				onMouseenter: z[2] ||= (a) => q(!0),
-				onMouseleave: z[3] ||= (a) => q(!1)
-			}, [createVNode(UserPopup_default, {
-				actions: a.actions,
-				onActionClick: Y
-			}, null, 8, ["actions"])], 36), [[vShow, W.value]])]),
-			_: 1
-		})], 64));
-	}
-}), [["__scopeId", "data-v-d1e53517"]]), _hoisted_1 = { class: "sidebar h-full pd-l-12 pd-r-12 flex flex-col overflow-hidden" }, layout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "CustomSidebar" }, {
-	__name: "layout",
-	props: {
-		menuData: {
-			type: Array,
-			default: () => []
-		},
-		currentMenuId: {
-			type: String,
-			default: null
-		},
-		expandedKeys: {
-			type: Array,
-			default: () => []
-		},
-		title: {
-			type: String,
-			default: ""
-		},
-		logo: {
-			type: [Object, String],
-			default: null
-		},
-		logoSize: {
-			type: Number,
-			default: 30
-		},
-		showToggle: {
-			type: Boolean,
-			default: !0
-		},
-		toggleIcon: {
-			type: [Object, String],
-			default: null
-		},
-		treeProps: {
-			type: Object,
-			default: () => TREE_PROPS
-		},
-		itemHeight: {
-			type: Number,
-			default: 36
-		},
-		indent: {
-			type: Number,
-			default: 24
-		},
-		iconSize: {
-			type: Number,
-			default: 16
-		},
-		titleStyle: {
-			type: Object,
-			default: () => ({ fontSize: "16px" })
-		},
-		expandedIcon: {
-			type: [Object, String],
-			default: null
-		},
-		collapsedIcon: {
-			type: [Object, String],
-			default: null
-		},
-		iconRenderer: {
-			type: [Object, String],
-			default: null
-		},
-		iconLibrary: {
-			type: [String, Object],
-			default: null
-		},
-		showFooter: {
-			type: Boolean,
-			default: !0
-		},
-		userInfo: {
-			type: Object,
-			default: null
-		},
-		userActions: {
-			type: Array,
-			default: () => []
-		},
-		popupDelay: {
-			type: Number,
-			default: 200
-		},
-		popupLeft: {
-			type: Number,
-			default: 240
-		}
-	},
-	emits: [
-		"toggle",
-		"node-click",
-		"node-expand",
-		"node-collapse",
-		"user-action-click"
-	],
-	setup(a, { emit: P }) {
-		let F = P, R = () => {
-			F("toggle");
-		}, z = (a, P) => {
-			F("node-click", a, P);
-		}, B = (a, P) => {
-			F("node-expand", a, P);
-		}, V = (a, P) => {
-			F("node-collapse", a, P);
-		}, H = (a, P) => {
-			F("user-action-click", a, P);
-		};
-		return (P, F) => (openBlock(), createElementBlock("div", _hoisted_1, [
-			createVNode(NavTitle_default, {
-				"title-style": a.titleStyle,
-				title: a.title,
-				logo: a.logo,
-				"logo-size": a.logoSize,
-				"show-toggle": a.showToggle,
-				"toggle-icon": a.toggleIcon,
-				onToggle: R
-			}, null, 8, [
-				"title-style",
-				"title",
-				"logo",
-				"logo-size",
-				"show-toggle",
-				"toggle-icon"
-			]),
-			createVNode(MenuList_default, {
-				"menu-data": a.menuData,
-				"current-menu-id": a.currentMenuId,
-				"expanded-keys": a.expandedKeys,
-				"tree-props": a.treeProps,
-				"item-height": a.itemHeight,
-				indent: a.indent,
-				"icon-size": a.iconSize,
-				"expanded-icon": a.expandedIcon,
-				"collapsed-icon": a.collapsedIcon,
-				"icon-renderer": a.iconRenderer,
-				"icon-library": a.iconLibrary,
-				onNodeClick: z,
-				onNodeExpand: B,
-				onNodeCollapse: V
-			}, null, 8, [
-				"menu-data",
-				"current-menu-id",
-				"expanded-keys",
-				"tree-props",
-				"item-height",
-				"indent",
-				"icon-size",
-				"expanded-icon",
-				"collapsed-icon",
-				"icon-renderer",
-				"icon-library"
-			]),
-			a.showFooter ? (openBlock(), createBlock(NavFooter_default, {
-				key: 0,
-				"popup-left": a.popupLeft,
-				"user-info": a.userInfo,
-				actions: a.userActions,
-				"popup-delay": a.popupDelay,
-				onActionClick: H
-			}, null, 8, [
-				"popup-left",
-				"user-info",
-				"actions",
-				"popup-delay"
-			])) : createCommentVNode("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-736b2e19"]]);
-export { isParentRouteActive as _, TREE_PROPS as a, transformMenuData as b, collapseNodeKeys as c, findExpandPathById as d, findMenuByPath as f, isParentMenuActive as g, getParentNodeIdsById as h, SPECIAL_ROUTES as i, expandNodeKeys as l, getMenuIconColorById as m, MENU_LOADING_STATES as n, MENU_COLOR_STRATEGY as o, getFirstLeafMenu as p, NODE_CLICK_TYPES as r, MENU_TYPE as s, layout_default as t, findExpandPath as u, isPathInMenu as v, processMenuTreeWithLeaf as y };

package/es/chunks/CustomTitle.BLZ7evms.js

@@ -1,5 +0,0 @@
-import { t as withInstall } from "./utils.BhlZXNZ6.js";
-import { t as layout_default } from "./layout.C6AMos7n.js";
-const CustomTitle = withInstall(layout_default);
-var CustomTitle_default = CustomTitle;
-export { CustomTitle_default as n, CustomTitle as t };

package/es/chunks/CustomToggle.CP3M2_f3.js

@@ -1,165 +0,0 @@
-import { t as withInstall } from "./utils.BhlZXNZ6.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.Cf-_TWPK.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
-import { ElDropdown, ElDropdownItem, ElDropdownMenu, ElIcon } from "element-plus";
-import { emitsMap } from "color-star-custom-methods";
-import { IconZuoCopy } from "color-message-aibox-vue";
-import '../assets/CustomToggle.css';var _hoisted_1 = { class: "toggle-container flex w-full relative" }, _hoisted_2 = [
-	"id",
-	"data-option-value",
-	"onClick"
-], _hoisted_3 = {
-	key: 0,
-	class: "order-number fz-12 text-center mg-r-10 pd-l-8 pd-r-8"
-}, _hoisted_4 = {
-	key: 1,
-	class: "divider"
-}, _hoisted_5 = { class: "toggle-item toggle-action flex items-center justify-center weight-500" }, _hoisted_6 = { class: "dropdown-label" };
-const CustomToggle = withInstall(/* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "CustomToggle" }, {
-	__name: "layout",
-	props: {
-		options: {
-			type: Array,
-			default: () => []
-		},
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Object
-			],
-			default: null
-		},
-		maxVisible: {
-			type: Number,
-			default: void 0
-		},
-		fieldMapping: {
-			type: Object,
-			default: () => ({
-				value: "value",
-				label: "label"
-			})
-		},
-		showOrderNumber: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [emitsMap.updateModelValue, emitsMap.change],
-	setup(i, { emit: k }) {
-		let M = i, N = k, P = ref(null), F = [], I = computed(() => M.maxVisible === void 0 ? M.options.length : M.maxVisible), L = computed(() => B.value.length > 0);
-		computed(() => B.value.length);
-		let R = computed(() => {
-			if (!M.modelValue || M.options.length <= I.value) {
-				let i = M.options.slice(0, I.value);
-				return F = i, i;
-			}
-			let i = M.options.findIndex((i, k) => V(i, k) === M.modelValue);
-			if (i === -1) {
-				let i = M.options.slice(0, I.value);
-				return F = i, i;
-			}
-			if (F.map((i, k) => V(i, k)).includes(M.modelValue) && F.length > 0) return F;
-			let k = Math.max(0, i - I.value + 1), A = Math.min(M.options.length, k + I.value), j = M.options.slice(k, A);
-			return F = j, j;
-		}), z = computed(() => `${100 / I.value}%`), B = computed(() => {
-			let i = new Set(R.value.map((i, k) => V(i, k)));
-			return M.options.filter((k, A) => {
-				let j = V(k, A);
-				return !i.has(j);
-			});
-		});
-		computed(() => M.options.slice(0, I.value));
-		let V = (i, k) => {
-			if (typeof i == "object" && i) {
-				let A = M.fieldMapping.value;
-				return i[A] === void 0 ? k : i[A];
-			}
-			return i;
-		}, H = (i) => {
-			if (typeof i == "object" && i) {
-				let k = M.fieldMapping.label, A = M.fieldMapping.value;
-				return i[k] || i[A] || i;
-			}
-			return i;
-		}, U = (i, k) => {
-			let A = V(i, k);
-			return M.options.findIndex((i, k) => V(i, k) === A) + 1;
-		}, W = (i, k) => V(i, k) === M.modelValue, G = (i, k) => {
-			if (k >= R.value.length - 1 || W(i, k)) return !1;
-			let A = R.value.findIndex((i, k) => W(i, k));
-			return !(A === -1 || k === A - 1);
-		}, K = (i, k) => {
-			Y(V(i, k));
-		}, q = (i) => {
-			Y(i), setTimeout(() => {
-				J(i);
-			}, 50);
-		}, J = (i) => {
-			let k = `toggle-option-${i}`, A = document.getElementById(k);
-			A && A.scrollIntoView({
-				behavior: "smooth",
-				block: "nearest",
-				inline: "center"
-			});
-		}, Y = (i) => {
-			N(emitsMap.updateModelValue, i), nextTick(() => {
-				N(emitsMap.change, i);
-			});
-		};
-		return watch(() => M.options, (i) => {
-			if (i && i.length > 0 && M.modelValue === null) {
-				let k = i[0];
-				Y(V(k, 0));
-			}
-		}, { immediate: !0 }), watch(() => M.modelValue, (i) => {
-			if (i === null && M.options.length > 0) {
-				let i = M.options?.[0];
-				Y(V(i, 0));
-			}
-		}), (i, k) => (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
-			ref_key: "optionsContainer",
-			ref: P,
-			class: "visible-options flex-1 overflow-x-auto overflow-y-hidden relative flex"
-		}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(R.value, (i, k) => (openBlock(), createElementBlock("div", {
-			key: V(i, k),
-			id: `toggle-option-${V(i, k)}`,
-			"data-option-value": V(i, k),
-			class: normalizeClass(["toggle-item pointer text-center flex items-center justify-center ellipsis-1 relative pointer", {
-				active: W(i, k),
-				"first-active": W(i, k) && k === 0,
-				"last-active": W(i, k) && k === R.value.length - 1
-			}]),
-			style: normalizeStyle({ width: z.value }),
-			onClick: (A) => K(i, k)
-		}, [
-			M.showOrderNumber ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(U(i, k)), 1)) : createCommentVNode("", !0),
-			createTextVNode(" " + toDisplayString(H(i)) + " ", 1),
-			G(i, k) ? (openBlock(), createElementBlock("span", _hoisted_4, "|")) : createCommentVNode("", !0)
-		], 14, _hoisted_2))), 128))], 512), L.value ? (openBlock(), createBlock(unref(ElDropdown), {
-			key: 0,
-			trigger: "click",
-			onCommand: q
-		}, {
-			dropdown: withCtx(() => [createVNode(unref(ElDropdownMenu), null, {
-				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(B.value, (i, k) => (openBlock(), createBlock(unref(ElDropdownItem), {
-					key: V(i, k),
-					command: V(i, k),
-					class: normalizeClass({ "is-active": W(i, k) })
-				}, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_6, toDisplayString(H(i)), 1)]),
-					_: 2
-				}, 1032, ["command", "class"]))), 128))]),
-				_: 1
-			})]),
-			default: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(unref(ElIcon), null, {
-				default: withCtx(() => [createVNode(unref(IconZuoCopy))]),
-				_: 1
-			})])]),
-			_: 1
-		})) : createCommentVNode("", !0)]));
-	}
-}), [["__scopeId", "data-v-ecd737a7"]]));
-var CustomToggle_default = CustomToggle;
-export { CustomToggle_default as n, CustomToggle as t };