@fe6/water-pro/lib/checkbox-cascader/src/OneCheckbox.js

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _vue = require("vue");

var _useConfigInject2 = _interopRequireDefault(require("../../_util/hooks/useConfigInject"));

var _vueTypes = _interopRequireDefault(require("../../_util/vue-types"));

var _checkbox = _interopRequireDefault(require("../../checkbox"));

var _basicArrow = _interopRequireDefault(require("../../basic-arrow"));

var _typography = _interopRequireDefault(require("../../typography"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = (0, _vue.defineComponent)({
  inheritAttrs: false,
  props: {
    prefixCls: _vueTypes.default.string,
    text: _vueTypes.default.string,
    preWidth: _vueTypes.default.number.def(160),
    showArrow: _vueTypes.default.bool,
    checked: _vueTypes.default.bool,
    indeterminate: _vueTypes.default.bool
  },
  emits: ['change', 'click'],
  setup: function setup(props, _ref) {
    var emit = _ref.emit;

    var _useConfigInject = (0, _useConfigInject2.default)('checkbox-cascader', props),
        prefixClsNew = _useConfigInject.prefixCls;

    var changeCheckbox = function changeCheckbox(_ref2) {
      var target = _ref2.target;
      emit('change', target === null || target === void 0 ? void 0 : target.checked);
    };

    var openClick = function openClick() {
      emit('click');
    };

    return {
      prefixClsNew: prefixClsNew,
      changeCheckbox: changeCheckbox,
      openClick: openClick
    };
  },
  render: function render() {
    var theArrow = null;

    if (this.showArrow) {
      theArrow = (0, _vue.createVNode)(_basicArrow.default, {
        "class": "".concat(this.prefixClsNew, "-one-arrow")
      }, null);
    }

    return (0, _vue.createVNode)("div", {
      "class": "".concat(this.prefixClsNew, "-one"),
      "style": {
        width: "".concat(this.preWidth, "px")
      }
    }, [(0, _vue.createVNode)(_checkbox.default, {
      "checked": this.checked,
      "indeterminate": this.indeterminate,
      "onChange": this.changeCheckbox
    }, null), (0, _vue.createVNode)(_typography.default.Text, {
      "class": "".concat(this.prefixClsNew, "-one-label"),
      "style": {
        width: "".concat(this.preWidth - 60, "px")
      },
      "onClick": this.openClick,
      "content": this.text,
      "ellipsis": {
        tooltip: this.text
      }
    }, null), theArrow]);
  }
});

exports.default = _default;