vue-devui 1.0.0-beta.8 → 1.0.0-rc.0

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.
Files changed (278) hide show
  1. package/README.md +81 -66
  2. package/accordion/index.es.js +522 -39
  3. package/accordion/index.umd.js +1 -1
  4. package/accordion/style.css +1 -1
  5. package/alert/index.es.js +6 -7
  6. package/alert/index.umd.js +1 -1
  7. package/alert/style.css +1 -1
  8. package/{toast → auto-complete}/index.d.ts +0 -0
  9. package/auto-complete/index.es.js +976 -0
  10. package/auto-complete/index.umd.js +1 -0
  11. package/auto-complete/package.json +7 -0
  12. package/auto-complete/style.css +1 -0
  13. package/back-top/index.es.js +1 -1
  14. package/back-top/index.umd.js +1 -1
  15. package/badge/index.es.js +12 -18
  16. package/badge/index.umd.js +1 -1
  17. package/button/index.es.js +262 -82
  18. package/button/index.umd.js +1 -1
  19. package/button/style.css +1 -1
  20. package/carousel/index.es.js +7 -6
  21. package/carousel/index.umd.js +1 -1
  22. package/cascader/index.es.js +5392 -772
  23. package/cascader/index.umd.js +27 -1
  24. package/checkbox/style.css +1 -1
  25. package/color-picker/index.d.ts +7 -0
  26. package/color-picker/index.es.js +8187 -0
  27. package/color-picker/index.umd.js +27 -0
  28. package/color-picker/package.json +7 -0
  29. package/color-picker/style.css +1 -0
  30. package/comment/index.es.js +42 -13
  31. package/comment/index.umd.js +1 -1
  32. package/comment/style.css +1 -1
  33. package/countdown/index.es.js +27 -18
  34. package/countdown/index.umd.js +1 -1
  35. package/countdown/style.css +1 -1
  36. package/date-picker/index.es.js +10 -11
  37. package/date-picker/index.umd.js +1 -1
  38. package/date-picker/style.css +1 -1
  39. package/dragdrop/index.es.js +135 -10
  40. package/dragdrop/index.umd.js +1 -1
  41. package/drawer/index.es.js +169 -223
  42. package/drawer/index.umd.js +1 -1
  43. package/drawer/style.css +1 -1
  44. package/dropdown/index.es.js +408 -300
  45. package/dropdown/index.umd.js +1 -1
  46. package/dropdown/style.css +1 -1
  47. package/editable-select/index.es.js +275 -5610
  48. package/editable-select/index.umd.js +1 -27
  49. package/editable-select/style.css +1 -1
  50. package/form/index.es.js +6129 -461
  51. package/form/index.umd.js +27 -1
  52. package/form/style.css +1 -1
  53. package/fullscreen/index.es.js +110 -118
  54. package/fullscreen/index.umd.js +1 -1
  55. package/fullscreen/style.css +1 -1
  56. package/gantt/index.es.js +6 -18
  57. package/gantt/index.umd.js +1 -1
  58. package/gantt/style.css +1 -1
  59. package/grid/index.es.js +1 -1
  60. package/grid/style.css +1 -1
  61. package/icon/index.es.js +2 -1
  62. package/icon/index.umd.js +1 -1
  63. package/image-preview/index.es.js +77 -19
  64. package/image-preview/index.umd.js +1 -1
  65. package/image-preview/style.css +1 -1
  66. package/input/index.es.js +4 -5
  67. package/input/index.umd.js +1 -1
  68. package/input/style.css +1 -1
  69. package/input-icon/index.es.js +6 -6
  70. package/input-icon/index.umd.js +1 -1
  71. package/input-icon/style.css +1 -1
  72. package/input-number/index.es.js +2 -1
  73. package/input-number/index.umd.js +1 -1
  74. package/list/index.d.ts +7 -0
  75. package/list/index.es.js +39 -0
  76. package/list/index.umd.js +1 -0
  77. package/{toast → list}/package.json +1 -1
  78. package/list/style.css +1 -0
  79. package/loading/index.es.js +2 -2
  80. package/modal/index.es.js +293 -759
  81. package/modal/index.umd.js +1 -1
  82. package/modal/style.css +1 -1
  83. package/nav-sprite/index.es.js +1 -675
  84. package/nav-sprite/index.umd.js +1 -1
  85. package/notification/index.d.ts +7 -0
  86. package/notification/index.es.js +286 -0
  87. package/notification/index.umd.js +1 -0
  88. package/notification/package.json +7 -0
  89. package/notification/style.css +1 -0
  90. package/nuxt/components/Accordion.js +3 -0
  91. package/nuxt/components/Alert.js +3 -0
  92. package/nuxt/components/Anchor.js +3 -0
  93. package/nuxt/components/Aside.js +3 -0
  94. package/nuxt/components/AutoComplete.js +3 -0
  95. package/nuxt/components/Avatar.js +3 -0
  96. package/nuxt/components/BackTop.js +3 -0
  97. package/nuxt/components/Badge.js +3 -0
  98. package/nuxt/components/Breadcrumb.js +3 -0
  99. package/nuxt/components/Button.js +3 -0
  100. package/nuxt/components/Card.js +3 -0
  101. package/nuxt/components/Carousel.js +3 -0
  102. package/nuxt/components/CarouselItem.js +3 -0
  103. package/nuxt/components/Cascader.js +3 -0
  104. package/nuxt/components/Checkbox.js +3 -0
  105. package/nuxt/components/Col.js +3 -0
  106. package/nuxt/components/ColorPicker.js +3 -0
  107. package/nuxt/components/Column.js +3 -0
  108. package/nuxt/components/Comment.js +3 -0
  109. package/nuxt/components/Content.js +3 -0
  110. package/nuxt/components/Countdown.js +3 -0
  111. package/nuxt/components/DatePicker.js +3 -0
  112. package/nuxt/components/Drawer.js +3 -0
  113. package/nuxt/components/DrawerService.js +3 -0
  114. package/nuxt/components/Dropdown.js +3 -0
  115. package/nuxt/components/DropdownMenu.js +3 -0
  116. package/nuxt/components/EditableSelect.js +3 -0
  117. package/nuxt/components/FixedOverlay.js +3 -0
  118. package/nuxt/components/FlexibleOverlay.js +3 -0
  119. package/nuxt/components/Footer.js +3 -0
  120. package/nuxt/components/Form.js +3 -0
  121. package/nuxt/components/FormControl.js +3 -0
  122. package/nuxt/components/FormItem.js +3 -0
  123. package/nuxt/components/FormLabel.js +3 -0
  124. package/nuxt/components/FormOperation.js +3 -0
  125. package/nuxt/components/Fullscreen.js +3 -0
  126. package/nuxt/components/Gantt.js +3 -0
  127. package/nuxt/components/Header.js +3 -0
  128. package/nuxt/components/IFileOptions.js +3 -0
  129. package/nuxt/components/IUploadOptions.js +3 -0
  130. package/nuxt/components/Icon.js +2 -0
  131. package/nuxt/components/ImagePreviewService.js +3 -0
  132. package/nuxt/components/Input.js +3 -0
  133. package/nuxt/components/InputIcon.js +3 -0
  134. package/nuxt/components/InputNumber.js +3 -0
  135. package/nuxt/components/Layout.js +3 -0
  136. package/nuxt/components/List.js +3 -0
  137. package/nuxt/components/ListItem.js +3 -0
  138. package/nuxt/components/Loading.js +3 -0
  139. package/nuxt/components/LoadingService.js +3 -0
  140. package/nuxt/components/Modal.js +3 -0
  141. package/nuxt/components/NavSprite.js +2 -0
  142. package/nuxt/components/Notification.js +3 -0
  143. package/nuxt/components/NotificationService.js +3 -0
  144. package/nuxt/components/Pagination.js +3 -0
  145. package/nuxt/components/Panel.js +3 -0
  146. package/nuxt/components/Popover.js +3 -0
  147. package/nuxt/components/Progress.js +3 -0
  148. package/nuxt/components/QuadrantDiagram.js +3 -0
  149. package/nuxt/components/Radio.js +3 -0
  150. package/nuxt/components/RadioGroup.js +3 -0
  151. package/nuxt/components/Rate.js +3 -0
  152. package/nuxt/components/ReadTip.js +3 -0
  153. package/nuxt/components/Result.js +3 -0
  154. package/nuxt/components/Row.js +3 -0
  155. package/nuxt/components/Search.js +3 -0
  156. package/nuxt/components/Select.js +3 -0
  157. package/nuxt/components/Skeleton.js +3 -0
  158. package/nuxt/components/SkeletonItem.js +3 -0
  159. package/nuxt/components/Slider.js +3 -0
  160. package/nuxt/components/Splitter.js +3 -0
  161. package/nuxt/components/Statistic.js +3 -0
  162. package/nuxt/components/Status.js +3 -0
  163. package/nuxt/components/StepsGuide.js +3 -0
  164. package/nuxt/components/StickSlider.js +3 -0
  165. package/nuxt/components/Sticky.js +2 -0
  166. package/nuxt/components/Switch.js +3 -0
  167. package/nuxt/components/Table.js +3 -0
  168. package/nuxt/components/Tabs.js +3 -0
  169. package/nuxt/components/Tag.js +3 -0
  170. package/nuxt/components/TagInput.js +3 -0
  171. package/nuxt/components/Textarea.js +3 -0
  172. package/nuxt/components/TimeAxis.js +3 -0
  173. package/nuxt/components/TimeAxisItem.js +3 -0
  174. package/nuxt/components/TimePicker.js +3 -0
  175. package/nuxt/components/Tooltip.js +3 -0
  176. package/nuxt/components/Transfer.js +3 -0
  177. package/nuxt/components/Tree.js +3 -0
  178. package/nuxt/components/TreeSelect.js +3 -0
  179. package/nuxt/components/Upload.js +3 -0
  180. package/nuxt/components/UploadStatus.js +3 -0
  181. package/nuxt/components/badgeProps.js +3 -0
  182. package/nuxt/components/buttonProps.js +3 -0
  183. package/nuxt/components/dropdownMenuProps.js +3 -0
  184. package/nuxt/components/fixedOverlayProps.js +3 -0
  185. package/nuxt/components/flexibleOverlayProps.js +3 -0
  186. package/nuxt/components/notificationProps.js +3 -0
  187. package/nuxt/components/overlayEmits.js +3 -0
  188. package/nuxt/components/overlayProps.js +3 -0
  189. package/nuxt/components/popoverProps.js +3 -0
  190. package/nuxt/components/tooltipProps.js +3 -0
  191. package/nuxt/components/uploadProps.js +3 -0
  192. package/nuxt/index.js +13 -0
  193. package/overlay/index.es.js +142 -198
  194. package/overlay/index.umd.js +1 -1
  195. package/overlay/style.css +1 -1
  196. package/package.json +10 -18
  197. package/pagination/index.es.js +1 -1
  198. package/pagination/style.css +1 -1
  199. package/panel/index.es.js +3 -3
  200. package/panel/index.umd.js +1 -1
  201. package/popover/index.es.js +5947 -189
  202. package/popover/index.umd.js +27 -1
  203. package/popover/style.css +1 -1
  204. package/progress/index.es.js +8 -8
  205. package/progress/index.umd.js +3 -3
  206. package/quadrant-diagram/index.es.js +5405 -166
  207. package/quadrant-diagram/index.umd.js +27 -1
  208. package/radio/index.es.js +5 -5
  209. package/radio/index.umd.js +1 -1
  210. package/radio/style.css +1 -1
  211. package/read-tip/index.es.js +17 -4
  212. package/read-tip/index.umd.js +1 -1
  213. package/read-tip/style.css +1 -1
  214. package/result/index.es.js +2 -1
  215. package/result/index.umd.js +1 -1
  216. package/ripple/index.es.js +1 -1
  217. package/search/index.es.js +5432 -198
  218. package/search/index.umd.js +27 -1
  219. package/search/style.css +1 -1
  220. package/select/index.es.js +3 -2
  221. package/select/index.umd.js +1 -1
  222. package/select/style.css +1 -1
  223. package/slider/index.es.js +2 -5
  224. package/slider/index.umd.js +1 -1
  225. package/slider/style.css +1 -1
  226. package/splitter/index.es.js +5881 -36
  227. package/splitter/index.umd.js +27 -1
  228. package/splitter/style.css +1 -1
  229. package/statistic/index.d.ts +7 -0
  230. package/statistic/index.es.js +267 -0
  231. package/statistic/index.umd.js +1 -0
  232. package/statistic/package.json +7 -0
  233. package/statistic/style.css +1 -0
  234. package/status/index.es.js +1 -1
  235. package/status/index.umd.js +1 -1
  236. package/status/style.css +1 -1
  237. package/steps-guide/index.es.js +8 -6
  238. package/steps-guide/index.umd.js +1 -1
  239. package/sticky/index.umd.js +1 -1
  240. package/style.css +1 -1
  241. package/table/index.es.js +698 -358
  242. package/table/index.umd.js +1 -1
  243. package/table/style.css +1 -1
  244. package/tabs/index.es.js +3 -4
  245. package/tabs/index.umd.js +1 -1
  246. package/tabs/style.css +1 -1
  247. package/tag/index.es.js +2 -2
  248. package/tag/index.umd.js +1 -1
  249. package/tag/style.css +1 -1
  250. package/tag-input/index.es.js +0 -12
  251. package/tag-input/index.umd.js +1 -1
  252. package/textarea/style.css +1 -1
  253. package/{theme → theme/theme.scss} +0 -0
  254. package/time-axis/index.es.js +2 -1
  255. package/time-axis/index.umd.js +1 -1
  256. package/time-picker/index.es.js +269 -84
  257. package/time-picker/index.umd.js +1 -1
  258. package/time-picker/style.css +1 -1
  259. package/tooltip/index.es.js +5798 -141
  260. package/tooltip/index.umd.js +27 -1
  261. package/tooltip/style.css +1 -1
  262. package/transfer/index.es.js +6522 -635
  263. package/transfer/index.umd.js +27 -1
  264. package/transfer/style.css +1 -1
  265. package/tree/index.es.js +5775 -192
  266. package/tree/index.umd.js +27 -1
  267. package/tree/style.css +1 -1
  268. package/tree-select/index.es.js +130 -35
  269. package/tree-select/index.umd.js +1 -1
  270. package/tree-select/style.css +1 -1
  271. package/upload/index.es.js +463 -2680
  272. package/upload/index.umd.js +1 -1
  273. package/upload/style.css +1 -1
  274. package/vue-devui.es.js +14630 -14010
  275. package/vue-devui.umd.js +18 -18
  276. package/toast/index.es.js +0 -2059
  277. package/toast/index.umd.js +0 -1
  278. package/toast/style.css +0 -1
@@ -0,0 +1,286 @@
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 { defineComponent, createVNode, toRefs, computed, watch, Transition, reactive, createApp, onUnmounted, mergeProps, isVNode } from "vue";
21
+ const notificationProps = {
22
+ modelValue: {
23
+ type: Boolean,
24
+ default: false
25
+ },
26
+ title: {
27
+ type: String,
28
+ default: ""
29
+ },
30
+ type: {
31
+ type: String,
32
+ default: "normal"
33
+ },
34
+ duration: {
35
+ type: Number,
36
+ default: 3e3
37
+ },
38
+ onClose: {
39
+ type: Function
40
+ }
41
+ };
42
+ var Icon = defineComponent({
43
+ name: "DIcon",
44
+ props: {
45
+ name: {
46
+ type: String,
47
+ required: true
48
+ },
49
+ size: {
50
+ type: String,
51
+ default: "inherit"
52
+ },
53
+ color: {
54
+ type: String,
55
+ default: "inherit"
56
+ },
57
+ classPrefix: {
58
+ type: String,
59
+ default: "icon"
60
+ }
61
+ },
62
+ setup(props) {
63
+ return __spreadValues({}, props);
64
+ },
65
+ render() {
66
+ const {
67
+ name,
68
+ size,
69
+ color,
70
+ classPrefix
71
+ } = this;
72
+ return /^((https?):)?\/\//.test(name) ? createVNode("img", {
73
+ "src": name,
74
+ "alt": name.split("/")[name.split("/").length - 1],
75
+ "style": {
76
+ width: size,
77
+ verticalAlign: "text-bottom"
78
+ }
79
+ }, null) : createVNode("i", {
80
+ "class": `${classPrefix} ${classPrefix}-${name}`,
81
+ "style": {
82
+ fontSize: size,
83
+ color
84
+ }
85
+ }, null);
86
+ }
87
+ });
88
+ Icon.install = function(app) {
89
+ app.component(Icon.name, Icon);
90
+ };
91
+ var Close = defineComponent({
92
+ emits: ["click"],
93
+ setup(props, {
94
+ emit
95
+ }) {
96
+ return () => createVNode("div", {
97
+ "class": "devui-notification-icon-close",
98
+ "onClick": (e) => emit("click", e)
99
+ }, [createVNode(Icon, {
100
+ "name": "close",
101
+ "size": "14px"
102
+ }, null)]);
103
+ }
104
+ });
105
+ var TypeIcon = defineComponent({
106
+ props: {
107
+ type: {
108
+ type: String,
109
+ default: "normal"
110
+ }
111
+ },
112
+ setup(props) {
113
+ const {
114
+ type
115
+ } = toRefs(props);
116
+ const classes = computed(() => ({
117
+ "devui-notification-image": true,
118
+ [`devui-notification-image-${type.value}`]: true
119
+ }));
120
+ const severityIconMap = {
121
+ info: "info-o",
122
+ success: "right-o",
123
+ warning: "warning-o",
124
+ error: "error-o"
125
+ };
126
+ return () => createVNode("span", {
127
+ "class": classes.value
128
+ }, [type.value !== "normal" && createVNode(Icon, {
129
+ "name": severityIconMap[type.value],
130
+ "size": "16px"
131
+ }, null)]);
132
+ }
133
+ });
134
+ function useNotification(props) {
135
+ const classes = computed(() => ({
136
+ "devui-notification-item-container": true,
137
+ [`devui-notification-message-${props.type}`]: true
138
+ }));
139
+ return { classes };
140
+ }
141
+ function useEvent(props, emit) {
142
+ let timer = null;
143
+ let timestamp;
144
+ const close2 = () => {
145
+ var _a;
146
+ clearTimeout(timer);
147
+ timer = null;
148
+ (_a = props.onClose) == null ? void 0 : _a.call(props);
149
+ emit("update:modelValue", false);
150
+ };
151
+ const interrupt = () => {
152
+ if (timer) {
153
+ clearTimeout(timer);
154
+ timer = null;
155
+ }
156
+ };
157
+ const removeReset = () => {
158
+ if (!props.modelValue) {
159
+ const remainTime = props.duration - (Date.now() - timestamp);
160
+ timer = setTimeout(close2, remainTime);
161
+ }
162
+ };
163
+ const handleDestroy = () => {
164
+ emit("destroy");
165
+ };
166
+ watch(() => props.modelValue, (val) => {
167
+ if (val) {
168
+ timestamp = Date.now();
169
+ if (props.duration) {
170
+ timer = setTimeout(close2, props.duration);
171
+ }
172
+ }
173
+ });
174
+ return { interrupt, removeReset, close: close2, handleDestroy };
175
+ }
176
+ var notification = "";
177
+ var Notification = defineComponent({
178
+ name: "DNotification",
179
+ props: notificationProps,
180
+ emits: ["update:modelValue", "destroy"],
181
+ setup(props, {
182
+ emit,
183
+ slots
184
+ }) {
185
+ const {
186
+ modelValue,
187
+ title,
188
+ type
189
+ } = toRefs(props);
190
+ const {
191
+ classes
192
+ } = useNotification(props);
193
+ const {
194
+ interrupt,
195
+ removeReset,
196
+ close: close2,
197
+ handleDestroy
198
+ } = useEvent(props, emit);
199
+ return () => createVNode(Transition, {
200
+ "name": "notification-fade",
201
+ "onAfterLeave": handleDestroy
202
+ }, {
203
+ default: () => {
204
+ var _a;
205
+ return [modelValue.value && createVNode("div", {
206
+ "class": "devui-notification"
207
+ }, [createVNode("div", {
208
+ "class": classes.value,
209
+ "onMouseenter": interrupt,
210
+ "onMouseleave": removeReset
211
+ }, [createVNode("div", {
212
+ "class": "devui-notification-item"
213
+ }, [createVNode(Close, {
214
+ "onClick": close2
215
+ }, null), title.value && createVNode(TypeIcon, {
216
+ "type": type.value
217
+ }, null), createVNode("div", {
218
+ "class": "devui-notification-message"
219
+ }, [createVNode("span", {
220
+ "class": "devui-notification-title"
221
+ }, [title.value]), createVNode("span", {
222
+ "class": "devui-notification-content"
223
+ }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])])])])])];
224
+ }
225
+ });
226
+ }
227
+ });
228
+ function _isSlot(s) {
229
+ return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
230
+ }
231
+ const defaultOptions = {
232
+ modelValue: false,
233
+ duration: 3e3,
234
+ type: "normal"
235
+ };
236
+ function initInstance(props, content) {
237
+ const container = document.createElement("div");
238
+ const app = createApp({
239
+ setup() {
240
+ onUnmounted(() => {
241
+ document.body.removeChild(container);
242
+ });
243
+ return () => createVNode(Notification, mergeProps(props, {
244
+ "onDestroy": app.unmount
245
+ }), _isSlot(content) ? content : {
246
+ default: () => [content]
247
+ });
248
+ }
249
+ });
250
+ document.body.appendChild(container);
251
+ app.mount(container);
252
+ return app;
253
+ }
254
+ function close(props, originOnClose) {
255
+ props.modelValue = false;
256
+ originOnClose == null ? void 0 : originOnClose();
257
+ }
258
+ class NotificationService {
259
+ static open(options) {
260
+ const originOnClose = options.onClose || null;
261
+ const content = options.content;
262
+ let timer;
263
+ delete options.content;
264
+ const props = reactive(__spreadProps(__spreadValues(__spreadValues({}, defaultOptions), options), {
265
+ onClose: () => {
266
+ close(props, originOnClose);
267
+ }
268
+ }));
269
+ initInstance(props, content);
270
+ props.modelValue = true;
271
+ clearTimeout(timer);
272
+ if (options.duration) {
273
+ timer = setTimeout(props.onClose, options.duration);
274
+ }
275
+ }
276
+ }
277
+ var index = {
278
+ title: "Notification \u5168\u5C40\u901A\u77E5",
279
+ category: "\u53CD\u9988",
280
+ status: "100%",
281
+ install(app) {
282
+ app.component(Notification.name, Notification);
283
+ app.config.globalProperties.$notificationService = NotificationService;
284
+ }
285
+ };
286
+ export { Notification, NotificationService, index as default, notificationProps };
@@ -0,0 +1 @@
1
+ var z=Object.defineProperty,I=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var g=(i,e,c)=>e in i?z(i,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):i[e]=c,f=(i,e)=>{for(var c in e||(e={}))k.call(e,c)&&g(i,c,e[c]);if(N)for(var c of N(e))A.call(e,c)&&g(i,c,e[c]);return i},v=(i,e)=>I(i,M(e));(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const c={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}};var u=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return f({},t)},render(){const{name:t,size:n,color:o,classPrefix:a}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:n,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${a} ${a}-${t}`,style:{fontSize:n,color:o}},null)}});u.install=function(t){t.component(u.name,u)};var h=e.defineComponent({emits:["click"],setup(t,{emit:n}){return()=>e.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>n("click",o)},[e.createVNode(u,{name:"close",size:"14px"},null)])}}),S=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=e.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${n.value}`]:!0})),a={info:"info-o",success:"right-o",warning:"warning-o",error:"error-o"};return()=>e.createVNode("span",{class:o.value},[n.value!=="normal"&&e.createVNode(u,{name:a[n.value],size:"16px"},null)])}});function C(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function T(t,n){let o=null,a;const l=()=>{var s;clearTimeout(o),o=null,(s=t.onClose)==null||s.call(t),n("update:modelValue",!1)},r=()=>{o&&(clearTimeout(o),o=null)},m=()=>{if(!t.modelValue){const s=t.duration-(Date.now()-a);o=setTimeout(l,s)}},p=()=>{n("destroy")};return e.watch(()=>t.modelValue,s=>{s&&(a=Date.now(),t.duration&&(o=setTimeout(l,t.duration)))}),{interrupt:r,removeReset:m,close:l,handleDestroy:p}}var R="",d=e.defineComponent({name:"DNotification",props:c,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:a,title:l,type:r}=e.toRefs(t),{classes:m}=C(t),{interrupt:p,removeReset:s,close:j,handleDestroy:x}=T(t,n);return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:x},{default:()=>{var V;return[a.value&&e.createVNode("div",{class:"devui-notification"},[e.createVNode("div",{class:m.value,onMouseenter:p,onMouseleave:s},[e.createVNode("div",{class:"devui-notification-item"},[e.createVNode(h,{onClick:j},null),l.value&&e.createVNode(S,{type:r.value},null),e.createVNode("div",{class:"devui-notification-message"},[e.createVNode("span",{class:"devui-notification-title"},[l.value]),e.createVNode("span",{class:"devui-notification-content"},[(V=o.default)==null?void 0:V.call(o)])])])])])]}})}});function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const D={modelValue:!1,duration:3e3,type:"normal"};function P(t,n){const o=document.createElement("div"),a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(d,e.mergeProps(t,{onDestroy:a.unmount}),b(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),a.mount(o),a}function w(t,n){t.modelValue=!1,n==null||n()}class y{static open(n){const o=n.onClose||null,a=n.content;let l;delete n.content;const r=e.reactive(v(f(f({},D),n),{onClose:()=>{w(r,o)}}));P(r,a),r.modelValue=!0,clearTimeout(l),n.duration&&(l=setTimeout(r.onClose,n.duration))}}var $={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(t){t.component(d.name,d),t.config.globalProperties.$notificationService=y}};i.Notification=d,i.NotificationService=y,i.default=$,i.notificationProps=c,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
@@ -0,0 +1,7 @@
1
+ {
2
+ "name": "notification",
3
+ "version": "0.0.0",
4
+ "main": "index.umd.js",
5
+ "module": "index.es.js",
6
+ "style": "style.css"
7
+ }
@@ -0,0 +1 @@
1
+ .devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification-item{position:relative;display:block;padding:12px 16px}.devui-notification-icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification-icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification-title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification-image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification-image.devui-notification-image-warn i.icon{color:var(--devui-warning, #fac20a)!important}.devui-notification-image.devui-notification-image-info i.icon{color:var(--devui-info, #5e7ce0)!important}.devui-notification-image.devui-notification-image-error i.icon{color:var(--devui-danger, #f66f6a)!important}.devui-notification-image.devui-notification-image-success i.icon{color:var(--devui-success, #50d4ab)!important}.devui-notification-image .devui-notification-image-info-path,.devui-notification-image .devui-notification-image-error-path,.devui-notification-image .devui-notification-image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification-message{margin-left:20px}.devui-notification-message .devui-notification-content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification-message{margin-left:0}.devui-notification-message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}
@@ -0,0 +1,3 @@
1
+ import '../../accordion/style.css'
2
+
3
+ export { Accordion as default } from '../../accordion/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../alert/style.css'
2
+
3
+ export { Alert as default } from '../../alert/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../anchor/style.css'
2
+
3
+ export { Anchor as default } from '../../anchor/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../layout/style.css'
2
+
3
+ export { Aside as default } from '../../layout/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../auto-complete/style.css'
2
+
3
+ export { AutoComplete as default } from '../../auto-complete/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../avatar/style.css'
2
+
3
+ export { Avatar as default } from '../../avatar/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../back-top/style.css'
2
+
3
+ export { BackTop as default } from '../../back-top/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../badge/style.css'
2
+
3
+ export { Badge as default } from '../../badge/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../breadcrumb/style.css'
2
+
3
+ export { Breadcrumb as default } from '../../breadcrumb/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../button/style.css'
2
+
3
+ export { Button as default } from '../../button/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../card/style.css'
2
+
3
+ export { Card as default } from '../../card/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../carousel/style.css'
2
+
3
+ export { Carousel as default } from '../../carousel/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../carousel/style.css'
2
+
3
+ export { CarouselItem as default } from '../../carousel/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../cascader/style.css'
2
+
3
+ export { Cascader as default } from '../../cascader/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../checkbox/style.css'
2
+
3
+ export { Checkbox as default } from '../../checkbox/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../grid/style.css'
2
+
3
+ export { Col as default } from '../../grid/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../color-picker/style.css'
2
+
3
+ export { ColorPicker as default } from '../../color-picker/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../table/style.css'
2
+
3
+ export { Column as default } from '../../table/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../comment/style.css'
2
+
3
+ export { Comment as default } from '../../comment/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../layout/style.css'
2
+
3
+ export { Content as default } from '../../layout/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../countdown/style.css'
2
+
3
+ export { Countdown as default } from '../../countdown/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../date-picker/style.css'
2
+
3
+ export { DatePicker as default } from '../../date-picker/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../drawer/style.css'
2
+
3
+ export { Drawer as default } from '../../drawer/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../drawer/style.css'
2
+
3
+ export { DrawerService as default } from '../../drawer/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../dropdown/style.css'
2
+
3
+ export { Dropdown as default } from '../../dropdown/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../dropdown/style.css'
2
+
3
+ export { DropdownMenu as default } from '../../dropdown/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../editable-select/style.css'
2
+
3
+ export { EditableSelect as default } from '../../editable-select/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../overlay/style.css'
2
+
3
+ export { FixedOverlay as default } from '../../overlay/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../overlay/style.css'
2
+
3
+ export { FlexibleOverlay as default } from '../../overlay/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../layout/style.css'
2
+
3
+ export { Footer as default } from '../../layout/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../form/style.css'
2
+
3
+ export { Form as default } from '../../form/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../form/style.css'
2
+
3
+ export { FormControl as default } from '../../form/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../form/style.css'
2
+
3
+ export { FormItem as default } from '../../form/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../form/style.css'
2
+
3
+ export { FormLabel as default } from '../../form/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../form/style.css'
2
+
3
+ export { FormOperation as default } from '../../form/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../fullscreen/style.css'
2
+
3
+ export { Fullscreen as default } from '../../fullscreen/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../gantt/style.css'
2
+
3
+ export { Gantt as default } from '../../gantt/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../layout/style.css'
2
+
3
+ export { Header as default } from '../../layout/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../upload/style.css'
2
+
3
+ export { IFileOptions as default } from '../../upload/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../upload/style.css'
2
+
3
+ export { IUploadOptions as default } from '../../upload/index.es.js'
@@ -0,0 +1,2 @@
1
+
2
+ export { Icon as default } from '../../icon/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../image-preview/style.css'
2
+
3
+ export { ImagePreviewService as default } from '../../image-preview/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../input/style.css'
2
+
3
+ export { Input as default } from '../../input/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../input-icon/style.css'
2
+
3
+ export { InputIcon as default } from '../../input-icon/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../input-number/style.css'
2
+
3
+ export { InputNumber as default } from '../../input-number/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../layout/style.css'
2
+
3
+ export { Layout as default } from '../../layout/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../list/style.css'
2
+
3
+ export { List as default } from '../../list/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../list/style.css'
2
+
3
+ export { ListItem as default } from '../../list/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../loading/style.css'
2
+
3
+ export { Loading as default } from '../../loading/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../loading/style.css'
2
+
3
+ export { LoadingService as default } from '../../loading/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../modal/style.css'
2
+
3
+ export { Modal as default } from '../../modal/index.es.js'
@@ -0,0 +1,2 @@
1
+
2
+ export { NavSprite as default } from '../../nav-sprite/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../notification/style.css'
2
+
3
+ export { Notification as default } from '../../notification/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../notification/style.css'
2
+
3
+ export { NotificationService as default } from '../../notification/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../pagination/style.css'
2
+
3
+ export { Pagination as default } from '../../pagination/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../panel/style.css'
2
+
3
+ export { Panel as default } from '../../panel/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../popover/style.css'
2
+
3
+ export { Popover as default } from '../../popover/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../progress/style.css'
2
+
3
+ export { Progress as default } from '../../progress/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../quadrant-diagram/style.css'
2
+
3
+ export { QuadrantDiagram as default } from '../../quadrant-diagram/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../radio/style.css'
2
+
3
+ export { Radio as default } from '../../radio/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../radio/style.css'
2
+
3
+ export { RadioGroup as default } from '../../radio/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../rate/style.css'
2
+
3
+ export { Rate as default } from '../../rate/index.es.js'
@@ -0,0 +1,3 @@
1
+ import '../../read-tip/style.css'
2
+
3
+ export { ReadTip as default } from '../../read-tip/index.es.js'