comic-plus/lib/components/table/src/table-column/index.js

<p align="center"> <img width="200px" src="./logo.png"/> </p>

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const column_props = require("./column.props.js");
const type = require("../type.js");
require("../../../../utils/config.js");
const typescript = require("../../../../utils/typescript.js");
require("@vueuse/core");
const TableColumn = vue.defineComponent({
  name: "CuTableColumn",
  props: column_props.tableColumnProps,
  setup(props, { slots }) {
    const instance = vue.getCurrentInstance();
    const { addColumn, removeColumn } = vue.inject(type.TABLE_PROVIDE);
    const colName = "cu-table-column__key_" + instance.uid;
    const getFixedString = vue.computed(() => {
      if (props.fixed) {
        if (typescript.isBoolean(props.fixed)) {
          return props.fixed ? "left" : null;
        }
        return props.fixed;
      }
      return null;
    });
    const columnInstance = vue.reactive({
      uid: instance.uid,
      props,
      type: props == null ? void 0 : props.type,
      fixed: getFixedString.value,
      showExpand: false,
      default: slots.default,
      header: slots.header,
      style: {}
    });
    addColumn(columnInstance);
    vue.onUnmounted(() => {
      removeColumn(instance.uid);
    });
    return () => {
      return vue.h("div", { "col-name": colName });
    };
  }
});
exports.default = TableColumn;