npm - @maketribe/ms-app - Versions diffs - 3.2.25 → 3.2.27 - Mend

@maketribe/ms-app 3.2.25 → 3.2.27

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 (310) hide show

package/dist/cjs/components/basic/doc-editor/themes/doc-theme.css.js CHANGED Viewed

@@ -431,16 +431,14 @@ const DocThemeCss = `\r
   padding: 8px 16px;\r
 }\r
 \r
-\r
-.mk-doc__image-text::after,.mk-doc-block-container__module-container::after{\r
+.mk-doc__image-text::after,\r
+.mk-doc__module-grid::after{\r
   content: ".";\r
   font-size: 0;\r
   clear: both;\r
   display: block;\r
 }\r
-.mk-doc-block-container__module-container {\r
-  line-height: normal;\r
-}\r
+\r
 `;
 module.exports = DocThemeCss;
 //# sourceMappingURL=doc-theme.css.js.map

package/dist/cjs/components/basic/doc-editor/themes/doc-theme.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"doc-theme.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-theme.css?raw"],"sourcesContent":["export default \"\\r\\n .mk-doc__ltr {\\r\\n text-align: left;\\r\\n}\\r\\n.mk-doc__rtl {\\r\\n text-align: right;\\r\\n}\\r\\n.mk-doc__paragraph {\\r\\n margin: 0;\\r\\n}\\r\\n.mk-doc__quote {\\r\\n margin: 0;\\r\\n margin-left: 20px;\\r\\n margin-bottom: 10px;\\r\\n font-size: 15px;\\r\\n color: rgb(101, 103, 107);\\r\\n border-left-color: rgb(206, 208, 212);\\r\\n border-left-width: 4px;\\r\\n border-left-style: solid;\\r\\n padding-left: 16px;\\r\\n}\\r\\n.mk-doc__quote .mk-doc__paragraph {\\r\\n text-indent: 0;\\r\\n\\r\\n}\\r\\n.mk-doc__h1 {\\r\\n font-size: 2rem;\\r\\n color: rgb(5, 5, 5);\\r\\n font-weight: 400;\\r\\n margin: 0;\\r\\n}\\r\\n.mk-doc__h2 {\\r\\n font-size: 1.5rem;\\r\\n color: rgb(101, 103, 107);\\r\\n font-weight: 700;\\r\\n margin: 0;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__h3 {\\r\\n font-size: 1.17rem;\\r\\n margin: 0;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__indent {\\r\\n --lexical-indent-base-value: 40px;\\r\\n}\\r\\n.mk-doc__textBold {\\r\\n font-weight: bold;\\r\\n}\\r\\n.mk-doc__textItalic {\\r\\n font-style: italic;\\r\\n}\\r\\n.mk-doc__textUnderline {\\r\\n text-decoration: underline;\\r\\n}\\r\\n.mk-doc__textStrikethrough {\\r\\n text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__textUnderlineStrikethrough {\\r\\n text-decoration: underline line-through;\\r\\n}\\r\\n.mk-doc__textSubscript {\\r\\n font-size: 0.8em;\\r\\n vertical-align: sub !important;\\r\\n}\\r\\n.mk-doc__textSuperscript {\\r\\n font-size: 0.8em;\\r\\n vertical-align: super;\\r\\n}\\r\\n.mk-doc__textCode {\\r\\n background-color: rgb(240, 242, 245);\\r\\n padding: 1px 0.25rem;\\r\\n font-family: Menlo, Consolas, Monaco, monospace;\\r\\n font-size: 94%;\\r\\n}\\r\\n.mk-doc__hashtag {\\r\\n background-color: rgba(88, 144, 255, 0.15);\\r\\n border-bottom: 1px solid rgba(88, 144, 255, 0.3);\\r\\n}\\r\\n.mk-doc__link {\\r\\n color: rgb(33, 111, 219);\\r\\n text-decoration: none;\\r\\n}\\r\\n.mk-doc__link:hover {\\r\\n text-decoration: underline;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__code {\\r\\n background-color: rgb(240, 242, 245);\\r\\n font-family: Menlo, Consolas, Monaco, monospace;\\r\\n display: block;\\r\\n padding: 8px 8px 8px 52px;\\r\\n line-height: 1.53;\\r\\n font-size: 13px;\\r\\n margin: 0;\\r\\n margin-top: 8px;\\r\\n margin-bottom: 8px;\\r\\n overflow-x: auto;\\r\\n position: relative;\\r\\n tab-size: 2;\\r\\n}\\r\\n.mk-doc__code:before {\\r\\n content: attr(data-gutter);\\r\\n position: absolute;\\r\\n background-color: #eee;\\r\\n left: 0;\\r\\n top: 0;\\r\\n border-right: 1px solid #ccc;\\r\\n padding: 8px;\\r\\n color: #777;\\r\\n white-space: pre-wrap;\\r\\n text-align: right;\\r\\n min-width: 25px;\\r\\n}\\r\\n.mk-doc__table {\\r\\n border-collapse: collapse;\\r\\n border-spacing: 0;\\r\\n overflow-y: scroll;\\r\\n overflow-x: scroll;\\r\\n table-layout: fixed;\\r\\n width: max-content;\\r\\n margin: 30px 0;\\r\\n}\\r\\n.mk-doc__tableSelection ::selection {\\r\\n background-color: transparent;\\r\\n}\\r\\n.mk-doc__tableSelected {\\r\\n outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__tableCell {\\r\\n border: 1px solid #bbb;\\r\\n width: 75px;\\r\\n min-width: 75px;\\r\\n vertical-align: top;\\r\\n text-align: start;\\r\\n padding: 6px 8px;\\r\\n position: relative;\\r\\n outline: none;\\r\\n}\\r\\n.mk-doc__tableCellSortedIndicator {\\r\\n display: block;\\r\\n opacity: 0.5;\\r\\n position: absolute;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 4px;\\r\\n background-color: #999;\\r\\n}\\r\\n.mk-doc__tableCellResizer {\\r\\n position: absolute;\\r\\n right: -4px;\\r\\n height: 100%;\\r\\n width: 8px;\\r\\n cursor: ew-resize;\\r\\n z-index: 10;\\r\\n top: 0;\\r\\n}\\r\\n.mk-doc__tableCellHeader {\\r\\n background-color: #f2f3f5;\\r\\n text-align: start;\\r\\n}\\r\\n.mk-doc__tableCellSelected {\\r\\n background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableCellPrimarySelected {\\r\\n border: 2px solid rgb(60, 132, 244);\\r\\n display: block;\\r\\n height: calc(100% - 2px);\\r\\n position: absolute;\\r\\n width: calc(100% - 2px);\\r\\n left: -1px;\\r\\n top: -1px;\\r\\n z-index: 2;\\r\\n}\\r\\n.mk-doc__tableCellEditing {\\r\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\\r\\n border-radius: 3px;\\r\\n}\\r\\n.mk-doc__tableAddColumns {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n width: 20px;\\r\\n background-color: #eee;\\r\\n height: 100%;\\r\\n right: -25px;\\r\\n animation: table-controls 0.2s ease;\\r\\n border: 0;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddColumns:after {\\r\\n background-image: url(../images/icons/plus.svg);\\r\\n background-size: contain;\\r\\n background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n display: block;\\r\\n content: ' ';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddColumns:hover {\\r\\n background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableAddRows {\\r\\n position: absolute;\\r\\n bottom: -25px;\\r\\n width: calc(100% - 25px);\\r\\n background-color: #eee;\\r\\n height: 20px;\\r\\n left: 0;\\r\\n animation: table-controls 0.2s ease;\\r\\n border: 0;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddRows:after {\\r\\n background-image: url(../images/icons/plus.svg);\\r\\n background-size: contain;\\r\\n background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n display: block;\\r\\n content: ' ';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddRows:hover {\\r\\n background-color: #c9dbf0;\\r\\n}\\r\\n@keyframes table-controls {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n }\\r\\n 100% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n.mk-doc__tableCellResizeRuler {\\r\\n display: block;\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n background-color: rgb(60, 132, 244);\\r\\n height: 100%;\\r\\n top: 0;\\r\\n}\\r\\n.mk-doc__tableCellActionButtonContainer {\\r\\n display: block;\\r\\n right: 5px;\\r\\n top: 6px;\\r\\n position: absolute;\\r\\n z-index: 4;\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n}\\r\\n.mk-doc__tableCellActionButton {\\r\\n background-color: #eee;\\r\\n display: block;\\r\\n border: 0;\\r\\n border-radius: 20px;\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n color: #222;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableCellActionButton:hover {\\r\\n background-color: #ddd;\\r\\n}\\r\\n.mk-doc__characterLimit {\\r\\n display: inline;\\r\\n background-color: #ffbbbb !important;\\r\\n}\\r\\n.mk-doc__ol1 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol2 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: upper-alpha;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol3 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: lower-alpha;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol4 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: upper-roman;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol5 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: lower-roman;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ul {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n / list-style-position: inside; */\\r\\n}\\r\\n.mk-doc__listItem {\\r\\n margin: 0 32px;\\r\\n}\\r\\n.mk-doc__listItemChecked,\\r\\n.mk-doc__listItemUnchecked {\\r\\n position: relative;\\r\\n margin-left: 8px;\\r\\n margin-right: 8px;\\r\\n padding-left: 24px;\\r\\n padding-right: 24px;\\r\\n list-style-type: none;\\r\\n outline: none;\\r\\n}\\r\\n.mk-doc__listItemChecked {\\r\\n text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before,\\r\\n.mk-doc__listItemChecked:before {\\r\\n content: '';\\r\\n width: 16px;\\r\\n height: 16px;\\r\\n top: 2px;\\r\\n left: 0;\\r\\n cursor: pointer;\\r\\n display: block;\\r\\n background-size: cover;\\r\\n position: absolute;\\r\\n}\\r\\n.mk-doc__listItemUnchecked[dir='rtl']:before,\\r\\n.mk-doc__listItemChecked[dir='rtl']:before {\\r\\n left: auto;\\r\\n right: 0;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:focus:before,\\r\\n.mk-doc__listItemChecked:focus:before {\\r\\n box-shadow: 0 0 0 2px #a6cdfe;\\r\\n border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before {\\r\\n border: 1px solid #999;\\r\\n border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemChecked:before {\\r\\n border: 1px solid rgb(61, 135, 245);\\r\\n border-radius: 2px;\\r\\n background-color: #3d87f5;\\r\\n background-repeat: no-repeat;\\r\\n}\\r\\n.mk-doc__listItemChecked:after {\\r\\n content: '';\\r\\n cursor: pointer;\\r\\n border-color: #fff;\\r\\n border-style: solid;\\r\\n position: absolute;\\r\\n display: block;\\r\\n top: 6px;\\r\\n width: 3px;\\r\\n left: 7px;\\r\\n right: 7px;\\r\\n height: 6px;\\r\\n transform: rotate(45deg);\\r\\n border-width: 0 2px 2px 0;\\r\\n}\\r\\n.mk-doc__nestedListItem {\\r\\n list-style-type: none;\\r\\n}\\r\\n.mk-doc__nestedListItem:before,\\r\\n.mk-doc__nestedListItem:after {\\r\\n display: none;\\r\\n}\\r\\n.mk-doc__tokenComment {\\r\\n color: slategray;\\r\\n}\\r\\n.mk-doc__tokenPunctuation {\\r\\n color: #999;\\r\\n}\\r\\n.mk-doc__tokenProperty {\\r\\n color: #905;\\r\\n}\\r\\n.mk-doc__tokenSelector {\\r\\n color: #690;\\r\\n}\\r\\n.mk-doc__tokenOperator {\\r\\n color: #9a6e3a;\\r\\n}\\r\\n.mk-doc__tokenAttr {\\r\\n color: #07a;\\r\\n}\\r\\n.mk-doc__tokenVariable {\\r\\n color: #e90;\\r\\n}\\r\\n.mk-doc__tokenFunction {\\r\\n color: #dd4a68;\\r\\n}\\r\\n.mk-doc__mark {\\r\\n background: rgba(255, 212, 0, 0.14);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 0.3);\\r\\n padding-bottom: 2px;\\r\\n}\\r\\n.mk-doc__markOverlap {\\r\\n background: rgba(255, 212, 0, 0.3);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__mark.selected {\\r\\n background: rgba(255, 212, 0, 0.5);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 1);\\r\\n}\\r\\n.mk-doc__markOverlap.selected {\\r\\n background: rgba(255, 212, 0, 0.7);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__layoutContainer {\\r\\n display: grid;\\r\\n gap: 10px;\\r\\n margin: 10px 0;\\r\\n}\\r\\n.mk-doc__layoutItem {\\r\\n border: 1px dashed #ddd;\\r\\n padding: 8px 16px;\\r\\n}\\r\\n\\r\\n\\r\\n.mk-doc__image-text::after,.mk-doc-block-container__module-container::after{\\r\\n content: \\\".\\\";\\r\\n font-size: 0;\\r\\n clear: both;\\r\\n display: block;\\r\\n}\\r\\n.mk-doc-block-container__module-container {\\r\\n line-height: normal;\\r\\n}\\r\\n\""],"names":[],"mappings":";AAAA,MAAe,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}
1	+ {"version":3,"file":"doc-theme.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-theme.css?raw"],"sourcesContent":["export default \"\\r\\n .mk-doc__ltr {\\r\\n text-align: left;\\r\\n}\\r\\n.mk-doc__rtl {\\r\\n text-align: right;\\r\\n}\\r\\n.mk-doc__paragraph {\\r\\n margin: 0;\\r\\n}\\r\\n.mk-doc__quote {\\r\\n margin: 0;\\r\\n margin-left: 20px;\\r\\n margin-bottom: 10px;\\r\\n font-size: 15px;\\r\\n color: rgb(101, 103, 107);\\r\\n border-left-color: rgb(206, 208, 212);\\r\\n border-left-width: 4px;\\r\\n border-left-style: solid;\\r\\n padding-left: 16px;\\r\\n}\\r\\n.mk-doc__quote .mk-doc__paragraph {\\r\\n text-indent: 0;\\r\\n\\r\\n}\\r\\n.mk-doc__h1 {\\r\\n font-size: 2rem;\\r\\n color: rgb(5, 5, 5);\\r\\n font-weight: 400;\\r\\n margin: 0;\\r\\n}\\r\\n.mk-doc__h2 {\\r\\n font-size: 1.5rem;\\r\\n color: rgb(101, 103, 107);\\r\\n font-weight: 700;\\r\\n margin: 0;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__h3 {\\r\\n font-size: 1.17rem;\\r\\n margin: 0;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__indent {\\r\\n --lexical-indent-base-value: 40px;\\r\\n}\\r\\n.mk-doc__textBold {\\r\\n font-weight: bold;\\r\\n}\\r\\n.mk-doc__textItalic {\\r\\n font-style: italic;\\r\\n}\\r\\n.mk-doc__textUnderline {\\r\\n text-decoration: underline;\\r\\n}\\r\\n.mk-doc__textStrikethrough {\\r\\n text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__textUnderlineStrikethrough {\\r\\n text-decoration: underline line-through;\\r\\n}\\r\\n.mk-doc__textSubscript {\\r\\n font-size: 0.8em;\\r\\n vertical-align: sub !important;\\r\\n}\\r\\n.mk-doc__textSuperscript {\\r\\n font-size: 0.8em;\\r\\n vertical-align: super;\\r\\n}\\r\\n.mk-doc__textCode {\\r\\n background-color: rgb(240, 242, 245);\\r\\n padding: 1px 0.25rem;\\r\\n font-family: Menlo, Consolas, Monaco, monospace;\\r\\n font-size: 94%;\\r\\n}\\r\\n.mk-doc__hashtag {\\r\\n background-color: rgba(88, 144, 255, 0.15);\\r\\n border-bottom: 1px solid rgba(88, 144, 255, 0.3);\\r\\n}\\r\\n.mk-doc__link {\\r\\n color: rgb(33, 111, 219);\\r\\n text-decoration: none;\\r\\n}\\r\\n.mk-doc__link:hover {\\r\\n text-decoration: underline;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__code {\\r\\n background-color: rgb(240, 242, 245);\\r\\n font-family: Menlo, Consolas, Monaco, monospace;\\r\\n display: block;\\r\\n padding: 8px 8px 8px 52px;\\r\\n line-height: 1.53;\\r\\n font-size: 13px;\\r\\n margin: 0;\\r\\n margin-top: 8px;\\r\\n margin-bottom: 8px;\\r\\n overflow-x: auto;\\r\\n position: relative;\\r\\n tab-size: 2;\\r\\n}\\r\\n.mk-doc__code:before {\\r\\n content: attr(data-gutter);\\r\\n position: absolute;\\r\\n background-color: #eee;\\r\\n left: 0;\\r\\n top: 0;\\r\\n border-right: 1px solid #ccc;\\r\\n padding: 8px;\\r\\n color: #777;\\r\\n white-space: pre-wrap;\\r\\n text-align: right;\\r\\n min-width: 25px;\\r\\n}\\r\\n.mk-doc__table {\\r\\n border-collapse: collapse;\\r\\n border-spacing: 0;\\r\\n overflow-y: scroll;\\r\\n overflow-x: scroll;\\r\\n table-layout: fixed;\\r\\n width: max-content;\\r\\n margin: 30px 0;\\r\\n}\\r\\n.mk-doc__tableSelection ::selection {\\r\\n background-color: transparent;\\r\\n}\\r\\n.mk-doc__tableSelected {\\r\\n outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__tableCell {\\r\\n border: 1px solid #bbb;\\r\\n width: 75px;\\r\\n min-width: 75px;\\r\\n vertical-align: top;\\r\\n text-align: start;\\r\\n padding: 6px 8px;\\r\\n position: relative;\\r\\n outline: none;\\r\\n}\\r\\n.mk-doc__tableCellSortedIndicator {\\r\\n display: block;\\r\\n opacity: 0.5;\\r\\n position: absolute;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 4px;\\r\\n background-color: #999;\\r\\n}\\r\\n.mk-doc__tableCellResizer {\\r\\n position: absolute;\\r\\n right: -4px;\\r\\n height: 100%;\\r\\n width: 8px;\\r\\n cursor: ew-resize;\\r\\n z-index: 10;\\r\\n top: 0;\\r\\n}\\r\\n.mk-doc__tableCellHeader {\\r\\n background-color: #f2f3f5;\\r\\n text-align: start;\\r\\n}\\r\\n.mk-doc__tableCellSelected {\\r\\n background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableCellPrimarySelected {\\r\\n border: 2px solid rgb(60, 132, 244);\\r\\n display: block;\\r\\n height: calc(100% - 2px);\\r\\n position: absolute;\\r\\n width: calc(100% - 2px);\\r\\n left: -1px;\\r\\n top: -1px;\\r\\n z-index: 2;\\r\\n}\\r\\n.mk-doc__tableCellEditing {\\r\\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\\r\\n border-radius: 3px;\\r\\n}\\r\\n.mk-doc__tableAddColumns {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n width: 20px;\\r\\n background-color: #eee;\\r\\n height: 100%;\\r\\n right: -25px;\\r\\n animation: table-controls 0.2s ease;\\r\\n border: 0;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddColumns:after {\\r\\n background-image: url(../images/icons/plus.svg);\\r\\n background-size: contain;\\r\\n background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n display: block;\\r\\n content: ' ';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddColumns:hover {\\r\\n background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableAddRows {\\r\\n position: absolute;\\r\\n bottom: -25px;\\r\\n width: calc(100% - 25px);\\r\\n background-color: #eee;\\r\\n height: 20px;\\r\\n left: 0;\\r\\n animation: table-controls 0.2s ease;\\r\\n border: 0;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddRows:after {\\r\\n background-image: url(../images/icons/plus.svg);\\r\\n background-size: contain;\\r\\n background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n display: block;\\r\\n content: ' ';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddRows:hover {\\r\\n background-color: #c9dbf0;\\r\\n}\\r\\n@keyframes table-controls {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n }\\r\\n 100% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n.mk-doc__tableCellResizeRuler {\\r\\n display: block;\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n background-color: rgb(60, 132, 244);\\r\\n height: 100%;\\r\\n top: 0;\\r\\n}\\r\\n.mk-doc__tableCellActionButtonContainer {\\r\\n display: block;\\r\\n right: 5px;\\r\\n top: 6px;\\r\\n position: absolute;\\r\\n z-index: 4;\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n}\\r\\n.mk-doc__tableCellActionButton {\\r\\n background-color: #eee;\\r\\n display: block;\\r\\n border: 0;\\r\\n border-radius: 20px;\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n color: #222;\\r\\n cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableCellActionButton:hover {\\r\\n background-color: #ddd;\\r\\n}\\r\\n.mk-doc__characterLimit {\\r\\n display: inline;\\r\\n background-color: #ffbbbb !important;\\r\\n}\\r\\n.mk-doc__ol1 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol2 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: upper-alpha;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol3 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: lower-alpha;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol4 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: upper-roman;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ol5 {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n list-style-type: lower-roman;\\r\\n / list-style-position: inside; /\\r\\n}\\r\\n.mk-doc__ul {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n / list-style-position: inside; */\\r\\n}\\r\\n.mk-doc__listItem {\\r\\n margin: 0 32px;\\r\\n}\\r\\n.mk-doc__listItemChecked,\\r\\n.mk-doc__listItemUnchecked {\\r\\n position: relative;\\r\\n margin-left: 8px;\\r\\n margin-right: 8px;\\r\\n padding-left: 24px;\\r\\n padding-right: 24px;\\r\\n list-style-type: none;\\r\\n outline: none;\\r\\n}\\r\\n.mk-doc__listItemChecked {\\r\\n text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before,\\r\\n.mk-doc__listItemChecked:before {\\r\\n content: '';\\r\\n width: 16px;\\r\\n height: 16px;\\r\\n top: 2px;\\r\\n left: 0;\\r\\n cursor: pointer;\\r\\n display: block;\\r\\n background-size: cover;\\r\\n position: absolute;\\r\\n}\\r\\n.mk-doc__listItemUnchecked[dir='rtl']:before,\\r\\n.mk-doc__listItemChecked[dir='rtl']:before {\\r\\n left: auto;\\r\\n right: 0;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:focus:before,\\r\\n.mk-doc__listItemChecked:focus:before {\\r\\n box-shadow: 0 0 0 2px #a6cdfe;\\r\\n border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before {\\r\\n border: 1px solid #999;\\r\\n border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemChecked:before {\\r\\n border: 1px solid rgb(61, 135, 245);\\r\\n border-radius: 2px;\\r\\n background-color: #3d87f5;\\r\\n background-repeat: no-repeat;\\r\\n}\\r\\n.mk-doc__listItemChecked:after {\\r\\n content: '';\\r\\n cursor: pointer;\\r\\n border-color: #fff;\\r\\n border-style: solid;\\r\\n position: absolute;\\r\\n display: block;\\r\\n top: 6px;\\r\\n width: 3px;\\r\\n left: 7px;\\r\\n right: 7px;\\r\\n height: 6px;\\r\\n transform: rotate(45deg);\\r\\n border-width: 0 2px 2px 0;\\r\\n}\\r\\n.mk-doc__nestedListItem {\\r\\n list-style-type: none;\\r\\n}\\r\\n.mk-doc__nestedListItem:before,\\r\\n.mk-doc__nestedListItem:after {\\r\\n display: none;\\r\\n}\\r\\n.mk-doc__tokenComment {\\r\\n color: slategray;\\r\\n}\\r\\n.mk-doc__tokenPunctuation {\\r\\n color: #999;\\r\\n}\\r\\n.mk-doc__tokenProperty {\\r\\n color: #905;\\r\\n}\\r\\n.mk-doc__tokenSelector {\\r\\n color: #690;\\r\\n}\\r\\n.mk-doc__tokenOperator {\\r\\n color: #9a6e3a;\\r\\n}\\r\\n.mk-doc__tokenAttr {\\r\\n color: #07a;\\r\\n}\\r\\n.mk-doc__tokenVariable {\\r\\n color: #e90;\\r\\n}\\r\\n.mk-doc__tokenFunction {\\r\\n color: #dd4a68;\\r\\n}\\r\\n.mk-doc__mark {\\r\\n background: rgba(255, 212, 0, 0.14);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 0.3);\\r\\n padding-bottom: 2px;\\r\\n}\\r\\n.mk-doc__markOverlap {\\r\\n background: rgba(255, 212, 0, 0.3);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__mark.selected {\\r\\n background: rgba(255, 212, 0, 0.5);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 1);\\r\\n}\\r\\n.mk-doc__markOverlap.selected {\\r\\n background: rgba(255, 212, 0, 0.7);\\r\\n border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__layoutContainer {\\r\\n display: grid;\\r\\n gap: 10px;\\r\\n margin: 10px 0;\\r\\n}\\r\\n.mk-doc__layoutItem {\\r\\n border: 1px dashed #ddd;\\r\\n padding: 8px 16px;\\r\\n}\\r\\n\\r\\n.mk-doc__image-text::after,\\r\\n.mk-doc__module-grid::after{\\r\\n content: \\\".\\\";\\r\\n font-size: 0;\\r\\n clear: both;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n\""],"names":[],"mappings":";AAAA,MAAe,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/cjs/components/basic/dynamic-form-panel/DynamicFormPanel.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const index = require("../../../modules/ms/image-upload-context/index.js");
 const DynamicFormPanel = /* @__PURE__ */ vue.defineComponent({
   name: "DynamicFormPanel",
   props: {
@@ -14,33 +15,54 @@ const DynamicFormPanel = /* @__PURE__ */ vue.defineComponent({
   setup: (props, {
     emit
   }) => {
-    var _a;
     const dataRef = vue.ref(props.data);
-    const formItems = (_a = props.options) == null ? void 0 : _a.map((item) => {
-      const component = typeof item.component == "string" ? vue.resolveComponent(item.component) : item.component;
-      return vue.h(elementPlus.ElFormItem, {
-        label: item.title,
-        prop: item.name
-      }, {
-        default: () => {
-          return [vue.h(component, {
-            ...item.props,
-            "modelValue": dataRef.value[item.name],
-            "onUpdate:modelValue": (v) => {
-              dataRef.value[item.name] = v;
-            }
-          })];
+    return () => {
+      var _a;
+      const formItems = (_a = props.options) == null ? void 0 : _a.filter((item) => {
+        if (item.condition) {
+          return item.condition(dataRef.value);
         }
+        return true;
+      }).map((item) => {
+        const resloveComponent = typeof item.component == "string" ? vue.resolveComponent(item.component) : item.component;
+        let defaultSlot = () => [];
+        if (item.component == "el-radio-group") {
+          defaultSlot = () => item.props.data.map((dt) => {
+            return vue.h(vue.resolveComponent("el-radio-button"), {
+              label: dt.label,
+              value: dt.value
+            });
+          });
+        } else if (item.component == "MKUploadImage") {
+          if (item.props.cutSize) {
+            item.props.uploadContext = new index.ImageUploadContext(item.props.cutSize);
+          }
+        }
+        return vue.h(elementPlus.ElFormItem, {
+          label: item.title,
+          prop: item.name
+        }, {
+          default: () => {
+            return [vue.h(resloveComponent, {
+              ...item.props,
+              "modelValue": dataRef.value[item.name],
+              "onUpdate:modelValue": (v) => {
+                dataRef.value[item.name] = v;
+              }
+            }, {
+              default: defaultSlot
+            })];
+          }
+        });
       });
-    });
-    return () => {
       return vue.h(elementPlus.ElForm, {
         labelPosition: "top",
         model: props.data,
         labelWidth: "auto",
         style: {
           height: "600px",
-          overflow: "auto"
+          overflow: "auto",
+          padding: "10px"
         }
       }, {
         default: () => {

package/dist/cjs/components/basic/dynamic-form-panel/DynamicFormPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicFormPanel.js","sources":["../../../../../src/components/basic/dynamic-form-panel/DynamicFormPanel.tsx"],"sourcesContent":["import { defineComponent,resolveComponent,h,ref } from \"vue\"\r\nimport { ElButton,ElForm,ElFormItem,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport { type DynamicFormItemType } from \"./type\"\r\n\r\nexport default defineComponent({\r\n name:\"DynamicFormPanel\",\r\n props:{\r\n data:{ type:Object },\r\n options:{ type:Array<DynamicFormItemType> }\r\n },\r\n setup:(props,{ emit })=>{\r\n\r\n // 编辑\r\n const dataRef = ref<any>(props.data);\r\n\r\n // 生成的表单项\r\n const formItems = props.options?.map(item=>{\r\n\r\n const ~~component~~ = typeof item.component == \"string\" ? resolveComponent(item.component) : item.component;\r\n\r\n return h(ElFormItem,{ \r\n label:item.title,prop:item.name,\r\n },{\r\n default:()=>{\r\n return [\r\n h(~~component~~,{ \r\n ...item.props,\r\n \"modelValue\" : dataRef.value[item.name],\r\n \"onUpdate:modelValue\" : (v:any) => {\r\n dataRef.value[item.name] = v;\r\n }\r\n })\r\n ]\r\n }\r\n })\r\n });\r\n\r\n ~~return ()=>{\r\n~~ return h(ElForm,{ \r\n labelPosition:\"top\",model:props.data,labelWidth:\"auto\",\r\n style:{ height:\"600px\",overflow:\"auto\" }\r\n },{\r\n default:()=>{\r\n return formItems\r\n }\r\n })\r\n }\r\n }\r\n});\r\n"],"names":["defineComponent","name","props","data","type","Object","options","Array","setup","emit","dataRef","ref","formItems","~~map~~","item","component","resolveComponent","h","~~ElFormItem~~","label","title","prop","default","~~value","~~v","ElForm","labelPosition","model","labelWidth","style","height","overflow"],"mappings":"~~;;;AAIA~~,MAAeA,uDAAgB;AAAA,EAC7BC,MAAK;AAAA,EACLC,OAAM;AAAA,IACJC,MAAK;AAAA,MAAEC,MAAKC;AAAAA,IAAQ;AAAA,IACpBC,SAAQ;AAAA,MAAEF,MAAKG;AAAAA,IAA2B;AAAA,EAC3C;AAAA,EACDC,OAAMA,CAACN,OAAM;AAAA,IAAEO;AAAAA,EAAK,MAAI;;AAGtB,UAAMC,UAAUC,IAAAA,IAAST,MAAMC,IAAI;AAGnC,~~UAAMS~~,aAAYV,WAAMI,YAANJ,mBAAeW,~~IAAIC~~,UAAM;~~AAEzC~~,~~YAAMC~~,~~YAAY~~,~~OAAOD~~,KAAKC,aAAa,WAAWC,~~qBAAiBF~~,~~KAAKC~~,SAAS,~~IAAID~~,~~KAAKC~~;~~AAE9F~~,~~aAAOE~~,IAAAA,~~EAAEC~~,YAAAA,YAAW;AAAA,~~QAClBC~~,~~OAAML~~,~~KAAKM~~;AAAAA,~~QAAMC~~,~~MAAKP~~,KAAKb;AAAAA,~~MAC7B~~,GAAE;AAAA,~~QACAqB~~,SAAQA,MAAI;AACV,~~iBAAO~~,~~CACLL~~,IAAC,~~EAACF~~,~~WAAU~~;AAAA,~~YACV~~,~~GAAGD~~,KAAKZ;AAAAA,~~YACR~~,cAAeQ,~~QAAQa~~,~~MAAMT~~,KAAKb,IAAI;AAAA,~~YACtC~~,~~uBAAyBuB~~,OAAU;~~AACjCd~~,~~sBAAQa~~,~~MAAMT~~,KAAKb,IAAI,~~IAAIuB~~;AAAAA,~~YAC7B~~;AAAA,~~UACD~~,CAAA,CAAC;AAAA,~~QAEN~~;AAAA,~~MACF~~,CAAC;AAAA,~~IACH~~;AAEA,~~WAAO~~,~~MAAI;AACT,aAAOP,~~IAAAA,~~EAAEQ~~,YAAAA,QAAO;AAAA,QACdC,eAAc;AAAA,QAAMC,~~OAAMzB~~,MAAMC;AAAAA,~~QAAKyB~~,YAAW;AAAA,QAChDC,OAAM;AAAA,UAAEC,QAAO;AAAA,UAAQC,UAAS;AAAA,QAAO;AAAA,~~MACzC~~,GAAE;AAAA,QACAT,SAAQA,MAAI;AACV,~~iBAAOV~~;AAAAA,QACT;AAAA,MACF,CAAC;AAAA;EAEL;AACF,CAAC;;"}
1	+ {"version":3,"file":"DynamicFormPanel.js","sources":["../../../../../src/components/basic/dynamic-form-panel/DynamicFormPanel.tsx"],"sourcesContent":["import { defineComponent,resolveComponent,h,ref } from \"vue\"\r\nimport { ElButton,ElForm,ElFormItem,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport { type DynamicFormItemType } from \"./type\"\r\nimport { ImageUploadContext } from \"../../../modules/ms/image-upload-context\";\r\n\r\nexport default defineComponent({\r\n name:\"DynamicFormPanel\",\r\n props:{\r\n data:{ type:Object },\r\n options:{ type:Array<DynamicFormItemType> }\r\n },\r\n setup:(props,{ emit })=>{\r\n\r\n // 编辑\r\n const dataRef = ref<any>(props.data);\r\n\r\n\r\n return ()=>{\r\n\r\n // 生成的表单项\r\n const formItems = props.options?.filter(item=>{\r\n if(item.condition){\r\n return item.condition(dataRef.value);\r\n }\r\n return true;\r\n }).map(item=>{\r\n\r\n const resloveComponent = typeof item.component == \"string\" ? resolveComponent(item.component) : item.component;\r\n let defaultSlot:any = ()=>[];\r\n\r\n // 特殊处理的组件\r\n if(item.component == \"el-radio-group\"){\r\n defaultSlot = ()=>item.props.data.map((dt:any)=>{\r\n return h(resolveComponent(\"el-radio-button\"),{ label:dt.label, value:dt.value })\r\n })\r\n }\r\n else if(item.component == \"MKUploadImage\"){\r\n if(item.props.cutSize){\r\n item.props.uploadContext = new ImageUploadContext(item.props.cutSize)\r\n }\r\n }\r\n\r\n return h(ElFormItem,{ \r\n label:item.title,prop:item.name,\r\n },{\r\n default:()=>{\r\n return [\r\n h(resloveComponent,{ \r\n ...item.props,\r\n \"modelValue\" : dataRef.value[item.name],\r\n \"onUpdate:modelValue\" : (v:any) => {\r\n dataRef.value[item.name] = v;\r\n }\r\n },{ default:defaultSlot })\r\n ]\r\n }\r\n })\r\n });\r\n\r\n return h(ElForm,{ \r\n labelPosition:\"top\",model:props.data,labelWidth:\"auto\",\r\n style:{ height:\"600px\",overflow:\"auto\",padding:\"10px\" }\r\n },{\r\n default:()=>{\r\n return formItems\r\n }\r\n })\r\n }\r\n }\r\n});\r\n"],"names":["defineComponent","name","props","data","type","Object","options","Array","setup","emit","dataRef","ref","formItems","filter","item","condition","value","map","resloveComponent","component","resolveComponent","defaultSlot","dt","h","label","cutSize","uploadContext","ImageUploadContext","ElFormItem","title","prop","default","v","ElForm","labelPosition","model","labelWidth","style","height","overflow","padding"],"mappings":";;;;AAKA,MAAeA,uDAAgB;AAAA,EAC7BC,MAAK;AAAA,EACLC,OAAM;AAAA,IACJC,MAAK;AAAA,MAAEC,MAAKC;AAAAA,IAAQ;AAAA,IACpBC,SAAQ;AAAA,MAAEF,MAAKG;AAAAA,IAA2B;AAAA,EAC3C;AAAA,EACDC,OAAMA,CAACN,OAAM;AAAA,IAAEO;AAAAA,EAAK,MAAI;AAGtB,UAAMC,UAAUC,IAAAA,IAAST,MAAMC,IAAI;AAGnC,WAAO,MAAI;;AAGT,YAAMS,aAAYV,WAAMI,YAANJ,mBAAeW,OAAOC,UAAM;AAC5C,YAAGA,KAAKC,WAAU;AACd,iBAAOD,KAAKC,UAAUL,QAAQM,KAAK;AAAA,QACvC;AACA,eAAO;AAAA,MACT,GAAGC,IAAIH,UAAM;AAEX,cAAMI,mBAAmB,OAAOJ,KAAKK,aAAa,WAAWC,qBAAiBN,KAAKK,SAAS,IAAIL,KAAKK;AACrG,YAAIE,cAAkBA,MAAI;AAG1B,YAAGP,KAAKK,aAAa,kBAAiB;AACpCE,wBAAcA,MAAIP,KAAKZ,MAAMC,KAAKc,IAAKK,QAAS;AAC9C,mBAAOC,IAAC,EAACH,qBAAiB,iBAAiB,GAAE;AAAA,cAAEI,OAAMF,GAAGE;AAAAA,cAAOR,OAAMM,GAAGN;AAAAA,YAAM,CAAC;AAAA,UACjF,CAAC;AAAA,QACH,WACQF,KAAKK,aAAa,iBAAgB;AACxC,cAAGL,KAAKZ,MAAMuB,SAAQ;AACpBX,iBAAKZ,MAAMwB,gBAAgB,IAAIC,MAAkB,mBAACb,KAAKZ,MAAMuB,OAAO;AAAA,UACtE;AAAA,QACF;AAEA,eAAOF,IAAAA,EAAEK,YAAAA,YAAW;AAAA,UAClBJ,OAAMV,KAAKe;AAAAA,UAAMC,MAAKhB,KAAKb;AAAAA,QAC7B,GAAE;AAAA,UACA8B,SAAQA,MAAI;AACV,mBAAO,CACLR,IAAC,EAACL,kBAAiB;AAAA,cACjB,GAAGJ,KAAKZ;AAAAA,cACR,cAAeQ,QAAQM,MAAMF,KAAKb,IAAI;AAAA,cACtC,uBAAyB+B,OAAU;AACjCtB,wBAAQM,MAAMF,KAAKb,IAAI,IAAI+B;AAAAA,cAC7B;AAAA,YACF,GAAE;AAAA,cAAGD,SAAQV;AAAAA,YAAa,CAAA,CAAC;AAAA,UAE/B;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAOE,IAAAA,EAAEU,YAAAA,QAAO;AAAA,QACdC,eAAc;AAAA,QAAMC,OAAMjC,MAAMC;AAAAA,QAAKiC,YAAW;AAAA,QAChDC,OAAM;AAAA,UAAEC,QAAO;AAAA,UAAQC,UAAS;AAAA,UAAOC,SAAQ;AAAA,QAAO;AAAA,MACxD,GAAE;AAAA,QACAT,SAAQA,MAAI;AACV,iBAAOnB;AAAAA,QACT;AAAA,MACF,CAAC;AAAA;EAEL;AACF,CAAC;;"}

package/dist/cjs/components/basic/dynamic-form-panel/dialog.js CHANGED Viewed

@@ -21,8 +21,8 @@ const showDynamicFormDialoger = async (title, options, data) => {
     };
     const dialogInstance = dm.Dialoger.customRender({
       title: isAdd ? `添加${title}` : `编辑${title}`,
-      class: "mk-html-editor-dialog",
-      width: "500px",
+      class: "mk-dynamic-form-editor-dialog",
+      width: "700px",
       onClose: () => {
         dialogInstance.destroy();
       },

package/dist/cjs/components/basic/dynamic-form-panel/dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.js","sources":["../../../../../src/components/basic/dynamic-form-panel/dialog.ts"],"sourcesContent":["\r\nimport { h ,type Component,Fragment,reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { ElButton,ElForm,ElFormItem,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport DynamicFormPanel from \"./DynamicFormPanel\"\r\nimport { type DynamicFormItemType } from \"./type\"\r\nimport { createDefaultFormData } from \"./utils\"\r\n\r\n/*\r\n 显示动态表单弹窗\r\n * @param title 标题\r\n * @param options 表单配置\r\n * @param data 表单数据\r\n * @returns \r\n */\r\nexport const showDynamicFormDialoger = async (title:string,options:DynamicFormItemType[],data:any) => {\r\n return new Promise(resolve => {\r\n\r\n // 是否是新增\r\n const isAdd = data == null;\r\n\r\n // 新增的话\r\n if(isAdd){ \r\n data = createDefaultFormData(options); \r\n }\r\n\r\n // 响应数据\r\n const reactiveData = reactive(data)\r\n\r\n // 取消编辑\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n };\r\n\r\n // 确认编辑\r\n const handleConfirmClick = () => {\r\n dialogInstance.destroy();\r\n resolve(data);\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: isAdd ? `添加${title}` : `编辑${title}`,\r\n class: \"mk-~~html~~-editor-dialog\",\r\n width: \"~~500px~~\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return h(DynamicFormPanel,{ data,options })\r\n },\r\n footer: () => {\r\n return h(Fragment,{},[\r\n h(ElButton,{ onClick:()=>handleCancelClick() },{ default:()=>\"取消\" }),\r\n h(ElButton,{ type:\"primary\" , onClick:()=>handleConfirmClick() },{ default:()=>\"确定\" })\r\n ]) \r\n },\r\n });\r\n });\r\n}\r\n\r\n\r\n\r\n"],"names":["createDefaultFormData","reactive","Dialoger","h","Fragment","ElButton"],"mappings":";;;;;;;AAeO,MAAM,0BAA0B,OAAQ,OAAa,SAA8B,SAAa;AAC9F,SAAA,IAAI,QAAQ,CAAW,YAAA;AAG5B,UAAM,QAAQ,QAAQ;AAGtB,QAAG,OAAM;AACP,aAAOA,MAAAA,sBAAsB,OAAO;AAAA,IACtC;AAGqBC,QAAAA,SAAS,IAAI;AAGlC,UAAM,oBAAoB,MAAM;AAC9B,qBAAe,QAAQ;AAAA,IAAA;AAIzB,UAAM,qBAAqB,MAAM;AAC/B,qBAAe,QAAQ;AACvB,cAAQ,IAAI;AAAA,IAAA;AAGR,UAAA,iBAAiBC,YAAS,aAAa;AAAA,MAC3C,OAAO,QAAQ,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,MACxC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,MAAM;AACb,uBAAe,QAAQ;AAAA,MACzB;AAAA,MACA,MAAM,MAAM;AACV,eAAOC,IAAE,EAAA,kBAAiB,EAAE,MAAK,QAAS,CAAA;AAAA,MAC5C;AAAA,MACA,QAAQ,MAAM;AACL,eAAAA,IAAA,EAAEC,IAAS,UAAA,IAAG;AAAA,UACnBD,MAAEE,YAAAA,UAAS,EAAE,SAAQ,MAAI,kBAAoB,EAAA,GAAE,EAAE,SAAQ,MAAI,MAAM;AAAA,UACnEF,IAAAA,EAAEE,YAAA,UAAS,EAAE,MAAK,WAAY,SAAQ,MAAI,mBAAmB,KAAI,EAAE,SAAQ,MAAI,MAAM;AAAA,QAAA,CACtF;AAAA,MACH;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;;"}
1	+ {"version":3,"file":"dialog.js","sources":["../../../../../src/components/basic/dynamic-form-panel/dialog.ts"],"sourcesContent":["\r\nimport { h ,type Component,Fragment,reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { ElButton,ElForm,ElFormItem,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport DynamicFormPanel from \"./DynamicFormPanel\"\r\nimport { type DynamicFormItemType } from \"./type\"\r\nimport { createDefaultFormData } from \"./utils\"\r\n\r\n/*\r\n 显示动态表单弹窗\r\n * @param title 标题\r\n * @param options 表单配置\r\n * @param data 表单数据\r\n * @returns \r\n */\r\nexport const showDynamicFormDialoger = async (title:string,options:DynamicFormItemType[],data:any) => {\r\n return new Promise(resolve => {\r\n\r\n // 是否是新增\r\n const isAdd = data == null;\r\n\r\n // 新增的话\r\n if(isAdd){ \r\n data = createDefaultFormData(options); \r\n }\r\n\r\n // 响应数据\r\n const reactiveData = reactive(data)\r\n\r\n // 取消编辑\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n };\r\n\r\n // 确认编辑\r\n const handleConfirmClick = () => {\r\n dialogInstance.destroy();\r\n resolve(data);\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: isAdd ? `添加${title}` : `编辑${title}`,\r\n class: \"mk-dynamic-form-editor-dialog\",\r\n width: \"700px\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return h(DynamicFormPanel,{ data,options })\r\n },\r\n footer: () => {\r\n return h(Fragment,{},[\r\n h(ElButton,{ onClick:()=>handleCancelClick() },{ default:()=>\"取消\" }),\r\n h(ElButton,{ type:\"primary\" , onClick:()=>handleConfirmClick() },{ default:()=>\"确定\" })\r\n ]) \r\n },\r\n });\r\n });\r\n}\r\n\r\n\r\n\r\n"],"names":["createDefaultFormData","reactive","Dialoger","h","Fragment","ElButton"],"mappings":";;;;;;;AAeO,MAAM,0BAA0B,OAAQ,OAAa,SAA8B,SAAa;AAC9F,SAAA,IAAI,QAAQ,CAAW,YAAA;AAG5B,UAAM,QAAQ,QAAQ;AAGtB,QAAG,OAAM;AACP,aAAOA,MAAAA,sBAAsB,OAAO;AAAA,IACtC;AAGqBC,QAAAA,SAAS,IAAI;AAGlC,UAAM,oBAAoB,MAAM;AAC9B,qBAAe,QAAQ;AAAA,IAAA;AAIzB,UAAM,qBAAqB,MAAM;AAC/B,qBAAe,QAAQ;AACvB,cAAQ,IAAI;AAAA,IAAA;AAGR,UAAA,iBAAiBC,YAAS,aAAa;AAAA,MAC3C,OAAO,QAAQ,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,MACxC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,MAAM;AACb,uBAAe,QAAQ;AAAA,MACzB;AAAA,MACA,MAAM,MAAM;AACV,eAAOC,IAAE,EAAA,kBAAiB,EAAE,MAAK,QAAS,CAAA;AAAA,MAC5C;AAAA,MACA,QAAQ,MAAM;AACL,eAAAA,IAAA,EAAEC,IAAS,UAAA,IAAG;AAAA,UACnBD,MAAEE,YAAAA,UAAS,EAAE,SAAQ,MAAI,kBAAoB,EAAA,GAAE,EAAE,SAAQ,MAAI,MAAM;AAAA,UACnEF,IAAAA,EAAEE,YAAA,UAAS,EAAE,MAAK,WAAY,SAAQ,MAAI,mBAAmB,KAAI,EAAE,SAAQ,MAAI,MAAM;AAAA,QAAA,CACtF;AAAA,MACH;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;;"}

package/dist/cjs/components/basic/image-cropper/image-cropper-api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\r\nimport ImageCropperContent, {\r\n ImageCropperRatioOption,\r\n} from \"./image-cropper-content\";\r\nimport { Fragment } from \"vue/jsx-runtime\";\r\nimport { ElButton } from \"element-plus\";\r\nimport { ref, Ref, unref } from \"vue\";\r\n\r\nexport type MKImageCropperOptions = {\r\n src: string;\r\n ratioOptions?: Array<ImageCropperRatioOption>;\r\n fixedBox?: boolean;\r\n maxWidth?:number;\r\n maxHeight?:number;\r\n};\r\nexport type MKImageCropperResult = {\r\n isConfirm: boolean;\r\n data: string;\r\n size: { width: number; height: number };\r\n};\r\n\r\nexport async function ImageCropper(\r\n options: MKImageCropperOptions\r\n): Promise<MKImageCropperResult> {\r\n const ratioOptions = options.ratioOptions ?? [];\r\n const fixedBox = options.fixedBox ?? false;\r\n\r\n return new Promise((resolve) => {\r\n const imageCropperContentEl: Ref<typeof ImageCropperContent \| null> =\r\n ref(null);\r\n\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n\r\n resolve({\r\n isConfirm: false,\r\n data: \"\",\r\n size: { width: 0, height: 0 },\r\n });\r\n };\r\n\r\n const handleConfirmClick = async () => {\r\n dialogInstance.destroy();\r\n\r\n const cropperRef = unref(imageCropperContentEl)!.cropperRef;\r\n\r\n resolve({\r\n isConfirm: true,\r\n data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\r\n size: { width: cropperRef.cropW, height: cropperRef.cropH },\r\n });\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"图片裁切\",\r\n onClose: handleCancelClick,\r\n body: () => {\r\n return (\r\n <ImageCropperContent\r\n ref={((el: any) => (imageCropperContentEl.value = el)) as any}\r\n src={options.src}\r\n fixedBox={fixedBox}\r\n ratioOptions={ratioOptions}\r\n maxHeight={options.maxHeight}\r\n maxWidth={options.maxWidth}\r\n />\r\n );\r\n },\r\n footer: () => {\r\n return (\r\n <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确认\r\n </ElButton>\r\n </Fragment>\r\n );\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","maxHeight","maxWidth","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAqBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,QAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,IAAAA,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,UAAY,aACfD,QAAQgC;AAAAA,UAAS,YAClBhC,QAAQiC;AAAAA,QAAQ,GAAA,IAAA;AAAA,MAG/B;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAP,IAAA,YAAAQ,IAAA,UAAAR,MAAAA,CAAAA,IAAAA,YAAAS,YAAAA,UAAA;AAAA,UAAA,WAEuB7B;AAAAA,QAAiB,GAAA;AAAA,UAAA8B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAS,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFrB;AAAAA,QAAkB,GAAA;AAAA,UAAAsB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}
1	+ {"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\r\nimport ImageCropperContent, {\r\n ImageCropperRatioOption,\r\n} from \"./image-cropper-content\";\r\nimport { Fragment } from \"vue/jsx-runtime\";\r\nimport { ElButton } from \"element-plus\";\r\nimport { ref, Ref, unref } from \"vue\";\r\n\r\nexport type MKImageCropperOptions = {\r\n src: string;\r\n ratioOptions?: Array<ImageCropperRatioOption>;\r\n fixedBox?: boolean;\r\n maxWidth?:number;\r\n maxHeight?:number;\r\n};\r\nexport type MKImageCropperResult = {\r\n isConfirm: boolean;\r\n data: string;\r\n size: { width: number; height: number };\r\n};\r\n\r\nexport async function ImageCropper(\r\n options: MKImageCropperOptions\r\n): Promise<MKImageCropperResult> {\r\n const ratioOptions = options.ratioOptions ?? [];\r\n const fixedBox = options.fixedBox ?? false;\r\n\r\n return new Promise((resolve) => {\r\n const imageCropperContentEl: Ref<typeof ImageCropperContent \| null> =\r\n ref(null);\r\n\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n\r\n resolve({\r\n isConfirm: false,\r\n data: \"\",\r\n size: { width: 0, height: 0 },\r\n });\r\n };\r\n\r\n const handleConfirmClick = async () => {\r\n dialogInstance.destroy();\r\n\r\n const cropperRef = unref(imageCropperContentEl)!.cropperRef;\r\n \r\n resolve({\r\n isConfirm: true,\r\n data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\r\n size: { width: cropperRef.cropW, height: cropperRef.cropH },\r\n });\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"图片裁切\",\r\n onClose: handleCancelClick,\r\n body: () => {\r\n return (\r\n <ImageCropperContent\r\n ref={((el: any) => (imageCropperContentEl.value = el)) as any}\r\n src={options.src}\r\n fixedBox={fixedBox}\r\n ratioOptions={ratioOptions}\r\n maxHeight={options.maxHeight}\r\n maxWidth={options.maxWidth}\r\n />\r\n );\r\n },\r\n footer: () => {\r\n return (\r\n <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确认\r\n </ElButton>\r\n </Fragment>\r\n );\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","maxHeight","maxWidth","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAqBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,QAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,IAAAA,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,UAAY,aACfD,QAAQgC;AAAAA,UAAS,YAClBhC,QAAQiC;AAAAA,QAAQ,GAAA,IAAA;AAAA,MAG/B;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAP,IAAA,YAAAQ,IAAA,UAAAR,MAAAA,CAAAA,IAAAA,YAAAS,YAAAA,UAAA;AAAA,UAAA,WAEuB7B;AAAAA,QAAiB,GAAA;AAAA,UAAA8B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAS,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFrB;AAAAA,QAAkB,GAAA;AAAA,UAAAsB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}

package/dist/cjs/components/basic/upload-file/ui/upload-image/upload-image.js CHANGED Viewed

@@ -45,7 +45,6 @@ const MKUploadImageItem = /* @__PURE__ */ vue.defineComponent({
         emit("update:modelValue", v);
       }
     });
-    console.log(props.uploadContext);
     const handleUpdateModelValue = (v) => {
       modelValue.value = v;
     };
@@ -162,7 +161,6 @@ const UploadImage = /* @__PURE__ */ vue.defineComponent({
     };
     return () => {
       const _multiple = vue.unref(multiple);
-      console.log(_multiple);
       let content;
       if (!_multiple) {
         content = vue.createVNode(MKUploadImageItem, {

package/dist/cjs/components/basic/upload-file/ui/upload-image/upload-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n name: \"MKUploadImageItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"Plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n console.log(props.uploadContext)\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleView = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n emit(\"view\", unref(modelValue));\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <ElImage ref={\r\n ((el: InstanceType<typeof ElImage>) =>\r\n (imageInstance.value = el)) as any\r\n }\r\n src={unref(modelValue)}\r\n class=\"mk-upload-image-item__image\"\r\n fit=\"contain\"\r\n />\r\n\r\n <div class=\"mk-upload-image-item__mask\">\r\n <ElTooltip content=\"查看\">\r\n <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <MKSvgIcon iconClass={props.icon} />;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-image-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadImage\",\r\n props: uploadImageProps,\r\n emits: uploadImageEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowImageViewer.value = true;\r\n currentImageSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowImageViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n console.log(_multiple)\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadImageItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n const imageViewer = unref(isShowImageViewer) ? (\r\n <ElImageViewer teleported zIndex={99}\r\n onClose={handleCloseImageViewer}\r\n urlList={[unref(currentImageSrc)]}\r\n />\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-upload-image\" style={{ width: !_multiple ? \"\" : props.width }}>\r\n {content}\r\n {imageViewer}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","console","log","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":"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"}
1	+ {"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n name: \"MKUploadImageItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"Plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleView = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n emit(\"view\", unref(modelValue));\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <ElImage ref={\r\n ((el: InstanceType<typeof ElImage>) =>\r\n (imageInstance.value = el)) as any\r\n }\r\n src={unref(modelValue)}\r\n class=\"mk-upload-image-item__image\"\r\n fit=\"contain\"\r\n />\r\n\r\n <div class=\"mk-upload-image-item__mask\">\r\n <ElTooltip content=\"查看\">\r\n <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <MKSvgIcon iconClass={props.icon} />;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-image-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadImage\",\r\n props: uploadImageProps,\r\n emits: uploadImageEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowImageViewer.value = true;\r\n currentImageSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowImageViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadImageItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n const imageViewer = unref(isShowImageViewer) ? (\r\n <ElImageViewer teleported zIndex={99}\r\n onClose={handleCloseImageViewer}\r\n urlList={[unref(currentImageSrc)]}\r\n />\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-upload-image\" style={{ width: !_multiple ? \"\" : props.width }}>\r\n {content}\r\n {imageViewer}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,oBAAoBC,oBAAAA,gBAAgB;AAAA,EACxCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,YAAY;AAAA,MACVC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDC,eAAe;AAAA,MACbH,MAAMI,cAAa;AAAA,MACnBC,UAAU;AAAA,IACX;AAAA,IACDC,OAAO;AAAA,MACLN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDK,QAAQ;AAAA,MACNP,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDM,MAAM;AAAA,MACJR,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACDO,OAAO,CAAC,qBAAqB,QAAQ,QAAQ;AAAA,EAC7CC,MAAMZ,OAAO;AAAA,IAAEa;AAAAA,EAAK,GAAG;AACrB,UAAMC,qBACJC,QAAI,IAAI;AAEV,UAAMC,gBAA0DD,QAAI,IAAI;AAExE,UAAMd,aAAagB,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMlB,MAAMC;AAAAA,MACjBkB,KAAMC,OAAc;AAClBP,aAAK,qBAAqBO,CAAC;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,UAAMC,yBAA0BD,OAAc;AAC5CnB,iBAAWqB,QAAQF;AAAAA;AAGrB,UAAMG,cAAeC,WAAsB;;AACzCA,YAAMC,gBAAe;AAErB,UAAIC,IAAAA,MAAMzB,UAAU,GAAG;AACrB;AAAA,MACF;AAEAyB,sBAAMZ,kBAAkB,MAAxBY,mBAA2BC;AAAAA;AAG7B,UAAMC,aAAcJ,WAAsB;AACxCA,YAAMC,gBAAe;AAErBZ,WAAK,QAAQa,UAAMzB,UAAU,CAAC;AAAA;AAGhC,UAAM4B,eAAgBL,WAAsB;AAC1CA,YAAMC,gBAAe;AAGrBZ,WAAK,UAAUa,UAAMzB,UAAU,CAAC;AAAA;AAGlC,WAAO,MAAM;AACX,UAAI6B;AAEJ,UAAIJ,IAAAA,MAAMzB,UAAU,GAAG;AACrB6B,kBAAOC,IAAA,YAAAC,IAAA,UAAAD,MAAAA,CAAAA,IAAAA,YAAAE,YAAAA,SAAA;AAAA,UAAA,OAGCC,QACClB,cAAcM,QAAQY;AAAAA,UAAG,OAEvBR,IAAK,MAACzB,UAAU;AAAA,UAAC,SAAA;AAAA,UAAA,OAAA;AAAA,QAAA,GAAA,IAAA,GAAA8B,IAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAI,uBAAA;AAAA,UAAA,WAAA;AAAA,QAAA,GAAA;AAAA,UAAA/B,SAAAA,MAAA2B,CAAAA,IAAA,YAAAK,iBAAA;AAAA,YAAA,aAAA;AAAA,YAAA,WAOiBR;AAAAA,UAAU,GAAA,IAAA,CAAA;AAAA,SAAAG,GAAAA,IAAA,YAAAI,uBAAA;AAAA,UAAA,WAAA;AAAA,QAAA,GAAA;AAAA,UAAA/B,SAAAA,MAAA2B,CAAAA,IAAA,YAAAK,iBAAA;AAAA,YAAA,aAAA;AAAA,YAAA,WAGRP;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAI1D,CAAA,CAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLC,kBAAOC,IAAA,YAAAK,iBAAA;AAAA,UAAA,aAAyBpC,MAAMU;AAAAA,QAAQ,GAAA,IAAA;AAAA,MAChD;AAEA,aAAAqB,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAC2C;AAAA,UAAEvB,OAAOR,MAAMQ;AAAAA,UAAOC,QAAQT,MAAMS;AAAAA,QAAO;AAAA,SAACsB,CAAAA,IAAA,YAAAM,yBAAA;AAAA,QAAA,cAErErC,MAAMC;AAAAA,QAAU,uBACPoB;AAAAA,QAAsB,iBAC5BrB,MAAMK;AAAAA,QAAa,OAE9B6B,QACCpB,mBAAmBQ,QAAQY;AAAAA,MAAG,GAAA;AAAA,QAAA9B,SAAAA,MAAA,CAAA2B,IAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,UAAA,WAGiBR;AAAAA,QAAW,GAAA,CAC5DO,OAAO,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAMpB;AACF,CAAC;AAED,MAAehC,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOsC,mBAAgB;AAAA,EACvB3B,OAAO4B,mBAAgB;AAAA,EACvB3B,MAAMZ,OAAO;AAAA,IAAEa;AAAAA,EAAK,GAAG;AACrB,UAAMZ,aAAagB,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMlB,MAAMC;AAAAA,MACjBkB,KAAMC,OAAyBP,KAAK,qBAAqBO,CAAC;AAAA,IAC5D,CAAC;AAED,UAAMoB,kBAA+BzB,QAAI,EAAE;AAE3C,UAAM0B,WAAWxB,IAAQ,SAAC,MAAMjB,MAAMyC,QAAQ;AAE9C,UAAMC,oBAAkC3B,QAAI,KAAK;AAEjD4B,QAAAA,MACE1B,IAAAA,SAAS,MAAM,CAACS,IAAK,MAACzB,UAAU,GAAGyB,IAAAA,MAAMe,QAAQ,CAAC,CAAC,GACnD,CAAC,CAACnB,OAAOmB,SAAQ,MAAM;AACrB,UAAIA,aAAY,CAACG,MAAMC,QAAQvB,KAAK,GAAG;AACrCrB,mBAAWqB,QAAQ;MACrB;AAAA,IACF,GACA;AAAA,MAAEwB,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMjB,eAAgBkB,SAAgB;AACpC,UAAI,CAACrB,IAAAA,MAAMe,QAAQ,GAAG;AACpBxC,mBAAWqB,QAAQ;AACnB;AAAA,MACF;AAEA,YAAM0B,SAAQtB,IAAAA,MAAMzB,UAAU,EAAEgD,QAAQF,GAAG;AAE3C,UAAIC,WAAU,IAAI;AAChB;AAAA,MACF;AAEC/C,iBAAWqB,MAAmB4B,OAAOF,QAAO,CAAC;AAAA;AAGhD,UAAMG,wBAAyBJ,SAAgB;AAC7CL,wBAAkBpB,QAAQ;AAC1BkB,sBAAgBlB,QAAQyB;AAAAA;AAG1B,UAAMK,yBAAyBA,MAAM;AACnCV,wBAAkBpB,QAAQ;AAAA;AAG5B,UAAM+B,oBAAqBN,SAAgB;AACzC,YAAMO,SAAS5B,UAAMzB,UAAU;AAE/B,UAAI2C,MAAMC,QAAQS,MAAM,GAAG;AACzBA,eAAOC,KAAKR,GAAG;AAAA,MACjB;AAAA;AAGF,WAAO,MAAM;AACX,YAAMS,YAAY9B,UAAMe,QAAQ;AAChC,UAAIX;AAEJ,UAAI,CAAC0B,WAAW;AACd1B,kBAAOC,IAAA,YAAAlC,mBAAA;AAAA,UAAA,UAEKsD;AAAAA,UAAqB,YACnBtB;AAAAA,UAAY,cACVH,IAAK,MAACzB,UAAU;AAAA,UAAC,uBACPqB,WAAWrB,WAAWqB,QAAQA;AAAAA,UAAM,iBAC3CtB,MAAMK;AAAAA,UAAa,SAC3BL,MAAMQ;AAAAA,UAAK,UACVR,MAAMS;AAAAA,UAAM,QACdT,MAAMU;AAAAA,QAEf,GAAA,IAAA;AAAA,MACH,OAAO;AACL,YAAI+C,SAAyB;AAE7B,YAAIb,MAAMC,QAAQnB,UAAMzB,UAAU,CAAC,GAAG;AACpCwD,mBAAU/B,IAAK,MAACzB,UAAU,EAAeyD,IAAKX,SAAGhB,IAAA,YAAAlC,mBAAA;AAAA,YAAA,UAErCsD;AAAAA,YAAqB,YACnBtB;AAAAA,YAAY,cACVkB;AAAAA,YAAG,iBACA/C,MAAMK;AAAAA,YAAa,SAC3BL,MAAMQ;AAAAA,YAAK,UACVR,MAAMS;AAAAA,YAAM,QACdT,MAAMU;AAAAA,UAAI,GAAA,IAAA,CAEnB;AAAA,QACH;AAEAoB,kBAAOC,IAAA,YAAAC,qBAEFyB,QAAM1B,IAAA,YAAAlC,mBAAA;AAAA,UAAA,uBAEgBwD;AAAAA,UAAiB,iBACvBrD,MAAMK;AAAAA,UAAa,SAC3BL,MAAMQ;AAAAA,UAAK,UACVR,MAAMS;AAAAA,UAAM,QACdT,MAAMU;AAAAA,WAGjB,IAAA,CAAA,CAAA;AAAA,MACH;AAEA,YAAMiD,cAAcjC,IAAK,MAACgB,iBAAiB,IAACX,IAAAA,YAAA6B,YAAAA,eAAA;AAAA,QAAA,cAAA;AAAA,QAAA,UACR;AAAA,QAAE,WACzBR;AAAAA,QAAsB,WACtB,CAAC1B,UAAMc,eAAe,CAAC;AAAA,MAAC,GAAA,IAAA,IAEjC;AAEJ,aAAAT,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SACsC;AAAA,UAAEvB,OAAO,CAACgD,YAAY,KAAKxD,MAAMQ;AAAAA,QAAM;AAAA,SACxEsB,CAAAA,SACA6B,WAAW,CAAA;AAAA;EAIpB;AACF,CAAC;;"}

package/dist/cjs/components/basic/visual-page-editor/content-editable.vue.js CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 const vue = require("vue");
 const index = require("./core/index.js");
-const BlockRender = require("./components/BlockRender.js");
-const Dialog = require("./utils/Dialog.js");
+const BlockRender = require("./core/BlockRender.js");
+const Dialog = require("./core/Dialog.js");
 const _hoisted_1 = { class: "mk-visual-page-editor__stage_editable_addblock" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "content-editable",
   setup(__props) {
-    const { PageEditor, ViewDevice } = index.usePageEditor();
+    const { PageEditor, ViewDevice } = index.useVisualPageEditor();
     const editableRef = vue.ref(null);
     const selectIndex = vue.ref(null);
     const clickHandle = (data) => {
@@ -25,11 +25,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const addHandle = async (pos, index2) => {
-      await Dialog.ShowComponentSelectPanel();
+      await Dialog.showModuleSelectPanel();
     };
     const editHandle = async (index2) => {
       const item = PageEditor.get(index2);
-      await Dialog.ShowEditPanel(item, {});
+      const module2 = PageEditor.findModule(item.componentInfo);
+      const result = await Dialog.showEditPanel(module2, { ...item.componentProps });
+      PageEditor.edit(index2, result);
     };
     vue.onMounted(() => {
       var _a;
@@ -41,8 +43,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       PageEditor.setContent({
         version: "1.0.0",
         contents: [
-          { componentInfo: "vp-image", componentProps: { src: "https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/ffd6b7c7f24f42dab3ae1220e18c3723.jpg", id: 1 } },
-          { componentInfo: "vp-image", componentProps: { src: "https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/b9e0baefbd784d70a83e04bea7cd6113.jpg", id: 2 } }
+          { componentInfo: "base-image", componentProps: { src: "https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/ffd6b7c7f24f42dab3ae1220e18c3723.jpg", id: 1 } },
+          { componentInfo: "base-image", componentProps: { src: "https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/b9e0baefbd784d70a83e04bea7cd6113.jpg", id: 2 } }
         ]
       });
     });
@@ -155,11 +157,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                 }),
-                vue.createVNode(_component_el_button, { text: "" }, {
+                vue.createVNode(_component_el_button, {
+                  text: "",
+                  onClick: _cache[5] || (_cache[5] = ($event) => editHandle(selectIndex.value))
+                }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_MKSvgIcon, {
                       iconClass: "Edit",
-                      onClick: _cache[5] || (_cache[5] = ($event) => editHandle(selectIndex.value)),
                       style: { "margin-right": "10px" }
                     }),
                     vue.createTextVNode(" 编辑 ")

package/dist/cjs/components/basic/visual-page-editor/content-editable.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-editable.vue.js","sources":["../../../../../src/components/basic/visual-page-editor/content-editable.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-visual-page-editor__stage_body\" @click=\"clickStageHandle\">\r\n <div class=\"mk-visual-page-editor__stage_editable\" :style=\"{width:(ViewDevice=='pc'?'900px':'640px')}\" ref=\"editableRef\">\r\n <BlockRender v-for=\"(item,index) in PageEditor.getContent().contents\" :key=\"index\" :index=\"index\" :node=\"item\" :active=\"selectIndex==index\" @click=\"clickHandle\"></BlockRender>\r\n <div class=\"mk-visual-page-editor__stage_editable_addblock\">\r\n <el-button text type=\"primary\" size=\"large\" @click=\"addHandle()\">\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-right:10px\" ~~/> \~~r\n 添加\r\n </el-button>\r\n </div>\r\n <div class=\"mk-visual-page-editor-inline-toolbar\" @click..stop :style=\"toolsPos\" v-if=\"selectIndex!=null\">\r\n <el-button-group>\r\n <el-button text v-if=\"selectIndex > 0\" @click=\"PageEditor.exchange(selectIndex,selectIndex-1);selectIndex--\" >\r\n <MKSvgIcon iconClass=\"CaretTop\" style=\"margin-right:10px\"/> \r\n 上移\r\n </el-button>\r\n <el-button text @click=\"PageEditor.exchange(selectIndex,selectIndex+1);selectIndex++\" v-if=\"selectIndex < PageEditor.size() - 1\">\r\n <MKSvgIcon iconClass=\"CaretBottom\" style=\"margin-right:10px\"/> \r\n 下移\r\n </el-button>\r\n <el-button text @click=\"addHandle(selectIndex,selectIndex-1)\">\r\n <MKSvgIcon iconClass=\"Fold\" style=\"margin-right:10px\" ~~/> \~~r\n 插入\r\n </el-button>\r\n <el-button text @click=\"addHandle(selectIndex,selectIndex+1)\">\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-right:10px\"/> \r\n 添加\r\n </el-button>\r\n <el-button text>\r\n <MKSvgIcon iconClass=\"Edit\" ~~@click=\"editHandle(selectIndex)\"~~ style=\"margin-right:10px\"/> \r\n 编辑\r\n </el-button>\r\n <el-button text type=\"danger\" @click=\"PageEditor.remove(selectIndex);selectIndex=null\">\r\n <MKSvgIcon iconClass=\"Delete\" style=\"margin-right:10px\"/> \r\n 删除\r\n </el-button>\r\n </el-button-group>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { nextTick,defineProps,defineEmits,computed,ref,onMounted,onBeforeUnmount,reactive,watch } from \"vue\"\r\nimport { ~~usePageEditor~~,~~useRenderComponent~~ } from \"./core\"\r\nimport BlockRender from \"./~~components~~/BlockRender\"\r\nimport { ~~RenderComponentType~~ } from \"./core/~~RenderComponent~~\"\r\~~nimport { ShowEditPanel,ShowComponentSelectPanel } from \"./utils/Dialog\"\r\~~n\r\nconst { PageEditor,ViewDevice } = ~~usePageEditor~~();\r\nconst editableRef = ref<HTMLDivElement\|null>(null);\r\nconst selectIndex = ref(null);\r\n\r\n// 点击块\r\nconst clickHandle = (data:any)=>{\r\n data.event.stopPropagation();\r\n updateToolsPos();\r\n selectIndex.value = data.index;\r\n}\r\nconst clickStageHandle = ()=>{\r\n selectIndex.value = null;\r\n}\r\n// 工具条位置\r\nconst toolsPos = reactive({ top:\"0px\" });\r\n// 更新工具条位置\r\nconst updateToolsPos = ()=>{\r\n if(editableRef.value != null){\r\n toolsPos.top = Math.max(editableRef.value.parentElement!.scrollTop + editableRef.value.parentElement!.offsetHeight / 2 - 100,5) + \"px\"\r\n }\r\n}\r\n\r\n// 编辑\r\nconst addHandle = async (pos?:any,index?:any) => {\r\n const result = await ~~ShowComponentSelectPanel~~();\r\n}\r\n\r\n// 编辑\r\nconst editHandle = async (index:any) => {\r\n\r\n const item = PageEditor.get(index)\r\n \r\n const result = await ~~ShowEditPanel~~(~~item~~ as ~~any~~,{});\r\n}\r\n\r\nonMounted(()=>{\r\n editableRef.value?.parentElement!.addEventListener(\"scroll\",updateToolsPos,false);\r\n onBeforeUnmount(()=>{\r\n editableRef.value?.parentElement!.removeEventListener(\"scroll\",updateToolsPos);\r\n });\r\n\r\n PageEditor.setContent({\r\n version:\"1.0.0\",\r\n contents:[\r\n {componentInfo:\"vp-image\",componentProps:{src:\"https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/ffd6b7c7f24f42dab3ae1220e18c3723.jpg\",id:1}},\r\n {componentInfo:\"vp-image\",componentProps:{src:\"https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/b9e0baefbd784d70a83e04bea7cd6113.jpg\",id:2}}\r\n ]\r\n })\r\n\r\n});\r\n</script>\r\n"],"names":["~~usePageEditor~~","ref","reactive","index","~~ShowComponentSelectPanel~~","~~ShowEditPanel~~","onMounted","onBeforeUnmount","_a"],"mappings":";;;;;;;;;~~AAiDA~~,UAAM,EAAE,~~YAAW~~,WAAW,IAAIA,~~MAAc~~,~~cAAA~~;~~AAC1C~~,UAAA,cAAcC,~~QAAyB~~,IAAI;~~AAC3C~~,UAAA,cAAcA,QAAI,IAAI;AAGtB,UAAA,cAAc,CAAC,~~SAAW~~;~~AAC9B~~,WAAK,MAAM;AACI;AACf,kBAAY,QAAQ,KAAK;AAAA,IAAA;AAE3B,UAAM,mBAAmB,~~MAAI~~;~~AAC3B~~,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,WAAWC,IAAA,SAAS,EAAE,~~KAAI~~,MAAO,CAAA;~~AAEvC~~,UAAM,iBAAiB,~~MAAI~~;~~AACtB~~,UAAA,YAAY,SAAS,~~MAAK~~;~~AAC3B~~,iBAAS,MAAM,KAAK,IAAI,YAAY,MAAM,cAAe,YAAY,YAAY,MAAM,cAAe,eAAe,IAAI,~~KAAI~~,CAAC,IAAI;AAAA,~~MACpI~~;AAAA,IAAA;AAII,UAAA,~~YAAa~~,OAAO,~~KAASC~~,~~WAAe~~;~~AACjC~~,YAAMC,~~gCAAyB~~;AAAA,IAAA;~~AAI1C~~,UAAA,~~aAAc~~,OAAOD,~~WAAc~~;AAEjC,YAAA,OAAO,WAAW,IAAIA,MAAK;~~AAElB~~,YAAME,~~OAAc~~,~~cAAA~~,~~MAAY~~,EAAE;AAAA,IAAA;~~AAGnDC~~,QAAAA,UAAU,~~MAAI~~;;~~AACZ~~,wBAAY,UAAZ,mBAAmB,cAAe,iBAAiB,~~UAAS~~,~~gBAAe~~;~~AAC3EC~~,UAAAA,gBAAgB,~~MAAI~~;;~~AAClB~~,SAAAC,MAAA,YAAY,UAAZ,gBAAAA,IAAmB,cAAe,oBAAoB,~~UAAS~~;AAAA,MAAc,~~CAC9E~~;AAED,iBAAW,WAAW;AAAA,QACpB,~~SAAQ~~;AAAA,~~QACR~~,~~UAAS~~;AAAA,~~UACP~~,~~EAAC~~,~~eAAc~~,~~YAAW~~,~~gBAAe~~,~~EAAC~~,~~KAAI~~,~~6GAA4G~~,~~IAAG~~,~~IAAE~~;AAAA,~~UAC/J~~,~~EAAC~~,~~eAAc~~,~~YAAW~~,~~gBAAe~~,~~EAAC~~,~~KAAI~~,~~6GAA4G~~,~~IAAG~~,~~IAAE~~;AAAA,~~QACjK~~;AAAA,MAAA,CACD;AAAA,IAAA,CAEF~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"content-editable.vue.js","sources":["../../../../../src/components/basic/visual-page-editor/content-editable.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-visual-page-editor__stage_body\" @click=\"clickStageHandle\">\r\n <div class=\"mk-visual-page-editor__stage_editable\" :style=\"{ width: (ViewDevice == 'pc' ? '900px' : '640px') }\"\r\n ref=\"editableRef\">\r\n <BlockRender v-for=\"(item, index) in PageEditor.getContent().contents\" :key=\"index\" :index=\"index\" :node=\"item\"\r\n :active=\"selectIndex == index\" @click=\"clickHandle\"></BlockRender>\r\n <div class=\"mk-visual-page-editor__stage_editable_addblock\">\r\n <el-button text type=\"primary\" size=\"large\" @click=\"addHandle()\">\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-right:10px\" />\r\n 添加\r\n </el-button>\r\n </div>\r\n <div class=\"mk-visual-page-editor-inline-toolbar\" @click..stop :style=\"toolsPos\" v-if=\"selectIndex != null\">\r\n <el-button-group>\r\n <el-button text v-if=\"selectIndex > 0\" @click=\"PageEditor.exchange(selectIndex, selectIndex - 1); selectIndex--\">\r\n <MKSvgIcon iconClass=\"CaretTop\" style=\"margin-right:10px\" />\r\n 上移\r\n </el-button>\r\n <el-button text @click=\"PageEditor.exchange(selectIndex, selectIndex + 1); selectIndex++\"\r\n v-if=\"selectIndex < PageEditor.size() - 1\">\r\n <MKSvgIcon iconClass=\"CaretBottom\" style=\"margin-right:10px\" />\r\n 下移\r\n </el-button>\r\n <el-button text @click=\"addHandle(selectIndex, selectIndex - 1)\">\r\n <MKSvgIcon iconClass=\"Fold\" style=\"margin-right:10px\" />\r\n 插入\r\n </el-button>\r\n <el-button text @click=\"addHandle(selectIndex, selectIndex + 1)\">\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-right:10px\" />\r\n 添加\r\n </el-button>\r\n <el-button text @click=\"editHandle(selectIndex)\">\r\n <MKSvgIcon iconClass=\"Edit\" style=\"margin-right:10px\" />\r\n 编辑\r\n </el-button>\r\n <el-button text type=\"danger\" @click=\"PageEditor.remove(selectIndex); selectIndex = null\">\r\n <MKSvgIcon iconClass=\"Delete\" style=\"margin-right:10px\" />\r\n 删除\r\n </el-button>\r\n </el-button-group>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { nextTick, defineProps, defineEmits, computed, ref, onMounted, onBeforeUnmount, reactive, watch } from \"vue\"\r\nimport { useVisualPageEditor, showEditPanel, showModuleSelectPanel } from \"./core\"\r\nimport BlockRender from \"./core/BlockRender\"\r\nimport { ModuleType } from \"./core/ModuleDefine\";\r\n\r\nconst { PageEditor, ViewDevice } = useVisualPageEditor();\r\nconst editableRef = ref<HTMLDivElement \| null>(null);\r\nconst selectIndex = ref(null);\r\n\r\n// 点击块\r\nconst clickHandle = (data: any) => {\r\n data.event.stopPropagation();\r\n updateToolsPos();\r\n selectIndex.value = data.index;\r\n}\r\nconst clickStageHandle = () => {\r\n selectIndex.value = null;\r\n}\r\n// 工具条位置\r\nconst toolsPos = reactive({ top: \"0px\" });\r\n// 更新工具条位置\r\nconst updateToolsPos = () => {\r\n if (editableRef.value != null) {\r\n toolsPos.top = Math.max(editableRef.value.parentElement!.scrollTop + editableRef.value.parentElement!.offsetHeight / 2 - 100, 5) + \"px\"\r\n }\r\n}\r\n\r\n// 编辑\r\nconst addHandle = async (pos?: any, index?: any) => {\r\n\r\n const result = await showModuleSelectPanel();\r\n\r\n}\r\n\r\n// 编辑\r\nconst editHandle = async (index: any) => {\r\n\r\n const item = PageEditor.get(index)\r\n const module = PageEditor.findModule(item.componentInfo)\r\n const result = await showEditPanel(module as ModuleType, { ...item.componentProps });\r\n PageEditor.edit(index, result as any);\r\n}\r\n\r\nonMounted(() => {\r\n editableRef.value?.parentElement!.addEventListener(\"scroll\", updateToolsPos, false);\r\n onBeforeUnmount(() => {\r\n editableRef.value?.parentElement!.removeEventListener(\"scroll\", updateToolsPos);\r\n });\r\n\r\n PageEditor.setContent({\r\n version: \"1.0.0\",\r\n contents: [\r\n { componentInfo: \"base-image\", componentProps: { src: \"https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/ffd6b7c7f24f42dab3ae1220e18c3723.jpg\", id: 1 } },\r\n { componentInfo: \"base-image\", componentProps: { src: \"https://vgcnminisite.oss-cn-shanghai.aliyuncs.com/uploads/2024/07/03/b9e0baefbd784d70a83e04bea7cd6113.jpg\", id: 2 } }\r\n ]\r\n })\r\n\r\n});\r\n</script>\r\n./core/ModuleDefine./core/BlockRender\r\n./core/Dialog\r\n"],"names":["useVisualPageEditor","ref","reactive","index","showModuleSelectPanel","module","showEditPanel","onMounted","onBeforeUnmount","_a"],"mappings":";;;;;;;;;AAmDA,UAAM,EAAE,YAAY,WAAW,IAAIA,MAAoB,oBAAA;AACjD,UAAA,cAAcC,QAA2B,IAAI;AAC7C,UAAA,cAAcA,QAAI,IAAI;AAGtB,UAAA,cAAc,CAAC,SAAc;AACjC,WAAK,MAAM;AACI;AACf,kBAAY,QAAQ,KAAK;AAAA,IAAA;AAE3B,UAAM,mBAAmB,MAAM;AAC7B,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,WAAWC,IAAA,SAAS,EAAE,KAAK,MAAO,CAAA;AAExC,UAAM,iBAAiB,MAAM;AACvB,UAAA,YAAY,SAAS,MAAM;AAC7B,iBAAS,MAAM,KAAK,IAAI,YAAY,MAAM,cAAe,YAAY,YAAY,MAAM,cAAe,eAAe,IAAI,KAAK,CAAC,IAAI;AAAA,MACrI;AAAA,IAAA;AAII,UAAA,YAAY,OAAO,KAAWC,WAAgB;AAEnC,YAAMC,6BAAsB;AAAA,IAAA;AAKvC,UAAA,aAAa,OAAOD,WAAe;AAEjC,YAAA,OAAO,WAAW,IAAIA,MAAK;AACjC,YAAME,UAAS,WAAW,WAAW,KAAK,aAAa;AACjD,YAAA,SAAS,MAAMC,qBAAcD,SAAsB,EAAE,GAAG,KAAK,gBAAgB;AACxE,iBAAA,KAAKF,QAAO,MAAa;AAAA,IAAA;AAGtCI,QAAAA,UAAU,MAAM;;AACd,wBAAY,UAAZ,mBAAmB,cAAe,iBAAiB,UAAU,gBAAgB;AAC7EC,UAAAA,gBAAgB,MAAM;;AACpB,SAAAC,MAAA,YAAY,UAAZ,gBAAAA,IAAmB,cAAe,oBAAoB,UAAU;AAAA,MAAc,CAC/E;AAED,iBAAW,WAAW;AAAA,QACpB,SAAS;AAAA,QACT,UAAU;AAAA,UACR,EAAE,eAAe,cAAc,gBAAgB,EAAE,KAAK,6GAA6G,IAAI,IAAI;AAAA,UAC3K,EAAE,eAAe,cAAc,gBAAgB,EAAE,KAAK,6GAA6G,IAAI,IAAI;AAAA,QAC7K;AAAA,MAAA,CACD;AAAA,IAAA,CAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/visual-page-editor/core/BlockRender.js ADDED Viewed

@@ -0,0 +1,38 @@
+"use strict";
+const vue = require("vue");
+const index = require("./index.js");
+const BlockRender = vue.defineComponent({
+  name: "BlockRender",
+  emits: ["click"],
+  props: {
+    node: { type: Object },
+    parent: { type: Object },
+    index: { type: Number },
+    active: { type: Boolean }
+  },
+  setup: (props, { emit }) => {
+    const { PageEditor } = index.useVisualPageEditor();
+    return () => {
+      const content = props.node;
+      const module2 = PageEditor.findModule(content.componentInfo);
+      if (module2 != null) {
+        const vnode = typeof module2.component === "function" ? module2.component(content.componentProps) : vue.h(module2.component, content.componentProps);
+        return vue.h("div", { class: "mk-visual-page-editor__stage_block" }, [
+          vnode,
+          vue.h("div", {
+            class: { "mk-visual-page-editor__stage_block_mask": true, active: props.active },
+            onClick: (ev) => {
+              emit("click", { node: content, options: module2, index: props.index, parent: props.parent, event: ev });
+            }
+          })
+        ]);
+      } else {
+        return vue.h("div", { class: "mk-visual-page-editor__stage_block" }, [
+          `未知的模块【${content.componentInfo}】!请注册！`
+        ]);
+      }
+    };
+  }
+});
+module.exports = BlockRender;
+//# sourceMappingURL=BlockRender.js.map

package/dist/cjs/components/basic/visual-page-editor/core/BlockRender.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BlockRender.js","sources":["../../../../../../src/components/basic/visual-page-editor/core/BlockRender.ts"],"sourcesContent":["import { defineComponent,defineProps,defineEmits,computed,ref,onMounted,watch,h,type Component } from \"vue\"\r\nimport { ContentBlockType } from \"./ContentConfig\"\r\nimport { useVisualPageEditor } from \".\"\r\n\r\nexport default defineComponent({\r\n name:\"BlockRender\",\r\n emits:[\"click\"],\r\n props:{\r\n node:{type:Object},\r\n parent:{type:Object},\r\n index:{type:Number},\r\n active:{type:Boolean}\r\n },\r\n setup:(props,{ emit })=>{\r\n\r\n const { PageEditor } = useVisualPageEditor();\r\n\r\n return ()=>{\r\n\r\n const content = props.node as ContentBlockType;\r\n const module = PageEditor.findModule(content.componentInfo);\r\n\r\n if(module != null){\r\n\r\n const vnode = typeof module.component === \"function\" ? (module.component as any)(content.componentProps) : h(module.component,content.componentProps);\r\n\r\n return h(\"div\",{class:\"mk-visual-page-editor__stage_block\"},[\r\n vnode,\r\n h(\"div\",{ \r\n class:{\"mk-visual-page-editor__stage_block_mask\":true,active:props.active},\r\n onClick:ev=>{\r\n emit(\"click\",{ node:content,options:module,index:props.index,parent:props.parent,event:ev })\r\n }\r\n })\r\n ])\r\n }\r\n else{\r\n return h(\"div\",{class:\"mk-visual-page-editor__stage_block\"},[\r\n `未知的模块【${content.componentInfo}】!请注册！`\r\n ])\r\n }\r\n\r\n \r\n }\r\n }\r\n});\r\n"],"names":["defineComponent","useVisualPageEditor","module","h"],"mappings":";;;AAIA,MAAA,cAAeA,oBAAgB;AAAA,EAC7B,MAAK;AAAA,EACL,OAAM,CAAC,OAAO;AAAA,EACd,OAAM;AAAA,IACJ,MAAK,EAAC,MAAK,OAAM;AAAA,IACjB,QAAO,EAAC,MAAK,OAAM;AAAA,IACnB,OAAM,EAAC,MAAK,OAAM;AAAA,IAClB,QAAO,EAAC,MAAK,QAAO;AAAA,EACtB;AAAA,EACA,OAAM,CAAC,OAAM,EAAE,WAAS;AAEhB,UAAA,EAAE,eAAeC,MAAAA;AAEvB,WAAO,MAAI;AAET,YAAM,UAAU,MAAM;AACtB,YAAMC,UAAS,WAAW,WAAW,QAAQ,aAAa;AAE1D,UAAGA,WAAU,MAAK;AAEhB,cAAM,QAAQ,OAAOA,QAAO,cAAc,aAAcA,QAAO,UAAkB,QAAQ,cAAc,IAAIC,IAAAA,EAAED,QAAO,WAAU,QAAQ,cAAc;AAEpJ,eAAOC,IAAE,EAAA,OAAM,EAAC,OAAM,wCAAsC;AAAA,UAC1D;AAAA,UACAA,IAAAA,EAAE,OAAM;AAAA,YACN,OAAM,EAAC,2CAA0C,MAAK,QAAO,MAAM,OAAM;AAAA,YACzE,SAAQ,CAAI,OAAA;AACV,mBAAK,SAAQ,EAAE,MAAK,SAAQ,SAAQD,SAAO,OAAM,MAAM,OAAM,QAAO,MAAM,QAAO,OAAM,IAAI;AAAA,YAC7F;AAAA,UAAA,CACD;AAAA,QAAA,CACF;AAAA,MAAA,OAEC;AACF,eAAOC,IAAE,EAAA,OAAM,EAAC,OAAM,wCAAsC;AAAA,UAC3D,SAAS,QAAQ,aAAa;AAAA,QAAA,CAC9B;AAAA,MACH;AAAA,IAAA;AAAA,EAIJ;AACF,CAAC;;"}

package/dist/cjs/components/basic/visual-page-editor/core/Dialog.js ADDED Viewed

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const dm = require("@maketribe/dm");
+const elementPlus = require("element-plus");
+const dialog = require("../../dynamic-form-panel/dialog.js");
+require("@element-plus/icons-vue");
+require("@maketribe/utils");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("../../../../modules/ms/dataviews/ms-config/MsConfigTable.js");
+require("lodash-es");
+require("../../../../modules/ms/components/material-list/index.js");
+require("../../image-cropper/index.js");
+require("../../upload-file/upload-file.js");
+require("../../upload-file/context/web-file-upload-context.js");
+require("../../upload-file/context/web-file-upload-context-options.js");
+require("../../upload-file/ui/upload-image/index.js");
+require("../../upload-file/ui/upload-file/index.js");
+require("../../upload-file/ui/upload-video/index.js");
+require("../../upload-file/upload-file-options.js");
+require("./index.js");
+const showEditPanel = async (moduleOptons, props) => {
+  return await dialog.showDynamicFormDialoger(moduleOptons.title, moduleOptons.options, props);
+};
+const showModuleSelectPanel = async () => {
+  return new Promise((resolve) => {
+    const selectComponentOption = vue.ref(null);
+    const handleCancelClick = () => {
+      dialogInstance.destroy();
+    };
+    const handleConfirmClick = () => {
+      dialogInstance.destroy();
+      resolve(selectComponentOption.value);
+    };
+    const dialogInstance = dm.Dialoger.customRender({
+      title: "模块库",
+      class: "mk-html-editor-dialog",
+      width: "70%",
+      onClose: () => {
+        dialogInstance.destroy();
+      },
+      body: () => {
+        return vue.createVNode("div", null, [vue.createVNode(elementPlus.ElInput, null, null), vue.createVNode(elementPlus.ElCollapse, null, {
+          default: () => [vue.createVNode(elementPlus.ElCollapseItem, {
+            "title": "基础模块",
+            "name": "base"
+          }, null), vue.createVNode(elementPlus.ElCollapseItem, {
+            "title": "业务模块",
+            "name": "business"
+          }, null), vue.createVNode(elementPlus.ElCollapseItem, {
+            "title": "自定义模块",
+            "name": "custom"
+          }, null)]
+        })]);
+      },
+      footer: () => {
+        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("确定")]
+        })]);
+      }
+    });
+  });
+};
+exports.showEditPanel = showEditPanel;
+exports.showModuleSelectPanel = showModuleSelectPanel;
+//# sourceMappingURL=Dialog.js.map

package/dist/cjs/components/basic/visual-page-editor/core/Dialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/basic/visual-page-editor/core/Dialog.tsx"],"sourcesContent":["\r\nimport { Fragment, ref, unref, resolveComponent, h, reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { ElButton, ElForm, ElFormItem, ElCollapse, ElCollapseItem, ElInput } from \"element-plus\";\r\nimport { ModuleType } from \"./ModuleDefine\"\r\nimport { showDynamicFormDialoger } from \"../../dynamic-form-panel\"\r\nimport { useVisualPageEditor } from \".\"\r\n\r\n/**\r\n * \r\n * @param data \r\n * @param props \r\n * @returns \r\n */\r\nexport const showEditPanel = async (moduleOptons: ModuleType, props: any) => {\r\n\r\n return await showDynamicFormDialoger(moduleOptons.title,moduleOptons.options,props)\r\n}\r\n\r\n/**\r\n * \r\n * @param data \r\n * @param props \r\n * @returns \r\n */\r\nexport const showModuleSelectPanel = async () => {\r\n return new Promise(resolve => {\r\n\r\n const { PageEditor } = useVisualPageEditor();\r\n\r\n const selectComponentOption = ref(null);\r\n\r\n // 取消编辑\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n };\r\n\r\n // 确认编辑\r\n const handleConfirmClick = () => {\r\n dialogInstance.destroy();\r\n resolve(selectComponentOption.value);\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"模块库\",\r\n class: \"mk-html-editor-dialog\",\r\n width: \"70%\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return <div>\r\n <ElInput />\r\n <ElCollapse>\r\n <ElCollapseItem title=\"基础模块\" name=\"base\">\r\n\r\n </ElCollapseItem>\r\n <ElCollapseItem title=\"业务模块\" name=\"business\">\r\n\r\n </ElCollapseItem>\r\n <ElCollapseItem title=\"自定义模块\" name=\"custom\">\r\n\r\n </ElCollapseItem>\r\n </ElCollapse>\r\n </div>\r\n },\r\n footer: () => {\r\n return <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确定\r\n </ElButton>\r\n </Fragment>\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["showEditPanel","moduleOptons","props","showDynamicFormDialoger","title","options","showModuleSelectPanel","Promise","resolve","selectComponentOption","ref","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","Dialoger","customRender","class","width","onClose","body","_createVNode","ElInput","ElCollapse","default","ElCollapseItem","footer","_Fragment","ElButton","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,gBAAgB,OAAOC,cAA0BC,UAAe;AAE3E,SAAO,MAAMC,OAAuB,wBAACF,aAAaG,OAAMH,aAAaI,SAAQH,KAAK;AACpF;AAQaI,MAAAA,wBAAwB,YAAY;AAC/C,SAAO,IAAIC,QAAQC,aAAW;AAI5B,UAAMC,wBAAwBC,QAAI,IAAI;AAGtC,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAAA;AAIxB,UAAMC,qBAAqBA,MAAM;AAC/BF,qBAAeC,QAAO;AACtBL,cAAQC,sBAAsBM,KAAK;AAAA;AAGrC,UAAMH,iBAAiBI,GAAQ,SAACC,aAAa;AAAA,MAC3Cb,OAAO;AAAA,MACPc,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,SAASA,MAAM;AACbR,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDQ,MAAMA,MAAM;AACV,eAAAC,8BAAAA,IAAAA,YAAAC,YAAAA,SAAAD,MAAAA,IAAAA,GAAAA,gBAAAE,YAAAA,YAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,aAAAJ,IAAAA,GAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,aAAAJ,IAAAA,GAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAcD;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAL,IAAA,YAAAM,IAAA,UAAAN,MAAAA,CAAAA,IAAAA,YAAAO,YAAAA,UAAA;AAAA,UAAA,WACqBlB;AAAAA,QAAiB,GAAA;AAAA,UAAAc,SAAAA,MAAA,CAAAK,oBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFf;AAAAA,QAAkB,GAAA;AAAA,UAAAW,SAAAA,MAAA,CAAAK,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIxD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;;"}