@fangzhongya/fang-ui 0.0.21 → 0.0.22

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

@@ -1,36 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	options: {
-		type: [Array<ObjAny>],
-	},
-	nofather: {
-		type: Boolean,
-	},
-	disabled: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['clicks'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,46 +0,0 @@
-<template>
-	<template v-if="props.nofather">
-		<template v-for="(item, index) in props.options" :key="index">
-			<ElButton
-				v-if="!item.hide"
-				:class="[cs.z('li'), item.class]"
-				v-bind="item"
-				@click.stop="onClick(item, index, $event)"
-				:disabled="props.disabled || item.disabled"
-				>{{ item.label }}
-			</ElButton>
-		</template>
-	</template>
-	<span v-else :class="cs.z()">
-		<template v-for="(item, index) in props.options" :key="index">
-			<ElButton
-				v-if="!item.hide"
-				:class="[cs.z('li'), item.class]"
-				v-bind="item"
-				@click.stop="onClick(item, index, $event)"
-				:disabled="props.disabled || item.disabled"
-				>{{ item.label }}
-			</ElButton>
-		</template>
-	</span>
-</template>
-<script lang="ts" setup>
-	import { ElButton } from 'element-plus';
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	// 样式设置方法
-	const cs = useCssName('buttons');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	function onClick(obj: any, index: number, $event: Event) {
-		if (obj.click) {
-			obj.click(obj, index, $event);
-		} else {
-			emit('clicks', obj, index, $event);
-		}
-	}
-	defineExpose({
-		...dataExpose,
-	});
-</script>

package/dist/components/card/index.ts

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

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

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

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

package/dist/components/cascader/index.ts

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

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

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

@@ -1,36 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElCascader v-bind="attrs.assem" ref="refEl">
-			<template
-				v-for="(k, index) in Object.keys(slots)"
-				v-slot:[k]
-				:key="k"
-			>
-				<slot :name="k"></slot>
-			</template>
-		</ElCascader>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElCascader } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useInherit();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('cascader');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-
-<style lang="scss"></style>

package/dist/components/cascader-panel/index.ts

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

package/dist/components/cascader-panel/src/data.ts

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

@@ -1,36 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElCascaderPanel v-bind="attrs.assem" ref="refEl">
-			<template
-				v-for="(k, index) in Object.keys(slots)"
-				v-slot:[k]
-				:key="k"
-			>
-				<slot :name="k"></slot>
-			</template>
-		</ElCascaderPanel>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElCascaderPanel } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useInherit();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('cascader-panel');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-
-<style lang="scss"></style>

package/dist/components/cascaders/index.ts

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

package/dist/components/cascaders/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 } isTree= ( )
-	 * 是否用树形
-	 */
-	isTree: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-export const dataHandle = comHandle;
-
-export const dataEmits = [...emits];
-
-export type DataEmits = typeof dataEmits;

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

@@ -1,54 +0,0 @@
-<template>
-	<div :class="cs.z()" v-bind="attrs.root">
-		<template v-if="props.isTree">
-			<ElTreeSelect
-				v-model="value"
-				v-bind="attrs.assem"
-				v-expose="{}"
-				:class="cs.z('tree')"
-				:data="props.options"
-				:multiple="multiple"
-				:show-checkbox="multiple"
-			>
-			</ElTreeSelect>
-		</template>
-		<template v-else>
-			<ElCascader
-				v-bind="attrs.assem"
-				v-expose="{}"
-				:class="cs.z('cascader')"
-				:show-all-levels="false"
-				v-model="value"
-				:options="props.options"
-				:props="cprops"
-			>
-			</ElCascader>
-		</template>
-	</div>
-</template>
-<script lang="ts" setup>
-	import vExpose from '../../../directives/expose';
-	import { ElTreeSelect, ElCascader } from 'element-plus';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { dataProps, dataEmits, dataHandle } from './data';
-	import { useAttrs } from 'vue';
-	const cs = useCssName('cascaders');
-	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 propss: ObjAny = attrs.assem.props || {};
-	const cprops = {
-		emitPath: false,
-		multiple: multiple.value,
-		lazy: attrs.assem.__B('lazy'),
-		lazyLoad: attrs.assem.load as any,
-		checkStrictly: attrs.assem.__B('checkStrictly'),
-		...propss,
-	};
-</script>

package/dist/components/checkbox/index.ts

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

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 = {};