@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/components/select-dialog/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
 const index$2 = require("../../input/index.cjs");
@@ -9,7 +9,7 @@ const index$4 = require("../../button/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index$1.useCssName("select-dialog");
     const props = __props;
     const emit = __emit;
-    const value = vues.computed({
+    const value = vue.computed({
       get() {
         return props.modelValue;
       },
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         emit("update:modelValue", value2);
       }
     });
-    const inputName = vues.computed(() => {
+    const inputName = vue.computed(() => {
       if (props.value) {
         return props.value.map((v) => {
           return props.setInputName ? props.setInputName(v) : props.getName(v);
@@ -35,10 +35,10 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         return "";
       }
     });
-    const dialogVisible = vues.ref(false);
+    const dialogVisible = vue.ref(false);
     function onClear() {
       value.value = [];
-      vues.nextTick(() => {
+      vue.nextTick(() => {
         emit("update:modelValue", value.value);
         emit("change", value.value);
       });
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
           return o != key;
         });
       }
-      vues.nextTick(() => {
+      vue.nextTick(() => {
         emit("update:modelValue", value.value);
         emit("change", value.value);
       });
@@ -80,32 +80,32 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       inputName
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createElementBlock("div", {
-        class: vues.normalizeClass(vues.unref(cs).z())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vues.withDirectives(vues.createVNode(vues.unref(index$2.Input), {
+        vue.withDirectives(vue.createVNode(vue.unref(index$2.Input), {
           disabled: "",
           readonly: ""
         }, null, 512), [
-          [vues.vShow, false]
+          [vue.vShow, false]
         ]),
-        vues.createVNode(vues.unref(index$2.Input), {
+        vue.createVNode(vue.unref(index$2.Input), {
           modelValue: inputName.value,
           onClick,
-          placeholder: props.placeholder || vues.unref(getLocale)("form.select"),
+          placeholder: props.placeholder || vue.unref(getLocale)("form.select"),
           disabled: props.disabled,
           readonly: ""
         }, {
-          suffix: vues.withCtx(() => [
-            vues.renderSlot(_ctx.$slots, "suffix")
+          suffix: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "suffix")
           ]),
           _: 3
         }, 8, ["modelValue", "placeholder", "disabled"]),
-        vues.createVNode(vues.unref(index$3.Dialogs), {
+        vue.createVNode(vue.unref(index$3.Dialogs), {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
-          class: vues.normalizeClass(vues.unref(cs).z("dialog")),
-          "custom-class": vues.unref(cs).z("dialog"),
+          class: vue.normalizeClass(vue.unref(cs).z("dialog")),
+          "custom-class": vue.unref(cs).z("dialog"),
           title: props.title,
           "append-to-body": props.appendToBody,
           width: "calc(40px + " + props.width + ")",
@@ -113,103 +113,103 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             dialogVisible.value = false;
           }
         }, {
-          footer: vues.withCtx(() => [
-            vues.createElementVNode("span", {
-              class: vues.normalizeClass([vues.unref(cs).z("dialog-footer")])
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([vue.unref(cs).z("dialog-footer")])
             }, [
-              vues.createVNode(vues.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
               }, {
-                default: vues.withCtx(() => [
-                  vues.createTextVNode(vues.toDisplayString(vues.unref(getLocale)("form.cancel")), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.cancel")), 1)
                 ]),
                 _: 1
               }),
-              vues.createVNode(vues.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 type: "primary",
                 onClick: onDialogffirm
               }, {
-                default: vues.withCtx(() => [
-                  vues.createTextVNode(vues.toDisplayString(vues.unref(getLocale)("form.confirm")), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.confirm")), 1)
                 ]),
                 _: 1
               })
             ], 2)
           ]),
-          default: vues.withCtx(() => [
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("dialog-list"))
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("dialog-list"))
             }, [
-              vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default),
-              vues.createElementVNode("div", {
-                class: vues.normalizeClass([vues.unref(cs).z("dialog-li")])
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([vue.unref(cs).z("dialog-li")])
               }, [
-                vues.createElementVNode("div", {
-                  class: vues.normalizeClass([
-                    vues.unref(cs).z("dialog-li-top"),
-                    vues.unref(cs).z("dialog-li-top-select")
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("dialog-li-top"),
+                    vue.unref(cs).z("dialog-li-top-select")
                   ])
                 }, [
-                  _cache[3] || (_cache[3] = vues.createElementVNode("label", null, "已选择", -1)),
-                  vues.createElementVNode("span", {
+                  _cache[3] || (_cache[3] = vue.createElementVNode("label", null, "已选择", -1)),
+                  vue.createElementVNode("span", {
                     onClick: onClear,
-                    class: vues.normalizeClass([
-                      vues.unref(cs).z("dialog-li-top"),
-                      vues.unref(cs).z("dialog-li-top-clear")
+                    class: vue.normalizeClass([
+                      vue.unref(cs).z("dialog-li-top"),
+                      vue.unref(cs).z("dialog-li-top-clear")
                     ])
                   }, [..._cache[2] || (_cache[2] = [
-                    vues.createElementVNode("svg", {
+                    vue.createElementVNode("svg", {
                       viewBox: "0 0 1024 1024",
                       xmlns: "http://www.w3.org/2000/svg",
                       "data-v-ea893728": ""
                     }, [
-                      vues.createElementVNode("path", {
+                      vue.createElementVNode("path", {
                         fill: "currentColor",
                         d: "M896 448H128v192a64 64 0 0 0 64 64h192v192h256V704h192a64 64 0 0 0 64-64V448zm-770.752-64c0-47.552 5.248-90.24 15.552-128 14.72-54.016 42.496-107.392 83.2-160h417.28l-15.36 70.336L736 96h211.2c-24.832 42.88-41.92 96.256-51.2 160a663.872 663.872 0 0 0-6.144 128H960v256a128 128 0 0 1-128 128H704v160a32 32 0 0 1-32 32H352a32 32 0 0 1-32-32V768H192A128 128 0 0 1 64 640V384h61.248zm64 0h636.544c-2.048-45.824.256-91.584 6.848-137.216 4.48-30.848 10.688-59.776 18.688-86.784h-96.64l-221.12 141.248L561.92 160H256.512c-25.856 37.888-43.776 75.456-53.952 112.832-8.768 32.064-13.248 69.12-13.312 111.168z"
                       })
                     ], -1)
                   ])], 2)
                 ], 2),
-                vues.createElementVNode("div", {
-                  class: vues.normalizeClass(vues.unref(cs).z("dialog-gap"))
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("dialog-gap"))
                 }, null, 2),
-                vues.createElementVNode("div", {
-                  class: vues.normalizeClass([
-                    vues.unref(cs).z("dialog-li-div"),
-                    vues.unref(cs).z("dialog-li-select")
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("dialog-li-div"),
+                    vue.unref(cs).z("dialog-li-select")
                   ])
                 }, [
-                  (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(value.value, (item, index2) => {
-                    return vues.openBlock(), vues.createElementBlock("div", {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
                       key: index2,
-                      class: vues.normalizeClass([vues.unref(cs).z("dialog-li-select-li")])
+                      class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li")])
                     }, [
-                      vues.createElementVNode("div", {
-                        class: vues.normalizeClass([vues.unref(cs).z("dialog-li-top-select")])
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass([vue.unref(cs).z("dialog-li-top-select")])
                       }, [
-                        vues.createElementVNode("span", {
-                          class: vues.normalizeClass([vues.unref(cs).z("dialog-li-select-li-p1")])
-                        }, vues.toDisplayString(props.getName(item)), 3),
-                        vues.createElementVNode("span", {
-                          class: vues.normalizeClass([vues.unref(cs).z("dialog-li-select-li-del")]),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p1")])
+                        }, vue.toDisplayString(props.getName(item)), 3),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-del")]),
                           onClick: ($event) => onDelete(item)
                         }, [..._cache[4] || (_cache[4] = [
-                          vues.createElementVNode("svg", {
+                          vue.createElementVNode("svg", {
                             viewBox: "0 0 1024 1024",
                             xmlns: "http://www.w3.org/2000/svg",
                             "data-v-ea893728": ""
                           }, [
-                            vues.createElementVNode("path", {
+                            vue.createElementVNode("path", {
                               fill: "currentColor",
                               d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
                             })
                           ], -1)
                         ])], 10, _hoisted_1)
                       ], 2),
-                      props.getNameExplain ? (vues.openBlock(), vues.createElementBlock("div", {
+                      props.getNameExplain ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
-                        class: vues.normalizeClass([vues.unref(cs).z("dialog-li-select-li-p2")])
-                      }, vues.toDisplayString(props.getNameExplain(item)), 3)) : vues.createCommentVNode("", true)
+                        class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p2")])
+                      }, vue.toDisplayString(props.getNameExplain(item)), 3)) : vue.createCommentVNode("", true)
                     ], 2);
                   }), 128))
                 ], 2)

package/dist/components/select-popover/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const data = require("./data.cjs");
 const index$3 = require("../../popover/index.cjs");
@@ -9,24 +9,24 @@ require("../../../hooks/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const attrs = index.useInherit();
-    const slots = vues.useSlots();
+    const slots = vue.useSlots();
     const { getLocale } = index$1.useLocale();
     const cs = index$2.useCssName("select-popover");
     const props = __props;
     const emit = __emit;
-    const visible = vues.ref(false);
-    const width = vues.ref(200);
-    const refInput = vues.ref();
-    const isfocus = vues.ref(false);
-    const isFiletr = vues.ref(false);
-    const value = vues.computed({
+    const visible = vue.ref(false);
+    const width = vue.ref(200);
+    const refInput = vue.ref();
+    const isfocus = vue.ref(false);
+    const isFiletr = vue.ref(false);
+    const value = vue.computed({
       get() {
         let v = props.modelValue;
         return v;
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         emit("update:modelValue", value2);
       }
     });
-    const isclear = vues.computed(() => {
+    const isclear = vue.computed(() => {
       if (props.readonly) {
         return false;
       }
@@ -79,72 +79,72 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         visible.value = !visible.value;
       }
     }
-    vues.onMounted(() => {
+    vue.onMounted(() => {
       setWidth();
     });
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$3.Popover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.Popover), {
         trigger: "click",
-        "popper-class": vues.unref(cs).z("popper"),
+        "popper-class": vue.unref(cs).z("popper"),
         visible: visible.value,
         disabled: props.disabled,
         width: width.value
       }, {
-        reference: vues.withCtx(() => [
-          vues.createElementVNode("div", vues.mergeProps({
-            class: [vues.unref(cs).z(), vues.unref(cs).is("disabled", props.disabled)]
-          }, vues.unref(attrs).root, { onClick }), [
-            vues.createVNode(vues.unref(index$4.Inputs), vues.mergeProps({
+        reference: vue.withCtx(() => [
+          vue.createElementVNode("div", vue.mergeProps({
+            class: [vue.unref(cs).z(), vue.unref(cs).is("disabled", props.disabled)]
+          }, vue.unref(attrs).root, { onClick }), [
+            vue.createVNode(vue.unref(index$4.Inputs), vue.mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-            }, vues.unref(attrs).assem, {
+            }, vue.unref(attrs).assem, {
               disabled: props.disabled,
               readonly: props.readonly,
               onInput,
               onFocus,
               onBlur,
               clearable: false
-            }), vues.createSlots({
-              suffix: vues.withCtx(() => [
-                isclear.value ? (vues.openBlock(), vues.createElementBlock("span", {
+            }), vue.createSlots({
+              suffix: vue.withCtx(() => [
+                isclear.value ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
-                  class: vues.normalizeClass([vues.unref(cs).z("select-icon"), "clear"]),
-                  onClick: vues.withModifiers(onClear, ["stop"])
+                  class: vue.normalizeClass([vue.unref(cs).z("select-icon"), "clear"]),
+                  onClick: vue.withModifiers(onClear, ["stop"])
                 }, [..._cache[1] || (_cache[1] = [
-                  vues.createElementVNode("svg", {
+                  vue.createElementVNode("svg", {
                     viewBox: "0 0 1024 1024",
                     xmlns: "http://www.w3.org/2000/svg",
                     "data-v-ea893728": ""
                   }, [
-                    vues.createElementVNode("path", {
+                    vue.createElementVNode("path", {
                       fill: "currentColor",
                       d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
                     }),
-                    vues.createElementVNode("path", {
+                    vue.createElementVNode("path", {
                       fill: "currentColor",
                       d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
                     })
                   ], -1)
-                ])], 2)) : vues.createCommentVNode("", true),
-                vues.renderSlot(_ctx.$slots, "suffix"),
-                vues.createElementVNode("span", {
-                  class: vues.normalizeClass([
-                    vues.unref(cs).z("select-icon"),
-                    vues.unref(cs).is("reverse", visible.value)
+                ])], 2)) : vue.createCommentVNode("", true),
+                vue.renderSlot(_ctx.$slots, "suffix"),
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("select-icon"),
+                    vue.unref(cs).is("reverse", visible.value)
                   ])
                 }, [
-                  vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).iconSelect, {}, () => [
-                    _cache[2] || (_cache[2] = vues.createElementVNode("svg", {
+                  vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconSelect, {}, () => [
+                    _cache[2] || (_cache[2] = vue.createElementVNode("svg", {
                       viewBox: "0 0 1024 1024",
                       xmlns: "http://www.w3.org/2000/svg",
                       "data-v-ea893728": ""
                     }, [
-                      vues.createElementVNode("path", {
+                      vue.createElementVNode("path", {
                         fill: "currentColor",
                         d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
                       })
@@ -154,19 +154,19 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
               ]),
               _: 2
             }, [
-              vues.renderList(Object.keys(vues.unref(slots)), (k, index2) => {
+              vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
                 return {
                   name: k,
-                  fn: vues.withCtx(() => [
-                    vues.renderSlot(_ctx.$slots, k)
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, k)
                   ])
                 };
               })
             ]), 1040, ["modelValue", "disabled", "readonly"])
           ], 16)
         ]),
-        default: vues.withCtx(() => [
-          vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
         ]),
         _: 3
       }, 8, ["popper-class", "visible", "disabled", "width"]);

package/dist/components/select-scroll/src/index2.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
 const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -13,21 +13,21 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index.useCssName("select-scroll");
     const props = __props;
     const emit = __emit;
-    const h = vues.computed(() => {
+    const h = vue.computed(() => {
       let h2 = props.height || "";
       return Number(h2.replace("px", ""));
     });
     let timeout;
-    const refScroll = vues.ref();
-    const index$1 = vues.ref(0);
-    vues.watch(
+    const refScroll = vue.ref();
+    const index$1 = vue.ref(0);
+    vue.watch(
       () => index$1.value,
       () => {
         setScroll(index$1.value);
         emit("update:modelValue", index$1.value);
       }
     );
-    vues.watch(
+    vue.watch(
       () => props.modelValue,
       () => {
         setPropsValue();
@@ -105,11 +105,11 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         });
       }
     }
-    vues.onMounted(() => {
+    vue.onMounted(() => {
       handleScroll();
       setPropsValue();
     });
-    vues.onBeforeUnmount(() => {
+    vue.onBeforeUnmount(() => {
       if (refScroll.value) {
         refScroll.value.removeEventListener("scroll", () => {
         });
@@ -119,46 +119,46 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createElementBlock("div", {
-        class: vues.normalizeClass(vues.unref(cs).z())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vues.createElementVNode("div", {
-          class: vues.normalizeClass(vues.unref(cs).z("div")),
-          style: vues.normalizeStyle({
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(cs).z("div")),
+          style: vue.normalizeStyle({
             height: h.value * (props.limit * 2 + 1) + "px"
           })
         }, [
-          vues.createElementVNode("div", {
-            class: vues.normalizeClass(vues.unref(cs).z("box"))
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(cs).z("box"))
           }, [
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("box-after")),
-              style: vues.normalizeStyle({
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("box-after")),
+              style: vue.normalizeStyle({
                 "margin-top": h.value / 2 * -1 + "px"
               })
             }, null, 6),
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("box-before")),
-              style: vues.normalizeStyle({
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("box-before")),
+              style: vue.normalizeStyle({
                 "margin-top": h.value / 2 + "px"
               })
             }, null, 6),
-            vues.createElementVNode("div", {
+            vue.createElementVNode("div", {
               ref_key: "refScroll",
               ref: refScroll,
-              class: vues.normalizeClass(vues.unref(cs).z("list"))
+              class: vue.normalizeClass(vue.unref(cs).z("list"))
             }, [
-              (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(props.options, (item, ind) => {
-                return vues.openBlock(), vues.createElementBlock("div", {
-                  class: vues.normalizeClass([vues.unref(cs).z("list-li"), setClass(ind, item)]),
-                  onClick: vues.withModifiers(($event) => onClick(ind, item), ["stop"]),
-                  style: vues.normalizeStyle({
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item, ind) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass([vue.unref(cs).z("list-li"), setClass(ind, item)]),
+                  onClick: vue.withModifiers(($event) => onClick(ind, item), ["stop"]),
+                  style: vue.normalizeStyle({
                     height: h.value + "px",
                     "line-height": h.value + "px",
                     "margin-top": ind == 0 ? h.value * props.limit + "px" : "",
                     "margin-bottom": ind == props.options.length - 1 ? h.value * props.limit + "px" : ""
                   })
-                }, vues.toDisplayString(vues.unref(use.useVueValue)(item, props.label)), 15, _hoisted_1);
+                }, vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 15, _hoisted_1);
               }), 256))
             ], 2)
           ], 2)