@ditari/bsui 1.1.44 → 1.1.45

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ditari/bsui
 
+## 1.1.45
+
+### Patch Changes
+
+- 1. 修复日期控件初始化的 bug
+
 ## 1.1.44
 
 ### Patch Changes

package/dist/cjs/date/RangePicker.cjs

@@ -57,7 +57,9 @@ var RangePicker = /* @__PURE__ */ vue.defineComponent({
         });
       }
     };
-    vue.watch(watchExpressions, watchHandler);
+    vue.watch(watchExpressions, watchHandler, {
+      immediate: true
+    });
     return () => vue.createVNode("div", null, [vue.createVNode(antDesignVue.RangePicker, vue.mergeProps(attrs, {
       "value": dates.value,
       "onUpdate:value": ($event) => dates.value = $event,

package/dist/cjs/date/RangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.cjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n  name: \"DRangePicker\",\n  props: {\n    value: {\n      type: Object as PropType<{ [name: string]: unknown }>\n    },\n    field: {\n      required: true,\n      default: [] as string[]\n    },\n    format: {\n      default: \"YYYY-MM-DD\"\n    },\n    valueFormat: {\n      default: \"YYYY-MM-DD\"\n    }\n  },\n  emits: [\"update:value\"],\n  setup(props, { emit, attrs }) {\n    const dates = ref<string[]>([]);\n\n    //内部model\n    const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n    // 监听日期变化\n    const onChange = (dates: [any, any]) => {\n      if (!dates) {\n        props.field.forEach((key) => {\n          internalModel.value[key] = \"\";\n        });\n      } else {\n        props.field.forEach((key, index) => {\n          internalModel.value[key] = dates[index];\n        });\n      }\n      emit(\"update:value\", internalModel.value);\n    };\n\n    //循环字段\n    // eslint-disable-next-line vue/no-setup-props-destructure\n    const watchExpressions = props.field.map((key) => () => {\n      return props.value?.[key];\n    });\n\n    const watchHandler = (newValues: any) => {\n      // 判断是否被置空只有这两个字段同时为空，才是表明被置空\n      const isClear = props.field.every((key, index) => {\n        return newValues[index] === \"\" || newValues[index] === undefined;\n      });\n      if (isClear) {\n        dates.value = [];\n      } else {\n        props.field.forEach((key, index) => {\n          dates.value && (dates.value[index] = newValues[index]);\n        });\n      }\n    };\n    //监听多个字段变化\n    watch(watchExpressions, watchHandler);\n\n    return () => (\n      <div>\n        <RangePicker\n          {...attrs}\n          v-model:value={dates.value}\n          onChange={onChange}\n          format={props.format}\n          valueFormat={props.valueFormat}\n          style={{ width: \"100%\" }}\n        ></RangePicker>\n      </div>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":";;;;;;;AAOA,kCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,KAAO,EAAA;AAAA,MACLC,IAAMC,EAAAA,MAAAA;AAAAA,KACR;AAAA,IACAC,KAAO,EAAA;AAAA,MACLC,QAAU,EAAA,IAAA;AAAA,MACVC,SAAS,EAAA;AAAA,KACX;AAAA,IACAC,MAAQ,EAAA;AAAA,MACND,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,IACAE,WAAa,EAAA;AAAA,MACXF,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,GACF;AAAA,EACAG,KAAAA,EAAO,CAAC,cAAc,CAAA;AAAA,EACtBC,MAAMV,KAAO,EAAA;AAAA,IAAEW,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAMC,MAAAA,KAAAA,GAAQC,OAAc,CAAA,EAAE,CAAA,CAAA;AAG9B,IAAA,MAAMC,aAAgBD,GAAAA,OAAAA,CAAAA,CAAiCd,KAAOC,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,KAAAA,KAAS,EAAE,CAAA,CAAA;AAGzE,IAAMe,MAAAA,QAAAA,GAAYH,CAAAA,MAAsB,KAAA;AACtC,MAAA,IAAI,CAACA,MAAO,EAAA;AACVb,QAAMI,KAAAA,CAAAA,KAAAA,CAAMa,QAASC,CAAQ,GAAA,KAAA;AAC3BH,UAAcd,aAAAA,CAAAA,KAAAA,CAAMiB,GAAG,CAAI,GAAA,EAAA,CAAA;AAAA,SAC5B,CAAA,CAAA;AAAA,OACI,MAAA;AACLlB,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCJ,UAAAA,aAAAA,CAAcd,KAAMiB,CAAAA,GAAG,CAAIL,GAAAA,MAAAA,CAAMM,KAAK,CAAA,CAAA;AAAA,SACvC,CAAA,CAAA;AAAA,OACH;AACAR,MAAK,IAAA,CAAA,cAAA,EAAgBI,cAAcd,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;AAIA,IAAA,MAAMmB,gBAAmBpB,GAAAA,KAAAA,CAAMI,KAAMiB,CAAAA,GAAAA,CAAKH,SAAQ,MAAM;;AACtD,MAAOlB,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMC,UAAND,IAAckB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,GAAAA,CAAAA,CAAAA;AAAAA,KACtB,CAAA,CAAA;AAED,IAAA,MAAMI,eAAgBC,CAAmB,SAAA,KAAA;AAEvC,MAAA,MAAMC,UAAUxB,KAAMI,CAAAA,KAAAA,CAAMqB,KAAM,CAAA,CAACP,KAAKC,KAAU,KAAA;AAChD,QAAA,OAAOI,UAAUJ,KAAK,CAAA,KAAM,EAAMI,IAAAA,SAAAA,CAAUJ,KAAK,CAAMO,KAAAA,KAAAA,CAAAA,CAAAA;AAAAA,OACxD,CAAA,CAAA;AACD,MAAA,IAAIF,OAAS,EAAA;AACXX,QAAAA,KAAAA,CAAMZ,QAAQ,EAAE,CAAA;AAAA,OACX,MAAA;AACLD,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCN,UAAAA,KAAAA,CAAMZ,UAAUY,KAAMZ,CAAAA,KAAAA,CAAMkB,KAAK,CAAA,GAAII,UAAUJ,KAAK,CAAA,CAAA,CAAA;AAAA,SACrD,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEAQ,IAAAA,SAAAA,CAAMP,kBAAkBE,YAAY,CAAA,CAAA;AAEpC,IAAO,OAAA,MAAAM,gBAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,eAAAC,CAAAA,wBAAAA,EAAAC,eAGGlB,KAAK,EAAA;AAAA,MAAA,SACMC,KAAMZ,CAAAA,KAAAA;AAAAA,MAAK,gBAAA,EAAA8B,CAAXlB,MAAAA,KAAAA,KAAAA,CAAMZ,KAAK8B,GAAAA,MAAAA;AAAAA,MAAA,UAChBf,EAAAA,QAAAA;AAAAA,MAAQ,UACVhB,KAAMO,CAAAA,MAAAA;AAAAA,MAAM,eACPP,KAAMQ,CAAAA,WAAAA;AAAAA,MAAW,OACvB,EAAA;AAAA,QAAEwB,KAAO,EAAA,MAAA;AAAA,OAAO;AAAA,KAG5B,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"RangePicker.cjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n  name: \"DRangePicker\",\n  props: {\n    value: {\n      type: Object as PropType<{ [name: string]: unknown }>\n    },\n    field: {\n      required: true,\n      default: [] as string[]\n    },\n    format: {\n      default: \"YYYY-MM-DD\"\n    },\n    valueFormat: {\n      default: \"YYYY-MM-DD\"\n    }\n  },\n  emits: [\"update:value\"],\n  setup(props, { emit, attrs }) {\n    const dates = ref<string[]>([]);\n\n    //内部model\n    const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n    // 监听日期变化\n    const onChange = (dates: [any, any]) => {\n      if (!dates) {\n        props.field.forEach((key) => {\n          internalModel.value[key] = \"\";\n        });\n      } else {\n        props.field.forEach((key, index) => {\n          internalModel.value[key] = dates[index];\n        });\n      }\n      emit(\"update:value\", internalModel.value);\n    };\n\n    //循环字段\n    // eslint-disable-next-line vue/no-setup-props-destructure\n    const watchExpressions = props.field.map((key) => () => {\n      return props.value?.[key];\n    });\n\n    const watchHandler = (newValues: any) => {\n      // 判断是否被置空只有这两个字段同时为空，才是表明被置空\n      const isClear = props.field.every((key, index) => {\n        return newValues[index] === \"\" || newValues[index] === undefined;\n      });\n      if (isClear) {\n        dates.value = [];\n      } else {\n        props.field.forEach((key, index) => {\n          dates.value && (dates.value[index] = newValues[index]);\n        });\n      }\n    };\n    //监听多个字段变化\n    watch(watchExpressions, watchHandler, { immediate: true });\n\n    return () => (\n      <div>\n        <RangePicker\n          {...attrs}\n          v-model:value={dates.value}\n          onChange={onChange}\n          format={props.format}\n          valueFormat={props.valueFormat}\n          style={{ width: \"100%\" }}\n        ></RangePicker>\n      </div>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","immediate","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":"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"}

package/dist/esm/date/RangePicker.mjs

@@ -53,7 +53,9 @@ var RangePicker = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    watch(watchExpressions, watchHandler);
+    watch(watchExpressions, watchHandler, {
+      immediate: true
+    });
     return () => createVNode("div", null, [createVNode(RangePicker$1, mergeProps(attrs, {
       "value": dates.value,
       "onUpdate:value": ($event) => dates.value = $event,

package/dist/esm/date/RangePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.mjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n  name: \"DRangePicker\",\n  props: {\n    value: {\n      type: Object as PropType<{ [name: string]: unknown }>\n    },\n    field: {\n      required: true,\n      default: [] as string[]\n    },\n    format: {\n      default: \"YYYY-MM-DD\"\n    },\n    valueFormat: {\n      default: \"YYYY-MM-DD\"\n    }\n  },\n  emits: [\"update:value\"],\n  setup(props, { emit, attrs }) {\n    const dates = ref<string[]>([]);\n\n    //内部model\n    const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n    // 监听日期变化\n    const onChange = (dates: [any, any]) => {\n      if (!dates) {\n        props.field.forEach((key) => {\n          internalModel.value[key] = \"\";\n        });\n      } else {\n        props.field.forEach((key, index) => {\n          internalModel.value[key] = dates[index];\n        });\n      }\n      emit(\"update:value\", internalModel.value);\n    };\n\n    //循环字段\n    // eslint-disable-next-line vue/no-setup-props-destructure\n    const watchExpressions = props.field.map((key) => () => {\n      return props.value?.[key];\n    });\n\n    const watchHandler = (newValues: any) => {\n      // 判断是否被置空只有这两个字段同时为空，才是表明被置空\n      const isClear = props.field.every((key, index) => {\n        return newValues[index] === \"\" || newValues[index] === undefined;\n      });\n      if (isClear) {\n        dates.value = [];\n      } else {\n        props.field.forEach((key, index) => {\n          dates.value && (dates.value[index] = newValues[index]);\n        });\n      }\n    };\n    //监听多个字段变化\n    watch(watchExpressions, watchHandler);\n\n    return () => (\n      <div>\n        <RangePicker\n          {...attrs}\n          v-model:value={dates.value}\n          onChange={onChange}\n          format={props.format}\n          valueFormat={props.valueFormat}\n          style={{ width: \"100%\" }}\n        ></RangePicker>\n      </div>\n    );\n  }\n});\n"],"names":["name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":"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"}
+{"version":3,"file":"RangePicker.mjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n  name: \"DRangePicker\",\n  props: {\n    value: {\n      type: Object as PropType<{ [name: string]: unknown }>\n    },\n    field: {\n      required: true,\n      default: [] as string[]\n    },\n    format: {\n      default: \"YYYY-MM-DD\"\n    },\n    valueFormat: {\n      default: \"YYYY-MM-DD\"\n    }\n  },\n  emits: [\"update:value\"],\n  setup(props, { emit, attrs }) {\n    const dates = ref<string[]>([]);\n\n    //内部model\n    const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n    // 监听日期变化\n    const onChange = (dates: [any, any]) => {\n      if (!dates) {\n        props.field.forEach((key) => {\n          internalModel.value[key] = \"\";\n        });\n      } else {\n        props.field.forEach((key, index) => {\n          internalModel.value[key] = dates[index];\n        });\n      }\n      emit(\"update:value\", internalModel.value);\n    };\n\n    //循环字段\n    // eslint-disable-next-line vue/no-setup-props-destructure\n    const watchExpressions = props.field.map((key) => () => {\n      return props.value?.[key];\n    });\n\n    const watchHandler = (newValues: any) => {\n      // 判断是否被置空只有这两个字段同时为空，才是表明被置空\n      const isClear = props.field.every((key, index) => {\n        return newValues[index] === \"\" || newValues[index] === undefined;\n      });\n      if (isClear) {\n        dates.value = [];\n      } else {\n        props.field.forEach((key, index) => {\n          dates.value && (dates.value[index] = newValues[index]);\n        });\n      }\n    };\n    //监听多个字段变化\n    watch(watchExpressions, watchHandler, { immediate: true });\n\n    return () => (\n      <div>\n        <RangePicker\n          {...attrs}\n          v-model:value={dates.value}\n          onChange={onChange}\n          format={props.format}\n          valueFormat={props.valueFormat}\n          style={{ width: \"100%\" }}\n        ></RangePicker>\n      </div>\n    );\n  }\n});\n"],"names":["name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","immediate","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":";;;AAOA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,KAAO,EAAA;AAAA,MACLC,IAAMC,EAAAA,MAAAA;AAAAA,KACR;AAAA,IACAC,KAAO,EAAA;AAAA,MACLC,QAAU,EAAA,IAAA;AAAA,MACVC,SAAS,EAAA;AAAA,KACX;AAAA,IACAC,MAAQ,EAAA;AAAA,MACND,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,IACAE,WAAa,EAAA;AAAA,MACXF,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,GACF;AAAA,EACAG,KAAAA,EAAO,CAAC,cAAc,CAAA;AAAA,EACtBC,MAAMV,KAAO,EAAA;AAAA,IAAEW,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAMC,MAAAA,KAAAA,GAAQC,GAAc,CAAA,EAAE,CAAA,CAAA;AAG9B,IAAA,MAAMC,aAAgBD,GAAAA,GAAAA,CAAAA,CAAiCd,KAAOC,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,KAAAA,KAAS,EAAE,CAAA,CAAA;AAGzE,IAAMe,MAAAA,QAAAA,GAAYH,CAAAA,MAAsB,KAAA;AACtC,MAAA,IAAI,CAACA,MAAO,EAAA;AACVb,QAAMI,KAAAA,CAAAA,KAAAA,CAAMa,QAASC,CAAQ,GAAA,KAAA;AAC3BH,UAAcd,aAAAA,CAAAA,KAAAA,CAAMiB,GAAG,CAAI,GAAA,EAAA,CAAA;AAAA,SAC5B,CAAA,CAAA;AAAA,OACI,MAAA;AACLlB,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCJ,UAAAA,aAAAA,CAAcd,KAAMiB,CAAAA,GAAG,CAAIL,GAAAA,MAAAA,CAAMM,KAAK,CAAA,CAAA;AAAA,SACvC,CAAA,CAAA;AAAA,OACH;AACAR,MAAK,IAAA,CAAA,cAAA,EAAgBI,cAAcd,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;AAIA,IAAA,MAAMmB,gBAAmBpB,GAAAA,KAAAA,CAAMI,KAAMiB,CAAAA,GAAAA,CAAKH,SAAQ,MAAM;;AACtD,MAAOlB,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMC,UAAND,IAAckB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,GAAAA,CAAAA,CAAAA;AAAAA,KACtB,CAAA,CAAA;AAED,IAAA,MAAMI,eAAgBC,CAAmB,SAAA,KAAA;AAEvC,MAAA,MAAMC,UAAUxB,KAAMI,CAAAA,KAAAA,CAAMqB,KAAM,CAAA,CAACP,KAAKC,KAAU,KAAA;AAChD,QAAA,OAAOI,UAAUJ,KAAK,CAAA,KAAM,EAAMI,IAAAA,SAAAA,CAAUJ,KAAK,CAAMO,KAAAA,KAAAA,CAAAA,CAAAA;AAAAA,OACxD,CAAA,CAAA;AACD,MAAA,IAAIF,OAAS,EAAA;AACXX,QAAAA,KAAAA,CAAMZ,QAAQ,EAAE,CAAA;AAAA,OACX,MAAA;AACLD,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCN,UAAAA,KAAAA,CAAMZ,UAAUY,KAAMZ,CAAAA,KAAAA,CAAMkB,KAAK,CAAA,GAAII,UAAUJ,KAAK,CAAA,CAAA,CAAA;AAAA,SACrD,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEAQ,IAAAA,KAAAA,CAAMP,kBAAkBE,YAAc,EAAA;AAAA,MAAEM,SAAW,EAAA,IAAA;AAAA,KAAM,CAAA,CAAA;AAEzD,IAAO,OAAA,MAAAC,YAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,WAAAC,CAAAA,aAAAA,EAAAC,WAGGnB,KAAK,EAAA;AAAA,MAAA,SACMC,KAAMZ,CAAAA,KAAAA;AAAAA,MAAK,gBAAA,EAAA+B,CAAXnB,MAAAA,KAAAA,KAAAA,CAAMZ,KAAK+B,GAAAA,MAAAA;AAAAA,MAAA,UAChBhB,EAAAA,QAAAA;AAAAA,MAAQ,UACVhB,KAAMO,CAAAA,MAAAA;AAAAA,MAAM,eACPP,KAAMQ,CAAAA,WAAAA;AAAAA,MAAW,OACvB,EAAA;AAAA,QAAEyB,KAAO,EAAA,MAAA;AAAA,OAAO;AAAA,KAG5B,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}

package/example/src/views/table/List.vue

@@ -1,5 +1,11 @@
 <script setup lang="ts">
-import { ref, onDeactivated, onBeforeUnmount, onActivated } from "vue";
+import {
+  ref,
+  onDeactivated,
+  onBeforeUnmount,
+  onActivated,
+  watchEffect
+} from "vue";
 import { useTable } from "./hooks";
 
 const { data, loading, config, selectedRowKeys } = useTable();
@@ -268,12 +274,12 @@ const onQuery = () => {
   console.log("22");
 };
 
-const queryParams = ref({ from: "", to: "" });
+const queryParams = ref({ from: "2023-02-04", to: "2023-05-06" });
 
-setTimeout(() => {
-  queryParams.value.from = "2023-02-04";
-  queryParams.value.to = "2023-05-06";
-}, 200);
+// setTimeout(() => {
+//   queryParams.value.from = "2023-02-04";
+//   queryParams.value.to = "2023-05-06";
+// }, 200);
 
 const customHeaderCell = (columns: any) => {
   console.log(columns);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.1.44",
+  "version": "1.1.45",
   "description": "",
   "keywords": [],
   "author": "",

package/src/date/RangePicker.tsx

@@ -63,7 +63,7 @@ export default defineComponent({
       }
     };
     //监听多个字段变化
-    watch(watchExpressions, watchHandler);
+    watch(watchExpressions, watchHandler, { immediate: true });
 
     return () => (
       <div>