@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/selector/src/index.vue

@@ -0,0 +1,245 @@
+<template>
+	<ElPopover
+		@after-enter="afterEnter"
+		placement="bottom"
+		:popper-class="cs.z('popper')"
+		trigger="click"
+		:width="props.width"
+		:disabled="props.disabled"
+		:visible="data.timeShow"
+	>
+		<template #reference>
+			<InputArray
+				:rangeSeparator="props.rangeSeparator"
+				:startPlaceholder="props.startPlaceholder"
+				:endPlaceholder="props.endPlaceholder"
+				readonly
+				:clearable="props.clearable"
+				:modelValue="[data.sname, data.ename]"
+				@focus="data.timeShow = true"
+				@clear="onCancel"
+			>
+			</InputArray>
+		</template>
+		<div :class="cs.z('select')">
+			<div :class="cs.z('select-list')">
+				<div :class="cs.z('select-list-li')">
+					<div :class="cs.z('select-list-title')">
+						{{ props.startPlaceholder }}
+					</div>
+					<SelectScroll
+						v-model="zindex"
+						:max="yindex"
+						:label="props.label"
+						:options="props.options"
+					></SelectScroll>
+				</div>
+				<div :class="cs.z('select-list-li')">
+					<div :class="cs.z('select-list-title')">
+						{{ props.endPlaceholder }}
+					</div>
+					<SelectScroll
+						:min="zindex"
+						v-model="yindex"
+						:label="props.label"
+						:options="props.options"
+					></SelectScroll>
+				</div>
+			</div>
+			<div :class="cs.z('select-buts')">
+				<ElButton text @click.stop="onCancel">{{ '关闭' }}</ElButton>
+				<ElButton type="primary" @click.stop="onDetermine">{{
+					'确认'
+				}}</ElButton>
+			</div>
+		</div>
+	</ElPopover>
+</template>
+<script lang="ts" setup>
+	import { ElButton, ElPopover } from 'element-plus';
+	import SelectScroll from '../../select-scroll/index';
+	import { useVueValue } from '../../common/use';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { ref, watch, reactive } from 'vue';
+	import InputArray from '../../input-array/index';
+	// 样式设置方法
+	const cs = useCssName('selector');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const data = reactive({
+		timeShow: false,
+		sname: '',
+		ename: '',
+		startVal: 0, //开始框value值
+		endVal: props.options.length - 1, //结束框value值
+	});
+	const isShow = ref(false);
+	function onMousemove() {
+		isShow.value = true;
+	}
+	function onMouseout() {
+		isShow.value = false;
+	}
+
+	watch(
+		[() => props.options, () => props.modelValue],
+		(newList, oldList) => {
+			setElValue(props.modelValue);
+		},
+		{ deep: true, immediate: true },
+	);
+
+	const zindex = ref(0);
+	const yindex = ref(0);
+
+	function setElValue(val?: any[]) {
+		let arr = props.options;
+		let at = arr.length;
+		if (val && arr && at > 0) {
+			let s = val[0] || '';
+			let e = val[1] || '';
+			if (s) {
+				data.startVal = getInidex(s, 1) || 0;
+			} else {
+				data.startVal = 0;
+			}
+			if (e) {
+				data.endVal = getInidex(e, 2) || 0;
+			} else {
+				data.endVal = 0;
+			}
+		} else {
+			data.startVal = 0;
+			data.endVal = 0;
+		}
+	}
+	function getInidex(value: any, key: number) {
+		const arr = props.options;
+		for (let i = 0; i < arr.length; i++) {
+			const v = arr[i];
+			const o = useVueValue(v, props.prop);
+			if (o === value) {
+				if (key == 1) {
+					data.sname = useVueValue(v, props.label);
+				} else {
+					data.ename = useVueValue(v, props.label);
+				}
+				return i;
+			}
+		}
+	}
+	function afterEnter() {
+		zindex.value = data.startVal;
+		yindex.value = data.endVal;
+	}
+
+	function onCancel() {
+		data.startVal = 0;
+		data.endVal = 0;
+		data.sname = '';
+		data.ename = '';
+		zindex.value = 0;
+		yindex.value = 0;
+		emit('update:modelValue', null);
+		emit('change', null);
+		data.timeShow = false;
+	}
+
+	function onDetermine() {
+		data.startVal = zindex.value;
+		data.endVal = yindex.value;
+		const so = props.options[data.startVal];
+		const eo = props.options[data.endVal];
+		data.ename = useVueValue(eo, props.label);
+		data.sname = useVueValue(so, props.label);
+		const value = [
+			useVueValue(so, props.prop),
+			useVueValue(eo, props.prop),
+		];
+		emit('update:modelValue', value);
+		data.timeShow = false;
+		emit('change', value, [so, eo]);
+	}
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss" scoped>
+	$selectors: 'selector';
+	.#{$selectors} {
+		padding: 3px 10px;
+		display: flex;
+		align-items: center;
+		position: relative;
+		box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
+		background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+		border-radius: var(
+			--el-input-border-radius,
+			var(--el-border-radius-base)
+		);
+		&:hover {
+			box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+		}
+		&.is-active {
+			box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+		}
+		&.el-date-editor {
+			.el-range-separator {
+				flex: 0;
+			}
+		}
+		.#{$selectors}-input {
+			flex: 1;
+			text-align: center;
+			.el-input__inner {
+				text-align: center;
+				border: none;
+			}
+		}
+		.#{$selectors}-separator {
+		}
+		.#{$selectors}-clearable {
+			align-items: center;
+			justify-content: center;
+			width: 20px;
+			height: 100%;
+			svg {
+				width: 1rem;
+				height: 1rem;
+			}
+		}
+	}
+
+	.#{$selectors}-popper {
+		&.el-popover.el-popper {
+			padding: 0;
+		}
+		.#{$selectors}-select {
+			padding: 5px 10px;
+			z-index: 1000;
+			width: 300px;
+			overflow: hidden;
+			.#{$selectors}-select-list {
+				display: flex;
+				.#{$selectors}-select-list-li {
+					flex: 1;
+					height: 100%;
+					display: flex;
+					flex-direction: column;
+					.#{$selectors}-select-list-title {
+						padding: 5px 0;
+						border-bottom: 1px solid var(--el-border-color-lighter);
+						text-align: center;
+					}
+				}
+			}
+			.#{$selectors}-select-buts {
+				border-top: 1px solid var(--el-border-color-lighter);
+				text-align: right;
+				padding-right: 0;
+			}
+		}
+	}
+</style>

package/dist/components/selector/src/index2.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const elementPlus = require("element-plus");
 const index$1 = require("../../select-scroll/index.cjs");
 const use = require("../../common/use.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../input-array/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index.useCssName("selector");
     const props = __props;
     const emit = __emit;
-    const data$1 = require$$0.reactive({
+    const data$1 = vue.reactive({
       timeShow: false,
       sname: "",
       ename: "",
@@ -24,16 +24,16 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       endVal: props.options.length - 1
       //结束框value值
     });
-    require$$0.ref(false);
-    require$$0.watch(
+    vue.ref(false);
+    vue.watch(
       [() => props.options, () => props.modelValue],
       (newList, oldList) => {
         setElValue(props.modelValue);
       },
       { deep: true, immediate: true }
     );
-    const zindex = require$$0.ref(0);
-    const yindex = require$$0.ref(0);
+    const zindex = vue.ref(0);
+    const yindex = vue.ref(0);
     function setElValue(val) {
       let arr = props.options;
       let at = arr.length;
@@ -104,17 +104,17 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElPopover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
         onAfterEnter: afterEnter,
         placement: "bottom",
-        "popper-class": require$$0.unref(cs).z("popper"),
+        "popper-class": vue.unref(cs).z("popper"),
         trigger: "click",
         width: props.width,
         disabled: props.disabled,
         visible: data$1.timeShow
       }, {
-        reference: require$$0.withCtx(() => [
-          require$$0.createVNode(require$$0.unref(index$2.InputArray), {
+        reference: vue.withCtx(() => [
+          vue.createVNode(vue.unref(index$2.InputArray), {
             rangeSeparator: props.rangeSeparator,
             startPlaceholder: props.startPlaceholder,
             endPlaceholder: props.endPlaceholder,
@@ -125,20 +125,20 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
             onClear: onCancel
           }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue"])
         ]),
-        default: require$$0.withCtx(() => [
-          require$$0.createElementVNode("div", {
-            class: require$$0.normalizeClass(require$$0.unref(cs).z("select"))
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(cs).z("select"))
           }, [
-            require$$0.createElementVNode("div", {
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("select-list"))
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("select-list"))
             }, [
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("select-list-li"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("select-list-li"))
               }, [
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("select-list-title"))
-                }, require$$0.toDisplayString(props.startPlaceholder), 3),
-                require$$0.createVNode(require$$0.unref(index$1.SelectScroll), {
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
+                }, vue.toDisplayString(props.startPlaceholder), 3),
+                vue.createVNode(vue.unref(index$1.SelectScroll), {
                   modelValue: zindex.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => zindex.value = $event),
                   max: yindex.value,
@@ -146,13 +146,13 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                   options: props.options
                 }, null, 8, ["modelValue", "max", "label", "options"])
               ], 2),
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("select-list-li"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("select-list-li"))
               }, [
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("select-list-title"))
-                }, require$$0.toDisplayString(props.endPlaceholder), 3),
-                require$$0.createVNode(require$$0.unref(index$1.SelectScroll), {
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
+                }, vue.toDisplayString(props.endPlaceholder), 3),
+                vue.createVNode(vue.unref(index$1.SelectScroll), {
                   min: zindex.value,
                   modelValue: yindex.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => yindex.value = $event),
@@ -161,25 +161,25 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                 }, null, 8, ["min", "modelValue", "label", "options"])
               ], 2)
             ], 2),
-            require$$0.createElementVNode("div", {
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("select-buts"))
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("select-buts"))
             }, [
-              require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+              vue.createVNode(vue.unref(elementPlus.ElButton), {
                 text: "",
-                onClick: require$$0.withModifiers(onCancel, ["stop"])
+                onClick: vue.withModifiers(onCancel, ["stop"])
               }, {
-                default: require$$0.withCtx(() => _cache[3] || (_cache[3] = [
-                  require$$0.createTextVNode(require$$0.toDisplayString("关闭"))
+                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                  vue.createTextVNode(vue.toDisplayString("关闭"))
                 ])),
                 _: 1,
                 __: [3]
               }),
-              require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+              vue.createVNode(vue.unref(elementPlus.ElButton), {
                 type: "primary",
-                onClick: require$$0.withModifiers(onDetermine, ["stop"])
+                onClick: vue.withModifiers(onDetermine, ["stop"])
               }, {
-                default: require$$0.withCtx(() => _cache[4] || (_cache[4] = [
-                  require$$0.createTextVNode(require$$0.toDisplayString("确认"))
+                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                  vue.createTextVNode(vue.toDisplayString("确认"))
                 ])),
                 _: 1,
                 __: [4]

package/dist/components/selects/index.css

@@ -1,26 +1,26 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-selects-select {
+.selects-select {
   height: 100%;
   min-width: 100px;
 }
-.el-selects-select > div {
+.selects-select > div {
   height: 100%;
 }

package/dist/components/selects/index.d.ts

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Selects: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
         };
@@ -46,22 +47,22 @@ declare const Selects: {
             type: BooleanConstructor[];
         };
     }>> & Readonly<{}>, {
-        el: import('vue').Ref<any, any>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        el: Ref<any, any>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         label: string | Function;
         options: ObjAny[];
         prop: string | Function;
         clearAbsent: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refEl: HTMLDivElement;
-    }, any, import('vue').ComponentProvideOptions, {
+    }, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
         };
@@ -108,7 +109,7 @@ declare const Selects: {
             type: BooleanConstructor[];
         };
     }>> & Readonly<{}>, {
-        el: import('vue').Ref<any, any>;
+        el: Ref<any, any>;
     }, {}, {}, {}, {
         label: string | Function;
         options: ObjAny[];
@@ -118,7 +119,7 @@ declare const Selects: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
     };
@@ -165,11 +166,11 @@ declare const Selects: {
         type: BooleanConstructor[];
     };
 }>> & Readonly<{}>, {
-    el: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    el: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     label: string | Function;
     options: ObjAny[];
     prop: string | Function;
     clearAbsent: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { Selects, Selects as default };

package/dist/components/selects/index.ts

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

package/dist/components/selects/src/data.ts

@@ -0,0 +1,22 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { props, emits, comHandle } from '../../common/list';
+
+export const dataProps = {
+	...props,
+	/**
+	 * @props { String } placeholder= ( )
+	 * 输入框提示
+	 */
+	placeholder: {
+		type: String,
+	},
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+export const dataHandle = comHandle;
+
+export const dataEmits = [...emits];
+
+export type DataEmits = typeof dataEmits;

package/dist/components/selects/src/index.cjs

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const index$2 = require("../../../directives/expose/index.cjs");
 const elementPlus = require("element-plus");
 const index = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.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 refEl = require$$0.ref();
-    const attrs = index.useInherit(require$$0.useAttrs());
+    const refEl = vue.ref();
+    const attrs = index.useInherit(vue.useAttrs());
     const cs = index$1.useCssName("selects");
     const props = __props;
-    const placeholder = require$$0.computed(() => {
+    const placeholder = vue.computed(() => {
       if (typeof props.placeholder == "undefined") {
         return "请选择";
       } else {
@@ -32,32 +32,32 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       el: refEl
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "refEl",
         ref: refEl
-      }, require$$0.unref(attrs).root, {
-        class: require$$0.unref(cs).z()
+      }, vue.unref(attrs).root, {
+        class: vue.unref(cs).z()
       }), [
-        require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElSelect), require$$0.mergeProps({
-          class: require$$0.unref(cs).z("select"),
-          modelValue: require$$0.unref(value),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => require$$0.isRef(value) ? value.value = $event : null)
-        }, require$$0.unref(attrs).assem, {
-          multiple: require$$0.unref(multiple),
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSelect), vue.mergeProps({
+          class: vue.unref(cs).z("select"),
+          modelValue: vue.unref(value),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
+        }, vue.unref(attrs).assem, {
+          multiple: vue.unref(multiple),
           placeholder: placeholder.value
         }), {
-          default: require$$0.withCtx(() => [
-            (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.options, (item) => {
-              return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElOption), {
-                label: require$$0.unref(use.useVueValue)(item, props.label),
-                value: require$$0.unref(use.useVueValue)(item, props.prop),
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
+                label: vue.unref(use.useVueValue)(item, props.label),
+                value: vue.unref(use.useVueValue)(item, props.prop),
                 disabled: item == null ? void 0 : item.disabled
               }, null, 8, ["label", "value", "disabled"]);
             }), 256))
           ]),
           _: 1
         }, 16, ["class", "modelValue", "multiple", "placeholder"])), [
-          [require$$0.unref(index$2.default), {}]
+          [vue.unref(index$2.default), {}]
         ])
       ], 16);
     };

package/dist/components/selects/src/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
     };
@@ -45,8 +46,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor[];
     };
 }>, {
-    el: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    el: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
     };
@@ -97,7 +98,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     options: ObjAny[];
     prop: string | Function;
     clearAbsent: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refEl: HTMLDivElement;
 }, any>;
 export default _default;