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.
- package/README.md +29 -21
- package/accordion/index.es.js +229 -14
- package/accordion/index.umd.js +1 -1
- package/accordion/style.css +1 -1
- package/alert/index.es.js +28 -30
- package/alert/index.umd.js +1 -1
- package/alert/style.css +1 -1
- package/auto-complete/index.es.js +133 -271
- package/auto-complete/index.umd.js +1 -1
- package/auto-complete/style.css +1 -1
- package/back-top/index.es.js +5 -3
- package/back-top/index.umd.js +1 -1
- package/badge/index.es.js +13 -19
- package/badge/index.umd.js +1 -1
- package/badge/style.css +1 -1
- package/breadcrumb/index.es.js +2 -1
- package/button/index.es.js +95 -122
- package/button/index.umd.js +1 -1
- package/button/style.css +1 -1
- package/carousel/index.es.js +38 -53
- package/carousel/index.umd.js +1 -1
- package/cascader/index.es.js +5412 -784
- package/cascader/index.umd.js +27 -1
- package/cascader/style.css +1 -1
- package/checkbox/style.css +1 -1
- package/color-picker/index.es.js +5517 -281
- package/color-picker/index.umd.js +27 -1
- package/color-picker/style.css +1 -1
- package/countdown/index.es.js +9 -8
- package/date-picker/index.es.js +44 -62
- package/date-picker/index.umd.js +1 -1
- package/date-picker/style.css +1 -1
- package/drawer/index.es.js +159 -324
- package/drawer/index.umd.js +1 -1
- package/drawer/style.css +1 -1
- package/dropdown/index.es.js +459 -301
- package/dropdown/index.umd.js +1 -1
- package/dropdown/style.css +1 -1
- package/editable-select/index.es.js +293 -5724
- package/editable-select/index.umd.js +1 -27
- package/editable-select/style.css +1 -1
- package/form/index.es.js +6125 -535
- package/form/index.umd.js +27 -1
- package/form/style.css +1 -1
- package/fullscreen/index.es.js +112 -133
- package/fullscreen/index.umd.js +1 -1
- package/fullscreen/style.css +1 -1
- package/gantt/index.es.js +3 -15
- package/gantt/index.umd.js +1 -1
- package/gantt/style.css +1 -1
- package/grid/index.es.js +1 -1
- package/grid/style.css +1 -1
- package/icon/index.es.js +39 -57
- package/icon/index.umd.js +1 -1
- package/image-preview/index.es.js +2 -1
- package/input/index.es.js +4 -5
- package/input/index.umd.js +1 -1
- package/input/style.css +1 -1
- package/input-icon/index.es.js +42 -42
- package/input-icon/index.umd.js +1 -1
- package/input-icon/style.css +1 -1
- package/input-number/index.es.js +46 -57
- package/input-number/index.umd.js +1 -1
- package/input-number/style.css +1 -1
- package/{time-axis → list}/index.d.ts +0 -0
- package/list/index.es.js +39 -0
- package/list/index.umd.js +1 -0
- package/{toast → list}/package.json +1 -1
- package/list/style.css +1 -0
- package/loading/index.es.js +2 -2
- package/modal/index.es.js +300 -960
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/nav-sprite/index.es.js +1 -675
- package/nav-sprite/index.umd.js +1 -1
- package/{toast → notification}/index.d.ts +0 -0
- package/notification/index.es.js +284 -0
- package/notification/index.umd.js +1 -0
- package/notification/package.json +7 -0
- package/notification/style.css +1 -0
- package/nuxt/components/DropdownMenu.js +3 -0
- package/nuxt/components/IFileOptions.js +3 -0
- package/nuxt/components/IUploadOptions.js +3 -0
- package/nuxt/components/List.js +3 -0
- package/nuxt/components/ListItem.js +3 -0
- package/nuxt/components/Notification.js +3 -0
- package/nuxt/components/NotificationService.js +3 -0
- package/nuxt/components/PanelBody.js +3 -0
- package/nuxt/components/PanelFooter.js +3 -0
- package/nuxt/components/PanelHeader.js +3 -0
- package/nuxt/components/Timeline.js +3 -0
- package/nuxt/components/TimelineItem.js +3 -0
- package/nuxt/components/UploadStatus.js +3 -0
- package/nuxt/components/alertProps.js +3 -0
- package/nuxt/components/badgeProps.js +3 -0
- package/nuxt/components/dropdownMenuProps.js +3 -0
- package/nuxt/components/fixedOverlayProps.js +3 -0
- package/nuxt/components/flexibleOverlayProps.js +3 -0
- package/nuxt/components/fullscreenProps.js +3 -0
- package/nuxt/components/iconProps.js +2 -0
- package/nuxt/components/notificationProps.js +3 -0
- package/nuxt/components/overlayEmits.js +3 -0
- package/nuxt/components/overlayProps.js +3 -0
- package/nuxt/components/paginationProps.js +3 -0
- package/nuxt/components/panelProps.js +3 -0
- package/nuxt/components/popoverProps.js +3 -0
- package/nuxt/components/searchProps.js +3 -0
- package/nuxt/components/tooltipProps.js +3 -0
- package/nuxt/components/uploadProps.js +3 -0
- package/overlay/index.es.js +152 -198
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +12 -60
- package/pagination/index.es.js +11 -13
- package/pagination/index.umd.js +1 -1
- package/pagination/style.css +1 -1
- package/panel/index.es.js +48 -35
- package/panel/index.umd.js +1 -1
- package/popover/index.es.js +5954 -201
- package/popover/index.umd.js +27 -1
- package/popover/style.css +1 -1
- package/quadrant-diagram/index.es.js +5405 -166
- package/quadrant-diagram/index.umd.js +27 -1
- package/radio/style.css +1 -1
- package/read-tip/index.es.js +6 -3
- package/read-tip/style.css +1 -1
- package/result/index.es.js +38 -53
- package/result/index.umd.js +1 -1
- package/ripple/index.es.js +10 -6
- package/search/index.es.js +5428 -200
- package/search/index.umd.js +27 -1
- package/search/style.css +1 -1
- package/select/index.es.js +43 -43
- package/select/index.umd.js +1 -1
- package/select/style.css +1 -1
- package/skeleton/index.es.js +17 -17
- package/skeleton/index.umd.js +1 -1
- package/slider/index.es.js +2 -1
- package/splitter/index.es.js +5815 -99
- package/splitter/index.umd.js +27 -1
- package/splitter/style.css +1 -1
- package/status/index.es.js +1 -4
- package/status/index.umd.js +1 -1
- package/status/style.css +1 -1
- package/steps-guide/index.es.js +6 -3
- package/sticky/index.umd.js +1 -1
- package/style.css +1 -1
- package/table/index.es.js +548 -360
- package/table/index.umd.js +1 -1
- package/table/style.css +1 -1
- package/tabs/index.es.js +3 -4
- package/tabs/index.umd.js +1 -1
- package/tabs/style.css +1 -1
- package/tag/index.es.js +2 -1
- package/tag-input/index.es.js +4 -2
- package/textarea/style.css +1 -1
- package/{theme → theme/theme.scss} +0 -0
- package/time-picker/index.es.js +98 -123
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/timeline/index.d.ts +7 -0
- package/{time-axis → timeline}/index.es.js +65 -78
- package/timeline/index.umd.js +1 -0
- package/{time-axis → timeline}/package.json +1 -1
- package/timeline/style.css +1 -0
- package/tooltip/index.es.js +5804 -94
- package/tooltip/index.umd.js +27 -1
- package/tooltip/style.css +1 -1
- package/transfer/index.es.js +5896 -404
- package/transfer/index.umd.js +27 -1
- package/transfer/style.css +1 -1
- package/tree/index.es.js +5439 -814
- package/tree/index.umd.js +27 -1
- package/tree/style.css +1 -1
- package/tree-select/index.es.js +11 -7
- package/tree-select/style.css +1 -1
- package/upload/index.es.js +335 -2213
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +9709 -12248
- package/vue-devui.umd.js +20 -20
- package/nuxt/components/TimeAxis.js +0 -3
- package/nuxt/components/TimeAxisItem.js +0 -3
- package/nuxt/components/Toast.js +0 -3
- package/nuxt/components/ToastService.js +0 -3
- package/time-axis/index.umd.js +0 -1
- package/time-axis/style.css +0 -1
- package/toast/index.es.js +0 -2063
- package/toast/index.umd.js +0 -1
- 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
|
-
|
|
29
|
-
|
|
30
|
-
or
|
|
31
|
-
|
|
32
|
-
npm i
|
|
28
|
+
pnpm i
|
|
33
29
|
```
|
|
34
30
|
|
|
35
31
|
### 2 启动
|
|
36
32
|
|
|
37
33
|
```
|
|
38
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
package/accordion/index.es.js
CHANGED
|
@@ -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
|
-
|
|
129
|
-
|
|
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
|
-
|
|
236
|
-
|
|
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
|
-
|
|
319
|
-
|
|
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
|
-
|
|
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,
|
package/accordion/index.umd.js
CHANGED
|
@@ -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"});
|
package/accordion/style.css
CHANGED
|
@@ -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:
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
170
|
+
app.component(Alert.name, Alert);
|
|
173
171
|
}
|
|
174
172
|
};
|
|
175
|
-
export { Alert, index as default };
|
|
173
|
+
export { Alert, alertProps, index as default };
|