@fangzhongya/fang-ui 0.0.21 → 0.0.22

package/dist/components/image/index.ts

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

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

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

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

package/dist/components/images/index.ts

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

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

@@ -1,38 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	height: {
-		type: [String, Number],
-	},
-	width: {
-		type: [String, Number],
-	},
-	modelValue: {
-		type: [String, Array<string>],
-	},
-};
-
-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/images/src/index.vue

@@ -1,49 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElImage
-			v-bind="attrs.assem"
-			:src="value"
-			:preview-src-list="list"
-			:style="{
-				width: props.width,
-				height: props.height,
-			}"
-			v-expose="{}"
-		>
-			<template v-for="k in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElImage>
-	</div>
-</template>
-<script lang="ts" setup>
-	import vExpose from '../../../directives/expose';
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { ref, useSlots, computed, useAttrs } from 'vue';
-	import { ElImage } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useInherit(useAttrs());
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('images');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const list = ref<Array<any>>([]);
-	const value = computed(() => {
-		if (props.modelValue instanceof Array) {
-			list.value = props.modelValue;
-			return props.modelValue[0];
-		} else {
-			list.value = [props.modelValue];
-			return props.modelValue;
-		}
-	});
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/index.ts

@@ -1,115 +0,0 @@
-import "./index.scss";
-export * from './cs-config/index';
-export * from './cs-emits/index';
-export * from './cs-expose/index';
-export * from './cs-i18n/index';
-export * from './cs-props/index';
-export * from './cs-slot/index';
-export * from './cs-title/index';
-export * from './dialog/index';
-export * from './button/index';
-export * from './card/index';
-export * from './collapse-item/index';
-export * from './collapse/index';
-export * from './color-picker/index';
-export * from './config-provider/index';
-export * from './alert/index';
-export * from './divider/index';
-export * from './drawer/index';
-export * from './loading/index';
-export * from './message-box/index';
-export * from './message/index';
-export * from './popconfirm/index';
-export * from './popover/index';
-export * from './tooltip/index';
-export * from './cascader-panel/index';
-export * from './cascader/index';
-export * from './checkbox-group/index';
-export * from './checkbox/index';
-export * from './date-picker/index';
-export * from './time-picker/index';
-export * from './time-select/index';
-export * from './form-item/index';
-export * from './form/index';
-export * from './input-number/index';
-export * from './input/index';
-export * from './radio-group/index';
-export * from './radio/index';
-export * from './option-group/index';
-export * from './option/index';
-export * from './select/index';
-export * from './slider/index';
-export * from './switch/index';
-export * from './upload/index';
-export * from './image/index';
-export * from './dropdown-item/index';
-export * from './dropdown-menu/index';
-export * from './dropdown/index';
-export * from './tab-pane/index';
-export * from './tabs/index';
-export * from './pagination/index';
-export * from './tree-select/index';
-export * from './tree/index';
-export * from './forms-div/index';
-export * from './forms-drag/index';
-export * from './forms-item/index';
-export * from './forms-items/index';
-export * from './forms/index';
-export * from './box-adjust/index';
-export * from './box-local/index';
-export * from './box-mask/index';
-export * from './box-teleport/index';
-export * from './box-title/index';
-export * from './box/index';
-export * from './popup/index';
-export * from './right-key/index';
-export * from './stick-div/index';
-export * from './stick-edge/index';
-export * from './stick-window/index';
-export * from './window/index';
-export * from './global-config/index';
-export * from './icon-picker/index';
-export * from './icon/index';
-export * from './iframe/index';
-export * from './lists/index';
-export * from './menu/index';
-export * from './page/index';
-export * from './retract/index';
-export * from './choice-select/index';
-export * from './company-select/index';
-export * from './department-select/index';
-export * from './role-select/index';
-export * from './select-dialog/index';
-export * from './select-popover/index';
-export * from './tree-select-box/index';
-export * from './user-select/index';
-export * from './array/index';
-export * from './buttons/index';
-export * from './cascaders/index';
-export * from './checks/index';
-export * from './date/index';
-export * from './dates-divide/index';
-export * from './dates-picker/index';
-export * from './dates/index';
-export * from './edit-float/index';
-export * from './edit/index';
-export * from './history/index';
-export * from './images/index';
-export * from './input-array/index';
-export * from './input-history/index';
-export * from './input-num/index';
-export * from './input-select/index';
-export * from './inputs/index';
-export * from './labels/index';
-export * from './select-scroll/index';
-export * from './selector/index';
-export * from './selects/index';
-export * from './switchs/index';
-export * from './text/index';
-export * from './el-tables/index';
-export * from './pagin/index';
-export * from './table-list/index';
-export * from './tables-form/index';
-export * from './tables-pagin/index';
-export * from './tables/index';
-export * from './vxe-tables/index';

package/dist/components/input/index.ts

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

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

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

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

package/dist/components/input-array/index.ts

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

package/dist/components/input-array/src/data.ts

@@ -1,57 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	rangeSeparator: { type: String, default: '至' },
-	startPlaceholder: { type: String, default: '开始' },
-	endPlaceholder: { type: String, default: '结束' },
-	inputClearable: {
-		type: Boolean,
-	},
-	readonly: {
-		type: Boolean,
-	},
-	clearable: {
-		type: Boolean,
-	},
-	modelValue: {
-		type: [Array, String],
-		default() {
-			return [];
-		},
-	},
-	isNumber: Boolean,
-	multiple: String,
-	isRight: Boolean,
-	disabled: { type: Boolean, default: false },
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = [
-	'update:modelValue',
-	'focus',
-	'blur',
-	'clear',
-	'change',
-];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-	suffix: 'suffix',
-	prefix: 'prefix',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/input-array/src/index.vue

@@ -1,223 +0,0 @@
-<template>
-	<div
-		:class="[cs.z(), cs.is('focus', isfocus)]"
-		@mouseenter="onMouseenter"
-		@mouseleave="onMouseleave"
-		@click.stop="onClick"
-	>
-		<slot :name="dataSlot.prefix"></slot>
-		<template v-if="props.isNumber">
-			<ElInputNumber
-				:class="[cs.z('input')]"
-				v-model="start"
-				:readonly="props.readonly"
-				:clearable="props.inputClearable"
-				:placeholder="props.startPlaceholder"
-				:controls-position="props.isRight ? 'right' : ''"
-				@input="omInput"
-				@click.stop="onFocus"
-				@blur="onBlur"
-			></ElInputNumber>
-		</template>
-		<template v-else>
-			<ElInput
-				:class="[cs.z('input')]"
-				v-model="start"
-				:readonly="props.readonly"
-				:clearable="props.inputClearable"
-				:placeholder="props.startPlaceholder"
-				@input="omInput"
-				@click.stop="onFocus"
-				@blur="onBlur"
-			></ElInput>
-		</template>
-		<span :class="[cs.z('range')]">{{ props.rangeSeparator }}</span>
-		<template v-if="props.isNumber">
-			<ElInputNumber
-				:class="[cs.z('input')]"
-				v-model="end"
-				:readonly="props.readonly"
-				:clearable="props.inputClearable"
-				:placeholder="props.endPlaceholder"
-				:controls-position="props.isRight ? 'right' : ''"
-				@click.stop="onFocus"
-				@input="omInput"
-				@blur="onBlur"
-			></ElInputNumber
-		></template>
-		<template v-else>
-			<ElInput
-				:class="[cs.z('input')]"
-				v-model="end"
-				:readonly="props.readonly"
-				:clearable="props.inputClearable"
-				:placeholder="props.endPlaceholder"
-				@click.stop="onFocus"
-				@input="omInput"
-				@blur="onBlur"
-			></ElInput>
-		</template>
-		<input :class="cs.z('focus')" ref="refInput" @blur="onBlur" />
-		<span
-			v-if="isclear"
-			:class="[cs.z('icon'), cs.z('clear')]"
-			@click.stop="onClear"
-		>
-			<svg
-				viewBox="0 0 1024 1024"
-				xmlns="http://www.w3.org/2000/svg"
-				data-v-ea893728=""
-			>
-				<path
-					fill="currentColor"
-					d="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-				></path>
-				<path
-					fill="currentColor"
-					d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-				></path>
-			</svg>
-		</span>
-		<slot :name="dataSlot.suffix"></slot>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { ElInput, ElInputNumber } from 'element-plus';
-	import { computed, ref, watch } from 'vue';
-	// 样式设置方法
-	const cs = useCssName('input-array');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const refInput = ref();
-	const isfocus = ref(false);
-
-	const start = ref<string | number>('');
-
-	const end = ref<string | number>('');
-
-	if (props.isNumber) {
-		start.value = 0;
-		end.value = 0;
-	} else {
-		start.value = '';
-		end.value = '';
-	}
-
-	const emove = ref(false);
-
-	const isclear = computed(() => {
-		if (props.clearable) {
-			if (start.value || end.value) {
-				if (emove.value || isfocus.value) {
-					return true;
-				}
-			}
-		}
-		return false;
-	});
-
-	watch(
-		() => props.modelValue,
-		() => {
-			let v = props.modelValue || [];
-			if (typeof v == 'string' && props.multiple) {
-				v = v.split(props.multiple);
-			}
-			const value: Array<any> = v as Array<any>;
-			const s = value[0] || '';
-			const e = value[1] || '';
-			if (s !== start.value) {
-				if (props.isNumber) {
-					start.value = Number(s);
-				} else {
-					start.value = s;
-				}
-			}
-			if (e !== end.value) {
-				if (props.isNumber) {
-					end.value = Number(e);
-				} else {
-					end.value = e;
-				}
-			}
-		},
-		{
-			immediate: true,
-			deep: true,
-		},
-	);
-
-	watch(
-		() => isfocus.value,
-		() => {
-			if (isfocus.value) {
-				emit('focus');
-			} else {
-				emit('blur');
-			}
-		},
-	);
-
-	function onMouseenter() {
-		emove.value = true;
-	}
-	function onMouseleave() {
-		emove.value = false;
-	}
-
-	function omInput() {
-		setValue([start.value, end.value]);
-	}
-
-	function onClear() {
-		if (props.isNumber) {
-			start.value = 0;
-			end.value = 0;
-		} else {
-			start.value = '';
-			end.value = '';
-		}
-		setValue([]);
-		emit('clear');
-	}
-
-	function setValue(value: Array<any>) {
-		if (props.multiple) {
-			const v = value.join(props.multiple);
-			emit('update:modelValue', v);
-			emit('change', v);
-		} else {
-			emit('update:modelValue', value);
-			emit('change', value);
-		}
-	}
-
-	function onClick() {
-		isfocus.value = true;
-		if (refInput.value) {
-			refInput.value.focus();
-		}
-		clearBlur();
-	}
-	function onFocus() {
-		isfocus.value = true;
-		clearBlur();
-	}
-	// @ts-ignore
-	let timeout: NodeJS.Timeout;
-	function onBlur() {
-		timeout = setTimeout(() => {
-			isfocus.value = false;
-		}, 200);
-	}
-
-	function clearBlur() {
-		clearTimeout(timeout);
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>

package/dist/components/input-history/index.ts

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

package/dist/components/input-history/src/data.ts

@@ -1,56 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	disabled: {
-		type: Boolean,
-	},
-	/**
-	 * @props { } storage= 存储数据的key
-	 */
-	storage: {
-		type: String,
-		required: true,
-	},
-	clean: {
-		type: Boolean,
-	},
-	/**
-	 * @props { } modelValue 选择值v-model
-	 */
-	modelValue: {
-		type: String,
-	},
-	buts: {
-		type: Object,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = [
-	'update:modelValue',
-	'focus',
-	'blur',
-	'clear',
-	'change',
-	'input',
-];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};