cnhis-design-vue 3.0.9 → 3.1.2

package/es/button-print/index.js

@@ -1,6 +1,6 @@
-import { defineComponent, reactive, ref, onMounted, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, createTextVNode, computed, createElementBlock, renderSlot, withModifiers, createCommentVNode, toDisplayString, mergeProps } from 'vue';
+import { defineComponent, reactive, ref, onMounted, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, createTextVNode, computed, createElementBlock, Fragment, renderSlot, withModifiers, createCommentVNode, toDisplayString, mergeProps } from 'vue';
 import { useMessage, NModal, NForm, NFormItem, NInput, NButton, NDropdown, NIcon } from 'naive-ui';
-import { Reload, ChevronDown } from '@vicons/ionicons5';
+import { ChevronDown } from '@vicons/ionicons5';
 
 function t(t2, e2, r2, n2, o2, i2, a2) {
   try {
@@ -2107,8 +2107,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
             password: { required: true, message: "\u8BF7\u8F93\u5165\u5BC6\u7801" }
         };
         const style = {
-            width: "416px",
-            height: "328px"
+            width: "416px"
         };
         const formRef = ref(null);
         const handleClickClose = () => {
@@ -2148,13 +2147,13 @@ var script$1 = /* @__PURE__ */ defineComponent({
                 show: __props.modelValue,
                 "close-on-esc": false,
                 "show-icon": false,
-                style: normalizeStyle({ width: style.width, maxHeight: style.height, overflowY: "auto" }),
-                onAfterLeave: handleClickClose
+                style: normalizeStyle({ width: style.width, overflowY: "auto" }),
+                onClose: handleClickClose
             }, {
                 default: withCtx(() => [
                     createElementVNode("div", _hoisted_1, [
                         createVNode(unref(NForm), {
-                            class: "login-form",
+                            class: "login-form-button-print",
                             ref_key: "formRef",
                             ref: formRef,
                             model: unref(form),
@@ -7898,20 +7897,77 @@ const __default__ = create({
 var script = /* @__PURE__ */ defineComponent({
     ...__default__,
     props: {
-        btnText: { type: String, required: false, default: "\u6253\u5370" },
-        printText: { type: String, required: false, default: "\u76F4\u63A5\u6253\u5370" },
-        previewText: { type: String, required: false, default: "\u6253\u5370\u9884\u89C8" },
-        formatEditText: { type: String, required: false, default: "\u683C\u5F0F\u7F16\u8F91" },
-        identityVerificationTitle: { type: String, required: false, default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C" },
-        params: { type: Array, required: false, default: () => [] },
-        prevFn: { type: Function, required: false, default: () => Promise.resolve() },
-        verifyUser: { type: Function, required: false, default: () => Promise.resolve() },
-        queryPrintFormatByNumber: { type: Function, required: true, default: () => Promise.resolve({}) },
-        queryTemplateParams: { type: Function, required: false, default: () => Promise.resolve({}) },
-        strategy: { type: String, required: false, default: "MULTI" },
-        printParams: { type: Array, required: false }
+        btnText: {
+            type: String,
+            required: false,
+            default: "\u6253\u5370"
+        },
+        printText: {
+            type: String,
+            required: false,
+            default: "\u76F4\u63A5\u6253\u5370"
+        },
+        previewText: {
+            type: String,
+            required: false,
+            default: "\u6253\u5370\u9884\u89C8"
+        },
+        formatEditText: {
+            type: String,
+            required: false,
+            default: "\u683C\u5F0F\u7F16\u8F91"
+        },
+        identityVerificationTitle: {
+            type: String,
+            required: false,
+            default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C"
+        },
+        params: {
+            type: Array,
+            required: false,
+            default: () => []
+        },
+        prevFn: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve()
+        },
+        verifyUser: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve()
+        },
+        queryPrintFormatByNumber: {
+            type: Function,
+            required: true,
+            default: () => Promise.resolve({})
+        },
+        queryTemplateParams: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve({})
+        },
+        strategy: {
+            type: String,
+            required: false,
+            default: "MULTI"
+        },
+        printParams: {
+            type: Array,
+            required: false
+        },
+        clickPrevFn: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve(true)
+        },
+        noDataMsg: {
+            type: String,
+            required: false,
+            default: "\u8BF7\u9009\u4E2D\u9700\u8981\u6253\u5370\u7684\u6570\u636E"
+        }
     },
-    emits: ["success", "error"],
+    emits: ["success", "error", "clickoutside"],
     setup(__props, { emit }) {
         const props = __props;
         window.$message = useMessage();
@@ -7930,27 +7986,30 @@ var script = /* @__PURE__ */ defineComponent({
             watchPrintParamsReformatFn: null,
             spinTimer: null
         });
-        const options = reactive([
-            {
+        const options = reactive([{
                 label: props.printText,
                 key: "printText"
-            },
-            {
+            }, {
                 label: props.previewText,
                 key: "previewText"
-            },
-            {
+            }, {
                 label: props.formatEditText,
                 key: "formatEditText"
-            }
-        ]);
+            }]);
         const currentFormatItem = computed(() => {
             if (!state.currentFormatId)
                 return {};
             let id = state.currentFormatId;
             return state.formatList.find((item) => item.id === id);
         });
-        computed(() => currentFormatItem.value.name || "\u683C\u5F0F\u9009\u62E9");
+        const formatTitle = computed(() => currentFormatItem.value.name || "\u683C\u5F0F\u9009\u62E9");
+        const renderLabel = (option) => {
+            return createVNode("span", {
+                "class": {
+                    "active": option.key === state.currentFormatId
+                }
+            }, [option.label]);
+        };
         const getTemplateIdByFormatId = (id) => {
             let find = state.formatList.find((item) => item.id === id);
             return find.templateId;
@@ -8080,21 +8139,13 @@ var script = /* @__PURE__ */ defineComponent({
                     break;
                 default:
                     state.currentFormatId = key;
+                    state.visible = false;
                     break;
             }
         };
         const handleClickOutside = () => {
             state.visible = false;
-        };
-        const handleClickWrap = () => {
-            setTimeout(() => {
-                state.visible = true;
-            }, 0);
-        };
-        const setTimeoutSpin = () => {
-            state.spinTimer = setTimeout(() => {
-                state.spinning = true;
-            }, 1500);
+            emit("clickoutside");
         };
         const instantiatePrintSDK = () => {
             if (printInstance)
@@ -8107,6 +8158,19 @@ var script = /* @__PURE__ */ defineComponent({
             let findDefault = list.find((item) => item[key] == 1);
             return findDefault?.id || list[0].id;
         };
+        const setOptions = () => {
+            const children = state.formatList.map((v) => {
+                return {
+                    label: v.name,
+                    key: v.id
+                };
+            });
+            options.unshift({
+                label: formatTitle.value,
+                key: "format",
+                children
+            });
+        };
         const formatFormatList = (list) => {
             let formatList = [];
             list.forEach((item) => {
@@ -8116,16 +8180,9 @@ var script = /* @__PURE__ */ defineComponent({
             });
             return formatList;
         };
-        const setLoaded = () => {
-            state.spinning = false;
-            if (!state.spinTimer)
-                return false;
-            clearTimeout(state.spinTimer);
-            state.spinTimer = null;
-        };
         const requestError = () => {
             state.isInited = false;
-            setLoaded();
+            state.spinning = false;
             setTimeout(() => {
                 state.visible = false;
             }, 0);
@@ -8172,6 +8229,7 @@ var script = /* @__PURE__ */ defineComponent({
             state.formatList = formatListResult ? formatFormatList(formatListResult.obj) : [];
             console.log("formatListResult", formatListResult);
             state.currentFormatId = getDefaultFormatId(state.formatList, "defaultFlag");
+            setOptions();
             if (!state.currentFormatId) {
                 window.$message.error("\u83B7\u53D6\u6253\u5370\u683C\u5F0F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
                 return requestError();
@@ -8193,14 +8251,21 @@ var script = /* @__PURE__ */ defineComponent({
             if (state.isInited)
                 return true;
             state.isInited = true;
-            setTimeoutSpin();
+            state.spinning = true;
             instantiatePrintSDK();
             const formatListResult = await props.queryPrintFormatByNumber();
             await initCRM(formatListResult);
-            setLoaded();
+            state.spinning = false;
             return true;
         };
         const handleClickBtn = async () => {
+            const status = await props.clickPrevFn();
+            if (!status)
+                return;
+            if (!props.params?.length) {
+                window.$message.warning(props.noDataMsg);
+                return;
+            }
             if (!state.visible) {
                 let result = await init();
                 if (!result)
@@ -8239,48 +8304,44 @@ var script = /* @__PURE__ */ defineComponent({
             if (!val?.length)
                 return false;
             reformatPrintParams();
-        }, { deep: true });
+        }, {
+            deep: true
+        });
         return (_ctx, _cache) => {
-            return openBlock(), createElementBlock("span", { onClick: handleClickWrap }, [
-                createVNode(unref(NDropdown), {
+            return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(NDropdown), {
+                    class: "rowFoldHideBtnList-dropdown",
                     placement: "bottom-start",
+                    trigger: "click",
                     show: unref(state).visible,
                     onClickoutside: handleClickOutside,
                     options: unref(options),
-                    onSelect: handleSelect
+                    onSelect: handleSelect,
+                    "render-label": renderLabel
                 }, {
-                    default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "button", {
+                    default: withCtx(() => [renderSlot(_ctx.$slots, "button", {
                             handleClickPrintBtn: handleClickBtn,
                             printSpinning: unref(state).spinning,
                             printbtnText: __props.btnText,
                             printVisible: unref(state).visible
-                        }, () => [
-                            createVNode(unref(NButton), {
+                        }, () => [createVNode(unref(NButton), {
                                 class: "dropdown-button",
-                                style: { "margin": "0 8px 8px 0" },
+                                style: {
+                                    "margin": "0 8px 8px 0"
+                                },
                                 onClick: withModifiers(handleClickBtn, ["stop"])
                             }, {
-                                default: withCtx(() => [
-                                    unref(state).spinning ? (openBlock(), createBlock(unref(NIcon), {
-                                        key: 0,
-                                        component: unref(Reload),
-                                        style: { "line-height": "10px" }
-                                    }, null, 8, ["component"])) : createCommentVNode("v-if", true),
-                                    createTextVNode(" " + toDisplayString(__props.btnText) + " ", 1),
-                                    createVNode(unref(NIcon), { component: unref(ChevronDown) }, null, 8, ["component"])
-                                ]),
+                                default: withCtx(() => [createCommentVNode(' <n-spin v-show="state.spinning" size="small"></n-spin> '), createTextVNode(toDisplayString(__props.btnText) + " ", 1), createVNode(unref(NIcon), {
+                                        component: unref(ChevronDown)
+                                    }, null, 8, ["component"])]),
                                 _: 1
-                            }, 8, ["onClick"])
-                        ])
-                    ]),
+                            }, 8, ["onClick"])])]),
                     _: 3
-                }, 8, ["show", "options"]),
-                createVNode(script$1, mergeProps({
+                }, 8, ["show", "options"]), createVNode(script$1, mergeProps({
                     modelValue: unref(state).identityVerification.visible,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).identityVerification.visible = $event)
-                }, _ctx.$attrs, { onSuccess: verifiySuccess }), null, 16, ["modelValue"])
-            ]);
+                }, _ctx.$attrs, {
+                    onSuccess: verifiySuccess
+                }), null, 16, ["modelValue"])], 64);
         };
     }
 });