@fangzhongya/fang-ui 0.0.21 → 0.0.23

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

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Checkbox 多选框
- * @text 目前完全继承 element-plus 中 el-checkbox
- */
-
-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/checkbox/src/index.vue

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

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

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

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

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} CheckboxGroup 多选框组
- * @text 目前完全继承 element-plus 中 el-checkbox-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/checkbox-group/src/index.vue

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

package/dist/components/checks/index.ts

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

package/dist/components/checks/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 } but= ( )
-	 * 是否用按钮模式
-	 */
-	but: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-export const dataHandle = comHandle;
-
-export const dataEmits = [...emits, 'click-multiple'];
-
-export type DataEmits = typeof dataEmits;

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

@@ -1,84 +0,0 @@
-<template>
-	<div :class="cs.z()" v-bind="attrs.root">
-		<template v-if="multiple">
-			<ElCheckboxGroup
-				:class="cs.z('check')"
-				v-model="value"
-				v-bind="attrs.assem"
-				v-expose="{}"
-			>
-				<component
-					:is="comps"
-					v-for="item of props.options"
-					:value="useVueValue(item, props.prop)"
-					:border="item?.border"
-					:disabled="item?.disabled"
-					@change="(is: boolean) => onChange(item, is)"
-				>
-					{{ useVueValue(item, props.label) }}
-				</component>
-			</ElCheckboxGroup>
-		</template>
-		<template v-else>
-			<ElRadioGroup
-				:class="cs.z('check')"
-				v-model="value"
-				v-bind="attrs.assem"
-				v-expose="{}"
-			>
-				<component
-					:is="comps"
-					v-for="item of props.options"
-					:border="item?.border"
-					:value="useVueValue(item, props.prop)"
-					:disabled="item?.disabled"
-				>
-					{{ useVueValue(item, props.label) }}
-				</component>
-			</ElRadioGroup>
-		</template>
-	</div>
-</template>
-<script lang="ts" setup>
-	import vExpose from '../../../directives/expose';
-	import {
-		ElCheckboxGroup,
-		ElCheckbox,
-		ElCheckboxButton,
-		ElRadioGroup,
-		ElRadio,
-		ElRadioButton,
-	} from 'element-plus';
-	import { useCssName } from '../../../hooks/cssname';
-	import { dataProps, dataEmits, dataHandle } from './data';
-	import { useInherit } from '../../../hooks/inherit';
-	import { useVueValue } from '../../common/use';
-	import { computed, useAttrs } from 'vue';
-	const cs = useCssName('checks');
-	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 comps = computed(() => {
-		if (multiple.value) {
-			if (props.but) {
-				return ElCheckboxButton;
-			} else {
-				return ElCheckbox;
-			}
-		} else {
-			if (props.but) {
-				return ElRadioButton;
-			} else {
-				return ElRadio;
-			}
-		}
-	});
-
-	const onChange = (item: ObjAny, is: boolean) => {
-		emit('click-multiple', item, is);
-	};
-</script>

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

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

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

@@ -1,38 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { String, Number, Array<String> } many= ( )
-	 * 多类型
-	 */
-	many: {
-		type: [],
-	},
-});
-
-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',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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