pro-design-vue 0.0.1-beta.1

package/es/components/form/src/fields/FieldDatePicker.d.ts

@@ -0,0 +1,195 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dateRender: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superNextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superPrevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    renderExtraFooter: {
+        type: StringConstructor;
+        default: string;
+    };
+    monthCellRender: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    format: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    picker: {
+        type: PropType<"date" | "week" | "month" | "quarter" | "year">;
+        default: string;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showTime: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dateRender: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superNextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superPrevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    renderExtraFooter: {
+        type: StringConstructor;
+        default: string;
+    };
+    monthCellRender: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    format: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    picker: {
+        type: PropType<"date" | "week" | "month" | "quarter" | "year">;
+        default: string;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showTime: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>> & Readonly<{}>, {
+    options: (string | number | import("pro-design-vue").RequestOptionsType)[] | ((formData: import("pro-design-vue").Entity, rowData?: import("pro-design-vue").Entity) => (string | number | import("pro-design-vue").RequestOptionsType)[]) | undefined;
+    readonlyProps: import("pro-design-vue").ReadonlyProps | undefined;
+    params: Record<string, any> | ((record: import("pro-design-vue").Entity) => Record<string, any>) | undefined;
+    request: import("pro-design-vue").FieldRequestData<any> | undefined;
+    readonly: boolean;
+    valueEnum: import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap | ((formData: import("pro-design-vue").Entity) => import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap) | undefined;
+    dependencies: import("pro-design-vue").NamePath[] | undefined;
+    suffixIcon: string;
+    dateRender: string;
+    nextIcon: string;
+    prevIcon: string;
+    superNextIcon: string;
+    superPrevIcon: string;
+    renderExtraFooter: string;
+    monthCellRender: string;
+    format: string | Function;
+    picker: "date" | "week" | "month" | "year" | "quarter";
+    valueFormat: string;
+    showTime: boolean | Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/form/src/fields/FieldDatePicker.mjs

@@ -0,0 +1,141 @@
+import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { DatePicker } from 'ant-design-vue';
+import { useInjectSlots } from '../context/FormSlotsContext.mjs';
+import { commonFieldProps } from '../props.mjs';
+import dayjs from 'dayjs';
+import getSlot from '../utils/getSlot.mjs';
+import parseValueToDay from '../utils/parseValueToMoment.mjs';
+import { fieldDateFormatterMap } from '../utils/fieldDateFormatterMap.mjs';
+import FieldReadonly from './FieldReadonly.mjs';
+import { useIntl } from '../../../config-provider/src/useIntl.mjs';
+import { isObject } from '../../../../utils/validate.mjs';
+import { runFunction } from '../../../../utils/run-function.mjs';
+import { RenderVNode } from '../../../../utils/render-vnode.mjs';
+
+const SLOT_NAMES = ["dateRender", "nextIcon", "prevIcon", "suffixIcon", "superNextIcon", "superPrevIcon", "renderExtraFooter", "monthCellRender"];
+var FieldDatePicker = /* @__PURE__ */ defineComponent({
+  name: "FieldDatePicker",
+  props: {
+    ...commonFieldProps(),
+    dateRender: {
+      type: String,
+      default: ""
+    },
+    nextIcon: {
+      type: String,
+      default: ""
+    },
+    prevIcon: {
+      type: String,
+      default: ""
+    },
+    suffixIcon: {
+      type: String,
+      default: ""
+    },
+    superNextIcon: {
+      type: String,
+      default: ""
+    },
+    superPrevIcon: {
+      type: String,
+      default: ""
+    },
+    renderExtraFooter: {
+      type: String,
+      default: ""
+    },
+    monthCellRender: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String
+    },
+    format: {
+      type: [String, Function],
+      default: void 0
+    },
+    picker: {
+      type: String,
+      default: "date"
+    },
+    valueFormat: {
+      type: String,
+      default: void 0
+    },
+    showTime: {
+      type: [Boolean, Object],
+      default: void 0
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const intl = useIntl();
+    const formSlotsContext = useInjectSlots();
+    const defaultFormat = computed(() => {
+      var _a;
+      const dataFormat = fieldDateFormatterMap[props.picker];
+      if (props.showTime === true) {
+        return dataFormat + " " + fieldDateFormatterMap["time"];
+      } else if (isObject(props.showTime)) {
+        return dataFormat + " " + ((_a = props.showTime.format) != null ? _a : fieldDateFormatterMap["time"]);
+      }
+      return dataFormat;
+    });
+    const format = computed(() => {
+      var _a;
+      return (_a = runFunction(props.format)) != null ? _a : defaultFormat.value;
+    });
+    const valueFormat = computed(() => {
+      var _a;
+      return (_a = props.valueFormat) != null ? _a : defaultFormat.value;
+    });
+    const dayValue = computed(() => parseValueToDay(props.value, format.value));
+    const readValue = computed(() => {
+      if (dayValue.value) {
+        return dayjs(dayValue.value).format(valueFormat.value);
+      }
+      return void 0;
+    });
+    const slotsGetter = computed(() => {
+      const temp = {};
+      SLOT_NAMES.forEach((name) => {
+        const slot = getSlot(props[name], formSlotsContext);
+        if (slot) {
+          temp[name] = () => createVNode(RenderVNode, {
+            "vnode": slot
+          }, null);
+        }
+      });
+      return temp;
+    });
+    const onChange = (value, dateString) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value, dateString);
+    };
+    return () => {
+      if (props.readonly) {
+        return createVNode(FieldReadonly, mergeProps({
+          "text": readValue.value,
+          "class": attrs.class,
+          "style": attrs.style
+        }, props.readonlyProps), null);
+      }
+      return createVNode(DatePicker, mergeProps({
+        "value": dayValue.value
+      }, attrs, {
+        "format": format.value,
+        "picker": props.picker,
+        "showTime": props.showTime,
+        "valueFormat": valueFormat.value,
+        "placeholder": props.placeholder || intl.getMessage("form.selectPlaceholder", "\u8BF7\u9009\u62E9"),
+        "onChange": onChange
+      }), slotsGetter.value);
+    };
+  }
+});
+
+export { FieldDatePicker as default };
+//# sourceMappingURL=FieldDatePicker.mjs.map

package/es/components/form/src/fields/FieldDatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDatePicker.mjs","sources":["../../../../../../../packages/components/form/src/fields/FieldDatePicker.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-10 14:34:03\n * @LastEditors: shen\n * @LastEditTime: 2025-09-01 13:33:51\n * @Description:\n */\nimport type { PropType } from 'vue'\n\nimport { computed, defineComponent } from 'vue'\nimport { DatePicker } from 'ant-design-vue'\nimport { useInjectSlots } from '../context/FormSlotsContext'\nimport { commonFieldProps } from '../props'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport { isObject, RenderVNode, runFunction } from '@pro-design-vue/utils'\nimport dayjs from 'dayjs'\nimport getSlot from '../utils/getSlot'\nimport parseValueToDay from '../utils/parseValueToMoment'\nimport fieldDateFormatterMap from '../utils/fieldDateFormatterMap'\n\nimport FieldReadonly from './FieldReadonly'\n\nconst SLOT_NAMES = [\n  'dateRender',\n  'nextIcon',\n  'prevIcon',\n  'suffixIcon',\n  'superNextIcon',\n  'superPrevIcon',\n  'renderExtraFooter',\n  'monthCellRender',\n]\n\nexport default defineComponent({\n  name: 'FieldDatePicker',\n  props: {\n    ...commonFieldProps(),\n    dateRender: {\n      type: String,\n      default: '',\n    },\n    nextIcon: {\n      type: String,\n      default: '',\n    },\n    prevIcon: {\n      type: String,\n      default: '',\n    },\n    suffixIcon: {\n      type: String,\n      default: '',\n    },\n    superNextIcon: {\n      type: String,\n      default: '',\n    },\n    superPrevIcon: {\n      type: String,\n      default: '',\n    },\n    renderExtraFooter: {\n      type: String,\n      default: '',\n    },\n    monthCellRender: {\n      type: String,\n      default: '',\n    },\n    placeholder: {\n      type: String,\n    },\n    format: {\n      type: [String, Function],\n      default: undefined,\n    },\n    picker: {\n      type: String as PropType<'date' | 'week' | 'month' | 'quarter' | 'year'>,\n      default: 'date',\n    },\n    valueFormat: {\n      type: String,\n      default: undefined,\n    },\n    showTime: {\n      type: [Boolean, Object],\n      default: undefined,\n    },\n  },\n  setup(props, { attrs }) {\n    const intl = useIntl()\n    const formSlotsContext = useInjectSlots()\n\n    const defaultFormat = computed(() => {\n      const dataFormat = fieldDateFormatterMap[props.picker]\n      if (props.showTime === true) {\n        return dataFormat + ' ' + fieldDateFormatterMap['time']\n      } else if (isObject(props.showTime)) {\n        return dataFormat + ' ' + (props.showTime.format ?? fieldDateFormatterMap['time'])\n      }\n      return dataFormat\n    })\n\n    const format = computed(() => runFunction(props.format) ?? defaultFormat.value)\n    const valueFormat = computed(() => props.valueFormat ?? defaultFormat.value)\n    const dayValue = computed(() => parseValueToDay(props.value, format.value) as dayjs.Dayjs)\n    const readValue = computed(() => {\n      if (dayValue.value) {\n        return dayjs(dayValue.value).format(valueFormat.value)\n      }\n      return undefined\n    })\n\n    const slotsGetter = computed(() => {\n      const temp = {}\n      SLOT_NAMES.forEach((name) => {\n        const slot = getSlot(props[name], formSlotsContext)\n        if (slot) {\n          temp[name] = () => <RenderVNode vnode={slot} />\n        }\n      })\n      return temp\n    })\n\n    const onChange = (value: any, dateString: string) => {\n      props.onChange?.(value, dateString)\n    }\n\n    return () => {\n      if (props.readonly) {\n        return (\n          <FieldReadonly\n            text={readValue.value}\n            class={attrs.class}\n            style={attrs.style}\n            {...props.readonlyProps}\n          />\n        )\n      }\n      return (\n        <DatePicker\n          value={dayValue.value}\n          {...attrs}\n          format={format.value}\n          picker={props.picker}\n          showTime={props.showTime}\n          valueFormat={valueFormat.value}\n          placeholder={props.placeholder || intl.getMessage('form.selectPlaceholder', '请选择')}\n          v-slots={slotsGetter.value}\n          onChange={onChange}\n        />\n      )\n    }\n  },\n})\n"],"names":["SLOT_NAMES","name","props","commonFieldProps","dateRender","type","String","default","nextIcon","prevIcon","suffixIcon","superNextIcon","superPrevIcon","renderExtraFooter","monthCellRender","placeholder","format","Function","undefined","picker","valueFormat","showTime","Boolean","Object","setup","attrs","intl","useIntl","formSlotsContext","useInjectSlots","defaultFormat","computed","dataFormat","fieldDateFormatterMap","isObject","runFunction","value","dayValue","parseValueToDay","readValue","dayjs","slotsGetter","temp","forEach","slot","getSlot","_createVNode","RenderVNode","onChange","dateString","readonly","FieldReadonly","_mergeProps","class","style","readonlyProps","DatePicker","getMessage"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,UAAAA,GAAa,CACjB,YAAA,EACA,UAAA,EACA,YACA,YAAA,EACA,eAAA,EACA,eAAA,EACA,mBAAA,EACA,iBAAiB,CAAA;AAGnB,sDAA+B;AAAA,EAC7BC,IAAAA,EAAM,iBAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACL,GAAGC,gBAAAA,EAAiB;AAAA,IACpBC,UAAAA,EAAY;AAAA,MACVC,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAC,QAAAA,EAAU;AAAA,MACRH,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAE,QAAAA,EAAU;AAAA,MACRJ,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAG,UAAAA,EAAY;AAAA,MACVL,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAI,aAAAA,EAAe;AAAA,MACbN,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAK,aAAAA,EAAe;AAAA,MACbP,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAM,iBAAAA,EAAmB;AAAA,MACjBR,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAO,eAAAA,EAAiB;AAAA,MACfT,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAQ,WAAAA,EAAa;AAAA,MACXV,IAAAA,EAAMC;AAAAA,KACR;AAAA,IACAU,MAAAA,EAAQ;AAAA,MACNX,IAAAA,EAAM,CAACC,MAAAA,EAAQW,QAAQ,CAAA;AAAA,MACvBV,OAAAA,EAASW;AAAAA,KACX;AAAA,IACAC,MAAAA,EAAQ;AAAA,MACNd,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAa,WAAAA,EAAa;AAAA,MACXf,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAASW;AAAAA,KACX;AAAA,IACAG,QAAAA,EAAU;AAAA,MACRhB,IAAAA,EAAM,CAACiB,OAAAA,EAASC,MAAM,CAAA;AAAA,MACtBhB,OAAAA,EAASW;AAAAA;AACX,GACF;AAAA,EACAM,MAAMtB,KAAAA,EAAO;AAAA,IAAEuB;AAAAA,GAAM,EAAG;AACtB,IAAA,MAAMC,OAAOC,OAAAA,EAAQ;AACrB,IAAA,MAAMC,mBAAmBC,cAAAA,EAAe;AAExC,IAAA,MAAMC,aAAAA,GAAgBC,SAAS,MAAM;AA7FzC,MAAA,IAAA,EAAA;AA8FM,MAAA,MAAMC,UAAAA,GAAaC,qBAAAA,CAAsB/B,KAAAA,CAAMiB,MAAM,CAAA;AACrD,MAAA,IAAIjB,KAAAA,CAAMmB,aAAa,IAAA,EAAM;AAC3B,QAAA,OAAOW,UAAAA,GAAa,GAAA,GAAMC,qBAAAA,CAAsB,MAAM,CAAA;AAAA,MACxD,CAAA,MAAA,IAAWC,QAAAA,CAAShC,KAAAA,CAAMmB,QAAQ,CAAA,EAAG;AACnC,QAAA,OAAOW,aAAa,GAAA,IAAA,CAAO9B,EAAAA,GAAAA,KAAAA,CAAMmB,SAASL,MAAAA,KAAfd,IAAAA,GAAAA,EAAAA,GAAyB+B,sBAAsB,MAAM,CAAA,CAAA;AAAA,MAClF;AACA,MAAA,OAAOD,UAAAA;AAAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAMhB,MAAAA,GAASe,SAAS;AAvG5B,MAAA,IAAA,EAAA;AAuGkCI,MAAAA,OAAAA,CAAAA,EAAAA,GAAAA,WAAAA,CAAYjC,KAAAA,CAAMc,MAAM,CAAA,KAAxBmB,IAAAA,GAAAA,EAAAA,GAA6BL,aAAAA,CAAcM,KAAAA;AAAAA,IAAAA,CAAK,CAAA;AAC9E,IAAA,MAAMhB,WAAAA,GAAcW,SAAS,MAAA;AAxGjC,MAAA,IAAA,EAAA;AAwGuC7B,MAAAA,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMkB,WAAAA,KAANlB,YAAqB4B,aAAAA,CAAcM,KAAAA;AAAAA,IAAAA,CAAK,CAAA;AAC3E,IAAA,MAAMC,QAAAA,GAAWN,SAAS,MAAMO,eAAAA,CAAgBpC,MAAMkC,KAAAA,EAAOpB,MAAAA,CAAOoB,KAAK,CAAgB,CAAA;AACzF,IAAA,MAAMG,SAAAA,GAAYR,SAAS,MAAM;AAC/B,MAAA,IAAIM,SAASD,KAAAA,EAAO;AAClB,QAAA,OAAOI,MAAMH,QAAAA,CAASD,KAAK,CAAA,CAAEpB,MAAAA,CAAOI,YAAYgB,KAAK,CAAA;AAAA,MACvD;AACA,MAAA,OAAOlB,MAAAA;AAAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAMuB,WAAAA,GAAcV,SAAS,MAAM;AACjC,MAAA,MAAMW,OAAO,EAAC;AACd1C,MAAAA,UAAAA,CAAW2C,QAAS1C,CAAAA,IAAAA,KAAS;AAC3B,QAAA,MAAM2C,IAAAA,GAAOC,OAAAA,CAAQ3C,KAAAA,CAAMD,IAAI,GAAG2B,gBAAgB,CAAA;AAClD,QAAA,IAAIgB,IAAAA,EAAM;AACRF,UAAAA,IAAAA,CAAKzC,IAAI,CAAA,GAAI,MAAA6C,WAAAA,CAAAC,WAAAA,EAAA;AAAA,YAAA,OAAA,EAA0BH;AAAAA,aAAI,IAAA,CAAA;AAAA,QAC7C;AAAA,MACF,CAAC,CAAA;AACD,MAAA,OAAOF,IAAAA;AAAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAMM,QAAAA,GAAWA,CAACZ,KAAAA,EAAYa,UAAAA,KAAuB;AA5HzD,MAAA,IAAA,EAAA;AA6HM/C,MAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAM8C,QAAAA,KAAN9C,+BAAiBkC,KAAAA,EAAOa,UAAAA,CAAAA;AAAAA,IAC1B,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI/C,MAAMgD,QAAAA,EAAU;AAClB,QAAA,OAAAJ,WAAAA,CAAAK,eAAAC,UAAAA,CAAA;AAAA,UAAA,QAEUb,SAAAA,CAAUH,KAAAA;AAAAA,UAAK,SACdX,KAAAA,CAAM4B,KAAAA;AAAAA,UAAK,SACX5B,KAAAA,CAAM6B;AAAAA,SAAK,EACdpD,KAAAA,CAAMqD,aAAa,CAAA,EAAA,IAAA,CAAA;AAAA,MAG7B;AACA,MAAA,OAAAT,WAAAA,CAAAU,YAAAJ,UAAAA,CAAA;AAAA,QAAA,SAEWf,QAAAA,CAASD;AAAAA,SACZX,KAAAA,EAAK;AAAA,QAAA,UACDT,MAAAA,CAAOoB,KAAAA;AAAAA,QAAK,UACZlC,KAAAA,CAAMiB,MAAAA;AAAAA,QAAM,YACVjB,KAAAA,CAAMmB,QAAAA;AAAAA,QAAQ,eACXD,WAAAA,CAAYgB,KAAAA;AAAAA,QAAK,eACjBlC,KAAAA,CAAMa,WAAAA,IAAeW,IAAAA,CAAK+B,UAAAA,CAAW,0BAA0B,oBAAK,CAAA;AAAA,QAAC,UAAA,EAExET;AAAAA,OAAQ,CAAA,EADTP,WAAAA,CAAYL,KAAK,CAAA;AAAA,IAIhC,CAAA;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/es/components/form/src/fields/FieldDateRangePicker.d.ts

@@ -0,0 +1,198 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dateRender: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superNextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superPrevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    renderExtraFooter: {
+        type: StringConstructor;
+        default: string;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    format: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    picker: {
+        type: PropType<"date" | "week" | "month" | "quarter" | "year">;
+        default: string;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showTime: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dateRender: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superNextIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    superPrevIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    renderExtraFooter: {
+        type: StringConstructor;
+        default: string;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    format: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    picker: {
+        type: PropType<"date" | "week" | "month" | "quarter" | "year">;
+        default: string;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showTime: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>> & Readonly<{}>, {
+    placeholder: string[];
+    separator: string;
+    options: (string | number | import("pro-design-vue").RequestOptionsType)[] | ((formData: import("pro-design-vue").Entity, rowData?: import("pro-design-vue").Entity) => (string | number | import("pro-design-vue").RequestOptionsType)[]) | undefined;
+    readonlyProps: import("pro-design-vue").ReadonlyProps | undefined;
+    params: Record<string, any> | ((record: import("pro-design-vue").Entity) => Record<string, any>) | undefined;
+    request: import("pro-design-vue").FieldRequestData<any> | undefined;
+    readonly: boolean;
+    valueEnum: import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap | ((formData: import("pro-design-vue").Entity) => import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap) | undefined;
+    dependencies: import("pro-design-vue").NamePath[] | undefined;
+    suffixIcon: string;
+    dateRender: string;
+    nextIcon: string;
+    prevIcon: string;
+    superNextIcon: string;
+    superPrevIcon: string;
+    renderExtraFooter: string;
+    format: string | Function;
+    picker: "date" | "week" | "month" | "year" | "quarter";
+    valueFormat: string;
+    showTime: boolean | Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/form/src/fields/FieldDateRangePicker.mjs

@@ -0,0 +1,144 @@
+import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { RangePicker } from 'ant-design-vue';
+import { useInjectSlots } from '../context/FormSlotsContext.mjs';
+import { commonFieldProps } from '../props.mjs';
+import dayjs from 'dayjs';
+import getSlot from '../utils/getSlot.mjs';
+import parseValueToDay from '../utils/parseValueToMoment.mjs';
+import { fieldDateFormatterMap } from '../utils/fieldDateFormatterMap.mjs';
+import FieldReadonly from './FieldReadonly.mjs';
+import { useIntl } from '../../../config-provider/src/useIntl.mjs';
+import { isObject } from '../../../../utils/validate.mjs';
+import { runFunction } from '../../../../utils/run-function.mjs';
+import { RenderVNode } from '../../../../utils/render-vnode.mjs';
+
+const SLOT_NAMES = ["dateRender", "nextIcon", "prevIcon", "suffixIcon", "superNextIcon", "superPrevIcon", "renderExtraFooter", "separator"];
+var FieldDateRangePicker = /* @__PURE__ */ defineComponent({
+  name: "FieldDateRangePicker",
+  props: {
+    ...commonFieldProps(),
+    dateRender: {
+      type: String,
+      default: ""
+    },
+    nextIcon: {
+      type: String,
+      default: ""
+    },
+    prevIcon: {
+      type: String,
+      default: ""
+    },
+    suffixIcon: {
+      type: String,
+      default: ""
+    },
+    superNextIcon: {
+      type: String,
+      default: ""
+    },
+    superPrevIcon: {
+      type: String,
+      default: ""
+    },
+    renderExtraFooter: {
+      type: String,
+      default: ""
+    },
+    separator: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: Array,
+      default: () => []
+    },
+    format: {
+      type: [String, Function],
+      default: void 0
+    },
+    picker: {
+      type: String,
+      default: "date"
+    },
+    valueFormat: {
+      type: String,
+      default: void 0
+    },
+    showTime: {
+      type: [Boolean, Object],
+      default: void 0
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const intl = useIntl();
+    const formSlotsContext = useInjectSlots();
+    const defaultFormat = computed(() => {
+      var _a;
+      const dataFormat = fieldDateFormatterMap[props.picker];
+      if (props.showTime === true) {
+        return dataFormat + " " + fieldDateFormatterMap["time"];
+      } else if (isObject(props.showTime)) {
+        return dataFormat + " " + ((_a = props.showTime.format) != null ? _a : fieldDateFormatterMap["time"]);
+      }
+      return dataFormat;
+    });
+    const format = computed(() => {
+      var _a;
+      return (_a = runFunction(props.format)) != null ? _a : defaultFormat.value;
+    });
+    const valueFormat = computed(() => {
+      var _a;
+      return (_a = props.valueFormat) != null ? _a : defaultFormat.value;
+    });
+    const dayValue = computed(() => parseValueToDay(props.value, format.value));
+    const readValue = computed(() => {
+      var _a;
+      if ((_a = dayValue.value) == null ? void 0 : _a.length) {
+        return `${dayjs(dayValue.value[0]).format(valueFormat.value)} - ${dayjs(dayValue.value[1]).format(valueFormat.value)}`;
+      }
+      return void 0;
+    });
+    const slotsGetter = computed(() => {
+      const temp = {};
+      SLOT_NAMES.forEach((name) => {
+        const slot = getSlot(props[name], formSlotsContext);
+        if (slot) {
+          temp[name] = () => createVNode(RenderVNode, {
+            "vnode": slot
+          }, null);
+        }
+      });
+      return temp;
+    });
+    const onChange = (value, dateString) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value, dateString);
+    };
+    return () => {
+      var _a;
+      if (props.readonly) {
+        return createVNode(FieldReadonly, mergeProps({
+          "text": readValue.value,
+          "class": attrs.class,
+          "style": attrs.style
+        }, props.readonlyProps), null);
+      }
+      return createVNode(RangePicker, mergeProps({
+        "value": dayValue.value
+      }, attrs, {
+        "format": format.value,
+        "picker": props.picker,
+        "showTime": props.showTime,
+        "valueFormat": valueFormat.value,
+        "placeholder": ((_a = props.placeholder) == null ? void 0 : _a.length) === 2 ? props.placeholder : [intl.getMessage("form.selectPlaceholder", "\u8BF7\u9009\u62E9"), intl.getMessage("form.selectPlaceholder", "\u8BF7\u9009\u62E9")],
+        "onChange": onChange
+      }), slotsGetter.value);
+    };
+  }
+});
+
+export { FieldDateRangePicker as default };
+//# sourceMappingURL=FieldDateRangePicker.mjs.map