@blueking/date-picker 2.0.0-beta.2 → 2.0.0-beta.20

package/README.md

@@ -80,16 +80,17 @@ export default {
 
 ### 属性列表
 
-| 属性名        | 描述                    | 属性类型                                                          | 默认值     |
-| ------------- | ----------------------- | ----------------------------------------------------------------- | ---------- |
-| behavior      | 组件展示风格            | `'normal' \| 'simplicity'`                                        | 'normal'   |
-| commonUseList | 常用列表                | `DateValue[]`                                                     |            |
-| disabled      | 是否禁用                | `boolean`                                                         |            |
-| format        | 日期转换显示格式        | `string`                                                          |            |
-| modelValue    | 日期值                  | `DateValue \| dayjs.Dayjs[] \| number[] \| string[] \| undefined` |            |
-| needTimezone  | 是否展示时区            | `boolean`                                                         |            |
-| timezone      | 时区值                  | `string`                                                          | 浏览器时区 |
-| version       | 版本号 用于控制本地缓存 | `number \| string`                                                | '1.0'      |
+| 属性名         | 描述                    | 属性类型                                                          | 默认值     |
+| -------------- | ----------------------- | ----------------------------------------------------------------- | ---------- |
+| behavior       | 组件展示风格            | `'normal' \| 'simplicity'`                                        | 'normal'   |
+| commonUseList  | 常用列表                | `DateValue[]`                                                     |            |
+| disabled       | 是否禁用                | `boolean`                                                         |            |
+| format         | 日期转换显示格式        | `string`                                                          |            |
+| modelValue     | 日期值                  | `DateValue \| dayjs.Dayjs[] \| number[] \| string[] \| undefined` |            |
+| needTimezone   | 是否展示时区            | `boolean`                                                         |            |
+| timezone       | 时区值                  | `string`                                                          | 浏览器时区 |
+| validDateRange | 有效可选的日期范围      | `DateValue \| undefined`                                          |            |
+| version        | 版本号 用于控制本地缓存 | `number \| string`                                                | '1.0'      |
 
 ### 事件列表
 

package/package.json

@@ -1,25 +1,27 @@
 {
   "name": "@blueking/date-picker",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "description": "蓝鲸监控平台日期时间选择",
   "license": "MIT",
   "author": "Tencent BlueKing",
   "exports": {
     ".": {
       "types": "./typings/vue3.d.ts",
-      "import": "./dist/vue3/index.es.min.js",
-      "default": "./dist/vue3/index.es.min.js"
+      "import": "./vue3/index.es.min.js",
+      "default": "./vue3/index.es.min.js"
     },
     "./vue3": {
       "types": "./typings/vue3.d.ts",
-      "import": "./dist/vue3/index.es.min.js",
-      "default": "./dist/vue3/index.es.min.js"
+      "import": "./vue3/index.es.min.js",
+      "default": "./vue3/index.es.min.js"
     },
     "./vue2": {
       "types": "./typings/vue2.d.ts",
-      "import": "./dist/vue2/index.es.min.js",
-      "default": "./dist/vue2/index.es.min.js"
-    }
+      "import": "./vue2/index.es.min.js",
+      "default": "./vue2/index.es.min.js"
+    },
+    "./vue3/*": "./vue3/*",
+    "./vue2/*": "./vue2/*"
   },
   "typesVersions": {
     "*": {
@@ -35,8 +37,8 @@
     }
   },
   "types": "./typings/vue3.d.ts",
-  "main": "dist/vue3/index.es.min.js",
-  "unpkg": "dist/vue3/index.es.min.js",
+  "module": "./vue3/index.es.min.js",
+  "unpkg": "./vue3/index.es.min.js",
   "files": [
     "vue2",
     "vue3",
@@ -46,80 +48,16 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "dependencies": {
-    "@blueking/bkui-library": "0.0.0-beta.2",
-    "dayjs": "^1.11.10"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.3",
-    "@types/prompts": "^2.4.9",
-    "@types/semver": "^7.5.8",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "bkui-vue": "1.0.3-beta.25",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-tencent": "^1.0.4",
-    "eslint-plugin-codecc": "^0.3.0",
-    "eslint-plugin-perfectionist": "^2.7.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.24.0",
-    "execa": "^8.0.1",
-    "less": "^4.2.0",
-    "lint-staged": "^15.2.2",
-    "npm-run-all": "^4.1.5",
-    "picocolors": "^1.0.0",
-    "postcss-html": "^1.6.0",
-    "postcss-scss": "^4.0.9",
-    "prettier": "^3.2.5",
-    "prompts": "^2.4.2",
-    "sass": "^1.72.0",
-    "semver": "^7.6.0",
-    "simple-git-hooks": "^2.11.1",
-    "stylelint": "^16.3.1",
-    "stylelint-config-recess-order": "^5.0.0",
-    "stylelint-config-recommended-vue": "1.5.0",
-    "stylelint-config-standard": "^36.0.0",
-    "stylelint-order": "^6.0.4",
-    "stylelint-scss": "^6.2.1",
-    "terser": "^5.30.2",
-    "ts-node": "^10.9.2",
-    "tslib": "^2.6.2",
-    "tsx": "^4.7.1",
-    "typescript": "^5.4.3",
-    "vite": "^5.2.7",
-    "vite-bundle-visualizer": "^1.1.0",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
-    "vite-plugin-inspect": "^0.8.3",
-    "vue": "^3.4.21",
-    "vue-eslint-parser": "^9.4.2",
-    "vue-tsc": "^2.0.7",
-    "zip-a-folder": "^3.1.6"
+  "peerDependencies": {
+    "@blueking/bkui-library": "^0.0.0-beta.4",
+    "bkui-vue": "^1.0.3-beta.38",
+    "dayjs": "^1.11.10",
+    "vue": "^3"
   },
   "engines": {
     "node": ">=18.16.0"
   },
-  "browserslist": [
-    "> 0.5%",
-    "last 2 versions",
-    "Firefox ESR",
-    "not dead"
-  ],
-  "simple-git-hooks": {
-    "pre-commit": "lint-staged",
-    "commit-msg": "node scripts/verify.commit.mjs"
-  },
-  "lint-staged": {
-    "*.{js,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "eslint --fix"
-    ]
-  },
   "scripts": {
-    "release": "tsx scripts/release.ts",
     "dev": "vite --mode development -c scripts/vite.dev.ts",
     "build": "tsx ./scripts/vite.build.ts",
     "dts": "vue-tsc --project tsconfig.dts.json",

package/typings/components/baseline-select.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    modelValue: string;
+}>, {
+    modelValue: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    modelValue: string;
+}>, {
+    modelValue: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}, {
+    modelValue: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/typings/components/common-tab.vue.d.ts

@@ -1,5 +1,5 @@
-import type { PropType } from 'vue';
 import type { ICommonTabItem } from '../utils';
+import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /** modelValue 选中的tab */
     modelValue: {

package/typings/components/date-panel.vue.d.ts

@@ -14,20 +14,24 @@ interface Props {
      */
     minDate?: Dayjs;
     modelValue?: Dayjs;
+    showTitle?: boolean;
     title?: string;
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     format: string;
+    showTitle: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (date: dayjs.Dayjs) => void;
     "update:isNow": (args_0: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     format: string;
+    showTitle: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((date: dayjs.Dayjs) => any) | undefined;
     "onUpdate:isNow"?: ((args_0: boolean) => any) | undefined;
 }, {
     format: string;
+    showTitle: boolean;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/typings/components/panel-wrapper.vue.d.ts

@@ -13,8 +13,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     needTimezone?: boolean | undefined;
     timezone?: string | undefined;
 }>>> & {
-    "onUpdate:timezone"?: ((value: string, timezoneInfo: ITimezoneItem) => any) | undefined;
     onChange?: ((value: DateValue) => any) | undefined;
+    "onUpdate:timezone"?: ((value: string, timezoneInfo: ITimezoneItem) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/typings/components/recent-picker.vue.d.ts

@@ -1,6 +1,7 @@
 import { DateMode, type FutureDateValue, type RecentDateValue } from '../utils';
 import { DateRange } from '../utils/date';
 interface IProps {
+    baselineTime?: string;
     type: DateMode.FUTURE | DateMode.RECENT;
     value?: DateRange;
 }

package/typings/date-picker.vue.d.ts

@@ -1,10 +1,9 @@
-import 'bkui-vue/lib/styles/reset.css';
 import dayjs from 'dayjs';
 import { type DateValue, type IDatePickerProps } from './utils';
 import { type ITimezoneItem } from './utils/timezone';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<IDatePickerProps>, {
     behavior: string;
-    commonUseList: any;
+    commonUseList: () => DateValue[];
     format: string;
     needTimezone: boolean;
     version: string;
@@ -12,31 +11,32 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     handleHidePanel: () => void;
     handleShowPanel: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string[] | DateValue | dayjs.Dayjs[] | number[] | undefined, info: {
+    "update:modelValue": (value: DateValue | undefined, info: {
         dayjs: dayjs.Dayjs | null;
         formatText: string | null;
     }[]) => void;
     "update:timezone": (value: string, timezoneInfo: ITimezoneItem) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<IDatePickerProps>, {
     behavior: string;
-    commonUseList: any;
+    commonUseList: () => DateValue[];
     format: string;
     needTimezone: boolean;
     version: string;
 }>>> & {
-    "onUpdate:modelValue"?: ((value: string[] | DateValue | dayjs.Dayjs[] | number[] | undefined, info: {
+    "onUpdate:modelValue"?: ((value: DateValue | undefined, info: {
         dayjs: dayjs.Dayjs | null;
         formatText: string | null;
     }[]) => any) | undefined;
     "onUpdate:timezone"?: ((value: string, timezoneInfo: ITimezoneItem) => any) | undefined;
 }, {
+    format: string;
+    version: string | number;
     behavior: "normal" | "simplicity";
     commonUseList: DateValue[];
-    format: string;
     needTimezone: boolean;
-    version: string | number;
 }, {}>;
 export default _default;
+
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];

package/typings/hooks/use-validate.d.ts

@@ -0,0 +1,10 @@
+import { Dayjs } from 'dayjs';
+import { DateValue } from '../utils';
+import { DateRange } from '../utils/date';
+export declare const useValidate: () => {
+    validDateRange: import("vue").Ref<DateRange | undefined>;
+    validMsg: import("vue").ComputedRef<string>;
+    validateDateRange: (validDate: DateRange) => boolean;
+    validateDateValue: (validDate: DateValue) => boolean;
+    validateDayjs: (validDate: Dayjs) => boolean;
+};

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,16 @@ 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";
 };
 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 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 { DateMode, DateValue } from './types';
 export declare const DateUnitList: readonly [{
     readonly id: "s";
     readonly name: string;
@@ -26,7 +26,8 @@ export declare const dateUnit: "M" | "d" | "h" | "m" | "s" | "w" | "y";
 export declare enum NaturalOptionType {
     custom = "custom",
     default = "default",
-    edit = "edit"
+    edit = "edit",
+    specific = "specific"
 }
 export declare const CommonNaturalOptions: ({
     id: string;

package/typings/utils/date.d.ts

@@ -1,6 +1,7 @@
 import dayjs, { Dayjs } from 'dayjs';
 import { DateUnit } from './constant';
 import { DateMode, DateValue } from './types';
+export declare const baselineDateRegexp: RegExp;
 export declare const commonDateRegexp: RegExp;
 export declare const recentDateRegexp: RegExp;
 export declare const futureDateRegexp: RegExp;
@@ -9,14 +10,27 @@ export declare class DateRange {
     dateValue: DateValue;
     format: string;
     timezome: 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);
+    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(): number | undefined;
+    isInValidDateRange(date: DateRange): boolean;
     toDisplayString(): string;
     toEmitValue(): [
         DateValue,
@@ -28,12 +42,7 @@ export declare class DateRange {
     transformValue2Dayjs(val: DateValue[number], type?: 'end' | 'start'): dayjs.Dayjs;
     updateDateValue(dateValue: DateValue, timezome?: 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 inputVal2Dayjs: (val: string, format: string, defaultDate?: Dayjs) => dayjs.Dayjs;

package/typings/utils/index.d.ts

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

package/typings/utils/store.d.ts

@@ -5,7 +5,7 @@ export type StoreType = 'local' | 'session';
  * @param storeKey store key
  * @returns store value list
  */
-export declare const getStoreDateList: (storeKey: string, type?: StoreType) => never[];
+export declare const getStoreDateList: (storeKey: string, type?: StoreType) => any[];
 /**
  *
  * @param val store value

package/typings/utils/types.d.ts

@@ -1,4 +1,4 @@
-import dayjs, { type Dayjs } from 'dayjs';
+import { type Dayjs } from 'dayjs';
 import { DateUnit, NowConstant } from './constant';
 export interface ICommonTabItem {
     id: string;
@@ -23,8 +23,9 @@ export interface IDatePickerProps {
     commonUseList?: DateValue[];
     disabled?: boolean;
     format?: string;
-    modelValue: DateValue | dayjs.Dayjs[] | number[] | string[] | undefined;
+    modelValue: DateValue | undefined;
     needTimezone?: boolean;
     timezone?: string;
+    validDateRange?: DateValue;
     version?: number | string;
 }

package/typings/utils/utils.d.ts

@@ -9,6 +9,7 @@ export interface IDatePickerProvider {
     t: (key: LangKey) => string;
     timezoneInfo: ComputedRef<ITimezoneItem>;
     version: ComputedRef<number | string>;
+    vildateTimeRange: ComputedRef<DateValue | undefined>;
 }
 export declare const DATE_PICKER_PROVIDER_KEY: InjectionKey<IDatePickerProvider>;
 export declare const useDatePickerProvider: (data: IDatePickerProvider) => void;

package/typings/vue2.d.ts

@@ -1,4 +1,20 @@
-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 * from './utils/constant';
+export type * from './utils/types';

package/typings/vue3.d.ts

@@ -2,5 +2,6 @@ import dayjs from 'dayjs';
 import DatePicker from './date-picker.vue';
 export { DatePicker, dayjs };
 export default DatePicker;
-export * from './utils/date';
 export * from './utils/constant';
+export * from './utils/date';
+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":"更新时区值的事件，以及时区信息"}]}