1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
| "use strict";
|
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
| exports.__esModule = true;
| exports.default = void 0;
|
| var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
|
| var _utils = require("../utils");
|
| var _functional = require("../utils/functional");
|
| var _icon = _interopRequireDefault(require("../icon"));
|
| // Utils
| // Components
| var _createNamespace = (0, _utils.createNamespace)('tag'),
| createComponent = _createNamespace[0],
| bem = _createNamespace[1];
|
| function Tag(h, props, slots, ctx) {
| var _style;
|
| var type = props.type,
| mark = props.mark,
| plain = props.plain,
| color = props.color,
| round = props.round,
| size = props.size,
| textColor = props.textColor;
| var key = plain ? 'color' : 'backgroundColor';
| var style = (_style = {}, _style[key] = color, _style);
|
| if (plain) {
| style.color = textColor || color;
| style.borderColor = color;
| } else {
| style.color = textColor;
| style.background = color;
| }
|
| var classes = {
| mark: mark,
| plain: plain,
| round: round
| };
|
| if (size) {
| classes[size] = size;
| }
|
| var CloseIcon = props.closeable && h(_icon.default, {
| "attrs": {
| "name": "cross"
| },
| "class": bem('close'),
| "on": {
| "click": function click(event) {
| event.stopPropagation();
| (0, _functional.emit)(ctx, 'close');
| }
| }
| });
| return h("transition", {
| "attrs": {
| "name": props.closeable ? 'van-fade' : null
| }
| }, [h("span", (0, _babelHelperVueJsxMergeProps.default)([{
| "key": "content",
| "style": style,
| "class": bem([classes, type])
| }, (0, _functional.inherit)(ctx, true)]), [slots.default == null ? void 0 : slots.default(), CloseIcon])]);
| }
|
| Tag.props = {
| size: String,
| mark: Boolean,
| color: String,
| plain: Boolean,
| round: Boolean,
| textColor: String,
| closeable: Boolean,
| type: {
| type: String,
| default: 'default'
| }
| };
|
| var _default = createComponent(Tag);
|
| exports.default = _default;
|
|
