@blueking/date-picker 2.0.0-beta.8 → 3.0.0-beta.1

package/typings/lang/lang.d.ts

@@ -1,13 +1,17 @@
 export declare const naturalDateLangData: {
+    readonly 'N \u5929\u524D': "N days ago";
     readonly 上周: "Last week";
     readonly 上月: "Last month";
     readonly 今天: "Today";
     readonly 今年: "This year";
+    readonly 具体时间: "Specific time";
     readonly '\u524D N \u5468': "Previous N weeks";
     readonly '\u524D N \u5929': "Previous N days";
     readonly 前天: "The day before yesterday";
     readonly 前年: "The year before last";
     readonly 去年: "Last year";
+    readonly 基于: "Based on";
+    readonly 天前: "days ago";
     readonly 昨天: "Yesterday";
     readonly 本周: "This week";
     readonly 本月: "This month";
@@ -57,6 +61,7 @@ export declare const langData: {
     readonly 格式: "Format";
     readonly 此刻: "now";
     readonly 浏览器时区: "Browser timezone";
+    readonly 的最近: "Last";
     readonly 确定: "Confirm";
     readonly 示例: "Example";
     readonly 结束时间: "End Time";
@@ -64,14 +69,19 @@ export declare const langData: {
     readonly 至今: "so far";
     readonly 请输入: "Please enter";
     readonly '\u8BF7\u8F93\u5165\u641C\u7D22\uFF08\u56FD\u5BB6\uFF0C\u57CE\u5E02\uFF0C\u7B80\u79F0\uFF09': "Please enter search (country, city, abbreviation)";
+    readonly 超出可选范围: "Out of range";
     readonly 近: "Last";
     readonly '\uFF08\u81F3\u4ECA\uFF09': " so far";
+    readonly '\uFF0C\u65E0\u6CD5\u9009\u62E9': ", cannot be selected";
+    readonly 时间范围不能小于: "Time range cannot be less than";
+    readonly 时间范围不能大于: "Time range cannot be greater than";
+    readonly 时间格式转换: "Time format conversion";
 };
-export type NaturalDateKey = keyof typeof naturalDateLangData;
-export type TimeUnitDateKey = keyof typeof timeUnitLangData;
-export type ShortTimeUnitDateKey = keyof typeof shortTimeUnitLangData;
 export type LangKey = keyof typeof langData;
 export type LangValue = (typeof langData)[LangKey];
-export declare const langValueMap: Record<LangValue, "前" | "取消" | "将来" | "常用时间" | "开始时间" | "开始时间不能大于结束时间" | "支持多种时间格式自动转换" | "整" | "无匹配数据" | "日期选择" | "时区设置" | "时差：早 $n 小时" | "时差：晚 $n 小时" | "时间格式支持" | "是否清空最近使用？" | "暂无常用时间" | "暂无最近使用记录" | "最近" | "最近使用" | "未来" | "查看支持格式" | "格式" | "此刻" | "浏览器时区" | "确定" | "示例" | "结束时间" | "自然日期" | "至今" | "请输入" | "请输入搜索（国家，城市，简称）" | "近" | "（至今）">;
+export type NaturalDateKey = keyof typeof naturalDateLangData;
+export type ShortTimeUnitDateKey = keyof typeof shortTimeUnitLangData;
+export type TimeUnitDateKey = keyof typeof timeUnitLangData;
+export declare const langValueMap: Record<LangValue, "前" | "取消" | "将来" | "常用时间" | "开始时间" | "开始时间不能大于结束时间" | "支持多种时间格式自动转换" | "整" | "无匹配数据" | "日期选择" | "时区设置" | "时差：早 $n 小时" | "时差：晚 $n 小时" | "时间格式支持" | "是否清空最近使用？" | "暂无常用时间" | "暂无最近使用记录" | "最近" | "最近使用" | "未来" | "查看支持格式" | "格式" | "此刻" | "浏览器时区" | "的最近" | "确定" | "示例" | "结束时间" | "自然日期" | "至今" | "请输入" | "请输入搜索（国家，城市，简称）" | "超出可选范围" | "近" | "（至今）" | "，无法选择" | "时间范围不能小于" | "时间范围不能大于" | "时间格式转换">;
 export declare const lang: string;
 export declare const t: (key: LangKey | NaturalDateKey | ShortTimeUnitDateKey | TimeUnitDateKey) => string;

package/typings/utils/constant.d.ts

@@ -1,4 +1,4 @@
-import { DateMode, DateValue } from './index';
+import { type DateValue, DateMode } from './types';
 export declare const DateUnitList: readonly [{
     readonly id: "s";
     readonly name: string;
@@ -22,11 +22,12 @@ export declare const DateUnitList: readonly [{
     readonly name: string;
 }];
 export type DateUnit = (typeof DateUnitList)[number]['id'];
-export declare const dateUnit: "M" | "d" | "h" | "m" | "s" | "w" | "y";
+export declare const dateUnit: DateUnit;
 export declare enum NaturalOptionType {
-    custom = "custom",
-    default = "default",
-    edit = "edit"
+    custom = "custom",// 自定义
+    default = "default",// 默认
+    edit = "edit",// 可编辑
+    specific = "specific"
 }
 export declare const CommonNaturalOptions: ({
     id: string;
@@ -82,3 +83,5 @@ export declare const commonDateList: DateValue[];
 export declare const NowConstant = "now";
 export declare const DATE_REGEX_PARSE: RegExp;
 export declare const DATE_REGEX_FORMAT: RegExp;
+export declare const DEFAULT_TIMEZONE = "Asia/Shanghai";
+export declare const MAX_NUMBER_VALUE = 10000;

package/typings/utils/cookie.d.ts

@@ -1 +1,5 @@
+/**
+ * @desc 获取cookie
+ * @param {String} name
+ */
 export declare const getCookieByName: (name: string) => string;

package/typings/utils/date.d.ts

@@ -1,22 +1,48 @@
-import dayjs, { Dayjs } from 'dayjs';
-import { DateUnit } from './constant';
-import { DateMode, DateValue } from './types';
+import dayjs, { type Dayjs, type OpUnitType } from 'dayjs';
+import { type DateUnit } from './constant';
+import { type DateValue, DateMode } from './types';
+export declare const baselineDateRegexp: RegExp;
 export declare const commonDateRegexp: RegExp;
 export declare const recentDateRegexp: RegExp;
 export declare const futureDateRegexp: RegExp;
 export declare const naturalDateRegexp: RegExp;
+/**
+ * @description 不同日期范围统一在这里实例化处理
+ * 1、最近时间 now-1d now-12h
+ * 2、未来时间 now+1d now+12h
+ * 3、普通日期格式 2024-01-02 12:00:00
+ * 4、自然时间 now/d now-1d/d 昨天 前天
+ * 5、dayjs 实例
+ * 6、其他时间戳
+ */
 export declare class DateRange {
     dateValue: DateValue;
     format: string;
-    timezome: string;
+    timezone: string;
+    endBaselineNum: number | undefined;
+    endBaselineTime: string | undefined;
+    endBaselineUnit: DateUnit | undefined;
     endDate: Dayjs | null;
     endNum: number | undefined;
     endUnit: DateUnit | undefined;
+    startBaselineNum: number | undefined;
+    startBaselineTime: string | undefined;
+    startBaselineUnit: DateUnit | undefined;
     startDate: Dayjs | null;
     startNum: number | undefined;
     startUnit: DateUnit | undefined;
-    constructor(dateValue?: DateValue, format?: string, timezome?: string);
-    dateDuration(): number | undefined;
+    userDisplayName: string | undefined;
+    constructor(dateValue?: DateValue, format?: string, timezone?: string);
+    get dateMode(): DateMode;
+    get endDisplayText(): string;
+    get isValidate(): boolean | undefined;
+    get recentOrFutureDateNum(): number | undefined;
+    get recentOrFutureDateUnit(): "M" | "d" | "h" | "m" | "s" | "w" | "y" | undefined;
+    get startDisplayText(): string;
+    dateDuration(unit?: dayjs.QUnitType | OpUnitType): number | undefined;
+    isInValidDateRange(date: DateRange): boolean;
+    isInValidDuration(minDuration?: number, maxDuration?: number): boolean;
+    setUserDisplayName(v: string): void;
     toDisplayString(): string;
     toEmitValue(): [
         DateValue,
@@ -26,14 +52,11 @@ export declare class DateRange {
         }[]
     ];
     transformValue2Dayjs(val: DateValue[number], type?: 'end' | 'start'): dayjs.Dayjs;
-    updateDateValue(dateValue: DateValue, timezome?: string): void;
+    updateDateValue(dateValue: DateValue, timezone?: string): void;
     updateFormat(format: string): void;
-    get dateMode(): DateMode;
-    get endDisplayText(): string;
-    get isValidate(): boolean | undefined;
-    get recentOrFuturedateNum(): number | undefined;
-    get recentOrFuturedateUnit(): "M" | "d" | "h" | "m" | "s" | "w" | "y" | undefined;
-    get startDisplayText(): string;
 }
-export declare const transformValue2Dayjs: (val: DateValue[number], type?: 'end' | 'start', timezome?: string) => dayjs.Dayjs | undefined;
-export declare const transformDateRange2Dayjs: (dateValue: DateValue, timezome?: string) => (dayjs.Dayjs | undefined)[];
+export declare const transformValue2Dayjs: (val: DateValue[number], type?: "end" | "start", timezone?: string) => dayjs.Dayjs | undefined;
+export declare const transformDateRange2Dayjs: (dateValue: DateValue, timezone?: string) => (dayjs.Dayjs | undefined)[];
+export declare const inputVal2Dayjs: (val: string, format: string, defaultDate?: Dayjs) => dayjs.Dayjs;
+export declare function getTimezoneOffset(timezone: string): number;
+export declare const isValidTimeZone: (timeZone: string) => boolean;

package/typings/utils/duration.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 格式化时间范围
+ * @param duration 毫秒
+ */
+export declare const formatDuration: (milliseconds: number) => string;

package/typings/utils/index.d.ts

@@ -1,5 +1,6 @@
-export * from './types';
 export * from './constant';
-export * from './utils';
-export * from './timezone';
 export * from './date';
+export * from './duration';
+export * from './provider';
+export * from './timezone';
+export * from './types';

package/typings/utils/provider.d.ts

@@ -0,0 +1,20 @@
+import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import type { LangKey } from '../lang/lang';
+import type { ITimezoneItem } from './timezone';
+import type { DateValue, IDatePickerProps } from './types';
+export interface IDatePickerProvider {
+    commonUseList: ComputedRef<IDatePickerProps['commonUseList']>;
+    enableFormatClick: boolean;
+    format: Ref<string>;
+    maxDuration: ComputedRef<number | undefined>;
+    minDuration: ComputedRef<number | undefined>;
+    storeKey: ComputedRef<string>;
+    timezoneInfo: ComputedRef<ITimezoneItem>;
+    validateTimeRange: ComputedRef<DateValue | undefined>;
+    version: ComputedRef<number | string>;
+    formatChange: (format: string) => void;
+    t: (key: LangKey) => string;
+}
+export declare const DATE_PICKER_PROVIDER_KEY: InjectionKey<IDatePickerProvider>;
+export declare const useDatePickerProvider: (data: IDatePickerProvider) => void;
+export declare const useDatePickerInject: () => IDatePickerProvider | undefined;

package/typings/utils/store.d.ts

@@ -1,4 +1,4 @@
-import { DateValue } from '.';
+import type { DateValue } from '.';
 export type StoreType = 'local' | 'session';
 /**
  *

package/typings/utils/timezone.d.ts

@@ -1,3 +1,7 @@
+export interface ITimeZoneGroup {
+    label: string;
+    options: ITimezoneItem[];
+}
 export interface ITimezoneItem {
     abbreviation: string;
     country: string;
@@ -5,10 +9,6 @@ export interface ITimezoneItem {
     label: string;
     utc: string;
 }
-export interface ITimeZoneGroup {
-    label: string;
-    options: ITimezoneItem[];
-}
 export declare const getTimezoneDetails: () => ITimeZoneGroup[];
 export declare const getTimezoneInfo: (searchIndex: string) => {
     abbreviation: string;

package/typings/utils/types.d.ts

@@ -1,30 +1,38 @@
-import dayjs, { type Dayjs } from 'dayjs';
-import { DateUnit, NowConstant } from './constant';
-export interface ICommonTabItem {
-    id: string;
-    name: string;
-}
+import type { DateUnit, NowConstant } from './constant';
+import type { Dayjs } from 'dayjs';
 export declare enum DateMode {
     Date = "date",
     FUTURE = "now+",
     NATURAL = "natural",
     RECENT = "now-"
 }
-export type RecentValue = `${DateMode.RECENT}${number}${DateUnit}`;
-export type RecentDateValue = [RecentValue, typeof NowConstant];
-export type FutureValue = `${DateMode.FUTURE}${number}${DateUnit}`;
-export type FutureDateValue = [typeof NowConstant, FutureValue];
-export type NaturalSelectDate = `${RecentValue}/${DateUnit}`;
-export type NaturalDateValue = [NaturalSelectDate, NaturalSelectDate | typeof NowConstant];
 export type CommonDateValue = [string, string];
 export type DateValue = [Dayjs | number | string, Dayjs | number | string];
+export type FutureDateValue = [typeof NowConstant, FutureValue];
+export type FutureValue = `${DateMode.FUTURE}${number}${DateUnit}`;
+export interface ICommonTabItem {
+    id: string;
+    name: string;
+}
 export interface IDatePickerProps {
     behavior?: 'normal' | 'simplicity';
-    commonUseList?: DateValue[];
     disabled?: boolean;
+    enableFormatClick?: boolean;
     format?: string;
-    modelValue: DateValue | dayjs.Dayjs[] | number[] | string[] | undefined;
+    id?: string;
+    maxDuration?: number;
+    minDuration?: number;
+    modelValue: DateValue | undefined;
     needTimezone?: boolean;
     timezone?: string;
+    validDateRange?: DateValue;
     version?: number | string;
+    commonUseList?: DateValue[] | {
+        id: DateValue;
+        name: string;
+    }[];
 }
+export type NaturalDateValue = [NaturalSelectDate, NaturalSelectDate | typeof NowConstant];
+export type NaturalSelectDate = `${RecentValue}/${DateUnit}`;
+export type RecentDateValue = [RecentValue, typeof NowConstant];
+export type RecentValue = `${DateMode.RECENT}${number}${DateUnit}`;

package/typings/vue2.d.ts

@@ -1,4 +1,22 @@
-declare const _default: any;
+declare const _default: {
+    beforeDestroy(): void;
+    created(): void;
+    data(): {
+        app: null;
+        unWatchStack: never[];
+    };
+    methods: {
+        handleHidePanel(): void;
+        handleShowPanel(): void;
+    };
+    mounted(): void;
+    name: string;
+    props: any;
+    render(createElement: any): any;
+};
 export default _default;
-export * from './utils/date';
+export declare const TimeZonePicker: any;
 export * from './utils/constant';
+export * from './utils/date';
+export * from './utils/timezone';
+export type * from './utils/types';

package/typings/vue3.d.ts

@@ -1,7 +1,12 @@
+/**
+ * @description: datePicker vue3版本
+ */
 import dayjs from 'dayjs';
+import TimezonePicker from './components/timezone-picker.vue';
 import DatePicker from './date-picker.vue';
-export { DatePicker, dayjs };
+export { DatePicker, dayjs, TimezonePicker };
 export default DatePicker;
-export * from './utils/date';
 export * from './utils/constant';
+export * from './utils/date';
+export * from './utils/timezone';
 export type * from './utils/types';

package/vue2/config.json

@@ -1 +1 @@
-{"type":"blueking-date-picker-new","name":"blueking-date-picker-new","displayName":"蓝鲸监控平台日期组件","framework":"vue2","props":{"behavior":{"type":"string","val":"normal","options":["normal","simplicity"],"tips":"组件展示风格"},"commonUseList":{"type":"array","tips":"常用列表"},"disabled":{"type":"boolean","tips":"是否禁用"},"format":{"type":"string","tips":"日期转换显示格式"},"modelValue":{"type":"array","val":["now-1d","now"],"tips":"日期值"},"needTimezone":{"type":"boolean","tips":"是否展示时区"},"timezone":{"type":"string","tips":"时区值"},"version":{"type":["number","string"],"val":"1.0","tips":"版本号 用于控制本地缓存"}},"events":[{"name":"update:modelValue","tips":"响应组件的点击事件"},{"name":"update:timezone","tips":"更新时区值的事件，以及时区信息"}]}
+{"type":"blueking-date-picker","name":"blueking-date-picker","displayName":"蓝鲸监控平台日期组件","framework":"vue2","props":{"behavior":{"type":"string","val":"normal","options":["normal","simplicity"],"tips":"组件展示风格"},"commonUseList":{"type":"array","tips":"常用列表"},"disabled":{"type":"boolean","tips":"是否禁用"},"format":{"type":"string","tips":"日期转换显示格式"},"modelValue":{"type":"array","val":["now-1d","now"],"tips":"日期值"},"needTimezone":{"type":"boolean","tips":"是否展示时区"},"timezone":{"type":"string","tips":"时区值"},"version":{"type":["number","string"],"val":"1.0","tips":"版本号 用于控制本地缓存"}},"events":[{"name":"update:modelValue","tips":"响应组件的点击事件"},{"name":"update:timezone","tips":"更新时区值的事件，以及时区信息"}]}