@ctzy-web-client/plugin-component-vue 1.0.7 → 1.0.9

package/es/advance-select/advance-option.mjs

@@ -1,125 +0,0 @@
-import 'element-plus';
-import { getCurrentInstance, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
-import { useNamespace } from 'web-base-client-vue';
-import { useEvent } from './events-helpers.mjs';
-import { useAdvanceOption } from './use-advance-option.mjs';
-import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
-
-const _sfc_main = {
-  name: "BwaAdvanceOption",
-  props: {
-    label: {
-      type: [String, Number, Boolean]
-    },
-    value: {
-      type: null
-    }
-  },
-  expose: ["currentLabel"],
-  setup(props, { expose }) {
-    const instance = getCurrentInstance();
-    const ns = useNamespace("advance");
-    const { handleOptionMouseEnter } = useEvent(ns);
-    const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } = useAdvanceOption(props);
-    const show = ref(true);
-    const clickFlag = ref(true);
-    const contentText = ref();
-    expose({ currentLabel });
-    const filterOptionClick = () => {
-      advanceSelect.handleOptionSelect(instance.proxy);
-    };
-    const isShow = async () => {
-      const dom = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`);
-      if (dom) {
-        const scrollWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).scrollWidth;
-        const offsetWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).offsetWidth;
-        if (scrollWidth > offsetWidth) {
-          show.value = false;
-        } else {
-          show.value = true;
-        }
-      }
-    };
-    const listenerClickFunction = () => {
-      setTimeout(() => {
-        isShow();
-      }, 100);
-    };
-    return {
-      show,
-      ns,
-      currentLabel,
-      itemSelected,
-      showSelectIcon,
-      filterOptionClick,
-      handleOptionMouseEnter,
-      source
-    };
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElCheckbox = resolveComponent("ElCheckbox");
-  const _component_ElTooltip = resolveComponent("ElTooltip");
-  const _component_Select = resolveComponent("Select");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass($setup.ns.b("option")),
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.filterOptionClick && $setup.filterOptionClick(...args), ["stop"]))
-  }, [
-    createCommentVNode(' @mouseenter="handleOptionMouseEnter" '),
-    createElementVNode("div", {
-      class: normalizeClass(`${$setup.ns.be("option", "content")} content-label-${$props.value}`)
-    }, [
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createVNode(_component_ElTooltip, {
-          placement: "top",
-          "append-to": ".bwa-application",
-          disabled: $setup.currentLabel.length < 16
-        }, {
-          content: withCtx(() => [
-            createTextVNode(toDisplayString($setup.currentLabel), 1)
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass($setup.ns.be("option", "content-label")),
-              ref: "contentText"
-            }, [
-              $setup.source === "pct" && !$setup.showSelectIcon ? (openBlock(), createBlock(_component_ElCheckbox, {
-                key: 0,
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["prevent"])),
-                class: normalizeClass($setup.ns.be("filter", "checkbox")),
-                modelValue: $setup.itemSelected,
-                style: { "height": "26px" }
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: normalizeClass($setup.ns.be("option", "content-label")),
-                    style: { "width": "178px" }
-                  }, toDisplayString($setup.currentLabel), 3)
-                ]),
-                _: 1
-              }, 8, ["class", "modelValue"])) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass([$setup.ns.be("option", "content-label"), $setup.ns.is("selected", $setup.source === "pct" && $setup.itemSelected && $setup.showSelectIcon)])
-              }, toDisplayString($setup.currentLabel), 3))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ])
-    ], 2),
-    $setup.itemSelected && $setup.showSelectIcon ? (openBlock(), createBlock(_component_ElIcon, {
-      key: 0,
-      class: normalizeClass($setup.ns.be("option", "selected"))
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_Select)
-      ]),
-      _: 1
-    }, 8, ["class"])) : createCommentVNode("v-if", true)
-  ], 2);
-}
-var AdvanceOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "advance-option.vue"]]);
-
-export { AdvanceOption as default };

package/es/advance-select/advance-select.mjs

@@ -1,359 +0,0 @@
-import { defineComponent, inject, toRefs, useSlots, computed, unref, watch, onBeforeUnmount, provide, reactive, getCurrentInstance, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createVNode, isRef, withCtx, renderSlot, toDisplayString, createCommentVNode, createBlock, createElementVNode, Fragment, createTextVNode, withDirectives, renderList, normalizeStyle } from 'vue';
-import { Observable, debounceTime } from 'rxjs';
-import { useGlobalConfig, filterPanelItemKey, useNamespace, advanceSelectKey } from 'web-base-client-vue';
-import { dataProps, useData } from '../hooks/use-data/index.mjs';
-import AdvanceOperation from './advance-operation.mjs';
-import AdvanceOption from './advance-option.mjs';
-import { useAdvanceSelectStates, useAdvanceSelect } from './use-advance-select.mjs';
-import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
-
-const __default__ = defineComponent({
-  name: "BwaAdvanceSelect"
-});
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    ...dataProps,
-    options: {
-      type: Array
-    },
-    modelValue: {
-      type: [Array, String, Number, Boolean]
-    },
-    listHeight: {
-      type: String,
-      default: "300px"
-    },
-    width: {
-      type: String,
-      default: "240px"
-    },
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    multipleLimit: {
-      type: Number,
-      default: 0
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    showSearch: {
-      type: Boolean,
-      default: true
-    },
-    searchPlaceholder: {
-      type: String,
-      default: ""
-    },
-    showSelection: {
-      type: Boolean,
-      default: true
-    },
-    showSelectIcon: {
-      type: Boolean,
-      default: true
-    },
-    closeAfterSelection: {
-      typoe: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    virtualRef: null,
-    virtualTriggering: {
-      type: Boolean,
-      default: false
-    },
-    source: "",
-    borderRadius: {
-      type: String,
-      default: "0px"
-    }
-  },
-  emits: ["update:modelValue", "search", "visible-change"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const debounceDelay = useGlobalConfig("debounceDelay", 500);
-    const filterPanelItem = inject(filterPanelItemKey, null);
-    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius } = toRefs(props);
-    const slots = useSlots();
-    const ns = useNamespace("advance");
-    const states = useAdvanceSelectStates(props);
-    const {
-      options: optionInstances,
-      optionsCount,
-      search,
-      isShowPopper,
-      selected
-    } = toRefs(states);
-    const column = computed(() => {
-      var _a;
-      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
-    });
-    const {
-      selectedLabel,
-      onOptionCreate,
-      onOptionDestroy,
-      handleClearClick,
-      handleOptionSelect,
-      hidePoppper
-    } = useAdvanceSelect(props, states, {
-      emit
-    });
-    const disabled = computed(() => !unref(isShowPopper));
-    const { data: itfData, loading: dataLoading } = useData(disabled, search);
-    const loading = computed(() => props.loading || unref(dataLoading));
-    const data = computed(() => props.options || unref(itfData));
-    if (multiple.value && !Array.isArray(modelValue.value)) {
-      emit("update:modelValue", []);
-    }
-    if (!multiple.value && Array.isArray(modelValue.value)) {
-      emit("update:modelValue", "");
-    }
-    watch(isShowPopper, (isShowPopper2) => {
-      emit("visible-change", isShowPopper2);
-    });
-    const subscription = new Observable(
-      (observer) => watch(search, observer.next.bind(observer))
-    ).pipe(debounceTime(unref(debounceDelay))).subscribe(emit.bind(null, "search"));
-    onBeforeUnmount(subscription.unsubscribe.bind(subscription));
-    provide(
-      advanceSelectKey,
-      reactive({
-        props,
-        options: optionInstances,
-        selected,
-        onOptionCreate,
-        onOptionDestroy,
-        handleOptionSelect,
-        hidePoppper,
-        select: getCurrentInstance()
-      })
-    );
-    const popperStyle = reactive({
-      padding: "0",
-      borderRadius,
-      width,
-      border: "none",
-      boxShadow: `0 3px 12px 0 rgb(0 0 0 / 12%), 0 0.5px 1.5px 0 rgb(0 0 0 / 8%)`
-    });
-    expose({
-      handleClearClick
-    });
-    return (_ctx, _cache) => {
-      const _component_CaretBottom = resolveComponent("CaretBottom");
-      const _component_ElIcon = resolveComponent("ElIcon");
-      const _component_ElInput = resolveComponent("ElInput");
-      const _component_ElButton = resolveComponent("ElButton");
-      const _component_ElScrollbar = resolveComponent("ElScrollbar");
-      const _component_ElTooltip = resolveComponent("ElTooltip");
-      const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b("select")),
-        "data-prefix": "el",
-        ref: "selectWrapper"
-      }, [
-        createVNode(_component_ElTooltip, {
-          class: normalizeClass(unref(ns).be("select", "tooltip")),
-          effect: "light",
-          trigger: "click",
-          placement: "bottom-start",
-          "show-arrow": false,
-          "append-to": ".bwa-application",
-          "popper-style": popperStyle,
-          "popper-class": unref(ns).be("select", "popper"),
-          persistent: true,
-          visible: unref(isShowPopper),
-          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => isRef(isShowPopper) ? isShowPopper.value = $event : null),
-          "virtual-ref": __props.virtualRef,
-          "virtual-triggering": __props.virtualTriggering
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "reference", {
-              label: unref(selectedLabel),
-              column: unref(column)
-            }, () => [
-              __props.source ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass([
-                  unref(ns).be("select", "pct-reference"),
-                  unref(ns).is("active", unref(isShowPopper))
-                ])
-              }, [
-                renderSlot(_ctx.$slots, "reference-content", {
-                  label: unref(selectedLabel),
-                  column: unref(column),
-                  selected: unref(selected)
-                }, () => [
-                  renderSlot(_ctx.$slots, "label", {}, () => [
-                    unref(column) ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(unref(ns).be("select", "label"))
-                    }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true)
-                  ]),
-                  renderSlot(_ctx.$slots, "value", { selected: unref(selected) }, () => [
-                    unref(multiple) ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(unref(ns).be("select", "content"))
-                    }, toDisplayString(unref(selectedLabel).length ? unref(selectedLabel).join(",") : "\u5168\u90E8"), 3)) : (openBlock(), createElementBlock("span", {
-                      key: 1,
-                      class: normalizeClass(unref(ns).be("select", "content"))
-                    }, toDisplayString(unref(selectedLabel) ? unref(selectedLabel) : "\u5168\u90E8"), 3))
-                  ]),
-                  __props.showSelectIcon ? (openBlock(), createBlock(_component_ElIcon, {
-                    key: 0,
-                    class: normalizeClass(unref(ns).be("select", "caret"))
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "icon", {}, () => [
-                        createVNode(_component_CaretBottom)
-                      ])
-                    ]),
-                    _: 3
-                  }, 8, ["class"])) : createCommentVNode("v-if", true)
-                ])
-              ], 2)) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass([
-                  unref(ns).be("select", "reference"),
-                  unref(ns).is("active", unref(isShowPopper))
-                ])
-              }, [
-                renderSlot(_ctx.$slots, "reference-content", {
-                  label: unref(selectedLabel),
-                  column: unref(column),
-                  selected: unref(selected)
-                }, () => [
-                  renderSlot(_ctx.$slots, "label", {}, () => [
-                    unref(column) ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(unref(ns).be("select", "label"))
-                    }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true)
-                  ]),
-                  renderSlot(_ctx.$slots, "value", { selected: unref(selected) }, () => [
-                    unref(multiple) ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(unref(ns).be("select", "content"))
-                    }, toDisplayString(unref(selectedLabel).length ? unref(selectedLabel).join(",") : "\u5168\u90E8"), 3)) : (openBlock(), createElementBlock("span", {
-                      key: 1,
-                      class: normalizeClass(unref(ns).be("select", "content"))
-                    }, toDisplayString(unref(selectedLabel) ? unref(selectedLabel) : "\u5168\u90E8"), 3))
-                  ])
-                ]),
-                __props.showSelectIcon ? (openBlock(), createBlock(_component_ElIcon, {
-                  key: 0,
-                  class: normalizeClass(unref(ns).be("select", "caret"))
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "icon", {}, () => [
-                      createVNode(_component_CaretBottom)
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["class"])) : createCommentVNode("v-if", true)
-              ], 2))
-            ])
-          ]),
-          content: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass([unref(ns).be("select", "content"), unref(ns).is("single", !unref(multiple))]),
-              style: { "margin": "6px" }
-            }, [
-              renderSlot(_ctx.$slots, "contentTop"),
-              unref(showSearch) ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(unref(ns).be("select", "input-wrapper"))
-              }, [
-                createVNode(_component_ElInput, {
-                  modelValue: unref(search),
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(search) ? search.value = $event : null),
-                  class: normalizeClass(unref(ns).be("select", "input")),
-                  placeholder: __props.searchPlaceholder,
-                  type: "text",
-                  "prefix-icon": "Search",
-                  clearable: ""
-                }, null, 8, ["modelValue", "class", "placeholder"])
-              ], 2)) : createCommentVNode("v-if", true),
-              createElementVNode("div", {
-                class: normalizeClass(unref(ns).be("select", "operation-wrapper"))
-              }, [
-                unref(multiple) || !__props.required ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  unref(showSelection) ? (openBlock(), createBlock(AdvanceOperation, {
-                    key: 0,
-                    class: normalizeClass(unref(ns).be("select", "selection-wrapper")),
-                    type: "selection",
-                    border: true
-                  }, {
-                    default: withCtx(() => [
-                      unref(multiple) ? (openBlock(), createElementBlock("span", {
-                        key: 0,
-                        class: normalizeClass([
-                          unref(ns).be("select", "selection"),
-                          unref(ns).is("has-selected", !!unref(selected).length)
-                        ])
-                      }, " \u5DF2\u9009" + toDisplayString(unref(selected).length) + "\u9879 ", 3)) : createCommentVNode("v-if", true),
-                      !__props.required ? (openBlock(), createBlock(_component_ElButton, {
-                        key: 1,
-                        link: "",
-                        type: "primary",
-                        class: normalizeClass(unref(ns).be("select", "clear")),
-                        onClick: unref(handleClearClick)
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(" \u6E05\u9664\u9009\u9879 ")
-                        ]),
-                        _: 1
-                      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : createCommentVNode("v-if", true)
-                ], 64)) : createCommentVNode("v-if", true),
-                renderSlot(_ctx.$slots, "operation")
-              ], 2),
-              withDirectives((openBlock(), createElementBlock("div", {
-                class: normalizeClass(unref(ns).be("select", "list"))
-              }, [
-                createVNode(_component_ElScrollbar, { "max-height": unref(listHeight) }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "default", {}, () => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item) => {
-                        return openBlock(), createBlock(AdvanceOption, {
-                          key: item.value,
-                          value: item.value,
-                          label: item.label
-                        }, null, 8, ["value", "label"]);
-                      }), 128))
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["max-height"]),
-                !unref(optionsCount) ? renderSlot(_ctx.$slots, "empy", { key: 0 }, () => [
-                  createElementVNode("div", {
-                    class: normalizeClass(unref(ns).be("select", "empty"))
-                  }, "\u672A\u5339\u914D\u5230\u76F8\u5173\u6761\u76EE", 2)
-                ]) : createCommentVNode("v-if", true)
-              ], 2)), [
-                [_directive_loading, unref(loading)]
-              ]),
-              unref(slots).contentBottom ? (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass(unref(ns).be("select", "bottom")),
-                style: normalizeStyle({ "boxShadow": __props.source ? "none" : "", "padding": __props.source ? "0" : "4px 0px" })
-              }, [
-                renderSlot(_ctx.$slots, "contentBottom")
-              ], 6)) : createCommentVNode("v-if", true)
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["class", "popper-style", "popper-class", "visible", "virtual-ref", "virtual-triggering"])
-      ], 2);
-    };
-  }
-});
-var AdvanceSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "advance-select.vue"]]);
-
-export { AdvanceSelect as default };

package/es/advance-select/events-helpers.mjs

@@ -1,29 +0,0 @@
-import { inject } from 'vue';
-import { advanceSelectKey } from 'web-base-client-vue';
-import { getStyle } from 'element-plus/es/utils/index';
-import { createTablePopper } from 'element-plus/es/components/table/src/util';
-
-function useEvent(ns) {
-  const {
-    select: advanceSelect
-  } = inject(advanceSelectKey, {});
-  const handleOptionMouseEnter = (event, tooltipEffect) => {
-    const content = event.target.querySelector("." + ns.be("option", "content"));
-    const range = document.createRange();
-    range.setStart(content, 0);
-    range.setEnd(content, content.childNodes.length);
-    const rangeWidth = range.getBoundingClientRect().width;
-    const padding = (Number.parseInt(getStyle(content, "paddingLeft"), 10) || 0) + Number.parseInt(getStyle(content, "paddingRight"), 10) || 0;
-    if (rangeWidth + padding > content.offsetWidth || content.scrollWidth > content.offsetWidth) {
-      createTablePopper(advanceSelect == null ? void 0 : advanceSelect.refs.selectWrapper, content, content.innerText || content.textContent, {
-        placement: "top",
-        strategy: "fixed"
-      }, "dark");
-    }
-  };
-  return {
-    handleOptionMouseEnter
-  };
-}
-
-export { useEvent };

package/es/advance-select/index.mjs

@@ -1,13 +0,0 @@
-import { withInstall } from 'element-plus/es/utils/vue/install';
-import AdvanceSelect from './advance-select.mjs';
-import AdvanceOption from './advance-option.mjs';
-import AdvanceOperation from './advance-operation.mjs';
-
-const BwaAdvanceSelect = withInstall(AdvanceSelect, {
-  AdvanceOption,
-  AdvanceOperation
-});
-const BwaAdvanceOption = withInstall(AdvanceOption);
-const BwaAdvanceOperation = withInstall(AdvanceOperation);
-
-export { BwaAdvanceOperation, BwaAdvanceOption, BwaAdvanceSelect, BwaAdvanceSelect as default };

package/es/advance-select/use-advance-option.mjs

@@ -1,43 +0,0 @@
-import { inject, getCurrentInstance, computed, watch, onMounted, onUnmounted } from 'vue';
-import { advanceSelectKey } from 'web-base-client-vue';
-
-const useAdvanceOption = (props) => {
-  const advanceSelect = inject(advanceSelectKey);
-  const instance = getCurrentInstance();
-  const currentLabel = computed(() => props.label || props.value);
-  const showSelectIcon = computed(() => {
-    var _a, _b;
-    return (_b = (_a = advanceSelect == null ? void 0 : advanceSelect.props) == null ? void 0 : _a.showSelectIcon) != null ? _b : true;
-  });
-  const itemSelected = computed(() => {
-    if (!advanceSelect.props.multiple) {
-      return advanceSelect.props.modelValue === props.value || advanceSelect.props.modelValue === props.value + "";
-    } else {
-      return (advanceSelect.props.modelValue || []).includes(props.value);
-    }
-  });
-  const source = computed(() => {
-    return advanceSelect.props.source;
-  });
-  watch(() => props.value, (val, oldVal) => {
-    if (!Object.is(val, oldVal)) {
-      advanceSelect.onOptionDestroy(oldVal, instance.proxy);
-      advanceSelect.onOptionCreate(instance.proxy);
-    }
-  });
-  onMounted(() => {
-    advanceSelect.onOptionCreate(instance.proxy);
-  });
-  onUnmounted(() => {
-    advanceSelect.onOptionDestroy(props.value, instance.proxy);
-  });
-  return {
-    advanceSelect,
-    itemSelected,
-    currentLabel,
-    showSelectIcon,
-    source
-  };
-};
-
-export { useAdvanceOption };

package/es/advance-select/use-advance-select.mjs

@@ -1,117 +0,0 @@
-import { reactive, computed, watch } from 'vue';
-import 'lodash';
-
-const useAdvanceSelectStates = (props) => {
-  return reactive({
-    options: /* @__PURE__ */ new Map(),
-    cachedOptions: /* @__PURE__ */ new Map(),
-    optionsCount: 0,
-    selected: props.multiple ? [] : {},
-    search: "",
-    isShowPopper: false
-  });
-};
-const useAdvanceSelect = (props, states, ctx) => {
-  const cachedOptions = computed(() => Array.from(states.cachedOptions.values()));
-  watch(computed(() => states.isShowPopper), (isShowPopper) => {
-    if (!isShowPopper) {
-      states.search = "";
-    }
-  });
-  watch(() => props.modelValue, () => {
-    setSelected();
-  }, {
-    flush: "post",
-    deep: true
-  });
-  const selectedLabel = computed(() => {
-    return props.multiple ? states.selected.map((selected) => selected.label) : states.selected.label || props.modelValue;
-  });
-  const getOption = (value) => {
-    let option = null;
-    for (const item of cachedOptions.value) {
-      if (item.value === value) {
-        option = {
-          value,
-          label: item.currentLabel
-        };
-        break;
-      }
-    }
-    if (option) {
-      return option;
-    }
-    return {
-      value,
-      label: value
-    };
-  };
-  const setSelected = () => {
-    if (!props.multiple) {
-      const option = getOption(props.modelValue);
-      states.selected = option;
-      return;
-    }
-    const result = [];
-    if (Array.isArray(props.modelValue)) {
-      props.modelValue.forEach((value) => {
-        result.push(getOption(value));
-      });
-    }
-    states.selected = result;
-  };
-  const onOptionCreate = (option) => {
-    states.optionsCount++;
-    states.options.set(option.value, option);
-    states.cachedOptions.set(option.value, option);
-  };
-  const onOptionDestroy = (key, option) => {
-    if (states.options.get(key) === option) {
-      states.optionsCount--;
-      states.options.delete(key);
-    }
-  };
-  const handleClearClick = () => {
-    ctx.emit("update:modelValue", props.multiple ? [] : "");
-    if (props.closeAfterSelection) {
-      states.isShowPopper = false;
-    }
-  };
-  const handleOptionSelect = (option) => {
-    if (props.multiple) {
-      const value = (props.modelValue || []).slice();
-      const optionIndex = value.indexOf(option.value);
-      if (optionIndex > -1) {
-        if (props.required && value.length === 1) {
-          return;
-        }
-        value.splice(optionIndex, 1);
-      } else if (props.multipleLimit <= 0 || value.length < props.multipleLimit) {
-        value.push(option.value);
-      }
-      ctx.emit("update:modelValue", value);
-      if (props.closeAfterSelection) {
-        states.isShowPopper = false;
-      }
-    } else {
-      ctx.emit("update:modelValue", option.value);
-      states.isShowPopper = false;
-    }
-  };
-  const hidePoppper = () => {
-    states.isShowPopper = false;
-  };
-  watch(computed(() => states.options.entries()), () => {
-    setSelected();
-  });
-  return {
-    selectedLabel,
-    onOptionCreate,
-    onOptionDestroy,
-    handleClearClick,
-    handleOptionSelect,
-    hidePoppper
-  };
-};
-
-export { useAdvanceSelect, useAdvanceSelectStates };