@koi-design/uxd-ui 12.1.36-beta.0

package/lib/components/Cascader/CascaderMenu.js

@@ -0,0 +1,391 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../Icon/index.js');
+var index$1 = require('../Checkbox/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var RenderEmpty = require('../base/RenderEmpty.js');
+var propsValidators = require('../../utils/propsValidators.js');
+var dom = require('../../utils/dom.js');
+var utils = require('./utils.js');
+
+const defineProps = {
+  prefixCls: {
+    type: String,
+    default: "cascader"
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  values: {
+    type: Array,
+    default: () => []
+  },
+  changeOnSelect: {
+    type: Boolean,
+    default: false
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  activeValue: {
+    type: Array,
+    default: () => []
+  },
+  searchValue: {
+    type: String,
+    default: ""
+  },
+  fieldNames: {
+    type: Object,
+    default: () => ({
+      label: "label",
+      value: "value",
+      children: "children"
+    })
+  },
+  loadData: {
+    type: Function
+  },
+  expandTrigger: {
+    type: String,
+    default: "click",
+    validator: propsValidators.oneOf(["click", "hover"])
+  },
+  popStyle: {
+    type: Object,
+    default: () => ({})
+  },
+  popupClassName: {
+    type: String
+  },
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  multipleLimit: {
+    type: Number,
+    default: 0
+  }
+};
+var CascaderMenu = vue.defineComponent({
+  name: "CascaderMenu",
+  props: defineProps,
+  emits: ["update-value", "check-all"],
+  setup(props, {
+    emit
+  }) {
+    const menus = vue.computed(() => {
+      const optionList = [props.options];
+      if (props.searchValue) {
+        return optionList;
+      }
+      let currentOpts = props.options;
+      const activeValues = props.activeValue;
+      activeValues.forEach((sVal) => {
+        const nextVal = currentOpts.find((o) => o[props.fieldNames.value] === sVal);
+        if (nextVal && nextVal[props.fieldNames.children] && nextVal[props.fieldNames.children].length) {
+          optionList.push(nextVal[props.fieldNames.children]);
+          currentOpts = nextVal[props.fieldNames.children];
+        }
+      });
+      return optionList;
+    });
+    const updateValue = (val, hasChild, e) => {
+      emit("update-value", val, hasChild, e);
+    };
+    const activeEls = vue.ref([]);
+    const scrollElToView = () => {
+      setTimeout(() => {
+        activeEls.value.forEach((el) => {
+          const parent = el.parentNode;
+          const top = el.offsetTop;
+          if (parent && top > 0) {
+            dom.scrollTop(parent, top, 300);
+          }
+        });
+      }, 0);
+    };
+    vue.watch(() => props.visible, (nv) => {
+      if (nv) {
+        vue.nextTick(() => {
+          scrollElToView();
+        });
+      }
+    }, {
+      immediate: true
+    });
+    const itemSelected = (menuIndex, option) => {
+      if (props.values.length === 0) {
+        return 0;
+      }
+      const itemValue = option[props.fieldNames.value];
+      if (Array.isArray(itemValue)) {
+        return props.values.some((val) => JSON.stringify(itemValue) === JSON.stringify(val)) ? 1 : 0;
+      }
+      const itemChildren = option[props.fieldNames.children];
+      if (itemChildren && itemChildren.length && props.values.some((val) => itemValue === val[menuIndex])) {
+        let childIndeterminate = false;
+        let count = 0;
+        itemChildren.forEach((c) => {
+          const childSelected = itemSelected(menuIndex + 1, c);
+          if (childSelected === 1) {
+            count += 1;
+          } else if (childSelected === 2) {
+            childIndeterminate = true;
+          }
+        });
+        if (count !== 0 && count !== itemChildren.length) {
+          return 2;
+        }
+        if (count === itemChildren.length) {
+          return 1;
+        }
+        return childIndeterminate ? 2 : 0;
+      }
+      return props.values.some((val) => itemValue === val[menuIndex]) ? 1 : 0;
+    };
+    const itemActive = (menuIndex, option) => {
+      const itemValue = option[props.fieldNames.value];
+      if (Array.isArray(itemValue)) {
+        return JSON.stringify(itemValue) === JSON.stringify(props.activeValue);
+      }
+      return itemValue === props.activeValue[menuIndex];
+    };
+    const showExpandIcon = (option) => {
+      return !option._IS_FILTERED_OPTION_ && option[props.fieldNames.children] && option[props.fieldNames.children].length || option.isLeaf === false;
+    };
+    const overLimit = (menuIndex, option) => {
+      if (!props.multipleLimit) {
+        return false;
+      }
+      if (option[props.fieldNames.children] && option[props.fieldNames.children].length || option.isLeaf === false) {
+        return false;
+      }
+      if (itemSelected(menuIndex, option) !== 1) {
+        return props.values.length >= props.multipleLimit;
+      }
+    };
+    const loadAsyncChildren = (opt, index, next) => {
+      opt.loading = true;
+      props.loadData(opt, index).then((data) => {
+        if (data.length > 0) {
+          opt[props.fieldNames.children] = data;
+        }
+        next();
+        opt.loading = false;
+      }).catch(() => {
+        opt.loading = false;
+      });
+    };
+    const hasChildren = (_opt) => _opt[props.fieldNames.children] && _opt[props.fieldNames.children].length > 0;
+    const handleSelect = (opt, index, e) => {
+      if (opt.disabled || overLimit(index, opt))
+        return;
+      if (opt._IS_FILTERED_OPTION_) {
+        updateValue(opt[props.fieldNames.value], false, e);
+        return;
+      }
+      const hasChild = hasChildren(opt);
+      const activeValues = props.activeValue;
+      let tempValue = [...activeValues];
+      tempValue[index] = opt[props.fieldNames.value];
+      if (index < tempValue.length - 1) {
+        tempValue = tempValue.slice(0, index + 1);
+      }
+      if (props.loadData && opt.isLeaf === false) {
+        loadAsyncChildren(opt, index, () => {
+          updateValue(tempValue, true, e);
+        });
+      } else {
+        updateValue(tempValue, hasChild, e);
+      }
+    };
+    let timer = null;
+    const handleMouseEvent = (opt, index, e) => {
+      if (props.expandTrigger !== "hover")
+        return;
+      if (e.type === "mouseleave" && timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      if (e.type === "mouseenter") {
+        if (timer) {
+          clearTimeout(timer);
+          timer = null;
+        } else {
+          timer = setTimeout(() => {
+            if (opt[props.fieldNames.children]) {
+              handleSelect(opt, index, e);
+            }
+            timer = null;
+          }, 150);
+        }
+      }
+    };
+    const handleCheck = (opt, index, selected, e) => {
+      e.stopPropagation();
+      const parents = [...props.activeValue].slice(0, index);
+      const clickValue = [...parents, opt[props.fieldNames.value]];
+      if (!hasChildren(opt)) {
+        handleSelect(opt, index, e);
+      } else {
+        const changedValues = utils.getAllChildrenValues(opt, [...parents, opt[props.fieldNames.value]], props.fieldNames);
+        emit("check-all", clickValue, changedValues, {
+          selected
+        });
+      }
+    };
+    return {
+      menus,
+      activeEls,
+      handleSelect,
+      handleMouseEvent,
+      handleCheck,
+      itemActive,
+      itemSelected,
+      showExpandIcon,
+      overLimit
+    };
+  },
+  render() {
+    const {
+      prefixCls,
+      popupClassName,
+      popStyle,
+      fieldNames,
+      activeValue,
+      menus,
+      activeEls,
+      handleSelect,
+      handleMouseEvent,
+      itemActive,
+      showExpandIcon
+    } = this;
+    const getKey = (option) => {
+      return Array.isArray(option[fieldNames.value]) ? option[fieldNames.value].join(`_${prefixCls}_`) : option[fieldNames.value];
+    };
+    const setEls = (el, menuIndex, option) => {
+      if (el && activeValue[menuIndex] === option[fieldNames.value]) {
+        activeEls[menuIndex] = el;
+      }
+    };
+    const getCls = (option, menuIndex) => {
+      return [`${prefixCls}-menu-item`, {
+        [`${prefixCls}-menu-item-expand`]: showExpandIcon(option),
+        [`${prefixCls}-menu-item-active`]: itemActive(menuIndex, option),
+        [`${prefixCls}-menu-item-selected`]: this.itemSelected(menuIndex, option) > 0 && this.multiple,
+        [`${prefixCls}-menu-item-disabled`]: option.disabled || this.overLimit(menuIndex, option),
+        [`${prefixCls}-menu-item-not-found`]: option[fieldNames.value] === "_Not_Found_"
+      }];
+    };
+    const getPrefix = (menuIndex, option) => {
+      if (option[fieldNames.value] === "_Not_Found_") {
+        return null;
+      }
+      if (option._IS_FILTERED_OPTION_) {
+        if (this.itemSelected(menuIndex, option)) {
+          return vue.createVNode(index.UIcon, {
+            "class": `${prefixCls}-menu-item-checked-icon`
+          }, {
+            default: () => [vue.createVNode(uxdIcon.URoundCheck, null, null)]
+          });
+        }
+        return null;
+      }
+      if (this.multiple) {
+        if (this.multipleLimit !== 0 && option[fieldNames.children] && option[fieldNames.children].length) {
+          if (this.itemSelected(menuIndex, option)) {
+            return vue.createVNode(index.UIcon, {
+              "class": `${prefixCls}-menu-item-checked-icon`
+            }, {
+              default: () => [vue.createVNode(uxdIcon.URoundCheck, null, null)]
+            });
+          }
+          return null;
+        }
+        if (option.isLeaf === false) {
+          return null;
+        }
+        let checked = false;
+        let indeterminate = false;
+        const selected = this.itemSelected(menuIndex, option);
+        if (selected === 1) {
+          checked = true;
+        } else if (selected === 2) {
+          indeterminate = true;
+        }
+        return vue.createVNode(index$1.UCheckbox, {
+          "class": `${prefixCls}-menu-item-checkbox`,
+          "indeterminate": indeterminate,
+          "modelValue": checked,
+          "onClick": (e) => this.handleCheck(option, menuIndex, !checked, e)
+        }, null);
+      }
+      if (!this.multiple) {
+        if (this.itemSelected(menuIndex, option)) {
+          return vue.createVNode(index.UIcon, {
+            "class": `${prefixCls}-menu-item-checked-icon`
+          }, {
+            default: () => [vue.createVNode(uxdIcon.URoundCheck, null, null)]
+          });
+        }
+      }
+      return null;
+    };
+    const getAffix = (option) => {
+      if (option.loading) {
+        return vue.createVNode(index.UIcon, {
+          "class": `${prefixCls}-menu-item-suffix`,
+          "spin": true
+        }, {
+          default: () => [vue.createVNode(uxdIcon.ULineLoading, null, null)]
+        });
+      }
+      if (showExpandIcon(option)) {
+        return vue.createVNode(index.UIcon, {
+          "class": `${prefixCls}-menu-item-suffix`
+        }, {
+          default: () => [vue.createVNode(uxdIcon.ULineRight, null, null)]
+        });
+      }
+      return null;
+    };
+    const labelRenderer = (option) => {
+      if (option[fieldNames.value] === "_Not_Found_") {
+        return vue.createVNode("div", {
+          "class": `${prefixCls}-menu-not-found`
+        }, [vue.createVNode(RenderEmpty["default"], {
+          "size": "small",
+          "text": option[fieldNames.label]
+        }, null)]);
+      }
+      return typeof option[fieldNames.label] === "function" ? option[fieldNames.label]() : option[fieldNames.label];
+    };
+    return vue.createVNode("div", {
+      "class": `${prefixCls}-menu-wrap`,
+      "onMousedown": (e) => {
+        e.preventDefault();
+      }
+    }, [menus.map((menu, menuIndex) => vue.createVNode("ul", {
+      "key": menuIndex,
+      "class": [[`${prefixCls}-menu`, popupClassName]],
+      "style": popStyle
+    }, [menu.map((option) => vue.createVNode("li", {
+      "key": getKey(option),
+      "ref": (el) => setEls(el, menuIndex, option),
+      "role": "menuitem",
+      "class": getCls(option, menuIndex),
+      "onClick": (e) => handleSelect(option, menuIndex, e),
+      "onMouseenter": (e) => handleMouseEvent(option, menuIndex, e),
+      "onMouseleave": (e) => handleMouseEvent(option, menuIndex, e)
+    }, [getPrefix(menuIndex, option), labelRenderer(option), getAffix(option)]))]))]);
+  }
+});
+
+exports["default"] = CascaderMenu;
+//# sourceMappingURL=CascaderMenu.js.map

package/lib/components/Cascader/CascaderMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CascaderMenu.js","sources":["../../../../src/components/Cascader/CascaderMenu.tsx"],"sourcesContent":["import { defineComponent, ref, computed, nextTick, watch } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport { ULineLoading, ULineRight, URoundCheck } from '@koi-design/uxd-icon';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { scrollTop } from '../../utils/dom';\nimport { getAllChildrenValues } from './utils';\nimport type {\n  CascaderOption,\n  CascaderTrigger,\n  FieldNamesMap,\n  LoadDataFunction,\n  CascaderValueType,\n  CascaderSingleValueType,\n  CascaderInnerValueType\n} from './Cascader.type';\n\nconst defineProps = {\n  prefixCls: {\n    type: String,\n    default: 'cascader'\n  },\n  options: {\n    type: Array as PropType<CascaderOption[]>,\n    default: () => [] as CascaderOption[]\n  },\n  values: {\n    type: Array as PropType<CascaderInnerValueType>,\n    default: () => [] as CascaderValueType\n  },\n  changeOnSelect: {\n    type: Boolean,\n    default: false\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  activeValue: {\n    type: Array as PropType<CascaderSingleValueType>,\n    default: () => [] as CascaderValueType\n  },\n  searchValue: {\n    type: String,\n    default: ''\n  },\n  fieldNames: {\n    type: Object as PropType<FieldNamesMap>,\n    default: () => ({\n      label: 'label',\n      value: 'value',\n      children: 'children'\n    })\n  },\n  loadData: {\n    type: Function as PropType<LoadDataFunction>\n  },\n  expandTrigger: {\n    type: String as PropType<CascaderTrigger>,\n    default: 'click',\n    validator: oneOf(['click', 'hover'])\n  },\n  popStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  popupClassName: {\n    type: String\n  },\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport default defineComponent({\n  name: 'CascaderMenu',\n  props: defineProps,\n  emits: ['update-value', 'check-all'],\n  setup(props, { emit }) {\n    /**\n     * compute show options\n     */\n    const menus = computed(() => {\n      const optionList = [props.options];\n      // search mode, return options\n      if (props.searchValue) {\n        return optionList;\n      }\n      let currentOpts = props.options;\n      const activeValues = props.activeValue;\n      // console.log('current ', props.activeValue);\n      activeValues.forEach((sVal) => {\n        const nextVal = currentOpts.find((o) => o[props.fieldNames.value] === sVal);\n        if (nextVal && nextVal[props.fieldNames.children] && nextVal[props.fieldNames.children].length) {\n          optionList.push(nextVal[props.fieldNames.children]);\n          currentOpts = nextVal[props.fieldNames.children];\n        }\n      });\n      return optionList;\n    });\n\n    /**\n     * update activeValue and value to parent component\n     */\n    const updateValue = (val: CascaderValueType, hasChild: boolean, e: MouseEvent) => {\n      emit('update-value', val, hasChild, e);\n    };\n\n    const activeEls = ref<any[]>([]);\n    /**\n     * @param {*}\n     * @return {*}\n     * @description Element.scrollIntoView might cause grantParent scroll, use util methods\n     */\n    const scrollElToView = () => {\n      setTimeout(() => {\n        activeEls.value.forEach((el) => {\n          const parent = el.parentNode;\n          const top = el.offsetTop;\n          if (parent && top > 0) {\n            scrollTop(parent as HTMLElement, top, 300);\n          }\n          // el.scrollIntoView(true);\n        });\n      }, 0);\n    };\n\n    watch(\n      () => props.visible,\n      (nv) => {\n        if (nv) {\n          nextTick(() => {\n            scrollElToView();\n          });\n        }\n      },\n      {\n        immediate: true\n      }\n    );\n\n    /**\n     * @param {number} menuIndex\n     * @param {object} option\n     * @return {number} 0 unselected 1 selected 2 indeterminate\n     * @description item active or not\n     */\n    const itemSelected = (menuIndex: number, option: CascaderOption): number => {\n      if (props.values.length === 0) {\n        return 0;\n      }\n      const itemValue = option[props.fieldNames.value];\n\n      if (Array.isArray(itemValue)) {\n        return props.values.some((val) => JSON.stringify(itemValue) === JSON.stringify(val)) ? 1 : 0;\n      }\n      const itemChildren = option[props.fieldNames.children] as CascaderOption[];\n      if (itemChildren && itemChildren.length && props.values.some((val) => itemValue === val[menuIndex])) {\n        let childIndeterminate = false;\n        let count = 0;\n        itemChildren.forEach((c) => {\n          const childSelected = itemSelected(menuIndex + 1, c);\n          if (childSelected === 1) {\n            count += 1;\n          } else if (childSelected === 2) {\n            childIndeterminate = true;\n          }\n        });\n        if (count !== 0 && count !== itemChildren.length) {\n          return 2;\n        }\n        if (count === itemChildren.length) {\n          return 1;\n        }\n        return childIndeterminate ? 2 : 0;\n      }\n      return props.values.some((val) => itemValue === val[menuIndex]) ? 1 : 0;\n    };\n\n    /**\n     * @param {number} menuIndex\n     * @param {object} option\n     * @return {boolean}\n     * @description item active or not\n     */\n    const itemActive = (menuIndex: number, option: CascaderOption) => {\n      const itemValue = option[props.fieldNames.value];\n      if (Array.isArray(itemValue)) {\n        return JSON.stringify(itemValue) === JSON.stringify(props.activeValue);\n      }\n      return itemValue === props.activeValue[menuIndex];\n    };\n\n    /**\n     * @param {*} object\n     * @return {boolean}\n     * @description each item show expand icon or not\n     */\n    const showExpandIcon = (option: CascaderOption) => {\n      return (\n        (!option._IS_FILTERED_OPTION_ && option[props.fieldNames.children] && option[props.fieldNames.children].length) || option.isLeaf === false\n      );\n    };\n\n    const overLimit = (menuIndex: number, option: CascaderOption) => {\n      if (!props.multipleLimit) {\n        return false;\n      }\n      if ((option[props.fieldNames.children] && option[props.fieldNames.children].length) || option.isLeaf === false) {\n        return false;\n      }\n      if (itemSelected(menuIndex, option) !== 1) {\n        return props.values.length >= props.multipleLimit;\n      }\n    };\n\n    const loadAsyncChildren = (opt: CascaderOption, index: number, next: () => void) => {\n      opt.loading = true;\n      props\n        .loadData(opt, index)\n        .then((data) => {\n          if (data.length > 0) {\n            opt[props.fieldNames.children] = data;\n          }\n          next();\n          opt.loading = false;\n        })\n        .catch(() => {\n          opt.loading = false;\n        });\n    };\n\n    const hasChildren = (_opt: CascaderOption) => _opt[props.fieldNames.children] && _opt[props.fieldNames.children].length > 0;\n\n    /**\n     * handle select\n     */\n    const handleSelect = (opt: CascaderOption, index: number, e: any) => {\n      if (opt.disabled || overLimit(index, opt)) return;\n      if (opt._IS_FILTERED_OPTION_) {\n        updateValue(opt[props.fieldNames.value], false, e);\n        return;\n      }\n      const hasChild = hasChildren(opt);\n      const activeValues = props.activeValue;\n      let tempValue = [...activeValues];\n      tempValue[index] = opt[props.fieldNames.value];\n      if (index < tempValue.length - 1) {\n        tempValue = tempValue.slice(0, index + 1);\n      }\n      if (props.loadData && opt.isLeaf === false) {\n        loadAsyncChildren(opt, index, () => {\n          updateValue(tempValue, true, e);\n        });\n      } else {\n        updateValue(tempValue, hasChild, e);\n      }\n    };\n\n    let timer: any = null;\n    const handleMouseEvent = (opt: CascaderOption, index: number, e: MouseEvent) => {\n      if (props.expandTrigger !== 'hover') return;\n      if (e.type === 'mouseleave' && timer) {\n        clearTimeout(timer);\n        timer = null;\n      }\n      if (e.type === 'mouseenter') {\n        if (timer) {\n          clearTimeout(timer);\n          timer = null;\n        } else {\n          timer = setTimeout(() => {\n            if (opt[props.fieldNames.children]) {\n              handleSelect(opt, index, e);\n            }\n            timer = null;\n          }, 150);\n        }\n      }\n    };\n\n    const handleCheck = (opt: CascaderOption, index: number, selected: boolean, e: MouseEvent) => {\n      e.stopPropagation();\n      const parents = [...props.activeValue].slice(0, index);\n      const clickValue = [...parents, opt[props.fieldNames.value]];\n      if (!hasChildren(opt)) {\n        handleSelect(opt, index, e);\n      } else {\n        const changedValues = getAllChildrenValues(opt, [...parents, opt[props.fieldNames.value]], props.fieldNames);\n        emit('check-all', clickValue, changedValues, { selected });\n      }\n    };\n\n    return {\n      menus,\n      activeEls,\n      handleSelect,\n      handleMouseEvent,\n      handleCheck,\n      itemActive,\n      itemSelected,\n      showExpandIcon,\n      overLimit\n    };\n  },\n  render() {\n    const {\n      prefixCls,\n      popupClassName,\n      popStyle,\n      fieldNames,\n      activeValue,\n      menus,\n      activeEls,\n      handleSelect,\n      handleMouseEvent,\n      itemActive,\n      showExpandIcon\n    } = this;\n\n    const getKey = (option: CascaderOption) => {\n      return Array.isArray(option[fieldNames.value]) ? option[fieldNames.value].join(`_${prefixCls}_`) : option[fieldNames.value];\n    };\n\n    const setEls = (el: HTMLElement, menuIndex: number, option: CascaderOption) => {\n      if (el && activeValue[menuIndex] === option[fieldNames.value]) {\n        activeEls[menuIndex] = el;\n      }\n    };\n\n    const getCls = (option: CascaderOption, menuIndex: number) => {\n      return [\n        `${prefixCls}-menu-item`,\n        {\n          [`${prefixCls}-menu-item-expand`]: showExpandIcon(option),\n          [`${prefixCls}-menu-item-active`]: itemActive(menuIndex, option),\n          [`${prefixCls}-menu-item-selected`]: this.itemSelected(menuIndex, option) > 0 && this.multiple,\n          [`${prefixCls}-menu-item-disabled`]: option.disabled || this.overLimit(menuIndex, option),\n          [`${prefixCls}-menu-item-not-found`]: option[fieldNames.value] === '_Not_Found_'\n        }\n      ];\n    };\n\n    const getPrefix = (menuIndex: number, option: CascaderOption) => {\n      if (option[fieldNames.value] === '_Not_Found_') {\n        return null;\n      }\n      if (option._IS_FILTERED_OPTION_) {\n        if (this.itemSelected(menuIndex, option)) {\n          return (\n            <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n              <URoundCheck />\n            </UIcon>\n          );\n        }\n        return null;\n      }\n      if (this.multiple) {\n        if (this.multipleLimit !== 0 && option[fieldNames.children] && option[fieldNames.children].length) {\n          if (this.itemSelected(menuIndex, option)) {\n            return (\n              <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n                <URoundCheck />\n              </UIcon>\n            );\n          }\n          return null;\n        }\n        if (option.isLeaf === false) {\n          return null;\n        }\n        let checked = false;\n        let indeterminate = false;\n        const selected = this.itemSelected(menuIndex, option);\n        if (selected === 1) {\n          checked = true;\n        } else if (selected === 2) {\n          indeterminate = true;\n        }\n\n        return (\n          <UCheckbox\n            class={`${prefixCls}-menu-item-checkbox`}\n            indeterminate={indeterminate}\n            modelValue={checked}\n            onClick={(e: any) => this.handleCheck(option, menuIndex, !checked, e)}\n          ></UCheckbox>\n        );\n      }\n      if (!this.multiple) {\n        if (this.itemSelected(menuIndex, option)) {\n          return (\n            <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n              <URoundCheck />\n            </UIcon>\n          );\n        }\n      }\n      return null;\n    };\n\n    const getAffix = (option: CascaderOption) => {\n      if (option.loading) {\n        return (\n          <UIcon class={`${prefixCls}-menu-item-suffix`} spin>\n            <ULineLoading />\n          </UIcon>\n        );\n      }\n      if (showExpandIcon(option)) {\n        return (\n          <UIcon class={`${prefixCls}-menu-item-suffix`}>\n            <ULineRight />\n          </UIcon>\n        );\n      }\n\n      return null;\n    };\n\n    const labelRenderer = (option: CascaderOption) => {\n      if (option[fieldNames.value] === '_Not_Found_') {\n        return (\n          <div class={`${prefixCls}-menu-not-found`}>\n            <RenderEmpty size=\"small\" text={option[fieldNames.label]} />\n          </div>\n        );\n      }\n      return typeof option[fieldNames.label] === 'function' ? option[fieldNames.label]() : option[fieldNames.label];\n    };\n\n    return (\n      <div\n        class={`${prefixCls}-menu-wrap`}\n        onMousedown={(e) => {\n          e.preventDefault();\n        }}\n      >\n        {menus.map((menu, menuIndex) => (\n          <ul key={menuIndex} class={[[`${prefixCls}-menu`, popupClassName]]} style={popStyle as CSSProperties}>\n            {menu.map((option) => (\n              <li\n                key={getKey(option)}\n                ref={(el) => setEls(el as HTMLElement, menuIndex, option)}\n                role=\"menuitem\"\n                class={getCls(option, menuIndex)}\n                onClick={(e) => handleSelect(option, menuIndex, e)}\n                onMouseenter={(e) => handleMouseEvent(option, menuIndex, e)}\n                onMouseleave={(e) => handleMouseEvent(option, menuIndex, e)}\n              >\n                {getPrefix(menuIndex, option)}\n                {labelRenderer(option)}\n                {getAffix(option)}\n              </li>\n            ))}\n          </ul>\n        ))}\n      </div>\n    );\n  }\n});\n"],"names":["defineProps","prefixCls","type","String","default","options","Array","values","changeOnSelect","Boolean","multiple","activeValue","searchValue","fieldNames","Object","label","value","children","loadData","Function","expandTrigger","validator","oneOf","popStyle","popupClassName","visible","multipleLimit","Number","defineComponent","name","props","emits","setup","emit","menus","computed","optionList","currentOpts","activeValues","forEach","sVal","nextVal","find","o","length","push","updateValue","val","hasChild","e","activeEls","ref","scrollElToView","setTimeout","el","parent","parentNode","top","offsetTop","scrollTop","watch","nv","nextTick","immediate","itemSelected","menuIndex","option","itemValue","isArray","some","JSON","stringify","itemChildren","childIndeterminate","count","c","childSelected","itemActive","showExpandIcon","_IS_FILTERED_OPTION_","isLeaf","overLimit","loadAsyncChildren","opt","index","next","loading","then","data","catch","hasChildren","_opt","handleSelect","disabled","tempValue","slice","timer","handleMouseEvent","clearTimeout","handleCheck","selected","stopPropagation","parents","clickValue","changedValues","getAllChildrenValues","render","getKey","join","setEls","getCls","getPrefix","_createVNode","UIcon","URoundCheck","checked","indeterminate","UCheckbox","getAffix","ULineLoading","ULineRight","labelRenderer","RenderEmpty","preventDefault","map","menu"],"mappings":";;;;;;;;;;;;;AAmBA,MAAMA,cAAc;AAAA,EAClBC,WAAW;AAAA,IACTC,MAAMC;AAAAA,IACNC,SAAS;AAAA;AACX,EACAC,SAAS;AAAA,IACPH,MAAMI;AAAAA,IACNF,SAASA,MAAM;;AACjB,EACAG,QAAQ;AAAA,IACNL,MAAMI;AAAAA,IACNF,SAASA,MAAM;;AACjB,EACAI,gBAAgB;AAAA,IACdN,MAAMO;AAAAA,IACNL,SAAS;AAAA;AACX,EACAM,UAAU;AAAA,IACRR,MAAMO;AAAAA,IACNL,SAAS;AAAA;AACX,EACAO,aAAa;AAAA,IACXT,MAAMI;AAAAA,IACNF,SAASA,MAAM;;AACjB,EACAQ,aAAa;AAAA,IACXV,MAAMC;AAAAA,IACNC,SAAS;AAAA;AACX,EACAS,YAAY;AAAA,IACVX,MAAMY;AAAAA,IACNV,SAASA,OAAO;AAAA,MACdW,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,UAAU;AAAA;AACZ;AACF,EACAC,UAAU;AAAA,IACRhB,MAAMiB;AAAAA;AACR,EACAC,eAAe;AAAA,IACblB,MAAMC;AAAAA,IACNC,SAAS;AAAA,IACTiB,WAAWC,sBAAM,CAAC,SAAS,OAAO,CAAC;AAAA;AACrC,EACAC,UAAU;AAAA,IACRrB,MAAMY;AAAAA,IACNV,SAASA,OAAO;AAAC;AACnB,EACAoB,gBAAgB;AAAA,IACdtB,MAAMC;AAAAA;AACR,EACAsB,SAAS;AAAA,IACPvB,MAAMO;AAAAA,IACNL,SAAS;AAAA;AACX,EACAsB,eAAe;AAAA,IACbxB,MAAMyB;AAAAA,IACNvB,SAAS;AAAA;AAEb;AAEA,mBAAewB,oBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO9B;AAAAA,EACP+B,OAAO,CAAC,gBAAgB,WAAW;AAAA,EACnCC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,KAAQ;AAIrB,UAAMC,QAAQC,aAAS,MAAM;AAC3B,YAAMC,aAAa,CAACN,MAAMzB,OAAO;AAEjC,UAAIyB,MAAMlB,aAAa;AACrB,eAAOwB;AAAAA;AAET,UAAIC,cAAcP,MAAMzB;AACxB,YAAMiC,eAAeR,MAAMnB;AAE3B2B,mBAAaC,QAASC,UAAS;AAC7B,cAAMC,UAAUJ,YAAYK,KAAMC,OAAMA,EAAEb,MAAMjB,WAAWG,WAAWwB,IAAI;AAC1E,YAAIC,WAAWA,QAAQX,MAAMjB,WAAWI,aAAawB,QAAQX,MAAMjB,WAAWI,UAAU2B,QAAQ;AAC9FR,qBAAWS,KAAKJ,QAAQX,MAAMjB,WAAWI,SAAS;AAClDoB,wBAAcI,QAAQX,MAAMjB,WAAWI;AAAAA;AACzC,OACD;AACD,aAAOmB;AAAAA,KACR;AAKD,UAAMU,cAAcA,CAACC,KAAwBC,UAAmBC,MAAkB;AAChFhB,WAAK,gBAAgBc,KAAKC,UAAUC,CAAC;AAAA;AAGvC,UAAMC,YAAYC,QAAW,EAAE;AAM/B,UAAMC,iBAAiBA,MAAM;AAC3BC,iBAAW,MAAM;AACfH,kBAAUlC,MAAMuB,QAASe,QAAO;AAC9B,gBAAMC,SAASD,GAAGE;AAClB,gBAAMC,MAAMH,GAAGI;AACf,cAAIH,UAAUE,MAAM,GAAG;AACrBE,0BAAUJ,QAAuBE,KAAK,GAAG;AAAA;AAC3C,SAED;AAAA,SACA,CAAC;AAAA;AAGNG,cACE,MAAM9B,MAAML,SACXoC,QAAO;AACN,UAAIA,IAAI;AACNC,qBAAS,MAAM;AACbV;AAAe,SAChB;AAAA;AACH,OAEF;AAAA,MACEW,WAAW;AAAA,KAEf;AAQA,UAAMC,eAAeA,CAACC,WAAmBC,WAAmC;AAC1E,UAAIpC,MAAMvB,OAAOqC,WAAW,GAAG;AAC7B,eAAO;AAAA;AAET,YAAMuB,YAAYD,OAAOpC,MAAMjB,WAAWG;AAE1C,UAAIV,MAAM8D,QAAQD,SAAS,GAAG;AAC5B,eAAOrC,MAAMvB,OAAO8D,KAAMtB,SAAQuB,KAAKC,UAAUJ,SAAS,MAAMG,KAAKC,UAAUxB,GAAG,CAAC,IAAI,IAAI;AAAA;AAE7F,YAAMyB,eAAeN,OAAOpC,MAAMjB,WAAWI;AAC7C,UAAIuD,gBAAgBA,aAAa5B,UAAUd,MAAMvB,OAAO8D,KAAMtB,SAAQoB,cAAcpB,IAAIkB,UAAU,GAAG;AACnG,YAAIQ,qBAAqB;AACzB,YAAIC,QAAQ;AACZF,qBAAajC,QAASoC,OAAM;AAC1B,gBAAMC,gBAAgBZ,aAAaC,YAAY,GAAGU,CAAC;AACnD,cAAIC,kBAAkB,GAAG;AACvBF,qBAAS;AAAA,qBACAE,kBAAkB,GAAG;AAC9BH,iCAAqB;AAAA;AACvB,SACD;AACD,YAAIC,UAAU,KAAKA,UAAUF,aAAa5B,QAAQ;AAChD,iBAAO;AAAA;AAET,YAAI8B,UAAUF,aAAa5B,QAAQ;AACjC,iBAAO;AAAA;AAET,eAAO6B,qBAAqB,IAAI;AAAA;AAElC,aAAO3C,MAAMvB,OAAO8D,KAAMtB,SAAQoB,cAAcpB,IAAIkB,UAAU,IAAI,IAAI;AAAA;AASxE,UAAMY,aAAaA,CAACZ,WAAmBC,WAA2B;AAChE,YAAMC,YAAYD,OAAOpC,MAAMjB,WAAWG;AAC1C,UAAIV,MAAM8D,QAAQD,SAAS,GAAG;AAC5B,eAAOG,KAAKC,UAAUJ,SAAS,MAAMG,KAAKC,UAAUzC,MAAMnB,WAAW;AAAA;AAEvE,aAAOwD,cAAcrC,MAAMnB,YAAYsD;AAAAA;AAQzC,UAAMa,iBAAkBZ,YAA2B;AACjD,aACG,CAACA,OAAOa,wBAAwBb,OAAOpC,MAAMjB,WAAWI,aAAaiD,OAAOpC,MAAMjB,WAAWI,UAAU2B,UAAWsB,OAAOc,WAAW;AAAA;AAIzI,UAAMC,YAAYA,CAAChB,WAAmBC,WAA2B;AAC/D,UAAI,CAACpC,MAAMJ,eAAe;AACxB,eAAO;AAAA;AAET,UAAKwC,OAAOpC,MAAMjB,WAAWI,aAAaiD,OAAOpC,MAAMjB,WAAWI,UAAU2B,UAAWsB,OAAOc,WAAW,OAAO;AAC9G,eAAO;AAAA;AAET,UAAIhB,aAAaC,WAAWC,MAAM,MAAM,GAAG;AACzC,eAAOpC,MAAMvB,OAAOqC,UAAUd,MAAMJ;AAAAA;AACtC;AAGF,UAAMwD,oBAAoBA,CAACC,KAAqBC,OAAeC,SAAqB;AAClFF,UAAIG,UAAU;AACdxD,YACGZ,SAASiE,KAAKC,KAAK,EACnBG,KAAMC,UAAS;AACd,YAAIA,KAAK5C,SAAS,GAAG;AACnBuC,cAAIrD,MAAMjB,WAAWI,YAAYuE;AAAAA;AAEnCH;AACAF,YAAIG,UAAU;AAAA,OACf,EACAG,MAAM,MAAM;AACXN,YAAIG,UAAU;AAAA,OACf;AAAA;AAGL,UAAMI,cAAeC,UAAyBA,KAAK7D,MAAMjB,WAAWI,aAAa0E,KAAK7D,MAAMjB,WAAWI,UAAU2B,SAAS;AAK1H,UAAMgD,eAAeA,CAACT,KAAqBC,OAAenC,MAAW;AACnE,UAAIkC,IAAIU,YAAYZ,UAAUG,OAAOD,GAAG;AAAG;AAC3C,UAAIA,IAAIJ,sBAAsB;AAC5BjC,oBAAYqC,IAAIrD,MAAMjB,WAAWG,QAAQ,OAAOiC,CAAC;AACjD;AAAA;AAEF,YAAMD,WAAW0C,YAAYP,GAAG;AAChC,YAAM7C,eAAeR,MAAMnB;AAC3B,UAAImF,YAAY,CAAC,GAAGxD,YAAY;AAChCwD,gBAAUV,SAASD,IAAIrD,MAAMjB,WAAWG;AACxC,UAAIoE,QAAQU,UAAUlD,SAAS,GAAG;AAChCkD,oBAAYA,UAAUC,MAAM,GAAGX,QAAQ,CAAC;AAAA;AAE1C,UAAItD,MAAMZ,YAAYiE,IAAIH,WAAW,OAAO;AAC1CE,0BAAkBC,KAAKC,OAAO,MAAM;AAClCtC,sBAAYgD,WAAW,MAAM7C,CAAC;AAAA,SAC/B;AAAA,aACI;AACLH,oBAAYgD,WAAW9C,UAAUC,CAAC;AAAA;AACpC;AAGF,QAAI+C,QAAa;AACjB,UAAMC,mBAAmBA,CAACd,KAAqBC,OAAenC,MAAkB;AAC9E,UAAInB,MAAMV,kBAAkB;AAAS;AACrC,UAAI6B,EAAE/C,SAAS,gBAAgB8F,OAAO;AACpCE,qBAAaF,KAAK;AAClBA,gBAAQ;AAAA;AAEV,UAAI/C,EAAE/C,SAAS,cAAc;AAC3B,YAAI8F,OAAO;AACTE,uBAAaF,KAAK;AAClBA,kBAAQ;AAAA,eACH;AACLA,kBAAQ3C,WAAW,MAAM;AACvB,gBAAI8B,IAAIrD,MAAMjB,WAAWI,WAAW;AAClC2E,2BAAaT,KAAKC,OAAOnC,CAAC;AAAA;AAE5B+C,oBAAQ;AAAA,aACP,GAAG;AAAA;AACR;AACF;AAGF,UAAMG,cAAcA,CAAChB,KAAqBC,OAAegB,UAAmBnD,MAAkB;AAC5FA,QAAEoD;AACF,YAAMC,UAAU,CAAC,GAAGxE,MAAMnB,WAAW,EAAEoF,MAAM,GAAGX,KAAK;AACrD,YAAMmB,aAAa,CAAC,GAAGD,SAASnB,IAAIrD,MAAMjB,WAAWG,MAAM;AAC3D,UAAI,CAAC0E,YAAYP,GAAG,GAAG;AACrBS,qBAAaT,KAAKC,OAAOnC,CAAC;AAAA,aACrB;AACL,cAAMuD,gBAAgBC,2BAAqBtB,KAAK,CAAC,GAAGmB,SAASnB,IAAIrD,MAAMjB,WAAWG,MAAM,GAAGc,MAAMjB,UAAU;AAC3GoB,aAAK,aAAasE,YAAYC,eAAe;AAAA,UAAEJ;AAAAA,SAAU;AAAA;AAC3D;AAGF,WAAO;AAAA,MACLlE;AAAAA,MACAgB;AAAAA,MACA0C;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAtB;AAAAA,MACAb;AAAAA,MACAc;AAAAA,MACAG;AAAAA;AACF;AACF,EACAyB,SAAS;AACP,UAAM;AAAA,MACJzG;AAAAA,MACAuB;AAAAA,MACAD;AAAAA,MACAV;AAAAA,MACAF;AAAAA,MACAuB;AAAAA,MACAgB;AAAAA,MACA0C;AAAAA,MACAK;AAAAA,MACApB;AAAAA,MACAC;AAAAA,QACE;AAEJ,UAAM6B,SAAUzC,YAA2B;AACzC,aAAO5D,MAAM8D,QAAQF,OAAOrD,WAAWG,MAAM,IAAIkD,OAAOrD,WAAWG,OAAO4F,KAAM,IAAG3G,YAAY,IAAIiE,OAAOrD,WAAWG;AAAAA;AAGvH,UAAM6F,SAASA,CAACvD,IAAiBW,WAAmBC,WAA2B;AAC7E,UAAIZ,MAAM3C,YAAYsD,eAAeC,OAAOrD,WAAWG,QAAQ;AAC7DkC,kBAAUe,aAAaX;AAAAA;AACzB;AAGF,UAAMwD,SAASA,CAAC5C,QAAwBD,cAAsB;AAC5D,aAAO,CACJ,GAAEhE,uBACH;AAAA,QACE,CAAE,GAAEA,+BAA+B6E,eAAeZ,MAAM;AAAA,QACxD,CAAE,GAAEjE,+BAA+B4E,WAAWZ,WAAWC,MAAM;AAAA,QAC/D,CAAE,GAAEjE,iCAAiC,KAAK+D,aAAaC,WAAWC,MAAM,IAAI,KAAK,KAAKxD;AAAAA,QACtF,CAAE,GAAET,iCAAiCiE,OAAO2B,YAAY,KAAKZ,UAAUhB,WAAWC,MAAM;AAAA,QACxF,CAAE,GAAEjE,kCAAkCiE,OAAOrD,WAAWG,WAAW;AAAA,OACpE;AAAA;AAIL,UAAM+F,YAAYA,CAAC9C,WAAmBC,WAA2B;AAC/D,UAAIA,OAAOrD,WAAWG,WAAW,eAAe;AAC9C,eAAO;AAAA;AAET,UAAIkD,OAAOa,sBAAsB;AAC/B,YAAI,KAAKf,aAAaC,WAAWC,MAAM,GAAG;AACxC,iBAAA8C,gBAAAC;YAAA,SACiB,GAAEhH;AAAAA;YAAkCG,SAAAA,OAAA4G,gBAAAE;;;AAKvD,eAAO;AAAA;AAET,UAAI,KAAKxG,UAAU;AACjB,YAAI,KAAKgB,kBAAkB,KAAKwC,OAAOrD,WAAWI,aAAaiD,OAAOrD,WAAWI,UAAU2B,QAAQ;AACjG,cAAI,KAAKoB,aAAaC,WAAWC,MAAM,GAAG;AACxC,mBAAA8C,gBAAAC;cAAA,SACiB,GAAEhH;AAAAA;cAAkCG,SAAAA,OAAA4G,gBAAAE;;;AAKvD,iBAAO;AAAA;AAET,YAAIhD,OAAOc,WAAW,OAAO;AAC3B,iBAAO;AAAA;AAET,YAAImC,UAAU;AACd,YAAIC,gBAAgB;AACpB,cAAMhB,WAAW,KAAKpC,aAAaC,WAAWC,MAAM;AACpD,YAAIkC,aAAa,GAAG;AAClBe,oBAAU;AAAA,mBACDf,aAAa,GAAG;AACzBgB,0BAAgB;AAAA;AAGlB,eAAAJ,gBAAAK;UAAA,SAEY,GAAEpH;AAAAA,UAA8B,iBACzBmH;AAAAA,UAAa,cAChBD;AAAAA,UAAO,WACTlE,OAAW,KAAKkD,YAAYjC,QAAQD,WAAW,CAACkD,SAASlE,CAAC;AAAA;;AAI1E,UAAI,CAAC,KAAKvC,UAAU;AAClB,YAAI,KAAKsD,aAAaC,WAAWC,MAAM,GAAG;AACxC,iBAAA8C,gBAAAC;YAAA,SACiB,GAAEhH;AAAAA;YAAkCG,SAAAA,OAAA4G,gBAAAE;;;AAIvD;AAEF,aAAO;AAAA;AAGT,UAAMI,WAAYpD,YAA2B;AAC3C,UAAIA,OAAOoB,SAAS;AAClB,eAAA0B,gBAAAC;UAAA,SACiB,GAAEhH;AAAAA,UAA4B;;UAAAG,SAAAA,OAAA4G,gBAAAO;;;AAKjD,UAAIzC,eAAeZ,MAAM,GAAG;AAC1B,eAAA8C,gBAAAC;UAAA,SACiB,GAAEhH;AAAAA;UAA4BG,SAAAA,OAAA4G,gBAAAQ;;;AAMjD,aAAO;AAAA;AAGT,UAAMC,gBAAiBvD,YAA2B;AAChD,UAAIA,OAAOrD,WAAWG,WAAW,eAAe;AAC9C,eAAAgG;UAAA,SACe,GAAE/G;AAAAA,YAA0B+G,gBAAAU;UAAA;UAAA,QACPxD,OAAOrD,WAAWE;AAAAA;;AAIxD,aAAO,OAAOmD,OAAOrD,WAAWE,WAAW,aAAamD,OAAOrD,WAAWE,WAAWmD,OAAOrD,WAAWE;AAAAA;AAGzG,WAAAiG;MAAA,SAEY,GAAE/G;AAAAA,MAAqB,eACjBgD,OAAM;AAClBA,UAAE0E;AAAe;AACnB,QAECzF,MAAM0F,IAAI,CAACC,MAAM5D,cAAS+C;MAAA,OAChB/C;AAAAA,MAAS,SAAS,CAAC,CAAE,GAAEhE,kBAAkBuB,cAAc,CAAC;AAAA,MAAC,SAASD;AAAAA,QACxEsG,KAAKD,IAAK1D,YAAM8C;MAAA,OAERL,OAAOzC,MAAM;AAAA,MAAC,OACbZ,QAAOuD,OAAOvD,IAAmBW,WAAWC,MAAM;AAAA,MAAC;MAAA,SAElD4C,OAAO5C,QAAQD,SAAS;AAAA,MAAC,WACtBhB,OAAM2C,aAAa1B,QAAQD,WAAWhB,CAAC;AAAA,MAAC,gBACnCA,OAAMgD,iBAAiB/B,QAAQD,WAAWhB,CAAC;AAAA,MAAC,gBAC5CA,OAAMgD,iBAAiB/B,QAAQD,WAAWhB,CAAC;AAAA,QAEzD8D,UAAU9C,WAAWC,MAAM,GAC3BuD,cAAcvD,MAAM,GACpBoD,SAASpD,MAAM,CAAC,EAEpB,CAAC,EAEL,CAAC;;AAIV,CAAC;;;;"}

package/lib/components/Cascader/hooks/useCascaderValue.d.ts

@@ -0,0 +1,13 @@
+import { type CascaderInnerValueType, type CascaderOption, type CascaderSingleValueType, type CascaderUnitValueType, type CascaderValueType, type FieldNamesMap } from '../Cascader.type';
+export default function useCascaderValue(props: {
+    modelValue?: CascaderValueType;
+    options: CascaderOption[];
+    multiple: boolean;
+    fieldNames: FieldNamesMap;
+    emitPath: boolean;
+}): {
+    stateValue: import("vue").Ref<any, any>;
+    innerValue: import("vue").ComputedRef<CascaderInnerValueType>;
+    toInnerValue: (value?: CascaderValueType) => CascaderInnerValueType;
+    toOuterValue: (values: CascaderInnerValueType, array?: boolean) => CascaderUnitValueType | CascaderSingleValueType | CascaderInnerValueType;
+};

package/lib/components/Cascader/hooks/useCascaderValue.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Cascader_type = require('../Cascader.type.js');
+var utils = require('../utils.js');
+
+const getAllValues = (options, leafValue, fieldNames) => {
+  const rst = utils.filterTree(
+    options,
+    (n) => {
+      const bool = leafValue.includes(n[fieldNames.value]);
+      return bool;
+    },
+    fieldNames.children
+  );
+  return rst.map((n) => {
+    const parentValues = n.parents.map((x) => x[fieldNames.value]);
+    return [...parentValues, n[fieldNames.value]];
+  });
+};
+function useCascaderValue(props) {
+  const stateValue = vue.ref();
+  vue.watch(
+    () => props.modelValue,
+    (val) => {
+      stateValue.value = val;
+    },
+    { immediate: true }
+  );
+  const toInnerValue = (value) => {
+    if (value === void 0) {
+      return [];
+    }
+    if (Cascader_type.isCascaderUnitValue(value)) {
+      return getAllValues(props.options, [value], props.fieldNames);
+    }
+    if (Cascader_type.isCascaderSingleValue(value)) {
+      if (value.length === 0) {
+        return [];
+      }
+      if (!props.emitPath) {
+        return getAllValues(props.options, value, props.fieldNames);
+      }
+      return [value];
+    }
+    return value;
+  };
+  const innerValue = vue.computed(() => toInnerValue(stateValue.value));
+  const toOuterValue = (values, array = false) => {
+    var _a;
+    const value = values;
+    if (value !== void 0) {
+      if (props.emitPath) {
+        return array ? value : value[0];
+      }
+      return array ? value.map((v) => v[v.length - 1]) : (_a = value[0]) == null ? void 0 : _a[value[0].length - 1];
+    }
+    return value;
+  };
+  return {
+    stateValue,
+    innerValue,
+    toInnerValue,
+    toOuterValue
+  };
+}
+
+exports["default"] = useCascaderValue;
+//# sourceMappingURL=useCascaderValue.js.map

package/lib/components/Cascader/hooks/useCascaderValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCascaderValue.js","sources":["../../../../../src/components/Cascader/hooks/useCascaderValue.ts"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport {\n  isCascaderSingleValue,\n  isCascaderUnitValue,\n  type CascaderInnerValueType,\n  type CascaderOption,\n  type CascaderSingleValueType,\n  type CascaderUnitValueType,\n  type CascaderValueType,\n  type FieldNamesMap\n} from '../Cascader.type';\nimport { filterTree } from '../utils';\n\nconst getAllValues = (options: CascaderOption[], leafValue: CascaderUnitValueType[], fieldNames: FieldNamesMap) => {\n  const rst = filterTree(\n    options,\n    (n) => {\n      const bool = leafValue.includes(n[fieldNames.value]);\n      return bool;\n    },\n    fieldNames.children\n  );\n\n  return rst.map((n) => {\n    const parentValues = n.parents.map((x) => x[fieldNames.value]);\n    return [...parentValues, n[fieldNames.value]] as CascaderSingleValueType;\n  });\n};\n\nexport default function useCascaderValue(props: {\n  modelValue?: CascaderValueType;\n  options: CascaderOption[];\n  multiple: boolean;\n  fieldNames: FieldNamesMap;\n  emitPath: boolean;\n}) {\n  const stateValue = ref();\n  watch(\n    () => props.modelValue,\n    (val) => {\n      stateValue.value = val;\n    },\n    { immediate: true }\n  );\n\n  const toInnerValue = (value?: CascaderValueType): CascaderInnerValueType => {\n    if (value === undefined) {\n      return [] as CascaderInnerValueType;\n    }\n    if (isCascaderUnitValue(value)) {\n      return getAllValues(props.options, [value], props.fieldNames);\n    }\n    if (isCascaderSingleValue(value)) {\n      if (value.length === 0) {\n        return [];\n      }\n      if (!props.emitPath) {\n        return getAllValues(props.options, value, props.fieldNames);\n      }\n\n      return [value];\n    }\n    return value;\n  };\n\n  const innerValue = computed<CascaderInnerValueType>(() => toInnerValue(stateValue.value));\n  // const innerValue = ref<CascaderInnerValueType>(toInnerValue(stateValue.value));\n\n  const toOuterValue = (values: CascaderInnerValueType, array = false) => {\n    const value = values;\n    if (value !== undefined) {\n      if (props.emitPath) {\n        return array ? value : value[0];\n      }\n      return array ? value.map((v) => v[v.length - 1]) : value[0]?.[value[0].length - 1];\n    }\n    return value;\n  };\n\n  return {\n    stateValue,\n    innerValue,\n    toInnerValue,\n    toOuterValue\n  };\n}\n"],"names":["filterTree","ref","isCascaderUnitValue","isCascaderSingleValue","computed"],"mappings":";;;;;;;;AAaA,MAAM,eAAe,CAAC,SAA2B,WAAoC,eAA8B;AACjH,QAAM,MAAMA;AAAA,IACV;AAAA,IACA,CAAC,MAAM;AACL,YAAM,OAAO,UAAU,SAAS,EAAE,WAAW,MAAM;AACnD,aAAO;AAAA;AACT,IACA,WAAW;AAAA;AAGb,SAAO,IAAI,IAAI,CAAC,MAAM;AACpB,UAAM,eAAe,EAAE,QAAQ,IAAI,CAAC,MAAM,EAAE,WAAW,MAAM;AAC7D,WAAO,CAAC,GAAG,cAAc,EAAE,WAAW,MAAM;AAAA,GAC7C;AACH;SAEwB,iBAAiB,OAMtC;AACD,QAAM,aAAaC;AACnB;AAAA,IACE,MAAM,MAAM;AAAA,IACZ,CAAC,QAAQ;AACP,iBAAW,QAAQ;AAAA;AACrB,IACA,EAAE,WAAW;AAAK;AAGpB,QAAM,eAAe,CAAC,UAAsD;AAC1E,QAAI,UAAU,QAAW;AACvB,aAAO;AAAC;AAEV,QAAIC,kCAAoB,KAAK,GAAG;AAC9B,aAAO,aAAa,MAAM,SAAS,CAAC,KAAK,GAAG,MAAM,UAAU;AAAA;AAE9D,QAAIC,oCAAsB,KAAK,GAAG;AAChC,UAAI,MAAM,WAAW,GAAG;AACtB,eAAO;AAAC;AAEV,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO,aAAa,MAAM,SAAS,OAAO,MAAM,UAAU;AAAA;AAG5D,aAAO,CAAC,KAAK;AAAA;AAEf,WAAO;AAAA;AAGT,QAAM,aAAaC,aAAiC,MAAM,aAAa,WAAW,KAAK,CAAC;AAGxF,QAAM,eAAe,CAAC,QAAgC,QAAQ,UAAU;AApE1E;AAqEI,UAAM,QAAQ;AACd,QAAI,UAAU,QAAW;AACvB,UAAI,MAAM,UAAU;AAClB,eAAO,QAAQ,QAAQ,MAAM;AAAA;AAE/B,aAAO,QAAQ,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAI,WAAM,OAAN,mBAAW,MAAM,GAAG,SAAS;AAAA;AAElF,WAAO;AAAA;AAGT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEJ;;;;"}