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

package/es/chunks/CustomSidebar.BWGoPtLi.js

@@ -0,0 +1,506 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,165 @@
+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 };