@fangzhongya/fang-ui 0.0.20 → 0.0.22

package/dist/components/drawer/style/index.scss

@@ -1,13 +0,0 @@
-// @use '../../../../common.scss' as *;
-
-// @use '../../../../frame/box-mask/src/index.scss' as *;
-// @use '../../../../frame/box-title/src/index.scss' as *;
-@use './cs.scss' as *;
-
-@use '../../css/common.scss' as *;
-@use '../../box-mask/style/index.scss' as *;
-@use '../../box-title/style/index.scss' as *;
-
-.#{e()}drawer {
-	margin: 10px;
-}

package/dist/components/dropdown/index.ts

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

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

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

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

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

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

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

@@ -1,24 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} DropdownItem 下拉菜单子组件
- * @text 目前完全继承 element-plus 中 el-dropdown-item
- * @text 必须在Dropdown下拉菜单下使用
- */
-
-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/dropdown-item/src/index.vue

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

package/dist/components/dropdown-menu/index.ts

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

package/dist/components/dropdown-menu/src/data.ts

@@ -1,24 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} DropdownMenu 下拉菜单子组件组
- * @text 目前完全继承 element-plus 中 el-dropdown-menu
- * @text 必须在Dropdown下拉菜单下使用
- */
-
-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/dropdown-menu/src/index.vue

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

package/dist/components/edit/index.ts

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

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

@@ -1,45 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	/**
-	 * @props { String } modelValue= ( )
-	 * 要编辑数据
-	 */
-	modelValue: {
-		type: [String],
-	},
-	clearable: {
-		type: Boolean,
-		default: true,
-	},
-	/**
-	 * @props { Boolean } noEmpty= ( )
-	 * 不能为空
-	 */
-	noEmpty: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,126 +0,0 @@
-<template>
-	<span ref="refEdit" :class="cs.z()">
-		<Inputs
-			:style="{ width: width, display: display }"
-			v-if="isInput"
-			v-model="value"
-			ref="refEditInput"
-			type="text"
-			:clearable="clearable"
-			@blur="onBlur"
-			:class="cs.z('input')"
-		/>
-		<span @dblclick.stop="onDblclick" :class="cs.z('value')" v-else>{{
-			value
-		}}</span>
-		<i @click="onClick" v-if="isIcon && !isInput" :class="cs.z('icon')">
-			<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-				<path
-					fill="currentColor"
-					d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
-				></path>
-				<path
-					fill="currentColor"
-					d="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
-				></path>
-			</svg>
-		</i>
-	</span>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import Inputs from '../../inputs/index';
-	import { useCssName } from '../../../hooks/cssname';
-	import { computed, ref, onMounted } from 'vue';
-	// 样式设置方法
-	const cs = useCssName('edit');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const isInput = ref(false);
-	const isIcon = ref(false);
-	const refEditInput = ref();
-	const refEdit = ref();
-	const width = ref('');
-	const display = ref('');
-
-	const value = computed({
-		get() {
-			let v = props.modelValue;
-			if (!v && props.noEmpty) {
-				isIcon.value = true;
-			}
-			return v;
-		},
-		set(value) {
-			if (!value && props.noEmpty) {
-				isIcon.value = true;
-			}
-			emit('update:modelValue', value);
-		},
-	});
-
-	function onDblclick() {
-		onClick();
-	}
-	function onBlur() {
-		setIsIcon();
-		isInput.value = false;
-	}
-
-	function setIsIcon() {
-		if (!value.value && props.noEmpty) {
-			isIcon.value = true;
-		} else {
-			isIcon.value = false;
-		}
-	}
-
-	function onClick() {
-		isIcon.value = false;
-		isInput.value = true;
-		setTimeout(() => {
-			refEditInput.value.focus();
-		});
-	}
-
-	onMounted(() => {
-		let dom = refEdit.value;
-		dom.onmouseenter = (event: Event) => {
-			isIcon.value = true;
-		};
-		dom.onmouseleave = (event: Event) => {
-			setIsIcon();
-			isInput.value = false;
-		};
-		display.value = dom.style.display || 'inline';
-		width.value = (dom.clientWidth || dom.offsetWidth) + 40 + 'px';
-	});
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped>
-	$edits: 'edit';
-	.#{$edits} {
-		display: inline-flex;
-		align-items: center;
-		.#{$edits}-value {
-			display: inline-block;
-			min-width: 3px;
-		}
-		.#{$edits}-icon {
-			display: inline-flex;
-			align-items: center;
-			height: 100%;
-			min-width: 3px;
-			font-size: 16px;
-			margin: 0 4px;
-			cursor: pointer;
-			svg {
-				width: 1em;
-				height: 1em;
-			}
-		}
-	}
-</style>

package/dist/components/edit-float/index.ts

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

package/dist/components/edit-float/src/data.ts

@@ -1,48 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	/**
-	 * @props { String } modelValue= ( )
-	 * 要编辑数据
-	 */
-	modelValue: {
-		type: [String],
-	},
-	clearable: {
-		type: Boolean,
-		default: true,
-	},
-	float: {
-		type: Boolean,
-	},
-	/**
-	 * @props { Boolean } noEmpty= ( )
-	 * 不能为空
-	 */
-	noEmpty: {
-		type: Boolean,
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/edit-float/src/index.vue

@@ -1,170 +0,0 @@
-<template>
-	<span ref="refEdit" :class="cs.z()">
-		<ElPopover :visible="isInput" placement="top" :width="200">
-			<div :class="cs.z('popover')">
-				<div :class="cs.z('title')">修改</div>
-				<Inputs
-					v-model="value"
-					ref="refEditInput"
-					type="text"
-					@blur="onBlur"
-					:clearable="clearable"
-					:class="cs.z('input')"
-				/>
-				<div :class="cs.z('but')">
-					<ElButton size="small" type="primary" @click="onConfirm"
-						>确认</ElButton
-					>
-					<ElButton size="small" text @click="onClickqx"
-						>关闭</ElButton
-					>
-				</div>
-			</div>
-			<template #reference>
-				<span :class="cs.z('body')">
-					<span @dblclick.stop="onDblclick" :class="cs.z('value')">{{
-						props.modelValue
-					}}</span>
-					<i
-						@click="onClick"
-						v-if="isIcon && !isInput"
-						:class="cs.z('icon')"
-					>
-						<svg
-							viewBox="0 0 1024 1024"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<path
-								fill="currentColor"
-								d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
-							></path>
-							<path
-								fill="currentColor"
-								d="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
-							></path>
-						</svg>
-					</i>
-				</span>
-			</template>
-		</ElPopover>
-	</span>
-</template>
-<script lang="ts" setup>
-	import { ElButton, ElPopover } from 'element-plus';
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import Inputs from '../../inputs/index';
-	import { useCssName } from '../../../hooks/cssname';
-	import { watch, ref, onMounted } from 'vue';
-	// 样式设置方法
-	const cs = useCssName('edit-float');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const isInput = ref(false);
-	const isIcon = ref(false);
-	const refEditInput = ref();
-	const refEdit = ref();
-
-	const value = ref(props.modelValue);
-	watch(
-		() => props.modelValue,
-		() => {
-			value.value = props.modelValue;
-			setIsIcon();
-		},
-		{ immediate: true },
-	);
-
-	function onDblclick() {
-		onClick();
-	}
-
-	function onClick() {
-		isIcon.value = false;
-		isInput.value = true;
-		setTimeout(() => {
-			refEditInput.value.focus();
-		});
-	}
-
-	function onClickqx() {
-		setIsIcon();
-		isInput.value = false;
-	}
-
-	function onConfirm() {
-		if (props.noEmpty && !value.value) {
-			return false;
-		}
-		isIcon.value = false;
-		isInput.value = false;
-		emit('update:modelValue', value.value);
-	}
-
-	function setIsIcon() {
-		if (!props.modelValue && props.noEmpty) {
-			isIcon.value = true;
-		} else {
-			isIcon.value = false;
-		}
-	}
-
-	function onBlur() {
-		setTimeout(() => {
-			isInput.value = false;
-		});
-	}
-
-	onMounted(() => {
-		let dom = refEdit.value;
-		dom.onmouseenter = (event: Event) => {
-			isIcon.value = true;
-		};
-		dom.onmouseleave = (event: Event) => {
-			if (!isInput.value) {
-				setIsIcon();
-				isInput.value = false;
-			}
-		};
-	});
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped>
-	$edit-floats: 'edit-float';
-	.#{$edit-floats} {
-		.#{$edit-floats}-body {
-			display: inline-flex;
-			align-items: center;
-			justify-content: center;
-			.#{$edit-floats}-value {
-				display: inline-block;
-				min-width: 3px;
-			}
-			.#{$edit-floats}-icon {
-				display: inline-flex;
-				align-items: center;
-				justify-content: center;
-				height: 100%;
-				min-width: 3px;
-				font-size: 16px;
-				margin: 0 4px;
-				cursor: pointer;
-				svg {
-					width: 1em;
-					height: 1em;
-				}
-			}
-		}
-	}
-	.#{$edit-floats}-popover {
-		.#{$edit-floats}-input {
-			padding: 10px 0;
-		}
-		.#{$edit-floats}-but {
-			display: flex;
-			flex-direction: row-reverse;
-		}
-	}
-</style>

package/dist/components/el-tables/index.ts

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