@ctzy-web-client/plugin-component-vue 1.0.0 → 1.0.1

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };

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

@@ -0,0 +1,43 @@
+import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { advanceSelectKey, useNamespace } from 'web-base-client-vue';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaAdvanceOperation"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    border: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "button"
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const advanceSelect = inject(advanceSelectKey);
+    const clickHandle = () => {
+      if (props.type !== "button") {
+        return;
+      }
+      advanceSelect.hidePoppper();
+      emit("click");
+    };
+    const ns = useNamespace("advance");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).be("select", "operation"), unref(ns).is("border", __props.border)]),
+        onClick: clickHandle
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var AdvanceOperation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "advance-operation.vue"]]);
+
+export { AdvanceOperation as default };

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

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

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

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

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

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