@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/dates-divide/src/index2.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../dates-picker/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index.useCssName("dates-divide");
     const props = __props;
     const emit = __emit;
-    const start = require$$0.computed({
+    const start = vue.computed({
       set(value) {
         const v = [value, end.value];
         emit("update:modelValue", v);
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         return v[0] || "";
       }
     });
-    const end = require$$0.computed({
+    const end = vue.computed({
       set(value) {
         const v = [start.value, value];
         emit("update:modelValue", v);
@@ -32,10 +32,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         return v[1] || "";
       }
     });
-    const e = require$$0.computed(() => {
+    const e = vue.computed(() => {
       return new Date(end.value).valueOf();
     });
-    const s = require$$0.computed(() => {
+    const s = vue.computed(() => {
       return new Date(start.value).valueOf();
     });
     function disabledDateStart(time) {
@@ -56,11 +56,11 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).prefix, {}, void 0, true),
-        require$$0.createVNode(require$$0.unref(index$1.DatesPicker), {
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix, {}, void 0, true),
+        vue.createVNode(vue.unref(index$1.DatesPicker), {
           "disabled-date": disabledDateStart,
           type: props.type,
           format: props.format,
@@ -69,10 +69,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
           modelValue: start.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event)
         }, null, 8, ["type", "format", "placeholder", "modelValue"]),
-        require$$0.createElementVNode("span", {
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("range"))
-        }, require$$0.toDisplayString(props.rangeSeparator), 3),
-        require$$0.createVNode(require$$0.unref(index$1.DatesPicker), {
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(vue.unref(cs).z("range"))
+        }, vue.toDisplayString(props.rangeSeparator), 3),
+        vue.createVNode(vue.unref(index$1.DatesPicker), {
           "disabled-date": disabledDateEnd,
           placeholder: props.endPlaceholder,
           type: props.type,

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

@@ -1,10 +1,12 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { DataType } from './src/util';
 declare const DatesPicker: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         format: {
             type: StringConstructor;
         };
         type: {
-            type: () => import('./src/util').DataType;
+            type: () => DataType;
         };
         isEnd: {
             type: BooleanConstructor;
@@ -17,21 +19,21 @@ declare const DatesPicker: {
         };
     }>> & Readonly<{}>, {
         getValue: (value: any) => any;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         isEnd: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         format: {
             type: StringConstructor;
         };
         type: {
-            type: () => import('./src/util').DataType;
+            type: () => DataType;
         };
         isEnd: {
             type: BooleanConstructor;
@@ -50,12 +52,12 @@ declare const DatesPicker: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     format: {
         type: StringConstructor;
     };
     type: {
-        type: () => import('./src/util').DataType;
+        type: () => DataType;
     };
     isEnd: {
         type: BooleanConstructor;
@@ -68,9 +70,9 @@ declare const DatesPicker: {
     };
 }>> & Readonly<{}>, {
     getValue: (value: any) => any;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     isEnd: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: any) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { DatesPicker, DatesPicker as default };

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,55 @@
+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.cjs

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const util = require("./util.cjs");
 const elementPlus = require("element-plus");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(require$$0.useAttrs());
-    const slots = require$$0.useSlots();
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
     const cs = index$1.useCssName("dates-picker");
     const props = __props;
     const emit = __emit;
-    const types = require$$0.computed(() => {
+    const types = vue.computed(() => {
       return util.getType(props.type);
     });
-    const value = require$$0.computed({
+    const value = vue.computed({
       get() {
         let v = props.modelValue;
         return v;
@@ -41,21 +41,21 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       getValue
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
-        class: [require$$0.unref(cs).z()]
-      }, require$$0.unref(attrs).root), [
-        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).prefix),
-        require$$0.createVNode(require$$0.unref(elementPlus.ElDatePicker), require$$0.mergeProps(require$$0.unref(attrs).assem, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root), [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
+        vue.createVNode(vue.unref(elementPlus.ElDatePicker), vue.mergeProps(vue.unref(attrs).assem, {
           type: types.value.type,
           format: props.format || types.value.format,
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, index2) => {
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
             return {
               name: k,
-              fn: require$$0.withCtx((scope) => [
-                require$$0.renderSlot(_ctx.$slots, k, require$$0.normalizeProps(require$$0.guardReactiveProps(scope)))
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
               ])
             };
           })

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

@@ -1,3 +1,5 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DataType } from './util';
 declare function getValue(value: any): any;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -6,12 +8,12 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     format: {
         type: StringConstructor;
     };
     type: {
-        type: () => import('./util').DataType;
+        type: () => DataType;
     };
     isEnd: {
         type: BooleanConstructor;
@@ -24,12 +26,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>, {
     getValue: typeof getValue;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     format: {
         type: StringConstructor;
     };
     type: {
-        type: () => import('./util').DataType;
+        type: () => DataType;
     };
     isEnd: {
         type: BooleanConstructor;
@@ -42,7 +44,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{}>, {
     isEnd: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,63 @@
+<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>

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

@@ -0,0 +1,269 @@
+type DateType =
+	| 'year'
+	| 'month'
+	| 'date'
+	| 'dates'
+	| 'datetime'
+	| 'week'
+	| 'datetimerange'
+	| 'daterange'
+	| 'monthrange';
+
+type TypeMap = {
+	type: DateType;
+	format?: string;
+	repair: number;
+};
+
+const typeMap: {
+	[key: string]: TypeMap;
+} = {
+	//年
+	year: {
+		type: 'year',
+		format: 'YYYY',
+		repair: 5,
+	},
+	//月
+	month: {
+		type: 'month',
+		format: 'YYYY-MM',
+		repair: 4,
+	},
+	//日
+	day: {
+		type: 'date',
+		format: 'YYYY-MM-DD',
+		repair: 3,
+	},
+	date: {
+		type: 'date',
+		format: 'YYYY-MM-DD',
+		repair: 3,
+	},
+	//秒
+	second: {
+		type: 'datetime',
+		format: 'YYYY-MM-DD HH:mm:ss',
+		repair: 0,
+	},
+	datetime: {
+		type: 'datetime',
+		format: 'YYYY-MM-DD HH:mm:ss',
+		repair: 0,
+	},
+	//时
+	hour: {
+		type: 'datetime',
+		format: 'YYYY-MM-DD HH',
+		repair: 2,
+	},
+	//分
+	minute: {
+		type: 'datetime',
+		format: 'YYYY-MM-DD HH:mm',
+		repair: 1,
+	},
+};
+
+export type DataType = keyof typeof typeMap;
+
+export function getType(type: DataType = 'date') {
+	return typeMap[type] || { type: 'date', format: 'YYYY-MM-DD', repair: 3 };
+}
+
+function getLastDayOfMonth(now: Date) {
+	const nextMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1); // 下个月的第一天
+	const lastDayOfMonth = new Date(nextMonth.getTime() - 1); // 减去1天得到当前月的最后一天
+	return lastDayOfMonth;
+}
+const arr = [
+	'星期日',
+	'星期一',
+	'星期二',
+	'星期三',
+	'星期四',
+	'星期五',
+	'星期六',
+];
+
+type FormatObject = {
+	[key: string]: number; // 添加索引签名
+};
+
+function formatDate(date: Date, fmt: string) {
+	if (!date) {
+		return '';
+	} else if (typeof date == 'string') {
+		let d = new Date(date);
+		date = d;
+	}
+	let o: FormatObject = {
+		'M+': date.getMonth() + 1, //月份
+		'd+': date.getDate(), //日
+		'H+': date.getHours(), //小时
+		'm+': date.getMinutes(), //分
+		's+': date.getSeconds(), //秒
+		'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+		S: date.getMilliseconds(), //毫秒
+	};
+	let xq = date.getDay(); //星期
+	if (/(y+)/.test(fmt))
+		fmt = fmt.replace(
+			RegExp.$1,
+			(date.getFullYear() + '').substring(4 - RegExp.$1.length),
+		);
+	for (var k in o) {
+		if (new RegExp('(' + k + ')').test(fmt)) {
+			const val = o[k];
+			fmt = fmt.replace(
+				RegExp.$1,
+				RegExp.$1.length == 1
+					? val.toString()
+					: ('00' + val).substring(val.toString().length),
+			);
+		}
+	}
+	if (fmt.includes('XXX')) {
+		fmt = fmt.replace('XXX', arr[xq]);
+	}
+	return fmt;
+}
+function getRepairEnd(v: any, type: number) {
+	if (v) {
+		let format = 'YYYY-MM-DD HH:mm:ss';
+		let d = getDate(v);
+		switch (type) {
+			case 1: {
+				format = 'YYYY-MM-DD HH:mm:59';
+				break;
+			}
+			case 2: {
+				format = 'YYYY-MM-DD HH:59:59';
+				break;
+			}
+			case 3: {
+				format = 'YYYY-MM-DD 23:59:59';
+				break;
+			}
+			case 4: {
+				d = getLastDayOfMonth(d);
+				format = 'YYYY-MM-DD 23:59:59';
+				break;
+			}
+			case 5: {
+				format = 'YYYY-12-31 23:59:59';
+				break;
+			}
+			default: {
+				format = 'YYYY-MM-DD HH:mm:ss';
+				break;
+			}
+		}
+		return formatDate(d, format);
+	} else {
+		return '';
+	}
+}
+function getRepairStart(v: any, type: number) {
+	if (v) {
+		let format = 'YYYY-MM-DD HH:mm:ss';
+		switch (type) {
+			case 1: {
+				format = 'YYYY-MM-DD HH:mm:00';
+				break;
+			}
+			case 2: {
+				format = 'YYYY-MM-DD HH:00:00';
+				break;
+			}
+			case 3: {
+				format = 'YYYY-MM-DD 00:00:00';
+				break;
+			}
+			case 4: {
+				format = 'YYYY-MM-01 00:00:00';
+				break;
+			}
+			case 5: {
+				format = 'YYYY-01-01 00:00:00';
+				break;
+			}
+		}
+		return formatDate(getDate(v), format);
+	} else {
+		return '';
+	}
+}
+
+function getDate(d: Date | number | string) {
+	if (typeof d === 'object') {
+		return d;
+	} else {
+		return new Date();
+	}
+}
+
+function getRepair(v: any, type: number) {
+	if (v) {
+		let format = 'YYYY-MM-DD HH:mm:ss';
+		switch (type) {
+			case 1: {
+				format = 'YYYY-MM-DD HH:mm';
+				break;
+			}
+			case 2: {
+				format = 'YYYY-MM-DD HH';
+				break;
+			}
+			case 3: {
+				format = 'YYYY-MM-DD';
+				break;
+			}
+			case 4: {
+				format = 'YYYY-MM';
+				break;
+			}
+			case 5: {
+				format = 'YYYY';
+				break;
+			}
+		}
+		return formatDate(getDate(v), format);
+	} else {
+		return '';
+	}
+}
+
+export function format(v: any, type: number, is?: number | boolean) {
+	if (is) {
+		if (is === 2) {
+			return getRepairEnd(v, type);
+		} else if (is === 3) {
+			return v;
+		} else {
+			return getRepair(v, type);
+		}
+	} else {
+		return getRepairStart(v, type);
+	}
+}
+
+export function formatType(
+	v: any,
+	type: DataType = 'date',
+	is?: number | boolean,
+) {
+	type = getType(type).repair;
+	if (is) {
+		if (is === 2) {
+			return getRepairEnd(v, type);
+		} else if (is === 3) {
+			return v;
+		} else {
+			return getRepair(v, type);
+		}
+	} else {
+		return getRepairStart(v, type);
+	}
+}