label-print-design

Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
demo.myprint.top
69 lines (64 loc) • 2.79 kB
JavaScript
'use strict';

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

var vue = require('vue');
var toolbar = require('../toolbar/toolbar.vue.js');
var myPanel = require('./my-panel.vue.js');
var config = require('../../../stores/config.js');
var minimapPanel = require('../handle-panel/minimap-panel.vue.js');

const _hoisted_1 = { class: "design-panel-container" };
const _hoisted_2 = { class: "display-flex design-panel-container-height" };
const _hoisted_3 = { class: "design-panel-footer" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  props: {
    designProps: {}
  },
  setup(__props) {
    const configStore = config.useConfigStore();
    function clickHandlePanelIcon(key) {
      configStore.settingPanel[key].visible = !configStore.settingPanel[key].visible;
    }
    return (_ctx, _cache) => {
      const _component_el_button = vue.resolveComponent("el-button");
      const _directive_repeat = vue.resolveDirective("repeat");
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createVNode(toolbar.default, { designProps: _ctx.designProps }, null, 8, ["designProps"]),
        vue.createElementVNode("div", _hoisted_2, [
          vue.createVNode(myPanel.default),
          vue.createCommentVNode(` <div style="background: white;" class="display-flex-column width-20">
                <div v-for="(value, key) in handlePanelElementList"
                     @click="clickHandlePanelIcon(key)"
                     :class="['my-icon handle-panel-icon iconfont',{'handle-panel-icon-active': configStore.settingPanel[key].visible}, value.icon]"
                     :key="key" />
                <history-panel />
                <operation-panel />
                <setting-panel />
            </div> `),
          vue.createVNode(minimapPanel.default)
        ]),
        vue.createElementVNode("div", _hoisted_3, [
          vue.createCommentVNode(` <el-button v-repeat type="primary" @click="submit('')">\u4FDD\u5B58</el-button>
          <el-button @click="closeDrawer()">\u53D6\u6D88</el-button> `),
          vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, { type: "primary" }, {
            default: vue.withCtx(() => _cache[0] || (_cache[0] = [
              vue.createTextVNode("\u4FDD\u5B58")
            ])),
            _: 1
            /* STABLE */
          })), [
            [_directive_repeat]
          ]),
          vue.createVNode(_component_el_button, null, {
            default: vue.withCtx(() => _cache[1] || (_cache[1] = [
              vue.createTextVNode("\u53D6\u6D88")
            ])),
            _: 1
            /* STABLE */
          })
        ])
      ]);
    };
  }
});

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