@fe6/water-pro/es/table/more-handler.js

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

import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
import { defineComponent, ref } from 'vue';
import Affix from '../affix';
import useConfigInject from '../_util/hooks/useConfigInject';
import { getSlot } from '../_util/props-util';
import { MoreHandlerProps } from './interface';
export default defineComponent({
  name: 'AMoreHandler',
  inheritAttrs: false,
  props: MoreHandlerProps,
  setup: function setup(props) {
    var _useConfigInject = useConfigInject('table-pro', props),
        prefixClsNew = _useConfigInject.prefixCls;

    return {
      prefixClsNew: prefixClsNew,
      isAffix: ref(false)
    };
  },
  methods: {
    affixChange: function affixChange(affixStatus) {
      this.isAffix = affixStatus;
    }
  },
  render: function render() {
    var _this = this;

    // fix 去掉悬浮，房型有问题
    return _createVNode("div", {
      "class": "".concat(this.prefixClsNew, "-more-box")
    }, [_createVNode(Affix, {
      "target": this.target,
      "offset-bottom": 0,
      "style": "width: 100%;",
      "onChange": this.affixChange
    }, {
      default: function _default() {
        return [_createVNode("div", {
          "class": "".concat(_this.prefixClsNew, "-more-box-affix")
        }, [_createVNode("div", {
          "class": "".concat(_this.prefixClsNew, "-more")
        }, [_createVNode("div", {
          "class": "".concat(_this.prefixClsNew, "-more-message")
        }, [_createTextVNode("\u5DF2\u9009\u62E9"), _createVNode("span", {
          "class": "".concat(_this.prefixClsNew, "-more-number")
        }, [_this.selectKey.length]), _createTextVNode("\u6761")]), _createVNode("div", {
          "class": "".concat(_this.prefixClsNew, "-more-handler")
        }, [getSlot(_this, 'moreHandler')])])])];
      }
    })]);
  }
});