vue-devui 1.4.1 → 1.5.1
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 +10 -7
- package/collapse/style.css +1 -1
- package/editable-select/index.es.js +5412 -184
- package/editable-select/index.umd.js +27 -1
- package/image-preview/index.es.js +2 -0
- package/image-preview/index.umd.js +1 -1
- package/menu/index.es.js +7 -7
- package/menu/index.umd.js +1 -1
- package/package.json +2 -1
- package/pagination/index.es.js +8 -8
- package/pagination/index.umd.js +11 -11
- package/select/index.es.js +8 -8
- package/select/index.umd.js +12 -12
- package/style.css +1 -1
- package/tag/index.es.js +8 -8
- package/tag/index.umd.js +1 -1
- package/time-select/index.es.js +8 -8
- package/time-select/index.umd.js +5 -5
- package/vue-devui.es.js +144 -326
- package/vue-devui.umd.js +11 -11
package/README.md
CHANGED
|
@@ -41,18 +41,17 @@ Install with pnpm
|
|
|
41
41
|
pnpm add vue-devui
|
|
42
42
|
```
|
|
43
43
|
|
|
44
|
-
|
|
45
44
|
Then import `DevUI` in the `main.ts` file:
|
|
46
45
|
|
|
47
46
|
```ts
|
|
48
|
-
import { createApp } from 'vue'
|
|
49
|
-
import App from './App.vue'
|
|
47
|
+
import { createApp } from 'vue';
|
|
48
|
+
import App from './App.vue';
|
|
50
49
|
|
|
51
50
|
// Import Vue DevUI component and style
|
|
52
|
-
import DevUI from 'vue-devui'
|
|
53
|
-
import 'vue-devui/style.css'
|
|
51
|
+
import DevUI from 'vue-devui';
|
|
52
|
+
import 'vue-devui/style.css';
|
|
54
53
|
|
|
55
|
-
createApp(App).use(DevUI).mount('#app')
|
|
54
|
+
createApp(App).use(DevUI).mount('#app');
|
|
56
55
|
```
|
|
57
56
|
|
|
58
57
|
Then you can use the vue devui component(such as `<d-button>`) in the `App.vue` file:
|
|
@@ -119,6 +118,7 @@ Maintainers are community members who have made outstanding contributions and ha
|
|
|
119
118
|
- [brenner8023](https://github.com/brenner8023)
|
|
120
119
|
|
|
121
120
|
Outstanding contributions include, but are not limited to, the following:
|
|
121
|
+
|
|
122
122
|
- 10 or more PRs are merged
|
|
123
123
|
- Put forward more than 10 review opinions approved by PR authors
|
|
124
124
|
- Provide constructive optimization advice and promote the project to become better
|
|
@@ -220,6 +220,9 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
|
|
|
220
220
|
<td align="center"><a href="https://github.com/Whbbit1999"><img src="https://avatars.githubusercontent.com/u/60510247?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Whbbit1999</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=Whbbit1999" title="Code">💻</a></td>
|
|
221
221
|
<td align="center"><a href="https://github.com/zhaoShijuan"><img src="https://avatars.githubusercontent.com/u/31791365?v=4?s=100" width="100px;" alt=""/><br /><sub><b>zhaoShijuan</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=zhaoShijuan" title="Code">💻</a></td>
|
|
222
222
|
<td align="center"><a href="https://github.com/XiaoRIGE"><img src="https://avatars.githubusercontent.com/u/33147011?v=4?s=100" width="100px;" alt=""/><br /><sub><b>XiaoRIGE</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=XiaoRIGE" title="Code">💻</a></td>
|
|
223
|
+
<td align="center"><a href="https://github.com/xiaogonggong-w"><img src="https://avatars.githubusercontent.com/u/79799040?v=4" width="100px;" alt=""/><br /><sub><b>xiaogonggong-w</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=xiaogonggong-w" title="Code">💻</a></td>
|
|
224
|
+
<td align="center"><a href="https://github.com/hqchqc"><img src="https://avatars.githubusercontent.com/u/51051157?v=4" width="100px;" alt=""/><br /><sub><b>hqchqc</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=hqchqc" title="Code">💻</a></td>
|
|
225
|
+
<td align="center"><a href="https://github.com/Lucky-Ya-Q"><img src="https://avatars.githubusercontent.com/u/63504321?v=4" width="100px;" alt=""/><br /><sub><b>Lucky-Ya-Q</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=Lucky-Ya-Q" title="Code">💻</a></td>
|
|
223
226
|
</tr>
|
|
224
227
|
</tbody>
|
|
225
228
|
</table>
|
|
@@ -233,7 +236,7 @@ This project follows the [all-contributors](https://github.com/all-contributors/
|
|
|
233
236
|
|
|
234
237
|
## Partner project
|
|
235
238
|
|
|
236
|
-
- [H5-Dooring - 让H5制作,更简单](http://h5.dooring.cn/)
|
|
239
|
+
- [H5-Dooring - 让 H5 制作,更简单](http://h5.dooring.cn/)
|
|
237
240
|
- [灯塔 - 公益性质的反霸凌团队](https://www.light-tower.top/)
|
|
238
241
|
|
|
239
242
|
## License
|
package/collapse/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.devui-collapse{font-size:var(--devui-font-size, 14px);background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(37, 43, 58, .2))}:host{display:block}.devui-collapse__item .devui-collapse--overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-collapse__item-title{display:block;height:45px;width:100%;padding:0 28px 0 20px;font-weight:400;line-height:45px;color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);cursor:pointer}.devui-collapse__item-title.devui-collapse__item--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-collapse__item-title:not(.devui-collapse__item--disabled):hover{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-collapse__item>.devui-collapse__item-title{position:relative}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:14px;width:16px;height:16px;line-height:16px;transition:transform ease-out .4s}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon svg{width:16px;height:16px}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-collapse__item>.devui-collapse__item-title.devui-collapse--open>.devui-collapse__open-icon{transform:rotate(180deg);transform-origin:center}.devui-collapse__item-content{padding:0 12px 0 20px;line-height:1.5;color:var(--devui-text-weak, #575d6c)}.devui-collapse-transition-leave-active{transition:all .4s ease-in-out;animation:panelUpOut .4s ease-in-out;animation-fill-mode:both}.devui-collapse-transition-enter-active{transition:all .4s ease-in-out;animation:panelUpIn .4s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}
|
|
1
|
+
@charset "UTF-8";.devui-collapse{font-size:var(--devui-font-size, 14px);background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(37, 43, 58, .2))}:host{display:block}.devui-collapse__item .devui-collapse--overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-collapse__item-title{display:block;height:45px;width:100%;padding:0 28px 0 20px;font-weight:400;line-height:45px;color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);cursor:pointer}.devui-collapse__item-title.devui-collapse__item--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-collapse__item-title.devui-collapse__item--disabled>.devui-collapse__open-icon svg path{fill:currentColor!important}.devui-collapse__item-title:not(.devui-collapse__item--disabled):hover{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-collapse__item>.devui-collapse__item-title{position:relative}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:14px;width:16px;height:16px;line-height:16px;transition:transform ease-out .4s}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon svg{width:16px;height:16px}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-collapse__item>.devui-collapse__item-title.devui-collapse--open>.devui-collapse__open-icon{transform:rotate(180deg);transform-origin:center}.devui-collapse__item-content{padding:0 12px 0 20px;line-height:1.5;color:var(--devui-text-weak, #575d6c)}.devui-collapse-transition-leave-active{transition:all .4s ease-in-out;animation:panelUpOut .4s ease-in-out;animation-fill-mode:both}.devui-collapse-transition-enter-active{transition:all .4s ease-in-out;animation:panelUpIn .4s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}
|