cyber-web-ui/lib/select/Select.js

spring-cyber前端ui框架

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _vue = require("vue");
var _antDesignVue = require("ant-design-vue");
var _index = _interopRequireDefault(require("../icon/index"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var Select = (0, _vue.defineComponent)({
  name: 'CSelect',
  props: {
    // 选择框宽度
    width: {
      type: [String, Number],
      default: ''
    },
    // 选择框前缀文本
    label: {
      type: String,
      default: ''
    },
    // 下拉框形状
    shape: {
      type: String,
      default: 'default',
      validator: function validator(value) {
        return ['default', 'round'].includes(value);
      }
    },
    size: {
      type: String,
      default: 'default',
      validator: function validator(value) {
        return ['large', 'default', 'small'].includes(value);
      }
    },
    disabled: {
      type: Boolean,
      default: false
    },
    filterOption: Function,
    fieldNames: {
      type: Object,
      default: function _default() {}
    }
  },
  setup: function setup(props, _ref) {
    var attrs = _ref.attrs,
      slots = _ref.slots,
      emit = _ref.emit,
      expose = _ref.expose;
    var width = (0, _vue.computed)(function () {
      if (typeof props.width == "number") {
        return props.width + "px";
      } else if (typeof props.width == "string") {
        if (props.width.includes("%")) return props.width;
        return props.width.replace("px", "") + "px";
      } else {
        return;
      }
    });
    function getPopupContainer(triggerNode) {
      return triggerNode.parentNode;
    }
    function filterOption(inputValue, treeNode) {
      var _props$fieldNames, _treeNode$label, _treeNode$label$inclu;
      if (props.filterOption) return props.filterOption(inputValue, treeNode);
      var label = ((_props$fieldNames = props.fieldNames) === null || _props$fieldNames === void 0 ? void 0 : _props$fieldNames.label) || 'label';
      return (_treeNode$label = treeNode[label]) === null || _treeNode$label === void 0 || (_treeNode$label$inclu = _treeNode$label.includes) === null || _treeNode$label$inclu === void 0 ? void 0 : _treeNode$label$inclu.call(_treeNode$label, inputValue);
    }
    return function () {
      var selectSlots = _objectSpread(_objectSpread({}, slots), {}, {
        suffixIcon: function suffixIcon() {
          var _slots$suffixIcon;
          return ((_slots$suffixIcon = slots.suffixIcon) === null || _slots$suffixIcon === void 0 ? void 0 : _slots$suffixIcon.call(slots)) || (0, _vue.createVNode)(_index.default, {
            "isSvg": true,
            "icon": "cyber-xiajiantou",
            "class": "arrow_icon"
          }, null);
        }
      });
      function selectRef() {
        var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'select';
        var className = type == 'select' ? [props.label ? '' : "cyber-select", props.shape == 'round' ? 'cyber-select-round' : ''] : [];
        return (0, _vue.createVNode)(_antDesignVue.Select, _objectSpread(_objectSpread({
          "placeholder": "\u8BF7\u9009\u62E9...",
          "getPopupContainer": getPopupContainer,
          "style": "width: ".concat(width.value)
        }, _objectSpread(_objectSpread({}, props), attrs)), {}, {
          "class": [className],
          "filterOption": filterOption
        }), selectSlots);
      }
      ;
      function labelSelectRef() {
        var className = ["cyber-select cyber-select-group"];
        return (0, _vue.createVNode)("div", {
          "class": className,
          "style": {
            width: width.value ? 'auto' : '100%'
          }
        }, [(0, _vue.createVNode)("div", {
          "class": ['cyber-select-label', {
            'cyber-select-label-disabled': props === null || props === void 0 ? void 0 : props.disabled
          }, {
            'ant-select-lg': props.size == 'large'
          }, {
            'ant-select-sm': props.size == 'small'
          }]
        }, [props.label]), selectRef('label')]);
      }
      ;
      return props.label ? labelSelectRef() : selectRef();
    };
  }
});
var _default2 = exports.default = Select;