From 974935bd5abd7ebfa04719d881340b412c998e51 Mon Sep 17 00:00:00 2001
From: lamlib <lamlib2023@gmail.com>
Date: Sat, 6 Jun 2026 20:08:18 +0700
Subject: [PATCH] fix index path unique values

---
 dist/index.d.ts |   5 +-
 dist/index.js   |   2 +-
 index.d.ts      |   5 +-
 index.js        |   2 +-
 src/index.ts    | 182 +++++++++++++++++++++++++-----------------------
 5 files changed, 104 insertions(+), 92 deletions(-)

diff --git a/dist/index.d.ts b/dist/index.d.ts
index 854e382..41a6e2b 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -25,6 +25,7 @@ export default class Cascader {
     private query;
     private queryAll;
     private getSiblings;
+    private isPrefixPath;
     private menusShow;
     private menusHide;
     private calculateElementWidth;
@@ -37,8 +38,8 @@ export default class Cascader {
     constructor(container: string, options: CascaderOptions);
     init(): void;
     setValue(value?: any[]): void;
-    get value(): any[];
+    get value(): any;
     get labelValue(): any;
-    get indexValue(): any;
+    get indexValue(): any[];
 }
 export type CascaderInstance = InstanceType<typeof Cascader>;
diff --git a/dist/index.js b/dist/index.js
index f28c0c8..95b9a99 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).Cascader=n()}(this,(function(){"use strict";function e(e,n,t){if(t||2===arguments.length)for(var a,r=0,i=n.length;r<i;r++)!a&&r in n||(a||(a=Array.prototype.slice.call(n,0,r)),a[r]=n[r]);return e.concat(a||Array.prototype.slice.call(n))}return"function"==typeof SuppressedError&&SuppressedError,Array.prototype.find||(Array.prototype.find=function(e,n){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return o}}),Array.prototype.findIndex||(Array.prototype.findIndex=function(e,n){if(null==this)throw new TypeError("Array.prototype.findIndex called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return i}return-1}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var n=this;if(!document.documentElement.contains(n))return null;do{if(n.matches(e))return n;n=n.parentElement}while(null!==n);return null}),function(){function n(e,n){this.splitStr="__CASCADER_SPLIT__",this.valValue=[],this.container=e,this.uuid=this.randomStr(6),this.options=null!=n?n:{};var t=this.options.data,a=void 0===t?[]:t;e?-1===["document","body"].indexOf(e)?Array.isArray(a)||console.error("data must be array"):console.error("The value of container cannot be '".concat(e,"'")):console.error("container selector is required")}return n.prototype.randomStr=function(e){for(var n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",t="",a=0;a<e;a++){t+=n[Math.floor(62*Math.random())]}return t},n.prototype.query=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelector(e)},n.prototype.queryAll=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelectorAll(e)},n.prototype.getSiblings=function(e){for(var n,t=[],a=null===(n=null==e?void 0:e.parentNode)||void 0===n?void 0:n.firstChild;a;)1===a.nodeType&&a!==e&&t.push(a),a=a.nextSibling;return t},n.prototype.menusShow=function(){var e,n,t=this.options.mode;"multiple"!==(void 0===t?"single":t)&&this.setValue(this.valValue),null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.add("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.add("cascader-container_menus_active")},n.prototype.menusHide=function(){var e,n;null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.remove("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.remove("cascader-container_menus_active")},n.prototype.calculateElementWidth=function(e){var n,t=document.createElement("div");t.style.position="absolute",t.style.top="-10000px",t.innerHTML=e;var a=null===(n=t.children)||void 0===n?void 0:n[0];a.style.boxSizing="border-box",a.style.fontSize="14px",document.body.appendChild(t);var r=a.offsetWidth;return document.body.removeChild(t),r},n.prototype.selectItem=function(e){for(var n,t,a,r,i=parseInt(null!==(n=e.dataset.parentLevel)&&void 0!==n?n:"0"),o=this.getSiblings(e),l=0;l<o.length;l++){(u=o[l]).classList.remove("cascader-container_menus_menu_item_active")}e.classList.add("cascader-container_menus_menu_item_active");var c=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[];for(l=0;l<c.length;l++){var u=c[l];parseInt(null!==(a=u.dataset.level)&&void 0!==a?a:"0")>i&&(null===(r=this.query(".cascader-container_menus"))||void 0===r||r.removeChild(u))}},n.prototype.renderValue=function(n){var t,a,r,i=this;void 0===n&&(n=[]);var o=this.options,l=o.displayRender,c=o.mode,u=void 0===c?"single":c,s=o.placeholder,d=void 0===s?"":s,v=[],f=[];if("multiple"===u){for(var m=null!==(t=this.queryAll(".cascader-container_menus_menu_item"))&&void 0!==t?t:[],p=0;p<m.length;p++){null==(h=m[p])||h.classList.remove("cascader-container_menus_menu_item_half"),null==h||h.classList.remove("cascader-container_menus_menu_item_full")}for(p=0;p<this.valValue.length;p++){var h=this.valValue[p],_=this.query('.cascader-container_menus_menu_item[data-tag="'.concat(h.join(this.splitStr),'"]'));null==_||_.classList.add("cascader-container_menus_menu_item_full");for(var y=function(n){var t=h.slice(0,h.length-1-n);if(-1!==f.map((function(e){return e.join(i.splitStr)})).indexOf(t.join(g.splitStr)))return"continue";var a=g.getNextLevelData(t),r=function(n,t){var a=null!=n?n:{},o=a.value,l=a.children;if(l){for(var c=0,u=0;u<l.length;u++)r(l[u],e(e([],t,!0),[o],!1))&&c++;return c===l.length}return-1!==i.valValue.findIndex((function(e){return e.join(i.splitStr)==="".concat(t.join(i.splitStr)).concat(i.splitStr).concat(o)}))},o=a.reduce((function(e,n){return r(n,t)?e+1:e}),0),l=g.query('.cascader-container_menus_menu_item[data-tag="'.concat(t.join(g.splitStr),'"]'));o===a.length?(null==l||l.classList.add("cascader-container_menus_menu_item_full"),v.push(t)):null==l||l.classList.add("cascader-container_menus_menu_item_half"),f.push(t)},g=this,V=0;V<h.length-1;V++)y(V)}}var b=this.query(".cascader-container_value");if(b){if(0===n.length)return void(b.innerHTML='<span class="cascader-container_value_placeholder">'.concat(d,"</span>"));var S=this.transformValue("getLabelValue",n),L=function(e){return"function"==typeof l?l(e):e.join("/")};if("multiple"===u){var x=[],q=function(e){var t=n[e],a=S[e];if(v.filter((function(e){return 1===e.length})).find((function(e){return-1!==t.join(i.splitStr).indexOf(e.join(""))}))&&(a=a.slice(0,1)),-1!==x.map((function(e){return e.join(i.splitStr)})).indexOf(a.join("")))return"continue";x.push(a)};for(p=0;p<n.length;p++)q(p);var j="",A=null!==(r=null===(a=this.query(".cascader-container_value"))||void 0===a?void 0:a.offsetWidth)&&void 0!==r?r:0,w=0;for(p=0;p<x.length;p++){h=x[p];var E='<div class="cascader-container_value_item">'.concat(L(h),"</div>"),T=w+this.calculateElementWidth(E)+5;if(!(T<=A)){j+='<div class="cascader-container_value_item">...</div>';break}j+=E,w=T}b.innerHTML=j}else b.innerHTML=L(S)}},n.prototype.getNextLevelData=function(e){void 0===e&&(e=[]);var n=this.options.data,t=void 0===n?[]:n;return e.reduce((function(e,n){var t,a;return null!==(a=null===(t=e.find((function(e){return e.value===n})))||void 0===t?void 0:t.children)&&void 0!==a?a:[]}),t)},n.prototype.transformValue=function(n,t){void 0===t&&(t=[]);var a=this.options,r=a.data,i=void 0===r?[]:r,o=a.mode,l=function(t){for(var a,r,o,l,c,u,s=[],d=e([],i,!0),v=function(e){var i=t[e];if("getValue"===n)s.push(null===(a=d[i])||void 0===a?void 0:a.value),d=null!==(o=null===(r=d[i])||void 0===r?void 0:r.children)&&void 0!==o?o:[];else if("getLabelValue"===n){var v=d.find((function(e){return e.value===i}));s.push(null==v?void 0:v.label),d=null!==(l=null==v?void 0:v.children)&&void 0!==l?l:[]}else"getIndexValue"===n&&(s.push(d.findIndex((function(e){return e.value===i}))),d=null!==(u=null===(c=d.find((function(e){return e.value===i})))||void 0===c?void 0:c.children)&&void 0!==u?u:[])},f=0;f<t.length;f++)v(f);return s};if("multiple"===(void 0===o?"single":o)){for(var c=[],u=0;u<t.length;u++){var s=t[u];c.push(l(s))}return c}return l(t)},n.prototype.createMenu=function(e,n,t){var a;void 0===e&&(e=[]),void 0===n&&(n=0),void 0===t&&(t="");for(var r=this.options.mode,i=void 0===r?"single":r,o='<div class="cascader-container_menus_menu" data-level="'.concat(n,'">'),l=0;l<e.length;l++){var c=e[l],u=c.className,s=c.showTitle,d=c.disabled,v=c.children,f=void 0===v?[]:v,m=c.label,p=c.value,h="".concat(u?" ".concat(u):"").concat(d?" cascader-container_menus_menu_item_disabled":""),_=t?"".concat(t).concat(this.splitStr).concat(p):p,y="multiple"===i?'\n                        <div class="cascader-container_menus_menu_item_multiple '.concat(d?"cascader-container_menus_menu_item_multiple_disabled":"",'">\n                            <div>\n                                <span>&radic;</span>\n                            </div>\n                        </div>\n                    '):"";o+='\n                    <div class="cascader-container_menus_menu_item'.concat(h,'" data-parent-level="').concat(n,'" data-label="').concat(m,'" data-value="').concat(p,'" data-tag="').concat(_,'">\n                        ').concat(y,'\n                        <div\n                            class="cascader-container_menus_menu_item_value"\n                            ').concat(s?'title="'.concat(m,'"'):"","\n                        >\n                            ").concat(m,'\n                        </div>\n                        <div class="cascader-container_menus_menu_item_icon">\n                            ').concat(f.length?">":"","\n                        </div>\n                    </div>\n                ")}o+="</div>",null===(a=this.query(".cascader-container_menus"))||void 0===a||a.insertAdjacentHTML("beforeend",o)},n.prototype.event=function(){var n=this,t=this.options.mode,a=void 0===t?"single":t,r=this.query(".cascader-container_".concat(this.uuid),!0);document.addEventListener("click",(function(e){var t=e.target;(null==r?void 0:r.contains(t))||t.classList.contains("cascader-container_value_placeholder")||n.menusHide()})),r&&(r.onclick=function(t){var r,i,o,l,c=t.target,u=c.classList;if(u.contains("cascader-container_".concat(n.uuid))||u.contains("cascader-container_value")||u.contains("cascader-container_value_placeholder")||u.contains("cascader-container_value_item")||u.contains("cascader-container_arrow")||u.contains("cascader-container_arrow_icon"))n.menusShow();else if(c.closest(".cascader-container_clear"))n.setValue([]);else{var s=c.closest(".cascader-container_menus_menu_item:not(.cascader-container_menus_menu_item_disabled)");if(s){var d=null!==(r=s.dataset.tag)&&void 0!==r?r:"",v=d.split(n.splitStr),f=n.getNextLevelData(v);if(c.closest(".cascader-container_menus_menu_item_multiple:not(.cascader-container_menus_menu_item_multiple_disabled)")&&0!==f.length){if(n.valValue=e([],n.valValue.filter((function(e){return-1===e.join(n.splitStr).indexOf(d)})),!0),!s.classList.contains("cascader-container_menus_menu_item_full")){for(var m=function(n,t){var a=null!=n?n:{},r=a.value,i=a.children;if(i){for(var o=[],l=0;l<i.length;l++)o.push.apply(o,m(i[l],e(e([],t,!0),[r],!1)));return o}return[e(e([],t,!0),[r],!1)]},p=[],h=0;h<f.length;h++){var _=f[h];p.push.apply(p,m(_,v))}n.valValue=e(e([],n.valValue,!0),p,!0)}}else if(n.selectItem(s),0===f.length)if("multiple"===a)if(-1!==n.valValue.map((function(e){return e.join(n.splitStr)})).indexOf(v.join(n.splitStr))){h=n.valValue.map((function(e){return e.join(n.splitStr)})).findIndex((function(e){return e===v.join(n.splitStr)}));n.valValue.splice(h,1)}else n.valValue.push(v);else n.valValue=e([],v,!0),n.menusHide();else{var y=parseInt(null!==(i=s.dataset.parentLevel)&&void 0!==i?i:"0");n.createMenu(f,y+1,d)}n.renderValue(n.valValue),null===(l=(o=n.options).onChange)||void 0===l||l.call(o,n.valValue,n.transformValue("getLabelValue",n.valValue),n.transformValue("getIndexValue",n.valValue))}}})},n.prototype.init=function(){var e=this.options,n=e.mode,t=void 0===n?"single":n,a=e.data,r=void 0===a?[]:a,i=e.defaultValue,o=e.showClear,l=void 0===o||o;e.placeholder;var c=this.query(this.container,!0);if(c){var u="multiple"===t?"cascader-container_multiple":"";c.innerHTML='\n            <div class="cascader-container cascader-container_'.concat(this.uuid," ").concat(u,'">\n                <div class="cascader-container_value"></div>\n                ').concat(l?'<div class="cascader-container_clear">&times;</div>':"",'\n                <div class="cascader-container_arrow">\n                    <div class="cascader-container_arrow_icon">\n                    </div>\n                </div>\n                <div class="cascader-container_menus"></div>\n            </div>\n        '),this.createMenu(r),this.event(),this.setValue(i)}else console.error("can not find container")},n.prototype.setValue=function(n){var t,a,r=this;if(void 0===n&&(n=[]),Array.isArray(n)){var i=this.options,o=i.data,l=void 0===o?[]:o,c=i.mode,u=void 0===c?"single":c;if("multiple"!==u||n.every((function(e){return Array.isArray(e)}))){for(var s=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[],d=0;d<s.length;d++){var v=s[d];null===(a=this.query(".cascader-container_menus"))||void 0===a||a.removeChild(v)}this.createMenu(l);var f=function(n){var t,a=[];if(n.every((function(e){return"string"==typeof e}))||n.every((function(e){return"number"==typeof e}))){a=n.every((function(e){return"number"==typeof e}))?e([],r.transformValue("getValue",n),!0):e([],n,!0);for(var i=0;i<a.length;i++){var o=a.slice(0,i+1),l=o.join(r.splitStr),c=r.query('.cascader-container_menus_menu_item[data-tag="'.concat(l,'"]')),s=r.getNextLevelData(o);if(0!==s.length){var d=r.query('.cascader-container_menus_menu[data-level="'.concat(i+1,'"]'));d&&(null===(t=r.query(".cascader-container_menus"))||void 0===t||t.removeChild(d)),r.createMenu(s,i+1,l)}"multiple"!==u&&(null==c||c.classList.add("cascader-container_menus_menu_item_active"))}}return a};if("multiple"===u){var m=[];for(d=0;d<n.length;d++){v=n[d];m.push(f(v))}this.valValue=e([],m,!0)}else this.valValue=e([],f(n),!0);this.renderValue(this.valValue)}else console.error('value must be two-dimensional array in multiple mode. like this: [["sichuan", "chengdu", "jinli"], ["sichuan", "chengdu", "wuhouci"], ["hongkong"]]')}else console.error("value must be array")},Object.defineProperty(n.prototype,"value",{get:function(){return this.valValue},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelValue",{get:function(){return this.transformValue("getLabelValue",this.valValue)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"indexValue",{get:function(){return this.transformValue("getIndexValue",this.valValue)},enumerable:!1,configurable:!0}),n}()}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).Cascader=n()}(this,function(){"use strict";function e(e,n,t){if(t||2===arguments.length)for(var a,r=0,i=n.length;r<i;r++)!a&&r in n||(a||(a=Array.prototype.slice.call(n,0,r)),a[r]=n[r]);return e.concat(a||Array.prototype.slice.call(n))}return"function"==typeof SuppressedError&&SuppressedError,Array.prototype.find||(Array.prototype.find=function(e,n){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return o}}),Array.prototype.findIndex||(Array.prototype.findIndex=function(e,n){if(null==this)throw new TypeError("Array.prototype.findIndex called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return i}return-1}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var n=this;if(!document.documentElement.contains(n))return null;do{if(n.matches(e))return n;n=n.parentElement}while(null!==n);return null}),function(){function n(e,n){this.splitStr="__CASCADER_SPLIT__",this.valValue=[],this.container=e,this.uuid=this.randomStr(6),this.options=null!=n?n:{};var t=this.options.data,a=void 0===t?[]:t;e?-1===["document","body"].indexOf(e)?Array.isArray(a)||console.error("data must be array"):console.error("The value of container cannot be '".concat(e,"'")):console.error("container selector is required")}return n.prototype.randomStr=function(e){for(var n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",t="",a=0;a<e;a++){t+=n[Math.floor(62*Math.random())]}return t},n.prototype.query=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelector(e)},n.prototype.queryAll=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelectorAll(e)},n.prototype.getSiblings=function(e){for(var n,t=[],a=null===(n=null==e?void 0:e.parentNode)||void 0===n?void 0:n.firstChild;a;)1===a.nodeType&&a!==e&&t.push(a),a=a.nextSibling;return t},n.prototype.isPrefixPath=function(e,n){return!(e.length>n.length)&&e.every(function(e,t){return e===n[t]})},n.prototype.menusShow=function(){var e,n,t=this.options.mode;"multiple"!==(void 0===t?"single":t)&&this.setValue(this.value),null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.add("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.add("cascader-container_menus_active")},n.prototype.menusHide=function(){var e,n;null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.remove("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.remove("cascader-container_menus_active")},n.prototype.calculateElementWidth=function(e){var n,t=document.createElement("div");t.style.position="absolute",t.style.top="-10000px",t.innerHTML=e;var a=null===(n=t.children)||void 0===n?void 0:n[0];a.style.boxSizing="border-box",a.style.fontSize="14px",document.body.appendChild(t);var r=a.offsetWidth;return document.body.removeChild(t),r},n.prototype.selectItem=function(e){for(var n,t,a,r,i=parseInt(null!==(n=e.dataset.parentLevel)&&void 0!==n?n:"0"),o=this.getSiblings(e),l=0;l<o.length;l++){(s=o[l]).classList.remove("cascader-container_menus_menu_item_active")}e.classList.add("cascader-container_menus_menu_item_active");var c=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[];for(l=0;l<c.length;l++){var s=c[l];parseInt(null!==(a=s.dataset.level)&&void 0!==a?a:"0")>i&&(null===(r=this.query(".cascader-container_menus"))||void 0===r||r.removeChild(s))}},n.prototype.renderValue=function(n){var t,a,r,i=this;void 0===n&&(n=[]);var o=this.options,l=o.displayRender,c=o.mode,s=void 0===c?"single":c,u=o.placeholder,d=void 0===u?"":u,v=[],f=[];if("multiple"===s){for(var m=null!==(t=this.queryAll(".cascader-container_menus_menu_item"))&&void 0!==t?t:[],p=0;p<m.length;p++){null==(h=m[p])||h.classList.remove("cascader-container_menus_menu_item_half"),null==h||h.classList.remove("cascader-container_menus_menu_item_full")}for(p=0;p<this.valValue.length;p++){var h=this.valValue[p],_=this.query('.cascader-container_menus_menu_item[data-tag="'.concat(h.join(this.splitStr),'"]'));null==_||_.classList.add("cascader-container_menus_menu_item_full");for(var y=function(n){var t=h.slice(0,h.length-1-n);if(-1!==f.map(function(e){return e.join(i.splitStr)}).indexOf(t.join(g.splitStr)))return"continue";for(var a=g.getNextLevelData(t),r=function(n,t){var a=(null!=n?n:{}).children;if(a&&a.length>0){for(var o=0,l=0;l<a.length;l++)r(a[l],e(e([],t,!0),[l],!1))&&o++;return o===a.length}return-1!==i.valValue.findIndex(function(e){return e.join(i.splitStr)===t.join(i.splitStr)})},o=0,l=0;l<a.length;l++)r(a[l],e(e([],t,!0),[l],!1))&&o++;var c=g.query('.cascader-container_menus_menu_item[data-tag="'.concat(t.join(g.splitStr),'"]'));o===a.length?(null==c||c.classList.add("cascader-container_menus_menu_item_full"),v.push(t)):null==c||c.classList.add("cascader-container_menus_menu_item_half"),f.push(t)},g=this,b=0;b<h.length-1;b++)y(b)}}var V=this.query(".cascader-container_value");if(V){if(0===n.length)return void(V.innerHTML='<span class="cascader-container_value_placeholder">'.concat(d,"</span>"));var L=this.transformValue("getLabelValue",n),S=function(e){return"function"==typeof l?l(e):e.join("/")};if("multiple"===s){var q=[],x=function(e){var t=n[e],a=L[e];if(v.filter(function(e){return 1===e.length}).find(function(e){return i.isPrefixPath(e,t)})&&(a=a.slice(0,1)),-1!==q.map(function(e){return e.join(i.splitStr)}).indexOf(a.join("")))return"continue";q.push(a)};for(p=0;p<n.length;p++)x(p);var A="",j=null!==(r=null===(a=this.query(".cascader-container_value"))||void 0===a?void 0:a.offsetWidth)&&void 0!==r?r:0,w=0;for(p=0;p<q.length;p++){h=q[p];var E='<div class="cascader-container_value_item">'.concat(S(h),"</div>"),T=w+this.calculateElementWidth(E)+5;if(!(T<=j)){A+='<div class="cascader-container_value_item">...</div>';break}A+=E,w=T}V.innerHTML=A}else V.innerHTML=S(L)}},n.prototype.getNextLevelData=function(e){void 0===e&&(e=[]);var n=this.options.data,t=void 0===n?[]:n;return e.reduce(function(e,n){var t,a;return null!==(a=null===(t=e[n])||void 0===t?void 0:t.children)&&void 0!==a?a:[]},t)},n.prototype.transformValue=function(n,t){void 0===t&&(t=[]);var a=this.options,r=a.data,i=void 0===r?[]:r,o=a.mode,l=function(t){for(var a,r,o,l,c,s,u,d,v=[],f=e([],i,!0),m=0;m<t.length;m++){var p=t[m];"getValue"===n?(v.push(null===(a=f[p])||void 0===a?void 0:a.value),f=null!==(o=null===(r=f[p])||void 0===r?void 0:r.children)&&void 0!==o?o:[]):"getLabelValue"===n?(v.push(null===(l=f[p])||void 0===l?void 0:l.label),f=null!==(s=null===(c=f[p])||void 0===c?void 0:c.children)&&void 0!==s?s:[]):"getIndexValue"===n&&(v.push(p),f=null!==(d=null===(u=f[p])||void 0===u?void 0:u.children)&&void 0!==d?d:[])}return v};if("multiple"===(void 0===o?"single":o)){for(var c=[],s=0;s<t.length;s++){var u=t[s];c.push(l(u))}return c}return l(t)},n.prototype.createMenu=function(e,n,t){var a;void 0===e&&(e=[]),void 0===n&&(n=0),void 0===t&&(t="");for(var r=this.options.mode,i=void 0===r?"single":r,o='<div class="cascader-container_menus_menu" data-level="'.concat(n,'">'),l=0;l<e.length;l++){var c=e[l],s=c.className,u=c.showTitle,d=c.disabled,v=c.children,f=void 0===v?[]:v,m=c.label,p=c.value,h="".concat(s?" ".concat(s):"").concat(d?" cascader-container_menus_menu_item_disabled":""),_=t?"".concat(t).concat(this.splitStr).concat(l):String(l),y="multiple"===i?'\n                        <div class="cascader-container_menus_menu_item_multiple '.concat(d?"cascader-container_menus_menu_item_multiple_disabled":"",'">\n                            <div>\n                                <span>&radic;</span>\n                            </div>\n                        </div>\n                    '):"";o+='\n                    <div class="cascader-container_menus_menu_item'.concat(h,'" data-parent-level="').concat(n,'" data-label="').concat(m,'" data-value="').concat(p,'" data-tag="').concat(_,'">\n                        ').concat(y,'\n                        <div\n                            class="cascader-container_menus_menu_item_value"\n                            ').concat(u?'title="'.concat(m,'"'):"","\n                        >\n                            ").concat(m,'\n                        </div>\n                        <div class="cascader-container_menus_menu_item_icon">\n                            ').concat(f.length?">":"","\n                        </div>\n                    </div>\n                ")}o+="</div>",null===(a=this.query(".cascader-container_menus"))||void 0===a||a.insertAdjacentHTML("beforeend",o)},n.prototype.event=function(){var n=this,t=this.options.mode,a=void 0===t?"single":t,r=this.query(".cascader-container_".concat(this.uuid),!0);document.addEventListener("click",function(e){var t=e.target;(null==r?void 0:r.contains(t))||t.classList.contains("cascader-container_value_placeholder")||n.menusHide()}),r&&(r.onclick=function(t){var r,i,o,l,c=t.target,s=c.classList;if(s.contains("cascader-container_".concat(n.uuid))||s.contains("cascader-container_value")||s.contains("cascader-container_value_placeholder")||s.contains("cascader-container_value_item")||s.contains("cascader-container_arrow")||s.contains("cascader-container_arrow_icon"))n.menusShow();else if(c.closest(".cascader-container_clear"))n.setValue([]);else{var u=c.closest(".cascader-container_menus_menu_item:not(.cascader-container_menus_menu_item_disabled)");if(u){var d=null!==(r=u.dataset.tag)&&void 0!==r?r:"",v=d.split(n.splitStr).map(Number),f=n.getNextLevelData(v);if(c.closest(".cascader-container_menus_menu_item_multiple:not(.cascader-container_menus_menu_item_multiple_disabled)")&&0!==f.length){if(n.valValue=e([],n.valValue.filter(function(e){return!n.isPrefixPath(v,e)}),!0),!u.classList.contains("cascader-container_menus_menu_item_full")){for(var m=function(n,t){var a=(null!=n?n:{}).children;if(a&&a.length>0){for(var r=[],i=0;i<a.length;i++)r.push.apply(r,m(a[i],e(e([],t,!0),[i],!1)));return r}return[t]},p=[],h=0;h<f.length;h++){var _=f[h];p.push.apply(p,m(_,e(e([],v,!0),[h],!1)))}n.valValue=e(e([],n.valValue,!0),p,!0)}}else if(n.selectItem(u),0===f.length)if("multiple"===a){var y=n.valValue.findIndex(function(e){return e.join(n.splitStr)===v.join(n.splitStr)});-1!==y?n.valValue.splice(y,1):n.valValue.push(v)}else n.valValue=e([],v,!0),n.menusHide();else{var g=parseInt(null!==(i=u.dataset.parentLevel)&&void 0!==i?i:"0");n.createMenu(f,g+1,d)}n.renderValue(n.valValue),null===(l=(o=n.options).onChange)||void 0===l||l.call(o,n.transformValue("getValue",n.valValue),n.transformValue("getLabelValue",n.valValue),n.valValue)}}})},n.prototype.init=function(){var e=this.options,n=e.mode,t=void 0===n?"single":n,a=e.data,r=void 0===a?[]:a,i=e.defaultValue,o=e.showClear,l=void 0===o||o;e.placeholder;var c=this.query(this.container,!0);if(c){var s="multiple"===t?"cascader-container_multiple":"";c.innerHTML='\n            <div class="cascader-container cascader-container_'.concat(this.uuid," ").concat(s,'">\n                <div class="cascader-container_value"></div>\n                ').concat(l?'<div class="cascader-container_clear">&times;</div>':"",'\n                <div class="cascader-container_arrow">\n                    <div class="cascader-container_arrow_icon">\n                    </div>\n                </div>\n                <div class="cascader-container_menus"></div>\n            </div>\n        '),this.createMenu(r),this.event(),this.setValue(i)}else console.error("can not find container")},n.prototype.setValue=function(n){var t,a,r=this;if(void 0===n&&(n=[]),Array.isArray(n)){var i=this.options,o=i.data,l=void 0===o?[]:o,c=i.mode,s=void 0===c?"single":c;if("multiple"!==s||n.every(function(e){return Array.isArray(e)})){for(var u=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[],d=0;d<u.length;d++){var v=u[d];null===(a=this.query(".cascader-container_menus"))||void 0===a||a.removeChild(v)}this.createMenu(l);var f=function(n){var t,a;if(n.every(function(e){return"number"==typeof e}))return e([],n,!0);if(n.every(function(e){return"string"==typeof e})){for(var r=[],i=l,o=function(e){var n=i.findIndex(function(n){return n.value===e});if(-1===n)return"break";r.push(n),i=null!==(a=null===(t=i[n])||void 0===t?void 0:t.children)&&void 0!==a?a:[]},c=0,s=n;c<s.length;c++){if("break"===o(s[c]))break}return r}return[]},m=function(e){for(var n,t=0;t<e.length;t++){var a=e.slice(0,t+1),i=a.join(r.splitStr),o=r.query('.cascader-container_menus_menu_item[data-tag="'.concat(i,'"]')),l=r.getNextLevelData(a);if(0!==l.length){var c=r.query('.cascader-container_menus_menu[data-level="'.concat(t+1,'"]'));c&&(null===(n=r.query(".cascader-container_menus"))||void 0===n||n.removeChild(c)),r.createMenu(l,t+1,i)}"multiple"!==s&&(null==o||o.classList.add("cascader-container_menus_menu_item_active"))}return e};if("multiple"===s){var p=[];for(d=0;d<n.length;d++){v=n[d];p.push(m(f(v)))}this.valValue=e([],p,!0)}else this.valValue=e([],m(f(n)),!0);this.renderValue(this.valValue)}else console.error('value must be two-dimensional array in multiple mode. like this: [["sichuan", "chengdu", "jinli"], ["sichuan", "chengdu", "wuhouci"], ["hongkong"]]')}else console.error("value must be array")},Object.defineProperty(n.prototype,"value",{get:function(){return this.transformValue("getValue",this.valValue)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelValue",{get:function(){return this.transformValue("getLabelValue",this.valValue)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"indexValue",{get:function(){return this.valValue},enumerable:!1,configurable:!0}),n}()});
diff --git a/index.d.ts b/index.d.ts
index 854e382..41a6e2b 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -25,6 +25,7 @@ export default class Cascader {
     private query;
     private queryAll;
     private getSiblings;
+    private isPrefixPath;
     private menusShow;
     private menusHide;
     private calculateElementWidth;
@@ -37,8 +38,8 @@ export default class Cascader {
     constructor(container: string, options: CascaderOptions);
     init(): void;
     setValue(value?: any[]): void;
-    get value(): any[];
+    get value(): any;
     get labelValue(): any;
-    get indexValue(): any;
+    get indexValue(): any[];
 }
 export type CascaderInstance = InstanceType<typeof Cascader>;
diff --git a/index.js b/index.js
index 57da572..4867895 100644
--- a/index.js
+++ b/index.js
@@ -1 +1 @@
-function e(e,n,t){if(t||2===arguments.length)for(var a,r=0,i=n.length;r<i;r++)!a&&r in n||(a||(a=Array.prototype.slice.call(n,0,r)),a[r]=n[r]);return e.concat(a||Array.prototype.slice.call(n))}"function"==typeof SuppressedError&&SuppressedError,Array.prototype.find||(Array.prototype.find=function(e,n){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return o}}),Array.prototype.findIndex||(Array.prototype.findIndex=function(e,n){if(null==this)throw new TypeError("Array.prototype.findIndex called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return i}return-1}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var n=this;if(!document.documentElement.contains(n))return null;do{if(n.matches(e))return n;n=n.parentElement}while(null!==n);return null});var n=function(){function n(e,n){this.splitStr="__CASCADER_SPLIT__",this.valValue=[],this.container=e,this.uuid=this.randomStr(6),this.options=null!=n?n:{};var t=this.options.data,a=void 0===t?[]:t;e?-1===["document","body"].indexOf(e)?Array.isArray(a)||console.error("data must be array"):console.error("The value of container cannot be '".concat(e,"'")):console.error("container selector is required")}return n.prototype.randomStr=function(e){for(var n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",t="",a=0;a<e;a++){t+=n[Math.floor(62*Math.random())]}return t},n.prototype.query=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelector(e)},n.prototype.queryAll=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelectorAll(e)},n.prototype.getSiblings=function(e){for(var n,t=[],a=null===(n=null==e?void 0:e.parentNode)||void 0===n?void 0:n.firstChild;a;)1===a.nodeType&&a!==e&&t.push(a),a=a.nextSibling;return t},n.prototype.menusShow=function(){var e,n,t=this.options.mode;"multiple"!==(void 0===t?"single":t)&&this.setValue(this.valValue),null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.add("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.add("cascader-container_menus_active")},n.prototype.menusHide=function(){var e,n;null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.remove("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.remove("cascader-container_menus_active")},n.prototype.calculateElementWidth=function(e){var n,t=document.createElement("div");t.style.position="absolute",t.style.top="-10000px",t.innerHTML=e;var a=null===(n=t.children)||void 0===n?void 0:n[0];a.style.boxSizing="border-box",a.style.fontSize="14px",document.body.appendChild(t);var r=a.offsetWidth;return document.body.removeChild(t),r},n.prototype.selectItem=function(e){for(var n,t,a,r,i=parseInt(null!==(n=e.dataset.parentLevel)&&void 0!==n?n:"0"),o=this.getSiblings(e),l=0;l<o.length;l++){(u=o[l]).classList.remove("cascader-container_menus_menu_item_active")}e.classList.add("cascader-container_menus_menu_item_active");var c=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[];for(l=0;l<c.length;l++){var u=c[l];parseInt(null!==(a=u.dataset.level)&&void 0!==a?a:"0")>i&&(null===(r=this.query(".cascader-container_menus"))||void 0===r||r.removeChild(u))}},n.prototype.renderValue=function(n){var t,a,r,i=this;void 0===n&&(n=[]);var o=this.options,l=o.displayRender,c=o.mode,u=void 0===c?"single":c,s=o.placeholder,d=void 0===s?"":s,v=[],m=[];if("multiple"===u){for(var f=null!==(t=this.queryAll(".cascader-container_menus_menu_item"))&&void 0!==t?t:[],p=0;p<f.length;p++){null==(h=f[p])||h.classList.remove("cascader-container_menus_menu_item_half"),null==h||h.classList.remove("cascader-container_menus_menu_item_full")}for(p=0;p<this.valValue.length;p++){var h=this.valValue[p],_=this.query('.cascader-container_menus_menu_item[data-tag="'.concat(h.join(this.splitStr),'"]'));null==_||_.classList.add("cascader-container_menus_menu_item_full");for(var y=function(n){var t=h.slice(0,h.length-1-n);if(-1!==m.map((function(e){return e.join(i.splitStr)})).indexOf(t.join(g.splitStr)))return"continue";var a=g.getNextLevelData(t),r=function(n,t){var a=null!=n?n:{},o=a.value,l=a.children;if(l){for(var c=0,u=0;u<l.length;u++)r(l[u],e(e([],t,!0),[o],!1))&&c++;return c===l.length}return-1!==i.valValue.findIndex((function(e){return e.join(i.splitStr)==="".concat(t.join(i.splitStr)).concat(i.splitStr).concat(o)}))},o=a.reduce((function(e,n){return r(n,t)?e+1:e}),0),l=g.query('.cascader-container_menus_menu_item[data-tag="'.concat(t.join(g.splitStr),'"]'));o===a.length?(null==l||l.classList.add("cascader-container_menus_menu_item_full"),v.push(t)):null==l||l.classList.add("cascader-container_menus_menu_item_half"),m.push(t)},g=this,V=0;V<h.length-1;V++)y(V)}}var b=this.query(".cascader-container_value");if(b){if(0===n.length)return void(b.innerHTML='<span class="cascader-container_value_placeholder">'.concat(d,"</span>"));var S=this.transformValue("getLabelValue",n),L=function(e){return"function"==typeof l?l(e):e.join("/")};if("multiple"===u){var q=[],x=function(e){var t=n[e],a=S[e];if(v.filter((function(e){return 1===e.length})).find((function(e){return-1!==t.join(i.splitStr).indexOf(e.join(""))}))&&(a=a.slice(0,1)),-1!==q.map((function(e){return e.join(i.splitStr)})).indexOf(a.join("")))return"continue";q.push(a)};for(p=0;p<n.length;p++)x(p);var j="",A=null!==(r=null===(a=this.query(".cascader-container_value"))||void 0===a?void 0:a.offsetWidth)&&void 0!==r?r:0,w=0;for(p=0;p<q.length;p++){h=q[p];var E='<div class="cascader-container_value_item">'.concat(L(h),"</div>"),I=w+this.calculateElementWidth(E)+5;if(!(I<=A)){j+='<div class="cascader-container_value_item">...</div>';break}j+=E,w=I}b.innerHTML=j}else b.innerHTML=L(S)}},n.prototype.getNextLevelData=function(e){void 0===e&&(e=[]);var n=this.options.data,t=void 0===n?[]:n;return e.reduce((function(e,n){var t,a;return null!==(a=null===(t=e.find((function(e){return e.value===n})))||void 0===t?void 0:t.children)&&void 0!==a?a:[]}),t)},n.prototype.transformValue=function(n,t){void 0===t&&(t=[]);var a=this.options,r=a.data,i=void 0===r?[]:r,o=a.mode,l=function(t){for(var a,r,o,l,c,u,s=[],d=e([],i,!0),v=function(e){var i=t[e];if("getValue"===n)s.push(null===(a=d[i])||void 0===a?void 0:a.value),d=null!==(o=null===(r=d[i])||void 0===r?void 0:r.children)&&void 0!==o?o:[];else if("getLabelValue"===n){var v=d.find((function(e){return e.value===i}));s.push(null==v?void 0:v.label),d=null!==(l=null==v?void 0:v.children)&&void 0!==l?l:[]}else"getIndexValue"===n&&(s.push(d.findIndex((function(e){return e.value===i}))),d=null!==(u=null===(c=d.find((function(e){return e.value===i})))||void 0===c?void 0:c.children)&&void 0!==u?u:[])},m=0;m<t.length;m++)v(m);return s};if("multiple"===(void 0===o?"single":o)){for(var c=[],u=0;u<t.length;u++){var s=t[u];c.push(l(s))}return c}return l(t)},n.prototype.createMenu=function(e,n,t){var a;void 0===e&&(e=[]),void 0===n&&(n=0),void 0===t&&(t="");for(var r=this.options.mode,i=void 0===r?"single":r,o='<div class="cascader-container_menus_menu" data-level="'.concat(n,'">'),l=0;l<e.length;l++){var c=e[l],u=c.className,s=c.showTitle,d=c.disabled,v=c.children,m=void 0===v?[]:v,f=c.label,p=c.value,h="".concat(u?" ".concat(u):"").concat(d?" cascader-container_menus_menu_item_disabled":""),_=t?"".concat(t).concat(this.splitStr).concat(p):p,y="multiple"===i?'\n                        <div class="cascader-container_menus_menu_item_multiple '.concat(d?"cascader-container_menus_menu_item_multiple_disabled":"",'">\n                            <div>\n                                <span>&radic;</span>\n                            </div>\n                        </div>\n                    '):"";o+='\n                    <div class="cascader-container_menus_menu_item'.concat(h,'" data-parent-level="').concat(n,'" data-label="').concat(f,'" data-value="').concat(p,'" data-tag="').concat(_,'">\n                        ').concat(y,'\n                        <div\n                            class="cascader-container_menus_menu_item_value"\n                            ').concat(s?'title="'.concat(f,'"'):"","\n                        >\n                            ").concat(f,'\n                        </div>\n                        <div class="cascader-container_menus_menu_item_icon">\n                            ').concat(m.length?">":"","\n                        </div>\n                    </div>\n                ")}o+="</div>",null===(a=this.query(".cascader-container_menus"))||void 0===a||a.insertAdjacentHTML("beforeend",o)},n.prototype.event=function(){var n=this,t=this.options.mode,a=void 0===t?"single":t,r=this.query(".cascader-container_".concat(this.uuid),!0);document.addEventListener("click",(function(e){var t=e.target;(null==r?void 0:r.contains(t))||t.classList.contains("cascader-container_value_placeholder")||n.menusHide()})),r&&(r.onclick=function(t){var r,i,o,l,c=t.target,u=c.classList;if(u.contains("cascader-container_".concat(n.uuid))||u.contains("cascader-container_value")||u.contains("cascader-container_value_placeholder")||u.contains("cascader-container_value_item")||u.contains("cascader-container_arrow")||u.contains("cascader-container_arrow_icon"))n.menusShow();else if(c.closest(".cascader-container_clear"))n.setValue([]);else{var s=c.closest(".cascader-container_menus_menu_item:not(.cascader-container_menus_menu_item_disabled)");if(s){var d=null!==(r=s.dataset.tag)&&void 0!==r?r:"",v=d.split(n.splitStr),m=n.getNextLevelData(v);if(c.closest(".cascader-container_menus_menu_item_multiple:not(.cascader-container_menus_menu_item_multiple_disabled)")&&0!==m.length){if(n.valValue=e([],n.valValue.filter((function(e){return-1===e.join(n.splitStr).indexOf(d)})),!0),!s.classList.contains("cascader-container_menus_menu_item_full")){for(var f=function(n,t){var a=null!=n?n:{},r=a.value,i=a.children;if(i){for(var o=[],l=0;l<i.length;l++)o.push.apply(o,f(i[l],e(e([],t,!0),[r],!1)));return o}return[e(e([],t,!0),[r],!1)]},p=[],h=0;h<m.length;h++){var _=m[h];p.push.apply(p,f(_,v))}n.valValue=e(e([],n.valValue,!0),p,!0)}}else if(n.selectItem(s),0===m.length)if("multiple"===a)if(-1!==n.valValue.map((function(e){return e.join(n.splitStr)})).indexOf(v.join(n.splitStr))){h=n.valValue.map((function(e){return e.join(n.splitStr)})).findIndex((function(e){return e===v.join(n.splitStr)}));n.valValue.splice(h,1)}else n.valValue.push(v);else n.valValue=e([],v,!0),n.menusHide();else{var y=parseInt(null!==(i=s.dataset.parentLevel)&&void 0!==i?i:"0");n.createMenu(m,y+1,d)}n.renderValue(n.valValue),null===(l=(o=n.options).onChange)||void 0===l||l.call(o,n.valValue,n.transformValue("getLabelValue",n.valValue),n.transformValue("getIndexValue",n.valValue))}}})},n.prototype.init=function(){var e=this.options,n=e.mode,t=void 0===n?"single":n,a=e.data,r=void 0===a?[]:a,i=e.defaultValue,o=e.showClear,l=void 0===o||o;e.placeholder;var c=this.query(this.container,!0);if(c){var u="multiple"===t?"cascader-container_multiple":"";c.innerHTML='\n            <div class="cascader-container cascader-container_'.concat(this.uuid," ").concat(u,'">\n                <div class="cascader-container_value"></div>\n                ').concat(l?'<div class="cascader-container_clear">&times;</div>':"",'\n                <div class="cascader-container_arrow">\n                    <div class="cascader-container_arrow_icon">\n                    </div>\n                </div>\n                <div class="cascader-container_menus"></div>\n            </div>\n        '),this.createMenu(r),this.event(),this.setValue(i)}else console.error("can not find container")},n.prototype.setValue=function(n){var t,a,r=this;if(void 0===n&&(n=[]),Array.isArray(n)){var i=this.options,o=i.data,l=void 0===o?[]:o,c=i.mode,u=void 0===c?"single":c;if("multiple"!==u||n.every((function(e){return Array.isArray(e)}))){for(var s=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[],d=0;d<s.length;d++){var v=s[d];null===(a=this.query(".cascader-container_menus"))||void 0===a||a.removeChild(v)}this.createMenu(l);var m=function(n){var t,a=[];if(n.every((function(e){return"string"==typeof e}))||n.every((function(e){return"number"==typeof e}))){a=n.every((function(e){return"number"==typeof e}))?e([],r.transformValue("getValue",n),!0):e([],n,!0);for(var i=0;i<a.length;i++){var o=a.slice(0,i+1),l=o.join(r.splitStr),c=r.query('.cascader-container_menus_menu_item[data-tag="'.concat(l,'"]')),s=r.getNextLevelData(o);if(0!==s.length){var d=r.query('.cascader-container_menus_menu[data-level="'.concat(i+1,'"]'));d&&(null===(t=r.query(".cascader-container_menus"))||void 0===t||t.removeChild(d)),r.createMenu(s,i+1,l)}"multiple"!==u&&(null==c||c.classList.add("cascader-container_menus_menu_item_active"))}}return a};if("multiple"===u){var f=[];for(d=0;d<n.length;d++){v=n[d];f.push(m(v))}this.valValue=e([],f,!0)}else this.valValue=e([],m(n),!0);this.renderValue(this.valValue)}else console.error('value must be two-dimensional array in multiple mode. like this: [["sichuan", "chengdu", "jinli"], ["sichuan", "chengdu", "wuhouci"], ["hongkong"]]')}else console.error("value must be array")},Object.defineProperty(n.prototype,"value",{get:function(){return this.valValue},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelValue",{get:function(){return this.transformValue("getLabelValue",this.valValue)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"indexValue",{get:function(){return this.transformValue("getIndexValue",this.valValue)},enumerable:!1,configurable:!0}),n}();export{n as default};
+function e(e,n,t){if(t||2===arguments.length)for(var a,r=0,i=n.length;r<i;r++)!a&&r in n||(a||(a=Array.prototype.slice.call(n,0,r)),a[r]=n[r]);return e.concat(a||Array.prototype.slice.call(n))}"function"==typeof SuppressedError&&SuppressedError,Array.prototype.find||(Array.prototype.find=function(e,n){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return o}}),Array.prototype.findIndex||(Array.prototype.findIndex=function(e,n){if(null==this)throw new TypeError("Array.prototype.findIndex called on null or undefined");if("function"!=typeof e)throw new TypeError(e+" is not a function");var t,a=Object(this),r=a.length>>>0;arguments.length>1&&(t=n);for(var i=0;i<r;i++)if(i in a){var o=a[i];if(e.call(t,o,i,a))return i}return-1}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var n=this;if(!document.documentElement.contains(n))return null;do{if(n.matches(e))return n;n=n.parentElement}while(null!==n);return null});var n=function(){function n(e,n){this.splitStr="__CASCADER_SPLIT__",this.valValue=[],this.container=e,this.uuid=this.randomStr(6),this.options=null!=n?n:{};var t=this.options.data,a=void 0===t?[]:t;e?-1===["document","body"].indexOf(e)?Array.isArray(a)||console.error("data must be array"):console.error("The value of container cannot be '".concat(e,"'")):console.error("container selector is required")}return n.prototype.randomStr=function(e){for(var n="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",t="",a=0;a<e;a++){t+=n[Math.floor(62*Math.random())]}return t},n.prototype.query=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelector(e)},n.prototype.queryAll=function(e,n){var t;return null===(t=n?document:document.querySelector(".cascader-container_".concat(this.uuid)))||void 0===t?void 0:t.querySelectorAll(e)},n.prototype.getSiblings=function(e){for(var n,t=[],a=null===(n=null==e?void 0:e.parentNode)||void 0===n?void 0:n.firstChild;a;)1===a.nodeType&&a!==e&&t.push(a),a=a.nextSibling;return t},n.prototype.isPrefixPath=function(e,n){return!(e.length>n.length)&&e.every(function(e,t){return e===n[t]})},n.prototype.menusShow=function(){var e,n,t=this.options.mode;"multiple"!==(void 0===t?"single":t)&&this.setValue(this.value),null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.add("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.add("cascader-container_menus_active")},n.prototype.menusHide=function(){var e,n;null===(e=this.query(".cascader-container_".concat(this.uuid),!0))||void 0===e||e.classList.remove("cascader-container_active"),null===(n=this.query(".cascader-container_menus"))||void 0===n||n.classList.remove("cascader-container_menus_active")},n.prototype.calculateElementWidth=function(e){var n,t=document.createElement("div");t.style.position="absolute",t.style.top="-10000px",t.innerHTML=e;var a=null===(n=t.children)||void 0===n?void 0:n[0];a.style.boxSizing="border-box",a.style.fontSize="14px",document.body.appendChild(t);var r=a.offsetWidth;return document.body.removeChild(t),r},n.prototype.selectItem=function(e){for(var n,t,a,r,i=parseInt(null!==(n=e.dataset.parentLevel)&&void 0!==n?n:"0"),o=this.getSiblings(e),l=0;l<o.length;l++){(s=o[l]).classList.remove("cascader-container_menus_menu_item_active")}e.classList.add("cascader-container_menus_menu_item_active");var c=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[];for(l=0;l<c.length;l++){var s=c[l];parseInt(null!==(a=s.dataset.level)&&void 0!==a?a:"0")>i&&(null===(r=this.query(".cascader-container_menus"))||void 0===r||r.removeChild(s))}},n.prototype.renderValue=function(n){var t,a,r,i=this;void 0===n&&(n=[]);var o=this.options,l=o.displayRender,c=o.mode,s=void 0===c?"single":c,u=o.placeholder,d=void 0===u?"":u,v=[],m=[];if("multiple"===s){for(var h=null!==(t=this.queryAll(".cascader-container_menus_menu_item"))&&void 0!==t?t:[],f=0;f<h.length;f++){null==(p=h[f])||p.classList.remove("cascader-container_menus_menu_item_half"),null==p||p.classList.remove("cascader-container_menus_menu_item_full")}for(f=0;f<this.valValue.length;f++){var p=this.valValue[f],_=this.query('.cascader-container_menus_menu_item[data-tag="'.concat(p.join(this.splitStr),'"]'));null==_||_.classList.add("cascader-container_menus_menu_item_full");for(var y=function(n){var t=p.slice(0,p.length-1-n);if(-1!==m.map(function(e){return e.join(i.splitStr)}).indexOf(t.join(g.splitStr)))return"continue";for(var a=g.getNextLevelData(t),r=function(n,t){var a=(null!=n?n:{}).children;if(a&&a.length>0){for(var o=0,l=0;l<a.length;l++)r(a[l],e(e([],t,!0),[l],!1))&&o++;return o===a.length}return-1!==i.valValue.findIndex(function(e){return e.join(i.splitStr)===t.join(i.splitStr)})},o=0,l=0;l<a.length;l++)r(a[l],e(e([],t,!0),[l],!1))&&o++;var c=g.query('.cascader-container_menus_menu_item[data-tag="'.concat(t.join(g.splitStr),'"]'));o===a.length?(null==c||c.classList.add("cascader-container_menus_menu_item_full"),v.push(t)):null==c||c.classList.add("cascader-container_menus_menu_item_half"),m.push(t)},g=this,b=0;b<p.length-1;b++)y(b)}}var V=this.query(".cascader-container_value");if(V){if(0===n.length)return void(V.innerHTML='<span class="cascader-container_value_placeholder">'.concat(d,"</span>"));var L=this.transformValue("getLabelValue",n),S=function(e){return"function"==typeof l?l(e):e.join("/")};if("multiple"===s){var q=[],x=function(e){var t=n[e],a=L[e];if(v.filter(function(e){return 1===e.length}).find(function(e){return i.isPrefixPath(e,t)})&&(a=a.slice(0,1)),-1!==q.map(function(e){return e.join(i.splitStr)}).indexOf(a.join("")))return"continue";q.push(a)};for(f=0;f<n.length;f++)x(f);var A="",w=null!==(r=null===(a=this.query(".cascader-container_value"))||void 0===a?void 0:a.offsetWidth)&&void 0!==r?r:0,j=0;for(f=0;f<q.length;f++){p=q[f];var E='<div class="cascader-container_value_item">'.concat(S(p),"</div>"),M=j+this.calculateElementWidth(E)+5;if(!(M<=w)){A+='<div class="cascader-container_value_item">...</div>';break}A+=E,j=M}V.innerHTML=A}else V.innerHTML=S(L)}},n.prototype.getNextLevelData=function(e){void 0===e&&(e=[]);var n=this.options.data,t=void 0===n?[]:n;return e.reduce(function(e,n){var t,a;return null!==(a=null===(t=e[n])||void 0===t?void 0:t.children)&&void 0!==a?a:[]},t)},n.prototype.transformValue=function(n,t){void 0===t&&(t=[]);var a=this.options,r=a.data,i=void 0===r?[]:r,o=a.mode,l=function(t){for(var a,r,o,l,c,s,u,d,v=[],m=e([],i,!0),h=0;h<t.length;h++){var f=t[h];"getValue"===n?(v.push(null===(a=m[f])||void 0===a?void 0:a.value),m=null!==(o=null===(r=m[f])||void 0===r?void 0:r.children)&&void 0!==o?o:[]):"getLabelValue"===n?(v.push(null===(l=m[f])||void 0===l?void 0:l.label),m=null!==(s=null===(c=m[f])||void 0===c?void 0:c.children)&&void 0!==s?s:[]):"getIndexValue"===n&&(v.push(f),m=null!==(d=null===(u=m[f])||void 0===u?void 0:u.children)&&void 0!==d?d:[])}return v};if("multiple"===(void 0===o?"single":o)){for(var c=[],s=0;s<t.length;s++){var u=t[s];c.push(l(u))}return c}return l(t)},n.prototype.createMenu=function(e,n,t){var a;void 0===e&&(e=[]),void 0===n&&(n=0),void 0===t&&(t="");for(var r=this.options.mode,i=void 0===r?"single":r,o='<div class="cascader-container_menus_menu" data-level="'.concat(n,'">'),l=0;l<e.length;l++){var c=e[l],s=c.className,u=c.showTitle,d=c.disabled,v=c.children,m=void 0===v?[]:v,h=c.label,f=c.value,p="".concat(s?" ".concat(s):"").concat(d?" cascader-container_menus_menu_item_disabled":""),_=t?"".concat(t).concat(this.splitStr).concat(l):String(l),y="multiple"===i?'\n                        <div class="cascader-container_menus_menu_item_multiple '.concat(d?"cascader-container_menus_menu_item_multiple_disabled":"",'">\n                            <div>\n                                <span>&radic;</span>\n                            </div>\n                        </div>\n                    '):"";o+='\n                    <div class="cascader-container_menus_menu_item'.concat(p,'" data-parent-level="').concat(n,'" data-label="').concat(h,'" data-value="').concat(f,'" data-tag="').concat(_,'">\n                        ').concat(y,'\n                        <div\n                            class="cascader-container_menus_menu_item_value"\n                            ').concat(u?'title="'.concat(h,'"'):"","\n                        >\n                            ").concat(h,'\n                        </div>\n                        <div class="cascader-container_menus_menu_item_icon">\n                            ').concat(m.length?">":"","\n                        </div>\n                    </div>\n                ")}o+="</div>",null===(a=this.query(".cascader-container_menus"))||void 0===a||a.insertAdjacentHTML("beforeend",o)},n.prototype.event=function(){var n=this,t=this.options.mode,a=void 0===t?"single":t,r=this.query(".cascader-container_".concat(this.uuid),!0);document.addEventListener("click",function(e){var t=e.target;(null==r?void 0:r.contains(t))||t.classList.contains("cascader-container_value_placeholder")||n.menusHide()}),r&&(r.onclick=function(t){var r,i,o,l,c=t.target,s=c.classList;if(s.contains("cascader-container_".concat(n.uuid))||s.contains("cascader-container_value")||s.contains("cascader-container_value_placeholder")||s.contains("cascader-container_value_item")||s.contains("cascader-container_arrow")||s.contains("cascader-container_arrow_icon"))n.menusShow();else if(c.closest(".cascader-container_clear"))n.setValue([]);else{var u=c.closest(".cascader-container_menus_menu_item:not(.cascader-container_menus_menu_item_disabled)");if(u){var d=null!==(r=u.dataset.tag)&&void 0!==r?r:"",v=d.split(n.splitStr).map(Number),m=n.getNextLevelData(v);if(c.closest(".cascader-container_menus_menu_item_multiple:not(.cascader-container_menus_menu_item_multiple_disabled)")&&0!==m.length){if(n.valValue=e([],n.valValue.filter(function(e){return!n.isPrefixPath(v,e)}),!0),!u.classList.contains("cascader-container_menus_menu_item_full")){for(var h=function(n,t){var a=(null!=n?n:{}).children;if(a&&a.length>0){for(var r=[],i=0;i<a.length;i++)r.push.apply(r,h(a[i],e(e([],t,!0),[i],!1)));return r}return[t]},f=[],p=0;p<m.length;p++){var _=m[p];f.push.apply(f,h(_,e(e([],v,!0),[p],!1)))}n.valValue=e(e([],n.valValue,!0),f,!0)}}else if(n.selectItem(u),0===m.length)if("multiple"===a){var y=n.valValue.findIndex(function(e){return e.join(n.splitStr)===v.join(n.splitStr)});-1!==y?n.valValue.splice(y,1):n.valValue.push(v)}else n.valValue=e([],v,!0),n.menusHide();else{var g=parseInt(null!==(i=u.dataset.parentLevel)&&void 0!==i?i:"0");n.createMenu(m,g+1,d)}n.renderValue(n.valValue),null===(l=(o=n.options).onChange)||void 0===l||l.call(o,n.transformValue("getValue",n.valValue),n.transformValue("getLabelValue",n.valValue),n.valValue)}}})},n.prototype.init=function(){var e=this.options,n=e.mode,t=void 0===n?"single":n,a=e.data,r=void 0===a?[]:a,i=e.defaultValue,o=e.showClear,l=void 0===o||o;e.placeholder;var c=this.query(this.container,!0);if(c){var s="multiple"===t?"cascader-container_multiple":"";c.innerHTML='\n            <div class="cascader-container cascader-container_'.concat(this.uuid," ").concat(s,'">\n                <div class="cascader-container_value"></div>\n                ').concat(l?'<div class="cascader-container_clear">&times;</div>':"",'\n                <div class="cascader-container_arrow">\n                    <div class="cascader-container_arrow_icon">\n                    </div>\n                </div>\n                <div class="cascader-container_menus"></div>\n            </div>\n        '),this.createMenu(r),this.event(),this.setValue(i)}else console.error("can not find container")},n.prototype.setValue=function(n){var t,a,r=this;if(void 0===n&&(n=[]),Array.isArray(n)){var i=this.options,o=i.data,l=void 0===o?[]:o,c=i.mode,s=void 0===c?"single":c;if("multiple"!==s||n.every(function(e){return Array.isArray(e)})){for(var u=null!==(t=this.queryAll(".cascader-container_menus_menu"))&&void 0!==t?t:[],d=0;d<u.length;d++){var v=u[d];null===(a=this.query(".cascader-container_menus"))||void 0===a||a.removeChild(v)}this.createMenu(l);var m=function(n){var t,a;if(n.every(function(e){return"number"==typeof e}))return e([],n,!0);if(n.every(function(e){return"string"==typeof e})){for(var r=[],i=l,o=function(e){var n=i.findIndex(function(n){return n.value===e});if(-1===n)return"break";r.push(n),i=null!==(a=null===(t=i[n])||void 0===t?void 0:t.children)&&void 0!==a?a:[]},c=0,s=n;c<s.length;c++){if("break"===o(s[c]))break}return r}return[]},h=function(e){for(var n,t=0;t<e.length;t++){var a=e.slice(0,t+1),i=a.join(r.splitStr),o=r.query('.cascader-container_menus_menu_item[data-tag="'.concat(i,'"]')),l=r.getNextLevelData(a);if(0!==l.length){var c=r.query('.cascader-container_menus_menu[data-level="'.concat(t+1,'"]'));c&&(null===(n=r.query(".cascader-container_menus"))||void 0===n||n.removeChild(c)),r.createMenu(l,t+1,i)}"multiple"!==s&&(null==o||o.classList.add("cascader-container_menus_menu_item_active"))}return e};if("multiple"===s){var f=[];for(d=0;d<n.length;d++){v=n[d];f.push(h(m(v)))}this.valValue=e([],f,!0)}else this.valValue=e([],h(m(n)),!0);this.renderValue(this.valValue)}else console.error('value must be two-dimensional array in multiple mode. like this: [["sichuan", "chengdu", "jinli"], ["sichuan", "chengdu", "wuhouci"], ["hongkong"]]')}else console.error("value must be array")},Object.defineProperty(n.prototype,"value",{get:function(){return this.transformValue("getValue",this.valValue)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelValue",{get:function(){return this.transformValue("getLabelValue",this.valValue)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"indexValue",{get:function(){return this.valValue},enumerable:!1,configurable:!0}),n}();export{n as default};
diff --git a/src/index.ts b/src/index.ts
index fe60049..3cd793e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -124,11 +124,15 @@ export default class Cascader {
 
 		return siblings;
 	}
+	private isPrefixPath(prefix: number[], path: number[]): boolean {
+		if (prefix.length > path.length) return false;
+		return prefix.every((v, i) => v === path[i]);
+	}
 	private menusShow() {
 		const { mode = "single" } = this.options;
 
 		if (mode !== "multiple") {
-			this.setValue(this.valValue);
+			this.setValue(this.value);
 		}
 
 		this.query(`.cascader-container_${this.uuid}`, true)?.classList.add("cascader-container_active");
@@ -179,8 +183,8 @@ export default class Cascader {
 	private renderValue(value: any[] = []) {
 		const { displayRender, mode = "single", placeholder = "" } = this.options;
 
-		const fullItemTagValue = [];
-		const checkedItemTagValue = [];
+		const fullItemTagValue: number[][] = [];
+		const checkedItemTagValue: number[][] = [];
 
 		if (mode === "multiple") {
 			const allItem = this.queryAll(".cascader-container_menus_menu_item") ?? [];
@@ -191,55 +195,52 @@ export default class Cascader {
 			}
 
 			for (let index = 0; index < this.valValue.length; index++) {
-				const element = this.valValue[index];
+				const element = this.valValue[index] as number[];
 				const item = this.query(`.cascader-container_menus_menu_item[data-tag="${element.join(this.splitStr)}"]`);
 				item?.classList.add("cascader-container_menus_menu_item_full");
 
 				for (let index = 0; index < element.length - 1; index++) {
-					const parentValue = element.slice(0, element.length - 1 - index);
+					const parentPath = element.slice(0, element.length - 1 - index) as number[];
 
-					if (checkedItemTagValue.map((ele) => ele.join(this.splitStr)).indexOf(parentValue.join(this.splitStr)) !== -1) {
+					if (checkedItemTagValue.map((ele) => ele.join(this.splitStr)).indexOf(parentPath.join(this.splitStr)) !== -1) {
 						continue;
 					}
 
-					const parentChild = this.getNextLevelData(parentValue);
+					const parentChild = this.getNextLevelData(parentPath);
 
-					const recursion = (data: CascaderOptionsData, tag: string[]) => {
-						const { value, children } = data ?? {};
+					const recursion = (data: CascaderOptionsData, tag: number[]): boolean => {
+						const { children } = data ?? {};
 
-						if (children) {
+						if (children && children.length > 0) {
 							let fullCount = 0;
-
-							for (let index = 0; index < children.length; index++) {
-								if (recursion(children[index], [...tag, value])) {
+							for (let i = 0; i < children.length; i++) {
+								if (recursion(children[i], [...tag, i])) {
 									fullCount++;
 								}
 							}
-
 							return fullCount === children.length;
 						}
 
-						return this.valValue.findIndex((ele) => ele.join(this.splitStr) === `${tag.join(this.splitStr)}${this.splitStr}${value}`) !== -1;
+						return this.valValue.findIndex((ele: number[]) => ele.join(this.splitStr) === tag.join(this.splitStr)) !== -1;
 					};
 
-					const fullCount = parentChild.reduce((acc, cur) => {
-						if (recursion(cur, parentValue)) {
-							return acc + 1;
+					let fullCount = 0;
+					for (let i = 0; i < parentChild.length; i++) {
+						if (recursion(parentChild[i], [...parentPath, i])) {
+							fullCount++;
 						}
+					}
 
-						return acc;
-					}, 0);
-
-					const parentItem = this.query(`.cascader-container_menus_menu_item[data-tag="${parentValue.join(this.splitStr)}"]`);
+					const parentItem = this.query(`.cascader-container_menus_menu_item[data-tag="${parentPath.join(this.splitStr)}"]`);
 
 					if (fullCount === parentChild.length) {
 						parentItem?.classList.add("cascader-container_menus_menu_item_full");
-						fullItemTagValue.push(parentValue);
+						fullItemTagValue.push(parentPath);
 					} else {
 						parentItem?.classList.add("cascader-container_menus_menu_item_half");
 					}
 
-					checkedItemTagValue.push(parentValue);
+					checkedItemTagValue.push(parentPath);
 				}
 			}
 		}
@@ -270,10 +271,10 @@ export default class Cascader {
 				const labelArr: any[] = [];
 
 				for (let index = 0; index < value.length; index++) {
-					const element = value[index];
+					const element = value[index] as number[];
 					let label = labelValue[index];
 
-					if (fullItemTagValue.filter((ele) => ele.length === 1).find((ele) => element.join(this.splitStr).indexOf(ele.join("")) !== -1)) {
+					if (fullItemTagValue.filter((ele: number[]) => ele.length === 1).find((ele: number[]) => this.isPrefixPath(ele, element))) {
 						label = label.slice(0, 1);
 					}
 
@@ -309,33 +310,32 @@ export default class Cascader {
 			}
 		}
 	}
-	private getNextLevelData(value: string[] = []) {
+	private getNextLevelData(indexPath: number[] = []) {
 		const { data = [] } = this.options;
 
-		return value.reduce((acc, cur) => {
-			return acc.find((ele) => ele.value === cur)?.children ?? [];
-		}, data);
+		return indexPath.reduce((acc: CascaderOptionsData[], cur) => {
+			return acc[cur]?.children ?? [];
+		}, data as CascaderOptionsData[]);
 	}
 	private transformValue(type: "getValue" | "getLabelValue" | "getIndexValue", value: any[] = []) {
 		const { data = [], mode = "single" } = this.options;
 
-		const getValue = (values: any[]) => {
+		const getValue = (values: number[]) => {
 			const result: any = [];
 
 			let treeData: CascaderOptionsData[] = [...data];
-			for (let index = 0; index < values.length; index++) {
-				const element = values[index];
+			for (let i = 0; i < values.length; i++) {
+				const idx = values[i];
 
 				if (type === "getValue") {
-					result.push(treeData[element]?.value);
-					treeData = treeData[element]?.children ?? [];
+					result.push(treeData[idx]?.value);
+					treeData = treeData[idx]?.children ?? [];
 				} else if (type === "getLabelValue") {
-					const target = treeData.find((ele) => ele.value === element);
-					result.push(target?.label);
-					treeData = target?.children ?? [];
+					result.push(treeData[idx]?.label);
+					treeData = treeData[idx]?.children ?? [];
 				} else if (type === "getIndexValue") {
-					result.push(treeData.findIndex((ele) => ele.value === element));
-					treeData = treeData.find((ele) => ele.value === element)?.children ?? [];
+					result.push(idx);
+					treeData = treeData[idx]?.children ?? [];
 				}
 			}
 
@@ -365,7 +365,7 @@ export default class Cascader {
 
 			const otherClass = `${className ? ` ${className}` : ""}${disabled ? " cascader-container_menus_menu_item_disabled" : ""}`;
 
-			const tagStr = tag ? `${tag}${this.splitStr}${value}` : value;
+			const tagStr = tag ? `${tag}${this.splitStr}${index}` : String(index);
 
 			const multipleisDisabled = disabled ? "cascader-container_menus_menu_item_multiple_disabled" : "";
 
@@ -433,38 +433,38 @@ export default class Cascader {
 
 					if (currentItem) {
 						const currentItemTag = currentItem.dataset.tag ?? "";
-						const currentValue = currentItemTag.split(this.splitStr);
-						const nextLevelData = this.getNextLevelData(currentValue);
+						const currentIndexPath = currentItemTag.split(this.splitStr).map(Number);
+						const nextLevelData = this.getNextLevelData(currentIndexPath);
 
 						const currentMultipleItem = target.closest(
 							".cascader-container_menus_menu_item_multiple:not(.cascader-container_menus_menu_item_multiple_disabled)",
 						) as HTMLElement;
 
 						if (currentMultipleItem && nextLevelData.length !== 0) {
-							this.valValue = [...this.valValue.filter((ele) => ele.join(this.splitStr).indexOf(currentItemTag) === -1)];
+							this.valValue = [...this.valValue.filter((ele: number[]) => !this.isPrefixPath(currentIndexPath, ele))];
 
 							if (!currentItem.classList.contains("cascader-container_menus_menu_item_full")) {
-								const recursion = (data: CascaderOptionsData, values: string[]) => {
-									const { value, children } = data ?? {};
+								const recursion = (data: CascaderOptionsData, values: number[]): number[][] => {
+									const { children } = data ?? {};
 
-									if (children) {
-										const arr: string[][] = [];
+									if (children && children.length > 0) {
+										const arr: number[][] = [];
 
-										for (let index = 0; index < children.length; index++) {
-											arr.push(...recursion(children[index], [...values, value]));
+										for (let i = 0; i < children.length; i++) {
+											arr.push(...recursion(children[i], [...values, i]));
 										}
 
 										return arr;
 									}
 
-									return [[...values, value]];
+									return [values];
 								};
 
-								const valueArr: any[] = [];
+								const valueArr: number[][] = [];
 
 								for (let index = 0; index < nextLevelData.length; index++) {
 									const element = nextLevelData[index];
-									valueArr.push(...recursion(element, currentValue));
+									valueArr.push(...recursion(element, [...currentIndexPath, index]));
 								}
 
 								this.valValue = [...this.valValue, ...valueArr];
@@ -474,14 +474,14 @@ export default class Cascader {
 
 							if (nextLevelData.length === 0) {
 								if (mode === "multiple") {
-									if (this.valValue.map((ele) => ele.join(this.splitStr)).indexOf(currentValue.join(this.splitStr)) !== -1) {
-										const index = this.valValue.map((ele) => ele.join(this.splitStr)).findIndex((ele) => ele === currentValue.join(this.splitStr));
-										this.valValue.splice(index, 1);
+									const existingIdx = this.valValue.findIndex((ele: number[]) => ele.join(this.splitStr) === currentIndexPath.join(this.splitStr));
+									if (existingIdx !== -1) {
+										this.valValue.splice(existingIdx, 1);
 									} else {
-										this.valValue.push(currentValue);
+										this.valValue.push(currentIndexPath);
 									}
 								} else {
-									this.valValue = [...currentValue];
+									this.valValue = [...currentIndexPath];
 									this.menusHide();
 								}
 							} else {
@@ -491,7 +491,7 @@ export default class Cascader {
 						}
 
 						this.renderValue(this.valValue);
-						this.options.onChange?.(this.valValue, this.transformValue("getLabelValue", this.valValue), this.transformValue("getIndexValue", this.valValue));
+						this.options.onChange?.(this.transformValue("getValue", this.valValue), this.transformValue("getLabelValue", this.valValue), this.valValue);
 					}
 				}
 			};
@@ -577,59 +577,69 @@ export default class Cascader {
 		}
 		this.createMenu(data);
 
-		const getValue = (value: any[]) => {
-			let valueArr: any[] = [];
+		const toIndexPath = (val: any[]): number[] => {
+			if (val.every((item) => typeof item === "number")) {
+				return [...val];
+			}
 
-			if (value.every((item) => typeof item === "string") || value.every((item) => typeof item === "number")) {
-				if (value.every((item) => typeof item === "number")) {
-					valueArr = [...this.transformValue("getValue", value)];
-				} else {
-					valueArr = [...value];
+			if (val.every((item) => typeof item === "string")) {
+				const result: number[] = [];
+				let treeData: CascaderOptionsData[] = data;
+				for (const v of val) {
+					const idx = treeData.findIndex((ele) => ele.value === v);
+					if (idx === -1) break;
+					result.push(idx);
+					treeData = treeData[idx]?.children ?? [];
 				}
+				return result;
+			}
 
-				for (let index = 0; index < valueArr.length; index++) {
-					const levelValue = valueArr.slice(0, index + 1);
-					const tagStr = levelValue.join(this.splitStr);
-					const currentItem = this.query(`.cascader-container_menus_menu_item[data-tag="${tagStr}"]`);
-					const nextLevelData = this.getNextLevelData(levelValue);
+			return [];
+		};
 
-					if (nextLevelData.length !== 0) {
-						const menu = this.query(`.cascader-container_menus_menu[data-level="${index + 1}"]`);
+		const applyIndexPath = (indexPath: number[]) => {
+			for (let index = 0; index < indexPath.length; index++) {
+				const levelIndices = indexPath.slice(0, index + 1);
+				const tagStr = levelIndices.join(this.splitStr);
+				const currentItem = this.query(`.cascader-container_menus_menu_item[data-tag="${tagStr}"]`);
+				const nextLevelData = this.getNextLevelData(levelIndices);
 
-						if (menu) {
-							this.query(`.cascader-container_menus`)?.removeChild(menu);
-						}
+				if (nextLevelData.length !== 0) {
+					const menu = this.query(`.cascader-container_menus_menu[data-level="${index + 1}"]`);
 
-						this.createMenu(nextLevelData, index + 1, tagStr);
+					if (menu) {
+						this.query(`.cascader-container_menus`)?.removeChild(menu);
 					}
 
-					if (mode !== "multiple") {
-						currentItem?.classList.add("cascader-container_menus_menu_item_active");
-					}
+					this.createMenu(nextLevelData, index + 1, tagStr);
+				}
+
+				if (mode !== "multiple") {
+					currentItem?.classList.add("cascader-container_menus_menu_item_active");
 				}
 			}
 
-			return valueArr;
+			return indexPath;
 		};
 
 		if (mode === "multiple") {
-			const valueArr = [];
+			const valueArr: number[][] = [];
 
 			for (let index = 0; index < value.length; index++) {
 				const element = value[index];
-				valueArr.push(getValue(element));
+				valueArr.push(applyIndexPath(toIndexPath(element)));
 			}
 
 			this.valValue = [...valueArr];
 		} else {
-			this.valValue = [...getValue(value)];
+			this.valValue = [...applyIndexPath(toIndexPath(value))];
 		}
 
 		this.renderValue(this.valValue);
 	}
 
 	get value() {
-		return this.valValue;
+		return this.transformValue("getValue", this.valValue);
 	}
 
 	get labelValue() {
@@ -637,7 +647,7 @@ export default class Cascader {
 	}
 
 	get indexValue() {
-		return this.transformValue("getIndexValue", this.valValue);
+		return this.valValue;
 	}
 }