@fangzhongya/fang-ui 0.0.20 → 0.0.22

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

@@ -1,129 +0,0 @@
-<template>
-	<div
-		:class="[cs.z()]"
-		:style="
-			cs.vdo({
-				rowHeight,
-			})
-		"
-		v-bind="attrs.root"
-	>
-		<template v-if="props.hideLabel ?? prs.hideLabel">
-			<ElFormItem
-				v-bind="attrs.assem"
-				:class="[
-					cs.z('el-item'),
-					cs.is('height', rowHeight && form.labelPosition != 'top'),
-					cs.is('top', rowHeight && form.labelPosition == 'top'),
-				]"
-				:prop="itemProp"
-				:required="props.required"
-				:rules="props.rules"
-				:label-width="setLabelWidth(props)"
-			>
-				<template #default>
-					<FormsDiv
-						:listobj="props"
-						:optionss="prs.optionss"
-						:valueobj="prs.valueobj"
-						v-model="value"
-					>
-						<template
-							v-for="k of Object.keys(slots)"
-							#[k]="scope"
-							:key="k"
-						>
-							<slot :name="k" v-bind="scope"></slot>
-						</template>
-					</FormsDiv>
-				</template>
-			</ElFormItem>
-		</template>
-		<template v-else>
-			<ElFormItem
-				v-bind="attrs.assem"
-				:class="[
-					cs.z('el-item'),
-					cs.is('height', rowHeight && form.labelPosition != 'top'),
-					cs.is('top', rowHeight && form.labelPosition == 'top'),
-				]"
-				:prop="itemProp"
-				:required="props.required"
-				:rules="props.rules"
-				:label-width="setLabelWidth(props)"
-			>
-				<template #label>
-					<Lable
-						:value="value"
-						:label="props.label"
-						:listobj="props"
-						:optionss="prs.optionss"
-						:valueobj="prs.valueobj"
-					>
-					</Lable>
-				</template>
-				<template #default>
-					<FormsDiv
-						:listobj="props"
-						:optionss="prs.optionss"
-						:valueobj="prs.valueobj"
-						v-model="value"
-					>
-						<template
-							v-for="k of Object.keys(slots)"
-							#[k]="scope"
-							:key="k"
-						>
-							<slot :name="k" v-bind="scope"></slot>
-						</template>
-					</FormsDiv>
-				</template>
-			</ElFormItem>
-		</template>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import FormsDiv from '../../forms-div/index';
-	import { ElFormItem } from 'element-plus';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { computed, useAttrs, inject, useSlots } from 'vue';
-	import type { Slots } from 'vue';
-	import Lable from './label';
-	const slots: Slots = useSlots();
-	const attrs = useInherit(useAttrs());
-	const prs = defineProps(dataProps);
-	const props: ListObj = prs.listobj;
-	const emit = defineEmits(dataEmits);
-	const cs = useCssName('forms-item');
-	const form = inject<ObjAny>('forms-form', {});
-	const value = computed({
-		get() {
-			return prs.modelValue;
-		},
-		set(value) {
-			emit('update:modelValue', value);
-		},
-	});
-
-	const itemProp = props.__prop ?? props.prop;
-
-	const rowHeight = computed(() => {
-		return props.rowHeight ?? prs.rowHeight ?? form?.rowHeight;
-	});
-
-	function setLabelWidth(v: ListObj) {
-		if (v.hideLabel ?? prs.hideLabel) {
-			return '0px';
-		} else {
-			return v.labelWidth ?? prs.labelWidth;
-		}
-	}
-
-	defineOptions({ inheritAttrs: false });
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>

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

@@ -1,95 +0,0 @@
-import { defineComponent, h, resolveComponent, inject } from 'vue';
-import {
-	useSetSlot,
-	useSetCompon,
-	useGetDomValue,
-} from '../../common/use';
-import { isObject } from '@fangzhongya/utils/basic/object/isObject';
-
-function render(props: ObjAny, emit: Function, slots: ObjAny, form: ObjAny) {
-	const compons = inject<ObjAny>('forms-compons', {});
-	let label = props.label ?? '';
-	const index = 0;
-	if (label) {
-		if (isObject(label)) {
-			const obj = props.listobj;
-			const optionss = props.options || {};
-			const data = props.valueobj;
-
-			label = Object.assign({}, obj, label) as ListObj;
-			const slot = useSetSlot(label, data, slots, index);
-			if (slot) {
-				return slot;
-			}
-			if (label.compon) {
-				const column = useSetCompon(
-					label,
-					data,
-					optionss,
-					compons,
-					emit,
-					index,
-				);
-				if (column) {
-					return column;
-				}
-			}
-			label = useGetDomValue(label, data, optionss, index);
-		}
-	}
-	let colon = form.colon;
-	if (colon) {
-		if (colon === true) {
-			colon = '：';
-		}
-		if (label) {
-			return label + colon;
-		}
-	}
-	return label;
-}
-
-export default defineComponent({
-	emits: [],
-	expose: [],
-	props: {
-		/**
-		 * @props { Object } data 表单数据
-		 */
-		value: {
-			type: Object,
-			default() {
-				return {};
-			},
-		},
-		/**
-		 * @props { Object } options 选择数据集合
-		 */
-		optionss: {
-			type: Object as () => ObjAny,
-			default() {
-				return {};
-			},
-		},
-
-		listobj: {
-			type: Object as () => ListObj,
-			default() {
-				return {};
-			},
-		},
-		valueobj: {
-			type: Object,
-		},
-		/**
-		 * @props {String} label 展示内容
-		 */
-		label: {
-			type: [String, Object],
-		},
-	},
-	setup(props, { emit, slots }) {
-		const form = inject<ObjAny>('forms-form', {});
-		return () => render(props, emit, slots, form);
-	},
-});

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

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

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

@@ -1,56 +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,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['change', 'update:modelValue'];
-// {
-// 	change: (evt: string | string[]) => {},
-// 	'update:modelValue': (value: Object) => {},
-// };
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,121 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<template
-			v-for="(item, index) of props.children"
-			:key="setKey(item, index)"
-		>
-			<div
-				:class="[cs.z('li'), cs.is('div', item?.isdiv), item.class]"
-				:style="setStyles(item)"
-				v-show="!useHide(item, value)"
-			>
-				<template v-if="item?.isdiv">
-					<FormsDiv
-						v-bind="binds"
-						:listobj="item"
-						:optionss="prs.optionss"
-						:valueobj="prs.valueobj"
-						v-model="value"
-					>
-						<template
-							v-for="(k, i) of Object.keys(slots)"
-							#[k]="scope"
-							:key="k"
-						>
-							<slot :name="k" v-bind="scope"></slot>
-						</template>
-					</FormsDiv>
-				</template>
-				<template v-else>
-					<FormsItem
-						v-bind="binds"
-						:listobj="item"
-						:optionss="prs.optionss"
-						:valueobj="prs.valueobj"
-						v-model="value"
-					>
-						<template
-							v-for="(k, i) of Object.keys(slots)"
-							#[k]="scope"
-							:key="k"
-						>
-							<slot :name="k" v-bind="scope"></slot>
-						</template>
-					</FormsItem>
-				</template>
-			</div>
-		</template>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import FormsItem from '../../forms-item/index';
-	import FormsDiv from '../../forms-div/index';
-	import { useCssName } from '../../../hooks/cssname';
-	import { setObjStyle } from '../../../utils/css';
-	import { computed, inject, useSlots } from 'vue';
-	import { useHide } from '../../common/use';
-	import type { Slots } from 'vue';
-	const slots: Slots = useSlots();
-	const form = inject<ObjAny>('forms-form', {});
-	// 获取国际化字段
-	// 样式设置方法
-	const cs = useCssName('forms-items');
-	const prs = defineProps(dataProps);
-	const props: ListObj = prs.listobj;
-	const emit = defineEmits(dataEmits);
-
-	const binds = computed(() => {
-		const binds: {
-			[key: string]: any;
-		} = {};
-		const no = ['modelValue', 'children', 'listobj'];
-		Object.keys(prs).forEach((key) => {
-			if (!no.includes(key)) {
-				const v = (props as ObjAny)[key];
-				if (v !== '' && v !== undefined) {
-					binds[key] = v;
-				}
-			}
-		});
-		return binds;
-	});
-
-	const defaultValue = {};
-
-	const value = computed({
-		get() {
-			return prs.modelValue ?? defaultValue;
-		},
-		set(value) {
-			emit('update:modelValue', value);
-		},
-	});
-
-	function setKey(value: ObjAny, index: number) {
-		return [index, value.label, value.prop, value.compon].join(',');
-	}
-
-	function setStyles(v: ListObj) {
-		const style = v.style || {};
-		let vst: ObjStrNum;
-		if (typeof style === 'function') {
-			vst = style(v, props.modelValue) || {};
-		} else {
-			vst = style;
-		}
-		const obj: ObjAny = {};
-		const width = v.rowWidth ?? props.rowWidth ?? form.rowWidth;
-		if (width) {
-			obj.width = width;
-		}
-		if (v.whole) {
-			obj.display = 'block';
-		}
-		return setObjStyle(vst, obj);
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>

package/dist/components/forms-items/style/index.scss

@@ -1,2 +0,0 @@
-@use '../../forms-div/style/index.scss' as *;
-@use '../../forms-item/style/index.scss' as *;

package/dist/components/frame/common/box-teleport.vue

@@ -1,23 +0,0 @@
-<!-- @format -->
-
-<template>
-	<Teleport :disabled="props.disabled" :to="props.to"><slot></slot></Teleport>
-</template>
-<script lang="ts" setup>
-	import { FunctConfig } from '../../../utils/enums';
-	if (!document.querySelector(FunctConfig.BOXIDNAME)) {
-		const d = document.createElement('div');
-		d.id = FunctConfig.BOXIDNAME.replace(/^#/, '');
-		document.body.appendChild(d);
-	}
-	const props = defineProps({
-		to: {
-			type: String,
-			default: FunctConfig.BOXIDNAME,
-		},
-		disabled: {
-			type: Boolean,
-		},
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/global-config/index.ts

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

package/dist/components/global-config/src/data.ts

@@ -1,40 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-import { buildProps } from '../../../utils/vues/buildProps';
-
-import type { Locale } from '../../../types/locale';
-import { definePropType } from '../../../utils/vues/definePropType';
-
-import { DefaultConfig } from '../../../utils/enums';
-export const dataProps = buildProps({
-	/**
-	 * @props { Object<Locale> } locale
-	 * @description 国际化对象
-	 */
-	locale: {
-		type: definePropType<Locale>(Object),
-	},
-	/**
-	 * @description global Initial zIndex
-	 */
-	zIndex: Number,
-	/**
-	 * @props { String } cssname
-	 * 前缀样式名称
-	 */
-	cssname: {
-		type: String,
-		default: DefaultConfig.aliasspace,
-	},
-
-	namespace: {
-		type: String,
-		default: DefaultConfig.namespace,
-	},
-
-	alias: {
-		type: String,
-		default: DefaultConfig.alias,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/global-config/src/index.ts

@@ -1,13 +0,0 @@
-import { dataProps } from './data';
-import { provideGlobalConfig } from '../../../hooks/global-config';
-import { defineComponent, renderSlot } from 'vue';
-export default defineComponent({
-	props: dataProps,
-	setup(props, { slots }) {
-		const config = provideGlobalConfig(props);
-		return () =>
-			renderSlot(slots, 'default', {
-				config: config?.value,
-			});
-	},
-});

package/dist/components/global-config/style/index.scss

@@ -1,10 +0,0 @@
-// @use '../../common.scss' as *;
-
-// @use '../../element/feedback/drawer/src/index.scss' as *;
-
-@use '../../css/common.scss' as *;
-@use '../../drawer/style/index.scss' as *;
-
-.#{$namespace}global-config {
-	left: 0;
-}

package/dist/components/history/index.ts

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

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

@@ -1,40 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	/**
-	 * @props { String } modelValue= ( )
-	 * 输入框展示数据
-	 */
-	modelValue: {
-		type: null,
-	},
-	record: {
-		type: [Number, String],
-		default: 0,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot icon-retreat 后退图标
- * @slot icon-forward  前进图标
- */
-export const dataSlot = {
-	iconRetreat: 'icon-retreat',
-	iconForward: 'icon-forward',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,135 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<span
-			:class="[
-				cs.z('icon'),
-				cs.z('retreat'),
-				cs.is('disabled', isRetreat),
-			]"
-			@click="onRetreat"
-		>
-			<slot :name="dataSlot.iconRetreat">
-				<svg
-					viewBox="0 0 1024 1024"
-					xmlns="http://www.w3.org/2000/svg"
-					data-v-ea893728=""
-				>
-					<path
-						fill="currentColor"
-						d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
-					></path>
-				</svg>
-			</slot>
-		</span>
-		<span
-			:class="[
-				cs.z('icon'),
-				cs.z('forward'),
-				cs.is('disabled', isForward),
-			]"
-			@click="onForward"
-		>
-			<slot :name="dataSlot.iconForward">
-				<svg
-					viewBox="0 0 1024 1024"
-					xmlns="http://www.w3.org/2000/svg"
-					data-v-ea893728=""
-				>
-					<path
-						fill="currentColor"
-						d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
-					></path>
-				</svg>
-			</slot>
-		</span>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { deepCopy } from '../../../utils/util';
-	import { ref, watch, computed } from 'vue';
-	// 样式设置方法
-	const cs = useCssName('history');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const history = ref<any[]>([]);
-	const index = ref(0);
-	const current = ref<any>();
-	const isRetreat = computed(() => {
-		if (
-			history.value.length > 0 &&
-			index.value <= history.value.length - 1
-		) {
-			return false;
-		} else {
-			return true;
-		}
-	});
-	const isForward = computed(() => {
-		if (history.value.length > 0 && index.value != 0) {
-			return false;
-		} else {
-			return true;
-		}
-	});
-	watch(
-		() => props.record,
-		() => {
-			setRecord();
-		},
-	);
-	function getWz() {
-		return history.value.length - index.value;
-	}
-	function setRecord() {
-		if (index.value != 0) {
-			history.value.splice(getWz());
-			index.value = 0;
-		}
-		let v = props.modelValue;
-		if (v && typeof v == 'object') {
-			v = deepCopy(props.modelValue);
-		}
-		history.value.push(v);
-	}
-	function onRetreat() {
-		if (!isRetreat.value) {
-			if (index.value === 0) {
-				current.value = props.modelValue;
-			}
-			index.value++;
-			emit('update:modelValue', history.value[getWz()]);
-		}
-	}
-	function onForward() {
-		if (!isForward.value) {
-			index.value--;
-			if (index.value == 0) {
-				emit('update:modelValue', current.value);
-			} else {
-				emit('update:modelValue', history.value[getWz()]);
-			}
-		}
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped>
-	$historys: 'history';
-	.#{$historys} {
-		display: flex;
-		.#{$historys}-icon {
-			cursor: pointer;
-			&.is-disabled {
-				opacity: 0.4;
-				cursor: not-allowed;
-			}
-			svg {
-				width: 1rem;
-				height: 1rem;
-			}
-		}
-	}
-</style>