@cqmcui/cqmcui/dist/packages/_es/Divider.js

轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）

import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
import { c as createComponent } from "./component-81a4c1d0.js";
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
import "../locale/lang";
const { componentName, create } = createComponent("divider");
const _sfc_main = create({
  props: {
    contentPosition: {
      type: String,
      default: "center"
    },
    dashed: {
      type: Boolean,
      default: false
    },
    hairline: {
      type: Boolean,
      default: true
    },
    direction: {
      type: String,
      default: "horizontal"
    }
  },
  components: {},
  setup(props, context) {
    const classes = computed(() => {
      const prefixCls = componentName;
      let defaultClassesObj = {
        [prefixCls]: true
      };
      let classesObj = {};
      if (props.direction === "horizontal") {
        classesObj = {
          ...defaultClassesObj,
          [`${prefixCls}-center`]: context.slots.default,
          [`${prefixCls}-left`]: props.contentPosition === "left",
          [`${prefixCls}-right`]: props.contentPosition === "right",
          [`${prefixCls}-dashed`]: props.dashed,
          [`${prefixCls}-hairline`]: props.hairline
        };
      } else {
        classesObj = {
          ...defaultClassesObj,
          [`${prefixCls}-vertical`]: props.direction === "vertical"
        };
      }
      return classesObj;
    });
    return { classes };
  }
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
    key: 0,
    class: normalizeClass(_ctx.classes)
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 2)) : (openBlock(), createElementBlock("view", {
    key: 1,
    class: normalizeClass(_ctx.classes)
  }, null, 2));
}
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
  index as default
};