@blueking/date-picker 3.0.0-beta.3 → 3.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +110 -5
  2. package/package.json +1 -1
  3. package/typings/components/timezone-picker.vue.d.ts +3 -3
  4. package/typings/utils/timezone.d.ts +5 -5
  5. package/typings/vue2.d.ts +1 -1
  6. package/vue2/index.es.min.js +19 -16
  7. package/vue2/index.iife.min.js +19 -16
  8. package/vue2/index.umd.min.js +19 -16
  9. package/vue3/index.es.min.js +14 -11
  10. package/vue3/index.iife.min.js +14 -11
  11. package/vue3/index.umd.min.js +14 -11
package/README.md CHANGED
@@ -97,8 +97,113 @@ export default {
97
97
 
98
98
  ### 事件列表
99
99
 
100
- | 事件名 | 参数 | 参数类型 | 描述 |
101
- | ----------------- | ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------ |
102
- | update:modelValue | value, info | value: IDatePickerProps['modelValue']<br/>info: Array<br/>{<br/>dayjs: dayjs.Dayjs \| null;<br/>formatText: null \| string;<br/>} | 更新date值的事件，以及相关信息 |
103
- | update:timezone | value, timezoneInfo | value: string<br/>timezoneInfo: ITimezoneItem | 更新时区值的事件，以及时区信息 |
104
- | update:format | value | value: string | 更新时间格式的值 |
100
+ | 事件名 | 参数 | 参数类型 | 描述 |
101
+ | ----------------- | ------------------- | -------------------------------------------------------------------------------------------------------------- | ------------------------------ |
102
+ | update:modelValue | value, info | value: IDatePickerProps['modelValue']`info: Array`{`dayjs: dayjs.Dayjs \| null;`formatText: null \| string;``} | 更新date值的事件，以及相关信息 |
103
+ | update:timezone | value, timezoneInfo | value: string``timezoneInfo: ITimezoneItem | 更新时区值的事件，以及时区信息 |
104
+ | update:format | value | value: string | 更新时间格式的值 |
105
+
106
+ ## TimezonePicker 时区选择器
107
+
108
+ ### 支持 Vue2/Vue3 版本 无差别使用
109
+
110
+ 时区选择器组件，支持搜索和选择全球时区。
111
+
112
+ #### 使用
113
+
114
+ - vue3框架下使用
115
+
116
+ ```javascript
117
+ <template>
118
+ <div class="app">
119
+ <TimezonePicker
120
+ v-model:value="timezone"
121
+ :timezoneOptions="customTimezoneOptions"
122
+ @update:value="handleTimezoneChange"
123
+ />
124
+ </div>
125
+ </template>
126
+ <script setup lang="ts">
127
+ import { ref } from 'vue';
128
+
129
+ import { TimezonePicker } from '@blueking/date-picker';
130
+ import '@blueking/date-picker/vue3/vue3.css';
131
+
132
+ const timezone = ref('Asia/Shanghai');
133
+ const customTimezoneOptions = ref(); // 可选，自定义时区选项
134
+
135
+ const handleTimezoneChange = (value, timezoneInfo) => {
136
+ console.log('选中的时区:', value);
137
+ console.log('时区信息:', timezoneInfo);
138
+ };
139
+ </script>
140
+ ```
141
+
142
+ - vue2框架下使用
143
+
144
+ ```javascript
145
+ <template>
146
+ <div class="hello">
147
+ <TimezonePicker
148
+ :value="timezone"
149
+ :timezoneOptions="customTimezoneOptions"
150
+ @update:value="handleTimezoneChange"
151
+ @change="handleTimezoneChange"
152
+ />
153
+ </div>
154
+ </template>
155
+
156
+ <script>
157
+ import {TimezonePicker } from '@blueking/date-picker/vue2'
158
+ import '@blueking/date-picker/vue2/vue2.css'
159
+
160
+ export default {
161
+ data() {
162
+ return {
163
+ timezone: 'Asia/Shanghai',
164
+ customTimezoneOptions: undefined // 可选，自定义时区选项
165
+ }
166
+ },
167
+ components: {
168
+ TimeZonePicker
169
+ },
170
+ methods: {
171
+ handleTimezoneChange(value, timezoneInfo) {
172
+ console.log('选中的时区:', value);
173
+ console.log('时区信息:', timezoneInfo);
174
+ this.timezone = value;
175
+ }
176
+ }
177
+ }
178
+ </script>
179
+ ```
180
+
181
+ ### TimezonePicker 属性列表
182
+
183
+ | 属性名 | 描述 | 属性类型 | 默认值 |
184
+ | --------------- | ------------------ | ------------------ | ---------------- |
185
+ | value | 当前选中的时区值 | `string` | |
186
+ | timezoneOptions | 自定义时区选项列表 | `ITimeZoneGroup[]` | 内置全球时区列表 |
187
+
188
+ ### TimezonePicker 事件列表
189
+
190
+ | 事件名 | 参数 | 参数类型 | 描述 |
191
+ | ------------ | ------------------- | ------------------------------------------ | ------------------------------ |
192
+ | update:value | value, timezoneInfo | value: string``timezoneInfo: ITimezoneItem | 更新时区值的事件，以及时区信息 |
193
+
194
+ ### 类型定义
195
+
196
+ ```typescript
197
+ interface ITimezoneItem {
198
+ abbreviation?: string; // 时区缩写
199
+ country?: string; // 国家名称
200
+ countryCode?: string; // 国家代码
201
+ label: string; // 时区标识符（如 Asia/Shanghai）
202
+ utc?: string; // UTC偏移量（如 UTC+08:00）
203
+ }
204
+
205
+ interface ITimeZoneGroup {
206
+ label: string; // 分组标签
207
+ options: ITimezoneItem[]; // 该分组下的时区选项
208
+ }
209
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blueking/date-picker",
3
- "version": "3.0.0-beta.3",
3
+ "version": "3.0.0-beta.5",
4
4
  "description": "蓝鲸监控平台日期时间选择",
5
5
  "license": "MIT",
6
6
  "author": "Tencent BlueKing",
package/typings/components/timezone-picker.vue.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import { type ITimeZoneGroup, type ITimezoneItem } from '../utils/timezone';
2
2
  declare const _default: import("vue").DefineComponent<{
3
- timezoneOptions?: ITimeZoneGroup[];
3
+ timezoneOptions?: ITimeZoneGroup[] | ITimezoneItem[];
4
4
  value: string;
5
5
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
6
6
  "update:value": (value: string, info: ITimezoneItem) => any;
7
7
  }, string, import("vue").PublicProps, Readonly<{
8
- timezoneOptions?: ITimeZoneGroup[];
8
+ timezoneOptions?: ITimeZoneGroup[] | ITimezoneItem[];
9
9
  value: string;
10
10
  }> & Readonly<{
11
11
  "onUpdate:value"?: ((value: string, info: ITimezoneItem) => any) | undefined;
12
12
  }>, {
13
- timezoneOptions: ITimeZoneGroup[];
13
+ timezoneOptions: ITimeZoneGroup[] | ITimezoneItem[];
14
14
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
15
  export default _default;
package/typings/utils/timezone.d.ts CHANGED
@@ -3,11 +3,11 @@ export interface ITimeZoneGroup {
3
3
  options: ITimezoneItem[];
4
4
  }
5
5
  export interface ITimezoneItem {
6
- abbreviation: string;
7
- country: string;
8
- countryCode: string;
6
+ abbreviation?: string;
7
+ country?: string;
8
+ countryCode?: string;
9
9
  label: string;
10
- utc: string;
10
+ utc?: string;
11
11
  }
12
12
  export declare const getTimezoneDetails: () => ITimeZoneGroup[];
13
13
  export declare const getTimezoneInfo: (searchIndex: string) => {
@@ -16,5 +16,5 @@ export declare const getTimezoneInfo: (searchIndex: string) => {
16
16
  countryCode: string;
17
17
  utc: string;
18
18
  };
19
- export declare const timezoneDetails: ITimeZoneGroup[];
19
+ export declare const CommonTimezoneOptions: ITimeZoneGroup[];
20
20
  export declare const getTimezoneInfoByValue: (value: string) => ITimezoneItem;
package/typings/vue2.d.ts CHANGED
@@ -15,7 +15,7 @@ declare const _default: {
15
15
  render(createElement: any): any;
16
16
  };
17
17
  export default _default;
18
- export declare const TimeZonePicker: any;
18
+ export declare const TimezonePicker: any;
19
19
  export * from './utils/constant';
20
20
  export * from './utils/date';
21
21
  export * from './utils/timezone';
package/vue2/index.es.min.js CHANGED
@@ -25868,9 +25868,9 @@ const getTimezoneInfo = (searchIndex) => {
25868
25868
  utc: list[2].toLocaleUpperCase()
25869
25869
  };
25870
25870
  };
25871
- const timezoneDetails = getTimezoneDetails();
25871
+ const CommonTimezoneOptions = getTimezoneDetails();
25872
25872
  const getTimezoneInfoByValue = (value) => {
25873
- return timezoneDetails.reduce((pre, group) => {
25873
+ return CommonTimezoneOptions.reduce((pre, group) => {
25874
25874
  if ((pre == null ? void 0 : pre.label) === value) return pre;
25875
25875
  return group.options.find((option) => option.label === value);
25876
25876
  }, void 0);
@@ -25882,7 +25882,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
25882
25882
  },
25883
25883
  __name: "timezone-picker",
25884
25884
  props: {
25885
- timezoneOptions: { default: () => timezoneDetails },
25885
+ timezoneOptions: { default: () => CommonTimezoneOptions },
25886
25886
  value: {}
25887
25887
  },
25888
25888
  emits: ["update:value"],
@@ -25894,7 +25894,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
25894
25894
  const $attrs = useAttrs();
25895
25895
  const props2 = __props;
25896
25896
  const slots = useSlots();
25897
- const TimezonePicker = () => {
25897
+ const TimezonePicker2 = () => {
25898
25898
  return h$1(
25899
25899
  __webpack_exports__default$3,
25900
25900
  {
@@ -25907,8 +25907,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
25907
25907
  noMatchText: t("无匹配数据"),
25908
25908
  placeholder: t("请输入搜索（国家，城市，简称）"),
25909
25909
  popoverOptions: {
25910
- "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ ",
25911
- minWidth: 1600
25910
+ "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ "
25912
25911
  },
25913
25912
  searchPlaceholder: t("请输入搜索（国家，城市，简称）"),
25914
25913
  onChange: handleChange,
@@ -25941,8 +25940,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
25941
25940
  },
25942
25941
  [
25943
25942
  h$1("span", { class: "option-name" }, `${t("浏览器时区")} ${item.label}`),
25944
- h$1("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
25945
- h$1("span", { class: "option-utc" }, item.utc)
25943
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? h$1("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`) : null,
25944
+ (item == null ? void 0 : item.utc) ? h$1("span", { class: "option-utc" }, item.utc) : null
25946
25945
  ]
25947
25946
  )
25948
25947
  ]
@@ -25980,9 +25979,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
25980
25979
  }
25981
25980
  },
25982
25981
  [
25983
- h$1("span", { class: "option-name" }, item.label),
25984
- h$1("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
25985
- h$1("span", { class: "option-utc" }, item.utc)
25982
+ h$1("span", { class: "option-name" }, (item == null ? void 0 : item.label) || ""),
25983
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? h$1(
25984
+ "span",
25985
+ { class: "option-country" },
25986
+ `${(item == null ? void 0 : item.country) || ""}, ${(item == null ? void 0 : item.abbreviation) || ""}`
25987
+ ) : null,
25988
+ (item == null ? void 0 : item.utc) ? h$1("span", { class: "option-utc" }, item == null ? void 0 : item.utc) : null
25986
25989
  ]
25987
25990
  )
25988
25991
  ]
@@ -26008,7 +26011,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
26008
26011
  return ((_a = timezone.label) == null ? void 0 : _a.toLowerCase().includes(keyword.toLowerCase())) || ((_b = timezone.country) == null ? void 0 : _b.toLowerCase().includes(keyword.toLowerCase())) || ((_c = timezone.abbreviation) == null ? void 0 : _c.toLowerCase().includes(keyword.toLowerCase())) || ((_d = timezone.utc) == null ? void 0 : _d.toLowerCase().includes(keyword.toLowerCase()));
26009
26012
  };
26010
26013
  return (_ctx, _cache) => {
26011
- return openBlock(), createBlock(resolveDynamicComponent(TimezonePicker));
26014
+ return openBlock(), createBlock(resolveDynamicComponent(TimezonePicker2));
26012
26015
  };
26013
26016
  }
26014
26017
  });
@@ -28974,7 +28977,7 @@ const vue2 = {
28974
28977
  return createElement("div");
28975
28978
  }
28976
28979
  };
28977
- const TimeZonePicker = {
28980
+ const TimezonePicker = {
28978
28981
  model: {
28979
28982
  prop: "value",
28980
28983
  event: "change"
@@ -28989,7 +28992,7 @@ const TimeZonePicker = {
28989
28992
  timezonePickerInstance = this;
28990
28993
  return h$1(_sfc_main$b, {
28991
28994
  ...attrs,
28992
- value: props2.value,
28995
+ ...props2,
28993
28996
  "onUpdate:value"() {
28994
28997
  emit("update:value", ...arguments);
28995
28998
  emit("change", ...arguments);
@@ -29022,6 +29025,7 @@ const TimeZonePicker = {
29022
29025
  };
29023
29026
  export {
29024
29027
  CommonNaturalOptions,
29028
+ CommonTimezoneOptions,
29025
29029
  DATE_REGEX_FORMAT,
29026
29030
  DATE_REGEX_PARSE,
29027
29031
  DEFAULT_TIMEZONE,
@@ -29031,7 +29035,7 @@ export {
29031
29035
  NaturalOptionType,
29032
29036
  NaturalUnit,
29033
29037
  NowConstant,
29034
- TimeZonePicker,
29038
+ TimezonePicker,
29035
29039
  baselineDateRegexp,
29036
29040
  commonDateList,
29037
29041
  commonDateRegexp,
@@ -29053,7 +29057,6 @@ export {
29053
29057
  naturalUnitOptions,
29054
29058
  panels,
29055
29059
  recentDateRegexp,
29056
- timezoneDetails,
29057
29060
  timezoneStoreKey,
29058
29061
  transformDateRange2Dayjs,
29059
29062
  transformValue2Dayjs
package/vue2/index.iife.min.js CHANGED
@@ -33439,9 +33439,9 @@ ${$(r2)}`), n2;
33439
33439
  utc: list[2].toLocaleUpperCase()
33440
33440
  };
33441
33441
  };
33442
- const timezoneDetails = getTimezoneDetails();
33442
+ const CommonTimezoneOptions = getTimezoneDetails();
33443
33443
  const getTimezoneInfoByValue = (value) => {
33444
- return timezoneDetails.reduce((pre, group) => {
33444
+ return CommonTimezoneOptions.reduce((pre, group) => {
33445
33445
  if ((pre == null ? void 0 : pre.label) === value) return pre;
33446
33446
  return group.options.find((option) => option.label === value);
33447
33447
  }, void 0);
@@ -33453,7 +33453,7 @@ ${$(r2)}`), n2;
33453
33453
  },
33454
33454
  __name: "timezone-picker",
33455
33455
  props: {
33456
- timezoneOptions: { default: () => timezoneDetails },
33456
+ timezoneOptions: { default: () => CommonTimezoneOptions },
33457
33457
  value: {}
33458
33458
  },
33459
33459
  emits: ["update:value"],
@@ -33465,7 +33465,7 @@ ${$(r2)}`), n2;
33465
33465
  const $attrs = useAttrs();
33466
33466
  const props2 = __props;
33467
33467
  const slots = useSlots();
33468
- const TimezonePicker = () => {
33468
+ const TimezonePicker2 = () => {
33469
33469
  return h$1(
33470
33470
  __webpack_exports__default$3,
33471
33471
  {
@@ -33478,8 +33478,7 @@ ${$(r2)}`), n2;
33478
33478
  noMatchText: t("无匹配数据"),
33479
33479
  placeholder: t("请输入搜索（国家，城市，简称）"),
33480
33480
  popoverOptions: {
33481
- "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ ",
33482
- minWidth: 1600
33481
+ "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ "
33483
33482
  },
33484
33483
  searchPlaceholder: t("请输入搜索（国家，城市，简称）"),
33485
33484
  onChange: handleChange,
@@ -33512,8 +33511,8 @@ ${$(r2)}`), n2;
33512
33511
  },
33513
33512
  [
33514
33513
  h$1("span", { class: "option-name" }, `${t("浏览器时区")} ${item.label}`),
33515
- h$1("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
33516
- h$1("span", { class: "option-utc" }, item.utc)
33514
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? h$1("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`) : null,
33515
+ (item == null ? void 0 : item.utc) ? h$1("span", { class: "option-utc" }, item.utc) : null
33517
33516
  ]
33518
33517
  )
33519
33518
  ]
@@ -33551,9 +33550,13 @@ ${$(r2)}`), n2;
33551
33550
  }
33552
33551
  },
33553
33552
  [
33554
- h$1("span", { class: "option-name" }, item.label),
33555
- h$1("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
33556
- h$1("span", { class: "option-utc" }, item.utc)
33553
+ h$1("span", { class: "option-name" }, (item == null ? void 0 : item.label) || ""),
33554
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? h$1(
33555
+ "span",
33556
+ { class: "option-country" },
33557
+ `${(item == null ? void 0 : item.country) || ""}, ${(item == null ? void 0 : item.abbreviation) || ""}`
33558
+ ) : null,
33559
+ (item == null ? void 0 : item.utc) ? h$1("span", { class: "option-utc" }, item == null ? void 0 : item.utc) : null
33557
33560
  ]
33558
33561
  )
33559
33562
  ]
@@ -33579,7 +33582,7 @@ ${$(r2)}`), n2;
33579
33582
  return ((_a = timezone2.label) == null ? void 0 : _a.toLowerCase().includes(keyword.toLowerCase())) || ((_b = timezone2.country) == null ? void 0 : _b.toLowerCase().includes(keyword.toLowerCase())) || ((_c = timezone2.abbreviation) == null ? void 0 : _c.toLowerCase().includes(keyword.toLowerCase())) || ((_d = timezone2.utc) == null ? void 0 : _d.toLowerCase().includes(keyword.toLowerCase()));
33580
33583
  };
33581
33584
  return (_ctx, _cache) => {
33582
- return openBlock(), createBlock(resolveDynamicComponent(TimezonePicker));
33585
+ return openBlock(), createBlock(resolveDynamicComponent(TimezonePicker2));
33583
33586
  };
33584
33587
  }
33585
33588
  });
@@ -36577,7 +36580,7 @@ ${$(r2)}`), n2;
36577
36580
  return createElement("div");
36578
36581
  }
36579
36582
  };
36580
- const TimeZonePicker = {
36583
+ const TimezonePicker = {
36581
36584
  model: {
36582
36585
  prop: "value",
36583
36586
  event: "change"
@@ -36592,7 +36595,7 @@ ${$(r2)}`), n2;
36592
36595
  timezonePickerInstance = this;
36593
36596
  return h$1(_sfc_main$b, {
36594
36597
  ...attrs,
36595
- value: props2.value,
36598
+ ...props2,
36596
36599
  "onUpdate:value"() {
36597
36600
  emit2("update:value", ...arguments);
36598
36601
  emit2("change", ...arguments);
@@ -36624,6 +36627,7 @@ ${$(r2)}`), n2;
36624
36627
  }
36625
36628
  };
36626
36629
  exports.CommonNaturalOptions = CommonNaturalOptions;
36630
+ exports.CommonTimezoneOptions = CommonTimezoneOptions;
36627
36631
  exports.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
36628
36632
  exports.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
36629
36633
  exports.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
@@ -36633,7 +36637,7 @@ ${$(r2)}`), n2;
36633
36637
  exports.NaturalOptionType = NaturalOptionType;
36634
36638
  exports.NaturalUnit = NaturalUnit;
36635
36639
  exports.NowConstant = NowConstant;
36636
- exports.TimeZonePicker = TimeZonePicker;
36640
+ exports.TimezonePicker = TimezonePicker;
36637
36641
  exports.baselineDateRegexp = baselineDateRegexp;
36638
36642
  exports.commonDateList = commonDateList;
36639
36643
  exports.commonDateRegexp = commonDateRegexp;
@@ -36655,7 +36659,6 @@ ${$(r2)}`), n2;
36655
36659
  exports.naturalUnitOptions = naturalUnitOptions;
36656
36660
  exports.panels = panels;
36657
36661
  exports.recentDateRegexp = recentDateRegexp;
36658
- exports.timezoneDetails = timezoneDetails;
36659
36662
  exports.timezoneStoreKey = timezoneStoreKey;
36660
36663
  exports.transformDateRange2Dayjs = transformDateRange2Dayjs;
36661
36664
  exports.transformValue2Dayjs = transformValue2Dayjs;
package/vue2/index.umd.min.js CHANGED
@@ -25883,9 +25883,9 @@ ${$(r2)}`), n2;
25883
25883
  utc: list[2].toLocaleUpperCase()
25884
25884
  };
25885
25885
  };
25886
- const timezoneDetails = getTimezoneDetails();
25886
+ const CommonTimezoneOptions = getTimezoneDetails();
25887
25887
  const getTimezoneInfoByValue = (value) => {
25888
- return timezoneDetails.reduce((pre, group) => {
25888
+ return CommonTimezoneOptions.reduce((pre, group) => {
25889
25889
  if ((pre == null ? void 0 : pre.label) === value) return pre;
25890
25890
  return group.options.find((option) => option.label === value);
25891
25891
  }, void 0);
@@ -25897,7 +25897,7 @@ ${$(r2)}`), n2;
25897
25897
  },
25898
25898
  __name: "timezone-picker",
25899
25899
  props: {
25900
- timezoneOptions: { default: () => timezoneDetails },
25900
+ timezoneOptions: { default: () => CommonTimezoneOptions },
25901
25901
  value: {}
25902
25902
  },
25903
25903
  emits: ["update:value"],
@@ -25909,7 +25909,7 @@ ${$(r2)}`), n2;
25909
25909
  const $attrs = __WEBPACK_EXTERNAL_MODULE_vue__.useAttrs();
25910
25910
  const props2 = __props;
25911
25911
  const slots = __WEBPACK_EXTERNAL_MODULE_vue__.useSlots();
25912
- const TimezonePicker = () => {
25912
+ const TimezonePicker2 = () => {
25913
25913
  return __WEBPACK_EXTERNAL_MODULE_vue__.h(
25914
25914
  __webpack_exports__default$3,
25915
25915
  {
@@ -25922,8 +25922,7 @@ ${$(r2)}`), n2;
25922
25922
  noMatchText: t("无匹配数据"),
25923
25923
  placeholder: t("请输入搜索（国家，城市，简称）"),
25924
25924
  popoverOptions: {
25925
- "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ ",
25926
- minWidth: 1600
25925
+ "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ "
25927
25926
  },
25928
25927
  searchPlaceholder: t("请输入搜索（国家，城市，简称）"),
25929
25928
  onChange: handleChange,
@@ -25956,8 +25955,8 @@ ${$(r2)}`), n2;
25956
25955
  },
25957
25956
  [
25958
25957
  __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-name" }, `${t("浏览器时区")} ${item.label}`),
25959
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
25960
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item.utc)
25958
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`) : null,
25959
+ (item == null ? void 0 : item.utc) ? __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item.utc) : null
25961
25960
  ]
25962
25961
  )
25963
25962
  ]
@@ -25995,9 +25994,13 @@ ${$(r2)}`), n2;
25995
25994
  }
25996
25995
  },
25997
25996
  [
25998
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-name" }, item.label),
25999
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
26000
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item.utc)
25997
+ __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-name" }, (item == null ? void 0 : item.label) || ""),
25998
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? __WEBPACK_EXTERNAL_MODULE_vue__.h(
25999
+ "span",
26000
+ { class: "option-country" },
26001
+ `${(item == null ? void 0 : item.country) || ""}, ${(item == null ? void 0 : item.abbreviation) || ""}`
26002
+ ) : null,
26003
+ (item == null ? void 0 : item.utc) ? __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item == null ? void 0 : item.utc) : null
26001
26004
  ]
26002
26005
  )
26003
26006
  ]
@@ -26023,7 +26026,7 @@ ${$(r2)}`), n2;
26023
26026
  return ((_a = timezone.label) == null ? void 0 : _a.toLowerCase().includes(keyword.toLowerCase())) || ((_b = timezone.country) == null ? void 0 : _b.toLowerCase().includes(keyword.toLowerCase())) || ((_c = timezone.abbreviation) == null ? void 0 : _c.toLowerCase().includes(keyword.toLowerCase())) || ((_d = timezone.utc) == null ? void 0 : _d.toLowerCase().includes(keyword.toLowerCase()));
26024
26027
  };
26025
26028
  return (_ctx, _cache) => {
26026
- return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.resolveDynamicComponent(TimezonePicker));
26029
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.resolveDynamicComponent(TimezonePicker2));
26027
26030
  };
26028
26031
  }
26029
26032
  });
@@ -28989,7 +28992,7 @@ ${$(r2)}`), n2;
28989
28992
  return createElement("div");
28990
28993
  }
28991
28994
  };
28992
- const TimeZonePicker = {
28995
+ const TimezonePicker = {
28993
28996
  model: {
28994
28997
  prop: "value",
28995
28998
  event: "change"
@@ -29004,7 +29007,7 @@ ${$(r2)}`), n2;
29004
29007
  timezonePickerInstance = this;
29005
29008
  return __WEBPACK_EXTERNAL_MODULE_vue__.h(_sfc_main$b, {
29006
29009
  ...attrs,
29007
- value: props2.value,
29010
+ ...props2,
29008
29011
  "onUpdate:value"() {
29009
29012
  emit("update:value", ...arguments);
29010
29013
  emit("change", ...arguments);
@@ -29036,6 +29039,7 @@ ${$(r2)}`), n2;
29036
29039
  }
29037
29040
  };
29038
29041
  exports2.CommonNaturalOptions = CommonNaturalOptions;
29042
+ exports2.CommonTimezoneOptions = CommonTimezoneOptions;
29039
29043
  exports2.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
29040
29044
  exports2.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
29041
29045
  exports2.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
@@ -29045,7 +29049,7 @@ ${$(r2)}`), n2;
29045
29049
  exports2.NaturalOptionType = NaturalOptionType;
29046
29050
  exports2.NaturalUnit = NaturalUnit;
29047
29051
  exports2.NowConstant = NowConstant;
29048
- exports2.TimeZonePicker = TimeZonePicker;
29052
+ exports2.TimezonePicker = TimezonePicker;
29049
29053
  exports2.baselineDateRegexp = baselineDateRegexp;
29050
29054
  exports2.commonDateList = commonDateList;
29051
29055
  exports2.commonDateRegexp = commonDateRegexp;
@@ -29067,7 +29071,6 @@ ${$(r2)}`), n2;
29067
29071
  exports2.naturalUnitOptions = naturalUnitOptions;
29068
29072
  exports2.panels = panels;
29069
29073
  exports2.recentDateRegexp = recentDateRegexp;
29070
- exports2.timezoneDetails = timezoneDetails;
29071
29074
  exports2.timezoneStoreKey = timezoneStoreKey;
29072
29075
  exports2.transformDateRange2Dayjs = transformDateRange2Dayjs;
29073
29076
  exports2.transformValue2Dayjs = transformValue2Dayjs;
package/vue3/index.es.min.js CHANGED
@@ -1486,9 +1486,9 @@ const getTimezoneInfo = (searchIndex) => {
1486
1486
  utc: list[2].toLocaleUpperCase()
1487
1487
  };
1488
1488
  };
1489
- const timezoneDetails = getTimezoneDetails();
1489
+ const CommonTimezoneOptions = getTimezoneDetails();
1490
1490
  const getTimezoneInfoByValue = (value) => {
1491
- return timezoneDetails.reduce((pre, group) => {
1491
+ return CommonTimezoneOptions.reduce((pre, group) => {
1492
1492
  if ((pre == null ? void 0 : pre.label) === value) return pre;
1493
1493
  return group.options.find((option) => option.label === value);
1494
1494
  }, void 0);
@@ -1500,7 +1500,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
1500
1500
  },
1501
1501
  __name: "timezone-picker",
1502
1502
  props: {
1503
- timezoneOptions: { default: () => timezoneDetails },
1503
+ timezoneOptions: { default: () => CommonTimezoneOptions },
1504
1504
  value: {}
1505
1505
  },
1506
1506
  emits: ["update:value"],
@@ -1525,8 +1525,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
1525
1525
  noMatchText: t("无匹配数据"),
1526
1526
  placeholder: t("请输入搜索（国家，城市，简称）"),
1527
1527
  popoverOptions: {
1528
- "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ ",
1529
- minWidth: 1600
1528
+ "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ "
1530
1529
  },
1531
1530
  searchPlaceholder: t("请输入搜索（国家，城市，简称）"),
1532
1531
  onChange: handleChange,
@@ -1559,8 +1558,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
1559
1558
  },
1560
1559
  [
1561
1560
  h("span", { class: "option-name" }, `${t("浏览器时区")} ${item.label}`),
1562
- h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
1563
- h("span", { class: "option-utc" }, item.utc)
1561
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`) : null,
1562
+ (item == null ? void 0 : item.utc) ? h("span", { class: "option-utc" }, item.utc) : null
1564
1563
  ]
1565
1564
  )
1566
1565
  ]
@@ -1598,9 +1597,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
1598
1597
  }
1599
1598
  },
1600
1599
  [
1601
- h("span", { class: "option-name" }, item.label),
1602
- h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
1603
- h("span", { class: "option-utc" }, item.utc)
1600
+ h("span", { class: "option-name" }, (item == null ? void 0 : item.label) || ""),
1601
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? h(
1602
+ "span",
1603
+ { class: "option-country" },
1604
+ `${(item == null ? void 0 : item.country) || ""}, ${(item == null ? void 0 : item.abbreviation) || ""}`
1605
+ ) : null,
1606
+ (item == null ? void 0 : item.utc) ? h("span", { class: "option-utc" }, item == null ? void 0 : item.utc) : null
1604
1607
  ]
1605
1608
  )
1606
1609
  ]
@@ -4518,6 +4521,7 @@ dayjs.extend(tz);
4518
4521
  dayjs.extend(utc);
4519
4522
  export {
4520
4523
  CommonNaturalOptions,
4524
+ CommonTimezoneOptions,
4521
4525
  DATE_REGEX_FORMAT,
4522
4526
  DATE_REGEX_PARSE,
4523
4527
  DEFAULT_TIMEZONE,
@@ -4551,7 +4555,6 @@ export {
4551
4555
  naturalUnitOptions,
4552
4556
  panels,
4553
4557
  recentDateRegexp,
4554
- timezoneDetails,
4555
4558
  timezoneStoreKey,
4556
4559
  transformDateRange2Dayjs,
4557
4560
  transformValue2Dayjs
package/vue3/index.iife.min.js CHANGED
@@ -26457,9 +26457,9 @@ ${$(r2)}`), n2;
26457
26457
  utc: list[2].toLocaleUpperCase()
26458
26458
  };
26459
26459
  };
26460
- const timezoneDetails = getTimezoneDetails();
26460
+ const CommonTimezoneOptions = getTimezoneDetails();
26461
26461
  const getTimezoneInfoByValue = (value) => {
26462
- return timezoneDetails.reduce((pre, group) => {
26462
+ return CommonTimezoneOptions.reduce((pre, group) => {
26463
26463
  if ((pre == null ? void 0 : pre.label) === value) return pre;
26464
26464
  return group.options.find((option) => option.label === value);
26465
26465
  }, void 0);
@@ -26471,7 +26471,7 @@ ${$(r2)}`), n2;
26471
26471
  },
26472
26472
  __name: "timezone-picker",
26473
26473
  props: {
26474
- timezoneOptions: { default: () => timezoneDetails },
26474
+ timezoneOptions: { default: () => CommonTimezoneOptions },
26475
26475
  value: {}
26476
26476
  },
26477
26477
  emits: ["update:value"],
@@ -26496,8 +26496,7 @@ ${$(r2)}`), n2;
26496
26496
  noMatchText: t("无匹配数据"),
26497
26497
  placeholder: t("请输入搜索（国家，城市，简称）"),
26498
26498
  popoverOptions: {
26499
- "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ ",
26500
- minWidth: 1600
26499
+ "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ "
26501
26500
  },
26502
26501
  searchPlaceholder: t("请输入搜索（国家，城市，简称）"),
26503
26502
  onChange: handleChange,
@@ -26530,8 +26529,8 @@ ${$(r2)}`), n2;
26530
26529
  },
26531
26530
  [
26532
26531
  __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-name" }, `${t("浏览器时区")} ${item.label}`),
26533
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
26534
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item.utc)
26532
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`) : null,
26533
+ (item == null ? void 0 : item.utc) ? __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item.utc) : null
26535
26534
  ]
26536
26535
  )
26537
26536
  ]
@@ -26569,9 +26568,13 @@ ${$(r2)}`), n2;
26569
26568
  }
26570
26569
  },
26571
26570
  [
26572
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-name" }, item.label),
26573
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
26574
- __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item.utc)
26571
+ __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-name" }, (item == null ? void 0 : item.label) || ""),
26572
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? __WEBPACK_EXTERNAL_MODULE_vue__.h(
26573
+ "span",
26574
+ { class: "option-country" },
26575
+ `${(item == null ? void 0 : item.country) || ""}, ${(item == null ? void 0 : item.abbreviation) || ""}`
26576
+ ) : null,
26577
+ (item == null ? void 0 : item.utc) ? __WEBPACK_EXTERNAL_MODULE_vue__.h("span", { class: "option-utc" }, item == null ? void 0 : item.utc) : null
26575
26578
  ]
26576
26579
  )
26577
26580
  ]
@@ -29520,6 +29523,7 @@ ${$(r2)}`), n2;
29520
29523
  dayjs.extend(tz);
29521
29524
  dayjs.extend(utc);
29522
29525
  exports.CommonNaturalOptions = CommonNaturalOptions;
29526
+ exports.CommonTimezoneOptions = CommonTimezoneOptions;
29523
29527
  exports.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
29524
29528
  exports.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
29525
29529
  exports.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
@@ -29553,7 +29557,6 @@ ${$(r2)}`), n2;
29553
29557
  exports.naturalUnitOptions = naturalUnitOptions;
29554
29558
  exports.panels = panels;
29555
29559
  exports.recentDateRegexp = recentDateRegexp;
29556
- exports.timezoneDetails = timezoneDetails;
29557
29560
  exports.timezoneStoreKey = timezoneStoreKey;
29558
29561
  exports.transformDateRange2Dayjs = transformDateRange2Dayjs;
29559
29562
  exports.transformValue2Dayjs = transformValue2Dayjs;
package/vue3/index.umd.min.js CHANGED
@@ -1482,9 +1482,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
1482
1482
  utc: list[2].toLocaleUpperCase()
1483
1483
  };
1484
1484
  };
1485
- const timezoneDetails = getTimezoneDetails();
1485
+ const CommonTimezoneOptions = getTimezoneDetails();
1486
1486
  const getTimezoneInfoByValue = (value) => {
1487
- return timezoneDetails.reduce((pre, group) => {
1487
+ return CommonTimezoneOptions.reduce((pre, group) => {
1488
1488
  if ((pre == null ? void 0 : pre.label) === value) return pre;
1489
1489
  return group.options.find((option) => option.label === value);
1490
1490
  }, void 0);
@@ -1496,7 +1496,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
1496
1496
  },
1497
1497
  __name: "timezone-picker",
1498
1498
  props: {
1499
- timezoneOptions: { default: () => timezoneDetails },
1499
+ timezoneOptions: { default: () => CommonTimezoneOptions },
1500
1500
  value: {}
1501
1501
  },
1502
1502
  emits: ["update:value"],
@@ -1521,8 +1521,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
1521
1521
  noMatchText: t("无匹配数据"),
1522
1522
  placeholder: t("请输入搜索（国家，城市，简称）"),
1523
1523
  popoverOptions: {
1524
- "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ ",
1525
- minWidth: 1600
1524
+ "ext-cls": "__bk-date-picker-popover__ __bk-timezone-picker-popover__ "
1526
1525
  },
1527
1526
  searchPlaceholder: t("请输入搜索（国家，城市，简称）"),
1528
1527
  onChange: handleChange,
@@ -1555,8 +1554,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
1555
1554
  },
1556
1555
  [
1557
1556
  vue.h("span", { class: "option-name" }, `${t("浏览器时区")} ${item.label}`),
1558
- vue.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
1559
- vue.h("span", { class: "option-utc" }, item.utc)
1557
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? vue.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`) : null,
1558
+ (item == null ? void 0 : item.utc) ? vue.h("span", { class: "option-utc" }, item.utc) : null
1560
1559
  ]
1561
1560
  )
1562
1561
  ]
@@ -1594,9 +1593,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
1594
1593
  }
1595
1594
  },
1596
1595
  [
1597
- vue.h("span", { class: "option-name" }, item.label),
1598
- vue.h("span", { class: "option-country" }, `${item.country}, ${item.abbreviation}`),
1599
- vue.h("span", { class: "option-utc" }, item.utc)
1596
+ vue.h("span", { class: "option-name" }, (item == null ? void 0 : item.label) || ""),
1597
+ (item == null ? void 0 : item.country) || (item == null ? void 0 : item.abbreviation) ? vue.h(
1598
+ "span",
1599
+ { class: "option-country" },
1600
+ `${(item == null ? void 0 : item.country) || ""}, ${(item == null ? void 0 : item.abbreviation) || ""}`
1601
+ ) : null,
1602
+ (item == null ? void 0 : item.utc) ? vue.h("span", { class: "option-utc" }, item == null ? void 0 : item.utc) : null
1600
1603
  ]
1601
1604
  )
1602
1605
  ]
@@ -4514,6 +4517,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4514
4517
  dayjs.extend(utc);
4515
4518
  exports2.dayjs = dayjs;
4516
4519
  exports2.CommonNaturalOptions = CommonNaturalOptions;
4520
+ exports2.CommonTimezoneOptions = CommonTimezoneOptions;
4517
4521
  exports2.DATE_REGEX_FORMAT = DATE_REGEX_FORMAT;
4518
4522
  exports2.DATE_REGEX_PARSE = DATE_REGEX_PARSE;
4519
4523
  exports2.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
@@ -4546,7 +4550,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4546
4550
  exports2.naturalUnitOptions = naturalUnitOptions;
4547
4551
  exports2.panels = panels;
4548
4552
  exports2.recentDateRegexp = recentDateRegexp;
4549
- exports2.timezoneDetails = timezoneDetails;
4550
4553
  exports2.timezoneStoreKey = timezoneStoreKey;
4551
4554
  exports2.transformDateRange2Dayjs = transformDateRange2Dayjs;
4552
4555
  exports2.transformValue2Dayjs = transformValue2Dayjs;