@fangzhongya/fang-ui 0.0.21 → 0.0.22

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

@@ -1,356 +0,0 @@
-import { inject, h } from 'vue';
-import {
-	useSetSlot,
-	useSetCompon,
-	useGetDomValue,
-	useGetDomLabel,
-} from '../../common/use';
-import { useAttrValue } from '../../../hooks/inherit';
-import { getCompons } from '../../common/compons';
-import { setMinWidth } from '../../tables/common/util';
-import { lineToSmallHump } from '../../../utils/index';
-import { VxeColumn } from 'vxe-table/es/column';
-import { ElRadio, ElCheckbox } from 'element-plus';
-
-function setBox(
-	props: ObjAny,
-	obj: ListObj,
-	emit: Function,
-	propss: ObjAny,
-	slots: ObjAny,
-	index: number,
-) {
-	if (props.type == 'radio') {
-		/**
-    <vxe-column type="radio" width="80">
-      <template #radio="{ row, checked }">
-        <span class="custom-radio" @click.stop="setSelectRow(row)">
-          <i v-if="checked" class="vxe-icon-success-circle-fill"></i>
-          <i v-else class="vxe-icon-success-circle"></i>
-        </span>
-      </template>
-    </vxe-column>
-   */
-		return h(
-			VxeColumn,
-			{
-				...props,
-				className: obj.class,
-				minWidth: setMinWidth(obj, propss),
-			},
-			{
-				radio: (scope: any) => {
-					return h(
-						'span',
-						{
-							class:
-								'fv-custom-radio ' +
-								props.align +
-								' ' +
-								(scope.disabled ? 'is-disabled' : ''),
-							onClick(event: Event) {
-								emit('list-events', 'radio', scope);
-							},
-						},
-						[
-							h(
-								ElRadio,
-								{
-									modelValue: scope.checked,
-									value: true,
-									label: true,
-									disabled: scope.disabled,
-								},
-								{
-									default() {
-										return '';
-									},
-								},
-							),
-							h('span', {
-								class: 'fv-custom-radio-mask',
-							}),
-						],
-					);
-				},
-			},
-		);
-	} else {
-		/**
-    <vxe-column type="checkbox" width="80">
-      <template #header="{ checked, indeterminate }">
-        <span class="custom-checkbox" @click.stop="toggleAllCheckboxEvent">
-          <i v-if="indeterminate" class="vxe-icon-square-minus-fill"></i>
-          <i v-else-if="checked" class="vxe-icon-square-checked-fill"></i>
-          <i v-else class="vxe-icon-checkbox-unchecked"></i>
-        </span>
-      </template>
-      <template #checkbox="{ row, checked, indeterminate }">
-        <span class="custom-checkbox" @click.stop="toggleCheckboxEvent(row)">
-          <i v-if="indeterminate" class="vxe-icon-square-minus-fill"></i>
-          <i v-else-if="checked" class="vxe-icon-square-checked-fill"></i>
-          <i v-else class="vxe-icon-checkbox-unchecked"></i>
-        </span>
-      </template>
-    </vxe-column>
-   */
-		return h(
-			VxeColumn,
-			{
-				...props,
-				className: obj.class,
-				minWidth: setMinWidth(obj, propss),
-			},
-			{
-				header: (scope: any) => {
-					return h(
-						'span',
-						{
-							class: 'fv-custom-checkbox',
-							onClick(event: Event) {
-								emit('list-events', 'checkbox-all', scope);
-							},
-						},
-						[
-							h(
-								ElCheckbox,
-								{
-									indeterminate: scope.indeterminate,
-									modelValue: scope.checked,
-								},
-								obj.label,
-							),
-							h('span', {
-								class: 'fv-custom-checkbox-mask',
-							}),
-						],
-					);
-				},
-				checkbox: (scope: any) => {
-					return h(
-						'span',
-						{
-							class:
-								'fv-custom-checkbox ' +
-								(scope.disabled ? 'is-disabled' : ''),
-							onClick(event: Event) {
-								emit('list-events', 'checkbox', scope);
-							},
-						},
-						[
-							h(ElCheckbox, {
-								indeterminate: scope.indeterminate,
-								modelValue: scope.checked,
-								disabled: scope.disabled,
-							}),
-							h('span', {
-								class: 'fv-custom-checkbox-mask',
-							}),
-						],
-					);
-				},
-			},
-		);
-	}
-}
-
-const noProps = ['children', 'class', 'minWidth'];
-
-export function setProps(obj: ListObj, props: ObjAny) {
-	const table = props.table;
-	const vxeconfig = props.vxeconfig;
-	const robj: ObjAny = {};
-	robj['header-align'] = table['align'];
-	robj['align'] = useAttrValue(obj, 'headerAlign') || table['align'];
-
-	const tooltip = useAttrValue(table, 'showOverflowTooltip');
-	if (tooltip === '' || tooltip === true) {
-		robj['show-overflow'] = 'tooltip';
-	}
-	Object.keys(obj).forEach((key) => {
-		const ckey = lineToSmallHump(key);
-		if (!noProps.includes(ckey)) {
-			if (obj[key] !== '') {
-				robj[key] = obj[key];
-				if (key == 'label') {
-					robj['title'] = obj[key];
-				} else if (ckey == 'showOverflowTooltip') {
-					if (obj[key]) {
-						robj['show-overflow'] = 'tooltip';
-					}
-				} else if (key == 'prop') {
-					robj['field'] = obj[key];
-				} else if (key == 'fixed') {
-					robj['fixed'] = obj[key] === true ? 'left' : obj[key];
-				} else if (key == 'type') {
-					if (obj[key] == 'selection') {
-						robj[key] = table.isradio ? 'radio' : 'checkbox';
-						if (obj.selectable) {
-							if (table.isradio) {
-								vxeconfig.radio = vxeconfig.checkbox || {};
-								vxeconfig.radio.checkMethod = function (
-									scope: ObjAny,
-								) {
-									return obj.selectable(
-										scope.row,
-										scope.$rowIndex,
-									);
-								};
-							} else {
-								vxeconfig.checkbox = vxeconfig.checkbox || {};
-								vxeconfig.checkbox.checkMethod = function (
-									scope: ObjAny,
-								) {
-									return obj.selectable(
-										scope.row,
-										scope.$rowIndex,
-									);
-								};
-							}
-						}
-					} else if (obj[key] == 'index') {
-						robj[key] = 'seq';
-					}
-				}
-			}
-		}
-	});
-	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.$rowIndex, table.paginat);
-		} else {
-			if (
-				table.paginat &&
-				table.paginat.current &&
-				table.paginat.pageSize
-			) {
-				domValue =
-					(table.paginat.current - 1) * table.paginat.pageSize +
-					scope.$rowIndex +
-					1;
-			} else {
-				domValue = scope.$rowIndex + 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);
-	const vxeconfig = propss.vxeconfig;
-	if (!vxeconfig.nocustomize && obj.type == 'selection') {
-		return setBox(props, obj, emit, propss, slots, index);
-	}
-	const slotObj: ObjAny = {
-		default: (scope: ObjAny) => {
-			return setSslot(obj, scope, emit, slots, propss, index);
-		},
-	};
-	if (obj.type != 'selection') {
-		slotObj.header = (scope: ObjAny) => {
-			return setHeader(obj, scope, slots, emit, propss, index);
-		};
-	}
-	return h(
-		VxeColumn,
-		{
-			...props,
-			className: obj.class,
-			minWidth: setMinWidth(obj, propss),
-		},
-		slotObj,
-	);
-}
-
-export function columnRender(
-	obj: ListObj,
-	emit: Function,
-	props: ObjAny,
-	slots: ObjAny,
-	index: number,
-) {
-	return getDom(obj, emit, props, slots, index);
-}

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

@@ -1,64 +0,0 @@
-import { h } from 'vue';
-import { setMinWidth } from '../../tables/common/util';
-import { useHide } from '../../common/use';
-import { VxeColgroup } from 'vxe-table/es/colgroup';
-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,
-				children: undefined,
-			};
-		}
-		if (!useHide(obj, props.value)) {
-			if (obj.children && obj.children.length > 0) {
-				const slotObj: ObjAny = {
-					default: (scope: ObjAny) => {
-						return getLists(
-							obj.children as ListObj[],
-							emit,
-							props,
-							slots,
-							obj,
-						);
-					},
-				};
-				if (obj.type != 'selection') {
-					slotObj.header = (scope: ObjAny) => {
-						return setHeader(obj, scope, slots, emit, props, index);
-					};
-				}
-				arr.push(
-					h(
-						VxeColgroup,
-						{
-							...setProps(obj, props),
-							className: obj.class,
-							minWidth: setMinWidth(obj, props),
-						},
-						slotObj,
-					),
-				);
-			} 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/vxe-tables/src/columns.vue

@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { defineComponent } from 'vue';
-	import { render } from './columns';
-	// import { VxeTooltip } from 'vxe-table/es/tooltip';
-	import { ElTooltip as VxeTooltip } from 'element-plus';
-	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: { VxeTooltip, 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,
-
-			vxeconfig: {
-				type: Object,
-			},
-		},
-		setup(props, { emit, slots }) {
-			return () => render(props, emit, slots);
-		},
-	});
-</script>
-<style lang="scss" scoped></style>

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

@@ -1,129 +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],
-	},
-
-	size: {
-		type: String,
-		default() {
-			return 'default';
-		},
-	},
-
-	/**
-	 * @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',
-	'selection-change',
-];
-
-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 = {};