cnhis-design-vue 3.0.5 → 3.0.6

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.0.6](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.5...v3.0.6) (2022-05-24)
+
+
+### Features
+
+* 打印增加默认参数配置 ([b7abea5](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/b7abea576bb8dd39d42324f8cdefb604903e131e))
+* big-table 日期编辑 ([b4fc52e](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/b4fc52e4998bbaa7f63d475bae2028406ca78c1f))
+
 ### [3.0.5](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.4...v3.0.5) (2022-05-23)
 
 ### [3.0.4](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.3...v3.0.4) (2022-05-23)

package/es/big-table/index.js

@@ -1,6 +1,6 @@
 import { computed, watch, defineComponent, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString, ref, createVNode, withCtx, normalizeClass, renderSlot, createTextVNode, mergeProps, reactive, h, resolveComponent, inject, nextTick, createApp, Teleport, provide, onMounted, onUnmounted, getCurrentInstance, onBeforeUnmount, onActivated, onDeactivated, isVNode, useAttrs, normalizeStyle, withDirectives, vShow, Fragment, createBlock } from 'vue';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
-import { NTooltip, NInput, NInputNumber, NSelect, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
+import { NTooltip, NInput, NInputNumber, NSelect, NDatePicker, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
 
 const bigTableState = {
     curAbleCheckedLen: 0,
@@ -210,7 +210,7 @@ const bigTableEmits = [
     "selectionChangeLocal",
     "switchBtnOnChange",
     "asyncTableChange",
-    "updateInput"
+    "formChange"
 ];
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -13309,8 +13309,8 @@ const useEdit = (props, state, emit, xGrid) => {
         await xGrid.value.insertAt(record, getInsertRecords.at(-1));
         xGrid.value.clearActived();
     };
-    const onUpdateInput = ({ value, row, column }) => {
-        emit("updateInput", { value, row, column });
+    const onFormChange = ({ value, row, column }) => {
+        emit("formChange", { value, row, column });
     };
     const getDefaultValue = (params, item) => {
         const value = params.row[item.columnName];
@@ -13330,7 +13330,7 @@ const useEdit = (props, state, emit, xGrid) => {
         activeMethod,
         deleteRow,
         onClickSelectTable,
-        onUpdateInput,
+        onFormChange,
         getDefaultValue
     };
 };
@@ -13346,7 +13346,7 @@ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAADKCAYAAABDnT56A
 const _hoisted_1$3 = { class: "no-data-tip NoData-page" };
 const _hoisted_2$2 = ["src"];
 const _hoisted_3$1 = { key: 1 };
-var script$5 = /* @__PURE__ */ defineComponent({
+var script$6 = /* @__PURE__ */ defineComponent({
     props: {
         noDataTip: {
             type: String,
@@ -13407,14 +13407,14 @@ var script$5 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$5.__scopeId = "data-v-4a4b0812";
-script$5.__file = "packages/big-table/src/components/NoData.vue";
+script$6.__scopeId = "data-v-4a4b0812";
+script$6.__file = "packages/big-table/src/components/NoData.vue";
 
 const _hoisted_1$2 = { class: "text-over-tooltip-components" };
 const __default__$2 = {
     name: "TextOverTooltip"
 };
-var script$4 = /* @__PURE__ */ defineComponent({
+var script$5 = /* @__PURE__ */ defineComponent({
     ...__default__$2,
     props: {
         content: { type: [String, Number], required: false },
@@ -13482,15 +13482,15 @@ var script$4 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$4.__scopeId = "data-v-6633a934";
-script$4.__file = "packages/big-table/src/components/TextOverTooltip.vue";
+script$5.__scopeId = "data-v-6633a934";
+script$5.__file = "packages/big-table/src/components/TextOverTooltip.vue";
 
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2$1 = ["xlink:href"];
 const __default__$1 = {
     name: "SvgIcon"
 };
-var script$3 = /* @__PURE__ */ defineComponent({
+var script$4 = /* @__PURE__ */ defineComponent({
     ...__default__$1,
     props: {
         iconClass: { type: String, required: true, default: "" },
@@ -13520,10 +13520,10 @@ var script$3 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$3.__scopeId = "data-v-d1ad5be8";
-script$3.__file = "src/component/svg/index.vue";
+script$4.__scopeId = "data-v-d1ad5be8";
+script$4.__file = "src/component/svg/index.vue";
 
-var script$2 = defineComponent({
+var script$3 = defineComponent({
     name: "EditInput",
     inheritAttrs: false,
     components: {
@@ -13548,10 +13548,10 @@ var script$2 = defineComponent({
             default: 0
         }
     },
-    emits: ["updateInput"],
+    emits: ["formChange"],
     setup(props, { attrs, slots, emit }) {
         const onUpdateValue = (value) => {
-            emit("updateInput", {
+            emit("formChange", {
                 value,
                 row: props.row,
                 column: props.col,
@@ -13566,9 +13566,9 @@ var script$2 = defineComponent({
     }
 });
 
-script$2.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
+script$3.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
 
-var script$1 = defineComponent({
+var script$2 = defineComponent({
     name: "EditSelect",
     inheritAttrs: false,
     components: {
@@ -13577,16 +13577,18 @@ var script$1 = defineComponent({
     props: {
         col: {
             type: Object,
-            default: () => {
-            }
+            default: () => ({})
         },
         row: {
             type: Object,
-            default: () => {
-            }
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
         }
     },
-    emits: ["setOptions"],
+    emits: ["setOptions", "formChange"],
     setup(props, { attrs, slots, emit }) {
         const state = reactive({
             options: []
@@ -13604,18 +13606,73 @@ var script$1 = defineComponent({
             }
         };
         setOptions();
+        const onUpdateValue = (value) => {
+            emit("formChange", {
+                value,
+                row: props.row,
+                column: props.col,
+                index: props.index
+            });
+        };
         return () => [createVNode(NSelect, mergeProps(attrs, {
                 "options": state.options,
                 "consistentMenuWidth": false,
                 "clearable": true,
                 "filterable": true,
                 "to": false,
-                "placeholder": "\u8BF7\u9009\u62E9"
+                "placeholder": "\u8BF7\u9009\u62E9",
+                "onUpdateValue": onUpdateValue
             }), null)];
     }
 });
 
-script$1.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
+script$2.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
+
+var script$1 = defineComponent({
+    name: "EditDate",
+    inheritAttrs: false,
+    components: {
+        NDatePicker
+    },
+    props: {
+        col: {
+            type: Object,
+            default: () => ({})
+        },
+        row: {
+            type: Object,
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
+        }
+    },
+    emits: ["formChange"],
+    setup(props, { attrs, slots, emit }) {
+        const onConfirm = (value, formattedValue) => {
+            console.log("\u65F6\u95F4\u9009\u62E9->", value);
+            emit("formChange", {
+                value,
+                row: props.row,
+                column: props.col,
+                index: props.index
+            });
+        };
+        const config = {
+            type: props.col.type || "datetime",
+            clearable: props.col.clearable || true,
+            disabled: props.col.disabled || false,
+            valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
+            to: false
+        };
+        return () => createVNode(NDatePicker, mergeProps(attrs, config, {
+            "onConfirm": onConfirm
+        }), null);
+    }
+});
+
+script$1.__file = "packages/big-table/src/components/edit-form/edit-date.vue";
 
 var iconPrefix = 'vxe-icon--';
 var GlobalConfig = {
@@ -39450,7 +39507,7 @@ var script = /* @__PURE__ */ defineComponent({
         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);
-        const { initEditTable, activeMethod, deleteRow, onClickSelectTable, onUpdateInput, getDefaultValue } = useEdit(props, state, emit, xGrid);
+        const { initEditTable, activeMethod, deleteRow, onClickSelectTable, onFormChange, getDefaultValue } = useEdit(props, state, emit, xGrid);
         const { isAboutNestTable, isExpandTable, handleRowId, toggleExpandMethod, loadExpandMethod, nestHandleClickRow } = useNestTable(props, state, emit);
         const attr = useAttrs();
         const currentCheckedKeys = computed(() => {
@@ -39542,7 +39599,7 @@ var script = /* @__PURE__ */ defineComponent({
         };
         onMounted(() => {
             bindDocumentClick();
-            state.tableHeight = handleTableHeight(state, props);
+            state.tableHeight = handleTableHeight(state, props) || "auto";
             if (!props.isNestTable)
                 return;
             loadColumn(props.columnConfig);
@@ -39793,18 +39850,26 @@ var script = /* @__PURE__ */ defineComponent({
                 index: $rowIndex
             };
             if (formType === "input" || formType === "number") {
-                return createVNode(script$2, mergeProps(propsData, {
+                return createVNode(script$3, mergeProps(propsData, {
                     "type": formType,
                     "value": row[col.columnName],
                     "onUpdate:value": ($event) => row[col.columnName] = $event,
-                    "onUpdateInput": onUpdateInput
+                    "onFormChange": onFormChange
                 }), null);
             }
             if (formType === "select") {
-                return createVNode(script$1, mergeProps(propsData, {
+                return createVNode(script$2, mergeProps(propsData, {
                     "value": row[col.columnName],
                     "onUpdate:value": ($event) => row[col.columnName] = $event,
-                    "onSetOptions": (options) => row[`${col.columnName}_options`] = options
+                    "onSetOptions": (options) => row[`${col.columnName}_options`] = options,
+                    "onFormChange": onFormChange
+                }), null);
+            }
+            if (formType === "date") {
+                return createVNode(script$1, mergeProps(propsData, {
+                    "formattedValue": row[col.columnName],
+                    "onUpdate:formattedValue": ($event) => row[col.columnName] = $event,
+                    "onFormChange": onFormChange
                 }), null);
             }
         };
@@ -40187,13 +40252,13 @@ var script = /* @__PURE__ */ defineComponent({
                 isAlias = !!tooltipTitle;
             }
             if (type === "format")
-                return createVNode(script$4, {
+                return createVNode(script$5, {
                     "tooltipTitle": tooltipTitle,
                     "content": name,
                     "isAlias": isAlias
                 }, null);
             return () => {
-                return [createVNode(script$4, {
+                return [createVNode(script$5, {
                         "tooltipTitle": tooltipTitle,
                         "content": name,
                         "isAlias": isAlias
@@ -40747,7 +40812,7 @@ var script = /* @__PURE__ */ defineComponent({
             return createVNode(NPopconfirm, {
                 "onPositiveClick": () => confirmScanMulti(params)
             }, {
-                trigger: () => createVNode(script$3, {
+                trigger: () => createVNode(script$4, {
                     "class": "scan-multi-delete",
                     "iconClass": "shanchu"
                 }, null),
@@ -40960,7 +41025,7 @@ var script = /* @__PURE__ */ defineComponent({
                 }, [createVNode("img", {
                         "class": "bigTable-qr-img",
                         "src": src
-                    }, null), createVNode("span", null, [createVNode(script$3, {
+                    }, null), createVNode("span", null, [createVNode(script$4, {
                             "iconClass": "fangda"
                         }, null)])])];
         };
@@ -41044,7 +41109,7 @@ var script = /* @__PURE__ */ defineComponent({
                 }
                 else {
                     icon = createVNode(NTooltip, null, {
-                        trigger: () => createVNode(script$3, {
+                        trigger: () => createVNode(script$4, {
                             "iconClass": btn.icon,
                             "style": {
                                 marginRight: mr
@@ -41055,7 +41120,7 @@ var script = /* @__PURE__ */ defineComponent({
                 }
             }
             else if (btn.iconSetting) {
-                icon = createVNode(script$3, {
+                icon = createVNode(script$4, {
                     "iconClass": JSON.parse(btn.iconSetting).icon,
                     "style": {
                         marginRight: mr
@@ -41484,7 +41549,7 @@ var script = /* @__PURE__ */ defineComponent({
                     onScroll: handlerScroll,
                     onCellMouseenter: handleCellMouseenter
                 }, {
-                    empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$5, {
+                    empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$6, {
                                 "no-data-img": props.emptyItems.noDataImg,
                                 "no-data-tip": props.emptyItems.noDataTip,
                                 "show-img": !props.isNestTable