@fangzhongya/fang-ui 0.0.21 → 0.0.22

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

@@ -1,20 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<div></div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName, useLocale } from '../../../hooks/index';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('choice-select');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/collapse/index.ts

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Collapse 折叠面板
- * @text 目前完全继承 element-plus 中 el-collapse
- */
-
-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/collapse/src/index.vue

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

package/dist/components/collapse-item/index.ts

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

package/dist/components/collapse-item/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} CollapseItem 折叠面板子模块
- * @text 目前完全继承 element-plus 中 el-collapse-item
- */
-
-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/collapse-item/src/index.vue

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

package/dist/components/color-picker/index.ts

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

package/dist/components/color-picker/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} ColorPicker 颜色选择器
- * @text 目前完全继承 element-plus 中 el-color-picker
- */
-
-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/color-picker/src/index.vue

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

package/dist/components/common/compons.ts

@@ -1,66 +0,0 @@
-import type { Component } from 'vue';
-import { lineToLargeHump } from '../../utils/index';
-
-import Array from '../array/index';
-import Check from '../checks/index';
-// @ts-ignore
-import FDate from '../dates/index';
-import Select from '../selects/index';
-import Input from '../inputs/index';
-import Labels from '../labels/index';
-import Switch from '../switchs/index';
-
-import Buttons from '../buttons/index';
-import DateDivide from '../dates-divide/index';
-import DatePicker from '../dates-picker/index';
-import EditFloat from '../edit-float/index';
-import Edit from '../edit/index';
-import History from '../history/index';
-import Images from '../images/index';
-import InputArray from '../input-array/index';
-import InputHistory from '../input-history/index';
-import InputSelect from '../input-select/index';
-import SelectScroll from '../select-scroll/index';
-import Selector from '../selector/index';
-
-import Cascader from '../cascaders/index';
-import InputNum from '../input-num/index';
-import Text from '../text/index';
-
-type Compons = { [key: string]: Component };
-
-export const components: Compons = {
-	Array,
-	Check,
-	Select,
-	Date: FDate,
-	Input,
-	Labels,
-	Switch,
-	Buttons,
-	DateDivide,
-	DatePicker,
-	EditFloat,
-	Edit,
-	History,
-	Images,
-	InputArray,
-	InputHistory,
-	InputSelect,
-	SelectScroll,
-	Selector,
-	Cascader,
-	InputNum,
-	Text,
-};
-
-export function getCompons(...arrs: Compons[]) {
-	const coms: Compons = { ...components };
-	arrs.forEach((obj: Compons) => {
-		Object.keys(obj).forEach((key) => {
-			const tkey = lineToLargeHump(key);
-			coms[tkey] = obj[key];
-		});
-	});
-	return coms;
-}

package/dist/components/common/css.ts

@@ -1,28 +0,0 @@
-import { setObjStyle } from '../../utils/css';
-
-export function setStyles(v: ListObj, data: ObjStr, props: ObjAny) {
-	const style = v.style || {};
-	let vst: ObjStrNum;
-	if (typeof style === 'function') {
-		vst = style(v, data) || {};
-	} else {
-		vst = style;
-	}
-	const obj: ObjAny = {};
-	const minWidth = v.minWidth || props.rowMinWidth;
-	const width = v.width || props.rowWidth;
-	const height = v.height || props.rowHeight;
-	if (width) {
-		obj.width = width;
-	}
-	if (minWidth) {
-		obj.minWidth = minWidth;
-	}
-	if (height) {
-		obj.height = height;
-	}
-	if (v.whole) {
-		obj.width = '100%';
-	}
-	return setObjStyle(vst, obj);
-}

package/dist/components/common/list.ts

@@ -1,222 +0,0 @@
-import { computed, watch, ref } from 'vue';
-import { useVueValue } from './use';
-
-type Options = ObjAny;
-
-/**
- * 列表数据，带单多选择的
- */
-export const props = {
-	/**
-	 * @props { Array } options=[] 数据列表
-	 */
-	options: {
-		type: Array<Options>,
-		default() {
-			return [];
-		},
-	},
-	// 清除不存在的值
-	clearAbsent: {
-		type: Boolean,
-	},
-	/**
-	 * @props { String, Function } label=label 列表中展示名称
-	 */
-	label: {
-		type: [String, Function],
-		default: 'label',
-	},
-	/**
-	 * @props { String, Function } prop=value 列表中对比的内容
-	 */
-	prop: {
-		type: [String, Function],
-		default: 'value',
-	},
-	/**
-	 * @props { } modelValue 选择值v-model
-	 */
-	modelValue: {
-		type: null,
-	},
-	/**
-	 * @props { Boolean, String } multiple 是否是多选
-	 */
-	multiple: {
-		type: [Boolean, String],
-	},
-
-	load: {
-		type: [Boolean],
-	},
-	/**
-	 * 是否获取对应对象数据
-	 */
-	optobj: {
-		type: [Boolean],
-	},
-};
-
-/**
- * @emits change ( v: 选中的prop 值, obj:[]选择的值对象 )   选择事件
- */
-export const emits = ['update:modelValue', 'change', 'load'];
-
-function isValue(v: any) {
-	if (v) {
-		return true;
-	} else {
-		const t = typeof v;
-		if (['boolean', 'number'].includes(t)) {
-			return true;
-		}
-	}
-	return false;
-}
-
-export function comHandle(props: any, emit: any) {
-	const selectMultiple = ref(false);
-	let getMultipleValue = (v: any) => {
-		return v;
-	};
-
-	let setMultipleValue = (v: any) => {
-		return v;
-	};
-
-	const value = computed({
-		get() {
-			return setMultipleValue(props.modelValue);
-		},
-		set(d) {
-			const v = getMultipleValue(d);
-			if (props.optobj) {
-				emit('change', v, getValueObjs(d), props.modelValue);
-			} else {
-				emit('change', v, undefined, props.modelValue);
-			}
-			emit('update:modelValue', v, props.modelValue);
-		},
-	});
-
-	watch(() => props.multiple, setMultiple, {
-		immediate: true,
-	});
-
-	function getValueObjs(v: any) {
-		if (isValue(v)) {
-			if (selectMultiple.value && v instanceof Array) {
-				return props.options?.filter((o: any) => {
-					return v.includes(useVueValue(o, props.prop));
-				});
-			} else {
-				return props.options?.filter((o: any) => {
-					return useVueValue(o, props.prop) === v;
-				});
-			}
-		} else {
-			return v;
-		}
-	}
-
-	function setValue(type: number) {
-		let v = props.modelValue;
-		if (type == 2) {
-			if (!(v instanceof Array)) {
-				if (isValue(v)) {
-					v = [v];
-				}
-			}
-		} else {
-			if (v instanceof Array) {
-				v = v[0];
-			}
-		}
-		const z = getMultipleValue(v);
-		if (z !== value.value) {
-			value.value = z;
-		}
-	}
-
-	function setMultiple<T>(a: T, b: T) {
-		if (a !== b) {
-			if (typeof props.multiple == 'boolean') {
-				selectMultiple.value = props.multiple;
-				getMultipleValue = (v) => {
-					return v;
-				};
-				setMultipleValue = (v) => {
-					return v;
-				};
-				if (props.multiple) {
-					setValue(2);
-				} else {
-					setValue(1);
-				}
-			} else if (typeof props.multiple == 'string') {
-				selectMultiple.value = true;
-				getMultipleValue = (v: string[]) => {
-					if (v && v instanceof Array) {
-						return v.join(props.multiple);
-					} else {
-						return v;
-					}
-				};
-				setMultipleValue = (v: string) => {
-					let arr: string[] = [];
-					if (v) {
-						arr = v.split(props.multiple);
-					}
-					return arr;
-				};
-				setValue(3);
-			}
-		}
-	}
-
-	if (props.load) {
-		watch(
-			() => props.options,
-			() => {
-				if (props.options && props.options.length > 0) {
-					const v = getMultipleValue(value.value);
-					if (props.optobj) {
-						const obj = getValueObjs(value.value);
-						if (props.clearAbsent) {
-							setClearAbsentValue(obj);
-						}
-						emit('load', v, obj);
-					} else {
-						emit('load', v);
-					}
-				}
-			},
-			{
-				immediate: true,
-			},
-		);
-	}
-
-	function setClearAbsentValue(arr: any[]) {
-		if (arr && arr.length > 0) {
-			if (selectMultiple.value) {
-				if (arr.length < value.value.length) {
-					value.value = arr.map((o: any) => {
-						return useVueValue(o, props.prop);
-					});
-				}
-			}
-		} else {
-			if (value.value !== undefined) {
-				value.value = undefined;
-			}
-		}
-	}
-	return {
-		value,
-		multiple: selectMultiple,
-	};
-}
-
-export const expose = {};

package/dist/components/common/urls.ts

@@ -1,109 +0,0 @@
-import axios from 'axios'
-import type { ExtractPropTypes } from 'vue'
-
-/**
- * 调用接口参数
- */
-export const props = {
-  value: {
-    type: Object as () => ObjAny,
-  },
-  /**
-   * @props { String, Function } ajax 请求接口地址或者方法
-   */
-  ajax: {
-    type: [String, Function],
-  },
-  /**
-   * @props { Object } param 接口参数
-   */
-  param: {
-    type: Object,
-    default() {
-      return {}
-    },
-  },
-  /**
-   * @props ajaxConfig 请求接口配置 ajax 为字符串时有用
-   */
-  ajaxConfig: {
-    type: Object,
-  },
-  /**
-   * @props { Function } inDataFilter (res, obj) 过滤接口返回数据 必须返回对象
-   */
-  onRequestAfter: {
-    type: Function,
-    // default(res: any) {
-    //   return res?.data || {}
-    // },
-  },
-  /**
-   * @props { Function } inParamFilter (obj) 过滤接口请求数据 必须返回对象
-   */
-  onRequestBefore: {
-    type: Function,
-  },
-}
-
-export const emits = []
-
-export type UrlProps = ExtractPropTypes<typeof props>
-
-export function comHandle(props: UrlProps, obj: ObjAny): ObjAny {
-  return new Promise((resolve, reject) => {
-    obj = Object.assign({}, props.param, obj)
-    if (props.onRequestBefore) {
-      obj = props.onRequestBefore(obj)
-    }
-    if (props.ajax) {
-      if (typeof props.ajax === 'function') {
-        props
-          .ajax(obj)
-          .then((res: any) => {
-            let list = res || {}
-            if (props.onRequestAfter) {
-              list = props.onRequestAfter(list, obj) || {}
-            }
-            resolve(list)
-          })
-          .catch((err: any) => {
-            reject(err)
-          })
-      } else {
-        const param: ObjAny = Object.assign(
-          {
-            method: 'post',
-          },
-          props.ajaxConfig ?? {}
-        )
-        if (param.method && param.method.toLowerCase() == 'get') {
-          param.params = obj
-        } else {
-          param.data = obj
-        }
-        param.url = props.ajax
-        axios
-          .request(param)
-          .then((res) => {
-            let list = res.data || {}
-            if (props.onRequestAfter) {
-              list = props.onRequestAfter(list, obj) || {}
-            }
-            resolve(list)
-          })
-          .catch((err) => {
-            reject(err)
-          })
-      }
-    } else {
-      let list = props.value || {}
-      if (props.onRequestAfter) {
-        list = props.onRequestAfter(list, obj) || {}
-      }
-      resolve(list)
-    }
-  })
-}
-
-export const expose = {}