@fangzhongya/fang-ui 0.0.21 → 0.0.23

package/dist/components/menu/src/menu-ll.vue

@@ -1,170 +0,0 @@
-<script lang="ts">
-	import { h, defineComponent, type VNode, type Component } from 'vue';
-	import { ElMenuItem, ElSubMenu, ElIcon } from 'element-plus';
-	import { useHide } from '../../common/use';
-	import { useCssName } from '../../../hooks/cssname';
-	import { setLabel } from './util';
-	import { getFathers } from '../../../utils/index';
-	export default defineComponent({
-		expose: [],
-		emits: ['list-events'],
-		props: {
-			list: {
-				type: Array<ListObj>,
-				default() {
-					return [];
-				},
-			}, //展示数据列表
-			level: [Boolean, String],
-			value: {
-				type: String,
-			},
-			/**
-			 * @props { Object } compons 外部组件集合
-			 */
-			compons: {
-				type: Object as () => { [key: string]: Component },
-				default() {
-					return {};
-				},
-			},
-			config: Object as () => ObjAny,
-		},
-		setup(props, { emit, slots }) {
-			const cs = useCssName('menu-li');
-			const getIcon = (obj: ListObj, config: ObjAny = {}) => {
-				const i = obj[config.icon];
-				if (i) {
-					if (typeof i === 'string') {
-						return h(
-							ElIcon,
-							{
-								class: cs.z('icon'),
-							},
-							h('i', {
-								class: 'icon-' + i,
-							}),
-						);
-					} else {
-						return h(
-							ElIcon,
-							{
-								class: cs.z('icon'),
-							},
-							h(i),
-						);
-					}
-				}
-			};
-
-			const getLabel = (obj: ListObj, config: ObjAny = {}) => {
-				return h(
-					'span',
-					{
-						class: cs.z('text'),
-					},
-					setLabel(
-						obj[config.label],
-						obj,
-						props,
-						props.compons,
-						emit,
-						slots,
-						0,
-					),
-				);
-			};
-
-			const setIndexValue = (
-				v: string,
-				obj: ListObj,
-				config: ObjAny = {},
-			) => {
-				if (props.level) {
-					const farr: ListObj[] = [obj];
-					getFathers(obj, farr);
-					const p = config.prop;
-					const j =
-						typeof props.level === 'boolean' ? '-' : props.level;
-					return farr.map((o) => o[p]).join(j);
-				}
-				return v;
-			};
-
-			const getLists = (
-				arrs: ListObj[],
-				config: ObjAny = {},
-				listobj?: ListObj,
-			) => {
-				let arr: VNode[] = [];
-				arrs?.forEach((obj, index) => {
-					if (listobj) {
-						obj.father = obj.father ?? listobj;
-					}
-					if (!useHide(obj, props.value)) {
-						const v = obj[config.prop];
-						const c = obj[config.children];
-						const i = setIndexValue(v, obj, props.config);
-						if (c && c.length > 0) {
-							arr.push(
-								h(
-									ElSubMenu,
-									{
-										popperClass:
-											config.class +
-											' ' +
-											config.class +
-											'-' +
-											v,
-
-										index: i,
-									},
-									{
-										default: () => getLists(c, config, obj),
-										title: () =>
-											h(
-												'div',
-												{
-													class: cs.z('item'),
-												},
-												[
-													getIcon(obj, config),
-													getLabel(obj, config),
-												],
-											),
-									},
-								),
-							);
-						} else {
-							arr.push(
-								h(
-									ElMenuItem,
-									{
-										index: i,
-									},
-									{
-										title: () =>
-											h(
-												'div',
-												{
-													class: cs.z('item'),
-												},
-												[
-													getIcon(obj, config),
-													getLabel(obj, config),
-												],
-											),
-									},
-								),
-							);
-						}
-					}
-				});
-				return arr;
-			};
-
-			return () => getLists(props.list, props.config);
-		},
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/menu/src/util.ts

@@ -1,46 +0,0 @@
-import { type Component } from 'vue';
-
-import {
-	useGetDomValue,
-	useSetSlot,
-	useSetCompon,
-} from '../../common/use';
-import { isObject } from '../../../utils/util';
-
-type Compons = { [key: string]: Component };
-
-export function setLabel(
-	value: string,
-	obj: ListObj,
-	props: ObjAny,
-	compons: Compons,
-	emit: Function,
-	slots: ObjAny,
-	index: number,
-) {
-	let label: any = value ?? obj.label ?? '';
-	if (label) {
-		if (isObject(label)) {
-			label = Object.assign({}, obj, label) as ListObj;
-			const slot = useSetSlot(label, props.value, slots, index);
-			if (slot) {
-				return slot;
-			}
-			if (label.compon) {
-				const column = useSetCompon(
-					label,
-					props.value,
-					{},
-					compons,
-					emit,
-					index,
-				);
-				if (column) {
-					return column;
-				}
-			}
-			return useGetDomValue(label, props.value, {}, index);
-		}
-	}
-	return label;
-}

package/dist/components/message/index.ts

@@ -1,7 +0,0 @@
-/**
- * @config cover=true
- */
-import { withInstallFunction } from '../../utils/vues/withInstallFunction';
-import SrcVue from './src/index';
-const Message = withInstallFunction(SrcVue, '$Message');
-export { Message, Message as default };

package/dist/components/message/src/index.ts

@@ -1,14 +0,0 @@
-import { ElMessage } from 'element-plus';
-
-/**
- * @title {h2} Message 消息提示
- * @text 目前完全继承 element-plus 中 ElMessage
- */
-
-const Message = (...arr: any[]) => {
-    return ElMessage(...arr);
-};
-
-Message.closeAll = ElMessage.closeAll;
-
-export default Message;

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

@@ -1,23 +0,0 @@
-/**
- * @config cover=true
- */
-import type { Component } from 'vue';
-import SrcVue from './src/index';
-
-import type { App, AppContext } from 'vue';
-
-const MessageBox = SrcVue as typeof SrcVue & {
-	install: Function;
-	_context: AppContext | null;
-};
-
-MessageBox.install = (app: App) => {
-	MessageBox._context = app._context;
-	app.config.globalProperties.$Msgbox = MessageBox;
-	app.config.globalProperties.$MessageBox = MessageBox;
-	app.config.globalProperties.$Alert = MessageBox.alert;
-	app.config.globalProperties.$Confirm = MessageBox.confirm;
-	app.config.globalProperties.$Prompt = MessageBox.prompt;
-};
-
-export { MessageBox, MessageBox as default };

package/dist/components/message-box/src/index.ts

@@ -1,20 +0,0 @@
-import { ElMessageBox } from 'element-plus';
-
-/**
- * @title {h2} MessageBox 消息弹框
- * @text 目前完全继承 element-plus 中 ElMessageBox
- */
-
-const MessageBox = (a: any, ...rest: any[]) => {
-    return ElMessageBox(a, ...rest);
-};
-
-MessageBox.close = ElMessageBox.close;
-
-MessageBox.alert = ElMessageBox.alert;
-
-MessageBox.confirm = ElMessageBox.confirm;
-
-MessageBox.prompt = ElMessageBox.prompt;
-
-export default MessageBox;

package/dist/components/option/index.ts

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

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

@@ -1,35 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Option 选择器子组件
- * @text 目前完全继承 element-plus 中 el-option
- * @text 必须在Select 选择器下使用
- */
-
-export const dataProps = buildProps({
-	/**
-	 * @props { String, Number, Boolean, Object } value= ( )
-	 * 选项的值
-	 */
-	value: {
-		type: [String, Number, Boolean, Object],
-		default() {
-			return '';
-		},
-	},
-});
-
-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/option/src/index.vue

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

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

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

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

@@ -1,24 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} OptionGroup 选择器子组件组
- * @text 目前完全继承 element-plus 中 el-option-group
- * @text 必须在Select 选择器下使用
- */
-
-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/option-group/src/index.vue

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

package/dist/components/page/index.ts

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