From 886499bbec893c279164281db45e089dc081a566 Mon Sep 17 00:00:00 2001 From: Kagol Date: Thu, 25 May 2023 14:26:49 +0800 Subject: [PATCH] fix: fix some XDesign bug --- .all-contributorsrc | 74 +- .github/release.yml | 1 - .gitignore | 1 + README.md | 10 - README.zh-CN.md | 18 +- examples/docs/newsrc/_.vue | 64 - examples/docs/newsrc/resource.js | 29 - examples/docs/newsrc/uses/useMonaco.js | 31 - examples/docs/package.json | 6 +- .../resources/pc/api/en-US/button-group.json | 7 + .../docs/resources/pc/api/en-US/rate.json | 10 +- .../resources/pc/api/zh-CN/button-group.json | 7 + .../docs/resources/pc/api/zh-CN/rate.json | 12 +- .../docs/resources/pc/api/zh-CN/steps.json | 33 +- .../pc/demo-config/en-US/button-group.json | 16 + .../pc/demo-config/en-US/checkbox.json | 10 +- .../pc/demo-config/zh-CN/button-group.json | 99 +- .../pc/demo-config/zh-CN/checkbox.json | 8 + .../pc/demo-config/zh-CN/grid-event.json | 211 +++- .../resources/pc/demo-config/zh-CN/rate.json | 139 ++- .../resources/pc/demo-config/zh-CN/steps.json | 16 + .../pc/demo/button-group/base.spec.js | 22 +- .../resources/pc/demo/button-group/border.vue | 36 + .../button-group/button-group-multiple.vue | 34 + .../pc/demo/button-group/disabled.vue | 7 +- .../resources/pc/demo/button-group/size.vue | 14 +- .../pc/demo/checkbox/button-chek-box.vue | 7 +- .../checkbox/checkbox-button-multiple.vue | 24 + .../pc/demo/checkbox/with-border.vue | 22 +- .../demo/collapse/custom-collapse-title.vue | 36 +- .../pc/demo/dialog-box/right-dialog.vue | 32 +- .../pc/demo/dropdown/basic-usage.vue | 2 +- .../pc/demo/dropdown/multi-level.vue | 9 +- .../pc/demo/grid/custom/column-simple.spec.js | 14 + .../pc/demo/grid/custom/column-sort.spec.js | 13 + .../pc/demo/grid/custom/column-width.spec.js | 30 + .../demo/grid/custom/resetResizable.spec.js | 43 + .../demo/grid/event/cell-click-event.spec.js | 9 + .../grid/event/cell-dblclick-event.spec.js | 10 + .../grid/event/cell-mouseenter-event.spec.js | 9 + .../grid/event/cell-mouseleave-event.spec.js | 10 + .../grid/event/current-change-event.spec.js | 14 + .../demo/grid/event/current-change-event.vue | 9 +- .../grid/event/edit-actived-event.spec.js | 9 + .../pc/demo/grid/event/edit-actived-event.vue | 14 +- .../demo/grid/event/edit-closed-event.spec.js | 23 + .../pc/demo/grid/event/edit-closed-event.vue | 16 +- .../grid/event/edit-disabled-event.spec.js | 9 + .../demo/grid/event/edit-disabled-event.vue | 7 +- .../footer-cell-context-menu-event.spec.js | 15 + .../event/footer-cell-context-menu-event.vue | 12 +- .../pc/demo/grid/event/grid-events.spec.js | 9 + .../demo/grid/event/grid-scroll-event.spec.js | 11 + .../header-cell-context-menu-event.spec.js | 11 + .../event/header-cell-context-menu-event.vue | 17 +- .../grid/event/header-click-event.spec.js | 9 + .../grid/event/header-dblclick-event.spec.js | 9 + .../event/page-before-change-event.spec.js | 9 + .../demo/grid/event/page-change-event.spec.js | 9 + .../pc/demo/grid/event/page-change-event.vue | 7 +- .../grid/event/radio-change-event.spec.js | 14 + .../pc/demo/grid/event/radio-change-event.vue | 9 +- .../grid/event/resizable-change-event.spec.js | 20 + .../grid/event/resizable-change-event.vue | 9 +- .../demo/grid/event/select-all-event.spec.js | 9 + .../pc/demo/grid/event/select-all-event.vue | 9 +- .../grid/event/select-change-event.spec.js | 14 + .../demo/grid/event/select-change-event.vue | 9 +- .../grid/event/table-data-association.spec.js | 23 + .../grid/event/table-data-association.vue | 2 +- .../event/toggle-expand-change-event.spec.js | 9 + .../event/toggle-tree-change-event.spec.js | 9 + .../grid/event/toggle-tree-change-event.vue | 9 +- .../demo/grid/event/valid-error-event.spec.js | 15 + .../pc/demo/grid/expand/hasRowExpand.spec.js | 10 + .../pc/demo/grid/faq/gridInDialogBox.spec.js | 17 + .../resources/pc/demo/grid/faq/opSlot.spec.js | 11 + .../pc/demo/grid/faq/unbalanced.spec.js | 12 + .../grid_Example/dynamicallyColumns.spec.js | 12 + .../before-submit-validation.spec.js | 16 + .../grid_Example/gridValid/custcomp.spec.js | 15 + .../editing-isvalidalways-validation.spec.js | 21 + .../gridValid/editing-validation.spec.js | 15 + .../gridValid/row-data-valid.spec.js | 11 + .../gridValid/select-validation.spec.js | 22 + .../validation-scroll-to-col.spec.js | 24 + .../demo/grid/grid_Example/nestedGrid.spec.js | 11 + .../demo/grid/grid_Example/reverseRow.spec.js | 12 + .../pc/demo/grid/keyboard-config.spec.js | 13 + .../pc/demo/grid/keyboard-navigation.spec.js | 13 + .../methods/set-all-row-expansion.spec.js | 11 + .../methods/set-all-tree-expansion.spec.js | 9 + .../grid/methods/set-row-expansion.spec.js | 11 + .../grid/methods/toggle-row-expansion.spec.js | 15 + .../methods/toggle-tree-expansion.spec.js | 16 + .../pc/demo/grid/mouse-config.spec.js | 11 + .../pc/demo/grid/slot/buttons-slot.spec.js | 16 + .../pc/demo/grid/slot/buttons-slot.vue | 16 +- .../pc/demo/grid/slot/default-slot.spec.js | 9 + .../pc/demo/grid/slot/default-slot.vue | 2 +- .../pc/demo/grid/slot/empty-slot.spec.js | 9 + .../grid/tiny-first-menu/export-excel.spec.js | 14 + .../tiny-first-menu/get-row-method.spec.js | 41 + .../grid/tree-table/hasTreeExpand.spec.js | 9 + .../grid/tree-table/tree-grid-base.spec.js | 12 + .../grid/tree-table/tree-grid-data.spec.js | 11 + .../tree-grid-expand-config.spec.js | 17 + .../grid/tree-table/tree-grid-expand.spec.js | 16 + .../tree-table/tree-grid-fixed-column.spec.js | 9 + .../grid/tree-table/tree-grid-index.spec.js | 13 + .../tree-grid-insert-delete-update.spec.js | 35 + .../tree-grid-keyboard-operation.spec.js | 16 + .../tree-grid-operation-column.spec.js | 14 + .../docs/resources/pc/demo/icon/iconGroups.js | 5 +- .../resources/pc/demo/loading/spinner.vue | 28 +- .../pc/demo/progress/progress-width.vue | 11 +- .../demo/rate/disabled-not-selected-class.vue | 2 +- .../pc/demo/rate/not-selected-class.vue | 2 +- .../resources/pc/demo/steps/show-divider.vue | 28 + .../pc/demo/steps/slot-active-node-desc.vue | 36 + .../pc/demo/tooltip/basic-usage.spec.js | 37 + examples/vue2.7/package.json | 6 +- examples/vue2/package.json | 6 +- examples/vue3/package.json | 6 +- internals/cli/CHANGELOG.md | 0 internals/cli/package.json | 2 +- .../cli/src/commands/build/build-entry-app.ts | 30 - .../cli/src/commands/build/build-runtime.ts | 1 - .../src/commands/build/handlebars.render.ts | 53 +- .../cli/src/commands/create/create-mapping.ts | 1 + .../cli/src/commands/create/create-ui.ts | 22 +- internals/cli/src/commands/release/.eslintrc | 5 - .../cli/src/commands/release/release-ui.ts | 154 --- internals/cli/src/commands/release/release.ts | 102 -- internals/cli/src/shared/module-utils.ts | 25 +- internals/cli/src/shared/runtime-utils.ts | 317 ----- internals/cli/src/shared/utils.ts | 55 +- internals/playwright-config/CHANGELOG.md | 8 - internals/playwright-config/src/index.js | 12 +- .../unplugin-virtual-template/CHANGELOG.md | 8 - .../unplugin-virtual-template/package.json | 6 +- .../src/core/transformVirtualTemplate.ts | 2 +- .../core/transformVirtualTemplateForBuild.ts | 25 +- internals/vue-test-utils/CHANGELOG.md | 40 - .../vue-vite-import/example/js/package.json | 2 +- .../vue-vite-import/example/ts/package.json | 4 +- internals/vue-vite-import/package.json | 6 +- internals/vue-vite-import/src/index.ts | 2 +- package.json | 27 +- packages/design/smb/index.ts | 10 +- packages/design/smb/src/alert/index.ts | 5 +- .../design/smb/src/dropdown-item/index.ts | 7 + packages/design/smb/src/dropdown/index.ts | 7 + packages/design/smb/src/grid/index.ts | 9 + packages/design/smb/src/select/index.ts | 7 + packages/renderless/package.json | 2 +- .../renderless/src/common/deps/vue-popper.ts | 8 +- .../renderless/src/dropdown-item/index.ts | 154 ++- packages/renderless/src/dropdown-item/vue.ts | 19 +- packages/renderless/src/dropdown/vue.ts | 9 +- packages/renderless/src/select/index.ts | 6 + packages/renderless/src/select/vue.ts | 33 +- packages/renderless/src/tab-item/index.ts | 2 +- packages/renderless/src/tab-item/vue.ts | 6 +- packages/renderless/src/tooltip/vue.ts | 3 +- packages/theme-mobile/package.json | 4 +- packages/theme/CHANGELOG.md | 0 packages/theme/package.json | 2 +- packages/theme/scripts/build-theme-json.js | 57 +- packages/theme/scripts/components.js | 126 ++ packages/theme/src/alert/index.js | 40 - packages/theme/src/anchor/index.js | 20 - packages/theme/src/autocomplete/index.js | 25 - packages/theme/src/breadcrumb-item/index.js | 15 - packages/theme/src/breadcrumb/index.js | 24 - packages/theme/src/button-group/index.js | 34 - packages/theme/src/button-group/index.less | 58 +- packages/theme/src/button-group/smb-theme.js | 29 + packages/theme/src/button-group/vars.less | 42 +- packages/theme/src/button/index.js | 105 -- packages/theme/src/carousel/index.js | 39 - packages/theme/src/cascader-menu/index.js | 20 - packages/theme/src/cascader-node/index.js | 25 - packages/theme/src/cascader-panel/index.js | 22 - packages/theme/src/cascader/index.js | 41 - packages/theme/src/checkbox-button/index.less | 94 +- .../theme/src/checkbox-button/smb-theme.js | 24 +- packages/theme/src/checkbox-button/vars.less | 44 + packages/theme/src/checkbox-group/index.less | 7 +- .../theme/src/checkbox-group/smb-theme.js | 3 +- packages/theme/src/checkbox-group/vars.less | 4 + packages/theme/src/checkbox/smb-theme.js | 7 +- packages/theme/src/checkbox/vars.less | 4 +- packages/theme/src/collapse-item/index.js | 32 - packages/theme/src/collapse-item/smb-theme.js | 3 +- packages/theme/src/collapse-item/vars.less | 6 +- packages/theme/src/collapse/index.js | 15 - packages/theme/src/crop/index.js | 31 - packages/theme/src/detail-page/index.js | 25 - packages/theme/src/dialog-box/index.js | 38 - packages/theme/src/dialog-box/index.less | 8 +- packages/theme/src/dialog-box/smb-theme.js | 2 + packages/theme/src/dialog-box/vars.less | 6 +- packages/theme/src/drop-roles/index.less | 4 - packages/theme/src/drop-times/index.js | 15 - packages/theme/src/dropdown-item/index.js | 27 - packages/theme/src/dropdown-item/index.less | 69 +- packages/theme/src/dropdown-item/smb-theme.js | 14 +- packages/theme/src/dropdown-item/vars.less | 20 +- packages/theme/src/dropdown-menu/index.js | 18 - packages/theme/src/dropdown-menu/index.less | 2 + packages/theme/src/dropdown-menu/smb-theme.js | 4 + packages/theme/src/dropdown-menu/vars.less | 6 +- packages/theme/src/dropdown/index.js | 15 - packages/theme/src/dropdown/index.less | 53 +- packages/theme/src/dropdown/smb-theme.js | 12 + packages/theme/src/dropdown/vars.less | 25 +- packages/theme/src/fall-menu/index.js | 27 - packages/theme/src/file-upload/index.js | 15 - packages/theme/src/floatbar/index.js | 21 - packages/theme/src/form-item/index.js | 24 - packages/theme/src/form/index.js | 15 - packages/theme/src/fullscreen/index.js | 15 - packages/theme/src/grid/default.less | 23 - packages/theme/src/grid/header.less | 2 +- packages/theme/src/grid/index.js | 65 - packages/theme/src/grid/loading-global.less | 123 -- packages/theme/src/grid/mixins/table.less | 4 +- packages/theme/src/grid/modal.less | 458 ------- packages/theme/src/grid/pager.less | 406 ------- packages/theme/src/grid/smb-theme.js | 14 +- packages/theme/src/grid/table-global.less | 1049 ----------------- packages/theme/src/grid/table.less | 8 +- packages/theme/src/grid/tooltip.less | 137 --- packages/theme/src/grid/vars.less | 59 +- packages/theme/src/image/index.js | 17 - packages/theme/src/index.js | 16 - packages/theme/src/input/index.js | 34 - packages/theme/src/ip-address/index.js | 25 - packages/theme/src/link-menu/index.js | 24 - packages/theme/src/link/index.js | 41 - packages/theme/src/loading/index.js | 21 - packages/theme/src/loading/index.less | 12 +- packages/theme/src/milestone/index.js | 26 - packages/theme/src/modal/index.js | 47 - packages/theme/src/nav-menu/index.js | 28 - packages/theme/src/notify/index.js | 41 - packages/theme/src/notify/index.less | 5 +- packages/theme/src/notify/smb-theme.js | 2 +- packages/theme/src/numeric/index.js | 26 - packages/theme/src/option-group/index.js | 18 - packages/theme/src/option/index.js | 26 - packages/theme/src/pager/index.js | 40 - packages/theme/src/pager/index.less | 43 +- packages/theme/src/pager/vars.less | 9 +- packages/theme/src/popover/index.js | 30 - packages/theme/src/progress/index.js | 23 - packages/theme/src/radio/index.js | 42 - packages/theme/src/rate/index.js | 18 - packages/theme/src/scrollbar/index.js | 15 - packages/theme/src/search/index.js | 34 - packages/theme/src/select-dropdown/index.js | 33 - packages/theme/src/select/index.js | 27 - packages/theme/src/select/vars.less | 2 +- packages/theme/src/slide-bar/index.js | 20 - packages/theme/src/slider/index.js | 52 - packages/theme/src/split/index.js | 23 - packages/theme/src/steps/index.js | 49 - packages/theme/src/steps/index.less | 95 +- packages/theme/src/steps/smb-theme.js | 11 +- packages/theme/src/steps/vars.less | 46 +- packages/theme/src/svgs/down-ward.svg | 10 + packages/theme/src/svgs/left-frozen.svg | 2 +- packages/theme/src/svgs/left-ward-arrow.svg | 11 + packages/theme/src/svgs/loading-shadow.svg | 19 + .../theme/src/svgs/prompt-exclamation.svg | 7 + packages/theme/src/svgs/right-frozen.svg | 2 +- .../src/svgs/sort-triangle-ascending.svg | 9 + .../src/svgs/sort-triangle-descending.svg | 9 + packages/theme/src/svgs/sort-triangle.svg | 12 + packages/theme/src/svgs/up-ward.svg | 11 + packages/theme/src/switch/index.js | 29 - packages/theme/src/tabs/index.js | 60 - packages/theme/src/tag/index.js | 54 - packages/theme/src/text-popup/index.js | 18 - packages/theme/src/theme-tool.js | 2 +- packages/theme/src/theme.config.json | 140 --- packages/theme/src/theme/smb-theme/index.js | 4 +- packages/theme/src/toggle-menu/index.js | 24 - packages/theme/src/tooltip/index.js | 41 - packages/theme/src/transfer/index.js | 47 - packages/theme/src/tree-menu/index.js | 22 - packages/theme/src/tree/index.js | 27 - packages/theme/src/upload-dragger/index.js | 26 - packages/theme/src/upload-list/index.js | 28 - packages/theme/src/upload/index.js | 22 - packages/theme/src/vars/index.js | 169 --- packages/theme/src/wizard/index.js | 21 - .../src/adapter/vue2.7/CHANGELOG.md | 19 - .../vue-common/src/adapter/vue2/CHANGELOG.md | 20 - packages/vue-common/src/adapter/vue2/index.ts | 7 +- .../vue-common/src/adapter/vue3/CHANGELOG.md | 0 packages/vue-common/src/adapter/vue3/index.ts | 12 +- packages/vue-common/src/index.ts | 20 +- packages/vue-icon/index.ts | 24 + packages/vue-icon/lowercase.ts | 23 + .../src/down-ward/index.ts} | 21 +- .../vue-icon/src/left-ward-arrow/index.ts | 16 + packages/vue-icon/src/loading-shadow/index.ts | 15 + .../vue-icon/src/prompt-exclamation/index.ts | 15 + .../src/sort-triangle-ascending/index.ts | 15 + .../src/sort-triangle-descending/index.ts | 15 + packages/vue-icon/src/sort-triangle/index.ts | 15 + .../src/up-ward/index.ts} | 4 +- packages/vue-locale/src/vue2.7/CHANGELOG.md | 16 - packages/vue-locale/src/vue2/CHANGELOG.md | 16 - packages/vue-locale/src/vue3/CHANGELOG.md | 16 - packages/vue/src/action-menu/package.json | 6 +- packages/vue/src/action-sheet/package.json | 6 +- .../vue/src/alert/__tests__/alert.test.tsx | 38 + packages/vue/src/alert/package.json | 6 +- packages/vue/src/amount/package.json | 6 +- packages/vue/src/area/package.json | 6 +- packages/vue/src/autocomplete/package.json | 6 +- packages/vue/src/avatar/package.json | 6 +- packages/vue/src/badge/package.json | 6 +- packages/vue/src/breadcrumb-item/package.json | 6 +- packages/vue/src/breadcrumb/package.json | 6 +- packages/vue/src/bulletin-board/package.json | 6 +- packages/vue/src/button-group/package.json | 6 +- packages/vue/src/button-group/src/index.ts | 4 + packages/vue/src/button-group/src/pc.vue | 6 +- .../vue/src/button/__tests__/button.test.ts | 1 - packages/vue/src/button/package.json | 6 +- packages/vue/src/calendar-bar/package.json | 2 +- packages/vue/src/calendar/package.json | 6 +- packages/vue/src/card-template/package.json | 6 +- packages/vue/src/carousel-item/package.json | 6 +- packages/vue/src/carousel/package.json | 6 +- packages/vue/src/cascader-menu/package.json | 6 +- packages/vue/src/cascader-node/package.json | 6 +- packages/vue/src/cascader-panel/package.json | 6 +- packages/vue/src/cascader-select/package.json | 2 +- .../src/cascader/__tests__/cascader.test.ts | 71 ++ packages/vue/src/cascader/package.json | 6 +- packages/vue/src/cell/package.json | 2 +- .../vue/src/chart/chart-core/package.json | 4 +- packages/vue/src/chart/package.json | 3 +- packages/vue/src/checkbox-button/package.json | 6 +- packages/vue/src/checkbox-group/package.json | 6 +- packages/vue/src/checkbox/package.json | 6 +- packages/vue/src/col/package.json | 6 +- packages/vue/src/collapse-item/package.json | 6 +- .../vue/src/collapse-transition/package.json | 6 +- packages/vue/src/collapse/package.json | 6 +- packages/vue/src/company/package.json | 6 +- packages/vue/src/config-provider/package.json | 2 +- packages/vue/src/container/package.json | 6 +- packages/vue/src/country/package.json | 6 +- .../vue/src/credit-card-form/package.json | 6 +- packages/vue/src/credit-card/package.json | 6 +- packages/vue/src/crop/package.json | 6 +- packages/vue/src/currency/package.json | 6 +- packages/vue/src/date-panel/package.json | 6 +- .../src/date-picker-mobile-first/package.json | 2 +- packages/vue/src/date-picker/package.json | 6 +- packages/vue/src/date-range/package.json | 6 +- packages/vue/src/date-table/package.json | 6 +- packages/vue/src/dept/package.json | 6 +- packages/vue/src/detail-page/package.json | 6 +- packages/vue/src/dialog-box/package.json | 6 +- packages/vue/src/drop-roles/package.json | 6 +- packages/vue/src/drop-times/package.json | 6 +- packages/vue/src/dropdown-item/package.json | 6 +- packages/vue/src/dropdown-item/src/index.ts | 13 +- packages/vue/src/dropdown-item/src/pc.vue | 5 +- packages/vue/src/dropdown-menu/package.json | 6 +- packages/vue/src/dropdown/package.json | 6 +- packages/vue/src/dropdown/src/index.ts | 2 +- packages/vue/src/dropdown/src/pc.vue | 20 +- packages/vue/src/espace/package.json | 6 +- packages/vue/src/exception/package.json | 6 +- packages/vue/src/fall-menu/package.json | 6 +- packages/vue/src/file-upload/package.json | 2 +- packages/vue/src/filter-bar/package.json | 2 +- packages/vue/src/filter/package.json | 2 +- packages/vue/src/floatbar/package.json | 6 +- packages/vue/src/flowchart/package.json | 2 +- packages/vue/src/form-item/package.json | 6 +- packages/vue/src/form/package.json | 6 +- packages/vue/src/fullscreen/package.json | 6 +- packages/vue/src/grid-column/package.json | 6 +- packages/vue/src/grid-manager/package.json | 6 +- packages/vue/src/grid-toolbar/package.json | 2 +- packages/vue/src/grid-toolbar/src/custom.vue | 25 +- packages/vue/src/grid/package.json | 6 +- packages/vue/src/grid/src/body/src/body.tsx | 13 +- packages/vue/src/grid/src/cell/src/cell.ts | 11 +- packages/vue/src/grid/src/grid/grid.ts | 17 +- .../vue/src/grid/src/table/src/methods.ts | 69 +- .../src/table/src/utils/computeScrollLoad.ts | 4 +- .../grid/src/table/src/utils/updateStyle.ts | 38 +- packages/vue/src/hrapprover/package.json | 6 +- packages/vue/src/image-viewer/package.json | 6 +- packages/vue/src/image/package.json | 6 +- .../vue/src/index-bar-anchor/package.json | 6 +- packages/vue/src/index-bar/package.json | 6 +- packages/vue/src/input/package.json | 6 +- packages/vue/src/ip-address/package.json | 6 +- packages/vue/src/layout/package.json | 6 +- packages/vue/src/link-menu/package.json | 6 +- packages/vue/src/link/package.json | 6 +- packages/vue/src/list/package.json | 6 +- packages/vue/src/loading/package.json | 6 +- packages/vue/src/locales/package.json | 6 +- packages/vue/src/logon-user/package.json | 6 +- packages/vue/src/logout/package.json | 6 +- packages/vue/src/message/package.json | 2 +- packages/vue/src/milestone/package.json | 6 +- packages/vue/src/mini-picker/package.json | 6 +- packages/vue/src/modal/package.json | 6 +- packages/vue/src/month-range/package.json | 6 +- packages/vue/src/month-table/package.json | 6 +- packages/vue/src/multi-select/package.json | 6 +- packages/vue/src/nav-bar/package.json | 6 +- packages/vue/src/nav-menu/package.json | 6 +- packages/vue/src/notify/package.json | 6 +- packages/vue/src/numeric/package.json | 6 +- packages/vue/src/option-group/package.json | 6 +- packages/vue/src/option/package.json | 6 +- packages/vue/src/pager-item/package.json | 6 +- packages/vue/src/pager/package.json | 6 +- packages/vue/src/pager/src/pc.vue | 22 +- packages/vue/src/panel/package.json | 6 +- packages/vue/src/picker-column/package.json | 6 +- packages/vue/src/picker/package.json | 6 +- packages/vue/src/pop-upload/package.json | 6 +- packages/vue/src/popconfirm/package.json | 2 +- packages/vue/src/popeditor/package.json | 6 +- packages/vue/src/popover/package.json | 6 +- packages/vue/src/popup/package.json | 6 +- packages/vue/src/progress/package.json | 6 +- packages/vue/src/pull-refresh/package.json | 6 +- packages/vue/src/radio-button/package.json | 6 +- packages/vue/src/radio-group/package.json | 6 +- packages/vue/src/radio/package.json | 6 +- packages/vue/src/rate/package.json | 6 +- packages/vue/src/river/package.json | 2 +- packages/vue/src/roles/package.json | 6 +- packages/vue/src/row/package.json | 6 +- packages/vue/src/scroll-text/package.json | 6 +- packages/vue/src/scrollbar/package.json | 6 +- packages/vue/src/search/package.json | 6 +- packages/vue/src/select-dropdown/package.json | 6 +- packages/vue/src/select-mobile/package.json | 2 +- packages/vue/src/select-mobile/src/index.vue | 124 ++ packages/vue/src/select-view/package.json | 2 +- packages/vue/src/select/package.json | 6 +- packages/vue/src/select/src/index.ts | 3 + packages/vue/src/select/src/pc.vue | 13 +- packages/vue/src/selected-box/package.json | 2 +- packages/vue/src/slide-bar/package.json | 6 +- packages/vue/src/slider/package.json | 6 +- packages/vue/src/split/package.json | 6 +- packages/vue/src/steps/package.json | 6 +- packages/vue/src/svg-icon/package.json | 6 +- packages/vue/src/switch/package.json | 6 +- packages/vue/src/tab-item/package.json | 6 +- packages/vue/src/tabbar-item/package.json | 6 +- packages/vue/src/tabbar/package.json | 6 +- packages/vue/src/table/package.json | 6 +- packages/vue/src/tabs/package.json | 6 +- packages/vue/src/tag-group/package.json | 2 +- packages/vue/src/tag/package.json | 6 +- packages/vue/src/text-popup/package.json | 6 +- packages/vue/src/time-line/package.json | 6 +- packages/vue/src/time-line/src/pc.vue | 58 +- packages/vue/src/time-panel/package.json | 6 +- .../vue/src/time-picker-mobile/package.json | 2 +- packages/vue/src/time-picker/package.json | 6 +- packages/vue/src/time-range/package.json | 6 +- packages/vue/src/time-select/package.json | 6 +- packages/vue/src/time-spinner/package.json | 6 +- packages/vue/src/time/package.json | 6 +- packages/vue/src/toggle-menu/package.json | 6 +- packages/vue/src/tooltip/package.json | 6 +- packages/vue/src/tooltip/src/index.ts | 2 +- packages/vue/src/top-box/package.json | 6 +- packages/vue/src/transfer-panel/package.json | 6 +- packages/vue/src/transfer/package.json | 6 +- packages/vue/src/tree-menu/package.json | 6 +- packages/vue/src/tree/package.json | 6 +- packages/vue/src/upload-dragger/package.json | 6 +- packages/vue/src/upload-list/package.json | 6 +- packages/vue/src/upload/package.json | 6 +- packages/vue/src/user-account/package.json | 6 +- packages/vue/src/user-contact/package.json | 6 +- packages/vue/src/user-head/package.json | 6 +- packages/vue/src/user-link/package.json | 6 +- packages/vue/src/user/package.json | 6 +- packages/vue/src/wheel/package.json | 8 +- packages/vue/src/wizard/package.json | 6 +- packages/vue/src/year-table/package.json | 6 +- tsconfig.vue2.7.json | 2 +- tsconfig.vue2.json | 2 +- tsconfig.vue3.json | 2 +- volar.config.js | 28 +- 507 files changed, 4262 insertions(+), 6700 deletions(-) delete mode 100644 examples/docs/newsrc/_.vue delete mode 100644 examples/docs/newsrc/resource.js delete mode 100644 examples/docs/newsrc/uses/useMonaco.js create mode 100644 examples/docs/resources/pc/demo/button-group/border.vue create mode 100644 examples/docs/resources/pc/demo/button-group/button-group-multiple.vue create mode 100644 examples/docs/resources/pc/demo/checkbox/checkbox-button-multiple.vue create mode 100644 examples/docs/resources/pc/demo/grid/custom/column-simple.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/custom/column-sort.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/custom/column-width.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/custom/resetResizable.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/cell-click-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/cell-dblclick-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/cell-mouseenter-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/cell-mouseleave-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/current-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/edit-actived-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/edit-closed-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/edit-disabled-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/footer-cell-context-menu-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/grid-events.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/grid-scroll-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/header-cell-context-menu-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/header-click-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/header-dblclick-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/page-before-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/page-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/radio-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/resizable-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/select-all-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/select-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/table-data-association.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/toggle-expand-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/toggle-tree-change-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/event/valid-error-event.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/expand/hasRowExpand.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/faq/gridInDialogBox.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/faq/opSlot.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/faq/unbalanced.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/dynamicallyColumns.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/before-submit-validation.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/custcomp.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/editing-isvalidalways-validation.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/editing-validation.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/row-data-valid.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/select-validation.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/gridValid/validation-scroll-to-col.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/nestedGrid.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/grid_Example/reverseRow.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/keyboard-config.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/keyboard-navigation.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/methods/set-all-row-expansion.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/methods/set-all-tree-expansion.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/methods/set-row-expansion.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/methods/toggle-row-expansion.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/methods/toggle-tree-expansion.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/mouse-config.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/slot/buttons-slot.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/slot/default-slot.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/slot/empty-slot.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tiny-first-menu/export-excel.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tiny-first-menu/get-row-method.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/hasTreeExpand.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-base.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-data.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-expand-config.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-expand.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-fixed-column.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-index.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-insert-delete-update.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-keyboard-operation.spec.js create mode 100644 examples/docs/resources/pc/demo/grid/tree-table/tree-grid-operation-column.spec.js create mode 100644 examples/docs/resources/pc/demo/steps/show-divider.vue create mode 100644 examples/docs/resources/pc/demo/steps/slot-active-node-desc.vue create mode 100644 examples/docs/resources/pc/demo/tooltip/basic-usage.spec.js delete mode 100644 internals/cli/CHANGELOG.md delete mode 100644 internals/cli/src/commands/release/.eslintrc delete mode 100644 internals/cli/src/commands/release/release-ui.ts delete mode 100644 internals/cli/src/commands/release/release.ts delete mode 100644 internals/cli/src/shared/runtime-utils.ts delete mode 100644 internals/playwright-config/CHANGELOG.md delete mode 100644 internals/unplugin-virtual-template/CHANGELOG.md delete mode 100644 internals/vue-test-utils/CHANGELOG.md create mode 100644 packages/design/smb/src/dropdown-item/index.ts create mode 100644 packages/design/smb/src/dropdown/index.ts create mode 100644 packages/design/smb/src/grid/index.ts create mode 100644 packages/design/smb/src/select/index.ts delete mode 100644 packages/theme/CHANGELOG.md create mode 100644 packages/theme/scripts/components.js delete mode 100644 packages/theme/src/alert/index.js delete mode 100644 packages/theme/src/anchor/index.js delete mode 100644 packages/theme/src/autocomplete/index.js delete mode 100644 packages/theme/src/breadcrumb-item/index.js delete mode 100644 packages/theme/src/breadcrumb/index.js delete mode 100644 packages/theme/src/button-group/index.js create mode 100644 packages/theme/src/button-group/smb-theme.js delete mode 100644 packages/theme/src/button/index.js delete mode 100644 packages/theme/src/carousel/index.js delete mode 100644 packages/theme/src/cascader-menu/index.js delete mode 100644 packages/theme/src/cascader-node/index.js delete mode 100644 packages/theme/src/cascader-panel/index.js delete mode 100644 packages/theme/src/cascader/index.js delete mode 100644 packages/theme/src/collapse-item/index.js delete mode 100644 packages/theme/src/collapse/index.js delete mode 100644 packages/theme/src/crop/index.js delete mode 100644 packages/theme/src/detail-page/index.js delete mode 100644 packages/theme/src/dialog-box/index.js delete mode 100644 packages/theme/src/drop-times/index.js delete mode 100644 packages/theme/src/dropdown-item/index.js delete mode 100644 packages/theme/src/dropdown-menu/index.js create mode 100644 packages/theme/src/dropdown-menu/smb-theme.js delete mode 100644 packages/theme/src/dropdown/index.js create mode 100644 packages/theme/src/dropdown/smb-theme.js delete mode 100644 packages/theme/src/fall-menu/index.js delete mode 100644 packages/theme/src/file-upload/index.js delete mode 100644 packages/theme/src/floatbar/index.js delete mode 100644 packages/theme/src/form-item/index.js delete mode 100644 packages/theme/src/form/index.js delete mode 100644 packages/theme/src/fullscreen/index.js delete mode 100644 packages/theme/src/grid/default.less delete mode 100644 packages/theme/src/grid/index.js delete mode 100644 packages/theme/src/grid/loading-global.less delete mode 100644 packages/theme/src/grid/modal.less delete mode 100644 packages/theme/src/grid/pager.less delete mode 100644 packages/theme/src/grid/table-global.less delete mode 100644 packages/theme/src/grid/tooltip.less delete mode 100644 packages/theme/src/image/index.js delete mode 100644 packages/theme/src/index.js delete mode 100644 packages/theme/src/input/index.js delete mode 100644 packages/theme/src/ip-address/index.js delete mode 100644 packages/theme/src/link-menu/index.js delete mode 100644 packages/theme/src/link/index.js delete mode 100644 packages/theme/src/loading/index.js delete mode 100644 packages/theme/src/milestone/index.js delete mode 100644 packages/theme/src/modal/index.js delete mode 100644 packages/theme/src/nav-menu/index.js delete mode 100644 packages/theme/src/notify/index.js delete mode 100644 packages/theme/src/numeric/index.js delete mode 100644 packages/theme/src/option-group/index.js delete mode 100644 packages/theme/src/option/index.js delete mode 100644 packages/theme/src/pager/index.js delete mode 100644 packages/theme/src/popover/index.js delete mode 100644 packages/theme/src/progress/index.js delete mode 100644 packages/theme/src/radio/index.js delete mode 100644 packages/theme/src/rate/index.js delete mode 100644 packages/theme/src/scrollbar/index.js delete mode 100644 packages/theme/src/search/index.js delete mode 100644 packages/theme/src/select-dropdown/index.js delete mode 100644 packages/theme/src/select/index.js delete mode 100644 packages/theme/src/slide-bar/index.js delete mode 100644 packages/theme/src/slider/index.js delete mode 100644 packages/theme/src/split/index.js delete mode 100644 packages/theme/src/steps/index.js create mode 100644 packages/theme/src/svgs/down-ward.svg create mode 100644 packages/theme/src/svgs/left-ward-arrow.svg create mode 100644 packages/theme/src/svgs/loading-shadow.svg create mode 100644 packages/theme/src/svgs/prompt-exclamation.svg create mode 100644 packages/theme/src/svgs/sort-triangle-ascending.svg create mode 100644 packages/theme/src/svgs/sort-triangle-descending.svg create mode 100644 packages/theme/src/svgs/sort-triangle.svg create mode 100644 packages/theme/src/svgs/up-ward.svg delete mode 100644 packages/theme/src/switch/index.js delete mode 100644 packages/theme/src/tabs/index.js delete mode 100644 packages/theme/src/tag/index.js delete mode 100644 packages/theme/src/text-popup/index.js delete mode 100644 packages/theme/src/theme.config.json delete mode 100644 packages/theme/src/toggle-menu/index.js delete mode 100644 packages/theme/src/tooltip/index.js delete mode 100644 packages/theme/src/transfer/index.js delete mode 100644 packages/theme/src/tree-menu/index.js delete mode 100644 packages/theme/src/tree/index.js delete mode 100644 packages/theme/src/upload-dragger/index.js delete mode 100644 packages/theme/src/upload-list/index.js delete mode 100644 packages/theme/src/upload/index.js delete mode 100644 packages/theme/src/vars/index.js delete mode 100644 packages/theme/src/wizard/index.js delete mode 100644 packages/vue-common/src/adapter/vue2.7/CHANGELOG.md delete mode 100644 packages/vue-common/src/adapter/vue2/CHANGELOG.md delete mode 100644 packages/vue-common/src/adapter/vue3/CHANGELOG.md rename packages/{theme/src/grid/index-global.less => vue-icon/src/down-ward/index.ts} (52%) create mode 100644 packages/vue-icon/src/left-ward-arrow/index.ts create mode 100644 packages/vue-icon/src/loading-shadow/index.ts create mode 100644 packages/vue-icon/src/prompt-exclamation/index.ts create mode 100644 packages/vue-icon/src/sort-triangle-ascending/index.ts create mode 100644 packages/vue-icon/src/sort-triangle-descending/index.ts create mode 100644 packages/vue-icon/src/sort-triangle/index.ts rename packages/{theme/src/action-menu/index.js => vue-icon/src/up-ward/index.ts} (74%) delete mode 100644 packages/vue-locale/src/vue2.7/CHANGELOG.md delete mode 100644 packages/vue-locale/src/vue2/CHANGELOG.md delete mode 100644 packages/vue-locale/src/vue3/CHANGELOG.md create mode 100644 packages/vue/src/alert/__tests__/alert.test.tsx create mode 100644 packages/vue/src/cascader/__tests__/cascader.test.ts create mode 100644 packages/vue/src/select-mobile/src/index.vue diff --git a/.all-contributorsrc b/.all-contributorsrc index e98177c41..5b2adc7ed 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -122,78 +122,6 @@ "contributions": [ "code" ] - }, - { - "login": "WXC-Spring", - "name": "WXC-Spring", - "avatar_url": "https://avatars.githubusercontent.com/u/131581326?v=4", - "profile": "https://github.com/WXC-Spring", - "contributions": [ - "code" - ] - }, - { - "login": "GaoNeng-wWw", - "name": "GaoNeng", - "avatar_url": "https://avatars.githubusercontent.com/u/31283122?v=4", - "profile": "https://github.com/GaoNeng-wWw", - "contributions": [ - "code" - ] - }, - { - "login": "acyza", - "name": "acyza", - "avatar_url": "https://avatars.githubusercontent.com/u/101238421?v=4", - "profile": "https://acyza.github.io", - "contributions": [ - "code" - ] - }, - { - "login": "ygj6", - "name": "ygj6", - "avatar_url": "https://avatars.githubusercontent.com/u/7699524?v=4", - "profile": "https://github.com/ygj6", - "contributions": [ - "code" - ] - }, - { - "login": "MrWang2016", - "name": "MrWang2016", - "avatar_url": "https://avatars.githubusercontent.com/u/24307164?v=4", - "profile": "https://github.com/MrWang2016", - "contributions": [ - "code" - ] - }, - { - "login": "qinwencheng", - "name": "qinwencheng", - "avatar_url": "https://avatars.githubusercontent.com/u/24841685?v=4", - "profile": "https://github.com/qinwencheng", - "contributions": [ - "code" - ] - }, - { - "login": "Huangyilin19", - "name": "黄怡林", - "avatar_url": "https://avatars.githubusercontent.com/u/48042709?v=4", - "profile": "https://github.com/Huangyilin19", - "contributions": [ - "code" - ] - }, - { - "login": "zuixinwang", - "name": "zuixinwang", - "avatar_url": "https://avatars.githubusercontent.com/u/59717852?v=4", - "profile": "https://github.com/zuixinwang", - "contributions": [ - "code" - ] } ], "contributorsPerLine": 8, @@ -202,4 +130,4 @@ "repoHost": "https://github.com", "projectName": "tiny-vue", "projectOwner": "opentiny" -} +} \ No newline at end of file diff --git a/.github/release.yml b/.github/release.yml index 274543b22..6d8816bd6 100644 --- a/.github/release.yml +++ b/.github/release.yml @@ -23,4 +23,3 @@ changelog: - documentation - refactoring - unit-test - - ci diff --git a/.gitignore b/.gitignore index 85ead2110..75f3ea20e 100644 --- a/.gitignore +++ b/.gitignore @@ -49,5 +49,6 @@ tgzs packages/theme/scripts/theme.json packages/theme/scripts/theme-result.txt +packages/theme/scripts/themeExcel.xlsx packages/theme/src/theme/*-theme/component.js diff --git a/README.md b/README.md index 2adaef559..60666f89e 100644 --- a/README.md +++ b/README.md @@ -100,16 +100,6 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d ing
ing
💻 申君健
申君健
💻 MomoPoppy
MomoPoppy
💻 - WXC-Spring
WXC-Spring
💻 - GaoNeng
GaoNeng
💻 - acyza
acyza
💻 - - - ygj6
ygj6
💻 - MrWang2016
MrWang2016
💻 - qinwencheng
qinwencheng
💻 - 黄怡林
黄怡林
💻 - zuixinwang
zuixinwang
💻 diff --git a/README.zh-CN.md b/README.zh-CN.md index 4cf421a9e..84802d430 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -85,23 +85,7 @@ pnpm dev:vue2 - - - - - - - - - - - - - - - - - +
Kagol
Kagol
💻		ajaxzheng
ajaxzheng
💻		TC-twwang
TC-twwang
💻		jacknan
jacknan
💻		Pithy
Pithy
💻		heygsc
heygsc
💻		MangoWu
MangoWu
💻		ADNY
ADNY
💻
chenxi-20
chenxi-20
💻		Alaray
Alaray
💻		ing
ing
💻		申君健
申君健
💻		MomoPoppy
MomoPoppy
💻		WXC-Spring
WXC-Spring
💻		GaoNeng
GaoNeng
💻		Kagol
Kagol
💻
diff --git a/examples/docs/newsrc/_.vue b/examples/docs/newsrc/_.vue deleted file mode 100644 index 4e135311b..000000000 --- a/examples/docs/newsrc/_.vue +++ /dev/null @@ -1,64 +0,0 @@ - - - - - diff --git a/examples/docs/newsrc/resource.js b/examples/docs/newsrc/resource.js deleted file mode 100644 index 3831d9a20..000000000 --- a/examples/docs/newsrc/resource.js +++ /dev/null @@ -1,29 +0,0 @@ -// eager = true，可以校验vue,json等文件错误。 -// eager = false, 可以懒加载，优化速度 - -// demo源码 -// 同web-doc的菜单资源 -import originMenuData from '../resources/pc/menus.js' - -export const demoStr = import.meta.glob('../resources/pc/demo/**/*.vue', { eager: false, as: 'raw' }) -export const demoVue = import.meta.glob('../resources/pc/demo/**/*.vue', { eager: false }) - -// // api属性 -export const zhApi = import.meta.glob('../resources/pc/api/zh-CN/**/*.json', { eager: false }) -// export const enApi = import.meta.glob('@resources/api/en-US/**/*.json', { eager: false }) - -// // json, demo的配置文件 -export const zhDemo = import.meta.glob('../resources/pc/demo-config/zh-CN/**/*.json', { eager: false }) -// 格式：{zh,en,enSuffix,path} -// path: '/breadcrumb' 对应着【 demo的配置文件】。每个path有多个示例 -const menuData = originMenuData.slice(0) -function processMenu(menu, isTop) { - menu.id = menu.en - menu.label = isTop ? menu.zh : `${menu.zh} ${menu.en}` - if (menu.children && menu.children.length > 0) { - menu.children.forEach((m) => processMenu(m, false)) - } -} -menuData.forEach((m) => processMenu(m, true)) - -export { menuData } diff --git a/examples/docs/newsrc/uses/useMonaco.js b/examples/docs/newsrc/uses/useMonaco.js deleted file mode 100644 index fb376012d..000000000 --- a/examples/docs/newsrc/uses/useMonaco.js +++ /dev/null @@ -1,31 +0,0 @@ -import * as monaco from 'monaco-editor' -import { hooks } from '@opentiny/vue-common' -// monaco ESM模块集成说明 ： https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md#using-vite -// https://github.com/vitejs/vite/discussions/1791#discussioncomment-321046 -import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker' -self.MonacoEnvironment = { - getWorker: () => new HtmlWorker() -} - -export function useMonaco(selector) { - const state = { - editor: null, - getCode: () => state.editor && state.editor.getValue(), - setCode: (code) => state.editor && state.editor.setValue(code), - hotKey: (key, fn) => state.editor && state.editor.addCommand(key, fn), - format: () => state.editor && state.editor.trigger('anyString', 'editor.action.formatDocument'), - scrollTop: () => state.editor && state.editor.setScrollTop(0) - } - - hooks.onMounted(() => { - state.editor = monaco.editor.create(document.querySelector(selector), { - value: '', - language: 'html', - theme: 'vs-dark', - tabSize: 2, - automaticLayout: true - }) - }) - hooks.onUnmounted(() => (state.editor = null)) - return state -} diff --git a/examples/docs/package.json b/examples/docs/package.json index 098af24dc..bbb6fbef3 100644 --- a/examples/docs/package.json +++ b/examples/docs/package.json @@ -1,7 +1,7 @@ { "name": "@opentiny/vue-docs", "type": "module", - "version": "1.0.7", + "version": "1.0.8", "description": "", "keywords": [], "author": "", @@ -13,8 +13,12 @@ "@opentiny/vue-theme-mobile": "workspace:~", "@opentiny/vue-design-aurora": "workspace:~", "@opentiny/vue-design-smb": "workspace:~", + "@playwright/test": "^1.29.2", "sortablejs": "1.15.0" }, + "devDependencies": { + "@playwright/test": "^1.29.2" + }, "files": [ "resources" ] diff --git a/examples/docs/resources/pc/api/en-US/button-group.json b/examples/docs/resources/pc/api/en-US/button-group.json index 3da21d4f8..c4c139bdf 100644 --- a/examples/docs/resources/pc/api/en-US/button-group.json +++ b/examples/docs/resources/pc/api/en-US/button-group.json @@ -62,6 +62,13 @@ "type": "Boolean", "desc": "Whether to display the edit button. This parameter takes effect only when more buttons are displayed.", "defaultValue": "The default value of this attribute is false." + }, + { + "name": "border", + "sample": "border", + "type": "Boolean", + "desc": "Remove button border.", + "defaultValue": "The default value of this attribute is true." } ], "slots": [ diff --git a/examples/docs/resources/pc/api/en-US/rate.json b/examples/docs/resources/pc/api/en-US/rate.json index bdd24ca25..7f0106dc1 100644 --- a/examples/docs/resources/pc/api/en-US/rate.json +++ b/examples/docs/resources/pc/api/en-US/rate.json @@ -37,10 +37,10 @@ }, { "name": "disabled-void-icon-class", - "sample": "disabled-not-selected-color", + "sample": "disabled-void-icon-class", "type": "String", - "desc": "Icon style name that is not selected in read-only state", - "defaultValue": "The default value of this attribute is icon-stardisable." + "desc": "Icon style name that is not selected in read-only state. Options 'icon-starDisable' | 'icon-frown' | 'icon-meh' | 'icon-smile'", + "defaultValue": "The default value of this attribute is icon-starActive." }, { "name": "high-threshold", @@ -109,8 +109,8 @@ "name": "void-icon-class", "sample": "not-selected-class", "type": "String", - "desc": "Class name of unselected icons", - "defaultValue": "The default value of this attribute is icon-stardisable." + "desc": "Class name of unselected icons. Options 'icon-starDisable' | 'icon-frown' | 'icon-meh' | 'icon-smile'", + "defaultValue": "The default value of this attribute is icon-starActive." }, { "name": "radio", diff --git a/examples/docs/resources/pc/api/zh-CN/button-group.json b/examples/docs/resources/pc/api/zh-CN/button-group.json index 0b47aebd0..e2da46a56 100644 --- a/examples/docs/resources/pc/api/zh-CN/button-group.json +++ b/examples/docs/resources/pc/api/zh-CN/button-group.json @@ -62,6 +62,13 @@ "type": "Boolean", "desc": "是否显示编辑按钮，只有在显示更多的情况下生效。", "defaultValue": "该属性的默认值为 false" + }, + { + "name": "border", + "sample": "border", + "type": "Boolean", + "desc": "是否显示边框线", + "defaultValue": "该属性的默认值为 true" } ], "slots": [ diff --git a/examples/docs/resources/pc/api/zh-CN/rate.json b/examples/docs/resources/pc/api/zh-CN/rate.json index effd18b60..09a7c6d8d 100644 --- a/examples/docs/resources/pc/api/zh-CN/rate.json +++ b/examples/docs/resources/pc/api/zh-CN/rate.json @@ -37,10 +37,10 @@ }, { "name": "disabled-void-icon-class", - "sample": "disabled-not-selected-color", + "sample": "disabled-void-icon-class", "type": "String", - "desc": "只读状态下未选中的图标样式名", - "defaultValue": "该属性的默认值为 icon-stardisable" + "desc": "只读状态下未选中的图标样式名，可选值:icon-starDisable | icon-frown | icon-meh | icon-smile", + "defaultValue": "该属性的默认值为 icon-starActive" }, { "name": "high-threshold", @@ -109,8 +109,8 @@ "name": "void-icon-class", "sample": "not-selected-class", "type": "String", - "desc": "未选中 icon 的类名", - "defaultValue": "该属性的默认值为 icon-stardisable" + "desc": "未选中 icon 的图标样式名,可选值:icon-starDisable | icon-frown | icon-meh | icon-smile", + "defaultValue": "该属性的默认值为 icon-starActive" }, { "name": "radio", @@ -157,4 +157,4 @@ "defaultValue": "" } ] -} \ No newline at end of file +} diff --git a/examples/docs/resources/pc/api/zh-CN/steps.json b/examples/docs/resources/pc/api/zh-CN/steps.json index 3c23483fa..fd65ce7f3 100644 --- a/examples/docs/resources/pc/api/zh-CN/steps.json +++ b/examples/docs/resources/pc/api/zh-CN/steps.json @@ -5,20 +5,20 @@ "sample": "advanced-steps", "type": "Number", "desc": "设置步骤条的选中步骤，默认为-1 。", - "defaultValue": "该属性的默认值为 -1" + "defaultValue": "-1" }, { "name": "count-field", "sample": "custom-steps-item", "type": "String", "desc": "设置高级向导里徽标计数对应的字段名，默认为 'count'", - "defaultValue": "该属性的默认值为 count" + "defaultValue": "count" }, { "name": "data", "sample": "data-resource", "type": "Object , Array", - "desc": "设置步骤条的数据 。", + "desc": "设置步骤条的数据。", "defaultValue": "" }, { @@ -26,7 +26,7 @@ "sample": "custom-steps-item", "type": "String", "desc": "设置节点信息中名称对应的字段名，默认为 'name'", - "defaultValue": "该属性的默认值为 name" + "defaultValue": "name" }, { "name": "space", @@ -40,7 +40,21 @@ "sample": "custom-steps-item", "type": "String", "desc": "设置数据状态对应的字段名，默认为 'status'", - "defaultValue": "该属性的默认值为 status" + "defaultValue": "status" + }, + { + "name": "text-position", + "sample": "text-position", + "type": "String", + "desc": "设置节点文本内容的位置, 可选值有right, bottom", + "defaultValue": "bottom" + }, + { + "name": "show-divider", + "sample": "show-divider", + "type": "Boolean", + "desc": "设置是否显示步骤条底部分割线", + "defaultValue": "false" } ], "slots": [ @@ -50,6 +64,13 @@ "type": "", "desc": "步骤条数据项插槽", "defaultValue": "" + }, + { + "name": "active-node-desc", + "sample": "slot", + "type": "", + "desc": "当前节点描述信息插槽", + "defaultValue": "" } ], "events": [ @@ -61,4 +82,4 @@ "defaultValue": "" } ] -} +} \ No newline at end of file diff --git a/examples/docs/resources/pc/demo-config/en-US/button-group.json b/examples/docs/resources/pc/demo-config/en-US/button-group.json index a92d9d136..112c12ef9 100644 --- a/examples/docs/resources/pc/demo-config/en-US/button-group.json +++ b/examples/docs/resources/pc/demo-config/en-US/button-group.json @@ -78,5 +78,21 @@ "component": "Buttongroup", "findIntroStr": "A button group is used for multiple similar operations.", "demoId": "slot-default" + }, + { + "title": "Button Group Multiple", + "content": "

Multi-line button group, after exceeding the maximum width, it will be displayed in a new line.

\n", + "link": "button-group/button-group-multiple", + "component": "Buttongroup", + "findIntroStr": "Button group multiple", + "demoId": "button-group-multiple" + }, + { + "title": "Border", + "content": "

Set with or without border, the default is true.

\n", + "link": "button-group/Border", + "component": "Buttongroup", + "findIntroStr": "Border", + "demoId": "border" } ] \ No newline at end of file diff --git a/examples/docs/resources/pc/demo-config/en-US/checkbox.json b/examples/docs/resources/pc/demo-config/en-US/checkbox.json index 7c3c85062..3c1de0b6b 100644 --- a/examples/docs/resources/pc/demo-config/en-US/checkbox.json +++ b/examples/docs/resources/pc/demo-config/en-US/checkbox.json @@ -113,10 +113,18 @@ }, { "title": "Slot", - "content": "

Content of Checkbox

\n", + "content": "

Multi-line button group, after exceeding the maximum width, it will be displayed in a new line.

\n", "link": "checkbox/checkbox-slot", "component": "Checkbox check box", "findIntroStr": "Configure options for different scenarios. Users can select multiple options from a group of options.", "demoId": "checkbox-slot" + }, + { + "title": "Checkbox Button Multiple", + "content": "

Checkbox button multiple

\n", + "link": "checkbox/checkbox-button-multiple", + "component": "Checkbox check box", + "findIntroStr": "Configure options for different scenarios. Users can select multiple options from a group of options.", + "demoId": "checkbox-button-multiple" } ] diff --git a/examples/docs/resources/pc/demo-config/zh-CN/button-group.json b/examples/docs/resources/pc/demo-config/zh-CN/button-group.json index 50ee829c7..984425f7a 100644 --- a/examples/docs/resources/pc/demo-config/zh-CN/button-group.json +++ b/examples/docs/resources/pc/demo-config/zh-CN/button-group.json @@ -1 +1,98 @@ -[{"title":"基本用法","content":"

通过 v-model 设置默认选中的按钮，并实现双向绑定。通过 value 也可设置默认选中按钮，但不能进行双向绑定。

\n","link":"button-group/base","component":" ButtonGroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"base"},{"title":"按钮组数据","content":"

通过 data 属性设置按钮组数据，对象中的 text 为按钮显示文本，value 用于双向绑定时指定的值。

\n","link":"button-group/data","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"data"},{"title":"设置组件大小","content":"

可以设置为：medium，small，mini

\n","link":"button-group/size","component":" ButtonGroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"size"},{"title":"禁用状态","content":"

设置 disabled 属性为 true 可禁用整个按钮组。

\n","link":"button-group/disabled","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"disabled"},{"title":"朴素按钮","content":"

设置 plain 属性为 true 可显示为朴素按钮样式。

\n","link":"button-group/plain","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"plain"},{"title":"数据字段映射","content":"

若按钮组数据对象中的字段不是默认的 text 和 value ，则可通过 text-field、value-field 属性进行映射。

\n","link":"button-group/text-value-field","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"text-value-field"},{"title":"是否显示更多按钮","content":"

设置 show-more 属性值大于 0 且小于按钮组数据，可显示更多按钮。

\n","link":"button-group/show-more","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"show-more"},{"title":"是否显示编辑按钮","content":"

设置 show-edit 属性值为 true ，可显示编辑按钮。

\n","link":"button-group/show-edit","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"show-edit"},{"title":"编辑事件","content":"

勾选值改变后将触发 edit 事件。

\n","link":"button-group/event-edit","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"event-edit"},{"title":"默认插槽","content":"

使用默认插槽的方式时，ButtonGroup 的 data、text-field、value-field、value / v-model、size 属性对插槽中的按钮将不再生效。\n但可根据使用场景在 Button 组件标签上对不同按钮设置不同的属性，具体参考 Button 组件属性。

\n","link":"button-group/slot-default","component":" Buttongroup 按钮组","findIntroStr":"以按钮组的方式出现，常用于多项类似操作。","demoId":"slot-default"}] +[ + { + "title": "基本用法", + "content": "

通过 v-model 设置默认选中的按钮，并实现双向绑定。通过 value 也可设置默认选中按钮，但不能进行双向绑定。

\n", + "link": "button-group/base", + "component": " ButtonGroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "base" + }, + { + "title": "按钮组数据", + "content": "

通过 data 属性设置按钮组数据，对象中的 text 为按钮显示文本，value 用于双向绑定时指定的值。

\n", + "link": "button-group/data", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "data" + }, + { + "title": "设置组件大小", + "content": "

可以设置为：medium，small，mini

\n", + "link": "button-group/size", + "component": " ButtonGroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "size" + }, + { + "title": "禁用状态", + "content": "

设置 disabled 属性为 true 可禁用整个按钮组。

\n", + "link": "button-group/disabled", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "disabled" + }, + { + "title": "朴素按钮", + "content": "

设置 plain 属性为 true 可显示为朴素按钮样式。

\n", + "link": "button-group/plain", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "plain" + }, + { + "title": "数据字段映射", + "content": "

若按钮组数据对象中的字段不是默认的 text 和 value ，则可通过 text-field、value-field 属性进行映射。

\n", + "link": "button-group/text-value-field", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "text-value-field" + }, + { + "title": "是否显示更多按钮", + "content": "

设置 show-more 属性值大于 0 且小于按钮组数据，可显示更多按钮。

\n", + "link": "button-group/show-more", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "show-more" + }, + { + "title": "是否显示编辑按钮", + "content": "

设置 show-edit 属性值为 true ，可显示编辑按钮。

\n", + "link": "button-group/show-edit", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "show-edit" + }, + { + "title": "编辑事件", + "content": "

勾选值改变后将触发 edit 事件。

\n", + "link": "button-group/event-edit", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "event-edit" + }, + { + "title": "默认插槽", + "content": "

使用默认插槽的方式时，ButtonGroup 的 data、text-field、value-field、value / v-model、size 属性对插槽中的按钮将不再生效。\n但可根据使用场景在 Button 组件标签上对不同按钮设置不同的属性，具体参考 Button 组件属性。

\n", + "link": "button-group/slot-default", + "component": " Buttongroup 按钮组", + "findIntroStr": "以按钮组的方式出现，常用于多项类似操作。", + "demoId": "slot-default" + }, + { + "title": "多行", + "content": "

多行按钮组，超出最大宽度后，换行显示

\n", + "link": "button-group/button-group-multiple", + "component": " Buttongroup 按钮组", + "findIntroStr": "多行", + "demoId": "button-group-multiple" + }, + { + "title": "边框", + "content": "

设置有无边框，默认为true

\n", + "link": "button-group/border", + "component": " Buttongroup 按钮组", + "findIntroStr": "边框", + "demoId": "border" + } +] \ No newline at end of file diff --git a/examples/docs/resources/pc/demo-config/zh-CN/checkbox.json b/examples/docs/resources/pc/demo-config/zh-CN/checkbox.json index 64c087c0d..d38ef78c7 100644 --- a/examples/docs/resources/pc/demo-config/zh-CN/checkbox.json +++ b/examples/docs/resources/pc/demo-config/zh-CN/checkbox.json @@ -118,5 +118,13 @@ "component": " Checkbox 复选框", "findIntroStr": "用于配置不同场景的选项，提供用户可在一组选项中进行多选。", "demoId": "checkbox-slot" + }, + { + "title": "多行按钮", + "content": "

多行按钮组，超出最大宽度后，换行显示

\n", + "link": "checkbox/checkbox-button-multiple", + "component": "Checkbox check box", + "findIntroStr": "多行按钮", + "demoId": "checkbox-button-multiple" } ] diff --git a/examples/docs/resources/pc/demo-config/zh-CN/grid-event.json b/examples/docs/resources/pc/demo-config/zh-CN/grid-event.json index f7e72c7c3..e27508d5f 100644 --- a/examples/docs/resources/pc/demo-config/zh-CN/grid-event.json +++ b/examples/docs/resources/pc/demo-config/zh-CN/grid-event.json @@ -1 +1,210 @@ -[{"title":"表头点击事件","content":"

在 grid 标签上配置 header-cell-click 可以监听到表头的点击事件

\n","link":"grid/event/header-click-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-header-click-event"},{"title":"表头双击事件","content":"

在 grid 标签上配置 header-cell-dblclick 可以监听到表头的双击事件

\n","link":"grid/event/header-dblclick-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-header-dblclick-event"},{"title":"单元格点击事件","content":"

在 grid 标签上配置 cell-click 可以监听到单元格的点击事件

\n","link":"grid/event/cell-click-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-click-event"},{"title":"单元格双击事件","content":"

在 grid 标签上配置 cell-dblclick 可以监听到单元格的双击事件

\n","link":"grid/event/cell-dblclick-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-dblclick-event"},{"title":"鼠标进入单元格事件","content":"

在 grid 标签上配置 cell-dblclick 可以监听到单元格的双击事件

\n","link":"grid/event/cell-mouseenter-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-mouseenter-event"},{"title":"鼠标离开单元格事件","content":"

在 grid 标签上配置 cell-mouseleave 可以监听到鼠标离开单元格事件

\n","link":"grid/event/cell-mouseleave-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-cell-mouseleave-event"},{"title":"事件","content":"

在 grid 标签上配置 scroll 事件，可以监听表格的滚动

\n","link":"grid/event/grid-scroll-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-grid-scroll-event"},{"title":"事件对象","content":"

表格属性 envents 设置表格的事件对象。\n

\n","link":"grid/event/grid-events","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-grid-events"},{"title":"行选中事件","content":"

只对 在 grid 标签上配置 highlightCurrentRow 有效，当手动选中行时触发的事件

\n","link":"grid/event/current-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-current-change-event"},{"title":"单元格被激活编辑时会触发该事件","content":"

只对 在 grid 标签上配置 edit-actived 有效，单元格被激活编辑时触发的事件

\n","link":"grid/event/edit-actived-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-edit-actived-event"},{"title":"单元格编辑完成触发该事件","content":"

只对 在 grid 标签上配置 edit-closed 有效，单元格编辑完成触发该事件

\n","link":"grid/event/edit-closed-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-edit-closed-event"},{"title":"两个表格数据相互关联","content":"详细用法参考如下示例","link":"grid/event/table-data-association","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-table-data-association"},{"title":"当单元格激活时如果是禁用状态时会触发该事件","content":"

只对 在 grid 标签上配置 edit-disabled-event 有效，同时需要在 edit-config 配置中的 activeMethod 方法控制单元格是否可以编辑（返回 true 可以编辑，反之亦然）。

\n","link":"grid/event/edit-disabled-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-edit-disabled-event"},{"title":"右键点击表尾单元格事件","content":"

在 grid 标签上配置 footer-cell-context-menu 右键点击表尾单元格事件,配置 footer-cell-click 可以触发点击表尾单元格事件。

\n","link":"grid/event/footer-cell-context-menu-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-footer-cell-context-menu-event"},{"title":"右键点击表头事件","content":"

只对 在 grid 标签上配置 header-cell-context-menu 可以监听右键点击表头事件

\n","link":"grid/event/header-cell-context-menu-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-header-cell-context-menu-event"},{"title":"分页发生改变事件","content":"

只对 在 grid 标签上配置 page-change 可以监听分页发生改变事件

\n","link":"grid/event/page-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-page-change-event"},{"title":"分页发生改变前的事件","content":"

通过在 grid 标签上配置 is-before-page-change 选择是否打开页面改变时的前置处理特性。在值为 true 时，翻页操作或者改变页大小操作不会立即生效，留给用户处理业务逻辑，之后通过调用预留的 callback 或者 rollback 使之生效或者失效；通过事件 before-page-change 在进行翻页操作或者改变页大小操作时触发，然后控制是否跳转分页。

\n","link":"grid/event/page-before-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-page-before-change-event"},{"title":"勾选行事件","content":"

在 grid 标签上配置 radio-change 可以监听勾选行事件\n只对 type=radio 有效，当手动勾选并且值发生改变时触发的事件

\n","link":"grid/event/radio-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-radio-change-event"},{"title":"列宽改变事件","content":"

在 grid 标签上配置 resizable-change 可以监听列宽改变事件

\n","link":"grid/event/resizable-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-resizable-change-event"},{"title":"手动勾选全选时触发的事件","content":"

在 grid 标签上配置 select-all 有效\n只对 type=selection 有效，当手动勾选全选时触发的事件

\n","link":"grid/event/select-all-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-select-all-event"},{"title":"勾选行事件","content":"

在 grid 标签上配置 select-change 可以监听到勾选行事件\n只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件

\n","link":"grid/event/select-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-select-change-event"},{"title":"行展开收起事件","content":"

在 grid 标签上配置 toggle-expand-change 可以监听到行展开收起事件

\n","link":"grid/event/toggle-expand-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-toggle-expand-change-event"},{"title":"树节点展开收起事件","content":"

在 grid 标签上配置 toggle-tree-change 可以监听树节点展开收起事件

\n","link":"grid/event/toggle-tree-change-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-toggle-tree-change-event"},{"title":"工具栏点击事件","content":"

在 grid 标签上配置 resizable-change 可以监听工具栏点击事件

\n","link":"grid/event/toolbar-button-click-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-toolbar-button-click-event"},{"title":"校验不通过事件","content":"

在 grid 标签上配置 valid-error 监听校验不通过事件

\n","link":"grid/event/valid-error-event","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"event-valid-error-event"},{"title":"获取表格行方法","content":"

获取行的方法

\n

getCurrentRow 获取当前行\ngetRowIndex 获取当前行号\ngetRadioRow Radio 单选选中行\ngetRowById 通过 rowId 获取当前行\ngetRowNode 通过 tr 元素获取行信息

\n
\n","link":"grid/tiny-first-menu/get-row-method","component":" Grid 表格","findIntroStr":"表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。","demoId":"tiny-first-menu-get-row-method"}] +[ + { + "title": "表头点击事件", + "content": "

在 grid 标签上配置 header-cell-click 可以监听到表头的点击事件

\n", + "link": "grid/event/header-click-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-header-click-event" + }, + { + "title": "表头双击事件", + "content": "

在 grid 标签上配置 header-cell-dblclick 可以监听到表头的双击事件

\n", + "link": "grid/event/header-dblclick-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-header-dblclick-event" + }, + { + "title": "单元格点击事件", + "content": "

在 grid 标签上配置 cell-click 可以监听到单元格的点击事件

\n", + "link": "grid/event/cell-click-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-cell-click-event" + }, + { + "title": "单元格双击事件", + "content": "

在 grid 标签上配置 cell-dblclick 可以监听到单元格的双击事件

\n", + "link": "grid/event/cell-dblclick-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-cell-dblclick-event" + }, + { + "title": "鼠标进入单元格事件", + "content": "

在 grid 标签上配置 cell-dblclick 可以监听到单元格的双击事件

\n", + "link": "grid/event/cell-mouseenter-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-cell-mouseenter-event" + }, + { + "title": "鼠标离开单元格事件", + "content": "

在 grid 标签上配置 cell-mouseleave 可以监听到鼠标离开单元格事件

\n", + "link": "grid/event/cell-mouseleave-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-cell-mouseleave-event" + }, + { + "title": "表格滚动事件", + "content": "

在 grid 标签上配置 scroll 事件，可以监听表格的滚动

\n", + "link": "grid/event/grid-scroll-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-grid-scroll-event" + }, + { + "title": "事件对象", + "content": "

表格属性 envents 设置表格的事件对象。\n

\n", + "link": "grid/event/grid-events", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-grid-events" + }, + { + "title": "行选中事件", + "content": "

只对 在 grid 标签上配置 highlightCurrentRow 有效，当手动选中行时触发的事件

\n", + "link": "grid/event/current-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-current-change-event" + }, + { + "title": "单元格被激活编辑时会触发该事件", + "content": "

只对 在 grid 标签上配置 edit-actived 有效，单元格被激活编辑时触发的事件

\n", + "link": "grid/event/edit-actived-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-edit-actived-event" + }, + { + "title": "单元格编辑完成触发该事件", + "content": "

只对 在 grid 标签上配置 edit-closed 有效，单元格编辑完成触发该事件

\n", + "link": "grid/event/edit-closed-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-edit-closed-event" + }, + { + "title": "两个表格数据相互关联", + "content": "详细用法参考如下示例", + "link": "grid/event/table-data-association", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-table-data-association" + }, + { + "title": "当单元格激活时如果是禁用状态时会触发该事件", + "content": "

只对 在 grid 标签上配置 edit-disabled-event 有效，同时需要在 edit-config 配置中的 activeMethod 方法控制单元格是否可以编辑（返回 true 可以编辑，反之亦然）。

\n", + "link": "grid/event/edit-disabled-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-edit-disabled-event" + }, + { + "title": "右键点击表尾单元格事件", + "content": "

在 grid 标签上配置 footer-cell-context-menu 右键点击表尾单元格事件,配置 footer-cell-click 可以触发点击表尾单元格事件。

\n", + "link": "grid/event/footer-cell-context-menu-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-footer-cell-context-menu-event" + }, + { + "title": "右键点击表头事件", + "content": "

只对 在 grid 标签上配置 header-cell-context-menu 可以监听右键点击表头事件

\n", + "link": "grid/event/header-cell-context-menu-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-header-cell-context-menu-event" + }, + { + "title": "分页发生改变事件", + "content": "

只对 在 grid 标签上配置 page-change 可以监听分页发生改变事件

\n", + "link": "grid/event/page-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-page-change-event" + }, + { + "title": "分页发生改变前的事件", + "content": "

通过在 grid 标签上配置 is-before-page-change 选择是否打开页面改变时的前置处理特性。在值为 true 时，翻页操作或者改变页大小操作不会立即生效，留给用户处理业务逻辑，之后通过调用预留的 callback 或者 rollback 使之生效或者失效；通过事件 before-page-change 在进行翻页操作或者改变页大小操作时触发，然后控制是否跳转分页。

\n", + "link": "grid/event/page-before-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-page-before-change-event" + }, + { + "title": "勾选行事件", + "content": "

在 grid 标签上配置 radio-change 可以监听勾选行事件\n只对 type=radio 有效，当手动勾选并且值发生改变时触发的事件

\n", + "link": "grid/event/radio-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-radio-change-event" + }, + { + "title": "列宽改变事件", + "content": "

在 grid 标签上配置 resizable-change 可以监听列宽改变事件

\n", + "link": "grid/event/resizable-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-resizable-change-event" + }, + { + "title": "手动勾选全选时触发的事件", + "content": "

在 grid 标签上配置 select-all 有效\n只对 type=selection 有效，当手动勾选全选时触发的事件

\n", + "link": "grid/event/select-all-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-select-all-event" + }, + { + "title": "勾选行事件", + "content": "

在 grid 标签上配置 select-change 可以监听到勾选行事件\n只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件

\n", + "link": "grid/event/select-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-select-change-event" + }, + { + "title": "行展开收起事件", + "content": "

在 grid 标签上配置 toggle-expand-change 可以监听到行展开收起事件

\n", + "link": "grid/event/toggle-expand-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-toggle-expand-change-event" + }, + { + "title": "树节点展开收起事件", + "content": "

在 grid 标签上配置 toggle-tree-change 可以监听树节点展开收起事件

\n", + "link": "grid/event/toggle-tree-change-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-toggle-tree-change-event" + }, + { + "title": "工具栏点击事件", + "content": "

在 grid 标签上配置 resizable-change 可以监听工具栏点击事件

\n", + "link": "grid/event/toolbar-button-click-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-toolbar-button-click-event" + }, + { + "title": "校验不通过事件", + "content": "

在 grid 标签上配置 valid-error 监听校验不通过事件

\n", + "link": "grid/event/valid-error-event", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "event-valid-error-event" + }, + { + "title": "获取表格行方法", + "content": "

获取行的方法

\n

getCurrentRow 获取当前行\ngetRowIndex 获取当前行号\ngetRadioRow Radio 单选选中行\ngetRowById 通过 rowId 获取当前行\ngetRowNode 通过 tr 元素获取行信息

\n
\n", + "link": "grid/tiny-first-menu/get-row-method", + "component": " Grid 表格", + "findIntroStr": "表格组件，提供了非常强大数据表格功能，在 Grid 可以展示数据列表，可以对数据列表进行选择、编辑等。", + "demoId": "tiny-first-menu-get-row-method" + } +] diff --git a/examples/docs/resources/pc/demo-config/zh-CN/rate.json b/examples/docs/resources/pc/demo-config/zh-CN/rate.json index 465f4eba0..e4b4a6f05 100644 --- a/examples/docs/resources/pc/demo-config/zh-CN/rate.json +++ b/examples/docs/resources/pc/demo-config/zh-CN/rate.json @@ -1 +1,138 @@ -[{"title":"基本用法","content":"详细用法参考如下示例","link":"rate/basic-usage","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"basic-usage"},{"title":"自定义 3 分段颜色","content":"

可通过 colors 定义 3 分段颜色。

\n","link":"rate/custom-3-threshold-colors","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"custom-3-threshold-colors"},{"title":"自定义禁用时未选中图标颜色","content":"

可通过 disabled-void-color 自定义禁用时未选中图标颜色。

\n","link":"rate/disabled-not-selected-color","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"disabled-not-selected-color"},{"title":"自定义禁用时未选中图标类名","content":"

可通过 disabled-void-icon-class 自定义禁用时未选中图标类名。

\n","link":"rate/disabled-not-selected-class","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"disabled-not-selected-class"},{"title":"自定义 3 分段图标样式","content":"

可通过 icon-classes 自定义 3 分段图标样式。

\n","link":"rate/custom-3-threshold-icon","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"custom-3-threshold-icon"},{"title":"辅助文字及颜色","content":"

可通过 texts show-text text-color 三个属性分别设置辅助文字内容、是否显示辅助文字及辅助文字颜色。

\n","link":"rate/texts-and-text-color","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"texts-and-text-color"},{"title":"大小及占位宽度","content":"

可通过 size space 分别大小和占位宽度。

\n","link":"rate/size-and-space","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"size-and-space"},{"title":"自定义未选中图标颜色","content":"

可通过 void-color 定义未选中图标颜色。

\n","link":"rate/not-selected-color","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"not-selected-color"},{"title":"自定义未选中图标类名","content":"

可通过 void-icon-class 定义未选中图标类名。

\n","link":"rate/not-selected-class","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"not-selected-class"},{"title":"图标下文字提示","content":"

可通过 text-on-bottom 定义是否在图标下显示文字提示。

\n","link":"rate/text-on-bottom","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"text-on-bottom"},{"title":"半选","content":"

可通过 allow-half 定义是否支持半选。

\n","link":"rate/allow-half","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"allow-half"},{"title":"禁用","content":"

可通过 disabled 定义是否禁用。

\n","link":"rate/dynamic-disable","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"dynamic-disable"},{"title":"分数显示","content":"

可通过 show-score score-template 分别定义是否显示分数和显示的模板。

\n","link":"rate/show-score","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"show-score"},{"title":"单选模式","content":"

可通过 radio 设置单选模式。

\n","link":"rate/radio-rate","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"radio-rate"},{"title":"最大分值","content":"

可通过 max 设置最大分值。

\n","link":"rate/max-score","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"max-score"},{"title":"界限值","content":"

可通过 low-threshold high-threshold 分别设置下限值和上限值，通过colors配置显示星的颜色

\n","link":"rate/threshold-value","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"threshold-value"},{"title":"事件","content":"

监听 change 事件触发处理方法。

\n","link":"rate/rate-events","component":" Rate 评分","findIntroStr":"Rate 快速评级，对评价进行展示。","demoId":"rate-events"}] +[ + { + "title": "基本用法", + "content": "详细用法参考如下示例", + "link": "rate/basic-usage", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "basic-usage" + }, + { + "title": "自定义 3 分段颜色", + "content": "

可通过 colors 定义 3 分段颜色。

\n", + "link": "rate/custom-3-threshold-colors", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "custom-3-threshold-colors" + }, + { + "title": "自定义禁用时未选中图标颜色", + "content": "

可通过 disabled-void-color 自定义禁用时未选中图标颜色。

\n", + "link": "rate/disabled-not-selected-color", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "disabled-not-selected-color" + }, + { + "title": "自定义禁用时未选中图标类名", + "content": "

可通过 disabled-void-icon-class 自定义禁用时未选中图标类名。

\n", + "link": "rate/disabled-not-selected-class", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "disabled-not-selected-class" + }, + { + "title": "自定义 3 分段图标样式", + "content": "

可通过 icon-classes 自定义 3 分段图标样式。

\n", + "link": "rate/custom-3-threshold-icon", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "custom-3-threshold-icon" + }, + { + "title": "辅助文字及颜色", + "content": "

可通过 texts show-text text-color 三个属性分别设置辅助文字内容、是否显示辅助文字及辅助文字颜色。

\n", + "link": "rate/texts-and-text-color", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "texts-and-text-color" + }, + { + "title": "大小及占位宽度", + "content": "

可通过 size space 分别大小和占位宽度。

\n", + "link": "rate/size-and-space", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "size-and-space" + }, + { + "title": "自定义未选中图标颜色", + "content": "

可通过 void-color 定义未选中图标颜色。

\n", + "link": "rate/not-selected-color", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "not-selected-color" + }, + { + "title": "自定义未选中图标类名", + "content": "

可通过 void-icon-class 定义未选中图标类名。

\n", + "link": "rate/not-selected-class", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "not-selected-class" + }, + { + "title": "图标下文字提示", + "content": "

可通过 text-on-bottom 定义是否在图标下显示文字提示。

\n", + "link": "rate/text-on-bottom", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "text-on-bottom" + }, + { + "title": "半选", + "content": "

可通过 allow-half 定义是否支持半选。

\n", + "link": "rate/allow-half", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "allow-half" + }, + { + "title": "禁用", + "content": "

可通过 disabled 定义是否禁用。

\n", + "link": "rate/dynamic-disable", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "dynamic-disable" + }, + { + "title": "分数显示", + "content": "

可通过 show-score score-template 分别定义是否显示分数和显示的模板。

\n", + "link": "rate/show-score", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "show-score" + }, + { + "title": "单选模式", + "content": "

可通过 radio 设置单选模式。

\n", + "link": "rate/radio-rate", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "radio-rate" + }, + { + "title": "最大分值", + "content": "

可通过 max 设置最大分值。

\n", + "link": "rate/max-score", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "max-score" + }, + { + "title": "界限值", + "content": "

可通过 low-threshold high-threshold 分别设置下限值和上限值，通过colors配置显示星的颜色

\n", + "link": "rate/threshold-value", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "threshold-value" + }, + { + "title": "事件", + "content": "

监听 change 事件触发处理方法。

\n", + "link": "rate/rate-events", + "component": " Rate 评分", + "findIntroStr": "Rate 快速评级，对评价进行展示。", + "demoId": "rate-events" + } +] diff --git a/examples/docs/resources/pc/demo-config/zh-CN/steps.json b/examples/docs/resources/pc/demo-config/zh-CN/steps.json index e8f829f7d..6ed79c562 100644 --- a/examples/docs/resources/pc/demo-config/zh-CN/steps.json +++ b/examples/docs/resources/pc/demo-config/zh-CN/steps.json @@ -31,6 +31,22 @@ "findIntroStr": "Steps 步骤条", "demoId": "text-position" }, + { + "title": "底部分割线", + "content": "

通过show-divider 设置是否显示步骤条底部分隔线，仅当节点文本内容位于序号右边时生效。

\n", + "link": "steps/show-divider", + "component": " Steps 步骤条", + "findIntroStr": "Steps 步骤条", + "demoId": "show-divider" + }, + { + "title": "当前节点描述信息", + "content": "

通过active-node-desc 插槽添加当前节点一些自定义的描述信息。

\n", + "link": "steps/slot-active-node-desc", + "component": " Steps 步骤条", + "findIntroStr": "Steps 步骤条", + "demoId": "slot-active-node-desc" + }, { "title": "尺寸", "content": "

通过 size 设置步骤条尺寸。

\n", diff --git a/examples/docs/resources/pc/demo/button-group/base.spec.js b/examples/docs/resources/pc/demo/button-group/base.spec.js index bfb1f2848..699bb811f 100644 --- a/examples/docs/resources/pc/demo/button-group/base.spec.js +++ b/examples/docs/resources/pc/demo/button-group/base.spec.js @@ -1,12 +1,12 @@ -import { test, expect } from '@playwright/test'; +import { test, expect } from '@playwright/test' -test('test', async ({ page }) => { - await page.goto('http://localhost:7130/pc/button-group/base'); - await page.getByText('基本用法').nth(1).click(); - await page.getByRole('button', { name: 'Button1' }).click(); - await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/ul/li[1]')).toHaveAttribute('class', 'active'); - await page.getByRole('button', { name: 'Button2' }).click(); - await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/ul/li[2]')).toHaveAttribute('class', 'active'); - await page.getByRole('button', { name: 'Button3' }).click(); - await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/ul/li[3]')).toHaveAttribute('class', 'active'); -}); \ No newline at end of file +test('按钮组基本示例', async ({ page }) => { + await page.goto('http://localhost:7130/pc/button-group/base') + await page.getByText('基本用法').nth(1).click() + await page.getByRole('button', { name: 'Button1' }).click() + await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/ul/li[1]')).toHaveAttribute('class', 'active') + await page.getByRole('button', { name: 'Button2' }).click() + await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/ul/li[2]')).toHaveAttribute('class', 'active') + await page.getByRole('button', { name: 'Button3' }).click() + await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/ul/li[3]')).toHaveAttribute('class', 'active') +}) diff --git a/examples/docs/resources/pc/demo/button-group/border.vue b/examples/docs/resources/pc/demo/button-group/border.vue new file mode 100644 index 000000000..454451192 --- /dev/null +++ b/examples/docs/resources/pc/demo/button-group/border.vue @@ -0,0 +1,36 @@ + + + diff --git a/examples/docs/resources/pc/demo/button-group/button-group-multiple.vue b/examples/docs/resources/pc/demo/button-group/button-group-multiple.vue new file mode 100644 index 000000000..34657de82 --- /dev/null +++ b/examples/docs/resources/pc/demo/button-group/button-group-multiple.vue @@ -0,0 +1,34 @@ + + + \ No newline at end of file diff --git a/examples/docs/resources/pc/demo/button-group/disabled.vue b/examples/docs/resources/pc/demo/button-group/disabled.vue index 1e90b0e96..e3dbe05df 100644 --- a/examples/docs/resources/pc/demo/button-group/disabled.vue +++ b/examples/docs/resources/pc/demo/button-group/disabled.vue @@ -1,5 +1,10 @@ diff --git a/examples/docs/resources/pc/demo/checkbox/with-border.vue b/examples/docs/resources/pc/demo/checkbox/with-border.vue index 77d777f29..cec2bace2 100644 --- a/examples/docs/resources/pc/demo/checkbox/with-border.vue +++ b/examples/docs/resources/pc/demo/checkbox/with-border.vue @@ -1,21 +1,28 @@ diff --git a/examples/docs/resources/pc/demo/dropdown/multi-level.vue b/examples/docs/resources/pc/demo/dropdown/multi-level.vue index 2fd165fd0..c399b2b30 100644 --- a/examples/docs/resources/pc/demo/dropdown/multi-level.vue +++ b/examples/docs/resources/pc/demo/dropdown/multi-level.vue @@ -24,19 +24,20 @@ export default { label: '老友粉1', icon: iconStarDisable(), children: [ - { label: '老友粉2.1', children: [{ label: '狮子头3.1' }] }, - { label: '老友粉2.2', divided: true }, + { + label: '老友粉2.1', + children: [{ label: '狮子头3.1' }] + }, + { label: '老友粉2.2' }, { label: '老友粉2.3', disabled: true } ] }, { label: '狮子头', - divided: true, disabled: true }, { label: '黄金糕', - divided: true, icon: iconStarDisable() } ] diff --git a/examples/docs/resources/pc/demo/grid/custom/column-simple.spec.js b/examples/docs/resources/pc/demo/grid/custom/column-simple.spec.js new file mode 100644 index 000000000..e3aaad032 --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/custom/column-simple.spec.js @@ -0,0 +1,14 @@ +import { test, expect } from '@playwright/test' + +test('简化版列设置测试', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-customized/custom-column-simple') + await page.locator('.tiny-select > div').click() + await page.getByRole('listitem').filter({ hasText: '员工数' }).click() + const thHeader = page.locator('th.tiny-grid-header__column').nth(1) + await expect(thHeader).toContainText('名称') + await page.getByRole('listitem').filter({ hasText: '名称' }).locator('span').nth(2).click() + const thHeader2 = page.locator('th.tiny-grid-header__column').nth(1) + + await expect(thHeader2).toContainText('员工数') +}) diff --git a/examples/docs/resources/pc/demo/grid/custom/column-sort.spec.js b/examples/docs/resources/pc/demo/grid/custom/column-sort.spec.js new file mode 100644 index 000000000..b5603d84c --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/custom/column-sort.spec.js @@ -0,0 +1,13 @@ +import { test, expect } from '@playwright/test' + +test('个性化排序测试', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-customized/custom-column-sort') + await page.locator('.tiny-grid-custom__setting-btn').click() + await page.getByRole('row', { name: '员工数 显示 未排序 未冻结' }).getByTitle('未排序').getByRole('img').click() + await page.getByRole('button', { name: '确定' }).click() + await page.waitForTimeout(200) + const sortBtn = await page.getByRole('cell', { name: '员工数' }).getByRole('img') + + await expect(sortBtn).toHaveClass(/tiny-grid-sort__asc-btn/) +}) diff --git a/examples/docs/resources/pc/demo/grid/custom/column-width.spec.js b/examples/docs/resources/pc/demo/grid/custom/column-width.spec.js new file mode 100644 index 000000000..058a368b9 --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/custom/column-width.spec.js @@ -0,0 +1,30 @@ +import { test, expect } from '@playwright/test' + +test('个性化列拖拽测试', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-customized/custom-column-simple') + const draggerDom = page.getByRole('cell', { name: '名称' }).locator('div').nth(1) + const thDom = page.getByRole('cell', { name: '名称' }) + // 获取初始列宽 + const { width: thWidth } = await thDom.boundingBox() + // 获取拖拽元素位置 + const { x, y } = await draggerDom.boundingBox() + // 开始拖拽 + await page.mouse.move(x + 2, y + 3) + await page.waitForTimeout(200) + await page.mouse.down() + await page.waitForTimeout(200) + await page.mouse.move(x + 15, y + 6) + await page.waitForTimeout(200) + await page.mouse.up() + await page.waitForTimeout(200) + // 拖拽完毕再次检测列宽 + const { width: lastThWidth } = await thDom.boundingBox() + expect(thWidth).toBeLessThan(lastThWidth) + // 刷新页面 + await page.reload() + const thDom2 = page.getByRole('cell', { name: '名称' }) + const { width: thWidth2 } = await thDom2.boundingBox() + // 检测列宽有没有保存在localstorage + expect(thWidth2).toEqual(lastThWidth) +}) diff --git a/examples/docs/resources/pc/demo/grid/custom/resetResizable.spec.js b/examples/docs/resources/pc/demo/grid/custom/resetResizable.spec.js new file mode 100644 index 000000000..ff5cad3d1 --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/custom/resetResizable.spec.js @@ -0,0 +1,43 @@ +import { test, expect } from '@playwright/test' + +test.describe('手动重置列操作', () => { + test('重置列宽', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-customized/custom-resetResizable') + const draggerDom = page.getByRole('cell', { name: '名称' }).locator('div').nth(1) + const thDom = page.getByRole('cell', { name: '名称' }) + // 获取初始列宽 + const { width: thWidth } = await thDom.boundingBox() + // 获取拖拽元素位置 + const { x, y } = await draggerDom.boundingBox() + // 开始拖拽 + await page.mouse.move(x + 2, y + 3) + await page.waitForTimeout(200) + await page.mouse.down() + await page.waitForTimeout(200) + await page.mouse.move(x + 15, y + 6) + await page.waitForTimeout(200) + await page.mouse.up() + await page.waitForTimeout(200) + // 拖拽完毕再次检测列宽 + const { width: lastThWidth } = await thDom.boundingBox() + expect(thWidth).toBeLessThan(lastThWidth) + await page.getByRole('button', { name: '重置列宽拖动操作' }).click() + // 重置列宽 + const { width: resetWidth } = await thDom.boundingBox() + expect(resetWidth).toEqual(thWidth) + }) + + test('重置列隐藏', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-customized/custom-resetResizable') + await page.locator('.tiny-grid-custom__setting-btn').click() + await page.getByRole('row', { name: '名称 显示 未冻结' }).getByTitle('显示').getByRole('img').click() + await page.getByRole('button', { name: '确定' }).click() + const thHeader = page.locator('th.tiny-grid-header__column').nth(0) + await expect(thHeader).toContainText('员工数') + await page.getByRole('button', { name: '重置列的隐藏操作' }).click() + const thHeader2 = page.locator('th.tiny-grid-header__column').nth(0) + await expect(thHeader2).toContainText('名称') + }) +}) diff --git a/examples/docs/resources/pc/demo/grid/event/cell-click-event.spec.js b/examples/docs/resources/pc/demo/grid/event/cell-click-event.spec.js new file mode 100644 index 000000000..4dbf6a4cc --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/event/cell-click-event.spec.js @@ -0,0 +1,9 @@ +import { test, expect } from '@playwright/test' + +test('单元格单击事件', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-event/event-cell-click-event') + await page.getByRole('cell', { name: 'GFD科技YX公司' }).click() + + await expect(page.getByText('单元格点击名称')).toBeVisible() +}) diff --git a/examples/docs/resources/pc/demo/grid/event/cell-dblclick-event.spec.js b/examples/docs/resources/pc/demo/grid/event/cell-dblclick-event.spec.js new file mode 100644 index 000000000..090bfe36a --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/event/cell-dblclick-event.spec.js @@ -0,0 +1,10 @@ +import { test, expect } from '@playwright/test' + +test('单元格双击事件', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-event/event-cell-dblclick-event') + await page.getByRole('cell', { name: 'GFD科技YX公司' }).click() + await page.getByText('GFD科技YX公司').dblclick() + + await expect(page.getByText('单元格双击名称')).toBeVisible() +}) diff --git a/examples/docs/resources/pc/demo/grid/event/cell-mouseenter-event.spec.js b/examples/docs/resources/pc/demo/grid/event/cell-mouseenter-event.spec.js new file mode 100644 index 000000000..c2c479bc7 --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/event/cell-mouseenter-event.spec.js @@ -0,0 +1,9 @@ +import { test, expect } from '@playwright/test' + +test('鼠标进入单元格事件', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-event/event-cell-mouseenter-event') + await page.getByText('福州').hover() + + await expect(page.getByText('鼠标进入单元格地址')).toBeVisible() +}) diff --git a/examples/docs/resources/pc/demo/grid/event/cell-mouseleave-event.spec.js b/examples/docs/resources/pc/demo/grid/event/cell-mouseleave-event.spec.js new file mode 100644 index 000000000..6817437af --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/event/cell-mouseleave-event.spec.js @@ -0,0 +1,10 @@ +import { test, expect } from '@playwright/test' + +test('行选中事件', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-event/event-cell-mouseleave-event') + await page.getByText('福州').hover() + await page.getByText('深圳福田区').hover() + + await expect(page.getByText('鼠标离开单元格地址')).toBeVisible() +}) diff --git a/examples/docs/resources/pc/demo/grid/event/current-change-event.spec.js b/examples/docs/resources/pc/demo/grid/event/current-change-event.spec.js new file mode 100644 index 000000000..6b70027f0 --- /dev/null +++ b/examples/docs/resources/pc/demo/grid/event/current-change-event.spec.js @@ -0,0 +1,14 @@ +import { test, expect } from '@playwright/test' + +test('test', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('http://localhost:7130/pc/grid-event/event-current-change-event') + await page + .getByRole('row', { + name: '2 WWW科技YX公司 华南区 深圳福田区 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。' + }) + .getByText('华南区') + .click() + + await expect(page.getByText('触发行选中事件')).toBeVisible() +}) diff --git a/examples/docs/resources/pc/demo/grid/event/current-change-event.vue b/examples/docs/resources/pc/demo/grid/event/current-change-event.vue index 6e99c3565..34b60a792 100644 --- a/examples/docs/resources/pc/demo/grid/event/current-change-event.vue +++ b/examples/docs/resources/pc/demo/grid/event/current-change-event.vue @@ -10,8 +10,8 @@ - diff --git a/examples/docs/resources/pc/demo/progress/progress-width.vue b/examples/docs/resources/pc/demo/progress/progress-width.vue index 5cc5921f3..f5b85d352 100644 --- a/examples/docs/resources/pc/demo/progress/progress-width.vue +++ b/examples/docs/resources/pc/demo/progress/progress-width.vue @@ -1,7 +1,7 @@