@epxing/designer 5.3.0-beta.2 → 5.3.0-beta.4

package/dist/style.css

@@ -861,59 +861,59 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.search-container[data-v-de84464b] {
+.search-container[data-v-be6fc4ff] {
   display: flex;
   align-items: center;
   padding: 10px 0;
 }
-.search-input[data-v-de84464b] {
+.search-input[data-v-be6fc4ff] {
   width: 240px;
 }
-.search-select[data-v-de84464b] {
+.search-select[data-v-be6fc4ff] {
   width: 140px;
   margin-left: 20px;
 }
-.search-filter[data-v-de84464b] {
+.search-filter[data-v-be6fc4ff] {
   display: flex;
   padding: 10px 0;
 }
-.search-filter__label[data-v-de84464b] {
+.search-filter__label[data-v-be6fc4ff] {
   color: #121212;
   flex-shrink: 0;
 }
-.search-filter-options[data-v-de84464b] {
+.search-filter-options[data-v-be6fc4ff] {
   flex: 1;
 }
-.search-filter-options > span[data-v-de84464b] {
+.search-filter-options > span[data-v-be6fc4ff] {
   margin: 8px 12px;
   color: #444;
   cursor: pointer;
 }
-.search-filter-options > span.active[data-v-de84464b], .search-filter-options > span[data-v-de84464b]:hover {
+.search-filter-options > span.active[data-v-be6fc4ff], .search-filter-options > span[data-v-be6fc4ff]:hover {
   color: rgba(var(--color-primary), 1);
 }
-.search-filter-options > span.active[data-v-de84464b]:hover, .search-filter-options > span[data-v-de84464b]:hover:hover {
+.search-filter-options > span.active[data-v-be6fc4ff]:hover, .search-filter-options > span[data-v-be6fc4ff]:hover:hover {
   color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
 }
-.component-container[data-v-de84464b] {
+.component-container[data-v-be6fc4ff] {
   height: 400px;
 }
-.component-list[data-v-de84464b] {
+.component-list[data-v-be6fc4ff] {
   height: 100%;
   overflow: auto;
 }
-.component-item[data-v-de84464b] {
+.component-item[data-v-be6fc4ff] {
   width: calc(25% - 20px);
   margin: 10px;
   float: left;
   cursor: pointer;
 }
-.component-item:hover .component-item__preview[data-v-de84464b], .component-item.active .component-item__preview[data-v-de84464b] {
+.component-item:hover .component-item__preview[data-v-be6fc4ff], .component-item.active .component-item__preview[data-v-be6fc4ff] {
   padding: 0;
   border: 1px solid;
   border-color: rgba(var(--color-primary), 1);
 }
-.component-item__preview[data-v-de84464b] {
+.component-item__preview[data-v-be6fc4ff] {
   background: #E2E4E8;
   border: 1px dashed transparent;
   padding: 1px;
@@ -926,21 +926,21 @@
   justify-content: center;
   overflow: hidden;
 }
-.component-item__preview > img[data-v-de84464b] {
+.component-item__preview > img[data-v-be6fc4ff] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.no-image[data-v-de84464b] {
+.no-image[data-v-be6fc4ff] {
   font-size: 40px;
   color: #999;
 }
-.component-item__title[data-v-de84464b] {
+.component-item__title[data-v-be6fc4ff] {
   color: #666;
   margin-top: 4px;
   text-align: center;
 }
-.no-data[data-v-de84464b] {
+.no-data[data-v-be6fc4ff] {
   width: 100%;
   height: 100%;
   display: flex;
@@ -949,11 +949,11 @@
   align-items: center;
   color: #666;
 }
-.no-data > i[data-v-de84464b] {
+.no-data > i[data-v-be6fc4ff] {
   font-size: 100px;
   line-height: 120px;
 }
-.component__warning-icon[data-v-de84464b] {
+.component__warning-icon[data-v-be6fc4ff] {
   color: #E6A23C;
   margin-left: 4px;
 }
@@ -1542,16 +1542,16 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.config-container--standalone[data-v-ab9c83f8] {
+.config-container--standalone[data-v-49553b15] {
   flex-direction: row !important;
 }
-.config-container--standalone .mobile-body[data-v-ab9c83f8] {
+.config-container--standalone .mobile-body[data-v-49553b15] {
   flex: 1;
   min-width: 0;
   padding: 0 16px;
   background: color-mix(in srgb, var(--epx-bg-page, #f3f5f8) 90%, var(--epx-text-primary, #303133));
 }
-.config-container--standalone .dashboard-design__mobile[data-v-ab9c83f8] {
+.config-container--standalone .dashboard-design__mobile[data-v-49553b15] {
   position: relative;
   height: calc(100% - 24px);
   margin: 12px auto;
@@ -1559,34 +1559,34 @@
   box-sizing: content-box;
   outline: 1px solid var(--epx-border-color, #d5dce6);
 }
-.config-container--standalone .mobile-empty[data-v-ab9c83f8] {
+.config-container--standalone .mobile-empty[data-v-49553b15] {
   position: absolute;
   inset: 0;
   pointer-events: none;
 }
-.config-container--standalone .mobile-empty button[data-v-ab9c83f8] {
+.config-container--standalone .mobile-empty button[data-v-49553b15] {
   pointer-events: auto;
 }
-.config-container--standalone .drag-component--container[data-v-ab9c83f8] > * {
+.config-container--standalone .drag-component--container[data-v-49553b15] > * {
   pointer-events: auto;
 }
-.config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item:hover > .epx-dashboard-design-item__operates,
-.config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item:focus-within > .epx-dashboard-design-item__operates {
+.config-container--standalone[data-v-49553b15] .epx-dashboard-design-item:hover > .epx-dashboard-design-item__operates,
+.config-container--standalone[data-v-49553b15] .epx-dashboard-design-item:focus-within > .epx-dashboard-design-item__operates {
   display: flex;
 }
-.config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item:has(.epx-dashboard-design-item:hover) > .epx-dashboard-design-item__operates {
+.config-container--standalone[data-v-49553b15] .epx-dashboard-design-item:has(.epx-dashboard-design-item:hover) > .epx-dashboard-design-item__operates {
   display: none;
 }
-.config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item__float {
+.config-container--standalone[data-v-49553b15] .epx-dashboard-design-item__float {
   width: 32px;
   height: 32px;
   line-height: 32px;
 }
-.config-container--standalone[data-v-ab9c83f8] .component-operate__item {
+.config-container--standalone[data-v-49553b15] .component-operate__item {
   width: 28px;
   line-height: 28px;
 }
-.mobile-item-action[data-v-ab9c83f8] {
+.mobile-item-action[data-v-49553b15] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1600,14 +1600,14 @@
   cursor: pointer;
   font-size: 16px;
 }
-.mobile-item-action[data-v-ab9c83f8]:hover, .mobile-item-action[data-v-ab9c83f8]:focus-visible {
+.mobile-item-action[data-v-49553b15]:hover, .mobile-item-action[data-v-49553b15]:focus-visible {
   background: rgba(255, 255, 255, 0.2);
 }
-.mobile-properties__header[data-v-ab9c83f8] {
+.mobile-properties__header[data-v-49553b15] {
   padding: 16px;
   border-bottom: 1px solid var(--epx-border-color, #e5e7eb);
 }
-.mobile-properties[data-v-ab9c83f8] {
+.mobile-properties[data-v-49553b15] {
   flex: 0 0 340px;
   width: 340px;
   max-width: 40%;
@@ -1615,15 +1615,15 @@
   background: var(--epx-bg-card, #fff);
   border-left: 1px solid var(--epx-border-color, #e5e7eb);
 }
-.mobile-properties[data-v-ab9c83f8] .config-container {
+.mobile-properties[data-v-49553b15] .config-container {
   height: auto;
 }
-.mobile-config__actions[data-v-ab9c83f8] {
+.mobile-config__actions[data-v-49553b15] {
   display: flex;
   gap: 8px;
   margin: 12px 0;
 }
-.config-container[data-v-ab9c83f8] {
+.config-container[data-v-49553b15] {
   position: relative;
   width: 100%;
   height: 100%;
@@ -1631,7 +1631,7 @@
   display: flex;
   flex-direction: column;
 }
-.page-header[data-v-ab9c83f8] {
+.page-header[data-v-49553b15] {
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -1640,43 +1640,43 @@
   background: var(--epx-bg-card);
   border-bottom: 1px solid #e8e8e8;
 }
-.page-header__left[data-v-ab9c83f8] {
+.page-header__left[data-v-49553b15] {
   display: flex;
 }
-.page-header__back[data-v-ab9c83f8] {
+.page-header__back[data-v-49553b15] {
   font-size: 24px;
   color: #666;
   cursor: pointer;
 }
-.page-header__title[data-v-ab9c83f8] {
+.page-header__title[data-v-49553b15] {
   font-size: var(--epx-font-size-l);
   padding: 0 20px;
   font-weight: 600;
   border-right: 1px solid var(--epx-border);
 }
-.page-header__subtitle[data-v-ab9c83f8] {
+.page-header__subtitle[data-v-49553b15] {
   font-size: var(--epx-font-size-base);
   color: #666;
 }
-.page-header__operate[data-v-ab9c83f8] {
+.page-header__operate[data-v-49553b15] {
   display: flex;
   align-items: center;
 }
-.header-operate__item[data-v-ab9c83f8] {
+.header-operate__item[data-v-49553b15] {
   color: #444;
   cursor: pointer;
   margin: 20px;
 }
-.header-operate__item i[data-v-ab9c83f8] {
+.header-operate__item i[data-v-49553b15] {
   margin-right: 4px;
 }
-.header-operate__item[data-v-ab9c83f8]:hover {
+.header-operate__item[data-v-49553b15]:hover {
   color: rgba(var(--color-primary), 1);
 }
-.header-operate__item[data-v-ab9c83f8]:hover:hover {
+.header-operate__item[data-v-49553b15]:hover:hover {
   color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
 }
-.mobile-body[data-v-ab9c83f8] {
+.mobile-body[data-v-49553b15] {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
@@ -1684,10 +1684,10 @@
   box-sizing: border-box;
   transition: padding-right 0.2s;
 }
-.config-container--editing .mobile-body[data-v-ab9c83f8] {
+.config-container--editing .mobile-body[data-v-49553b15] {
   padding-right: min(400px, 44vw);
 }
-.dashboard-design__mobile[data-v-ab9c83f8] {
+.dashboard-design__mobile[data-v-49553b15] {
   width: 375px;
   height: 670px;
   margin: 24px auto;
@@ -1697,10 +1697,10 @@
   border: 0;
   box-shadow: none;
 }
-.dashboard-design__mobile > .epx-dashboard-design-grid[data-v-ab9c83f8] {
+.dashboard-design__mobile > .epx-dashboard-design-grid[data-v-49553b15] {
   flex: none;
 }
-.mobile-empty[data-v-ab9c83f8] {
+.mobile-empty[data-v-49553b15] {
   width: 100%;
   height: 100%;
   display: flex;
@@ -1709,14 +1709,14 @@
   align-items: center;
   color: #909399;
 }
-.mobile-empty__actions[data-v-ab9c83f8] {
+.mobile-empty__actions[data-v-49553b15] {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
   width: 252px;
   max-width: calc(100% - 40px);
 }
-.mobile-empty__action[data-v-ab9c83f8] {
+.mobile-empty__action[data-v-49553b15] {
   width: 100%;
   height: 112px;
   display: flex;
@@ -1733,41 +1733,41 @@
   cursor: pointer;
   transition: box-shadow 0.2s;
 }
-.mobile-empty__action i[data-v-ab9c83f8] {
+.mobile-empty__action i[data-v-49553b15] {
   font-size: 32px;
 }
-.mobile-empty__action[data-v-ab9c83f8]:hover {
+.mobile-empty__action[data-v-49553b15]:hover {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
 }
-.mobile-empty__text[data-v-ab9c83f8] {
+.mobile-empty__text[data-v-49553b15] {
   font-size: 14px;
   margin-bottom: 16px;
 }
-.dashboard-design--dark[data-v-ab9c83f8] {
+.dashboard-design--dark[data-v-49553b15] {
   background: #151C3D;
 }
-.dashboard-design--technology[data-v-ab9c83f8] {
+.dashboard-design--technology[data-v-49553b15] {
   background: url("./assets/technology_bg-oWIS2awO.jpg") no-repeat center;
   background-size: cover;
 }
-.drag-component[data-v-ab9c83f8] {
+.drag-component[data-v-49553b15] {
   width: 100%;
   height: 100%;
   overflow: auto;
   cursor: pointer;
 }
-.drag-component[data-v-ab9c83f8] > * {
+.drag-component[data-v-49553b15] > * {
   pointer-events: none;
 }
-.drag-component[data-v-ab9c83f8] [data-mobile-chart-id],
-.drag-component[data-v-ab9c83f8] .el-tabs__header,
-.drag-component[data-v-ab9c83f8] .el-tab-pane {
+.drag-component[data-v-49553b15] [data-mobile-chart-id],
+.drag-component[data-v-49553b15] .el-tabs__header,
+.drag-component[data-v-49553b15] .el-tab-pane {
   pointer-events: auto;
 }
-.drag-component[data-v-ab9c83f8] [data-mobile-chart-id] * {
+.drag-component[data-v-49553b15] [data-mobile-chart-id] * {
   pointer-events: none;
 }
-.drag-component__edit[data-v-ab9c83f8] {
+.drag-component__edit[data-v-49553b15] {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -1780,10 +1780,10 @@
   opacity: 0;
   transition: opacity 0.2s;
 }
-.drag-component:hover .drag-component__edit[data-v-ab9c83f8] {
+.drag-component:hover .drag-component__edit[data-v-49553b15] {
   opacity: 1;
 }
-.mobile-hidden-tray[data-v-ab9c83f8] {
+.mobile-hidden-tray[data-v-49553b15] {
   width: 375px;
   margin: 0 auto 16px;
   padding: 10px 12px;
@@ -1791,20 +1791,20 @@
   border: 1px solid var(--epx-border);
   border-radius: 8px;
 }
-.mobile-hidden-tray__title[data-v-ab9c83f8] {
+.mobile-hidden-tray__title[data-v-49553b15] {
   font-size: 13px;
   color: #666;
   margin-bottom: 8px;
 }
-.mobile-hidden-tray__title i[data-v-ab9c83f8] {
+.mobile-hidden-tray__title i[data-v-49553b15] {
   margin-right: 4px;
 }
-.mobile-hidden-tray__list[data-v-ab9c83f8] {
+.mobile-hidden-tray__list[data-v-49553b15] {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
 }
-.mobile-hidden-tray__item[data-v-ab9c83f8] {
+.mobile-hidden-tray__item[data-v-49553b15] {
   display: inline-flex;
   align-items: center;
   max-width: 160px;
@@ -1816,25 +1816,25 @@
   border-radius: 4px;
   cursor: pointer;
 }
-.mobile-hidden-tray__item[data-v-ab9c83f8]:hover {
+.mobile-hidden-tray__item[data-v-49553b15]:hover {
   color: rgba(var(--color-primary), 1);
 }
-.mobile-hidden-tray__item[data-v-ab9c83f8]:hover:hover {
+.mobile-hidden-tray__item[data-v-49553b15]:hover:hover {
   color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
 }
-.mobile-hidden-tray__item[data-v-ab9c83f8]:hover {
+.mobile-hidden-tray__item[data-v-49553b15]:hover {
   border-color: rgba(var(--color-primary), 0.5);
 }
-.mobile-hidden-tray__name[data-v-ab9c83f8] {
+.mobile-hidden-tray__name[data-v-49553b15] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.mobile-hidden-tray__restore[data-v-ab9c83f8] {
+.mobile-hidden-tray__restore[data-v-49553b15] {
   margin-left: 6px;
   font-size: 13px;
 }
-.mobile-container-tray[data-v-ab9c83f8] {
+.mobile-container-tray[data-v-49553b15] {
   width: 375px;
   margin: 0 auto 16px;
   padding: 10px 12px;
@@ -1842,22 +1842,22 @@
   border: 1px solid var(--epx-border);
   border-radius: 8px;
 }
-.mobile-container-tray__title[data-v-ab9c83f8] {
+.mobile-container-tray__title[data-v-49553b15] {
   display: flex;
   align-items: center;
   font-size: 13px;
   color: #666;
   margin-bottom: 6px;
 }
-.mobile-container-tray__title i[data-v-ab9c83f8] {
+.mobile-container-tray__title i[data-v-49553b15] {
   margin-right: 4px;
 }
-.mobile-container-tray__tip[data-v-ab9c83f8] {
+.mobile-container-tray__tip[data-v-49553b15] {
   margin-left: auto;
   font-size: 12px;
   color: #909399;
 }
-.mobile-container-tray__row[data-v-ab9c83f8] {
+.mobile-container-tray__row[data-v-49553b15] {
   display: flex;
   align-items: center;
   padding: 6px 0;
@@ -1865,21 +1865,21 @@
   color: #444;
   border-top: 1px solid #f0f0f0;
 }
-.mobile-container-tray__name[data-v-ab9c83f8] {
+.mobile-container-tray__name[data-v-49553b15] {
   flex: 1;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.mobile-container-tray__mode[data-v-ab9c83f8] {
+.mobile-container-tray__mode[data-v-49553b15] {
   margin: 0 10px;
   font-size: 12px;
   color: #909399;
 }
-.mobile-config[data-v-ab9c83f8] {
+.mobile-config[data-v-49553b15] {
   padding: 16px;
 }
-.mobile-config__hint[data-v-ab9c83f8] {
+.mobile-config__hint[data-v-49553b15] {
   font-size: 12px;
   line-height: 1.7;
   color: var(--epx-text-secondary, #909399);
@@ -1887,7 +1887,7 @@
   border-radius: 6px;
   padding: 10px;
 }
-.mobile-config__title[data-v-ab9c83f8] {
+.mobile-config__title[data-v-49553b15] {
   font-weight: 600;
   font-size: 15px;
   margin-bottom: 12px;
@@ -1896,7 +1896,7 @@
   align-items: center;
   gap: 8px;
 }
-.mobile-config__type[data-v-ab9c83f8] {
+.mobile-config__type[data-v-49553b15] {
   font-size: 12px;
   font-weight: normal;
   padding: 3px 8px;
@@ -1904,91 +1904,91 @@
   background: var(--epx-bg-page, #f5f7fa);
   color: var(--epx-text-secondary, #909399);
 }
-.mobile-config__chart-type[data-v-ab9c83f8] {
+.mobile-config__chart-type[data-v-49553b15] {
   margin: 8px 0;
   font-size: 12px;
   color: var(--epx-text-secondary, #909399);
 }
-.mobile-config__section-title[data-v-ab9c83f8] {
+.mobile-config__section-title[data-v-49553b15] {
   margin-top: 16px;
   font-size: 12px;
   color: var(--epx-text-secondary, #909399);
 }
-.mobile-config__row[data-v-ab9c83f8] {
+.mobile-config__row[data-v-49553b15] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 0;
   border-bottom: 1px solid #eee;
 }
-.mobile-config__group-title[data-v-ab9c83f8] {
+.mobile-config__group-title[data-v-49553b15] {
   margin: 16px 0 8px;
   font-weight: 600;
   color: #666;
 }
-.mobile-config-header strong[data-v-ab9c83f8] {
+.mobile-config-header strong[data-v-49553b15] {
   font-size: 16px;
   color: var(--epx-text);
 }
-.mobile-config-header p[data-v-ab9c83f8] {
+.mobile-config-header p[data-v-49553b15] {
   margin: 6px 0 0;
   font-size: 12px;
   color: var(--epx-text-secondary, #909399);
 }
-.mobile-card-style[data-v-ab9c83f8] {
+.mobile-card-style[data-v-49553b15] {
   margin-top: 20px;
   border-top: 1px solid var(--epx-border);
 }
-.mobile-card-style summary[data-v-ab9c83f8] {
+.mobile-card-style summary[data-v-49553b15] {
   padding: 16px 0;
   cursor: pointer;
   font-size: 13px;
   font-weight: 600;
 }
-.mobile-appearance[data-v-ab9c83f8] {
+.mobile-appearance[data-v-49553b15] {
   padding: 10px 0;
   border-bottom: 1px solid var(--epx-border);
 }
-.mobile-appearance__heading[data-v-ab9c83f8] {
+.mobile-appearance__heading[data-v-49553b15] {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 6px;
   font-size: 13px;
 }
-.mobile-appearance__heading > .el-button[data-v-ab9c83f8] {
+.mobile-appearance__heading > .el-button[data-v-49553b15] {
   margin-left: auto;
 }
-.mobile-appearance__status[data-v-ab9c83f8] {
+.mobile-appearance__status[data-v-49553b15] {
   font-size: 12px;
   font-weight: normal;
   color: var(--epx-text-secondary, #909399);
 }
-.mobile-appearance__status.is-independent[data-v-ab9c83f8] {
+.mobile-appearance__status.is-independent[data-v-49553b15] {
   color: rgba(var(--color-primary), 1);
 }
-.mobile-appearance__status.is-independent[data-v-ab9c83f8]:hover {
+.mobile-appearance__status.is-independent[data-v-49553b15]:hover {
   color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
 }
-.mobile-confirm[data-v-ab9c83f8] {
+.mobile-confirm[data-v-49553b15] {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   padding: 8px 8px 4px;
 }
-.mobile-confirm__icon[data-v-ab9c83f8] {
+.mobile-confirm__icon[data-v-49553b15] {
   font-size: 40px;
   color: #e6a23c;
   margin-bottom: 12px;
 }
-.mobile-confirm__text[data-v-ab9c83f8] {
+.mobile-confirm__text[data-v-49553b15] {
   margin: 0;
   font-size: 14px;
   line-height: 1.6;
   color: var(--epx-text, #333);
 }
-.mobile-confirm__actions[data-v-ab9c83f8] {
+.mobile-confirm__actions[data-v-49553b15] {
   display: flex;
   justify-content: center;
   gap: 12px;
@@ -6971,6 +6971,10 @@ tree-field-checkbox-group[data-v-e8362f84] {
   cursor: pointer;
   margin-top: -2px;
 }
+.epx-page-designer-setting__widget-switch {
+  font-size: 16px;
+  margin-left: 4px;
+}
 .epx-page-designer-setting__widget-split {
   color: rgba(var(--color-primary), 1);
 }
@@ -7981,13 +7985,13 @@ tree-field-checkbox-group[data-v-e8362f84] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.epx-page-designer-widget-preview__drop-zone[data-v-59a0f3d2] {
+.epx-page-designer-widget-preview__drop-zone[data-v-0554afd8] {
   min-height: 60px;
 }
-.epx-page-designer-widget-preview__no-widget[data-v-59a0f3d2] {
+.epx-page-designer-widget-preview__no-widget[data-v-0554afd8] {
   pointer-events: none;
 }
-.layout-placeholder[data-v-59a0f3d2] {
+.layout-placeholder[data-v-0554afd8] {
   min-height: 60px;
   height: 100%;
   width: 100%;
@@ -7995,7 +7999,7 @@ tree-field-checkbox-group[data-v-e8362f84] {
   border: 1px dotted #a7b1bd;
   position: relative;
 }
-.layout-placeholder[data-v-59a0f3d2]::before {
+.layout-placeholder[data-v-0554afd8]::before {
   width: 100%;
   text-align: center;
   content: "拖拽组件到这里";
@@ -8005,7 +8009,7 @@ tree-field-checkbox-group[data-v-e8362f84] {
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.has-component[data-v-59a0f3d2]::before {
+.has-component[data-v-0554afd8]::before {
   display: none;
 }
 /* BEM support Func

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epxing/designer",
-  "version": "5.3.0-beta.2",
+  "version": "5.3.0-beta.4",
   "description": "页面设计器 + 可视化配置面（设计态）",
   "type": "module",
   "exports": {
@@ -69,13 +69,13 @@
     "@babel/standalone": "^7.19.6",
     "codemirror": "5.65.12",
     "lodash-es": "^4.17.23",
-    "@epxing/business": "^5.3.0-beta.2",
-    "@epxing/core": "^5.3.0-beta.2",
-    "@epxing/components": "^5.3.0-beta.2",
-    "@epxing/dashboard": "^5.3.0-beta.2",
-    "@epxing/utils": "^5.3.0-beta.2",
-    "@epxing/theme": "^5.3.0-beta.2",
-    "@epxing/icons": "^5.3.0-beta.2"
+    "@epxing/core": "^5.3.0-beta.4",
+    "@epxing/business": "^5.3.0-beta.4",
+    "@epxing/dashboard": "^5.3.0-beta.4",
+    "@epxing/components": "^5.3.0-beta.4",
+    "@epxing/utils": "^5.3.0-beta.4",
+    "@epxing/theme": "^5.3.0-beta.4",
+    "@epxing/icons": "^5.3.0-beta.4"
   },
   "peerDependencies": {
     "vue": "3.5.39",