@fangzhongya/fang-ui 0.0.13 → 0.0.15

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

@@ -1,4 +1,5 @@
-import { nextTick } from 'vue';
+import { nextTick, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, Ref, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
@@ -6,7 +7,7 @@ declare function __VLS_template(): {
     };
     refs: {
         refInput: ({
-            $: import('vue').ComponentInternalInstance;
+            $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 oncePlaceholder: boolean;
@@ -14,7 +15,7 @@ declare function __VLS_template(): {
                 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;
             };
@@ -24,14 +25,14 @@ declare function __VLS_template(): {
                 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;
                 };
@@ -42,10 +43,10 @@ declare function __VLS_template(): {
                     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)[];
@@ -58,16 +59,16 @@ declare function __VLS_template(): {
                 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 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;
+            $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;
             };
@@ -77,16 +78,16 @@ declare function __VLS_template(): {
             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;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     readonly: {
         type: BooleanConstructor;
     };
@@ -99,7 +100,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     modelValue: {
         type: StringConstructor;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     readonly: {
         type: BooleanConstructor;
     };
@@ -116,9 +117,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: boolean;
     clearable: boolean;
     readonly: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refInput: ({
-        $: import('vue').ComponentInternalInstance;
+        $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             oncePlaceholder: boolean;
@@ -126,7 +127,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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;
         };
@@ -136,14 +137,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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;
             };
@@ -154,10 +155,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 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)[];
@@ -170,16 +171,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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 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;
+        $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;
         };
@@ -189,9 +190,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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>;

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

@@ -0,0 +1,167 @@
+<template>
+	<Popover
+		trigger="click"
+		:popper-class="cs.z('popper')"
+		:visible="visible"
+		:disabled="props.disabled"
+		:width="width"
+	>
+		<slot :name="dataSlot.default"></slot>
+		<template #reference>
+			<div
+				:class="[cs.z(), cs.is('disabled', props.disabled)]"
+				v-bind="attrs.root"
+				@click="onClick"
+			>
+				<Inputs
+					ref="refInput"
+					v-expose="{}"
+					v-model="value"
+					v-bind="attrs.assem"
+					:disabled="props.disabled"
+					:readonly="props.readonly"
+					@input="onInput"
+					@focus="onFocus"
+					@blur="onBlur"
+					:clearable="false"
+				>
+					<template
+						v-for="(k, index) in Object.keys(slots)"
+						v-slot:[k]
+						:key="k"
+					>
+						<slot :name="k"></slot>
+					</template>
+					<template #suffix>
+						<span
+							v-if="isclear"
+							:class="[cs.z('select-icon'), '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="suffix"></slot>
+						<span
+							:class="[
+								cs.z('select-icon'),
+								cs.is('reverse', visible),
+							]"
+						>
+							<slot :name="dataSlot.iconSelect">
+								<svg
+									viewBox="0 0 1024 1024"
+									xmlns="http://www.w3.org/2000/svg"
+									data-v-ea893728=""
+								>
+									<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"
+									></path>
+								</svg>
+							</slot>
+						</span>
+					</template>
+				</Inputs>
+			</div>
+		</template>
+	</Popover>
+</template>
+<script lang="ts" setup>
+	import vExpose from '../../../directives/expose';
+	import { getCss } from '@fangzhongya/utils/css/getCss';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import Popover from '../../popover/index';
+	import Inputs from '../../inputs/index';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import { useSlots, computed, ref, onMounted, nextTick } from 'vue';
+	import type { Slots } from 'vue';
+	const attrs = useInherit();
+	const slots: Slots = useSlots();
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('select-popover');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const visible = ref(false);
+	const width = ref(200);
+	const refInput = ref();
+	const isfocus = ref(false);
+	const isFiletr = ref(false);
+	const value = computed({
+		get() {
+			let v = props.modelValue;
+			return v;
+		},
+		set(value) {
+			emit('update:modelValue', value);
+		},
+	});
+
+	const isclear = computed(() => {
+		if (props.readonly) {
+			return false;
+		}
+		if (props.clearable && value.value && isfocus.value) {
+			return true;
+		}
+		return false;
+	});
+	function setWidth() {
+		if (refInput.value && refInput.value.el) {
+			width.value = getCss(refInput.value.el, 'width');
+		}
+	}
+	function onInput(v: string, ...arr: any[]) {
+		emit('input', v, ...arr);
+	}
+	let timeout: NodeJS.Timeout;
+	function onBlur(...arr: any[]) {
+		emit('blur', ...arr);
+		timeout = setTimeout(() => {
+			isfocus.value = false;
+			visible.value = false;
+		}, 200);
+	}
+	function clearBlur() {
+		clearTimeout(timeout);
+	}
+	function onFocus(...arr: any[]) {
+		isfocus.value = true;
+		clearBlur();
+		emit('focus', ...arr);
+	}
+	function onClear() {
+		clearBlur();
+		value.value = '';
+		refInput.value.focus();
+	}
+	function onClick() {
+		if (!props.readonly) {
+			isFiletr.value = false;
+			visible.value = !visible.value;
+		}
+	}
+	onMounted(() => {
+		setWidth();
+	});
+	defineOptions({ inheritAttrs: false });
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+
+<style lang="scss"></style>

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

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const SelectScroll: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         options: {
             type: ArrayConstructor;
             default(): never[];
@@ -26,22 +27,22 @@ declare const SelectScroll: {
         min: {
             type: NumberConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         label: string;
         modelValue: number;
         options: unknown[];
         height: string;
         limit: number;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refScroll: HTMLDivElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         options: {
             type: ArrayConstructor;
             default(): never[];
@@ -78,7 +79,7 @@ declare const SelectScroll: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     options: {
         type: ArrayConstructor;
         default(): never[];
@@ -105,11 +106,11 @@ declare const SelectScroll: {
     min: {
         type: NumberConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     label: string;
     modelValue: number;
     options: unknown[];
     height: string;
     limit: number;
-}, {}, 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 { SelectScroll, SelectScroll as default };

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

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

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

@@ -0,0 +1,56 @@
+import type { ExtractPropTypes } from 'vue';
+
+export const dataProps = {
+	options: {
+		type: Array,
+		default() {
+			return [];
+		},
+	},
+	label: {
+		type: String,
+		default: 'label',
+	},
+	height: {
+		type: String,
+		default: '34px',
+	},
+	limit: {
+		type: Number,
+		default: 2,
+	},
+	// 页面没有显示无法滚动
+	modelValue: {
+		type: Number,
+		default: 0,
+	},
+	max: {
+		type: Number,
+	},
+	min: {
+		type: Number,
+	},
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = ['update:modelValue'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

package/dist/components/select-scroll/src/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     options: {
         type: ArrayConstructor;
         default(): never[];
@@ -25,7 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     min: {
         type: NumberConstructor;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     options: {
         type: ArrayConstructor;
         default(): never[];
@@ -58,7 +59,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     options: unknown[];
     height: string;
     limit: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refScroll: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;