song-ui-u/lib/components/container/src/container.vue.cjs

vue3 + js的PC前端组件库

'use strict';

var vue = require('vue');
var index = require('../../../hook/use-namespace/index.cjs');
require('song-ui-pro-icon');
require('../../../hook/use-zindex/index.cjs');
var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.cjs');

const __default__ = { name: "x-container" };

const _sfc_main = /*#__PURE__*/Object.assign(__default__, {
  props: {
  direction: {
    type: String,
    default: "",
  },
},
  setup(__props, { expose: __expose }) {
  __expose();

const ns = index.useNamespace("container");
// slots
const slots = vue.useSlots();
/** props */
const props = __props;

const isVertical = vue.computed(() => {
  if (props.direction === "vertical") {
    return true;
  }
  if (props.direction === "horizontal") {
    return false;
  }
  if (slots && slots.default) {
    const slotsNodes = slots.default();
    const tag = slotsNodes.some((nodes) =>
      ["x-header", "x-footer"].includes(nodes.type.name)
    );
    return tag;
  }
  return false;
});

const __returned__ = { ns, slots, props, isVertical, computed: vue.computed, useSlots: vue.useSlots, get useNamespace() { return index.useNamespace } };
Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
return __returned__
}

});

function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return (vue.openBlock(), vue.createElementBlock("section", {
    class: vue.normalizeClass([$setup.ns.b(), $setup.ns.is('vertical', $setup.isVertical)])
  }, [
    vue.renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}
var Container = /*#__PURE__*/_pluginVue_exportHelper(_sfc_main, [['render',_sfc_render],['__file',"E:\\code\\my-code\\song-ui-ultra\\packages\\components\\container\\src\\container.vue"]]);

module.exports = Container;
//# sourceMappingURL=container.vue.cjs.map