@fangzhongya/fang-ui 0.0.21 → 0.0.22

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

@@ -1,373 +0,0 @@
-<script lang="ts">
-	import {
-		ref,
-		computed,
-		defineComponent,
-		h,
-		onMounted,
-		type VNode,
-		type Component,
-	} from 'vue';
-	import { setLabel, setSslot } from './util';
-	import { setStyles } from '../../common/css';
-	import { useHide, uesObjComponSelected } from '../../common/use';
-	import { getCompons } from '../../common/compons';
-	import { useCssName } from '../../../hooks/cssname';
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import FImg from '../common/img.vue';
-
-	const Components: { [key: string]: Component } = {
-		Img: FImg,
-	};
-
-	export default defineComponent({
-		emits: dataEmits,
-		components: Components,
-		expose: dataExpose,
-		props: dataProps,
-		setup(props, { emit, slots }) {
-			const compons = getCompons(props.compons);
-			const cs = useCssName('lists');
-
-			const isfocus = ref(false);
-			const rowObj = ref();
-
-			const borderColor = computed<string>(() => {
-				const d = '#ccc';
-				if (typeof props.border === 'boolean') {
-					return d;
-				} else {
-					return props.border ?? d;
-				}
-			});
-
-			function isComponSelected(obj: ObjAny) {
-				if (uesObjComponSelected(obj, props)) {
-					if (rowObj.value == obj) {
-						if (isfocus.value) {
-							return true;
-						} else {
-							return false;
-						}
-					} else {
-						return false;
-					}
-				} else {
-					return true;
-				}
-			}
-
-			const getLists = (arrs: ListObj[], listobj?: ListObj) => {
-				let arr = [],
-					trs: VNode[] = [],
-					lin = 0;
-				arrs.forEach((obj, index) => {
-					if (listobj) {
-						obj.father = obj.father ?? listobj;
-					}
-					if (!useHide(obj, props.value)) {
-						let is = false;
-						if (obj.whole) {
-							lin = props.column;
-							is = true;
-						} else {
-							let k = (obj.column || 1) + lin;
-							if (k > props.column) {
-								lin = obj.column || 1;
-								is = true;
-							} else {
-								lin = k;
-								is = false;
-							}
-						}
-						if (is) {
-							arr.push(h('tr', {}, trs));
-							trs = [];
-						}
-						trs.push(...getTd(obj, index));
-						if (lin >= props.column) {
-							arr.push(h('tr', {}, trs));
-							trs = [];
-							lin = 0;
-						}
-					}
-				});
-				if (trs.length > 0) {
-					arr.push(h('tr', {}, trs));
-				}
-				return arr;
-			};
-
-			const getListTops = (arrs: ListObj[], listobj?: ListObj) => {
-				let arr = [],
-					trvs: VNode[] = [],
-					trls: VNode[] = [],
-					lin = 0;
-				arrs.forEach((obj, index) => {
-					if (listobj) {
-						obj.father = obj.father ?? listobj;
-					}
-					if (!useHide(obj, props.value)) {
-						let is = false;
-						if (obj.whole) {
-							lin = props.column;
-							is = true;
-						} else {
-							let k = (obj.column || 1) + lin;
-							if (k > props.column) {
-								lin = obj.column || 1;
-								is = true;
-							} else {
-								lin = k;
-								is = false;
-							}
-						}
-						if (is) {
-							arr.push(h('tr', {}, trls));
-							trls = [];
-							arr.push(h('tr', {}, trvs));
-							trvs = [];
-						}
-						if (obj.isdiv) {
-							trls.push(getValue(obj, index, true));
-						} else {
-							trls.push(getlabel(obj, index));
-							trvs.push(getValue(obj, index));
-							// trvs.push();
-						}
-						if (lin >= props.column) {
-							arr.push(h('tr', {}, trls));
-							arr.push(h('tr', {}, trvs));
-							trls = [];
-							trvs = [];
-							lin = 0;
-						}
-					}
-				});
-				if (trls.length > 0) {
-					arr.push(h('tr', {}, trls));
-					arr.push(h('tr', {}, trvs));
-				}
-				return arr;
-			};
-
-			const getlabel = (obj: ListObj, index: number) => {
-				return h(
-					'th',
-					{
-						style: {
-							width: obj.labelWidth ?? props.labelWidth,
-						},
-						class: [
-							cs.z('table-th'),
-							cs.is('whole', obj.whole),
-							obj.class ?? '',
-						].join(' '),
-						colspan:
-							props.labelPosition == 'top'
-								? setColspan(obj)
-								: undefined,
-
-						onClick: (event: Event) => {
-							isfocus.value = true;
-							rowObj.value = obj;
-							event.stopPropagation();
-							return false;
-						},
-					},
-					[
-						h(
-							'span',
-							{
-								class: cs.z('table-label'),
-							},
-							[
-								setLabel(
-									obj,
-									props,
-									compons,
-									emit,
-									slots,
-									isComponSelected,
-									index,
-								),
-							],
-						),
-					],
-				);
-			};
-
-			const getChildrenValue = (obj: ListObj, index: number) => {
-				if (obj.children) {
-					return [
-						h(
-							'div',
-							{
-								class: cs.z('table-children'),
-							},
-							[
-								props.labelPosition == 'top'
-									? getListTops(obj.children, obj)
-									: getLists(obj.children, obj),
-							],
-						),
-					];
-				} else {
-					return [
-						h(
-							'span',
-							{
-								class: cs.z('table-value'),
-							},
-							[
-								setSslot(
-									obj,
-									props.value,
-									props,
-									compons,
-									emit,
-									slots,
-									isComponSelected,
-									index,
-								),
-							],
-						),
-					];
-				}
-			};
-
-			const getValue = (obj: ListObj, index: number, isRow?: boolean) => {
-				return h(
-					'td',
-					{
-						style: setStyles(obj, props.value, props),
-						class: [
-							cs.z('table-td'),
-							cs.is('whole', obj.whole),
-							obj.class ?? '',
-						].join(' '),
-						colspan: setColspan(obj),
-						rowspan: isRow ? 2 : undefined,
-						onClick: (event: Event) => {
-							isfocus.value = true;
-							rowObj.value = obj;
-							event.stopPropagation();
-							return false;
-						},
-					},
-					[...getChildrenValue(obj, index)],
-				);
-			};
-
-			const getTd = (obj: ListObj, index: number) => {
-				const arr = [getValue(obj, index)];
-				if (!obj.isdiv) {
-					arr.unshift(getlabel(obj, index));
-				}
-				if (props.labelPosition == 'auto') {
-					return [
-						h(
-							'td',
-							{
-								colspan: setColspan(obj),
-								class: cs.is('whole', obj.whole),
-							},
-							[
-								h(
-									'div',
-									{
-										class: cs.z('table-auto'),
-									},
-									arr,
-								),
-							],
-						),
-					];
-				} else {
-					return arr;
-				}
-			};
-
-			const setColspan = (obj: ListObj) => {
-				if (['auto', 'top'].includes(props.labelPosition)) {
-					if (obj.whole) {
-						return props.column;
-					} else if (obj.column) {
-						return obj.column;
-					} else {
-						return '';
-					}
-				} else {
-					const j = !obj.isdiv ? 0 : 1;
-					if (obj.whole) {
-						return (props.column - 1) * 2 + 1 + j;
-					} else if (obj.column) {
-						return (obj.column - 1) * 2 + 1 + j;
-					} else {
-						return 1 + j;
-					}
-				}
-			};
-
-			const renderValue = () => {
-				if (props.list && props.list.length > 0) {
-					return h(
-						'div',
-						{
-							class: cs.z('div'),
-							style: cs.vdo({
-								borderColor: borderColor.value,
-							}),
-
-							// onClick(event: Event) {
-							// 	isfocus.value = true;
-							// 	event.stopPropagation();
-							// 	return false;
-							// },
-						},
-						[
-							h(
-								'table',
-								{
-									class: [
-										cs.z('table'),
-										props.labelPosition ?? '',
-										cs.is(
-											'border',
-											props.border ? true : false,
-										),
-										cs.is('aliquots', props.aliquots),
-									].join(' '),
-									cellspacing: '0',
-									cellpadding: '0',
-									border: '0',
-								},
-								props.labelPosition == 'top'
-									? getListTops(props.list)
-									: getLists(props.list),
-							),
-						],
-					);
-				} else {
-					return '';
-				}
-			};
-
-			onMounted(() => {
-				if (window) {
-					window.addEventListener('click', () => {
-						isfocus.value = false;
-					});
-				}
-			});
-
-			return {
-				renderValue,
-				borderColor,
-			};
-		},
-		render(props: ObjAny) {
-			return props.renderValue();
-		},
-	});
-</script>

package/dist/components/lists/src/util.ts

@@ -1,99 +0,0 @@
-import { type Component } from 'vue';
-
-import {
-	useGetDomValue,
-	useSetSlot,
-	useSetCompon,
-} from '../../common/use';
-import { isObject } from '../../../utils/util';
-
-type Compons = { [key: string]: Component };
-
-export const setClass = (item: ListObj, data: ObjStr, index: number) => {
-	const v = data[item.state ?? item.prop];
-	if (item.setcss) {
-		return item.setcss(item, data, v, index);
-	}
-	return v;
-};
-
-export function setSslot(
-	obj: ListObj,
-	data: ObjAny,
-	props: ObjAny,
-	compons: Compons,
-	emit: Function,
-	slots: ObjAny,
-	isComponSelected: Function,
-	index?: number,
-) {
-	const slot = useSetSlot(obj, data, slots, index);
-	if (slot) {
-		return slot;
-	}
-	const optionss = props.options || {};
-	if (obj.compon) {
-		if (isComponSelected(obj)) {
-			const column = useSetCompon(
-				obj,
-				data,
-				optionss,
-				compons,
-				emit,
-				index,
-			);
-			if (column) {
-				return column;
-			}
-		}
-	}
-	return useGetDomValue(obj, data, optionss, index);
-}
-
-export function setLabel(
-	obj: ListObj,
-	props: ObjAny,
-	compons: Compons,
-	emit: Function,
-	slots: ObjAny,
-	isComponSelected: Function,
-	index?: number,
-) {
-	let label = obj.label ?? '';
-	if (label) {
-		if (isObject(label)) {
-			label = Object.assign({}, obj, label) as ListObj;
-			const slot = useSetSlot(label, props.value, slots, index);
-			if (slot) {
-				return slot;
-			}
-			if (label.compon) {
-				if (isComponSelected(obj)) {
-					const column = useSetCompon(
-						label,
-						props.value,
-						props.optionss,
-						compons,
-						emit,
-						index,
-					);
-					if (column) {
-						return column;
-					}
-				}
-			}
-			label = useGetDomValue(label, props.value, props.optionss, index);
-		}
-	}
-
-	let colon = props.colon;
-	if (colon) {
-		if (colon === true) {
-			colon = '：';
-		}
-		if (label) {
-			return label + colon;
-		}
-	}
-	return label;
-}

package/dist/components/loading/index.ts

@@ -1,21 +0,0 @@
-/**
- * @config cover=true
- */
-import { Loading as sLoading, vLoading } from './src/index';
-
-import type { App } from 'vue';
-
-const Loading: {
-	install(app: App): void;
-	directive: typeof vLoading;
-	service: typeof sLoading;
-} = {
-	install(app: App) {
-		app.directive('loading', vLoading);
-		app.config.globalProperties.$Loading = sLoading;
-	},
-	directive: vLoading,
-	service: sLoading,
-};
-
-export { Loading, vLoading, Loading as default };

package/dist/components/loading/src/index.ts

@@ -1,11 +0,0 @@
-import { ElLoadingDirective, ElLoadingService } from 'element-plus';
-/**
- * @title {h2} Loading 加载
- * @text 目前完全继承 element-plus 中 ElLoading
- */
-
-export const vLoading: typeof ElLoadingDirective = ElLoadingDirective;
-
-export const Loading = ElLoadingService;
-
-export default Loading;

package/dist/components/menu/index.ts

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

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

@@ -1,121 +0,0 @@
-<script lang="ts" setup>
-	import menuLl from './menu-ll.vue';
-	import { ElMenu } from 'element-plus';
-	import { computed, useAttrs, useSlots, type Component } from 'vue';
-	import { useCssName } from '../../../hooks/cssname';
-	import type { Slots } from 'vue';
-	const props = defineProps({
-		/**
-     * @props { Object } config={
-            children: 'children',
-            icon: 'icon',
-            prop: 'prop',
-            label: 'label',
-            class: ''
-        } () 配置参数
-     * @props { String } config.children= ( ) 下一级对象属性
-     * @props { String } config.icon= ( ) 字体图标属性
-     * @props { String } config.prop= ( ) 树中唯一值属性
-     * @props { String } config.label= ( ) 文字展示值属性
-     * @props { String } class= ( ) 添加样式类
-     */
-		config: {
-			type: Object as () => ObjAny,
-			default() {
-				return {};
-			},
-		},
-		/**
-		 * @props { Object } compons 外部组件集合
-		 */
-		compons: {
-			type: Object as () => { [key: string]: Component },
-			default() {
-				return {};
-			},
-		},
-		/**
-		 * 是否带层级
-		 */
-		level: [Boolean, String],
-		value: {
-			type: String,
-		},
-		list: {
-			type: Array<ListObj>,
-			default() {
-				return [];
-			},
-		},
-	});
-
-	const cs = useCssName('menu');
-
-	const emit = defineEmits(['select']);
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	const config = computed(() => {
-		return Object.assign(
-			{
-				children: 'children',
-				icon: 'icon',
-				prop: 'prop',
-				label: 'label',
-				class: '',
-			},
-			props.config,
-		);
-	});
-
-	function getChildrenValue(list: ListObj[], value: string, config: ObjAny) {
-		for (let index = 0; index < list.length; index++) {
-			const element = list[index];
-			const p = config.prop;
-			if (p && element[p] == value) {
-				return element;
-			}
-		}
-	}
-
-	function getChildren(list: ListObj[], arr: string[], config: ObjAny) {
-		let arrObj: ListObj[] = [];
-		let listarr = list;
-		arr.forEach((value) => {
-			let v = getChildrenValue(listarr, value, config);
-			if (v) {
-				arrObj.push(Object.assign({}, v));
-				const c = config.children;
-				if (c) {
-					listarr = v[c];
-				}
-			}
-		});
-		return arrObj;
-	}
-
-	function onSelect(id: string, arr: string[]) {
-		let arrObj = getChildren(props.list, arr, config.value);
-		emit('select', id, arr, arrObj);
-	}
-</script>
-<template>
-	<ElMenu
-		v-bind="attrs"
-		:class="cs.z()"
-		@select="onSelect"
-		:default-active="props.value"
-	>
-		<menu-ll
-			:compons="props.compons"
-			:value="props.value"
-			:list="props.list"
-			:level="props.level"
-			:config="config"
-		>
-			<template v-for="k of Object.keys(slots)" #[k]="scope" :key="k">
-				<slot :name="k" v-bind="scope"></slot>
-			</template>
-		</menu-ll>
-	</ElMenu>
-</template>
-<style lang="scss" scoped></style>