m-eleplus-crud 0.0.14 → 0.0.16

package/dist/index.full.mjs

@@ -17335,6 +17335,7 @@ const crudProps = buildProps$1({
 const crudEmits = {
   "update:select": (arr) => isArray$1(arr),
   "update:modelValue": (value) => isObject$1(value),
+  sortChange: (data) => true,
   search: (form) => isObject$1(form),
   reset: () => true,
   rowSave: (form, done, loading) => isObject$1(form) && isFunction$1(done) && isFunction$1(loading),
@@ -17689,6 +17690,9 @@ const _sfc_main$2 = defineComponent({
       });
       return result;
     };
+    const sortChange = (data) => {
+      emit("sortChange", data);
+    };
     watch(
       () => props.option,
       (newVal) => {
@@ -17816,7 +17820,8 @@ const _sfc_main$2 = defineComponent({
           permission: _ctx.permission,
           option: tableOption.value,
           height: tableHeight.value,
-          "max-height": tableHeight.value
+          "max-height": tableHeight.value,
+          onSortChange: sortChange
         }, createSlots({
           menu: withCtx((scope) => [
             crudOption.value.editBtn && !unref(slots).editBtn && _ctx.permission["edit"] !== false ? (openBlock(), createBlock(_component_el_link, {
@@ -18076,6 +18081,7 @@ const tableProps = buildProps$1({
 });
 const tableEmits = {
   "update:select": (arr) => isArray$1(arr),
+  sortChange: (data) => true,
   selectionChange: (arr) => isArray$1(arr)
 };
 
@@ -18151,6 +18157,9 @@ const _sfc_main = defineComponent({
       emit("update:select", cloneDeep(arrs));
       emit("selectionChange", arrs);
     };
+    const sortChange = (data) => {
+      emit("sortChange", data);
+    };
     const radioSelect = (index) => {
       if (index == selectIndex.value) {
         selectIndex.value = -1;
@@ -18315,7 +18324,8 @@ const _sfc_main = defineComponent({
           border: tableOption.value.border,
           stripe: tableOption.value.stripe,
           "row-key": tableOption.value.rowKey,
-          onSelectionChange: selectionChange
+          onSelectionChange: selectionChange,
+          onSortChange: sortChange
         }, {
           empty: withCtx(() => [
             createElementVNode("div", { style: { "display": "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center", "padding": "16px 0", "box-sizing": "border-box" } }, [
@@ -18337,7 +18347,8 @@ const _sfc_main = defineComponent({
                   align: column.align || "center",
                   "show-overflow-tooltip": column.overHidden,
                   formatter: column.formatter ? (row, col, cellValue, index) => column.formatter(row, column, index) : null,
-                  selectable: column.selectable
+                  selectable: column.selectable,
+                  sortable: column.sortable
                 }, createSlots({
                   _: 2
                 }, [
@@ -18441,7 +18452,7 @@ const _sfc_main = defineComponent({
                     ]),
                     key: "2"
                   } : void 0
-                ]), 1032, ["type", "width", "label", "prop", "align", "show-overflow-tooltip", "formatter", "selectable"]);
+                ]), 1032, ["type", "width", "label", "prop", "align", "show-overflow-tooltip", "formatter", "selectable", "sortable"]);
               }),
               128
             )),

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

@@ -106,6 +106,17 @@ export interface ICrudCommonColumn extends ICommonColumn, ITableCommonColumn, Wi
 }
 export interface ICrudColumn extends ICrudCommonColumn {
     type?: ColumnType | 'index' | 'single' | 'selection';
+    /**
+     * @description 仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选
+     * @param row 行数据
+     * @param index 索引
+     * @returns
+     */
+    selectable?: (row: any, index: number) => boolean;
+    /**
+     * @description 对应列是否可以排序， 如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件
+     */
+    sortable?: boolean | string;
 }
 /**
  * @description crud配置
@@ -227,6 +238,16 @@ export declare const crudEmits: {
      * @returns
      */
     'update:modelValue': (value: any) => value is Record<any, any>;
+    /**
+     * 表格自定义排序模式下排序变化触发
+     * @param data
+     * @returns
+     */
+    sortChange: (data: {
+        column: any;
+        prop: string;
+        order: any;
+    }) => boolean;
     /**
      * 查询事件触发
      * @param form 查询表单数据

package/es/components/crud/src/crud.vue.d.ts

@@ -124,6 +124,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     search: (form: any) => void;
     reset: () => void;
     "update:select": (arr: any[]) => void;
+    sortChange: (data: {
+        column: any;
+        prop: string;
+        order: any;
+    }) => void;
     "update:modelValue": (value: any) => void;
     rowSave: (form: any, done: () => void, loading: () => void) => void;
     rowEdit: (form: any, done: () => void, loading: () => void) => void;
@@ -173,6 +178,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onSearch?: ((form: any) => any) | undefined;
     onReset?: (() => any) | undefined;
     "onUpdate:select"?: ((arr: any[]) => any) | undefined;
+    onSortChange?: ((data: {
+        column: any;
+        prop: string;
+        order: any;
+    }) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onRowSave?: ((form: any, done: () => void, loading: () => void) => any) | undefined;
     onRowEdit?: ((form: any, done: () => void, loading: () => void) => any) | undefined;

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

@@ -57,6 +57,10 @@ export interface ITableColumn extends ICommonColumn, ITableCommonColumn {
      * @returns
      */
     selectable?: (row: any, index: number) => boolean;
+    /**
+     * @description 对应列是否可以排序， 如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件
+     */
+    sortable?: boolean | string;
 }
 /**
  * @description 公开的table配置
@@ -144,6 +148,16 @@ export declare const tableProps: {
 export type TableProps = ExtractPropTypes<typeof tableProps>;
 export declare const tableEmits: {
     'update:select': (arr: any[]) => boolean;
+    /**
+     * 表格自定义排序模式下排序变化触发
+     * @param data
+     * @returns
+     */
+    sortChange: (data: {
+        column: any;
+        prop: string;
+        order: any;
+    }) => boolean;
     /**
      * 表格选择数据触发
      * @param arr 选择的数据

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

@@ -64,6 +64,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     refreshTable: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:select": (arr: any[]) => void;
+    sortChange: (data: {
+        column: any;
+        prop: string;
+        order: any;
+    }) => void;
     selectionChange: (arr: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
@@ -106,6 +111,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{
     "onUpdate:select"?: ((arr: any[]) => any) | undefined;
+    onSortChange?: ((data: {
+        column: any;
+        prop: string;
+        order: any;
+    }) => any) | undefined;
     onSelectionChange?: ((arr: any[]) => any) | undefined;
 }>, {
     readonly loading: import("m-eleplus-crud/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/index.mjs

@@ -7,21 +7,21 @@ export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from
 export { MConfigProvider } from './packages/components/config-provider/index.mjs';
 export { tableEmits, tableProps } from './packages/components/table/src/table2.mjs';
 export { MTable } from './packages/components/table/index.mjs';
-export { searchEmits, searchProps } from './packages/components/search/src/search.mjs';
+export { searchEmits, searchProps } from './packages/components/search/src/search2.mjs';
 export { MSearch } from './packages/components/search/index.mjs';
-export { pictureEmits, pictureProps } from './packages/components/picture/src/picture.mjs';
+export { pictureEmits, pictureProps } from './packages/components/picture/src/picture2.mjs';
 export { MPicture } from './packages/components/picture/index.mjs';
 export { dialogEmits, dialogProps } from './packages/components/dialog/src/dialog.mjs';
 export { MDialog } from './packages/components/dialog/index.mjs';
-export { qrcodeEmits, qrcodeProps } from './packages/components/qrcode/src/qrcode.mjs';
+export { qrcodeEmits, qrcodeProps } from './packages/components/qrcode/src/qrcode2.mjs';
 export { MQrcode } from './packages/components/qrcode/index.mjs';
 export { barcodeEmits, barcodeProps } from './packages/components/barcode/src/barcode.mjs';
 export { MBarcode } from './packages/components/barcode/index.mjs';
-export { formEmits, formProps } from './packages/components/form/src/form2.mjs';
+export { formEmits, formProps } from './packages/components/form/src/form.mjs';
 export { MForm } from './packages/components/form/index.mjs';
-export { crudEmits, crudProps } from './packages/components/crud/src/crud2.mjs';
+export { crudEmits, crudProps } from './packages/components/crud/src/crud.mjs';
 export { MCrud } from './packages/components/crud/index.mjs';
-export { paginationEmits, paginationProps } from './packages/components/pagination/src/pagination.mjs';
+export { paginationEmits, paginationProps } from './packages/components/pagination/src/pagination2.mjs';
 export { MPagination } from './packages/components/pagination/index.mjs';
 export { INSTALLED_KEY } from './packages/constants/key.mjs';
 export { componentSizeMap, componentSizes } from './packages/constants/size.mjs';

package/es/packages/components/crud/index.mjs

@@ -1,5 +1,5 @@
-import Crud from './src/crud.mjs';
-export { crudEmits, crudProps } from './src/crud2.mjs';
+import Crud from './src/crud2.mjs';
+export { crudEmits, crudProps } from './src/crud.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const MCrud = withInstall(Crud);