vue-devui 1.0.0-rc.1 → 1.0.0-rc.4
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 +132 -200
- package/auto-complete/index.es.js +150 -110
- package/auto-complete/index.umd.js +5 -1
- package/auto-complete/style.css +1 -1
- package/avatar/index.es.js +77 -81
- package/avatar/index.umd.js +1 -1
- package/button/index.es.js +23 -15
- package/button/index.umd.js +1 -1
- package/button/style.css +1 -1
- package/card/index.es.js +3 -6
- package/card/index.umd.js +1 -1
- package/checkbox/index.es.js +5 -11
- package/checkbox/index.umd.js +1 -1
- package/comment/index.es.js +4 -6
- package/comment/index.umd.js +1 -1
- package/countdown/index.es.js +3 -6
- package/countdown/index.umd.js +1 -1
- package/editable-select/index.es.js +120 -167
- package/editable-select/index.umd.js +1 -1
- package/grid/index.es.js +30 -36
- package/grid/index.umd.js +1 -1
- package/image-preview/index.es.js +19 -19
- package/image-preview/index.umd.js +1 -1
- package/input/index.es.js +2 -5
- package/input/index.umd.js +1 -1
- package/layout/index.es.js +9 -22
- package/layout/index.umd.js +1 -1
- package/loading/index.es.js +40 -25
- package/loading/index.umd.js +1 -1
- package/modal/index.es.js +55 -47
- package/modal/index.umd.js +1 -1
- package/notification/index.es.js +100 -10
- package/notification/index.umd.js +1 -1
- package/notification/style.css +1 -1
- package/nuxt/components/DropdownPropsKey.js +3 -0
- package/nuxt/components/LoadingOptions.js +3 -0
- package/nuxt/components/autoCompleteProps.js +3 -0
- package/nuxt/components/avatarProps.js +3 -0
- package/nuxt/components/cardProps.js +3 -0
- package/nuxt/components/checkboxGroupInjectionKey.js +3 -0
- package/nuxt/components/checkboxGroupProps.js +3 -0
- package/nuxt/components/checkboxProps.js +3 -0
- package/nuxt/components/colProps.js +3 -0
- package/nuxt/components/colPropsBaseClass.js +3 -0
- package/nuxt/components/colPropsBaseStyle.js +3 -0
- package/nuxt/components/commentProps.js +3 -0
- package/nuxt/components/countdownProps.js +3 -0
- package/nuxt/components/editableSelectProps.js +3 -0
- package/nuxt/components/imagePreviewProps.js +3 -0
- package/nuxt/components/inputProps.js +3 -0
- package/nuxt/components/loadingProps.js +3 -0
- package/nuxt/components/modalProps.js +3 -0
- package/nuxt/components/progressProps.js +3 -0
- package/nuxt/components/rateProps.js +3 -0
- package/nuxt/components/readTipProps.js +3 -0
- package/nuxt/components/resultProps.js +3 -0
- package/nuxt/components/rowProps.js +3 -0
- package/nuxt/components/screenSizes.js +3 -0
- package/nuxt/components/skeletonProps.js +3 -0
- package/nuxt/components/sliderProps.js +3 -0
- package/nuxt/components/splitterProps.js +3 -0
- package/nuxt/components/statisticProps.js +3 -0
- package/nuxt/components/switchProps.js +3 -0
- package/nuxt/components/tagInputProps.js +3 -0
- package/nuxt/components/tagProps.js +3 -0
- package/nuxt/components/textareaProps.js +3 -0
- package/nuxt/components/timeAxisProps.js +3 -0
- package/overlay/index.es.js +5 -5
- package/overlay/index.umd.js +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +14 -13
- package/pagination/index.umd.js +1 -1
- package/popover/index.es.js +7 -7
- package/popover/index.umd.js +12 -12
- package/progress/index.es.js +34 -36
- package/progress/index.umd.js +3 -3
- package/progress/style.css +1 -1
- package/radio/index.es.js +8 -2
- package/radio/index.umd.js +1 -1
- package/radio/style.css +1 -1
- package/rate/index.es.js +4 -7
- package/rate/index.umd.js +1 -1
- package/read-tip/index.es.js +34 -34
- package/read-tip/index.umd.js +1 -1
- package/read-tip/style.css +1 -1
- package/result/index.es.js +2 -5
- package/result/index.umd.js +1 -1
- package/ripple/index.es.js +43 -42
- package/ripple/index.umd.js +1 -1
- package/search/index.es.js +11 -11
- package/search/index.umd.js +8 -8
- package/skeleton/index.es.js +9 -12
- package/skeleton/index.umd.js +1 -1
- package/slider/index.es.js +59 -62
- package/slider/index.umd.js +1 -1
- package/splitter/index.es.js +176 -136
- package/splitter/index.umd.js +13 -13
- package/statistic/index.es.js +7 -18
- package/statistic/index.umd.js +1 -1
- package/style.css +1 -1
- package/switch/index.es.js +4 -7
- package/switch/index.umd.js +1 -1
- package/switch/style.css +1 -1
- package/tag/index.es.js +13 -17
- package/tag/index.umd.js +1 -1
- package/tag/style.css +1 -1
- package/tag-input/index.es.js +3 -6
- package/tag-input/index.umd.js +1 -1
- package/textarea/index.es.js +2 -5
- package/textarea/index.umd.js +1 -1
- package/timeline/index.es.js +10 -16
- package/timeline/index.umd.js +1 -1
- package/upload/index.es.js +160 -67
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +12182 -24718
- package/vue-devui.umd.js +24 -20
- package/accordion/index.d.ts +0 -7
- package/accordion/index.es.js +0 -723
- package/accordion/index.umd.js +0 -1
- package/accordion/package.json +0 -7
- package/accordion/style.css +0 -1
- package/anchor/index.d.ts +0 -7
- package/anchor/index.es.js +0 -263
- package/anchor/index.umd.js +0 -1
- package/anchor/package.json +0 -7
- package/anchor/style.css +0 -1
- package/back-top/index.d.ts +0 -7
- package/back-top/index.es.js +0 -130
- package/back-top/index.umd.js +0 -1
- package/back-top/package.json +0 -7
- package/back-top/style.css +0 -1
- package/breadcrumb/index.d.ts +0 -7
- package/breadcrumb/index.es.js +0 -128
- package/breadcrumb/index.umd.js +0 -1
- package/breadcrumb/package.json +0 -7
- package/breadcrumb/style.css +0 -1
- package/carousel/index.d.ts +0 -7
- package/carousel/index.es.js +0 -314
- package/carousel/index.umd.js +0 -1
- package/carousel/package.json +0 -7
- package/carousel/style.css +0 -1
- package/cascader/index.d.ts +0 -7
- package/cascader/index.es.js +0 -5971
- package/cascader/index.umd.js +0 -27
- package/cascader/package.json +0 -7
- package/cascader/style.css +0 -1
- package/color-picker/index.d.ts +0 -7
- package/color-picker/index.es.js +0 -8196
- package/color-picker/index.umd.js +0 -27
- package/color-picker/package.json +0 -7
- package/color-picker/style.css +0 -1
- package/date-picker/index.d.ts +0 -7
- package/date-picker/index.es.js +0 -1154
- package/date-picker/index.umd.js +0 -1
- package/date-picker/package.json +0 -7
- package/date-picker/style.css +0 -1
- package/dragdrop/index.d.ts +0 -7
- package/dragdrop/index.es.js +0 -157
- package/dragdrop/index.umd.js +0 -1
- package/dragdrop/package.json +0 -7
- package/drawer/index.d.ts +0 -7
- package/drawer/index.es.js +0 -234
- package/drawer/index.umd.js +0 -1
- package/drawer/package.json +0 -7
- package/drawer/style.css +0 -1
- package/dropdown/index.d.ts +0 -7
- package/dropdown/index.es.js +0 -693
- package/dropdown/index.umd.js +0 -1
- package/dropdown/package.json +0 -7
- package/dropdown/style.css +0 -1
- package/form/index.d.ts +0 -7
- package/form/index.es.js +0 -7876
- package/form/index.umd.js +0 -27
- package/form/package.json +0 -7
- package/form/style.css +0 -1
- package/gantt/index.d.ts +0 -7
- package/gantt/index.es.js +0 -523
- package/gantt/index.umd.js +0 -1
- package/gantt/package.json +0 -7
- package/gantt/style.css +0 -1
- package/input-icon/index.d.ts +0 -7
- package/input-icon/index.es.js +0 -332
- package/input-icon/index.umd.js +0 -1
- package/input-icon/package.json +0 -7
- package/input-icon/style.css +0 -1
- package/input-number/index.d.ts +0 -7
- package/input-number/index.es.js +0 -229
- package/input-number/index.umd.js +0 -1
- package/input-number/package.json +0 -7
- package/input-number/style.css +0 -1
- package/list/index.d.ts +0 -7
- package/list/index.es.js +0 -39
- package/list/index.umd.js +0 -1
- package/list/package.json +0 -7
- package/list/style.css +0 -1
- package/nav-sprite/index.d.ts +0 -7
- package/nav-sprite/index.es.js +0 -68
- package/nav-sprite/index.umd.js +0 -1
- package/nav-sprite/package.json +0 -7
- package/nuxt/components/Accordion.js +0 -3
- package/nuxt/components/Anchor.js +0 -3
- package/nuxt/components/BackTop.js +0 -3
- package/nuxt/components/Breadcrumb.js +0 -3
- package/nuxt/components/Carousel.js +0 -3
- package/nuxt/components/CarouselItem.js +0 -3
- package/nuxt/components/Cascader.js +0 -3
- package/nuxt/components/ColorPicker.js +0 -3
- package/nuxt/components/Column.js +0 -3
- package/nuxt/components/DatePicker.js +0 -3
- package/nuxt/components/Drawer.js +0 -3
- package/nuxt/components/DrawerService.js +0 -3
- package/nuxt/components/Dropdown.js +0 -3
- package/nuxt/components/DropdownMenu.js +0 -3
- package/nuxt/components/Form.js +0 -3
- package/nuxt/components/FormControl.js +0 -3
- package/nuxt/components/FormItem.js +0 -3
- package/nuxt/components/FormLabel.js +0 -3
- package/nuxt/components/FormOperation.js +0 -3
- package/nuxt/components/Gantt.js +0 -3
- package/nuxt/components/InputIcon.js +0 -3
- package/nuxt/components/InputNumber.js +0 -3
- package/nuxt/components/List.js +0 -3
- package/nuxt/components/ListItem.js +0 -3
- package/nuxt/components/NavSprite.js +0 -2
- package/nuxt/components/QuadrantDiagram.js +0 -3
- package/nuxt/components/Select.js +0 -3
- package/nuxt/components/StepsGuide.js +0 -3
- package/nuxt/components/StickSlider.js +0 -3
- package/nuxt/components/Sticky.js +0 -2
- package/nuxt/components/Table.js +0 -3
- package/nuxt/components/Tabs.js +0 -3
- package/nuxt/components/TimePicker.js +0 -3
- package/nuxt/components/Tooltip.js +0 -3
- package/nuxt/components/Transfer.js +0 -3
- package/nuxt/components/Tree.js +0 -3
- package/nuxt/components/TreeSelect.js +0 -3
- package/nuxt/components/dropdownMenuProps.js +0 -3
- package/nuxt/components/tooltipProps.js +0 -3
- package/quadrant-diagram/index.d.ts +0 -7
- package/quadrant-diagram/index.es.js +0 -5728
- package/quadrant-diagram/index.umd.js +0 -27
- package/quadrant-diagram/package.json +0 -7
- package/quadrant-diagram/style.css +0 -1
- package/select/index.d.ts +0 -7
- package/select/index.es.js +0 -706
- package/select/index.umd.js +0 -1
- package/select/package.json +0 -7
- package/select/style.css +0 -1
- package/steps-guide/index.d.ts +0 -7
- package/steps-guide/index.es.js +0 -242
- package/steps-guide/index.umd.js +0 -1
- package/steps-guide/package.json +0 -7
- package/steps-guide/style.css +0 -1
- package/sticky/index.d.ts +0 -7
- package/sticky/index.es.js +0 -197
- package/sticky/index.umd.js +0 -1
- package/sticky/package.json +0 -7
- package/table/index.d.ts +0 -7
- package/table/index.es.js +0 -2024
- package/table/index.umd.js +0 -1
- package/table/package.json +0 -7
- package/table/style.css +0 -1
- package/tabs/index.d.ts +0 -7
- package/tabs/index.es.js +0 -194
- package/tabs/index.umd.js +0 -1
- package/tabs/package.json +0 -7
- package/tabs/style.css +0 -1
- package/time-picker/index.d.ts +0 -7
- package/time-picker/index.es.js +0 -1238
- package/time-picker/index.umd.js +0 -1
- package/time-picker/package.json +0 -7
- package/time-picker/style.css +0 -1
- package/tooltip/index.d.ts +0 -7
- package/tooltip/index.es.js +0 -5835
- package/tooltip/index.umd.js +0 -27
- package/tooltip/package.json +0 -7
- package/tooltip/style.css +0 -1
- package/transfer/index.d.ts +0 -7
- package/transfer/index.es.js +0 -7615
- package/transfer/index.umd.js +0 -27
- package/transfer/package.json +0 -7
- package/transfer/style.css +0 -1
- package/tree/index.d.ts +0 -7
- package/tree/index.es.js +0 -6495
- package/tree/index.umd.js +0 -27
- package/tree/package.json +0 -7
- package/tree/style.css +0 -1
- package/tree-select/index.d.ts +0 -7
- package/tree-select/index.es.js +0 -627
- package/tree-select/index.umd.js +0 -1
- package/tree-select/package.json +0 -7
- package/tree-select/style.css +0 -1
package/auto-complete/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{left:0!important;top:0!important}.devui-auto-complete .active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-auto-complete .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-auto-complete .devui-no-result-template,.devui-auto-complete .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-auto-complete .devui-no-result-template:hover,.devui-auto-complete .devui-no-result-template:active,.devui-auto-complete .devui-no-result-template:hover:active,.devui-auto-complete .devui-is-searching-template:hover,.devui-auto-complete .devui-is-searching-template:active,.devui-auto-complete .devui-is-searching-template:hover:active
|
|
1
|
+
@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{width:100%;left:0!important;top:0!important;margin:0!important}.devui-auto-complete .devui-dropdown-menu ul,.devui-auto-complete-menu .devui-dropdown-menu ul{width:100%;padding:0}.devui-auto-complete .devui-form-control{padding:4px 8px}.devui-auto-complete .active,.devui-auto-complete-menu .active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-dropdown-menu-cdk,.devui-auto-complete-menu .devui-dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item,.devui-auto-complete-menu .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete-menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete-menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete-menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete-menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete-menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{color:var(--devui-list-item-active-text, #ffffff)!important;background-color:var(--devui-list-item-active-bg, #5e7ce0)!important}.devui-auto-complete .devui-no-result-template,.devui-auto-complete .devui-is-searching-template,.devui-auto-complete-menu .devui-no-result-template,.devui-auto-complete-menu .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-auto-complete .devui-no-result-template:hover,.devui-auto-complete .devui-no-result-template:active,.devui-auto-complete .devui-no-result-template:hover:active,.devui-auto-complete .devui-is-searching-template:hover,.devui-auto-complete .devui-is-searching-template:active,.devui-auto-complete .devui-is-searching-template:hover:active,.devui-auto-complete-menu .devui-no-result-template:hover,.devui-auto-complete-menu .devui-no-result-template:active,.devui-auto-complete-menu .devui-no-result-template:hover:active,.devui-auto-complete-menu .devui-is-searching-template:hover,.devui-auto-complete-menu .devui-is-searching-template:active,.devui-auto-complete-menu .devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover,.devui-auto-complete-menu .devui-dropdown-item.disabled,.devui-auto-complete-menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-auto-complete ul.devui-list-unstyled,.devui-auto-complete-menu ul.devui-list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-dropdown-bg,.devui-auto-complete-menu .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-auto-complete .devui-popup-tips,.devui-auto-complete-menu .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-dropdown-latestSource ul,.devui-auto-complete-menu .devui-dropdown-latestSource ul{line-height:initial!important}
|
package/avatar/index.es.js
CHANGED
|
@@ -26,7 +26,7 @@ const IconBody = (props) => {
|
|
|
26
26
|
"cy": "15",
|
|
27
27
|
"r": "15"
|
|
28
28
|
}, null), createVNode("path", {
|
|
29
|
-
"d": "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
|
|
29
|
+
"d": "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068, 7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068, 16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
|
|
30
30
|
"id": "\u5F62\u72B6\u7ED3\u5408",
|
|
31
31
|
"fill": "#FFFFFF"
|
|
32
32
|
}, null)])]);
|
|
@@ -74,11 +74,11 @@ const IconNobody = (props) => {
|
|
|
74
74
|
"fill": "none",
|
|
75
75
|
"fill-rule": "evenodd"
|
|
76
76
|
}, [createVNode("path", {
|
|
77
|
-
"d": "M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",
|
|
77
|
+
"d": "M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81, 19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81, 14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06, 19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053, 14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866, 8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068, 5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866, 12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866, 20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296, 15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296, 16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",
|
|
78
78
|
"id": "\u5F62\u72B6\u7ED3\u5408",
|
|
79
79
|
"fill": "#959EB2"
|
|
80
80
|
}, null), createVNode("path", {
|
|
81
|
-
"d": "M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",
|
|
81
|
+
"d": "M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409, 16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0, 15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651, 19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074, 20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262, 18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316, 22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754, 24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134, 22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519, 25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498, 26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559, 25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119, 27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461, 28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647, 27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912, 28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667, 29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021, 29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912, 30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361, 28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774, 28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362, 30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387, 28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875, 28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762, 29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928, 26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678, 26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087, 28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421, 24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873, 24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583, 25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738, 21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855, 20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445, 22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136, 18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978, 17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977, 18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743, 15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956, 15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088, 13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30, 15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616, 10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852, 9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108, 11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241, 7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761, 5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788, 7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639, 4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554, 3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089, 4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008, 2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722, 1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506, 2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842, 1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964, 0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329, 0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052, 1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685, 1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162, 1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509, 0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354, 0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801, 1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954, 0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123, 1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975, 3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073, 2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842, 4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416, 5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885, 5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775, 7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977, 8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243, 8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456, 11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484, 12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486, 12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",
|
|
82
82
|
"id": "\u8499\u7248",
|
|
83
83
|
"fill": "#CACFD8",
|
|
84
84
|
"fill-rule": "nonzero"
|
|
@@ -107,113 +107,112 @@ var AvatarNoBodyIcon = defineComponent({
|
|
|
107
107
|
}, null);
|
|
108
108
|
}
|
|
109
109
|
});
|
|
110
|
+
const avatarProps = {
|
|
111
|
+
name: {
|
|
112
|
+
type: String,
|
|
113
|
+
default: null
|
|
114
|
+
},
|
|
115
|
+
gender: {
|
|
116
|
+
type: String,
|
|
117
|
+
default: null
|
|
118
|
+
},
|
|
119
|
+
width: {
|
|
120
|
+
type: Number,
|
|
121
|
+
default: 36
|
|
122
|
+
},
|
|
123
|
+
height: {
|
|
124
|
+
type: Number,
|
|
125
|
+
default: 36
|
|
126
|
+
},
|
|
127
|
+
isRound: {
|
|
128
|
+
type: Boolean,
|
|
129
|
+
default: true
|
|
130
|
+
},
|
|
131
|
+
imgSrc: {
|
|
132
|
+
type: String,
|
|
133
|
+
default: ""
|
|
134
|
+
},
|
|
135
|
+
customText: {
|
|
136
|
+
type: String,
|
|
137
|
+
default: null
|
|
138
|
+
}
|
|
139
|
+
};
|
|
110
140
|
var avatar = "";
|
|
111
141
|
var Avatar = defineComponent({
|
|
112
142
|
name: "DAvatar",
|
|
113
|
-
props:
|
|
114
|
-
name: {
|
|
115
|
-
type: String,
|
|
116
|
-
default: null
|
|
117
|
-
},
|
|
118
|
-
gender: {
|
|
119
|
-
type: String,
|
|
120
|
-
default: null
|
|
121
|
-
},
|
|
122
|
-
width: {
|
|
123
|
-
type: Number,
|
|
124
|
-
default: 36
|
|
125
|
-
},
|
|
126
|
-
height: {
|
|
127
|
-
type: Number,
|
|
128
|
-
default: 36
|
|
129
|
-
},
|
|
130
|
-
isRound: {
|
|
131
|
-
type: Boolean,
|
|
132
|
-
default: true
|
|
133
|
-
},
|
|
134
|
-
imgSrc: {
|
|
135
|
-
type: String,
|
|
136
|
-
default: ""
|
|
137
|
-
},
|
|
138
|
-
customText: {
|
|
139
|
-
type: String,
|
|
140
|
-
default: null
|
|
141
|
-
}
|
|
142
|
-
},
|
|
143
|
+
props: avatarProps,
|
|
143
144
|
setup(props) {
|
|
144
145
|
const {
|
|
145
146
|
name,
|
|
146
147
|
width,
|
|
147
148
|
height,
|
|
148
149
|
customText,
|
|
149
|
-
gender
|
|
150
|
-
imgSrc,
|
|
151
|
-
isRound
|
|
150
|
+
gender
|
|
152
151
|
} = toRefs(props);
|
|
153
152
|
const isNobody = ref(true);
|
|
154
153
|
const isErrorImg = ref(false);
|
|
155
154
|
const fontSize = ref(12);
|
|
156
155
|
const code = ref();
|
|
157
156
|
const nameDisplay = ref();
|
|
158
|
-
const
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
isNobody.value = true;
|
|
157
|
+
const getBackgroundColor = (char) => {
|
|
158
|
+
if (gender.value) {
|
|
159
|
+
if (gender.value.toLowerCase() === "male") {
|
|
160
|
+
code.value = 1;
|
|
161
|
+
} else if (gender.value.toLowerCase() === "female") {
|
|
162
|
+
code.value = 0;
|
|
163
|
+
} else {
|
|
164
|
+
throw new Error('gender must be "Male" or "Female"');
|
|
165
|
+
}
|
|
166
|
+
return;
|
|
169
167
|
}
|
|
170
|
-
|
|
168
|
+
const unicode = char.charCodeAt(0);
|
|
169
|
+
code.value = unicode % 2;
|
|
171
170
|
};
|
|
172
|
-
const setDisplayName = (
|
|
171
|
+
const setDisplayName = (nameValue, widthValue) => {
|
|
173
172
|
if (customText.value) {
|
|
174
173
|
nameDisplay.value = customText.value;
|
|
175
174
|
getBackgroundColor(customText.value.substr(0, 1));
|
|
176
175
|
return;
|
|
177
176
|
}
|
|
178
|
-
if (
|
|
179
|
-
nameDisplay.value =
|
|
177
|
+
if (nameValue.length < 2) {
|
|
178
|
+
nameDisplay.value = nameValue;
|
|
180
179
|
} else {
|
|
181
|
-
if (/^[\u4e00-\u9fa5]/.test(
|
|
182
|
-
nameDisplay.value =
|
|
183
|
-
} else if (/^[A-Za-z]/.test(
|
|
184
|
-
if (/[_ -]/.test(
|
|
185
|
-
const str_before =
|
|
186
|
-
const str_after =
|
|
180
|
+
if (/^[\u4e00-\u9fa5]/.test(nameValue)) {
|
|
181
|
+
nameDisplay.value = nameValue.substr(nameValue.length - 2, 2);
|
|
182
|
+
} else if (/^[A-Za-z]/.test(nameValue)) {
|
|
183
|
+
if (/[_ -]/.test(nameValue)) {
|
|
184
|
+
const str_before = nameValue.split(/_|-|\s+/)[0];
|
|
185
|
+
const str_after = nameValue.split(/_|-|\s+/)[1];
|
|
187
186
|
nameDisplay.value = str_before.substr(0, 1).toUpperCase() + str_after.substr(0, 1).toUpperCase();
|
|
188
187
|
} else {
|
|
189
|
-
nameDisplay.value =
|
|
188
|
+
nameDisplay.value = nameValue.substr(0, 2).toUpperCase();
|
|
190
189
|
}
|
|
191
190
|
} else {
|
|
192
|
-
nameDisplay.value =
|
|
191
|
+
nameDisplay.value = nameValue.substr(0, 2);
|
|
193
192
|
}
|
|
194
193
|
}
|
|
195
|
-
if (
|
|
196
|
-
nameDisplay.value =
|
|
194
|
+
if (widthValue < 30) {
|
|
195
|
+
nameDisplay.value = nameValue.substr(0, 1).toUpperCase();
|
|
197
196
|
}
|
|
198
|
-
getBackgroundColor(
|
|
199
|
-
};
|
|
200
|
-
const getBackgroundColor = (char) => {
|
|
201
|
-
if (gender.value) {
|
|
202
|
-
if (gender.value.toLowerCase() === "male") {
|
|
203
|
-
code.value = 1;
|
|
204
|
-
} else if (gender.value.toLowerCase() === "female") {
|
|
205
|
-
code.value = 0;
|
|
206
|
-
} else {
|
|
207
|
-
throw new Error('gender must be "Male" or "Female"');
|
|
208
|
-
}
|
|
209
|
-
return;
|
|
210
|
-
}
|
|
211
|
-
const unicode = char.charCodeAt(0);
|
|
212
|
-
code.value = unicode % 2;
|
|
197
|
+
getBackgroundColor(nameValue.substr(0, 1));
|
|
213
198
|
};
|
|
214
199
|
const showErrorAvatar = () => {
|
|
215
200
|
isErrorImg.value = true;
|
|
216
201
|
};
|
|
202
|
+
const calcValues = (nameInput) => {
|
|
203
|
+
const userName = nameInput;
|
|
204
|
+
const minNum = Math.min(width.value, height.value);
|
|
205
|
+
if (userName) {
|
|
206
|
+
isNobody.value = false;
|
|
207
|
+
setDisplayName(userName, minNum);
|
|
208
|
+
} else if (userName === "") {
|
|
209
|
+
isNobody.value = false;
|
|
210
|
+
nameDisplay.value = "";
|
|
211
|
+
} else {
|
|
212
|
+
isNobody.value = true;
|
|
213
|
+
}
|
|
214
|
+
fontSize.value = minNum / 4 + 3;
|
|
215
|
+
};
|
|
217
216
|
calcValues(customText.value ? customText.value : name.value);
|
|
218
217
|
watch([name, width, height, customText, gender], () => {
|
|
219
218
|
calcValues(customText.value ? customText.value : name.value);
|
|
@@ -287,15 +286,12 @@ var Avatar = defineComponent({
|
|
|
287
286
|
}, [hasImgSrc, hasNameDisplay, hasNoDisplayName, noBody]);
|
|
288
287
|
}
|
|
289
288
|
});
|
|
290
|
-
Avatar.install = function(app) {
|
|
291
|
-
app.component(Avatar.name, Avatar);
|
|
292
|
-
};
|
|
293
289
|
var index = {
|
|
294
290
|
title: "Avatar \u5934\u50CF",
|
|
295
291
|
category: "\u6570\u636E\u5C55\u793A",
|
|
296
292
|
status: "100%",
|
|
297
293
|
install(app) {
|
|
298
|
-
app.
|
|
294
|
+
app.component(Avatar.name, Avatar);
|
|
299
295
|
}
|
|
300
296
|
};
|
|
301
|
-
export { Avatar, index as default };
|
|
297
|
+
export { Avatar, avatarProps, index as default };
|
package/avatar/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(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=t=>{const{width:l,height:a}=t;return e.createVNode("svg",{style:{width:`${l}px`,height:`${a}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"\u672A\u547D\u540D",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e.createVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#FFFFFF"},null)])])};var Z=e.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:l}=this;return e.createVNode(M,{width:t,height:l},null)}});const b=t=>{const{width:l,height:a}=t;return e.createVNode("svg",{style:{width:`${l}px`,height:`${a}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#959EB2"},null),e.createVNode("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"\u8499\u7248",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var x=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:t,height:l}=this;return e.createVNode(b,{width:t,height:l},null)}}),S="",L=e.defineComponent({name:"DAvatar",props:{name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}},setup(t){const{name:l,width:a,height:d,customText:o,gender:u,imgSrc:w,isRound:N}=e.toRefs(t),s=e.ref(!0),C=e.ref(!1),f=e.ref(12),h=e.ref(),n=e.ref(),p=r=>{const c=r,v=Math.min(a.value,d.value);c?(s.value=!1,y(c,v)):c===""?(s.value=!1,n.value=""):s.value=!0,f.value=v/4+3},y=(r,c)=>{if(o.value){n.value=o.value,g(o.value.substr(0,1));return}if(r.length<2)n.value=r;else if(/^[\u4e00-\u9fa5]/.test(r))n.value=r.substr(r.length-2,2);else if(/^[A-Za-z]/.test(r))if(/[_ -]/.test(r)){const v=r.split(/_|-|\s+/)[0],A=r.split(/_|-|\s+/)[1];n.value=v.substr(0,1).toUpperCase()+A.substr(0,1).toUpperCase()}else n.value=r.substr(0,2).toUpperCase();else n.value=r.substr(0,2);c<30&&(n.value=r.substr(0,1).toUpperCase()),g(r.substr(0,1))},g=r=>{if(u.value){if(u.value.toLowerCase()==="male")h.value=1;else if(u.value.toLowerCase()==="female")h.value=0;else throw new Error('gender must be "Male" or "Female"');return}const c=r.charCodeAt(0);h.value=c%2},m=()=>{C.value=!0};return p(o.value?o.value:l.value),e.watch([l,a,d,o,u],()=>{p(o.value?o.value:l.value)}),{showErrorAvatar:m,isErrorImg:C,code:h,fontSize:f,nameDisplay:n,isNobody:s}},render(){const{imgSrc:t,showErrorAvatar:l,height:a,width:d,isRound:o,isErrorImg:u,code:w,fontSize:N,nameDisplay:s,isNobody:C}=this,f=e.createVNode("img",{src:t,alt:"",onError:l,style:{height:`${a}px`,width:`${d}px`,borderRadius:o?"100%":"0"}},null),h=t&&!u?f:null,n=e.createVNode("span",{class:`devui-avatar-style devui-avatar-background-${w}`,style:{height:`${a}px`,width:`${d}px`,lineHeight:`${a}px`,fontSize:`${N}px`,borderRadius:o?"100%":"0"}},[s]),p=!t&&!C&&(s==null?void 0:s.length)!==0?n:null,y=e.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:o?"100%":"0"}},[e.createVNode(Z,{width:d,height:a},null)]),g=!t&&!C&&(s==null?void 0:s.length)===0?y:null,m=e.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:o?"100%":"0"}},[e.createVNode(x,{width:d,height:a},null)]),r=!t&&C||u?m:null;return e.createVNode("span",{class:"devui-avatar"},[h,p,g,r])}});L.install=function(t){t.component(L.name,L)};var V={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.use(L)}};i.Avatar=L,i.default=V,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
|
|
1
|
+
(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const N=r=>{const{width:o,height:l}=r;return e.createVNode("svg",{style:{width:`${o}px`,height:`${l}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"\u672A\u547D\u540D",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("circle",{id:"Oval",fill:"#CACFD8",cx:"15",cy:"15",r:"15"},null),e.createVNode("path",{d:"M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068, 7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068, 16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#FFFFFF"},null)])])};var M=e.defineComponent({name:"AvatarBodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:r,height:o}=this;return e.createVNode(N,{width:r,height:o},null)}});const Z=r=>{const{width:o,height:l}=r;return e.createVNode("svg",{style:{width:`${o}px`,height:`${l}px`,verticalAlign:"middle"},viewBox:"0 0 30 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81, 19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81, 14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06, 19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053, 14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866, 8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068, 5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866, 12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866, 20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296, 15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296, 16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",id:"\u5F62\u72B6\u7ED3\u5408",fill:"#959EB2"},null),e.createVNode("path",{d:"M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409, 16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0, 15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651, 19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074, 20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262, 18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316, 22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754, 24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134, 22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519, 25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498, 26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559, 25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119, 27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461, 28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647, 27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912, 28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667, 29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021, 29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912, 30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361, 28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774, 28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362, 30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387, 28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875, 28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762, 29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928, 26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678, 26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087, 28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421, 24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873, 24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583, 25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738, 21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855, 20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445, 22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136, 18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978, 17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977, 18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743, 15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956, 15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088, 13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30, 15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616, 10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852, 9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108, 11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241, 7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761, 5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788, 7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639, 4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554, 3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089, 4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008, 2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722, 1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506, 2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842, 1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964, 0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329, 0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052, 1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685, 1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162, 1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509, 0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354, 0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801, 1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954, 0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123, 1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975, 3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073, 2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842, 4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416, 5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885, 5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775, 7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977, 8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243, 8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456, 11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484, 12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486, 12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",id:"\u8499\u7248",fill:"#CACFD8","fill-rule":"nonzero"},null)])])};var b=e.defineComponent({name:"AvatarNobodyIcon",props:{width:{type:Number,default:16},height:{type:Number,default:16}},render(){const{width:r,height:o}=this;return e.createVNode(Z,{width:r,height:o},null)}});const m={name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:""},customText:{type:String,default:null}};var E="",v=e.defineComponent({name:"DAvatar",props:m,setup(r){const{name:o,width:l,height:c,customText:s,gender:C}=e.toRefs(r),h=e.ref(!0),f=e.ref(!1),i=e.ref(12),u=e.ref(),a=e.ref(),p=t=>{if(C.value){if(C.value.toLowerCase()==="male")u.value=1;else if(C.value.toLowerCase()==="female")u.value=0;else throw new Error('gender must be "Male" or "Female"');return}const d=t.charCodeAt(0);u.value=d%2},y=(t,d)=>{if(s.value){a.value=s.value,p(s.value.substr(0,1));return}if(t.length<2)a.value=t;else if(/^[\u4e00-\u9fa5]/.test(t))a.value=t.substr(t.length-2,2);else if(/^[A-Za-z]/.test(t))if(/[_ -]/.test(t)){const L=t.split(/_|-|\s+/)[0],A=t.split(/_|-|\s+/)[1];a.value=L.substr(0,1).toUpperCase()+A.substr(0,1).toUpperCase()}else a.value=t.substr(0,2).toUpperCase();else a.value=t.substr(0,2);d<30&&(a.value=t.substr(0,1).toUpperCase()),p(t.substr(0,1))},w=()=>{f.value=!0},g=t=>{const d=t,L=Math.min(l.value,c.value);d?(h.value=!1,y(d,L)):d===""?(h.value=!1,a.value=""):h.value=!0,i.value=L/4+3};return g(s.value?s.value:o.value),e.watch([o,l,c,s,C],()=>{g(s.value?s.value:o.value)}),{showErrorAvatar:w,isErrorImg:f,code:u,fontSize:i,nameDisplay:a,isNobody:h}},render(){const{imgSrc:r,showErrorAvatar:o,height:l,width:c,isRound:s,isErrorImg:C,code:h,fontSize:f,nameDisplay:i,isNobody:u}=this,a=e.createVNode("img",{src:r,alt:"",onError:o,style:{height:`${l}px`,width:`${c}px`,borderRadius:s?"100%":"0"}},null),p=r&&!C?a:null,y=e.createVNode("span",{class:`devui-avatar-style devui-avatar-background-${h}`,style:{height:`${l}px`,width:`${c}px`,lineHeight:`${l}px`,fontSize:`${f}px`,borderRadius:s?"100%":"0"}},[i]),w=!r&&!u&&(i==null?void 0:i.length)!==0?y:null,g=e.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:s?"100%":"0"}},[e.createVNode(M,{width:c,height:l},null)]),t=!r&&!u&&(i==null?void 0:i.length)===0?g:null,d=e.createVNode("span",{class:"devui-avatar-style",style:{borderRadius:s?"100%":"0"}},[e.createVNode(b,{width:c,height:l},null)]),L=!r&&u||C?d:null;return e.createVNode("span",{class:"devui-avatar"},[p,w,t,L])}}),x={title:"Avatar \u5934\u50CF",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(r){r.component(v.name,v)}};n.Avatar=v,n.avatarProps=m,n.default=x,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
|
package/button/index.es.js
CHANGED
|
@@ -72,7 +72,7 @@ class View {
|
|
|
72
72
|
__publicField(this, "left", "50%");
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
const
|
|
75
|
+
const loadingProps = {
|
|
76
76
|
message: String,
|
|
77
77
|
backdrop: Boolean,
|
|
78
78
|
view: {
|
|
@@ -85,7 +85,7 @@ const componentProps = {
|
|
|
85
85
|
default: false
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
|
-
class
|
|
88
|
+
class LoadingOptions {
|
|
89
89
|
constructor() {
|
|
90
90
|
__publicField(this, "target");
|
|
91
91
|
__publicField(this, "message");
|
|
@@ -100,7 +100,7 @@ var loading = "";
|
|
|
100
100
|
var Loading = defineComponent({
|
|
101
101
|
name: "DLoading",
|
|
102
102
|
inheritAttrs: false,
|
|
103
|
-
props:
|
|
103
|
+
props: loadingProps,
|
|
104
104
|
setup(props) {
|
|
105
105
|
const style = {
|
|
106
106
|
top: props.view.top,
|
|
@@ -159,8 +159,8 @@ var Loading = defineComponent({
|
|
|
159
159
|
}
|
|
160
160
|
});
|
|
161
161
|
const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
|
|
162
|
-
function createComponent(
|
|
163
|
-
const vnode = h(
|
|
162
|
+
function createComponent(component, props, children = null) {
|
|
163
|
+
const vnode = h(component, __spreadValues({}, props), children);
|
|
164
164
|
const container = document.createElement("div");
|
|
165
165
|
vnode[COMPONENT_CONTAINER_SYMBOL] = container;
|
|
166
166
|
render(vnode, container);
|
|
@@ -172,14 +172,18 @@ function unmountComponent(ComponnetInstance) {
|
|
|
172
172
|
const loadingConstructor = defineComponent(Loading);
|
|
173
173
|
const cacheInstance = /* @__PURE__ */ new WeakSet();
|
|
174
174
|
const isEmpty = (val) => {
|
|
175
|
-
if (!val)
|
|
175
|
+
if (!val) {
|
|
176
176
|
return true;
|
|
177
|
-
|
|
177
|
+
}
|
|
178
|
+
if (Array.isArray(val)) {
|
|
178
179
|
return val.length === 0;
|
|
179
|
-
|
|
180
|
+
}
|
|
181
|
+
if (val instanceof Set || val instanceof Map) {
|
|
180
182
|
return val.size === 0;
|
|
181
|
-
|
|
183
|
+
}
|
|
184
|
+
if (val instanceof Promise) {
|
|
182
185
|
return false;
|
|
186
|
+
}
|
|
183
187
|
if (typeof val === "object") {
|
|
184
188
|
try {
|
|
185
189
|
return Object.keys(val).length === 0;
|
|
@@ -213,11 +217,13 @@ const unmount = (el) => {
|
|
|
213
217
|
unmountComponent(el.instance);
|
|
214
218
|
};
|
|
215
219
|
const toggleLoading = (el, binding) => {
|
|
220
|
+
var _a, _b, _c;
|
|
216
221
|
if (binding.value) {
|
|
217
222
|
const vals = isPromise(binding.value);
|
|
218
|
-
if (vals === "error")
|
|
223
|
+
if (vals === "error") {
|
|
219
224
|
return;
|
|
220
|
-
|
|
225
|
+
}
|
|
226
|
+
(_c = (_b = (_a = el == null ? void 0 : el.instance) == null ? void 0 : _a.proxy) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b);
|
|
221
227
|
el.appendChild(el.mask);
|
|
222
228
|
cacheInstance.add(el);
|
|
223
229
|
if (vals) {
|
|
@@ -240,13 +246,14 @@ const removeAttribute = (el) => {
|
|
|
240
246
|
el.removeAttribute("loadingtemplateref");
|
|
241
247
|
};
|
|
242
248
|
const handleProps = (el, vprops) => {
|
|
243
|
-
|
|
249
|
+
var _a;
|
|
250
|
+
const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
|
|
244
251
|
const loadingTemplateRef = props.loadingTemplateRef;
|
|
245
252
|
const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
|
|
246
253
|
el.style.position = props.positionType;
|
|
247
254
|
el.options = props;
|
|
248
255
|
el.instance = loadingInstance;
|
|
249
|
-
el.mask = loadingInstance.proxy.$el;
|
|
256
|
+
el.mask = (_a = loadingInstance == null ? void 0 : loadingInstance.proxy) == null ? void 0 : _a.$el;
|
|
250
257
|
};
|
|
251
258
|
const loadingDirective = {
|
|
252
259
|
mounted: function(el, binding, vnode) {
|
|
@@ -255,8 +262,9 @@ const loadingDirective = {
|
|
|
255
262
|
!isEmpty(binding.value) && toggleLoading(el, binding);
|
|
256
263
|
},
|
|
257
264
|
updated: function(el, binding, vnode) {
|
|
258
|
-
if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el))
|
|
265
|
+
if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el)) {
|
|
259
266
|
return;
|
|
267
|
+
}
|
|
260
268
|
!cacheInstance.has(el) && handleProps(el, vnode.props);
|
|
261
269
|
removeAttribute(el);
|
|
262
270
|
toggleLoading(el, binding);
|
|
@@ -320,7 +328,7 @@ var button = "";
|
|
|
320
328
|
var Button = defineComponent({
|
|
321
329
|
name: "DButton",
|
|
322
330
|
directives: {
|
|
323
|
-
|
|
331
|
+
dLoading: loadingDirective
|
|
324
332
|
},
|
|
325
333
|
props: buttonProps,
|
|
326
334
|
emits: ["click"],
|
package/button/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var R=Object.defineProperty;var
|
|
1
|
+
var R=Object.defineProperty;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(r,t,s)=>t in r?R(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,f=(r,t)=>{for(var s in t||(t={}))_.call(t,s)&&y(r,s,t[s]);if(P)for(var s of P(t))I.call(t,s)&&y(r,s,t[s]);return r};var c=(r,t,s)=>(y(r,typeof t!="symbol"?t+"":t,s),s);(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r.index={},r.Vue))})(this,function(r,t){"use strict";const s={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var C=t.defineComponent({name:"DIcon",props:s,setup(e){const{name:n,size:o,color:a,classPrefix:i}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${i.value} ${i.value}-${n.value}`,style:{fontSize:o.value,color:a.value}},null)}});class b{constructor(){c(this,"top","50%");c(this,"left","50%")}}const z={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class T{constructor(){c(this,"target");c(this,"message");c(this,"loadingTemplateRef");c(this,"backdrop",!0);c(this,"positionType","relative");c(this,"view",new b);c(this,"zIndex")}}var q="",B=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:z,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var d;const{isShow:e,isFull:n,backdrop:o,style:a,message:i,$slots:l}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((d=l.default)==null?void 0:d.call(l))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),i?t.createVNode("span",{class:"devui-loading-text"},[i]):null])])])}});const h=Symbol("dev_component_container");function O(e,n,o=null){const a=t.h(e,f({},n),o),i=document.createElement("div");return a[h]=i,t.render(a,i),a.component}function L(e){t.render(null,e==null?void 0:e.vnode[h])}const $=t.defineComponent(B),u=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),E=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(o=>w(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{u.delete(e),e.instance.proxy.close(),L(e.instance)},S=(e,n)=>{var o,a,i;if(n.value){const l=E(n.value);if(l==="error")return;(i=(a=(o=e==null?void 0:e.instance)==null?void 0:o.proxy)==null?void 0:a.open)==null||i.call(a),e.appendChild(e.mask),u.add(e),l&&Promise.all(l).catch(d=>{console.error(new Error("Promise handling errors"),d)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},k=(e,n)=>{var l;const o=f(f({},new T),n),a=o.loadingTemplateRef,i=O($,f({},o),a?()=>a:null);e.style.position=o.positionType,e.options=o,e.instance=i,e.mask=(l=i==null?void 0:i.proxy)==null?void 0:l.$el},M={mounted:function(e,n,o){k(e,o.props),V(e),!g(n.value)&&S(e,n)},updated:function(e,n,o){!g(n.value)&&u.has(e)||g(n.value)&&!u.has(e)||(!u.has(e)&&k(e,o.props),V(e),S(e,n))}},x={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function j(e,n){const o=t.computed(()=>n.slots.default),i={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],l=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||i}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!o.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return o.value?`${p} clear-right-5`:p});return{classes:l,iconClass:d}}var F="",v=t.defineComponent({name:"DButton",directives:{dLoading:M},props:x,emits:["click"],setup(e,n){const{icon:o,disabled:a,loading:i}=t.toRefs(e),{classes:l,iconClass:d}=j(e,n),p=m=>{i.value||n.emit("click",m)};return()=>{var m,A;return t.withDirectives(t.createVNode("button",{class:l.value,disabled:a.value,onClick:p},[o.value&&t.createVNode(C,{name:o.value,size:"12px",color:"",class:d.value},null),t.createVNode("span",{class:"button-content"},[(A=(m=n.slots).default)==null?void 0:A.call(m)])]),[[t.resolveDirective("dLoading"),i.value]])}}}),D={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(v.name,v)}};r.Button=v,r.buttonProps=x,r.default=D,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
|
package/button/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-
|
|
1
|
+
@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-btn{padding:0 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border:none;border-radius:var(--devui-border-radius, 2px);border-width:1px;background-color:transparent}.devui-btn:hover{cursor:pointer}.devui-btn:disabled{cursor:not-allowed}.devui-btn-solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-btn-solid-secondary{color:var(--devui-text, #252b3a);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-btn-solid-secondary:hover{opacity:.8}.devui-btn-solid-secondary:focus{opacity:.8}.devui-btn-solid-secondary:active{opacity:.8}.devui-btn-solid-secondary:disabled{opacity:.8}.devui-btn-solid-primary{background-color:var(--devui-primary, #5e7ce0)}.devui-btn-solid-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn-solid-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn-solid-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn-solid-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn-solid-danger{background-color:var(--devui-contrast, #c7000b)}.devui-btn-solid-danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-btn-solid-danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-btn-solid-danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-btn-solid-danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-btn-outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-btn-outline-secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #adb0b8)}.devui-btn-outline-secondary:hover{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:focus{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn-outline-primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-primary:hover{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:focus{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:disabled{opacity:.8}.devui-btn-outline-danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-btn-outline-danger:hover,.devui-btn-outline-danger:focus,.devui-btn-outline-danger:active,.devui-btn-outline-danger:disabled{opacity:.8}.devui-btn-text{padding:0}.devui-btn-text-secondary{color:var(--devui-text, #252b3a)}.devui-btn-text-secondary:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:focus{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:active{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn-text-primary{color:var(--devui-brand-active, #526ecc)}.devui-btn-text-primary:hover{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:disabled{opacity:.8}.devui-btn-text-danger{color:var(--devui-contrast, #c7000b)}.devui-btn-text-danger:hover,.devui-btn-text-danger:focus,.devui-btn-text-danger:active,.devui-btn-text-danger:disabled{opacity:.8}.devui-btn-xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn-sm{padding:0 16px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn-lg{padding:0 24px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-icon:hover,.devui-btn.devui-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.devui-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn{transition:background-color .2s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.devui-btn.devui-btn-icon{padding:8px;line-height:1em;border:1px solid transparent}.devui-btn.devui-btn-icon.devui-btn-xs,.devui-btn.devui-btn-icon.devui-btn-sm{padding:4px}.devui-btn.devui-btn-icon.devui-btn-xs,.devui-btn.devui-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.devui-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.devui-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.devui-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}
|
package/card/index.es.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { defineComponent, createVNode } from "vue";
|
|
2
|
-
var card = "";
|
|
3
2
|
const cardProps = {
|
|
4
3
|
align: {
|
|
5
4
|
type: String,
|
|
@@ -10,6 +9,7 @@ const cardProps = {
|
|
|
10
9
|
default: ""
|
|
11
10
|
}
|
|
12
11
|
};
|
|
12
|
+
var card = "";
|
|
13
13
|
var Card = defineComponent({
|
|
14
14
|
name: "DCard",
|
|
15
15
|
props: cardProps,
|
|
@@ -47,15 +47,12 @@ var Card = defineComponent({
|
|
|
47
47
|
}, [this.$slots.cardActions ? (_n = (_m = this.$slots).cardActions) == null ? void 0 : _n.call(_m) : ""])]);
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
-
Card.install = function(app) {
|
|
51
|
-
app.component(Card.name, Card);
|
|
52
|
-
};
|
|
53
50
|
var index = {
|
|
54
51
|
title: "Card \u5361\u7247",
|
|
55
52
|
category: "\u6570\u636E\u5C55\u793A",
|
|
56
53
|
status: "100%",
|
|
57
54
|
install(app) {
|
|
58
|
-
app.
|
|
55
|
+
app.component(Card.name, Card);
|
|
59
56
|
}
|
|
60
57
|
};
|
|
61
|
-
export { Card, index as default };
|
|
58
|
+
export { Card, cardProps, index as default };
|
package/card/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";
|
|
1
|
+
(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";const s={align:{type:String,default:"start"},src:{type:String,default:""}};var y="",d=e.defineComponent({name:"DCard",props:s,render(){var i,c,n,o,l,u,v,f,h,p,V,g,m,N;const{align:a,src:r}=this,C={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${a}`]:a!=="start"};return e.createVNode("div",{class:"card-container devui-card"},[(c=(i=this.$slots).default)==null?void 0:c.call(i),e.createVNode("div",{class:"devui-card-header"},[((o=(n=this.$slots).cardAvatar)==null?void 0:o.call(n))?e.createVNode("div",{class:"devui-card-avatar"},[(u=(l=this.$slots).cardAvatar)==null?void 0:u.call(l)]):"",e.createVNode("div",{class:"devui-card-header-title-area"},[e.createVNode("div",{class:"devui-card-title"},[(f=(v=this.$slots).cardTitle)==null?void 0:f.call(v)]),e.createVNode("div",{class:"devui-card-subtitle"},[(p=(h=this.$slots).cardSubtitle)==null?void 0:p.call(h)])])]),r!==""?e.createVNode("img",{src:r,alt:"",class:"devui-card-meta"},null):"",e.createVNode("div",{class:"devui-card-content"},[(g=(V=this.$slots).cardContent)==null?void 0:g.call(V)]),e.createVNode("div",{class:C},[this.$slots.cardActions?(N=(m=this.$slots).cardActions)==null?void 0:N.call(m):""])])}}),$={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(d.name,d)}};t.Card=d,t.cardProps=s,t.default=$,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
package/checkbox/index.es.js
CHANGED
|
@@ -142,14 +142,14 @@ var Checkbox = defineComponent({
|
|
|
142
142
|
});
|
|
143
143
|
const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
|
|
144
144
|
const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
|
|
145
|
-
const canChange = (
|
|
145
|
+
const canChange = (checked, val) => {
|
|
146
146
|
var _a;
|
|
147
147
|
if (mergedDisabled.value) {
|
|
148
148
|
return Promise.resolve(false);
|
|
149
149
|
}
|
|
150
150
|
const beforeChange = (_a = props.beforeChange) != null ? _a : checkboxGroupConf == null ? void 0 : checkboxGroupConf.beforeChange;
|
|
151
151
|
if (beforeChange) {
|
|
152
|
-
const res = beforeChange(
|
|
152
|
+
const res = beforeChange(checked, val);
|
|
153
153
|
if (typeof res === "boolean") {
|
|
154
154
|
return Promise.resolve(res);
|
|
155
155
|
}
|
|
@@ -359,19 +359,13 @@ var CheckboxGroup = defineComponent({
|
|
|
359
359
|
}, [children])]);
|
|
360
360
|
}
|
|
361
361
|
});
|
|
362
|
-
Checkbox.install = function(app) {
|
|
363
|
-
app.component(Checkbox.name, Checkbox);
|
|
364
|
-
};
|
|
365
|
-
CheckboxGroup.install = function(app) {
|
|
366
|
-
app.component(CheckboxGroup.name, CheckboxGroup);
|
|
367
|
-
};
|
|
368
362
|
var index = {
|
|
369
363
|
title: "Checkbox \u590D\u9009\u6846",
|
|
370
364
|
category: "\u6570\u636E\u5F55\u5165",
|
|
371
365
|
status: "100%",
|
|
372
366
|
install(app) {
|
|
373
|
-
app.
|
|
374
|
-
app.
|
|
367
|
+
app.component(Checkbox.name, Checkbox);
|
|
368
|
+
app.component(CheckboxGroup.name, CheckboxGroup);
|
|
375
369
|
}
|
|
376
370
|
};
|
|
377
|
-
export { Checkbox, index as default };
|
|
371
|
+
export { Checkbox, checkboxGroupInjectionKey, checkboxGroupProps, checkboxProps, index as default };
|