@fangzhongya/fang-ui 0.0.21 → 0.0.23

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

@@ -1,114 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-import { definePropType } from '../../../utils/index';
-
-export type ObjStrAny = {
-	[key: string]: any;
-};
-
-export const companySelect = {
-	value: 'value',
-	//指定选项标签为选项对象的某个属性值
-	label: 'label',
-	//指定选项的子选项为选项对象的某个属性值
-	children: 'children',
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: 'disabled',
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
-	// 若设置 false，则只返回该节点的值
-	emitPath: true,
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: true,
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: false,
-	// // 是否多选
-	// multiple: false,
-};
-
-export type CompanySelect = {
-	//指定选项的值为选项对象的某个属性值
-	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 { } labels=[] ( )
-	 * 展示选择的列
-	 */
-	labels: {
-		type: Array<ObjStrAny>,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @props { String } modelValue= ( )
-	 * 输入框展示数据
-	 */
-	modelValue: {
-		type: Array<string | number>,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @props { Array } options=[] ( )
-	 * 选项的数据源， value 和 label 可以通过 props 自定义.
-	 */
-	options: {
-		type: Array,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @props { Object } props={} ( )
-	 * 配置选项
-	 */
-	props: {
-		type: definePropType<CompanySelect>(Object),
-		default() {
-			return {};
-		},
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val)
- * 选择
- */
-export const dataEmits = ['update:modelValue', 'change'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/company-select/src/index.vue

@@ -1,250 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<div
-			:class="cs.z('li')"
-			v-for="(item, index) of props.labels"
-			:key="index"
-		>
-			<span v-if="item.name">{{ item.name }}</span>
-			<Select
-				:disabled="item.disabled"
-				:readonly="item.readonly"
-				@change="
-					(v: any) => {
-						onChange(v, index, item);
-					}
-				"
-				:placeholder="item.placeholder"
-				:multiple="item.multiple"
-				:modelValue="mvalue[index]"
-				:loading="loading[index]"
-			>
-				<Option
-					v-for="obj of options[index]"
-					:label="obj[psprops.label]"
-					:value="obj[psprops.value]"
-					:disabled="obj[psprops.disabled]"
-				></Option>
-			</Select>
-		</div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import Select from '../../select/index';
-	import Option from '../../option/index';
-	import {
-		dataProps,
-		dataEmits,
-		dataExpose,
-		dataSlot,
-		companySelect,
-		type ObjStrAny,
-	} from './data';
-	import { useCssName, useLocale } from '../../../hooks/index';
-	import { computed, nextTick, ref, watch } from 'vue';
-
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('company-select');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const mvalue = ref<Array<string | number>>([]);
-
-	watch(
-		() => props.modelValue,
-		() => {
-			mvalue.value = props.modelValue || [];
-			getOptions();
-		},
-		{
-			immediate: true,
-			deep: true,
-		},
-	);
-
-	const psprops = computed(() => {
-		return Object.assign({}, companySelect, props.props);
-	});
-
-	const remoteData = ref<ObjStrAny[]>([]);
-
-	const getList = () => {
-		if (psprops.value.lazy) {
-			return remoteData.value;
-		} else {
-			return props.options as ObjStrAny[];
-		}
-	};
-
-	const loading = ref<boolean[]>([]);
-	const options = ref<Array<ObjStrAny[]>>([]);
-
-	function getOptions() {
-		nextTick(() => {
-			const arrs = props.labels || [];
-			if (psprops.value.checkStrictly) {
-				const values: Array<ObjStrAny[]> = [];
-				arrs.forEach((o, index) => {
-					getOptionsChildren(
-						index,
-						(val: ObjStrAny[] = []) => {
-							values[index] = val;
-						},
-						values[index - 1],
-					);
-				});
-				options.value = values;
-			} else {
-				const values = arrs.map((o, index) => {
-					return (getList()[index] as ObjStrAny[]) || [];
-				});
-				options.value = values;
-			}
-		});
-	}
-
-	/**
-	 * 获取数组中对应的值
-	 * @param arr
-	 * @param key
-	 * @param value
-	 */
-	function getArrKyeObj(arr: ObjStrAny[], key: string, value: any) {
-		if (arr) {
-			for (let index = 0; index < arr.length; index++) {
-				const element = arr[index];
-				if (element[key] === value) {
-					return element;
-				}
-			}
-		}
-	}
-
-	/**
-	 * 获取对应的下级数据
-	 */
-	function getOptionsChildren(
-		i: number,
-		callback: (val: ObjStrAny[]) => void,
-		arr?: ObjStrAny[],
-	) {
-		if (i > 0) {
-			const obj = arr || options.value[i - 1];
-			const v = getArrKyeObj(
-				obj,
-				psprops.value.value,
-				mvalue.value[i - 1],
-			);
-			if (v) {
-				if (v.__loading__) {
-					callback(v[psprops.value.children]);
-				} else {
-					remoteMethod(v, i, () => {
-						callback(v[psprops.value.children]);
-						getOptions();
-					});
-				}
-			}
-		} else {
-			callback(getList());
-		}
-	}
-
-	/**
-	 * 设置子集数据
-	 * @param childrens
-	 * @param arr
-	 * @param i
-	 */
-	function remoteMethod(obj: any, index: number, callback?: () => void) {
-		loading.value[index] = true;
-		const children = psprops.value.children;
-		psprops.value.lazyLoad(
-			{ data: obj, index: index },
-			(data: ObjStrAny[]) => {
-				loading.value[index] = false;
-				if (index == 0) {
-					remoteData.value = data;
-				} else {
-					obj.__loading__ = true;
-					obj[children] = data;
-				}
-				if (callback) {
-					callback();
-				}
-			},
-		);
-	}
-
-	/**
-	 * 获取数据
-	 * @param index
-	 * @param tv
-	 */
-	function setValue(index: number, tv: any) {
-		if (psprops.value.checkStrictly) {
-			const vo = mvalue.value[index];
-			if (vo) {
-				if (vo !== tv) {
-					const vars = mvalue.value.slice(0, index);
-					vars.push(tv);
-					mvalue.value = vars;
-				}
-			} else {
-				mvalue.value[index] = tv;
-			}
-		} else {
-			mvalue.value[index] = tv;
-		}
-		emit('update:modelValue', mvalue.value);
-	}
-
-	// function setOptions(val: any, index: number, callback?: () => void) {
-	// 	if (index < props.labels.length - 1) {
-	// 		if (psprops.value.lazy) {
-	// 			const arr = getOptionsChildren(index);
-	// 			if (arr) {
-	// 				const obj = getArrKyeObj(arr, psprops.value.value, val);
-	// 				if (obj && !obj.__loading__) {
-	// 					remoteMethod(obj, index + 1, callback);
-	// 				}
-	// 			}
-	// 		}
-	// 	}
-	// }
-
-	function onChange(val: any, index: number, item: ObjStrAny) {
-		setValue(index, val);
-		// setOptions(val, index);
-		getOptions();
-		emit('change', mvalue.value, val, index);
-	}
-
-	function setDefaultValue(index: number) {
-		const obj = props.labels[index];
-		if (obj && obj.value) {
-			setValue(index, obj.value);
-			// setOptions(obj.value, index, () => {
-			// 	setDefaultValue(index + 1);
-			// });
-		}
-	}
-
-	if (psprops.value.lazy) {
-		remoteData.value = (props.options || []) as ObjStrAny[];
-		if (remoteData.value.length == 0) {
-			remoteMethod({}, 0, () => {
-				getOptions();
-			});
-		} else {
-			getOptions();
-		}
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/config-provider/index.ts

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

package/dist/components/config-provider/src/data.ts

@@ -1,46 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-import { definePropType } from '../../../utils/vues/definePropType';
-import zhCn from 'element-plus/dist/locale/zh-cn';
-
-// import type { Language } from 'element-plus/es/locales';
-
-export type TranslatePair = {
-	[key: string]: string | string[] | TranslatePair;
-};
-export type Language = {
-	name: string;
-	el: TranslatePair;
-};
-
-/**
- * @title {h2} ConfigProvider element-plus的全局配置
- * @text 目前完全继承 element-plus 中 el-config-provider
- */
-
-export const dataProps = buildProps({
-	/**
-	 * @props { Object } locale=zh-cn ( )
-	 * 翻译文本对象
-	 */
-	locale: {
-		type: definePropType<Language>(Object),
-		default() {
-			return zhCn as Language;
-		},
-	},
-});
-
-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/config-provider/src/index.vue

@@ -1,30 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElConfigProvider v-bind="attrs" :locale="props.locale" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElConfigProvider>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElConfigProvider as ConfigProvider } from 'element-plus';
-	import type { Slots } from 'vue';
-	// 解决ts 打包报错问题
-	const ElConfigProvider = ConfigProvider as any;
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('config-provider');
-	// 获取国际化字段
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>

package/dist/components/cs-config/index.ts

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

package/dist/components/cs-config/src/data.ts

@@ -1,28 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-import { buildProps } from '../../../utils/index';
-
-import type { Locale } from '../../../types/index';
-import { definePropType } from '../../../utils/index';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { Object<Locale> } locale
-	 * @description 国际化对象
-	 */
-	locale: {
-		type: definePropType<Locale>(Object),
-	},
-	/**
-	 * @description global Initial zIndex
-	 */
-	zIndex: Number,
-	/**
-	 * @props { String } cssname
-	 * 前缀样式名称
-	 */
-	cssname: {
-		type: String,
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;

package/dist/components/cs-config/src/index.vue

@@ -1,14 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<slot></slot>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps } from './data';
-	import { provideGlobalConfig } from '../../../hooks/index';
-	import { useCssName } from '../../../hooks/index';
-	const cs = useCssName('config');
-	const props = defineProps(dataProps);
-	provideGlobalConfig(props);
-</script>
-<style lang="scss"></style>

package/dist/components/cs-emits/index.ts

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

package/dist/components/cs-emits/src/data.ts

@@ -1,17 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({});
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = {
-	change: (evt: string | string[]) => {},
-};
-
-export type DataEmits = typeof dataEmits;
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/cs-emits/src/index.vue

@@ -1,17 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<div @click="onClick">change</div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	const cs = useCssName('cs-emits');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	function onClick() {
-		emit('change', []);
-	}
-</script>
-<style lang="scss"></style>

package/dist/components/cs-expose/index.ts

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

package/dist/components/cs-expose/src/data.ts

@@ -1,17 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-/**
- * @expose { string : 当前的值} getValue ()
- * 获取当前值
- */
-export const dataExpose = {};

package/dist/components/cs-expose/src/index.vue

@@ -1,28 +0,0 @@
-<template>
-	<div :class="cs.z()">{{ value }}</div>
-</template>
-<script lang="ts" setup>
-	import { ref } from 'vue';
-	import { dataProps, dataExpose } from './data';
-	// import { useCssName } from '../../../hooks/cssname';
-	import { useCssName } from '../../../hooks/cssname';
-	const cs = useCssName('cs-expose');
-	const props = defineProps(dataProps);
-
-	const value = ref('');
-
-	function setValue(val: string) {
-		value.value = val;
-	}
-
-	function getValue() {
-		return value.value;
-	}
-
-	defineExpose({
-		...dataExpose,
-		setValue,
-		getValue,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/cs-i18n/index.ts

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

package/dist/components/cs-i18n/src/data.ts

@@ -1,16 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { } modelValue/v-model
-	 * 支持的国际化语言
-	 */
-	modelValue: {
-		type: String,
-		default: 'zh-cn',
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/cs-i18n/src/index.vue

@@ -1,38 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<div :class="cs.z('list')" v-for="(item, index) in list" :key="index">
-			<div
-				:class="[
-					cs.z('list-li'),
-					cs.is('on', props.modelValue == item[0]),
-				]"
-				@click.stop="onClick(item)"
-			>
-				{{ item[1] }}
-			</div>
-		</div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps } from './data';
-	import { unref } from 'vue';
-	import * as locale from '../../../locale/index';
-	import type { Locale } from '../../../types/locale';
-	import { lineToLargeHump } from '../../../utils/util';
-	import { setGlobalConfig } from '../../../hooks/global-config';
-	import { useCssName } from '../../../hooks/cssname';
-	const cs = useCssName('cs-i18n');
-
-	const comlocales: {
-		[key: string]: Locale;
-	} = locale;
-
-	const props = defineProps(dataProps);
-	const list = Object.entries(comlocales.Common.value);
-
-	function onClick(item: [string, string]) {
-		const mc = lineToLargeHump(item[0]);
-		setGlobalConfig(mc, 'locale');
-	}
-</script>
-<style lang="scss"></style>

package/dist/components/cs-props/index.ts

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