@vaebe/ccui 2.0.1-beta.2 → 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 @@
|
|
|
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`}});var n=Symbol(`ccuiFormItem`),r=/^[a-z0-9]+(-[a-z0-9]+)*$/,i=(e,t,n,r=``)=>{let i=e.split(`:`);if(e.slice(0,1)===`@`){if(i.length<2||i.length>3)return null;r=i.shift().slice(1)}if(i.length>3||!i.length)return null;if(i.length>1){let e=i.pop(),n=i.pop(),o={provider:i.length>0?i[0]:r,prefix:n,name:e};return t&&!a(o)?null:o}let o=i[0],s=o.split(`-`);if(s.length>1){let e={provider:r,prefix:s.shift(),name:s.join(`-`)};return t&&!a(e)?null:e}if(n&&r===``){let e={provider:r,prefix:``,name:o};return t&&!a(e,n)?null:e}return null},a=(e,t)=>e?!!((t&&e.prefix===``||e.prefix)&&e.name):!1;function o(e,t){let n=e.icons,r=e.aliases||Object.create(null),i=Object.create(null);function a(e){if(n[e])return i[e]=[];if(!(e in i)){i[e]=null;let t=r[e]&&r[e].parent,n=t&&a(t);n&&(i[e]=[t].concat(n))}return i[e]}return Object.keys(n).concat(Object.keys(r)).forEach(a),i}var s=Object.freeze({left:0,top:0,width:16,height:16}),c=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),l=Object.freeze({...s,...c}),u=Object.freeze({...l,body:``,hidden:!1});function d(e,t){let n={};!e.hFlip!=!t.hFlip&&(n.hFlip=!0),!e.vFlip!=!t.vFlip&&(n.vFlip=!0);let r=((e.rotate||0)+(t.rotate||0))%4;return r&&(n.rotate=r),n}function f(e,t){let n=d(e,t);for(let r in u)r in c?r in e&&!(r in n)&&(n[r]=c[r]):r in t?n[r]=t[r]:r in e&&(n[r]=e[r]);return n}function p(e,t,n){let r=e.icons,i=e.aliases||Object.create(null),a={};function o(e){a=f(r[e]||i[e],a)}return o(t),n.forEach(o),f(e,a)}function m(e,t){let n=[];if(typeof e!=`object`||typeof e.icons!=`object`)return n;e.not_found instanceof Array&&e.not_found.forEach(e=>{t(e,null),n.push(e)});let r=o(e);for(let i in r){let a=r[i];a&&(t(i,p(e,i,a)),n.push(i))}return n}var h={provider:``,aliases:{},not_found:{},...s};function g(e,t){for(let n in t)if(n in e&&typeof e[n]!=typeof t[n])return!1;return!0}function _(e){if(typeof e!=`object`||!e)return null;let t=e;if(typeof t.prefix!=`string`||!e.icons||typeof e.icons!=`object`||!g(e,h))return null;let n=t.icons;for(let e in n){let t=n[e];if(!e||typeof t.body!=`string`||!g(t,u))return null}let r=t.aliases||Object.create(null);for(let e in r){let t=r[e],i=t.parent;if(!e||typeof i!=`string`||!n[i]&&!r[i]||!g(t,u))return null}return t}var v=Object.create(null);function y(e,t){return{provider:e,prefix:t,icons:Object.create(null),missing:new Set}}function b(e,t){let n=v[e]||(v[e]=Object.create(null));return n[t]||(n[t]=y(e,t))}function x(e,t){return _(t)?m(t,(t,n)=>{n?e.icons[t]=n:e.missing.add(t)}):[]}function ee(e,t,n){try{if(typeof n.body==`string`)return e.icons[t]={...n},!0}catch{}return!1}var S=!1;function C(e){return typeof e==`boolean`&&(S=e),S}function w(e){let t=typeof e==`string`?i(e,!0,S):e;if(t){let e=b(t.provider,t.prefix),n=t.name;return e.icons[n]||(e.missing.has(n)?null:void 0)}}function T(e,t){let n=i(e,!0,S);if(!n)return!1;let r=b(n.provider,n.prefix);return t?ee(r,n.name,t):(r.missing.add(n.name),!0)}function E(e,t){if(typeof e!=`object`)return!1;if(typeof t!=`string`&&(t=e.provider||``),S&&!t&&!e.prefix){let t=!1;return _(e)&&(e.prefix=``,m(e,(e,n)=>{T(e,n)&&(t=!0)})),t}let n=e.prefix;return a({prefix:n,name:`a`})?!!x(b(t,n),e):!1}var D=Object.freeze({width:null,height:null}),O=Object.freeze({...D,...c}),k=/(-?[0-9.]*[0-9]+[0-9.]*)/g,A=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function j(e,t,n){if(t===1)return e;if(n||=100,typeof e==`number`)return Math.ceil(e*t*n)/n;if(typeof e!=`string`)return e;let r=e.split(k);if(r===null||!r.length)return e;let i=[],a=r.shift(),o=A.test(a);for(;;){if(o){let e=parseFloat(a);isNaN(e)?i.push(a):i.push(Math.ceil(e*t*n)/n)}else i.push(a);if(a=r.shift(),a===void 0)return i.join(``);o=!o}}function M(e,t=`defs`){let n=``,r=e.indexOf(`<`+t);for(;r>=0;){let i=e.indexOf(`>`,r),a=e.indexOf(`</`+t);if(i===-1||a===-1)break;let o=e.indexOf(`>`,a);if(o===-1)break;n+=e.slice(i+1,a).trim(),e=e.slice(0,r).trim()+e.slice(o+1)}return{defs:n,content:e}}function te(e,t){return e?`<defs>`+e+`</defs>`+t:t}function ne(e,t,n){let r=M(e);return te(r.defs,t+r.content+n)}var re=e=>e===`unset`||e===`undefined`||e===`none`;function ie(e,t){let n={...l,...e},r={...O,...t},i={left:n.left,top:n.top,width:n.width,height:n.height},a=n.body;[n,r].forEach(e=>{let t=[],n=e.hFlip,r=e.vFlip,o=e.rotate;n?r?o+=2:(t.push(`translate(`+(i.width+i.left).toString()+` `+(0-i.top).toString()+`)`),t.push(`scale(-1 1)`),i.top=i.left=0):r&&(t.push(`translate(`+(0-i.left).toString()+` `+(i.height+i.top).toString()+`)`),t.push(`scale(1 -1)`),i.top=i.left=0);let s;switch(o<0&&(o-=Math.floor(o/4)*4),o%=4,o){case 1:s=i.height/2+i.top,t.unshift(`rotate(90 `+s.toString()+` `+s.toString()+`)`);break;case 2:t.unshift(`rotate(180 `+(i.width/2+i.left).toString()+` `+(i.height/2+i.top).toString()+`)`);break;case 3:s=i.width/2+i.left,t.unshift(`rotate(-90 `+s.toString()+` `+s.toString()+`)`);break}o%2==1&&(i.left!==i.top&&(s=i.left,i.left=i.top,i.top=s),i.width!==i.height&&(s=i.width,i.width=i.height,i.height=s)),t.length&&(a=ne(a,`<g transform="`+t.join(` `)+`">`,`</g>`))});let o=r.width,s=r.height,c=i.width,u=i.height,d,f;o===null?(f=s===null?`1em`:s===`auto`?u:s,d=j(f,c/u)):(d=o===`auto`?c:o,f=s===null?j(d,u/c):s===`auto`?u:s);let p={},m=(e,t)=>{re(t)||(p[e]=t.toString())};m(`width`,d),m(`height`,f);let h=[i.left,i.top,c,u];return p.viewBox=h.join(` `),{attributes:p,viewBox:h,body:a}}var ae=/\sid="(\S+)"/g,N=new Map;function P(e){e=e.replace(/[0-9]+$/,``)||`a`;let t=N.get(e)||0;return N.set(e,t+1),t?`${e}${t}`:e}function F(e){let t=[],n;for(;n=ae.exec(e);)t.push(n[1]);if(!t.length)return e;let r=`suffix`+(Math.random()*16777216|Date.now()).toString(16);return t.forEach(t=>{let n=P(t),i=t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);e=e.replace(RegExp(`([#;"])(`+i+`)([")]|\\.[a-z])`,`g`),`$1`+n+r+`$3`)}),e=e.replace(new RegExp(r,`g`),``),e}var I=Object.create(null);function oe(e,t){I[e]=t}function L(e){return I[e]||I[``]}function R(e){let t;if(typeof e.resources==`string`)t=[e.resources];else if(t=e.resources,!(t instanceof Array)||!t.length)return null;return{resources:t,path:e.path||`/`,maxURL:e.maxURL||500,rotate:e.rotate||750,timeout:e.timeout||5e3,random:e.random===!0,index:e.index||0,dataAfterTimeout:e.dataAfterTimeout!==!1}}for(var z=Object.create(null),B=[`https://api.simplesvg.com`,`https://api.unisvg.com`],V=[];B.length>0;)B.length===1||Math.random()>.5?V.push(B.shift()):V.push(B.pop());z[``]=R({resources:[`https://api.iconify.design`].concat(V)});function se(e,t){let n=R(t);return n===null?!1:(z[e]=n,!0)}function H(e){return z[e]}var U=(()=>{let e;try{if(e=fetch,typeof e==`function`)return e}catch{}})();function ce(e,t){let n=H(e);if(!n)return 0;let r;if(!n.maxURL)r=0;else{let e=0;n.resources.forEach(t=>{e=Math.max(e,t.length)});let i=t+`.json?icons=`;r=n.maxURL-e-n.path.length-i.length}return r}function le(e){return e===404}var ue=(e,t,n)=>{let r=[],i=ce(e,t),a=`icons`,o={type:a,provider:e,prefix:t,icons:[]},s=0;return n.forEach((n,c)=>{s+=n.length+1,s>=i&&c>0&&(r.push(o),o={type:a,provider:e,prefix:t,icons:[]},s=n.length),o.icons.push(n)}),r.push(o),r};function de(e){if(typeof e==`string`){let t=H(e);if(t)return t.path}return`/`}var fe={prepare:ue,send:(e,t,n)=>{if(!U){n(`abort`,424);return}let r=de(t.provider);switch(t.type){case`icons`:{let e=t.prefix,n=t.icons.join(`,`),i=new URLSearchParams({icons:n});r+=e+`.json?`+i.toString();break}case`custom`:{let e=t.uri;r+=e.slice(0,1)===`/`?e.slice(1):e;break}default:n(`abort`,400);return}let i=503;U(e+r).then(e=>{let t=e.status;if(t!==200){setTimeout(()=>{n(le(t)?`abort`:`next`,t)});return}return i=501,e.json()}).then(e=>{if(typeof e!=`object`||!e){setTimeout(()=>{e===404?n(`abort`,e):n(`next`,i)});return}setTimeout(()=>{n(`success`,e)})}).catch(()=>{n(`next`,i)})}};function W(e,t){e.forEach(e=>{let n=e.loaderCallbacks;n&&(e.loaderCallbacks=n.filter(e=>e.id!==t))})}function pe(e){e.pendingCallbacksFlag||(e.pendingCallbacksFlag=!0,setTimeout(()=>{e.pendingCallbacksFlag=!1;let t=e.loaderCallbacks?e.loaderCallbacks.slice(0):[];if(!t.length)return;let n=!1,r=e.provider,i=e.prefix;t.forEach(t=>{let a=t.icons,o=a.pending.length;a.pending=a.pending.filter(t=>{if(t.prefix!==i)return!0;let o=t.name;if(e.icons[o])a.loaded.push({provider:r,prefix:i,name:o});else if(e.missing.has(o))a.missing.push({provider:r,prefix:i,name:o});else return n=!0,!0;return!1}),a.pending.length!==o&&(n||W([e],t.id),t.callback(a.loaded.slice(0),a.missing.slice(0),a.pending.slice(0),t.abort))})}))}var me=0;function he(e,t,n){let r=me++,i=W.bind(null,n,r);if(!t.pending.length)return i;let a={id:r,icons:t,callback:e,abort:i};return n.forEach(e=>{(e.loaderCallbacks||=[]).push(a)}),i}function ge(e){let t={loaded:[],missing:[],pending:[]},n=Object.create(null);e.sort((e,t)=>e.provider===t.provider?e.prefix===t.prefix?e.name.localeCompare(t.name):e.prefix.localeCompare(t.prefix):e.provider.localeCompare(t.provider));let r={provider:``,prefix:``,name:``};return e.forEach(e=>{if(r.name===e.name&&r.prefix===e.prefix&&r.provider===e.provider)return;r=e;let i=e.provider,a=e.prefix,o=e.name,s=n[i]||(n[i]=Object.create(null)),c=s[a]||(s[a]=b(i,a)),l;l=o in c.icons?t.loaded:a===``||c.missing.has(o)?t.missing:t.pending;let u={provider:i,prefix:a,name:o};l.push(u)}),t}function _e(e,t=!0,n=!1){let r=[];return e.forEach(e=>{let a=typeof e==`string`?i(e,t,n):e;a&&r.push(a)}),r}var ve={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function ye(e,t,n,r){let i=e.resources.length,a=e.random?Math.floor(Math.random()*i):e.index,o;if(e.random){let t=e.resources.slice(0);for(o=[];t.length>1;){let e=Math.floor(Math.random()*t.length);o.push(t[e]),t=t.slice(0,e).concat(t.slice(e+1))}o=o.concat(t)}else o=e.resources.slice(a).concat(e.resources.slice(0,a));let s=Date.now(),c=`pending`,l=0,u,d=null,f=[],p=[];typeof r==`function`&&p.push(r);function m(){d&&=(clearTimeout(d),null)}function h(){c===`pending`&&(c=`aborted`),m(),f.forEach(e=>{e.status===`pending`&&(e.status=`aborted`)}),f=[]}function g(e,t){t&&(p=[]),typeof e==`function`&&p.push(e)}function _(){return{startTime:s,payload:t,status:c,queriesSent:l,queriesPending:f.length,subscribe:g,abort:h}}function v(){c=`failed`,p.forEach(e=>{e(void 0,u)})}function y(){f.forEach(e=>{e.status===`pending`&&(e.status=`aborted`)}),f=[]}function b(t,n,r){let i=n!==`success`;switch(f=f.filter(e=>e!==t),c){case`pending`:break;case`failed`:if(i||!e.dataAfterTimeout)return;break;default:return}if(n===`abort`){u=r,v();return}if(i){u=r,f.length||(o.length?x():v());return}if(m(),y(),!e.random){let n=e.resources.indexOf(t.resource);n!==-1&&n!==e.index&&(e.index=n)}c=`completed`,p.forEach(e=>{e(r)})}function x(){if(c!==`pending`)return;m();let r=o.shift();if(r===void 0){if(f.length){d=setTimeout(()=>{m(),c===`pending`&&(y(),v())},e.timeout);return}v();return}let i={status:`pending`,resource:r,callback:(e,t)=>{b(i,e,t)}};f.push(i),l++,d=setTimeout(x,e.rotate),n(r,t,i.callback)}return setTimeout(x),_}function G(e){let t={...ve,...e},n=[];function r(){n=n.filter(e=>e().status===`pending`)}function i(e,i,a){let o=ye(t,e,i,(e,t)=>{r(),a&&a(e,t)});return n.push(o),o}function a(e){return n.find(t=>e(t))||null}return{query:i,find:a,setIndex:e=>{t.index=e},getIndex:()=>t.index,cleanup:r}}function K(){}var q=Object.create(null);function be(e){if(!q[e]){let t=H(e);if(!t)return;q[e]={config:t,redundancy:G(t)}}return q[e]}function xe(e,t,n){let r,i;if(typeof e==`string`){let t=L(e);if(!t)return n(void 0,424),K;i=t.send;let a=be(e);a&&(r=a.redundancy)}else{let t=R(e);if(t){r=G(t);let n=L(e.resources?e.resources[0]:``);n&&(i=n.send)}}return!r||!i?(n(void 0,424),K):r.query(t,i,n)().abort}function Se(){}function Ce(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,pe(e)}))}function we(e){let t=[],n=[];return e.forEach(e=>{(e.match(r)?t:n).push(e)}),{valid:t,invalid:n}}function J(e,t,n){function r(){let n=e.pendingIcons;t.forEach(t=>{n&&n.delete(t),e.icons[t]||e.missing.add(t)})}if(n&&typeof n==`object`)try{if(!x(e,n).length){r();return}}catch(e){console.error(e)}r(),Ce(e)}function Te(e,t){e instanceof Promise?e.then(e=>{t(e)}).catch(()=>{t(null)}):t(e)}function Ee(e,t){e.iconsToLoad?e.iconsToLoad=e.iconsToLoad.concat(t).sort():e.iconsToLoad=t,e.iconsQueueFlag||(e.iconsQueueFlag=!0,setTimeout(()=>{e.iconsQueueFlag=!1;let{provider:t,prefix:n}=e,i=e.iconsToLoad;if(delete e.iconsToLoad,!i||!i.length)return;let a=e.loadIcon;if(e.loadIcons&&(i.length>1||!a)){Te(e.loadIcons(i,n,t),t=>{J(e,i,t)});return}if(a){i.forEach(r=>{Te(a(r,n,t),t=>{J(e,[r],t?{prefix:n,icons:{[r]:t}}:null)})});return}let{valid:o,invalid:s}=we(i);if(s.length&&J(e,s,null),!o.length)return;let c=n.match(r)?L(t):null;if(!c){J(e,o,null);return}c.prepare(t,n,o).forEach(n=>{xe(t,n,t=>{J(e,n.icons,t)})})}))}var De=(e,t)=>{let n=ge(_e(e,!0,C()));if(!n.pending.length){let e=!0;return t&&setTimeout(()=>{e&&t(n.loaded,n.missing,n.pending,Se)}),()=>{e=!1}}let r=Object.create(null),i=[],a,o;return n.pending.forEach(e=>{let{provider:t,prefix:n}=e;if(n===o&&t===a)return;a=t,o=n,i.push(b(t,n));let s=r[t]||(r[t]=Object.create(null));s[n]||(s[n]=[])}),n.pending.forEach(e=>{let{provider:t,prefix:n,name:i}=e,a=b(t,n),o=a.pendingIcons||=new Set;o.has(i)||(o.add(i),r[t][n].push(i))}),i.forEach(e=>{let t=r[e.provider][e.prefix];t.length&&Ee(e,t)}),t?he(t,n,i):Se};function Oe(e,t){let n={...e};for(let e in t){let r=t[e],i=typeof r;e in D?(r===null||r&&(i===`string`||i===`number`))&&(n[e]=r):i===typeof n[e]&&(n[e]=e===`rotate`?r%4:r)}return n}var ke=/[\s,]+/;function Ae(e,t){t.split(ke).forEach(t=>{switch(t.trim()){case`horizontal`:e.hFlip=!0;break;case`vertical`:e.vFlip=!0;break}})}function je(e,t=0){let n=e.replace(/^-?[0-9.]*/,``);function r(e){for(;e<0;)e+=4;return e%4}if(n===``){let t=parseInt(e);return isNaN(t)?0:r(t)}else if(n!==e){let t=0;switch(n){case`%`:t=25;break;case`deg`:t=90}if(t){let i=parseFloat(e.slice(0,e.length-n.length));return isNaN(i)?0:(i/=t,i%1==0?r(i):0)}}return t}function Me(e,t){let n=e.indexOf(`xlink:`)===-1?``:` xmlns:xlink="http://www.w3.org/1999/xlink"`;for(let e in t)n+=` `+e+`="`+t[e]+`"`;return`<svg xmlns="http://www.w3.org/2000/svg"`+n+`>`+e+`</svg>`}function Ne(e){return e.replace(/"/g,`'`).replace(/%/g,`%25`).replace(/#/g,`%23`).replace(/</g,`%3C`).replace(/>/g,`%3E`).replace(/\s+/g,` `)}function Pe(e){return`data:image/svg+xml,`+Ne(e)}function Fe(e){return`url("`+Pe(e)+`")`}var Ie={...O,inline:!1},Le={xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`,"aria-hidden":!0,role:`img`},Re={display:`inline-block`},Y={backgroundColor:`currentColor`},ze={backgroundColor:`transparent`},X={Image:`var(--svg)`,Repeat:`no-repeat`,Size:`100% 100%`},Be={webkitMask:Y,mask:Y,background:ze};for(let e in Be){let t=Be[e];for(let n in X)t[e+n]=X[n]}var Z={};[`horizontal`,`vertical`].forEach(e=>{let t=e.slice(0,1)+`Flip`;Z[e+`-flip`]=t,Z[e.slice(0,1)+`-flip`]=t,Z[e+`Flip`]=t});function Ve(e){return e+(e.match(/^[-0-9.]+$/)?`px`:``)}var He=(e,n)=>{let r=Oe(Ie,n),i={...Le},a=n.mode||`svg`,o={},s=n.style,c=typeof s==`object`&&!(s instanceof Array)?s:{};for(let e in n){let t=n[e];if(t!==void 0)switch(e){case`icon`:case`style`:case`onLoad`:case`mode`:case`ssr`:case`customise`:break;case`inline`:case`hFlip`:case`vFlip`:r[e]=t===!0||t===`true`||t===1;break;case`flip`:typeof t==`string`&&Ae(r,t);break;case`color`:o.color=t;break;case`rotate`:typeof t==`string`?r[e]=je(t):typeof t==`number`&&(r[e]=t);break;case`ariaHidden`:case`aria-hidden`:t!==!0&&t!==`true`&&delete i[`aria-hidden`];break;default:{let n=Z[e];n?(t===!0||t===`true`||t===1)&&(r[n]=!0):Ie[e]===void 0&&(i[e]=t)}}}let l=ie(e,r),u=l.attributes;if(r.inline&&(o.verticalAlign=`-0.125em`),a===`svg`)return i.style={...o,...c},Object.assign(i,u),i.innerHTML=F(l.body),(0,t.h)(`svg`,i);let{body:d,width:f,height:p}=e,m=a===`mask`||(a===`bg`?!1:d.indexOf(`currentColor`)!==-1),h=Me(d,{...u,width:f+``,height:p+``});return i.style={...o,"--svg":Fe(h),width:Ve(u.width),height:Ve(u.height),...Re,...m?Y:ze,...c},(0,t.h)(`span`,i)};if(C(!0),oe(``,fe),typeof document<`u`&&typeof window<`u`){let e=window;if(e.IconifyPreload!==void 0){let t=e.IconifyPreload,n=`Invalid IconifyPreload syntax.`;typeof t==`object`&&t&&(t instanceof Array?t:[t]).forEach(e=>{try{(typeof e!=`object`||!e||e instanceof Array||typeof e.icons!=`object`||typeof e.prefix!=`string`||!E(e))&&console.error(n)}catch{console.error(n)}})}if(e.IconifyProviders!==void 0){let t=e.IconifyProviders;if(typeof t==`object`&&t)for(let e in t){let n=`IconifyProviders[`+e+`] is invalid.`;try{let r=t[e];if(typeof r!=`object`||!r||r.resources===void 0)continue;se(e,r)||console.error(n)}catch{console.error(n)}}}}var Ue={...l,body:``},We=(0,t.defineComponent)((e,{emit:n})=>{let r=(0,t.ref)(null);function a(){r.value&&=(r.value.abort?.(),null)}let o=(0,t.ref)(!!e.ssr),s=(0,t.ref)(``),c=(0,t.shallowRef)(null);function u(){let o=e.icon;if(typeof o==`object`&&o&&typeof o.body==`string`)return s.value=``,{data:o};let c;if(typeof o!=`string`||(c=i(o,!1,!0))===null)return null;let l=w(c);if(!l){let e=r.value;return(!e||e.name!==o)&&(l===null?r.value={name:o}:r.value={name:o,abort:De([c],d)}),null}a(),s.value!==o&&(s.value=o,(0,t.nextTick)(()=>{n(`load`,o)}));let u=e.customise;if(u){l=Object.assign({},l);let e=u(l.body,c.name,c.prefix,c.provider);typeof e==`string`&&(l.body=e)}let f=[`iconify`];return c.prefix!==``&&f.push(`iconify--`+c.prefix),c.provider!==``&&f.push(`iconify--`+c.provider),{data:l,classes:f}}function d(){let e=u();e?e.data!==c.value?.data&&(c.value=e):c.value=null}return o.value?d():(0,t.onMounted)(()=>{o.value=!0,d()}),(0,t.watch)(()=>e.icon,d),(0,t.onUnmounted)(a),()=>{let t=c.value;if(!t)return He(Ue,e);let n=e;return t.classes&&(n={...e,class:t.classes.join(` `)}),He({...l,...t.data},n)}},{props:[`icon`,`mode`,`ssr`,`width`,`height`,`style`,`color`,`inline`,`rotate`,`hFlip`,`horizontalFlip`,`vFlip`,`verticalFlip`,`flip`,`id`,`ariaHidden`,`customise`,`title`],emits:[`load`]}),Ge={prefix:`mdi`,icons:{"alert-circle":{width:24,height:24,body:`<path fill="currentColor" d="M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/>`},"arrow-up":{width:24,height:24,body:`<path fill="currentColor" d="M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8v12Z"/>`},"calendar-outline":{width:24,height:24,body:`<path fill="currentColor" d="M12 12h5v5h-5v-5m7-9h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v2H5V5h14M5 19V9h14v10H5Z"/>`},check:{width:24,height:24,body:`<path fill="currentColor" d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z"/>`},"check-circle":{width:24,height:24,body:`<path fill="currentColor" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"/>`},"chevron-right":{width:24,height:24,body:`<path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.42Z"/>`},"clock-outline":{width:24,height:24,body:`<path fill="currentColor" d="M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7h1.5Z"/>`},close:{width:24,height:24,body:`<path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/>`},"close-circle":{width:24,height:24,body:`<path fill="currentColor" d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z"/>`},"content-copy":{width:24,height:24,body:`<path fill="currentColor" d="M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12V1Z"/>`},loading:{width:24,height:24,body:`<path fill="currentColor" d="M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8Z"/>`},magnify:{width:24,height:24,body:`<path fill="currentColor" d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z"/>`},"menu-down":{width:24,height:24,body:`<path fill="currentColor" d="m7 10l5 5l5-5H7Z"/>`},"menu-right":{width:24,height:24,body:`<path fill="currentColor" d="m10 17l5-5l-5-5v10Z"/>`}}},Ke=!1;function qe(){Ke||=(E(Ge),!0)}qe();function Je(e){return e.includes(`:`)}function Ye(e){return e?typeof e==`string`?Je(e)?(0,t.h)(We,{icon:e}):(0,t.h)(`i`,{class:e}):e:null}function Q(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function Xe(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>Q(n),e:e=>e?Q(n,e):``,m:e=>e?Q(n,``,e):``,em:(e,t)=>e&&t?Q(n,e,t):``,is:e=>`is-${e}`}}var Ze={dataSource:{type:Array,default:()=>[]},targetKeys:{type:Array,default:()=>[]},selectedKeys:{type:Array,default:()=>[]},titles:{type:Array,default:()=>[``,``]},operations:{type:Array,default:()=>[`>`,`<`]},showSearch:{type:Boolean,default:!1},filterOption:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},render:{type:Function,default:void 0},locale:{type:Object,default:()=>({})},pagination:{type:[Boolean,Number],default:!1},draggable:{type:Boolean,default:!1},selectionsIcon:{type:[String,Object],default:void 0}},Qe={itemUnit:`项`,itemsUnit:`项`,notFoundContent:`列表为空`,searchPlaceholder:`请输入搜索内容`};function $e(e,t){let n=new Set(t),r=[],i=[],a=new Map;for(let t of e)n.has(t.key)?a.set(t.key,t):r.push(t);for(let e of t){let t=a.get(e);t&&i.push(t)}return{left:r,right:i}}var $=(0,t.defineComponent)({name:`CTransfer`,props:Ze,emits:[`update:targetKeys`,`update:selectedKeys`,`change`,`select-change`,`search`],setup(e,{emit:r,slots:i}){let a=Xe(`transfer`),o=(0,t.inject)(n,null),s=(0,t.shallowRef)(``),c=(0,t.shallowRef)(``),l=(0,t.shallowRef)(1),u=(0,t.shallowRef)(1),d=(0,t.shallowRef)(null),f=(0,t.shallowRef)(null),p=(0,t.computed)(()=>e.pagination===!1?0:e.pagination===!0?10:Math.max(1,e.pagination)),m=(0,t.computed)(()=>$e(e.dataSource,e.targetKeys)),h=(0,t.computed)(()=>({...Qe,...e.locale}));function g(t,n){if(!n)return t;let r=e.filterOption;if(r)return t.filter(e=>r(n,e));let i=n.toLowerCase();return t.filter(e=>(e.title??e.key).toLowerCase().includes(i))}let _=(0,t.computed)(()=>g(m.value.left,s.value)),v=(0,t.computed)(()=>g(m.value.right,c.value));function y(e,t){if(p.value<=0)return e;let n=(t-1)*p.value;return e.slice(n,n+p.value)}let b=(0,t.computed)(()=>y(_.value,l.value)),x=(0,t.computed)(()=>y(v.value,u.value));function ee(e){return p.value<=0?1:Math.max(1,Math.ceil(e.length/p.value))}let S=(0,t.computed)(()=>new Set(e.selectedKeys)),C=(0,t.computed)(()=>_.value.filter(e=>S.value.has(e.key)&&!e.disabled)),w=(0,t.computed)(()=>v.value.filter(e=>S.value.has(e.key)&&!e.disabled)),T=(0,t.computed)(()=>{let e=_.value.filter(e=>!e.disabled);return e.length>0&&e.every(e=>S.value.has(e.key))}),E=(0,t.computed)(()=>{let e=v.value.filter(e=>!e.disabled);return e.length>0&&e.every(e=>S.value.has(e.key))}),D=(0,t.computed)(()=>C.value.length>0&&!T.value),O=(0,t.computed)(()=>w.value.length>0&&!E.value);function k(t){r(`update:selectedKeys`,t),r(`select-change`,t.filter(t=>!e.targetKeys.includes(t)),t.filter(t=>e.targetKeys.includes(t)))}function A(t,n){if(n||e.disabled)return;let r=new Set(e.selectedKeys);r.has(t)?r.delete(t):r.add(t),k(Array.from(r))}function j(t,n){if(e.disabled)return;let r=(t===`left`?_.value:v.value).filter(e=>!e.disabled).map(e=>e.key),i=new Set(e.selectedKeys);if(n)for(let e of r)i.add(e);else for(let e of r)i.delete(e);k(Array.from(i))}function M(t){if(e.disabled)return;let n=(t===`right`?C.value:w.value).map(e=>e.key);if(n.length===0)return;let i;if(t===`right`)i=[...e.targetKeys,...n.filter(t=>!e.targetKeys.includes(t))];else{let t=new Set(n);i=e.targetKeys.filter(e=>!t.has(e))}let a=new Set(n),s=e.selectedKeys.filter(e=>!a.has(e));r(`update:targetKeys`,i),r(`change`,i,t,n),r(`update:selectedKeys`,s),o?.validate(`change`)}function te(e,t){e===`left`?(s.value=t,l.value=1):(c.value=t,u.value=1),r(`search`,e,t)}function ne(e){d.value=e}function re(e,t){t.preventDefault(),f.value=e}function ie(){if(d.value&&f.value&&d.value!==f.value){let t=[...e.targetKeys],n=t.indexOf(d.value),i=t.indexOf(f.value);n>=0&&i>=0&&(t.splice(n,1),t.splice(i,0,d.value),r(`update:targetKeys`,t),r(`change`,t,`right`,[d.value]))}d.value=null,f.value=null}function ae(t){return i.render?i.render({item:t}):e.render?e.render(t):t.title??String(t.key)}function N(n,r){let o=r.length,s=n===`left`?T.value:E.value,c=n===`left`?D.value:O.value,l=n===`left`?C.value.length:w.value.length,u=n===`left`?e.titles[0]:e.titles[1],d=o===1?h.value.itemUnit:h.value.itemsUnit,f=l>0?`${l}/${o} ${d}`:`${o} ${d}`;return(0,t.createVNode)(`div`,{class:a.e(`header`)},[(0,t.createVNode)(`input`,{type:`checkbox`,class:a.e(`header-checkbox`),checked:s,disabled:e.disabled||o===0,"aria-checked":c?`mixed`:s?`true`:`false`,ref:e=>{e&&(e.indeterminate=c)},onChange:e=>j(n,e.target.checked)},null),i.selectAllLabels?i.selectAllLabels({direction:n,selectedCount:l,totalCount:o}):(0,t.createVNode)(`span`,{class:a.e(`header-count`)},[f]),(()=>{let r=i.selectionsIcon?i.selectionsIcon({direction:n,selectedCount:l,totalCount:o}):Ye(e.selectionsIcon);return r?(0,t.createVNode)(`span`,{class:a.e(`header-icon`)},[r]):null})(),u&&(0,t.createVNode)(`span`,{class:a.e(`header-title`)},[u])])}function P(n){if(!e.showSearch)return null;let r=n===`left`?s.value:c.value;return(0,t.createVNode)(`div`,{class:a.e(`search`)},[(0,t.createVNode)(`input`,{class:a.e(`search-input`),type:`text`,value:r,placeholder:h.value.searchPlaceholder,disabled:e.disabled,onInput:e=>te(n,e.target.value)},null)])}function F(e,n){if(p.value<=0)return null;let r=ee(n);if(r<=1)return null;let i=e===`left`?l.value:u.value,o=t=>{e===`left`?l.value=t:u.value=t};return(0,t.createVNode)(`div`,{class:a.e(`pagination`)},[(0,t.createVNode)(`button`,{type:`button`,class:a.e(`page-btn`),disabled:i<=1,onClick:()=>o(i-1)},[(0,t.createTextVNode)(`‹`)]),(0,t.createVNode)(`span`,{class:a.e(`page-info`)},[i,(0,t.createTextVNode)(` / `),r]),(0,t.createVNode)(`button`,{type:`button`,class:a.e(`page-btn`),disabled:i>=r,onClick:()=>o(i+1)},[(0,t.createTextVNode)(`›`)])])}function I(n){let r=n===`left`?_.value:v.value,i=n===`left`?b.value:x.value,o=n===`right`&&e.draggable;return(0,t.createVNode)(`div`,{class:a.e(`column`)},[N(n,r),P(n),r.length===0?(0,t.createVNode)(`div`,{class:a.e(`empty`)},[h.value.notFoundContent]):(0,t.createVNode)(`ul`,{class:a.e(`list`),role:`listbox`,"aria-multiselectable":`true`},[i.map(n=>{let r=S.value.has(n.key),i=!!n.disabled||e.disabled;return(0,t.createVNode)(`li`,{key:n.key,class:[a.e(`item`),r?a.is(`checked`):``,i?a.is(`disabled`):``],role:`option`,"aria-selected":r,"aria-disabled":i,draggable:o&&!i,onClick:()=>A(n.key,i),onDragstart:()=>o&&ne(n.key),onDragover:e=>o&&re(n.key,e),onDragend:()=>o&&ie()},[(0,t.createVNode)(`input`,{type:`checkbox`,class:a.e(`item-checkbox`),checked:r,disabled:i,onClick:e=>e.stopPropagation(),onChange:()=>A(n.key,i)},null),(0,t.createVNode)(`span`,{class:a.e(`item-content`)},[ae(n)])])})]),F(n,r)])}function oe(){return(0,t.createVNode)(`div`,{class:a.e(`operations`)},[(0,t.createVNode)(`button`,{type:`button`,class:[a.e(`operation`),a.em(`operation`,`right`)],disabled:e.disabled||C.value.length===0,onClick:()=>M(`right`)},[e.operations[0]]),(0,t.createVNode)(`button`,{type:`button`,class:[a.e(`operation`),a.em(`operation`,`left`)],disabled:e.disabled||w.value.length===0,onClick:()=>M(`left`)},[e.operations[1]])])}return()=>(0,t.createVNode)(`div`,{class:[a.b(),e.disabled?a.is(`disabled`):``]},[I(`left`),oe(),I(`right`)])}});$.install=function(e){e.component($.name,$)},e.Transfer=$,e.default={title:`Transfer 穿梭框`,category:`数据录入`,status:`80%`,install(e){e.component($.name,$)}}});
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType, VNode } from 'vue';
|
|
2
|
+
export type TransferDirection = 'left' | 'right';
|
|
3
|
+
export interface TransferItem {
|
|
4
|
+
key: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
[extra: string]: unknown;
|
|
9
|
+
}
|
|
10
|
+
export interface TransferLocale {
|
|
11
|
+
itemUnit?: string;
|
|
12
|
+
itemsUnit?: string;
|
|
13
|
+
notFoundContent?: string;
|
|
14
|
+
searchPlaceholder?: string;
|
|
15
|
+
}
|
|
16
|
+
export type TransferRender = (item: TransferItem) => unknown;
|
|
17
|
+
export declare const transferProps: {
|
|
18
|
+
readonly dataSource: {
|
|
19
|
+
readonly type: PropType<TransferItem[]>;
|
|
20
|
+
readonly default: () => never[];
|
|
21
|
+
};
|
|
22
|
+
readonly targetKeys: {
|
|
23
|
+
readonly type: PropType<string[]>;
|
|
24
|
+
readonly default: () => never[];
|
|
25
|
+
};
|
|
26
|
+
readonly selectedKeys: {
|
|
27
|
+
readonly type: PropType<string[]>;
|
|
28
|
+
readonly default: () => never[];
|
|
29
|
+
};
|
|
30
|
+
readonly titles: {
|
|
31
|
+
readonly type: PropType<[string, string]>;
|
|
32
|
+
readonly default: () => string[];
|
|
33
|
+
};
|
|
34
|
+
readonly operations: {
|
|
35
|
+
readonly type: PropType<[string, string]>;
|
|
36
|
+
readonly default: () => string[];
|
|
37
|
+
};
|
|
38
|
+
readonly showSearch: {
|
|
39
|
+
readonly type: BooleanConstructor;
|
|
40
|
+
readonly default: false;
|
|
41
|
+
};
|
|
42
|
+
readonly filterOption: {
|
|
43
|
+
readonly type: PropType<(input: string, item: TransferItem) => boolean>;
|
|
44
|
+
readonly default: undefined;
|
|
45
|
+
};
|
|
46
|
+
readonly disabled: {
|
|
47
|
+
readonly type: BooleanConstructor;
|
|
48
|
+
readonly default: false;
|
|
49
|
+
};
|
|
50
|
+
readonly render: {
|
|
51
|
+
readonly type: PropType<TransferRender>;
|
|
52
|
+
readonly default: undefined;
|
|
53
|
+
};
|
|
54
|
+
readonly locale: {
|
|
55
|
+
readonly type: PropType<TransferLocale>;
|
|
56
|
+
readonly default: () => {};
|
|
57
|
+
};
|
|
58
|
+
readonly pagination: {
|
|
59
|
+
readonly type: PropType<boolean | number>;
|
|
60
|
+
readonly default: false;
|
|
61
|
+
};
|
|
62
|
+
readonly draggable: {
|
|
63
|
+
readonly type: BooleanConstructor;
|
|
64
|
+
readonly default: false;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* 头部全选区右侧的状态图标。接 string(Iconify name / CSS class)或 VNode;
|
|
68
|
+
* 同名 `selectionsIcon` slot 优先级最高,scope 为 `{ direction, selectedCount, totalCount }`。
|
|
69
|
+
*/
|
|
70
|
+
readonly selectionsIcon: {
|
|
71
|
+
readonly type: PropType<string | VNode>;
|
|
72
|
+
readonly default: undefined;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
export type TransferProps = ExtractPropTypes<typeof transferProps>;
|
|
76
|
+
export declare const DEFAULT_LOCALE: Required<TransferLocale>;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import type { VNode } from 'vue';
|
|
2
|
+
import type { TransferItem } from './transfer-types';
|
|
3
|
+
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
readonly disabled: boolean;
|
|
6
|
+
readonly locale: import("./transfer-types").TransferLocale;
|
|
7
|
+
readonly pagination: number | boolean;
|
|
8
|
+
readonly showSearch: boolean;
|
|
9
|
+
readonly selectedKeys: string[];
|
|
10
|
+
readonly draggable: boolean;
|
|
11
|
+
readonly dataSource: TransferItem[];
|
|
12
|
+
readonly targetKeys: string[];
|
|
13
|
+
readonly titles: [string, string];
|
|
14
|
+
readonly operations: [string, string];
|
|
15
|
+
readonly filterOption?: ((input: string, item: TransferItem) => boolean) | undefined;
|
|
16
|
+
readonly render?: import("./transfer-types").TransferRender | undefined;
|
|
17
|
+
readonly selectionsIcon?: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}> | undefined;
|
|
20
|
+
}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "change" | "update:selectedKeys" | "update:targetKeys" | "select-change")[], "search" | "change" | "update:selectedKeys" | "update:targetKeys" | "select-change", import("vue").PublicProps, Readonly<{
|
|
21
|
+
readonly disabled: boolean;
|
|
22
|
+
readonly locale: import("./transfer-types").TransferLocale;
|
|
23
|
+
readonly pagination: number | boolean;
|
|
24
|
+
readonly showSearch: boolean;
|
|
25
|
+
readonly selectedKeys: string[];
|
|
26
|
+
readonly draggable: boolean;
|
|
27
|
+
readonly dataSource: TransferItem[];
|
|
28
|
+
readonly targetKeys: string[];
|
|
29
|
+
readonly titles: [string, string];
|
|
30
|
+
readonly operations: [string, string];
|
|
31
|
+
readonly filterOption?: ((input: string, item: TransferItem) => boolean) | undefined;
|
|
32
|
+
readonly render?: import("./transfer-types").TransferRender | undefined;
|
|
33
|
+
readonly selectionsIcon?: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
34
|
+
[key: string]: any;
|
|
35
|
+
}> | undefined;
|
|
36
|
+
}> & Readonly<{
|
|
37
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
onSearch?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
"onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
|
|
40
|
+
"onUpdate:targetKeys"?: ((...args: any[]) => any) | undefined;
|
|
41
|
+
"onSelect-change"?: ((...args: any[]) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
readonly disabled: boolean;
|
|
44
|
+
readonly filterOption: (input: string, item: TransferItem) => boolean;
|
|
45
|
+
readonly locale: import("./transfer-types").TransferLocale;
|
|
46
|
+
readonly pagination: number | boolean;
|
|
47
|
+
readonly render: import("./transfer-types").TransferRender;
|
|
48
|
+
readonly showSearch: boolean;
|
|
49
|
+
readonly selectedKeys: string[];
|
|
50
|
+
readonly draggable: boolean;
|
|
51
|
+
readonly dataSource: TransferItem[];
|
|
52
|
+
readonly targetKeys: string[];
|
|
53
|
+
readonly titles: [string, string];
|
|
54
|
+
readonly operations: [string, string];
|
|
55
|
+
readonly selectionsIcon: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
56
|
+
[key: string]: any;
|
|
57
|
+
}>;
|
|
58
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
59
|
+
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-transfer{align-items:stretch;gap:12px;display:inline-flex}.ccui-transfer.is-disabled{pointer-events:none;opacity:.6}.ccui-transfer__column{background:#fff;border:1px solid #e8e8e8;border-radius:6px;flex-direction:column;width:200px;max-height:320px;display:flex;overflow:hidden}.ccui-transfer__header{color:#000000d9;background:#fafafa;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.ccui-transfer__header-checkbox{cursor:pointer;accent-color:var(--ccui-color-primary,#1677ff)}.ccui-transfer__header-count{color:#000000a6;font-size:12px}.ccui-transfer__header-icon{color:#00000073;align-items:center;font-size:12px;line-height:1;display:inline-flex}.ccui-transfer__header-title{color:#00000073;margin-left:auto;font-size:12px}.ccui-transfer__search{border-bottom:1px solid #f0f0f0;padding:8px 12px}.ccui-transfer__search-input{color:#000000e0;background:#fff;border:1px solid #d9d9d9;border-radius:4px;outline:0;width:100%;height:28px;padding:0 8px;font-size:13px;transition:border-color .2s}.ccui-transfer__search-input:focus{border-color:var(--ccui-color-primary,#1677ff)}.ccui-transfer__search-input::placeholder{color:#00000040}.ccui-transfer__list{flex:1;margin:0;padding:4px 0;list-style:none;overflow:auto}.ccui-transfer__empty{color:#00000040;flex:1;justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}.ccui-transfer__item{color:#000000d9;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:background .2s;display:flex}.ccui-transfer__item:hover{background:#0000000a}.ccui-transfer__item.is-checked{background:var(--ccui-color-primary-bg,#e6f4ff)}.ccui-transfer__item.is-disabled{color:#00000040;cursor:not-allowed;background:0 0}.ccui-transfer__item-checkbox{cursor:pointer;accent-color:var(--ccui-color-primary,#1677ff)}.ccui-transfer__item-content{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ccui-transfer__operations{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;display:flex}.ccui-transfer__operation{color:#000000e0;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;width:32px;height:28px;padding:0;font-size:13px;transition:background .2s,border-color .2s}.ccui-transfer__operation:hover:not(:disabled){border-color:var(--ccui-color-primary,#1677ff);color:var(--ccui-color-primary,#1677ff)}.ccui-transfer__operation:disabled{color:#00000040;cursor:not-allowed;background:#f5f5f5}
|
|
2
|
+
/*$vite$:1*/
|
package/tree/index.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComputedRef } from 'vue';
|
|
2
|
+
import type { FlattenAllResult } from './use-tree-flatten';
|
|
3
|
+
import type { TreeNodeKey } from '../tree-types';
|
|
4
|
+
export interface CheckedState {
|
|
5
|
+
checked: Set<TreeNodeKey>;
|
|
6
|
+
halfChecked: Set<TreeNodeKey>;
|
|
7
|
+
}
|
|
8
|
+
export declare function useCheckedDerived(flatAll: ComputedRef<FlattenAllResult>, checkedKeys: ComputedRef<Set<TreeNodeKey>>, checkStrictly: ComputedRef<boolean>): ComputedRef<CheckedState>;
|
|
9
|
+
export declare function computeNextCheckedKeys(flat: FlattenAllResult, current: Set<TreeNodeKey>, toggleKey: TreeNodeKey, checkStrictly: boolean): TreeNodeKey[];
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import type { FlattenedTreeNode, TreeFieldNames, TreeFilterPredicate, TreeNodeData, TreeNodeKey } from '../tree-types';
|
|
3
|
+
export declare function resolveFieldNames(input?: TreeFieldNames): Required<TreeFieldNames>;
|
|
4
|
+
export interface FlattenAllResult {
|
|
5
|
+
flatAll: FlattenedTreeNode[];
|
|
6
|
+
byKey: Map<TreeNodeKey, FlattenedTreeNode>;
|
|
7
|
+
childrenByKey: Map<TreeNodeKey, FlattenedTreeNode[]>;
|
|
8
|
+
rootKeys: TreeNodeKey[];
|
|
9
|
+
}
|
|
10
|
+
export declare function useTreeFlattenAll(data: Ref<TreeNodeData[]>, fieldNames: ComputedRef<Required<TreeFieldNames>>): ComputedRef<FlattenAllResult>;
|
|
11
|
+
export declare function useTreeVisible(flatAll: ComputedRef<FlattenAllResult>, expandedKeys: ComputedRef<Set<TreeNodeKey>>, searchValue: Ref<string>, filterTreeNode?: ComputedRef<TreeFilterPredicate | undefined>): ComputedRef<FlattenedTreeNode[]>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import type { TreeNodeKey, TreeProps } from '../tree-types';
|
|
3
|
+
export declare function useControllableSet(controlled: ComputedRef<TreeNodeKey[] | undefined>, defaultValue: ComputedRef<TreeNodeKey[]>, emitUpdate: (next: TreeNodeKey[]) => void): {
|
|
4
|
+
current: ComputedRef<Set<TreeNodeKey>>;
|
|
5
|
+
setKeys: (keys: TreeNodeKey[]) => void;
|
|
6
|
+
};
|
|
7
|
+
export interface TreeStateContext {
|
|
8
|
+
selectedKeys: ComputedRef<Set<TreeNodeKey>>;
|
|
9
|
+
setSelectedKeys: (keys: TreeNodeKey[]) => void;
|
|
10
|
+
checkedKeys: ComputedRef<Set<TreeNodeKey>>;
|
|
11
|
+
setCheckedKeys: (keys: TreeNodeKey[]) => void;
|
|
12
|
+
expandedKeys: ComputedRef<Set<TreeNodeKey>>;
|
|
13
|
+
setExpandedKeys: (keys: TreeNodeKey[]) => void;
|
|
14
|
+
}
|
|
15
|
+
type TreeEmit = (event: 'update:selectedKeys' | 'update:checkedKeys' | 'update:expandedKeys', value: TreeNodeKey[]) => void;
|
|
16
|
+
export declare function useTreeState(props: TreeProps, initialExpandedAll: Ref<TreeNodeKey[]>, emit: TreeEmit): TreeStateContext;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType, VNodeChild } from 'vue';
|
|
2
|
+
import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
|
|
3
|
+
export type TreeNodeKey = string | number;
|
|
4
|
+
export interface TreeNodeData {
|
|
5
|
+
key?: TreeNodeKey;
|
|
6
|
+
title?: VNodeChild | string;
|
|
7
|
+
children?: TreeNodeData[];
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
disableCheckbox?: boolean;
|
|
10
|
+
selectable?: boolean;
|
|
11
|
+
isLeaf?: boolean;
|
|
12
|
+
icon?: VNodeChild;
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
}
|
|
15
|
+
export interface TreeFieldNames {
|
|
16
|
+
key?: string;
|
|
17
|
+
title?: string;
|
|
18
|
+
children?: string;
|
|
19
|
+
disabled?: string;
|
|
20
|
+
disableCheckbox?: string;
|
|
21
|
+
isLeaf?: string;
|
|
22
|
+
selectable?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface FlattenedTreeNode {
|
|
25
|
+
key: TreeNodeKey;
|
|
26
|
+
raw: TreeNodeData;
|
|
27
|
+
title: VNodeChild | string;
|
|
28
|
+
level: number;
|
|
29
|
+
parentKeys: TreeNodeKey[];
|
|
30
|
+
isLeaf: boolean;
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
disableCheckbox: boolean;
|
|
33
|
+
selectable: boolean;
|
|
34
|
+
hasChildren: boolean;
|
|
35
|
+
childKeys: TreeNodeKey[];
|
|
36
|
+
}
|
|
37
|
+
export interface TreeSelectInfo {
|
|
38
|
+
selectedKeys: TreeNodeKey[];
|
|
39
|
+
selected: boolean;
|
|
40
|
+
node: FlattenedTreeNode;
|
|
41
|
+
event: MouseEvent;
|
|
42
|
+
}
|
|
43
|
+
export interface TreeCheckInfo {
|
|
44
|
+
checkedKeys: TreeNodeKey[];
|
|
45
|
+
halfCheckedKeys: TreeNodeKey[];
|
|
46
|
+
checked: boolean;
|
|
47
|
+
node: FlattenedTreeNode;
|
|
48
|
+
event: MouseEvent;
|
|
49
|
+
}
|
|
50
|
+
export interface TreeExpandInfo {
|
|
51
|
+
expandedKeys: TreeNodeKey[];
|
|
52
|
+
expanded: boolean;
|
|
53
|
+
node: FlattenedTreeNode;
|
|
54
|
+
}
|
|
55
|
+
export type TreeExpandAction = 'click' | false;
|
|
56
|
+
export type TreeDropPosition = 'before' | 'inside' | 'after';
|
|
57
|
+
export interface TreeDropInfo {
|
|
58
|
+
event: DragEvent;
|
|
59
|
+
node: FlattenedTreeNode;
|
|
60
|
+
dragNode: FlattenedTreeNode;
|
|
61
|
+
dropPosition: TreeDropPosition;
|
|
62
|
+
}
|
|
63
|
+
export interface TreeFilterPredicate {
|
|
64
|
+
(node: TreeNodeData, parentKeys: TreeNodeKey[]): boolean;
|
|
65
|
+
}
|
|
66
|
+
export declare const treeProps: {
|
|
67
|
+
readonly data: {
|
|
68
|
+
readonly type: PropType<TreeNodeData[]>;
|
|
69
|
+
readonly default: () => never[];
|
|
70
|
+
};
|
|
71
|
+
readonly fieldNames: {
|
|
72
|
+
readonly type: PropType<TreeFieldNames>;
|
|
73
|
+
readonly default: () => {};
|
|
74
|
+
};
|
|
75
|
+
readonly selectable: {
|
|
76
|
+
readonly type: BooleanConstructor;
|
|
77
|
+
readonly default: true;
|
|
78
|
+
};
|
|
79
|
+
readonly multiple: {
|
|
80
|
+
readonly type: BooleanConstructor;
|
|
81
|
+
readonly default: false;
|
|
82
|
+
};
|
|
83
|
+
readonly selectedKeys: {
|
|
84
|
+
readonly type: PropType<TreeNodeKey[]>;
|
|
85
|
+
readonly default: undefined;
|
|
86
|
+
};
|
|
87
|
+
readonly defaultSelectedKeys: {
|
|
88
|
+
readonly type: PropType<TreeNodeKey[]>;
|
|
89
|
+
readonly default: () => never[];
|
|
90
|
+
};
|
|
91
|
+
readonly checkable: {
|
|
92
|
+
readonly type: BooleanConstructor;
|
|
93
|
+
readonly default: false;
|
|
94
|
+
};
|
|
95
|
+
readonly checkedKeys: {
|
|
96
|
+
readonly type: PropType<TreeNodeKey[]>;
|
|
97
|
+
readonly default: undefined;
|
|
98
|
+
};
|
|
99
|
+
readonly defaultCheckedKeys: {
|
|
100
|
+
readonly type: PropType<TreeNodeKey[]>;
|
|
101
|
+
readonly default: () => never[];
|
|
102
|
+
};
|
|
103
|
+
readonly checkStrictly: {
|
|
104
|
+
readonly type: BooleanConstructor;
|
|
105
|
+
readonly default: false;
|
|
106
|
+
};
|
|
107
|
+
readonly expandedKeys: {
|
|
108
|
+
readonly type: PropType<TreeNodeKey[]>;
|
|
109
|
+
readonly default: undefined;
|
|
110
|
+
};
|
|
111
|
+
readonly defaultExpandedKeys: {
|
|
112
|
+
readonly type: PropType<TreeNodeKey[]>;
|
|
113
|
+
readonly default: () => never[];
|
|
114
|
+
};
|
|
115
|
+
readonly defaultExpandAll: {
|
|
116
|
+
readonly type: BooleanConstructor;
|
|
117
|
+
readonly default: false;
|
|
118
|
+
};
|
|
119
|
+
readonly disabled: {
|
|
120
|
+
readonly type: BooleanConstructor;
|
|
121
|
+
readonly default: false;
|
|
122
|
+
};
|
|
123
|
+
readonly loadData: {
|
|
124
|
+
readonly type: PropType<(node: TreeNodeData) => Promise<void>>;
|
|
125
|
+
readonly default: undefined;
|
|
126
|
+
};
|
|
127
|
+
readonly draggable: {
|
|
128
|
+
readonly type: BooleanConstructor;
|
|
129
|
+
readonly default: false;
|
|
130
|
+
};
|
|
131
|
+
readonly showLine: {
|
|
132
|
+
readonly type: BooleanConstructor;
|
|
133
|
+
readonly default: false;
|
|
134
|
+
};
|
|
135
|
+
readonly blockNode: {
|
|
136
|
+
readonly type: BooleanConstructor;
|
|
137
|
+
readonly default: false;
|
|
138
|
+
};
|
|
139
|
+
readonly expandAction: {
|
|
140
|
+
readonly type: PropType<TreeExpandAction>;
|
|
141
|
+
readonly default: "click";
|
|
142
|
+
};
|
|
143
|
+
readonly searchValue: {
|
|
144
|
+
readonly type: StringConstructor;
|
|
145
|
+
readonly default: "";
|
|
146
|
+
};
|
|
147
|
+
readonly filterTreeNode: {
|
|
148
|
+
readonly type: PropType<TreeFilterPredicate>;
|
|
149
|
+
readonly default: undefined;
|
|
150
|
+
};
|
|
151
|
+
readonly indentSize: {
|
|
152
|
+
readonly type: NumberConstructor;
|
|
153
|
+
readonly default: 24;
|
|
154
|
+
};
|
|
155
|
+
readonly virtualScroll: {
|
|
156
|
+
readonly type: BooleanConstructor;
|
|
157
|
+
readonly default: false;
|
|
158
|
+
};
|
|
159
|
+
readonly virtualItemHeight: {
|
|
160
|
+
readonly type: NumberConstructor;
|
|
161
|
+
readonly default: 32;
|
|
162
|
+
};
|
|
163
|
+
readonly virtualMaxHeight: {
|
|
164
|
+
readonly type: NumberConstructor;
|
|
165
|
+
readonly default: 320;
|
|
166
|
+
};
|
|
167
|
+
readonly focusedKey: {
|
|
168
|
+
readonly type: PropType<TreeNodeKey>;
|
|
169
|
+
readonly default: undefined;
|
|
170
|
+
};
|
|
171
|
+
readonly dragHoverExpandDelay: {
|
|
172
|
+
readonly type: NumberConstructor;
|
|
173
|
+
readonly default: 600;
|
|
174
|
+
};
|
|
175
|
+
readonly dragAutoScroll: {
|
|
176
|
+
readonly type: BooleanConstructor;
|
|
177
|
+
readonly default: true;
|
|
178
|
+
};
|
|
179
|
+
readonly dragAutoScrollEdge: {
|
|
180
|
+
readonly type: NumberConstructor;
|
|
181
|
+
readonly default: 32;
|
|
182
|
+
};
|
|
183
|
+
readonly dragAutoScrollSpeed: {
|
|
184
|
+
readonly type: NumberConstructor;
|
|
185
|
+
readonly default: 12;
|
|
186
|
+
};
|
|
187
|
+
/**
|
|
188
|
+
* 语义化 DOM className 注入。可用 key:`root` / `node` / `switcher` / `label`。
|
|
189
|
+
*/
|
|
190
|
+
readonly classNames: {
|
|
191
|
+
readonly type: PropType<CcSemanticClasses>;
|
|
192
|
+
readonly default: undefined;
|
|
193
|
+
};
|
|
194
|
+
/**
|
|
195
|
+
* 语义化 DOM style 注入。可用 key 与 classNames 一致。
|
|
196
|
+
*/
|
|
197
|
+
readonly styles: {
|
|
198
|
+
readonly type: PropType<CcSemanticStyles>;
|
|
199
|
+
readonly default: undefined;
|
|
200
|
+
};
|
|
201
|
+
};
|
|
202
|
+
export type TreeProps = ExtractPropTypes<typeof treeProps>;
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import type { VNode } from 'vue';
|
|
2
|
+
import type { TreeNodeKey } from './tree-types';
|
|
3
|
+
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
readonly data: import("./tree-types").TreeNodeData[];
|
|
6
|
+
readonly multiple: boolean;
|
|
7
|
+
readonly disabled: boolean;
|
|
8
|
+
readonly fieldNames: import("./tree-types").TreeFieldNames;
|
|
9
|
+
readonly defaultSelectedKeys: TreeNodeKey[];
|
|
10
|
+
readonly selectable: boolean;
|
|
11
|
+
readonly virtualScroll: boolean;
|
|
12
|
+
readonly virtualItemHeight: number;
|
|
13
|
+
readonly virtualMaxHeight: number;
|
|
14
|
+
readonly draggable: boolean;
|
|
15
|
+
readonly indentSize: number;
|
|
16
|
+
readonly checkable: boolean;
|
|
17
|
+
readonly defaultCheckedKeys: TreeNodeKey[];
|
|
18
|
+
readonly checkStrictly: boolean;
|
|
19
|
+
readonly defaultExpandedKeys: TreeNodeKey[];
|
|
20
|
+
readonly defaultExpandAll: boolean;
|
|
21
|
+
readonly showLine: boolean;
|
|
22
|
+
readonly blockNode: boolean;
|
|
23
|
+
readonly expandAction: import("./tree-types").TreeExpandAction;
|
|
24
|
+
readonly searchValue: string;
|
|
25
|
+
readonly dragHoverExpandDelay: number;
|
|
26
|
+
readonly dragAutoScroll: boolean;
|
|
27
|
+
readonly dragAutoScrollEdge: number;
|
|
28
|
+
readonly dragAutoScrollSpeed: number;
|
|
29
|
+
readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
|
|
30
|
+
readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
|
|
31
|
+
readonly loadData?: ((node: import("./tree-types").TreeNodeData) => Promise<void>) | undefined;
|
|
32
|
+
readonly selectedKeys?: TreeNodeKey[] | undefined;
|
|
33
|
+
readonly checkedKeys?: TreeNodeKey[] | undefined;
|
|
34
|
+
readonly expandedKeys?: TreeNodeKey[] | undefined;
|
|
35
|
+
readonly filterTreeNode?: import("./tree-types").TreeFilterPredicate | undefined;
|
|
36
|
+
readonly focusedKey?: TreeNodeKey | undefined;
|
|
37
|
+
}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
38
|
+
[key: string]: any;
|
|
39
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "load" | "update:selectedKeys" | "check" | "expand" | "update:checkedKeys" | "update:expandedKeys" | "update:focusedKey" | "focus-change" | "load-error")[], "select" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "load" | "update:selectedKeys" | "check" | "expand" | "update:checkedKeys" | "update:expandedKeys" | "update:focusedKey" | "focus-change" | "load-error", import("vue").PublicProps, Readonly<{
|
|
40
|
+
readonly data: import("./tree-types").TreeNodeData[];
|
|
41
|
+
readonly multiple: boolean;
|
|
42
|
+
readonly disabled: boolean;
|
|
43
|
+
readonly fieldNames: import("./tree-types").TreeFieldNames;
|
|
44
|
+
readonly defaultSelectedKeys: TreeNodeKey[];
|
|
45
|
+
readonly selectable: boolean;
|
|
46
|
+
readonly virtualScroll: boolean;
|
|
47
|
+
readonly virtualItemHeight: number;
|
|
48
|
+
readonly virtualMaxHeight: number;
|
|
49
|
+
readonly draggable: boolean;
|
|
50
|
+
readonly indentSize: number;
|
|
51
|
+
readonly checkable: boolean;
|
|
52
|
+
readonly defaultCheckedKeys: TreeNodeKey[];
|
|
53
|
+
readonly checkStrictly: boolean;
|
|
54
|
+
readonly defaultExpandedKeys: TreeNodeKey[];
|
|
55
|
+
readonly defaultExpandAll: boolean;
|
|
56
|
+
readonly showLine: boolean;
|
|
57
|
+
readonly blockNode: boolean;
|
|
58
|
+
readonly expandAction: import("./tree-types").TreeExpandAction;
|
|
59
|
+
readonly searchValue: string;
|
|
60
|
+
readonly dragHoverExpandDelay: number;
|
|
61
|
+
readonly dragAutoScroll: boolean;
|
|
62
|
+
readonly dragAutoScrollEdge: number;
|
|
63
|
+
readonly dragAutoScrollSpeed: number;
|
|
64
|
+
readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
|
|
65
|
+
readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
|
|
66
|
+
readonly loadData?: ((node: import("./tree-types").TreeNodeData) => Promise<void>) | undefined;
|
|
67
|
+
readonly selectedKeys?: TreeNodeKey[] | undefined;
|
|
68
|
+
readonly checkedKeys?: TreeNodeKey[] | undefined;
|
|
69
|
+
readonly expandedKeys?: TreeNodeKey[] | undefined;
|
|
70
|
+
readonly filterTreeNode?: import("./tree-types").TreeFilterPredicate | undefined;
|
|
71
|
+
readonly focusedKey?: TreeNodeKey | undefined;
|
|
72
|
+
}> & Readonly<{
|
|
73
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
74
|
+
onDragenter?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
onDragleave?: ((...args: any[]) => any) | undefined;
|
|
76
|
+
onDragover?: ((...args: any[]) => any) | undefined;
|
|
77
|
+
onDragstart?: ((...args: any[]) => any) | undefined;
|
|
78
|
+
onDrop?: ((...args: any[]) => any) | undefined;
|
|
79
|
+
onLoad?: ((...args: any[]) => any) | undefined;
|
|
80
|
+
"onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
|
|
81
|
+
onExpand?: ((...args: any[]) => any) | undefined;
|
|
82
|
+
onCheck?: ((...args: any[]) => any) | undefined;
|
|
83
|
+
"onUpdate:checkedKeys"?: ((...args: any[]) => any) | undefined;
|
|
84
|
+
"onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
|
|
85
|
+
"onUpdate:focusedKey"?: ((...args: any[]) => any) | undefined;
|
|
86
|
+
"onFocus-change"?: ((...args: any[]) => any) | undefined;
|
|
87
|
+
"onLoad-error"?: ((...args: any[]) => any) | undefined;
|
|
88
|
+
}>, {
|
|
89
|
+
readonly data: import("./tree-types").TreeNodeData[];
|
|
90
|
+
readonly multiple: boolean;
|
|
91
|
+
readonly disabled: boolean;
|
|
92
|
+
readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
|
|
93
|
+
readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
|
|
94
|
+
readonly fieldNames: import("./tree-types").TreeFieldNames;
|
|
95
|
+
readonly loadData: (node: import("./tree-types").TreeNodeData) => Promise<void>;
|
|
96
|
+
readonly selectedKeys: TreeNodeKey[];
|
|
97
|
+
readonly defaultSelectedKeys: TreeNodeKey[];
|
|
98
|
+
readonly selectable: boolean;
|
|
99
|
+
readonly virtualScroll: boolean;
|
|
100
|
+
readonly virtualItemHeight: number;
|
|
101
|
+
readonly virtualMaxHeight: number;
|
|
102
|
+
readonly draggable: boolean;
|
|
103
|
+
readonly indentSize: number;
|
|
104
|
+
readonly checkable: boolean;
|
|
105
|
+
readonly checkedKeys: TreeNodeKey[];
|
|
106
|
+
readonly defaultCheckedKeys: TreeNodeKey[];
|
|
107
|
+
readonly checkStrictly: boolean;
|
|
108
|
+
readonly expandedKeys: TreeNodeKey[];
|
|
109
|
+
readonly defaultExpandedKeys: TreeNodeKey[];
|
|
110
|
+
readonly defaultExpandAll: boolean;
|
|
111
|
+
readonly showLine: boolean;
|
|
112
|
+
readonly blockNode: boolean;
|
|
113
|
+
readonly expandAction: import("./tree-types").TreeExpandAction;
|
|
114
|
+
readonly searchValue: string;
|
|
115
|
+
readonly filterTreeNode: import("./tree-types").TreeFilterPredicate;
|
|
116
|
+
readonly focusedKey: TreeNodeKey;
|
|
117
|
+
readonly dragHoverExpandDelay: number;
|
|
118
|
+
readonly dragAutoScroll: boolean;
|
|
119
|
+
readonly dragAutoScrollEdge: number;
|
|
120
|
+
readonly dragAutoScrollSpeed: number;
|
|
121
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
122
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { App } from 'vue';
|
|
2
|
+
import TreeSelect from './src/tree-select';
|
|
3
|
+
export { TreeSelect };
|
|
4
|
+
export { TREE_SELECT_SHOW_ALL, TREE_SELECT_SHOW_CHILD, TREE_SELECT_SHOW_PARENT } from './src/tree-select-types';
|
|
5
|
+
export type { TreeSelectShowCheckedStrategy } from './src/tree-select-types';
|
|
6
|
+
declare const _default: {
|
|
7
|
+
title: string;
|
|
8
|
+
category: string;
|
|
9
|
+
status: string;
|
|
10
|
+
install(app: App): void;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|