@aplus-frontend/ui 6.21.1 → 6.22.0-beta.0

package/es/index.mjs

@@ -4,7 +4,7 @@ import p from "./src/version.mjs";
 import "./src/hooks/index.mjs";
 import { configProviderProps as A } from "./src/config-provider/config-provider-props.mjs";
 import { DEFAULT_NAMESPACE as n, DEFAULT_UIMODE as c, configProviderContextKey as F } from "./src/config-provider/constants.mjs";
-import { keysOf as T, provideGlobalConfig as b, useGlobalConfig as C } from "./src/config-provider/hooks/use-global-config.mjs";
+import { keysOf as T, provideGlobalConfig as b, useGlobalConfig as g } from "./src/config-provider/hooks/use-global-config.mjs";
 import { buildLocaleContext as S, buildTranslator as D, localeContextKey as G, translate as h, useLocale as P } from "./src/config-provider/hooks/use-locale.mjs";
 import { defaultNamespace as E, namespaceContextKey as L, useGetDerivedNamespace as M, useNamespace as N } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as y, globalConfigCached as w } from "./src/config-provider/config-provider.mjs";
@@ -27,7 +27,7 @@ import { default as Ae } from "./src/ap-form/list/index.vue.mjs";
 import { default as ne } from "./src/ap-form/search-form/index.vue.mjs";
 import { default as Fe } from "./src/ap-form/modal-form/index.vue.mjs";
 import { default as Te } from "./src/ap-form/dependency/index.vue.mjs";
-import { default as Ce } from "./src/ap-form/set/index.vue.mjs";
+import { default as ge } from "./src/ap-form/set/index.vue.mjs";
 import { default as Se } from "./src/ap-form/drawer-form/index.vue.mjs";
 import { default as Ge } from "./src/ap-form/render/control.vue.mjs";
 import { default as Pe } from "./src/ap-form/render/item.vue.mjs";
@@ -53,7 +53,7 @@ import { default as Ao } from "./src/ap-action/item-modal/index.vue.mjs";
 import { default as no } from "./src/ap-action/item-popconfirm/index.vue.mjs";
 import { default as Fo } from "./src/ap-action/item-dropdown/index.vue.mjs";
 import { default as To } from "./src/ap-action/group/index.vue.mjs";
-import { DictCode as Co, langMap as go } from "./src/work-order-modal/interfaces.mjs";
+import { DictCode as go, langMap as Co } from "./src/work-order-modal/interfaces.mjs";
 import { createWorkOrderModal as Do } from "./src/work-order-modal/createWorkOrder.mjs";
 import { default as ho } from "./src/work-order-modal/work-order-modal.vue.mjs";
 import { default as Ro } from "./src/ap-tag/ap-tag.vue.mjs";
@@ -80,7 +80,7 @@ import { ApBatchAction as ir } from "./src/business/ap-batch-action/index.mjs";
 import { ApBatchActionGroup as cr } from "./src/business/ap-batch-action-group/index.mjs";
 import { ApButtonGroup as Ir } from "./src/business/ap-button-group/index.mjs";
 import { ApCard as br } from "./src/business/ap-card/index.mjs";
-import { ApExpandAlert as gr } from "./src/business/ap-expand-alert/index.mjs";
+import { ApExpandAlert as Cr } from "./src/business/ap-expand-alert/index.mjs";
 import { ApExportGroupActionType as Dr } from "./src/business/ap-export-group/interface.mjs";
 import { ApExportGroup as hr } from "./src/business/ap-export-group/index.mjs";
 import { handleExportDownload as Rr } from "./src/business/ap-export-group/handleExportDownload.mjs";
@@ -104,7 +104,7 @@ import { ApAppendix as At } from "./src/business/ap-appendix/index.mjs";
 import { default as nt } from "./src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs";
 import { default as Ft } from "./src/business/batch-input-group/index.vue.mjs";
 import { default as Tt } from "./src/business/batch-input-group/form-item.vue.mjs";
-import { ApSizeInput as Ct } from "./src/business/ap-size-input/index.mjs";
+import { ApSizeInput as gt } from "./src/business/ap-size-input/index.mjs";
 import { ApProductInfo as St } from "./src/business/ap-product-info/index.mjs";
 import { ApCopy as Gt } from "./src/business/ap-copy/index.mjs";
 import { ApView as Pt } from "./src/business/ap-view/index.mjs";
@@ -131,18 +131,19 @@ import { default as ip } from "./src/resize-observer/index.vue.mjs";
 import { ROW_SELECTION_FIELD as cp } from "./src/ap-grid/constants.mjs";
 import { toTreeArray as Ip } from "./src/ap-grid/utils/to-tree-array.mjs";
 import { default as bp } from "./src/ap-grid/index.vue.mjs";
-import { default as gp } from "./src/ap-grid/editable/index.vue.mjs";
+import { default as Cp } from "./src/ap-grid/editable/index.vue.mjs";
 import { default as Dp } from "./src/ap-grid/editable/form-item.vue.mjs";
 import { default as hp } from "./src/text/index.vue.mjs";
 import { default as Rp } from "./src/text/group.vue.mjs";
 import { default as Lp } from "./src/mask/index.vue.mjs";
 import { Splitter as Np } from "./src/splitter/index.mjs";
-import { useMessage as yp } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as kp } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as Kp } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as Up } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as _p } from "./src/hooks/useFullScreen.mjs";
-import { useResize as Wp } from "./src/hooks/useResize.mjs";
+import { default as yp } from "./src/ag-grid/index.vue.mjs";
+import { useMessage as kp } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Kp } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as Up } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as _p } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as Wp } from "./src/hooks/useFullScreen.mjs";
+import { useResize as jp } from "./src/hooks/useResize.mjs";
 const a = console.log;
 a(`APlus-UI version ${p}`);
 const l = {
@@ -155,6 +156,7 @@ const l = {
 };
 export {
   B as APConfigProvider,
+  yp as AgGrid,
   Qo as ApActionButton,
   To as ApActionGroup,
   so as ApActionItem,
@@ -175,7 +177,7 @@ export {
   Ko as ApDownload,
   _t as ApDraggableGrid,
   er as ApDrawer,
-  gr as ApExpandAlert,
+  Cr as ApExpandAlert,
   hr as ApExportGroup,
   Dr as ApExportGroupActionType,
   Me as ApField,
@@ -216,7 +218,7 @@ export {
   Fe as ApFormModalForm,
   Ee as ApFormProvider,
   ne as ApFormSearchForm,
-  Ce as ApFormSet,
+  ge as ApFormSet,
   bp as ApGrid,
   Nr as ApImage,
   yr as ApInputRadio,
@@ -232,7 +234,7 @@ export {
   St as ApProductInfo,
   Et as ApRadioGroup,
   zr as ApSelectLayout,
-  Ct as ApSizeInput,
+  gt as ApSizeInput,
   $r as ApStatus,
   jr as ApStatusGroup,
   xt as ApSummary,
@@ -254,8 +256,8 @@ export {
   y as ConfigProvider,
   n as DEFAULT_NAMESPACE,
   c as DEFAULT_UIMODE,
-  Co as DictCode,
-  gp as EditableGrid,
+  go as DictCode,
+  Cp as EditableGrid,
   Dp as EditableGridFormItem,
   Qt as EditableTable,
   Yt as EditableTableFormItem,
@@ -291,7 +293,7 @@ export {
   Rr as handleExportDownload,
   Ut as isNameMatches,
   T as keysOf,
-  go as langMap,
+  Co as langMap,
   G as localeContextKey,
   Or as locales,
   L as namespaceContextKey,
@@ -300,21 +302,21 @@ export {
   Ip as toTreeArray,
   h as translate,
   Kt as useApKeepAliveInject,
-  kp as useControllableValue,
-  _p as useFullScreen,
+  Kp as useControllableValue,
+  Wp as useFullScreen,
   M as useGetDerivedNamespace,
-  C as useGlobalConfig,
+  g as useGlobalConfig,
   rt as useGridRefresh,
   P as useLocale,
-  Kp as useManualRef,
-  yp as useMessage,
+  Up as useManualRef,
+  kp as useMessage,
   N as useNamespace,
   et as usePageListApGrid,
   Qr as usePageListApTable,
-  Wp as useResize,
+  jp as useResize,
   lr as useTableModal,
   jt as useTablePaging,
   Yr as useTableRefresh,
   dr as useTableSelectModal,
-  Up as useThrottleRef
+  _p as useThrottleRef
 };

package/es/src/{ap-pro-card/components/divider → ag-grid/components/body-cell}/index.vue.d.ts

@@ -1,13 +1,6 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    /**
-     * 布局类型
-     *
-     * @default vertical
-     */
-    type?: 'horizontal' | 'vertical';
+    params: any;
 };
-declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    type: "horizontal" | "vertical";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/ag-grid/components/body-cell/index.vue2.mjs

@@ -0,0 +1,27 @@
+import { defineComponent as a, createBlock as r, openBlock as n, resolveDynamicComponent as o, unref as m } from "vue";
+import { contentCustom as p } from "../../../ap-grid/utils/col.mjs";
+const t = /* @__PURE__ */ a({
+  __name: "index",
+  props: {
+    params: {}
+  },
+  setup(s) {
+    return (e, u) => (n(), r(o(
+      m(p)(
+        {
+          value: e.params.value,
+          text: e.params.value,
+          record: e.params.data,
+          column: e.params.column,
+          rowIndex: e.params.node.rowIndex,
+          pinned: e.params.node.rowPinned
+        },
+        e.params.column,
+        e.params.extraValueType
+      )
+    )));
+  }
+});
+export {
+  t as default
+};

package/{lib/src/ap-pro-card/components/divider → es/src/ag-grid/components/header-cell}/index.vue.d.ts

@@ -1,13 +1,6 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    /**
-     * 布局类型
-     *
-     * @default vertical
-     */
-    type?: 'horizontal' | 'vertical';
+    params: any;
 };
-declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    type: "horizontal" | "vertical";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/es/src/ag-grid/components/header-cell/index.vue2.mjs

@@ -0,0 +1,59 @@
+import { defineComponent as k, ref as C, computed as h, watch as T, createElementBlock as c, openBlock as n, normalizeClass as a, unref as e, createBlock as w, createCommentVNode as N, resolveDynamicComponent as y, createVNode as m } from "vue";
+import { useToken as B } from "@aplus-frontend/antdv/es/theme/internal";
+import { CaretUpOutlined as S, CaretDownOutlined as _ } from "@ant-design/icons-vue";
+import { getTableTitle as x } from "../../../ap-table/utils.mjs";
+import "../../../config-provider/index.mjs";
+import { useNamespace as i } from "../../../config-provider/hooks/use-namespace.mjs";
+const j = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    params: {}
+  },
+  setup(u) {
+    const o = u, { b: p, e: s } = i("ag-custom-header"), { be: d, bem: f } = i("ap-grid"), [, v] = B(), r = C(), l = h(() => o.params.column.sorter);
+    function g(t) {
+      if (!t)
+        return "asc";
+      if (t === "asc")
+        return "desc";
+    }
+    function b() {
+      l.value && (r.value = g(o.params.column.getSort()));
+    }
+    return T(
+      () => r.value,
+      (t) => {
+        o.params.setSort(t);
+      }
+    ), (t, D) => (n(), c("div", {
+      class: a([e(p)(), { sortable: l.value }, `align-${t.params.column.align || "left"}`]),
+      onClick: b
+    }, [
+      (n(), w(y(
+        e(x)(
+          t.params.column,
+          [
+            e(d)("table-header", "title"),
+            t.params.column.tooltip ? "" : e(f)("table-header", "title", "single")
+          ],
+          void 0,
+          e(v).colorTextTertiary
+        )
+      ))),
+      l.value ? (n(), c("span", {
+        key: 0,
+        class: a(e(s)("sort-wrapper"))
+      }, [
+        m(e(S), {
+          class: a({ [e(s)("sorter-up")]: !0, active: r.value === "asc" })
+        }, null, 8, ["class"]),
+        m(e(_), {
+          class: a({ [e(s)("sorter-down")]: !0, active: r.value === "desc" })
+        }, null, 8, ["class"])
+      ], 2)) : N("", !0)
+    ], 2));
+  }
+});
+export {
+  j as default
+};

package/es/src/ag-grid/hooks/use-row-selection.d.ts

@@ -0,0 +1,78 @@
+import { Ref } from 'vue';
+import { ApTableProps } from '../../ap-table';
+import { Recordable } from '../../type';
+import { AgGridRowSelection } from '../interface';
+import { Key } from '../../ap-table/components/interface';
+export interface RowSelectionReturnType<RecordType = any> {
+    selectedRows: Ref<Partial<RecordType>[]>;
+    selectedRowKeys: Ref<Key[]>;
+    /**
+     * 选中某行
+     * @param item
+     * @returns
+     */
+    select: (item: RecordType) => void;
+    /**
+     * 取消选中某行
+     * @param item
+     * @returns
+     */
+    unSelect: (item: RecordType) => void;
+    /**
+     * 某行是否被选中
+     * @param item
+     * @returns
+     */
+    isSelected: (item: RecordType) => boolean;
+    /**
+     * 选中当前所有数据
+     * @returns
+     */
+    selectAll: () => void;
+    /**
+     * 取消选中当前所有数据
+     * @returns
+     */
+    unSelectAll: () => void;
+    /**
+     * 清空所有选中
+     * @returns
+     */
+    clearAll: () => void;
+    /**
+     * 切换某行的选中状态
+     * @param item
+     * @returns
+     */
+    toggleSelect: (item: RecordType) => void;
+    /**
+     * 多项选中
+     * @param items
+     * @returns
+     */
+    selectMulti: (items: RecordType[]) => void;
+    /**
+     * 多项反选
+     * @param items
+     * @returns
+     */
+    unSelectMulti: (items: RecordType[]) => void;
+    /**
+     * 通过key勾选多条数据
+     * @param keys
+     * @returns
+     */
+    selectMultiByKeys: (keys: (string | number)[]) => void;
+}
+type RowSelectionParams<T> = AgGridRowSelection<T> & {
+    /**
+     * 数据源（如果是后端分页，则表示当页数据，否则是全量数据）
+     */
+    dataSource: Ref<T[]>;
+    /**
+     * 同Table的rowkey
+     */
+    rowKey: ApTableProps['rowKey'];
+};
+declare const useGridRowSelection: <RecordType = Recordable>(props: RowSelectionParams<RecordType>) => RowSelectionReturnType<RecordType>;
+export default useGridRowSelection;

package/es/src/ag-grid/hooks/use-row-selection.mjs

@@ -0,0 +1,98 @@
+import { ref as D, computed as d, unref as o } from "vue";
+import { isFunction as r } from "lodash-unified";
+function E(l, n) {
+  return !(n != null && n.length) || r(l) ? [] : n.map((u) => ({ [l]: u }));
+}
+const m = (l) => {
+  const n = D(
+    E(l.rowKey, l.defaultSelectedRowKeys)
+  ), u = (e) => r(l.rowKey) ? l.rowKey(e) : e[l.rowKey], a = d(() => {
+    const e = /* @__PURE__ */ new Map();
+    return o(n).forEach((t) => {
+      e.set(u(t), t);
+    }), e;
+  });
+  function v(e) {
+    return o(a).has(u(e));
+  }
+  function S(e) {
+    if (!s(e))
+      return;
+    const t = o(a);
+    t.set(u(e), e), n.value = [...t.values()];
+  }
+  function M(e) {
+    const t = o(a);
+    for (const c of e)
+      s(c) && t.set(u(c), c);
+    n.value = [...t.values()];
+  }
+  function w(e) {
+    if (r(l.rowKey))
+      return;
+    const t = o(a);
+    for (const c of e) {
+      const f = o(l.dataSource).find(
+        (A) => u(A) === c
+      ), i = { [l.rowKey]: c };
+      s(f || i) && t.set(c, f || i);
+    }
+    n.value = [...t.values()];
+  }
+  function x(e) {
+    if (!s(e))
+      return;
+    const t = o(a);
+    t.delete(u(e)), n.value = [...t.values()];
+  }
+  function g(e) {
+    const t = o(a);
+    for (const c of e)
+      s(c) && t.delete(u(c));
+    n.value = [...t.values()];
+  }
+  function s(e) {
+    const t = l.disabled;
+    return !(t ? t(e) : !1);
+  }
+  function y() {
+    const e = o(a);
+    o(l.dataSource).forEach((t) => {
+      s(t) && e.set(u(t), t);
+    }), n.value = [...e.values()];
+  }
+  function h(e) {
+    if (!s(e))
+      return;
+    const t = o(a), c = u(e);
+    t.has(c) ? t.delete(c) : t.set(c, e), n.value = [...t.values()];
+  }
+  function b() {
+    const e = o(a);
+    o(l.dataSource).forEach((t) => {
+      s(t) && e.delete(u(t));
+    }), n.value = [...e.values()];
+  }
+  function K() {
+    n.value = [];
+  }
+  return {
+    select: S,
+    unSelect: x,
+    isSelected: v,
+    selectAll: y,
+    unSelectAll: b,
+    clearAll: K,
+    toggleSelect: h,
+    selectedRows: n,
+    selectedRowKeys: d(
+      () => o(n).map((e) => u(e))
+    ),
+    selectMulti: M,
+    unSelectMulti: g,
+    selectMultiByKeys: w
+  };
+};
+export {
+  m as default
+};

package/es/src/ag-grid/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AgGrid } from './index.vue';
+export { AgGrid };
+export * from './interface';

package/es/src/ag-grid/index.mjs

@@ -0,0 +1,2 @@
+import "./index.vue2.mjs";
+import "./interface.mjs";

package/es/src/ag-grid/index.vue.d.ts

@@ -0,0 +1,41 @@
+import { AgGridColumnType, AgGridProps } from './interface';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & AgGridProps<RecordType> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /**
+         * 自定义查询表单额外的区域
+         */
+        searchFormExtra?: any;
+        /**
+         * 自定义表格上部查询表单下部分区域的渲染
+         */
+        title?: (params: {
+            selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
+            shownColumns: AgGridColumnType<RecordType>[];
+        }) => any;
+    }> & {
+        /**
+         * 自定义查询表单额外的区域
+         */
+        searchFormExtra?: any;
+        /**
+         * 自定义表格上部查询表单下部分区域的渲染
+         */
+        title?: (params: {
+            selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
+            shownColumns: AgGridColumnType<RecordType>[];
+        }) => any;
+    };
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};