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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/API.md +1 -1
  2. package/README.md +46 -46
  3. package/dist/src/page-designer/PageDesigner.js +11 -0
  4. package/dist/src/page-designer/designer.js +21 -0
  5. package/dist/src/page-designer/previews/add-form/Preview.js +1 -1
  6. package/dist/src/page-designer/previews/add-form/Preview.vue.js +19 -8
  7. package/dist/src/page-designer/setting-panel/Setting.js +46 -10
  8. package/dist/src/visual/config-page/ComponentLibraryDialog.js +8 -2
  9. package/dist/src/visual/config-page/DashboardMobile.js +1 -1
  10. package/dist/style.css +116 -112
  11. package/package.json +8 -8
  12. package/src/index.js +27 -27
  13. package/src/page-designer/PageDesigner.vue +11 -0
  14. package/src/page-designer/designer.js +1322 -1299
  15. package/src/page-designer/previews/add-form/Preview.vue +43 -44
  16. package/src/page-designer/setting-panel/Setting.vue +24 -2
  17. package/src/page-designer/widget-preview/Mixin.js +285 -285
  18. package/src/page-designer/widget-preview/Preview.vue +322 -322
  19. package/src/page-designer/widget-preview/WidgetWrapper.vue +197 -197
  20. package/src/page-designer/widget-preview/directive.js +258 -258
  21. package/src/visual/CategoryList.vue +563 -563
  22. package/src/visual/ComponentList.vue +280 -280
  23. package/src/visual/CreatePage.vue +389 -389
  24. package/src/visual/EntityCardList.vue +449 -449
  25. package/src/visual/EntityList.vue +838 -838
  26. package/src/visual/config-page/ComponentLibraryDialog.vue +7 -1
  27. package/src/visual/config-page/DashboardMobile.vue +934 -934
  28. package/src/visual/widgets/ProcessFormItemVisual.vue +58 -58
  29. package/types/index.d.ts +22 -22
  30. package/types/page-designer.d.ts +3 -3
  31. package/types/visual-component.d.ts +1 -1
  32. package/types/visual-entity-list.d.ts +1 -1
  33. package/types/visual-entity-sub-list.d.ts +1 -1
package/dist/style.css CHANGED
@@ -861,59 +861,59 @@
861
861
  -------------------------- */
862
862
  /* BEM
863
863
  -------------------------- */
864
- .search-container[data-v-de84464b] {
864
+ .search-container[data-v-be6fc4ff] {
865
865
  display: flex;
866
866
  align-items: center;
867
867
  padding: 10px 0;
868
868
  }
869
- .search-input[data-v-de84464b] {
869
+ .search-input[data-v-be6fc4ff] {
870
870
  width: 240px;
871
871
  }
872
- .search-select[data-v-de84464b] {
872
+ .search-select[data-v-be6fc4ff] {
873
873
  width: 140px;
874
874
  margin-left: 20px;
875
875
  }
876
- .search-filter[data-v-de84464b] {
876
+ .search-filter[data-v-be6fc4ff] {
877
877
  display: flex;
878
878
  padding: 10px 0;
879
879
  }
880
- .search-filter__label[data-v-de84464b] {
880
+ .search-filter__label[data-v-be6fc4ff] {
881
881
  color: #121212;
882
882
  flex-shrink: 0;
883
883
  }
884
- .search-filter-options[data-v-de84464b] {
884
+ .search-filter-options[data-v-be6fc4ff] {
885
885
  flex: 1;
886
886
  }
887
- .search-filter-options > span[data-v-de84464b] {
887
+ .search-filter-options > span[data-v-be6fc4ff] {
888
888
  margin: 8px 12px;
889
889
  color: #444;
890
890
  cursor: pointer;
891
891
  }
892
- .search-filter-options > span.active[data-v-de84464b], .search-filter-options > span[data-v-de84464b]:hover {
892
+ .search-filter-options > span.active[data-v-be6fc4ff], .search-filter-options > span[data-v-be6fc4ff]:hover {
893
893
  color: rgba(var(--color-primary), 1);
894
894
  }
895
- .search-filter-options > span.active[data-v-de84464b]:hover, .search-filter-options > span[data-v-de84464b]:hover:hover {
895
+ .search-filter-options > span.active[data-v-be6fc4ff]:hover, .search-filter-options > span[data-v-be6fc4ff]:hover:hover {
896
896
  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
897
897
  }
898
- .component-container[data-v-de84464b] {
898
+ .component-container[data-v-be6fc4ff] {
899
899
  height: 400px;
900
900
  }
901
- .component-list[data-v-de84464b] {
901
+ .component-list[data-v-be6fc4ff] {
902
902
  height: 100%;
903
903
  overflow: auto;
904
904
  }
905
- .component-item[data-v-de84464b] {
905
+ .component-item[data-v-be6fc4ff] {
906
906
  width: calc(25% - 20px);
907
907
  margin: 10px;
908
908
  float: left;
909
909
  cursor: pointer;
910
910
  }
911
- .component-item:hover .component-item__preview[data-v-de84464b], .component-item.active .component-item__preview[data-v-de84464b] {
911
+ .component-item:hover .component-item__preview[data-v-be6fc4ff], .component-item.active .component-item__preview[data-v-be6fc4ff] {
912
912
  padding: 0;
913
913
  border: 1px solid;
914
914
  border-color: rgba(var(--color-primary), 1);
915
915
  }
916
- .component-item__preview[data-v-de84464b] {
916
+ .component-item__preview[data-v-be6fc4ff] {
917
917
  background: #E2E4E8;
918
918
  border: 1px dashed transparent;
919
919
  padding: 1px;
@@ -926,21 +926,21 @@
926
926
  justify-content: center;
927
927
  overflow: hidden;
928
928
  }
929
- .component-item__preview > img[data-v-de84464b] {
929
+ .component-item__preview > img[data-v-be6fc4ff] {
930
930
  width: 100%;
931
931
  height: 100%;
932
932
  object-fit: contain;
933
933
  }
934
- .no-image[data-v-de84464b] {
934
+ .no-image[data-v-be6fc4ff] {
935
935
  font-size: 40px;
936
936
  color: #999;
937
937
  }
938
- .component-item__title[data-v-de84464b] {
938
+ .component-item__title[data-v-be6fc4ff] {
939
939
  color: #666;
940
940
  margin-top: 4px;
941
941
  text-align: center;
942
942
  }
943
- .no-data[data-v-de84464b] {
943
+ .no-data[data-v-be6fc4ff] {
944
944
  width: 100%;
945
945
  height: 100%;
946
946
  display: flex;
@@ -949,11 +949,11 @@
949
949
  align-items: center;
950
950
  color: #666;
951
951
  }
952
- .no-data > i[data-v-de84464b] {
952
+ .no-data > i[data-v-be6fc4ff] {
953
953
  font-size: 100px;
954
954
  line-height: 120px;
955
955
  }
956
- .component__warning-icon[data-v-de84464b] {
956
+ .component__warning-icon[data-v-be6fc4ff] {
957
957
  color: #E6A23C;
958
958
  margin-left: 4px;
959
959
  }
@@ -1542,16 +1542,16 @@
1542
1542
  -------------------------- */
1543
1543
  /* BEM
1544
1544
  -------------------------- */
1545
- .config-container--standalone[data-v-ab9c83f8] {
1545
+ .config-container--standalone[data-v-49553b15] {
1546
1546
  flex-direction: row !important;
1547
1547
  }
1548
- .config-container--standalone .mobile-body[data-v-ab9c83f8] {
1548
+ .config-container--standalone .mobile-body[data-v-49553b15] {
1549
1549
  flex: 1;
1550
1550
  min-width: 0;
1551
1551
  padding: 0 16px;
1552
1552
  background: color-mix(in srgb, var(--epx-bg-page, #f3f5f8) 90%, var(--epx-text-primary, #303133));
1553
1553
  }
1554
- .config-container--standalone .dashboard-design__mobile[data-v-ab9c83f8] {
1554
+ .config-container--standalone .dashboard-design__mobile[data-v-49553b15] {
1555
1555
  position: relative;
1556
1556
  height: calc(100% - 24px);
1557
1557
  margin: 12px auto;
@@ -1559,34 +1559,34 @@
1559
1559
  box-sizing: content-box;
1560
1560
  outline: 1px solid var(--epx-border-color, #d5dce6);
1561
1561
  }
1562
- .config-container--standalone .mobile-empty[data-v-ab9c83f8] {
1562
+ .config-container--standalone .mobile-empty[data-v-49553b15] {
1563
1563
  position: absolute;
1564
1564
  inset: 0;
1565
1565
  pointer-events: none;
1566
1566
  }
1567
- .config-container--standalone .mobile-empty button[data-v-ab9c83f8] {
1567
+ .config-container--standalone .mobile-empty button[data-v-49553b15] {
1568
1568
  pointer-events: auto;
1569
1569
  }
1570
- .config-container--standalone .drag-component--container[data-v-ab9c83f8] > * {
1570
+ .config-container--standalone .drag-component--container[data-v-49553b15] > * {
1571
1571
  pointer-events: auto;
1572
1572
  }
1573
- .config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item:hover > .epx-dashboard-design-item__operates,
1574
- .config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item:focus-within > .epx-dashboard-design-item__operates {
1573
+ .config-container--standalone[data-v-49553b15] .epx-dashboard-design-item:hover > .epx-dashboard-design-item__operates,
1574
+ .config-container--standalone[data-v-49553b15] .epx-dashboard-design-item:focus-within > .epx-dashboard-design-item__operates {
1575
1575
  display: flex;
1576
1576
  }
1577
- .config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item:has(.epx-dashboard-design-item:hover) > .epx-dashboard-design-item__operates {
1577
+ .config-container--standalone[data-v-49553b15] .epx-dashboard-design-item:has(.epx-dashboard-design-item:hover) > .epx-dashboard-design-item__operates {
1578
1578
  display: none;
1579
1579
  }
1580
- .config-container--standalone[data-v-ab9c83f8] .epx-dashboard-design-item__float {
1580
+ .config-container--standalone[data-v-49553b15] .epx-dashboard-design-item__float {
1581
1581
  width: 32px;
1582
1582
  height: 32px;
1583
1583
  line-height: 32px;
1584
1584
  }
1585
- .config-container--standalone[data-v-ab9c83f8] .component-operate__item {
1585
+ .config-container--standalone[data-v-49553b15] .component-operate__item {
1586
1586
  width: 28px;
1587
1587
  line-height: 28px;
1588
1588
  }
1589
- .mobile-item-action[data-v-ab9c83f8] {
1589
+ .mobile-item-action[data-v-49553b15] {
1590
1590
  display: inline-flex;
1591
1591
  align-items: center;
1592
1592
  justify-content: center;
@@ -1600,14 +1600,14 @@
1600
1600
  cursor: pointer;
1601
1601
  font-size: 16px;
1602
1602
  }
1603
- .mobile-item-action[data-v-ab9c83f8]:hover, .mobile-item-action[data-v-ab9c83f8]:focus-visible {
1603
+ .mobile-item-action[data-v-49553b15]:hover, .mobile-item-action[data-v-49553b15]:focus-visible {
1604
1604
  background: rgba(255, 255, 255, 0.2);
1605
1605
  }
1606
- .mobile-properties__header[data-v-ab9c83f8] {
1606
+ .mobile-properties__header[data-v-49553b15] {
1607
1607
  padding: 16px;
1608
1608
  border-bottom: 1px solid var(--epx-border-color, #e5e7eb);
1609
1609
  }
1610
- .mobile-properties[data-v-ab9c83f8] {
1610
+ .mobile-properties[data-v-49553b15] {
1611
1611
  flex: 0 0 340px;
1612
1612
  width: 340px;
1613
1613
  max-width: 40%;
@@ -1615,15 +1615,15 @@
1615
1615
  background: var(--epx-bg-card, #fff);
1616
1616
  border-left: 1px solid var(--epx-border-color, #e5e7eb);
1617
1617
  }
1618
- .mobile-properties[data-v-ab9c83f8] .config-container {
1618
+ .mobile-properties[data-v-49553b15] .config-container {
1619
1619
  height: auto;
1620
1620
  }
1621
- .mobile-config__actions[data-v-ab9c83f8] {
1621
+ .mobile-config__actions[data-v-49553b15] {
1622
1622
  display: flex;
1623
1623
  gap: 8px;
1624
1624
  margin: 12px 0;
1625
1625
  }
1626
- .config-container[data-v-ab9c83f8] {
1626
+ .config-container[data-v-49553b15] {
1627
1627
  position: relative;
1628
1628
  width: 100%;
1629
1629
  height: 100%;
@@ -1631,7 +1631,7 @@
1631
1631
  display: flex;
1632
1632
  flex-direction: column;
1633
1633
  }
1634
- .page-header[data-v-ab9c83f8] {
1634
+ .page-header[data-v-49553b15] {
1635
1635
  display: flex;
1636
1636
  flex-shrink: 0;
1637
1637
  align-items: center;
@@ -1640,43 +1640,43 @@
1640
1640
  background: var(--epx-bg-card);
1641
1641
  border-bottom: 1px solid #e8e8e8;
1642
1642
  }
1643
- .page-header__left[data-v-ab9c83f8] {
1643
+ .page-header__left[data-v-49553b15] {
1644
1644
  display: flex;
1645
1645
  }
1646
- .page-header__back[data-v-ab9c83f8] {
1646
+ .page-header__back[data-v-49553b15] {
1647
1647
  font-size: 24px;
1648
1648
  color: #666;
1649
1649
  cursor: pointer;
1650
1650
  }
1651
- .page-header__title[data-v-ab9c83f8] {
1651
+ .page-header__title[data-v-49553b15] {
1652
1652
  font-size: var(--epx-font-size-l);
1653
1653
  padding: 0 20px;
1654
1654
  font-weight: 600;
1655
1655
  border-right: 1px solid var(--epx-border);
1656
1656
  }
1657
- .page-header__subtitle[data-v-ab9c83f8] {
1657
+ .page-header__subtitle[data-v-49553b15] {
1658
1658
  font-size: var(--epx-font-size-base);
1659
1659
  color: #666;
1660
1660
  }
1661
- .page-header__operate[data-v-ab9c83f8] {
1661
+ .page-header__operate[data-v-49553b15] {
1662
1662
  display: flex;
1663
1663
  align-items: center;
1664
1664
  }
1665
- .header-operate__item[data-v-ab9c83f8] {
1665
+ .header-operate__item[data-v-49553b15] {
1666
1666
  color: #444;
1667
1667
  cursor: pointer;
1668
1668
  margin: 20px;
1669
1669
  }
1670
- .header-operate__item i[data-v-ab9c83f8] {
1670
+ .header-operate__item i[data-v-49553b15] {
1671
1671
  margin-right: 4px;
1672
1672
  }
1673
- .header-operate__item[data-v-ab9c83f8]:hover {
1673
+ .header-operate__item[data-v-49553b15]:hover {
1674
1674
  color: rgba(var(--color-primary), 1);
1675
1675
  }
1676
- .header-operate__item[data-v-ab9c83f8]:hover:hover {
1676
+ .header-operate__item[data-v-49553b15]:hover:hover {
1677
1677
  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
1678
1678
  }
1679
- .mobile-body[data-v-ab9c83f8] {
1679
+ .mobile-body[data-v-49553b15] {
1680
1680
  flex: 1;
1681
1681
  min-height: 0;
1682
1682
  overflow-y: auto;
@@ -1684,10 +1684,10 @@
1684
1684
  box-sizing: border-box;
1685
1685
  transition: padding-right 0.2s;
1686
1686
  }
1687
- .config-container--editing .mobile-body[data-v-ab9c83f8] {
1687
+ .config-container--editing .mobile-body[data-v-49553b15] {
1688
1688
  padding-right: min(400px, 44vw);
1689
1689
  }
1690
- .dashboard-design__mobile[data-v-ab9c83f8] {
1690
+ .dashboard-design__mobile[data-v-49553b15] {
1691
1691
  width: 375px;
1692
1692
  height: 670px;
1693
1693
  margin: 24px auto;
@@ -1697,10 +1697,10 @@
1697
1697
  border: 0;
1698
1698
  box-shadow: none;
1699
1699
  }
1700
- .dashboard-design__mobile > .epx-dashboard-design-grid[data-v-ab9c83f8] {
1700
+ .dashboard-design__mobile > .epx-dashboard-design-grid[data-v-49553b15] {
1701
1701
  flex: none;
1702
1702
  }
1703
- .mobile-empty[data-v-ab9c83f8] {
1703
+ .mobile-empty[data-v-49553b15] {
1704
1704
  width: 100%;
1705
1705
  height: 100%;
1706
1706
  display: flex;
@@ -1709,14 +1709,14 @@
1709
1709
  align-items: center;
1710
1710
  color: #909399;
1711
1711
  }
1712
- .mobile-empty__actions[data-v-ab9c83f8] {
1712
+ .mobile-empty__actions[data-v-49553b15] {
1713
1713
  display: grid;
1714
1714
  grid-template-columns: repeat(2, minmax(0, 1fr));
1715
1715
  gap: 12px;
1716
1716
  width: 252px;
1717
1717
  max-width: calc(100% - 40px);
1718
1718
  }
1719
- .mobile-empty__action[data-v-ab9c83f8] {
1719
+ .mobile-empty__action[data-v-49553b15] {
1720
1720
  width: 100%;
1721
1721
  height: 112px;
1722
1722
  display: flex;
@@ -1733,41 +1733,41 @@
1733
1733
  cursor: pointer;
1734
1734
  transition: box-shadow 0.2s;
1735
1735
  }
1736
- .mobile-empty__action i[data-v-ab9c83f8] {
1736
+ .mobile-empty__action i[data-v-49553b15] {
1737
1737
  font-size: 32px;
1738
1738
  }
1739
- .mobile-empty__action[data-v-ab9c83f8]:hover {
1739
+ .mobile-empty__action[data-v-49553b15]:hover {
1740
1740
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
1741
1741
  }
1742
- .mobile-empty__text[data-v-ab9c83f8] {
1742
+ .mobile-empty__text[data-v-49553b15] {
1743
1743
  font-size: 14px;
1744
1744
  margin-bottom: 16px;
1745
1745
  }
1746
- .dashboard-design--dark[data-v-ab9c83f8] {
1746
+ .dashboard-design--dark[data-v-49553b15] {
1747
1747
  background: #151C3D;
1748
1748
  }
1749
- .dashboard-design--technology[data-v-ab9c83f8] {
1749
+ .dashboard-design--technology[data-v-49553b15] {
1750
1750
  background: url("./assets/technology_bg-oWIS2awO.jpg") no-repeat center;
1751
1751
  background-size: cover;
1752
1752
  }
1753
- .drag-component[data-v-ab9c83f8] {
1753
+ .drag-component[data-v-49553b15] {
1754
1754
  width: 100%;
1755
1755
  height: 100%;
1756
1756
  overflow: auto;
1757
1757
  cursor: pointer;
1758
1758
  }
1759
- .drag-component[data-v-ab9c83f8] > * {
1759
+ .drag-component[data-v-49553b15] > * {
1760
1760
  pointer-events: none;
1761
1761
  }
1762
- .drag-component[data-v-ab9c83f8] [data-mobile-chart-id],
1763
- .drag-component[data-v-ab9c83f8] .el-tabs__header,
1764
- .drag-component[data-v-ab9c83f8] .el-tab-pane {
1762
+ .drag-component[data-v-49553b15] [data-mobile-chart-id],
1763
+ .drag-component[data-v-49553b15] .el-tabs__header,
1764
+ .drag-component[data-v-49553b15] .el-tab-pane {
1765
1765
  pointer-events: auto;
1766
1766
  }
1767
- .drag-component[data-v-ab9c83f8] [data-mobile-chart-id] * {
1767
+ .drag-component[data-v-49553b15] [data-mobile-chart-id] * {
1768
1768
  pointer-events: none;
1769
1769
  }
1770
- .drag-component__edit[data-v-ab9c83f8] {
1770
+ .drag-component__edit[data-v-49553b15] {
1771
1771
  position: absolute;
1772
1772
  top: 4px;
1773
1773
  right: 4px;
@@ -1780,10 +1780,10 @@
1780
1780
  opacity: 0;
1781
1781
  transition: opacity 0.2s;
1782
1782
  }
1783
- .drag-component:hover .drag-component__edit[data-v-ab9c83f8] {
1783
+ .drag-component:hover .drag-component__edit[data-v-49553b15] {
1784
1784
  opacity: 1;
1785
1785
  }
1786
- .mobile-hidden-tray[data-v-ab9c83f8] {
1786
+ .mobile-hidden-tray[data-v-49553b15] {
1787
1787
  width: 375px;
1788
1788
  margin: 0 auto 16px;
1789
1789
  padding: 10px 12px;
@@ -1791,20 +1791,20 @@
1791
1791
  border: 1px solid var(--epx-border);
1792
1792
  border-radius: 8px;
1793
1793
  }
1794
- .mobile-hidden-tray__title[data-v-ab9c83f8] {
1794
+ .mobile-hidden-tray__title[data-v-49553b15] {
1795
1795
  font-size: 13px;
1796
1796
  color: #666;
1797
1797
  margin-bottom: 8px;
1798
1798
  }
1799
- .mobile-hidden-tray__title i[data-v-ab9c83f8] {
1799
+ .mobile-hidden-tray__title i[data-v-49553b15] {
1800
1800
  margin-right: 4px;
1801
1801
  }
1802
- .mobile-hidden-tray__list[data-v-ab9c83f8] {
1802
+ .mobile-hidden-tray__list[data-v-49553b15] {
1803
1803
  display: flex;
1804
1804
  flex-wrap: wrap;
1805
1805
  gap: 8px;
1806
1806
  }
1807
- .mobile-hidden-tray__item[data-v-ab9c83f8] {
1807
+ .mobile-hidden-tray__item[data-v-49553b15] {
1808
1808
  display: inline-flex;
1809
1809
  align-items: center;
1810
1810
  max-width: 160px;
@@ -1816,25 +1816,25 @@
1816
1816
  border-radius: 4px;
1817
1817
  cursor: pointer;
1818
1818
  }
1819
- .mobile-hidden-tray__item[data-v-ab9c83f8]:hover {
1819
+ .mobile-hidden-tray__item[data-v-49553b15]:hover {
1820
1820
  color: rgba(var(--color-primary), 1);
1821
1821
  }
1822
- .mobile-hidden-tray__item[data-v-ab9c83f8]:hover:hover {
1822
+ .mobile-hidden-tray__item[data-v-49553b15]:hover:hover {
1823
1823
  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
1824
1824
  }
1825
- .mobile-hidden-tray__item[data-v-ab9c83f8]:hover {
1825
+ .mobile-hidden-tray__item[data-v-49553b15]:hover {
1826
1826
  border-color: rgba(var(--color-primary), 0.5);
1827
1827
  }
1828
- .mobile-hidden-tray__name[data-v-ab9c83f8] {
1828
+ .mobile-hidden-tray__name[data-v-49553b15] {
1829
1829
  overflow: hidden;
1830
1830
  white-space: nowrap;
1831
1831
  text-overflow: ellipsis;
1832
1832
  }
1833
- .mobile-hidden-tray__restore[data-v-ab9c83f8] {
1833
+ .mobile-hidden-tray__restore[data-v-49553b15] {
1834
1834
  margin-left: 6px;
1835
1835
  font-size: 13px;
1836
1836
  }
1837
- .mobile-container-tray[data-v-ab9c83f8] {
1837
+ .mobile-container-tray[data-v-49553b15] {
1838
1838
  width: 375px;
1839
1839
  margin: 0 auto 16px;
1840
1840
  padding: 10px 12px;
@@ -1842,22 +1842,22 @@
1842
1842
  border: 1px solid var(--epx-border);
1843
1843
  border-radius: 8px;
1844
1844
  }
1845
- .mobile-container-tray__title[data-v-ab9c83f8] {
1845
+ .mobile-container-tray__title[data-v-49553b15] {
1846
1846
  display: flex;
1847
1847
  align-items: center;
1848
1848
  font-size: 13px;
1849
1849
  color: #666;
1850
1850
  margin-bottom: 6px;
1851
1851
  }
1852
- .mobile-container-tray__title i[data-v-ab9c83f8] {
1852
+ .mobile-container-tray__title i[data-v-49553b15] {
1853
1853
  margin-right: 4px;
1854
1854
  }
1855
- .mobile-container-tray__tip[data-v-ab9c83f8] {
1855
+ .mobile-container-tray__tip[data-v-49553b15] {
1856
1856
  margin-left: auto;
1857
1857
  font-size: 12px;
1858
1858
  color: #909399;
1859
1859
  }
1860
- .mobile-container-tray__row[data-v-ab9c83f8] {
1860
+ .mobile-container-tray__row[data-v-49553b15] {
1861
1861
  display: flex;
1862
1862
  align-items: center;
1863
1863
  padding: 6px 0;
@@ -1865,21 +1865,21 @@
1865
1865
  color: #444;
1866
1866
  border-top: 1px solid #f0f0f0;
1867
1867
  }
1868
- .mobile-container-tray__name[data-v-ab9c83f8] {
1868
+ .mobile-container-tray__name[data-v-49553b15] {
1869
1869
  flex: 1;
1870
1870
  overflow: hidden;
1871
1871
  white-space: nowrap;
1872
1872
  text-overflow: ellipsis;
1873
1873
  }
1874
- .mobile-container-tray__mode[data-v-ab9c83f8] {
1874
+ .mobile-container-tray__mode[data-v-49553b15] {
1875
1875
  margin: 0 10px;
1876
1876
  font-size: 12px;
1877
1877
  color: #909399;
1878
1878
  }
1879
- .mobile-config[data-v-ab9c83f8] {
1879
+ .mobile-config[data-v-49553b15] {
1880
1880
  padding: 16px;
1881
1881
  }
1882
- .mobile-config__hint[data-v-ab9c83f8] {
1882
+ .mobile-config__hint[data-v-49553b15] {
1883
1883
  font-size: 12px;
1884
1884
  line-height: 1.7;
1885
1885
  color: var(--epx-text-secondary, #909399);
@@ -1887,7 +1887,7 @@
1887
1887
  border-radius: 6px;
1888
1888
  padding: 10px;
1889
1889
  }
1890
- .mobile-config__title[data-v-ab9c83f8] {
1890
+ .mobile-config__title[data-v-49553b15] {
1891
1891
  font-weight: 600;
1892
1892
  font-size: 15px;
1893
1893
  margin-bottom: 12px;
@@ -1896,7 +1896,7 @@
1896
1896
  align-items: center;
1897
1897
  gap: 8px;
1898
1898
  }
1899
- .mobile-config__type[data-v-ab9c83f8] {
1899
+ .mobile-config__type[data-v-49553b15] {
1900
1900
  font-size: 12px;
1901
1901
  font-weight: normal;
1902
1902
  padding: 3px 8px;
@@ -1904,91 +1904,91 @@
1904
1904
  background: var(--epx-bg-page, #f5f7fa);
1905
1905
  color: var(--epx-text-secondary, #909399);
1906
1906
  }
1907
- .mobile-config__chart-type[data-v-ab9c83f8] {
1907
+ .mobile-config__chart-type[data-v-49553b15] {
1908
1908
  margin: 8px 0;
1909
1909
  font-size: 12px;
1910
1910
  color: var(--epx-text-secondary, #909399);
1911
1911
  }
1912
- .mobile-config__section-title[data-v-ab9c83f8] {
1912
+ .mobile-config__section-title[data-v-49553b15] {
1913
1913
  margin-top: 16px;
1914
1914
  font-size: 12px;
1915
1915
  color: var(--epx-text-secondary, #909399);
1916
1916
  }
1917
- .mobile-config__row[data-v-ab9c83f8] {
1917
+ .mobile-config__row[data-v-49553b15] {
1918
1918
  display: flex;
1919
1919
  justify-content: space-between;
1920
1920
  align-items: center;
1921
1921
  padding: 8px 0;
1922
1922
  border-bottom: 1px solid #eee;
1923
1923
  }
1924
- .mobile-config__group-title[data-v-ab9c83f8] {
1924
+ .mobile-config__group-title[data-v-49553b15] {
1925
1925
  margin: 16px 0 8px;
1926
1926
  font-weight: 600;
1927
1927
  color: #666;
1928
1928
  }
1929
- .mobile-config-header strong[data-v-ab9c83f8] {
1929
+ .mobile-config-header strong[data-v-49553b15] {
1930
1930
  font-size: 16px;
1931
1931
  color: var(--epx-text);
1932
1932
  }
1933
- .mobile-config-header p[data-v-ab9c83f8] {
1933
+ .mobile-config-header p[data-v-49553b15] {
1934
1934
  margin: 6px 0 0;
1935
1935
  font-size: 12px;
1936
1936
  color: var(--epx-text-secondary, #909399);
1937
1937
  }
1938
- .mobile-card-style[data-v-ab9c83f8] {
1938
+ .mobile-card-style[data-v-49553b15] {
1939
1939
  margin-top: 20px;
1940
1940
  border-top: 1px solid var(--epx-border);
1941
1941
  }
1942
- .mobile-card-style summary[data-v-ab9c83f8] {
1942
+ .mobile-card-style summary[data-v-49553b15] {
1943
1943
  padding: 16px 0;
1944
1944
  cursor: pointer;
1945
1945
  font-size: 13px;
1946
1946
  font-weight: 600;
1947
1947
  }
1948
- .mobile-appearance[data-v-ab9c83f8] {
1948
+ .mobile-appearance[data-v-49553b15] {
1949
1949
  padding: 10px 0;
1950
1950
  border-bottom: 1px solid var(--epx-border);
1951
1951
  }
1952
- .mobile-appearance__heading[data-v-ab9c83f8] {
1952
+ .mobile-appearance__heading[data-v-49553b15] {
1953
1953
  display: flex;
1954
1954
  align-items: center;
1955
1955
  gap: 8px;
1956
1956
  margin-bottom: 6px;
1957
1957
  font-size: 13px;
1958
1958
  }
1959
- .mobile-appearance__heading > .el-button[data-v-ab9c83f8] {
1959
+ .mobile-appearance__heading > .el-button[data-v-49553b15] {
1960
1960
  margin-left: auto;
1961
1961
  }
1962
- .mobile-appearance__status[data-v-ab9c83f8] {
1962
+ .mobile-appearance__status[data-v-49553b15] {
1963
1963
  font-size: 12px;
1964
1964
  font-weight: normal;
1965
1965
  color: var(--epx-text-secondary, #909399);
1966
1966
  }
1967
- .mobile-appearance__status.is-independent[data-v-ab9c83f8] {
1967
+ .mobile-appearance__status.is-independent[data-v-49553b15] {
1968
1968
  color: rgba(var(--color-primary), 1);
1969
1969
  }
1970
- .mobile-appearance__status.is-independent[data-v-ab9c83f8]:hover {
1970
+ .mobile-appearance__status.is-independent[data-v-49553b15]:hover {
1971
1971
  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
1972
1972
  }
1973
- .mobile-confirm[data-v-ab9c83f8] {
1973
+ .mobile-confirm[data-v-49553b15] {
1974
1974
  display: flex;
1975
1975
  flex-direction: column;
1976
1976
  align-items: center;
1977
1977
  text-align: center;
1978
1978
  padding: 8px 8px 4px;
1979
1979
  }
1980
- .mobile-confirm__icon[data-v-ab9c83f8] {
1980
+ .mobile-confirm__icon[data-v-49553b15] {
1981
1981
  font-size: 40px;
1982
1982
  color: #e6a23c;
1983
1983
  margin-bottom: 12px;
1984
1984
  }
1985
- .mobile-confirm__text[data-v-ab9c83f8] {
1985
+ .mobile-confirm__text[data-v-49553b15] {
1986
1986
  margin: 0;
1987
1987
  font-size: 14px;
1988
1988
  line-height: 1.6;
1989
1989
  color: var(--epx-text, #333);
1990
1990
  }
1991
- .mobile-confirm__actions[data-v-ab9c83f8] {
1991
+ .mobile-confirm__actions[data-v-49553b15] {
1992
1992
  display: flex;
1993
1993
  justify-content: center;
1994
1994
  gap: 12px;
@@ -6971,6 +6971,10 @@ tree-field-checkbox-group[data-v-e8362f84] {
6971
6971
  cursor: pointer;
6972
6972
  margin-top: -2px;
6973
6973
  }
6974
+ .epx-page-designer-setting__widget-switch {
6975
+ font-size: 16px;
6976
+ margin-left: 4px;
6977
+ }
6974
6978
  .epx-page-designer-setting__widget-split {
6975
6979
  color: rgba(var(--color-primary), 1);
6976
6980
  }
@@ -7981,13 +7985,13 @@ tree-field-checkbox-group[data-v-e8362f84] {
7981
7985
  -------------------------- */
7982
7986
  /* BEM
7983
7987
  -------------------------- */
7984
- .epx-page-designer-widget-preview__drop-zone[data-v-59a0f3d2] {
7988
+ .epx-page-designer-widget-preview__drop-zone[data-v-0554afd8] {
7985
7989
  min-height: 60px;
7986
7990
  }
7987
- .epx-page-designer-widget-preview__no-widget[data-v-59a0f3d2] {
7991
+ .epx-page-designer-widget-preview__no-widget[data-v-0554afd8] {
7988
7992
  pointer-events: none;
7989
7993
  }
7990
- .layout-placeholder[data-v-59a0f3d2] {
7994
+ .layout-placeholder[data-v-0554afd8] {
7991
7995
  min-height: 60px;
7992
7996
  height: 100%;
7993
7997
  width: 100%;
@@ -7995,7 +7999,7 @@ tree-field-checkbox-group[data-v-e8362f84] {
7995
7999
  border: 1px dotted #a7b1bd;
7996
8000
  position: relative;
7997
8001
  }
7998
- .layout-placeholder[data-v-59a0f3d2]::before {
8002
+ .layout-placeholder[data-v-0554afd8]::before {
7999
8003
  width: 100%;
8000
8004
  text-align: center;
8001
8005
  content: "拖拽组件到这里";
@@ -8005,7 +8009,7 @@ tree-field-checkbox-group[data-v-e8362f84] {
8005
8009
  left: 50%;
8006
8010
  transform: translate(-50%, -50%);
8007
8011
  }
8008
- .has-component[data-v-59a0f3d2]::before {
8012
+ .has-component[data-v-0554afd8]::before {
8009
8013
  display: none;
8010
8014
  }
8011
8015
  /* BEM support Func
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epxing/designer",
3
- "version": "5.3.0-beta.2",
3
+ "version": "5.3.0-beta.3",
4
4
  "description": "页面设计器 + 可视化配置面(设计态)",
5
5
  "type": "module",
6
6
  "exports": {
@@ -69,13 +69,13 @@
69
69
  "@babel/standalone": "^7.19.6",
70
70
  "codemirror": "5.65.12",
71
71
  "lodash-es": "^4.17.23",
72
- "@epxing/business": "^5.3.0-beta.2",
73
- "@epxing/core": "^5.3.0-beta.2",
74
- "@epxing/components": "^5.3.0-beta.2",
75
- "@epxing/dashboard": "^5.3.0-beta.2",
76
- "@epxing/utils": "^5.3.0-beta.2",
77
- "@epxing/theme": "^5.3.0-beta.2",
78
- "@epxing/icons": "^5.3.0-beta.2"
72
+ "@epxing/business": "^5.3.0-beta.3",
73
+ "@epxing/dashboard": "^5.3.0-beta.3",
74
+ "@epxing/core": "^5.3.0-beta.3",
75
+ "@epxing/components": "^5.3.0-beta.3",
76
+ "@epxing/utils": "^5.3.0-beta.3",
77
+ "@epxing/icons": "^5.3.0-beta.3",
78
+ "@epxing/theme": "^5.3.0-beta.3"
79
79
  },
80
80
  "peerDependencies": {
81
81
  "vue": "3.5.39",