@fangzhongya/fang-ui 0.0.21 → 0.0.22

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 = {};

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

@@ -1,25 +0,0 @@
-<template>
-	<div :class="[cs.z(), setCss]"></div>
-</template>
-<script lang="ts" setup>
-	import { computed } from 'vue';
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	// 样式设置方法
-	const cs = useCssName('box-mask');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const setCss = computed(() => {
-		if (props.cssprefix) {
-			return props.cssprefix + '-mask';
-		} else {
-			return '';
-		}
-	});
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

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

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

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

@@ -1,44 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-import { FunctConfig } from '../../../utils/enums';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { String } to= (配置值 )
-	 * 跳转位置
-	 */
-	to: {
-		type: String,
-		default: FunctConfig.BOXIDNAME,
-	},
-	disabled: {
-		type: Boolean,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = {
-	change: (evt: string | string[]) => {},
-};
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,28 +0,0 @@
-<template>
-	<Teleport :class="cs.z()" :disabled="props.disabled" :to="props.to"
-		><slot></slot
-	></Teleport>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	import { FunctConfig } from '../../../utils/enums';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('box-teleport');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	if (document && !document.querySelector(FunctConfig.BOXIDNAME)) {
-		const d = document.createElement('div');
-		d.id = FunctConfig.BOXIDNAME.replace(/^#/, '');
-		document.body.appendChild(d);
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

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

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

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

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

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

@@ -1,38 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<span :class="cs.z('name')">{{ props.title }}</span>
-		<span :class="cs.z('close')">
-			<slot name="icon"></slot>
-			<i
-				@click="onClose"
-				:class="cs.z('close-i')"
-				:title="getLocale('close')"
-			>
-				<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-					<path
-						fill="currentColor"
-						d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-					></path>
-				</svg>
-			</i>
-		</span>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('box-title');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	function onClose() {
-		emit('close');
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/button/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Button 按钮
- * @text 目前完全继承 element-plus 中 el-button
- */
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-export const dataEmits = ['click'];
-
-export type DataEmits = typeof dataEmits;
-
-export const dataSlot = {};
-
-/**
- * @expose refEl 获取当前组件在element-plus中暴露的方法
- */
-export const dataExpose = {};

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

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

package/dist/components/buttons/index.ts

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