@wfrog/vc-ui 1.0.0

package/dist/es/components/tree-picker/docs/data.d.ts

@@ -0,0 +1,2 @@
+import { CascaderOption } from 'element-plus/es/components/cascader-panel';
+export declare const treeData: CascaderOption[];

package/dist/es/components/tree-picker/index.css

@@ -0,0 +1,41 @@
+/* source: src/components/tree-picker/tree-picker.vue */
+._popover_q784j_1 {
+  width: auto !important;
+  min-width: 80px !important;
+}
+._container_q784j_6 {
+  display: flex;
+}
+._container_q784j_6 .el-cascader-menu {
+  min-width: 80px;
+}
+._wrapper_q784j_13 {
+  display: inline-block;
+  width: unset;
+  min-width: var(--v1c728f22);
+}
+._wrapper_q784j_13._block_q784j_18 {
+  display: block;
+  width: var(--v1c728f22);
+}
+._wrapper_q784j_13 .el-tag .el-icon {
+  display: none;
+}
+._cascader_q784j_26 {
+  width: 100%;
+}
+._cascader_q784j_26 .el-input__wrapper.is-focus {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
+}
+._is-active_q784j_33 .el-input__inner {
+  border-color: var(--color-primary);
+}
+._is-active_q784j_33 .el-icon {
+  transform: rotateZ(-180deg) !important;
+}
+._cascader-popover_q784j_40.el-cascader__dropdown {
+  display: none;
+}
+._cascader-panel_q784j_44 .el-cascader-panel {
+  display: none;
+}

package/dist/es/components/tree-picker/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './tree-picker.vue';
+export declare const VcTreePicker: SFCWithInstall<typeof Component>;
+export default VcTreePicker;

package/dist/es/components/tree-picker/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './tree-picker.mjs';
+
+const VcTreePicker = withInstall(Component);
+
+export { VcTreePicker, VcTreePicker as default };

package/dist/es/components/tree-picker/popover-cascader.css

@@ -0,0 +1,23 @@
+/* source: src/components/tree-picker/components/popover-cascader.vue */
+.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;font-size:var(--el-font-size-base);line-height:32px;outline:none;position:relative;vertical-align:middle}.el-cascader:not(.is-disabled):hover .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;cursor:pointer}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:-moz-read-only{cursor:pointer}.el-cascader .el-input .el-input__inner:read-only{cursor:pointer}.el-cascader .el-input .el-input__inner:disabled{cursor:not-allowed}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{font-size:14px;transition:transform var(--el-transition-duration)}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--large .el-cascader__tags{gap:6px;padding:8px}.el-cascader--large .el-cascader__search-input{height:24px;margin-left:7px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader--small .el-cascader__tags{gap:4px;padding:2px}.el-cascader--small .el-cascader__search-input{height:20px;margin-left:5px}.el-cascader.is-disabled .el-cascader__label{color:var(--el-disabled-text-color);z-index:calc(var(--el-index-normal) + 1)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-cascader__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-cascader__tags{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;left:0;line-height:normal;padding:4px;position:absolute;right:30px;text-align:left;top:50%;transform:translateY(-50%)}.el-cascader__tags .el-tag{align-items:center;background:var(--el-cascader-tag-background);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags .el-tag+input{margin-left:0}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{align-items:center;background:var(--el-fill-color);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__collapse-tags .el-tag+input{margin-left:0}.el-cascader__collapse-tags .el-tag{margin:2px 0}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{color:var(--el-cascader-menu-text-color);font-size:var(--el-font-size-base);margin:0;max-height:204px;padding:6px 0;text-align:center}.el-cascader__suggestion-item{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:space-between;outline:none;padding:0 15px;text-align:left}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{background:transparent;border:none;box-sizing:border-box;color:var(--el-cascader-menu-text-color);flex:1;height:24px;margin-left:7px;min-width:60px;outline:none;padding:0}.el-cascader__search-input::-moz-placeholder{color:transparent}.el-cascader__search-input::placeholder{color:transparent}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);display:flex;font-size:var(--el-cascader-menu-font-size);width:-moz-fit-content;width:fit-content}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{border-right:var(--el-cascader-menu-border);box-sizing:border-box;color:var(--el-cascader-menu-text-color);min-width:180px}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;list-style:none;margin:0;min-height:100%;padding:6px 0;position:relative}.el-cascader-menu__hover-zone{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cascader-menu__empty-text{align-items:center;color:var(--el-cascader-color-empty);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{align-items:center;display:flex;height:34px;line-height:34px;outline:none;padding:0 30px 0 20px;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{left:10px;position:absolute}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-cascader-node>.el-checkbox{margin-right:0}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);background:var(--el-fill-color-blank);color:var(--el-tree-text-color);cursor:default;font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;left:0;position:absolute;right:0}.el-tree-node{outline:none;white-space:nowrap}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--el-tree-node-content-height)}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{color:var(--el-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0deg);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{color:var(--el-tree-expand-icon-color);font-size:var(--el-font-size-base);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:transparent;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}._selected_1r65k_1 {
+  box-sizing: border-box;
+  flex: 1 1 180px;
+  min-width: 180px;
+  height: 206px;
+  margin-right: 8px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+}
+._selected_1r65k_1 .el-scrollbar {
+  height: 100%;
+}
+._selected_1r65k_1 .el-tree {
+  height: 100%;
+  margin: 6px 20px 6px 0;
+}
+._selected_1r65k_1 .el-scrollbar__wrap {
+  overflow-x: hidden;
+}
+._selected_1r65k_1 .el-tree__empty-block {
+  transform: translateX(10px);
+}

package/dist/es/components/tree-picker/tree-picker.d.ts

@@ -0,0 +1,14 @@
+import { CascaderOption, CascaderProps } from 'element-plus/es/components/cascader-panel';
+export interface ITreePickerProps {
+    emptyText?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    multiple?: boolean;
+    modelValue: string | number | string[] | number[] | undefined;
+    options?: CascaderOption[];
+    props?: CascaderProps;
+    width?: string;
+    block?: boolean;
+    filterable?: boolean;
+    filterEmptyText?: string;
+}

package/dist/es/components/tree-picker/tree-picker.mjs

@@ -0,0 +1,173 @@
+import './index.css'
+import './popover-cascader.css'
+import '../../chunk/E_WRn0OP.mjs';
+import '../../chunk/DqUIKX7f.mjs';
+/* empty css                    */
+import { P as PopoverCascader, a as ElCascader } from '../../chunk/BX-Ogf7p.mjs';
+import '../../chunk/Dvi7RsXg.mjs';
+import '../../chunk/CZ4ggqDE.mjs';
+import '../../chunk/D3DXeVfC.mjs';
+import '../../chunk/CaTfZePA.mjs';
+import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, ref, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, mergeProps, isRef, createTextVNode, toDisplayString, nextTick } from 'vue';
+import { o as onClickOutside, u as useVModel } from '../../chunk/CD98REcR.mjs';
+import { E as ElPopover } from '../../chunk/C7iSSBUr.mjs';
+import { u as useToggle, a as useThrottleFn } from '../../chunk/qY9OvNHY.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tree-picker",
+  props: {
+    emptyText: {},
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    modelValue: {},
+    options: { default: () => [] },
+    props: { default: () => ({}) },
+    width: {},
+    block: { type: Boolean },
+    filterable: { type: Boolean },
+    filterEmptyText: { default: "没有匹配到数据" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v1c728f22": unref(myWidth)
+    }));
+    const props = __props;
+    const emits = __emit;
+    const myValue = useVModel(props, "modelValue", emits);
+    const [popoverVisible, togglePopoverVisible] = useToggle();
+    const handleSelectClick = useThrottleFn(() => !props.disabled && togglePopoverVisible(), 300);
+    const cascaderProps = computed(() => ({
+      label: props.props.label || "label",
+      value: props.props.value || "value",
+      children: props.props.children || "children",
+      multiple: props.multiple,
+      emitPath: false,
+      ...props.props
+    }));
+    const myWidth = computed(() => {
+      return props.width || (props.block ? "100%" : "214px");
+    });
+    const $style = useCssModule();
+    const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value, [$style.block]: props.block }));
+    const containerRef = useTemplateRef("containerRef");
+    onClickOutside(containerRef, (event) => {
+      let target = event.target;
+      let result = false;
+      do {
+        result = target.classList ? target.classList.contains($style.cascader) : false;
+        target = target.parentNode;
+      } while (result === false && target !== null && target.nodeName !== "BODY");
+      !result && togglePopoverVisible(false);
+    });
+    const popoverRef = useTemplateRef("popoverRef");
+    function updatePopper() {
+      return nextTick(() => {
+        popoverRef.value.popperRef.popperInstanceRef?.update();
+      });
+    }
+    const keyword = ref("");
+    function handleKeyup(event) {
+      keyword.value = event.target.value;
+    }
+    function clear() {
+      emits("update:modelValue", props.multiple ? [] : "");
+      setTimeout(() => {
+        nextTick(() => togglePopoverVisible(false));
+      }, 0);
+    }
+    return (_ctx, _cache) => {
+      const _component_ElCascader = ElCascader;
+      const _component_ElPopover = ElPopover;
+      return openBlock(), createBlock(_component_ElPopover, {
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        visible: unref(popoverVisible) && !unref(keyword),
+        placement: "bottom",
+        "popper-class": unref($style).popover,
+        disabled: __props.filterable && !!unref(keyword)
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref($style).wrapper),
+            onClickCapture: _cache[5] || (_cache[5] = //@ts-ignore
+            (...args) => unref(handleSelectClick) && unref(handleSelectClick)(...args)),
+            onKeyup: handleKeyup
+          }, [
+            createVNode(_component_ElCascader, mergeProps({
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              "collapse-tags": "",
+              "collapse-tags-tooltip": "",
+              clearable: "",
+              options: __props.options,
+              placeholder: __props.placeholder,
+              filterable: __props.filterable,
+              props: unref(cascaderProps),
+              class: [unref(selectClassName), unref($style).cascader],
+              "popper-class": { [unref($style)["cascader-popover"]]: !__props.filterable || !unref(keyword), [unref($style)["cascader-panel"]]: !!unref(keyword) }
+            }, _ctx.$attrs, {
+              onClear: clear,
+              onBlur: _cache[4] || (_cache[4] = ($event) => keyword.value = "")
+            }), {
+              empty: withCtx(() => [
+                createTextVNode(toDisplayString(__props.filterEmptyText), 1)
+              ]),
+              _: 1
+            }, 16, ["modelValue", "options", "placeholder", "filterable", "props", "class", "popper-class"])
+          ], 34)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: normalizeClass(unref($style).container)
+          }, [
+            createVNode(PopoverCascader, mergeProps({
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              options: __props.options,
+              props: unref(cascaderProps)
+            }, _ctx.$attrs, {
+              multiple: __props.multiple,
+              onExpandChange: updatePopper,
+              onChoiced: _cache[1] || (_cache[1] = ($event) => unref(togglePopoverVisible)(false)),
+              onChange: _cache[2] || (_cache[2] = (val, node) => emits("change", val, node))
+            }), null, 16, ["modelValue", "options", "props", "multiple"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "popper-class", "disabled"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const popover = "_popover_q784j_1";
+const container = "_container_q784j_6";
+const wrapper = "_wrapper_q784j_13";
+const block = "_block_q784j_18";
+const cascader = "_cascader_q784j_26";
+const style0 = {
+	popover: popover,
+	container: container,
+	wrapper: wrapper,
+	block: block,
+	cascader: cascader,
+	"is-active": "_is-active_q784j_33",
+	"cascader-popover": "_cascader-popover_q784j_40",
+	"cascader-panel": "_cascader-panel_q784j_44"
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_34 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_34 as _ };