wetrade-design
Version:
一款多语言支持Vue3的UI框架
74 lines (73 loc) • 5.84 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _vue = require("vue");
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _enum = require("../_util/enum");
// size
var DEFAULT_BOX = {
width: 13,
height: 8
};
var BIG_BOX = {
width: 16,
height: 10
};
// 这里的svg内容是从设计稿上复制而来 使用iconfont的svg无法修改尺寸大小且不好调试
// HK
var HK_ICON_PATH = function HK_ICON_PATH(size) {
return size === 'big' ? (0, _vue.createVNode)("path", {
"d": "M6.80465 0.5V9.5H4.98838V5.69093H1.81626V9.5H0V0.5H1.81626V4.2044H4.9912V0.5H6.80746H6.80465ZM11.5227 5.49485L10.2626 6.9827V9.5H8.44632V0.5H10.2626V4.69991L13.5741 0.5H15.7508L12.6871 4.11298L16 9.5H13.8937L11.5227 5.49485Z",
"fill": "var(--wd-charts-violet-violet)"
}, null) : (0, _vue.createVNode)("path", {
"d": "M5.52878 0V8H4.05306V4.61416H1.47571V8H0V0H1.47571V3.2928H4.05535V0H5.53106H5.52878ZM9.3622 4.43986L8.33835 5.7624V8H6.86264V0H8.33835V3.73326L11.029 0H12.7975L10.3083 3.21154L13 8H11.2886L9.3622 4.43986Z",
"fill": "var(--wd-charts-violet-violet)"
}, null);
};
// US
var US_ICON_PATH = function US_ICON_PATH(size) {
return size === 'big' ? (0, _vue.createVNode)("path", {
"d": "M1.76865 9.10533C1.22255 8.86183 0.765757 8.47105 0.456333 7.98267C0.147387 7.49867 0 6.92533 0 6.26267V0.626667H1.75589V6.20933C1.75589 6.80933 1.91603 7.268 2.26608 7.57333C2.60053 7.89333 3.08237 8.04533 3.72577 8.04533C4.355 8.04533 4.85102 7.892 5.19965 7.57333C5.54827 7.26667 5.72259 6.80933 5.72259 6.20933V0.628H7.47848V6.26267C7.47848 6.92533 7.31692 7.49867 7.00939 7.98267C6.69959 8.47125 6.24228 8.86205 5.69566 9.10533C5.13304 9.372 4.47688 9.5 3.72577 9.5C2.97467 9.5 2.33127 9.372 1.77006 9.10533H1.76865ZM9.67228 8.8C10.2902 9.27067 11.1603 9.5 12.287 9.5C13.4391 9.5 14.3376 9.27067 15.008 8.79867C15.6641 8.32667 16 7.652 16 6.75867C16 6.04533 15.7704 5.484 15.3155 5.076C14.8592 4.668 14.1888 4.40133 13.3173 4.28667L12.2062 4.14533C11.6294 4.08267 11.2142 3.95467 10.9591 3.776C10.6912 3.59733 10.5708 3.356 10.5708 3.024C10.5708 2.66667 10.7182 2.4 11.0129 2.196C11.3077 2.004 11.7357 1.90267 12.3267 1.90267C12.9035 1.90267 13.3329 2.004 13.6262 2.196C13.921 2.4 14.0826 2.70533 14.1222 3.12667H15.8115C15.7307 2.28533 15.409 1.63333 14.8195 1.176C14.2299 0.729334 13.4122 0.5 12.3678 0.5C11.2808 0.5 10.4234 0.742666 9.80691 1.21333C9.17768 1.68533 8.86873 2.336 8.86873 3.152C8.86873 4.57867 9.80691 5.39467 11.6833 5.612L12.6611 5.72667C13.2252 5.79067 13.639 5.91733 13.8941 6.096C14.135 6.27467 14.2696 6.54267 14.2696 6.88667C14.2696 7.67733 13.6404 8.07333 12.3805 8.07333C11.7371 8.07333 11.2411 7.97067 10.9066 7.76667C10.5708 7.56267 10.3695 7.21867 10.3171 6.74667H8.64057C8.70859 7.64 9.05722 8.32667 9.67369 8.8H9.67228Z",
"fill": "var(--wd-charts-dorger-dorger)"
}, null) : (0, _vue.createVNode)("path", {
"d": "M1.43702 7.64919C0.993324 7.43274 0.622177 7.08538 0.370771 6.65126C0.119752 6.22104 0 5.71141 0 5.12237V0.112593H1.42666V5.07496C1.42666 5.6083 1.55678 6.016 1.84119 6.28741C2.11293 6.57185 2.50443 6.70696 3.02719 6.70696C3.53844 6.70696 3.94145 6.57067 4.22471 6.28741C4.50797 6.01481 4.6496 5.6083 4.6496 5.07496V0.113778H6.07626V5.12237C6.07626 5.71141 5.94499 6.22104 5.69513 6.65126C5.44341 7.08555 5.07185 7.43293 4.62772 7.64919C4.17059 7.88622 3.63747 8 3.02719 8C2.41692 8 1.89415 7.88622 1.43818 7.64919H1.43702ZM7.85872 7.37778C8.36076 7.79615 9.06776 8 9.98317 8C10.9193 8 11.6493 7.79615 12.194 7.37659C12.7271 6.95704 13 6.35733 13 5.56326C13 4.92919 12.8135 4.43022 12.4438 4.06756C12.0731 3.70489 11.5284 3.46785 10.8203 3.36593L9.91754 3.2403C9.44889 3.18459 9.11151 3.07081 8.90425 2.912C8.68662 2.75319 8.58875 2.53867 8.58875 2.24356C8.58875 1.92593 8.7085 1.68889 8.94801 1.50756C9.18751 1.33689 9.53525 1.24681 10.0154 1.24681C10.4841 1.24681 10.8329 1.33689 11.0713 1.50756C11.3108 1.68889 11.4421 1.9603 11.4743 2.33481H12.8469C12.7812 1.58696 12.5198 1.00741 12.0408 0.600889C11.5618 0.203852 10.8974 0 10.0488 0C9.16563 0 8.469 0.215704 7.96811 0.634074C7.45686 1.05363 7.20585 1.632 7.20585 2.35733C7.20585 3.62548 7.96811 4.35081 9.49265 4.544L10.2872 4.64593C10.7454 4.70282 11.0817 4.81541 11.2889 4.97422C11.4847 5.13304 11.5941 5.37126 11.5941 5.67704C11.5941 6.37985 11.0828 6.73185 10.0592 6.73185C9.5364 6.73185 9.13339 6.64059 8.86165 6.45926C8.58875 6.27793 8.42524 5.97215 8.38264 5.55259H7.02046C7.07573 6.34667 7.35899 6.95704 7.85988 7.37778H7.85872Z",
"fill": "var(--wd-charts-dorger-dorger)"
}, null);
};
// 获取图片内容
var getImage = function getImage(regionType) {
var _ICON_PATH_MAP;
var box = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_BOX;
var size = arguments.length > 2 ? arguments[2] : undefined;
var ICON_PATH_MAP = (_ICON_PATH_MAP = {}, (0, _defineProperty2.default)(_ICON_PATH_MAP, _enum.RegionTypeEnum.HK, HK_ICON_PATH), (0, _defineProperty2.default)(_ICON_PATH_MAP, _enum.RegionTypeEnum.US, US_ICON_PATH), _ICON_PATH_MAP);
var PATH = ICON_PATH_MAP[regionType];
return (0, _vue.createVNode)("svg", {
"width": box.width,
"height": box.height,
"viewBox": "0 0 ".concat(box.width, " ").concat(box.height),
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
}, [PATH(size)]);
};
var Market = function Market(props) {
var regionType = props.regionType,
size = props.size;
var ICON_BOX_MAP = {
big: BIG_BOX
};
var box = ICON_BOX_MAP[size];
return getImage(regionType, box, size);
};
Market.props = {
regionType: {
type: Number
},
size: {
type: String
}
};
var _default = Market;
exports.default = _default;