fast-element-plus 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Fast.png +0 -0
- package/LICENSE +201 -0
- package/README.md +164 -0
- package/README.zh.md +164 -0
- package/dist/index.full.js +28446 -0
- package/dist/index.full.js.map +1 -0
- package/dist/index.full.min.js +36 -0
- package/dist/index.full.min.js.map +1 -0
- package/dist/index.full.min.mjs +36 -0
- package/dist/index.full.min.mjs.map +1 -0
- package/dist/index.full.mjs +28445 -0
- package/dist/index.full.mjs.map +1 -0
- package/dist/styles/index.css +984 -0
- package/dist/styles/index.css.map +1 -0
- package/es/component.d.ts +3 -0
- package/es/component.mjs +52 -0
- package/es/component.mjs.map +1 -0
- package/es/components/avatar/index.d.ts +14 -0
- package/es/components/avatar/index.mjs +8 -0
- package/es/components/avatar/index.mjs.map +1 -0
- package/es/components/avatar/src/avatar.d.ts +96 -0
- package/es/components/avatar/src/avatar.mjs +76 -0
- package/es/components/avatar/src/avatar.mjs.map +1 -0
- package/es/components/button/index.d.ts +15 -0
- package/es/components/button/index.mjs +11 -0
- package/es/components/button/index.mjs.map +1 -0
- package/es/components/button/src/button.d.ts +173 -0
- package/es/components/button/src/button.mjs +118 -0
- package/es/components/button/src/button.mjs.map +1 -0
- package/es/components/carNumber/index.d.ts +9 -0
- package/es/components/carNumber/index.mjs +12 -0
- package/es/components/carNumber/index.mjs.map +1 -0
- package/es/components/carNumber/src/carNumber.d.ts +217 -0
- package/es/components/carNumber/src/carNumber.mjs +164 -0
- package/es/components/carNumber/src/carNumber.mjs.map +1 -0
- package/es/components/carNumber/src/common.d.ts +15 -0
- package/es/components/carNumber/src/common.mjs +75 -0
- package/es/components/carNumber/src/common.mjs.map +1 -0
- package/es/components/contextMenu/index.d.ts +9 -0
- package/es/components/contextMenu/index.mjs +9 -0
- package/es/components/contextMenu/index.mjs.map +1 -0
- package/es/components/contextMenu/src/contextMenu.d.ts +32 -0
- package/es/components/contextMenu/src/contextMenu.mjs +85 -0
- package/es/components/contextMenu/src/contextMenu.mjs.map +1 -0
- package/es/components/contextMenu/src/contextMenu.type.d.ts +33 -0
- package/es/components/contextMenu/src/contextMenu.type.mjs +2 -0
- package/es/components/contextMenu/src/contextMenu.type.mjs.map +1 -0
- package/es/components/dialog/index.d.ts +14 -0
- package/es/components/dialog/index.mjs +11 -0
- package/es/components/dialog/index.mjs.map +1 -0
- package/es/components/dialog/src/dialog.d.ts +454 -0
- package/es/components/dialog/src/dialog.mjs +285 -0
- package/es/components/dialog/src/dialog.mjs.map +1 -0
- package/es/components/drawer/index.d.ts +14 -0
- package/es/components/drawer/index.mjs +8 -0
- package/es/components/drawer/index.mjs.map +1 -0
- package/es/components/drawer/src/drawer.d.ts +449 -0
- package/es/components/drawer/src/drawer.mjs +284 -0
- package/es/components/drawer/src/drawer.mjs.map +1 -0
- package/es/components/form/index.d.ts +23 -0
- package/es/components/form/index.mjs +19 -0
- package/es/components/form/index.mjs.map +1 -0
- package/es/components/form/src/form.d.ts +194 -0
- package/es/components/form/src/form.mjs +109 -0
- package/es/components/form/src/form.mjs.map +1 -0
- package/es/components/form/src/formItem.d.ts +190 -0
- package/es/components/form/src/formItem.mjs +117 -0
- package/es/components/form/src/formItem.mjs.map +1 -0
- package/es/components/form/utils/form.d.ts +81 -0
- package/es/components/form/utils/form.mjs +217 -0
- package/es/components/form/utils/form.mjs.map +1 -0
- package/es/components/formItemTip/index.d.ts +12 -0
- package/es/components/formItemTip/index.mjs +10 -0
- package/es/components/formItemTip/index.mjs.map +1 -0
- package/es/components/formItemTip/src/formItemTip.d.ts +22 -0
- package/es/components/formItemTip/src/formItemTip.mjs +38 -0
- package/es/components/formItemTip/src/formItemTip.mjs.map +1 -0
- package/es/components/icon/index.d.ts +12 -0
- package/es/components/icon/index.mjs +8 -0
- package/es/components/icon/index.mjs.map +1 -0
- package/es/components/icon/src/icon.d.ts +39 -0
- package/es/components/icon/src/icon.mjs +69 -0
- package/es/components/icon/src/icon.mjs.map +1 -0
- package/es/components/iconSelector/index.d.ts +7 -0
- package/es/components/iconSelector/index.mjs +8 -0
- package/es/components/iconSelector/index.mjs.map +1 -0
- package/es/components/iconSelector/src/iconSelector.d.ts +23 -0
- package/es/components/iconSelector/src/iconSelector.mjs +143 -0
- package/es/components/iconSelector/src/iconSelector.mjs.map +1 -0
- package/es/components/image/index.d.ts +12 -0
- package/es/components/image/index.mjs +10 -0
- package/es/components/image/index.mjs.map +1 -0
- package/es/components/image/src/image.d.ts +225 -0
- package/es/components/image/src/image.mjs +90 -0
- package/es/components/image/src/image.mjs.map +1 -0
- package/es/components/index.d.ts +21 -0
- package/es/components/index.mjs +100 -0
- package/es/components/index.mjs.map +1 -0
- package/es/components/layoutGrid/index.d.ts +16 -0
- package/es/components/layoutGrid/index.mjs +14 -0
- package/es/components/layoutGrid/index.mjs.map +1 -0
- package/es/components/layoutGrid/src/layoutGrid.d.ts +60 -0
- package/es/components/layoutGrid/src/layoutGrid.mjs +178 -0
- package/es/components/layoutGrid/src/layoutGrid.mjs.map +1 -0
- package/es/components/layoutGrid/src/layoutGrid.type.d.ts +12 -0
- package/es/components/layoutGrid/src/layoutGrid.type.mjs +2 -0
- package/es/components/layoutGrid/src/layoutGrid.type.mjs.map +1 -0
- package/es/components/layoutGrid/src/layoutGridItem.d.ts +100 -0
- package/es/components/layoutGrid/src/layoutGridItem.mjs +97 -0
- package/es/components/layoutGrid/src/layoutGridItem.mjs.map +1 -0
- package/es/components/select/index.d.ts +22 -0
- package/es/components/select/index.mjs +17 -0
- package/es/components/select/index.mjs.map +1 -0
- package/es/components/select/src/select.d.ts +1201 -0
- package/es/components/select/src/select.mjs +559 -0
- package/es/components/select/src/select.mjs.map +1 -0
- package/es/components/select/src/select.type.d.ts +28 -0
- package/es/components/select/src/select.type.mjs +2 -0
- package/es/components/select/src/select.type.mjs.map +1 -0
- package/es/components/select/src/selectOption.d.ts +99 -0
- package/es/components/select/src/selectOption.mjs +71 -0
- package/es/components/select/src/selectOption.mjs.map +1 -0
- package/es/components/selectPage/index.d.ts +14 -0
- package/es/components/selectPage/index.mjs +11 -0
- package/es/components/selectPage/index.mjs.map +1 -0
- package/es/components/selectPage/src/selectPage.d.ts +595 -0
- package/es/components/selectPage/src/selectPage.mjs +381 -0
- package/es/components/selectPage/src/selectPage.mjs.map +1 -0
- package/es/components/selectV2/index.d.ts +14 -0
- package/es/components/selectV2/index.mjs +11 -0
- package/es/components/selectV2/index.mjs.map +1 -0
- package/es/components/selectV2/src/selectV2.d.ts +1407 -0
- package/es/components/selectV2/src/selectV2.mjs +606 -0
- package/es/components/selectV2/src/selectV2.mjs.map +1 -0
- package/es/components/table/images/artwork.png.mjs +5 -0
- package/es/components/table/images/artwork.png.mjs.map +1 -0
- package/es/components/table/images/index.d.ts +4 -0
- package/es/components/table/images/notImage.png.mjs +5 -0
- package/es/components/table/images/notImage.png.mjs.map +1 -0
- package/es/components/table/index.d.ts +35 -0
- package/es/components/table/index.mjs +32 -0
- package/es/components/table/index.mjs.map +1 -0
- package/es/components/table/src/page.type.d.ts +145 -0
- package/es/components/table/src/page.type.mjs +16 -0
- package/es/components/table/src/page.type.mjs.map +1 -0
- package/es/components/table/src/table.d.ts +1382 -0
- package/es/components/table/src/table.mjs +1046 -0
- package/es/components/table/src/table.mjs.map +1 -0
- package/es/components/table/src/table.state.d.ts +115 -0
- package/es/components/table/src/table.state.mjs +2 -0
- package/es/components/table/src/table.state.mjs.map +1 -0
- package/es/components/table/src/table.type.d.ts +316 -0
- package/es/components/table/src/table.type.mjs +14 -0
- package/es/components/table/src/table.type.mjs.map +1 -0
- package/es/components/table/src/tableColumn.d.ts +644 -0
- package/es/components/table/src/tableColumn.mjs +604 -0
- package/es/components/table/src/tableColumn.mjs.map +1 -0
- package/es/components/table/src/tableColumnSettingDialog.d.ts +18 -0
- package/es/components/table/src/tableColumnSettingDialog.mjs +430 -0
- package/es/components/table/src/tableColumnSettingDialog.mjs.map +1 -0
- package/es/components/table/src/tablePagination.d.ts +24 -0
- package/es/components/table/src/tablePagination.mjs +56 -0
- package/es/components/table/src/tablePagination.mjs.map +1 -0
- package/es/components/table/src/tableSearchForm.d.ts +88 -0
- package/es/components/table/src/tableSearchForm.mjs +269 -0
- package/es/components/table/src/tableSearchForm.mjs.map +1 -0
- package/es/components/table/src/tableSearchFormItem.d.ts +37 -0
- package/es/components/table/src/tableSearchFormItem.mjs +121 -0
- package/es/components/table/src/tableSearchFormItem.mjs.map +1 -0
- package/es/components/table/src/useTable.d.ts +32 -0
- package/es/components/table/src/useTable.mjs +374 -0
- package/es/components/table/src/useTable.mjs.map +1 -0
- package/es/components/table/utils/table.d.ts +45 -0
- package/es/components/table/utils/table.mjs +122 -0
- package/es/components/table/utils/table.mjs.map +1 -0
- package/es/components/tree/index.d.ts +15 -0
- package/es/components/tree/index.mjs +12 -0
- package/es/components/tree/index.mjs.map +1 -0
- package/es/components/tree/src/tree.d.ts +668 -0
- package/es/components/tree/src/tree.mjs +364 -0
- package/es/components/tree/src/tree.mjs.map +1 -0
- package/es/components/tree/src/tree.props.d.ts +81 -0
- package/es/components/tree/src/tree.props.mjs +71 -0
- package/es/components/tree/src/tree.props.mjs.map +1 -0
- package/es/components/tree/src/tree.type.d.ts +36 -0
- package/es/components/tree/src/tree.type.mjs +2 -0
- package/es/components/tree/src/tree.type.mjs.map +1 -0
- package/es/components/treeSelect/index.d.ts +14 -0
- package/es/components/treeSelect/index.mjs +11 -0
- package/es/components/treeSelect/index.mjs.map +1 -0
- package/es/components/treeSelect/src/treeSelect.d.ts +1063 -0
- package/es/components/treeSelect/src/treeSelect.mjs +492 -0
- package/es/components/treeSelect/src/treeSelect.mjs.map +1 -0
- package/es/components/upload/index.d.ts +15 -0
- package/es/components/upload/index.mjs +11 -0
- package/es/components/upload/index.mjs.map +1 -0
- package/es/components/upload/src/upload.d.ts +525 -0
- package/es/components/upload/src/upload.mjs +140 -0
- package/es/components/upload/src/upload.mjs.map +1 -0
- package/es/components/upload/src/useUpload.d.ts +65 -0
- package/es/components/upload/src/useUpload.mjs +150 -0
- package/es/components/upload/src/useUpload.mjs.map +1 -0
- package/es/components/upload/utils/upload.d.ts +30 -0
- package/es/components/upload/utils/upload.mjs +119 -0
- package/es/components/upload/utils/upload.mjs.map +1 -0
- package/es/components/uploadImage/index.d.ts +14 -0
- package/es/components/uploadImage/index.mjs +11 -0
- package/es/components/uploadImage/index.mjs.map +1 -0
- package/es/components/uploadImage/src/uploadImage.d.ts +575 -0
- package/es/components/uploadImage/src/uploadImage.mjs +207 -0
- package/es/components/uploadImage/src/uploadImage.mjs.map +1 -0
- package/es/components/uploadImages/index.d.ts +14 -0
- package/es/components/uploadImages/index.mjs +8 -0
- package/es/components/uploadImages/index.mjs.map +1 -0
- package/es/components/uploadImages/src/uploadImages.d.ts +544 -0
- package/es/components/uploadImages/src/uploadImages.mjs +194 -0
- package/es/components/uploadImages/src/uploadImages.mjs.map +1 -0
- package/es/constants/index.d.ts +2 -0
- package/es/constants/index.mjs +7 -0
- package/es/constants/index.mjs.map +1 -0
- package/es/constants/mime.d.ts +61 -0
- package/es/constants/mime.mjs +62 -0
- package/es/constants/mime.mjs.map +1 -0
- package/es/constants/regex.d.ts +78 -0
- package/es/constants/regex.mjs +79 -0
- package/es/constants/regex.mjs.map +1 -0
- package/es/directive.d.ts +2 -0
- package/es/directive.mjs +11 -0
- package/es/directive.mjs.map +1 -0
- package/es/directives/click-copy/index.d.ts +2 -0
- package/es/directives/click-copy/index.mjs +36 -0
- package/es/directives/click-copy/index.mjs.map +1 -0
- package/es/directives/click-debounce/index.d.ts +2 -0
- package/es/directives/click-debounce/index.mjs +20 -0
- package/es/directives/click-debounce/index.mjs.map +1 -0
- package/es/directives/click-draggable/index.d.ts +2 -0
- package/es/directives/click-draggable/index.mjs +38 -0
- package/es/directives/click-draggable/index.mjs.map +1 -0
- package/es/directives/click-icon-copy/index.d.ts +2 -0
- package/es/directives/click-icon-copy/index.mjs +54 -0
- package/es/directives/click-icon-copy/index.mjs.map +1 -0
- package/es/directives/click-longpress/index.d.ts +2 -0
- package/es/directives/click-longpress/index.mjs +42 -0
- package/es/directives/click-longpress/index.mjs.map +1 -0
- package/es/directives/click-throttle/index.d.ts +2 -0
- package/es/directives/click-throttle/index.mjs +31 -0
- package/es/directives/click-throttle/index.mjs.map +1 -0
- package/es/directives/index.d.ts +6 -0
- package/es/directives/index.mjs +15 -0
- package/es/directives/index.mjs.map +1 -0
- package/es/element-plus.d.ts +2 -0
- package/es/element-plus.mjs +304 -0
- package/es/element-plus.mjs.map +1 -0
- package/es/hooks/index.d.ts +3 -0
- package/es/hooks/index.mjs +9 -0
- package/es/hooks/index.mjs.map +1 -0
- package/es/hooks/use-loading/index.d.ts +4 -0
- package/es/hooks/use-loading/index.mjs +34 -0
- package/es/hooks/use-loading/index.mjs.map +1 -0
- package/es/hooks/use-overlay/index.d.ts +4 -0
- package/es/hooks/use-overlay/index.mjs +26 -0
- package/es/hooks/use-overlay/index.mjs.map +1 -0
- package/es/hooks/use-screenFull/index.d.ts +7 -0
- package/es/hooks/use-screenFull/index.mjs +45 -0
- package/es/hooks/use-screenFull/index.mjs.map +1 -0
- package/es/index.d.ts +14 -0
- package/es/index.es.d.ts +6 -0
- package/es/index.mjs +138 -0
- package/es/index.mjs.map +1 -0
- package/es/make-installer.d.ts +6 -0
- package/es/make-installer.mjs +27 -0
- package/es/make-installer.mjs.map +1 -0
- package/es/version.d.ts +1 -0
- package/es/version.mjs +5 -0
- package/es/version.mjs.map +1 -0
- package/global.d.ts +2 -0
- package/lib/component.d.ts +3 -0
- package/lib/component.js +2 -0
- package/lib/component.js.map +1 -0
- package/lib/components/avatar/index.d.ts +14 -0
- package/lib/components/avatar/index.js +2 -0
- package/lib/components/avatar/index.js.map +1 -0
- package/lib/components/avatar/src/avatar.d.ts +96 -0
- package/lib/components/avatar/src/avatar.js +2 -0
- package/lib/components/avatar/src/avatar.js.map +1 -0
- package/lib/components/button/index.d.ts +15 -0
- package/lib/components/button/index.js +2 -0
- package/lib/components/button/index.js.map +1 -0
- package/lib/components/button/src/button.d.ts +173 -0
- package/lib/components/button/src/button.js +2 -0
- package/lib/components/button/src/button.js.map +1 -0
- package/lib/components/carNumber/index.d.ts +9 -0
- package/lib/components/carNumber/index.js +2 -0
- package/lib/components/carNumber/index.js.map +1 -0
- package/lib/components/carNumber/src/carNumber.d.ts +217 -0
- package/lib/components/carNumber/src/carNumber.js +2 -0
- package/lib/components/carNumber/src/carNumber.js.map +1 -0
- package/lib/components/carNumber/src/common.d.ts +15 -0
- package/lib/components/carNumber/src/common.js +2 -0
- package/lib/components/carNumber/src/common.js.map +1 -0
- package/lib/components/contextMenu/index.d.ts +9 -0
- package/lib/components/contextMenu/index.js +2 -0
- package/lib/components/contextMenu/index.js.map +1 -0
- package/lib/components/contextMenu/src/contextMenu.d.ts +32 -0
- package/lib/components/contextMenu/src/contextMenu.js +2 -0
- package/lib/components/contextMenu/src/contextMenu.js.map +1 -0
- package/lib/components/contextMenu/src/contextMenu.type.d.ts +33 -0
- package/lib/components/contextMenu/src/contextMenu.type.js +2 -0
- package/lib/components/contextMenu/src/contextMenu.type.js.map +1 -0
- package/lib/components/dialog/index.d.ts +14 -0
- package/lib/components/dialog/index.js +2 -0
- package/lib/components/dialog/index.js.map +1 -0
- package/lib/components/dialog/src/dialog.d.ts +454 -0
- package/lib/components/dialog/src/dialog.js +2 -0
- package/lib/components/dialog/src/dialog.js.map +1 -0
- package/lib/components/drawer/index.d.ts +14 -0
- package/lib/components/drawer/index.js +2 -0
- package/lib/components/drawer/index.js.map +1 -0
- package/lib/components/drawer/src/drawer.d.ts +449 -0
- package/lib/components/drawer/src/drawer.js +2 -0
- package/lib/components/drawer/src/drawer.js.map +1 -0
- package/lib/components/form/index.d.ts +23 -0
- package/lib/components/form/index.js +2 -0
- package/lib/components/form/index.js.map +1 -0
- package/lib/components/form/src/form.d.ts +194 -0
- package/lib/components/form/src/form.js +2 -0
- package/lib/components/form/src/form.js.map +1 -0
- package/lib/components/form/src/formItem.d.ts +190 -0
- package/lib/components/form/src/formItem.js +2 -0
- package/lib/components/form/src/formItem.js.map +1 -0
- package/lib/components/form/utils/form.d.ts +81 -0
- package/lib/components/form/utils/form.js +2 -0
- package/lib/components/form/utils/form.js.map +1 -0
- package/lib/components/formItemTip/index.d.ts +12 -0
- package/lib/components/formItemTip/index.js +2 -0
- package/lib/components/formItemTip/index.js.map +1 -0
- package/lib/components/formItemTip/src/formItemTip.d.ts +22 -0
- package/lib/components/formItemTip/src/formItemTip.js +2 -0
- package/lib/components/formItemTip/src/formItemTip.js.map +1 -0
- package/lib/components/icon/index.d.ts +12 -0
- package/lib/components/icon/index.js +2 -0
- package/lib/components/icon/index.js.map +1 -0
- package/lib/components/icon/src/icon.d.ts +39 -0
- package/lib/components/icon/src/icon.js +2 -0
- package/lib/components/icon/src/icon.js.map +1 -0
- package/lib/components/iconSelector/index.d.ts +7 -0
- package/lib/components/iconSelector/index.js +2 -0
- package/lib/components/iconSelector/index.js.map +1 -0
- package/lib/components/iconSelector/src/iconSelector.d.ts +23 -0
- package/lib/components/iconSelector/src/iconSelector.js +2 -0
- package/lib/components/iconSelector/src/iconSelector.js.map +1 -0
- package/lib/components/image/index.d.ts +12 -0
- package/lib/components/image/index.js +2 -0
- package/lib/components/image/index.js.map +1 -0
- package/lib/components/image/src/image.d.ts +225 -0
- package/lib/components/image/src/image.js +2 -0
- package/lib/components/image/src/image.js.map +1 -0
- package/lib/components/index.d.ts +21 -0
- package/lib/components/index.js +2 -0
- package/lib/components/index.js.map +1 -0
- package/lib/components/layoutGrid/index.d.ts +16 -0
- package/lib/components/layoutGrid/index.js +2 -0
- package/lib/components/layoutGrid/index.js.map +1 -0
- package/lib/components/layoutGrid/src/layoutGrid.d.ts +60 -0
- package/lib/components/layoutGrid/src/layoutGrid.js +2 -0
- package/lib/components/layoutGrid/src/layoutGrid.js.map +1 -0
- package/lib/components/layoutGrid/src/layoutGrid.type.d.ts +12 -0
- package/lib/components/layoutGrid/src/layoutGrid.type.js +2 -0
- package/lib/components/layoutGrid/src/layoutGrid.type.js.map +1 -0
- package/lib/components/layoutGrid/src/layoutGridItem.d.ts +100 -0
- package/lib/components/layoutGrid/src/layoutGridItem.js +2 -0
- package/lib/components/layoutGrid/src/layoutGridItem.js.map +1 -0
- package/lib/components/select/index.d.ts +22 -0
- package/lib/components/select/index.js +2 -0
- package/lib/components/select/index.js.map +1 -0
- package/lib/components/select/src/select.d.ts +1201 -0
- package/lib/components/select/src/select.js +2 -0
- package/lib/components/select/src/select.js.map +1 -0
- package/lib/components/select/src/select.type.d.ts +28 -0
- package/lib/components/select/src/select.type.js +2 -0
- package/lib/components/select/src/select.type.js.map +1 -0
- package/lib/components/select/src/selectOption.d.ts +99 -0
- package/lib/components/select/src/selectOption.js +2 -0
- package/lib/components/select/src/selectOption.js.map +1 -0
- package/lib/components/selectPage/index.d.ts +14 -0
- package/lib/components/selectPage/index.js +2 -0
- package/lib/components/selectPage/index.js.map +1 -0
- package/lib/components/selectPage/src/selectPage.d.ts +595 -0
- package/lib/components/selectPage/src/selectPage.js +2 -0
- package/lib/components/selectPage/src/selectPage.js.map +1 -0
- package/lib/components/selectV2/index.d.ts +14 -0
- package/lib/components/selectV2/index.js +2 -0
- package/lib/components/selectV2/index.js.map +1 -0
- package/lib/components/selectV2/src/selectV2.d.ts +1407 -0
- package/lib/components/selectV2/src/selectV2.js +2 -0
- package/lib/components/selectV2/src/selectV2.js.map +1 -0
- package/lib/components/table/images/artwork.png.js +2 -0
- package/lib/components/table/images/artwork.png.js.map +1 -0
- package/lib/components/table/images/index.d.ts +4 -0
- package/lib/components/table/images/notImage.png.js +2 -0
- package/lib/components/table/images/notImage.png.js.map +1 -0
- package/lib/components/table/index.d.ts +35 -0
- package/lib/components/table/index.js +2 -0
- package/lib/components/table/index.js.map +1 -0
- package/lib/components/table/src/page.type.d.ts +145 -0
- package/lib/components/table/src/page.type.js +2 -0
- package/lib/components/table/src/page.type.js.map +1 -0
- package/lib/components/table/src/table.d.ts +1382 -0
- package/lib/components/table/src/table.js +2 -0
- package/lib/components/table/src/table.js.map +1 -0
- package/lib/components/table/src/table.state.d.ts +115 -0
- package/lib/components/table/src/table.state.js +2 -0
- package/lib/components/table/src/table.state.js.map +1 -0
- package/lib/components/table/src/table.type.d.ts +316 -0
- package/lib/components/table/src/table.type.js +2 -0
- package/lib/components/table/src/table.type.js.map +1 -0
- package/lib/components/table/src/tableColumn.d.ts +644 -0
- package/lib/components/table/src/tableColumn.js +2 -0
- package/lib/components/table/src/tableColumn.js.map +1 -0
- package/lib/components/table/src/tableColumnSettingDialog.d.ts +18 -0
- package/lib/components/table/src/tableColumnSettingDialog.js +2 -0
- package/lib/components/table/src/tableColumnSettingDialog.js.map +1 -0
- package/lib/components/table/src/tablePagination.d.ts +24 -0
- package/lib/components/table/src/tablePagination.js +2 -0
- package/lib/components/table/src/tablePagination.js.map +1 -0
- package/lib/components/table/src/tableSearchForm.d.ts +88 -0
- package/lib/components/table/src/tableSearchForm.js +2 -0
- package/lib/components/table/src/tableSearchForm.js.map +1 -0
- package/lib/components/table/src/tableSearchFormItem.d.ts +37 -0
- package/lib/components/table/src/tableSearchFormItem.js +2 -0
- package/lib/components/table/src/tableSearchFormItem.js.map +1 -0
- package/lib/components/table/src/useTable.d.ts +32 -0
- package/lib/components/table/src/useTable.js +2 -0
- package/lib/components/table/src/useTable.js.map +1 -0
- package/lib/components/table/utils/table.d.ts +45 -0
- package/lib/components/table/utils/table.js +2 -0
- package/lib/components/table/utils/table.js.map +1 -0
- package/lib/components/tree/index.d.ts +15 -0
- package/lib/components/tree/index.js +2 -0
- package/lib/components/tree/index.js.map +1 -0
- package/lib/components/tree/src/tree.d.ts +668 -0
- package/lib/components/tree/src/tree.js +2 -0
- package/lib/components/tree/src/tree.js.map +1 -0
- package/lib/components/tree/src/tree.props.d.ts +81 -0
- package/lib/components/tree/src/tree.props.js +2 -0
- package/lib/components/tree/src/tree.props.js.map +1 -0
- package/lib/components/tree/src/tree.type.d.ts +36 -0
- package/lib/components/tree/src/tree.type.js +2 -0
- package/lib/components/tree/src/tree.type.js.map +1 -0
- package/lib/components/treeSelect/index.d.ts +14 -0
- package/lib/components/treeSelect/index.js +2 -0
- package/lib/components/treeSelect/index.js.map +1 -0
- package/lib/components/treeSelect/src/treeSelect.d.ts +1063 -0
- package/lib/components/treeSelect/src/treeSelect.js +2 -0
- package/lib/components/treeSelect/src/treeSelect.js.map +1 -0
- package/lib/components/upload/index.d.ts +15 -0
- package/lib/components/upload/index.js +2 -0
- package/lib/components/upload/index.js.map +1 -0
- package/lib/components/upload/src/upload.d.ts +525 -0
- package/lib/components/upload/src/upload.js +2 -0
- package/lib/components/upload/src/upload.js.map +1 -0
- package/lib/components/upload/src/useUpload.d.ts +65 -0
- package/lib/components/upload/src/useUpload.js +2 -0
- package/lib/components/upload/src/useUpload.js.map +1 -0
- package/lib/components/upload/utils/upload.d.ts +30 -0
- package/lib/components/upload/utils/upload.js +2 -0
- package/lib/components/upload/utils/upload.js.map +1 -0
- package/lib/components/uploadImage/index.d.ts +14 -0
- package/lib/components/uploadImage/index.js +2 -0
- package/lib/components/uploadImage/index.js.map +1 -0
- package/lib/components/uploadImage/src/uploadImage.d.ts +575 -0
- package/lib/components/uploadImage/src/uploadImage.js +2 -0
- package/lib/components/uploadImage/src/uploadImage.js.map +1 -0
- package/lib/components/uploadImages/index.d.ts +14 -0
- package/lib/components/uploadImages/index.js +2 -0
- package/lib/components/uploadImages/index.js.map +1 -0
- package/lib/components/uploadImages/src/uploadImages.d.ts +544 -0
- package/lib/components/uploadImages/src/uploadImages.js +2 -0
- package/lib/components/uploadImages/src/uploadImages.js.map +1 -0
- package/lib/constants/index.d.ts +2 -0
- package/lib/constants/index.js +2 -0
- package/lib/constants/index.js.map +1 -0
- package/lib/constants/mime.d.ts +61 -0
- package/lib/constants/mime.js +2 -0
- package/lib/constants/mime.js.map +1 -0
- package/lib/constants/regex.d.ts +78 -0
- package/lib/constants/regex.js +2 -0
- package/lib/constants/regex.js.map +1 -0
- package/lib/directive.d.ts +2 -0
- package/lib/directive.js +2 -0
- package/lib/directive.js.map +1 -0
- package/lib/directives/click-copy/index.d.ts +2 -0
- package/lib/directives/click-copy/index.js +2 -0
- package/lib/directives/click-copy/index.js.map +1 -0
- package/lib/directives/click-debounce/index.d.ts +2 -0
- package/lib/directives/click-debounce/index.js +2 -0
- package/lib/directives/click-debounce/index.js.map +1 -0
- package/lib/directives/click-draggable/index.d.ts +2 -0
- package/lib/directives/click-draggable/index.js +2 -0
- package/lib/directives/click-draggable/index.js.map +1 -0
- package/lib/directives/click-icon-copy/index.d.ts +2 -0
- package/lib/directives/click-icon-copy/index.js +2 -0
- package/lib/directives/click-icon-copy/index.js.map +1 -0
- package/lib/directives/click-longpress/index.d.ts +2 -0
- package/lib/directives/click-longpress/index.js +2 -0
- package/lib/directives/click-longpress/index.js.map +1 -0
- package/lib/directives/click-throttle/index.d.ts +2 -0
- package/lib/directives/click-throttle/index.js +2 -0
- package/lib/directives/click-throttle/index.js.map +1 -0
- package/lib/directives/index.d.ts +6 -0
- package/lib/directives/index.js +2 -0
- package/lib/directives/index.js.map +1 -0
- package/lib/element-plus.d.ts +2 -0
- package/lib/element-plus.js +2 -0
- package/lib/element-plus.js.map +1 -0
- package/lib/hooks/index.d.ts +3 -0
- package/lib/hooks/index.js +2 -0
- package/lib/hooks/index.js.map +1 -0
- package/lib/hooks/use-loading/index.d.ts +4 -0
- package/lib/hooks/use-loading/index.js +2 -0
- package/lib/hooks/use-loading/index.js.map +1 -0
- package/lib/hooks/use-overlay/index.d.ts +4 -0
- package/lib/hooks/use-overlay/index.js +2 -0
- package/lib/hooks/use-overlay/index.js.map +1 -0
- package/lib/hooks/use-screenFull/index.d.ts +7 -0
- package/lib/hooks/use-screenFull/index.js +2 -0
- package/lib/hooks/use-screenFull/index.js.map +1 -0
- package/lib/index.d.ts +14 -0
- package/lib/index.es.d.ts +6 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/make-installer.d.ts +6 -0
- package/lib/make-installer.js +2 -0
- package/lib/make-installer.js.map +1 -0
- package/lib/version.d.ts +1 -0
- package/lib/version.js +2 -0
- package/lib/version.js.map +1 -0
- package/package.json +139 -26
- package/styles/common/animation.scss +46 -0
- package/styles/common/common.scss +44 -0
- package/styles/common/loading.scss +29 -0
- package/styles/common/overlay.scss +12 -0
- package/styles/components/carNumber.scss +44 -0
- package/styles/components/contextMenu.scss +34 -0
- package/styles/components/dialog.scss +88 -0
- package/styles/components/drawer.scss +87 -0
- package/styles/components/form.scss +44 -0
- package/styles/components/formItemTip.scss +7 -0
- package/styles/components/image.scss +19 -0
- package/styles/components/selectPage.scss +74 -0
- package/styles/components/selectV2.scss +22 -0
- package/styles/components/table.scss +439 -0
- package/styles/components/tree.scss +100 -0
- package/styles/components/uploadImage.scss +61 -0
- package/styles/components/uploadImages.scss +9 -0
- package/styles/index.scss +18 -0
- package/types/components.d.ts +36 -0
- package/types/env.d.ts +17 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TSXWithInstall } from "@fast-china/utils";
|
|
2
|
+
import type { default as LayoutGrid } from "./src/layoutGrid";
|
|
3
|
+
import type { default as LayoutGridItem } from "./src/layoutGridItem";
|
|
4
|
+
|
|
5
|
+
export declare const FaLayoutGrid: TSXWithInstall<typeof LayoutGrid> & {
|
|
6
|
+
LayoutGridItem: typeof LayoutGridItem;
|
|
7
|
+
};
|
|
8
|
+
export default FaLayoutGrid;
|
|
9
|
+
|
|
10
|
+
export declare const FaLayoutGridItem: TSXWithInstall<typeof LayoutGridItem>;
|
|
11
|
+
|
|
12
|
+
export * from "./src/layoutGrid.type";
|
|
13
|
+
|
|
14
|
+
export type FaLayoutGridInstance = InstanceType<typeof LayoutGrid>;
|
|
15
|
+
|
|
16
|
+
export type FaLayoutGridItemInstance = InstanceType<typeof LayoutGridItem>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { withInstall, withNoopInstall } from "@fast-china/utils";
|
|
2
|
+
import LayoutGrid from "./src/layoutGrid.mjs";
|
|
3
|
+
import LayoutGridItem from "./src/layoutGridItem.mjs";
|
|
4
|
+
import "./src/layoutGrid.type.mjs";
|
|
5
|
+
const FaLayoutGrid = withInstall(LayoutGrid, {
|
|
6
|
+
LayoutGridItem
|
|
7
|
+
});
|
|
8
|
+
const FaLayoutGridItem = withNoopInstall(LayoutGridItem);
|
|
9
|
+
export {
|
|
10
|
+
FaLayoutGrid,
|
|
11
|
+
FaLayoutGridItem,
|
|
12
|
+
FaLayoutGrid as default
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/layoutGrid/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport LayoutGrid from \"./src/layoutGrid\";\nimport LayoutGridItem from \"./src/layoutGridItem\";\n\nexport const FaLayoutGrid = withInstall(LayoutGrid, {\n\tLayoutGridItem,\n});\nexport default FaLayoutGrid;\n\nexport const FaLayoutGridItem = withNoopInstall(LayoutGridItem);\n\nexport * from \"./src/layoutGrid.type\";\n\nexport type FaLayoutGridInstance = InstanceType<typeof LayoutGrid>;\n\nexport type FaLayoutGridItemInstance = InstanceType<typeof LayoutGridItem>;\n"],"names":[],"mappings":";;;;AAIO,MAAM,eAAe,YAAY,YAAY;AAAA,EACnD;AACD,CAAC;AAGM,MAAM,mBAAmB,gBAAgB,cAAc;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { FaLayoutGridBreakPoint } from './layoutGrid.type';
|
|
2
|
+
type FaLayoutGridSlots = {
|
|
3
|
+
/** @description 默认内容插槽 */
|
|
4
|
+
default: never;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
7
|
+
/** @description Grid布局列配置 */
|
|
8
|
+
cols: {
|
|
9
|
+
type: import('vue').PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
|
|
10
|
+
default: () => Record<FaLayoutGridBreakPoint, number>;
|
|
11
|
+
};
|
|
12
|
+
/** @description 折叠 */
|
|
13
|
+
collapsed: BooleanConstructor;
|
|
14
|
+
/** @description 折叠行数 */
|
|
15
|
+
collapsedRows: {
|
|
16
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
17
|
+
default: number;
|
|
18
|
+
};
|
|
19
|
+
/** @description 间距,偏移 */
|
|
20
|
+
gap: {
|
|
21
|
+
type: import('vue').PropType<number | [number, number]>;
|
|
22
|
+
default: number;
|
|
23
|
+
};
|
|
24
|
+
}>, {
|
|
25
|
+
/** @description 响应式断点 */
|
|
26
|
+
breakPoint: import('vue').Ref<FaLayoutGridBreakPoint, FaLayoutGridBreakPoint>;
|
|
27
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
+
/** @description 断点变化事件 */
|
|
29
|
+
breakPointChange: ({ breakPoint }: {
|
|
30
|
+
breakPoint: FaLayoutGridBreakPoint;
|
|
31
|
+
}) => true;
|
|
32
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
33
|
+
/** @description Grid布局列配置 */
|
|
34
|
+
cols: {
|
|
35
|
+
type: import('vue').PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
|
|
36
|
+
default: () => Record<FaLayoutGridBreakPoint, number>;
|
|
37
|
+
};
|
|
38
|
+
/** @description 折叠 */
|
|
39
|
+
collapsed: BooleanConstructor;
|
|
40
|
+
/** @description 折叠行数 */
|
|
41
|
+
collapsedRows: {
|
|
42
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
43
|
+
default: number;
|
|
44
|
+
};
|
|
45
|
+
/** @description 间距,偏移 */
|
|
46
|
+
gap: {
|
|
47
|
+
type: import('vue').PropType<number | [number, number]>;
|
|
48
|
+
default: number;
|
|
49
|
+
};
|
|
50
|
+
}>> & Readonly<{
|
|
51
|
+
onBreakPointChange?: (args_0: {
|
|
52
|
+
breakPoint: FaLayoutGridBreakPoint;
|
|
53
|
+
}) => any;
|
|
54
|
+
}>, {
|
|
55
|
+
collapsed: boolean;
|
|
56
|
+
cols: string | number | Record<FaLayoutGridBreakPoint, number>;
|
|
57
|
+
collapsedRows: string | number;
|
|
58
|
+
gap: number | [number, number];
|
|
59
|
+
}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaLayoutGridSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
60
|
+
export default _default;
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { defineComponent, ref, provide, computed, onMounted, nextTick, watch, onActivated, onUnmounted, onDeactivated, createVNode } from "vue";
|
|
2
|
+
import { useRender, useExpose, makeSlots, definePropType } from "@fast-china/utils";
|
|
3
|
+
import { isArray, isObject, isNumber } from "lodash-unified";
|
|
4
|
+
const LayoutGrid = /* @__PURE__ */ defineComponent({
|
|
5
|
+
name: "FaLayoutGrid",
|
|
6
|
+
props: {
|
|
7
|
+
/** @description Grid布局列配置 */
|
|
8
|
+
cols: {
|
|
9
|
+
type: definePropType([String, Number, Object]),
|
|
10
|
+
default: () => ({
|
|
11
|
+
xs: 1,
|
|
12
|
+
sm: 2,
|
|
13
|
+
md: 3,
|
|
14
|
+
lg: 4,
|
|
15
|
+
xl: 5
|
|
16
|
+
})
|
|
17
|
+
},
|
|
18
|
+
/** @description 折叠 */
|
|
19
|
+
collapsed: Boolean,
|
|
20
|
+
/** @description 折叠行数 */
|
|
21
|
+
collapsedRows: {
|
|
22
|
+
type: [String, Number],
|
|
23
|
+
default: 1
|
|
24
|
+
},
|
|
25
|
+
/** @description 间距,偏移 */
|
|
26
|
+
gap: {
|
|
27
|
+
type: definePropType([Number, Array]),
|
|
28
|
+
default: 0
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
emits: {
|
|
32
|
+
/** @description 断点变化事件 */
|
|
33
|
+
breakPointChange: ({
|
|
34
|
+
breakPoint
|
|
35
|
+
}) => true
|
|
36
|
+
},
|
|
37
|
+
slots: makeSlots(),
|
|
38
|
+
setup(props, {
|
|
39
|
+
slots,
|
|
40
|
+
emit,
|
|
41
|
+
expose
|
|
42
|
+
}) {
|
|
43
|
+
const divElRef = ref();
|
|
44
|
+
provide("gap", isArray(props.gap) ? props.gap[0] : props.gap);
|
|
45
|
+
const breakPoint = ref("xl");
|
|
46
|
+
provide("breakPoint", breakPoint);
|
|
47
|
+
const hiddenIndex = ref(-1);
|
|
48
|
+
provide("shouldHiddenIndex", hiddenIndex);
|
|
49
|
+
const cols = computed(() => {
|
|
50
|
+
if (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;
|
|
51
|
+
return props.cols;
|
|
52
|
+
});
|
|
53
|
+
provide("cols", cols);
|
|
54
|
+
const collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);
|
|
55
|
+
const breakpoints = {
|
|
56
|
+
// 小于480屏幕(如手机)
|
|
57
|
+
xs: {
|
|
58
|
+
min: 0,
|
|
59
|
+
max: 479
|
|
60
|
+
},
|
|
61
|
+
// 平板竖屏
|
|
62
|
+
sm: {
|
|
63
|
+
min: 480,
|
|
64
|
+
max: 768
|
|
65
|
+
},
|
|
66
|
+
// 平板横屏
|
|
67
|
+
md: {
|
|
68
|
+
min: 768,
|
|
69
|
+
max: 1024
|
|
70
|
+
},
|
|
71
|
+
// 小型桌面
|
|
72
|
+
lg: {
|
|
73
|
+
min: 1024,
|
|
74
|
+
max: 1440
|
|
75
|
+
},
|
|
76
|
+
// 大型桌面
|
|
77
|
+
xl: {
|
|
78
|
+
min: 1440,
|
|
79
|
+
max: Infinity
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
const resize = (e) => {
|
|
83
|
+
if (e.length !== 1) throw new Error("未知的多个El");
|
|
84
|
+
const curEl = e[0];
|
|
85
|
+
const width = curEl.target.scrollWidth;
|
|
86
|
+
for (const [key, {
|
|
87
|
+
min,
|
|
88
|
+
max
|
|
89
|
+
}] of Object.entries(breakpoints)) {
|
|
90
|
+
if (width >= min && width <= max) {
|
|
91
|
+
breakPoint.value = key;
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
let resizeObserver = null;
|
|
97
|
+
onMounted(() => {
|
|
98
|
+
nextTick(() => {
|
|
99
|
+
resizeObserver = new ResizeObserver(resize);
|
|
100
|
+
resizeObserver.observe(divElRef.value);
|
|
101
|
+
});
|
|
102
|
+
watch(() => breakPoint.value, (newValue) => {
|
|
103
|
+
emit("breakPointChange", {
|
|
104
|
+
breakPoint: newValue
|
|
105
|
+
});
|
|
106
|
+
}, {
|
|
107
|
+
immediate: true
|
|
108
|
+
});
|
|
109
|
+
});
|
|
110
|
+
onActivated(() => {
|
|
111
|
+
nextTick(() => {
|
|
112
|
+
resizeObserver = new ResizeObserver(resize);
|
|
113
|
+
resizeObserver.observe(divElRef.value);
|
|
114
|
+
});
|
|
115
|
+
});
|
|
116
|
+
onUnmounted(() => {
|
|
117
|
+
resizeObserver?.disconnect();
|
|
118
|
+
});
|
|
119
|
+
onDeactivated(() => {
|
|
120
|
+
resizeObserver?.disconnect();
|
|
121
|
+
});
|
|
122
|
+
const gap = computed(() => {
|
|
123
|
+
if (isNumber(props.gap)) return `${props.gap}px`;
|
|
124
|
+
if (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;
|
|
125
|
+
return "unset";
|
|
126
|
+
});
|
|
127
|
+
const style = computed(() => {
|
|
128
|
+
return {
|
|
129
|
+
display: "grid",
|
|
130
|
+
gridGap: gap.value,
|
|
131
|
+
gridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`
|
|
132
|
+
};
|
|
133
|
+
});
|
|
134
|
+
useRender(() => {
|
|
135
|
+
const defaultSlot = slots?.default() ?? [];
|
|
136
|
+
if (props.collapsed) {
|
|
137
|
+
const fields = [];
|
|
138
|
+
let suffix = null;
|
|
139
|
+
defaultSlot.forEach((slot) => {
|
|
140
|
+
if (typeof slot.type === "object" && slot.type.name === "FaLayoutGridItem" && slot.props?.suffix !== void 0) suffix = slot;
|
|
141
|
+
if (typeof slot.type === "symbol" && Array.isArray(slot?.children)) fields.push(...slot.children);
|
|
142
|
+
});
|
|
143
|
+
let suffixCols = 0;
|
|
144
|
+
if (suffix) {
|
|
145
|
+
suffixCols = (suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) + (suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);
|
|
146
|
+
}
|
|
147
|
+
try {
|
|
148
|
+
let find = false;
|
|
149
|
+
fields.reduce((prev = 0, current, index) => {
|
|
150
|
+
prev += (current.props[breakPoint.value]?.span ?? current.props?.span ?? 1) + (current.props[breakPoint.value]?.offset ?? current.props?.offset ?? 0);
|
|
151
|
+
if (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {
|
|
152
|
+
hiddenIndex.value = index;
|
|
153
|
+
find = true;
|
|
154
|
+
throw "find it";
|
|
155
|
+
}
|
|
156
|
+
return prev;
|
|
157
|
+
}, 0);
|
|
158
|
+
if (!find) hiddenIndex.value = -1;
|
|
159
|
+
} catch {
|
|
160
|
+
}
|
|
161
|
+
} else {
|
|
162
|
+
hiddenIndex.value = -1;
|
|
163
|
+
}
|
|
164
|
+
return createVNode("div", {
|
|
165
|
+
"ref": divElRef,
|
|
166
|
+
"style": style.value
|
|
167
|
+
}, [defaultSlot]);
|
|
168
|
+
});
|
|
169
|
+
return useExpose(expose, {
|
|
170
|
+
/** @description 响应式断点 */
|
|
171
|
+
breakPoint
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
export {
|
|
176
|
+
LayoutGrid as default
|
|
177
|
+
};
|
|
178
|
+
//# sourceMappingURL=layoutGrid.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutGrid.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGrid.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, provide, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport { isArray, isNumber, isObject } from \"lodash-unified\";\nimport type { FaLayoutGridBreakPoint } from \"./layoutGrid.type\";\nimport type { VNode, VNodeArrayChildren } from \"vue\";\n\ntype FaLayoutGridSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGrid\",\n\tprops: {\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: (): Record<FaLayoutGridBreakPoint, number> => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 5 }),\n\t\t},\n\t\t/** @description 折叠 */\n\t\tcollapsed: Boolean,\n\t\t/** @description 折叠行数 */\n\t\tcollapsedRows: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 1,\n\t\t},\n\t\t/** @description 间距,偏移 */\n\t\tgap: {\n\t\t\ttype: definePropType<number | [number, number]>([Number, Array]),\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 断点变化事件 */\n\t\tbreakPointChange: ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }) => true,\n\t},\n\tslots: makeSlots<FaLayoutGridSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst divElRef = ref<HTMLElement>();\n\n\t\t// 注入 gap 间距\n\t\tprovide(\"gap\", isArray(props.gap) ? props.gap[0] : props.gap);\n\n\t\t// 注入响应式断点\n\t\tconst breakPoint = ref<FaLayoutGridBreakPoint>(\"xl\");\n\t\tprovide(\"breakPoint\", breakPoint);\n\n\t\t// 注入要开始折叠的 index\n\t\tconst hiddenIndex = ref(-1);\n\t\tprovide(\"shouldHiddenIndex\", hiddenIndex);\n\n\t\t// 注入 cols\n\t\tconst cols = computed(() => {\n\t\t\tif (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;\n\t\t\treturn props.cols;\n\t\t});\n\t\tprovide(\"cols\", cols);\n\n\t\tconst collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);\n\n\t\t// 断点映射\n\t\tconst breakpoints = {\n\t\t\t// 小于480屏幕(如手机)\n\t\t\txs: { min: 0, max: 479 },\n\t\t\t// 平板竖屏\n\t\t\tsm: { min: 480, max: 768 },\n\t\t\t// 平板横屏\n\t\t\tmd: { min: 768, max: 1024 },\n\t\t\t// 小型桌面\n\t\t\tlg: { min: 1024, max: 1440 },\n\t\t\t// 大型桌面\n\t\t\txl: { min: 1440, max: Infinity },\n\t\t};\n\n\t\t// 监听屏幕变化\n\t\tconst resize = (e: ResizeObserverEntry[]): void => {\n\t\t\t// 这里肯定只有一个\n\t\t\tif (e.length !== 1) throw new Error(\"未知的多个El\");\n\t\t\tconst curEl = e[0];\n\t\t\tconst width = curEl.target.scrollWidth;\n\n\t\t\tfor (const [key, { min, max }] of Object.entries(breakpoints)) {\n\t\t\t\tif (width >= min && width <= max) {\n\t\t\t\t\tbreakPoint.value = key as FaLayoutGridBreakPoint;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tlet resizeObserver: ResizeObserver = null;\n\n\t\tonMounted(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\n\t\t\t// 断点变化时 执行 findIndex\n\t\t\twatch(\n\t\t\t\t() => breakPoint.value,\n\t\t\t\t(newValue) => {\n\t\t\t\t\temit(\"breakPointChange\", { breakPoint: newValue });\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timmediate: true,\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tonActivated(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\tonDeactivated(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\t// 设置间距\n\t\tconst gap = computed(() => {\n\t\t\tif (isNumber(props.gap)) return `${props.gap}px`;\n\t\t\tif (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;\n\t\t\treturn \"unset\";\n\t\t});\n\n\t\t// 设置 style\n\t\tconst style = computed(() => {\n\t\t\treturn {\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridGap: gap.value,\n\t\t\t\tgridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n\t\t\t};\n\t\t});\n\n\t\tuseRender(() => {\n\t\t\tconst defaultSlot = slots?.default() ?? [];\n\n\t\t\tif (props.collapsed) {\n\t\t\t\tconst fields: VNodeArrayChildren = [];\n\t\t\t\tlet suffix: VNode = null;\n\n\t\t\t\tdefaultSlot.forEach((slot: any) => {\n\t\t\t\t\t// suffix\n\t\t\t\t\tif (typeof slot.type === \"object\" && slot.type.name === \"FaLayoutGridItem\" && slot.props?.suffix !== undefined) suffix = slot;\n\t\t\t\t\t// slot children\n\t\t\t\t\tif (typeof slot.type === \"symbol\" && Array.isArray(slot?.children)) fields.push(...slot.children);\n\t\t\t\t});\n\n\t\t\t\t// 计算 suffix 所占用的列\n\t\t\t\tlet suffixCols = 0;\n\t\t\t\tif (suffix) {\n\t\t\t\t\tsuffixCols =\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tlet find = false;\n\t\t\t\t\tfields.reduce((prev = 0, current, index) => {\n\t\t\t\t\t\tprev +=\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n\t\t\t\t\t\tif (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {\n\t\t\t\t\t\t\thiddenIndex.value = index;\n\t\t\t\t\t\t\tfind = true;\n\t\t\t\t\t\t\tthrow \"find it\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}, 0);\n\t\t\t\t\tif (!find) hiddenIndex.value = -1;\n\t\t\t\t} catch {}\n\t\t\t} else {\n\t\t\t\thiddenIndex.value = -1;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div ref={divElRef} style={style.value}>\n\t\t\t\t\t{defaultSlot}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 响应式断点 */\n\t\t\tbreakPoint,\n\t\t});\n\t},\n});\n"],"names":["name","props","cols","type","definePropType","String","Number","Object","default","xs","sm","md","lg","xl","collapsed","Boolean","collapsedRows","gap","Array","emits","breakPointChange","breakPoint","slots","makeSlots","setup","emit","expose","divElRef","ref","provide","isArray","hiddenIndex","computed","isObject","value","isNumber","breakpoints","min","max","Infinity","resize","e","length","Error","curEl","width","target","scrollWidth","key","entries","resizeObserver","onMounted","nextTick","ResizeObserver","observe","watch","newValue","immediate","onActivated","onUnmounted","disconnect","onDeactivated","style","display","gridGap","gridTemplateColumns","useRender","defaultSlot","fields","suffix","forEach","slot","undefined","children","push","suffixCols","span","offset","find","reduce","prev","current","index","_createVNode","useExpose"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutGrid.type.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { FaLayoutGridItemResponsive } from './layoutGrid.type';
|
|
2
|
+
type FaLayoutGridItemSlots = {
|
|
3
|
+
/** @description 默认内容插槽 */
|
|
4
|
+
default: never;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
7
|
+
/** @description 偏移 */
|
|
8
|
+
offset: {
|
|
9
|
+
type: NumberConstructor;
|
|
10
|
+
default: number;
|
|
11
|
+
};
|
|
12
|
+
/** @description 占位 */
|
|
13
|
+
span: {
|
|
14
|
+
type: NumberConstructor;
|
|
15
|
+
default: number;
|
|
16
|
+
};
|
|
17
|
+
/** @description 后缀 */
|
|
18
|
+
suffix: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
22
|
+
/** @description 响应式,小于480px屏幕配置 */
|
|
23
|
+
xs: {
|
|
24
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
25
|
+
default: FaLayoutGridItemResponsive;
|
|
26
|
+
};
|
|
27
|
+
/** @description 响应式,平板竖屏配置 */
|
|
28
|
+
sm: {
|
|
29
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
30
|
+
default: FaLayoutGridItemResponsive;
|
|
31
|
+
};
|
|
32
|
+
/** @description 响应式,平板横屏配置 */
|
|
33
|
+
md: {
|
|
34
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
35
|
+
default: FaLayoutGridItemResponsive;
|
|
36
|
+
};
|
|
37
|
+
/** @description 响应式,小型桌面配置 */
|
|
38
|
+
lg: {
|
|
39
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
40
|
+
default: FaLayoutGridItemResponsive;
|
|
41
|
+
};
|
|
42
|
+
/** @description 响应式,大型桌面配置 */
|
|
43
|
+
xl: {
|
|
44
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
45
|
+
default: FaLayoutGridItemResponsive;
|
|
46
|
+
};
|
|
47
|
+
}>, {
|
|
48
|
+
show: boolean;
|
|
49
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
50
|
+
/** @description 偏移 */
|
|
51
|
+
offset: {
|
|
52
|
+
type: NumberConstructor;
|
|
53
|
+
default: number;
|
|
54
|
+
};
|
|
55
|
+
/** @description 占位 */
|
|
56
|
+
span: {
|
|
57
|
+
type: NumberConstructor;
|
|
58
|
+
default: number;
|
|
59
|
+
};
|
|
60
|
+
/** @description 后缀 */
|
|
61
|
+
suffix: {
|
|
62
|
+
type: BooleanConstructor;
|
|
63
|
+
default: boolean;
|
|
64
|
+
};
|
|
65
|
+
/** @description 响应式,小于480px屏幕配置 */
|
|
66
|
+
xs: {
|
|
67
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
68
|
+
default: FaLayoutGridItemResponsive;
|
|
69
|
+
};
|
|
70
|
+
/** @description 响应式,平板竖屏配置 */
|
|
71
|
+
sm: {
|
|
72
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
73
|
+
default: FaLayoutGridItemResponsive;
|
|
74
|
+
};
|
|
75
|
+
/** @description 响应式,平板横屏配置 */
|
|
76
|
+
md: {
|
|
77
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
78
|
+
default: FaLayoutGridItemResponsive;
|
|
79
|
+
};
|
|
80
|
+
/** @description 响应式,小型桌面配置 */
|
|
81
|
+
lg: {
|
|
82
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
83
|
+
default: FaLayoutGridItemResponsive;
|
|
84
|
+
};
|
|
85
|
+
/** @description 响应式,大型桌面配置 */
|
|
86
|
+
xl: {
|
|
87
|
+
type: import('vue').PropType<FaLayoutGridItemResponsive>;
|
|
88
|
+
default: FaLayoutGridItemResponsive;
|
|
89
|
+
};
|
|
90
|
+
}>> & Readonly<{}>, {
|
|
91
|
+
span: number;
|
|
92
|
+
offset: number;
|
|
93
|
+
xs: FaLayoutGridItemResponsive;
|
|
94
|
+
sm: FaLayoutGridItemResponsive;
|
|
95
|
+
md: FaLayoutGridItemResponsive;
|
|
96
|
+
lg: FaLayoutGridItemResponsive;
|
|
97
|
+
xl: FaLayoutGridItemResponsive;
|
|
98
|
+
suffix: boolean;
|
|
99
|
+
}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaLayoutGridItemSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
100
|
+
export default _default;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { defineComponent, reactive, inject, ref, watch, computed, withDirectives, createVNode, vShow } from "vue";
|
|
2
|
+
import { useRender, useExpose, makeSlots, definePropType } from "@fast-china/utils";
|
|
3
|
+
const LayoutGridItem = /* @__PURE__ */ defineComponent({
|
|
4
|
+
name: "FaLayoutGridItem",
|
|
5
|
+
props: {
|
|
6
|
+
/** @description 偏移 */
|
|
7
|
+
offset: {
|
|
8
|
+
type: Number,
|
|
9
|
+
default: 0
|
|
10
|
+
},
|
|
11
|
+
/** @description 占位 */
|
|
12
|
+
span: {
|
|
13
|
+
type: Number,
|
|
14
|
+
default: 1
|
|
15
|
+
},
|
|
16
|
+
/** @description 后缀 */
|
|
17
|
+
suffix: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: false
|
|
20
|
+
},
|
|
21
|
+
/** @description 响应式,小于480px屏幕配置 */
|
|
22
|
+
xs: {
|
|
23
|
+
type: definePropType(Object),
|
|
24
|
+
default: void 0
|
|
25
|
+
},
|
|
26
|
+
/** @description 响应式,平板竖屏配置 */
|
|
27
|
+
sm: {
|
|
28
|
+
type: definePropType(Object),
|
|
29
|
+
default: void 0
|
|
30
|
+
},
|
|
31
|
+
/** @description 响应式,平板横屏配置 */
|
|
32
|
+
md: {
|
|
33
|
+
type: definePropType(Object),
|
|
34
|
+
default: void 0
|
|
35
|
+
},
|
|
36
|
+
/** @description 响应式,小型桌面配置 */
|
|
37
|
+
lg: {
|
|
38
|
+
type: definePropType(Object),
|
|
39
|
+
default: void 0
|
|
40
|
+
},
|
|
41
|
+
/** @description 响应式,大型桌面配置 */
|
|
42
|
+
xl: {
|
|
43
|
+
type: definePropType(Object),
|
|
44
|
+
default: void 0
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
slots: makeSlots(),
|
|
48
|
+
setup(props, {
|
|
49
|
+
attrs,
|
|
50
|
+
slots,
|
|
51
|
+
emit,
|
|
52
|
+
expose
|
|
53
|
+
}) {
|
|
54
|
+
const state = reactive({
|
|
55
|
+
show: true
|
|
56
|
+
});
|
|
57
|
+
const attrsObj = attrs;
|
|
58
|
+
const breakPoint = inject("breakPoint", ref("xl"));
|
|
59
|
+
const shouldHiddenIndex = inject("shouldHiddenIndex", ref(-1));
|
|
60
|
+
watch(() => [shouldHiddenIndex.value, breakPoint.value], (n) => {
|
|
61
|
+
if (~~attrsObj.index) {
|
|
62
|
+
state.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));
|
|
63
|
+
}
|
|
64
|
+
}, {
|
|
65
|
+
immediate: true
|
|
66
|
+
});
|
|
67
|
+
const gap = inject("gap", 0);
|
|
68
|
+
const cols = inject("cols", ref(5));
|
|
69
|
+
const style = computed(() => {
|
|
70
|
+
const breakPointObk = props[breakPoint.value];
|
|
71
|
+
const span = breakPointObk?.span ?? props.span;
|
|
72
|
+
const offset = breakPointObk?.offset ?? props.offset;
|
|
73
|
+
if (props.suffix) {
|
|
74
|
+
return {
|
|
75
|
+
gridColumnStart: cols.value - span - offset + 1,
|
|
76
|
+
gridColumnEnd: `span ${span + offset}`,
|
|
77
|
+
marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
|
|
78
|
+
};
|
|
79
|
+
} else {
|
|
80
|
+
return {
|
|
81
|
+
gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${span + offset > cols.value ? cols.value : span + offset}`,
|
|
82
|
+
marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
useRender(() => withDirectives(createVNode("div", {
|
|
87
|
+
"style": style.value
|
|
88
|
+
}, [slots.default && slots.default()]), [[vShow, state.show]]));
|
|
89
|
+
return useExpose(expose, {
|
|
90
|
+
show: state.show
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
export {
|
|
95
|
+
LayoutGridItem as default
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=layoutGridItem.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutGridItem.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGridItem.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport type { FaLayoutGridItemResponsive } from \"./layoutGrid.type\";\nimport type { FaLayoutGridBreakPoint } from \"@fast-element-plus/components/layoutGrid\";\nimport type { Ref } from \"vue\";\n\ntype FaLayoutGridItemSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGridItem\",\n\tprops: {\n\t\t/** @description 偏移 */\n\t\toffset: { type: Number, default: 0 },\n\t\t/** @description 占位 */\n\t\tspan: { type: Number, default: 1 },\n\t\t/** @description 后缀 */\n\t\tsuffix: { type: Boolean, default: false },\n\t\t/** @description 响应式,小于480px屏幕配置 */\n\t\txs: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式,平板竖屏配置 */\n\t\tsm: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式,平板横屏配置 */\n\t\tmd: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式,小型桌面配置 */\n\t\tlg: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式,大型桌面配置 */\n\t\txl: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t},\n\tslots: makeSlots<FaLayoutGridItemSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tshow: true,\n\t\t});\n\n\t\tconst attrsObj = attrs as any;\n\n\t\t// 注入断点\n\t\tconst breakPoint = inject<Ref<FaLayoutGridBreakPoint>>(\"breakPoint\", ref(\"xl\"));\n\t\tconst shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\n\n\t\twatch(\n\t\t\t() => [shouldHiddenIndex.value, breakPoint.value],\n\t\t\t(n) => {\n\t\t\t\tif (~~attrsObj.index) {\n\t\t\t\t\tstate.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t);\n\n\t\tconst gap = inject(\"gap\", 0);\n\t\tconst cols = inject<Ref<number>>(\"cols\", ref(5));\n\n\t\tconst style = computed(() => {\n\t\t\tconst breakPointObk = props[breakPoint.value] as FaLayoutGridItemResponsive;\n\t\t\tconst span = breakPointObk?.span ?? props.span;\n\t\t\tconst offset = breakPointObk?.offset ?? props.offset;\n\t\t\tif (props.suffix) {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumnStart: cols.value - span - offset + 1,\n\t\t\t\t\tgridColumnEnd: `span ${span + offset}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n\t\t\t\t\t\tspan + offset > cols.value ? cols.value : span + offset\n\t\t\t\t\t}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<div style={style.value} vShow={state.show}>\n\t\t\t\t{slots.default && slots.default()}\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\tshow: state.show,\n\t\t});\n\t},\n});\n"],"names":["name","props","offset","type","Number","default","span","suffix","Boolean","xs","definePropType","Object","undefined","sm","md","lg","xl","slots","makeSlots","setup","attrs","emit","expose","state","reactive","show","attrsObj","breakPoint","inject","ref","shouldHiddenIndex","watch","value","n","index","parseInt","immediate","gap","cols","style","computed","breakPointObk","gridColumnStart","gridColumnEnd","marginLeft","gridColumn","useRender","_withDirectives","_createVNode","_vShow","useExpose"],"mappings":";;AAWA,MAAA,iDAA+B;AAAA,EAC9BA,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA,IAENC,QAAQ;AAAA,MAAEC,MAAMC;AAAAA,MAAQC,SAAS;AAAA;;IAEjCC,MAAM;AAAA,MAAEH,MAAMC;AAAAA,MAAQC,SAAS;AAAA;;IAE/BE,QAAQ;AAAA,MAAEJ,MAAMK;AAAAA,MAASH,SAAS;AAAA;;IAElCI,IAAI;AAAA,MACHN,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVC,IAAI;AAAA,MACHV,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVE,IAAI;AAAA,MACHX,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVG,IAAI;AAAA,MACHZ,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVI,IAAI;AAAA,MACHb,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA,IACV;AAAA;EAEDK,OAAOC,UAAS;AAAA,EAChBC,MAAMlB,OAAO;AAAA,IAAEmB;AAAAA,IAAOH;AAAAA,IAAOI;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AAC5C,UAAMC,QAAQC,SAAS;AAAA,MACtBC,MAAM;AAAA,IACP,CAAC;AAED,UAAMC,WAAWN;AAGjB,UAAMO,aAAaC,OAAoC,cAAcC,IAAI,IAAI,CAAC;AAC9E,UAAMC,oBAAoBF,OAAoB,qBAAqBC,IAAI,EAAE,CAAC;AAE1EE,UACC,MAAM,CAACD,kBAAkBE,OAAOL,WAAWK,KAAK,GAC/CC,OAAM;AACN,UAAI,CAAC,CAACP,SAASQ,OAAO;AACrBX,cAAME,OAAO,EAAEQ,EAAE,CAAC,MAAM,MAAME,SAAST,SAASQ,KAAK,KAAK9B,OAAO6B,EAAE,CAAC,CAAC;AAAA,MACtE;AAAA,IACD,GACA;AAAA,MAAEG,WAAW;AAAA,IAAK,CACnB;AAEA,UAAMC,MAAMT,OAAO,OAAO,CAAC;AAC3B,UAAMU,OAAOV,OAAoB,QAAQC,IAAI,CAAC,CAAC;AAE/C,UAAMU,QAAQC,SAAS,MAAM;AAC5B,YAAMC,gBAAgBxC,MAAM0B,WAAWK,KAAK;AAC5C,YAAM1B,OAAOmC,eAAenC,QAAQL,MAAMK;AAC1C,YAAMJ,SAASuC,eAAevC,UAAUD,MAAMC;AAC9C,UAAID,MAAMM,QAAQ;AACjB,eAAO;AAAA,UACNmC,iBAAiBJ,KAAKN,QAAQ1B,OAAOJ,SAAS;AAAA,UAC9CyC,eAAe,QAAQrC,OAAOJ,MAAM;AAAA,UACpC0C,YAAY1C,WAAW,IAAI,iBAAiBmC,GAAG,SAAS/B,OAAOJ,MAAM,OAAOA,MAAM,MAAM;AAAA;MAE1F,OAAO;AACN,eAAO;AAAA,UACN2C,YAAY,QAAQvC,OAAOJ,SAASoC,KAAKN,QAAQM,KAAKN,QAAQ1B,OAAOJ,MAAM,SAC1EI,OAAOJ,SAASoC,KAAKN,QAAQM,KAAKN,QAAQ1B,OAAOJ,MAAM;AAAA,UAExD0C,YAAY1C,WAAW,IAAI,iBAAiBmC,GAAG,SAAS/B,OAAOJ,MAAM,OAAOA,MAAM,MAAM;AAAA;MAE1F;AAAA,IACD,CAAC;AAED4C,cAAU,MAAAC,eAAAC,YAAA,OAAA;AAAA,MAAA,SACGT,MAAMP;AAAAA,IAAK,GAAA,CACrBf,MAAMZ,WAAWY,MAAMZ,QAAO,CAAE,CAAA,GAAA,CAAA,CAAA4C,OADF1B,MAAME,IAAI,GAG1C;AAED,WAAOyB,UAAU5B,QAAQ;AAAA,MACxBG,MAAMF,MAAME;AAAAA,IACb,CAAC;AAAA,EACF;AACD,CAAC;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ExtractPropTypes } from "vue";
|
|
2
|
+
import { TSXWithInstall } from "@fast-china/utils";
|
|
3
|
+
import { default as Select, SelectProps, faSelectEmits, faSelectProps } from "./src/select";
|
|
4
|
+
import { default as SelectOption } from "./src/selectOption";
|
|
5
|
+
|
|
6
|
+
export declare const FaSelect: TSXWithInstall<typeof Select> & {
|
|
7
|
+
SelectOption: typeof SelectOption;
|
|
8
|
+
};
|
|
9
|
+
export default FaSelect;
|
|
10
|
+
|
|
11
|
+
export declare const FaSelectOption: TSXWithInstall<typeof SelectOption>;
|
|
12
|
+
|
|
13
|
+
export { SelectProps, faSelectProps };
|
|
14
|
+
export * from "./src/select.type";
|
|
15
|
+
|
|
16
|
+
export type FaSelectInstance = InstanceType<typeof Select>;
|
|
17
|
+
|
|
18
|
+
export type FaSelectProps = ExtractPropTypes<typeof faSelectProps>;
|
|
19
|
+
|
|
20
|
+
export type FaSelectEmits = typeof faSelectEmits;
|
|
21
|
+
|
|
22
|
+
export type FaSelectOptionInstance = InstanceType<typeof SelectOption>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { withInstall, withNoopInstall } from "@fast-china/utils";
|
|
2
|
+
import Select from "./src/select.mjs";
|
|
3
|
+
import { SelectProps, faSelectProps } from "./src/select.mjs";
|
|
4
|
+
import SelectOption from "./src/selectOption.mjs";
|
|
5
|
+
import "./src/select.type.mjs";
|
|
6
|
+
const FaSelect = withInstall(Select, {
|
|
7
|
+
SelectOption
|
|
8
|
+
});
|
|
9
|
+
const FaSelectOption = withNoopInstall(SelectOption);
|
|
10
|
+
export {
|
|
11
|
+
FaSelect,
|
|
12
|
+
FaSelectOption,
|
|
13
|
+
SelectProps,
|
|
14
|
+
FaSelect as default,
|
|
15
|
+
faSelectProps
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport Select, { SelectProps, faSelectProps } from \"./src/select\";\nimport SelectOption from \"./src/selectOption\";\nimport type { faSelectEmits } from \"./src/select\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaSelect = withInstall(Select, {\n\tSelectOption,\n});\nexport default FaSelect;\n\nexport const FaSelectOption = withNoopInstall(SelectOption);\n\nexport { SelectProps, faSelectProps };\nexport * from \"./src/select.type\";\n\nexport type FaSelectInstance = InstanceType<typeof Select>;\n\nexport type FaSelectProps = ExtractPropTypes<typeof faSelectProps>;\n\nexport type FaSelectEmits = typeof faSelectEmits;\n\nexport type FaSelectOptionInstance = InstanceType<typeof SelectOption>;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,WAAW,YAAY,QAAQ;AAAA,EAC3C;AACD,CAAC;AAGM,MAAM,iBAAiB,gBAAgB,YAAY;"}
|