@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Array: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         rangeSeparator: {
             type: StringConstructor;
             default: string;
@@ -34,13 +35,13 @@ declare const Array: {
             default: string;
         };
         check: {
-            type: (BooleanConstructor | FunctionConstructor)[];
+            type: (FunctionConstructor | BooleanConstructor)[];
         };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         config: Record<string, any>;
         modelValue: string | unknown[];
         disabled: boolean;
@@ -50,16 +51,16 @@ declare const Array: {
         startPlaceholder: string;
         endPlaceholder: string;
         compon: string | Record<string, any>;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refInput: HTMLInputElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         rangeSeparator: {
             type: StringConstructor;
             default: string;
@@ -94,7 +95,7 @@ declare const Array: {
             default: string;
         };
         check: {
-            type: (BooleanConstructor | FunctionConstructor)[];
+            type: (FunctionConstructor | BooleanConstructor)[];
         };
         disabled: {
             type: BooleanConstructor;
@@ -114,7 +115,7 @@ declare const Array: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     rangeSeparator: {
         type: StringConstructor;
         default: string;
@@ -149,13 +150,13 @@ declare const Array: {
         default: string;
     };
     check: {
-        type: (BooleanConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | BooleanConstructor)[];
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     config: Record<string, any>;
     modelValue: string | unknown[];
     disabled: boolean;
@@ -165,7 +166,7 @@ declare const Array: {
     startPlaceholder: string;
     endPlaceholder: string;
     compon: string | Record<string, any>;
-}, {}, 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>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { Array, Array as default };

package/dist/components/array/index.scss

@@ -8,14 +8,10 @@ $array: 'array';
 	padding: 1px;
 	position: relative;
 	box-shadow: 0 0 0 1px
-		var(
-			--#{$namespace}-input-border-color,
-			var(--#{$namespace}-border-color)
-		)
-		inset;
+		var(--#{e()}input-border-color, var(--#{e()}border-color)) inset;
 	border-radius: var(
-		--#{$namespace}-input-border-radius,
-		var(--#{$namespace}-border-radius-base)
+		--#{e()}input-border-radius,
+		var(--#{e()}border-radius-base)
 	);
 
 	&.#{is('focus')} {
@@ -63,8 +59,8 @@ $array: 'array';
 		}
 	}
 
-	.#{$namespace}-input {
-		.#{$namespace}-input__wrapper {
+	.#{e()}input {
+		.#{e()}input__wrapper {
 			border: none;
 			box-shadow: none;
 			input {

package/dist/components/array/index.ts

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

package/dist/components/array/src/data.d.ts

@@ -34,7 +34,7 @@ export declare const dataProps: {
         default: string;
     };
     check: {
-        type: (BooleanConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | BooleanConstructor)[];
     };
     disabled: {
         type: BooleanConstructor;

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

@@ -0,0 +1,68 @@
+import type { ExtractPropTypes } from 'vue';
+
+export const dataProps = {
+	rangeSeparator: { type: String, default: '至' },
+	startPlaceholder: { type: String, default: '开始' },
+	endPlaceholder: { type: String, default: '结束' },
+	multiple: {
+		type: [String, Boolean],
+	},
+	readonly: {
+		type: Boolean,
+	},
+	clearable: {
+		type: Boolean,
+	},
+	modelValue: {
+		type: [Array, String],
+		default() {
+			return [];
+		},
+	},
+	config: {
+		type: Object,
+		default() {
+			return {};
+		},
+	},
+	compon: {
+		type: [String, Object],
+		default: 'input',
+	},
+	check: {
+		type: [Boolean, Function],
+	},
+	disabled: { type: Boolean, default: false },
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = [
+	'update:modelValue',
+	'focus',
+	'blur',
+	'clear',
+	'change',
+	'validate',
+];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+	suffix: 'suffix',
+	prefix: 'prefix',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -11,12 +11,12 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index.useCssName("array");
     const props = __props;
     const emit = __emit;
-    const refInput = require$$0.ref();
-    const isfocus = require$$0.ref(false);
-    const start = require$$0.ref();
-    const end = require$$0.ref();
-    const emove = require$$0.ref(false);
-    const isclear = require$$0.computed(() => {
+    const refInput = vue.ref();
+    const isfocus = vue.ref(false);
+    const start = vue.ref();
+    const end = vue.ref();
+    const emove = vue.ref(false);
+    const isclear = vue.computed(() => {
       if (props.clearable) {
         if (start.value || end.value) {
           if (emove.value || isfocus.value) {
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       }
       return false;
     });
-    const multiple = require$$0.computed(() => {
+    const multiple = vue.computed(() => {
       var _a;
       let multiple2 = (_a = props.config) == null ? void 0 : _a.multiple;
       if (props.multiple) {
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       }
       return multiple2;
     });
-    require$$0.watch(
+    vue.watch(
       () => props.modelValue,
       () => {
         let v = props.modelValue;
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         deep: true
       }
     );
-    require$$0.watch(
+    vue.watch(
       () => isfocus.value,
       () => {
         if (isfocus.value) {
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     function onMouseleave() {
       emove.value = false;
     }
-    const errer = require$$0.ref();
+    const errer = vue.ref();
     function onInput(type) {
       var _a, _b;
       if (props.check) {
@@ -168,75 +168,75 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass([require$$0.unref(cs).z(), require$$0.unref(cs).is("focus", isfocus.value)]),
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("focus", isfocus.value)]),
         onMouseenter,
         onMouseleave,
-        onClick: require$$0.withModifiers(onClick, ["stop"])
+        onClick: vue.withModifiers(onClick, ["stop"])
       }, [
-        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).prefix),
-        (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(props.compon), require$$0.mergeProps(props.config, {
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.compon), vue.mergeProps(props.config, {
           multiple: multiple.value,
-          class: [require$$0.unref(cs).z("value"), require$$0.unref(cs).z("start")],
+          class: [vue.unref(cs).z("value"), vue.unref(cs).z("start")],
           modelValue: start.value,
           "onUpdate:modelValue": [
             _cache[0] || (_cache[0] = ($event) => start.value = $event),
             _cache[1] || (_cache[1] = ($event) => onInput(0))
           ],
           placeholder: props.startPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? ""),
-          onClick: require$$0.withModifiers(onFocus, ["stop"]),
+          onClick: vue.withModifiers(onFocus, ["stop"]),
           onBlur
         }), null, 16, ["multiple", "class", "modelValue", "placeholder"])),
-        require$$0.createElementVNode("span", {
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("range")])
-        }, require$$0.toDisplayString(props.rangeSeparator), 3),
-        (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(props.compon), require$$0.mergeProps(props.config, {
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass([vue.unref(cs).z("range")])
+        }, vue.toDisplayString(props.rangeSeparator), 3),
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.compon), vue.mergeProps(props.config, {
           multiple: multiple.value,
-          class: [require$$0.unref(cs).z("value"), require$$0.unref(cs).z("end")],
+          class: [vue.unref(cs).z("value"), vue.unref(cs).z("end")],
           modelValue: end.value,
           "onUpdate:modelValue": [
             _cache[2] || (_cache[2] = ($event) => end.value = $event),
             _cache[3] || (_cache[3] = ($event) => onInput(1))
           ],
           placeholder: props.endPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? ""),
-          onClick: require$$0.withModifiers(onFocus, ["stop"]),
+          onClick: vue.withModifiers(onFocus, ["stop"]),
           onBlur
         }), null, 16, ["multiple", "class", "modelValue", "placeholder"])),
-        errer.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+        errer.value ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
-          class: require$$0.normalizeClass([
-            require$$0.unref(cs).z("error"),
-            require$$0.unref(cs).is("clear", isclear.value),
+          class: vue.normalizeClass([
+            vue.unref(cs).z("error"),
+            vue.unref(cs).is("clear", isclear.value),
             "type-" + ((_c = errer.value) == null ? void 0 : _c.type)
           ])
-        }, require$$0.toDisplayString(((_d = errer.value) == null ? void 0 : _d.message) ? errer.value.message : errer.value), 3)) : require$$0.createCommentVNode("", true),
-        require$$0.createElementVNode("input", {
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("focus")),
+        }, vue.toDisplayString(((_d = errer.value) == null ? void 0 : _d.message) ? errer.value.message : errer.value), 3)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("input", {
+          class: vue.normalizeClass(vue.unref(cs).z("focus")),
           ref_key: "refInput",
           ref: refInput,
           onBlur
         }, null, 34),
-        isclear.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+        isclear.value ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("icon"), require$$0.unref(cs).z("clear")]),
-          onClick: require$$0.withModifiers(onClear, ["stop"])
+          class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
+          onClick: vue.withModifiers(onClear, ["stop"])
         }, _cache[4] || (_cache[4] = [
-          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, require$$0.unref(data.dataSlot).suffix)
+        ]), 2)) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
       ], 34);
     };
   }

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

@@ -1,3 +1,4 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
@@ -7,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     rangeSeparator: {
         type: StringConstructor;
         default: string;
@@ -42,13 +43,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     check: {
-        type: (BooleanConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | BooleanConstructor)[];
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     rangeSeparator: {
         type: StringConstructor;
         default: string;
@@ -83,7 +84,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     check: {
-        type: (BooleanConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | BooleanConstructor)[];
     };
     disabled: {
         type: BooleanConstructor;
@@ -99,7 +100,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     startPlaceholder: string;
     endPlaceholder: string;
     compon: string | Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refInput: HTMLInputElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -0,0 +1,255 @@
+<template>
+	<div
+		:class="[cs.z(), cs.is('focus', isfocus)]"
+		@mouseenter="onMouseenter"
+		@mouseleave="onMouseleave"
+		@click.stop="onClick"
+	>
+		<slot :name="dataSlot.prefix"></slot>
+		<component
+			v-bind="props.config"
+			:multiple="multiple"
+			:class="[cs.z('value'), cs.z('start')]"
+			:is="props.compon"
+			v-model="start"
+			:placeholder="
+				props.startPlaceholder + (props.config?.placeholder ?? '')
+			"
+			@click.stop="onFocus"
+			@update:modelValue="onInput(0)"
+			@blur="onBlur"
+		></component>
+		<span :class="[cs.z('range')]">{{ props.rangeSeparator }}</span>
+
+		<component
+			v-bind="props.config"
+			:multiple="multiple"
+			:class="[cs.z('value'), cs.z('end')]"
+			:is="props.compon"
+			v-model="end"
+			:placeholder="
+				props.endPlaceholder + (props.config?.placeholder ?? '')
+			"
+			@click.stop="onFocus"
+			@update:modelValue="onInput(1)"
+			@blur="onBlur"
+		></component>
+		<span
+			v-if="errer"
+			:class="[
+				cs.z('error'),
+				cs.is('clear', isclear),
+				'type-' + errer?.type,
+			]"
+			>{{ errer?.message ? errer.message : errer }}</span
+		>
+		<input :class="cs.z('focus')" ref="refInput" @blur="onBlur" />
+		<span
+			v-if="isclear"
+			:class="[cs.z('icon'), cs.z('clear')]"
+			@click.stop="onClear"
+		>
+			<svg
+				viewBox="0 0 1024 1024"
+				xmlns="http://www.w3.org/2000/svg"
+				data-v-ea893728=""
+			>
+				<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"
+				></path>
+				<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"
+				></path>
+			</svg>
+		</span>
+		<slot :name="dataSlot.suffix"></slot>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { computed, ref, watch } from 'vue';
+
+	// 样式设置方法
+	const cs = useCssName('array');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const refInput = ref();
+
+	const isfocus = ref(false);
+
+	const start = ref<any>();
+
+	const end = ref<any>();
+
+	const emove = ref(false);
+
+	const isclear = computed(() => {
+		if (props.clearable) {
+			if (start.value || end.value) {
+				if (emove.value || isfocus.value) {
+					return true;
+				}
+			}
+		}
+		return false;
+	});
+
+	const multiple = computed(() => {
+		let multiple = props.config?.multiple;
+		if (props.multiple) {
+			if (multiple === true) {
+				return '|';
+			}
+		}
+		return multiple;
+	});
+
+	watch(
+		() => props.modelValue,
+		() => {
+			let v = props.modelValue;
+			if (typeof v == 'string' && props.multiple) {
+				if (typeof props.multiple != 'string') {
+					v = v.split(',');
+				} else {
+					v = v.split(props.multiple);
+				}
+			}
+			if (v) {
+				const s = v[0];
+				const e = v[1];
+				if (s !== start.value) {
+					start.value = s;
+				}
+				if (e !== end.value) {
+					end.value = e;
+				}
+			}
+		},
+		{
+			immediate: true,
+			deep: true,
+		},
+	);
+
+	watch(
+		() => isfocus.value,
+		() => {
+			if (isfocus.value) {
+				emit('focus');
+			} else {
+				emit('blur');
+			}
+		},
+	);
+
+	function onMouseenter() {
+		emove.value = true;
+	}
+	function onMouseleave() {
+		emove.value = false;
+	}
+
+	const errer = ref<any>();
+
+	function onInput(type: number) {
+		if (props.check) {
+			errer.value = undefined;
+			if (start.value && end.value) {
+				const callback = (e: any) => {
+					if (e) {
+						if (typeof e === 'string') {
+							e = new Error(e);
+						}
+						e.type = type;
+						errer.value = e;
+						emit('validate', undefined, false, e.message);
+					} else {
+						emit('validate', undefined, true, '');
+						setValue([start.value, end.value]);
+					}
+				};
+				if (typeof props.check === 'function') {
+					const v = props.check(start.value, end.value, callback);
+					if (!v) {
+						return false;
+					}
+				} else if (props.check === true) {
+					if (start.value > end.value) {
+						callback(
+							new Error(
+								props.endPlaceholder +
+									(props.config?.placeholder ?? '') +
+									'不能大于' +
+									props.startPlaceholder +
+									(props.config?.placeholder ?? ''),
+							),
+						);
+						return false;
+					}
+				}
+			}
+			emit('validate', undefined, true, '');
+		}
+		setValue([start.value, end.value]);
+	}
+
+	function onClear() {
+		start.value = undefined;
+		end.value = undefined;
+		if (props.check) {
+			errer.value = undefined;
+			emit('validate', undefined, true, '');
+		}
+		setValue(undefined);
+		emit('clear');
+	}
+
+	function setValue(value?: Array<any>) {
+		if (props.multiple && value) {
+			let v = '';
+			if (typeof props.multiple != 'string') {
+				v = value.join(',');
+			} else {
+				v = value.join(props.multiple);
+			}
+			emit('update:modelValue', v);
+			emit('change', v);
+		} else {
+			emit('update:modelValue', value);
+			emit('change', value);
+		}
+	}
+
+	function onClick() {
+		isfocus.value = true;
+		if (refInput.value) {
+			refInput.value.focus();
+		}
+		clearBlur();
+	}
+	function onFocus() {
+		isfocus.value = true;
+		clearBlur();
+	}
+
+	// @ts-ignore
+	let timeout: NodeJS.Timeout;
+	function onBlur() {
+		timeout = setTimeout(() => {
+			isfocus.value = false;
+		}, 200);
+	}
+
+	function clearBlur() {
+		clearTimeout(timeout);
+	}
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss" scoped></style>