@ctzy-web-client/plugin-component-vue 1.0.23 → 1.0.25

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

@@ -1,188 +1,218 @@
-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 { 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 '@ctzy-web-client/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 BwaAdvanceOption 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"],
+const _sfc_main = {
+  __name: 'advance-select',
+  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", {
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaAdvanceSelect',
+});
+
+
+
+
+
+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(() => filterPanelItem?.column ?? null);
+
+const {
+  selectedLabel,
+  onOptionCreate,
+  onOptionDestroy,
+  handleClearClick,
+  handleOptionSelect,
+  hidePoppper,
+} = useAdvanceSelect(props, states, {
+  emit,
+});
+
+const disabled = computed(() => !unref(isShowPopper));
+// console.log(column,disabled,search)
+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, (isShowPopper) => {
+  emit('visible-change', isShowPopper);
+});
+
+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))
-                ])
+                class: normalizeClass([
+              unref(ns).be('select', 'pct-reference'),
+              unref(ns).is('active', unref(isShowPopper)),
+            ])
               }, [
                 renderSlot(_ctx.$slots, "reference-content", {
                   label: unref(selectedLabel),
@@ -190,38 +220,45 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   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)
+                    (unref(column))
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass(unref(ns).be('select', 'label'))
+                        }, toDisplayString(unref(column).title), 3 /* TEXT, CLASS */))
+                      : 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))
+                    (unref(multiple))
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass(unref(ns).be('select', 'content'))
+                        }, toDisplayString(unref(selectedLabel).length ? unref(selectedLabel).join(',') : '全部'), 3 /* TEXT, CLASS */))
+                      : (openBlock(), createElementBlock("span", {
+                          key: 1,
+                          class: normalizeClass(unref(ns).be('select', 'content'))
+                        }, toDisplayString(unref(selectedLabel) ? unref(selectedLabel) : '全部'), 3 /* TEXT, CLASS */))
                   ]),
-                  __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)
+                  (__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 /* FORWARDED */
+                      }, 8 /* PROPS */, ["class"]))
+                    : createCommentVNode("v-if", true)
                 ])
-              ], 2)) : (openBlock(), createElementBlock("div", {
+              ], 2 /* CLASS */))
+            : (openBlock(), createElementBlock("div", {
                 key: 1,
-                class: normalizeClass([
-                  unref(ns).be("select", "reference"),
-                  unref(ns).is("active", unref(isShowPopper))
-                ])
+                class: normalizeClass([
+              unref(ns).be('select', 'reference'),
+              unref(ns).is('active', unref(isShowPopper)),
+            ])
               }, [
                 renderSlot(_ctx.$slots, "reference-content", {
                   label: unref(selectedLabel),
@@ -229,131 +266,152 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   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)
+                    (unref(column))
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass(unref(ns).be('select', 'label'))
+                        }, toDisplayString(unref(column).title), 3 /* TEXT, CLASS */))
+                      : 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))
+                    (unref(multiple))
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass(unref(ns).be('select', 'content'))
+                        }, toDisplayString(unref(selectedLabel).length ? unref(selectedLabel).join(',') : '全部'), 3 /* TEXT, CLASS */))
+                      : (openBlock(), createElementBlock("span", {
+                          key: 1,
+                          class: normalizeClass(unref(ns).be('select', 'content'))
+                        }, toDisplayString(unref(selectedLabel) ? unref(selectedLabel) : '全部'), 3 /* TEXT, CLASS */))
                   ])
                 ]),
-                __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", {
+                (__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 /* FORWARDED */
+                    }, 8 /* PROPS */, ["class"]))
+                  : createCommentVNode("v-if", true)
+              ], 2 /* CLASS */))
+        ])
+      ]),
+      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"))
+                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")),
+                  "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", {
+                }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder"])
+              ], 2 /* CLASS */))
+            : 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"),
-                          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)
+                        class: normalizeClass(unref(ns).be('select', 'selection-wrapper')),
+                        type: "selection",
+                        border: true
                       }, {
                         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))
+                          (unref(multiple))
+                            ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                class: normalizeClass([
+                      unref(ns).be('select', 'selection'),
+                      unref(ns).is('has-selected', !!unref(selected).length),
                     ])
-                  ]),
-                  _: 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)]
+                              }, " 已选" + toDisplayString(unref(selected).length) + "项 ", 3 /* TEXT, CLASS */))
+                            : 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(" 清除选项 ")
+                                ]),
+                                _: 1 /* STABLE */
+                              }, 8 /* PROPS */, ["class", "onClick"]))
+                            : createCommentVNode("v-if", true)
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["class"]))
+                    : createCommentVNode("v-if", true)
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "operation")
+          ], 2 /* CLASS */),
+          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(BwaAdvanceOption, {
+                      key: item.value,
+                      value: item.value,
+                      label: item.label
+                    }, null, 8 /* PROPS */, ["value", "label"]))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ])
               ]),
-              unref(slots).contentBottom ? (openBlock(), createElementBlock("div", {
+              _: 3 /* FORWARDED */
+            }, 8 /* PROPS */, ["max-height"]),
+            (!unref(optionsCount))
+              ? renderSlot(_ctx.$slots, "empy", { key: 0 }, () => [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).be('select', 'empty'))
+                  }, "未匹配到相关条目", 2 /* CLASS */)
+                ])
+              : createCommentVNode("v-if", true)
+          ], 2 /* CLASS */)), [
+            [_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" })
+                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"]]);
+              ], 6 /* CLASS, STYLE */))
+            : createCommentVNode("v-if", true)
+        ], 2 /* CLASS */)
+      ]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["class", "popper-style", "popper-class", "visible", "virtual-ref", "virtual-triggering"])
+  ], 2 /* CLASS */))
+}
+}
+
+};
+var BwaAdvanceSelect = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"advance-select.vue"]]);
 
-export { AdvanceSelect as default };
+export { BwaAdvanceSelect as default };