@fangzhongya/fang-ui 0.0.21 → 0.0.23

package/dist/components/cs-props/src/data.ts

@@ -1,81 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({
-	/**
-	 * @props { String } string= ( )
-	 * 字符串
-	 */
-	string: {
-		type: String,
-		default: '123',
-	},
-	/**
-	 * @props { Number } number= ( )
-	 * 数字
-	 */
-	number: {
-		type: Number,
-		default: 1,
-	},
-	/**
-	 * @props { Boolean } boolean= ( )
-	 * 是否
-	 */
-	boolean: {
-		type: Boolean,
-	},
-	/**
-	 * @props { Array } array= ( )
-	 * 数组
-	 */
-	array: {
-		type: Array,
-	},
-	/**
-	 * @props { Object } object= ( )
-	 * 对象
-	 */
-	object: {
-		type: Object,
-	},
-	/**
-	 * @props { Function } funct= ( )
-	 * 方法
-	 */
-	funct: {
-		type: Function,
-	},
-	/**
-	 * @props { * } any= ( )
-	 * 所有类型
-	 */
-	any: {
-		type: null,
-	},
-	/**
-	 * @props { } all= ( )
-	 * 所有类型
-	 */
-	all: {
-		type: null,
-	},
-	/**
-	 * @props { String, Number, Array<String> } many= ( )
-	 * 多类型
-	 */
-	many: {
-		type: [String, Number, Array],
-	},
-
-	/**
-	 * @props { Object  } configs= ( )
-	 * 时间
-	 */
-	date: {
-		type: Object,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/cs-props/src/index.vue

@@ -1,19 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<div :class="cs.z('string')">string: {{ props.string }}</div>
-		<div :class="cs.z('number')">number: {{ props.number }}</div>
-		<div :class="cs.z('boolean')">boolean: {{ props.boolean }}</div>
-		<div :class="cs.z('array')">array: {{ props.array }}</div>
-		<div :class="cs.z('object')">object: {{ props.object }}</div>
-		<div :class="cs.z('function')">function: {{ props.funct }}</div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { getBuildProps } from '../../../utils/vues/getBuildProps';
-	const cs = useCssName('cs-props');
-	const ps = defineProps(dataProps);
-	const props = getBuildProps(ps);
-</script>
-<style lang="scss"></style>

package/dist/components/cs-slot/index.ts

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

package/dist/components/cs-slot/src/data.ts

@@ -1,25 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- * @slot top (param:<Object> 对象)
- * 头部插入
- */
-/**
- * @slot default ( )
- * 默认插入
- */
-/**
- * @slot bottom ( value :<string> 值, param:<Object> 对象)
- * 尾部插入
- */
-
-export const dataSlot = {
-	bottom: 'bottom',
-	top: 'top',
-};

package/dist/components/cs-slot/src/index.vue

@@ -1,27 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<div :class="cs.z('top')">
-			头部
-			<slot :param="param" :name="dataSlot.top">1</slot>
-		</div>
-		<div>
-			默认
-			<slot>2</slot>
-		</div>
-
-		<div :class="cs.z('bottom')">
-			尾部
-			<slot :value="value" :param="param" :name="dataSlot.bottom">3</slot>
-		</div>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { ref } from 'vue';
-	import { dataProps, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	const cs = useCssName('cs-slot');
-	const props = defineProps(dataProps);
-	const value = 'cs';
-	const param = ref({});
-</script>
-<style lang="scss"></style>

package/dist/components/cs-title/index.ts

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

package/dist/components/cs-title/src/data.ts

@@ -1,21 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h1} 测试标签
- * @author 方忠亚
- * @date 2023年1月30日19点39分
- * @text 1测试标签对象 
- * @text {div} 2测试标签对象 div
- * @text {span} 3测试标签对象 span
- * @title {i} 4测试标签对象 i
- * @text 一旦你的代码是<div>已注释的，你可以是用 JSDoc 3的工具从源文件中生成一个 HTML 网站。
-默认情况下，JSDoc 使用内置的“默认”模板将文档转换为 HTML。您可以根据自己的需要编辑此模板，或者创建一个全新的模板（如果您喜欢的话）。
-在命令行上运行文档生成器：
- * @title 测试结束
- */
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/cs-title/src/index.vue

@@ -1,11 +0,0 @@
-<template>
-	<div class="com" :class="cs.z()">
-		<slot></slot>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	const cs = useCssName('cs-title');
-	const props = defineProps(dataProps);
-</script>

package/dist/components/date/index.ts

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

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

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

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

@@ -1,18 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<slot :name="dataSlot.default"></slot>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	// 样式设置方法
-	const cs = useCssName('date');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/date-picker/index.ts

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

package/dist/components/date-picker/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} DatePicker 日期选择器 日期时间选择器
- * @text 目前完全继承 element-plus 中 el-date-picker
- */
-
-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/date-picker/src/index.vue

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

package/dist/components/dates/index.ts

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

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

@@ -1,32 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-import { props, emits, comHandle } from '../../common/list';
-export const dataProps = {
-	...props,
-	/**
-	 * @props {String, Number, Date, Array} modelValue/v-model 时间数据
-	 */
-	modelValue: {
-		type: [String, Number, Date, Array],
-	},
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-export const dataHandle = comHandle;
-
-export const dataEmits = [...emits];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

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

@@ -1,29 +0,0 @@
-<template>
-	<div ref="refEl" :class="[cs.z()]" v-bind="attrs.root">
-		<ElDatePicker
-			:class="[cs.z('date')]"
-			v-bind="attrs.assem"
-			v-model="value"
-		>
-		</ElDatePicker>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataHandle, dataExpose } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { useAttrs, ref } from 'vue';
-	import { ElDatePicker } from 'element-plus';
-	const attrs = useInherit(useAttrs());
-	const refEl = ref();
-	// 样式设置方法
-	const cs = useCssName('dates');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const { value } = dataHandle(props, emit);
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		el: refEl,
-		...dataExpose,
-	});
-</script>

package/dist/components/dates-divide/index.ts

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

package/dist/components/dates-divide/src/data.ts

@@ -1,44 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { props } from '../../dates-picker/src/data';
-
-export const dataProps = {
-	...props,
-	/**
-	 * @props {String, Number, Date, Array} modelValue/v-model 时间数据
-	 */
-	modelValue: {
-		type: Array<string | number | Date>,
-		default() {
-			return [];
-		},
-	},
-
-	rangeSeparator: { type: String, default: '至' },
-	startPlaceholder: { type: String, default: '开始' },
-	endPlaceholder: { type: String, default: '结束' },
-};
-
-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',
-	prefix: 'prefix',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/dates-divide/src/index.vue

@@ -1,95 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<slot :name="dataSlot.prefix"></slot>
-		<DatesPicker
-			:disabled-date="disabledDateStart"
-			:type="props.type"
-			:format="props.format"
-			:placeholder="props.startPlaceholder"
-			:repair="0"
-			v-model="start"
-		>
-		</DatesPicker>
-		<span :class="cs.z('range')">{{ props.rangeSeparator }}</span>
-		<DatesPicker
-			:disabled-date="disabledDateEnd"
-			:placeholder="props.endPlaceholder"
-			:type="props.type"
-			:format="props.format"
-			:repair="2"
-			v-model="end"
-		></DatesPicker>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import DatesPicker from '../../dates-picker/index';
-	import { computed } from 'vue';
-	// 获取国际化字段
-	// 样式设置方法
-	const cs = useCssName('dates-divide');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	type Data = string | number | Date;
-
-	const start = computed<Data>({
-		set(value) {
-			const v = [value, end.value];
-			emit('update:modelValue', v);
-		},
-		get() {
-			const v = props.modelValue || [];
-			return v[0] || '';
-		},
-	});
-
-	const end = computed<Data>({
-		set(value) {
-			const v = [start.value, value];
-			emit('update:modelValue', v);
-		},
-		get() {
-			const v = props.modelValue || [];
-			return v[1] || '';
-		},
-	});
-
-	const e = computed(() => {
-		return new Date(end.value).valueOf();
-	});
-	const s = computed(() => {
-		return new Date(start.value).valueOf();
-	});
-
-	function disabledDateStart(time: Date) {
-		if (end.value) {
-			return time.getTime() > e.value;
-		} else {
-			return false;
-		}
-	}
-
-	function disabledDateEnd(time: Date) {
-		if (start.value) {
-			return time.getTime() < s.value;
-		} else {
-			return false;
-		}
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped>
-	$dates-divides: 'dates-divide';
-	.#{$dates-divides} {
-		display: inline-flex;
-		align-items: center;
-		.#{$dates-divides}-range {
-			padding: 0 10px;
-		}
-	}
-</style>

package/dist/components/dates-picker/index.ts

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

package/dist/components/dates-picker/src/data.ts

@@ -1,55 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-import { type DataType } from './util';
-
-export const props = {
-	format: {
-		type: String,
-	},
-	type: {
-		type: String as () => DataType,
-	},
-	isEnd: {
-		type: Boolean,
-	},
-	/**
-	 * @props { Number } repair 是否格式化时间
-	 * 2 结束格式
-	 * 1 不需要尾巴
-	 */
-	repair: {
-		type: [Number, Boolean],
-	},
-	/**
-	 * @props {String, Number, Date, Array} modelValue/v-model 时间数据
-	 */
-	modelValue: {
-		type: [String, Number, Date],
-	},
-};
-
-export const dataProps = props;
-
-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',
-	prefix: 'prefix',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};

package/dist/components/dates-picker/src/index.vue

@@ -1,63 +0,0 @@
-<template>
-	<div :class="[cs.z()]" v-bind="attrs.root">
-		<slot :name="dataSlot.prefix"></slot>
-		<ElDatePicker
-			v-bind="attrs.assem"
-			:type="types.type"
-			:format="props.format || types.format"
-			v-model="value"
-		>
-			<template
-				v-for="(k, index) in Object.keys(slots)"
-				#[k]="scope"
-				:key="k"
-			>
-				<slot :name="k" v-bind="scope"></slot>
-			</template>
-		</ElDatePicker>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useInherit } from '../../../hooks/inherit';
-	import { useSlots, computed, useAttrs } from 'vue';
-	import { format, getType } from './util';
-	import { ElDatePicker } from 'element-plus';
-	import type { Slots } from 'vue';
-	const attrs = useInherit(useAttrs());
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('dates-picker');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-
-	const types = computed(() => {
-		return getType(props.type);
-	});
-
-	const value = computed({
-		get() {
-			let v = props.modelValue;
-			return v;
-		},
-		set(value) {
-			emit('update:modelValue', getValue(value));
-		},
-	});
-
-	function getValue(value: any) {
-		if (attrs.assem['value-format']) {
-			return value;
-		} else {
-			return format(value, types.value.repair, props.repair);
-		}
-	}
-	defineOptions({ inheritAttrs: false });
-	defineExpose({
-		...dataExpose,
-		getValue,
-	});
-</script>
-
-<style lang="scss" scoped></style>