@wocwin/t-ui-plus/lib/packages/components/adaptive-page/src/index.vue2.js

Page level components developed based on Element Plus.

'use strict';

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

var vue = require('vue');
require('../../layout-page/src/index.vue.js');
require('../../layout-page-item/src/index.vue.js');
require('../../table/src/index.vue.js');
require('../../query-condition/src/index.vue.js');
var index_vue_vue_type_script_setup_true_lang = require('../../layout-page/src/index.vue2.js');
var index_vue_vue_type_script_setup_true_name_TLayoutPageItem_lang = require('../../layout-page-item/src/index.vue2.js');
var index_vue_vue_type_script_setup_true_lang$1 = require('../../query-condition/src/index.vue2.js');
var index_vue_vue_type_script_setup_true_lang$2 = require('../../table/src/index.vue2.js');

const _hoisted_1 = { class: "t_adaptive_page" };
const _hoisted_2 = { class: "left_tree" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "TAdaptivePage"
  },
  __name: "index",
  props: {
    leftWidth: { default: 260 },
    pageStyle: { default: () => ({}) },
    columnSetting: { type: Boolean, default: false },
    name: { default: "" },
    queryPageStyle: { default: () => ({}) },
    tablePageStyle: { default: () => ({}) },
    isTTableSelfFilling: { type: Boolean, default: false }
  },
  setup(__props, { expose: __expose }) {
    const slots = vue.useSlots();
    const isShow = (name) => {
      return Object.keys(slots).includes(name);
    };
    const instance = vue.getCurrentInstance();
    const TQueryConditionPage = vue.ref(null);
    const TTablePage = vue.ref(null);
    vue.onMounted(() => {
      var _a, _b;
      const exposedObj = {
        ...(_a = TQueryConditionPage.value) == null ? void 0 : _a.$.exposed,
        ...(_b = TTablePage.value) == null ? void 0 : _b.$.exposed
      };
      const entries = Object.entries(exposedObj);
      for (const [key, value] of entries) {
        instance.exposed[key] = value;
      }
    });
    __expose({ ...instance.exposed, TQueryConditionPage, TTablePage });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        isShow("leftContent") ? (vue.openBlock(), vue.createElementBlock(
          "div",
          {
            key: 0,
            style: vue.normalizeStyle({ width: isShow("leftContent") ? `${_ctx.leftWidth}px` : "0px" }),
            class: "left_content"
          },
          [
            vue.createElementVNode("div", _hoisted_2, [
              vue.renderSlot(_ctx.$slots, "leftContent")
            ])
          ],
          4
          /* STYLE */
        )) : vue.createCommentVNode("v-if", true),
        vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, {
          class: "right_content",
          style: vue.normalizeStyle(_ctx.pageStyle)
        }, {
          default: vue.withCtx(() => [
            _ctx.$attrs.opts ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_name_TLayoutPageItem_lang.default, {
              key: 0,
              class: "table_search",
              style: vue.normalizeStyle(_ctx.queryPageStyle)
            }, {
              default: vue.withCtx(() => [
                vue.createVNode(
                  index_vue_vue_type_script_setup_true_lang$1.default,
                  vue.mergeProps(_ctx.$attrs, {
                    ref_key: "TQueryConditionPage",
                    ref: TQueryConditionPage
                  }),
                  vue.createSlots({
                    _: 2
                    /* DYNAMIC */
                  }, [
                    vue.renderList(vue.unref(slots), (_index, name) => {
                      return {
                        name,
                        fn: vue.withCtx((data) => [
                          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(data)))
                        ])
                      };
                    })
                  ]),
                  1040
                  /* FULL_PROPS, DYNAMIC_SLOTS */
                )
              ]),
              _: 3
              /* FORWARDED */
            }, 8, ["style"])) : vue.createCommentVNode("v-if", true),
            vue.renderSlot(_ctx.$slots, "content"),
            vue.createVNode(index_vue_vue_type_script_setup_true_name_TLayoutPageItem_lang.default, {
              class: vue.normalizeClass(["table_main", { "t_table_self-filling": _ctx.isTTableSelfFilling }]),
              style: vue.normalizeStyle(_ctx.tablePageStyle)
            }, {
              default: vue.withCtx(() => [
                vue.createVNode(index_vue_vue_type_script_setup_true_lang$2.default, vue.mergeProps({ columnSetting: _ctx.columnSetting, name: _ctx.name, ..._ctx.$attrs }, {
                  isSlotToolbar: isShow("toolbar"),
                  isSlotTitle: isShow("title"),
                  ref_key: "TTablePage",
                  ref: TTablePage
                }), vue.createSlots({
                  _: 2
                  /* DYNAMIC */
                }, [
                  vue.renderList(vue.unref(slots), (_index, name) => {
                    return {
                      name,
                      fn: vue.withCtx((data) => [
                        vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(data)))
                      ])
                    };
                  })
                ]), 1040, ["isSlotToolbar", "isSlotTitle"])
              ]),
              _: 3
              /* FORWARDED */
            }, 8, ["class", "style"]),
            vue.renderSlot(_ctx.$slots, "default")
          ]),
          _: 3
          /* FORWARDED */
        }, 8, ["style"]),
        vue.renderSlot(_ctx.$slots, "footer")
      ]);
    };
  }
});

exports.default = _sfc_main;