@fangzhongya/fang-ui 0.0.21 → 0.0.23

package/dist/components/radio-group/index.ts

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

package/dist/components/radio-group/src/data.ts

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

package/dist/components/radio-group/src/index.vue

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

package/dist/components/retract/index.ts

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

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

@@ -1,41 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-
-type Direction = 'left' | 'right' | 'top' | 'bottom';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { } direction= ( ) 方向
-	 */
-	direction: {
-		type: String as () => Direction,
-		default: 'right',
-	},
-});
-
-export type DataProps = ExtractPropTypes<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',
-	icon: 'icon',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,44 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<template v-if="!visible">
-			<slot :name="dataSlot.default"> </slot>
-		</template>
-
-		<div @click.stop="onClick" :class="[cs.z('but'), props.direction]">
-			<span :class="[cs.z('icon'), cs.is('reverse', visible)]">
-				<slot :name="dataSlot.icon">
-					<svg
-						viewBox="0 0 1024 1024"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<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>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName, useLocale } from '../../../hooks/index';
-	import { ref } from 'vue';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('retract');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const visible = ref(false);
-
-	function onClick() {
-		visible.value = !visible.value;
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/right-key/index.ts

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

package/dist/components/right-key/src/data.ts

@@ -1,79 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-import type { ObjAny } from '../../../types/index';
-
-type Options = ObjAny;
-
-export const dataProps = buildProps({
-	/**
-	 * @props { Array<string> } options= ( )
-	 * 选择列表
-	 */
-	options: {
-		type: Array<Options>,
-		default() {
-			return [];
-		},
-	},
-
-	/**
-	 * @props { DOMString } domClass=''
-	 * 可以右键的元素的样式
-	 */
-	domClass: {
-		type: [String],
-		default: '',
-	},
-
-	/**
-	 * @props { String, Function } label=label 列表中展示名称
-	 */
-	label: {
-		type: [String, Function],
-		default: 'label',
-	},
-
-	/**
-	 * @props { String } boxClass
-	 * 添加弹框的样式
-	 */
-	boxClass: {
-		type: [String],
-	},
-	// /**
-	//  * @props { String, Function } prop=value 列表中对比的内容
-	//  */
-	// prop: {
-	// 	type: [String, Function],
-	// 	default: 'value',
-	// },
-
-	to: {
-		type: String,
-	},
-	disabled: {
-		type: Boolean,
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits click-key (val:[String,Number, Object])
- * 点击
- */
-export const dataEmits = ['click-key'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- */
-export const dataExpose = {};

package/dist/components/right-key/src/index.vue

@@ -1,126 +0,0 @@
-<template>
-	<div
-		:class="cs.z()"
-		ref="refRightKey"
-		@contextmenu.native="handleContextmenu"
-	>
-		<slot :name="dataSlot.default"></slot>
-		<BoxTeleport :disabled="props.disabled" :to="props.to">
-			<div
-				:class="[cs.z('box'), props.boxClass]"
-				v-show="flag"
-				ref="refRightKeyBox"
-				:style="{
-					position: 'fixed',
-					top: lefty,
-					left: topx,
-				}"
-			>
-				<div :class="cs.z('box-list')">
-					<div
-						v-for="(v, k) of props.options"
-						:key="k"
-						@click.stop="onClick(v)"
-						:class="cs.z('box-list-li')"
-					>
-						<i v-if="v.icon" :class="v.icon"></i>
-						<span>{{ setVueValue(v, props.label) }}</span>
-					</div>
-				</div>
-			</div>
-		</BoxTeleport>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { getPrentClass } from '@fangzhongya/utils/css/getPrentClass';
-	import { setVueValue } from '../../../utils/index';
-	import BoxTeleport from '../../frame/common/box-teleport.vue';
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName, useLocale } from '../../../hooks/index';
-	import { onMounted, onUnmounted, ref } from 'vue';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('right-key');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const flag = ref(false);
-	const refRightKey = ref();
-	const refRightKeyBox = ref();
-	const topx = ref('');
-	const lefty = ref('');
-	const dom = ref();
-
-	onMounted(() => {
-		window.addEventListener('mousedown', watchContextmenu);
-	});
-
-	onUnmounted(() => {
-		window.removeEventListener('mousedown', watchContextmenu);
-	});
-	function watchContextmenu(event: MouseEvent) {
-		if (refRightKeyBox.value.contains(event.target)) {
-			return;
-		}
-		if (!refRightKey.value.contains(event.target) || event.button !== 2) {
-			flag.value = false;
-		}
-	}
-
-	function isDomClass(dom: EventTarget | null) {
-		if (dom) {
-			if (props.domClass) {
-				const v = getPrentClass(dom as HTMLElement, props.domClass);
-				if (v && refRightKey.value.contains(v)) {
-					return true;
-				}
-			} else {
-				return true;
-			}
-		}
-		return false;
-	}
-
-	/**
-	 * @description 右键菜单功能点击
-	 */
-	function handleContextmenu(event: MouseEvent) {
-		let target = event.target;
-		if (isDomClass(target)) {
-			dom.value = target;
-			let x = 0,
-				y = 0;
-			if (event.x || event.y) {
-				x = event.x;
-				y = event.y;
-			} else if (event.pageX || event.pageY) {
-				x = event.pageX - 1;
-				y = event.pageY - 1;
-			}
-
-			let ww = window ? window.innerWidth : 0;
-			let kw = 0;
-			if (ww != 0 && x + 120 > ww) {
-				kw = 0 - (x + 120 - ww);
-			}
-
-			topx.value = x + kw + 'px';
-			lefty.value = y + 'px';
-			flag.value = true;
-			event.preventDefault();
-			event.stopPropagation();
-		} else {
-			flag.value = false;
-		}
-	}
-	function onClick(v: ObjAny) {
-		flag.value = false;
-		emit('click-key', v, dom.value);
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/role-select/index.ts

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

package/dist/components/role-select/src/data.ts

@@ -1,123 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-
-import { definePropType } from '../../../utils/index';
-
-export type ModelValue = string | number;
-
-export type ObjStrAny = {
-	[key: string]: any;
-};
-
-export const roleSelect = {
-	searchPlaceholder: '请输入字段进行查询',
-	value: 'value',
-	//指定选项标签为选项对象的某个属性值
-	label: 'label',
-	//指定选项的子选项为选项对象的某个属性值
-	children: 'children',
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: 'disabled',
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
-	// 若设置 false，则只返回该节点的值
-	emitPath: true,
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: true,
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: false,
-	// // 是否多选
-	// multiple: false,
-};
-
-export type RoleSelect = {
-	searchPlaceholder?: string;
-	//
-	explain?: string;
-	//指定选项的值为选项对象的某个属性值
-	value: string;
-	//指定选项标签为选项对象的某个属性值
-	label: string;
-	//指定选项的子选项为选项对象的某个属性值
-	children: string;
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: string;
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
-	emitPath: boolean;
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: boolean;
-	// 加载动态数据的方法，仅在 lazy 为 true 时有效
-	lazyLoad: Function;
-	// 是否多选
-	multiple: boolean;
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: boolean;
-};
-
-export const dataProps = buildProps({
-	/**
-	 * @props { Array} modelValue=
-	 * 值
-	 */
-	modelValue: {
-		type: [Array<ModelValue>],
-	},
-	appendToBody: {
-		type: Boolean,
-		default: true,
-	},
-	/**
-	 * @props { String, Number} width= ( )
-	 * 弹框宽度
-	 */
-	width: {
-		type: [String, Number],
-	},
-	title: {
-		type: String,
-		default: '选择角色',
-	},
-	placeholder: {
-		type: String,
-	},
-	/**
-	 * @props { Boolean } disabled= ( )
-	 * 是否禁用
-	 */
-	disabled: {
-		type: [Boolean],
-	},
-	/**
-	 * @props { Object } props={} ( )
-	 * 配置选项
-	 */
-	props: {
-		type: definePropType<RoleSelect>(Object),
-		default() {
-			return {};
-		},
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['change', 'update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};