ReCropper
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
component1s
getTopMenu()
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 settingdemo
Exclusive
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-plus
beforeCancel
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 displaykeepAlive
vue3.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 collapsedtab
getHistoryMode
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-table
deprecation
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.css
lodash
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 exampleCachingAsyncRoutes
Tooltip
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-plus
The 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 true
TooltipEffect
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 MB
unplugin-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.js
element-plus
table example remains the sameMenuArrowIconNoTransition
global configuration, configure it in public/serverConfig.json
, for the left menu mode, the menu expansion can be set MenuArrowIconNoTransition: true
to solve$baseUrl
global 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 addressesdemo
collapse
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 versiondemo
demo
json
editor demo
RBAC
(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 demoLayout
element-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 refreshicon
PPT
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 windicss
split-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 null
lodash-unified
to replace lodash-es
, lodash-unified
supports ESM
and is compatible with CJS
pnpm report
iconify
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