@fangzhongya/fang-ui 0.0.21 → 0.0.22

package/dist/components/el-tables/src/column.ts

@@ -1,166 +0,0 @@
-import { inject, h } from 'vue';
-import { setMinWidth } from '../../tables/common/util';
-import { ElTableColumn } from 'element-plus';
-
-import {
-	useSetSlot,
-	useSetCompon,
-	useGetDomValue,
-	useGetDomLabel,
-} from '../../common/use';
-import { useAttrValue } from '../../../hooks/inherit';
-import { getCompons } from '../../common/compons';
-
-const noProps = ['children', 'class', 'minWidth', 'label'];
-
-export function setProps(obj: ListObj, props: ObjAny) {
-	const table = props.table;
-	const robj: ObjAny = {};
-	const issort = table['sort'];
-	robj['header-align'] = table['align'];
-	robj['align'] = useAttrValue(obj, 'headerAlign') || table['align'];
-	Object.keys(obj).forEach((key) => {
-		if (!noProps.includes(key)) {
-			if (obj[key] !== '') {
-				robj[key] = obj[key];
-				if (key == 'sortable') {
-					if (issort && obj[key]) {
-						robj[key] = 'custom';
-					}
-				}
-			}
-		}
-	});
-	return robj;
-}
-
-function setSslot(
-	obj: ListObj,
-	scope: ObjAny,
-	emit: Function,
-	slots: ObjAny,
-	props: ObjAny,
-	index: number,
-) {
-	const slot = useSetSlot(obj, scope.row, slots, index);
-	if (slot) {
-		return slot;
-	}
-	if (obj.compon) {
-		const isComponSelected = props.isComponSelected;
-		if (isComponSelected(obj, scope)) {
-			const optionss = props.options || {};
-			const compons = inject<ObjAny>('tables-compons', {});
-			const column = useSetCompon(
-				obj,
-				scope.row,
-				optionss,
-				getCompons(compons),
-				emit,
-				index,
-			);
-			if (column) {
-				return column;
-			}
-		}
-	}
-	return defaultDom(obj, scope, props, index);
-}
-
-function defaultDom(obj: ListObj, scope: ObjAny, props: ObjAny, index: number) {
-	const table = props.table;
-	let domValue: any = '';
-	if (obj.type == 'index') {
-		if (obj.index) {
-			domValue = obj.index(scope.$index, table.paginat);
-		} else {
-			if (
-				table.paginat &&
-				table.paginat.current &&
-				table.paginat.pageSize
-			) {
-				domValue =
-					(table.paginat.current - 1) * table.paginat.pageSize +
-					scope.$index +
-					1;
-			} else {
-				domValue = scope.$index + 1;
-			}
-		}
-		return domValue;
-	} else if (obj.type == 'selection') {
-		return;
-	}
-
-	domValue = useGetDomValue(obj, scope.row, props.options, scope.$index);
-	return h(
-		'span',
-		{
-			class: 'text',
-			onClick(event: Event) {
-				if (obj.click) {
-					obj.click(event, scope, obj);
-				}
-			},
-		},
-		domValue ?? '',
-	);
-}
-
-export function setHeader(
-	obj: ListObj,
-	scope: ObjAny,
-	slots: ObjAny,
-	emit: Function,
-	props: ObjAny,
-	index: number,
-) {
-	const optionss = props.options || {};
-	const compons = inject<ObjAny>('tables-compons', {});
-	return useGetDomLabel(
-		obj.label,
-		obj,
-		scope.row,
-		slots,
-		optionss,
-		compons,
-		emit,
-		index,
-	);
-}
-
-function getDom(
-	obj: ListObj,
-	emit: Function,
-	propss: ObjAny,
-	slots: ObjAny,
-	index: number,
-) {
-	const props = setProps(obj, propss);
-	return h(
-		ElTableColumn,
-		{
-			...props,
-			className: obj.class,
-			minWidth: setMinWidth(obj, propss),
-		},
-		{
-			default: (scope: ObjAny) => {
-				return setSslot(obj, scope, emit, slots, propss, index);
-			},
-			header: (scope: ObjAny) => {
-				return setHeader(obj, scope, slots, emit, propss, index);
-			},
-		},
-	);
-}
-
-export function columnRender(
-	obj: ListObj,
-	emit: Function,
-	props: ObjAny,
-	slots: ObjAny,
-	index: number,
-) {
-	return getDom(obj, emit, props, slots, index);
-}

package/dist/components/el-tables/src/columns.ts

@@ -1,77 +0,0 @@
-import { h } from 'vue';
-import { setMinWidth } from '../../tables/common/util';
-import { useHide } from '../../common/use';
-import { ElTableColumn } from 'element-plus';
-import { columnRender, setHeader, setProps } from './column';
-
-function getLists(
-	arrs: ListObj[],
-	emit: Function,
-	props: ObjAny,
-	slots: ObjAny,
-	listobj?: ListObj,
-) {
-	let arr: ObjAny[] = [];
-	arrs?.forEach((obj, index) => {
-		if (listobj) {
-			obj.father = obj.father ?? listobj;
-		}
-		if (!useHide(obj, props.value)) {
-			if (obj.children && obj.children.length > 0) {
-				if (obj.isdiv) {
-					arr.push(
-						...getLists(
-							obj.children as ListObj[],
-							emit,
-							props,
-							slots,
-							obj,
-						),
-					);
-				} else {
-					arr.push(
-						h(
-							ElTableColumn,
-							{
-								...setProps(obj, props),
-								className: obj.class,
-								minWidth: setMinWidth(obj, props),
-							},
-							{
-								default: (scope: ObjAny) => {
-									return getLists(
-										obj.children as ListObj[],
-										emit,
-										props,
-										slots,
-										obj,
-									);
-								},
-								header: (scope: ObjAny) => {
-									return setHeader(
-										obj,
-										scope,
-										slots,
-										emit,
-										props,
-										index,
-									);
-								},
-							},
-						),
-					);
-				}
-			} else {
-				const dom = columnRender(obj, emit, props, slots, index);
-				if (dom) {
-					arr.push(dom);
-				}
-			}
-		}
-	});
-	return arr;
-}
-
-export function render(porps: ObjAny, emit: Function, slots: ObjAny) {
-	return getLists(porps.list, emit, porps, slots);
-}

package/dist/components/el-tables/src/columns.vue

@@ -1,40 +0,0 @@
-<script lang="ts">
-	import { defineComponent } from 'vue';
-	import { render } from './columns';
-	import But from '../../tables/common/table-but.vue';
-	import Color from '../../tables/common/table-color.vue';
-	import List from '../../tables/common/table-list.vue';
-	export default defineComponent({
-		emits: ['list-events'],
-		components: { But, Color, List },
-		expose: [],
-		props: {
-			list: Array<ListObj>, //展示数据列表
-
-			/**
-			 * @props { Array } value table列表数据
-			 */
-			value: {
-				type: Array<ObjAny>,
-				default() {
-					return [];
-				},
-			},
-			options: {
-				type: Object,
-			},
-			/**
-			 * table的配置
-			 */
-			table: {
-				type: [Object],
-			},
-
-			isComponSelected: Function,
-		},
-		setup(props, { emit, slots }) {
-    return () => render(props, emit, slots)
-		},
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/el-tables/src/data.ts

@@ -1,122 +0,0 @@
-import type { ExtractPropTypes, Component } from 'vue';
-
-export type DefaultSort = {
-	prop: string;
-	order: 'ascending' | 'descending';
-};
-/**
- * @title FTable 表格
- * @author 方忠亚
- * @description 对el-table进行二次封装，减少写html，自适应自身高度
- * @date 2022年11月21日19点34分
- */
-
-export const dataProps = {
-	/**
-	 * @props { Object } defaultSort 排序
-	 */
-	defaultSort: {
-		type: Object as () => DefaultSort,
-		default() {
-			return {};
-		},
-	},
-	height: {
-		type: [String, Number],
-		default() {
-			return 'auto';
-		},
-	},
-	/**
-	 * 加载中
-	 */
-	loading: {
-		type: Boolean,
-		default: false,
-	},
-	// 高度自适应
-	adaptive: Boolean,
-
-	/**
-	 * @props { Array<Object> } list table展示的列
-	 * @props { String } list.class table展示的列class
-	 * @props { String } list.label table展示的列头名称
-	 * @props { Array<Object> } list.children 用来展示多级头
-	 * @props { boolean } list.hide=false 当前列是否隐藏
-	 * @props { function } list.sethide 当前列是否隐藏方法模式
-	 * @props { function } list.formatter (row, column, cellValue, index) 用来格式化内容
-	 * @props { String } list.align=left (left , center , right) 对齐方式
-	 * @props { string , number } list.width table展示的宽度
-	 * @props { string , number } list.minWidth table展示的最小宽度
-	 * @props { string , boolean } list.fixed (true , 'left' , 'right') 列是否固定在左侧或者右侧。 true 表示固定在左侧
-	 * @props { String } list.compon (component, color, list, but) table的扩展组件配置
-	 * @props { Object } list.config table的扩展组件的配置对象
-	 */
-	list: {
-		type: Array<ListObj>,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @props { Array } value table列表数据
-	 */
-	value: {
-		type: Array<ObjAny>,
-		default() {
-			return [];
-		},
-	},
-
-	/**
-	 * 行高度
-	 */
-	lineHeight: {
-		type: [String, Number],
-	},
-
-	/**
-	 * @props { Object } options 选择数据集合
-	 */
-	options: {
-		type: Object,
-		default() {
-			return {};
-		},
-	},
-	/**
-	 * @props { Object } compons 外部组件集合
-	 */
-	compons: {
-		type: Object as () => { [key: string]: Component },
-		default() {
-			return {};
-		},
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits scroll-bottom 滚动到列表底部触发事件
- */
-export const dataEmits = [
-	'sort-change',
-	'scroll-bottom',
-	'scope-click',
-	'selection-list',
-	'list-events',
-	'row-click',
-];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @expose clearSelection ( ) 清除多选
- * @expose toggleRowSelectionList (row, selected, key ) 切换选择
- * @expose clearSelectionList ( ) 清空选中
- * @expose { Object: {  value: 值,
-                    list: 当前列,
-                    key: key的名称,} } getRowSelectionsCheckList (row, key ) 获取选中的值
- */
-export const dataExpose = {};

package/dist/components/el-tables/src/index.vue

@@ -1,196 +0,0 @@
-<template>
-	<div :class="cs.z()" v-bind="attrs.root">
-		<!-- v-scroll="onScroll" -->
-		<ElTable
-			v-bind="attrs.assem"
-			align="left"
-			ref="tableRef"
-			:class="[cs.z('table'), cs.is('absolute', props.adaptive)]"
-			v-loading="props.loading"
-			:height="props.height"
-			scroll-selector=".el-scrollbar .el-scrollbar__wrap"
-			:row-style="rowStyle"
-			:data="props.value"
-			:default-sort="tableDefaultSort"
-			@row-click="onRowClick"
-			@sort-change="sortChange"
-			@click.stop="onClick"
-		>
-			<TableColumns
-				:table="attrs.assem"
-				:value="props.value"
-				:list="props.list"
-				:options="props.options"
-				:isComponSelected="isComponSelected"
-				@list-events="onListEvents"
-			>
-				<template
-					v-for="(k, i) of Object.keys(slots).filter(
-						(v) => !['empty', 'no-data'].includes(v),
-					)"
-					#[k]="scope"
-					:key="k"
-				>
-					<slot :name="k" v-bind="scope"></slot>
-				</template>
-			</TableColumns>
-			<template #empty>
-				<slot name="no-data">
-					<div :class="cs.z('no-data')">
-						<span>暂无数据</span>
-					</div>
-				</slot>
-			</template>
-		</ElTable>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, type DefaultSort } from './data';
-	import {
-		watch,
-		provide,
-		ref,
-		useSlots,
-		useAttrs,
-		computed,
-		onMounted,
-	} from 'vue';
-	import { ElTable, vLoading, type ColumnStyle } from 'element-plus';
-	import TableColumns from './columns.vue';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { uesObjComponSelected } from '../../common/use';
-	import { getCompons } from '../../common/compons';
-	import type { Slots } from 'vue';
-	const cs = useCssName('tables');
-	const slots: Slots = useSlots();
-
-	const attrs = useInherit(useAttrs());
-
-	const props = defineProps(dataProps);
-
-	provide('tables-compons', getCompons(props.compons));
-
-	const tableRef = ref();
-
-	const emit = defineEmits(dataEmits);
-
-	/**是否单行显示 */
-
-	const rowObj = ref();
-
-	const isfocus = ref(false);
-
-	function onClick() {
-		isfocus.value = true;
-	}
-
-	function isComponSelected(obj: ObjAny, scope: ObjAny) {
-		if (uesObjComponSelected(obj, props)) {
-			if (rowObj.value === scope.row) {
-				if (isfocus.value) {
-					return true;
-				} else {
-					return false;
-				}
-			} else {
-				return false;
-			}
-		} else {
-			return true;
-		}
-	}
-
-	/**是否单行显示 */
-
-	// 排序
-	let isSort = false;
-	// setTimeout(() => {
-	//   isSort = false
-	// }, 400)
-
-	const tableDefaultSort = computed<DefaultSort>(() => {
-		return {
-			prop: props.defaultSort?.prop,
-			order: props.defaultSort?.order,
-		};
-	});
-
-	type RowStyle = ColumnStyle<any>;
-
-	const rowStyle = computed<RowStyle>(() => {
-		const height = props.lineHeight;
-		const rowStyle = attrs.assem.rowStyle as RowStyle;
-		if (height) {
-			if (rowStyle) {
-				if (typeof rowStyle == 'object') {
-					// @ts-ignore
-					rowStyle['height'] = height + 'px';
-					return rowStyle;
-				} else {
-					return rowStyle;
-				}
-			} else {
-				return {
-					height: height + 'px',
-				} as RowStyle;
-			}
-		} else {
-			return {
-				height: '',
-				...rowStyle,
-			};
-		}
-	});
-	watch(tableDefaultSort, (newValue, oldValue) => {
-		let prop = tableDefaultSort.value.prop;
-		let order = tableDefaultSort.value.order;
-		if (tableRef.value) {
-			if (prop) {
-				isSort = true;
-				tableRef.value.sort(prop, order);
-			} else {
-				tableRef.value.clearSort();
-			}
-		}
-	});
-	function sortChange(obj: DefaultSort) {
-		if (isSort) {
-			isSort = false;
-			return false;
-		}
-		emit('sort-change', obj);
-	}
-
-	function onListEvents(...arr: any[]) {
-		emit('list-events', ...arr);
-	}
-
-	function onRowClick(row: any, column: any, ...arr: any) {
-		isfocus.value = true;
-		rowObj.value = row;
-		emit('row-click', row, column, ...arr);
-	}
-
-	function toggleRowSelection(...arr: any[]) {
-		tableRef.value.toggleRowSelection(...arr);
-	}
-
-	function clearSelection() {
-		tableRef.value.clearSelection();
-	}
-
-	onMounted(() => {
-		if (window) {
-			window.addEventListener('click', () => {
-				isfocus.value = false;
-			});
-		}
-	});
-
-	defineExpose({
-		...dataExpose,
-		clearSelection,
-		toggleRowSelection,
-	});
-</script>

package/dist/components/form/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Form 表单
- * @text 目前完全继承 element-plus 中 el-form
- */
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-export const dataEmits = [];
-
-export type DataEmits = typeof dataEmits;
-
-export const dataSlot = {};
-
-/**
- * @expose refEl 获取当前组件在element-plus中暴露的方法
- */
-export const dataExpose = {};

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

@@ -1,30 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElForm v-bind="attrs" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElForm>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataEmits, dataExpose } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElForm as Form } from 'element-plus';
-	import type { Slots } from 'vue';
-	// 解决打包ts类型报错问题
-	const ElForm = Form as any;
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('form');
-	// 获取国际化字段
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/form-item/index.ts

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

package/dist/components/form-item/src/data.ts

@@ -1,24 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} FormItem 表单子组件
- * @text 目前完全继承 element-plus 中 el-form-item
- * @text 必须在Form 表单下使用
- */
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-export const dataEmits = [];
-
-export type DataEmits = typeof dataEmits;
-
-export const dataSlot = {};
-
-/**
- * @expose refEl 获取当前组件在element-plus中暴露的方法
- */
-export const dataExpose = {};