wetrade-design/lib/select/utils/iconUtil.js

一款多语言支持Vue3的UI框架

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = getIcons;
var _vue = require("vue");
var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons-vue/LoadingOutlined"));
var _CheckOutlined = _interopRequireDefault(require("@ant-design/icons-vue/CheckOutlined"));
var _icon = _interopRequireDefault(require("../../icon"));
// import DownOutlined from '@ant-design/icons-vue/DownOutlined';

// import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
// import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
function getIcons(props) {
  var slots = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  var loading = props.loading,
    multiple = props.multiple,
    prefixCls = props.prefixCls;
  var suffixIcon = props.suffixIcon || slots.suffixIcon && slots.suffixIcon();
  var clearIcon = props.clearIcon || slots.clearIcon && slots.clearIcon();
  var menuItemSelectedIcon = props.menuItemSelectedIcon || slots.menuItemSelectedIcon && slots.menuItemSelectedIcon();
  var removeIcon = props.removeIcon || slots.removeIcon && slots.removeIcon();
  // Clear Icon
  var mergedClearIcon = clearIcon;
  if (!clearIcon) {
    mergedClearIcon = (0, _vue.createVNode)(_icon.default, {
      "iconClass": "wd-icon-tips_close_circle_fill"
    }, null);
  }
  // Arrow item icon
  var mergedSuffixIcon = null;
  if (suffixIcon !== undefined) {
    mergedSuffixIcon = suffixIcon;
  } else if (loading) {
    mergedSuffixIcon = (0, _vue.createVNode)(_LoadingOutlined.default, {
      "spin": true
    }, null);
  } else {
    var iconCls = "".concat(prefixCls, "-suffix");
    mergedSuffixIcon = function mergedSuffixIcon(_ref) {
      var open = _ref.open,
        showSearch = _ref.showSearch;
      if (props.stockSearch && props.searchIconPlacement === 'left') {
        return null;
      }
      // 股票搜索组件固定显示搜索图标
      if (props.stockSearch && props.searchIconPlacement === 'right') {
        return (0, _vue.createVNode)(_icon.default, {
          "class": "".concat(prefixCls, "-suffix-search"),
          "iconClass": "wd-icon-interactive_search"
        }, null);
      }
      if (open && showSearch) {
        return (0, _vue.createVNode)(_icon.default, {
          "class": "".concat(prefixCls, "-suffix-search"),
          "iconClass": "wd-icon-interactive_search"
        }, null);
      }
      return (0, _vue.createVNode)(_icon.default, {
        "icon-class": "wd-icon-direction_".concat(open ? 'up' : 'down'),
        "class": iconCls
      }, null);
    };
  }
  var prefixIcon = null;
  if (props.stockSearch && props.searchIconPlacement === 'left') {
    prefixIcon = (0, _vue.createVNode)(_icon.default, {
      "class": "".concat(prefixCls, "-suffix-search"),
      "iconClass": "wd-icon-interactive_search"
    }, null);
  }
  // Checked item icon
  var mergedItemIcon = null;
  if (menuItemSelectedIcon !== undefined) {
    mergedItemIcon = menuItemSelectedIcon;
  } else if (multiple) {
    mergedItemIcon = (0, _vue.createVNode)(_CheckOutlined.default, null, null);
  } else {
    mergedItemIcon = null;
  }
  var mergedRemoveIcon = null;
  if (removeIcon !== undefined) {
    mergedRemoveIcon = removeIcon;
  } else {
    mergedRemoveIcon = (0, _vue.createVNode)(_icon.default, {
      "iconClass": "wd-icon-tips_close_circle_fill"
    }, null);
  }
  return {
    clearIcon: mergedClearIcon,
    suffixIcon: mergedSuffixIcon,
    prefixIcon: prefixIcon,
    itemIcon: mergedItemIcon,
    removeIcon: mergedRemoveIcon
  };
}