@aplus-frontend/ui 0.6.0-beta.8 → 0.6.0

package/es/src/business/batch-input-group/form-item.vue.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as b, computed as r, createBlock as B, openBlock as g, mergeProps as u, unref as m, withCtx as _, createVNode as V } from "vue";
+import { defineComponent as b, computed as i, createBlock as B, openBlock as g, mergeProps as f, unref as m, withCtx as _, createVNode as V } from "vue";
 import "./index.vue2.mjs";
 import "../../ap-form/item/index.vue2.mjs";
 import { isValid as s } from "@aplus-frontend/utils";
 import { omit as p } from "lodash-unified";
 import x from "../../ap-form/item/index.vue.mjs";
 import k from "./index.vue.mjs";
-const q = /* @__PURE__ */ b({
+const $ = /* @__PURE__ */ b({
+  name: "ApFormItemBatchInputGroup",
   __name: "form-item",
   props: {
     htmlFor: {},
@@ -55,28 +56,28 @@ const q = /* @__PURE__ */ b({
     defaultSelectedAllKey: { type: Boolean }
   },
   setup(c) {
-    const l = c, v = r(() => (l == null ? void 0 : l.transform) || {
+    const l = c, v = i(() => (l == null ? void 0 : l.transform) || {
       flat: !1,
       transformer: (e) => {
-        var a, o, i, n, d, f;
+        var a, o, r, n, d, u;
         if (e)
           return !(e != null && e.value) || ((a = e == null ? void 0 : e.value) == null ? void 0 : a.length) < 1 ? void 0 : (o = l == null ? void 0 : l.field) != null && o.options ? {
             ...e,
-            value: (n = (i = e == null ? void 0 : e.value) == null ? void 0 : i.filter((t) => s(t == null ? void 0 : t.trim()))) == null ? void 0 : n.map((t) => l.trim ? t == null ? void 0 : t.trim() : t)
-          } : (f = (d = e == null ? void 0 : e.value) == null ? void 0 : d.filter((t) => s(t == null ? void 0 : t.trim()))) == null ? void 0 : f.map((t) => l.trim ? t == null ? void 0 : t.trim() : t);
+            value: (n = (r = e == null ? void 0 : e.value) == null ? void 0 : r.filter((t) => s(t == null ? void 0 : t.trim()))) == null ? void 0 : n.map((t) => l.trim ? t == null ? void 0 : t.trim() : t)
+          } : (u = (d = e == null ? void 0 : e.value) == null ? void 0 : d.filter((t) => s(t == null ? void 0 : t.trim()))) == null ? void 0 : u.map((t) => l.trim ? t == null ? void 0 : t.trim() : t);
       }
-    }), y = r(() => {
+    }), y = i(() => {
       var e;
       return ((e = l.field) == null ? void 0 : e.style) || "width:auto";
-    }), h = r(() => {
+    }), h = i(() => {
       var e, a;
       return (l == null ? void 0 : l.initialValue) || {
         key: (a = (e = l == null ? void 0 : l.field) == null ? void 0 : e.options) == null ? void 0 : a.map((o) => o.value)
       };
     });
     return (e, a) => {
-      var o, i;
-      return g(), B(x, u(
+      var o, r;
+      return g(), B(x, f(
         m(p)(l, [
           "field",
           "initialValue",
@@ -87,11 +88,11 @@ const q = /* @__PURE__ */ b({
         {
           "initial-value": h.value,
           transform: v.value,
-          bordered: (i = (o = e.field) == null ? void 0 : o.options) != null && i.length ? !1 : e.bordered
+          bordered: (r = (o = e.field) == null ? void 0 : o.options) != null && r.length ? !1 : e.bordered
         }
       ), {
         default: _(() => [
-          V(k, u(m(p)(l.field, ["style"]), {
+          V(k, f(m(p)(l.field, ["style"]), {
             style: y.value,
             disabled: e.disabled,
             placeholer: e.placeholer
@@ -103,5 +104,5 @@ const q = /* @__PURE__ */ b({
   }
 });
 export {
-  q as default
+  $ as default
 };

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as N, ref as g, computed as u, unref as n, createElementBlock as $, openBlock as B, normalizeStyle as b, normalizeClass as K, createVNode as c, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as q } from "vue";
+import { defineComponent as N, ref as g, computed as u, unref as n, createElementBlock as $, openBlock as B, normalizeStyle as b, normalizeClass as K, createVNode as c, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
 import "../../ap-field/index.mjs";
-import { Space as G } from "@aplus-frontend/antdv";
+import { Space as q } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
 import { isNumber as H, omit as Y } from "lodash-unified";
 import "./popover-input/index.vue.mjs";
@@ -14,6 +14,7 @@ import ee from "../../ap-field/select/index.vue.mjs";
 import { ApFieldText as te } from "../../ap-field/text/index.mjs";
 import oe from "./popover-input/index.vue2.mjs";
 const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
+  name: "BatchInputGroup",
   __name: "index",
   props: {
     style: { type: [Boolean, null, String, Object, Array] },
@@ -72,17 +73,17 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
   },
   emits: ["update:value"],
   setup(V, { emit: C }) {
-    const l = V, S = Q("Text", l), x = C, { value: a, updateValue: p } = W(
+    const l = V, S = Q("Text", l), I = C, { value: a, updateValue: p } = W(
       l,
-      x
-    ), i = g(), f = g(), { t: I } = X(), { b: U, cssVar: w } = Z("batch-input-group"), P = u(() => {
+      I
+    ), i = g(), f = g(), { t: x } = X(), { b: U, cssVar: w } = Z("batch-input-group"), P = u(() => {
       const e = l.popoverPlacement;
       return {
         "popover-left": H(e) ? `${e}px` : e === "left" ? "0px" : "unset",
         "popover-right": e === "right" ? "0px" : "unset"
       };
     }), k = u(() => l.options ? l.options.length > 1 && l.hasAll ? [
-      { value: d, label: I("ap.common.all") },
+      { value: d, label: x("ap.common.all") },
       ...l.options
     ] : l.options : []), R = u(() => l.options ? l.options.map((e) => e.value) : []), _ = u(() => {
       var e, t;
@@ -95,7 +96,7 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
       var t;
       const e = (t = n(a)) == null ? void 0 : t.key;
       if (e != null && e.length)
-        return e.length === 1 ? e[0] : d;
+        return e.length === 1 || !l.hasAll ? e[0] : d;
     }), F = u(() => {
       var o;
       const e = (o = n(a)) == null ? void 0 : o.key;
@@ -151,7 +152,7 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
       onBlur: t[1] || (t[1] = //@ts-ignore
       (...o) => e.onBlur && e.onBlur(...o))
     }, [
-      c(n(G).Compact, { block: "" }, {
+      c(n(q).Compact, { block: "" }, {
         default: A(() => {
           var o;
           return [
@@ -166,7 +167,7 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
               "get-popup-container": () => i.value,
               "onUpdate:value": L
             }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : D("", !0),
-            c(n(te), q(
+            c(n(te), G(
               n(Y)(l, [
                 "style",
                 "value",

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

@@ -1,40 +1,39 @@
-import "../../config-provider/index.mjs";
 import "../index.mjs";
-import { merge as h, cloneDeep as S } from "lodash-unified";
-import { ref as g } from "vue";
-import { useGlobalConfig as v } from "../../config-provider/hooks/use-global-config.mjs";
-import { useTableRefresh as b } from "./useTableRefresh.mjs";
-function z(s) {
-  const o = g(null), {
-    isShowRowSelection: c = !0,
-    clearSelectionOnRequest: i = !0,
+import { merge as c, cloneDeep as S } from "lodash-unified";
+import { ref as v } from "vue";
+import { useTableRefresh as g } from "./useTableRefresh.mjs";
+function T(s) {
+  const o = v(null), {
+    isShowRowSelection: i = !0,
+    clearSelectionOnRequest: f = !0,
     transformSearchFormValues: a,
-    api: n,
+    api: l,
     tableRefresh: d = !0,
-    ...f
+    virtual: m,
+    ...p
   } = s || {};
-  let l = null;
-  const m = v("uiMode", "aplus"), u = () => {
+  let n = null;
+  const u = () => {
     var e, r;
     (r = (e = o.value) == null ? void 0 : e.rowSelection) == null || r.clearAll();
   };
-  return b({
+  return g({
     ...R(d),
     apTableRef: o
-  }), [h(
+  }), [c(
     {
       // scroll，tableLayout，columnResizable设置表格可拖动
       scroll: { x: "100%", y: "100%" },
       columnResizable: !0,
-      request: n ? async (e) => {
-        l = e.sort;
+      request: l ? async (e) => {
+        n = e.sort;
         const r = a ? a(e) : e;
         try {
-          if (!n) throw new Error("api is not defined");
-          const { records: t, total: p } = await n(r);
-          return i && u(), {
+          if (!l) throw new Error("api is not defined");
+          const { records: t, total: h } = await l(r);
+          return f && u(), {
             data: t,
-            total: p
+            total: h
           };
         } catch (t) {
           return console.error(t), {
@@ -43,18 +42,24 @@ function z(s) {
           };
         }
       } : void 0,
-      rowSelection: c ? {
+      rowSelection: i ? {
         fixed: "left",
-        columnWidth: 50
+        columnWidth: 38
       } : void 0,
       ref(e) {
         o.value = e;
       },
+      virtual: c(
+        {
+          oSize: 20,
+          y: 20
+        },
+        m
+      ),
       // 新UI规范，需要都添加分割线
-      card: !0,
-      bordered: m.value === "admin"
+      card: !0
     },
-    f
+    p
   ), {
     reload: () => {
       var e;
@@ -73,7 +78,7 @@ function z(s) {
     getSearchFormValuesAndSorted: (e = !0) => {
       var t;
       const r = ((t = o.value) == null ? void 0 : t.getSearchFormValues(!!e)) || {};
-      return r.sort = l && S(l), a ? a(r) : r;
+      return r.sort = n && S(n), a ? a(r) : r;
     },
     clearSelection: u
   }];
@@ -84,5 +89,5 @@ function R(s) {
   } : s;
 }
 export {
-  z as usePageListApGrid
+  T as usePageListApGrid
 };

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

@@ -2,6 +2,7 @@ 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';
 export interface UsePageListApTable extends ApTableProps {
     /** 是否显示默认的行选择配置
      * @default true
@@ -42,10 +43,10 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
             select: (item: any) => void;
             selectAll: () => void;
             unSelectAll: () => void;
+            clearAll: () => void;
             selectedRows: any[];
             unSelect: (item: any) => void;
             isSelected: (item: any) => boolean;
-            clearAll: () => void;
             toggleSelect: (item: any) => void;
             selectMulti: (items: any[]) => void;
             unSelectMulti: (items: any[]) => void;
@@ -58,6 +59,8 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
             };
             y: undefined;
         };
+        getPaging: () => InternalPagingType;
+        setPaging: (nextPaging: InternalPagingType, refreshImmediately?: boolean) => void;
     } | null | undefined;
     getSearchFormValuesAndSorted: (transform?: boolean) => any;
     clearSelection: () => void;

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

@@ -21,5 +21,8 @@ export * from './ap-upload-file';
 export * from './batch-input-group';
 export * from './ap-size-input';
 export * from './ap-product-info';
+export * from './ap-copy';
 export * from './ap-view';
+export * from './ap-radio-group';
+export * from './ap-keep-alive';
 export { ApTransformDataHelper } from '../utils/ap-trans-data';

package/es/src/business/index.mjs

@@ -1,53 +1,59 @@
 import { default as A } from "./ap-table-modal/index.mjs";
 import { ApAttachment as x } from "./ap-attachment/index.mjs";
 import { ApBatchAction as a } from "./ap-batch-action/index.mjs";
-import { ApBatchActionGroup as n } from "./ap-batch-action-group/index.mjs";
-import { ApButtonGroup as l } from "./ap-button-group/index.mjs";
+import { ApBatchActionGroup as i } from "./ap-batch-action-group/index.mjs";
+import { ApButtonGroup as n } from "./ap-button-group/index.mjs";
 import { ApCard as d } from "./ap-card/index.mjs";
 import { ApExpandAlert as G } from "./ap-expand-alert/index.mjs";
 import { ApExportGroup as h } from "./ap-export-group/index.mjs";
 import { ApImage as L } from "./ap-image/index.mjs";
-import { ApInputRadio as B } from "./ap-input-radio/index.mjs";
-import { ApLabel as T, ApLabelGroup as y } from "./ap-label/index.mjs";
-import { ApLadder as g } from "./ap-ladder/index.mjs";
-import { ApSelectLayout as w } from "./ap-select-layout/index.mjs";
-import { ApStatus as C, ApStatusGroup as D } from "./ap-status/index.mjs";
-import { ApTitle as M } from "./ap-title/index.mjs";
+import { ApInputRadio as y } from "./ap-input-radio/index.mjs";
+import { ApLabel as E, ApLabelGroup as T } from "./ap-label/index.mjs";
+import { ApLadder as C } from "./ap-ladder/index.mjs";
+import { ApSelectLayout as R } from "./ap-select-layout/index.mjs";
+import { ApStatus as w, ApStatusGroup as z } from "./ap-status/index.mjs";
+import { ApTitle as H } from "./ap-title/index.mjs";
 import "./hooks/index.mjs";
-import { ApSummary as V } from "./ap-summary/index.mjs";
-import { ApAppendix as k } from "./ap-appendix/index.mjs";
-import { ApExtensionSelect as F, ApGroupSearch as J, ApPopoverSelect as K } from "./ap-group-search/index.mjs";
+import { ApSummary as M } from "./ap-summary/index.mjs";
+import { ApAppendix as j } from "./ap-appendix/index.mjs";
+import { ApExtensionSelect as q, ApGroupSearch as F, ApPopoverSelect as J } from "./ap-group-search/index.mjs";
 import "./ap-upload-file/index.mjs";
 import "./batch-input-group/index.mjs";
 import { ApSizeInput as O } from "./ap-size-input/index.mjs";
 import { ApProductInfo as U } from "./ap-product-info/index.mjs";
-import { ApView as X } from "./ap-view/index.mjs";
-import { ApTransformDataHelper as Z } from "../utils/ap-trans-data/index.mjs";
+import { ApCopy as X } from "./ap-copy/index.mjs";
+import { ApView as Z } from "./ap-view/index.mjs";
+import { ApRadioGroup as $ } from "./ap-radio-group/index.mjs";
+import { ApKeepAlive as po } from "./ap-keep-alive/index.mjs";
+import { ApTransformDataHelper as to } from "../utils/ap-trans-data/index.mjs";
 export {
-  k as ApAppendix,
+  j as ApAppendix,
   x as ApAttachment,
   a as ApBatchAction,
-  n as ApBatchActionGroup,
-  l as ApButtonGroup,
+  i as ApBatchActionGroup,
+  n as ApButtonGroup,
   d as ApCard,
+  X as ApCopy,
   G as ApExpandAlert,
   h as ApExportGroup,
-  F as ApExtensionSelect,
-  J as ApGroupSearch,
+  q as ApExtensionSelect,
+  F as ApGroupSearch,
   L as ApImage,
-  B as ApInputRadio,
-  T as ApLabel,
-  y as ApLabelGroup,
-  g as ApLadder,
-  K as ApPopoverSelect,
+  y as ApInputRadio,
+  po as ApKeepAlive,
+  E as ApLabel,
+  T as ApLabelGroup,
+  C as ApLadder,
+  J as ApPopoverSelect,
   U as ApProductInfo,
-  w as ApSelectLayout,
+  $ as ApRadioGroup,
+  R as ApSelectLayout,
   O as ApSizeInput,
-  C as ApStatus,
-  D as ApStatusGroup,
-  V as ApSummary,
+  w as ApStatus,
+  z as ApStatusGroup,
+  M as ApSummary,
   A as ApTableModal,
-  M as ApTitle,
-  Z as ApTransformDataHelper,
-  X as ApView
+  H as ApTitle,
+  to as ApTransformDataHelper,
+  Z as ApView
 };

package/es/src/components.d.ts

@@ -15,6 +15,7 @@ declare module '@vue/runtime-core' {
     ApLabelGroup: typeof components.ApLabelGroup;
     ApLadder: typeof components.ApLadder;
     ApProductInfo: typeof components.ApProductInfo;
+    ApCopy: typeof components.ApCopy;
     ApSelectLayout: typeof components.ApSelectLayout;
     ApStatus: typeof components.ApStatus;
     ApStatusGroup: typeof components.ApStatusGroup;

package/es/src/editable-table/form-item.vue.mjs

@@ -7,10 +7,10 @@ import { useInjectForm as ae } from "../ap-form/context.mjs";
 import { isDef as b } from "../utils/index.mjs";
 import le from "./hooks/use-get-columns.mjs";
 import { scrollToRowIndex as ue } from "./utils.mjs";
-import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as fe } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ne } from "../config-provider/hooks/use-global-config.mjs";
 const ye = /* @__PURE__ */ G({
-  name: "EditableTableInner",
+  name: "EditableTableFormItem",
   __name: "form-item",
   props: {
     dropdownPrefixCls: {},
@@ -128,48 +128,48 @@ const ye = /* @__PURE__ */ G({
     });
     const {
       b: L
-    } = ne("editable-table"), p = c(), S = fe("valueTypeMap"), v = le(l, S);
+    } = fe("editable-table"), p = c(), S = ne("valueTypeMap"), v = le(l, S);
     function N(e, a) {
-      var n;
-      const u = ((n = s(d)) == null ? void 0 : n.length) || 0;
+      var f;
+      const u = ((f = s(d)) == null ? void 0 : f.length) || 0;
       if (b(l.maxLength) && u >= l.maxLength)
         return;
       const t = {
         ...e || {}
       };
-      o == null || o.setFieldValue(l.name, t, !0, (f, r) => {
-        if (!f[r]) {
-          f[r] = [t];
+      o == null || o.setFieldValue(l.name, t, !0, (n, r) => {
+        if (!n[r]) {
+          n[r] = [t];
           return;
         }
-        oe(a) ? f[r].push(t) : f[r].splice(a, 0, t);
+        oe(a) ? n[r].push(t) : n[r].splice(a, 0, t);
       });
     }
     function E(e, a = "suffix") {
-      var f;
-      const u = ((f = s(d)) == null ? void 0 : f.length) || 0, t = m(e) ? e : e.length;
+      var n;
+      const u = ((n = s(d)) == null ? void 0 : n.length) || 0, t = m(e) ? e : e.length;
       if (b(l.maxLength) && u + t > l.maxLength)
         return;
-      const n = m(e) ? new Array(e).fill(0).map(() => ({})) : te(e);
-      o == null || o.setFieldValue(l.name, n, !0, (r, i) => {
+      const f = m(e) ? new Array(e).fill(0).map(() => ({})) : te(e);
+      o == null || o.setFieldValue(l.name, f, !0, (r, i) => {
         if (!r[i]) {
-          r[i] = [...n];
+          r[i] = [...f];
           return;
         }
-        a === "suffix" ? r[i].push(...n) : r[i].unshift(...n);
+        a === "suffix" ? r[i].push(...f) : r[i].unshift(...f);
       });
     }
     function _(e) {
       const a = new Set(m(e) ? [e] : e);
       o == null || o.setFieldValue(l.name, void 0, !0, (u, t) => {
-        u[t] = u[t].filter((n, f) => !a.has(f));
+        u[t] = u[t].filter((f, n) => !a.has(n));
       });
     }
     function k(e) {
       var u;
       const a = new Set(g(e) ? e : [e]);
-      a.size !== 0 && ((u = o == null ? void 0 : o.setFieldValue) == null || u.call(o, l.name, void 0, !0, (t, n) => {
-        t[n] = t[n].filter((f) => !a.has(f[l.rowKey]));
+      a.size !== 0 && ((u = o == null ? void 0 : o.setFieldValue) == null || u.call(o, l.name, void 0, !0, (t, f) => {
+        t[f] = t[f].filter((n) => !a.has(n[l.rowKey]));
       }));
     }
     function j() {
@@ -180,9 +180,9 @@ const ye = /* @__PURE__ */ G({
       return (a = s(d)) == null ? void 0 : a[e];
     }
     function K(e, a, u = !0) {
-      o == null || o.setFieldValue(l.name, void 0, !0, (t, n) => {
-        !t[n] || !t[n][e] || (t[n][e] = {
-          ...u ? t[n][e] : {},
+      o == null || o.setFieldValue(l.name, void 0, !0, (t, f) => {
+        !t[f] || !t[f][e] || (t[f][e] = {
+          ...u ? t[f][e] : {},
           ...a
         });
       });
@@ -224,7 +224,7 @@ const ye = /* @__PURE__ */ G({
         _: 2
       }, [Y(s(y)(T, ["headerCell"]), (u, t) => ({
         name: t,
-        fn: w((n) => [Z(e.$slots, t, I(M(n || {})))])
+        fn: w((f) => [Z(e.$slots, t, I(M(f || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

package/es/src/full-screen/interface.d.ts

@@ -1,5 +1,4 @@
-import { ComputedRef } from 'vue';
-import { PortalProps } from '../portal';
+import { PortalProps } from '../portal/interface';
 export type FullScreenMode = 'browser' | 'window';
 export type FullScreenProps = {
     /**
@@ -15,19 +14,19 @@ export type FullScreenExpose = {
     /**
      * 全屏的目标元素
      */
-    target: ComputedRef<HTMLElement>;
+    target: HTMLElement;
     /**
      * 目标元素内用于渲染全局组件的容器
      */
-    portalRoot: ComputedRef<HTMLDivElement>;
+    portalRoot: HTMLDivElement;
     /**
      * 当前是否全屏
      */
-    full: ComputedRef<boolean>;
+    full: boolean;
     /**
      * 当前的全屏模式
      */
-    mode: ComputedRef<FullScreenMode>;
+    mode: FullScreenMode;
     /**
      * 进入全屏
      * @param mode 全屏模式 窗口全屏/浏览器全屏