@fangzhongya/fang-ui 0.0.21 → 0.0.23

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

@@ -1,255 +0,0 @@
-<template>
-	<div
-		:class="[cs.z(), cs.is('focus', isfocus)]"
-		@mouseenter="onMouseenter"
-		@mouseleave="onMouseleave"
-		@click.stop="onClick"
-	>
-		<slot :name="dataSlot.prefix"></slot>
-		<component
-			v-bind="props.config"
-			:multiple="multiple"
-			:class="[cs.z('value'), cs.z('start')]"
-			:is="props.compon"
-			v-model="start"
-			:placeholder="
-				props.startPlaceholder + (props.config?.placeholder ?? '')
-			"
-			@click.stop="onFocus"
-			@update:modelValue="onInput(0)"
-			@blur="onBlur"
-		></component>
-		<span :class="[cs.z('range')]">{{ props.rangeSeparator }}</span>
-
-		<component
-			v-bind="props.config"
-			:multiple="multiple"
-			:class="[cs.z('value'), cs.z('end')]"
-			:is="props.compon"
-			v-model="end"
-			:placeholder="
-				props.endPlaceholder + (props.config?.placeholder ?? '')
-			"
-			@click.stop="onFocus"
-			@update:modelValue="onInput(1)"
-			@blur="onBlur"
-		></component>
-		<span
-			v-if="errer"
-			:class="[
-				cs.z('error'),
-				cs.is('clear', isclear),
-				'type-' + errer?.type,
-			]"
-			>{{ errer?.message ? errer.message : errer }}</span
-		>
-		<input :class="cs.z('focus')" ref="refInput" @blur="onBlur" />
-		<span
-			v-if="isclear"
-			:class="[cs.z('icon'), cs.z('clear')]"
-			@click.stop="onClear"
-		>
-			<svg
-				viewBox="0 0 1024 1024"
-				xmlns="http://www.w3.org/2000/svg"
-				data-v-ea893728=""
-			>
-				<path
-					fill="currentColor"
-					d="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-				></path>
-				<path
-					fill="currentColor"
-					d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-				></path>
-			</svg>
-		</span>
-		<slot :name="dataSlot.suffix"></slot>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { computed, ref, watch } from 'vue';
-
-	// 样式设置方法
-	const cs = useCssName('array');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const refInput = ref();
-
-	const isfocus = ref(false);
-
-	const start = ref<any>();
-
-	const end = ref<any>();
-
-	const emove = ref(false);
-
-	const isclear = computed(() => {
-		if (props.clearable) {
-			if (start.value || end.value) {
-				if (emove.value || isfocus.value) {
-					return true;
-				}
-			}
-		}
-		return false;
-	});
-
-	const multiple = computed(() => {
-		let multiple = props.config?.multiple;
-		if (props.multiple) {
-			if (multiple === true) {
-				return '|';
-			}
-		}
-		return multiple;
-	});
-
-	watch(
-		() => props.modelValue,
-		() => {
-			let v = props.modelValue;
-			if (typeof v == 'string' && props.multiple) {
-				if (typeof props.multiple != 'string') {
-					v = v.split(',');
-				} else {
-					v = v.split(props.multiple);
-				}
-			}
-			if (v) {
-				const s = v[0];
-				const e = v[1];
-				if (s !== start.value) {
-					start.value = s;
-				}
-				if (e !== end.value) {
-					end.value = e;
-				}
-			}
-		},
-		{
-			immediate: true,
-			deep: true,
-		},
-	);
-
-	watch(
-		() => isfocus.value,
-		() => {
-			if (isfocus.value) {
-				emit('focus');
-			} else {
-				emit('blur');
-			}
-		},
-	);
-
-	function onMouseenter() {
-		emove.value = true;
-	}
-	function onMouseleave() {
-		emove.value = false;
-	}
-
-	const errer = ref<any>();
-
-	function onInput(type: number) {
-		if (props.check) {
-			errer.value = undefined;
-			if (start.value && end.value) {
-				const callback = (e: any) => {
-					if (e) {
-						if (typeof e === 'string') {
-							e = new Error(e);
-						}
-						e.type = type;
-						errer.value = e;
-						emit('validate', undefined, false, e.message);
-					} else {
-						emit('validate', undefined, true, '');
-						setValue([start.value, end.value]);
-					}
-				};
-				if (typeof props.check === 'function') {
-					const v = props.check(start.value, end.value, callback);
-					if (!v) {
-						return false;
-					}
-				} else if (props.check === true) {
-					if (start.value > end.value) {
-						callback(
-							new Error(
-								props.endPlaceholder +
-									(props.config?.placeholder ?? '') +
-									'不能大于' +
-									props.startPlaceholder +
-									(props.config?.placeholder ?? ''),
-							),
-						);
-						return false;
-					}
-				}
-			}
-			emit('validate', undefined, true, '');
-		}
-		setValue([start.value, end.value]);
-	}
-
-	function onClear() {
-		start.value = undefined;
-		end.value = undefined;
-		if (props.check) {
-			errer.value = undefined;
-			emit('validate', undefined, true, '');
-		}
-		setValue(undefined);
-		emit('clear');
-	}
-
-	function setValue(value?: Array<any>) {
-		if (props.multiple && value) {
-			let v = '';
-			if (typeof props.multiple != 'string') {
-				v = value.join(',');
-			} else {
-				v = value.join(props.multiple);
-			}
-			emit('update:modelValue', v);
-			emit('change', v);
-		} else {
-			emit('update:modelValue', value);
-			emit('change', value);
-		}
-	}
-
-	function onClick() {
-		isfocus.value = true;
-		if (refInput.value) {
-			refInput.value.focus();
-		}
-		clearBlur();
-	}
-	function onFocus() {
-		isfocus.value = true;
-		clearBlur();
-	}
-
-	// @ts-ignore
-	let timeout: NodeJS.Timeout;
-	function onBlur() {
-		timeout = setTimeout(() => {
-			isfocus.value = false;
-		}, 200);
-	}
-
-	function clearBlur() {
-		clearTimeout(timeout);
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/box/index.ts

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

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

@@ -1,56 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({
-	/**
-	 * @props title 弹框头
-	 * @type String
-	 * @default
-	 * @selectable
-	 * @description
-	 */
-	title: {
-		type: String,
-	},
-	/**
-	 * @props {Boolean} modelValue=false 是否显示
-	 */
-	modelValue: {
-		type: Boolean,
-	},
-	to: {
-		type: String,
-	},
-	disabled: {
-		type: Boolean,
-	},
-	boxClass: {
-		type: String,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- * @emits close ()
- * 关闭弹框
- */
-export const dataEmits = ['close', 'update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- * @slot title 头部插槽
- * @slot footer 底部插槽
- */
-export const dataSlot = {
-	default: 'default',
-	title: 'title',
-	footer: 'footer',
-};
-
-/**
- */
-export const dataExpose = {};

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

@@ -1,61 +0,0 @@
-<template>
-	<BoxTeleport :disabled="props.disabled" :to="props.to">
-		<template v-if="isInit">
-			<div :class="[cs.z(), props.boxClass]" v-show="props.modelValue">
-				<BoxMask @click="onClose" :cssprefix="cs.z()"></BoxMask>
-				<div :class="cs.z('body')">
-					<slot :name="dataSlot.title">
-						<BoxTitle
-							:cssprefix="cs.z()"
-							@close="onClose"
-							:title="props.title"
-						></BoxTitle>
-					</slot>
-					<div :name="dataSlot.default" :class="cs.z('body-div')">
-						<slot></slot>
-					</div>
-					<slot :name="dataSlot.footer"> </slot>
-				</div>
-			</div>
-		</template>
-	</BoxTeleport>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	// import BoxTitle from '../../common/box-title.vue';
-	// import BoxMask from '../../common/box-mask.vue';
-	// import BoxTeleport from '../../common/box-teleport.vue';
-	import BoxTitle from '../../box-title/index';
-	import BoxMask from '../../box-mask/index';
-	import BoxTeleport from '../../box-teleport/index';
-
-	import { watch, shallowRef } from 'vue';
-	const isInit = shallowRef(false);
-
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('box');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	watch(
-		() => props.modelValue,
-		() => {
-			if (props.modelValue) {
-				isInit.value = true;
-			}
-		},
-		{ immediate: true },
-	);
-
-	function onClose() {
-		emit('update:modelValue', false);
-		emit('close');
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>

package/dist/components/box-adjust/index.ts

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

package/dist/components/box-adjust/src/data.ts

@@ -1,45 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-import {
-	dataProps as BoxProps,
-	dataEmits as BoxEmits,
-	dataExpose as BoxExpose,
-	dataSlot as BoxSlot,
-} from '../../box/src/data';
-
-export const dataProps = buildProps({
-	...BoxProps,
-	/**
-	 * @props { } drag= ( ) 可拖拽的元素样式
-	 */
-	drag: {
-		type: [String, Boolean],
-		default: '.com-title-name',
-	},
-	/**
-	 * @props { Boolean } often= ( ) 是否时时变化
-	 */
-	often: {
-		type: Boolean,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- */
-export const dataEmits = [...BoxEmits];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- */
-export const dataSlot = {
-	...BoxSlot,
-};
-
-/**
- */
-export const dataExpose = { ...BoxExpose };

package/dist/components/box-adjust/src/index.vue

@@ -1,74 +0,0 @@
-<template>
-	<BoxTeleport :disabled="props.disabled" :to="props.to">
-		<template v-if="isInit">
-			<div :class="cs.z()" v-show="props.modelValue">
-				<BoxMask @click="onClose" :cssprefix="cs.z()"></BoxMask>
-				<div
-					v-drag="{
-						dom: props.drag,
-					}"
-					v-adjust="{
-						often: props.often,
-						all: { position: true },
-					}"
-					:class="cs.z('body')"
-				>
-					<slot :name="dataSlot.title">
-						<BoxTitle
-							:cssprefix="cs.z()"
-							@close="onClose"
-							:title="props.title"
-						></BoxTitle>
-					</slot>
-					<div :class="cs.z('body-div')">
-						<slot :name="dataSlot.default"></slot>
-					</div>
-					<slot :name="dataSlot.footer"> </slot>
-				</div>
-			</div>
-		</template>
-	</BoxTeleport>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	// import BoxTitle from '../../common/box-title.vue';
-	// import BoxMask from '../../common/box-mask.vue';
-	// import BoxTeleport from '../../common/box-teleport.vue';
-	// import BoxTitle from '../../box-titleindex';
-	// import BoxMask from '../../box-maskindex';
-	// import BoxTeleport from '../../box-teleportindex';
-
-	import BoxTitle from '../../box-title/index';
-	import BoxMask from '../../box-mask/index';
-	import BoxTeleport from '../../box-teleport/index';
-	import vAdjust from '../../../directives/adjust';
-	import vDrag from '../../../directives/drag';
-	import { watch, shallowRef } from 'vue';
-	const isInit = shallowRef(false);
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('box-adjust');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	watch(
-		() => props.modelValue,
-		() => {
-			if (props.modelValue) {
-				isInit.value = true;
-			}
-		},
-		{ immediate: true },
-	);
-
-	function onClose() {
-		emit('update:modelValue', false);
-		emit('close');
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>

package/dist/components/box-local/index.ts

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

package/dist/components/box-local/src/data.ts

@@ -1,38 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-import {
-	dataProps as BoxProps,
-	dataEmits as BoxEmits,
-	dataExpose as BoxExpose,
-	dataSlot as BoxSlot,
-} from '../../box/src/data';
-
-export const dataProps = buildProps({
-	...BoxProps,
-	/**
-	 * @props { Boolean } local= ( ) 是否启动弹框模式
-	 */
-	local: {
-		type: Boolean,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- */
-export const dataEmits = [...BoxEmits];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- */
-export const dataSlot = {
-	...BoxSlot,
-};
-
-/**
- */
-export const dataExpose = { ...BoxExpose };

package/dist/components/box-local/src/index.vue

@@ -1,100 +0,0 @@
-<template>
-	<template v-if="props.local">
-		<!-- v-bind="bind" v-on="event"  无法被继承-->
-		<Box
-			:title="props.title"
-			:disabled="props.disabled"
-			:to="props.to"
-			v-model="value"
-			@close="onClose"
-		>
-			<template
-				v-for="(slotname, index) in Object.values(dataSlot)"
-				v-slot:[slotname]
-			>
-				<slot :name="slotname"></slot>
-			</template>
-			<template v-slot:[dataSlot.default]>
-				<div :class="cs.z()">
-					<slot></slot>
-				</div>
-			</template>
-		</Box>
-	</template>
-	<template v-else>
-		<div :class="cs.z()">
-			<slot></slot>
-		</div>
-	</template>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	// import Box from '../../boxindex';
-	import Box from '../../box/index';
-	import type { Slots } from 'vue';
-	import { useAttrs, useSlots, computed, toRaw } from 'vue';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('box-local');
-	const props = defineProps(dataProps);
-	const filters = ['local'];
-	const bind = computed(() => {
-		const obj: { [key: string]: any } = {};
-		Object.keys(toRaw(props)).forEach((key) => {
-			const k = key as keyof typeof props;
-			if (filters.includes(k)) {
-				obj[key] = props[k];
-			}
-		});
-		return obj;
-	});
-	const slots: Slots = useSlots();
-	const attrs = useAttrs();
-	/**事件继承**/
-	const emit = defineEmits(dataEmits);
-	const event = computed(() => {
-		const obj: {
-			[key: string]: Function;
-		} = {};
-		let arr: string[];
-		if (dataEmits instanceof Array) {
-			arr = dataEmits;
-		} else {
-			arr = Object.keys(dataEmits);
-		}
-		arr.forEach((key) => {
-			obj[key] = (...arr: any[]) => {
-				emit(key, ...arr);
-			};
-		});
-		return obj;
-	});
-
-	const value = computed({
-		get() {
-			return props.modelValue;
-		},
-		set(val) {
-			emit('update:modelValue', val);
-		},
-	});
-	/**事件继承**/
-	function onClose() {
-		emit('update:modelValue', false);
-		emit('close');
-	}
-	function onSubmit() {
-		emit('submit');
-	}
-	function onCancel() {
-		onClose();
-		emit('cancel');
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/box-mask/index.ts

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

package/dist/components/box-mask/src/data.ts

@@ -1,35 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { String } 样式前缀
-	 */
-	cssprefix: {
-		type: String,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = {};
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};