'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
require('../../../utils/index.js');
var trend = require('./trend.js');
var createNamespace = require('../../../utils/create-namespace.js');

"use strict";
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{ name: "LlTrend" },
  __name: "trend",
  props: trend.trendProps,
  setup(__props) {
    const props = __props;
    const bem = createNamespace.createNamespace("trend");
    return (_ctx, _cache) => {
      const _component_ll_icon = vue.resolveComponent("ll-icon");
      return vue.openBlock(), vue.createElementBlock(
        "div",
        {
          class: vue.normalizeClass([
            vue.unref(bem).b(),
            vue.unref(bem).is(_ctx.size),
            vue.unref(bem).is(_ctx.variant),
            _ctx.reverse ? vue.unref(bem).is("reverse") : ""
          ])
        },
        [
          vue.createCommentVNode(" \u524D\u7F00 "),
          _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock(
            "div",
            {
              key: 0,
              class: vue.normalizeClass(vue.unref(bem).e("prefix"))
            },
            [
              vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
                vue.createTextVNode(
                  vue.toDisplayString(_ctx.prefix),
                  1
                  /* TEXT */
                )
              ])
            ],
            2
            /* CLASS */
          )) : vue.createCommentVNode("v-if", true),
          vue.renderSlot(_ctx.$slots, "value", {}, () => [
            vue.createElementVNode(
              "span",
              {
                class: vue.normalizeClass(vue.unref(bem).e("value"))
              },
              vue.toDisplayString(_ctx.value),
              3
              /* TEXT, CLASS */
            )
          ]),
          vue.createCommentVNode(" \u540E\u7F00 "),
          _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock(
            "div",
            {
              key: 1,
              class: vue.normalizeClass(vue.unref(bem).e("suffix"))
            },
            [
              vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
                vue.createTextVNode(
                  vue.toDisplayString(_ctx.suffix),
                  1
                  /* TEXT */
                )
              ])
            ],
            2
            /* CLASS */
          )) : vue.createCommentVNode("v-if", true),
          vue.createCommentVNode(" \u6807\u8BB0 "),
          vue.createVNode(_component_ll_icon, {
            "icon-name": "icon-solid-arrow-folding",
            style: vue.normalizeStyle({ rotate: `${_ctx.type === "up" ? 0 : 180}deg` }),
            class: vue.normalizeClass(vue.unref(bem).e("icon"))
          }, null, 8, ["style", "class"])
        ],
        2
        /* CLASS */
      );
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=trend.vue2.js.map
