@sumdoo/sumdoo-ui/packages/_es/Cell.js

轻量级的移动端 Vue3 组件库 (支持小程序开发)

/*!
* @sumdoo/sumdoo-ui v1.0.0 Wed Feb 09 2022 13:07:24 GMT+0800 (中国标准时间)
* (c) 2022 @sumdoo
* Released under the MIT License.
*/
import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, createCommentVNode, toDisplayString, createTextVNode, createVNode } from "vue";
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
const _sfc_main = defineComponent({
  name: "SdCell",
  props: {
    title: { type: String },
    subTitle: { type: String },
    value: { type: String },
    valueClass: { type: String, default: "" },
    icon: { type: String },
    iconType: { type: String },
    isLink: { type: Boolean, default: false },
    arrow: { type: Boolean, default: false },
    border: { type: Boolean, default: false }
  }
});
const _hoisted_1 = { class: "sd-cell__left" };
const _hoisted_2 = {
  key: 0,
  class: "sd-cell__left-icon"
};
const _hoisted_3 = {
  key: 1,
  class: "sd-cell__left-icon"
};
const _hoisted_4 = { key: 2 };
const _hoisted_5 = { class: "sd-cell__title" };
const _hoisted_6 = {
  key: 0,
  class: "sd-cell__sub-title"
};
const _hoisted_7 = {
  key: 0,
  class: "sd-cell__right-icon"
};
const _hoisted_8 = {
  key: 1,
  class: "sd-cell__right-icon"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_SdIcon = resolveComponent("SdIcon");
  return openBlock(), createElementBlock("div", {
    class: normalizeClass(["sd-cell", _ctx.isLink ? "sd-cell__clickable" : "", _ctx.border ? "is-border" : ""])
  }, [
    renderSlot(_ctx.$slots, "default", {}, () => [
      createElementVNode("div", _hoisted_1, [
        _ctx.$slots["left-icon"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
          renderSlot(_ctx.$slots, "left-icon")
        ])) : _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_3, [
          _ctx.icon ? (openBlock(), createBlock(_component_SdIcon, {
            key: 0,
            name: _ctx.icon,
            type: _ctx.iconType
          }, null, 8, ["name", "type"])) : createCommentVNode("", true)
        ])) : createCommentVNode("", true),
        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
          createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
          _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.subTitle), 1)) : createCommentVNode("", true)
        ])) : createCommentVNode("", true)
      ]),
      createElementVNode("div", {
        class: normalizeClass(["sd-cell__content", _ctx.valueClass])
      }, [
        renderSlot(_ctx.$slots, "value", {}, () => [
          createTextVNode(toDisplayString(_ctx.value), 1)
        ])
      ], 2),
      _ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("div", _hoisted_7, [
        renderSlot(_ctx.$slots, "right-icon")
      ])) : !_ctx.$slots["right-icon"] && (_ctx.isLink || _ctx.arrow) ? (openBlock(), createElementBlock("div", _hoisted_8, [
        createVNode(_component_SdIcon, { name: "arrow-right" })
      ])) : createCommentVNode("", true)
    ])
  ], 2);
}
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { index as default };