vue-devui 1.0.0-beta.16 → 1.0.0-beta.19

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 (190) hide show
  1. package/README.md +29 -21
  2. package/accordion/index.es.js +229 -14
  3. package/accordion/index.umd.js +1 -1
  4. package/accordion/style.css +1 -1
  5. package/alert/index.es.js +28 -30
  6. package/alert/index.umd.js +1 -1
  7. package/alert/style.css +1 -1
  8. package/auto-complete/index.es.js +133 -271
  9. package/auto-complete/index.umd.js +1 -1
  10. package/auto-complete/style.css +1 -1
  11. package/back-top/index.es.js +5 -3
  12. package/back-top/index.umd.js +1 -1
  13. package/badge/index.es.js +13 -19
  14. package/badge/index.umd.js +1 -1
  15. package/badge/style.css +1 -1
  16. package/breadcrumb/index.es.js +2 -1
  17. package/button/index.es.js +95 -122
  18. package/button/index.umd.js +1 -1
  19. package/button/style.css +1 -1
  20. package/carousel/index.es.js +38 -53
  21. package/carousel/index.umd.js +1 -1
  22. package/cascader/index.es.js +5412 -784
  23. package/cascader/index.umd.js +27 -1
  24. package/cascader/style.css +1 -1
  25. package/checkbox/style.css +1 -1
  26. package/color-picker/index.es.js +5517 -281
  27. package/color-picker/index.umd.js +27 -1
  28. package/color-picker/style.css +1 -1
  29. package/countdown/index.es.js +9 -8
  30. package/date-picker/index.es.js +44 -62
  31. package/date-picker/index.umd.js +1 -1
  32. package/date-picker/style.css +1 -1
  33. package/drawer/index.es.js +159 -324
  34. package/drawer/index.umd.js +1 -1
  35. package/drawer/style.css +1 -1
  36. package/dropdown/index.es.js +459 -301
  37. package/dropdown/index.umd.js +1 -1
  38. package/dropdown/style.css +1 -1
  39. package/editable-select/index.es.js +293 -5724
  40. package/editable-select/index.umd.js +1 -27
  41. package/editable-select/style.css +1 -1
  42. package/form/index.es.js +6125 -535
  43. package/form/index.umd.js +27 -1
  44. package/form/style.css +1 -1
  45. package/fullscreen/index.es.js +112 -133
  46. package/fullscreen/index.umd.js +1 -1
  47. package/fullscreen/style.css +1 -1
  48. package/gantt/index.es.js +3 -15
  49. package/gantt/index.umd.js +1 -1
  50. package/gantt/style.css +1 -1
  51. package/grid/index.es.js +1 -1
  52. package/grid/style.css +1 -1
  53. package/icon/index.es.js +39 -57
  54. package/icon/index.umd.js +1 -1
  55. package/image-preview/index.es.js +2 -1
  56. package/input/index.es.js +4 -5
  57. package/input/index.umd.js +1 -1
  58. package/input/style.css +1 -1
  59. package/input-icon/index.es.js +42 -42
  60. package/input-icon/index.umd.js +1 -1
  61. package/input-icon/style.css +1 -1
  62. package/input-number/index.es.js +46 -57
  63. package/input-number/index.umd.js +1 -1
  64. package/input-number/style.css +1 -1
  65. package/{time-axis → list}/index.d.ts +0 -0
  66. package/list/index.es.js +39 -0
  67. package/list/index.umd.js +1 -0
  68. package/{toast → list}/package.json +1 -1
  69. package/list/style.css +1 -0
  70. package/loading/index.es.js +2 -2
  71. package/modal/index.es.js +300 -960
  72. package/modal/index.umd.js +1 -1
  73. package/modal/style.css +1 -1
  74. package/nav-sprite/index.es.js +1 -675
  75. package/nav-sprite/index.umd.js +1 -1
  76. package/{toast → notification}/index.d.ts +0 -0
  77. package/notification/index.es.js +284 -0
  78. package/notification/index.umd.js +1 -0
  79. package/notification/package.json +7 -0
  80. package/notification/style.css +1 -0
  81. package/nuxt/components/DropdownMenu.js +3 -0
  82. package/nuxt/components/IFileOptions.js +3 -0
  83. package/nuxt/components/IUploadOptions.js +3 -0
  84. package/nuxt/components/List.js +3 -0
  85. package/nuxt/components/ListItem.js +3 -0
  86. package/nuxt/components/Notification.js +3 -0
  87. package/nuxt/components/NotificationService.js +3 -0
  88. package/nuxt/components/PanelBody.js +3 -0
  89. package/nuxt/components/PanelFooter.js +3 -0
  90. package/nuxt/components/PanelHeader.js +3 -0
  91. package/nuxt/components/Timeline.js +3 -0
  92. package/nuxt/components/TimelineItem.js +3 -0
  93. package/nuxt/components/UploadStatus.js +3 -0
  94. package/nuxt/components/alertProps.js +3 -0
  95. package/nuxt/components/badgeProps.js +3 -0
  96. package/nuxt/components/dropdownMenuProps.js +3 -0
  97. package/nuxt/components/fixedOverlayProps.js +3 -0
  98. package/nuxt/components/flexibleOverlayProps.js +3 -0
  99. package/nuxt/components/fullscreenProps.js +3 -0
  100. package/nuxt/components/iconProps.js +2 -0
  101. package/nuxt/components/notificationProps.js +3 -0
  102. package/nuxt/components/overlayEmits.js +3 -0
  103. package/nuxt/components/overlayProps.js +3 -0
  104. package/nuxt/components/paginationProps.js +3 -0
  105. package/nuxt/components/panelProps.js +3 -0
  106. package/nuxt/components/popoverProps.js +3 -0
  107. package/nuxt/components/searchProps.js +3 -0
  108. package/nuxt/components/tooltipProps.js +3 -0
  109. package/nuxt/components/uploadProps.js +3 -0
  110. package/overlay/index.es.js +152 -198
  111. package/overlay/index.umd.js +1 -1
  112. package/overlay/style.css +1 -1
  113. package/package.json +12 -60
  114. package/pagination/index.es.js +11 -13
  115. package/pagination/index.umd.js +1 -1
  116. package/pagination/style.css +1 -1
  117. package/panel/index.es.js +48 -35
  118. package/panel/index.umd.js +1 -1
  119. package/popover/index.es.js +5954 -201
  120. package/popover/index.umd.js +27 -1
  121. package/popover/style.css +1 -1
  122. package/quadrant-diagram/index.es.js +5405 -166
  123. package/quadrant-diagram/index.umd.js +27 -1
  124. package/radio/style.css +1 -1
  125. package/read-tip/index.es.js +6 -3
  126. package/read-tip/style.css +1 -1
  127. package/result/index.es.js +38 -53
  128. package/result/index.umd.js +1 -1
  129. package/ripple/index.es.js +10 -6
  130. package/search/index.es.js +5428 -200
  131. package/search/index.umd.js +27 -1
  132. package/search/style.css +1 -1
  133. package/select/index.es.js +43 -43
  134. package/select/index.umd.js +1 -1
  135. package/select/style.css +1 -1
  136. package/skeleton/index.es.js +17 -17
  137. package/skeleton/index.umd.js +1 -1
  138. package/slider/index.es.js +2 -1
  139. package/splitter/index.es.js +5815 -99
  140. package/splitter/index.umd.js +27 -1
  141. package/splitter/style.css +1 -1
  142. package/status/index.es.js +1 -4
  143. package/status/index.umd.js +1 -1
  144. package/status/style.css +1 -1
  145. package/steps-guide/index.es.js +6 -3
  146. package/sticky/index.umd.js +1 -1
  147. package/style.css +1 -1
  148. package/table/index.es.js +548 -360
  149. package/table/index.umd.js +1 -1
  150. package/table/style.css +1 -1
  151. package/tabs/index.es.js +3 -4
  152. package/tabs/index.umd.js +1 -1
  153. package/tabs/style.css +1 -1
  154. package/tag/index.es.js +2 -1
  155. package/tag-input/index.es.js +4 -2
  156. package/textarea/style.css +1 -1
  157. package/{theme → theme/theme.scss} +0 -0
  158. package/time-picker/index.es.js +98 -123
  159. package/time-picker/index.umd.js +1 -1
  160. package/time-picker/style.css +1 -1
  161. package/timeline/index.d.ts +7 -0
  162. package/{time-axis → timeline}/index.es.js +65 -78
  163. package/timeline/index.umd.js +1 -0
  164. package/{time-axis → timeline}/package.json +1 -1
  165. package/timeline/style.css +1 -0
  166. package/tooltip/index.es.js +5804 -94
  167. package/tooltip/index.umd.js +27 -1
  168. package/tooltip/style.css +1 -1
  169. package/transfer/index.es.js +5896 -404
  170. package/transfer/index.umd.js +27 -1
  171. package/transfer/style.css +1 -1
  172. package/tree/index.es.js +5439 -814
  173. package/tree/index.umd.js +27 -1
  174. package/tree/style.css +1 -1
  175. package/tree-select/index.es.js +11 -7
  176. package/tree-select/style.css +1 -1
  177. package/upload/index.es.js +335 -2213
  178. package/upload/index.umd.js +1 -1
  179. package/upload/style.css +1 -1
  180. package/vue-devui.es.js +9709 -12248
  181. package/vue-devui.umd.js +20 -20
  182. package/nuxt/components/TimeAxis.js +0 -3
  183. package/nuxt/components/TimeAxisItem.js +0 -3
  184. package/nuxt/components/Toast.js +0 -3
  185. package/nuxt/components/ToastService.js +0 -3
  186. package/time-axis/index.umd.js +0 -1
  187. package/time-axis/style.css +0 -1
  188. package/toast/index.es.js +0 -2063
  189. package/toast/index.umd.js +0 -1
  190. package/toast/style.css +0 -1
package/README.md CHANGED
@@ -25,21 +25,13 @@ DevUI 官方网站:[https://devui.design](https://devui.design)
25
25
  ### 1 安装依赖
26
26
 
27
27
  ```
28
- yarn(推荐)
29
-
30
- or
31
-
32
- npm i
28
+ pnpm i
33
29
  ```
34
30
 
35
31
  ### 2 启动
36
32
 
37
33
  ```
38
- yarn dev(推荐)
39
-
40
- or
41
-
42
- npm run dev
34
+ pnpm dev
43
35
  ```
44
36
 
45
37
  ### 3 访问
@@ -49,11 +41,7 @@ npm run dev
49
41
  ### 4 生产打包
50
42
 
51
43
  ```
52
- yarn build(推荐)
53
-
54
- or
55
-
56
- npm run build
44
+ pnpm build
57
45
  ```
58
46
 
59
47
  ## 使用 Vue DevUI
@@ -61,7 +49,7 @@ npm run build
61
49
  ### 1. 安装
62
50
 
63
51
  ```
64
- yarn add vue-devui
52
+ pnpm i vue-devui
65
53
  ```
66
54
 
67
55
  ### 2. 全量引入
@@ -143,11 +131,7 @@ export default defineConfig({
143
131
  #### 安装
144
132
 
145
133
  ```
146
- yarn add @devui-design/icons(推荐)
147
-
148
- or
149
-
150
- npm i @devui-design/icons
134
+ pnpm i @devui-design/icons
151
135
  ```
152
136
 
153
137
  #### 引入
@@ -177,6 +161,30 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
177
161
  <td align="center"><a href="https://github.com/TinsFox"><img src="https://avatars.githubusercontent.com/u/33956589?v=4?s=100" width="100px;" alt=""/><br /><sub><b>TinsFox</b></sub></a><br /><a href="#maintenance-TinsFox" title="Maintenance">🚧</a> <a href="#infra-TinsFox" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
178
162
  <td align="center"><a href="https://github.com/lnzhangsong"><img src="https://avatars.githubusercontent.com/u/15092594?v=4?s=100" width="100px;" alt=""/><br /><sub><b>nif</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=lnzhangsong" title="Code">💻</a></td>
179
163
  <td align="center"><a href="https://github.com/Zcating"><img src="https://avatars.githubusercontent.com/u/13329558?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zcating</b></sub></a><br /><a href="#maintenance-Zcating" title="Maintenance">🚧</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=Zcating" title="Code">💻</a></td>
164
+ <td align="center"><a href="https://github.com/sufuwang"><img src="https://avatars.githubusercontent.com/u/46395105?v=4?s=100" width="100px;" alt=""/><br /><sub><b>王凯</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=sufuwang" title="Code">💻</a></td>
165
+ <td align="center"><a href="https://github.com/iel-h"><img src="https://avatars.githubusercontent.com/u/53589602?v=4?s=100" width="100px;" alt=""/><br /><sub><b>iel</b></sub></a><br /><a href="#maintenance-iel-h" title="Maintenance">🚧</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=iel-h" title="Code">💻</a></td>
166
+ <td align="center"><a href="https://github.com/chenxi24"><img src="https://avatars.githubusercontent.com/u/40349890?v=4?s=100" width="100px;" alt=""/><br /><sub><b>chenxi24</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=chenxi24" title="Code">💻</a></td>
167
+ </tr>
168
+ <tr>
169
+ <td align="center"><a href="https://github.com/asdlml6"><img src="https://avatars.githubusercontent.com/u/61737780?v=4?s=100" width="100px;" alt=""/><br /><sub><b>小九九</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=asdlml6" title="Code">💻</a></td>
170
+ <td align="center"><a href="http://blog.alanlee.top"><img src="https://avatars.githubusercontent.com/u/42601044?v=4?s=100" width="100px;" alt=""/><br /><sub><b>AlanLee</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=AlanLee97" title="Code">💻</a></td>
171
+ <td align="center"><a href="https://github.com/ForeseeBear"><img src="https://avatars.githubusercontent.com/u/15258339?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Echo</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=ForeseeBear" title="Code">💻</a></td>
172
+ <td align="center"><a href="https://github.com/GaoNeng-wWw"><img src="https://avatars.githubusercontent.com/u/31283122?v=4?s=100" width="100px;" alt=""/><br /><sub><b>GaoNeng</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=GaoNeng-wWw" title="Code">💻</a></td>
173
+ <td align="center"><a href="https://github.com/xingyan95"><img src="https://avatars.githubusercontent.com/u/11143986?v=4?s=100" width="100px;" alt=""/><br /><sub><b>行言</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=xingyan95" title="Code">💻</a></td>
174
+ <td align="center"><a href="https://devin974.github.io/"><img src="https://avatars.githubusercontent.com/u/67035714?v=4?s=100" width="100px;" alt=""/><br /><sub><b>devin</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=devin974" title="Code">💻</a></td>
175
+ <td align="center"><a href="https://juejin.cn/user/1618116899507735/posts"><img src="https://avatars.githubusercontent.com/u/70649502?v=4?s=100" width="100px;" alt=""/><br /><sub><b>无声</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=ivestszheng" title="Code">💻</a></td>
176
+ </tr>
177
+ <tr>
178
+ <td align="center"><a href="https://github.com/zxlfly"><img src="https://avatars.githubusercontent.com/u/26324442?v=4?s=100" width="100px;" alt=""/><br /><sub><b>sleep_fish</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=zxlfly" title="Code">💻</a></td>
179
+ <td align="center"><a href="https://github.com/whylost"><img src="https://avatars.githubusercontent.com/u/62528887?v=4?s=100" width="100px;" alt=""/><br /><sub><b>迷心whylost</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=whylost" title="Code">💻</a></td>
180
+ <td align="center"><a href="https://juejin.im/user/5c15d35fe51d4545ae495e43"><img src="https://avatars.githubusercontent.com/u/31237954?v=4?s=100" width="100px;" alt=""/><br /><sub><b>X.Q. Chen</b></sub></a><br /><a href="#infra-brenner8023" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=brenner8023" title="Code">💻</a></td>
181
+ <td align="center"><a href="https://github.com/git-Where"><img src="https://avatars.githubusercontent.com/u/16344566?v=4?s=100" width="100px;" alt=""/><br /><sub><b>葉家男孩</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=git-Where" title="Code">💻</a></td>
182
+ <td align="center"><a href="https://github.com/CatsAndMice"><img src="https://avatars.githubusercontent.com/u/58327088?v=4?s=100" width="100px;" alt=""/><br /><sub><b>lihai</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=CatsAndMice" title="Code">💻</a></td>
183
+ <td align="center"><a href="http://www.naluduo.vip"><img src="https://avatars.githubusercontent.com/u/28448589?v=4?s=100" width="100px;" alt=""/><br /><sub><b>纳撸多</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=naluduo233" title="Code">💻</a></td>
184
+ <td align="center"><a href="https://github.com/ElsaOOo"><img src="https://avatars.githubusercontent.com/u/48074435?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ElsaOOo</b></sub></a><br /><a href="#maintenance-ElsaOOo" title="Maintenance">🚧</a> <a href="#infra-ElsaOOo" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=ElsaOOo" title="Code">💻</a></td>
185
+ </tr>
186
+ <tr>
187
+ <td align="center"><a href="https://github.com/liuxdi"><img src="https://avatars.githubusercontent.com/u/10958003?v=4?s=100" width="100px;" alt=""/><br /><sub><b>刘小迪</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=liuxdi" title="Code">💻</a></td>
180
188
  </tr>
181
189
  </table>
182
190
 
@@ -17,7 +17,8 @@ var __spreadValues = (a, b) => {
17
17
  return a;
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, createTextVNode, provide, onMounted, watch } from "vue";
20
+ import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, createTextVNode, provide, onMounted, watch } from "vue";
21
+ import { useRoute } from "vue-router";
21
22
  const accordionProps = {
22
23
  data: {
23
24
  type: Array,
@@ -125,22 +126,24 @@ var DAccordionMenu = defineComponent({
125
126
  } = toRefs(props);
126
127
  const rootSlots = getRootSlots();
127
128
  const accordionCtx = inject("accordionContext");
128
- let parentValue = parent.value;
129
- let deepValue = deepth.value;
129
+ const parentValue = parent.value;
130
+ const deepValue = deepth.value;
130
131
  const toggle = (itemEvent) => {
131
132
  accordionCtx.menuToggleFn(itemEvent);
132
133
  };
133
134
  const hasActiveChildren = (item2) => {
134
- if (item2[activeKey.value] === true)
135
+ if (item2[activeKey.value] === true) {
135
136
  return true;
137
+ }
136
138
  if (item2[childrenKey.value]) {
137
139
  return hasChildActive(item2[childrenKey.value]);
138
140
  }
139
141
  };
140
142
  const hasChildActive = (arr) => {
141
143
  let flag = false;
142
- if (!arr.length)
144
+ if (!arr.length) {
143
145
  return false;
146
+ }
144
147
  for (let i = 0; i < arr.length; i++) {
145
148
  if (arr[i][activeKey.value] === true) {
146
149
  flag = true;
@@ -148,8 +151,9 @@ var DAccordionMenu = defineComponent({
148
151
  }
149
152
  if (arr[i][childrenKey.value]) {
150
153
  flag = hasChildActive(arr[i][childrenKey.value]);
151
- if (flag)
154
+ if (flag) {
152
155
  break;
156
+ }
153
157
  }
154
158
  }
155
159
  return flag;
@@ -232,8 +236,8 @@ var DAccordionItem = defineComponent({
232
236
  } = toRefs(props);
233
237
  const rootSlots = getRootSlots();
234
238
  const accordionCtx = inject("accordionContext");
235
- let parentValue = parent.value;
236
- let deepValue = deepth.value;
239
+ const parentValue = parent.value;
240
+ const deepValue = deepth.value;
237
241
  const disabled = computed(() => {
238
242
  return item.value && item.value[disabledKey.value];
239
243
  });
@@ -277,13 +281,203 @@ var DAccordionItem = defineComponent({
277
281
  };
278
282
  }
279
283
  });
284
+ var DAccordionItemHreflink = defineComponent({
285
+ name: "DAccordionItemHreflink",
286
+ component: {
287
+ DAccordionItem
288
+ },
289
+ props: __spreadValues({
290
+ item: Object,
291
+ deepth: {
292
+ type: Number,
293
+ default: 0
294
+ },
295
+ parent: {
296
+ type: Object,
297
+ default: null
298
+ }
299
+ }, accordionProps),
300
+ setup(props) {
301
+ const {
302
+ item,
303
+ deepth,
304
+ parent,
305
+ titleKey,
306
+ linkKey,
307
+ linkTargetKey,
308
+ linkDefaultTarget,
309
+ disabledKey,
310
+ itemTemplate
311
+ } = toRefs(props);
312
+ const rootSlots = getRootSlots();
313
+ const accordionCtx = inject("accordionContext");
314
+ const title = computed(() => {
315
+ return item.value && item.value[titleKey.value];
316
+ });
317
+ const link = computed(() => {
318
+ return item.value && item.value[linkKey.value];
319
+ });
320
+ const target = computed(() => {
321
+ return item.value && (item.value[linkTargetKey.value] || linkDefaultTarget.value);
322
+ });
323
+ const disabled = computed(() => {
324
+ return item.value && item.value[disabledKey.value];
325
+ });
326
+ const parentValue = parent.value;
327
+ const deepValue = deepth.value;
328
+ const linkItemClickFn = (itemEvent) => {
329
+ if (item.value && !disabled.value) {
330
+ accordionCtx.itemClickFn(itemEvent);
331
+ }
332
+ };
333
+ const renderContent = () => {
334
+ var _a;
335
+ return createVNode(Fragment, null, [createVNode("div", {
336
+ "class": ["devui-accordion-splitter", deepValue === 0 && "devui-parent-list"],
337
+ "style": {
338
+ left: deepValue * 20 + 10 + "px"
339
+ }
340
+ }, null), (!rootSlots.itemTemplate || itemTemplate.value === false) && createVNode(Fragment, null, [title.value]), rootSlots.itemTemplate && itemTemplate.value !== false && ((_a = rootSlots.itemTemplate) == null ? void 0 : _a.call(rootSlots, {
341
+ parent: parentValue,
342
+ deepth: deepValue,
343
+ item: item.value
344
+ }))]);
345
+ };
346
+ return () => {
347
+ return createVNode(Fragment, null, [createVNode("div", {
348
+ "class": ["devui-accordion-item-title", disabled.value && "disabled"],
349
+ "style": {
350
+ textIndent: deepValue * 20 + "px"
351
+ }
352
+ }, [!disabled.value && createVNode("a", {
353
+ "href": link.value,
354
+ "target": target.value,
355
+ "class": "devui-over-flow-ellipsis",
356
+ "title": title.value,
357
+ "onClick": (e) => linkItemClickFn({
358
+ item: item.value,
359
+ parent: parentValue,
360
+ event: e
361
+ })
362
+ }, [renderContent()]), disabled.value && createVNode("a", {
363
+ "class": "devui-over-flow-ellipsis",
364
+ "title": title.value
365
+ }, [renderContent()])])]);
366
+ };
367
+ }
368
+ });
369
+ function _isSlot(s) {
370
+ return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
371
+ }
372
+ var DAccordionItemRouterlink = defineComponent({
373
+ name: "DAccordionItemRouterlink",
374
+ component: {
375
+ DAccordionItem
376
+ },
377
+ props: __spreadValues({
378
+ item: Object,
379
+ deepth: {
380
+ type: Number,
381
+ default: 0
382
+ },
383
+ parent: {
384
+ type: Object,
385
+ default: null
386
+ }
387
+ }, accordionProps),
388
+ setup(props) {
389
+ const {
390
+ item,
391
+ deepth,
392
+ parent,
393
+ titleKey,
394
+ linkKey,
395
+ linkDefaultTarget,
396
+ disabledKey,
397
+ itemTemplate
398
+ } = toRefs(props);
399
+ const route = useRoute();
400
+ const rootSlots = getRootSlots();
401
+ const accordionCtx = inject("accordionContext");
402
+ console.log(useRoute());
403
+ const title = computed(() => {
404
+ return item.value && item.value[titleKey.value];
405
+ });
406
+ const link = computed(() => {
407
+ return item.value && item.value[linkKey.value];
408
+ });
409
+ const isUsedVueRouter = computed(() => route !== void 0);
410
+ const routerLinkActive = computed(() => {
411
+ return route === link.value;
412
+ });
413
+ const disabled = computed(() => {
414
+ return item.value && item.value[disabledKey.value];
415
+ });
416
+ const parentValue = parent.value;
417
+ const deepValue = deepth.value;
418
+ const linkItemClickFn = (itemEvent) => {
419
+ if (item.value && !disabled.value) {
420
+ accordionCtx.itemClickFn(itemEvent);
421
+ }
422
+ };
423
+ const renderContent = () => {
424
+ var _a;
425
+ return createVNode(Fragment, null, [createVNode("div", {
426
+ "class": ["devui-accordion-splitter", deepValue === 0 && "devui-parent-list"],
427
+ "style": {
428
+ left: deepValue * 20 + 10 + "px"
429
+ }
430
+ }, null), (!rootSlots.itemTemplate || itemTemplate.value === false) && createVNode(Fragment, null, [title.value]), rootSlots.itemTemplate && itemTemplate.value !== false && ((_a = rootSlots.itemTemplate) == null ? void 0 : _a.call(rootSlots, {
431
+ parent: parentValue,
432
+ deepth: deepValue,
433
+ item: item.value
434
+ }))]);
435
+ };
436
+ return () => {
437
+ let _slot;
438
+ return createVNode(Fragment, null, [createVNode("div", {
439
+ "class": ["devui-accordion-item-title", disabled.value && "disabled"],
440
+ "style": {
441
+ textIndent: deepValue * 20 + "px"
442
+ }
443
+ }, [!disabled.value && createVNode(Fragment, null, [isUsedVueRouter.value && createVNode(resolveComponent("router-link"), {
444
+ "to": link.value,
445
+ "class": ["devui-over-flow-ellipsis", routerLinkActive.value && ".devui-router-active"],
446
+ "custom": true,
447
+ "title": title.value,
448
+ "onClick": (e) => linkItemClickFn({
449
+ item: item.value,
450
+ parent: parentValue,
451
+ event: e
452
+ })
453
+ }, _isSlot(_slot = renderContent()) ? _slot : {
454
+ default: () => [_slot]
455
+ }), !isUsedVueRouter.value && createVNode("a", {
456
+ "href": link.value,
457
+ "target": linkDefaultTarget.value,
458
+ "class": "devui-over-flow-ellipsis",
459
+ "title": title.value,
460
+ "onClick": (e) => linkItemClickFn({
461
+ item: item.value,
462
+ parent: parentValue,
463
+ event: e
464
+ })
465
+ }, [renderContent()])]), disabled.value && createVNode("a", {
466
+ "class": "devui-over-flow-ellipsis",
467
+ "title": title.value
468
+ }, [renderContent()])])]);
469
+ };
470
+ }
471
+ });
280
472
  var AccordionList = defineComponent({
281
473
  name: "DAccordionList",
282
- inheritAttrs: false,
283
474
  components: {
284
475
  DAccordionMenu,
285
- DAccordionItem
476
+ DAccordionItem,
477
+ DAccordionItemHreflink,
478
+ DAccordionItemRouterlink
286
479
  },
480
+ inheritAttrs: false,
287
481
  props: __spreadValues({
288
482
  data: {
289
483
  type: Array,
@@ -311,19 +505,20 @@ var AccordionList = defineComponent({
311
505
  showNoContent,
312
506
  loadingKey,
313
507
  titleKey,
508
+ linkTypeKey,
314
509
  loadingTemplate,
315
510
  noContentTemplate,
316
511
  innerListTemplate
317
512
  } = toRefs(props);
318
- let parentValue = parent.value;
319
- let deepValue = deepth.value;
513
+ const parentValue = parent.value;
514
+ const deepValue = deepth.value;
320
515
  const rootSlots = getRootSlots();
321
516
  const accordionCtx = inject("accordionContext");
322
517
  const loading = computed(() => {
323
518
  return parentValue && parentValue[loadingKey.value];
324
519
  });
325
520
  const noContent = computed(() => {
326
- let dataValue = data.value;
521
+ const dataValue = data.value;
327
522
  return dataValue === void 0 || dataValue === null || dataValue.length === 0;
328
523
  });
329
524
  return () => {
@@ -344,7 +539,27 @@ var AccordionList = defineComponent({
344
539
  "item": item,
345
540
  "deepth": deepValue,
346
541
  "parent": parentValue
347
- }), null)])]);
542
+ }), null), linkType.value === "routerLink" && createVNode(resolveComponent("d-accordion-item-routerlink"), mergeProps(props, {
543
+ "item": item,
544
+ "deepth": deepValue,
545
+ "parent": parentValue
546
+ }), null), linkType.value === "hrefLink" && createVNode(resolveComponent("d-accordion-item-hreflink"), mergeProps(props, {
547
+ "item": item,
548
+ "deepth": deepValue,
549
+ "parent": parentValue
550
+ }), null), linkType.value === "dependOnLinkTypeKey" && createVNode(Fragment, null, [item[linkTypeKey.value] === "routerLink" && createVNode(resolveComponent("d-accordion-item-routerlink"), mergeProps(props, {
551
+ "item": item,
552
+ "deepth": deepValue,
553
+ "parent": parentValue
554
+ }), null), item[linkTypeKey.value] === "hrefLink" && createVNode(resolveComponent("d-accordion-item-hreflink"), mergeProps(props, {
555
+ "item": item,
556
+ "deepth": deepValue,
557
+ "parent": parentValue
558
+ }), null), item[linkTypeKey.value] !== "routerLink" && item[linkTypeKey.value] !== "hrefLink" && createVNode(resolveComponent("d-accordion-item"), mergeProps(props, {
559
+ "item": item,
560
+ "deepth": deepValue,
561
+ "parent": parentValue
562
+ }), null)])])]);
348
563
  })]), rootSlots.innerListTemplate && innerListTemplate.value !== false && deepValue !== 0 && ((_a = rootSlots.innerListTemplate) == null ? void 0 : _a.call(rootSlots, {
349
564
  item: parentValue,
350
565
  deepth: deepValue,
@@ -1 +1 @@
1
- var q=Object.defineProperty,z=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var S=(i,e,m)=>e in i?q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[e]=m,K=(i,e)=>{for(var m in e||(e={}))Z.call(e,m)&&S(i,m,e[m]);if(M)for(var m of M(e))G.call(e,m)&&S(i,m,e[m]);return i},L=(i,e)=>z(i,E(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 m={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:Boolean,default:!0},itemTemplate:{type:Boolean,default:!0},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:Boolean,default:!0},loadingTemplate:{type:Boolean,default:!0},innerListTemplate:{type:Boolean,default:!0},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"}},D=()=>e.createVNode("svg",{width:"1em",height:"1em",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])]),B=()=>{const d="DAccordion",t=c=>{if(c&&c.type.name===d)return c;if(c&&c.parent){const h=c.parent;return t(h)}},u=t(e.getCurrentInstance());return u==null?void 0:u.slots};var P=e.defineComponent({name:"DAccordionMenu",components:{OpenIcon:D},props:K({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},m),setup(d){const{item:t,deepth:u,parent:c,openKey:h,activeKey:T,autoOpenActiveMenu:k,disabledKey:N,childrenKey:v,titleKey:s,menuItemTemplate:C}=e.toRefs(d),p=B(),V=e.inject("accordionContext");let f=c.value,o=u.value;const a=r=>{V.menuToggleFn(r)},x=r=>{if(r[T.value]===!0)return!0;if(r[v.value])return y(r[v.value])},y=r=>{let F=!1;if(!r.length)return!1;for(let O=0;O<r.length;O++){if(r[O][T.value]===!0){F=!0;break}if(r[O][v.value]&&(F=y(r[O][v.value]),F))break}return F},n=e.computed(()=>t.value&&t.value[h.value]),l=e.computed(()=>t.value&&t.value[N.value]),A=e.computed(()=>t.value&&t.value[s.value]),b=e.computed(()=>t.value&&t.value[v.value]),g=e.computed(()=>x(t.value)),I=e.computed(()=>n.value===void 0&&k.value?g.value:n.value);return()=>{var r;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",I.value&&"open",g.value&&"active",l.value&&"disabled"],title:A.value,style:{textIndent:o*20+"px"},onClick:F=>!l.value&&a({item:t.value,open:!I.value,parent:f,event:F})},[e.createVNode("div",{class:["devui-accordion-splitter",o===0&&"devui-parent-list"],style:{left:o*20+10+"px"}},null),(!p.menuItemTemplate||C.value===!1)&&e.createVNode(e.Fragment,null,[A.value]),p.menuItemTemplate&&C.value!==!1&&((r=p.menuItemTemplate)==null?void 0:r.call(p,{parent:f,deepth:o,item:t.value})),e.createVNode("span",{class:"devui-accordion-open-icon"},[e.createVNode(D,null,null)])]),e.createVNode("div",{class:[!I.value&&"devui-accordion-menu-hidden","devui-accordion-submenu","devui-accordion-show-animate"]},[e.createVNode(j,e.mergeProps(d,{deepth:o+1,data:b.value||[],parent:t.value}),null)])])}}}),R=e.defineComponent({name:"DAccordionItem",props:K({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},m),setup(d){const{item:t,deepth:u,parent:c,titleKey:h,activeKey:T,disabledKey:k,itemTemplate:N}=e.toRefs(d),v=B(),s=e.inject("accordionContext");let C=c.value,p=u.value;const V=e.computed(()=>t.value&&t.value[k.value]),f=e.computed(()=>t.value&&t.value[h.value]),o=e.computed(()=>t.value&&t.value[T.value]),a=e.computed(()=>o.value),x=y=>{t.value&&!V.value&&s.itemClickFn(y)};return()=>{var y;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",a.value&&"active",V.value&&"disabled"],title:f.value,style:{textIndent:p*20+"px"},onClick:n=>x({item:t.value,parent:C,event:n})},[e.createVNode("div",{class:["devui-accordion-splitter",p===0&&"devui-parent-list"],style:{left:p*20+10+"px"}},null),(!v.itemTemplate||N.value===!1)&&e.createVNode(e.Fragment,null,[f.value]),v.itemTemplate&&N.value!==!1&&((y=v.itemTemplate)==null?void 0:y.call(v,{parent:C,deepth:p,item:t.value}))])])}}}),j=e.defineComponent({name:"DAccordionList",inheritAttrs:!1,components:{DAccordionMenu:P,DAccordionItem:R},props:K({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},m),setup(d,{attrs:t}){const{childrenKey:u,deepth:c,parent:h,data:T,linkType:k,showNoContent:N,loadingKey:v,titleKey:s,loadingTemplate:C,noContentTemplate:p,innerListTemplate:V}=e.toRefs(d);let f=h.value,o=c.value;const a=B(),x=e.inject("accordionContext"),y=e.computed(()=>f&&f[v.value]),n=e.computed(()=>{let l=T.value;return l==null||l.length===0});return()=>{var l,A,b;return e.createVNode(e.Fragment,null,[(!a.innerListTemplate||c.value===0||V.value===!1)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[T.value.map(g=>e.createVNode("li",{class:"devui-accordion-item",key:g[s.value]},[g[u.value]!==void 0&&e.createVNode("div",{class:"devui-accordion-menu-item"},[e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps(d,{item:g,deepth:o,parent:f}),null)]),g[u.value]===void 0&&e.createVNode(e.Fragment,null,[(!k.value||k.value==="")&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(d,{item:g,deepth:o,parent:f}),null)])]))]),a.innerListTemplate&&V.value!==!1&&o!==0&&((l=a.innerListTemplate)==null?void 0:l.call(a,{item:f,deepth:o,itemClickFn:x.itemClickFn,menuToggleFn:x.menuToggleFn})),(!a.innerListTemplate||V.value===!1)&&(y.value||n.value&&N.value)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[y.value&&(!a.loadingTemplate||C.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis"],style:{textIndent:o*20+"px"}},[e.createTextVNode("\u52A0\u8F7D\u4E2D...")])]),y.value&&a.loadingTemplate&&C.value!==!1&&((A=a.loadingTemplate)==null?void 0:A.call(a,{item:f,deepth:o})),N.value&&!y.value&&n.value&&(!a.noContentTemplate||p.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis disabled"],style:{textIndent:o*20+"px"}},[e.createTextVNode("\u6CA1\u6709\u6570\u636E")])]),N.value&&!y.value&&n.value&&a.noContentTemplate&&p.value!==!1&&((b=a.noContentTemplate)==null?void 0:b.call(a,{item:f,deepth:o}))])])}}}),H="",w=e.defineComponent({name:"DAccordion",props:m,setup(d,{emit:t}){const{data:u,childrenKey:c,activeKey:h,openKey:T,accordionType:k,autoOpenActiveMenu:N,restrictOneOpen:v}=e.toRefs(d);let s;const C=(n,l="children",A=!1,b=!0)=>n.reduce((g,I)=>{const r=I[l];return r===void 0?b&&g.push(I):(A&&g.push(I),Array.isArray(r)&&g.push(...C(r,l,A))),g},[]),p=()=>{const n=C(u.value,c.value).filter(l=>l[h.value]).pop();n?s||V(n):s=void 0},V=n=>{s&&s[h.value]&&(s[h.value]=!1),n[h.value]=!0,s=n,t("activeItemChange",s)},f=(n,l)=>{l&&v.value&&u.value.forEach(A=>{A[T.value]=!1}),n[T.value]=l},o=n=>{const l=s;V(n.item),t("itemClick",L(K({},n),{prevActiveItem:l}))},a=n=>{const l=s;s=n.item,t("linkItemClick",L(K({},n),{prevActiveItem:l}))},x=n=>{f(n.item,n.open),t("menuToggle",n)},y=()=>{C(u.value,c.value,!0,!1).forEach(n=>n[T.value]=void 0)};return e.provide("accordionContext",{itemClickFn:o,linkItemClickFn:a,menuToggleFn:x}),e.onMounted(()=>{u.value&&p()}),e.watch(()=>N.value,(n,l)=>{n&&l===!1&&y()}),e.watch(u.value,(n,l)=>{p()},{deep:!0}),()=>e.createVNode("div",{class:["devui-accordion-menu","devui-scrollbar","devui-accordion-show-animate",k.value==="normal"&&"devui-accordion-menu-normal"]},[e.createVNode(j,e.mergeProps(d,{data:u.value,deepth:0,parent:null}),null)])}});w.install=function(d){d.component(w.name,w)};var _={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(d){d.use(w)}};i.Accordion=w,i.default=_,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
1
+ var U=Object.defineProperty,Z=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var S=(v,e,F)=>e in v?U(v,e,{enumerable:!0,configurable:!0,writable:!0,value:F}):v[e]=F,I=(v,e)=>{for(var F in e||(e={}))J.call(e,F)&&S(v,F,e[F]);if(M)for(var F of M(e))Q.call(e,F)&&S(v,F,e[F]);return v},R=(v,e)=>Z(v,G(e));(function(v,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(v=typeof globalThis!="undefined"?globalThis:v||self,e(v.index={},v.Vue,v.vueRouter))})(this,function(v,e,F){"use strict";const K={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:Boolean,default:!0},itemTemplate:{type:Boolean,default:!0},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:Boolean,default:!0},loadingTemplate:{type:Boolean,default:!0},innerListTemplate:{type:Boolean,default:!0},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"}},B=()=>e.createVNode("svg",{width:"1em",height:"1em",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])]),O=()=>{const n="DAccordion",t=f=>{if(f&&f.type.name===n)return f;if(f&&f.parent){const k=f.parent;return t(k)}},p=t(e.getCurrentInstance());return p==null?void 0:p.slots};var _=e.defineComponent({name:"DAccordionMenu",components:{OpenIcon:B},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,openKey:k,activeKey:N,autoOpenActiveMenu:T,disabledKey:A,childrenKey:y,titleKey:u,menuItemTemplate:r}=e.toRefs(n),g=O(),h=e.inject("accordionContext"),C=f.value,o=p.value,c=V=>{h.menuToggleFn(V)},a=V=>{if(V[N.value]===!0)return!0;if(V[y.value])return m(V[y.value])},m=V=>{let w=!1;if(!V.length)return!1;for(let j=0;j<V.length;j++){if(V[j][N.value]===!0){w=!0;break}if(V[j][y.value]&&(w=m(V[j][y.value]),w))break}return w},l=e.computed(()=>t.value&&t.value[k.value]),i=e.computed(()=>t.value&&t.value[A.value]),d=e.computed(()=>t.value&&t.value[u.value]),b=e.computed(()=>t.value&&t.value[y.value]),x=e.computed(()=>a(t.value)),s=e.computed(()=>l.value===void 0&&T.value?x.value:l.value);return()=>{var V;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",s.value&&"open",x.value&&"active",i.value&&"disabled"],title:d.value,style:{textIndent:o*20+"px"},onClick:w=>!i.value&&c({item:t.value,open:!s.value,parent:C,event:w})},[e.createVNode("div",{class:["devui-accordion-splitter",o===0&&"devui-parent-list"],style:{left:o*20+10+"px"}},null),(!g.menuItemTemplate||r.value===!1)&&e.createVNode(e.Fragment,null,[d.value]),g.menuItemTemplate&&r.value!==!1&&((V=g.menuItemTemplate)==null?void 0:V.call(g,{parent:C,deepth:o,item:t.value})),e.createVNode("span",{class:"devui-accordion-open-icon"},[e.createVNode(B,null,null)])]),e.createVNode("div",{class:[!s.value&&"devui-accordion-menu-hidden","devui-accordion-submenu","devui-accordion-show-animate"]},[e.createVNode(P,e.mergeProps(n,{deepth:o+1,data:b.value||[],parent:t.value}),null)])])}}}),D=e.defineComponent({name:"DAccordionItem",props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,activeKey:N,disabledKey:T,itemTemplate:A}=e.toRefs(n),y=O(),u=e.inject("accordionContext"),r=f.value,g=p.value,h=e.computed(()=>t.value&&t.value[T.value]),C=e.computed(()=>t.value&&t.value[k.value]),o=e.computed(()=>t.value&&t.value[N.value]),c=e.computed(()=>o.value),a=m=>{t.value&&!h.value&&u.itemClickFn(m)};return()=>{var m;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",c.value&&"active",h.value&&"disabled"],title:C.value,style:{textIndent:g*20+"px"},onClick:l=>a({item:t.value,parent:r,event:l})},[e.createVNode("div",{class:["devui-accordion-splitter",g===0&&"devui-parent-list"],style:{left:g*20+10+"px"}},null),(!y.itemTemplate||A.value===!1)&&e.createVNode(e.Fragment,null,[C.value]),y.itemTemplate&&A.value!==!1&&((m=y.itemTemplate)==null?void 0:m.call(y,{parent:r,deepth:g,item:t.value}))])])}}}),q=e.defineComponent({name:"DAccordionItemHreflink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkTargetKey:T,linkDefaultTarget:A,disabledKey:y,itemTemplate:u}=e.toRefs(n),r=O(),g=e.inject("accordionContext"),h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>t.value&&(t.value[T.value]||A.value)),c=e.computed(()=>t.value&&t.value[y.value]),a=f.value,m=p.value,l=d=>{t.value&&!c.value&&g.itemClickFn(d)},i=()=>{var d;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",m===0&&"devui-parent-list"],style:{left:m*20+10+"px"}},null),(!r.itemTemplate||u.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&u.value!==!1&&((d=r.itemTemplate)==null?void 0:d.call(r,{parent:a,deepth:m,item:t.value}))])};return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",c.value&&"disabled"],style:{textIndent:m*20+"px"}},[!c.value&&e.createVNode("a",{href:C.value,target:o.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:d=>l({item:t.value,parent:a,event:d})},[i()]),c.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[i()])])])}});function H(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}var z=e.defineComponent({name:"DAccordionItemRouterlink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkDefaultTarget:T,disabledKey:A,itemTemplate:y}=e.toRefs(n),u=F.useRoute(),r=O(),g=e.inject("accordionContext");console.log(F.useRoute());const h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>u!==void 0),c=e.computed(()=>u===C.value),a=e.computed(()=>t.value&&t.value[A.value]),m=f.value,l=p.value,i=b=>{t.value&&!a.value&&g.itemClickFn(b)},d=()=>{var b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",l===0&&"devui-parent-list"],style:{left:l*20+10+"px"}},null),(!r.itemTemplate||y.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&y.value!==!1&&((b=r.itemTemplate)==null?void 0:b.call(r,{parent:m,deepth:l,item:t.value}))])};return()=>{let b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",a.value&&"disabled"],style:{textIndent:l*20+"px"}},[!a.value&&e.createVNode(e.Fragment,null,[o.value&&e.createVNode(e.resolveComponent("router-link"),{to:C.value,class:["devui-over-flow-ellipsis",c.value&&".devui-router-active"],custom:!0,title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},H(b=d())?b:{default:()=>[b]}),!o.value&&e.createVNode("a",{href:C.value,target:T.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},[d()])]),a.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[d()])])])}}}),P=e.defineComponent({name:"DAccordionList",components:{DAccordionMenu:_,DAccordionItem:D,DAccordionItemHreflink:q,DAccordionItemRouterlink:z},inheritAttrs:!1,props:I({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},K),setup(n,{attrs:t}){const{childrenKey:p,deepth:f,parent:k,data:N,linkType:T,showNoContent:A,loadingKey:y,titleKey:u,linkTypeKey:r,loadingTemplate:g,noContentTemplate:h,innerListTemplate:C}=e.toRefs(n),o=k.value,c=f.value,a=O(),m=e.inject("accordionContext"),l=e.computed(()=>o&&o[y.value]),i=e.computed(()=>{const d=N.value;return d==null||d.length===0});return()=>{var d,b,x;return e.createVNode(e.Fragment,null,[(!a.innerListTemplate||f.value===0||C.value===!1)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[N.value.map(s=>e.createVNode("li",{class:"devui-accordion-item",key:s[u.value]},[s[p.value]!==void 0&&e.createVNode("div",{class:"devui-accordion-menu-item"},[e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)]),s[p.value]===void 0&&e.createVNode(e.Fragment,null,[(!T.value||T.value==="")&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="dependOnLinkTypeKey"&&e.createVNode(e.Fragment,null,[s[r.value]==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]!=="routerLink"&&s[r.value]!=="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)])])]))]),a.innerListTemplate&&C.value!==!1&&c!==0&&((d=a.innerListTemplate)==null?void 0:d.call(a,{item:o,deepth:c,itemClickFn:m.itemClickFn,menuToggleFn:m.menuToggleFn})),(!a.innerListTemplate||C.value===!1)&&(l.value||i.value&&A.value)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[l.value&&(!a.loadingTemplate||g.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u52A0\u8F7D\u4E2D...")])]),l.value&&a.loadingTemplate&&g.value!==!1&&((b=a.loadingTemplate)==null?void 0:b.call(a,{item:o,deepth:c})),A.value&&!l.value&&i.value&&(!a.noContentTemplate||h.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis disabled"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u6CA1\u6709\u6570\u636E")])]),A.value&&!l.value&&i.value&&a.noContentTemplate&&h.value!==!1&&((x=a.noContentTemplate)==null?void 0:x.call(a,{item:o,deepth:c}))])])}}}),W="",L=e.defineComponent({name:"DAccordion",props:K,setup(n,{emit:t}){const{data:p,childrenKey:f,activeKey:k,openKey:N,accordionType:T,autoOpenActiveMenu:A,restrictOneOpen:y}=e.toRefs(n);let u;const r=(l,i="children",d=!1,b=!0)=>l.reduce((x,s)=>{const V=s[i];return V===void 0?b&&x.push(s):(d&&x.push(s),Array.isArray(V)&&x.push(...r(V,i,d))),x},[]),g=()=>{const l=r(p.value,f.value).filter(i=>i[k.value]).pop();l?u||h(l):u=void 0},h=l=>{u&&u[k.value]&&(u[k.value]=!1),l[k.value]=!0,u=l,t("activeItemChange",u)},C=(l,i)=>{i&&y.value&&p.value.forEach(d=>{d[N.value]=!1}),l[N.value]=i},o=l=>{const i=u;h(l.item),t("itemClick",R(I({},l),{prevActiveItem:i}))},c=l=>{const i=u;u=l.item,t("linkItemClick",R(I({},l),{prevActiveItem:i}))},a=l=>{C(l.item,l.open),t("menuToggle",l)},m=()=>{r(p.value,f.value,!0,!1).forEach(l=>l[N.value]=void 0)};return e.provide("accordionContext",{itemClickFn:o,linkItemClickFn:c,menuToggleFn:a}),e.onMounted(()=>{p.value&&g()}),e.watch(()=>A.value,(l,i)=>{l&&i===!1&&m()}),e.watch(p.value,(l,i)=>{g()},{deep:!0}),()=>e.createVNode("div",{class:["devui-accordion-menu","devui-scrollbar","devui-accordion-show-animate",T.value==="normal"&&"devui-accordion-menu-normal"]},[e.createVNode(P,e.mergeProps(n,{data:p.value,deepth:0,parent:null}),null)])}});L.install=function(n){n.component(L.name,L)};var E={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(n){n.use(L)}};v.Accordion=L,v.default=E,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});
@@ -1 +1 @@
1
- @charset "UTF-8";.devui-accordion-menu ol,.devui-accordion-menu ul{margin:0!important;line-height:0!important;font-size:12px}: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 path{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title.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 path{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{opacity:0;height:0px;overflow:hidden}.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}
1
+ @charset "UTF-8";.devui-accordion-menu ol,.devui-accordion-menu ul{margin:0!important;line-height:0!important;font-size:12px}: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:700}.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 path{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title.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 path{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{opacity:0;height:0;overflow:hidden}.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.es.js CHANGED
@@ -14,7 +14,7 @@ const AlertCloseIcon = () => createVNode("svg", {
14
14
  "transform": "translate(-3.000000, -3.000000)",
15
15
  "fill-rule": "nonzero"
16
16
  }, [createVNode("path", {
17
- "d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"
17
+ "d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"
18
18
  }, null)])])]);
19
19
  const AlertTypeIcon = (props) => createVNode("svg", {
20
20
  "width": "16px",
@@ -47,12 +47,12 @@ const AlertTypeIcon = (props) => createVNode("svg", {
47
47
  "fill-rule": "evenodd"
48
48
  }, [createVNode("path", {
49
49
  "class": "devui-icon-warning-outer",
50
- "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
50
+ "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
51
51
  }, null), createVNode("path", {
52
52
  "class": "devui-icon-warning-inner",
53
53
  "stroke-width": "0.3",
54
54
  "fill-rule": "nonzero",
55
- "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
55
+ "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
56
56
  }, null)]);
57
57
  case "info":
58
58
  return createVNode("g", {
@@ -90,31 +90,32 @@ const AlertTypeIcon = (props) => createVNode("svg", {
90
90
  return null;
91
91
  }
92
92
  })()]);
93
+ const alertProps = {
94
+ type: {
95
+ type: String,
96
+ default: "info"
97
+ },
98
+ cssClass: {
99
+ type: String,
100
+ default: ""
101
+ },
102
+ closeable: {
103
+ type: Boolean,
104
+ default: true
105
+ },
106
+ showIcon: {
107
+ type: Boolean,
108
+ default: true
109
+ },
110
+ dismissTime: {
111
+ type: Number,
112
+ default: 0
113
+ }
114
+ };
93
115
  var alert = "";
94
116
  var Alert = defineComponent({
95
117
  name: "DAlert",
96
- props: {
97
- type: {
98
- type: String,
99
- default: "info"
100
- },
101
- cssClass: {
102
- type: String,
103
- default: ""
104
- },
105
- closeable: {
106
- type: Boolean,
107
- default: true
108
- },
109
- showIcon: {
110
- type: Boolean,
111
- default: true
112
- },
113
- dismissTime: {
114
- type: Number,
115
- default: 0
116
- }
117
- },
118
+ props: alertProps,
118
119
  emits: ["close"],
119
120
  setup(props, ctx) {
120
121
  const hide = ref(false);
@@ -161,15 +162,12 @@ var Alert = defineComponent({
161
162
  };
162
163
  }
163
164
  });
164
- Alert.install = function(app) {
165
- app.component(Alert.name, Alert);
166
- };
167
165
  var index = {
168
166
  title: "Alert \u8B66\u544A",
169
167
  category: "\u53CD\u9988",
170
168
  status: "100%",
171
169
  install(app) {
172
- app.use(Alert);
170
+ app.component(Alert.name, Alert);
173
171
  }
174
172
  };
175
- export { Alert, index as default };
173
+ export { Alert, alertProps, index as default };