@fangzhongya/fang-ui 0.0.21 → 0.0.22

package/dist/directives/drag/index.ts

@@ -1,105 +0,0 @@
-import type { Directive } from 'vue';
-import { getCss } from '@fangzhongya/utils/css/getCss';
-import { setCss } from '@fangzhongya/utils/css/setCss';
-import { getLocus } from '@fangzhongya/utils/dom/getLocus';
-import { pressEvent } from '@fangzhongya/utils/dom/getShiftEvent';
-const interval = 0;
-type Positions = {
-	[key: string]: number;
-};
-
-type SeatEvent = MouseEvent | Touch;
-
-function getPosition(el: HTMLElement) {
-	const keys = ['left', 'right', 'top', 'bottom', 'width', 'height'];
-	const obj: Positions = {};
-	keys.forEach((key) => {
-		obj[key] = Number(getCss(el, key).replace(/[a-z|A-Z]*$/, ''));
-	});
-	return obj;
-}
-
-function setDom(
-	dom: HTMLElement,
-	el: HTMLElement,
-	value: {
-		[key: string]: any;
-	},
-) {
-	if (dom) {
-		let ecs: Positions;
-		let mousedownEvent: SeatEvent;
-		const bodyStyle = document.body.style;
-		const cursor = bodyStyle.cursor;
-		const setValue = (event: SeatEvent) => {
-			const x = event.clientX - mousedownEvent.clientX;
-			const y = event.clientY - mousedownEvent.clientY;
-			setCss(el, {
-				left: ecs.left + x + 'px',
-				top: ecs.top + y + 'px',
-			});
-		};
-		const handleMouseMove = (event: SeatEvent) => {
-			if (typeof value.often == 'undefined' || value.often) {
-				setValue(event);
-			}
-		};
-		const handleMouseUp = (event: SeatEvent) => {
-			setValue(event);
-			if (value.onMouseup) {
-				value.onMouseup(
-					event,
-					mousedownEvent,
-					getPosition(el),
-					getLocus(event, mousedownEvent),
-				);
-			}
-			bodyStyle.cursor = cursor;
-		};
-
-		const mousedown = (e: SeatEvent) => {
-			const eps = dom.getBoundingClientRect();
-			if (
-				e.clientX > eps.right - interval ||
-				e.clientX < eps.left + interval ||
-				e.clientY > eps.bottom - interval ||
-				e.clientY < eps.top + interval
-			) {
-				return;
-			}
-			ecs = getPosition(el);
-			if (value.onMousedown) {
-				const rv = value.onMousedown(e, ecs);
-				if (rv) {
-					ecs = rv;
-				}
-			}
-			mousedownEvent = e;
-			bodyStyle.cursor = 'move';
-			return true;
-		};
-		pressEvent(dom, mousedown, handleMouseMove, handleMouseUp);
-		setCss(dom, 'cursor', 'move');
-	}
-}
-/**
- *  Drag
- *  ��ק
- */
-export default {
-	name: 'Drag',
-	mounted(el, binding) {
-		const value = binding.value;
-		let dom: HTMLElement;
-		if (value.dom) {
-			if (typeof value.dom == 'string') {
-				dom = el.querySelector(value.dom);
-			} else {
-				dom = value.dom;
-			}
-		} else {
-			dom = el;
-		}
-		setDom(dom, el, value);
-	},
-} as Directive;

package/dist/directives/expose/index.ts

@@ -1,28 +0,0 @@
-import type { Directive, ComponentPublicInstance } from 'vue';
-import { hasOwn } from '@fangzhongya/utils/basic/object/hasOwn';
-/**
- * 解决暴露方法问题
- * @param {string} value 暴露的对应属性上
- */
-export default {
-	name: 'expose',
-	created(el, binding, vnode: any) {
-		const exposed = vnode.ctx.exposed;
-		if (exposed) {
-			if (binding.instance) {
-				const instance = binding.instance as any;
-				let value = binding.value;
-				if (value && typeof value == 'string') {
-					instance[value] = exposed;
-				} else {
-					Object.keys(exposed).forEach((key) => {
-						if (!hasOwn(instance, key)) {
-							instance[key] = exposed[key];
-						}
-					});
-				}
-				binding.instance = instance as ComponentPublicInstance;
-			}
-		}
-	},
-} as Directive;

package/dist/directives/index.ts

@@ -1,7 +0,0 @@
-export { default as Adjust } from './adjust';
-export { default as Drag } from './drag';
-export { default as Expose } from './expose';
-export { default as Locus } from './locus';
-export { default as Scroll } from './scroll';
-export { default as Stick } from './stick';
-export { default as VLoading } from './v-loading';

package/dist/directives/locus/index.ts

@@ -1,44 +0,0 @@
-import type { Directive } from 'vue';
-import { getLocus } from '@fangzhongya/utils/dom/getLocus';
-/**
- *  Locus
- */
-function setDom(
-	el: HTMLElement,
-	value: {
-		[key: string]: any;
-	},
-) {
-	if (el) {
-		let mousedownEvent: MouseEvent;
-		const handleMouseUp = (event: MouseEvent) => {
-			if (value.callback) {
-				value.callback(
-					getLocus(event, mousedownEvent),
-					event,
-					mousedownEvent,
-				);
-			}
-			document.removeEventListener('mouseup', handleMouseUp);
-		};
-		const mousedown = (e: MouseEvent) => {
-			mousedownEvent = e;
-			//鼠标指针的位置发生变化时
-			document.addEventListener('mouseup', handleMouseUp);
-		};
-		// 在鼠标键点下的时候触发（包括左键和右键）
-		el.addEventListener('mousedown', mousedown);
-	}
-}
-/**
- *  Locus
- */
-export default {
-	name: 'Locus',
-	mounted(el, binding) {
-		const value = binding.value;
-		if (value) {
-			setDom(el, value);
-		}
-	},
-} as Directive;

package/dist/directives/scroll/index.ts

@@ -1,37 +0,0 @@
-import type { Directive } from 'vue';
-/**
- *  scroll
- */
-export default {
-    name: 'scroll',
-    mounted(el, binding) {
-        let t: NodeJS.Timeout;
-        let tm = () => {
-            clearTimeout(t);
-            t = setTimeout(() => {
-                binding.value();
-            }, 100);
-        };
-        const selector = el.getAttribute(`scroll-selector`);
-        const distance =
-            el.getAttribute(`scroll-distance`) || 10;
-        let dom = el;
-        if (selector) {
-            dom = el.querySelector(selector);
-        }
-        dom.addEventListener(
-            'scroll',
-            function (this: HTMLElement) {
-                let d = this;
-                const s = d.scrollHeight - d.scrollTop;
-                const h = d.clientHeight;
-                if (s - distance < h) {
-                    tm();
-                }
-            },
-            {
-                passive: true,
-            },
-        );
-    },
-} as Directive;

package/dist/directives/stick/index.ts

@@ -1,92 +0,0 @@
-import type { Directive } from 'vue';
-import { setCss } from '@fangzhongya/utils/css/setCss';
-import { pressEvent } from '@fangzhongya/utils/dom/getShiftEvent';
-import { attrValueSort } from '@fangzhongya/utils/basic/object/attrValueSort';
-type SeatEvent = MouseEvent | Touch;
-function setDom(
-	dom: HTMLElement,
-	el: HTMLElement,
-	value: {
-		[key: string]: any;
-	},
-) {
-	if (dom) {
-		const obj: {
-			[key: string]: string;
-		} = {
-			position: 'fixed',
-			display: 'flex',
-			left: 'initial',
-			top: 'initial',
-			right: 'initial',
-			bottom: 'initial',
-		};
-		let key: string = value.direction;
-		obj[key] = '0';
-		obj['flex-direction'] =
-			key == 'left' || key == 'right' ? 'column' : 'row';
-		setCss(el, obj);
-		function getDirection(obj: { [key: string]: number }) {
-			return attrValueSort(
-				obj,
-				value.directions || ['left', 'right', 'top', 'bottom'],
-			)[0];
-		}
-		const bodyStyle = document.body.style;
-		const cursor = bodyStyle.cursor;
-		const setValue = (event: SeatEvent) => {
-			setCss(el, key, 'initial');
-			key = getDirection({
-				left: event.clientX,
-				top: event.clientY,
-				right: window.innerWidth - event.clientX,
-				bottom: window.innerHeight - event.clientY,
-			});
-			setCss(el, {
-				[key]: '0',
-				'flex-direction':
-					key == 'left' || key == 'right' ? 'column' : 'row',
-			});
-		};
-		// 在鼠标键点下的时候触发（包括左键和右键）
-		pressEvent(
-			dom,
-			() => {
-				//鼠标指针的位置发生变化时
-				bodyStyle.cursor = 'move';
-				return true;
-			},
-			(event) => {
-				if (value.often) {
-					setValue(event);
-				}
-			},
-			(event) => {
-				setValue(event);
-				bodyStyle.cursor = cursor;
-			},
-		);
-		setCss(dom, 'cursor', 'move');
-	}
-}
-/**
- *  Stick
- *  贴边框
- */
-export default {
-	name: 'Stick',
-	mounted(el, binding) {
-		const value = binding.value;
-		let dom: HTMLElement;
-		if (value.dom) {
-			if (typeof value.dom == 'string') {
-				dom = el.querySelector(value.dom);
-			} else {
-				dom = value.dom;
-			}
-		} else {
-			dom = el;
-		}
-		setDom(dom, el, value);
-	},
-} as Directive;

package/dist/directives/v-loading/index.ts

@@ -1,6 +0,0 @@
-import type { Directive } from 'vue';
-import { vLoading } from '../../components/loading/index';
-/**
- *  VLoading
- */
-export default vLoading as Directive;

package/dist/hooks/cssname/index.ts

@@ -1,133 +0,0 @@
-import { useGlobalConfig } from '../global-config';
-import { humpToLine } from '@fangzhongya/utils/name/humpToLine';
-
-import { DefaultConfig } from '../../utils/enums';
-
-const com = {
-	common: '-',
-	element: '__',
-	modifier: '--',
-	state: 'is-',
-};
-
-function getName() {
-	const alias = useGlobalConfig('alias', DefaultConfig.alias).value;
-	const namespace = useGlobalConfig(
-		'cssname',
-		DefaultConfig.aliasspace,
-	).value;
-	if (alias) {
-		if (namespace) {
-			return namespace + com.common + alias + com.common;
-		} else {
-			return alias + com.common;
-		}
-	} else {
-		if (namespace) {
-			return namespace + com.common;
-		} else {
-			return '';
-		}
-	}
-}
-
-function getClassName(
-	// 组件名称
-	block: string,
-	// 子样式名称
-	blockSuffix: string,
-
-	// 下标样式 __
-	element: string,
-
-	// 后缀样式 --
-	modifier: string,
-): string {
-	let cls = getName() + block;
-	if (blockSuffix) {
-		cls += `${com.common}${blockSuffix}`;
-	}
-	if (element) {
-		cls += `${com.element}${element}`;
-	}
-	if (modifier) {
-		cls += `${com.modifier}${modifier}`;
-	}
-	return cls;
-}
-function getElSpace() {
-	const namespace = useGlobalConfig(
-		'namespace',
-		DefaultConfig.namespace,
-	).value;
-	return namespace ? namespace + com.common : '';
-}
-
-export const useCssName = (block: string) => {
-	// 设置组件和子样式
-	const z = (blockSuffix = '', element = '', modifier = '') =>
-		getClassName(block, blockSuffix, element, modifier);
-
-	const is = (name: string, state?: boolean) => {
-		return name && state! ? `${com.state}${name}` : '';
-	};
-
-	const e = () => getElSpace();
-
-	const el = (blockSuffix = '', element = '', modifier = '') => {
-		let cls = e() + block;
-		if (blockSuffix) {
-			cls += `${com.common}${blockSuffix}`;
-		}
-		if (element) {
-			cls += `${com.element}${element}`;
-		}
-		if (modifier) {
-			cls += `${com.modifier}${modifier}`;
-		}
-		return cls;
-	};
-
-	const zis = (blockSuffix = '', modifier = '', state?: boolean) => {
-		return state ? z(blockSuffix, '', modifier) : '';
-	};
-
-	const vo = (object: Record<string, string>) => {
-		const styles: Record<string, string> = {};
-		for (const key in object) {
-			if (object[key]) {
-				styles[`--${getName() + humpToLine(key)}`] = object[key];
-			}
-		}
-		return styles;
-	};
-
-	const vdo = (object: Record<string, string | undefined>) => {
-		const styles: Record<string, string> = {};
-		for (const key in object) {
-			if (object[key]) {
-				styles[
-					`--${getName() + block + com.common + humpToLine(key)}`
-				] = object[key];
-			}
-		}
-		return styles;
-	};
-
-	const vm = (name: string) => `--${getName() + name}`;
-	const vdm = (name: string) => `--${getName() + block + com.common + name}`;
-	return {
-		name: getName(),
-		z,
-		e,
-		el,
-		is,
-		zis,
-		vo,
-		vm,
-		vdo,
-		vdm,
-	};
-};
-
-export type UseCssNameReturn = ReturnType<typeof useCssName>;

package/dist/hooks/default-config/index.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/event-aliass/index.ts

@@ -1,147 +0,0 @@
-import { withModifiers } from 'vue';
-import { isArray, firstUpper, splitUpper } from '../../utils/util';
-
-interface OnceEventTarget extends EventTarget {
-	__once__?: boolean;
-}
-
-interface OnceEvent extends Event {
-	readonly currentTarget: OnceEventTarget | null;
-}
-declare const keyNames: Record<
-	'esc' | 'space' | 'up' | 'left' | 'right' | 'down' | 'delete',
-	string
->;
-declare const systemModifiers: readonly ['ctrl', 'shift', 'alt', 'meta'];
-type SystemModifiers = (typeof systemModifiers)[number];
-type CompatModifiers = keyof typeof keyNames;
-type VOnModifiers = SystemModifiers | ModifierGuards | CompatModifiers;
-type ModifierGuards =
-	| 'shift'
-	| 'ctrl'
-	| 'alt'
-	| 'meta'
-	| 'left'
-	| 'right'
-	| 'stop'
-	| 'prevent'
-	| 'self'
-	| 'middle'
-	| 'exact';
-
-/**
- * 事件别名处理对象
- */
-const eventAliasObj = {
-	//.stop - 调用 event.stopPropagation()。
-	stop(event: Event) {
-		event.stopPropagation();
-		return true;
-	},
-	// .prevent - 调用 event.preventDefault()。
-	prevent(event: Event) {
-		event.preventDefault();
-		return true;
-	},
-	// .self - 只有事件从元素本身发出才触发处理函数。
-	self(event: Event) {
-		return event.target === event.currentTarget;
-	},
-	// .once - 最多触发一次处理函数。
-	once(event: OnceEvent) {
-		if (event.currentTarget?.__once__) {
-			return false;
-		} else {
-			if (event.currentTarget) {
-				event.currentTarget.__once__ = true;
-			}
-			return true;
-		}
-	},
-	// .capture - 在捕获模式添加事件监听器。
-	// 处理事件是异步的，只有在触发了事件后才执行方法,
-	// 目前无法支持 capture
-	// capture(event) {
-	//     console.log('event', event);
-	//     return true;
-	// },
-};
-
-/**
- * 支持事件别名处理
- * @param {*} key
- * @param {*} callback
- * @param {*} obj
- * @param {*} $event
- */
-function eventAlias(key: string, callback: Function, obj: any, $event: Event) {
-	let is = false;
-	const name = 'on' + firstUpper(key);
-	const arr: string[] = [];
-	Object.keys(obj).forEach((k) => {
-		if (k.startsWith(name)) {
-			arr.push(k);
-		}
-	});
-	const reg = new RegExp('^' + name);
-	arr.forEach((v) => {
-		let s = v.replace(reg, '');
-		if (s && $event) {
-			let ns = splitUpper(s);
-			if (ns.includes('passive')) {
-				ns = ns.filter((k) => {
-					return k != 'prevent';
-				});
-			}
-			const fn = () => {
-				// 不支持.capture
-				if (ns.includes('once')) {
-					let isc = eventAliasObj.once($event);
-					if (isc) {
-						callback(obj[v]);
-					}
-				} else {
-					callback(obj[v]);
-				}
-			};
-			// 不支持.capture
-			const wc = withModifiers(fn, ns as VOnModifiers[]);
-			wc();
-		} else {
-			callback(obj[v]);
-		}
-		is = true;
-	});
-	return is;
-}
-
-/**
- * 支持事件别名处理
- * @param {*} callback
- * @param {*} arr
- * @param {*} obj
- * @param {*} $event
- */
-export function eventAliass(
-	callback: Function,
-	arr: string | string[],
-	obj: any,
-	$event: Event,
-) {
-	let is = false;
-	if (callback && obj) {
-		if (arr && arr.length > 0) {
-			if (isArray(arr)) {
-				arr = arr as string[];
-				arr.forEach((key) => {
-					if (eventAlias(key, callback, obj, $event)) {
-						is = true;
-					}
-				});
-			} else {
-				is = eventAlias(arr as string, callback, obj, $event);
-			}
-		}
-	}
-	return is;
-}

package/dist/hooks/global-config/index.ts

@@ -1,99 +0,0 @@
-import { ref, unref, provide, getCurrentInstance, inject, computed } from 'vue';
-import type { App, Ref } from 'vue';
-import type { MaybeRef } from '../../types/hooks';
-import { SymbolKey } from '../../utils/enums';
-import { getOnlyKey } from '../../utils/getOnlyKey';
-
-import type { DataProps } from '../../components/global-config/src/data';
-
-const globalConfig = ref<DataProps>({});
-
-const { GlobalConfig } = SymbolKey;
-
-export function useGlobalConfig<
-	K extends keyof DataProps,
-	D extends DataProps[K],
->(key: K, defaultValue?: D): Ref<Exclude<DataProps[K], undefined> | D>;
-export function useGlobalConfig(): Ref<DataProps>;
-export function useGlobalConfig(
-	key?: keyof DataProps,
-	defaultValue?: DataProps,
-) {
-	const config = getCurrentInstance()
-		? inject(getOnlyKey(GlobalConfig), globalConfig)
-		: globalConfig;
-
-	if (key) {
-		return computed(() => config.value?.[key] ?? defaultValue);
-	} else {
-		return config;
-	}
-}
-
-function setValue<T>(v: T[keyof T], k: keyof T, z: T): T {
-	z[k] = v;
-	return z;
-}
-// 代码打包有问题
-// export function setGlobalConfig(
-// 	obj: DataProps | DataProps[keyof DataProps],
-// 	key?: keyof DataProps,
-// ) {
-// 	if (key) {
-// 		globalConfig.value = setValue(
-// 			obj as DataProps[keyof DataProps],
-// 			key,
-// 			globalConfig.value,
-// 		);
-// 	} else {
-// 		globalConfig.value = obj as DataProps;
-// 	}
-// }
-
-type V = DataProps | DataProps[keyof DataProps];
-type K = keyof DataProps;
-
-export function setGlobalConfig(obj: V, key: K) {
-	if (key) {
-		globalConfig.value[key] = obj as any;
-	} else {
-		globalConfig.value = obj as DataProps;
-	}
-}
-
-export function provideGlobalConfig(
-	config: MaybeRef<DataProps>,
-	app?: App,
-	global = false,
-) {
-	const inSetup = !!getCurrentInstance();
-	const oldConfig = inSetup ? useGlobalConfig() : undefined;
-
-	const provideFn = app?.provide ?? (inSetup ? provide : undefined);
-
-	const context = computed(() => {
-		const cfg = unref(config);
-		if (!oldConfig?.value) return cfg;
-		return mergeConfig<DataProps>(oldConfig.value, cfg);
-	});
-	if (provideFn) {
-		provideFn(getOnlyKey(GlobalConfig), context);
-	}
-	if (global || !globalConfig.value) {
-		globalConfig.value = context.value;
-	}
-	return context;
-}
-
-function keysOf<T extends object>(arr: T) {
-	return Object.keys(arr) as Array<keyof T>;
-}
-
-function mergeConfig<T extends object>(a: T, b: T): T {
-	const keys = [...new Set([...keysOf(a), ...keysOf(b)])];
-	const obj = {} as T;
-	for (const key of keys) {
-		obj[key] = b[key] ?? a[key];
-	}
-	return obj;
-}