song-ui-u/lib/components/timeline/src/item.cjs

vue3 + js的PC前端组件库

'use strict';

var vue = require('vue');
var index$1 = require('../../../hook/use-namespace/index.cjs');
var icons = require('song-ui-pro-icon');
require('../../../hook/use-zindex/index.cjs');
require('../../button/index.cjs');
require('../../buttonGroup/index.cjs');
var index = require('../../icon/index.cjs');
require('../../input/index.cjs');
require('../../textarea/index.cjs');
require('../../row/index.cjs');
require('../../col/index.cjs');
require('../../container/index.cjs');
require('../../checkbox/index.cjs');
require('../../switch/index.cjs');
require('../../form/index.cjs');
require('../../message/index.cjs');
require('../../mask/src/mask.cjs');
require('../../modal/index.cjs');
require('../../messageBox/index.cjs');
require('../../drawer/index.cjs');
require('../../badge/index.cjs');
require('../../space/index.cjs');
require('../../image/index.cjs');
require('../../radio/index.cjs');
require('../../divider/index.cjs');
require('../../chat/index.cjs');
require('../../progress/index.cjs');
require('../../upload/index.cjs');
require('../../vTree/index.cjs');
require('../../table/index.cjs');
require('../../tabs/index.cjs');
require('../../menu/index.cjs');
require('../../steps/index.cjs');
require('../../header/index.cjs');
require('../../breadcrumble/index.cjs');
require('../../datePicker/index.cjs');
require('../../tooltip/index.cjs');
require('../../popover/index.cjs');
require('../../timePicker/index.cjs');
require('../../select/index.cjs');
require('../../collapse/index.cjs');
require('../../card/index.cjs');
require('../index.cjs');
require('../../tag/index.cjs');
require('../../result/index.cjs');
require('../../sender/index.cjs');
var constants = require('../constants.cjs');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var icons__namespace = /*#__PURE__*/_interopNamespaceDefault(icons);

function _isSlot(s) {
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
}
var TimelineItem = /* @__PURE__ */ vue.defineComponent({
  name: "x-timeline-item",
  props: {
    // 时间戳
    timestamp: {
      type: String,
      default: ""
    },
    // 自定义图标
    icon: {
      type: String,
      default: ""
    },
    // icon颜色
    iconColor: {
      type: String,
      default: ""
    },
    // 是否隐藏时间戳
    hideTimestamp: {
      type: Boolean,
      default: false
    },
    // hollow空心
    hollow: {
      type: Boolean,
      default: false
    },
    type: {
      type: String,
      default: ""
    }
  },
  setup(props, {
    slots
  }) {
    const ns = index$1.useNamespace("timeline-item");
    const timeLineCtx = vue.inject(constants.TIMELINE_KEY);
    const position = vue.computed(() => {
      return timeLineCtx?.props.position;
    });
    return () => {
      let _slot;
      return vue.createVNode("div", {
        "class": [ns.b(), ns.m(props.type)]
      }, [vue.createVNode("div", {
        "class": ns.e("left")
      }, [vue.createVNode("div", {
        "class": [ns.e("line")]
      }, null), vue.createVNode("div", {
        "class": [ns.e("node"), ns.is("hollow", props.hollow)]
      }, [props.icon && vue.createVNode(index.XIcon, {
        "color": props.iconColor
      }, _isSlot(_slot = icons__namespace[props.icon].render()) ? _slot : {
        default: () => [_slot]
      })])]), vue.createVNode("div", {
        "class": [ns.e("wrapper"), ns.m("position", position.value)]
      }, [vue.createVNode("div", {
        "class": [ns.e("content")]
      }, [slots.default?.()]), !props.hideTimestamp && props.timestamp && vue.createVNode("div", {
        "class": [ns.e("time")]
      }, [props.timestamp])])]);
    };
  }
});

module.exports = TimelineItem;
//# sourceMappingURL=item.cjs.map