cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.0

package/es/components/button-print/src/components/NewPrintComponent.vue2.js

@@ -1,7 +1,7 @@
-import { createElementVNode, defineComponent, inject, ref, reactive, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, unref, withCtx, renderList, createBlock, mergeProps, createTextVNode, toDisplayString, normalizeStyle, isRef, renderSlot, withModifiers, normalizeClass } from 'vue';
+import { defineComponent, inject, ref, reactive, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, Fragment, createElementVNode, createCommentVNode, createVNode, unref, withCtx, renderList, createBlock, mergeProps, createTextVNode, toDisplayString, normalizeStyle, renderSlot, withModifiers, normalizeClass } from 'vue';
 import { isObject } from '@vue/shared';
 import { useMessage, NButtonGroup, NDropdown, NButton, NIcon, NPopover, NCheckbox, NDivider } from 'naive-ui';
-import { PrintOutline, SettingsOutline, ChevronDownSharp, ArrowForwardOutline } from '@vicons/ionicons5';
+import { PrintOutline, SettingsOutline, ChevronDownSharp, ArrowForwardOutline, ArrowForward } from '@vicons/ionicons5';
 import { InjectionButtonPrintEmits } from '../constants/index.js';
 import { Print } from '../utils/print.js';
 import { isIReport } from '../utils/browserPrint.js';
@@ -10,6 +10,7 @@ import { format } from 'date-fns';
 import '../api.js';
 import '../../../shortcut-provider/index.js';
 import { encapBrowserLog } from '../../../../shared/utils/index.js';
+import { cloneDeep } from 'lodash-es';
 import { useShortcuts } from '../../../shortcut-provider/src/hooks/useShortcuts.js';
 
 const _hoisted_1 = {
@@ -19,70 +20,74 @@ const _hoisted_2 = {
   key: 0,
   class: "newprint-button-outer__shortcut"
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label bold"
-}, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.473")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.473")) || "\u5916\u663E\u8BBE\u7F6E";
-  } catch (e) {
-    return "\u5916\u663E\u8BBE\u7F6E";
-  }
-}(), -1);
-const _hoisted_4 = {
+const _hoisted_3 = {
   class: "print-lite"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   class: "label bold"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   class: "print-li"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   class: "print-lite"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 0,
   class: "newprint-button-outer__shortcut"
 };
-const _hoisted_9 = ["onMouseenter", "onClick"];
-const _hoisted_10 = {
+const _hoisted_8 = ["onMouseenter", "onClick"];
+const _hoisted_9 = {
   class: "label bold"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   class: "print-lite",
   style: {
     "background": "transparent"
   }
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   class: "label bold"
 };
-const _hoisted_13 = {
+const _hoisted_12 = {
   class: "print-li"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   class: "print-lite",
   style: {
     "background": "transparent"
   }
 };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = {
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = {
   key: 0,
   class: "newprint-button-outer__shortcut"
 };
-const _hoisted_17 = {
+const _hoisted_16 = {
   class: "newprint-button-poperOver"
 };
-const _hoisted_18 = ["onMouseenter"];
-const _hoisted_19 = {
+const _hoisted_17 = ["onMouseenter"];
+const _hoisted_18 = {
   class: "print-lite",
   style: {
     "background": "transparent"
   }
 };
+const _hoisted_19 = {
+  class: "label"
+};
 const _hoisted_20 = ["onClick"];
+const _hoisted_21 = {
+  key: 1,
+  class: "print-lite",
+  style: {
+    "background": "transparent"
+  }
+};
+const _hoisted_22 = ["onClick"];
+const downloadPdfCode = "RY7.2.21.1.M2.G94181E";
+const formatEditTextCode = "RY7.2.21.1.M2.G33633A";
+const resetPrintButtonCode = "RY7.2.21.1.M2.G99314S";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NewPrintComponent",
   props: {
@@ -223,20 +228,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         shortcut: {},
         buttonProps: {},
         showMaxHeight: null,
-        initLoadPrintParams: false
+        initLoadPrintParams: false,
+        showPreviewDataList: false
       })
     },
     svrUpdateIp: {
       type: String
     },
+    apptype: {
+      type: String
+    },
+    uuid: {
+      type: String
+    },
     hidePreviewBtns: {
       type: String
     }
   },
   setup(__props, {
-    expose
+    expose: __expose
   }) {
-    const props = __props;
     String(navigator.platform).toLowerCase().includes("linux");
     const baseDownListSetting = [{
       label: function() {
@@ -261,9 +272,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }];
     const $message = useMessage();
     let printInstance;
-    const downloadPdfCode = "RY7.2.21.1.M2.G94181E";
-    const formatEditTextCode = "RY7.2.21.1.M2.G33633A";
-    const resetPrintButtonCode = "RY7.2.21.1.M2.G99314S";
+    const props = __props;
     const emit = inject(InjectionButtonPrintEmits);
     const authorizationKey = ref("");
     const state = reactive({
@@ -384,6 +393,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = props.newPrintSetting) == null ? void 0 : _a.positionElement;
     });
+    const showPreviewDataList = computed(() => {
+      var _a;
+      return (_a = props.newPrintSetting) == null ? void 0 : _a.showPreviewDataList;
+    });
     const printAllShortcut = computed(() => {
       var _a, _b;
       const keys = Object.keys(shortcutSettings.value);
@@ -443,6 +456,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (isIReport(curOuter.key)) {
         return targetList.filter((option) => option.key != "formatEditText");
       }
+      if (props.strategy !== "MULTI" && showPreviewDataList.value) {
+        const printParamsItemList = state.printParams[curOuter.templateCode];
+        const aa = cloneDeep(targetList).map((item) => {
+          if (item.key === "previewText" && (printParamsItemList == null ? void 0 : printParamsItemList.length) > 1) {
+            const list = printParamsItemList.map((item2) => {
+              return {
+                label: item2.printPreviewBusinessName,
+                key: `previewText_${item2.printPreviewBusinessName}`
+              };
+            });
+            item.children = [{
+              label: function() {
+                var _a, _b, _c;
+                try {
+                  return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.123")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.123")) || "\u5168\u90E8";
+                } catch (e) {
+                  return "\u5168\u90E8";
+                }
+              }(),
+              key: "previewText_all"
+            }, ...list];
+          }
+          return item;
+        });
+        return aa;
+      }
       return targetList;
     };
     const handleTypeChange = (name, key) => {
@@ -486,18 +525,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const callLocalServicesErrorCb = (res) => {
       toggleExpandLoading(false);
+      let info = {
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId.value,
+        templateCode: getTemplateCodeByFormatId.value
+      };
       encapBrowserLog({
         type: "\u8FDB\u5165\u5931\u8D25\u7684\u56DE\u8C03",
         res
       }, "PRINT-SDK");
-      emit("error", res);
+      emit("error", res, info);
       if (isObject(res) && res.type === "notInstalledApp") {
         $message.error(res.message);
       }
     };
     const callLocalServicesCancelCb = (res) => {
       toggleExpandLoading(false);
-      emit("cancel", res);
+      let info = {
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId.value,
+        templateCode: getTemplateCodeByFormatId.value
+      };
+      emit("cancel", res, info);
     };
     const prevFnError = (type) => {
       const error = {
@@ -512,7 +561,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         type,
         preExecution: true
       };
-      emit("error", error);
+      let info = {
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId.value,
+        templateCode: getTemplateCodeByFormatId.value
+      };
+      emit("error", error, info);
     };
     const getPrintParams = () => {
       return JSON.stringify({
@@ -521,7 +575,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         } : {}
       });
     };
-    const getOnceParams = (curPrintParamList = [], templateCode) => {
+    const getOnceParams = (curPrintParamList = [], templateCode, name) => {
       var _a, _b;
       let params = {};
       let obj = {};
@@ -533,9 +587,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         };
         obj.datasetData[key] = datasetDataKeyVal;
       } else {
+        const filterParamsList = name && name !== "all" ? curPrintParamList.filter((item) => item.printPreviewBusinessName === name) : curPrintParamList;
         Object.keys(curPrintParamList[0]).forEach((v) => {
           obj[v] = [];
-          curPrintParamList.forEach((k) => {
+          filterParamsList.forEach((k) => {
             if (!obj[v].includes(k[v])) {
               obj[v].push(k[v]);
             }
@@ -543,7 +598,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           obj[v] = obj[v].join(",");
         });
       }
-      params = Object.assign({}, JSON.parse(getPrintParams()), obj, printCustomProps.value);
+      const {
+        printPreviewBusinessName,
+        ...realObj
+      } = obj;
+      params = Object.assign({}, JSON.parse(getPrintParams()), realObj, printCustomProps.value);
       return JSON.stringify(params);
     };
     const handleClickPrintAll = () => {
@@ -648,6 +707,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           signature: props.signature,
           copies: props.printCopies,
           svrUpdateIp: props.svrUpdateIp,
+          apptype: props.apptype,
+          uuid: props.uuid,
           formatItem: curFormatIdObj
         };
         if (props.strategy === "MULTI") {
@@ -678,7 +739,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         state.visible = false;
       });
     };
-    const handleClickPreview = async (curPrintParamList = [], templateCode, templateId, formatId) => {
+    const handleClickPreview = async (curPrintParamList = [], templateCode, templateId, formatId, name) => {
       if (props.showLoading && getCurrentLoading())
         return;
       toggleExpandLoading(true, formatId);
@@ -687,9 +748,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         templateId,
         params: curPrintParamList
       }).then(() => {
+        var _a;
         state.curPrintParamList = curPrintParamList;
         const paramsFirst = JSON.stringify(Object.assign({}, JSON.parse(getPrintParams()), curPrintParamList[0], printCustomProps.value));
-        const params = props.strategy === "MULTI" ? paramsFirst : getOnceParams(curPrintParamList, templateCode);
+        const params = props.strategy === "MULTI" ? paramsFirst : getOnceParams(curPrintParamList, templateCode, name);
+        const curFormatIdObj = (_a = state == null ? void 0 : state.formatList) == null ? void 0 : _a.find((item) => item.id == formatId);
         const queryParams = {
           formatId,
           templateId,
@@ -699,7 +762,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           params,
           btnprint: props.btnprint,
           signature: props.signature,
-          hideButtons: props.hidePreviewBtns
+          hideButtons: props.hidePreviewBtns,
+          formatItem: curFormatIdObj
         };
         printInstance.preview(queryParams, (res) => {
           callLocalServicesSuccessCb(res, "preview");
@@ -720,9 +784,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         templateId,
         params: curPrintParamList
       }).then(() => {
+        var _a;
         state.curPrintParamList = curPrintParamList;
         const paramsFirst = JSON.stringify(Object.assign({}, JSON.parse(getPrintParams()), curPrintParamList[0], printCustomProps.value));
         const params = props.strategy === "MULTI" ? paramsFirst : getOnceParams(curPrintParamList, templateCode);
+        const curFormatIdObj = (_a = state == null ? void 0 : state.formatList) == null ? void 0 : _a.find((item) => item.id == formatId);
         const queryParams = {
           formatId,
           templateId,
@@ -735,7 +801,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             resolution: props == null ? void 0 : props.resolution
           },
           params,
-          signature: props.signature
+          signature: props.signature,
+          formatItem: curFormatIdObj
         };
         printInstance.downloadPDF(queryParams, (res) => callLocalServicesSuccessCb(res, "preview"), callLocalServicesErrorCb);
       }).catch(() => {
@@ -824,6 +891,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         case "resetPrinter":
           handleResetPrinter(tmpParam, templateCode, templateId, key);
           break;
+        default: {
+          if (type.includes("previewText_")) {
+            const name = type.split("_")[1];
+            handleClickPreview(tmpParam, templateCode, templateId, key, name);
+            return;
+          }
+          break;
+        }
       }
     };
     const handleClickOutside = () => {
@@ -932,6 +1007,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           obj[params[keyName]] = defaultVal;
         }
       });
+      if (showPreviewDataList.value) {
+        obj.printPreviewBusinessName = paramObj.printPreviewBusinessName;
+      }
       return obj;
     };
     const formatItemParam = ({
@@ -1099,6 +1177,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       state.originParams = formatSomeOriginParams(state.templateParams, props.params);
     };
     const verifiySuccess = (token) => {
+      var _a;
       state.identityVerification.visible = false;
       if (isIReport(state.currentFormatId))
         return callLocalServicesSuccessCb({
@@ -1107,10 +1186,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, "edit");
       const paramsFirst = JSON.stringify(Object.assign({}, JSON.parse(getPrintParams()), state.curPrintParamList[0], printCustomProps.value));
       const params = props.strategy === "MULTI" ? paramsFirst : getOnceParams(state.curPrintParamList, getTemplateCodeByFormatId.value);
+      const curFormatIdObj = (_a = state == null ? void 0 : state.formatList) == null ? void 0 : _a.find((item) => item.id == state.currentFormatId);
       const queryParams = {
         formatId: state.currentFormatId,
         number: state.number,
         templateId: getTemplateIdByFormatId.value,
+        formatItem: curFormatIdObj,
         params,
         token
       };
@@ -1184,7 +1265,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     }
-    expose({
+    __expose({
       directPrint,
       handleShortcutStartAndStop,
       registerShort
@@ -1203,7 +1284,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             options: getDownList(unref(operations), outer),
             onSelect: (type) => handleSelect(type, outer, true)
           }, {
-            default: withCtx(() => [createVNode(unref(NButton), mergeProps(unref(buttonProps), {
+            default: withCtx(() => [createVNode(unref(NButton), mergeProps({
+              ref_for: true
+            }, buttonProps.value, {
               disabled: !state.printParams[outer.templateCode],
               loading: __props.showLoading && outer.isLoading,
               onClick: ($event) => handleOneTypePrint(outer.templateCode, outer.templateId, outer.key, true),
@@ -1220,19 +1303,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, 1032, ["options", "onSelect"]);
         }), 128))]),
         _: 1
-      }), createCommentVNode(" \u5916\u663E\u8BBE\u7F6E\u6309\u94AE "), outerPrintItems.value.length > 0 && outerPrintItems.value.length == unref(showSettingItems).length && unref(isShowOutSettingBtn) && unref(isPrintAllType) != 2 ? (openBlock(), createBlock(unref(NPopover), {
+      }), createCommentVNode(" \u5916\u663E\u8BBE\u7F6E\u6309\u94AE "), outerPrintItems.value.length > 0 && outerPrintItems.value.length == showSettingItems.value.length && isShowOutSettingBtn.value && isPrintAllType.value != 2 ? (openBlock(), createBlock(unref(NPopover), {
         key: 0,
         trigger: "click",
-        to: unref(positionElement),
+        placement: "bottom-start",
+        to: positionElement.value,
         "show-arrow": false,
         show: downlistPopover.isOutSetting,
         onClickoutside: _cache[2] || (_cache[2] = ($event) => handleClickOutHide("isOutSetting"))
       }, {
-        trigger: withCtx(() => [createVNode(unref(NButton), mergeProps(unref(buttonProps), {
+        trigger: withCtx(() => [createVNode(unref(NButton), mergeProps(buttonProps.value, {
           class: outerPrintItems.value.length > 0 ? "printAllLeftCls" : "",
           onClick: _cache[0] || (_cache[0] = ($event) => handleTwoShow("isOutSetting"))
         }), {
-          default: withCtx(() => [_hoisted_3, createVNode(unref(NIcon), {
+          default: withCtx(() => [_cache[12] || (_cache[12] = createElementVNode("span", {
+            class: "label bold"
+          }, function() {
+            var _a, _b, _c;
+            try {
+              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.473")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.473")) || "\u5916\u663E\u8BBE\u7F6E";
+            } catch (e) {
+              return "\u5916\u663E\u8BBE\u7F6E";
+            }
+          }(), -1)), createVNode(unref(NIcon), {
             style: {
               "margin-left": "8px"
             },
@@ -1244,53 +1337,53 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "newprint-button-poperOver",
           style: normalizeStyle({
-            maxHeight: unref(showMaxHeight) ? `${unref(showMaxHeight)}px` : void 0
+            maxHeight: showMaxHeight.value ? `${showMaxHeight.value}px` : void 0
           })
-        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(showSettingItems), (sItem) => {
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(showSettingItems.value, (sItem) => {
           return openBlock(), createElementBlock("div", {
             class: "print-li",
             key: sItem.key
-          }, [createElementVNode("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(sItem.label), 1), createVNode(unref(NCheckbox), {
+          }, [createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(sItem.label), 1), createVNode(unref(NCheckbox), {
             checked: sItem.selected,
             "onUpdate:checked": ($event) => sItem.selected = $event
           }, {
-            default: withCtx(() => [createTextVNode(function() {
+            default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode(function() {
               var _a, _b, _c;
               try {
                 return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.474")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.474")) || "\u5916\u663E";
               } catch (e) {
                 return "\u5916\u663E";
               }
-            }())]),
+            }(), -1)])]),
             _: 2
           }, 1032, ["checked", "onUpdate:checked"])])]);
-        }), 128)), createElementVNode("div", _hoisted_6, [createVNode(unref(NDivider)), createElementVNode("div", _hoisted_7, [createVNode(unref(NButton), {
+        }), 128)), createElementVNode("div", _hoisted_5, [createVNode(unref(NDivider)), createElementVNode("div", _hoisted_6, [createVNode(unref(NButton), {
           type: "primary",
           size: "small",
           onClick: savePrintOutSetting
         }, {
-          default: withCtx(() => [createTextVNode(function() {
+          default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(function() {
             var _a, _b, _c;
             try {
               return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.244")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.244")) || "\u4FDD\u5B58";
             } catch (e) {
               return "\u4FDD\u5B58";
             }
-          }())]),
+          }(), -1)])]),
           _: 1
-        }), unref(showSettingItems) && unref(showSettingItems).length > 1 ? (openBlock(), createBlock(unref(NCheckbox), {
+        }), showSettingItems.value && showSettingItems.value.length > 1 ? (openBlock(), createBlock(unref(NCheckbox), {
           key: 0,
-          checked: unref(isSelectedAll),
-          "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isRef(isSelectedAll) ? isSelectedAll.value = $event : null)
+          checked: isSelectedAll.value,
+          "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isSelectedAll.value = $event)
         }, {
-          default: withCtx(() => [createTextVNode(function() {
+          default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(function() {
             var _a, _b, _c;
             try {
               return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.37")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.37")) || "\u5168\u9009";
             } catch (e) {
               return "\u5168\u9009";
             }
-          }())]),
+          }(), -1)])]),
           _: 1
         }, 8, ["checked"])) : createCommentVNode("v-if", true)])])], 4)]),
         _: 1
@@ -1299,7 +1392,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, [createCommentVNode(" \u6253\u5370\u5168\u90E8\u6309\u94AE "), createVNode(unref(NPopover), {
         trigger: "click",
         "show-arrow": false,
-        to: unref(positionElement),
+        placement: "bottom-start",
+        to: positionElement.value,
         show: downlistPopover.oneShow,
         onClickoutside: _cache[10] || (_cache[10] = ($event) => handleClickOutHide("oneShow"))
       }, {
@@ -1315,7 +1409,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [createVNode(unref(NButton), mergeProps({
             loading: __props.showLoading && state.spinning
-          }, unref(buttonProps), {
+          }, buttonProps.value, {
             onClick: _cache[3] || (_cache[3] = withModifiers(() => printAllButtonClick("button"), ["stop"])),
             class: outerPrintItems.value.length > 0 ? "printAllLeftCls" : ""
           }), {
@@ -1323,18 +1417,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               component: unref(PrintOutline),
               size: "18"
             }, null, 8, ["component"])]),
-            default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(isShowPrintAllBtn) ? function() {
+            default: withCtx(() => [createTextVNode(" " + toDisplayString(isShowPrintAllBtn.value ? function() {
               var _a, _b, _c;
               try {
                 return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.475")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.475")) || "\u6253\u5370\u5168\u90E8";
               } catch (e) {
                 return "\u6253\u5370\u5168\u90E8";
               }
-            }() : __props.btnText) + " ", 1), unref(printAllShortcut) ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(printAllShortcut)), 1)) : createCommentVNode("v-if", true)]),
+            }() : __props.btnText) + " ", 1), printAllShortcut.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(printAllShortcut.value), 1)) : createCommentVNode("v-if", true)]),
             _: 1
           }, 16, ["loading", "class"]), createVNode(unref(NButton), mergeProps({
             class: "icon-select"
-          }, unref(buttonProps)), {
+          }, buttonProps.value), {
             icon: withCtx(() => [createVNode(unref(NIcon), {
               component: unref(ChevronDownSharp),
               size: "18"
@@ -1346,9 +1440,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "newprint-button-poperOver",
           style: normalizeStyle({
-            maxHeight: unref(showMaxHeight) ? `${unref(showMaxHeight)}px` : void 0
+            maxHeight: showMaxHeight.value ? `${showMaxHeight.value}px` : void 0
           })
-        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerFilterPrintItems), (option) => {
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(innerFilterPrintItems.value, (option) => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["print-li", downlistOperation.oneMouseType == option.key || downlistOperation.oneClickType == option.key ? "active" : ""]),
             key: option.key,
@@ -1370,7 +1464,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             trigger: withCtx(() => [createElementVNode("div", {
               class: "print-lite",
               onClick: _cache[5] || (_cache[5] = ($event) => handleTwoShow("isOutSetting"))
-            }, [createElementVNode("span", _hoisted_10, toDisplayString(option.label), 1), createVNode(unref(NIcon), {
+            }, [createElementVNode("span", _hoisted_9, toDisplayString(option.label), 1), createVNode(unref(NIcon), {
+              class: "print-li-icon",
               color: outerPrintItems.value.length > 0 ? "#2563F4" : "",
               component: unref(SettingsOutline),
               size: "18"
@@ -1378,53 +1473,53 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [createElementVNode("div", {
               class: "newprint-button-poperOver",
               style: normalizeStyle({
-                maxHeight: unref(showMaxHeight) ? `${unref(showMaxHeight)}px` : void 0
+                maxHeight: showMaxHeight.value ? `${showMaxHeight.value}px` : void 0
               })
-            }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(showSettingItems), (sItem) => {
+            }, [(openBlock(true), createElementBlock(Fragment, null, renderList(showSettingItems.value, (sItem) => {
               return openBlock(), createElementBlock("div", {
                 class: "print-li",
                 key: sItem.key
-              }, [createElementVNode("div", _hoisted_11, [createElementVNode("span", _hoisted_12, toDisplayString(sItem.label), 1), createVNode(unref(NCheckbox), {
+              }, [createElementVNode("div", _hoisted_10, [createElementVNode("span", _hoisted_11, toDisplayString(sItem.label), 1), createVNode(unref(NCheckbox), {
                 checked: sItem.selected,
                 "onUpdate:checked": ($event) => sItem.selected = $event
               }, {
-                default: withCtx(() => [createTextVNode(function() {
+                default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(function() {
                   var _a, _b, _c;
                   try {
                     return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.474")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.474")) || "\u5916\u663E";
                   } catch (e) {
                     return "\u5916\u663E";
                   }
-                }())]),
+                }(), -1)])]),
                 _: 2
               }, 1032, ["checked", "onUpdate:checked"])])]);
-            }), 128)), createElementVNode("div", _hoisted_13, [createVNode(unref(NDivider)), createElementVNode("div", _hoisted_14, [createVNode(unref(NButton), {
+            }), 128)), createElementVNode("div", _hoisted_12, [createVNode(unref(NDivider)), createElementVNode("div", _hoisted_13, [createVNode(unref(NButton), {
               type: "primary",
               size: "small",
               onClick: savePrintOutSetting
             }, {
-              default: withCtx(() => [createTextVNode(function() {
+              default: withCtx(() => [..._cache[17] || (_cache[17] = [createTextVNode(function() {
                 var _a, _b, _c;
                 try {
                   return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.244")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.244")) || "\u4FDD\u5B58";
                 } catch (e) {
                   return "\u4FDD\u5B58";
                 }
-              }())]),
+              }(), -1)])]),
               _: 1
-            }), unref(showSettingItems) && unref(showSettingItems).length > 1 ? (openBlock(), createBlock(unref(NCheckbox), {
+            }), showSettingItems.value && showSettingItems.value.length > 1 ? (openBlock(), createBlock(unref(NCheckbox), {
               key: 0,
-              checked: unref(isSelectedAll),
-              "onUpdate:checked": _cache[6] || (_cache[6] = ($event) => isRef(isSelectedAll) ? isSelectedAll.value = $event : null)
+              checked: isSelectedAll.value,
+              "onUpdate:checked": _cache[6] || (_cache[6] = ($event) => isSelectedAll.value = $event)
             }, {
-              default: withCtx(() => [createTextVNode(function() {
+              default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode(function() {
                 var _a, _b, _c;
                 try {
                   return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.37")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.37")) || "\u5168\u9009";
                 } catch (e) {
                   return "\u5168\u9009";
                 }
-              }())]),
+              }(), -1)])]),
               _: 1
             }, 8, ["checked"])) : createCommentVNode("v-if", true)])])], 4)]),
             _: 2
@@ -1438,7 +1533,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, [createElementVNode("span", {
             class: "label bold",
             onClick: ($event) => handleOneTypePrint(option.templateCode, option.templateId, option.key, false)
-          }, [createTextVNode(toDisplayString(option.label) + " ", 1), option.shortcutLabel ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(option.shortcutLabel), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_15), state.printParams[option.templateCode] ? (openBlock(), createBlock(unref(NPopover), {
+          }, [createTextVNode(toDisplayString(option.label) + " ", 1), option.shortcutLabel ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(option.shortcutLabel), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_14), state.printParams[option.templateCode] ? (openBlock(), createBlock(unref(NPopover), {
             key: 0,
             trigger: "click",
             "show-arrow": false,
@@ -1448,30 +1543,56 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             onClickoutside: ($event) => handleClickOutHide(option.key)
           }, {
             trigger: withCtx(() => [createVNode(unref(NIcon), {
+              class: "print-li-icon",
               component: unref(ArrowForwardOutline),
               size: "18",
               onClick: ($event) => handleTwoShow(option.key)
             }, null, 8, ["component", "onClick"])]),
-            default: withCtx(() => [createElementVNode("div", _hoisted_17, [(openBlock(true), createElementBlock(Fragment, null, renderList(getDownList(unref(operations), option), (operation) => {
+            default: withCtx(() => [createElementVNode("div", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(getDownList(unref(operations), option), (operation) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["print-li", downlistOperation.twoMouseType == operation.key ? "active" : ""]),
                 key: operation.key,
                 onMouseenter: ($event) => handleTypeChange("twoMouseType", operation.key),
                 onMouseleave: _cache[8] || (_cache[8] = ($event) => handleTypeChange("twoMouseType", ""))
-              }, [createElementVNode("div", _hoisted_19, [createElementVNode("span", {
+              }, [operation.children ? (openBlock(), createBlock(unref(NPopover), {
+                key: 0,
+                trigger: "hover",
+                "show-arrow": false,
+                to: false,
+                placement: "right-start",
+                show: downlistPopover[operation.key]
+              }, {
+                trigger: withCtx(() => [createElementVNode("div", _hoisted_18, [createElementVNode("span", _hoisted_19, toDisplayString(operation.label), 1), createVNode(unref(NIcon), {
+                  component: unref(ArrowForward),
+                  size: "18"
+                }, null, 8, ["component"])])]),
+                default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(operation.children, (previewBtn) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: "print-li print-preview-item",
+                    key: previewBtn.key
+                  }, [createElementVNode("div", {
+                    class: "print-lite",
+                    style: {
+                      "background": "transparent"
+                    },
+                    onClick: ($event) => handleSelect(previewBtn.key, option, false)
+                  }, toDisplayString(previewBtn.label), 9, _hoisted_20)]);
+                }), 128))]),
+                _: 2
+              }, 1032, ["show"])) : (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("span", {
                 class: "label",
                 onClick: ($event) => handleSelect(operation.key, option, false)
-              }, toDisplayString(operation.label), 9, _hoisted_20)])], 42, _hoisted_18);
+              }, toDisplayString(operation.label), 9, _hoisted_22)]))], 42, _hoisted_17);
             }), 128))])]),
             _: 2
-          }, 1032, ["show", "onClickoutside"])) : createCommentVNode("v-if", true)], 2)], 2112))], 42, _hoisted_9);
+          }, 1032, ["show", "onClickoutside"])) : createCommentVNode("v-if", true)], 2)], 2112))], 42, _hoisted_8);
         }), 128))], 4)]),
         _: 3
       }, 8, ["to", "show"])], 2112))]), createVNode(IdentityVerification, mergeProps(_ctx.$attrs, {
         modelValue: state.identityVerification.visible,
         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => state.identityVerification.visible = $event),
         formatId: state.currentFormatId,
-        templateId: unref(getTemplateIdByFormatId),
+        templateId: getTemplateIdByFormatId.value,
         onSuccess: verifiySuccess
       }), null, 16, ["modelValue", "formatId", "templateId"])], 64);
     };