vue-devui 1.0.0-beta.3 → 1.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.d.ts +7 -0
- package/accordion/index.es.js +186 -139
- package/accordion/index.umd.js +1 -1
- package/accordion/style.css +1 -1
- package/alert/index.d.ts +7 -0
- package/anchor/index.d.ts +7 -0
- package/avatar/index.d.ts +7 -0
- package/back-top/index.d.ts +7 -0
- package/back-top/index.es.js +128 -0
- package/back-top/index.umd.js +1 -0
- package/back-top/package.json +7 -0
- package/back-top/style.css +1 -0
- package/badge/index.d.ts +7 -0
- package/breadcrumb/index.d.ts +7 -0
- package/button/index.d.ts +7 -0
- package/button/index.es.js +3 -3
- package/button/index.umd.js +1 -1
- package/card/index.d.ts +7 -0
- package/carousel/index.d.ts +7 -0
- package/carousel/index.es.js +3 -3
- package/carousel/index.umd.js +1 -1
- package/cascader/index.d.ts +7 -0
- package/cascader/index.es.js +1239 -83
- package/cascader/index.umd.js +1 -1
- package/cascader/style.css +1 -1
- package/checkbox/index.d.ts +7 -0
- package/checkbox/index.es.js +42 -7
- package/checkbox/index.umd.js +1 -1
- package/comment/index.d.ts +7 -0
- package/comment/index.es.js +57 -0
- package/comment/index.umd.js +1 -0
- package/comment/package.json +7 -0
- package/comment/style.css +1 -0
- package/date-picker/index.d.ts +7 -0
- package/date-picker/index.es.js +18 -17
- package/date-picker/index.umd.js +1 -1
- package/date-picker/style.css +1 -1
- package/dragdrop/index.d.ts +7 -0
- package/dragdrop/index.es.js +32 -0
- package/dragdrop/index.umd.js +1 -0
- package/dragdrop/package.json +7 -0
- package/drawer/index.d.ts +7 -0
- package/drawer/index.es.js +112 -45
- package/drawer/index.umd.js +1 -1
- package/drawer/style.css +1 -1
- package/dropdown/index.d.ts +7 -0
- package/dropdown/index.es.js +528 -0
- package/dropdown/index.umd.js +1 -0
- package/dropdown/package.json +7 -0
- package/dropdown/style.css +1 -0
- package/editable-select/index.d.ts +7 -0
- package/editable-select/index.es.js +5648 -434
- package/editable-select/index.umd.js +27 -1
- package/editable-select/style.css +1 -1
- package/form/index.d.ts +7 -0
- package/form/index.es.js +446 -5558
- package/form/index.umd.js +1 -27
- package/form/style.css +1 -1
- package/fullscreen/index.d.ts +7 -0
- package/gantt/index.d.ts +7 -0
- package/gantt/index.es.js +535 -0
- package/gantt/index.umd.js +1 -0
- package/gantt/package.json +7 -0
- package/gantt/style.css +1 -0
- package/grid/index.d.ts +7 -0
- package/grid/index.es.js +269 -0
- package/grid/index.umd.js +1 -0
- package/grid/package.json +7 -0
- package/grid/style.css +1 -0
- package/icon/index.d.ts +7 -0
- package/icon/index.es.js +3 -3
- package/icon/index.umd.js +1 -1
- package/image-preview/index.d.ts +7 -0
- package/image-preview/index.es.js +22 -1
- package/image-preview/index.umd.js +1 -1
- package/index.d.ts +7 -0
- package/input/index.d.ts +7 -0
- package/input/index.es.js +15 -14
- package/input/index.umd.js +1 -1
- package/input-icon/index.d.ts +7 -0
- package/input-icon/index.es.js +331 -0
- package/input-icon/index.umd.js +1 -0
- package/input-icon/package.json +7 -0
- package/input-icon/style.css +1 -0
- package/input-number/index.d.ts +7 -0
- package/input-number/index.es.js +3 -3
- package/input-number/index.umd.js +1 -1
- package/layout/index.d.ts +7 -0
- package/loading/index.d.ts +7 -0
- package/modal/index.d.ts +7 -0
- package/modal/index.es.js +102 -84
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/nav-sprite/index.d.ts +7 -0
- package/overlay/index.d.ts +7 -0
- package/overlay/index.es.js +100 -82
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +4 -33
- package/pagination/index.d.ts +7 -0
- package/panel/index.d.ts +7 -0
- package/popover/index.d.ts +7 -0
- package/progress/index.d.ts +7 -0
- package/quadrant-diagram/index.d.ts +7 -0
- package/radio/index.d.ts +7 -0
- package/rate/index.d.ts +7 -0
- package/read-tip/index.d.ts +7 -0
- package/read-tip/index.es.js +244 -0
- package/read-tip/index.umd.js +1 -0
- package/read-tip/package.json +7 -0
- package/read-tip/style.css +1 -0
- package/ripple/index.d.ts +7 -0
- package/search/index.d.ts +7 -0
- package/search/index.es.js +15 -14
- package/search/index.umd.js +1 -1
- package/select/index.d.ts +7 -0
- package/select/index.es.js +45 -10
- package/select/index.umd.js +1 -1
- package/skeleton/index.d.ts +7 -0
- package/skeleton/index.es.js +147 -25
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/slider/index.d.ts +7 -0
- package/slider/index.es.js +8 -6
- package/slider/index.umd.js +1 -1
- package/splitter/index.d.ts +7 -0
- package/status/index.d.ts +7 -0
- package/steps-guide/index.d.ts +7 -0
- package/steps-guide/index.es.js +99 -73
- package/steps-guide/index.umd.js +1 -1
- package/steps-guide/style.css +1 -1
- package/sticky/index.d.ts +7 -0
- package/style.css +1 -1
- package/switch/index.d.ts +7 -0
- package/table/index.d.ts +7 -0
- package/table/index.es.js +1490 -157
- package/table/index.umd.js +1 -1
- package/table/style.css +1 -1
- package/tabs/index.d.ts +7 -0
- package/tabs/index.es.js +1 -0
- package/tabs/index.umd.js +1 -1
- package/tag/index.d.ts +7 -0
- package/tag/index.es.js +105 -0
- package/tag/index.umd.js +1 -0
- package/tag/package.json +7 -0
- package/tag/style.css +1 -0
- package/tag-input/index.d.ts +7 -0
- package/textarea/index.d.ts +7 -0
- package/textarea/index.es.js +132 -0
- package/textarea/index.umd.js +1 -0
- package/textarea/package.json +7 -0
- package/textarea/style.css +1 -0
- package/time-axis/index.d.ts +7 -0
- package/time-axis/index.es.js +238 -21
- package/time-axis/index.umd.js +1 -1
- package/time-axis/style.css +1 -1
- package/time-picker/index.d.ts +7 -0
- package/time-picker/index.es.js +45 -22
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/toast/index.d.ts +7 -0
- package/toast/index.es.js +3 -3
- package/toast/index.umd.js +1 -1
- package/toast/style.css +1 -1
- package/tooltip/index.d.ts +7 -0
- package/transfer/index.d.ts +7 -0
- package/transfer/index.es.js +345 -70
- package/transfer/index.umd.js +1 -1
- package/transfer/style.css +1 -1
- package/tree/index.d.ts +7 -0
- package/tree/index.es.js +11 -4
- package/tree/index.umd.js +1 -1
- package/tree-select/index.d.ts +7 -0
- package/tree-select/index.es.js +435 -110
- package/tree-select/index.umd.js +1 -1
- package/tree-select/style.css +1 -1
- package/upload/index.d.ts +7 -0
- package/upload/index.es.js +4 -4
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +17873 -14511
- package/vue-devui.umd.js +17 -17
package/accordion/index.es.js
CHANGED
|
@@ -1,8 +1,111 @@
|
|
|
1
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
import { defineComponent, toRefs, computed, createVNode, Fragment, mergeProps, resolveComponent, onMounted, watch } from "vue";
|
|
18
|
+
const accordionProps = {
|
|
19
|
+
data: {
|
|
20
|
+
type: Array,
|
|
21
|
+
default: null
|
|
22
|
+
},
|
|
23
|
+
titleKey: { type: String, default: "title" },
|
|
24
|
+
loadingKey: { type: String, default: "loading" },
|
|
25
|
+
childrenKey: { type: String, default: "children" },
|
|
26
|
+
disabledKey: { type: String, default: "disabled" },
|
|
27
|
+
activeKey: { type: String, default: "active" },
|
|
28
|
+
openKey: { type: String, default: "open" },
|
|
29
|
+
menuItemTemplate: { type: String, default: "" },
|
|
30
|
+
itemTemplate: { type: String, default: "" },
|
|
31
|
+
menuToggle: {
|
|
32
|
+
type: Function,
|
|
33
|
+
default: null
|
|
34
|
+
},
|
|
35
|
+
itemClick: {
|
|
36
|
+
type: Function,
|
|
37
|
+
default: null
|
|
38
|
+
},
|
|
39
|
+
activeItemChange: {
|
|
40
|
+
type: Function,
|
|
41
|
+
default: null
|
|
42
|
+
},
|
|
43
|
+
restrictOneOpen: { type: Boolean, default: false },
|
|
44
|
+
autoOpenActiveMenu: { type: Boolean, default: false },
|
|
45
|
+
showNoContent: { type: Boolean, default: true },
|
|
46
|
+
noContentTemplate: { type: String, default: "" },
|
|
47
|
+
loadingTemplate: { type: String, default: "" },
|
|
48
|
+
innerListTemplate: { type: String, default: "" },
|
|
49
|
+
linkType: {
|
|
50
|
+
type: String,
|
|
51
|
+
default: ""
|
|
52
|
+
},
|
|
53
|
+
linkTypeKey: { type: String, default: "linkType" },
|
|
54
|
+
linkKey: { type: String, default: "link" },
|
|
55
|
+
linkTargetKey: { type: String, default: "target" },
|
|
56
|
+
linkDefaultTarget: { type: String, default: "_self" },
|
|
57
|
+
accordionType: {
|
|
58
|
+
type: String,
|
|
59
|
+
default: "normal"
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
var DAccordionMenu = defineComponent({
|
|
63
|
+
name: "DAccordionMenu",
|
|
64
|
+
props: __spreadValues({
|
|
65
|
+
item: Object,
|
|
66
|
+
deepth: {
|
|
67
|
+
type: Number,
|
|
68
|
+
default: 0
|
|
69
|
+
},
|
|
70
|
+
parent: {
|
|
71
|
+
type: Object,
|
|
72
|
+
default: null
|
|
73
|
+
}
|
|
74
|
+
}, accordionProps),
|
|
75
|
+
setup(props) {
|
|
76
|
+
const {
|
|
77
|
+
item,
|
|
78
|
+
deepth
|
|
79
|
+
} = toRefs(props);
|
|
80
|
+
computed(() => {
|
|
81
|
+
return keyOpen === void 0 && props.autoOpenActiveMenu ? childActived : keyOpen;
|
|
82
|
+
});
|
|
83
|
+
const keyOpen = computed(() => {
|
|
84
|
+
return item == null ? void 0 : item.value[props.openKey];
|
|
85
|
+
});
|
|
86
|
+
const childActived = computed(() => {
|
|
87
|
+
});
|
|
88
|
+
return () => {
|
|
89
|
+
return createVNode(Fragment, null, [createVNode("div", {
|
|
90
|
+
"class": ["devui-accordion-item-title", "devui-over-flow-ellipsis", item.value.children ? "open active" : ""],
|
|
91
|
+
"title": item.value.title
|
|
92
|
+
}, [item.value.title]), createVNode(AccordionList, {
|
|
93
|
+
"class": "devui-accordion-submenu devui-accordion-show-animate",
|
|
94
|
+
"style": "opacity: 1; overflow: hidden;",
|
|
95
|
+
"deepth": deepth.value + 1,
|
|
96
|
+
"data": item.value.children || [],
|
|
97
|
+
"parent": item.value
|
|
98
|
+
}, null)]);
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
});
|
|
2
102
|
var AccordionList = defineComponent({
|
|
3
103
|
name: "DAccordionList",
|
|
4
104
|
inheritAttrs: false,
|
|
5
|
-
|
|
105
|
+
components: {
|
|
106
|
+
DAccordionMenu
|
|
107
|
+
},
|
|
108
|
+
props: __spreadValues({
|
|
6
109
|
data: {
|
|
7
110
|
type: Array,
|
|
8
111
|
default: null
|
|
@@ -16,158 +119,102 @@ var AccordionList = defineComponent({
|
|
|
16
119
|
default: null
|
|
17
120
|
},
|
|
18
121
|
innerListTemplate: Boolean
|
|
19
|
-
},
|
|
20
|
-
setup(props,
|
|
122
|
+
}, accordionProps),
|
|
123
|
+
setup(props, {
|
|
124
|
+
attrs,
|
|
125
|
+
slots
|
|
126
|
+
}) {
|
|
127
|
+
const {
|
|
128
|
+
childrenKey,
|
|
129
|
+
innerListTemplate,
|
|
130
|
+
deepth
|
|
131
|
+
} = toRefs(props);
|
|
21
132
|
return () => {
|
|
22
|
-
return (!
|
|
133
|
+
return createVNode(Fragment, null, [!innerListTemplate.value && createVNode("ul", mergeProps({
|
|
23
134
|
"class": "devui-accordion-list"
|
|
24
|
-
},
|
|
135
|
+
}, attrs), [props.data.map((item) => {
|
|
25
136
|
return createVNode("li", {
|
|
26
137
|
"class": "devui-accordion-item",
|
|
27
138
|
"key": item.title
|
|
28
|
-
}, [createVNode("
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, [item.title]), createVNode("div", {
|
|
35
|
-
"class": "devui-accordion-submenu devui-accordion-show-animate",
|
|
36
|
-
"style": "opacity: 1; overflow: hidden;"
|
|
37
|
-
}, [createVNode("ul", {
|
|
38
|
-
"class": "devui-accordion-list"
|
|
39
|
-
}, [item.children.map((component) => {
|
|
40
|
-
return createVNode("li", {
|
|
41
|
-
"class": "devui-accordion-item",
|
|
42
|
-
"key": component.title
|
|
43
|
-
}, [createVNode("div", {
|
|
44
|
-
"class": "devui-accordion-item-title devui-over-flow-ellipsis",
|
|
45
|
-
"style": "text-indent: 20px;",
|
|
46
|
-
"title": component.title
|
|
47
|
-
}, [createVNode(resolveComponent("router-link"), {
|
|
48
|
-
"to": component.link
|
|
49
|
-
}, {
|
|
50
|
-
default: () => [createVNode("div", {
|
|
51
|
-
"class": "devui-accordion-splitter",
|
|
52
|
-
"style": "left: 30px;"
|
|
53
|
-
}, null), component.title, component.done && createVNode("span", {
|
|
54
|
-
"class": "tag-done"
|
|
55
|
-
}, [createTextVNode("\u5DF2\u5B8C\u6210")])]
|
|
56
|
-
})])]);
|
|
57
|
-
})])])])]);
|
|
58
|
-
})]);
|
|
139
|
+
}, [childrenKey !== void 0 && createVNode(resolveComponent("d-accordion-menu"), mergeProps({
|
|
140
|
+
"item": item,
|
|
141
|
+
"deepth": props.deepth,
|
|
142
|
+
"parent": props.parent
|
|
143
|
+
}, accordionProps), null)]);
|
|
144
|
+
})]), innerListTemplate.value && deepth.value !== 0 && createVNode("div", null, [slots.default ? slots.innerListTemplate() : ""])]);
|
|
59
145
|
};
|
|
60
146
|
}
|
|
61
147
|
});
|
|
62
148
|
var accordion = "";
|
|
63
149
|
var Accordion = defineComponent({
|
|
64
150
|
name: "DAccordion",
|
|
65
|
-
props:
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
},
|
|
70
|
-
titleKey: {
|
|
71
|
-
type: String,
|
|
72
|
-
default: "title"
|
|
73
|
-
},
|
|
74
|
-
loadingKey: {
|
|
75
|
-
type: String,
|
|
76
|
-
default: "loading"
|
|
77
|
-
},
|
|
78
|
-
childrenKey: {
|
|
79
|
-
type: String,
|
|
80
|
-
default: "children"
|
|
81
|
-
},
|
|
82
|
-
disabledKey: {
|
|
83
|
-
type: String,
|
|
84
|
-
default: "disabled"
|
|
85
|
-
},
|
|
86
|
-
activeKey: {
|
|
87
|
-
type: String,
|
|
88
|
-
default: "active"
|
|
89
|
-
},
|
|
90
|
-
openKey: {
|
|
91
|
-
type: String,
|
|
92
|
-
default: "open"
|
|
93
|
-
},
|
|
94
|
-
menuItemTemplate: {
|
|
95
|
-
type: String,
|
|
96
|
-
default: ""
|
|
97
|
-
},
|
|
98
|
-
itemTemplate: {
|
|
99
|
-
type: String,
|
|
100
|
-
default: ""
|
|
101
|
-
},
|
|
102
|
-
menuToggle: {
|
|
103
|
-
type: Function,
|
|
104
|
-
default: null
|
|
105
|
-
},
|
|
106
|
-
itemClick: {
|
|
107
|
-
type: Function,
|
|
108
|
-
default: null
|
|
109
|
-
},
|
|
110
|
-
activeItemChange: {
|
|
111
|
-
type: Function,
|
|
112
|
-
default: null
|
|
113
|
-
},
|
|
114
|
-
restrictOneOpen: {
|
|
115
|
-
type: Boolean,
|
|
116
|
-
default: false
|
|
117
|
-
},
|
|
118
|
-
autoOpenActiveMenu: {
|
|
119
|
-
type: Boolean,
|
|
120
|
-
default: false
|
|
121
|
-
},
|
|
122
|
-
showNoContent: {
|
|
123
|
-
type: Boolean,
|
|
124
|
-
default: true
|
|
125
|
-
},
|
|
126
|
-
noContentTemplate: {
|
|
127
|
-
type: String,
|
|
128
|
-
default: ""
|
|
129
|
-
},
|
|
130
|
-
loadingTemplate: {
|
|
131
|
-
type: String,
|
|
132
|
-
default: ""
|
|
133
|
-
},
|
|
134
|
-
innerListTemplate: {
|
|
135
|
-
type: String,
|
|
136
|
-
default: ""
|
|
137
|
-
},
|
|
138
|
-
linkType: {
|
|
139
|
-
type: String,
|
|
140
|
-
default: ""
|
|
141
|
-
},
|
|
142
|
-
linkTypeKey: {
|
|
143
|
-
type: String,
|
|
144
|
-
default: "linkType"
|
|
145
|
-
},
|
|
146
|
-
linkKey: {
|
|
147
|
-
type: String,
|
|
148
|
-
default: "link"
|
|
149
|
-
},
|
|
150
|
-
linkTargetKey: {
|
|
151
|
-
type: String,
|
|
152
|
-
default: "target"
|
|
153
|
-
},
|
|
154
|
-
linkDefaultTarget: {
|
|
155
|
-
type: String,
|
|
156
|
-
default: "_self"
|
|
157
|
-
},
|
|
158
|
-
accordionType: {
|
|
159
|
-
type: String,
|
|
160
|
-
default: "normal"
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
setup(props) {
|
|
151
|
+
props: accordionProps,
|
|
152
|
+
setup(props, {
|
|
153
|
+
emit
|
|
154
|
+
}) {
|
|
164
155
|
const {
|
|
165
156
|
data,
|
|
166
|
-
|
|
167
|
-
|
|
157
|
+
childrenKey,
|
|
158
|
+
activeKey,
|
|
159
|
+
openKey,
|
|
160
|
+
accordionType,
|
|
161
|
+
autoOpenActiveMenu,
|
|
162
|
+
restrictOneOpen
|
|
163
|
+
} = toRefs(props);
|
|
164
|
+
let clickActiveItem = void 0;
|
|
165
|
+
const flatten = (arr, childrenKey2 = "children", includeParent = false, includeLeaf = true) => {
|
|
166
|
+
return arr.reduce((acc, cur) => {
|
|
167
|
+
const children = cur[childrenKey2];
|
|
168
|
+
if (children === void 0) {
|
|
169
|
+
if (includeLeaf) {
|
|
170
|
+
acc.push(cur);
|
|
171
|
+
}
|
|
172
|
+
} else {
|
|
173
|
+
if (includeParent) {
|
|
174
|
+
acc.push(cur);
|
|
175
|
+
}
|
|
176
|
+
if (Array.isArray(children)) {
|
|
177
|
+
acc.push(...flatten(children, childrenKey2, includeParent));
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
return acc;
|
|
181
|
+
}, []);
|
|
182
|
+
};
|
|
183
|
+
const initActiveItem = () => {
|
|
184
|
+
const activeItem = flatten(data.value, childrenKey.value).filter((item) => item[activeKey.value]).pop();
|
|
185
|
+
if (activeItem) {
|
|
186
|
+
if (!clickActiveItem) {
|
|
187
|
+
activeItemFn(activeItem);
|
|
188
|
+
}
|
|
189
|
+
} else {
|
|
190
|
+
clickActiveItem = void 0;
|
|
191
|
+
}
|
|
192
|
+
};
|
|
193
|
+
const activeItemFn = (item) => {
|
|
194
|
+
if (clickActiveItem && clickActiveItem[activeKey.value]) {
|
|
195
|
+
clickActiveItem[activeKey.value] = false;
|
|
196
|
+
}
|
|
197
|
+
item[activeKey.value] = true;
|
|
198
|
+
clickActiveItem = item;
|
|
199
|
+
emit("activeItemChange", clickActiveItem);
|
|
200
|
+
};
|
|
201
|
+
const cleanOpenData = () => {
|
|
202
|
+
flatten(data.value, childrenKey.value, true, false).forEach((item) => item[openKey.value] = void 0);
|
|
203
|
+
};
|
|
204
|
+
onMounted(() => {
|
|
205
|
+
if (data.value) {
|
|
206
|
+
initActiveItem();
|
|
207
|
+
}
|
|
208
|
+
});
|
|
209
|
+
watch(() => autoOpenActiveMenu.value, (current, preV) => {
|
|
210
|
+
console.log("cur, new", current, preV);
|
|
211
|
+
if (current && preV === false) {
|
|
212
|
+
cleanOpenData();
|
|
213
|
+
}
|
|
214
|
+
});
|
|
168
215
|
return () => {
|
|
169
216
|
return createVNode("div", {
|
|
170
|
-
"class": `devui-accordion-menu devui-scrollbar ${accordionType === "normal" ? "devui-accordion-menu-normal" : ""}`
|
|
217
|
+
"class": `devui-accordion-menu devui-scrollbar ${accordionType.value === "normal" ? "devui-accordion-menu-normal" : ""}`
|
|
171
218
|
}, [createVNode(AccordionList, mergeProps({
|
|
172
219
|
"data": data,
|
|
173
220
|
"deepth": 0,
|
package/accordion/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
var F=Object.defineProperty;var T=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var K=(t,e,n)=>e in t?F(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,h=(t,e)=>{for(var n in e||(e={}))I.call(e,n)&&K(t,n,e[n]);if(T)for(var n of T(e))w.call(e,n)&&K(t,n,e[n]);return t};(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";const n={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}};var N=e.defineComponent({name:"DAccordionMenu",props:h({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},n),setup(a){const{item:l,deepth:d}=e.toRefs(a);e.computed(()=>r===void 0&&a.autoOpenActiveMenu?o:r);const r=e.computed(()=>l==null?void 0:l.value[a.openKey]),o=e.computed(()=>{});return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",l.value.children?"open active":""],title:l.value.title},[l.value.title]),e.createVNode(A,{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;",deepth:d.value+1,data:l.value.children||[],parent:l.value},null)])}}),A=e.defineComponent({name:"DAccordionList",inheritAttrs:!1,components:{DAccordionMenu:N},props:h({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},n),setup(a,{attrs:l,slots:d}){const{childrenKey:r,innerListTemplate:o,deepth:y}=e.toRefs(a);return()=>e.createVNode(e.Fragment,null,[!o.value&&e.createVNode("ul",e.mergeProps({class:"devui-accordion-list"},l),[a.data.map(f=>e.createVNode("li",{class:"devui-accordion-item",key:f.title},[r!==void 0&&e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps({item:f,deepth:a.deepth,parent:a.parent},n),null)]))]),o.value&&y.value!==0&&e.createVNode("div",null,[d.default?d.innerListTemplate():""])])}}),B="",p=e.defineComponent({name:"DAccordion",props:n,setup(a,{emit:l}){const{data:d,childrenKey:r,activeKey:o,openKey:y,accordionType:f,autoOpenActiveMenu:b,restrictOneOpen:D}=e.toRefs(a);let u;const m=(i,c="children",S=!1,M=!0)=>i.reduce((s,g)=>{const v=g[c];return v===void 0?M&&s.push(g):(S&&s.push(g),Array.isArray(v)&&s.push(...m(v,c,S))),s},[]),k=()=>{const i=m(d.value,r.value).filter(c=>c[o.value]).pop();i?u||C(i):u=void 0},C=i=>{u&&u[o.value]&&(u[o.value]=!1),i[o.value]=!0,u=i,l("activeItemChange",u)},V=()=>{m(d.value,r.value,!0,!1).forEach(i=>i[y.value]=void 0)};return e.onMounted(()=>{d.value&&k()}),e.watch(()=>b.value,(i,c)=>{console.log("cur, new",i,c),i&&c===!1&&V()}),()=>e.createVNode("div",{class:`devui-accordion-menu devui-scrollbar ${f.value==="normal"?"devui-accordion-menu-normal":""}`},[e.createVNode(A,e.mergeProps({data:d,deepth:0,parent:null},a),null)])}});p.install=function(a){a.component(p.name,p)};var O={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(a){a.use(p)}};t.Accordion=p,t.default=O,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
package/accordion/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{
|
|
1
|
+
@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0;opacity:0}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{opacity:1}.devui-accordion-show-animate .devui-accordion-item-title{transition:font-weight var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title .devui-accordion-splitter:before{transform:scaleY(0);transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-show-animate .devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{transform:scaleY(1)}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}
|
package/alert/index.d.ts
ADDED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import { ref, onMounted, computed, defineComponent, createVNode } from "vue";
|
|
21
|
+
const backTopProps = {
|
|
22
|
+
bottom: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: "50px"
|
|
25
|
+
},
|
|
26
|
+
right: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: "30px"
|
|
29
|
+
},
|
|
30
|
+
target: {
|
|
31
|
+
type: String,
|
|
32
|
+
default: "window"
|
|
33
|
+
},
|
|
34
|
+
visibleHeight: {
|
|
35
|
+
type: Number,
|
|
36
|
+
default: 300
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
function usePosition(props) {
|
|
40
|
+
const { bottom, right } = props;
|
|
41
|
+
return {
|
|
42
|
+
bottom,
|
|
43
|
+
right
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
function useTarget(props, backTopRef) {
|
|
47
|
+
const target = props.target;
|
|
48
|
+
const getTargetEl = () => {
|
|
49
|
+
const targetEl = document.querySelector(target);
|
|
50
|
+
if (!targetEl)
|
|
51
|
+
throw new Error(`props ${target} is not existed`);
|
|
52
|
+
targetEl.parentElement.style.position = "relative";
|
|
53
|
+
backTopRef.value.style.position = "absolute";
|
|
54
|
+
return targetEl;
|
|
55
|
+
};
|
|
56
|
+
const currTarget = target === "window" ? window || document.documentElement || document.body : getTargetEl();
|
|
57
|
+
return currTarget;
|
|
58
|
+
}
|
|
59
|
+
function useVisibility(props, backTopRef) {
|
|
60
|
+
const visibleHeight = props.visibleHeight;
|
|
61
|
+
const currScrollTop = ref(0);
|
|
62
|
+
const ThrottleCBFn = function() {
|
|
63
|
+
currScrollTop.value = currTarget === window ? window.pageYOffset : currTarget.scrollTop;
|
|
64
|
+
};
|
|
65
|
+
let currTarget = null;
|
|
66
|
+
onMounted(() => {
|
|
67
|
+
currTarget = useTarget(props, backTopRef);
|
|
68
|
+
useEventListener(currTarget, "scroll", useThrottle(ThrottleCBFn, 150));
|
|
69
|
+
});
|
|
70
|
+
const isVisible = computed(() => currScrollTop.value >= visibleHeight);
|
|
71
|
+
return isVisible;
|
|
72
|
+
}
|
|
73
|
+
function useEventListener(target, event, cb) {
|
|
74
|
+
if (target)
|
|
75
|
+
target.addEventListener(event, cb);
|
|
76
|
+
}
|
|
77
|
+
function useThrottle(fn, delay) {
|
|
78
|
+
let last = null;
|
|
79
|
+
return (...args) => {
|
|
80
|
+
const now = +Date.now();
|
|
81
|
+
if (now - last > delay) {
|
|
82
|
+
last = now;
|
|
83
|
+
return fn.apply(this, args);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
var backTop = "";
|
|
88
|
+
var IconTop = "data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==";
|
|
89
|
+
var BackTop = defineComponent({
|
|
90
|
+
name: "DBackTop",
|
|
91
|
+
props: backTopProps,
|
|
92
|
+
emits: [],
|
|
93
|
+
setup(props, ctx) {
|
|
94
|
+
const slots = ctx.slots;
|
|
95
|
+
const backTopRef = ref(null);
|
|
96
|
+
const position = usePosition(props);
|
|
97
|
+
let isVisible = useVisibility(props, backTopRef);
|
|
98
|
+
const scrollToTop = () => {
|
|
99
|
+
window && window.scrollTo({
|
|
100
|
+
top: 0,
|
|
101
|
+
left: 0,
|
|
102
|
+
behavior: "smooth"
|
|
103
|
+
});
|
|
104
|
+
};
|
|
105
|
+
return () => createVNode("div", {
|
|
106
|
+
"class": "devui-back-top",
|
|
107
|
+
"ref": backTopRef,
|
|
108
|
+
"style": __spreadProps(__spreadValues({}, position), {
|
|
109
|
+
display: isVisible.value ? "block" : "none"
|
|
110
|
+
}),
|
|
111
|
+
"onClick": scrollToTop
|
|
112
|
+
}, [createVNode("div", {
|
|
113
|
+
"class": ["devui-back-top-base", slots.default ? "devui-backtop-custom" : "devui-back-top-content"]
|
|
114
|
+
}, [slots.default ? slots.default() : createVNode(IconTop, null, null)])]);
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
BackTop.install = function(app) {
|
|
118
|
+
app.component(BackTop.name, BackTop);
|
|
119
|
+
};
|
|
120
|
+
var index = {
|
|
121
|
+
title: "BackTop \u56DE\u5230\u9876\u90E8",
|
|
122
|
+
category: "\u5BFC\u822A",
|
|
123
|
+
status: "60%",
|
|
124
|
+
install(app) {
|
|
125
|
+
app.use(BackTop);
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
export { BackTop, index as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var m=Object.defineProperty,w=Object.defineProperties;var f=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var g=(e,t,o)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=>{for(var o in t||(t={}))y.call(t,o)&&g(e,o,t[o]);if(N)for(var o of N(t))A.call(t,o)&&g(e,o,t[o]);return e},a=(e,t)=>w(e,f(t));(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){"use strict";const o={bottom:{type:String,default:"50px"},right:{type:String,default:"30px"},target:{type:String,default:"window"},visibleHeight:{type:Number,default:300}};function d(M){const{bottom:n,right:i}=M;return{bottom:n,right:i}}function j(M,n){const i=M.target;return i==="window"?window||document.documentElement||document.body:(()=>{const u=document.querySelector(i);if(!u)throw new Error(`props ${i} is not existed`);return u.parentElement.style.position="relative",n.value.style.position="absolute",u})()}function I(M,n){const i=M.visibleHeight,c=t.ref(0),l=function(){c.value=u===window?window.pageYOffset:u.scrollTop};let u=null;return t.onMounted(()=>{u=j(M,n),D(u,"scroll",T(l,150))}),t.computed(()=>c.value>=i)}function D(M,n,i){M&&M.addEventListener(n,i)}function T(M,n){let i=null;return(...c)=>{const l=+Date.now();if(l-i>n)return i=l,M.apply(this,c)}}var b="",p="data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==",s=t.defineComponent({name:"DBackTop",props:o,emits:[],setup(M,n){const i=n.slots,c=t.ref(null),l=d(M);let u=I(M,c);const z=()=>{window&&window.scrollTo({top:0,left:0,behavior:"smooth"})};return()=>t.createVNode("div",{class:"devui-back-top",ref:c,style:a(r({},l),{display:u.value?"block":"none"}),onClick:z},[t.createVNode("div",{class:["devui-back-top-base",i.default?"devui-backtop-custom":"devui-back-top-content"]},[i.default?i.default():t.createVNode(p,null,null)])])}});s.install=function(M){M.component(s.name,s)};var Y={title:"BackTop \u56DE\u5230\u9876\u90E8",category:"\u5BFC\u822A",status:"60%",install(M){M.use(s)}};e.BackTop=s,e.default=Y,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.devui-back-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9}.devui-back-top .devui-back-top-base{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.devui-back-top .devui-back-top-base:hover{opacity:1}.devui-back-top .devui-back-top-content{opacity:.4;background-color:var(--devui-text-weak, #575d6c);box-shadow:0 0 8px #0003}.devui-back-top .devui-backtop-custom{background-color:#fff}
|
package/badge/index.d.ts
ADDED
package/button/index.es.js
CHANGED
|
@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
|
|
|
14
14
|
}
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
|
-
import { defineComponent, createVNode,
|
|
17
|
+
import { defineComponent, createVNode, ref, computed, mergeProps } from "vue";
|
|
18
18
|
var Icon = defineComponent({
|
|
19
19
|
name: "DIcon",
|
|
20
20
|
props: {
|
|
@@ -45,7 +45,7 @@ var Icon = defineComponent({
|
|
|
45
45
|
color,
|
|
46
46
|
classPrefix
|
|
47
47
|
} = this;
|
|
48
|
-
return
|
|
48
|
+
return /^((https?):)?\/\//.test(name) ? createVNode("img", {
|
|
49
49
|
"src": name,
|
|
50
50
|
"alt": name.split("/")[name.split("/").length - 1],
|
|
51
51
|
"style": {
|
|
@@ -57,7 +57,7 @@ var Icon = defineComponent({
|
|
|
57
57
|
fontSize: size,
|
|
58
58
|
color
|
|
59
59
|
}
|
|
60
|
-
}, null)
|
|
60
|
+
}, null);
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
Icon.install = function(app) {
|