@ctzy-web-client/plugin-component-vue 1.0.26 → 1.0.28

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

@@ -11,411 +11,368 @@ var advanceOption = require('./advance-option.js');
 var useAdvanceSelect = require('./use-advance-select.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-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;
-
-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", {
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+const __default__ = vue.defineComponent({
+  name: "BwaAdvanceSelect"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    ...index.dataProps,
+    options: {
+      type: Array
+    },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
+    },
+    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: __expose, emit: __emit }) {
+    ;
+    const props = __props;
+    const emit = __emit;
+    const debounceDelay = webBaseClientVue.useGlobalConfig("debounceDelay", 500);
+    const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey, null);
+    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius, showLetterAvatar } = 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: column.value
+            }, () => [
+              __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),
-                  column: vue.unref(column),
+                  column: column.value,
                   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 /* TEXT, CLASS */))
-                      : vue.createCommentVNode("v-if", true)
+                    column.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(ns).be("select", "label"))
+                    }, vue.toDisplayString(column.value.title), 3)) : 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(',') : '全部'), 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 */))
+                    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))
                   ]),
-                  (__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)
+                  __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 /* CLASS */))
-            : (vue.openBlock(), vue.createElementBlock("div", {
+              ], 2)) : (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),
-                  column: vue.unref(column),
+                  column: column.value,
                   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 /* TEXT, CLASS */))
-                      : vue.createCommentVNode("v-if", true)
+                    column.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(ns).be("select", "label"))
+                    }, vue.toDisplayString(column.value.title), 3)) : 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(',') : '全部'), 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 */))
+                    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))
                   ])
                 ]),
-                (__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", {
+                __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", {
                 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 /* 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"], {
+                }, 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", {
                         key: 0,
-                        class: vue.normalizeClass(vue.unref(ns).be('select', 'selection-wrapper')),
-                        type: "selection",
-                        border: true
+                        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)
                       }, {
-                        default: vue.withCtx(() => [
-                          (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),
+                        default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                          vue.createTextVNode(" \u6E05\u9664\u9009\u9879 ", -1)
+                        ])]),
+                        _: 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(data.value, (item) => {
+                        return vue.openBlock(), vue.createBlock(advanceOption["default"], {
+                          key: item.value,
+                          value: item.value,
+                          label: item.label
+                        }, null, 8, ["value", "label"]);
+                      }), 128))
                     ])
-                              }, " 已选" + 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 */))
-                ])
-              ]),
-              _: 3 /* FORWARDED */
-            }, 8 /* PROPS */, ["max-height"]),
-            (!vue.unref(optionsCount))
-              ? vue.renderSlot(_ctx.$slots, "empy", { key: 0 }, () => [
+                  ]),
+                  _: 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'))
-                  }, "未匹配到相关条目", 2 /* CLASS */)
-                ])
-              : vue.createCommentVNode("v-if", true)
-          ], 2 /* CLASS */)), [
-            [_directive_loading, vue.unref(loading)]
-          ]),
-          (vue.unref(slots).contentBottom)
-            ? (vue.openBlock(), vue.createElementBlock("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, loading.value]
+              ]),
+              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 /* 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"]]);
+              ], 6)) : vue.createCommentVNode("v-if", true)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["class", "popper-style", "popper-class", "visible", "virtual-ref", "virtual-triggering"])
+      ], 2);
+    };
+  }
+});
+var BwaAdvanceSelect = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "advance-select.vue"]]);
 
 exports["default"] = BwaAdvanceSelect;