@blueking/date-picker 3.0.1 → 3.0.3

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 (7) hide show
  1. package/package.json +8 -9
  2. package/vue2/index.es.min.js +6 -8
  3. package/vue2/index.iife.min.js +6 -8
  4. package/vue2/index.umd.min.js +6 -8
  5. package/vue3/index.es.min.js +6 -8
  6. package/vue3/index.iife.min.js +6 -8
  7. package/vue3/index.umd.min.js +6 -8
package/package.json CHANGED
@@ -1,17 +1,9 @@
1
1
  {
2
2
  "name": "@blueking/date-picker",
3
- "version": "3.0.1",
3
+ "version": "3.0.3",
4
4
  "description": "蓝鲸监控平台日期时间选择",
5
5
  "license": "MIT",
6
6
  "author": "Tencent BlueKing",
7
- "scripts": {
8
- "prepublishOnly": "run-p build dts",
9
- "dev": "vite --mode development -c scripts/vite.dev.ts",
10
- "build": "tsx ./scripts/vite.build.ts",
11
- "dts": "vue-tsc --project tsconfig.dts.json",
12
- "prettier": "prettier ./src ./scripts ./playground --write",
13
- "visualize": "vite-bundle-visualizer -c scripts/vite.vusualizer.ts"
14
- },
15
7
  "exports": {
16
8
  ".": {
17
9
  "types": "./typings/vue3.d.ts",
@@ -62,5 +54,12 @@
62
54
  "bkui-vue": "^2.0.1",
63
55
  "dayjs": "^1.11.10",
64
56
  "vue": "^3"
57
+ },
58
+ "scripts": {
59
+ "dev": "vite --mode development -c scripts/vite.dev.ts",
60
+ "build": "tsx ./scripts/vite.build.ts",
61
+ "dts": "vue-tsc --project tsconfig.dts.json",
62
+ "prettier": "prettier ./src ./scripts ./playground --write",
63
+ "visualize": "vite-bundle-visualizer -c scripts/vite.vusualizer.ts"
65
64
  }
66
65
  }
package/vue2/index.es.min.js CHANGED
@@ -28563,7 +28563,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
28563
28563
  });
28564
28564
  const props2 = __props;
28565
28565
  const emits = __emit;
28566
- const dateTooltipsRef = ref();
28567
28566
  const dateContentRef = ref();
28568
28567
  const format = ref(props2.format);
28569
28568
  const timezoneInfo = computed(() => {
@@ -28582,7 +28581,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
28582
28581
  return (b2 - a2) / 60;
28583
28582
  });
28584
28583
  const dateDetail = shallowRef(new DateRange(props2.modelValue, props2.format));
28585
- const tooltipsDetail = shallowRef();
28584
+ const tooltipsDetail = shallowRef(new DateRange(dateDetail.value.dateValue, format.value));
28586
28585
  const storeKey2 = computed(() => getStoreKey(props2.version));
28587
28586
  const datePanelShow = ref(false);
28588
28587
  const tooltipsShow = ref(false);
@@ -28644,11 +28643,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
28644
28643
  tooltipsShow.value = false;
28645
28644
  datePanelShow.value = false;
28646
28645
  });
28646
+ watch([() => props2.modelValue, () => props2.format, () => props2.timezone], () => {
28647
+ tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
28648
+ });
28647
28649
  function handleDateMouseenter() {
28648
28650
  if (enterTimer) return;
28649
28651
  enterTimer = setTimeout(() => {
28650
28652
  tooltipsShow.value = true;
28651
- tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
28652
28653
  enterTimer = null;
28653
28654
  }, 100);
28654
28655
  }
@@ -28672,9 +28673,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
28672
28673
  const endDate = Array.isArray(item == null ? void 0 : item.id) ? item.id[1] : item[1];
28673
28674
  return startDate === start2 && endDate === end2;
28674
28675
  });
28675
- if (canStore && dateDetail.value.isValidate) {
28676
- setStoreDateList(val, storeKey2.value);
28677
- }
28676
+ !canStore && dateDetail.value.isValidate && setStoreDateList(val, storeKey2.value);
28678
28677
  };
28679
28678
  const handleTimezoneChange = (val, info) => {
28680
28679
  dateDetail.value = new DateRange(props2.modelValue, format.value, val);
@@ -28845,8 +28844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
28845
28844
  createElementVNode(
28846
28845
  "div",
28847
28846
  {
28848
- ref_key: "dateTooltipsRef",
28849
- ref: dateTooltipsRef,
28847
+ ref: "dateTooltipsRef",
28850
28848
  class: "__date-tooltips__",
28851
28849
  style: normalizeStyle({ maxWidth: unref(lang) === "en" ? "210px" : "156px" })
28852
28850
  },
package/vue2/index.iife.min.js CHANGED
@@ -36166,7 +36166,6 @@ ${$(r2)}`), n2;
36166
36166
  });
36167
36167
  const props2 = __props;
36168
36168
  const emits = __emit;
36169
- const dateTooltipsRef = ref();
36170
36169
  const dateContentRef = ref();
36171
36170
  const format = ref(props2.format);
36172
36171
  const timezoneInfo = computed(() => {
@@ -36185,7 +36184,7 @@ ${$(r2)}`), n2;
36185
36184
  return (b2 - a2) / 60;
36186
36185
  });
36187
36186
  const dateDetail = shallowRef(new DateRange(props2.modelValue, props2.format));
36188
- const tooltipsDetail = shallowRef();
36187
+ const tooltipsDetail = shallowRef(new DateRange(dateDetail.value.dateValue, format.value));
36189
36188
  const storeKey2 = computed(() => getStoreKey(props2.version));
36190
36189
  const datePanelShow = ref(false);
36191
36190
  const tooltipsShow = ref(false);
@@ -36247,11 +36246,13 @@ ${$(r2)}`), n2;
36247
36246
  tooltipsShow.value = false;
36248
36247
  datePanelShow.value = false;
36249
36248
  });
36249
+ watch([() => props2.modelValue, () => props2.format, () => props2.timezone], () => {
36250
+ tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
36251
+ });
36250
36252
  function handleDateMouseenter() {
36251
36253
  if (enterTimer) return;
36252
36254
  enterTimer = setTimeout(() => {
36253
36255
  tooltipsShow.value = true;
36254
- tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
36255
36256
  enterTimer = null;
36256
36257
  }, 100);
36257
36258
  }
@@ -36275,9 +36276,7 @@ ${$(r2)}`), n2;
36275
36276
  const endDate = Array.isArray(item == null ? void 0 : item.id) ? item.id[1] : item[1];
36276
36277
  return startDate === start2 && endDate === end2;
36277
36278
  });
36278
- if (canStore && dateDetail.value.isValidate) {
36279
- setStoreDateList(val, storeKey2.value);
36280
- }
36279
+ !canStore && dateDetail.value.isValidate && setStoreDateList(val, storeKey2.value);
36281
36280
  };
36282
36281
  const handleTimezoneChange = (val, info) => {
36283
36282
  dateDetail.value = new DateRange(props2.modelValue, format.value, val);
@@ -36448,8 +36447,7 @@ ${$(r2)}`), n2;
36448
36447
  createBaseVNode(
36449
36448
  "div",
36450
36449
  {
36451
- ref_key: "dateTooltipsRef",
36452
- ref: dateTooltipsRef,
36450
+ ref: "dateTooltipsRef",
36453
36451
  class: "__date-tooltips__",
36454
36452
  style: normalizeStyle({ maxWidth: unref(lang) === "en" ? "210px" : "156px" })
36455
36453
  },
package/vue2/index.umd.min.js CHANGED
@@ -28578,7 +28578,6 @@ ${$(r2)}`), n2;
28578
28578
  });
28579
28579
  const props2 = __props;
28580
28580
  const emits = __emit;
28581
- const dateTooltipsRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
28582
28581
  const dateContentRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
28583
28582
  const format = __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.format);
28584
28583
  const timezoneInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
@@ -28597,7 +28596,7 @@ ${$(r2)}`), n2;
28597
28596
  return (b2 - a2) / 60;
28598
28597
  });
28599
28598
  const dateDetail = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(new DateRange(props2.modelValue, props2.format));
28600
- const tooltipsDetail = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef();
28599
+ const tooltipsDetail = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(new DateRange(dateDetail.value.dateValue, format.value));
28601
28600
  const storeKey2 = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => getStoreKey(props2.version));
28602
28601
  const datePanelShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
28603
28602
  const tooltipsShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
@@ -28659,11 +28658,13 @@ ${$(r2)}`), n2;
28659
28658
  tooltipsShow.value = false;
28660
28659
  datePanelShow.value = false;
28661
28660
  });
28661
+ __WEBPACK_EXTERNAL_MODULE_vue__.watch([() => props2.modelValue, () => props2.format, () => props2.timezone], () => {
28662
+ tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
28663
+ });
28662
28664
  function handleDateMouseenter() {
28663
28665
  if (enterTimer) return;
28664
28666
  enterTimer = setTimeout(() => {
28665
28667
  tooltipsShow.value = true;
28666
- tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
28667
28668
  enterTimer = null;
28668
28669
  }, 100);
28669
28670
  }
@@ -28687,9 +28688,7 @@ ${$(r2)}`), n2;
28687
28688
  const endDate = Array.isArray(item == null ? void 0 : item.id) ? item.id[1] : item[1];
28688
28689
  return startDate === start2 && endDate === end2;
28689
28690
  });
28690
- if (canStore && dateDetail.value.isValidate) {
28691
- setStoreDateList(val, storeKey2.value);
28692
- }
28691
+ !canStore && dateDetail.value.isValidate && setStoreDateList(val, storeKey2.value);
28693
28692
  };
28694
28693
  const handleTimezoneChange = (val, info) => {
28695
28694
  dateDetail.value = new DateRange(props2.modelValue, format.value, val);
@@ -28860,8 +28859,7 @@ ${$(r2)}`), n2;
28860
28859
  __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
28861
28860
  "div",
28862
28861
  {
28863
- ref_key: "dateTooltipsRef",
28864
- ref: dateTooltipsRef,
28862
+ ref: "dateTooltipsRef",
28865
28863
  class: "__date-tooltips__",
28866
28864
  style: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeStyle({ maxWidth: __WEBPACK_EXTERNAL_MODULE_vue__.unref(lang) === "en" ? "210px" : "156px" })
28867
28865
  },
package/vue3/index.es.min.js CHANGED
@@ -4181,7 +4181,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4181
4181
  });
4182
4182
  const props = __props;
4183
4183
  const emits = __emit;
4184
- const dateTooltipsRef = ref();
4185
4184
  const dateContentRef = ref();
4186
4185
  const format = ref(props.format);
4187
4186
  const timezoneInfo = computed(() => {
@@ -4200,7 +4199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4200
4199
  return (b - a) / 60;
4201
4200
  });
4202
4201
  const dateDetail = shallowRef(new DateRange(props.modelValue, props.format));
4203
- const tooltipsDetail = shallowRef();
4202
+ const tooltipsDetail = shallowRef(new DateRange(dateDetail.value.dateValue, format.value));
4204
4203
  const storeKey2 = computed(() => getStoreKey(props.version));
4205
4204
  const datePanelShow = ref(false);
4206
4205
  const tooltipsShow = ref(false);
@@ -4262,11 +4261,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4262
4261
  tooltipsShow.value = false;
4263
4262
  datePanelShow.value = false;
4264
4263
  });
4264
+ watch([() => props.modelValue, () => props.format, () => props.timezone], () => {
4265
+ tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
4266
+ });
4265
4267
  function handleDateMouseenter() {
4266
4268
  if (enterTimer) return;
4267
4269
  enterTimer = setTimeout(() => {
4268
4270
  tooltipsShow.value = true;
4269
- tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
4270
4271
  enterTimer = null;
4271
4272
  }, 100);
4272
4273
  }
@@ -4290,9 +4291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4290
4291
  const endDate = Array.isArray(item == null ? void 0 : item.id) ? item.id[1] : item[1];
4291
4292
  return startDate === start && endDate === end;
4292
4293
  });
4293
- if (canStore && dateDetail.value.isValidate) {
4294
- setStoreDateList(val, storeKey2.value);
4295
- }
4294
+ !canStore && dateDetail.value.isValidate && setStoreDateList(val, storeKey2.value);
4296
4295
  };
4297
4296
  const handleTimezoneChange = (val, info) => {
4298
4297
  dateDetail.value = new DateRange(props.modelValue, format.value, val);
@@ -4463,8 +4462,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4463
4462
  createElementVNode(
4464
4463
  "div",
4465
4464
  {
4466
- ref_key: "dateTooltipsRef",
4467
- ref: dateTooltipsRef,
4465
+ ref: "dateTooltipsRef",
4468
4466
  class: "__date-tooltips__",
4469
4467
  style: normalizeStyle({ maxWidth: unref(lang) === "en" ? "210px" : "156px" })
4470
4468
  },
package/vue3/index.iife.min.js CHANGED
@@ -29184,7 +29184,6 @@ ${$(r2)}`), n2;
29184
29184
  });
29185
29185
  const props2 = __props;
29186
29186
  const emits = __emit;
29187
- const dateTooltipsRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
29188
29187
  const dateContentRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref();
29189
29188
  const format = __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.format);
29190
29189
  const timezoneInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
@@ -29203,7 +29202,7 @@ ${$(r2)}`), n2;
29203
29202
  return (b2 - a2) / 60;
29204
29203
  });
29205
29204
  const dateDetail = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(new DateRange(props2.modelValue, props2.format));
29206
- const tooltipsDetail = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef();
29205
+ const tooltipsDetail = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(new DateRange(dateDetail.value.dateValue, format.value));
29207
29206
  const storeKey2 = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => getStoreKey(props2.version));
29208
29207
  const datePanelShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
29209
29208
  const tooltipsShow = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
@@ -29265,11 +29264,13 @@ ${$(r2)}`), n2;
29265
29264
  tooltipsShow.value = false;
29266
29265
  datePanelShow.value = false;
29267
29266
  });
29267
+ __WEBPACK_EXTERNAL_MODULE_vue__.watch([() => props2.modelValue, () => props2.format, () => props2.timezone], () => {
29268
+ tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
29269
+ });
29268
29270
  function handleDateMouseenter() {
29269
29271
  if (enterTimer) return;
29270
29272
  enterTimer = setTimeout(() => {
29271
29273
  tooltipsShow.value = true;
29272
- tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
29273
29274
  enterTimer = null;
29274
29275
  }, 100);
29275
29276
  }
@@ -29293,9 +29294,7 @@ ${$(r2)}`), n2;
29293
29294
  const endDate = Array.isArray(item == null ? void 0 : item.id) ? item.id[1] : item[1];
29294
29295
  return startDate === start2 && endDate === end2;
29295
29296
  });
29296
- if (canStore && dateDetail.value.isValidate) {
29297
- setStoreDateList(val, storeKey2.value);
29298
- }
29297
+ !canStore && dateDetail.value.isValidate && setStoreDateList(val, storeKey2.value);
29299
29298
  };
29300
29299
  const handleTimezoneChange = (val, info) => {
29301
29300
  dateDetail.value = new DateRange(props2.modelValue, format.value, val);
@@ -29466,8 +29465,7 @@ ${$(r2)}`), n2;
29466
29465
  __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
29467
29466
  "div",
29468
29467
  {
29469
- ref_key: "dateTooltipsRef",
29470
- ref: dateTooltipsRef,
29468
+ ref: "dateTooltipsRef",
29471
29469
  class: "__date-tooltips__",
29472
29470
  style: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeStyle({ maxWidth: __WEBPACK_EXTERNAL_MODULE_vue__.unref(lang) === "en" ? "210px" : "156px" })
29473
29471
  },
package/vue3/index.umd.min.js CHANGED
@@ -4177,7 +4177,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4177
4177
  });
4178
4178
  const props = __props;
4179
4179
  const emits = __emit;
4180
- const dateTooltipsRef = vue.ref();
4181
4180
  const dateContentRef = vue.ref();
4182
4181
  const format = vue.ref(props.format);
4183
4182
  const timezoneInfo = vue.computed(() => {
@@ -4196,7 +4195,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4196
4195
  return (b - a) / 60;
4197
4196
  });
4198
4197
  const dateDetail = vue.shallowRef(new DateRange(props.modelValue, props.format));
4199
- const tooltipsDetail = vue.shallowRef();
4198
+ const tooltipsDetail = vue.shallowRef(new DateRange(dateDetail.value.dateValue, format.value));
4200
4199
  const storeKey2 = vue.computed(() => getStoreKey(props.version));
4201
4200
  const datePanelShow = vue.ref(false);
4202
4201
  const tooltipsShow = vue.ref(false);
@@ -4258,11 +4257,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4258
4257
  tooltipsShow.value = false;
4259
4258
  datePanelShow.value = false;
4260
4259
  });
4260
+ vue.watch([() => props.modelValue, () => props.format, () => props.timezone], () => {
4261
+ tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
4262
+ });
4261
4263
  function handleDateMouseenter() {
4262
4264
  if (enterTimer) return;
4263
4265
  enterTimer = setTimeout(() => {
4264
4266
  tooltipsShow.value = true;
4265
- tooltipsDetail.value = new DateRange(dateDetail.value.dateValue, format.value, timezoneInfo.value.label);
4266
4267
  enterTimer = null;
4267
4268
  }, 100);
4268
4269
  }
@@ -4286,9 +4287,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4286
4287
  const endDate = Array.isArray(item == null ? void 0 : item.id) ? item.id[1] : item[1];
4287
4288
  return startDate === start && endDate === end;
4288
4289
  });
4289
- if (canStore && dateDetail.value.isValidate) {
4290
- setStoreDateList(val, storeKey2.value);
4291
- }
4290
+ !canStore && dateDetail.value.isValidate && setStoreDateList(val, storeKey2.value);
4292
4291
  };
4293
4292
  const handleTimezoneChange = (val, info) => {
4294
4293
  dateDetail.value = new DateRange(props.modelValue, format.value, val);
@@ -4459,8 +4458,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
4459
4458
  vue.createElementVNode(
4460
4459
  "div",
4461
4460
  {
4462
- ref_key: "dateTooltipsRef",
4463
- ref: dateTooltipsRef,
4461
+ ref: "dateTooltipsRef",
4464
4462
  class: "__date-tooltips__",
4465
4463
  style: vue.normalizeStyle({ maxWidth: vue.unref(lang) === "en" ? "210px" : "156px" })
4466
4464
  },