song-ui-u/es/components/col/src/index.vue.mjs

vue3 + js的PC前端组件库

import { computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, renderSlot } from 'vue';
import { useNamespace } from '../../../hook/use-namespace/index.mjs';
import { useParent } from '../../../hook/use-parent/index.mjs';
import { useStyle } from '../../../hook/use-style/index.mjs';
import '../../../hook/use-zindex/index.mjs';
import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';

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

const _sfc_main = /*#__PURE__*/Object.assign(__default__, {
  props: {
  tag: {
    type: String,
    default: "div",
  },
  span: {
    type: [String, Number],
    default: "24",
  },
  offset: {
    type: Number,
    default: 0,
  },
  order: {
    type: [Number, String],
    default: "",
  },
},
  setup(__props, { expose: __expose }) {
  __expose();

const { flexOrder } = useStyle();
const ns = useNamespace("col");
const uParent = useParent("row");
/** props */
const props = __props;

const classCol = computed(() => {
  // 样式组合
  let className = ns.b(props.span);
  // offset偏移
  const offset = props.offset ? ns.b(`offset-${props.offset}`) : false;
  className = offset ? `${className} ${offset}` : className;
  // 返回样式
  return [ns.b(), className];
});

const styleGutter = computed(() => {
  const gutter = uParent.props("gutter");
  const value = gutter ? gutter / 2 + "px" : null;
  return value ? { paddingLeft: value, paddingRight: value } : {};
});
/**
 * 排列
 */
const styleOrder = computed(() => flexOrder(props.order));

const __returned__ = { flexOrder, ns, uParent, props, classCol, styleGutter, styleOrder, computed, get useNamespace() { return useNamespace }, get useParent() { return useParent }, get useStyle() { return useStyle } };
Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
return __returned__
}

});

function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
    class: normalizeClass([$setup.ns.b(), $setup.classCol]),
    style: normalizeStyle([$setup.styleGutter, $setup.styleOrder])
  }, {
    default: withCtx(() => [
      renderSlot(_ctx.$slots, "default")
    ]),
    _: 3 /* FORWARDED */
  }, 8 /* PROPS */, ["class", "style"]))
}
var Col = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__file',"E:\\code\\my-code\\song-ui-ultra\\packages\\components\\col\\src\\index.vue"]]);

export { Col as default };
//# sourceMappingURL=index.vue.mjs.map