@ued_fpi/data-visual/dist/lib/aims/src/common/BasicPanel/index.vue.js

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

'use strict';

Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });

const es = require('element-plus/es');
require('element-plus/es/components/base/style/css');
require('element-plus/es/components/scrollbar/style/css');
const vue = require('vue');

const clsfix = "dv-aims-basic-panel";
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  props: {
    // 设置高度
    height: {
      type: [Number, String],
      default: "calc(100vh - 130px)"
    },
    // 设置方位 left right
    placement: {
      type: String,
      required: true
    },
    // 设置距离顶部的 top
    top: {
      type: [Number, String],
      default: 120
    },
    // 滚动包裹容器的样式
    scrollContainerClass: {
      type: String,
      default: ""
    },
    // 滚动包裹容器的样式
    scrollContainerStyle: {
      type: Object,
      default: () => ({})
    }
  },
  setup(__props) {
    return (_ctx, _cache) => {
      const _component_el_scrollbar = es.ElScrollbar;
      return vue.openBlock(), vue.createElementBlock("div", {
        style: vue.normalizeStyle({
          top: typeof __props.top === "number" ? `${__props.top}px` : __props.top,
          height: typeof __props.height === "number" ? `${__props.height}px` : __props.height,
          left: __props.placement === "left" ? 0 : "unset",
          right: __props.placement === "right" ? 0 : "unset"
        }),
        class: vue.normalizeClass(`${clsfix}-container`)
      }, [
        vue.createVNode(_component_el_scrollbar, { height: "100%" }, {
          default: vue.withCtx(() => [
            vue.createElementVNode("div", {
              class: vue.normalizeClass([`${clsfix}-scroll-container`, __props.scrollContainerClass]),
              style: vue.normalizeStyle({
                paddingLeft: __props.placement === "left" ? "16px" : "10px",
                paddingRight: __props.placement === "right" ? "16px" : "10px",
                ...__props.scrollContainerStyle
              })
            }, [
              vue.renderSlot(_ctx.$slots, "default")
            ], 6)
          ]),
          _: 3
        })
      ], 6);
    };
  }
});

exports.default = _sfc_main;