@ibiz-template/vue3-components 0.7.34 → 0.7.37-alpha.5

package/es/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.d.ts

@@ -0,0 +1,65 @@
+import 'dayjs/locale/zh-cn';
+import './week-range-select.scss';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    curValue: import("vue").Ref<any>;
+    weekRangeRef: import("vue").Ref<any>;
+    isInRange: (cell: IData) => boolean;
+    isInHoverRange: (cell: IData) => boolean;
+    isEnded: (cell: IData) => boolean | undefined;
+    isStarted: (cell: IData) => boolean | undefined;
+    isToday: (cell: IData) => boolean;
+    weekRangeClick: () => void;
+    cellClick: (cell: IData) => void;
+    visibleChange: (tag: boolean) => void;
+    handleChange: () => void;
+    handleClose: () => void;
+    handleOpen: () => void;
+    isHover: (cell: IData) => boolean;
+    isMonday: (cell: IData) => boolean;
+    isSunday: (cell: IData) => boolean;
+    onMouseHover: (cell: IData) => void;
+    onMouseleave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "visibleChange")[], "change" | "visibleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onVisibleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    value: string[];
+}, {}>;
+export default _default;

package/es/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
-import '../../../../../node_modules/.pnpm/dayjs@1.11.12/node_modules/dayjs/locale/zh-cn.mjs';
+import '../../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.mjs';
 import './week-range-select.css';
 
 "use strict";

package/es/editor/date-range-select/date-range-select-picker/components/year-range-select/year-range-select.d.ts

@@ -0,0 +1,52 @@
+import { Ref } from 'vue';
+import './year-range-select.scss';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: {
+            (arrayLength: number): (string | number)[];
+            (...items: (string | number)[]): (string | number)[];
+            new (arrayLength: number): (string | number)[];
+            new (...items: (string | number)[]): (string | number)[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    visible: Ref<boolean>;
+    renderSelect: () => JSX.Element;
+    handleClose: () => void;
+    handleOpen: () => void;
+    visibleChange: (tag: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "visibleChange")[], "change" | "visibleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: {
+            (arrayLength: number): (string | number)[];
+            (...items: (string | number)[]): (string | number)[];
+            new (arrayLength: number): (string | number)[];
+            new (...items: (string | number)[]): (string | number)[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onVisibleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    value: (string | number)[];
+}, {}>;
+export default _default;

package/es/editor/date-range-select/date-range-select-picker/components/year-range-select/year-range-select.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './year-range-select.css';
 

package/es/editor/date-range-select/date-range-select-picker/date-range-select.d.ts

@@ -0,0 +1,64 @@
+import { PropType } from 'vue';
+import { DateRangeSelectEditorController } from '../date-range-select.controller';
+import './date-range-select.scss';
+export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
+    value: {
+        type: PropType<IData>;
+    };
+    controller: import("@ibiz-template/vue3-util").RequiredProp<PropType<DateRangeSelectEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: DateRangeSelectEditorController;
+    renderDateUnit: () => JSX.Element;
+    renderDateRange: () => JSX.Element;
+    onOpen: (_event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<IData>;
+    };
+    controller: import("@ibiz-template/vue3-util").RequiredProp<PropType<DateRangeSelectEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/date-range-select/date-range-select-picker/date-range-select.mjs

@@ -1,5 +1,6 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount } from 'vue';
+import { isVNode, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount, defineComponent } from 'vue';
 import { getDatePickerProps, useNamespace } from '@ibiz-template/vue3-util';
+import dayjs from 'dayjs';
 import quarterRangeSelect from './components/quarter-range-select/quarter-range-select.mjs';
 import yearRangeSelect from './components/year-range-select/year-range-select.mjs';
 import weekRangeSelect from './components/week-range-select/week-range-select.mjs';
@@ -72,14 +73,16 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
       curValue.value = c.initDefaultDate(unitValue.value);
       const {
         start,
-        end
+        end,
+        emitStart,
+        emitEnd
       } = props.controller.computedDateTypesTime(unitValue.value, "DYNAMIC", curValue.value[0], curValue.value[1]);
       handleTimeToText("DYNAMIC", curValue.value, start, end);
       emit("change", {
         unit: unitValue.value,
         type: "DYNAMIC",
-        start,
-        end
+        start: emitStart,
+        end: emitEnd
       });
     };
     const unitChange = () => {
@@ -144,23 +147,30 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
       curValue.value = value;
       const {
         start,
-        end
+        end,
+        emitStart,
+        emitEnd
       } = props.controller.computedDateTypesTime(unitValue.value, type, value[0], value[1]);
       handleTimeToText(type, value, start, end);
       emit("change", {
-        start,
-        end,
+        start: emitStart,
+        end: emitEnd,
         unit: unitValue.value,
         type: timeType.value
       });
     };
     const datePanelVisible = (type, visible) => {
+      var _a;
       if (!visible) {
         popVisible.value[type] = false;
         if (!popVisible.value.STATIC && !popVisible.value.DYNAMIC && !isOverClose.value) {
           popVisible.value.ALL = false;
         } else {
           isOverClose.value = false;
+          if (((_a = props.value) == null ? void 0 : _a.type) && timeType.value !== props.value.type) {
+            popVisible.value.ALL = false;
+            onTimeChange(timeType.value, curValue.value);
+          }
         }
       }
     };
@@ -283,8 +293,21 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
         } = newVal;
         unitValue.value = unit;
         timeType.value = type;
-        curValue.value = c.computedDynamicTimeToDate(unitValue.value, timeType.value, start, end);
-        handleTimeToText(timeType.value, curValue.value, start, end);
+        if (props.controller.emitMode === "TIME") {
+          if (unit === "YEAR") {
+            curValue.value = [new Date(String(start)).getFullYear(), new Date(String(end)).getFullYear()];
+          } else {
+            curValue.value = [dayjs(start).format("YYYY-MM-DD"), dayjs(end).format("YYYY-MM-DD")];
+          }
+          const {
+            start: _start,
+            end: _end
+          } = props.controller.computedDateTypesTime(unitValue.value, type, start, end);
+          handleTimeToText(timeType.value, curValue.value, _start, _end);
+        } else {
+          curValue.value = c.computedDynamicTimeToDate(unitValue.value, timeType.value, start, end);
+          handleTimeToText(timeType.value, curValue.value, start, end);
+        }
       } else {
         initDate();
       }

package/es/editor/date-range-select/date-range-select.controller.d.ts

@@ -0,0 +1,328 @@
+import { EditorController } from '@ibiz-template/runtime';
+export declare class DateRangeSelectEditorController extends EditorController {
+    /**
+     * 是否显示时间单位选择
+     *
+     * @type {Boolean}
+     * @memberof DateRangeSelectEditorController
+     */
+    switchUnit: boolean;
+    /**
+     * 默认时间单位
+     *
+     * @type {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')}
+     * @memberof DateRangeSelectEditorController
+     */
+    defaultUnit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR';
+    /**
+     * 抛出模式
+     * TIME模式则是抛出时间字符串 年-月-日 时:分:秒
+     * @type {('DEFAULT' | 'TIME')}
+     * @memberof DateRangeSelectEditorController
+     */
+    emitMode: 'DEFAULT' | 'TIME';
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DateRangeSelectEditorController
+     */
+    init(): Promise<void>;
+    /**
+     * 初始化默认时间
+     *
+     * @param {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')} unit
+     * @memberof DateRangeSelectEditorController
+     */
+    initDefaultDate: (unit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR') => Array<string | number> | undefined;
+    /**
+     * 计算动态时间间隔转具体时间
+     *
+     * @param {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')} dateUnit
+     * @param {string} _start
+     * @param {string} _end
+     * @memberof DateRangeSelectEditorController
+     */
+    computedDynamicTimeToDate(dateUnit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR', dateType: 'DYNAMIC' | 'STATIC', _start: number, _end: number): Array<string | number>;
+    /**
+     * 时间间隔转季度
+     *
+     * @private
+     * @param {Date} current
+     * @param {number} timespan
+     * @memberof DateRangeSelectEditorController
+     */
+    private timeSpanConvertToQuarter;
+    /**
+     * 时间转年周
+     *
+     * @private
+     * @param {Date} current
+     * @param {number} timespan
+     * @memberof DateRangeSelectEditorController
+     */
+    private timeSpanConvertToWeek;
+    /**
+     * 时间间隔转月份
+     *
+     * @private
+     * @param {Date} current
+     * @param {number} timespan
+     * @memberof DateRangeSelectEditorController
+     */
+    private timeSpanConvertToMonth;
+    /**
+     *计算在各个时间类型下的开始结束时间
+     *
+     * @param {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')} dateUnit
+     * @param {('DYNAMIC' | 'STATIC')} dateType
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number; }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedDateTypesTime(dateUnit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR', dateType: 'DYNAMIC' | 'STATIC', _start: string, _end: string): {
+        start: number;
+        end: number;
+        emitStart: number | string;
+        emitEnd: number | string;
+    };
+    /**
+     * 计算完整时间格式
+     *
+     * @private
+     * @param {(string|number)} date
+     * @memberof DateRangeSelectEditorController
+     */
+    private computedFullDateFormat;
+    /**
+     * 计算动态类型时间
+     *
+     * @param {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')} dateUnit
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedDynamicTime(dateUnit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR', _start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算天的前后间隔
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedDaysSpace(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算周的前后间隔
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedWeeksSpace(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 获取指定时间所在周星期一的时间
+     *
+     * @param {Date} date
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    getDateWeekMonday(date: Date): Date;
+    /**
+     * 计算指定时间在年度内的周数
+     *
+     * @param {(Date | string)} endDate
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    getYearWeek(endDate: Date): number;
+    /**
+     * 计算月的前后间隔
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedMonthsSpace(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     *计算季度的前后间隔
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedQuartersSpace(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     *计算年的前后间隔
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedYearsSpace(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算静态类型时间
+     *
+     * @param {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')} dateUnit
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedStaticTime(dateUnit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR', _start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算 天 的时间范围,返回开始和结束时间的秒数
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{
+     *     start: number;
+     *     end: number;
+     *   }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedDaysTime(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算 周 的时间范围,返回开始和结束时间的秒数
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedWeeksTime(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算 月 的时间范围,返回开始和结束时间的秒数
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedMonthsTime(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算 季度 的时间范围,返回开始和结束时间的秒数
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedQuartersTime(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 计算 年 的时间范围,返回开始和结束时间的秒数
+     *
+     * @param {string} _start
+     * @param {string} _end
+     * @return {*}  {{ start: number; end: number }}
+     * @memberof DateRangeSelectEditorController
+     */
+    computedYearsTime(_start: string, _end: string): {
+        start: number;
+        end: number;
+    };
+    /**
+     * 处理时间转文本
+     *
+     * @param {('DYNAMIC' | 'STATIC')} type
+     * @param {('DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR')} unit
+     * @param {string[]} value
+     * @param {number} start
+     * @param {number} end
+     * @memberof DateRangeSelectEditorController
+     */
+    handleTimeToText: (type: 'DYNAMIC' | 'STATIC', unit: 'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR', value: string[], start: number, end: number) => string;
+    /**
+     * 计算天的显示文本
+     *
+     * @private
+     * @param {number} start
+     * @param {number} end
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    private computedTextOfDay;
+    /**
+     * 计算周的文本
+     *
+     * @private
+     * @param {number} start
+     * @param {number} end
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    private computedTextOfWeek;
+    /**
+     *  计算月的文本
+     *
+     * @private
+     * @param {number} start
+     * @param {number} end
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    private computedTextOfMonth;
+    /**
+     *  计算季度的文本
+     *
+     * @private
+     * @param {number} start
+     * @param {number} end
+     * @param {number} tempStartYear
+     * @param {number} tempEndYear
+     * @param {number} tempStartMonth
+     * @param {number} tempEndMonth
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    private computedTextOfQuarter;
+    /**
+     *  计算年的文本
+     *
+     * @private
+     * @param {number} start
+     * @param {number} end
+     * @return {*}
+     * @memberof DateRangeSelectEditorController
+     */
+    private computedTextOfYear;
+}