@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/select-dialog/src/index.vue

@@ -0,0 +1,218 @@
+<template>
+	<div :class="cs.z()">
+		<!-- 解决点击左侧会弹框问题 -->
+		<Input v-show="false" disabled readonly> </Input>
+		<Input
+			:modelValue="inputName"
+			@click="onClick"
+			:placeholder="props.placeholder || getLocale('form.select')"
+			:disabled="props.disabled"
+			readonly
+		>
+			<template #suffix>
+				<slot name="suffix"> </slot>
+			</template>
+		</Input>
+		<Dialog
+			v-model="dialogVisible"
+			:class="cs.z('dialog')"
+			:custom-class="cs.z('dialog')"
+			:title="props.title"
+			:append-to-body="props.appendToBody"
+			:width="'calc(40px + ' + props.width + ')'"
+			:before-close="
+				() => {
+					dialogVisible = false;
+				}
+			"
+		>
+			<div :class="cs.z('dialog-list')">
+				<slot :name="dataSlot.default"></slot>
+				<div :class="[cs.z('dialog-li')]">
+					<div
+						:class="[
+							cs.z('dialog-li-top'),
+							cs.z('dialog-li-top-select'),
+						]"
+					>
+						<label>已选择</label>
+						<span
+							@click="onClear"
+							:class="[
+								cs.z('dialog-li-top'),
+								cs.z('dialog-li-top-clear'),
+							]"
+						>
+							<svg
+								viewBox="0 0 1024 1024"
+								xmlns="http://www.w3.org/2000/svg"
+								data-v-ea893728=""
+							>
+								<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"
+								></path>
+							</svg>
+						</span>
+					</div>
+					<div :class="cs.z('dialog-gap')"></div>
+					<div
+						:class="[
+							cs.z('dialog-li-div'),
+							cs.z('dialog-li-select'),
+						]"
+					>
+						<div
+							v-for="(item, index) in value"
+							:key="index"
+							:class="[cs.z('dialog-li-select-li')]"
+						>
+							<div :class="[cs.z('dialog-li-top-select')]">
+								<span
+									:class="[cs.z('dialog-li-select-li-p1')]"
+									>{{ props.getName(item) }}</span
+								>
+								<span
+									:class="[cs.z('dialog-li-select-li-del')]"
+									@click="onDelete(item)"
+								>
+									<svg
+										viewBox="0 0 1024 1024"
+										xmlns="http://www.w3.org/2000/svg"
+										data-v-ea893728=""
+									>
+										<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"
+										></path>
+									</svg>
+								</span>
+							</div>
+							<div
+								v-if="props.getNameExplain"
+								:class="[cs.z('dialog-li-select-li-p2')]"
+							>
+								{{ props.getNameExplain(item) }}
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<template #footer>
+				<span :class="[cs.z('dialog-footer')]">
+					<Button @click="dialogVisible = false">{{
+						getLocale('form.cancel')
+					}}</Button>
+					<Button type="primary" @click="onDialogffirm">{{
+						getLocale('form.confirm')
+					}}</Button>
+				</span>
+			</template>
+		</Dialog>
+	</div>
+</template>
+<script lang="ts" setup>
+	import {
+		dataProps,
+		dataEmits,
+		dataExpose,
+		dataSlot,
+		type ModelValue,
+	} from './data';
+	import { useCssName, useLocale } from '../../../hooks/index';
+	import Input from '../../input/index';
+	import Dialog from '../../dialog/index';
+	import Button from '../../button/index';
+	import { computed, ref, nextTick } from 'vue';
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('select-dialog');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+
+	const value = computed({
+		get() {
+			return props.modelValue;
+		},
+		set(value) {
+			emit('update:modelValue', value);
+		},
+	});
+
+	const inputName = computed(() => {
+		if (props.value) {
+			return props.value
+				.map((v) => {
+					return props.setInputName
+						? props.setInputName(v)
+						: props.getName(v);
+				})
+				.join(props.separator);
+		} else {
+			return '';
+		}
+	});
+
+	/**
+	 * 弹框是否显示
+	 */
+	const dialogVisible = ref(false);
+
+	/**
+	 * 清除
+	 */
+	function onClear() {
+		value.value = [];
+		nextTick(() => {
+			emit('update:modelValue', value.value);
+			emit('change', value.value);
+		});
+	}
+
+	/**
+	 * 删除数据
+	 * @param {*} key
+	 * @param {*} index
+	 */
+	function onDelete(key: ModelValue) {
+		if (value.value) {
+			value.value = value.value.filter((o) => {
+				return o != key;
+			});
+		}
+		nextTick(() => {
+			emit('update:modelValue', value.value);
+			emit('change', value.value);
+		});
+	}
+
+	function onDialogffirm() {
+		if (value.value) {
+			emit('confirm', [...value.value]);
+		} else {
+			emit('confirm', []);
+		}
+		dialogVisible.value = false;
+		emit('dialog', dialogVisible.value);
+	}
+
+	function onClick() {
+		if (!props.disabled) {
+			if (props.value) {
+				value.value = [...props.value];
+			} else {
+				value.value = [];
+			}
+			dialogVisible.value = true;
+			emit('update:modelValue', value.value);
+			emit('dialog', dialogVisible.value);
+		}
+	}
+
+	defineExpose({
+		...dataExpose,
+		inputName,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/select-popover/index.d.ts

@@ -1,5 +1,7 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 declare const SelectPopover: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly: {
             type: BooleanConstructor;
         };
@@ -12,13 +14,13 @@ declare const SelectPopover: {
         modelValue: {
             type: StringConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         disabled: boolean;
         clearable: boolean;
         readonly: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refInput: ({
-            $: import('vue').ComponentInternalInstance;
+            $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 oncePlaceholder: boolean;
@@ -26,7 +28,7 @@ declare const SelectPopover: {
                 readonly oncePlaceholder: boolean;
                 readonly modelValue?: string | number | undefined;
                 readonly placeholder?: string | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "oncePlaceholder">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -36,14 +38,14 @@ declare const SelectPopover: {
                 refEl: HTMLDivElement;
             };
             $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
+                [name: string]: Slot<any> | undefined;
             }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 oncePlaceholder: {
                     type: BooleanConstructor;
                 };
@@ -54,10 +56,10 @@ declare const SelectPopover: {
                     type: (NumberConstructor | StringConstructor)[];
                 };
             }>> & Readonly<{}>, {
-                el: import('vue').Ref<any, any>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                el: Ref<any, any>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
                 oncePlaceholder: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -70,16 +72,16 @@ declare const SelectPopover: {
                 beforeUnmount?: (() => void) | (() => void)[];
                 destroyed?: (() => void) | (() => void)[];
                 unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{
             oncePlaceholder: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        }> & Omit<Readonly< ExtractPropTypes<{
             oncePlaceholder: {
                 type: BooleanConstructor;
             };
@@ -89,19 +91,19 @@ declare const SelectPopover: {
             modelValue: {
                 type: (NumberConstructor | StringConstructor)[];
             };
-        }>> & Readonly<{}>, "el" | "oncePlaceholder"> & import('vue').ShallowUnwrapRef<{
-            el: import('vue').Ref<any, any>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>> & Readonly<{}>, "el" | "oncePlaceholder"> & ShallowUnwrapRef<{
+            el: Ref<any, any>;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: Partial<Record<string, (_: {}) => any>>;
         }) | null;
-    }, any, import('vue').ComponentProvideOptions, {
+    }, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         readonly: {
             type: BooleanConstructor;
         };
@@ -122,7 +124,7 @@ declare const SelectPopover: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     readonly: {
         type: BooleanConstructor;
     };
@@ -135,13 +137,13 @@ declare const SelectPopover: {
     modelValue: {
         type: StringConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     disabled: boolean;
     clearable: boolean;
     readonly: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
         suffix?(_: {}): any;
     };
-}) & import('vue').Plugin;
+}) & Plugin;
 export { SelectPopover, SelectPopover as default };

package/dist/components/select-popover/index.ts

@@ -0,0 +1,7 @@
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const SelectPopover = withInstall(SrcVue, 'SelectPopover');
+export {
+   SelectPopover,
+   SelectPopover as default
+};

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

@@ -15,6 +15,7 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({

package/dist/components/select-popover/src/data.js

@@ -13,6 +13,7 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({

package/dist/components/select-popover/src/data.ts

@@ -0,0 +1,51 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/index';
+
+export const dataProps = buildProps({
+	readonly: {
+		type: Boolean,
+	},
+	disabled: {
+		type: Boolean,
+	},
+	clearable: {
+		type: Boolean,
+	},
+	/**
+	 * @props { } modelValue 选择值v-model
+	 */
+	modelValue: {
+		type: String,
+	},
+});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = [
+	'update:modelValue',
+	'focus',
+	'blur',
+	'change',
+	'input',
+];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	iconSelect: 'icon-select',
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const index$5 = require("../../../directives/expose/index.cjs");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const data = require("./data.cjs");
@@ -22,24 +22,24 @@ require("@fangzhongya/utils/basic/object/objValue");
 require("../../../hooks/global-config/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.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 = require$$0.useSlots();
+    const slots = vue.useSlots();
     index$1.useLocale();
     const cs = index$2.useCssName("select-popover");
     const props = __props;
     const emit = __emit;
-    const visible = require$$0.ref(false);
-    const width = require$$0.ref(200);
-    const refInput = require$$0.ref();
-    const isfocus = require$$0.ref(false);
-    const isFiletr = require$$0.ref(false);
-    const value = require$$0.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;
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         emit("update:modelValue", value2);
       }
     });
-    const isclear = require$$0.computed(() => {
+    const isclear = vue.computed(() => {
       if (props.readonly) {
         return false;
       }
@@ -92,72 +92,72 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         visible.value = !visible.value;
       }
     }
-    require$$0.onMounted(() => {
+    vue.onMounted(() => {
       setWidth();
     });
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.Popover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.Popover), {
         trigger: "click",
-        "popper-class": require$$0.unref(cs).z("popper"),
+        "popper-class": vue.unref(cs).z("popper"),
         visible: visible.value,
         disabled: props.disabled,
         width: width.value
       }, {
-        reference: require$$0.withCtx(() => [
-          require$$0.createElementVNode("div", require$$0.mergeProps({
-            class: [require$$0.unref(cs).z(), require$$0.unref(cs).is("disabled", props.disabled)]
-          }, require$$0.unref(attrs).root, { onClick }), [
-            require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$4.Inputs), require$$0.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.withDirectives((vue.openBlock(), vue.createBlock(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)
-            }, require$$0.unref(attrs).assem, {
+            }, vue.unref(attrs).assem, {
               disabled: props.disabled,
               readonly: props.readonly,
               onInput,
               onFocus,
               onBlur,
               clearable: false
-            }), require$$0.createSlots({
-              suffix: require$$0.withCtx(() => [
-                isclear.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+            }), vue.createSlots({
+              suffix: vue.withCtx(() => [
+                isclear.value ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
-                  class: require$$0.normalizeClass([require$$0.unref(cs).z("select-icon"), "clear"]),
-                  onClick: require$$0.withModifiers(onClear, ["stop"])
+                  class: vue.normalizeClass([vue.unref(cs).z("select-icon"), "clear"]),
+                  onClick: vue.withModifiers(onClear, ["stop"])
                 }, _cache[1] || (_cache[1] = [
-                  require$$0.createElementVNode("svg", {
+                  vue.createElementVNode("svg", {
                     viewBox: "0 0 1024 1024",
                     xmlns: "http://www.w3.org/2000/svg",
                     "data-v-ea893728": ""
                   }, [
-                    require$$0.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"
                     }),
-                    require$$0.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)) : require$$0.createCommentVNode("", true),
-                require$$0.renderSlot(_ctx.$slots, "suffix"),
-                require$$0.createElementVNode("span", {
-                  class: require$$0.normalizeClass([
-                    require$$0.unref(cs).z("select-icon"),
-                    require$$0.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)
                   ])
                 }, [
-                  require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).iconSelect, {}, () => [
-                    _cache[2] || (_cache[2] = require$$0.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": ""
                     }, [
-                      require$$0.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"
                       })
@@ -167,21 +167,21 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
               ]),
               _: 2
             }, [
-              require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, index2) => {
+              vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
                 return {
                   name: k,
-                  fn: require$$0.withCtx(() => [
-                    require$$0.renderSlot(_ctx.$slots, k)
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, k)
                   ])
                 };
               })
             ]), 1040, ["modelValue", "disabled", "readonly"])), [
-              [require$$0.unref(index$5.default), {}]
+              [vue.unref(index$5.default), {}]
             ])
           ], 16)
         ]),
-        default: require$$0.withCtx(() => [
-          require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default)
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
         ]),
         _: 3
       }, 8, ["popper-class", "visible", "disabled", "width"]);