label-print-design/es/components/my/collapse/my-widget-collapse.vue2.mjs

操作简单，组件丰富的一站式打印解决方案打印设计器

import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from 'vue';
import { ref, reactive } from 'vue-demi';

const _hoisted_1 = { class: "collapse-panel-head display-flex" };
const _hoisted_2 = { class: "collapse-panel-head-title display-flex" };
var _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "my-widget-collapse",
  props: {
    title: { default: "" }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const headRef = ref();
    const data = reactive({
      show: true
    });
    function clickHead() {
      data.show = !data.show;
    }
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(
        "div",
        {
          ref_key: "headRef",
          ref: headRef,
          class: normalizeClass(["widget-collapse-panel user-select-none", { "widget-collapse-panel-fold": !unref(data).show }])
        },
        [
          createElementVNode("div", _hoisted_1, [
            createElementVNode("div", _hoisted_2, [
              createTextVNode(
                toDisplayString(_ctx.title) + " ",
                1
                /* TEXT */
              ),
              createCommentVNode(' <slot name="head" /> ')
            ]),
            createCommentVNode(` <my-icon class="my-handle-panel-icon" @click="clickHead">
                <ArrowRight class="collapse-panel-head-right-icon" :class="{'is-active': data.show }" />
            </my-icon> `)
          ]),
          renderSlot(_ctx.$slots, "default")
        ],
        2
        /* CLASS */
      );
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=my-widget-collapse.vue2.mjs.map