@fangzhongya/fang-ui 0.0.21 → 0.0.23

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

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

@@ -1,36 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	options: {
-		type: [Array<ObjAny>],
-	},
-	nofather: {
-		type: Boolean,
-	},
-	disabled: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['clicks'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,46 +0,0 @@
-<template>
-	<template v-if="props.nofather">
-		<template v-for="(item, index) in props.options" :key="index">
-			<ElButton
-				v-if="!item.hide"
-				:class="[cs.z('li'), item.class]"
-				v-bind="item"
-				@click.stop="onClick(item, index, $event)"
-				:disabled="props.disabled || item.disabled"
-				>{{ item.label }}
-			</ElButton>
-		</template>
-	</template>
-	<span v-else :class="cs.z()">
-		<template v-for="(item, index) in props.options" :key="index">
-			<ElButton
-				v-if="!item.hide"
-				:class="[cs.z('li'), item.class]"
-				v-bind="item"
-				@click.stop="onClick(item, index, $event)"
-				:disabled="props.disabled || item.disabled"
-				>{{ item.label }}
-			</ElButton>
-		</template>
-	</span>
-</template>
-<script lang="ts" setup>
-	import { ElButton } from 'element-plus';
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	// 样式设置方法
-	const cs = useCssName('buttons');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	function onClick(obj: any, index: number, $event: Event) {
-		if (obj.click) {
-			obj.click(obj, index, $event);
-		} else {
-			emit('clicks', obj, index, $event);
-		}
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>

package/dist/components/card/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Card 卡片
- * @text 目前完全继承 element-plus 中 el-card
- */
-
-export const dataProps = buildProps<any>({});
-
-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/card/src/index.vue

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

package/dist/components/cascader/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Cascader 级联选择器
- * @text 目前完全继承 element-plus 中 el-cascader
- */
-
-export const dataProps = buildProps<any>({});
-
-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/cascader/src/index.vue

@@ -1,36 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElCascader 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>
-		</ElCascader>
-	</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 { ElCascader } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useInherit();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('cascader');
-	// 获取国际化字段
-	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/cascader-panel/index.ts

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

package/dist/components/cascader-panel/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} CascaderPanel 级联面板
- * @text 目前完全继承 element-plus 中 el-cascader-panel
- */
-
-export const dataProps = buildProps<any>({});
-
-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/cascader-panel/src/index.vue

@@ -1,36 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElCascaderPanel 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>
-		</ElCascaderPanel>
-	</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 { ElCascaderPanel } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useInherit();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('cascader-panel');
-	// 获取国际化字段
-	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/cascaders/index.ts

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

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

@@ -1,22 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { props, emits, comHandle } from '../../common/list';
-
-export const dataProps = {
-	...props,
-	/**
-	 * @props { Boolean } isTree= ( )
-	 * 是否用树形
-	 */
-	isTree: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-export const dataHandle = comHandle;
-
-export const dataEmits = [...emits];
-
-export type DataEmits = typeof dataEmits;

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

@@ -1,54 +0,0 @@
-<template>
-	<div :class="cs.z()" v-bind="attrs.root">
-		<template v-if="props.isTree">
-			<ElTreeSelect
-				v-model="value"
-				v-bind="attrs.assem"
-				v-expose="{}"
-				:class="cs.z('tree')"
-				:data="props.options"
-				:multiple="multiple"
-				:show-checkbox="multiple"
-			>
-			</ElTreeSelect>
-		</template>
-		<template v-else>
-			<ElCascader
-				v-bind="attrs.assem"
-				v-expose="{}"
-				:class="cs.z('cascader')"
-				:show-all-levels="false"
-				v-model="value"
-				:options="props.options"
-				:props="cprops"
-			>
-			</ElCascader>
-		</template>
-	</div>
-</template>
-<script lang="ts" setup>
-	import vExpose from '../../../directives/expose';
-	import { ElTreeSelect, ElCascader } from 'element-plus';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { dataProps, dataEmits, dataHandle } from './data';
-	import { useAttrs } from 'vue';
-	const cs = useCssName('cascaders');
-	const attrs = useInherit(useAttrs());
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const listFuObj = dataHandle(props, emit);
-	const value = listFuObj.value;
-	const multiple = listFuObj.multiple;
-
-	const propss: ObjAny = attrs.assem.props || {};
-	const cprops = {
-		emitPath: false,
-		multiple: multiple.value,
-		lazy: attrs.assem.__B('lazy'),
-		lazyLoad: attrs.assem.load as any,
-		checkStrictly: attrs.assem.__B('checkStrictly'),
-		...propss,
-	};
-</script>

package/dist/components/checkbox/index.ts

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