@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3
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 +1 -1
- package/affix/index.d.ts +10 -0
- package/affix/src/affix-types.d.ts +20 -0
- package/affix/src/affix.d.ts +20 -0
- package/alert/index.d.ts +10 -0
- package/alert/src/alert-types.d.ts +48 -0
- package/alert/src/alert.d.ts +36 -0
- package/anchor/index.d.ts +10 -0
- package/anchor/src/anchor-types.d.ts +37 -0
- package/anchor/src/anchor.d.ts +31 -0
- package/auto-complete/index.d.ts +10 -0
- package/auto-complete/index.es.js +1986 -0
- package/auto-complete/index.umd.js +1 -0
- package/auto-complete/src/auto-complete-types.d.ts +134 -0
- package/auto-complete/src/auto-complete.d.ts +94 -0
- package/auto-complete/style.css +2 -0
- package/avatar/index.d.ts +10 -0
- package/avatar/src/avatar-types.d.ts +53 -0
- package/avatar/src/avatar.d.ts +36 -0
- package/avatar/src/components/icon-body.d.ts +4 -0
- package/avatar/src/components/icon-img-error.d.ts +4 -0
- package/avatar/src/components/icon-nobody.d.ts +4 -0
- package/avatar/src/composables/use-get-background-color.d.ts +1 -0
- package/avatar/src/composables/use-get-display-name.d.ts +1 -0
- package/avatar-group/index.d.ts +12 -0
- package/avatar-group/index.es.js +119 -0
- package/avatar-group/index.umd.js +1 -0
- package/avatar-group/src/avatar-group-types.d.ts +56 -0
- package/avatar-group/src/avatar-group.d.ts +27 -0
- package/avatar-group/style.css +2 -0
- package/badge/index.d.ts +10 -0
- package/badge/src/badge-types.d.ts +52 -0
- package/badge/src/badge.d.ts +36 -0
- package/badge-ribbon/index.d.ts +12 -0
- package/badge-ribbon/index.es.js +84 -0
- package/badge-ribbon/index.umd.js +1 -0
- package/badge-ribbon/src/badge-ribbon-types.d.ts +30 -0
- package/badge-ribbon/src/badge-ribbon.d.ts +17 -0
- package/badge-ribbon/style.css +2 -0
- package/breadcrumb/index.d.ts +10 -0
- package/breadcrumb/src/breadcrumb-types.d.ts +29 -0
- package/breadcrumb/src/breadcrumb.d.ts +21 -0
- package/button/index.d.ts +12 -0
- package/button/src/button-group.d.ts +12 -0
- package/button/src/button-types.d.ts +168 -0
- package/button/src/button.d.ts +75 -0
- package/button-3d/index.d.ts +10 -0
- package/button-3d/src/button-3d-types.d.ts +27 -0
- package/button-3d/src/button-3d.d.ts +23 -0
- package/calendar/index.d.ts +10 -0
- package/calendar/src/calendar-types.d.ts +56 -0
- package/calendar/src/calendar.d.ts +27 -0
- package/card/index.d.ts +10 -0
- package/card/src/card-types.d.ts +34 -0
- package/card/src/card.d.ts +21 -0
- package/card-meta/index.d.ts +11 -0
- package/card-meta/index.es.js +53 -0
- package/card-meta/index.umd.js +1 -0
- package/card-meta/src/card-meta-types.d.ts +19 -0
- package/card-meta/src/card-meta.d.ts +14 -0
- package/card-meta/style.css +2 -0
- package/carousel/index.d.ts +10 -0
- package/carousel/index.es.js +306 -0
- package/carousel/index.umd.js +1 -0
- package/carousel/src/carousel-types.d.ts +72 -0
- package/carousel/src/carousel.d.ts +58 -0
- package/carousel/style.css +2 -0
- package/cascader/index.d.ts +12 -0
- package/cascader/index.es.js +2267 -0
- package/cascader/index.umd.js +1 -0
- package/cascader/src/cascader-types.d.ts +214 -0
- package/cascader/src/cascader.d.ts +133 -0
- package/cascader/style.css +2 -0
- package/check-box/index.d.ts +10 -0
- package/check-box/src/check-box-group.d.ts +31 -0
- package/check-box/src/check-box-types.d.ts +74 -0
- package/check-box/src/check-box.d.ts +28 -0
- package/check-box/src/components/icon-active.d.ts +2 -0
- package/check-box/src/components/icon-default.d.ts +2 -0
- package/checkable-tag/index.d.ts +13 -0
- package/checkable-tag/index.es.js +141 -0
- package/checkable-tag/index.umd.js +1 -0
- package/checkable-tag/src/checkable-tag-group.d.ts +26 -0
- package/checkable-tag/src/checkable-tag-types.d.ts +83 -0
- package/checkable-tag/src/checkable-tag.d.ts +20 -0
- package/checkable-tag/style.css +2 -0
- package/collapse/index.d.ts +11 -0
- package/collapse/src/collapse-item.d.ts +16 -0
- package/collapse/src/collapse-types.d.ts +52 -0
- package/collapse/src/collapse.d.ts +24 -0
- package/color-picker/index.d.ts +10 -0
- package/color-picker/index.es.js +1881 -0
- package/color-picker/index.umd.js +1 -0
- package/color-picker/src/color-picker-types.d.ts +121 -0
- package/color-picker/src/color-picker.d.ts +75 -0
- package/color-picker/style.css +2 -0
- package/config-provider/index.d.ts +10 -0
- package/config-provider/src/config-provider-types.d.ts +131 -0
- package/config-provider/src/config-provider.d.ts +24 -0
- package/date-picker/index.d.ts +10 -0
- package/date-picker/src/date-picker-types.d.ts +179 -0
- package/date-picker/src/date-picker.d.ts +113 -0
- package/descriptions/index.d.ts +11 -0
- package/descriptions/src/descriptions-item.d.ts +19 -0
- package/descriptions/src/descriptions-types.d.ts +64 -0
- package/descriptions/src/descriptions.d.ts +31 -0
- package/divider/index.d.ts +10 -0
- package/divider/src/divider-types.d.ts +31 -0
- package/divider/src/divider.d.ts +24 -0
- package/drawer/index.d.ts +10 -0
- package/drawer/src/drawer-types.d.ts +155 -0
- package/drawer/src/drawer.d.ts +79 -0
- package/dropdown/index.d.ts +10 -0
- package/dropdown/index.es.js +2 -2
- package/dropdown/index.umd.js +1 -1
- package/dropdown/src/dropdown-types.d.ts +41 -0
- package/dropdown/src/dropdown.d.ts +32 -0
- package/empty/index.d.ts +10 -0
- package/empty/src/empty-types.d.ts +16 -0
- package/empty/src/empty.d.ts +15 -0
- package/flex/index.d.ts +10 -0
- package/flex/src/flex-types.d.ts +36 -0
- package/flex/src/flex.d.ts +29 -0
- package/float-button/index.d.ts +11 -0
- package/float-button/src/back-top.d.ts +26 -0
- package/float-button/src/float-button-types.d.ts +65 -0
- package/float-button/src/float-button.d.ts +32 -0
- package/form/index.d.ts +14 -0
- package/form/src/form-item.d.ts +72 -0
- package/form/src/form-list.d.ts +12 -0
- package/form/src/form-provider.d.ts +7 -0
- package/form/src/form-types.d.ts +360 -0
- package/form/src/form.d.ts +64 -0
- package/form/src/utils.d.ts +10 -0
- package/grid/index.d.ts +10 -0
- package/grid/src/grid-types.d.ts +90 -0
- package/grid/src/grid.d.ts +58 -0
- package/icon/index.d.ts +12 -0
- package/icon/src/icon-registry.d.ts +5 -0
- package/icon/src/icon-types.d.ts +95 -0
- package/icon/src/icon.d.ts +63 -0
- package/image/index.d.ts +10 -0
- package/image/src/image-types.d.ts +56 -0
- package/image/src/image.d.ts +42 -0
- package/image-preview-group/index.d.ts +11 -0
- package/image-preview-group/index.es.js +162 -0
- package/image-preview-group/index.umd.js +1 -0
- package/image-preview-group/src/image-preview-group-types.d.ts +51 -0
- package/image-preview-group/src/image-preview-group.d.ts +25 -0
- package/image-preview-group/style.css +2 -0
- package/index.d.ts +93 -7
- package/input/index.d.ts +10 -0
- package/input/src/input-types.d.ts +164 -0
- package/input/src/input.d.ts +74 -0
- package/input-number/index.d.ts +10 -0
- package/input-number/src/input-number-types.d.ts +165 -0
- package/input-number/src/input-number.d.ts +66 -0
- package/input-otp/index.d.ts +11 -0
- package/input-otp/index.es.js +186 -0
- package/input-otp/index.umd.js +1 -0
- package/input-otp/src/input-otp-types.d.ts +68 -0
- package/input-otp/src/input-otp.d.ts +40 -0
- package/input-otp/style.css +2 -0
- package/input-search/index.d.ts +11 -0
- package/input-search/index.es.js +1228 -0
- package/input-search/index.umd.js +1 -0
- package/input-search/src/input-search-types.d.ts +106 -0
- package/input-search/src/input-search.d.ts +84 -0
- package/input-search/style.css +2 -0
- package/layout/index.d.ts +10 -0
- package/layout/src/layout-types.d.ts +70 -0
- package/layout/src/layout.d.ts +56 -0
- package/masonry/index.d.ts +10 -0
- package/masonry/src/masonry-types.d.ts +19 -0
- package/masonry/src/masonry.d.ts +16 -0
- package/mentions/index.d.ts +10 -0
- package/mentions/index.es.js +711 -0
- package/mentions/index.umd.js +1 -0
- package/mentions/src/mentions-types.d.ts +124 -0
- package/mentions/src/mentions.d.ts +79 -0
- package/mentions/style.css +2 -0
- package/menu/index.d.ts +10 -0
- package/menu/src/menu-types.d.ts +109 -0
- package/menu/src/menu.d.ts +63 -0
- package/message/index.d.ts +22 -0
- package/message/src/message-item.d.ts +46 -0
- package/message/src/message-types.d.ts +86 -0
- package/message/src/message.d.ts +21 -0
- package/message/src/use-message.d.ts +35 -0
- package/modal/index.d.ts +24 -0
- package/modal/src/confirm-types.d.ts +30 -0
- package/modal/src/confirm.d.ts +17 -0
- package/modal/src/modal-types.d.ts +175 -0
- package/modal/src/modal.d.ts +99 -0
- package/modal/src/use-modal.d.ts +34 -0
- package/notification/index.d.ts +21 -0
- package/notification/src/notification-item.d.ts +49 -0
- package/notification/src/notification-types.d.ts +91 -0
- package/notification/src/notification.d.ts +20 -0
- package/notification/src/use-notification.d.ts +34 -0
- package/package.json +611 -12
- package/pagination/index.d.ts +10 -0
- package/pagination/index.es.js +4 -2
- package/pagination/index.umd.js +1 -1
- package/pagination/src/pagination-types.d.ts +49 -0
- package/pagination/src/pagination.d.ts +43 -0
- package/popconfirm/index.d.ts +10 -0
- package/popconfirm/src/popconfirm-types.d.ts +82 -0
- package/popconfirm/src/popconfirm.d.ts +55 -0
- package/popover/index.d.ts +10 -0
- package/popover/src/popover-types.d.ts +235 -0
- package/popover/src/popover.d.ts +130 -0
- package/progress/index.d.ts +10 -0
- package/progress/src/progress-types.d.ts +48 -0
- package/progress/src/progress.d.ts +37 -0
- package/radio/index.d.ts +11 -0
- package/radio/src/components/icon-active.d.ts +2 -0
- package/radio/src/components/icon-circle.d.ts +2 -0
- package/radio/src/radio-group.d.ts +21 -0
- package/radio/src/radio-types.d.ts +55 -0
- package/radio/src/radio.d.ts +24 -0
- package/range-picker/index.d.ts +10 -0
- package/range-picker/index.es.js +2415 -0
- package/range-picker/index.umd.js +1 -0
- package/range-picker/src/range-picker-types.d.ts +169 -0
- package/range-picker/src/range-picker.d.ts +112 -0
- package/range-picker/style.css +2 -0
- package/rate/index.d.ts +10 -0
- package/rate/src/components/icon-default.d.ts +2 -0
- package/rate/src/rate-types.d.ts +34 -0
- package/rate/src/rate.d.ts +30 -0
- package/result/index.d.ts +10 -0
- package/result/src/result-types.d.ts +21 -0
- package/result/src/result.d.ts +18 -0
- package/segmented/index.d.ts +10 -0
- package/segmented/src/segmented-types.d.ts +32 -0
- package/segmented/src/segmented.d.ts +25 -0
- package/select/index.d.ts +10 -0
- package/select/src/composables/use-select.d.ts +29 -0
- package/select/src/select-types.d.ts +215 -0
- package/select/src/select.d.ts +149 -0
- package/skeleton/index.d.ts +10 -0
- package/skeleton/src/skeleton-types.d.ts +39 -0
- package/skeleton/src/skeleton.d.ts +27 -0
- package/skeleton-node/index.d.ts +11 -0
- package/skeleton-node/index.es.js +71 -0
- package/skeleton-node/index.umd.js +1 -0
- package/skeleton-node/src/skeleton-node-types.d.ts +23 -0
- package/skeleton-node/src/skeleton-node.d.ts +17 -0
- package/skeleton-node/style.css +2 -0
- package/slider/index.d.ts +10 -0
- package/slider/index.es.js +3 -3
- package/slider/index.umd.js +1 -1
- package/slider/src/composables/use-slider-tooltip.d.ts +18 -0
- package/slider/src/composables/use-slider.d.ts +68 -0
- package/slider/src/slider-types.d.ts +112 -0
- package/slider/src/slider.d.ts +149 -0
- package/space/index.d.ts +10 -0
- package/space/src/space-types.d.ts +28 -0
- package/space/src/space.d.ts +21 -0
- package/space-compact/index.d.ts +11 -0
- package/space-compact/index.es.js +59 -0
- package/space-compact/index.umd.js +1 -0
- package/space-compact/src/space-compact-types.d.ts +27 -0
- package/space-compact/src/space-compact.d.ts +15 -0
- package/space-compact/style.css +2 -0
- package/spin/index.d.ts +10 -0
- package/spin/src/spin-types.d.ts +29 -0
- package/spin/src/spin.d.ts +24 -0
- package/splitter/index.d.ts +10 -0
- package/splitter/src/splitter-types.d.ts +70 -0
- package/splitter/src/splitter.d.ts +62 -0
- package/status/index.d.ts +10 -0
- package/status/src/status-types.d.ts +10 -0
- package/status/src/status.d.ts +9 -0
- package/steps/index.d.ts +10 -0
- package/steps/src/steps-types.d.ts +48 -0
- package/steps/src/steps.d.ts +34 -0
- package/style.css +2 -0
- package/switch/index.d.ts +10 -0
- package/switch/src/switch-types.d.ts +45 -0
- package/switch/src/switch.d.ts +37 -0
- package/table/index.d.ts +11 -0
- package/table/src/table-types.d.ts +172 -0
- package/table/src/table.d.ts +67 -0
- package/table-column/index.d.ts +11 -0
- package/table-column/index.es.js +155 -0
- package/table-column/index.umd.js +1 -0
- package/table-column/src/table-column-types.d.ts +75 -0
- package/table-column/src/table-column.d.ts +63 -0
- package/table-column-group/index.d.ts +11 -0
- package/table-column-group/index.es.js +80 -0
- package/table-column-group/index.umd.js +1 -0
- package/table-column-group/src/table-column-group-types.d.ts +36 -0
- package/table-column-group/src/table-column-group.d.ts +20 -0
- package/table-summary/index.d.ts +11 -0
- package/table-summary/index.es.js +30 -0
- package/table-summary/index.umd.js +1 -0
- package/table-summary/src/table-summary-types.d.ts +29 -0
- package/table-summary/src/table-summary.d.ts +8 -0
- package/tabs/index.d.ts +11 -0
- package/tabs/src/components/tab/tab-types.d.ts +18 -0
- package/tabs/src/components/tab/tab.d.ts +15 -0
- package/tabs/src/components/tabs-nav/index.d.ts +26 -0
- package/tabs/src/tabs-types.d.ts +49 -0
- package/tabs/src/tabs.d.ts +27 -0
- package/tag/index.d.ts +10 -0
- package/tag/src/tag-types.d.ts +41 -0
- package/tag/src/tag.d.ts +24 -0
- package/textarea/index.d.ts +11 -0
- package/textarea/index.es.js +1241 -0
- package/textarea/index.umd.js +1 -0
- package/textarea/src/textarea-types.d.ts +150 -0
- package/textarea/src/textarea.d.ts +63 -0
- package/textarea/style.css +2 -0
- package/time-picker/index.d.ts +10 -0
- package/time-picker/index.es.js +2325 -0
- package/time-picker/index.umd.js +1 -0
- package/time-picker/src/time-picker-types.d.ts +168 -0
- package/time-picker/src/time-picker.d.ts +127 -0
- package/time-picker/style.css +2 -0
- package/time-range-picker/index.d.ts +10 -0
- package/time-range-picker/index.es.js +2568 -0
- package/time-range-picker/index.umd.js +1 -0
- package/time-range-picker/src/time-range-picker-types.d.ts +147 -0
- package/time-range-picker/src/time-range-picker.d.ts +124 -0
- package/time-range-picker/style.css +2 -0
- package/timeline/index.d.ts +11 -0
- package/timeline/src/timeline-item.d.ts +31 -0
- package/timeline/src/timeline-types.d.ts +72 -0
- package/timeline/src/timeline.d.ts +3 -0
- package/tooltip/index.d.ts +10 -0
- package/tooltip/src/tooltip-types.d.ts +201 -0
- package/tooltip/src/tooltip.d.ts +87 -0
- package/transfer/index.d.ts +10 -0
- package/transfer/index.es.js +1407 -0
- package/transfer/index.umd.js +1 -0
- package/transfer/src/transfer-types.d.ts +76 -0
- package/transfer/src/transfer.d.ts +59 -0
- package/transfer/style.css +2 -0
- package/tree/index.d.ts +10 -0
- package/tree/src/composables/use-tree-check.d.ts +9 -0
- package/tree/src/composables/use-tree-flatten.d.ts +11 -0
- package/tree/src/composables/use-tree-state.d.ts +17 -0
- package/tree/src/tree-types.d.ts +202 -0
- package/tree/src/tree.d.ts +122 -0
- package/tree-select/index.d.ts +12 -0
- package/tree-select/index.es.js +3009 -0
- package/tree-select/index.umd.js +1 -0
- package/tree-select/src/tree-select-types.d.ts +188 -0
- package/tree-select/src/tree-select.d.ts +128 -0
- package/tree-select/style.css +2 -0
- package/typography/index.d.ts +10 -0
- package/typography/src/typography-types.d.ts +316 -0
- package/typography/src/typography.d.ts +33 -0
- package/upload/index.d.ts +10 -0
- package/upload/index.es.js +1450 -0
- package/upload/index.umd.js +1 -0
- package/upload/src/upload-types.d.ts +99 -0
- package/upload/src/upload.d.ts +66 -0
- package/upload/style.css +2 -0
- package/upload-dragger/index.d.ts +10 -0
- package/upload-dragger/index.es.js +1472 -0
- package/upload-dragger/index.umd.js +1 -0
- package/upload-dragger/src/upload-dragger.d.ts +167 -0
- package/upload-dragger/style.css +2 -0
- package/util/index.d.ts +12 -0
- package/util/src/dom.d.ts +8 -0
- package/util/src/func.d.ts +7 -0
- package/util/src/type.d.ts +3 -0
- package/vue-ccui.es.js +11 -9
- package/vue-ccui.umd.js +1 -1
- package/watermark/index.d.ts +10 -0
- package/watermark/src/watermark-types.d.ts +47 -0
- package/watermark/src/watermark.d.ts +34 -0
- package/ccui-cli.css +0 -2
- package/nuxt/components/category.js +0 -2
- package/nuxt/components/install.js +0 -2
- package/nuxt/components/status.js +0 -2
- package/nuxt/components/title.js +0 -2
- package/nuxt/index.js +0 -13
- /package/affix/{ccui-cli.css → style.css} +0 -0
- /package/alert/{ccui-cli.css → style.css} +0 -0
- /package/anchor/{ccui-cli.css → style.css} +0 -0
- /package/avatar/{ccui-cli.css → style.css} +0 -0
- /package/badge/{ccui-cli.css → style.css} +0 -0
- /package/breadcrumb/{ccui-cli.css → style.css} +0 -0
- /package/button/{ccui-cli.css → style.css} +0 -0
- /package/button-3d/{ccui-cli.css → style.css} +0 -0
- /package/calendar/{ccui-cli.css → style.css} +0 -0
- /package/card/{ccui-cli.css → style.css} +0 -0
- /package/check-box/{ccui-cli.css → style.css} +0 -0
- /package/collapse/{ccui-cli.css → style.css} +0 -0
- /package/date-picker/{ccui-cli.css → style.css} +0 -0
- /package/descriptions/{ccui-cli.css → style.css} +0 -0
- /package/divider/{ccui-cli.css → style.css} +0 -0
- /package/drawer/{ccui-cli.css → style.css} +0 -0
- /package/dropdown/{ccui-cli.css → style.css} +0 -0
- /package/empty/{ccui-cli.css → style.css} +0 -0
- /package/flex/{ccui-cli.css → style.css} +0 -0
- /package/float-button/{ccui-cli.css → style.css} +0 -0
- /package/form/{ccui-cli.css → style.css} +0 -0
- /package/grid/{ccui-cli.css → style.css} +0 -0
- /package/icon/{ccui-cli.css → style.css} +0 -0
- /package/image/{ccui-cli.css → style.css} +0 -0
- /package/input/{ccui-cli.css → style.css} +0 -0
- /package/input-number/{ccui-cli.css → style.css} +0 -0
- /package/layout/{ccui-cli.css → style.css} +0 -0
- /package/masonry/{ccui-cli.css → style.css} +0 -0
- /package/menu/{ccui-cli.css → style.css} +0 -0
- /package/message/{ccui-cli.css → style.css} +0 -0
- /package/modal/{ccui-cli.css → style.css} +0 -0
- /package/notification/{ccui-cli.css → style.css} +0 -0
- /package/pagination/{ccui-cli.css → style.css} +0 -0
- /package/popconfirm/{ccui-cli.css → style.css} +0 -0
- /package/popover/{ccui-cli.css → style.css} +0 -0
- /package/progress/{ccui-cli.css → style.css} +0 -0
- /package/radio/{ccui-cli.css → style.css} +0 -0
- /package/rate/{ccui-cli.css → style.css} +0 -0
- /package/result/{ccui-cli.css → style.css} +0 -0
- /package/segmented/{ccui-cli.css → style.css} +0 -0
- /package/select/{ccui-cli.css → style.css} +0 -0
- /package/skeleton/{ccui-cli.css → style.css} +0 -0
- /package/slider/{ccui-cli.css → style.css} +0 -0
- /package/space/{ccui-cli.css → style.css} +0 -0
- /package/spin/{ccui-cli.css → style.css} +0 -0
- /package/splitter/{ccui-cli.css → style.css} +0 -0
- /package/status/{ccui-cli.css → style.css} +0 -0
- /package/steps/{ccui-cli.css → style.css} +0 -0
- /package/switch/{ccui-cli.css → style.css} +0 -0
- /package/table/{ccui-cli.css → style.css} +0 -0
- /package/tabs/{ccui-cli.css → style.css} +0 -0
- /package/tag/{ccui-cli.css → style.css} +0 -0
- /package/timeline/{ccui-cli.css → style.css} +0 -0
- /package/tooltip/{ccui-cli.css → style.css} +0 -0
- /package/tree/{ccui-cli.css → style.css} +0 -0
- /package/typography/{ccui-cli.css → style.css} +0 -0
- /package/watermark/{ccui-cli.css → style.css} +0 -0
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import type { ExtractPropTypes, InjectionKey, PropType, Ref, VNode } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Button 取值集合(联合):
|
|
4
|
+
*
|
|
5
|
+
* - 标准取值:`'primary' | 'default' | 'dashed' | 'link' | 'text'`
|
|
6
|
+
* - 语义色快捷:`'success' | 'warning' | 'danger' | 'info'`
|
|
7
|
+
* (等价于 `danger=true` / `color='success'` 等组合,二选一即可)
|
|
8
|
+
*/
|
|
9
|
+
export type ButtonType = '' | 'primary' | 'default' | 'dashed' | 'link' | 'text' | 'success' | 'warning' | 'danger' | 'info';
|
|
10
|
+
export type ButtonSizeType = '' | 'large' | 'default' | 'small';
|
|
11
|
+
export type ButtonNativeType = 'button' | 'submit' | 'reset';
|
|
12
|
+
export type ButtonShape = 'default' | 'circle' | 'round';
|
|
13
|
+
export type ButtonIconPosition = 'start' | 'end';
|
|
14
|
+
export type ButtonColor = 'default' | 'primary' | 'danger';
|
|
15
|
+
export type ButtonVariant = 'outlined' | 'dashed' | 'solid' | 'filled' | 'text' | 'link';
|
|
16
|
+
/**
|
|
17
|
+
* `loading` 复合配置:
|
|
18
|
+
*
|
|
19
|
+
* - `boolean`:立刻进入 loading
|
|
20
|
+
* - `{ delay, icon }`:延迟 `delay` ms 后再进入 loading;自定义 loading 图标
|
|
21
|
+
*/
|
|
22
|
+
export interface ButtonLoadingObject {
|
|
23
|
+
delay?: number;
|
|
24
|
+
icon?: VNode | string;
|
|
25
|
+
}
|
|
26
|
+
export type ButtonLoading = boolean | ButtonLoadingObject;
|
|
27
|
+
export declare const buttonProps: {
|
|
28
|
+
readonly type: {
|
|
29
|
+
readonly type: PropType<ButtonType>;
|
|
30
|
+
readonly default: "";
|
|
31
|
+
};
|
|
32
|
+
readonly size: {
|
|
33
|
+
readonly type: PropType<ButtonSizeType>;
|
|
34
|
+
readonly default: "";
|
|
35
|
+
};
|
|
36
|
+
readonly disabled: {
|
|
37
|
+
readonly type: BooleanConstructor;
|
|
38
|
+
readonly default: false;
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* @deprecated 请改用 `variant='outlined'` / `'filled'` 组合。
|
|
42
|
+
*/
|
|
43
|
+
readonly plain: {
|
|
44
|
+
readonly type: BooleanConstructor;
|
|
45
|
+
readonly default: false;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* @deprecated 请改用 `shape='round'`。下一大版本移除。
|
|
49
|
+
*/
|
|
50
|
+
readonly round: {
|
|
51
|
+
readonly type: BooleanConstructor;
|
|
52
|
+
readonly default: false;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* @deprecated 请改用 `shape='circle'`。下一大版本移除。
|
|
56
|
+
*/
|
|
57
|
+
readonly circle: {
|
|
58
|
+
readonly type: BooleanConstructor;
|
|
59
|
+
readonly default: false;
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* 按钮形状:`'default' | 'circle' | 'round'`。显式 shape 优先于 round / circle boolean。
|
|
63
|
+
*/
|
|
64
|
+
readonly shape: {
|
|
65
|
+
readonly type: PropType<ButtonShape>;
|
|
66
|
+
readonly default: undefined;
|
|
67
|
+
};
|
|
68
|
+
readonly autofocus: {
|
|
69
|
+
readonly type: BooleanConstructor;
|
|
70
|
+
readonly default: false;
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* @deprecated 请改用 `htmlType`。下一大版本移除。
|
|
74
|
+
*/
|
|
75
|
+
readonly nativeType: {
|
|
76
|
+
readonly type: PropType<ButtonNativeType>;
|
|
77
|
+
readonly default: undefined;
|
|
78
|
+
};
|
|
79
|
+
/**
|
|
80
|
+
* 原生 button type:`'button' | 'submit' | 'reset'`。显式 htmlType 优先于 nativeType。
|
|
81
|
+
*/
|
|
82
|
+
readonly htmlType: {
|
|
83
|
+
readonly type: PropType<ButtonNativeType>;
|
|
84
|
+
readonly default: undefined;
|
|
85
|
+
};
|
|
86
|
+
readonly loading: {
|
|
87
|
+
readonly type: PropType<ButtonLoading>;
|
|
88
|
+
readonly default: false;
|
|
89
|
+
};
|
|
90
|
+
readonly icon: {
|
|
91
|
+
readonly type: StringConstructor;
|
|
92
|
+
readonly default: "";
|
|
93
|
+
};
|
|
94
|
+
/**
|
|
95
|
+
* 图标位置。
|
|
96
|
+
*/
|
|
97
|
+
readonly iconPosition: {
|
|
98
|
+
readonly type: PropType<ButtonIconPosition>;
|
|
99
|
+
readonly default: "start";
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* 危险按钮,与 `type='primary'` 组合得到红色实色按钮。
|
|
103
|
+
*/
|
|
104
|
+
readonly danger: {
|
|
105
|
+
readonly type: BooleanConstructor;
|
|
106
|
+
readonly default: false;
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* 幽灵按钮:背景透明,文字与边框跟主色。
|
|
110
|
+
*/
|
|
111
|
+
readonly ghost: {
|
|
112
|
+
readonly type: BooleanConstructor;
|
|
113
|
+
readonly default: false;
|
|
114
|
+
};
|
|
115
|
+
/**
|
|
116
|
+
* 块级按钮:宽度撑满父容器。
|
|
117
|
+
*/
|
|
118
|
+
readonly block: {
|
|
119
|
+
readonly type: BooleanConstructor;
|
|
120
|
+
readonly default: false;
|
|
121
|
+
};
|
|
122
|
+
/**
|
|
123
|
+
* 自动在两个 CJK 字符间插入空格。
|
|
124
|
+
*/
|
|
125
|
+
readonly autoInsertSpace: {
|
|
126
|
+
readonly type: BooleanConstructor;
|
|
127
|
+
readonly default: true;
|
|
128
|
+
};
|
|
129
|
+
/**
|
|
130
|
+
* 链接按钮 href。设置后渲染为 `<a>` 而非 `<button>`。
|
|
131
|
+
*/
|
|
132
|
+
readonly href: {
|
|
133
|
+
readonly type: StringConstructor;
|
|
134
|
+
readonly default: undefined;
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* `<a>` 的 target 属性,仅在 `href` 设置时生效。
|
|
138
|
+
*/
|
|
139
|
+
readonly target: {
|
|
140
|
+
readonly type: StringConstructor;
|
|
141
|
+
readonly default: undefined;
|
|
142
|
+
};
|
|
143
|
+
readonly color: {
|
|
144
|
+
readonly type: PropType<ButtonColor>;
|
|
145
|
+
readonly default: undefined;
|
|
146
|
+
};
|
|
147
|
+
readonly variant: {
|
|
148
|
+
readonly type: PropType<ButtonVariant>;
|
|
149
|
+
readonly default: undefined;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
|
|
153
|
+
export declare const buttonGroupProps: {
|
|
154
|
+
readonly size: {
|
|
155
|
+
readonly type: PropType<ButtonSizeType>;
|
|
156
|
+
readonly default: "";
|
|
157
|
+
};
|
|
158
|
+
readonly disabled: {
|
|
159
|
+
readonly type: BooleanConstructor;
|
|
160
|
+
readonly default: false;
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
export type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>;
|
|
164
|
+
export interface ButtonGroupInjection {
|
|
165
|
+
size: Ref<ButtonSizeType>;
|
|
166
|
+
disabled: Ref<boolean>;
|
|
167
|
+
}
|
|
168
|
+
export declare const buttonGroupInjectionKey: InjectionKey<ButtonGroupInjection>;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { VNode } from 'vue';
|
|
2
|
+
import type { ButtonShape } from './button-types';
|
|
3
|
+
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
readonly type: import("./button-types").ButtonType;
|
|
6
|
+
readonly circle: boolean;
|
|
7
|
+
readonly round: boolean;
|
|
8
|
+
readonly block: boolean;
|
|
9
|
+
readonly size: import("./button-types").ButtonSizeType;
|
|
10
|
+
readonly icon: string;
|
|
11
|
+
readonly disabled: boolean;
|
|
12
|
+
readonly loading: import("./button-types").ButtonLoading;
|
|
13
|
+
readonly danger: boolean;
|
|
14
|
+
readonly plain: boolean;
|
|
15
|
+
readonly autofocus: boolean;
|
|
16
|
+
readonly iconPosition: import("./button-types").ButtonIconPosition;
|
|
17
|
+
readonly ghost: boolean;
|
|
18
|
+
readonly autoInsertSpace: boolean;
|
|
19
|
+
readonly target?: string | undefined;
|
|
20
|
+
readonly color?: import("./button-types").ButtonColor | undefined;
|
|
21
|
+
readonly variant?: import("./button-types").ButtonVariant | undefined;
|
|
22
|
+
readonly shape?: ButtonShape | undefined;
|
|
23
|
+
readonly href?: string | undefined;
|
|
24
|
+
readonly nativeType?: import("./button-types").ButtonNativeType | undefined;
|
|
25
|
+
readonly htmlType?: import("./button-types").ButtonNativeType | undefined;
|
|
26
|
+
}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
|
|
29
|
+
readonly type: import("./button-types").ButtonType;
|
|
30
|
+
readonly circle: boolean;
|
|
31
|
+
readonly round: boolean;
|
|
32
|
+
readonly block: boolean;
|
|
33
|
+
readonly size: import("./button-types").ButtonSizeType;
|
|
34
|
+
readonly icon: string;
|
|
35
|
+
readonly disabled: boolean;
|
|
36
|
+
readonly loading: import("./button-types").ButtonLoading;
|
|
37
|
+
readonly danger: boolean;
|
|
38
|
+
readonly plain: boolean;
|
|
39
|
+
readonly autofocus: boolean;
|
|
40
|
+
readonly iconPosition: import("./button-types").ButtonIconPosition;
|
|
41
|
+
readonly ghost: boolean;
|
|
42
|
+
readonly autoInsertSpace: boolean;
|
|
43
|
+
readonly target?: string | undefined;
|
|
44
|
+
readonly color?: import("./button-types").ButtonColor | undefined;
|
|
45
|
+
readonly variant?: import("./button-types").ButtonVariant | undefined;
|
|
46
|
+
readonly shape?: ButtonShape | undefined;
|
|
47
|
+
readonly href?: string | undefined;
|
|
48
|
+
readonly nativeType?: import("./button-types").ButtonNativeType | undefined;
|
|
49
|
+
readonly htmlType?: import("./button-types").ButtonNativeType | undefined;
|
|
50
|
+
}> & Readonly<{
|
|
51
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
readonly target: string;
|
|
54
|
+
readonly type: import("./button-types").ButtonType;
|
|
55
|
+
readonly circle: boolean;
|
|
56
|
+
readonly color: import("./button-types").ButtonColor;
|
|
57
|
+
readonly round: boolean;
|
|
58
|
+
readonly block: boolean;
|
|
59
|
+
readonly size: import("./button-types").ButtonSizeType;
|
|
60
|
+
readonly icon: string;
|
|
61
|
+
readonly disabled: boolean;
|
|
62
|
+
readonly variant: import("./button-types").ButtonVariant;
|
|
63
|
+
readonly loading: import("./button-types").ButtonLoading;
|
|
64
|
+
readonly shape: ButtonShape;
|
|
65
|
+
readonly href: string;
|
|
66
|
+
readonly danger: boolean;
|
|
67
|
+
readonly plain: boolean;
|
|
68
|
+
readonly autofocus: boolean;
|
|
69
|
+
readonly nativeType: import("./button-types").ButtonNativeType;
|
|
70
|
+
readonly htmlType: import("./button-types").ButtonNativeType;
|
|
71
|
+
readonly iconPosition: import("./button-types").ButtonIconPosition;
|
|
72
|
+
readonly ghost: boolean;
|
|
73
|
+
readonly autoInsertSpace: boolean;
|
|
74
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
75
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
export type Button3DType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
3
|
+
export type Button3DSizeType = 'large' | 'default' | 'small';
|
|
4
|
+
export type Button3DNativeType = 'button' | 'submit' | 'reset';
|
|
5
|
+
export declare const button3dProps: {
|
|
6
|
+
readonly size: {
|
|
7
|
+
readonly type: PropType<Button3DSizeType>;
|
|
8
|
+
readonly default: "";
|
|
9
|
+
};
|
|
10
|
+
readonly type: {
|
|
11
|
+
readonly type: PropType<Button3DType>;
|
|
12
|
+
readonly default: "";
|
|
13
|
+
};
|
|
14
|
+
readonly disabled: {
|
|
15
|
+
readonly type: BooleanConstructor;
|
|
16
|
+
readonly default: false;
|
|
17
|
+
};
|
|
18
|
+
readonly loading: {
|
|
19
|
+
readonly type: BooleanConstructor;
|
|
20
|
+
readonly default: false;
|
|
21
|
+
};
|
|
22
|
+
readonly nativeType: {
|
|
23
|
+
readonly type: PropType<Button3DNativeType>;
|
|
24
|
+
readonly default: "button";
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export type Button3dProps = ExtractPropTypes<typeof button3dProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
readonly type: import("./button-3d-types").Button3DType;
|
|
4
|
+
readonly size: import("./button-3d-types").Button3DSizeType;
|
|
5
|
+
readonly disabled: boolean;
|
|
6
|
+
readonly loading: boolean;
|
|
7
|
+
readonly nativeType: import("./button-3d-types").Button3DNativeType;
|
|
8
|
+
}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
|
|
9
|
+
readonly type: import("./button-3d-types").Button3DType;
|
|
10
|
+
readonly size: import("./button-3d-types").Button3DSizeType;
|
|
11
|
+
readonly disabled: boolean;
|
|
12
|
+
readonly loading: boolean;
|
|
13
|
+
readonly nativeType: import("./button-3d-types").Button3DNativeType;
|
|
14
|
+
}> & Readonly<{
|
|
15
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
readonly type: import("./button-3d-types").Button3DType;
|
|
18
|
+
readonly size: import("./button-3d-types").Button3DSizeType;
|
|
19
|
+
readonly disabled: boolean;
|
|
20
|
+
readonly loading: boolean;
|
|
21
|
+
readonly nativeType: import("./button-3d-types").Button3DNativeType;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
|
|
3
|
+
import type { DateValue } from '../../shared/utils/date';
|
|
4
|
+
export type CalendarValueFormat = 'string' | 'date' | 'number';
|
|
5
|
+
export declare const calendarProps: {
|
|
6
|
+
/**
|
|
7
|
+
* 选中日期。支持 string / Date / number(timestamp) / Dayjs / null。
|
|
8
|
+
* 字符串按 `format` 解析;解析失败回退到今天。
|
|
9
|
+
*/
|
|
10
|
+
readonly modelValue: {
|
|
11
|
+
readonly type: PropType<DateValue>;
|
|
12
|
+
readonly default: undefined;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* 日期解析 / 格式化模板(dayjs format token)。
|
|
16
|
+
*/
|
|
17
|
+
readonly format: {
|
|
18
|
+
readonly type: StringConstructor;
|
|
19
|
+
readonly default: "YYYY-MM-DD";
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* v-model 输出协议:
|
|
23
|
+
* - `'string'`:按 `format` 输出字符串(默认)
|
|
24
|
+
* - `'date'`:输出原生 `Date`
|
|
25
|
+
* - `'number'`:输出毫秒级 timestamp
|
|
26
|
+
*/
|
|
27
|
+
readonly valueFormat: {
|
|
28
|
+
readonly type: PropType<CalendarValueFormat>;
|
|
29
|
+
readonly default: "string";
|
|
30
|
+
};
|
|
31
|
+
readonly readOnly: {
|
|
32
|
+
readonly type: BooleanConstructor;
|
|
33
|
+
readonly default: false;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* 语义化 DOM className 注入。可用 key:`root` / `header` / `body` / `cell`。
|
|
37
|
+
*/
|
|
38
|
+
readonly classNames: {
|
|
39
|
+
readonly type: PropType<CcSemanticClasses>;
|
|
40
|
+
readonly default: undefined;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* 语义化 DOM style 注入。可用 key 与 classNames 一致。
|
|
44
|
+
*/
|
|
45
|
+
readonly styles: {
|
|
46
|
+
readonly type: PropType<CcSemanticStyles>;
|
|
47
|
+
readonly default: undefined;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
export type CalendarProps = ExtractPropTypes<typeof calendarProps>;
|
|
51
|
+
export interface dateItem {
|
|
52
|
+
index: number;
|
|
53
|
+
date: string;
|
|
54
|
+
day: string;
|
|
55
|
+
week: string;
|
|
56
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
readonly format: string;
|
|
4
|
+
readonly valueFormat: import("./calendar-types").CalendarValueFormat;
|
|
5
|
+
readonly readOnly: boolean;
|
|
6
|
+
readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
|
|
7
|
+
readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
|
|
8
|
+
readonly modelValue?: import("../../shared/utils/date").DateValue;
|
|
9
|
+
}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<{
|
|
10
|
+
readonly format: string;
|
|
11
|
+
readonly valueFormat: import("./calendar-types").CalendarValueFormat;
|
|
12
|
+
readonly readOnly: boolean;
|
|
13
|
+
readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
|
|
14
|
+
readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
|
|
15
|
+
readonly modelValue?: import("../../shared/utils/date").DateValue;
|
|
16
|
+
}> & Readonly<{
|
|
17
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
18
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
|
|
21
|
+
readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
|
|
22
|
+
readonly modelValue: import("../../shared/utils/date").DateValue;
|
|
23
|
+
readonly format: string;
|
|
24
|
+
readonly valueFormat: import("./calendar-types").CalendarValueFormat;
|
|
25
|
+
readonly readOnly: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
|
+
export default _default;
|
package/card/index.d.ts
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
|
|
3
|
+
export type ShadowType = PropType<'always' | 'hover' | 'never'>;
|
|
4
|
+
export declare const cardProps: {
|
|
5
|
+
readonly shadow: {
|
|
6
|
+
readonly type: ShadowType;
|
|
7
|
+
readonly default: "always";
|
|
8
|
+
};
|
|
9
|
+
readonly header: {
|
|
10
|
+
readonly type: StringConstructor;
|
|
11
|
+
readonly default: "";
|
|
12
|
+
};
|
|
13
|
+
readonly bodyStyle: {
|
|
14
|
+
readonly type: ObjectConstructor;
|
|
15
|
+
readonly default: () => {
|
|
16
|
+
padding: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* 语义化 DOM className 注入。可用 key:`root` / `header` / `body` / `cover`。
|
|
21
|
+
*/
|
|
22
|
+
readonly classNames: {
|
|
23
|
+
readonly type: PropType<CcSemanticClasses>;
|
|
24
|
+
readonly default: undefined;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* 语义化 DOM style 注入。可用 key 与 classNames 一致。
|
|
28
|
+
*/
|
|
29
|
+
readonly styles: {
|
|
30
|
+
readonly type: PropType<CcSemanticStyles>;
|
|
31
|
+
readonly default: undefined;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export type CardProps = ExtractPropTypes<typeof cardProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
readonly header: string;
|
|
4
|
+
readonly shadow: "always" | "never" | "hover";
|
|
5
|
+
readonly bodyStyle: Record<string, any>;
|
|
6
|
+
readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
|
|
7
|
+
readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
|
|
8
|
+
}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
9
|
+
readonly header: string;
|
|
10
|
+
readonly shadow: "always" | "never" | "hover";
|
|
11
|
+
readonly bodyStyle: Record<string, any>;
|
|
12
|
+
readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
|
|
13
|
+
readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
|
|
14
|
+
}> & Readonly<{}>, {
|
|
15
|
+
readonly header: string;
|
|
16
|
+
readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
|
|
17
|
+
readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
|
|
18
|
+
readonly shadow: "always" | "never" | "hover";
|
|
19
|
+
readonly bodyStyle: Record<string, any>;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
21
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { App } from 'vue';
|
|
2
|
+
import CardMeta from './src/card-meta';
|
|
3
|
+
export { CardMeta };
|
|
4
|
+
export type { CardMetaProps } from './src/card-meta-types';
|
|
5
|
+
declare const _default: {
|
|
6
|
+
title: string;
|
|
7
|
+
category: string;
|
|
8
|
+
status: string;
|
|
9
|
+
install(app: App): void;
|
|
10
|
+
};
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { defineComponent as e, h as t } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function n(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function r(e, t = !1) {
|
|
8
|
+
let r = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => n(r),
|
|
11
|
+
e: (e) => e ? n(r, e) : "",
|
|
12
|
+
m: (e) => e ? n(r, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? n(r, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/card-meta/src/card-meta.tsx
|
|
19
|
+
var i = /* @__PURE__ */ e({
|
|
20
|
+
name: "CCardMeta",
|
|
21
|
+
props: {
|
|
22
|
+
title: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
25
|
+
},
|
|
26
|
+
description: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: ""
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
setup(e, { slots: n }) {
|
|
32
|
+
let i = r("card-meta");
|
|
33
|
+
return () => {
|
|
34
|
+
let r = n.avatar ? t("div", { class: i.e("avatar") }, n.avatar()) : null, a = n.title ? n.title() : e.title, o = n.description ? n.description() : e.description, s = t("div", { class: i.e("detail") }, [a ? t("div", { class: i.e("title") }, a) : null, o ? t("div", { class: i.e("description") }, o) : null]);
|
|
35
|
+
return t("div", { class: i.b() }, [r, s]);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region ../ccui/ui/card-meta/index.ts
|
|
41
|
+
i.install = function(e) {
|
|
42
|
+
e.component(i.name, i);
|
|
43
|
+
};
|
|
44
|
+
var a = {
|
|
45
|
+
title: "CardMeta 卡片元信息",
|
|
46
|
+
category: "数据展示",
|
|
47
|
+
status: "90%",
|
|
48
|
+
install(e) {
|
|
49
|
+
e.component(i.name, i);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
//#endregion
|
|
53
|
+
export { i as CardMeta, a as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={title:{type:String,default:``},description:{type:String,default:``}},a=(0,t.defineComponent)({name:`CCardMeta`,props:i,setup(e,{slots:n}){let i=r(`card-meta`);return()=>{let r=n.avatar?(0,t.h)(`div`,{class:i.e(`avatar`)},n.avatar()):null,a=n.title?n.title():e.title,o=n.description?n.description():e.description,s=(0,t.h)(`div`,{class:i.e(`detail`)},[a?(0,t.h)(`div`,{class:i.e(`title`)},a):null,o?(0,t.h)(`div`,{class:i.e(`description`)},o):null]);return(0,t.h)(`div`,{class:i.b()},[r,s])}}});a.install=function(e){e.component(a.name,a)},e.CardMeta=a,e.default={title:`CardMeta 卡片元信息`,category:`数据展示`,status:`90%`,install(e){e.component(a.name,a)}}});
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ExtractPropTypes } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* 卡片元信息组件:
|
|
4
|
+
*
|
|
5
|
+
* - `title` / `description` 两段文字
|
|
6
|
+
* - `avatar` slot 左侧 64×64 头像
|
|
7
|
+
* - 三段都可用 slot 替换
|
|
8
|
+
*/
|
|
9
|
+
export declare const cardMetaProps: {
|
|
10
|
+
readonly title: {
|
|
11
|
+
readonly type: StringConstructor;
|
|
12
|
+
readonly default: "";
|
|
13
|
+
};
|
|
14
|
+
readonly description: {
|
|
15
|
+
readonly type: StringConstructor;
|
|
16
|
+
readonly default: "";
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
readonly title: string;
|
|
4
|
+
readonly description: string;
|
|
5
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
8
|
+
readonly title: string;
|
|
9
|
+
readonly description: string;
|
|
10
|
+
}> & Readonly<{}>, {
|
|
11
|
+
readonly title: string;
|
|
12
|
+
readonly description: string;
|
|
13
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-card-meta{align-items:flex-start;margin:-4px 0;display:flex}.ccui-card-meta__avatar{flex:none;padding-inline-end:16px}.ccui-card-meta__avatar img{object-fit:cover;border-radius:50%;width:48px;height:48px}.ccui-card-meta__detail{flex:auto;min-width:0;overflow:hidden}.ccui-card-meta__title{color:var(--ccui-color-text,#000000e0);font-weight:500;font-size:var(--ccui-font-size,14px);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;line-height:1.4;overflow:hidden}.ccui-card-meta__description{color:var(--ccui-color-text-secondary,#000000a6);font-size:var(--ccui-font-size-sm,12px);line-height:1.5}
|
|
2
|
+
/*$vite$:1*/
|