@fangzhongya/fang-ui 0.0.20 → 0.0.22

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

@@ -1,150 +0,0 @@
-import { useHide } from '../../common/use';
-import * as judge from '@fangzhongya/utils/judge/judge';
-
-type Rule = {
-	required?: boolean;
-	validator: Function;
-	trigger: string | string[];
-};
-
-export type Rules = {
-	[key: string]: Array<Rule> | Rule;
-};
-
-/**
- * 后期要实现 v.rule 多匹配，
- * 错误提示自定义
- */
-/**
- * 获取表单校验规则
- * @param {number} trigger 校验触发类型
- * @param {ListObj} obj 表单项配置对象
- * @param {any} data 表单数据
- * @param {any} refForm 表单引用
- * @returns {{ required: boolean, validator: Function, trigger: string }}
- */
-export function getRule(
-	trigger: number,
-	obj: ListObj,
-	data: any,
-	refForm: any,
-): Rule {
-	const name = obj.label;
-	let multiple = obj.multiple ?? obj.config?.multiple;
-	const rule = obj.rule;
-
-	if (typeof multiple != 'boolean') {
-		multiple = false;
-	}
-	let required = true;
-	let jyjudgev = '';
-	switch (typeof rule) {
-		case 'string':
-			jyjudgev = rule;
-			required = false;
-			break;
-		case 'number':
-			required = true;
-			trigger = rule;
-			break;
-		case 'boolean':
-			required = true;
-			break;
-		case 'object':
-			if (rule) {
-				trigger = rule.type ?? trigger;
-				required = rule.must ?? true;
-				jyjudgev = rule.judge;
-			}
-			break;
-		default:
-			break;
-	}
-	required = obj.required ?? required;
-	let inputPrompt = trigger == 1 ? '请输入' : '请选择';
-	let validator = function (rule: any, value: any, callback: Function) {
-		callback();
-	};
-	if (jyjudgev) {
-		let isJudgeFailed = function (value: any) {
-			return false;
-		};
-		let processCallback = function (
-			callback: Function,
-			value: any,
-			data?: any,
-			refForm?: any,
-			obj?: any,
-		) {
-			callback();
-		};
-		if (typeof jyjudgev == 'string') {
-			let judgeFun =
-				(judge as ObjAny)[jyjudgev] ??
-				function (value: any) {
-					return true;
-				};
-			isJudgeFailed = function (value: any) {
-				return !judgeFun(value);
-			};
-		} else {
-			processCallback = jyjudgev;
-		}
-		if (required) {
-			validator = function (rule, value, callback) {
-				if (useHide(obj, data.value)) {
-					callback();
-				} else if (!value && value !== 0) {
-					callback(new Error(inputPrompt + name));
-				} else if (multiple && value.length == 0) {
-					callback(new Error(inputPrompt + name));
-				} else if (isJudgeFailed(value)) {
-					callback(new Error(name + '校验失败'));
-				} else {
-					processCallback(
-						callback,
-						value,
-						data.value,
-						refForm.value,
-						obj,
-					);
-				}
-			};
-		} else {
-			validator = function (rule, value, callback) {
-				if (useHide(obj, data.value)) {
-					callback();
-				} else if (value && value !== 0 && isJudgeFailed(value)) {
-					callback(new Error(name + '校验失败'));
-				} else {
-					processCallback(
-						callback,
-						value,
-						data.value,
-						refForm.value,
-						obj,
-					);
-				}
-			};
-		}
-	} else {
-		if (required) {
-			validator = function (rule, value, callback) {
-				if (useHide(obj, data.value)) {
-					callback();
-				} else if (!value && value !== 0) {
-					callback(new Error(inputPrompt + name));
-				} else if (multiple && value.length == 0) {
-					callback(new Error(inputPrompt + name));
-				} else {
-					callback();
-				}
-			};
-		}
-	}
-	return {
-		required,
-		validator,
-		trigger: trigger == 1 ? 'blur' : 'change',
-	};
-}

package/dist/components/forms-div/index.ts

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

package/dist/components/forms-div/src/data.ts

@@ -1,58 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	/**
-	 * @props { Object } options 选择数据集合
-	 */
-	optionss: {
-		type: Object as () => ObjAny,
-		default() {
-			return {};
-		},
-	},
-	listobj: {
-		type: Object as () => ListObj,
-		default() {
-			return {};
-		},
-	},
-	valueobj: {
-		type: Object,
-	},
-	/**
-	 * 传入值
-	 * @props { String } modelValue= ( )
-	 */
-	modelValue: {
-		type: null,
-	},
-	formvalue: {
-		type: Object as () => ObjStr,
-		default() {
-			return {};
-		},
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['update:modelValue', 'list-events'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = [];

package/dist/components/forms-div/src/index.vue

@@ -1,168 +0,0 @@
-<script lang="ts">
-	import {
-		computed,
-		defineComponent,
-		resolveComponent,
-		inject,
-		h,
-		withDirectives,
-		type Component,
-	} from 'vue';
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import vExpose from '../../../directives/expose';
-	import { lineToLargeHump, setObjValue, getObjValue } from '../../../utils/index';
-
-	import { useCssName } from '../../../hooks/cssname';
-
-	import { getOnObjs } from '../../common/use';
-
-	const Components: { [key: string]: Component } = {};
-
-	export default defineComponent({
-		components: Components,
-		expose: dataExpose,
-		emits: dataEmits,
-		props: dataProps,
-		setup(prs, { emit, slots }) {
-			// 样式设置方法
-			const cs = useCssName('forms-div');
-			const props: ListObj = prs.listobj;
-			const compons = inject<ObjAny>('forms-compons', {});
-
-			const formvalue = computed(() => {
-				const o: ObjAny = {};
-				if (typeof props.formvalue === 'object') {
-					Object.keys(props.formvalue).forEach((key) => {
-						const v = props.formvalue[key];
-						o[key] = prs.modelValue[v];
-					});
-				}
-				return o;
-			});
-
-			const binds = computed(() => {
-				const obj = { ...props.config, ...formvalue.value };
-				const binds: {
-					[key: string]: any;
-				} = {};
-				Object.keys(obj).forEach((key) => {
-					const v = obj[key];
-					if (v !== '' && v !== undefined) {
-						binds[key] = v;
-					}
-				});
-				return binds;
-			});
-
-			const value = computed({
-				get() {
-					let v = prs.modelValue ?? {};
-					if (props.orig) {
-						v = prs.valueobj ?? {};
-					}
-					const prop = props.prop;
-					if (prop) {
-						let z = v[prop];
-						if (props.pars) {
-							z = getObjValue(prop, v);
-						}
-						return z;
-					} else {
-						return v;
-					}
-				},
-				set(value) {
-					let v = prs.modelValue ?? {};
-					if (props.orig) {
-						v = prs.valueobj ?? {};
-					}
-					const prop = props.prop;
-					if (prop) {
-						if (props.pars) {
-							setObjValue(v, prop, value);
-						} else {
-							v[prop] = value;
-						}
-					}
-					if (!props.orig) {
-						emit('update:modelValue', v);
-					}
-				},
-			});
-			const options = computed(() => {
-				const optionss = prs.optionss;
-				if (typeof props.options === 'string') {
-					const value = optionss[props.options];
-					if (typeof value == 'function') {
-						return value(optionss, value.value, props) || [];
-					} else {
-						return value || [];
-					}
-				} else if (typeof props.options == 'function') {
-					return props.options(optionss, value.value, props) || [];
-				} else {
-					return props.options || [];
-				}
-			});
-
-			const render = () => {
-				const compon = props.compon || 'input';
-				const componValueName = 'modelValue';
-
-				const componObj = {
-					...binds.value,
-					...getOnObjs(
-						props,
-						prs.valueobj ?? value.value,
-						emit,
-						value,
-					),
-					class: cs.z('com'),
-					options: options.value,
-					listobj: props,
-					multiple: props.multiple,
-					optionss: prs.optionss,
-					valueobj: prs.valueobj,
-					[componValueName]: value.value,
-					['onUpdate:' + componValueName]: (v: any) =>
-						(value.value = v),
-				};
-				if (typeof compon == 'string') {
-					const tcom = lineToLargeHump(compon);
-					if (Object.keys(compons).includes(tcom)) {
-						return h(compons[tcom], componObj, slots);
-					} else {
-						return h(resolveComponent(compon), componObj, slots);
-					}
-				} else {
-					return h(compon, componObj, slots);
-				}
-			};
-
-			const setSslot = () => {
-				const slotname = props.slot ?? props.prop;
-				if (slotname) {
-					const slot = slots[slotname];
-					if (slot) {
-						return slot({
-							row: prs.valueobj,
-							value: value,
-							column: props,
-							options: options.value,
-							multiple: props.multiple,
-							optionss: prs.optionss,
-						});
-					}
-				}
-				return withDirectives(render(), [[vExpose, {}]]);
-			};
-
-			return () => {
-				return props.compon
-					? h('div', { class: cs.z() }, [setSslot()])
-					: '';
-			};
-		},
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/forms-drag/index.ts

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

package/dist/components/forms-drag/src/index.vue

@@ -1,194 +0,0 @@
-<template>
-	<div ref="refEl" :class="[cs.z(), 'drag']" v-bind="attrs.root">
-		<div
-			:class="[
-				cs.z('div'),
-				cs.zis('div', 'inline', props.inline),
-				cs.zis('div', 'box', props.inlineBox),
-			]"
-			:style="styles"
-		>
-			<ElForm
-				v-bind="attrs.assem"
-				:class="[cs.z('el')]"
-				:model="dataForm"
-				:disabled="props.disabled"
-				:rules="dataRules"
-				:label-width="props.labelWidth"
-				@submit.prevent
-				ref="refForm"
-			>
-				<Draggable
-					v-bind="dragOptions"
-					@start="onStart"
-					@end="onEnd"
-					v-model="list"
-					:item-key="(key: any) => key"
-					handle=".handle"
-				>
-					<template #header>
-						<slot :name="dataSlot.header"></slot>
-					</template>
-					<template #item="{ item, index }">
-						<div
-							class="handle"
-							:class="[
-								cs.z('li'),
-								cs.is('div', item?.isDiv),
-								item.class,
-								props.itemClass,
-								cs.is('hover', props.index == index),
-							]"
-							:style="setStyles(item)"
-							@click.stop="onClickHandle(item, index)"
-							:data-key="index"
-							v-adjust="{
-								right: true,
-								onChange: (obj: any, data: any) => {
-									onChangeAdjust(item, index, obj, data);
-								},
-							}"
-							v-show="!useHide(item, dataForm)"
-						>
-							<template v-if="item?.isDiv">
-								<FormsDiv
-									:listobj="item"
-									:optionss="props.options"
-									:valueobj="dataForm"
-									v-model="dataForm"
-								></FormsDiv>
-							</template>
-							<template v-else>
-								<FormsItem
-									:listobj="item"
-									:optionss="props.options"
-									:valueobj="dataForm"
-									v-model="dataForm"
-								>
-								</FormsItem>
-							</template>
-						</div>
-					</template>
-					<template #footer>
-						<slot :name="dataSlot.footer"></slot>
-						<div
-							v-if="buts && buts.length > 0"
-							:class="[cs.z('li'), cs.z('buts')]"
-						>
-							<ElFormItem :label-width="props.butLeft">
-								<Buttons
-									:disabled="props.butDisabled"
-									:class="cs.z('buts-div')"
-									@clicks="onClickButs"
-									:modelValue="buts"
-								></Buttons>
-							</ElFormItem>
-						</div>
-					</template>
-				</Draggable>
-			</ElForm>
-		</div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import Draggable from 'vuedraggable';
-	import {
-		dataProps,
-		dataEmits,
-		dataExpose,
-		dataSlot,
-	} from '../../forms/src/data';
-	import FormsDiv from '../../forms-div/index';
-	import FormsItem from '../../forms-item/index';
-	import Buttons from '../../buttons/index';
-	import { ElForm, ElFormItem } from 'element-plus';
-	import { useCssName, useInherit } from '../../../hooks/index';
-	import { useHide } from '../../common/use';
-	import { setUp } from '../../forms/src/setup';
-	import type { ObjAny } from '../../../types/object';
-	import { ref, computed } from 'vue';
-	import vAdjust from '../../../directives/adjust';
-	const attrs = useInherit();
-	const props = defineProps({
-		...dataProps,
-		itemClass: {
-			type: String,
-		},
-		index: {
-			type: Number,
-		},
-		butDisabled: Boolean,
-	});
-	const emit = defineEmits([
-		...dataEmits,
-		'update:list',
-		'update:index',
-		'handle',
-		'adjust',
-	]);
-	const cs = useCssName('forms');
-	const refForm = ref();
-	const {
-		buts,
-		styles,
-		dataRules,
-		onClickButs,
-		setStyles,
-		submitForm,
-		validateField,
-		resetFields,
-		closeForm,
-		dataForm,
-		validate,
-	} = setUp(props, emit, cs, refForm);
-
-	const refEl = ref();
-	const drag = ref(false);
-	const dragOptions = {
-		animation: 200,
-		group: 'description',
-		disabled: false,
-		ghostClass: 'ghost',
-	};
-
-	const list = computed({
-		get() {
-			return props.list;
-		},
-		set(value) {
-			emit('update:list', value);
-		},
-	});
-
-	function onEnd(obj: ObjAny) {
-		drag.value = false;
-		emit('update:index', obj.newIndex);
-	}
-
-	function onStart(obj: ObjAny) {
-		drag.value = true;
-		emit('update:index', obj.oldIndex);
-	}
-
-	function onClickHandle(item: any, index: number) {
-		emit('update:index', index);
-		emit('handle', item, index);
-	}
-
-	function onChangeAdjust(item: any, index: number, obj: any, data: any) {
-		emit('adjust', item, index, obj, data);
-	}
-
-	defineOptions({ inheritAttrs: false });
-
-	defineExpose({
-		el: refEl,
-		dataForm,
-		closeForm,
-		submitForm,
-		resetFields,
-		validateField,
-	});
-</script>
-
-<style lang="scss"></style>

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

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

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

@@ -1,60 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	/**
-	 * @props { Object } options 选择数据集合
-	 */
-	optionss: {
-		type: Object as () => ObjAny,
-		default() {
-			return {};
-		},
-	},
-
-	listobj: {
-		type: Object as () => ListObj,
-		default() {
-			return {};
-		},
-	},
-	valueobj: {
-		type: Object,
-	},
-	rowHeight: {
-		type: [String, Number],
-	},
-	labelWidth: {
-		type: [String, Number],
-	},
-	hideLabel: Boolean,
-	/**
-	 * 传入值
-	 * @props { String } modelValue= ( )
-	 */
-	modelValue: {
-		type: null,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = [];