@fangzhongya/fang-ui 0.0.21 → 0.0.23

package/dist/components/dates-picker/src/util.ts

@@ -1,269 +0,0 @@
-type DateType =
-	| 'year'
-	| 'month'
-	| 'date'
-	| 'dates'
-	| 'datetime'
-	| 'week'
-	| 'datetimerange'
-	| 'daterange'
-	| 'monthrange';
-
-type TypeMap = {
-	type: DateType;
-	format?: string;
-	repair: number;
-};
-
-const typeMap: {
-	[key: string]: TypeMap;
-} = {
-	//年
-	year: {
-		type: 'year',
-		format: 'YYYY',
-		repair: 5,
-	},
-	//月
-	month: {
-		type: 'month',
-		format: 'YYYY-MM',
-		repair: 4,
-	},
-	//日
-	day: {
-		type: 'date',
-		format: 'YYYY-MM-DD',
-		repair: 3,
-	},
-	date: {
-		type: 'date',
-		format: 'YYYY-MM-DD',
-		repair: 3,
-	},
-	//秒
-	second: {
-		type: 'datetime',
-		format: 'YYYY-MM-DD HH:mm:ss',
-		repair: 0,
-	},
-	datetime: {
-		type: 'datetime',
-		format: 'YYYY-MM-DD HH:mm:ss',
-		repair: 0,
-	},
-	//时
-	hour: {
-		type: 'datetime',
-		format: 'YYYY-MM-DD HH',
-		repair: 2,
-	},
-	//分
-	minute: {
-		type: 'datetime',
-		format: 'YYYY-MM-DD HH:mm',
-		repair: 1,
-	},
-};
-
-export type DataType = keyof typeof typeMap;
-
-export function getType(type: DataType = 'date') {
-	return typeMap[type] || { type: 'date', format: 'YYYY-MM-DD', repair: 3 };
-}
-
-function getLastDayOfMonth(now: Date) {
-	const nextMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1); // 下个月的第一天
-	const lastDayOfMonth = new Date(nextMonth.getTime() - 1); // 减去1天得到当前月的最后一天
-	return lastDayOfMonth;
-}
-const arr = [
-	'星期日',
-	'星期一',
-	'星期二',
-	'星期三',
-	'星期四',
-	'星期五',
-	'星期六',
-];
-
-type FormatObject = {
-	[key: string]: number; // 添加索引签名
-};
-
-function formatDate(date: Date, fmt: string) {
-	if (!date) {
-		return '';
-	} else if (typeof date == 'string') {
-		let d = new Date(date);
-		date = d;
-	}
-	let o: FormatObject = {
-		'M+': date.getMonth() + 1, //月份
-		'd+': date.getDate(), //日
-		'H+': date.getHours(), //小时
-		'm+': date.getMinutes(), //分
-		's+': date.getSeconds(), //秒
-		'q+': Math.floor((date.getMonth() + 3) / 3), //季度
-		S: date.getMilliseconds(), //毫秒
-	};
-	let xq = date.getDay(); //星期
-	if (/(y+)/.test(fmt))
-		fmt = fmt.replace(
-			RegExp.$1,
-			(date.getFullYear() + '').substring(4 - RegExp.$1.length),
-		);
-	for (var k in o) {
-		if (new RegExp('(' + k + ')').test(fmt)) {
-			const val = o[k];
-			fmt = fmt.replace(
-				RegExp.$1,
-				RegExp.$1.length == 1
-					? val.toString()
-					: ('00' + val).substring(val.toString().length),
-			);
-		}
-	}
-	if (fmt.includes('XXX')) {
-		fmt = fmt.replace('XXX', arr[xq]);
-	}
-	return fmt;
-}
-function getRepairEnd(v: any, type: number) {
-	if (v) {
-		let format = 'YYYY-MM-DD HH:mm:ss';
-		let d = getDate(v);
-		switch (type) {
-			case 1: {
-				format = 'YYYY-MM-DD HH:mm:59';
-				break;
-			}
-			case 2: {
-				format = 'YYYY-MM-DD HH:59:59';
-				break;
-			}
-			case 3: {
-				format = 'YYYY-MM-DD 23:59:59';
-				break;
-			}
-			case 4: {
-				d = getLastDayOfMonth(d);
-				format = 'YYYY-MM-DD 23:59:59';
-				break;
-			}
-			case 5: {
-				format = 'YYYY-12-31 23:59:59';
-				break;
-			}
-			default: {
-				format = 'YYYY-MM-DD HH:mm:ss';
-				break;
-			}
-		}
-		return formatDate(d, format);
-	} else {
-		return '';
-	}
-}
-function getRepairStart(v: any, type: number) {
-	if (v) {
-		let format = 'YYYY-MM-DD HH:mm:ss';
-		switch (type) {
-			case 1: {
-				format = 'YYYY-MM-DD HH:mm:00';
-				break;
-			}
-			case 2: {
-				format = 'YYYY-MM-DD HH:00:00';
-				break;
-			}
-			case 3: {
-				format = 'YYYY-MM-DD 00:00:00';
-				break;
-			}
-			case 4: {
-				format = 'YYYY-MM-01 00:00:00';
-				break;
-			}
-			case 5: {
-				format = 'YYYY-01-01 00:00:00';
-				break;
-			}
-		}
-		return formatDate(getDate(v), format);
-	} else {
-		return '';
-	}
-}
-
-function getDate(d: Date | number | string) {
-	if (typeof d === 'object') {
-		return d;
-	} else {
-		return new Date();
-	}
-}
-
-function getRepair(v: any, type: number) {
-	if (v) {
-		let format = 'YYYY-MM-DD HH:mm:ss';
-		switch (type) {
-			case 1: {
-				format = 'YYYY-MM-DD HH:mm';
-				break;
-			}
-			case 2: {
-				format = 'YYYY-MM-DD HH';
-				break;
-			}
-			case 3: {
-				format = 'YYYY-MM-DD';
-				break;
-			}
-			case 4: {
-				format = 'YYYY-MM';
-				break;
-			}
-			case 5: {
-				format = 'YYYY';
-				break;
-			}
-		}
-		return formatDate(getDate(v), format);
-	} else {
-		return '';
-	}
-}
-
-export function format(v: any, type: number, is?: number | boolean) {
-	if (is) {
-		if (is === 2) {
-			return getRepairEnd(v, type);
-		} else if (is === 3) {
-			return v;
-		} else {
-			return getRepair(v, type);
-		}
-	} else {
-		return getRepairStart(v, type);
-	}
-}
-
-export function formatType(
-	v: any,
-	type: DataType = 'date',
-	is?: number | boolean,
-) {
-	type = getType(type).repair;
-	if (is) {
-		if (is === 2) {
-			return getRepairEnd(v, type);
-		} else if (is === 3) {
-			return v;
-		} else {
-			return getRepair(v, type);
-		}
-	} else {
-		return getRepairStart(v, type);
-	}
-}

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

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

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

@@ -1,132 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-
-import { definePropType } from '../../../utils/index';
-
-export type ModelValue = string | number;
-
-export type ObjStrAny = {
-	[key: string]: any;
-};
-
-export const roleSelect = {
-	value: 'value',
-	//指定选项标签为选项对象的某个属性值
-	label: 'label',
-	//指定选项的子选项为选项对象的某个属性值
-	children: 'children',
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: 'disabled',
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
-	// 若设置 false，则只返回该节点的值
-	emitPath: true,
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: true,
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: false,
-	// // 是否多选
-	// multiple: false,
-};
-
-export type RoleSelect = {
-	father?: string;
-	// 选择框中展示的字段
-	inpuIabel?: string;
-	//
-	explain?: string;
-	//指定选项的值为选项对象的某个属性值
-	value: string;
-	//指定选项标签为选项对象的某个属性值
-	label: string;
-	//指定选项的子选项为选项对象的某个属性值
-	children: string;
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: string;
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
-	emitPath: boolean;
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: boolean;
-	// 加载动态数据的方法，仅在 lazy 为 true 时有效
-	lazyLoad: Function;
-	// 是否多选
-	multiple: boolean;
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: boolean;
-};
-
-export const dataProps = buildProps({
-	/**
-	 * @props { Array} modelValue=
-	 * 值
-	 */
-	modelValue: {
-		type: [Array<ModelValue>],
-	},
-	appendToBody: {
-		type: Boolean,
-		default: true,
-	},
-	title: {
-		type: String,
-		default: '选择部门',
-	},
-	/**
-	 * @props { String, Number} width= ( )
-	 * 弹框宽度
-	 */
-	width: {
-		type: [String, Number],
-	},
-	placeholder: {
-		type: String,
-	},
-	/**
-	 * @props { Array } options=[] ( )
-	 * 选项的数据源， value 和 label 可以通过 props 自定义.
-	 */
-	options: {
-		type: Array<ObjStrAny>,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @props { Boolean } disabled= ( )
-	 * 是否禁用
-	 */
-	disabled: {
-		type: [Boolean],
-	},
-	/**
-	 * @props { Object } props={} ( )
-	 * 配置选项
-	 */
-	props: {
-		type: definePropType<RoleSelect>(Object),
-		default() {
-			return {};
-		},
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- */
-export const dataEmits = ['update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/department-select/src/index.vue

@@ -1,49 +0,0 @@
-<template>
-	<div :class="cs.z()" v-bind="attrs.root">
-		<TreeSelectBox
-			v-expose="{}"
-			v-bind="{ ...attrs.assem, ...propss }"
-			v-model="value"
-			:width="width"
-			:props="psprops"
-			:title="title"
-		>
-			<template #suffix>
-				<slot name="suffix"> </slot>
-			</template>
-		</TreeSelectBox>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, roleSelect } from './data';
-	import vExpose from '../../../directives/expose';
-	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
-	import TreeSelectBox from '../../tree-select-box/index';
-	import { computed } from 'vue';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const attrs = useInherit();
-	// 样式设置方法
-	const cs = useCssName('department-select');
-	const propss = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const psprops = computed(() => {
-		return Object.assign({}, roleSelect, propss.props);
-	});
-	const value = computed({
-		get() {
-			let v = propss.modelValue;
-			return v;
-		},
-		set(value) {
-			emit('update:modelValue', value);
-		},
-	});
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-
-<style lang="scss"></style>

package/dist/components/dialog/index.ts

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

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

@@ -1,22 +0,0 @@
-import type { ExtractPropTypes } from 'vue'
-
-export const dataProps = {
-  /**
-   * @props { String } modelValue= ( )
-   * 输入框展示数据
-   */
-  modelValue: {
-    type: Boolean,
-  },
-  width: {
-    type: [String, Number],
-    default: 800,
-  },
-  noFooter: Boolean,
-}
-
-export type DataProps = ExtractPropTypes<typeof dataProps>
-
-export const dataEmits = ['update:modelValue', 'close', 'confirm']
-
-export type DataEmits = typeof dataEmits

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

@@ -1,64 +0,0 @@
-<template>
-	<el-dialog
-		v-bind="attrs"
-		:class="cs.z()"
-		v-model="value"
-		:width="props.width"
-	>
-		<template
-			v-for="k in Object.keys(slots).filter(
-				(v) => !['footer'].includes(v),
-			)"
-			v-slot:[k]
-			:key="k"
-		>
-			<slot :name="k"></slot>
-		</template>
-
-		<template v-if="!props.noFooter" #footer>
-			<slot name="footer">
-				<div :class="cs.z('footer')">
-					<el-button @click="onClose">关闭</el-button>
-					<el-button type="primary" @click="onSubmit">确认</el-button>
-				</div>
-			</slot>
-		</template>
-	</el-dialog>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits } from './data';
-	import { computed, useSlots, useAttrs } from 'vue';
-	import { useCssName } from '../../../hooks/cssname';
-	import type { Slots } from 'vue';
-	const cs = useCssName('f-dialog');
-	const props = defineProps(dataProps);
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	const emit = defineEmits(dataEmits);
-	const value = computed({
-		get() {
-			return props.modelValue;
-		},
-		set(value) {
-			emit('update:modelValue', value);
-		},
-	});
-
-	const onClose = () => {
-		value.value = false;
-		// const callback = (is: true) => {
-		//   if (is) {
-		//     value.value = false
-		//   }
-		// }
-		emit('close');
-	};
-
-	const onSubmit = () => {
-		emit('confirm');
-	};
-
-	defineExpose({});
-</script>
-
-<style lang="scss"></style>

package/dist/components/divider/index.ts

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

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

@@ -1,31 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Divider 分割线
- * @text 目前完全继承 element-plus 中 el-divider
- */
-
-export const dataProps = buildProps<any>({
-	/**
-	 * @props { String } modelValue
-	 * 在没有插槽的情况下展示modelValue的值
-	 */
-	modelValue: {
-		type: String,
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-export const dataEmits = [];
-
-export type DataEmits = typeof dataEmits;
-
-export const dataSlot = {};
-
-/**
- * @expose refEl 获取当前组件在element-plus中暴露的方法
- */
-export const dataExpose = {};

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

@@ -1,41 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElDivider v-bind="attrs.assem" ref="refEl">
-			<template
-				v-for="(k, index) in Object.keys(slots)"
-				v-slot:[k]
-				:key="k"
-			>
-				<slot :name="k"></slot>
-			</template>
-			<template v-if="slots.default || props.modelValue" #default>
-				<slot name="default">
-					{{ props.modelValue }}
-				</slot>
-			</template>
-		</ElDivider>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElDivider } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useInherit();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('divider');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-
-<style lang="scss"></style>

package/dist/components/drawer/index.ts

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

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

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

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