@antdv/pro-field/es/components/FromNow/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 { createVNode as _createVNode, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
import { useIntl } from "@antdv/pro-provider";
import { oneOfType, parseValueToDay } from "@antdv/pro-utils";
import { DatePicker, Tooltip } from "ant-design-vue";
import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import { computed, defineComponent } from "vue";
import { buildProFieldProp } from "../props.mjs";
dayjs.extend(relativeTime);
const fieldFromNowProps = buildProFieldProp({
  value: oneOfType([String, Number, Object]).def(void 0),
  format: String
});
var stdin_default = defineComponent({
  name: "FieldFromNow",
  props: fieldFromNowProps,
  inheritAttrs: false,
  emits: {
    "update:value": (val) => true
  },
  setup(props, {
    emit
  }) {
    const intl = useIntl();
    return () => {
      const {
        text,
        value,
        mode,
        plain,
        render,
        renderFormItem,
        format,
        fieldProps
      } = props;
      const textValue = text != null ? text : value;
      if (mode === "read") {
        const dom = _createVNode(Tooltip, {
          "title": dayjs(textValue).format((fieldProps == null ? void 0 : fieldProps.format) || format || "YYYY-MM-DD HH:mm:ss")
        }, {
          default: () => [dayjs(textValue).fromNow()]
        });
        if (render) {
          return render(textValue, computed(() => __spreadValues({
            mode,
            value
          }, fieldProps)), _createVNode(_Fragment, null, [dom]));
        }
        return _createVNode(_Fragment, null, [dom]);
      }
      if (mode === "edit" || mode === "update") {
        const placeholder = intl.getMessage("tableForm.selectPlaceholder", "\u8BF7\u9009\u62E9");
        const momentValue = parseValueToDay(value);
        const dom = _createVNode(DatePicker, _mergeProps({
          "placeholder": placeholder,
          "showTime": true,
          "bordered": plain === void 0 ? true : !plain
        }, fieldProps, {
          "value": momentValue,
          "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
};