@aplus-frontend/ui 7.1.1 → 7.3.0

package/es/src/business/hooks/index.mjs

@@ -1,12 +1,8 @@
 import { usePageListApTable as o } from "./usePageListApTable.mjs";
-import { useTableRefresh as t } from "./useTableRefresh.mjs";
-import { usePageListApGrid as p } from "./usePageListApGrid.mjs";
-import { useGridRefresh as a } from "./useGridRefresh.mjs";
-import { usePageListAgGrid as u } from "./usePageListAgGrid.mjs";
+import { usePageListApGrid as t } from "./usePageListApGrid.mjs";
+import { usePageListAgGrid as p } from "./usePageListAgGrid.mjs";
 export {
-  a as useGridRefresh,
-  u as usePageListAgGrid,
-  p as usePageListApGrid,
-  o as usePageListApTable,
-  t as useTableRefresh
+  p as usePageListAgGrid,
+  t as usePageListApGrid,
+  o as usePageListApTable
 };

package/es/src/business/hooks/usePageListApGrid.d.ts

@@ -1,4 +1,3 @@
-import { UseTableRefreshOption } from '..';
 import { ApGridExpose, ApGridProps } from '../../ap-grid';
 export interface UsePageListApGrid extends ApGridProps {
     /** 是否显示默认的行选择配置
@@ -18,7 +17,7 @@ export interface UsePageListApGrid extends ApGridProps {
     /**
      * 表格刷新相关
      */
-    tableRefresh?: boolean | Omit<UseTableRefreshOption, 'apTableRef'>;
+    tableRefresh?: boolean | (() => boolean);
     /** 是否需要在deactivated的时候清空数据
      * @default true
      */

package/es/src/business/hooks/usePageListApGrid.mjs

@@ -1,75 +1,71 @@
-import "../index.mjs";
-import { merge as i, cloneDeep as F } from "lodash-unified";
+import { isFunction as F, merge as l, cloneDeep as w } from "lodash-unified";
 import { ref as R } from "vue";
-import { useKeepAliveFlag as w } from "./useKeepAliveFlag.mjs";
-import { useTableRefresh as V } from "./useTableRefresh.mjs";
-function W(a) {
+import { useKeepAliveFlag as V } from "./useKeepAliveFlag.mjs";
+function B(u) {
   const r = R(null), {
-    isShowRowSelection: c = !0,
+    isShowRowSelection: d = !0,
     clearSelectionOnRequest: f = !0,
     transformSearchFormValues: o,
-    api: s,
-    tableRefresh: d = !0,
-    virtual: m,
-    clearDataOnDeactivated: p = !0,
-    ...h
-  } = a || {};
-  let l = null;
-  const n = () => {
+    api: a,
+    tableRefresh: s = !0,
+    virtual: p,
+    clearDataOnDeactivated: m = !0,
+    ...v
+  } = u || {};
+  let n = null;
+  const c = () => {
     r.value?.rowSelection?.clearAll();
-  };
-  V({
-    ...b(d),
-    apTableRef: r
-  });
-  const u = () => {
+  }, i = () => {
     r.value?.submitWith(!0);
-  }, v = () => {
+  }, S = () => {
     r.value?.reset();
-  }, { isDeactivated: S } = w({
-    afterDeactivated: u
+  }, { isDeactivated: h } = V({
+    afterActivated() {
+      (F(s) ? s() : s) && i();
+    },
+    afterDeactivated: i
   });
-  return [i(
+  return [l(
     {
       // scroll，tableLayout，columnResizable设置表格可拖动
       scroll: { x: "100%", y: "100%" },
       columnResizable: !0,
-      request: s ? async (e) => {
-        if (S() && p)
+      request: a ? async (e) => {
+        if (h() && m)
           return {
             data: [],
             total: 0
           };
-        l = e.sort;
+        n = e.sort;
         const t = o ? o(e) : e;
-        if (!s) throw new Error("api is not defined");
-        const { records: g, total: A } = await s(t);
-        return f && n(), {
+        if (!a) throw new Error("api is not defined");
+        const { records: g, total: A } = await a(t);
+        return f && c(), {
           data: g,
           total: A
         };
       } : void 0,
-      rowSelection: c ? {
+      rowSelection: d ? {
         fixed: "left",
         columnWidth: 38
       } : void 0,
       ref(e) {
         r.value = e;
       },
-      virtual: i(
+      virtual: l(
         {
           oSize: 20,
           y: 20
         },
-        m
+        p
       ),
       // 新UI规范，需要都添加分割线
       card: !0
     },
-    h
+    v
   ), {
-    reload: u,
-    reset: v,
+    reload: i,
+    reset: S,
     getSearchFormValues: (e = !0) => {
       const t = r.value?.getSearchFormValues(!!e) || {};
       return o ? o(t) : t;
@@ -77,16 +73,11 @@ function W(a) {
     getApGridInstance: () => r.value,
     getSearchFormValuesAndSorted: (e = !0) => {
       const t = r.value?.getSearchFormValues(!!e) || {};
-      return t.sort = l && F(l), o ? o(t) : t;
+      return t.sort = n && w(n), o ? o(t) : t;
     },
-    clearSelection: n
+    clearSelection: c
   }];
 }
-function b(a) {
-  return a === !0 ? {} : a === !1 ? {
-    refreshBefore: () => !1
-  } : a;
-}
 export {
-  W as usePageListApGrid
+  B as usePageListApGrid
 };

package/es/src/business/hooks/usePageListApTable.d.ts

@@ -1,5 +1,4 @@
 import { ApTableProps } from '../../';
-import { UseTableRefreshOption } from './useTableRefresh';
 import { Recordable } from '../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 import { InternalPagingType } from '../../ap-table/hooks/use-table-paging-ng';
@@ -22,7 +21,7 @@ export interface UsePageListApTable extends ApTableProps {
     /**
      * 表格刷新相关
      */
-    tableRefresh?: boolean | Omit<UseTableRefreshOption, 'apTableRef'>;
+    tableRefresh?: boolean | (() => boolean);
 }
 /**
  * 集成了列表页面的ApTable的默认配置

package/es/src/business/hooks/usePageListApTable.mjs

@@ -1,29 +1,42 @@
-import { merge as d, cloneDeep as h } from "lodash-unified";
-import { ref as S } from "vue";
-import { useTableRefresh as b } from "./useTableRefresh.mjs";
-import { warning as g } from "../../utils/warning.mjs";
-function v(o) {
-  return o === !0 ? {} : o === !1 ? {
-    refreshBefore: () => !1
-  } : o;
-}
-function O(o) {
-  const r = S(null), {
-    isShowRowSelection: u = !0,
-    clearSelectionOnRequest: i = !0,
-    transformSearchFormValues: a,
-    api: s,
-    tableRefresh: f = !1,
-    ...m
-  } = o || {};
+import { isFunction as g, merge as v, cloneDeep as b } from "lodash-unified";
+import { ref as A } from "vue";
+import { warning as F } from "../../utils/warning.mjs";
+import { useKeepAliveFlag as w } from "./useKeepAliveFlag.mjs";
+function k(u) {
+  const r = A(null), {
+    isShowRowSelection: f = !0,
+    clearSelectionOnRequest: m = !0,
+    transformSearchFormValues: o,
+    api: a,
+    tableRefresh: s = !1,
+    ...p
+  } = u || {};
   let l = null;
   const c = () => {
     r.value?.rowSelection?.clearAll();
+  }, d = async (e) => {
+    l = e.sort;
+    const t = o ? o(e) : e;
+    try {
+      if (!a) throw new Error("api is not defined");
+      const { records: n, total: S } = await a(t);
+      return m && c(), {
+        data: n,
+        total: S
+      };
+    } catch (n) {
+      return F(!1, n), {
+        data: [],
+        total: 0
+      };
+    }
   };
-  return b({
-    ...v(f),
-    apTableRef: r
-  }), [d(
+  w({
+    afterActivated() {
+      (g(s) ? s() : s) && i();
+    }
+  });
+  const h = v(
     {
       // scroll，tableLayout，columnResizable设置表格可拖动
       scroll: { x: "100%", y: "100%" },
@@ -31,24 +44,8 @@ function O(o) {
       columnResizable: !0,
       // 表格header吸顶效果
       class: "ap-table--sticky",
-      request: s ? async (e) => {
-        l = e.sort;
-        const t = a ? a(e) : e;
-        try {
-          if (!s) throw new Error("api is not defined");
-          const { records: n, total: p } = await s(t);
-          return i && c(), {
-            data: n,
-            total: p
-          };
-        } catch (n) {
-          return g(!1, n), {
-            data: [],
-            total: 0
-          };
-        }
-      } : void 0,
-      rowSelection: u ? {
+      request: a ? d : void 0,
+      rowSelection: f ? {
         mode: "internal",
         fixed: "left",
         columnWidth: 50
@@ -59,26 +56,27 @@ function O(o) {
       // 新UI规范，需要都添加分割线
       card: !0
     },
-    m
-  ), {
-    reload: () => {
-      r.value?.submit();
-    },
+    p
+  ), i = () => {
+    r.value?.submit();
+  };
+  return [h, {
+    reload: i,
     reset: () => {
       r.value?.reset();
     },
     getSearchFormValues: (e) => {
       const t = r.value?.getSearchFormValues(e) || {};
-      return a ? a(t) : t;
+      return o ? o(t) : t;
     },
     getApTableInstance: () => r.value,
     getSearchFormValuesAndSorted: (e) => {
       const t = r.value?.getSearchFormValues(e) || {};
-      return t.sort = l && h(l), a ? a(t) : t;
+      return t.sort = l && b(l), o ? o(t) : t;
     },
     clearSelection: c
   }];
 }
 export {
-  O as usePageListApTable
+  k as usePageListApTable
 };

package/es/src/business/index.d.ts

@@ -28,3 +28,7 @@ export * from './ap-draggable-grid';
 export * from './ap-value-select-card';
 export { ApTransformDataHelper } from '../utils/ap-trans-data';
 export * from './ag-grid-modal';
+export * from './ap-tag';
+export * from './ap-upload';
+export * from './ap-download';
+export * from './ap-descriptions';

package/es/src/business/index.mjs

@@ -1,60 +1,64 @@
-import { default as A } from "./ap-table-modal/index.mjs";
-import { ApAttachment as x } from "./ap-attachment/index.mjs";
-import { ApBatchAction as u } from "./ap-batch-action/index.mjs";
-import { ApBatchActionGroup as l } from "./ap-batch-action-group/index.mjs";
-import { ApButtonGroup as n } from "./ap-button-group/index.mjs";
-import { ApCard as G } from "./ap-card/index.mjs";
-import { ApExpandAlert as b } from "./ap-expand-alert/index.mjs";
-import { ApExportGroup as I } from "./ap-export-group/index.mjs";
-import { ApImage as g } from "./ap-image/index.mjs";
-import { ApInputRadio as y } from "./ap-input-radio/index.mjs";
-import { ApLabel as C, ApLabelGroup as T } from "./ap-label/index.mjs";
-import { ApLadder as E } from "./ap-ladder/index.mjs";
-import { ApSelectLayout as V } from "./ap-select-layout/index.mjs";
-import { ApStatus as w, ApStatusGroup as z } from "./ap-status/index.mjs";
-import { ApTitle as K } from "./ap-title/index.mjs";
+import { default as i } from "./ap-table-modal/index.mjs";
+import { ApAttachment as l } from "./ap-attachment/index.mjs";
+import { ApBatchAction as n } from "./ap-batch-action/index.mjs";
+import { ApBatchActionGroup as G } from "./ap-batch-action-group/index.mjs";
+import { ApButtonGroup as b } from "./ap-button-group/index.mjs";
+import { ApCard as I } from "./ap-card/index.mjs";
+import { ApExpandAlert as g } from "./ap-expand-alert/index.mjs";
+import { ApExportGroup as y } from "./ap-export-group/index.mjs";
+import { ApImage as C } from "./ap-image/index.mjs";
+import { ApInputRadio as D } from "./ap-input-radio/index.mjs";
+import { ApLabel as R, ApLabelGroup as V } from "./ap-label/index.mjs";
+import { ApLadder as w } from "./ap-ladder/index.mjs";
+import { ApSelectLayout as H } from "./ap-select-layout/index.mjs";
+import { ApStatus as M, ApStatusGroup as P } from "./ap-status/index.mjs";
+import { ApTitle as k } from "./ap-title/index.mjs";
 import "./hooks/index.mjs";
-import { ApSummary as P } from "./ap-summary/index.mjs";
-import { ApAppendix as k } from "./ap-appendix/index.mjs";
+import { ApSummary as F } from "./ap-summary/index.mjs";
+import { ApAppendix as N } from "./ap-appendix/index.mjs";
 import "./ap-upload-file/index.mjs";
 import "./batch-input-group/index.mjs";
-import { ApSizeInput as F } from "./ap-size-input/index.mjs";
-import { ApProductInfo as N } from "./ap-product-info/index.mjs";
-import { ApCopy as Q } from "./ap-copy/index.mjs";
-import { ApView as W } from "./ap-view/index.mjs";
-import { ApRadioGroup as Y } from "./ap-radio-group/index.mjs";
-import { ApKeepAlive as _ } from "./ap-keep-alive/index.mjs";
-import { ApDraggableGrid as oo } from "./ap-draggable-grid/index.mjs";
-import { ApValueSelectCard as po } from "./ap-value-select-card/index.mjs";
-import { ApTransformDataHelper as eo } from "../utils/ap-trans-data/index.mjs";
+import { ApSizeInput as Q } from "./ap-size-input/index.mjs";
+import { ApProductInfo as W } from "./ap-product-info/index.mjs";
+import { ApCopy as Y } from "./ap-copy/index.mjs";
+import { ApView as _ } from "./ap-view/index.mjs";
+import { ApRadioGroup as oo } from "./ap-radio-group/index.mjs";
+import { ApKeepAlive as po } from "./ap-keep-alive/index.mjs";
+import { ApDraggableGrid as eo } from "./ap-draggable-grid/index.mjs";
+import { ApValueSelectCard as Ao } from "./ap-value-select-card/index.mjs";
+import { ApTransformDataHelper as xo } from "../utils/ap-trans-data/index.mjs";
 import "./ag-grid-modal/index.mjs";
+import "./ap-tag/index.mjs";
+import "./ap-upload/index.mjs";
+import "./ap-download/index.mjs";
+import "./ap-descriptions/index.mjs";
 export {
-  k as ApAppendix,
-  x as ApAttachment,
-  u as ApBatchAction,
-  l as ApBatchActionGroup,
-  n as ApButtonGroup,
-  G as ApCard,
-  Q as ApCopy,
-  oo as ApDraggableGrid,
-  b as ApExpandAlert,
-  I as ApExportGroup,
-  g as ApImage,
-  y as ApInputRadio,
-  _ as ApKeepAlive,
-  C as ApLabel,
-  T as ApLabelGroup,
-  E as ApLadder,
-  N as ApProductInfo,
-  Y as ApRadioGroup,
-  V as ApSelectLayout,
-  F as ApSizeInput,
-  w as ApStatus,
-  z as ApStatusGroup,
-  P as ApSummary,
-  A as ApTableModal,
-  K as ApTitle,
-  eo as ApTransformDataHelper,
-  po as ApValueSelectCard,
-  W as ApView
+  N as ApAppendix,
+  l as ApAttachment,
+  n as ApBatchAction,
+  G as ApBatchActionGroup,
+  b as ApButtonGroup,
+  I as ApCard,
+  Y as ApCopy,
+  eo as ApDraggableGrid,
+  g as ApExpandAlert,
+  y as ApExportGroup,
+  C as ApImage,
+  D as ApInputRadio,
+  po as ApKeepAlive,
+  R as ApLabel,
+  V as ApLabelGroup,
+  w as ApLadder,
+  W as ApProductInfo,
+  oo as ApRadioGroup,
+  H as ApSelectLayout,
+  Q as ApSizeInput,
+  M as ApStatus,
+  P as ApStatusGroup,
+  F as ApSummary,
+  i as ApTableModal,
+  k as ApTitle,
+  xo as ApTransformDataHelper,
+  Ao as ApValueSelectCard,
+  _ as ApView
 };

package/es/src/config-provider/config-provider-props.d.ts

@@ -1,9 +1,9 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
-import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
+import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig, UiModeType } from './constants';
 import { ApGridProps } from '../ap-grid';
 import { AgGridProps } from '../ag-grid';
-import { ViewCacheOption } from '../business';
+import { ApImageProps, ApTitleProps, ViewCacheOption } from '../business';
 import { FullToken } from '../design-token/interface';
 import { RecursivePartial } from '../type';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
@@ -14,6 +14,11 @@ import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 type ApGridConfig = Pick<ApGridProps, 'rowSelection'>;
 type AgGridConfig = Pick<AgGridProps, 'rowSelection'>;
+type ApProCardConfig = {
+    uiMode?: UiModeType;
+};
+type ApImageConfig = Pick<ApImageProps, 'uiMode'>;
+type ApTitleConfig = Pick<ApTitleProps, 'uiMode'>;
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -152,6 +157,15 @@ export declare const configProviderProps: () => {
     agGrid: {
         type: PropType<AgGridConfig>;
     };
+    apProCard: {
+        type: PropType<ApProCardConfig>;
+    };
+    apImage: {
+        type: PropType<ApImageConfig>;
+    };
+    apTitle: {
+        type: PropType<ApTitleConfig>;
+    };
     /**
      * @description aplus-ui的locale
      */
@@ -171,8 +185,11 @@ export declare const configProviderProps: () => {
         type: PropType<ApiType>;
         default: () => {};
     };
+    /**
+     * @deprecated 已废弃，请使用各自组件的uiMode属性
+     */
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;

package/es/src/config-provider/config-provider-props.mjs

@@ -5,6 +5,15 @@ const t = () => ({
   },
   agGrid: {
     type: Object
+  },
+  apProCard: {
+    type: Object
+  },
+  apImage: {
+    type: Object
+  },
+  apTitle: {
+    type: Object
   }
 }), o = () => ({
   /**
@@ -26,6 +35,9 @@ const t = () => ({
     type: Object,
     default: () => ({})
   },
+  /**
+   * @deprecated 已废弃，请使用各自组件的uiMode属性
+   */
   uiMode: {
     type: String
   },

package/es/src/config-provider/config-provider.d.ts

@@ -7,9 +7,9 @@ import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ApGridRowSelection, AgGridRowSelection, FullToken, ViewCacheOption } from '..';
+import { UiModeType, ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { LocaleType } from '../locale';
 import { RecursivePartial } from '../type';
-import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
@@ -153,6 +153,21 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             rowSelection?: true | AgGridRowSelection<any> | undefined;
         }>;
     };
+    apProCard: {
+        type: PropType<{
+            uiMode?: UiModeType;
+        }>;
+    };
+    apImage: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
+    apTitle: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -167,7 +182,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         default: () => {};
     };
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;
@@ -342,6 +357,21 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             rowSelection?: true | AgGridRowSelection<any> | undefined;
         }>;
     };
+    apProCard: {
+        type: PropType<{
+            uiMode?: UiModeType;
+        }>;
+    };
+    apImage: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
+    apTitle: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -356,7 +386,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         default: () => {};
     };
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;