@fangzhongya/fang-ui 0.0.21 → 0.0.23

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

@@ -1,265 +0,0 @@
-<!-- @format -->
-
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElForm
-			:inline="true"
-			ref="formRef"
-			:model="dataFormValue"
-			label-width="0"
-		>
-			<ElTable
-				height="100%"
-				:class="[cs.z('table')]"
-				ref="tableRef"
-				v-bind="attrs.assem"
-				:row-class-name="rowClassName"
-				:cell-class-name="cellClassName"
-				v-scroll="onScroll"
-				scroll-selector=".el-scrollbar .el-scrollbar__wrap"
-				@row-click="onRowClick"
-				:row-style="rowStyle"
-				:data="props.value"
-				@sort-change="sortChange"
-				:default-sort="tableDefaultSort"
-			>
-				<TableColumns
-					:selection-all="props.selectionAll"
-					ref="refFTableColumns"
-					:table="attrs.assem"
-					:form="props.form"
-					:formValue="dataFormValue"
-					:data="props.value"
-					:list="props.list"
-					@list-events="onListEvents"
-				></TableColumns>
-				<template #empty>
-					<slot :name="dataSlot.empty">
-						<div
-							style="
-								width: 217px;
-								height: 154px;
-								line-height: 20px;
-							"
-						>
-							<span style="line-height: 20px">暂无数据</span>
-						</div>
-					</slot>
-				</template>
-			</ElTable>
-		</ElForm>
-	</div>
-</template>
-<script lang="ts" setup>
-	import {
-		dataProps,
-		dataEmits,
-		dataExpose,
-		dataSlot,
-		type DefaultSort,
-	} from './data';
-	import { ElTable, ElForm, type ColumnStyle } from 'element-plus';
-	import TableColumns from './columns.vue';
-	import { useHide } from '../../common/use';
-	import { watch, ref, reactive, computed, onMounted } from 'vue';
-	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
-	import vScroll from '../../../directives/scroll';
-	import type { ObjAny } from '../../../types/index';
-
-	type RowStyle = ColumnStyle<any>;
-
-	const attrs = useInherit();
-	// 样式设置方法
-	const cs = useCssName('tables-form');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-
-	const tableRef = ref();
-	const formRef = ref();
-	const refFTableColumns = ref();
-	const dataFormValue = ref<ObjAny>({});
-
-	watch(
-		() => props.formValue,
-		() => {
-			dataFormValue.value = props.formValue || {};
-		},
-		{ immediate: true, deep: true },
-	);
-
-	const emit = defineEmits(dataEmits);
-
-	// 排序
-	let isSort = false;
-	setTimeout(() => {
-		isSort = false;
-	}, 400);
-
-	const tableDefaultSort = computed<DefaultSort>(() => {
-		return {
-			prop: props.defaultSort?.prop,
-			order: props.defaultSort?.order,
-		};
-	});
-
-	const rowStyle = computed<RowStyle>(() => {
-		const height = props.lineHeight;
-		const rowStyle = attrs.assem['row-style'] 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,
-			};
-		}
-	});
-
-	type ClassNameFun = (scope: ObjAny) => string;
-
-	const rowClassName = computed<string | ClassNameFun>(() => {
-		const rowStyle = attrs.assem['row-class-name'];
-		if (rowStyle) {
-			return rowStyle as string | ClassNameFun;
-		} else {
-			return (scope: ObjAny): string => {
-				const prop = props.form.prop;
-				if (scope.row[prop]) {
-					return 'row-form-item';
-				} else {
-					return '';
-				}
-			};
-		}
-	});
-
-	function setList(arr: ObjAny[], list: ObjAny[]) {
-		arr.forEach((obj) => {
-			if (obj.children && obj.children.length > 0) {
-				setList(obj.children, list);
-			} else {
-				if (useHide(obj)) {
-					list.push(obj);
-				}
-			}
-		});
-	}
-
-	const lists = computed(() => {
-		const arr: ObjAny[] = [];
-		setList(props.list, arr);
-		return arr;
-	});
-
-	const cellClassName = computed<string | ClassNameFun>(() => {
-		const rowStyle = attrs.assem['cell-class-name'];
-		if (rowStyle) {
-			return rowStyle as string | ClassNameFun;
-		} else {
-			return (scope: ObjAny): string => {
-				const prop = props.form?.prop;
-				const obj = lists.value[scope.columnIndex];
-				const defaultFormfilter = () => {
-					return obj.isform && obj.compon && prop && scope.row[prop];
-				};
-				const formfilter = obj.formfilter || defaultFormfilter;
-				if (formfilter(scope, obj, props.form, dataFormValue.value)) {
-					return 'cell-form-item';
-				} else {
-					return '';
-				}
-			};
-		}
-	});
-
-	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 validate() {
-		formRef.value?.validate((valid: boolean) => {
-			if (valid) {
-				emit('submit', dataFormValue.value);
-			}
-		});
-	}
-
-	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) {
-		toggleRowSelection(row);
-	}
-
-	function toggleRowSelection(row: any) {
-		tableRef.value.toggleRowSelection(row);
-	}
-
-	function toggleRowSelectionList(...arr: any[]) {
-		refFTableColumns.value.toggleRowSelection(...arr);
-	}
-
-	function clearSelection() {
-		tableRef.value.clearSelection();
-	}
-
-	function clearSelectionList() {
-		refFTableColumns.value.clearSelection();
-	}
-
-	function getRowSelectionsCheckList(...arr: any[]) {
-		return refFTableColumns.value.getRowSelectionsCheck(...arr);
-	}
-
-	function onScroll() {
-		emit('scroll-bottom');
-	}
-
-	function onScopeClick(...arr: any[]) {
-		emit('scope-click', ...arr);
-	}
-	function onSelectionList(...arr: any[]) {
-		emit('selection-list', ...arr);
-	}
-
-	defineExpose({
-		...dataExpose,
-		form: formRef,
-		validate,
-		clearSelection,
-		toggleRowSelectionList,
-		clearSelectionList,
-		getRowSelectionsCheckList,
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/tables-pagin/index.ts

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

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

@@ -1,83 +0,0 @@
-<template>
-	<div :class="cs.z()" :style="cs.vdo({ height })">
-		<!-- table表单 -->
-		<fv-tables
-			v-bind="tableConfig.config"
-			v-on="formEvent"
-			:height="height"
-			ref="refTable"
-			:class="[cs.z('main'), cs.is('radio', tableConfig.config?.isradio)]"
-			:value="data.list"
-			:list="tableList"
-			:size="tableConfig.config?.size"
-			:paginat="paginat"
-			:loading="loading"
-			:options="props.options"
-			:compons="props.compons"
-			@sort-change="onSortChange"
-			@list-events="onListEvents"
-			@select="onSelect"
-			@row-click="onRowClick"
-			@selection-change="onChange"
-		>
-			<template v-for="k in Object.keys(slots)" #[k]="scope" :key="k">
-				<slot :name="k" v-bind="scope"></slot>
-			</template>
-		</fv-tables>
-		<!-- 分页 -->
-		<template v-if="tableConfig.paginat?.is">
-			<Pagination
-				v-bind="pagconfig"
-				:class="cs.z('paginat')"
-				:paginat="paginat"
-				:total="data.total"
-				@size-change="onSizeChange"
-				@current-change="onCurrentChange"
-			></Pagination>
-		</template>
-	</div>
-</template>
-<script setup lang="ts">
-	import FvTables from '../../el-tables/index';
-	import Pagination from '../../pagin/index';
-	import { ref, useSlots } from 'vue';
-	import { dataProps, dataEmit, useInit } from '../../tables/common/pagin';
-	import { useCssName } from '../../../hooks/cssname';
-	import type { Slots } from 'vue';
-	const cs = useCssName('tables-pagin');
-	const slots: Slots = useSlots();
-	const props = defineProps(dataProps);
-
-	const emit = defineEmits(dataEmit);
-
-	const refTable = ref();
-
-	const {
-		height,
-		getSelection,
-		initData,
-		getData,
-		empty,
-		loading,
-		tableList,
-		tableConfig,
-		onSortChange,
-		onListEvents,
-		onSelect,
-		onRowClick,
-		onChange,
-		pagconfig,
-		formEvent,
-		onSizeChange,
-		onCurrentChange,
-		paginat,
-		data,
-	} = useInit(props, emit, refTable, true);
-
-	defineExpose({
-		getSelection,
-		initData,
-		getList: getData,
-		empty,
-	});
-</script>

package/dist/components/tabs/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Tabs 标签页
- * @text 目前完全继承 element-plus 中 el-tabs
- */
-
-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/tabs/src/index.vue

@@ -1,31 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElTabs v-bind="attrs" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElTabs>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElTabs } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('tabs');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/text/index.ts

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

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

@@ -1,18 +0,0 @@
-import type { ExtractPropTypes } from 'vue'
-
-export const dataProps = {
-  /**
-   * @props { String } modelValue= ( )
-   * 输入框展示数据
-   */
-  modelValue: {
-    type: String,
-  },
-  inline: Boolean,
-}
-
-export type DataProps = ExtractPropTypes<typeof dataProps>
-
-export const dataEmits = []
-
-export type DataEmits = typeof dataEmits

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

@@ -1,28 +0,0 @@
-<template>
-	<div
-		:class="cs.z()"
-		v-bind="attrs.root"
-		:style="{
-			display: props.inline ? 'inline' : 'block',
-		}"
-	>
-		<span>
-			{{ props.modelValue }}
-		</span>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { computed, useSlots, useAttrs } from 'vue';
-	import type { Slots } from 'vue';
-	const attrs = useInherit(useAttrs());
-	const cs = useCssName('text');
-	const props = defineProps(dataProps);
-	const slots: Slots = useSlots();
-	const emit = defineEmits(dataEmits);
-
-	defineOptions({ inheritAttrs: false });
-	defineExpose({});
-</script>

package/dist/components/time-picker/index.ts

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

package/dist/components/time-picker/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} TimePicker 时间选择器
- * @text 目前完全继承 element-plus 中 el-time-picker
- */
-
-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/time-picker/src/index.vue

@@ -1,31 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElTimePicker v-bind="attrs" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElTimePicker>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElTimePicker } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('time-picker');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/time-select/index.ts

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

package/dist/components/time-select/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} TimeSelect 时间选择
- * @text 目前完全继承 element-plus 中 el-time-select
- */
-
-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/time-select/src/index.vue

@@ -1,31 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElTimeSelect v-bind="attrs" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElTimeSelect>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElTimeSelect } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('time-select');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/tooltip/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Tooltip 文字提示
- * @text 目前完全继承 element-plus 中 el-tooltip
- */
-
-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/tooltip/src/index.vue

@@ -1,31 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElTooltip v-bind="attrs" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElTooltip>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElTooltip } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('tooltip');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/tree/index.ts

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