@ditari/bsui 1.1.32 → 1.1.34

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @ditari/bsui
2
2
 
3
+ ## 1.1.34
4
+
5
+ ### Patch Changes
6
+
7
+ - 添加组件格式化属性
8
+
9
+ ## 1.1.33
10
+
11
+ ### Patch Changes
12
+
13
+ - 1.日期去除格式化,通过透传 attrs 来实现
14
+
3
15
  ## 1.1.32
4
16
 
5
17
  ### Patch Changes
@@ -14,6 +14,12 @@ var RangePicker = /* @__PURE__ */ vue.defineComponent({
14
14
  field: {
15
15
  required: true,
16
16
  default: []
17
+ },
18
+ format: {
19
+ default: "YYYY-MM-DD"
20
+ },
21
+ valueFormat: {
22
+ default: "YYYY-MM-DD"
17
23
  }
18
24
  },
19
25
  emits: ["update:value"],
@@ -48,9 +54,9 @@ var RangePicker = /* @__PURE__ */ vue.defineComponent({
48
54
  return () => vue.createVNode("div", null, [vue.createVNode(antDesignVue.RangePicker, vue.mergeProps(attrs, {
49
55
  "value": dates.value,
50
56
  "onUpdate:value": ($event) => dates.value = $event,
51
- "format": "YYYY-MM-DD",
52
- "value-format": "YYYY-MM-DD",
53
57
  "onChange": onChange,
58
+ "format": props.format,
59
+ "valueFormat": props.valueFormat,
54
60
  "style": {
55
61
  width: "100%"
56
62
  }
@@ -1 +1 @@
1
- {"version":3,"file":"RangePicker.cjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watchEffect } 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 },\n emits: [\"update:value\"],\n setup(props, { emit, attrs }) {\n const dates = ref<string[]>([]);\n const modelValue: any = ref(props.value);\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 watchEffect(() => {\n props.field.forEach((key, index) => {\n if (modelValue[key] === \"\") {\n dates.value && (dates.value[index] = \"\");\n } else {\n dates.value && (dates.value[index] = modelValue.value[key]);\n }\n });\n });\n\n return () => (\n <div>\n <RangePicker\n {...attrs}\n v-model:value={dates.value}\n format=\"YYYY-MM-DD\"\n value-format=\"YYYY-MM-DD\"\n onChange={onChange}\n style={{ width: \"100%\" }}\n ></RangePicker>\n </div>\n );\n }\n});\n"],"names":["defineComponent","name","props","value","type","Object","field","required","default","emits","setup","emit","attrs","dates","ref","modelValue","internalModel","onChange","forEach","key","index","watchEffect","_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,GACF;AAAA,EACAC,KAAAA,EAAO,CAAC,cAAc,CAAA;AAAA,EACtBC,MAAMR,KAAO,EAAA;AAAA,IAAES,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAMC,MAAAA,KAAAA,GAAQC,OAAc,CAAA,EAAE,CAAA,CAAA;AAC9B,IAAMC,MAAAA,UAAAA,GAAkBD,OAAIZ,CAAAA,KAAAA,CAAMC,KAAK,CAAA,CAAA;AAGvC,IAAA,MAAMa,aAAgBF,GAAAA,OAAAA,CAAAA,CAAiCZ,KAAOC,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,KAAAA,KAAS,EAAE,CAAA,CAAA;AAGzE,IAAMc,MAAAA,QAAAA,GAAYJ,CAAAA,MAAsB,KAAA;AACtC,MAAA,IAAI,CAACA,MAAO,EAAA;AACVX,QAAMI,KAAAA,CAAAA,KAAAA,CAAMY,QAASC,CAAQ,GAAA,KAAA;AAC3BH,UAAcb,aAAAA,CAAAA,KAAAA,CAAMgB,GAAG,CAAI,GAAA,EAAA,CAAA;AAAA,SAC5B,CAAA,CAAA;AAAA,OACI,MAAA;AACLjB,QAAAA,KAAAA,CAAMI,KAAMY,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCJ,UAAAA,aAAAA,CAAcb,KAAMgB,CAAAA,GAAG,CAAIN,GAAAA,MAAAA,CAAMO,KAAK,CAAA,CAAA;AAAA,SACvC,CAAA,CAAA;AAAA,OACH;AACAT,MAAK,IAAA,CAAA,cAAA,EAAgBK,cAAcb,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEAkB,IAAAA,eAAAA,CAAY,MAAM;AAChBnB,MAAAA,KAAAA,CAAMI,KAAMY,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClC,QAAIL,IAAAA,UAAAA,CAAWI,GAAG,CAAA,KAAM,EAAI,EAAA;AAC1BN,UAAAA,KAAAA,CAAMV,KAAUU,KAAAA,KAAAA,CAAMV,KAAMiB,CAAAA,KAAK,CAAI,GAAA,EAAA,CAAA,CAAA;AAAA,SAChC,MAAA;AACLP,UAAAA,KAAAA,CAAMV,UAAUU,KAAMV,CAAAA,KAAAA,CAAMiB,KAAK,CAAIL,GAAAA,UAAAA,CAAWZ,MAAMgB,GAAG,CAAA,CAAA,CAAA;AAAA,SAC3D;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,MAAAG,gBAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,eAAAC,CAAAA,wBAAAA,EAAAC,eAGGZ,KAAK,EAAA;AAAA,MAAA,SACMC,KAAMV,CAAAA,KAAAA;AAAAA,MAAK,gBAAA,EAAAsB,CAAXZ,MAAAA,KAAAA,KAAAA,CAAMV,KAAKsB,GAAAA,MAAAA;AAAAA,MAAA,QAAA,EAAA,YAAA;AAAA,MAAA,cAAA,EAAA,YAAA;AAAA,MAAA,UAGhBR,EAAAA,QAAAA;AAAAA,MAAQ,OACX,EAAA;AAAA,QAAES,KAAO,EAAA,MAAA;AAAA,OAAO;AAAA,KAG5B,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}
1
+ {"version":3,"file":"RangePicker.cjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watchEffect } 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 const modelValue: any = ref(props.value);\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 watchEffect(() => {\n props.field.forEach((key, index) => {\n if (modelValue[key] === \"\") {\n dates.value && (dates.value[index] = \"\");\n } else {\n dates.value && (dates.value[index] = modelValue.value[key]);\n }\n });\n });\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","modelValue","internalModel","onChange","forEach","key","index","watchEffect","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":"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"}
@@ -12,6 +12,12 @@ declare const _default: import("vue").DefineComponent<{
12
12
  required: true;
13
13
  default: string[];
14
14
  };
15
+ format: {
16
+ default: string;
17
+ };
18
+ valueFormat: {
19
+ default: string;
20
+ };
15
21
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
22
  value: {
17
23
  type: PropType<{
@@ -22,9 +28,17 @@ declare const _default: import("vue").DefineComponent<{
22
28
  required: true;
23
29
  default: string[];
24
30
  };
31
+ format: {
32
+ default: string;
33
+ };
34
+ valueFormat: {
35
+ default: string;
36
+ };
25
37
  }>> & {
26
38
  "onUpdate:value"?: ((...args: any[]) => any) | undefined;
27
39
  }, {
28
40
  field: string[];
41
+ format: string;
42
+ valueFormat: string;
29
43
  }, {}>;
30
44
  export default _default;
@@ -12,6 +12,12 @@ declare const _default: import("vue").DefineComponent<{
12
12
  required: true;
13
13
  default: string[];
14
14
  };
15
+ format: {
16
+ default: string;
17
+ };
18
+ valueFormat: {
19
+ default: string;
20
+ };
15
21
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
22
  value: {
17
23
  type: PropType<{
@@ -22,9 +28,17 @@ declare const _default: import("vue").DefineComponent<{
22
28
  required: true;
23
29
  default: string[];
24
30
  };
31
+ format: {
32
+ default: string;
33
+ };
34
+ valueFormat: {
35
+ default: string;
36
+ };
25
37
  }>> & {
26
38
  "onUpdate:value"?: ((...args: any[]) => any) | undefined;
27
39
  }, {
28
40
  field: string[];
41
+ format: string;
42
+ valueFormat: string;
29
43
  }, {}>;
30
44
  export default _default;
@@ -10,6 +10,12 @@ var RangePicker = /* @__PURE__ */ defineComponent({
10
10
  field: {
11
11
  required: true,
12
12
  default: []
13
+ },
14
+ format: {
15
+ default: "YYYY-MM-DD"
16
+ },
17
+ valueFormat: {
18
+ default: "YYYY-MM-DD"
13
19
  }
14
20
  },
15
21
  emits: ["update:value"],
@@ -44,9 +50,9 @@ var RangePicker = /* @__PURE__ */ defineComponent({
44
50
  return () => createVNode("div", null, [createVNode(RangePicker$1, mergeProps(attrs, {
45
51
  "value": dates.value,
46
52
  "onUpdate:value": ($event) => dates.value = $event,
47
- "format": "YYYY-MM-DD",
48
- "value-format": "YYYY-MM-DD",
49
53
  "onChange": onChange,
54
+ "format": props.format,
55
+ "valueFormat": props.valueFormat,
50
56
  "style": {
51
57
  width: "100%"
52
58
  }
@@ -1 +1 @@
1
- {"version":3,"file":"RangePicker.mjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watchEffect } 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 },\n emits: [\"update:value\"],\n setup(props, { emit, attrs }) {\n const dates = ref<string[]>([]);\n const modelValue: any = ref(props.value);\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 watchEffect(() => {\n props.field.forEach((key, index) => {\n if (modelValue[key] === \"\") {\n dates.value && (dates.value[index] = \"\");\n } else {\n dates.value && (dates.value[index] = modelValue.value[key]);\n }\n });\n });\n\n return () => (\n <div>\n <RangePicker\n {...attrs}\n v-model:value={dates.value}\n format=\"YYYY-MM-DD\"\n value-format=\"YYYY-MM-DD\"\n onChange={onChange}\n style={{ width: \"100%\" }}\n ></RangePicker>\n </div>\n );\n }\n});\n"],"names":["name","props","value","type","Object","field","required","default","emits","setup","emit","attrs","dates","ref","modelValue","internalModel","onChange","forEach","key","index","watchEffect","_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,GACF;AAAA,EACAC,KAAAA,EAAO,CAAC,cAAc,CAAA;AAAA,EACtBC,MAAMR,KAAO,EAAA;AAAA,IAAES,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAMC,MAAAA,KAAAA,GAAQC,GAAc,CAAA,EAAE,CAAA,CAAA;AAC9B,IAAMC,MAAAA,UAAAA,GAAkBD,GAAIZ,CAAAA,KAAAA,CAAMC,KAAK,CAAA,CAAA;AAGvC,IAAA,MAAMa,aAAgBF,GAAAA,GAAAA,CAAAA,CAAiCZ,KAAOC,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,KAAAA,KAAS,EAAE,CAAA,CAAA;AAGzE,IAAMc,MAAAA,QAAAA,GAAYJ,CAAAA,MAAsB,KAAA;AACtC,MAAA,IAAI,CAACA,MAAO,EAAA;AACVX,QAAMI,KAAAA,CAAAA,KAAAA,CAAMY,QAASC,CAAQ,GAAA,KAAA;AAC3BH,UAAcb,aAAAA,CAAAA,KAAAA,CAAMgB,GAAG,CAAI,GAAA,EAAA,CAAA;AAAA,SAC5B,CAAA,CAAA;AAAA,OACI,MAAA;AACLjB,QAAAA,KAAAA,CAAMI,KAAMY,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCJ,UAAAA,aAAAA,CAAcb,KAAMgB,CAAAA,GAAG,CAAIN,GAAAA,MAAAA,CAAMO,KAAK,CAAA,CAAA;AAAA,SACvC,CAAA,CAAA;AAAA,OACH;AACAT,MAAK,IAAA,CAAA,cAAA,EAAgBK,cAAcb,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEAkB,IAAAA,WAAAA,CAAY,MAAM;AAChBnB,MAAAA,KAAAA,CAAMI,KAAMY,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClC,QAAIL,IAAAA,UAAAA,CAAWI,GAAG,CAAA,KAAM,EAAI,EAAA;AAC1BN,UAAAA,KAAAA,CAAMV,KAAUU,KAAAA,KAAAA,CAAMV,KAAMiB,CAAAA,KAAK,CAAI,GAAA,EAAA,CAAA,CAAA;AAAA,SAChC,MAAA;AACLP,UAAAA,KAAAA,CAAMV,UAAUU,KAAMV,CAAAA,KAAAA,CAAMiB,KAAK,CAAIL,GAAAA,UAAAA,CAAWZ,MAAMgB,GAAG,CAAA,CAAA,CAAA;AAAA,SAC3D;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,MAAAG,YAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,WAAAC,CAAAA,aAAAA,EAAAC,WAGGZ,KAAK,EAAA;AAAA,MAAA,SACMC,KAAMV,CAAAA,KAAAA;AAAAA,MAAK,gBAAA,EAAAsB,CAAXZ,MAAAA,KAAAA,KAAAA,CAAMV,KAAKsB,GAAAA,MAAAA;AAAAA,MAAA,QAAA,EAAA,YAAA;AAAA,MAAA,cAAA,EAAA,YAAA;AAAA,MAAA,UAGhBR,EAAAA,QAAAA;AAAAA,MAAQ,OACX,EAAA;AAAA,QAAES,KAAO,EAAA,MAAA;AAAA,OAAO;AAAA,KAG5B,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}
1
+ {"version":3,"file":"RangePicker.mjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watchEffect } 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 const modelValue: any = ref(props.value);\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 watchEffect(() => {\n props.field.forEach((key, index) => {\n if (modelValue[key] === \"\") {\n dates.value && (dates.value[index] = \"\");\n } else {\n dates.value && (dates.value[index] = modelValue.value[key]);\n }\n });\n });\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","modelValue","internalModel","onChange","forEach","key","index","watchEffect","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":"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"}
@@ -262,6 +262,11 @@ const onQuery = () => {
262
262
  };
263
263
 
264
264
  const queryParams = ref({ from: "", to: "" });
265
+
266
+ const format = ref("YYYY-MM-DD");
267
+ setTimeout(() => {
268
+ format.value = "YYYY";
269
+ }, 5000);
265
270
  </script>
266
271
  <script lang="ts">
267
272
  export default {
@@ -276,6 +281,8 @@ export default {
276
281
  {{ queryParams }}
277
282
  <d-range-picker
278
283
  v-model:value="queryParams"
284
+ :format="format"
285
+ :value-format="format"
279
286
  :field="['from', 'to']"
280
287
  picker="year"
281
288
  />
@@ -283,17 +290,17 @@ export default {
283
290
  <template #table="{ height }">
284
291
  <d-table
285
292
  v-model:keys="selectedRowKeys"
286
- @change="
287
- () => {
288
- console.log('change');
289
- }
290
- "
291
293
  row-key="id"
292
294
  :loading="loading"
293
295
  :expanded-row-keys="['1', '2']"
294
296
  :data="data"
295
297
  :config="config"
296
298
  :height="height - 200"
299
+ @change="
300
+ () => {
301
+ console.log('change');
302
+ }
303
+ "
297
304
  >
298
305
  <template #action>
299
306
  <a-button>ok</a-button>
@@ -301,17 +308,17 @@ export default {
301
308
  </d-table>
302
309
  <d-table
303
310
  v-model:keys="selectedRowKeys"
304
- @change="
305
- () => {
306
- console.log('change');
307
- }
308
- "
309
311
  row-key="id"
310
312
  :loading="loading"
311
313
  :expanded-row-keys="['1', '2']"
312
314
  :data="data"
313
315
  :config="config"
314
316
  :height="200"
317
+ @change="
318
+ () => {
319
+ console.log('change');
320
+ }
321
+ "
315
322
  >
316
323
  <template #action>
317
324
  <a-button>ok</a-button>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ditari/bsui",
3
- "version": "1.1.32",
3
+ "version": "1.1.34",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "author": "",
@@ -29,8 +29,8 @@
29
29
  "./theme/*": "./dist/style/*"
30
30
  },
31
31
  "dependencies": {
32
- "@ditari/hooks": "^1.0.10",
33
- "@ditari/store": "^1.0.8"
32
+ "@ditari/store": "^1.0.8",
33
+ "@ditari/hooks": "^1.0.10"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "vue": "^3.3.4",
@@ -14,6 +14,12 @@ export default defineComponent({
14
14
  field: {
15
15
  required: true,
16
16
  default: [] as string[]
17
+ },
18
+ format: {
19
+ default: "YYYY-MM-DD"
20
+ },
21
+ valueFormat: {
22
+ default: "YYYY-MM-DD"
17
23
  }
18
24
  },
19
25
  emits: ["update:value"],
@@ -53,9 +59,9 @@ export default defineComponent({
53
59
  <RangePicker
54
60
  {...attrs}
55
61
  v-model:value={dates.value}
56
- format="YYYY-MM-DD"
57
- value-format="YYYY-MM-DD"
58
62
  onChange={onChange}
63
+ format={props.format}
64
+ valueFormat={props.valueFormat}
59
65
  style={{ width: "100%" }}
60
66
  ></RangePicker>
61
67
  </div>