cnhis-design-vue 3.0.9 → 3.1.2

package/es/index.js

@@ -1,6 +1,6 @@
 import { watch, h as h$1, resolveComponent, defineComponent, inject, computed, nextTick, reactive, createApp, ref, Teleport, createCommentVNode, provide, onMounted, onUnmounted, getCurrentInstance, onBeforeUnmount, onActivated, onDeactivated, createVNode, mergeProps, isVNode, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, withCtx, normalizeClass, renderSlot, createTextVNode, useAttrs, normalizeStyle, withDirectives, vShow, Fragment, createBlock, vModelSelect, vModelText, pushScopeId, popScopeId, vModelCheckbox, withModifiers, renderList } from 'vue';
 import { NInput, NInputNumber, NSelect, NDatePicker, NTooltip, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover, NSpin, NRadio, NModal, NForm, NGrid, NFormItemGi, NFormItem, NTree } from 'naive-ui';
-import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline, EllipsisVerticalSharp, Reload, ChevronDown, Search, CloseCircleSharp } from '@vicons/ionicons5';
+import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline, EllipsisVerticalSharp, ChevronDown, Search, CloseCircleSharp } from '@vicons/ionicons5';
 import draggable from 'vuedraggable';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -38481,21 +38481,34 @@ var script$d = defineComponent({
     emits: ["setOptions", "formChange"],
     setup(props, { attrs, slots, emit }) {
         const state = reactive({
-            options: []
+            options: [],
+            loading: false,
+            keyword: "",
+            config: {}
         });
         const setOptions = async () => {
             if (props.col.options) {
                 state.options = JSON.parse(JSON.stringify(props.col.options));
             }
             else {
-                const optionsName = `${props.col.columnName}_options`;
-                state.options = props.row[optionsName] || await props.col.queryOptions();
-                if (!props.row[optionsName]) {
-                    emit("setOptions", state.options);
-                }
+                `${props.col.columnName}_options`;
+                const obj = {
+                    keyword: state.keyword,
+                    row: props.row,
+                    column: props.col,
+                    index: props.index
+                };
+                state.options = await props.col.queryOptions(obj);
+                state.loading = false;
+                emit("setOptions", state.options);
             }
         };
-        setOptions();
+        let selectSearch = (value) => {
+            state.keyword = value;
+            state.loading = true;
+            setOptions();
+        };
+        selectSearch = xeUtils.debounce(selectSearch, 800);
         const onUpdateValue = (value) => {
             emit("formChange", {
                 value,
@@ -38504,14 +38517,24 @@ var script$d = defineComponent({
                 index: props.index
             });
         };
-        console.log(attrs);
-        return () => [createVNode(NSelect, mergeProps(attrs, {
+        const init = () => {
+            if (props.col.options) {
+                setOptions();
+            }
+            else {
+                state.config.remote = true;
+                state.config.onSearch = selectSearch;
+                selectSearch("");
+            }
+        };
+        init();
+        return () => [createVNode(NSelect, mergeProps(attrs, state.config, {
                 "options": state.options,
                 "consistentMenuWidth": false,
                 "clearable": true,
                 "filterable": true,
-                "to": false,
                 "placeholder": "\u8BF7\u9009\u62E9",
+                "loading": state.loading,
                 "onUpdateValue": onUpdateValue
             }), null)];
     }
@@ -38584,7 +38607,6 @@ var script$c = defineComponent({
             clearable: props.col.clearable || true,
             disabled: props.col.disabled || false,
             valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
-            to: false,
             isDateDisabled: props.col.isDateDisabled || isDateDisabled
         };
         if (config.type.includes("time")) {
@@ -38687,12 +38709,11 @@ const useEdit = (props, state, emit, xGrid) => {
                 return params.row[item.formatMap.label];
             }
             if (item.options) {
-                return item.options.find((v) => v.value == value)?.label || "";
+                return item.options.find((v) => v.value == value)?.label || value || "";
             }
             if (item.queryOptions) {
-                return params.row[`${item.columnName}_options`]?.find((v) => v.value === value)?.label || "";
+                return params.row[`${item.columnName}_options`]?.find((v) => v.value === value)?.label || value || "";
             }
-            return value;
         }
         return value;
     };
@@ -39566,7 +39587,8 @@ var script$8 = /* @__PURE__ */ defineComponent({
         const GROUP_TITLE_KEY = "group-show-title";
         window.$message = useMessage();
         const xGrid = ref(null);
-        const state = reactive(bigTableState);
+        const copyState = xeUtils.clone(bigTableState, true);
+        const state = reactive(copyState);
         const { formatData, htmlToText, getBtnStyle } = useFormat(state);
         const { imgs2imgArr, parseDurationValue, parseCombinationValue, formatFieldText } = useTableParse(formatData);
         const { allSelectedLength, checkOperateCurrentTable, setRowStatus, resetBatchOperationRowStatus, checkListFormUnionSettingParamsList, handleClickCancelBtnByInline, setAllRowInlineStatus, hideSelectCloumns, handleEditFormLength, resetOperationRowStatus, recordClickBtnInfo, getInlineOpreateRow } = useBatchEditing(props, state, emit, xGrid);
@@ -39742,7 +39764,7 @@ var script$8 = /* @__PURE__ */ defineComponent({
                 return;
             let currentPageTableData = table.getTableData()?.tableData;
             let currentPageSelectedRows = currentPageTableData.filter((row) => {
-                return currentCheckedKeys.value.includes(row[props.primaryKey]);
+                return row[props.primaryKey] ? currentCheckedKeys.value.includes(row[props.primaryKey]) : false;
             });
             setCurrentCheckedLength();
             if (!currentPageSelectedRows || !currentPageSelectedRows.length) {
@@ -39863,6 +39885,9 @@ var script$8 = /* @__PURE__ */ defineComponent({
                             if (!isEdit || item.columnName === "operatorColumn" || !item.isEdit) {
                                 return formatter(params, item);
                             }
+                            else if (isEdit && item.isEdit && item.checkEditStatus && item.checkEditStatus(params)) {
+                                return formatterEdit(params, item);
+                            }
                             else {
                                 return createVNode("span", null, [getDefaultValue(params, item)]);
                             }
@@ -39921,13 +39946,13 @@ var script$8 = /* @__PURE__ */ defineComponent({
                 onFormChange
             };
             if (formType === "date") {
-                propsData.defaultFormattedValue = row[col.columnName];
+                propsData.formattedValue = row[col.columnName];
             }
             else if (formatMap) {
-                propsData.defaultValue = row[formatMap.value];
+                propsData.value = row[formatMap.value];
             }
             else {
-                propsData.defaultValue = row[col.columnName];
+                propsData.value = row[col.columnName];
             }
             if (formType === "select") {
                 propsData.onSetOptions = (options) => row[`${col.columnName}_options`] = options;
@@ -41414,7 +41439,8 @@ var script$8 = /* @__PURE__ */ defineComponent({
                 loadData(value);
             });
         }, {
-            immediate: true
+            immediate: true,
+            deep: true
         });
         watch(() => currentCheckedKeys, (val) => {
             setVisibleCheckAllWrap(state, props, currentCheckedKeys.value);
@@ -41564,7 +41590,7 @@ var script$8 = /* @__PURE__ */ defineComponent({
                     "highlight-current-row": "",
                     "show-footer-overflow": "title",
                     "keep-source": "",
-                    height: "auto",
+                    height: props.height ? "auto" : "unset",
                     resizable: "",
                     "auto-resize": "",
                     "seq-config": unref(handleSeqConfig),
@@ -41613,6 +41639,7 @@ var script$8 = /* @__PURE__ */ defineComponent({
                         iconClose: "iconfont icon-a-xitongtubiaotianjia"
                     },
                     "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
+                    "edit-rules": _ctx.columnConfig.editRules || {},
                     onCellDblclick: rowdblclick,
                     onCellClick: handlerClickRow,
                     onCheckboxChange: selectionChange,
@@ -41663,7 +41690,7 @@ var script$8 = /* @__PURE__ */ defineComponent({
                             }
                         })]),
                     _: 3
-                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
+                }, 8, ["height", "seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
                     class: "refresh",
                     onClick: hanldeClickRefresh
                 }, [createVNode(unref(NIcon), {
@@ -45180,8 +45207,7 @@ var script$3 = /* @__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 = () => {
@@ -45221,13 +45247,13 @@ var script$3 = /* @__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$2, [
                         createVNode(unref(NForm), {
-                            class: "login-form",
+                            class: "login-form-button-print",
                             ref_key: "formRef",
                             ref: formRef,
                             model: unref(form),
@@ -45290,20 +45316,77 @@ const __default__$1 = create({
 var script$2 = /* @__PURE__ */ defineComponent({
     ...__default__$1,
     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();
@@ -45322,27 +45405,30 @@ var script$2 = /* @__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;
@@ -45472,21 +45558,13 @@ var script$2 = /* @__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)
@@ -45499,6 +45577,19 @@ var script$2 = /* @__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) => {
@@ -45508,16 +45599,9 @@ var script$2 = /* @__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);
@@ -45564,6 +45648,7 @@ var script$2 = /* @__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();
@@ -45585,14 +45670,21 @@ var script$2 = /* @__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)
@@ -45631,48 +45723,44 @@ var script$2 = /* @__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$3, mergeProps({
+                }, 8, ["show", "options"]), createVNode(script$3, 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);
         };
     }
 });