@maxax/ui 1.1.19 → 1.1.21

package/dist/index.cjs

@@ -4,7 +4,7 @@ const utils = require("@maxax/utils");
 const vue = require("vue");
 const BScroll = require("@better-scroll/core");
 const naiveUi = require("naive-ui");
-const utils$1 = require("./utils-BlU-30Gl.cjs");
+const utils$1 = require("./utils-CaGh1NhT.cjs");
 const lodashEs = require("lodash-es");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
@@ -813,7 +813,7 @@ function useBasicDrawerModal(params = {}) {
   const { t } = useLocale();
   const visibleRef = vue.ref(false);
   const { bool: loadingRef, setTrue: showLoading, setFalse: hideLoading } = hooks.useBoolean();
-  const typeRef = vue.ref("add");
+  const typeRef = vue.ref("other");
   const dataRef = vue.ref({});
   const titleRef = vue.computed(() => {
     return t(`max.basic.${typeRef.value}`) || "";
@@ -828,7 +828,7 @@ function useBasicDrawerModal(params = {}) {
   function hide() {
     var _a;
     visibleRef.value = false;
-    typeRef.value = "add";
+    typeRef.value = "other";
     dataRef.value = {};
     (_a = params.onHide) == null ? void 0 : _a.call(params);
   }
@@ -22438,11 +22438,44 @@ function handleFieldColumn(columns) {
     column.field || (column.field = column.type || "");
   });
 }
+function handleCheckboxColumn(propsRef, columns) {
+  const { showCheckboxColumn } = vue.unref(propsRef);
+  const existIndex = columns.findIndex((column) => column.type === "checkbox");
+  if (showCheckboxColumn) {
+    if (existIndex === -1) {
+      const isFixedLeft = columns.some((item) => item.fixed === "left");
+      columns.unshift({
+        field: "imaxCheckbox",
+        type: "checkbox",
+        width: 50,
+        align: "center",
+        ...isFixedLeft ? { fixed: "left" } : {}
+      });
+    }
+  } else if (existIndex !== -1) {
+    columns.splice(existIndex, 1);
+  }
+}
+function handleRadioColumn(propsRef, columns) {
+  const { showRadioColumn } = vue.unref(propsRef);
+  const existIndex = columns.findIndex((column) => column.type === "radio");
+  if (showRadioColumn) {
+    if (existIndex === -1) {
+      const isFixedLeft = columns.some((item) => item.fixed === "left");
+      columns.unshift({
+        field: "imaxRadio",
+        type: "radio",
+        width: 50,
+        align: "center",
+        ...isFixedLeft ? { fixed: "left" } : {}
+      });
+    }
+  } else if (existIndex !== -1) {
+    columns.splice(existIndex, 1);
+  }
+}
 function handleIndexColumn(propsRef, getPaginationRef, columns) {
-  const {
-    showIndexColumn,
-    treeConfig
-  } = vue.unref(propsRef);
+  const { showIndexColumn, treeConfig } = vue.unref(propsRef);
   let pushIndexColumns = false;
   if (vue.unref(treeConfig)) {
     return;
@@ -22462,23 +22495,16 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
     type: "seq",
     width: 68,
     align: "center",
-    ...isFixedLeft ? {
-      fixed: "left"
-    } : {},
+    ...isFixedLeft ? { fixed: "left" } : {},
     slots: {
-      default({
-        rowIndex
-      }) {
+      default({ rowIndex }) {
         const getPagination = vue.unref(getPaginationRef);
         if (lodashEs.isBoolean(getPagination)) {
           return `${rowIndex + 1}`;
         }
-        const {
-          currentPage = 1,
-          pageSize = PAGE_SIZE
-        } = getPagination;
+        const { currentPage = 1, pageSize = PAGE_SIZE } = getPagination;
         const seq = ((currentPage < 1 ? 1 : currentPage) - 1) * pageSize + rowIndex + 1;
-        return vue.createVNode("span", null, [seq]);
+        return vue.h("span", seq);
       }
     }
   });
@@ -22505,6 +22531,8 @@ function useColumns(propsRef, getPaginationRef) {
   const getColumnsRef = vue.computed(() => {
     const columns = lodashEs.cloneDeep(vue.unref(columnsRef));
     handleFieldColumn(columns);
+    handleCheckboxColumn(propsRef, columns);
+    handleRadioColumn(propsRef, columns);
     handleIndexColumn(propsRef, getPaginationRef, columns);
     if (!columns) {
       return [];
@@ -22527,11 +22555,14 @@ function useColumns(propsRef, getPaginationRef) {
     const columns = lodashEs.cloneDeep(viewColumns);
     return columns.filter((column) => isIfShow(column));
   });
-  vue.watch(() => vue.unref(propsRef).columns, (columns) => {
-    var _a;
-    columnsRef.value = columns || [];
-    cacheColumns = (_a = columns == null ? void 0 : columns.filter((item) => !item.type)) != null ? _a : [];
-  });
+  vue.watch(
+    () => vue.unref(propsRef).columns,
+    (columns) => {
+      var _a;
+      columnsRef.value = columns || [];
+      cacheColumns = (_a = columns == null ? void 0 : columns.filter((item) => !item.type)) != null ? _a : [];
+    }
+  );
   function setCacheColumnsByField(field, value) {
     if (!field || !value) {
       return;
@@ -22573,10 +22604,7 @@ function useColumns(propsRef, getPaginationRef) {
     }
   }
   function getColumns(opt) {
-    const {
-      ignoreIndex,
-      ignoreAction
-    } = opt || {};
+    const { ignoreIndex, ignoreAction } = opt || {};
     let columns = vue.toRaw(vue.unref(getColumnsRef));
     if (ignoreIndex) {
       columns = columns.filter((item) => item.field !== "seq");
@@ -23227,121 +23255,74 @@ function useTableForm(propsRef, { fetch: fetch2, getLoading, setPagination, setS
     handleSearchInfoReload
   };
 }
-const setting = {
-  api: null,
-  size: DEFAULT_SIZE,
-  autoCreateKey: true,
-  showIndexColumn: true,
-  fetchSetting: () => FETCH_SETTING,
-  columns: () => [],
-  fit: true,
-  padding: false,
-  minHeight: 180,
-  border: "inner",
-  showHeader: true,
-  delayHover: 250,
-  autoResize: true,
-  // maxHeight: 325,
-  showOverflow: true,
-  showHeaderOverflow: "tooltip",
-  showFooterOverflow: "tooltip",
-  sortConfig: () => ({
-    remote: true
-  }),
-  resizeConfig: () => ({
-    refreshDelay: 250
-  }),
-  radioConfig: () => ({
-    strict: true
-  }),
-  rowConfig: () => ({
-    useKey: true,
-    isCurrent: true,
-    isHover: true,
-    keyField: "_ROW_KEY_"
-  }),
-  checkboxConfig: () => ({
-    strict: true
-  }),
-  tooltipConfig: () => ({
-    enterable: true
-  }),
-  validConfig: () => ({
-    showMessage: true,
-    autoClear: true,
-    autoPos: true,
-    message: "inline",
-    msgMode: "single"
-  }),
-  columnConfig: () => ({
-    resizable: true,
-    useKey: true,
-    maxFixedSize: 4
-  }),
-  customConfig: () => ({
-    mode: "modal"
-  }),
-  toolbarConfig: () => ({
-    custom: true,
-    zoom: true
-  })
-};
 const _hoisted_1$4 = { class: "max-table-selection-count" };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTable",
-  props: /* @__PURE__ */ vue.mergeDefaults({
+  props: {
     layouts: {},
-    columns: {},
+    columns: { default: () => [] },
     pagerConfig: {},
     proxyConfig: {},
-    toolbarConfig: {},
+    toolbarConfig: { default: () => ({
+      custom: true,
+      zoom: true
+    }) },
     formConfig: {},
     zoomConfig: {},
-    size: {},
-    id: { type: [String, Function] },
+    size: { default: DEFAULT_SIZE },
+    id: {},
     data: {},
     height: {},
-    minHeight: {},
+    minHeight: { default: 180 },
     maxHeight: {},
     stripe: { type: Boolean },
-    padding: { type: Boolean },
+    padding: { type: Boolean, default: false },
     round: { type: Boolean },
-    border: { type: [Boolean, String] },
+    border: { type: [Boolean, String], default: "inner" },
     loading: { type: Boolean },
     align: {},
     headerAlign: {},
     footerAlign: {},
-    showHeader: { type: Boolean },
+    showHeader: { type: Boolean, default: true },
     showFooter: { type: Boolean },
     footerData: {},
-    footerMethod: { type: Function },
-    rowClassName: { type: [String, Function] },
-    cellClassName: { type: [String, Function] },
-    headerRowClassName: { type: [String, Function] },
-    headerCellClassName: { type: [String, Function] },
-    footerRowClassName: { type: [String, Function] },
-    footerCellClassName: { type: [String, Function] },
-    cellStyle: { type: [Object, Function] },
-    rowStyle: { type: [Object, Function] },
-    headerCellStyle: { type: [Object, Function] },
-    headerRowStyle: { type: [Object, Function] },
-    footerRowStyle: { type: [Object, Function] },
-    footerCellStyle: { type: [Object, Function] },
+    footerMethod: {},
+    rowClassName: {},
+    cellClassName: {},
+    headerRowClassName: {},
+    headerCellClassName: {},
+    footerRowClassName: {},
+    footerCellClassName: {},
+    cellStyle: {},
+    rowStyle: {},
+    headerCellStyle: {},
+    headerRowStyle: {},
+    footerRowStyle: {},
+    footerCellStyle: {},
     showCustomHeader: { type: Boolean },
     mergeHeaderCells: {},
     mergeCells: {},
     mergeFooterCells: {},
     mergeFooterItems: {},
-    spanMethod: { type: Function },
-    footerSpanMethod: { type: Function },
-    showOverflow: { type: [Boolean, String, null] },
-    showHeaderOverflow: { type: [Boolean, String, null] },
-    showFooterOverflow: { type: [Boolean, String, null] },
+    spanMethod: {},
+    footerSpanMethod: {},
+    showOverflow: { type: [Boolean, String, null], default: true },
+    showHeaderOverflow: { type: [Boolean, String, null], default: "tooltip" },
+    showFooterOverflow: { type: [Boolean, String, null], default: "tooltip" },
     keepSource: { type: Boolean },
-    autoResize: { type: Boolean },
+    autoResize: { type: Boolean, default: true },
     syncResize: { type: [Boolean, String, Number] },
-    columnConfig: {},
-    rowConfig: {},
+    columnConfig: { default: () => ({
+      resizable: true,
+      useKey: true,
+      maxFixedSize: 4
+    }) },
+    rowConfig: { default: () => ({
+      useKey: true,
+      isCurrent: true,
+      isHover: true,
+      keyField: "_ROW_KEY_"
+    }) },
     cellConfig: {},
     headerCellConfig: {},
     footerCellConfig: {},
@@ -23352,17 +23333,29 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     dragConfig: {},
     rowDragConfig: {},
     columnDragConfig: {},
-    customConfig: {},
-    resizeConfig: {},
+    customConfig: { default: () => ({
+      mode: "modal"
+    }) },
+    resizeConfig: { default: () => ({
+      refreshDelay: 250
+    }) },
     resizableConfig: {},
     seqConfig: {},
-    sortConfig: {},
+    sortConfig: { default: () => ({
+      remote: true
+    }) },
     filterConfig: {},
     floatingFilterConfig: {},
-    radioConfig: {},
-    checkboxConfig: {},
+    radioConfig: { default: () => ({
+      strict: true
+    }) },
+    checkboxConfig: { default: () => ({
+      strict: true
+    }) },
     headerTooltipConfig: {},
-    tooltipConfig: {},
+    tooltipConfig: { default: () => ({
+      enterable: true
+    }) },
     footerTooltipConfig: {},
     exportConfig: {},
     importConfig: {},
@@ -23376,8 +23369,15 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     keyboardConfig: {},
     clipConfig: {},
     editConfig: {},
-    validConfig: {},
+    validConfig: { default: () => ({
+      showMessage: true,
+      autoClear: true,
+      autoPos: true,
+      message: "inline",
+      msgMode: "single"
+    }) },
     editRules: {},
+    undoHistoryConfig: {},
     emptyText: {},
     emptyRender: {},
     loadingConfig: {},
@@ -23396,109 +23396,111 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     columnKey: { type: Boolean },
     rowKey: { type: Boolean },
     rowId: {},
-    fit: { type: Boolean },
+    fit: { type: Boolean, default: true },
     animat: { type: Boolean },
-    delayHover: {},
-    onSelection: { type: Function },
-    onReady: { type: Function },
-    onInitRendered: { type: Function },
-    onDataRendered: { type: Function },
-    onKeydownStart: { type: Function },
-    onKeydown: { type: Function },
-    onKeydownEnd: { type: Function },
-    onPaste: { type: Function },
-    onCopy: { type: Function },
-    onCut: { type: Function },
-    onContextMenu: { type: Function },
-    onColumnsChange: { type: Function },
-    onDataChange: { type: Function },
-    onFooterDataChange: { type: Function },
-    onCurrentRowChange: { type: Function },
-    onCurrentRowDisabled: { type: Function },
-    onCurrentColumnChange: { type: Function },
-    onCurrentColumnDisabled: { type: Function },
-    onRadioChange: { type: Function },
-    onCheckboxChange: { type: Function },
-    onCheckboxAll: { type: Function },
-    onCheckboxRangeStart: { type: Function },
-    onCheckboxRangeChange: { type: Function },
-    onCheckboxRangeEnd: { type: Function },
-    onCheckboxRangeSelect: { type: Function },
-    onCellClick: { type: Function },
-    onCellDblclick: { type: Function },
-    onCellMenu: { type: Function },
-    onCellMouseenter: { type: Function },
-    onCellMouseleave: { type: Function },
-    onHeaderCellClick: { type: Function },
-    onHeaderCellDblclick: { type: Function },
-    onHeaderCellMenu: { type: Function },
-    onFooterCellClick: { type: Function },
-    onFooterCellDblclick: { type: Function },
-    onFooterCellMenu: { type: Function },
-    onSortChange: { type: Function },
-    onClearSort: { type: Function },
-    onClearAllSort: { type: Function },
-    onFilterChange: { type: Function },
-    onClearFilter: { type: Function },
-    onClearAllFilter: { type: Function },
-    onFilterVisible: { type: Function },
-    onResizableChange: { type: Function },
-    onToggleRowGroupExpand: { type: Function },
-    onToggleRowExpand: { type: Function },
-    onToggleTreeExpand: { type: Function },
-    onMenuClick: { type: Function },
-    onEditClosed: { type: Function },
-    onEditActivated: { type: Function },
-    onEditDisabled: { type: Function },
-    onValidError: { type: Function },
-    onScroll: { type: Function },
-    onScrollBoundary: { type: Function },
-    onCustom: { type: Function },
-    onRowDragstart: { type: Function },
-    onRowDragover: { type: Function },
-    onRowDragend: { type: Function },
-    onRowRemoveDragend: { type: Function },
-    onRowInsertDragend: { type: Function },
-    onColumnDragstart: { type: Function },
-    onColumnDragover: { type: Function },
-    onColumnDragend: { type: Function },
-    onEnterAppendRow: { type: Function },
-    onProxyQuery: { type: Function },
-    onProxyDelete: { type: Function },
-    onProxySave: { type: Function },
-    onPageChange: { type: Function },
-    onFormSubmit: { type: Function },
-    onFormSubmitInvalid: { type: Function },
-    onFormReset: { type: Function },
-    onFormCollapse: { type: Function },
-    onToolbarButtonClick: { type: Function },
-    onToolbarToolClick: { type: Function },
-    onZoom: { type: Function },
-    onEditActived: { type: Function },
+    delayHover: { default: 250 },
+    onSelection: {},
+    onReady: {},
+    onInitRendered: {},
+    onDataRendered: {},
+    onKeydownStart: {},
+    onKeydown: {},
+    onKeydownEnd: {},
+    onPaste: {},
+    onCopy: {},
+    onCut: {},
+    onContextMenu: {},
+    onColumnsChange: {},
+    onDataChange: {},
+    onFooterDataChange: {},
+    onCurrentRowChange: {},
+    onCurrentRowDisabled: {},
+    onCurrentColumnChange: {},
+    onCurrentColumnDisabled: {},
+    onRadioChange: {},
+    onCheckboxChange: {},
+    onCheckboxAll: {},
+    onCheckboxRangeStart: {},
+    onCheckboxRangeChange: {},
+    onCheckboxRangeEnd: {},
+    onCheckboxRangeSelect: {},
+    onCellClick: {},
+    onCellDblclick: {},
+    onCellMenu: {},
+    onCellMouseenter: {},
+    onCellMouseleave: {},
+    onHeaderCellClick: {},
+    onHeaderCellDblclick: {},
+    onHeaderCellMenu: {},
+    onFooterCellClick: {},
+    onFooterCellDblclick: {},
+    onFooterCellMenu: {},
+    onSortChange: {},
+    onClearSort: {},
+    onClearAllSort: {},
+    onFilterChange: {},
+    onClearFilter: {},
+    onClearAllFilter: {},
+    onFilterVisible: {},
+    onResizableChange: {},
+    onToggleRowGroupExpand: {},
+    onToggleRowExpand: {},
+    onToggleTreeExpand: {},
+    onMenuClick: {},
+    onEditClosed: {},
+    onEditActivated: {},
+    onEditDisabled: {},
+    onValidError: {},
+    onScroll: {},
+    onScrollBoundary: {},
+    onCustom: {},
+    onRowDragstart: {},
+    onRowDragover: {},
+    onRowDragend: {},
+    onRowRemoveDragend: {},
+    onRowInsertDragend: {},
+    onColumnDragstart: {},
+    onColumnDragover: {},
+    onColumnDragend: {},
+    onEnterAppendRow: {},
+    onProxyQuery: {},
+    onProxyDelete: {},
+    onProxySave: {},
+    onPageChange: {},
+    onFormSubmit: {},
+    onFormSubmitInvalid: {},
+    onFormReset: {},
+    onFormCollapse: {},
+    onToolbarButtonClick: {},
+    onToolbarToolClick: {},
+    onZoom: {},
+    onEditActived: {},
     card: { type: Boolean },
     toolbarFixed: { type: Boolean },
     uid: {},
     immediate: { type: Boolean },
-    api: { type: Function },
-    dynamicApi: { type: Function },
-    beforeFetch: { type: Function },
-    afterFetch: { type: Function },
-    handleSearchInfoFn: { type: Function },
-    fetchSetting: {},
+    api: { type: Function, default: void 0 },
+    dynamicApi: {},
+    beforeFetch: {},
+    afterFetch: {},
+    handleSearchInfoFn: {},
+    fetchSetting: { default: () => FETCH_SETTING },
     defSort: {},
     searchInfo: {},
     useSearchForm: { type: Boolean },
     sumFields: {},
     avgFields: {},
     pagination: { type: [Object, Boolean] },
-    autoCreateKey: { type: Boolean },
-    rKey: { type: [String, Function] },
+    autoCreateKey: { type: Boolean, default: true },
+    rKey: {},
     showTableSetting: { type: Boolean },
     tableSetting: {},
-    showIndexColumn: { type: Boolean },
+    showIndexColumn: { type: Boolean, default: true },
     showSelection: { type: Boolean },
-    relationForm: { type: Function }
-  }, setting),
+    showCheckboxColumn: { type: Boolean },
+    showRadioColumn: { type: Boolean },
+    relationForm: {}
+  },
   emits: ["fetch-success", "fetch-error", "selection-change", "page-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -23512,7 +23514,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       return { ...props, ...vue.unref(innerPropsRef) };
     });
     const wrapRef = vue.ref(null);
-    const tableElRef = vue.ref();
+    const tableElRef = vue.ref(null);
     const tableData = vue.ref([]);
     const getWrapperClass = vue.computed(() => {
       return [b(), { [is("card")]: getProps.value.card }, { [is("toolbar-fixed")]: getProps.value.toolbarFixed }];
@@ -23553,6 +23555,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       };
       return propsData;
     });
+    function getInstance() {
+      return tableElRef.value;
+    }
     const tableAction = {
       emit,
       reload,
@@ -23589,7 +23594,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       handleSearchInfoChange,
       handleSearchInfoReload,
       setSelection,
-      instance: () => tableElRef.value
+      instance: getInstance
     };
     createTableContext({ ...tableAction, wrapRef, getBindValues });
     __expose(tableAction);