@fangzhongya/fang-ui 0.0.14 → 0.0.15

package/dist/locale/common.ts

@@ -0,0 +1,7 @@
+export default {
+    name: 'common',
+    value: {
+        en: 'English',
+        'zh-cn': '中文简体',
+    },
+};

package/dist/locale/en.ts

@@ -0,0 +1,22 @@
+export default {
+	name: 'en',
+	value: {
+		hello: 'Hello',
+		cs: 'test',
+		form: {
+			cancel: 'cancel',
+			confirm: 'confirm',
+			delete: 'delete',
+			import: 'please enter',
+			select: 'please select',
+			verif: 'verification failed',
+		},
+		clean: 'clean',
+		search: 'search',
+		cancel: 'cancel',
+		confirm: 'confirm',
+		iconpicker: 'icon picker',
+		retreat: 'retreat',
+		forward: 'forward',
+	},
+};

package/dist/locale/index.ts

@@ -0,0 +1,3 @@
+export { default as En } from './en';
+export { default as Common } from './common';
+export { default as ZhCn } from './zh-cn';

package/dist/locale/zh-cn.ts

@@ -0,0 +1,25 @@
+export default {
+	name: 'zh-cn',
+	value: {
+		hello: '你好',
+		cs: '测试',
+		form: {
+			cancel: '取消',
+			confirm: '确认',
+			delete: '删除',
+			import: '请输入',
+			select: '请选择',
+			verif: '校验失败',
+		},
+		close: '关闭',
+		maxh: '最大化',
+		minh: '最小化',
+		tmaxh: '退出最大化',
+		
+			clean: '清除',
+		search: '搜索',
+		iconpicker: '图标选择器',
+		retreat: '后退',
+		forward: '前进',
+	},
+};

package/dist/types/hooks.ts

@@ -0,0 +1,3 @@
+import type { Ref } from 'vue';
+
+export type MaybeRef<T> = T | Ref<T> | Readonly<T>;

package/dist/types/index.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './object';
+export * from './locale';

package/dist/types/locale.ts

@@ -0,0 +1,16 @@
+import type { Ref } from 'Vue';
+
+export type Locale = {
+	name: string;
+	value: {
+		[key: string]: any;
+	};
+};
+
+export type Translator = (path: string) => string;
+
+export type LocaleContext = {
+	locale: Ref<Locale>;
+	lang: Ref<string>;
+	getLocale: Translator;
+};

package/dist/types/object.ts

@@ -0,0 +1,15 @@
+export type ObjStr = {
+	[key: string]: string;
+};
+
+export type ObjStrNum = {
+	[key: string]: string | number;
+};
+
+export type ObjUnk = {
+	[key: string]: unknown;
+};
+
+export type ObjAny = {
+	[key: string]: any;
+};

package/dist/utils/css.ts

@@ -0,0 +1,2 @@
+export { setObjStyle } from '@fangzhongya/utils/css/setObjStyle';
+export { getCss } from '@fangzhongya/utils/css/getCss';

package/dist/utils/enums.cjs

@@ -6,6 +6,7 @@ var SymbolKey = /* @__PURE__ */ ((SymbolKey2) => {
 })(SymbolKey || {});
 var DefaultConfig = /* @__PURE__ */ ((DefaultConfig2) => {
   DefaultConfig2["alias"] = "";
+  DefaultConfig2["aliasspace"] = "";
   DefaultConfig2["namespace"] = "el";
   return DefaultConfig2;
 })(DefaultConfig || {});

package/dist/utils/enums.d.ts

@@ -9,6 +9,10 @@ export declare enum DefaultConfig {
      * 组件前缀
      */
     alias = "",
+    /**
+     * 组件样式前缀
+     */
+    aliasspace = "",
     namespace = "el"
 }
 export declare enum FunctConfig {

package/dist/utils/enums.js

@@ -4,6 +4,7 @@ var SymbolKey = /* @__PURE__ */ ((SymbolKey2) => {
 })(SymbolKey || {});
 var DefaultConfig = /* @__PURE__ */ ((DefaultConfig2) => {
   DefaultConfig2["alias"] = "";
+  DefaultConfig2["aliasspace"] = "";
   DefaultConfig2["namespace"] = "el";
   return DefaultConfig2;
 })(DefaultConfig || {});

package/dist/utils/enums.ts

@@ -0,0 +1,38 @@
+export enum SymbolKey {
+	/**
+	 * 全部配置数据
+	 */
+	GlobalConfig = 'config',
+}
+
+export enum DefaultConfig {
+	/**
+	 * 组件前缀
+	 */
+	alias = '',
+	/**
+	 * 组件样式前缀
+	 */
+	aliasspace = '',
+	// 样式前缀 默认值 el 为了兼容饿了么ui的样式
+	namespace = 'el',
+}
+
+export enum FunctConfig {
+	BOXIDNAME = '#fang-ui-boxs',
+
+	ObjConfig = 'configs',
+
+	epPropKey = '__epPropKey',
+}
+
+export enum TableMapw {
+	M2 = 80,
+	M3 = 90,
+	M4 = 100,
+	M5 = 110,
+	M6 = 120,
+	M7 = 130,
+	M8 = 145,
+	M9 = 160,
+}

package/dist/utils/getOnlyKey.ts

@@ -0,0 +1,10 @@
+const onlyKey: {
+    [key: string]: symbol;
+} = {};
+
+export function getOnlyKey(key: string) {
+    if (!onlyKey[key]) {
+        onlyKey[key] = Symbol(key);
+    }
+    return onlyKey[key];
+}

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './vues';
+export * from './getOnlyKey';
 export * from './css';
 export * from './enums';
-export * from './getOnlyKey';
+export * from './local';
 export * from './util';

package/dist/utils/index.ts

@@ -0,0 +1,6 @@
+export * from './vues';
+export * from './getOnlyKey';
+export * from './css';
+export * from './enums';
+export * from './local';
+export * from './util';

package/dist/utils/local.ts

@@ -0,0 +1,119 @@
+/**
+ * 没有判断错误，也没有做唯一配置
+ */
+const local = '';
+/**
+ * 获取对应key
+ * @param {String} key 要获取的kye
+ * @param {Boolean} isCom 是否是公共存储
+ * @returns
+ */
+function getKey(key: string, isCom: boolean) {
+	if (isCom) {
+		return key;
+	} else {
+		if (local) {
+			return `${local}-${key}`;
+		} else {
+			return key;
+		}
+	}
+}
+/**
+ * 设置本地浏览器存储数据
+ * @param {string} key 存储数据的 key
+ * @param {*} value 存储的数据
+ * @param {Object} config 存储的配置，目前没有实现
+ * @param {Boolean} isCom 是否是公共存储
+ */
+export function setLocal(key: string, value: any = '', isCom = false) {
+	try {
+		localStorage.setItem(getKey(key, isCom), JSON.stringify(value));
+	} catch (g) {}
+}
+/**
+ * 获取本地浏览器存储数据
+ * @param {string} key 存储数据的 key
+ * @param {Object} config 存储的配置，目前没有实现
+ * @param {Boolean} isCom 是否是公共存储
+ */
+export function getLocal(key: string, isCom = false) {
+	let e = '';
+	try {
+		const obj = localStorage.getItem(getKey(key, isCom));
+		if (obj && obj !== 'null' && obj !== 'undefined') {
+			e = JSON.parse(obj);
+		}
+	} catch (f) {}
+	return e;
+}
+/**
+ * 清除本地浏览器存储数据
+ * @param {string} key 存储数据的 key  不传 清除所有
+ * @param {Boolean} isCom 是否是公共存储
+ */
+export function clearLocal(key: string, isCom = false) {
+	try {
+		if (key) {
+			localStorage.removeItem(getKey(key, isCom));
+		} else {
+			localStorage.clear();
+		}
+	} catch (g) {}
+}
+/**
+ * 设置本地页面存储数据
+ * @param {string} key 存储数据的 key
+ * @param {*} value 存储数据的
+ * @param {Object} config 存储的配置，目前没有实现
+ * @param {Boolean} isCom 是否是公共存储
+ */
+export function setSession(key: string, value: any = '', isCom = false) {
+	try {
+		sessionStorage.setItem(getKey(key, isCom), JSON.stringify(value));
+	} catch (g) {}
+}
+/**
+ * 获取本地页面存储数据
+ * @param {string} key 存储数据的 key
+ * @param {Object} config 存储的配置，目前没有实现
+ * @param {Boolean} isCom 是否是公共存储
+ */
+export function getSession(key: string, isCom = false) {
+	let v = '';
+	try {
+		const obj = sessionStorage.getItem(getKey(key, isCom));
+		if (obj && obj !== 'null' && obj !== 'undefined') {
+			v = JSON.parse(obj);
+		}
+	} catch (g) {}
+	return v;
+}
+/**
+ * 清除本地页面存储数据
+ * @param {string} key 存储数据的 key  不传 清除所有
+ * @param {Boolean} isCom 是否是公共存储
+ */
+export function clearSession(key: string, isCom = false) {
+	try {
+		if (key) {
+			sessionStorage.removeItem(getKey(key, isCom));
+		} else {
+			sessionStorage.clear();
+		}
+	} catch (g) {}
+}
+
+// export const storage = {
+// 	has: (key: string) => {
+// 	},
+// 	get: (key: string) => {
+// 	},
+// 	set: (key: string, value: string) => {
+// 	},
+// 	remove: (key: string) => {
+// 	},
+// 	clear: () => {
+// 		localStorage.clear();
+// 	},
+// };

package/dist/utils/util.ts

@@ -0,0 +1,87 @@
+export { splitUpper } from '@fangzhongya/utils/basic/string/splitUpper';
+export { isArray } from '@fangzhongya/utils/basic/array/isArray';
+
+export { isObject } from '@fangzhongya/utils/basic/object/isObject';
+
+export { firstLower } from '@fangzhongya/utils/basic/string/firstLower';
+
+export { hasOwn } from '@fangzhongya/utils/basic/object/hasOwn';
+
+export { firstUpper } from '@fangzhongya/utils/basic/string/firstUpper';
+
+export { lineToLargeHump } from '@fangzhongya/utils/name/lineToLargeHump';
+
+export { lineToSmallHump } from '@fangzhongya/utils/name/lineToSmallHump';
+
+export { humpToLine } from '@fangzhongya/utils/name/humpToLine';
+export { deepCopy } from '@fangzhongya/utils/basic/object/deepCopy';
+export { toggleArray } from '@fangzhongya/utils/basic/Array/toggleArray';
+import {
+	getObjValue,
+	setObjValue,
+} from '@fangzhongya/utils/basic/object/objValue';
+
+export { getObjValue, setObjValue };
+
+export function getFathers(obj: ListObj, arr: ListObj[]) {
+	if (obj.father) {
+		arr.unshift(obj.father);
+		getFathers(obj.father, arr);
+	}
+}
+
+export function getChildrenData(
+	obj: ListObj,
+	row: ObjAny,
+	is?: boolean,
+): ObjAny {
+	if (obj.orig) {
+		return row;
+	} else {
+		const farrs: ListObj[] = [];
+		getFathers(obj, farrs);
+		if (farrs.length > 0) {
+			let v = row;
+			farrs.forEach((obj: ListObj) => {
+				if (obj.orig) {
+					v = row;
+				} else {
+					if (obj.prop) {
+						let gv = {};
+						if (obj.pars) {
+							gv = getObjValue(obj.prop, v) ?? obj.default ?? {};
+						} else {
+							gv = v[obj.prop] ?? obj.default ?? {};
+						}
+						if (is) {
+							if (obj.pars) {
+								setObjValue(v, obj.prop, gv);
+							} else {
+								v[obj.prop] = gv;
+							}
+						}
+						v = gv;
+					} else {
+						v = v ?? {};
+					}
+				}
+			});
+			return v;
+		} else {
+			return row;
+		}
+	}
+}
+
+function getObjOth(value: string) {
+	const nfun = new Function('', `{ return ${value} }`);
+	return nfun();
+}
+
+export function executionMethod<T>(fun: Function | string, ...arr: any[]): T {
+	if (typeof fun === 'string') {
+		return getObjOth(fun)(...arr);
+	} else {
+		return fun(...arr);
+	}
+}

package/dist/utils/vues/buildProps.ts

@@ -0,0 +1,3 @@
+export function buildProps<T>(props: T): T {
+	return props;
+}

package/dist/utils/vues/common.ts

@@ -0,0 +1,271 @@
+import { withModifiers } from 'vue';
+import type { ObjStr, ObjAny } from '../../types/object';
+import { isArray, isObject, firstUpper, splitUpper } from '../util';
+
+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';
+
+export function setVueValue(v: any, key: string | Function) {
+	if (key && isObject(v)) {
+		if (typeof key == 'function') {
+			return key(v);
+		} else if (typeof key == 'string') {
+			return v[key];
+		}
+	}
+	return v;
+}
+
+/**
+ * 判断是否隐藏
+ */
+export function setHide(item: any, v?: any) {
+	let hide = item.hide;
+	if (typeof hide == 'boolean') {
+		return !hide;
+	} else if (typeof hide == 'function') {
+		return !hide(item, v);
+	} else {
+		return true;
+	}
+}
+// export function setHide(item, v) {
+//     let hide = item.hide;
+//     let sethide = item.sethide;
+//     if (typeof hide != 'undefined') {
+//         return !hide;
+//     } else if (typeof sethide != 'undefined') {
+//         return !sethide(item, v);
+//     } else {
+//         return true;
+//     }
+// }
+
+type SetClass = string | string[] | ObjStr;
+
+export function setClass(...arr: Array<SetClass>) {
+	let as: string[] = [];
+	arr.forEach((o) => {
+		if (typeof o == 'string') {
+			as.push(...o.split(/\s+/));
+		} else if (isArray(o)) {
+			as.push(...(o as string[]));
+		} else if (isObject(o)) {
+			Object.keys(o).forEach((k) => {
+				const v = o as ObjStr;
+				if (v[k]) {
+					as.push(k);
+				}
+			});
+		}
+	});
+	return [...new Set(as)].join(' ');
+}
+
+function getLabelMax(arr: string[]) {
+	let k = 0;
+	arr.forEach((o) => {
+		if (o.length > k) {
+			k = o.length;
+		}
+	});
+	return k;
+}
+
+export function setMinWidth(obj: ObjAny) {
+	let ws = 0;
+	if (obj.label) {
+		let l = 0;
+		if (isArray(obj.label)) {
+			l = getLabelMax(obj.label);
+		} else {
+			l = obj.label.length;
+		}
+		if (l > 9) {
+			l = 9;
+		}
+		// const key = 'M' + l;
+		// let w = TableMapw[key];
+		let w = 20;
+		if (obj.sortable) {
+			w += 15;
+		}
+		if (obj.selection) {
+			w += 15;
+		}
+		ws = w;
+	} else {
+		ws = 0;
+	}
+
+	if (obj.minWidth) {
+		if (typeof obj.minWidth == 'function') {
+			return obj.minWidth(obj, ws);
+		} else {
+			return obj.minWidth;
+		}
+	} else {
+		if (obj.label) {
+			return ws + 'px';
+		} else {
+			return;
+		}
+	}
+}
+
+// const systemModifiers = ['ctrl', 'shift', 'alt', 'meta'];
+// const modifierGuards = {
+//     stop: (e) => e.stopPropagation(),
+//     prevent: (e) => e.preventDefault(),
+//     self: (e) => e.target !== e.currentTarget,
+//     ctrl: (e) => !e.ctrlKey,
+//     shift: (e) => !e.shiftKey,
+//     alt: (e) => !e.altKey,
+//     meta: (e) => !e.metaKey,
+//     left: (e) => 'button' in e && e.button !== 0,
+//     middle: (e) => 'button' in e && e.button !== 1,
+//     right: (e) => 'button' in e && e.button !== 2,
+//     exact: (e, modifiers) =>
+//         systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m)),
+// };
+
+interface OnceEventTarget extends EventTarget {
+	__once__?: boolean;
+}
+
+interface OnceEvent extends Event {
+	readonly currentTarget: OnceEventTarget | null;
+}
+/**
+ * 事件别名处理对象
+ */
+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
+			withModifiers(fn, ns as VOnModifiers[])();
+		} 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/utils/vues/definePropType.ts

@@ -0,0 +1,5 @@
+import type { PropType } from 'vue';
+
+export function definePropType<T>(val: any): PropType<T> {
+	return val;
+}