super-page-runtime 2.1.50 → 2.1.54

package/dist/es/components/runtime/views/assemblys/chart/table/table-runtime.vue2.js

@@ -1,10 +1,11 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow, withCtx, Fragment, renderList, createBlock, watch, h } from "vue";
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow, withCtx, Fragment, renderList, createBlock, createCommentVNode, watch, h } from "vue";
 import _sfc_main$1 from "../common/common-chart-header.vue.js";
-import { getChartDatasFromPage, isPromise, getValueFromVariable } from "../../../../utils/page-helper-util.js";
+import { getChartDatasFromPage, isPromise, getValueFromVariable, setValueForVariableName, updateChartDatasourcesByComponent } from "../../../../utils/page-helper-util.js";
 import { getCustomFunc } from "../../../../utils/events/event-util.js";
 import _sfc_main$2 from "./group-column.vue.js";
 import _sfc_main$3 from "./normal-column.vue.js";
-import { getSummaryTitleColumn, getSummaryDataColumn, rowDataToColumn, getColumnToRowTableConfig, colDataToRow, summaryStatistics, replacePlaceholders, getHeaderCellStyleUtil, getRowStyleUtil, getCellStyleUtil, getIndexColumn } from "./chart-table-util.js";
+import _sfc_main$4 from "./table-pageination.vue.js";
+import { getSummaryTitleColumn, getSummaryDataColumn, rowDataToColumn, getColumnToRowTableConfig, colDataToRow, computeFormula, summaryStatistics, replacePlaceholders, getHeaderCellStyleUtil, getRowStyleUtil, getCellStyleUtil, getIndexColumn } from "./chart-table-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-runtime",
   props: {
@@ -41,6 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const groupSummaryColumns = ref({});
     const groupSummaryDataRowIndex = [];
     const columnStyleSourceConfig = ref({});
+    const dataFormulaMapping = ref({});
+    const total = ref(0);
+    let tmpTableData = [];
     if (!props.configure.props.modelCustom) {
       if (!isEnableGroupHeader.value) {
         tableColumnsConfig.value = props.configure.items;
@@ -50,7 +54,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (_a = props.configure.items) == null ? void 0 : _a.forEach((item) => {
         columnsConfigKeyValues.value[item.uuid] = item;
         if (Object.keys(item.style).length > 0) {
-          columnStyleSourceConfig.value[item.props.base.prop] = { cellStyle: item.style, titleStyle: item.titleStyle };
+          columnStyleSourceConfig.value[item.props.base.prop] = {
+            cellStyle: item.style,
+            titleStyle: item.titleStyle
+          };
+        }
+        if (item.formula && item.formula.trim() !== "") {
+          dataFormulaMapping.value[item.props.base.prop] = item.formula;
         }
       });
     }
@@ -76,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       watch(
         () => path.reduce((obj, key) => obj[key], props.pageContext.entity),
         (newVal) => {
-          loadTable(JSON.parse(JSON.stringify(newVal)));
+          loadTable(JSON.parse(JSON.stringify(newVal)), null);
         }
       );
     }
@@ -117,7 +127,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       }
-      let tmpTableData = [];
       if (props.configure.props.dataOrigin.dataSource === "service" && resultData.result) {
         tmpTableData = resultData.result[props.configure.props.dataOrigin.service.serviceDataField];
       } else if (props.configure.props.dataOrigin.dataSource === "variable") {
@@ -128,16 +137,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
       }
       if (tmpTableData) {
-        loadTable(tmpTableData);
+        loadTable(tmpTableData, resultData);
       }
     }
-    function loadTable(tmpTableData) {
+    function loadTable(tmpTableData2, resultData) {
+      var _a2;
       if (enableTransition("rowToColumn")) {
-        tmpTableData = rowDataToColumn(tmpTableData, props.configure);
+        tmpTableData2 = rowDataToColumn(tmpTableData2, props.configure);
         if (!isEnableGroupHeader.value) {
           const updatedColumnConfig = updateColumnConfig(
             tableColumnsConfig.value,
-            tmpTableData,
+            tmpTableData2,
             props.configure.props.dataOrigin.rowToColumn.titleColumns,
             props.configure.props.dataOrigin.rowToColumn.dataColumns
           );
@@ -147,18 +157,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!isEnableGroupHeader.value) {
           tableColumnsConfig.value = getColumnToRowTableConfig(props.configure);
         }
-        tmpTableData = colDataToRow(tmpTableData, props.configure);
+        tmpTableData2 = colDataToRow(tmpTableData2, props.configure);
       }
       if (props.configure.props.dataOrigin.dataFormatting) {
         const func = getCustomFunc(props.pageContext, props.configure.props.dataOrigin.dataFormatting);
         if (func) {
-          const resultValue = func.apply(func, [{ tableData: tmpTableData }]);
+          const resultValue = func.apply(func, [{ tableData: tmpTableData2 }]);
           if (resultValue) {
-            tableData.value = resultValue;
+            tmpTableData2 = resultValue;
           }
         }
+      }
+      if (Object.keys(dataFormulaMapping.value).length > 0 && tmpTableData2 && tmpTableData2.length > 0) {
+        tmpTableData2.forEach((item) => {
+          Object.keys(dataFormulaMapping.value).forEach((key) => {
+            const formula = dataFormulaMapping.value[key];
+            item[key] = computeFormula(item, formula);
+          });
+        });
+      }
+      if ((_a2 = props.configure.pageination) == null ? void 0 : _a2.enable) {
+        tableDataPageination(resultData);
       } else {
-        tableData.value = tmpTableData;
+        tableData.value = tmpTableData2;
       }
       if (props.configure.props.highOrder.groupField && props.configure.props.highOrder.groupField.length > 0) {
         const groupField = props.configure.props.highOrder.groupField;
@@ -172,7 +193,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function getHeaderCellStyle(data) {
       const cellTitleStyle = columnStyleSourceConfig.value[data.column.property] ? columnStyleSourceConfig.value[data.column.property].titleStyle : null;
       const rowTitleStyle = runtimeStyle == null ? void 0 : runtimeStyle.titleStyle;
-      return getHeaderCellStyleUtil(data, { cellTitleStyle, titleStyle: rowTitleStyle }, props);
+      return getHeaderCellStyleUtil(
+        data,
+        { cellTitleStyle, titleStyle: rowTitleStyle },
+        props
+      );
     }
     function getRowStyle(data) {
       return getRowStyleUtil(data, groupSummaryDataRowIndex, props);
@@ -310,18 +335,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const groupResult = Object.values(groupedData);
       for (let i = 0; i < groupResult.length; i++) {
         const group = groupResult[i];
-        const total = {};
+        const total2 = {};
         summaryColumns == null ? void 0 : summaryColumns.forEach((column) => {
           const prop = column.props.base.prop;
           const res = summaryStatistics(groupSummaryColumns.value[prop], group, prop, props.pageContext);
-          total[prop] = res;
+          total2[prop] = res;
         });
         result.push(...group);
         groupColumns == null ? void 0 : groupColumns.forEach((column) => {
           const prop = column.props.base.prop;
-          total[prop] = replacePlaceholders(column.props.base.summaryTitle, group[0]);
+          total2[prop] = replacePlaceholders(column.props.base.summaryTitle, group[0]);
         });
-        result.push(total);
+        result.push(total2);
         groupSummaryDataRowIndex.push(result.length - 1);
       }
       return result;
@@ -334,6 +359,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    function tableDataPageination(resultData) {
+      if (props.configure.pageination.type === "frontend") {
+        total.value = tmpTableData.length;
+        frontendPageination(1, props.configure.pageination.pageSize);
+      } else if (props.configure.pageination.type === "backend") {
+        tableData.value = tmpTableData;
+        if (props.configure.pageination.totalFrom) {
+          total.value = resultData.result[props.configure.pageination.totalFrom];
+        }
+      }
+    }
+    function pageChange(currentPage, pageSize) {
+      if (props.configure.pageination.type === "frontend") {
+        frontendPageination(currentPage, pageSize);
+      } else {
+        backendPageination(currentPage, pageSize);
+      }
+    }
+    function pageSizeChange(currentPage, pageSize) {
+      if (props.configure.pageination.type === "frontend") {
+        frontendPageination(currentPage, pageSize);
+      } else {
+        backendPageination(currentPage, pageSize);
+      }
+    }
+    function frontendPageination(currentPage, pageSize) {
+      if (tmpTableData) {
+        tableData.value = tmpTableData.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+      }
+    }
+    function backendPageination(currentPage, pageSize) {
+      if (props.configure.pageination.currentPageSet) {
+        setValueForVariableName(
+          props.pageContext.entity,
+          props.configure.pageination.currentPageSet,
+          currentPage
+        );
+      }
+      if (props.configure.pageination.pageSizeSet) {
+        setValueForVariableName(
+          props.pageContext.entity,
+          props.configure.pageination.pageSizeSet,
+          pageSize
+        );
+      }
+      updateChartDatasourcesByComponent(props.pageContext, props.configure.uuid);
+    }
     function exportChart() {
     }
     __expose({
@@ -391,7 +463,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }, 8, ["data", "show-summary", "stripe"])
+        }, 8, ["data", "show-summary", "stripe"]),
+        __props.configure.pageination && __props.configure.pageination.enable ? (openBlock(), createBlock(_sfc_main$4, {
+          key: 0,
+          configure: __props.configure,
+          "table-data": tableData.value,
+          total: total.value,
+          onPageChange: pageChange,
+          onPageSizeChange: pageSizeChange
+        }, null, 8, ["configure", "table-data", "total"])) : createCommentVNode("", true)
       ], 6);
     };
   }

package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -15,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeStyle = ref(runtimeInfo.style ? runtimeInfo.style : {});
     const runtimeClass = runtimeInfo.class;
     onMounted(() => {
+      console.log("tools-runtime.vue-onMounted");
       if (thisRef.value && thisRef.value.parentNode) {
         const resizeObserver2 = new ResizeObserver((entries) => {
           for (let entry of entries) {

package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, watch, onUnmounted, resolveComponent, openBlock, createElementBlock, createVNode, unref } from "vue";
 import "agilebuilder-ui";
 import { setTableEvents, canExecuteButton, doAfterClickEvent, getEventNameByType, doBeforeClickEvent, getHandleEvent, gridSelectRecord, gridSelectAllRecords, gridSelectionChange, cellClick, cellDblClick, rowClick, rowDblClick, headerClick } from "../../../../utils/events/event-util.js";
-import { getBaseUrl, getListCode, getRealRestApiPath } from "../../../../utils/common-util.js";
+import { getBaseUrl, getListCode, getRealRestApiPath, isVariableInvalidValue } from "../../../../utils/common-util.js";
 import { getAdditionalParamMap, getSaveFormRequestWithRow, standardEvents } from "../../../../utils/events/standard-event.js";
 import { isPromise } from "agilebuilder-ui/src/utils/common-util";
 import { getDataTypeMapRequest, popupToPage } from "../../../../utils/table-utils.js";
@@ -9,6 +9,7 @@ import eventBus from "../../../../utils/eventBus.js";
 import { getPermissionCodes, getDefaultValue } from "../../../../utils/page-init-util.js";
 import { decomposeVariable, getSizeConfig } from "../../../../utils/page-helper-util.js";
 import { getRowStyleUtil, getCellStyleUtil, getHeaderCellStyleUtil } from "../../chart/table/chart-table-util.js";
+import "../../../../utils/global-refs.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "main-table-runtime",
   props: {
@@ -40,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const operationButtonObj = ref({});
     const listOptions = ref({});
     listOptions.value = getOptions();
-    const gridRef = ref(null);
+    const gridRef = ref();
     const urlToListData = getUrlToListData();
     const listCode = getListCode(pageContext.code, pageContext.version, configure.uuid);
     const myPageCode = pageContext.code;
@@ -52,6 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const superGridSetting = superGridItems ? superGridItems[configure.uuid] : null;
     console.log("superGridSetting1111===", superGridItems, superGridSetting);
     const isCanShowMobileSearch = ref(false);
+    const linkageVariable = [];
     onMounted(() => {
       window.addEventListener("message", recieveMessage);
       eventBus.$on(
@@ -89,26 +91,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         searchGridData(props.pageContext.entity.data);
       }
     );
-    const linkageVariable = [];
-    if (configure.props.linkages && configure.props.linkages.length > 0) {
-      configure.props.linkages.forEach((linkage) => {
-        const variablePath = decomposeVariable(linkage.fieldName);
-        if (variablePath && variablePath.length > 1) {
-          linkageVariable.push(variablePath[1]);
-        }
-      });
-      if (linkageVariable.length > 0) {
-        linkageVariable.forEach((variable) => {
-          watch(
-            () => props.pageContext.entity.page[variable],
-            () => {
-              const values = getLinkageVariableValues();
-              searchGridData(values);
-            }
-          );
-        });
-      }
-    }
     onUnmounted(() => {
       eventBus.$off(eventPageInfo + "-close-component-page-dialog");
       eventBus.$off(eventPageInfo + "_close-dialog-get-entity");
@@ -148,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           esc: escRestorRow
         },
         indexContinuous: configure.props && configure.props.otherSettings ? configure.props.otherSettings.serialNumberContinuous : false,
-        initSearch: configure.props && configure.props.base.initializationQuery ? configure.props.base.initializationQuery : true,
+        initSearch: configure.props && configure.props.dataOrigin.initializationQuery === false ? false : true,
         // 初始化时是否查询，默认是查询
         resizeHeight: resizeListHeight,
         pageCode: pageContext.code,
@@ -174,7 +156,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       setOperationButtons(options);
       setSortInfo(options);
-      myGetDataTypeMap();
+      const getDataTypeMap = myGetDataTypeMap();
+      if (getDataTypeMap) {
+        getDataTypeMap.then(() => {
+          if (configure.props.linkages && configure.props.linkages.length > 0) {
+            configure.props.linkages.forEach((linkage) => {
+              const variablePath = decomposeVariable(linkage.fieldName);
+              if (variablePath && variablePath.length > 1) {
+                linkageVariable.push(variablePath[1]);
+              }
+            });
+            if (linkageVariable.length > 0) {
+              addLinkageWatch();
+            }
+          }
+        });
+      }
       setTreeSetting(options);
       setGridEvents(options);
       return options;
@@ -195,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!backendUrl && !tableName) {
         return;
       }
-      getDataTypeMapRequest(backendUrl, tableName, pageContext.isTest).then((result) => {
+      return getDataTypeMapRequest(backendUrl, tableName, pageContext.isTest).then((result) => {
         if (!pageContext["dataTypeMaps"]) {
           pageContext["dataTypeMaps"] = {};
         }
@@ -504,6 +501,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function searchGridData(data) {
       if (!pageContext["dataTypeMaps"] || !pageContext["dataTypeMaps"][tableName]) {
+        console.log("!pageContext['dataTypeMaps'] || !pageContext['dataTypeMaps'][tableName]");
         return;
       }
       const dataTypeObj = pageContext["dataTypeMaps"][tableName];
@@ -553,6 +551,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       }
+      console.log("toolbarRefresh");
       gridRef.value.toolbarRefresh(null, null, toolbarFieldParam);
     }
     function resizeListHeight(params) {
@@ -599,7 +598,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rowIndex,
         button
       };
-      debugger;
       const buttonConfigure = operationButtonObj.value[button.sourceButton.uuid];
       const tableConfigure = configure;
       buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
@@ -712,6 +710,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function canShowMobileSearch(listCode2) {
       isCanShowMobileSearch.value = true;
     }
+    function getRowStyle(data) {
+      return getRowStyleUtil(data, [], props);
+    }
+    function getCellStyle(data) {
+      return getCellStyleUtil(data, data.cellStyle, props);
+    }
+    function getTitleStyle(data) {
+      const cellTitleStyle = data.titleStyle;
+      const rowTitleStyle = props.configure.style.titleStyle;
+      return getHeaderCellStyleUtil(
+        data,
+        { cellTitleStyle, titleStyle: rowTitleStyle },
+        props
+      );
+    }
     function getLinkageVariableValues() {
       const values = {};
       linkageVariable.forEach((variable) => {
@@ -719,16 +732,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       return values;
     }
-    function getRowStyle(data) {
-      return getRowStyleUtil(data, null, props);
+    function addLinkageWatch() {
+      if (props.pageContext.toolsInputComponents && props.pageContext.toolsInputComponents.length > 0) {
+        let waitComponentRenderProps = [];
+        props.pageContext.toolsInputComponents.forEach((componentItem) => {
+          const isLinkComponent = configure.props.linkages.some(
+            (linkage) => linkage.fieldName === componentItem.prop
+          );
+          if (isLinkComponent && componentItem.defaultValue) {
+            const variablePath = decomposeVariable(componentItem.prop);
+            if (variablePath && variablePath.length > 1) {
+              waitComponentRenderProps.push(variablePath[1]);
+            }
+          }
+        });
+        if (waitComponentRenderProps.length === 0) {
+          linkageVariableWatch();
+        } else {
+          const values = getLinkageVariableValues();
+          waitComponentRenderProps = waitComponentRenderProps.filter((unsetVariable) => {
+            return isVariableInvalidValue(values, unsetVariable);
+          });
+          if (waitComponentRenderProps.length === 0) {
+            searchGridData(values);
+            linkageVariableWatch();
+          } else {
+            linkageVariable.forEach((variable) => {
+              watch(
+                () => props.pageContext.entity.page[variable],
+                () => {
+                  const values2 = getLinkageVariableValues();
+                  if (waitComponentRenderProps.length === 0) {
+                    searchGridData(values2);
+                  } else {
+                    waitComponentRenderProps = waitComponentRenderProps.filter((unsetVariable) => {
+                      return isVariableInvalidValue(values2, unsetVariable);
+                    });
+                    if (waitComponentRenderProps.length === 0) {
+                      searchGridData(values2);
+                    }
+                  }
+                },
+                { immediate: true }
+              );
+            });
+          }
+        }
+      }
     }
-    function getCellStyle(data) {
-      return getCellStyleUtil(data, data.cellStyle, props);
+    function linkageVariableWatch() {
+      linkageVariable.forEach((variable) => {
+        watch(
+          () => props.pageContext.entity.page[variable],
+          () => {
+            const values = getLinkageVariableValues();
+            searchGridData(values);
+          }
+        );
+      });
     }
-    function getTitleStyle(data) {
-      const cellTitleStyle = data.titleStyle;
-      const rowTitleStyle = props.configure.style.titleStyle;
-      return getHeaderCellStyleUtil(data, { cellTitleStyle, titleStyle: rowTitleStyle }, props);
+    function getTableSelectOptions() {
+      if (gridRef.value) {
+        return gridRef.value.getTableSelectOptions(listCode);
+      }
     }
     __expose({
       refresh,
@@ -739,7 +805,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getTableConfigure,
       isDeleteChange,
       validatorSunTableListData,
-      showMobileSearch
+      showMobileSearch,
+      getTableSelectOptions
     });
     return (_ctx, _cache) => {
       const _component_super_grid = resolveComponent("super-grid");

package/dist/es/components/runtime/views/assemblys/data/table/sub-table-runtime.vue.js

@@ -507,6 +507,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const rowTitleStyle = props.configure.style.titleStyle;
       return getHeaderCellStyleUtil(data, { cellTitleStyle, titleStyle: rowTitleStyle }, props);
     }
+    function getTableSelectOptions() {
+      if (gridRef.value) {
+        return gridRef.value.getTableSelectOptions(listCode);
+      }
+    }
     __expose({
       createRow,
       getSelections,
@@ -515,7 +520,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getTableConfigure,
       validatorSunTableListData,
       getValue,
-      setValue
+      setValue,
+      getTableSelectOptions
     });
     return (_ctx, _cache) => {
       const _component_super_grid = resolveComponent("super-grid");

package/dist/es/components/runtime/views/assemblys/data/table/table-runtime.vue2.js

@@ -57,6 +57,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function showMobileSearch() {
       gridRef.value.showMobileSearch();
     }
+    function getTableSelectOptions() {
+      if (gridRef.value) {
+        return gridRef.value.getTableSelectOptions();
+      }
+    }
     __expose({
       refresh,
       createRow,
@@ -66,7 +71,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getTableConfigure,
       isDeleteChange,
       validatorSunTableListData,
-      showMobileSearch
+      showMobileSearch,
+      getTableSelectOptions
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [

package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js

@@ -38,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return getVariableValue(entity, dynamicFields);
       },
       set(value) {
+        value = value.trim();
         setVariableValue(entity, dynamicFields, value);
       }
     });

package/dist/es/components/runtime/views/assemblys/form/rich-text/richtext-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, onBeforeUnmount, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, normalizeClass, unref, normalizeStyle, withCtx, toDisplayString, createCommentVNode, createElementVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { formatVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
 import Quill from "quill";
@@ -6,6 +6,7 @@ import "quill/dist/quill.snow.css";
 import { handleFormEvent } from "../../../../utils/events/event-util.js";
 import http from "agilebuilder-ui/src/utils/request";
 import { $t } from "../../../../utils/i18n-util.js";
+import { getToken } from "agilebuilder-ui/src/utils/auth";
 const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "richtext-runtime",
@@ -104,6 +105,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         quill.container.style.height = newHeight + "px";
       }
     }
+    const previewList = ref([]);
+    const showViewer = ref(false);
     onMounted(() => {
       var _a;
       quill = new Quill(quillEditorRef.value, option.value);
@@ -129,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   for (let i2 = 0; i2 < images.length; i2++) {
                     const img = images[i2];
                     if (img.src === dataurl) {
-                      img.src = res.url;
+                      img.src = res.url + "&jwt=" + getToken();
                     }
                   }
                 }
@@ -141,6 +144,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         setVariableValue(entity, dynamicFields, quill.root.innerHTML);
       });
+      const editorContainer = quill.container;
+      editorContainer.addEventListener("click", function(event) {
+        if (event.target.localName === "img") {
+          previewList.value = [];
+          let imgSrc = event.target.src;
+          previewList.value.push(imgSrc);
+          showViewer.value = true;
+        }
+      });
       updateEditorHeight();
     });
     onBeforeUnmount(() => {
@@ -181,30 +193,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_el_form_item = resolveComponent("el-form-item");
-      return designProperty.value.tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
-        key: 0,
-        required: designProperty.value.required,
-        class: normalizeClass(unref(runtimeClass)),
-        "label-width": designProperty.value.labelWidth,
-        style: normalizeStyle(unref(runtimeStyle))
-      }, {
-        label: withCtx(() => [
-          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
-          }, toDisplayString(unref($t)(designProperty.value.title)), 5)) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", {
-              ref_key: "quillEditorRef",
-              ref: quillEditorRef,
-              style: { "width": "100%" }
-            }, null, 512)
-          ])
-        ]),
-        _: 1
-      }, 8, ["required", "class", "label-width", "style"])) : createCommentVNode("", true);
+      const _component_el_image_viewer = resolveComponent("el-image-viewer");
+      return openBlock(), createElementBlock(Fragment, null, [
+        designProperty.value.tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
+          key: 0,
+          required: designProperty.value.required,
+          class: normalizeClass(unref(runtimeClass)),
+          "label-width": designProperty.value.labelWidth,
+          style: normalizeStyle(unref(runtimeStyle))
+        }, {
+          label: withCtx(() => [
+            designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
+            }, toDisplayString(unref($t)(designProperty.value.title)), 5)) : createCommentVNode("", true)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", {
+                ref_key: "quillEditorRef",
+                ref: quillEditorRef,
+                style: { "width": "100%" }
+              }, null, 512)
+            ])
+          ]),
+          _: 1
+        }, 8, ["required", "class", "label-width", "style"])) : createCommentVNode("", true),
+        showViewer.value ? (openBlock(), createBlock(_component_el_image_viewer, {
+          key: 1,
+          "hide-on-click-modal": "",
+          onClose: _cache[0] || (_cache[0] = () => {
+            showViewer.value = false;
+          }),
+          "url-list": previewList.value
+        }, null, 8, ["url-list"])) : createCommentVNode("", true)
+      ], 64);
     };
   }
 });