@dt-frames/ui 1.0.16 → 1.0.17

package/es/components/table/src/components/editable/EditTableCell.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => BasicColumn;
     };
     index: NumberConstructor;
+    dataSource: PropType<Recordable<any>[]>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
@@ -48,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
             default: () => BasicColumn;
         };
         index: NumberConstructor;
+        dataSource: PropType<Recordable<any>[]>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
     }>>;
@@ -81,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => BasicColumn;
     };
     index: NumberConstructor;
+    dataSource: PropType<Recordable<any>[]>;
 }>>, {
     value: string;
     column: BasicColumn;

package/es/components/table/src/components/editable/index.d.ts

@@ -1,5 +1,5 @@
 import { BasicColumn } from "../../types/table.type";
-declare function renderEditCell(column: BasicColumn): ({ text: value, record, index }: {
+declare function renderEditCell(column: BasicColumn, dataSource: any): ({ text: value, record, index }: {
     text: any;
     record: any;
     index: any;

package/es/components/table/src/index.d.ts

@@ -268,6 +268,9 @@ declare const _default: import("vue").DefineComponent<{
         rowKey: string;
         columns: import("./types/table.type").BasicColumn[];
         tableLayout: string;
+        class: (string | {
+            'dt-table-no-pagation': boolean;
+        })[];
         customRow: (record: Recordable<any>, index: number) => {
             onClick: (e: any) => void;
             onDblclick: (event: Event) => void;

package/es/components/table/src/types/table.type.d.ts

@@ -33,6 +33,8 @@ export declare type SorterResult = {
 };
 export declare type CellFormat = ((record: Recordable, index: number, text: string) => any) | {
     dict: DictType;
+} | {
+    struc: string;
 } | {
     number: string;
 } | {

package/es/components/upload/src/upload.d.ts

@@ -1284,6 +1284,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             rowKey: string;
             columns: import("../../table/src/types/table.type").BasicColumn[];
             tableLayout: string;
+            class: (string | {
+                'dt-table-no-pagation': boolean;
+            })[];
             customRow: (record: import("@dt-frames/core").Recordable<any>, index: number) => {
                 onClick: (e: any) => void;
                 onDblclick: (event: Event) => void;

package/es/index.js

@@ -3312,7 +3312,7 @@ var _sfc_main$P = defineComponent({
           error("\u8BF7\u914D\u7F6Erender\u51FD\u6570");
           return;
         }
-        return createVNode(Col, {
+        return unref(getShow) && createVNode(Col, {
           "span": 24
         }, _isSlot(_slot2 = render2(values)) ? _slot2 : {
           default: () => [_slot2]
@@ -5284,7 +5284,8 @@ var _sfc_main$I = defineComponent({
       type: Object,
       default: () => ({})
     },
-    index: Number
+    index: Number,
+    dataSource: Array
   },
   setup(props) {
     const table = getTableInstance();
@@ -5317,6 +5318,9 @@ var _sfc_main$I = defineComponent({
       }
       return "\u8BF7\u9009\u62E9";
     };
+    const setTableValue = () => {
+      props.dataSource[props.index][props.column.dataIndex] = unref(currentValueRef);
+    };
     const getComponentProps = computed(() => {
       var _a, _b, _c;
       const isCheckValue = unref(getIsCheckComp);
@@ -5342,7 +5346,8 @@ var _sfc_main$I = defineComponent({
         getPopupContainer: () => document.body,
         placeholder: createPlaceholderMessage(unref(getComponent)),
         ...omit(compProps, "onChange"),
-        [valueField]: value
+        [valueField]: value,
+        onBlur: setTableValue
       };
     });
     async function handleChange(e) {
@@ -5362,10 +5367,14 @@ var _sfc_main$I = defineComponent({
       const onChange = (_a = unref(getComponentProps)) == null ? void 0 : _a.onChange;
       if (onChange && isFunction$1(onChange))
         onChange(...arguments);
+      if (!["Input", "InputNumber"].includes(props.column.editComponent)) {
+        setTableValue();
+      }
       (_b = table.emit) == null ? void 0 : _b.call(table, "edit-change", {
         column: props.column,
         value: unref(currentValueRef),
-        record: toRaw(props.record)
+        record: toRaw(props.record),
+        index: props.index
       });
       handleSubmitRule();
     }
@@ -5429,7 +5438,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$3]]);
-function renderEditCell(column) {
+function renderEditCell(column, dataSource) {
   return ({ text: value, record, index }) => {
     record.onValid = async () => {
       if (isArray$1(record == null ? void 0 : record.validCbs)) {
@@ -5463,7 +5472,8 @@ function renderEditCell(column) {
       value,
       record,
       column,
-      index
+      index,
+      dataSource
     });
   };
 }
@@ -5731,7 +5741,7 @@ function useColumns(propsRef, getPaginationRef) {
     const columns = cloneDeep(viewColumns);
     return columns.filter((column) => isIfShow(column)).map((column) => {
       if (column.edit) {
-        column.customRender = renderEditCell(column);
+        column.customRender = renderEditCell(column, unref(propsRef).dataSource);
       }
       return column;
     });
@@ -6725,6 +6735,12 @@ const _sfc_main$A = defineComponent({
     const getProps = computed(() => {
       return { ...props, ...unref(innerPropsRef) };
     });
+    const tableClass = computed(() => {
+      return [
+        "dt-table",
+        { "dt-table-no-pagation": !unref(getProps).pagination }
+      ];
+    });
     const { getLoading, setLoading } = useLoading(getProps);
     const { getPaginationInfo, setPagination, getPagination, getShowPagination, setShowPagination } = usePagination(getProps);
     const {
@@ -6791,6 +6807,7 @@ const _sfc_main$A = defineComponent({
         rowKey: unref(getProps).rowKey,
         columns: unref(getViewColumns),
         tableLayout: "fixed",
+        class: unref(tableClass),
         customRow
       };
     });
@@ -6820,10 +6837,7 @@ const _sfc_main$A = defineComponent({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TableRender = resolveComponent("TableRender");
   const _component_Table = resolveComponent("Table");
-  return openBlock(), createBlock(_component_Table, mergeProps({
-    ref: "tableElRef",
-    class: "dt-table"
-  }, _ctx.getBind, {
+  return openBlock(), createBlock(_component_Table, mergeProps({ ref: "tableElRef" }, _ctx.getBind, {
     rowClassName: _ctx.getRowClassName,
     onChange: _ctx.handleTableChange,
     onResizeColumn: _ctx.handleResizeColumn

package/es/style/components/table/index.less

@@ -172,6 +172,10 @@
     }
 }
 
+.dt-table-no-pagation .ant-table-container {
+    border-bottom: 1px solid #f0f0f0;
+}
+
 .edit-cell-rule-popover .ant-popover-inner-content{
     padding: 4px 8px;
     color: #ed6f6f;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "1.0.16",
+	"version": "1.0.17",
 	"keywords": [
 		"ui",
 		"dt-ui"