@fe6/water-pro/es/table-pro/src/components/settings/index.js

An enterprise-class UI design language and Vue-based implementation

import { createVNode as _createVNode } from "vue";

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import { defineComponent, computed } from 'vue';
import useConfigInject from '../../../../_util/hooks/useConfigInject';
import ColumnSetting from './column-setting';
import ReloadSetting from './reload-setting';
export default defineComponent({
  name: 'TableSetting',
  props: {
    setting: {
      type: Object,
      default: {}
    }
  },
  setup: function setup(props) {
    var _useConfigInject = useConfigInject('table-pro-settings', props),
        prefixClsNew = _useConfigInject.prefixCls;

    var getSetting = computed(function () {
      return _extends({
        reload: true,
        setting: true
      }, props.setting);
    });
    return {
      getSetting: getSetting,
      prefixClsNew: prefixClsNew
    };
  },
  render: function render() {
    var reloadNode = null;

    if (this.getSetting.reload) {
      reloadNode = _createVNode(ReloadSetting, null, null);
    }

    var settingNode = null;

    if (this.getSetting.setting) {
      settingNode = _createVNode(ColumnSetting, null, null);
    }

    return _createVNode("div", {
      "class": this.prefixClsNew
    }, [reloadNode, settingNode]);
  }
});