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

package/lib/advance-select/advance-select.js

@@ -11,182 +11,212 @@ var advanceOption = require('./advance-option.js');
 var useAdvanceSelect = require('./use-advance-select.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const __default__ = vue.defineComponent({
-  name: "BwaAdvanceSelect"
-});
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    ...index.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: {
+  ...index.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 = webBaseClientVue.useGlobalConfig("debounceDelay", 500);
-    const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey, null);
-    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius } = vue.toRefs(props);
-    const slots = vue.useSlots();
-    const ns = webBaseClientVue.useNamespace("advance");
-    const states = useAdvanceSelect.useAdvanceSelectStates(props);
-    const {
-      options: optionInstances,
-      optionsCount,
-      search,
-      isShowPopper,
-      selected
-    } = vue.toRefs(states);
-    const column = vue.computed(() => {
-      var _a;
-      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
-    });
-    const {
-      selectedLabel,
-      onOptionCreate,
-      onOptionDestroy,
-      handleClearClick,
-      handleOptionSelect,
-      hidePoppper
-    } = useAdvanceSelect.useAdvanceSelect(props, states, {
-      emit
-    });
-    const disabled = vue.computed(() => !vue.unref(isShowPopper));
-    const { data: itfData, loading: dataLoading } = index.useData(disabled, search);
-    const loading = vue.computed(() => props.loading || vue.unref(dataLoading));
-    const data = vue.computed(() => props.options || vue.unref(itfData));
-    if (multiple.value && !Array.isArray(modelValue.value)) {
-      emit("update:modelValue", []);
-    }
-    if (!multiple.value && Array.isArray(modelValue.value)) {
-      emit("update:modelValue", "");
-    }
-    vue.watch(isShowPopper, (isShowPopper2) => {
-      emit("visible-change", isShowPopper2);
-    });
-    const subscription = new rxjs.Observable(
-      (observer) => vue.watch(search, observer.next.bind(observer))
-    ).pipe(rxjs.debounceTime(vue.unref(debounceDelay))).subscribe(emit.bind(null, "search"));
-    vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
-    vue.provide(
-      webBaseClientVue.advanceSelectKey,
-      vue.reactive({
-        props,
-        options: optionInstances,
-        selected,
-        onOptionCreate,
-        onOptionDestroy,
-        handleOptionSelect,
-        hidePoppper,
-        select: vue.getCurrentInstance()
-      })
-    );
-    const popperStyle = vue.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 = vue.resolveComponent("CaretBottom");
-      const _component_ElIcon = vue.resolveComponent("ElIcon");
-      const _component_ElInput = vue.resolveComponent("ElInput");
-      const _component_ElButton = vue.resolveComponent("ElButton");
-      const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
-      const _component_ElTooltip = vue.resolveComponent("ElTooltip");
-      const _directive_loading = vue.resolveDirective("loading");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b("select")),
-        "data-prefix": "el",
-        ref: "selectWrapper"
-      }, [
-        vue.createVNode(_component_ElTooltip, {
-          class: vue.normalizeClass(vue.unref(ns).be("select", "tooltip")),
-          effect: "light",
-          trigger: "click",
-          placement: "bottom-start",
-          "show-arrow": false,
-          "append-to": ".bwa-application",
-          "popper-style": popperStyle,
-          "popper-class": vue.unref(ns).be("select", "popper"),
-          persistent: true,
-          visible: vue.unref(isShowPopper),
-          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => vue.isRef(isShowPopper) ? isShowPopper.value = $event : null),
-          "virtual-ref": __props.virtualRef,
-          "virtual-triggering": __props.virtualTriggering
-        }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "reference", {
-              label: vue.unref(selectedLabel),
-              column: vue.unref(column)
-            }, () => [
-              __props.source ? (vue.openBlock(), vue.createElementBlock("div", {
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaAdvanceSelect',
+});
+
+
+
+
+
+const debounceDelay = webBaseClientVue.useGlobalConfig('debounceDelay', 500);
+
+const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey, null);
+
+const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius } =
+  vue.toRefs(props);
+
+const slots = vue.useSlots();
+
+const ns = webBaseClientVue.useNamespace('advance');
+
+const states = useAdvanceSelect.useAdvanceSelectStates(props);
+
+const {
+  options: optionInstances,
+  optionsCount,
+  search,
+  isShowPopper,
+  selected,
+} = vue.toRefs(states);
+
+const column = vue.computed(() => filterPanelItem?.column ?? null);
+
+const {
+  selectedLabel,
+  onOptionCreate,
+  onOptionDestroy,
+  handleClearClick,
+  handleOptionSelect,
+  hidePoppper,
+} = useAdvanceSelect.useAdvanceSelect(props, states, {
+  emit,
+});
+
+const disabled = vue.computed(() => !vue.unref(isShowPopper));
+// console.log(column,disabled,search)
+const { data: itfData, loading: dataLoading } = index.useData(disabled, search);
+
+const loading = vue.computed(() => props.loading || vue.unref(dataLoading));
+
+const data = vue.computed(() => props.options || vue.unref(itfData));
+
+if (multiple.value && !Array.isArray(modelValue.value)) {
+  emit('update:modelValue', []);
+}
+if (!multiple.value && Array.isArray(modelValue.value)) {
+  emit('update:modelValue', '');
+}
+
+vue.watch(isShowPopper, (isShowPopper) => {
+  emit('visible-change', isShowPopper);
+});
+
+const subscription = new rxjs.Observable((observer) =>
+  vue.watch(search, observer.next.bind(observer))
+)
+  .pipe(rxjs.debounceTime(vue.unref(debounceDelay)))
+  .subscribe(emit.bind(null, 'search'));
+
+vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
+
+vue.provide(
+  webBaseClientVue.advanceSelectKey,
+  vue.reactive({
+    props,
+    options: optionInstances,
+    selected,
+    onOptionCreate,
+    onOptionDestroy,
+    handleOptionSelect,
+    hidePoppper,
+    select: vue.getCurrentInstance(),
+  })
+);
+
+const popperStyle = vue.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 = vue.resolveComponent("CaretBottom");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElInput = vue.resolveComponent("ElInput");
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
+  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+  const _directive_loading = vue.resolveDirective("loading");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(vue.unref(ns).b('select')),
+    "data-prefix": "el",
+    ref: "selectWrapper"
+  }, [
+    vue.createVNode(_component_ElTooltip, {
+      class: vue.normalizeClass(vue.unref(ns).be('select', 'tooltip')),
+      effect: "light",
+      trigger: "click",
+      placement: "bottom-start",
+      "show-arrow": false,
+      "append-to": ".bwa-application",
+      "popper-style": popperStyle,
+      "popper-class": vue.unref(ns).be('select', 'popper'),
+      persistent: true,
+      visible: vue.unref(isShowPopper),
+      "onUpdate:visible": _cache[1] || (_cache[1] = $event => (vue.isRef(isShowPopper) ? (isShowPopper).value = $event : null)),
+      "virtual-ref": __props.virtualRef,
+      "virtual-triggering": __props.virtualTriggering
+    }, {
+      default: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "reference", {
+          label: vue.unref(selectedLabel),
+          column: vue.unref(column)
+        }, () => [
+          (__props.source)
+            ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: vue.normalizeClass([
-                  vue.unref(ns).be("select", "pct-reference"),
-                  vue.unref(ns).is("active", vue.unref(isShowPopper))
-                ])
+                class: vue.normalizeClass([
+              vue.unref(ns).be('select', 'pct-reference'),
+              vue.unref(ns).is('active', vue.unref(isShowPopper)),
+            ])
               }, [
                 vue.renderSlot(_ctx.$slots, "reference-content", {
                   label: vue.unref(selectedLabel),
@@ -194,38 +224,45 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   selected: vue.unref(selected)
                 }, () => [
                   vue.renderSlot(_ctx.$slots, "label", {}, () => [
-                    vue.unref(column) ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass(vue.unref(ns).be("select", "label"))
-                    }, vue.toDisplayString(vue.unref(column).title), 3)) : vue.createCommentVNode("v-if", true)
+                    (vue.unref(column))
+                      ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(ns).be('select', 'label'))
+                        }, vue.toDisplayString(vue.unref(column).title), 3 /* TEXT, CLASS */))
+                      : vue.createCommentVNode("v-if", true)
                   ]),
                   vue.renderSlot(_ctx.$slots, "value", { selected: vue.unref(selected) }, () => [
-                    vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass(vue.unref(ns).be("select", "content"))
-                    }, vue.toDisplayString(vue.unref(selectedLabel).length ? vue.unref(selectedLabel).join(",") : "\u5168\u90E8"), 3)) : (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 1,
-                      class: vue.normalizeClass(vue.unref(ns).be("select", "content"))
-                    }, vue.toDisplayString(vue.unref(selectedLabel) ? vue.unref(selectedLabel) : "\u5168\u90E8"), 3))
+                    (vue.unref(multiple))
+                      ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(ns).be('select', 'content'))
+                        }, vue.toDisplayString(vue.unref(selectedLabel).length ? vue.unref(selectedLabel).join(',') : '全部'), 3 /* TEXT, CLASS */))
+                      : (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 1,
+                          class: vue.normalizeClass(vue.unref(ns).be('select', 'content'))
+                        }, vue.toDisplayString(vue.unref(selectedLabel) ? vue.unref(selectedLabel) : '全部'), 3 /* TEXT, CLASS */))
                   ]),
-                  __props.showSelectIcon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-                    key: 0,
-                    class: vue.normalizeClass(vue.unref(ns).be("select", "caret"))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                        vue.createVNode(_component_CaretBottom)
-                      ])
-                    ]),
-                    _: 3
-                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                  (__props.showSelectIcon)
+                    ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+                        key: 0,
+                        class: vue.normalizeClass(vue.unref(ns).be('select', 'caret'))
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                            vue.createVNode(_component_CaretBottom)
+                          ])
+                        ]),
+                        _: 3 /* FORWARDED */
+                      }, 8 /* PROPS */, ["class"]))
+                    : vue.createCommentVNode("v-if", true)
                 ])
-              ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
+              ], 2 /* CLASS */))
+            : (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
-                class: vue.normalizeClass([
-                  vue.unref(ns).be("select", "reference"),
-                  vue.unref(ns).is("active", vue.unref(isShowPopper))
-                ])
+                class: vue.normalizeClass([
+              vue.unref(ns).be('select', 'reference'),
+              vue.unref(ns).is('active', vue.unref(isShowPopper)),
+            ])
               }, [
                 vue.renderSlot(_ctx.$slots, "reference-content", {
                   label: vue.unref(selectedLabel),
@@ -233,131 +270,152 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   selected: vue.unref(selected)
                 }, () => [
                   vue.renderSlot(_ctx.$slots, "label", {}, () => [
-                    vue.unref(column) ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass(vue.unref(ns).be("select", "label"))
-                    }, vue.toDisplayString(vue.unref(column).title), 3)) : vue.createCommentVNode("v-if", true)
+                    (vue.unref(column))
+                      ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(ns).be('select', 'label'))
+                        }, vue.toDisplayString(vue.unref(column).title), 3 /* TEXT, CLASS */))
+                      : vue.createCommentVNode("v-if", true)
                   ]),
                   vue.renderSlot(_ctx.$slots, "value", { selected: vue.unref(selected) }, () => [
-                    vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass(vue.unref(ns).be("select", "content"))
-                    }, vue.toDisplayString(vue.unref(selectedLabel).length ? vue.unref(selectedLabel).join(",") : "\u5168\u90E8"), 3)) : (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 1,
-                      class: vue.normalizeClass(vue.unref(ns).be("select", "content"))
-                    }, vue.toDisplayString(vue.unref(selectedLabel) ? vue.unref(selectedLabel) : "\u5168\u90E8"), 3))
+                    (vue.unref(multiple))
+                      ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(ns).be('select', 'content'))
+                        }, vue.toDisplayString(vue.unref(selectedLabel).length ? vue.unref(selectedLabel).join(',') : '全部'), 3 /* TEXT, CLASS */))
+                      : (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 1,
+                          class: vue.normalizeClass(vue.unref(ns).be('select', 'content'))
+                        }, vue.toDisplayString(vue.unref(selectedLabel) ? vue.unref(selectedLabel) : '全部'), 3 /* TEXT, CLASS */))
                   ])
                 ]),
-                __props.showSelectIcon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(ns).be("select", "caret"))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                      vue.createVNode(_component_CaretBottom)
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-              ], 2))
-            ])
-          ]),
-          content: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(ns).be("select", "content"), vue.unref(ns).is("single", !vue.unref(multiple))]),
-              style: { "margin": "6px" }
-            }, [
-              vue.renderSlot(_ctx.$slots, "contentTop"),
-              vue.unref(showSearch) ? (vue.openBlock(), vue.createElementBlock("div", {
+                (__props.showSelectIcon)
+                  ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(ns).be('select', 'caret'))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                          vue.createVNode(_component_CaretBottom)
+                        ])
+                      ]),
+                      _: 3 /* FORWARDED */
+                    }, 8 /* PROPS */, ["class"]))
+                  : vue.createCommentVNode("v-if", true)
+              ], 2 /* CLASS */))
+        ])
+      ]),
+      content: vue.withCtx(() => [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([vue.unref(ns).be('select', 'content'), vue.unref(ns).is('single', !vue.unref(multiple))]),
+          style: {'margin': '6px'}
+        }, [
+          vue.renderSlot(_ctx.$slots, "contentTop"),
+          (vue.unref(showSearch))
+            ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: vue.normalizeClass(vue.unref(ns).be("select", "input-wrapper"))
+                class: vue.normalizeClass(vue.unref(ns).be('select', 'input-wrapper'))
               }, [
                 vue.createVNode(_component_ElInput, {
                   modelValue: vue.unref(search),
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(search) ? search.value = $event : null),
-                  class: vue.normalizeClass(vue.unref(ns).be("select", "input")),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(search) ? (search).value = $event : null)),
+                  class: vue.normalizeClass(vue.unref(ns).be('select', 'input')),
                   placeholder: __props.searchPlaceholder,
                   type: "text",
                   "prefix-icon": "Search",
                   clearable: ""
-                }, null, 8, ["modelValue", "class", "placeholder"])
-              ], 2)) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).be("select", "operation-wrapper"))
-              }, [
-                vue.unref(multiple) || !__props.required ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  vue.unref(showSelection) ? (vue.openBlock(), vue.createBlock(advanceOperation["default"], {
-                    key: 0,
-                    class: vue.normalizeClass(vue.unref(ns).be("select", "selection-wrapper")),
-                    type: "selection",
-                    border: true
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("span", {
+                }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder"])
+              ], 2 /* CLASS */))
+            : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).be('select', 'operation-wrapper'))
+          }, [
+            (vue.unref(multiple) || !__props.required)
+              ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  (vue.unref(showSelection))
+                    ? (vue.openBlock(), vue.createBlock(advanceOperation["default"], {
                         key: 0,
-                        class: vue.normalizeClass([
-                          vue.unref(ns).be("select", "selection"),
-                          vue.unref(ns).is("has-selected", !!vue.unref(selected).length)
-                        ])
-                      }, " \u5DF2\u9009" + vue.toDisplayString(vue.unref(selected).length) + "\u9879 ", 3)) : vue.createCommentVNode("v-if", true),
-                      !__props.required ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
-                        key: 1,
-                        link: "",
-                        type: "primary",
-                        class: vue.normalizeClass(vue.unref(ns).be("select", "clear")),
-                        onClick: vue.unref(handleClearClick)
+                        class: vue.normalizeClass(vue.unref(ns).be('select', 'selection-wrapper')),
+                        type: "selection",
+                        border: true
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode(" \u6E05\u9664\u9009\u9879 ")
-                        ]),
-                        _: 1
-                      }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-                ], 64)) : vue.createCommentVNode("v-if", true),
-                vue.renderSlot(_ctx.$slots, "operation")
-              ], 2),
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(vue.unref(ns).be("select", "list"))
-              }, [
-                vue.createVNode(_component_ElScrollbar, { "max-height": vue.unref(listHeight) }, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(data), (item) => {
-                        return vue.openBlock(), vue.createBlock(advanceOption["default"], {
-                          key: item.value,
-                          value: item.value,
-                          label: item.label
-                        }, null, 8, ["value", "label"]);
-                      }), 128))
+                          (vue.unref(multiple))
+                            ? (vue.openBlock(), vue.createElementBlock("span", {
+                                key: 0,
+                                class: vue.normalizeClass([
+                      vue.unref(ns).be('select', 'selection'),
+                      vue.unref(ns).is('has-selected', !!vue.unref(selected).length),
                     ])
-                  ]),
-                  _: 3
-                }, 8, ["max-height"]),
-                !vue.unref(optionsCount) ? vue.renderSlot(_ctx.$slots, "empy", { key: 0 }, () => [
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(vue.unref(ns).be("select", "empty"))
-                  }, "\u672A\u5339\u914D\u5230\u76F8\u5173\u6761\u76EE", 2)
-                ]) : vue.createCommentVNode("v-if", true)
-              ], 2)), [
-                [_directive_loading, vue.unref(loading)]
+                              }, " 已选" + vue.toDisplayString(vue.unref(selected).length) + "项 ", 3 /* TEXT, CLASS */))
+                            : vue.createCommentVNode("v-if", true),
+                          (!__props.required)
+                            ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
+                                key: 1,
+                                link: "",
+                                type: "primary",
+                                class: vue.normalizeClass(vue.unref(ns).be('select', 'clear')),
+                                onClick: vue.unref(handleClearClick)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(" 清除选项 ")
+                                ]),
+                                _: 1 /* STABLE */
+                              }, 8 /* PROPS */, ["class", "onClick"]))
+                            : vue.createCommentVNode("v-if", true)
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["class"]))
+                    : vue.createCommentVNode("v-if", true)
+                ], 64 /* STABLE_FRAGMENT */))
+              : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "operation")
+          ], 2 /* CLASS */),
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass(vue.unref(ns).be('select', 'list'))
+          }, [
+            vue.createVNode(_component_ElScrollbar, { "max-height": vue.unref(listHeight) }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(data), (item) => {
+                    return (vue.openBlock(), vue.createBlock(advanceOption["default"], {
+                      key: item.value,
+                      value: item.value,
+                      label: item.label
+                    }, null, 8 /* PROPS */, ["value", "label"]))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ])
               ]),
-              vue.unref(slots).contentBottom ? (vue.openBlock(), vue.createElementBlock("div", {
+              _: 3 /* FORWARDED */
+            }, 8 /* PROPS */, ["max-height"]),
+            (!vue.unref(optionsCount))
+              ? vue.renderSlot(_ctx.$slots, "empy", { key: 0 }, () => [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(ns).be('select', 'empty'))
+                  }, "未匹配到相关条目", 2 /* CLASS */)
+                ])
+              : vue.createCommentVNode("v-if", true)
+          ], 2 /* CLASS */)), [
+            [_directive_loading, vue.unref(loading)]
+          ]),
+          (vue.unref(slots).contentBottom)
+            ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
-                class: vue.normalizeClass(vue.unref(ns).be("select", "bottom")),
-                style: vue.normalizeStyle({ "boxShadow": __props.source ? "none" : "", "padding": __props.source ? "0" : "4px 0px" })
+                class: vue.normalizeClass(vue.unref(ns).be('select', 'bottom')),
+                style: vue.normalizeStyle({'boxShadow': __props.source ? 'none': '', 'padding': __props.source ? '0': '4px 0px',})
               }, [
                 vue.renderSlot(_ctx.$slots, "contentBottom")
-              ], 6)) : vue.createCommentVNode("v-if", true)
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["class", "popper-style", "popper-class", "visible", "virtual-ref", "virtual-triggering"])
-      ], 2);
-    };
-  }
-});
-var AdvanceSelect = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "advance-select.vue"]]);
+              ], 6 /* CLASS, STYLE */))
+            : vue.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__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"advance-select.vue"]]);
 
-exports["default"] = AdvanceSelect;
+exports["default"] = BwaAdvanceSelect;