cnhis-design-vue 3.0.6 → 3.0.7

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 } 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 } from 'naive-ui';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline, EllipsisVerticalSharp, Reload, ChevronDown } from '@vicons/ionicons5';
-import { NTooltip, NInput, NInputNumber, NSelect, NDatePicker, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover, NSpin, NRadio, NModal, NForm, NGrid, NFormItemGi, NFormItem } from 'naive-ui';
 import draggable from 'vuedraggable';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -38412,6 +38412,162 @@ const useNestTable = (props, state, emit) => {
     };
 };
 
+var script$c = defineComponent({
+    name: "EditInput",
+    inheritAttrs: false,
+    components: {
+        NInput,
+        NInputNumber
+    },
+    props: {
+        type: {
+            type: String,
+            default: "input"
+        },
+        col: {
+            type: Object,
+            default: () => ({})
+        },
+        row: {
+            type: Object,
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
+        }
+    },
+    emits: ["formChange"],
+    setup(props, { attrs, slots, emit }) {
+        const onUpdateValue = (value) => {
+            emit("formChange", {
+                value,
+                row: props.row,
+                column: props.col,
+                index: props.index
+            });
+        };
+        return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, {
+            "onUpdateValue": onUpdateValue
+        }), null) : createVNode(NInputNumber, mergeProps(attrs, {
+            "onUpdateValue": onUpdateValue
+        }), null);
+    }
+});
+
+script$c.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
+
+var script$b = defineComponent({
+    name: "EditSelect",
+    inheritAttrs: false,
+    components: {
+        NSelect
+    },
+    props: {
+        col: {
+            type: Object,
+            default: () => ({})
+        },
+        row: {
+            type: Object,
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
+        }
+    },
+    emits: ["setOptions", "formChange"],
+    setup(props, { attrs, slots, emit }) {
+        const state = reactive({
+            options: []
+        });
+        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);
+                }
+            }
+        };
+        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",
+                "onUpdateValue": onUpdateValue
+            }), null)];
+    }
+});
+
+script$b.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
+
+var script$a = 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) => {
+            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, {
+            "onUpdateFormattedValue": onConfirm
+        }), null);
+    }
+});
+
+script$a.__file = "packages/big-table/src/components/edit-form/edit-date.vue";
+
+const comps = {
+    "input": script$c,
+    "number": script$c,
+    "select": script$b,
+    "date": script$a
+};
 const useEdit = (props, state, emit, xGrid) => {
     const initEditTable = async () => {
         const { isEdit, fieldList = [] } = props.columnConfig;
@@ -38468,6 +38624,7 @@ const useEdit = (props, state, emit, xGrid) => {
         xGrid.value.clearActived();
     };
     const onFormChange = ({ value, row, column }) => {
+        row[column.columnName] = value;
         emit("formChange", { value, row, column });
     };
     const getDefaultValue = (params, item) => {
@@ -38504,7 +38661,7 @@ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAADKCAYAAABDnT56A
 const _hoisted_1$8 = { class: "no-data-tip NoData-page" };
 const _hoisted_2$7 = ["src"];
 const _hoisted_3$5 = { key: 1 };
-var script$c = /* @__PURE__ */ defineComponent({
+var script$9 = /* @__PURE__ */ defineComponent({
     props: {
         noDataTip: {
             type: String,
@@ -38565,14 +38722,14 @@ var script$c = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$c.__scopeId = "data-v-4a4b0812";
-script$c.__file = "packages/big-table/src/components/NoData.vue";
+script$9.__scopeId = "data-v-4a4b0812";
+script$9.__file = "packages/big-table/src/components/NoData.vue";
 
 const _hoisted_1$7 = { class: "text-over-tooltip-components" };
 const __default__$8 = {
     name: "TextOverTooltip"
 };
-var script$b = /* @__PURE__ */ defineComponent({
+var script$8 = /* @__PURE__ */ defineComponent({
     ...__default__$8,
     props: {
         content: { type: [String, Number], required: false },
@@ -38640,15 +38797,15 @@ var script$b = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$b.__scopeId = "data-v-6633a934";
-script$b.__file = "packages/big-table/src/components/TextOverTooltip.vue";
+script$8.__scopeId = "data-v-6633a934";
+script$8.__file = "packages/big-table/src/components/TextOverTooltip.vue";
 
 const _hoisted_1$6 = { key: 0 };
 const _hoisted_2$6 = ["xlink:href"];
 const __default__$7 = {
     name: "SvgIcon"
 };
-var script$a = /* @__PURE__ */ defineComponent({
+var script$7 = /* @__PURE__ */ defineComponent({
     ...__default__$7,
     props: {
         iconClass: { type: String, required: true, default: "" },
@@ -38678,159 +38835,8 @@ var script$a = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$a.__scopeId = "data-v-d1ad5be8";
-script$a.__file = "src/component/svg/index.vue";
-
-var script$9 = defineComponent({
-    name: "EditInput",
-    inheritAttrs: false,
-    components: {
-        NInput,
-        NInputNumber
-    },
-    props: {
-        type: {
-            type: String,
-            default: "input"
-        },
-        col: {
-            type: Object,
-            default: () => ({})
-        },
-        row: {
-            type: Object,
-            default: () => ({})
-        },
-        index: {
-            type: [Number, Object],
-            default: 0
-        }
-    },
-    emits: ["formChange"],
-    setup(props, { attrs, slots, emit }) {
-        const onUpdateValue = (value) => {
-            emit("formChange", {
-                value,
-                row: props.row,
-                column: props.col,
-                index: props.index
-            });
-        };
-        return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, {
-            "onUpdateValue": onUpdateValue
-        }), null) : createVNode(NInputNumber, mergeProps(attrs, {
-            "onUpdateValue": onUpdateValue
-        }), null);
-    }
-});
-
-script$9.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
-
-var script$8 = defineComponent({
-    name: "EditSelect",
-    inheritAttrs: false,
-    components: {
-        NSelect
-    },
-    props: {
-        col: {
-            type: Object,
-            default: () => ({})
-        },
-        row: {
-            type: Object,
-            default: () => ({})
-        },
-        index: {
-            type: [Number, Object],
-            default: 0
-        }
-    },
-    emits: ["setOptions", "formChange"],
-    setup(props, { attrs, slots, emit }) {
-        const state = reactive({
-            options: []
-        });
-        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);
-                }
-            }
-        };
-        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",
-                "onUpdateValue": onUpdateValue
-            }), null)];
-    }
-});
-
-script$8.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
-
-var script$7 = 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$7.__file = "packages/big-table/src/components/edit-form/edit-date.vue";
+script$7.__scopeId = "data-v-d1ad5be8";
+script$7.__file = "src/component/svg/index.vue";
 
 var img$2 = "data:image/png;base64,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";
 
@@ -39842,37 +39848,31 @@ var script$6 = /* @__PURE__ */ defineComponent({
         const formatterEdit = (params, col) => {
             let { row, column, $rowIndex, rowIndex } = params;
             let formType = column.formType || col.formType || "";
+            if (!formType)
+                return null;
             if (formType === "custom") {
                 return col.slotFn(params);
             }
+            const Comp = comps[formType] || "";
+            if (!Comp)
+                return null;
             const propsData = {
                 col,
                 row,
-                index: $rowIndex
+                index: $rowIndex,
+                type: formType,
+                onFormChange
             };
-            if (formType === "input" || formType === "number") {
-                return createVNode(script$9, mergeProps(propsData, {
-                    "type": formType,
-                    "value": row[col.columnName],
-                    "onUpdate:value": ($event) => row[col.columnName] = $event,
-                    "onFormChange": onFormChange
-                }), null);
+            if (formType === "date") {
+                propsData.defaultFormattedValue = row[col.columnName];
             }
-            if (formType === "select") {
-                return createVNode(script$8, mergeProps(propsData, {
-                    "value": row[col.columnName],
-                    "onUpdate:value": ($event) => row[col.columnName] = $event,
-                    "onSetOptions": (options) => row[`${col.columnName}_options`] = options,
-                    "onFormChange": onFormChange
-                }), null);
+            else {
+                propsData.defaultValue = row[col.columnName];
             }
-            if (formType === "date") {
-                return createVNode(script$7, mergeProps(propsData, {
-                    "formattedValue": row[col.columnName],
-                    "onUpdate:formattedValue": ($event) => row[col.columnName] = $event,
-                    "onFormChange": onFormChange
-                }), null);
+            if (formType === "select") {
+                propsData.onSetOptions = (options) => row[`${col.columnName}_options`] = options;
             }
+            return createVNode(Comp, propsData, null);
         };
         const getEditBtn = (row, col, index) => {
             return col.tileBtnList?.map((btn) => {
@@ -39968,7 +39968,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
                 return getOrCode(row, own, attrType);
             }
             if (column.property === "operatorColumn") {
-                if (props.columnConfig.isEdit) {
+                if (props.columnConfig.isEdit && !row.initRow) {
                     return getEditBtn(row, col, $rowIndex);
                 }
                 if (state.showButtonTop != 0 || props.isBatchEditing)
@@ -40253,13 +40253,13 @@ var script$6 = /* @__PURE__ */ defineComponent({
                 isAlias = !!tooltipTitle;
             }
             if (type === "format")
-                return createVNode(script$b, {
+                return createVNode(script$8, {
                     "tooltipTitle": tooltipTitle,
                     "content": name,
                     "isAlias": isAlias
                 }, null);
             return () => {
-                return [createVNode(script$b, {
+                return [createVNode(script$8, {
                         "tooltipTitle": tooltipTitle,
                         "content": name,
                         "isAlias": isAlias
@@ -40813,7 +40813,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
             return createVNode(NPopconfirm, {
                 "onPositiveClick": () => confirmScanMulti(params)
             }, {
-                trigger: () => createVNode(script$a, {
+                trigger: () => createVNode(script$7, {
                     "class": "scan-multi-delete",
                     "iconClass": "shanchu"
                 }, null),
@@ -41026,7 +41026,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
                 }, [createVNode("img", {
                         "class": "bigTable-qr-img",
                         "src": src
-                    }, null), createVNode("span", null, [createVNode(script$a, {
+                    }, null), createVNode("span", null, [createVNode(script$7, {
                             "iconClass": "fangda"
                         }, null)])])];
         };
@@ -41110,7 +41110,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
                 }
                 else {
                     icon = createVNode(NTooltip, null, {
-                        trigger: () => createVNode(script$a, {
+                        trigger: () => createVNode(script$7, {
                             "iconClass": btn.icon,
                             "style": {
                                 marginRight: mr
@@ -41121,7 +41121,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
                 }
             }
             else if (btn.iconSetting) {
-                icon = createVNode(script$a, {
+                icon = createVNode(script$7, {
                     "iconClass": JSON.parse(btn.iconSetting).icon,
                     "style": {
                         marginRight: mr
@@ -41550,7 +41550,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
                     onScroll: handlerScroll,
                     onCellMouseenter: handleCellMouseenter
                 }, {
-                    empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9$4, [createVNode(script$c, {
+                    empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9$4, [createVNode(script$9, {
                                 "no-data-img": props.emptyItems.noDataImg,
                                 "no-data-tip": props.emptyItems.noDataTip,
                                 "show-img": !props.isNestTable

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.0.6",
+  "version": "3.0.7",
   "main": "es/index.js",
   "module": "es/index.js",
   "scripts": {

package/packages/big-table/src/BigTable.vue

@@ -171,14 +171,11 @@ import { useFormat } from "./hooks/useFormat";
 import { useTableParse } from "./hooks/useTableParse";
 import { useBatchEditing } from "./hooks/useBatchEditing";
 import { useNestTable } from "./hooks/useNestTable";
-import { useEdit } from './hooks/useEdit';
+import { useEdit, comps } from './hooks/useEdit';
 import { SettingsSharp, SyncOutline, CopyOutline, CaretDown, CaretForward } from "@vicons/ionicons5";
 import NoData from "./components/NoData.vue";
 import TextOverTooltip from "./components/TextOverTooltip.vue";
 import SvgIcon from '@/component/svg/index.vue';
-import EditInput from './components/edit-form/edit-input.vue'
-import EditSelect from './components/edit-form/edit-select.vue'
-import EditDate from './components/edit-form/edit-date.vue'
 import {
   NButton,
   NCheckbox,
@@ -706,23 +703,29 @@ const formatColumns = (map: any) => {
 const formatterEdit = (params: any, col: any) => {
   let { row, column, $rowIndex, rowIndex } = params
   let formType = column.formType || col.formType || ''
+  if (!formType) return null
   if (formType === 'custom') {
     return col.slotFn(params)
   }
-  const propsData = {
+  const Comp = comps[formType] || ''
+  if (!Comp) return null
+  const propsData: any = {
     col,
     row,
-    index: $rowIndex
+    index: $rowIndex,
+    // vModel: [row[col.columnName], formType === 'date' ? 'formattedValue' :'value'],
+    type: formType,
+    onFormChange
   }
-  if (formType === 'input' || formType === 'number') {
-    return <EditInput {...propsData} type={formType} v-model={[row[col.columnName], 'value']} onFormChange={onFormChange} />
+  if (formType === 'date') {
+    propsData.defaultFormattedValue = row[col.columnName]
+  } else {
+    propsData.defaultValue = row[col.columnName]
   }
   if (formType === 'select') {
-    return <EditSelect {...propsData} v-model={[row[col.columnName], 'value']} onSetOptions={(options: any[]) => row[`${col.columnName}_options`] = options} onFormChange={onFormChange} />
-  }
-  if (formType === 'date') {
-    return <EditDate {...propsData} v-model={[row[col.columnName], 'formattedValue']} onFormChange={onFormChange} />
+    propsData.onSetOptions = (options: any[]) => (row[`${col.columnName}_options`] = options)
   }
+  return <Comp {...propsData} />
 }
 const getEditBtn = (row: any, col: any, index: number) => {
   return col.tileBtnList?.map((btn: any) => {
@@ -822,8 +825,7 @@ const formatter = (params: any, col: any) => {
     return getOrCode(row, own, attrType);
   }
   if (column.property === "operatorColumn") {
-    // if (props.columnConfig.isEdit && !row.initRow) {
-    if (props.columnConfig.isEdit) {
+    if (props.columnConfig.isEdit && !row.initRow) {
       return getEditBtn(row, col, $rowIndex)
     }
 

package/packages/big-table/src/components/edit-form/edit-date.vue

@@ -24,8 +24,7 @@ export default defineComponent({
   },
   emits: ['formChange'],
   setup (props, { attrs, slots, emit }) {
-    const onConfirm = (value: number | [number, number] | null, formattedValue: string | [string, string] | null) => {
-      console.log('时间选择->', value)
+    const onConfirm = (value: any) => {
       emit('formChange', { value, row: props.row, column: props.col, index: props.index })
     }
     const config = {
@@ -35,7 +34,7 @@ export default defineComponent({
       valueFormat: props.col.valueFormat || 'yyyy-MM-dd HH:mm:ss',
       to: false
     }
-    return () => <NDatePicker {...attrs} {...config} onConfirm={onConfirm} />
+    return () => <NDatePicker {...attrs} {...config} onUpdateFormattedValue={onConfirm} />
   }
 })
 </script>

package/packages/big-table/src/hooks/useEdit.ts

@@ -1,4 +1,15 @@
 import { computed, ref, reactive, watch, onMounted } from 'vue'
+import EditInput from '../components/edit-form/edit-input.vue'
+import EditSelect from '../components/edit-form/edit-select.vue'
+import EditDate from '../components/edit-form/edit-date.vue'
+
+
+export const comps = {
+  'input': EditInput,
+  'number': EditInput,
+  'select': EditSelect,
+  'date': EditDate
+}
 
 export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
 
@@ -72,6 +83,7 @@ export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
   }
 
   const onFormChange = ({ value, row, column }: {value: number | string | null, row: any, column: any}) => {
+    row[column.columnName] = value
     emit('formChange', { value, row, column })
   }
 
@@ -97,4 +109,4 @@ export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
     onFormChange,
     getDefaultValue
   }
-}
+}

package/packages/select-person/index.ts

@@ -0,0 +1,11 @@
+import type { App } from "vue";
+// 导入组件
+import SelectPerson from './src/SelectPerson.vue'
+
+// 为组件提供 install 安装方法，供按需引入
+SelectPerson.install = function(app: App) {
+  app.component(SelectPerson.name, SelectPerson);
+};
+
+// 默认导出组件
+export default SelectPerson;