@aplus-frontend/ui 0.5.37 → 0.6.0-beta.0

package/es/src/ap-upload/apUpload.vue.d.ts

@@ -163,20 +163,20 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     title: string;
     onChange: Function;
     value: string | unknown[] | Record<string, any>;
-    getOssAccess: GetOssAccess;
-    dirName: string;
+    maxCount: number;
     needName: boolean | Record<string, any>;
+    getOssAccess: GetOssAccess;
     accept: string;
-    maxSize: number;
-    subTitle: string | VNode< RendererNode, RendererElement, {
-        [key: string]: any;
-    }>;
     beforeUpload: BeforeUpload;
+    onRemove: Function;
     customRequest: CustomRequest;
+    maxSize: number;
+    dirName: string;
     maxSizeErrorMsg: string;
     acceptErrorMsg: string;
-    onRemove: Function;
-    maxCount: number;
+    subTitle: string | VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }>;
     maxCountErrorMsg: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     uploadRef: unknown;

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue.d.ts

@@ -2,8 +2,21 @@ import { ApBatchActionGroupProps } from './interface';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 type __VLS_Props = ApBatchActionGroupProps;
-declare const _default: DefineComponent<__VLS_Props, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {
     columns: ComputedRef<TableColumnsType<any>> | undefined;
     dataSource: ComputedRef<any[]> | undefined;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.mjs

@@ -1,25 +1,25 @@
-import { defineComponent as T, computed as n, createBlock as c, createCommentVNode as N, openBlock as m, unref as a, mergeProps as p, withCtx as r, createElementVNode as $, normalizeStyle as x, resolveDynamicComponent as h, h as w, createVNode as d, normalizeClass as z, normalizeProps as G, guardReactiveProps as M } from "vue";
-import { DropdownButton as S, Dropdown as V } from "@aplus-frontend/antdv";
+import { defineComponent as F, useSlots as O, computed as n, createBlock as m, createCommentVNode as j, openBlock as d, unref as s, mergeProps as b, createSlots as g, withCtx as r, createElementVNode as x, normalizeStyle as E, resolveDynamicComponent as k, h as A, createVNode as i, renderList as B, renderSlot as C, normalizeProps as v, guardReactiveProps as y, normalizeClass as I } from "vue";
+import { DropdownButton as q, Dropdown as H } from "@aplus-frontend/antdv";
 import "../../ap-button/index.mjs";
 import "./MenuItemGroup.vue.mjs";
 import "../../config-provider/index.mjs";
-import { DownOutlined as F } from "@ant-design/icons-vue";
-import { usePermission as O } from "@aplus-frontend/hooks";
-import { useInjectApTable as j } from "../../ap-table/context.mjs";
-import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as I } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as q } from "../../config-provider/hooks/use-global-config.mjs";
-import P from "./MenuItemGroup.vue2.mjs";
-import H from "../../ap-button/ap-button.vue.mjs";
-const re = /* @__PURE__ */ T({
+import { DownOutlined as J } from "@ant-design/icons-vue";
+import { usePermission as K } from "@aplus-frontend/hooks";
+import { useInjectApTable as Q } from "../../ap-table/context.mjs";
+import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
+import S from "./MenuItemGroup.vue2.mjs";
+import Y from "../../ap-button/ap-button.vue.mjs";
+const ie = /* @__PURE__ */ F({
   __name: "ApBatchActionGroup",
   props: {
     selectedRows: {},
     buttonProps: {},
     menuList: {}
   },
-  setup(_, { expose: g }) {
-    const { b: f } = E("ap-batch-action-group"), { t: k } = I(), { columns: A, dataSource: B } = j(), e = _, C = q("uiMode"), { hasPermission: L } = O(), b = n(
+  setup($, { expose: D }) {
+    const { b: h } = U("ap-batch-action-group"), { t: R } = W(), { columns: T, dataSource: N } = Q(), e = $, z = X("uiMode"), { hasPermission: G } = K(), w = O(), P = n(
       () => {
         var t;
         return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.dropdownType) || "default";
@@ -29,88 +29,102 @@ const re = /* @__PURE__ */ T({
         var t;
         return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.type) || "borderLink";
       }
-    ), v = n(
+    ), _ = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || k("ap.apApBatchActionGroup.batchOperation");
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || R("ap.apApBatchActionGroup.batchOperation");
       }
-    ), D = n(() => (e == null ? void 0 : e.selectedRows) || []), i = n(
+    ), M = n(() => (e == null ? void 0 : e.selectedRows) || []), p = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.disabled) ?? (Array.isArray(e.selectedRows) ? D.value.length === 0 : !1);
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.disabled) ?? (Array.isArray(e.selectedRows) ? M.value.length === 0 : !1);
       }
-    ), R = n(() => {
+    ), V = n(() => {
       const t = {
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return u.value === "borderLink" ? i.value ? void 0 : t[C.value] || t.aplus : void 0;
-    }), l = n(() => {
+      return u.value === "borderLink" ? p.value ? void 0 : t[z.value] || t.aplus : void 0;
+    }), c = n(() => {
       var t;
       return ((t = e == null ? void 0 : e.menuList) == null ? void 0 : t.filter((o) => {
-        let s = o == null ? void 0 : o.ifShow;
-        return !(o != null && o.ifShow) && (o != null && o.auth) && (s = () => L(o.auth)), (s == null ? void 0 : s()) ?? !0;
+        let a = o == null ? void 0 : o.ifShow;
+        return !(o != null && o.ifShow) && (o != null && o.auth) && (a = () => G(o.auth)), (a == null ? void 0 : a()) ?? !0;
       })) || [];
     });
-    function y() {
+    function L() {
       return e != null && e.buttonProps ? {
         ...e.buttonProps,
         type: u.value === "borderLink" ? "default" : u.value
       } : {};
     }
-    return g({
-      columns: A,
-      dataSource: B
-    }), (t, o) => l.value.length && b.value === "dropdown" ? (m(), c(a(S), p({
+    return D({
+      columns: T,
+      dataSource: N
+    }), (t, o) => c.value.length && P.value === "dropdown" ? (d(), m(s(q), b({
       key: 0,
-      class: [a(f)()]
+      class: [s(h)()]
     }, {
       ...t.$attrs,
-      ...y(),
-      disabled: i.value
-    }), {
+      ...L(),
+      disabled: p.value
+    }), g({
       overlay: r(() => [
-        d(P, p({
+        i(S, b({
           ...e
-        }, { "menu-list": l.value }), null, 16, ["menu-list"])
+        }, { "menu-list": c.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
-        $("span", {
-          style: x({
-            color: R.value
+        x("span", {
+          style: E({
+            color: V.value
           })
         }, [
-          (m(), c(h(w("span", [v.value]))))
+          (d(), m(k(A("span", [_.value]))))
         ], 4)
       ]),
-      _: 1
-    }, 16, ["class"])) : l.value.length && b.value === "default" ? (m(), c(a(V), {
+      _: 2
+    }, [
+      B(w, (a, l) => ({
+        name: l,
+        fn: r((f) => [
+          C(t.$slots, l, v(y(f || {})))
+        ])
+      }))
+    ]), 1040, ["class"])) : c.value.length && P.value === "default" ? (d(), m(s(H), {
       key: 1,
-      class: z([a(f)()]),
-      disabled: i.value
-    }, {
+      class: I([s(h)()]),
+      disabled: p.value
+    }, g({
       overlay: r(() => [
-        d(P, p({
+        i(S, b({
           ...e
-        }, { "menu-list": l.value }), null, 16, ["menu-list"])
+        }, { "menu-list": c.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
-        d(a(H), G(M({
+        i(s(Y), v(y({
           ...t.$attrs,
-          ...y(),
+          ...L(),
           type: u.value
         })), {
           default: r(() => [
-            (m(), c(h(w("span", [v.value])))),
-            d(a(F))
+            (d(), m(k(A("span", [_.value])))),
+            i(s(J))
           ]),
           _: 1
         }, 16)
       ]),
-      _: 1
-    }, 8, ["class", "disabled"])) : N("", !0);
+      _: 2
+    }, [
+      B(w, (a, l) => ({
+        name: l,
+        fn: r((f) => [
+          C(t.$slots, l, v(y(f || {})))
+        ])
+      }))
+    ]), 1032, ["class", "disabled"])) : j("", !0);
   }
 });
 export {
-  re as default
+  ie as default
 };

package/es/src/business/ap-batch-action-group/index.d.ts

@@ -904,7 +904,9 @@ declare const ApBatchActionGroup: {
 }> & Readonly<{}>, {
     columns: ComputedRef<TableColumnsType<any>> | undefined;
     dataSource: ComputedRef<any[]> | undefined;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Readonly<Record<string, any>> & Record<string, any>;
+}) & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;
     };

package/es/src/business/ap-size-input/ApSizeInput.d.ts

@@ -74,10 +74,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     step: number;
     value: (string | number)[];
-    placeholder: string[];
     max: number;
     min: number;
     editable: boolean;
+    placeholder: string[];
     precision: number;
     perfix: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/es/src/business/ap-size-input/index.d.ts

@@ -40,10 +40,10 @@ declare const ApSizeInput: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         step: number;
         value: (string | number)[];
-        placeholder: string[];
         max: number;
         min: number;
         editable: boolean;
+        placeholder: string[];
         precision: number;
         perfix: string;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -92,10 +92,10 @@ declare const ApSizeInput: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         step: number;
         value: (string | number)[];
-        placeholder: string[];
         max: number;
         min: number;
         editable: boolean;
+        placeholder: string[];
         precision: number;
         perfix: string;
     }>;
@@ -141,10 +141,10 @@ declare const ApSizeInput: {
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     step: number;
     value: (string | number)[];
-    placeholder: string[];
     max: number;
     min: number;
     editable: boolean;
+    placeholder: string[];
     precision: number;
     perfix: string;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {

package/es/src/business/ap-table-modal/index.d.ts

@@ -45,19 +45,19 @@ declare const ApTableModal: {
         finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => any;
     }, PublicProps, {
         mask: boolean;
-        api: (params: any) => Promise<{
-            records: any[];
-            total: number;
-        }>;
-        maskClosable: boolean;
         confirmLoading: boolean;
         closable: boolean;
         centered: boolean;
+        maskClosable: boolean;
         forceRender: boolean;
         destroyOnClose: boolean;
         getContainer: string | false | HTMLElement | (() => HTMLElement);
         keyboard: boolean;
         focusTriggerAfterClose: boolean;
+        api: (params: any) => Promise<{
+            records: any[];
+            total: number;
+        }>;
         maxCount: number;
         isRenderModalTitleSuffix: boolean;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
@@ -131,19 +131,19 @@ declare const ApTableModal: {
         } | null;
     }, {}, {}, {}, {
         mask: boolean;
-        api: (params: any) => Promise<{
-            records: any[];
-            total: number;
-        }>;
-        maskClosable: boolean;
         confirmLoading: boolean;
         closable: boolean;
         centered: boolean;
+        maskClosable: boolean;
         forceRender: boolean;
         destroyOnClose: boolean;
         getContainer: string | false | HTMLElement | (() => HTMLElement);
         keyboard: boolean;
         focusTriggerAfterClose: boolean;
+        api: (params: any) => Promise<{
+            records: any[];
+            total: number;
+        }>;
         maxCount: number;
         isRenderModalTitleSuffix: boolean;
     }>;
@@ -187,19 +187,19 @@ declare const ApTableModal: {
     finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => any;
 }, string, {
     mask: boolean;
-    api: (params: any) => Promise<{
-        records: any[];
-        total: number;
-    }>;
-    maskClosable: boolean;
     confirmLoading: boolean;
     closable: boolean;
     centered: boolean;
+    maskClosable: boolean;
     forceRender: boolean;
     destroyOnClose: boolean;
     getContainer: string | false | HTMLElement | (() => HTMLElement);
     keyboard: boolean;
     focusTriggerAfterClose: boolean;
+    api: (params: any) => Promise<{
+        records: any[];
+        total: number;
+    }>;
     maxCount: number;
     isRenderModalTitleSuffix: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {

package/es/src/business/ap-table-modal/table-modal.vue.d.ts

@@ -40,19 +40,19 @@ declare const _default: DefineComponent<__VLS_Props, {
     onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
 }>, {
     mask: boolean;
-    api: (params: any) => Promise<{
-        records: any[];
-        total: number;
-    }>;
-    maskClosable: boolean;
     confirmLoading: boolean;
     closable: boolean;
     centered: boolean;
+    maskClosable: boolean;
     forceRender: boolean;
     destroyOnClose: boolean;
     getContainer: string | false | HTMLElement | (() => HTMLElement);
     keyboard: boolean;
     focusTriggerAfterClose: boolean;
+    api: (params: any) => Promise<{
+        records: any[];
+        total: number;
+    }>;
     maxCount: number;
     isRenderModalTitleSuffix: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

package/es/src/business/ap-view/ap-view.vue.d.ts

@@ -0,0 +1,6 @@
+import { ApViewProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApViewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApViewProps> & Readonly<{}>, {
+    maxViewNum: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/business/ap-view/ap-view.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-view.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-view/ap-view.vue2.mjs

@@ -0,0 +1,171 @@
+import { defineComponent as M, computed as N, ref as p, createVNode as g, watch as S, onMounted as Y, createBlock as $, openBlock as j, unref as w, normalizeClass as x, withCtx as z, createElementVNode as W } from "vue";
+import "../../config-provider/index.mjs";
+import q from "./icons/line-down.vue.mjs";
+import { ApBatchActionGroup as H } from "../ap-batch-action-group/index.mjs";
+import "./components/main-button-content.vue.mjs";
+import "./components/menu-list-content.vue.mjs";
+import { useViewProvide as J } from "./hooks/use-view-provide.mjs";
+import { useInjectApTable as Q } from "../../ap-table/context.mjs";
+import { SYSTEM_VIEW_KEY as y } from "./utils/enum.mjs";
+import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as U } from "../../config-provider/hooks/use-locale.mjs";
+import h from "./components/main-button-content.vue2.mjs";
+import R from "./components/menu-list-content.vue2.mjs";
+const fe = /* @__PURE__ */ M({
+  __name: "ap-view",
+  props: {
+    tableKey: {},
+    saveDataSource: {},
+    viewCacheOption: {},
+    maxViewNum: {
+      default: 20
+    }
+  },
+  setup(E) {
+    const c = E, L = X("viewCacheOption"), {
+      b: d
+    } = Z("ap-view"), {
+      t: T
+    } = U(), V = N(() => ({
+      viewKey: y,
+      viewName: T("ap.apView.systemView")
+    })), {
+      getSearchFormValues: k,
+      setSearchFormValues: A,
+      submit: B,
+      reset: F
+    } = Q(), G = p(!1), K = p(!1), r = p("system"), P = {
+      dropdownType: "dropdown",
+      content: g(h, {
+        maxViewNum: c.maxViewNum
+      }, null)
+    }, o = p([V.value]), D = N(() => o.value.map((t) => ({
+      id: t.viewKey,
+      content: g(R, {
+        view: t
+      }, null)
+    }))), n = {
+      getSearchFormValues: k,
+      setSearchFormValues: A,
+      submit: B,
+      reset: F,
+      ...c.saveDataSource
+    }, e = {
+      ...L.value,
+      ...c.viewCacheOption
+    }, _ = () => {
+      const t = o.value.find((s) => s.isDefault);
+      return (t == null ? void 0 : t.viewKey) ?? y;
+    }, m = {
+      getViewList: async (t) => {
+        var s;
+        try {
+          const {
+            tableKey: a
+          } = t, l = await ((s = e == null ? void 0 : e.getViewList) == null ? void 0 : s.call(e, {
+            tableKey: a
+          }));
+          return o.value = [V.value, ...l ?? []], r.value = _(), o.value;
+        } catch {
+          return o.value = [V.value], r.value = y, o.value;
+        }
+      },
+      addView: async (t) => {
+        var u;
+        const {
+          tableKey: s,
+          viewKey: a,
+          viewName: l,
+          isDefault: i,
+          viewConfig: f
+        } = t;
+        await ((u = e == null ? void 0 : e.addView) == null ? void 0 : u.call(e, {
+          tableKey: s,
+          viewKey: a,
+          viewName: l,
+          isDefault: i,
+          viewConfig: f
+        })), i && (o.value = o.value.map((v) => ({
+          ...v,
+          isDefault: !1
+        }))), o.value = [...o.value, {
+          viewKey: a,
+          viewName: l,
+          isDefault: i,
+          viewConfig: f
+        }], r.value = a;
+      },
+      changeView: async (t) => {
+        var v;
+        const {
+          tableKey: s,
+          viewKey: a,
+          viewName: l,
+          isDefault: i,
+          viewConfig: f
+        } = t;
+        await ((v = e == null ? void 0 : e.changeView) == null ? void 0 : v.call(e, {
+          tableKey: s,
+          viewKey: a,
+          viewName: l,
+          isDefault: i,
+          viewConfig: f
+        })), i && (o.value = o.value.map((b) => ({
+          ...b,
+          isDefault: !1
+        })));
+        const u = o.value.find((b) => b.viewKey === a);
+        u && (u.viewName = l, u.isDefault = i, u.viewConfig = f), r.value = a;
+      },
+      removeView: async (t) => {
+        var l;
+        const {
+          tableKey: s,
+          viewKey: a
+        } = t;
+        await ((l = e == null ? void 0 : e.removeView) == null ? void 0 : l.call(e, {
+          tableKey: s,
+          viewKey: a
+        })), o.value = o.value.filter((i) => i.viewKey !== a), a === r.value && (r.value = _());
+      }
+    }, I = {
+      tableKey: c.tableKey,
+      currentViewKey: r,
+      popoverOpen: G,
+      menuOpen: K,
+      viewList: o,
+      viewListCRUD: m,
+      saveDataSource: n
+    };
+    return S(r, (t) => {
+      const s = o.value.find((a) => a.viewKey === t);
+      s && setTimeout(() => {
+        var a, l, i;
+        s.viewKey === y ? (a = n.reset) == null || a.call(n) : ((l = n.setSearchFormValues) == null || l.call(n, s.viewConfig ?? {}), (i = n.submit) == null || i.call(n));
+      });
+    }), J(I), Y(() => {
+      var t;
+      (t = m == null ? void 0 : m.getViewList) == null || t.call(m, {
+        tableKey: c.tableKey
+      });
+    }), (t, s) => (j(), $(w(H), {
+      open: K.value,
+      "onUpdate:open": s[0] || (s[0] = (a) => K.value = a),
+      class: x([w(d)()]),
+      "button-props": P,
+      "menu-list": D.value,
+      "overlay-class-name": [w(d)("overlay")],
+      trigger: "click",
+      placement: "bottom"
+    }, {
+      icon: z(() => [W("div", {
+        class: x([w(d)("icon")])
+      }, [g(q)], 2)]),
+      _: 1
+    }, 8, ["open", "class", "menu-list", "overlay-class-name"]));
+  }
+});
+export {
+  fe as default
+};