@fangzhongya/fang-ui 0.0.20 → 0.0.22

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

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

@@ -1,256 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<ElPopover
-			trigger="click"
-			:popper-class="cs.z('popper')"
-			:visible="visible"
-			:disabled="props.disabled || options.length == 0"
-			:width="width"
-		>
-			<div :class="cs.z('select')" v-if="options.length > 0">
-				<ul :class="cs.z('select-ul')">
-					<li
-						v-for="item in options"
-						:class="[cs.z('select-li')]"
-						@click.stop="onClickSelect(item)"
-					>
-						<span>
-							{{ item }}
-						</span>
-						<i
-							v-if="props.clean"
-							:class="[cs.z('select-li-clean')]"
-							@click.stop="onClean(item)"
-						>
-							<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>
-						</i>
-					</li>
-					<li :class="[cs.z('select-clean')]" v-if="props.clean">
-						<span
-							:class="[cs.z('select-clean-but')]"
-							@click.stop="onClean()"
-						>
-							关闭
-						</span>
-					</li>
-				</ul>
-			</div>
-			<template #reference>
-				<Inputs
-					ref="refInput"
-					v-expose="{}"
-					v-model="value"
-					v-bind="attrs.assem"
-					:disabled="props.disabled"
-					@input="onInput"
-					@focus="onFocus"
-					@blur="onBlur"
-					@keyup.enter.native="
-						() => {
-							if (!props.buts) onChange();
-						}
-					"
-					@clear="onClear"
-				>
-					<template
-						v-for="(k, index) in Object.keys(slots)"
-						v-slot:[k]
-						:key="k"
-					>
-						<slot :name="k"></slot>
-					</template>
-				</Inputs>
-			</template>
-		</ElPopover>
-
-		<template v-if="props.buts">
-			<ElButton
-				:class="[cs.z('but'), props.buts.class]"
-				v-bind="props.buts"
-				@click.stop="onChange"
-				:modelValue="props.buts.label"
-			>
-			</ElButton>
-		</template>
-	</div>
-</template>
-<script lang="ts" setup>
-	import vExpose from '../../../directives/expose';
-	import { ElButton, ElPopover } from 'element-plus';
-	import { getCss } from '@fangzhongya/utils/css/getCss';
-	import { deleteArray, replaceAfter, useStorage } from './util';
-	import { dataProps, dataEmits, dataExpose } from './data';
-	import Inputs from '../../inputs/index';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { useSlots, useAttrs, ref, onMounted, watch } from 'vue';
-	import type { Slots } from 'vue';
-	const attrs = useInherit(useAttrs());
-	const slots: Slots = useSlots();
-	// 获取国际化字段
-	// 样式设置方法
-	const cs = useCssName('input-history');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const visible = ref(false);
-	const width = ref(200);
-	const refInput = ref();
-
-	const options = useStorage<Array<string>>(
-		props.storage || new Date().getTime() + '',
-		[],
-	);
-	const value = ref('');
-
-	watch(
-		() => props.modelValue,
-		() => {
-			value.value = props.modelValue || '';
-		},
-		{ immediate: true },
-	);
-
-	function setWidth() {
-		if (refInput.value && refInput.value.el) {
-			width.value = getCss(refInput.value.el, 'width');
-		}
-	}
-	function onClickSelect(item: string) {
-		setValue(item);
-		visible.value = false;
-		onChange();
-	}
-	function onBlur(...arr: any[]) {
-		emit('blur', ...arr);
-		visible.value = false;
-	}
-	function onFocus(...arr: any[]) {
-		if (!value.value) {
-			visible.value = true;
-		}
-		emit('focus', ...arr);
-	}
-
-	function onInput(...arr: any[]) {
-		emit('input', ...arr);
-		if (!value.value) {
-			visible.value = true;
-		}
-	}
-
-	function setValue(item: string) {
-		value.value = item;
-		emit('update:modelValue');
-	}
-
-	function onClear(...arr: any[]) {
-		emit('clear', ...arr);
-		visible.value = true;
-	}
-
-	function onChange() {
-		const v = value.value;
-		if (v) {
-			options.value = replaceAfter(options.value, v, '', true);
-		}
-		emit('change', v);
-	}
-
-	function onClean(v?: string) {
-		if (v) {
-			deleteArray(options.value, v);
-		} else {
-			options.value = [];
-		}
-	}
-	onMounted(() => {
-		setWidth();
-	});
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-
-<style lang="scss" scoped>
-	$input-historys: 'input-history';
-	.#{$input-historys} {
-		display: inline-block;
-	}
-
-	.#{$input-historys}-popper {
-		padding: 6px 0 !important;
-		.#{$input-historys}-select {
-			max-height: 274px;
-			height: 100%;
-			overflow-y: auto;
-			.#{$input-historys}-select-ul {
-				list-style: none;
-				margin: 6px 0;
-				padding: 0;
-				box-sizing: border-box;
-			}
-			.#{$input-historys}-select-li {
-				padding: 0 32px 0 20px;
-				position: relative;
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				color: #606266;
-				height: 34px;
-				line-height: 34px;
-				box-sizing: border-box;
-				cursor: pointer;
-				&.hover,
-				&:hover {
-					background-color: #f5f7fa;
-					.#{$input-historys}-select-li-clean {
-						display: inline-flex;
-					}
-				}
-				&.selected {
-					color: var(--bv-color-primary);
-					font-weight: 700;
-				}
-				&.is-disabled {
-					background-color: #ffffff;
-					color: #a8abb2;
-					cursor: not-allowed;
-				}
-				.#{$input-historys}-select-li-clean {
-					position: absolute;
-					align-items: center;
-					justify-content: center;
-					right: 16px;
-					height: 100%;
-					display: none;
-					svg {
-						width: 1rem;
-						height: 1rem;
-					}
-				}
-			}
-			.#{$input-historys}-select-clean {
-				padding: 0 20px;
-				.#{$input-historys}-select-clean-but {
-					float: right;
-					color: #ccc;
-					cursor: pointer;
-				}
-			}
-		}
-	}
-</style>

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

@@ -1,127 +0,0 @@
-import { ref, watch, onUnmounted } from 'vue';
-import { getLocal, setLocal, getSession, setSession } from '../../../utils/local';
-
-interface ObjUnkn {
-	[key: string]: unknown;
-}
-/**
- * 删除已经存在数组值，把新值添加最后
- * @param {Array<T>} arr 当前数组
- * @param {Object} obj 要处理的对象
- * @param {string} id 比对的对应属性名称
- * @param {string} is 是否在前面添加
- * @returns {Array<T>} 判断后的数组值
- */
-export function replaceAfter<T>(
-	arr: Array<T>,
-	obj: T,
-	id?: string,
-	is?: boolean,
-): Array<T> {
-	const varr: Array<T> = [];
-	if (id) {
-		arr.forEach((a) => {
-			const element = a as ObjUnkn;
-			const vs = obj as ObjUnkn;
-			if (element[id] !== vs[id]) {
-				varr.push(a);
-			}
-		});
-	} else {
-		arr.forEach((element) => {
-			if (element !== obj) {
-				varr.push(element);
-			}
-		});
-	}
-	if (is) {
-		varr.unshift(obj);
-	} else {
-		varr.push(obj);
-	}
-	return varr;
-}
-
-/**
- * 删除数组中的值
- */
-export function deleteArray<T>(
-	arr: Array<T>,
-	obj: T,
-	key?: string,
-	is?: boolean,
-) {
-	const wz: number[] = [];
-	if (is) {
-		if (key) {
-			arr.forEach((a, index) => {
-				const element = a as ObjUnkn;
-				const vs = obj as ObjUnkn;
-				if (element[key] !== vs[key]) {
-					wz.push(index);
-				}
-			});
-		} else {
-			arr.forEach((element, index) => {
-				if (element !== obj) {
-					wz.push(index);
-				}
-			});
-		}
-	} else {
-		if (key) {
-			for (let index = 0; index < arr.length; index++) {
-				const element = arr[index] as ObjUnkn;
-				const vs = obj as ObjUnkn;
-				if (element[key] === vs[key]) {
-					wz.push(index);
-					break;
-				}
-			}
-		} else {
-			for (let index = 0; index < arr.length; index++) {
-				const element = arr[index];
-				if (element === obj) {
-					wz.push(index);
-					break;
-				}
-			}
-		}
-	}
-	if (wz.length > 0) {
-		const rs = [];
-		for (let index = wz.length - 1; index >= 0; index--) {
-			const scz = arr.splice(wz[index], 1);
-			rs.unshift(...scz);
-		}
-		return rs;
-	} else {
-		return;
-	}
-}
-
-export const useStorage = <T>(storage: string, d: any, is?: boolean) => {
-	let get = getLocal;
-	let set = setLocal;
-	if (is) {
-		get = getSession;
-		set = setSession;
-	}
-	const value = ref<T>(get(storage) || d);
-	const w = watch(
-		() => value.value,
-		(v) => {
-			set(storage, v);
-		},
-		{
-			deep: true,
-		},
-	);
-
-	onUnmounted(() => {
-		w();
-	});
-	return value;
-};
-
-export type UseStorageReturn = ReturnType<typeof useStorage>;

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

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

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

@@ -1,28 +0,0 @@
-import type { ExtractPropTypes } from 'vue'
-
-export const dataProps = {
-  /**
-   * @props { String } placeholder= ( )
-   * 输入框提示
-   */
-  placeholder: {
-    type: String,
-  },
-  /**
-   * @props { Number } modelValue= ( )
-   * 输入框展示数据
-   */
-  modelValue: {
-    type: Number,
-  },
-}
-
-export type DataProps = ExtractPropTypes<typeof dataProps>
-
-/**
- * @emits {string} update:modelValue (str:string)
- * modelValue 数据双向绑定
- */
-export const dataEmits = ['update:modelValue']
-
-export type DataEmits = typeof dataEmits

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

@@ -1,49 +0,0 @@
-<template>
-	<div ref="refEl" :class="cs.z()" v-bind="attrs.root">
-		<ElInputNumber
-			:class="cs.z('input')"
-			v-expose="{}"
-			v-model="value"
-			v-bind="attrs.assem"
-			:placeholder="props.placeholder"
-		>
-			<template
-				v-for="(k, index) in Object.keys(slots)"
-				v-slot:[k]
-				:key="k"
-			>
-				<slot :name="k"></slot>
-			</template>
-		</ElInputNumber>
-	</div>
-</template>
-<script lang="ts" setup>
-	import vExpose from '../../../directives/expose';
-	import { ElInputNumber } from 'element-plus';
-	import { dataProps, dataEmits } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { computed, useSlots, ref, useAttrs } from 'vue';
-	import type { Slots } from 'vue';
-	const attrs = useInherit(useAttrs());
-	const cs = useCssName('input-num');
-	const props = defineProps(dataProps);
-	const slots: Slots = useSlots();
-	const emit = defineEmits(dataEmits);
-	const refEl = ref();
-
-	const value = computed({
-		get() {
-			let v = props.modelValue;
-			return v;
-		},
-		set(value) {
-			emit('update:modelValue', value);
-		},
-	});
-
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		el: refEl,
-	});
-</script>

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

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

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

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

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

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

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

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

@@ -1,75 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	readonly: {
-		type: Boolean,
-	},
-	disabled: {
-		type: Boolean,
-	},
-	filterable: {
-		type: Boolean,
-	},
-	clearable: {
-		type: Boolean,
-	},
-	/**
-	 * @props { Array } options=[] 数据列表
-	 */
-	options: {
-		type: Array<ObjAny>,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @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: String,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = [
-	'update:modelValue',
-	'focus',
-	'blur',
-	'change',
-	'input',
-];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	iconSelect: 'icon-select',
-	suffix: 'suffix',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};