Totally ESM version
vite to v5 version, specify node version >18.18.0, pnpm version >=8.6.10tailwind.config.js to tailwind.config.ts and update its file to esm syntax.prettierrc.js file to esm syntaxpostcss.config.js file to esm syntaxcommitlint.config.js file to esm syntaxeslint.config.js to replace .eslintrc.js and follow esm syntaxstylelint to 16 version and follow esm syntaxsearch search icons are uniformly replaced with @iconify-icons/ri/search-line which is more commonly used and put into the global offline iconiframe in dark modeiframe pages support setting keepAlive to maintain page statusWebAssembly version, supports MP4, MOV, AVI, WebM, MKV and other mainstream formatsF12, browser default right-click menu, page element selection, and picture default draggabilitylocalforage supports setting expiration time and provides complete type promptsAnimateCss selector component ReAnimateSelectorReText component, supports automatic omission and display of Tooltip function, supports multi-line omission, high reusabilitySwiper 11vue-router dynamic routing warningNo match found for location with pathquery routing parameter passing mode, two router jumps will be triggered when clicking the tab page to switch operations.query route, the card-active attribute still exists after leaving the active tab, resulting in the font color not changing when the mouse hoversrc/layout/components/appMain.vue fileframeView does not adapt after hiding the tab page.meta.transition.name configurationiframe page and the right-click tab page panel is blocked when on the iframe pagequery and params modeskebab-case string naming methodlabel of el-form is consistent with the global label styleVITE_PUBLIC_PATH defaults to /, which is more friendly to VITE_ROUTER_HISTORY in h5 modetransformI18n function and support unlimited nesting levels for internationalization (of course, the platform still recommends that the fewer nesting levels, the better)pinia first and then router, which is compatible with more usage scenarios.loading judgmentIconSelect icon selector component to improve user experiencev-model supportlogo@pureadmin/theme, bringing more friendly esm supportbuild/info.ts file to make it friendly and support esmPureTableBar component, set the maximum height, and scroll beyond itReDialog to retain the closing animationsass-loader dependencystylelint plug-in dependency that will be automatically installeduseRenderIcon uses local svgdescription contents of el-empty. Add el-empty when the icon selector content is emptytooltip theme after the left menu is collapsed is consistent with the overall menusvgo command to svgo -f . -r (compress all SVG files in the current directory)ReTypeit component to support slots and all typeit configuration itemsReCropper component, add more useful functionstp or tupian and other corresponding pinyinV4.4.0 version, the problem that the page does not cache the page for the first time after the keepAlive cache is enabledhide property when the RePureTableBar component was initializedVITE_PUBLIC_PATH to ./ by default to be compatible with more path scenarios,OSS scene where VITE_PUBLIC_PATH is url, need to upgrade @pureadin/theme to the latest versionmeta adds activePath attribute, which can activate a menu (mainly used for routes that pass parameters through query or params, when they are not displayed in the menu after configuring showLink: false, they will be There will be no menu highlighting, but you can get highlighting by setting activePath to specify the active menu, activePath is the path of the specified active menu View details)pure-admin-table to add adaptive content area heightel-empty component when the notice message prompts the component to have empty dataprop as primitive type examplevscode-docker plugin3-4 times faster than before View optimization details@pureadmin/table to the latest versionuseResizeObserver function of vueuse to replace the v-resize custom directive, and the performance will be better from the performance after testingdocker supportupdateDialog to the functional bullet box to change the property value of the bullet box itselfwangeditor rich text add multiple rich text and custom image upload examplespure-table table added keep checked CheckBox option exampletitle slot to RePureTableBar component1sgetTopMenu() function cannot get path and report an error when the page is forced to refreshRePureTableBar scrollbar issue in windows after turning off column settings-Optimized tab page operation-routing parameter transfer mode usage
vscode code snippetsdataThemeChange theme settingdemoExclusive type mutual exclusion syntactic sugartemplate template, no longer use $route and $router, this way of writing vue-tsc fails to compiledemo example combined with Form for the functional pop-up box componentel-col component of element-plusbeforeCancel and beforeSure callbacks to the functional popup component, which can suspend the closing of the popupSystem Management-Department Management pagePureTableBar component, add drag and drop function for column displaykeepAlivevue3.3+ and remove unplugin-vue-define-options pluginView 4.0.0 version optimization details
css pseudo-class before to refactor the activation background of the menu, similar to ant.design-menudemo examples, making it easier to usePureTableBar component adds column display functionecharts chart on the home page not adapting to the container when the menu is collapsed or expandedTheme is empty cache for light and re-login theme configuration does not take effectESC to exit full screentooltip click penetration in the notification bar of the mobile terminalhorizontal navigation mode after the left menu is collapsedtabgetHistoryMode functiontabs in the navigation, which caused the tabs on the left to be closed and could not be displayed normallyshowLink:false page under hybrid navigation and refreshinginitRouter function in mixed mode navigationquery or params, and the cache invalidation problem occurs when the tab page is closed after the cache is enabledparams route parameter passing modebuttons named slot of RePureTableBar componentlogo image and text layout and unified configurationshowLink is set to false, the current routing information will not be added to the tabaddPathMatch functiongetters in pinia are changed to the official recommended way of writing, and this is changed to state to automatically deduce the typeapi of the latest version of pure-tabledeprecation warnings for sourcemap-codec and stable dependencies"incremental": true from tsconfig.json filestylelint and related configurations to the latest, strengthen style validationpath.posix.resolve instead of path.resolve to avoid drive letter problems when using electron in windows environmentCachingAsyncRoutes dynamic routing cache is turned off locally, making it easier to debug in the development environment. It is not necessary to clear the local cached dynamic routing every time you modify the dynamic routing. It is recommended to enable it in the production environmentvite4 versionhmr of vite is slow due to the wrong way of importing tailwind.csslodash and its related libraries
Click here to see Why Removed? How to integrate it yourself? @pureadmin/table table dynamic column examplerank issuerank, when rank does not exist, it will be created automatically according to the order, the home page route will always be the firstvxe-table, after removal, the overall package size of the full version is reduced by 1.82MB, and the initial startup time is basically the same as the lite version 🐮
Click here to see Why Removed? How to integrate it yourself?@pureadmin/table table selector (single select, multiple select) example@pureadmin/table pagination and loading animation exampleCachingAsyncRoutesTooltip displayed abnormally after the menu is collapsed13 requests againloading animation to optimize user experienceonBeforeMount to avoid flashing of the initialization pageel-dialog, el-drawer, el-message-box, el-notification components of element-plusThe style of the close icon in the upper right corner makes it more vivid specific modification Code recordCachingAsyncRoutes whether to enable dynamic route cache local global configuration, default trueTooltipEffect global configuration, you can configure the effect attribute of all el-tooltip on the platform body, the default light, does not affect the business codeTooltip text prompt demoinitRouter method, compatible with sso scenario3.9.0, the first screen requests are reduced by 71, and the first screen loading resources are reduced by 4.1 MBunplugin-vue-define-options to replace unplugin-vue-macros, the packaging speed is increased several times, use unplugin-vue-macros to take mac with moderate performance as an example, the packaging time of the full version is6 minutes😭, after replacing it with unplugin-vue-define-options, the packaging time on the same computer is 50 seconds☺️message message prompt function, compatible with Element Plus and Ant Design two Message style styles, use and package size are extremely low cost and adapt to dark mode, really fragrant 😂@vue/runtime-core, compatible with volar hints of all element-plus components@pureadmin/components and use compatible writing, the package size of the platform is reduced by 0.4 MB before compression is not enabled, and the resource of 2.3 MB is reduced for the first screen request, which is for the lite version is a very big optimization, the streamlined version has synchronized code@pureadmin/table multiple data format (deep structure) examples@pureadmin/table image preview example@pureadmin/table row and column drag example@pureadmin/table context menu example@pureadmin/table export Excel example@pureadmin/table edit cell example@pureadmin/table watermark example@pureadmin/table print example@pureadmin/table embedded echarts chart examplesvgo to compress all svg files on the platform to reduce the sizevite to rely on pre-built configurations in the platform, and the loading speed of page switching is significantly accelerateddriver.js with intro.jselement-plus table example remains the sameMenuArrowIconNoTransition global configuration, configure it in public/platform-config.json, for the left menu mode, the menu expansion can be set MenuArrowIconNoTransition: true to solve$baseUrlglobal is not defined error, importing src/utils/globalPolyfills.ts file into src/main.ts can solve the problem@vitejs/plugin-legacy, vue3 cannot make it support ie through any toolicon supports using online iconsvxe-button font color issue after mouse overlay and some other style issuesbaseURL and global environment proxy, and can be written directly in vite.config.ts, which is convenient and supports multiple proxy addressesdemocollapse property added in the latest version of tailwindcss conflicts with the platform class class nametoken expires, if the page has multiple requests, the token will be refreshed repeatedly/@/ alias with @/ aliascdn for packaging to replace the local library configuration, the default false does not startgzip and brotli compression modes for packaging buildstitle too long display style problemname in the route should not be repeated with the child name, which will cause redirection to jump 404 problemaxios to the latest versiondemodemojson editor demoRBAC (Role-Based Access List): role-based permission control (User -> Role -> Permission), and update the page permission and button permission demo example, button Permissions support three operation modes (judging permissions in component mode, judging permissions in function mode, and judging permissions in instruction mode)menu display problem in production environment in horizontal modemix mixed mode navigation might not be displayed in the left menu of the production environmenttoken expires, calling the refresh token interface will cause an infinite loop@apply from tailwind.css// comments with /** */, which is more friendly to the editor's intellisensecssnano to compress the size of css when packagingelement-plus seamless scrolling Table page demovscode bracket pair guideunocss with tailwindcss, add tailwindcss documentationtoken expires, refresh the infinite loopprocess is not defined in pathchildren is an empty arrayiframe loading failurequery, params way to refresh the page does not need to open the tab page cache, the parameters can be retained on the url and tab page)Table of element-plus into @pureadmin/table, providing flexible configuration items and integrating into the platformDescriptions of element-plus into @pureadmin/descriptions, providing flexible configuration items and integrating into the platformdefineOptions({name: custom name})PDF preview page demoexcel page demoLayoutelement-plus dark mode (also solved the problem that the same element css in 3.3.0 and earlier versions was overwritten many times, resulting in poor style debugging)showlink set to false, not showing after refreshiconPPT demowangeditorV5 (and support internationalization and custom themes)tauri versionCascader cascade selector in element-plus to write a three-level and two-level linkage demo of Chinese provinces and citiesSwiper plugincomponent, representing the component pathunocss instead of windicss, unocss has better performance in development environment, no memory leaks, and api is compatible with windicsssplit-pane component for the platformi18n field in the route, the platform automatically reads the files in the locales folder of the root directory for internationalization matchinglayout to display user information commitelement-plus timeline componentelement-plus tree component to support connecting linesrank sorting, compatible with the case where the value of the rank field in the routing meta is nulllodash-unified to replace lodash-es, lodash-unified supports ESM and is compatible with CJSpnpm reporticonify to introduce icons on demand, optimize icon size, and reduce network requestsshowLink: true, it is displayed by defaultWindiCSS supportvite-plugin-remove-console@element-plus/icons-vue with @iconify-icons/ep-Added dark theme -Add element-plus custom theme -Add guide page
-Optimize internationalization, compatible with the vscode plug-in i18n Ally smart reminder
-Optimize the back-end return routing structure
-Optimize local storage, with four built-in buttons responsive-configure, responsive-locale, responsive-layout, responsive-tags, which are basic configuration, international configuration, layout configuration, and tab persistent configuration