@antdv/pro-field/es/components/DatePicker/index.mjs

原子信息组件，统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
import { useIntl } from "@antdv/pro-provider";
import { FieldLabel, oneOf, oneOfType, parseValueToDay, stringType, useState } from "@antdv/pro-utils";
import { DatePicker } from "ant-design-vue";
import dayjs from "dayjs";
import weekOfYear from "dayjs/plugin/weekOfYear";
import { computed, defineComponent, ref } from "vue";
import { buildProFieldProp, proFieldLightProps } from "../props.mjs";
dayjs.extend(weekOfYear);
function formatDate(text, format) {
  if (!text) return "-";
  if (typeof format === "function") {
    return format(dayjs(text));
  } else {
    return dayjs(text).format((Array.isArray(format) ? format[0] : format) || "YYYY-MM-DD");
  }
}
const fieldDatePickerProps = buildProFieldProp(__spreadValues({
  value: oneOfType([String, Number]),
  format: stringType().isRequired,
  showTime: Boolean,
  bordered: Boolean,
  picker: oneOf(["time", "date", "week", "month", "quarter", "year"])
}, proFieldLightProps));
var stdin_default = defineComponent({
  name: "FieldDatePicker",
  props: fieldDatePickerProps,
  inheritAttrs: false,
  emits: {
    "update:value": (val) => true
  },
  setup(props, {
    emit,
    expose
  }) {
    const intl = useIntl();
    const [open, setOpen] = useState(false);
    const datePickerRef = ref(null);
    expose(datePickerRef.value);
    return () => {
      const {
        text,
        value,
        mode,
        format,
        label,
        light,
        render,
        renderFormItem,
        plain,
        showTime,
        fieldProps,
        picker,
        bordered
      } = props;
      const textValue = text != null ? text : value;
      if (mode === "read") {
        const dom = formatDate(textValue, fieldProps.format || format);
        if (render) {
          return render(textValue, computed(() => __spreadValues({
            mode,
            value
          }, fieldProps)), _createVNode(_Fragment, null, [dom]));
        }
        return _createVNode(_Fragment, null, [dom]);
      }
      if (mode === "edit" || mode === "update") {
        let dom;
        const {
          disabled,
          placeholder = intl.getMessage("tableForm.selectPlaceholder", "\u8BF7\u9009\u62E9")
        } = fieldProps;
        const dayValue = parseValueToDay(value);
        if (light) {
          dom = _createVNode(FieldLabel, {
            "label": label,
            "onClick": () => {
              var _a;
              (_a = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a.call(fieldProps, true);
              setOpen(true);
            },
            "style": dayValue ? {
              paddingInlineEnd: 0
            } : void 0,
            "disabled": disabled,
            "value": dayValue || open.value ? _createVNode(DatePicker, _mergeProps({
              "picker": picker,
              "showTime": showTime,
              "format": format,
              "ref": datePickerRef
            }, fieldProps, {
              "value": dayValue,
              "onUpdate:value": (val) => {
                emit("update:value", val);
              },
              "onOpenChange": (isOpen) => {
                var _a;
                setOpen(isOpen);
                (_a = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a.call(fieldProps, isOpen);
              },
              "variant": "borderless",
              "open": open.value
            }), null) : void 0,
            "allowClear": false,
            "downIcon": dayValue || open.value ? false : void 0,
            "bordered": bordered
          }, null);
        } else {
          dom = _createVNode(DatePicker, _mergeProps({
            "picker": picker,
            "showTime": showTime,
            "format": format,
            "placeholder": placeholder,
            "bordered": plain === void 0 ? true : !plain,
            "ref": datePickerRef
          }, fieldProps, {
            "value": dayValue,
            "onUpdate:value": (val) => {
              emit("update:value", val);
            }
          }), null);
        }
        if (renderFormItem) {
          return renderFormItem(textValue, computed(() => __spreadValues({
            mode,
            value
          }, fieldProps)), dom);
        }
        return dom;
      }
      return null;
    };
  }
});
export {
  stdin_default as default,
  fieldDatePickerProps
};