@fangzhongya/fang-ui 0.0.21 → 0.0.23

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

@@ -1,147 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/index';
-
-import { definePropType } from '../../../utils/index';
-
-export type ModelValue = string | number;
-
-export type ObjStrAny = {
-	[key: string]: any;
-};
-
-export const roleSelect = {
-	searchPlaceholder: '请输入字段进行查询',
-	value: 'value',
-	//指定选项标签为选项对象的某个属性值
-	label: 'label',
-	//指定选项的子选项为选项对象的某个属性值
-	children: 'children',
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: 'disabled',
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
-	// 若设置 false，则只返回该节点的值
-	emitPath: true,
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: true,
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: false,
-	// // 是否多选
-	// multiple: false,
-};
-
-export type RoleSelect = {
-	yhs: string;
-	yhid: string;
-	yhmc: string;
-	father?: string;
-	searchPlaceholder?: string;
-	//
-	explain?: string;
-	//指定选项的值为选项对象的某个属性值
-	value: string;
-	//指定选项标签为选项对象的某个属性值
-	label: string;
-	//指定选项的子选项为选项对象的某个属性值
-	children: string;
-	//指定选项的禁用为选项对象的某个属性值
-	disabled: string;
-	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
-	emitPath: boolean;
-	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
-	lazy: boolean;
-	// 加载动态数据的方法，仅在 lazy 为 true 时有效
-	lazyLoad: Function;
-	// 是否多选
-	multiple: boolean;
-	// 是否严格的遵守父子节点不互相关联
-	checkStrictly: boolean;
-};
-
-export const dataProps = buildProps({
-	/**
-	 * @props { Array} modelValue=
-	 * 是否默认展开所有节点
-	 */
-	expandAll: {
-		type: [Boolean],
-	},
-	/**
-	 * @props { Array } modelValue=
-	 * 值
-	 */
-	modelValue: {
-		type: [Array<ModelValue>],
-	},
-	appendToBody: {
-		type: Boolean,
-		default: true,
-	},
-	multiple: {
-		type: [Boolean],
-	},
-	title: {
-		type: String,
-		default: '用户选择',
-	},
-	/**
-	 * @props { String, Number} width= ( )
-	 * 弹框宽度
-	 */
-	width: {
-		type: [String, Number],
-	},
-	placeholder: {
-		type: String,
-	},
-	/**
-	 * @props { Boolean } disabled= ( )
-	 * 是否禁用
-	 */
-	disabled: {
-		type: [Boolean],
-	},
-	/**
-	 * @props { Array } options=[] ( )
-	 * 选项的数据源， value 和 label 可以通过 props 自定义.
-	 */
-	options: {
-		type: Array<ObjStrAny>,
-		default() {
-			return [];
-		},
-	},
-	/**
-	 * @props { Object } props={} ( )
-	 * 配置选项
-	 */
-	props: {
-		type: definePropType<RoleSelect>(Object),
-		default() {
-			return {};
-		},
-	},
-});
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = ['change', 'tab-click', 'update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/user-select/src/index.vue

@@ -1,410 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<SelectDialog
-			:get-name="getName"
-			:get-name-explain="getNameExplain"
-			:disabled="propss.disabled"
-			:placeholder="propss.placeholder"
-			:appendToBody="propss.appendToBody"
-			ref="refSelectDialog"
-			v-model="list"
-			:value="propss.modelValue"
-			:width="propss.width"
-			:title="propss.title"
-			@dialog="onDialog"
-			@confirm="onDialogffirm"
-		>
-			<div :class="[cs.z('dialog-div'), cs.z('dialog-tabs')]">
-				<Tabs
-					v-model="tabName"
-					stretch
-					:class="cs.z('dialog-li-tabs')"
-					@tab-click="onTabClick"
-				>
-					<TabPane label="部门" name="1"> </TabPane>
-					<TabPane label="角色" name="2"> </TabPane>
-				</Tabs>
-				<div :class="[cs.z('dialog-tabs-tree')]">
-					<div :class="[cs.z('dialog-div-tree')]">
-						<Tree
-							:data="propss.options"
-							highlight-current
-							:default-expand-all="propss.expandAll"
-							:node-key="psprops.value"
-							:show-checkbox="propss.multiple"
-							check-strictly
-							ref="refTree"
-							:props="{
-								isLeaf: 'leaf',
-								value: psprops.value,
-								label: psprops.label,
-								disabled: psprops.disabled,
-								children: psprops.children,
-							}"
-							@node-click="handleTreeClick"
-						/>
-					</div>
-				</div>
-			</div>
-			<div>
-				<div :class="cs.z('dialog-li-top')">
-					<bv-input
-						:placeholder="psprops.searchPlaceholder"
-						clearable
-						v-model="search"
-						@keyup.enter.native="onInput"
-					>
-						<!-- <template #suffix>
-							<i>
-								<svg
-									viewBox="0 0 1024 1024"
-									xmlns="http://www.w3.org/2000/svg"
-								>
-									<path
-										fill="currentColor"
-										d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
-									></path>
-								</svg>
-							</i>
-						</template> -->
-					</bv-input>
-				</div>
-				<div :class="cs.z('dialog-gap')"></div>
-				<div :class="[cs.z('dialog-div'), cs.z('dialog-personnel')]">
-					<template v-if="psprops.multiple">
-						<CheckboxGroup :model-value="list">
-							<template
-								v-for="(item, index) in listData"
-								:key="index"
-							>
-								<div
-									v-if="item[psprops.label]"
-									:class="cs.z('dialog-personnel-top')"
-								>
-									<div
-										:class="
-											cs.z('dialog-personnel-top-userbg')
-										"
-									>
-										{{
-											(
-												item[psprops.label] || ''
-											).substring(0, 1)
-										}}
-									</div>
-									<div
-										:class="
-											cs.z('dialog-personnel-top-rfont')
-										"
-									>
-										<div
-											:class="
-												cs.z('dialog-personnel-top-p1')
-											"
-										>
-											{{ item[psprops.label] }}
-										</div>
-										<div
-											v-if="psprops.explain"
-											:class="
-												cs.z('dialog-personnel-top-p2')
-											"
-										>
-											{{ item[psprops.explain] }}
-										</div>
-									</div>
-								</div>
-								<div
-									:class="cs.z('dialog-personnel-checkboxs')"
-								>
-									<Checkbox
-										v-for="(obj, key) in item[psprops.yhs]"
-										:key="key"
-										:label="obj[psprops.yhid]"
-										@change="
-											(is: boolean) => {
-												onChangeCheckbox(is, obj);
-											}
-										"
-									>
-										{{ obj[psprops.yhmc] }}
-									</Checkbox>
-								</div>
-							</template>
-						</CheckboxGroup>
-					</template>
-					<template v-else>
-						<RadioGroup :model-value="list[0]">
-							<template
-								v-for="(item, index) in listData"
-								:key="index"
-							>
-								<div
-									v-if="item[psprops.label]"
-									:class="cs.z('dialog-personnel-top')"
-								>
-									<div
-										:class="
-											cs.z('dialog-personnel-top-userbg')
-										"
-									>
-										{{
-											(
-												item[psprops.label] || ''
-											).substring(0, 1)
-										}}
-									</div>
-									<div
-										:class="
-											cs.z('dialog-personnel-top-rfont')
-										"
-									>
-										<div
-											:class="
-												cs.z('dialog-personnel-top-p1')
-											"
-										>
-											{{ item[psprops.label] }}
-										</div>
-										<div
-											v-if="psprops.explain"
-											:class="
-												cs.z('dialog-personnel-top-p2')
-											"
-										>
-											{{ item[psprops.explain] }}
-										</div>
-									</div>
-								</div>
-								<div
-									:class="cs.z('dialog-personnel-checkboxs')"
-								>
-									<Radio
-										v-for="(obj, key) in item[psprops.yhs]"
-										:key="key"
-										:label="obj[psprops.yhid]"
-										@change="
-											(is: boolean) => {
-												onChangeCheckbox(is, obj);
-											}
-										"
-									>
-										{{ obj[psprops.yhmc] }}
-									</Radio>
-								</div>
-							</template>
-						</RadioGroup>
-					</template>
-				</div>
-			</div>
-			<template #suffix>
-				<slot name="suffix"> </slot>
-			</template>
-		</SelectDialog>
-	</div>
-</template>
-<script lang="ts" setup>
-	import {
-		dataProps,
-		dataEmits,
-		dataExpose,
-		roleSelect,
-		type ModelValue,
-		type ObjStrAny,
-	} from './data';
-	import { useCssName, useLocale } from '../../../hooks/index';
-	import Tabs from '../../tabs/index';
-	import TabPane from '../../tab-pane/index';
-	import Input from '../../input/index';
-	import CheckboxGroup from '../../checkbox-group/index';
-	import Checkbox from '../../checkbox/index';
-	import RadioGroup from '../../radio-group/index';
-	import Radio from '../../radio/index';
-	import Tree from '../../tree/index';
-	import SelectDialog from '../../select-dialog/index';
-	import { computed, nextTick, ref, watch } from 'vue';
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	// 样式设置方法
-	const cs = useCssName('user-select');
-	const propss = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const refSelectDialog = ref();
-
-	const refTree = ref();
-
-	const psprops = computed(() => {
-		return Object.assign({}, roleSelect, propss.props);
-	});
-
-	const search = ref('');
-
-	const treeObj = ref<ObjStrAny>({});
-
-	const tabName = ref('1');
-
-	const nodes = ref<{
-		[key: ModelValue]: ObjStrAny;
-	}>({});
-
-	const list = ref<ModelValue[]>([]);
-
-	watch(
-		() => propss.modelValue,
-		() => {
-			if (propss.modelValue) {
-				list.value = [...propss.modelValue];
-			} else {
-				list.value = [];
-			}
-		},
-		{ immediate: true, deep: true },
-	);
-
-	const listData = ref<ObjStrAny[]>([]);
-
-	/**
-	 * 搜索值
-	 */
-	function onInput() {
-		if (psprops.value.lazyLoad) {
-			const prop = psprops.value.value;
-			const val = treeObj.value[prop];
-			psprops.value.lazyLoad(
-				{ search: search.value, type: tabName.value, value: val },
-				(
-					v: ObjStrAny[],
-					node: {
-						[key: ModelValue]: ObjStrAny;
-					},
-				) => {
-					const prop = psprops.value.yhid;
-					const yhs = psprops.value.yhs;
-					if (node) {
-						Object.keys(node).forEach((key: ModelValue) => {
-							nodes.value[key] = node[key];
-						});
-					} else {
-						v.forEach((zs) => {
-							const ss = zs[yhs] || [];
-							ss.forEach((o: any) => {
-								const id = o[prop];
-								nodes.value[id] = o;
-							});
-						});
-					}
-					listData.value = v;
-				},
-			);
-		}
-	}
-
-	function onChangeCheckbox(is: boolean, data: ObjStrAny) {
-		let id = data[psprops.value.yhid];
-		if (!psprops.value.multiple) {
-			list.value = [id];
-		} else {
-			if (is) {
-				list.value.push(id);
-			} else {
-				list.value = list.value.filter((o) => {
-					return o != id;
-				});
-			}
-		}
-	}
-
-	/**
-	 * 获取对应的名称
-	 * @param key
-	 */
-	function getName(key: ModelValue) {
-		const name = psprops.value.yhmc;
-		let obj = nodes.value[key] || {};
-		return obj[name];
-	}
-
-	function getNameExplain(key: ModelValue) {
-		const name = psprops.value.explain;
-		if (name) {
-			let obj = nodes.value[key] || {};
-			return obj[name];
-		}
-	}
-
-	watch(
-		() => propss.options,
-		() => {
-			if (propss.options && propss.options.length > 0) {
-				setCurrentNode();
-			}
-		},
-		{
-			immediate: true,
-		},
-	);
-
-	function setCurrentNode() {
-		nextTick(() => {
-			if (propss.options[0] && refTree.value && refTree.value.refEl) {
-				refTree.value.refEl.setCurrentNode(propss.options[0], true);
-				handleTreeClick(propss.options[0]);
-			}
-		});
-	}
-	function onTabClick() {
-		nextTick(() => {
-			emit('tab-click', tabName.value);
-		});
-	}
-
-	function onDialog(v: boolean) {
-		if (v) {
-			if (propss.modelValue) {
-				list.value = [...propss.modelValue];
-			} else {
-				list.value = [];
-			}
-			search.value = '';
-			tabName.value = '1';
-			listData.value = [];
-			setCurrentNode();
-		}
-	}
-
-	function onDialogffirm(val: ModelValue[]) {
-		emit('update:modelValue', val);
-		emit('change', val);
-	}
-	function handleTreeClick(data: any) {
-		treeObj.value = data;
-		onInput();
-	}
-	/**
-	 * 设置默认显示值
-	 */
-	function setNodesObj(node: { [key: ModelValue]: ObjStrAny } | ObjStrAny[]) {
-		if (node) {
-			if (node instanceof Array) {
-				const prop = psprops.value.yhid;
-				node.forEach((o) => {
-					const id = o[prop];
-					nodes.value[id] = o;
-				});
-			} else {
-				Object.keys(node).forEach((key: ModelValue) => {
-					nodes.value[key] = node[key];
-				});
-			}
-		}
-	}
-	defineExpose({
-		...dataExpose,
-		setNodesObj: setNodesObj,
-		getInputName() {
-			return refSelectDialog.value.inputName;
-		},
-	});
-</script>
-<style lang="scss"></style>

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

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