@aplus-frontend/ui 0.2.0-beta.5 → 0.2.1

package/es/src/business/ap-table-modal/table-modal.vue2.mjs

@@ -1,15 +1,17 @@
-import { defineComponent as I, ref as i, unref as r, computed as N, h as O, openBlock as A, createBlock as D, mergeProps as g, withCtx as E, createVNode as L } from "vue";
-import { message as U, Modal as q } from "ant-design-vue";
+import { defineComponent as F, ref as m, unref as u, computed as U, h as q, openBlock as $, createBlock as z, mergeProps as b, withCtx as k, createVNode as T } from "vue";
+import { message as h, Modal as H } from "@aplus-frontend/antdv";
 import "../../index.mjs";
-import { cloneDeep as F, omit as x } from "lodash-unified";
-import { transformTableParams as G } from "@aplus-frontend/utils";
+import { cloneDeep as V, omit as S } from "lodash-unified";
+import { transformTableParams as W } from "@aplus-frontend/utils";
 import "./modal-title.vue.mjs";
-import { AsyncOpenResultError as f } from "./interface.mjs";
-import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
-import V from "./modal-title.vue2.mjs";
-import W from "../../ap-table/ap-table.vue.mjs";
-const le = /* @__PURE__ */ I({
+import { AsyncOpenResultError as x } from "./interface.mjs";
+import "./table-layout/index.vue.mjs";
+import { useGlobalConfig as Y } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as J } from "../../config-provider/hooks/use-locale.mjs";
+import Q from "./modal-title.vue2.mjs";
+import X from "./table-layout/index.vue2.mjs";
+import { ApTable as Z } from "../../ap-table/index.mjs";
+const fe = /* @__PURE__ */ F({
   __name: "table-modal",
   props: {
     columns: {},
@@ -19,6 +21,9 @@ const le = /* @__PURE__ */ I({
     maxCount: { default: 1 / 0 },
     isRenderModalTitleSuffix: { type: Boolean, default: !0 },
     renderModalTitleSuffix: {},
+    disabledCheckbox: { type: [Boolean, Function] },
+    rowSelection: {},
+    tableLayoutConfig: {},
     prefixCls: {},
     confirmLoading: { type: Boolean, default: void 0 },
     title: {},
@@ -56,89 +61,126 @@ const le = /* @__PURE__ */ I({
     mousePosition: {}
   },
   emits: ["finish"],
-  setup(b, { expose: C, emit: w }) {
-    const e = b, T = w, s = i(!1), m = i({}), d = i(null), n = i([]), p = i();
-    let u = null, a = null;
-    const k = $("uiMode", "admin"), { t: B } = z(), S = async (t = [], o = {}) => {
-      var l, c, v;
-      switch (n.value = [...t], s.value = !0, m.value = o == null ? void 0 : o.extraParams, p.value = o.apTableDataSources || ((l = e.apTableProps) == null ? void 0 : l.dataSource), o.refreshMode || "reset") {
+  setup(B, { expose: R, emit: M }) {
+    const e = B, P = M, i = m(!1), y = m({}), d = m(null), a = m([]), C = m();
+    let c = null, n = null;
+    const K = Y("uiMode", "admin"), { t: g } = J(), _ = async (t = [], o = {}) => {
+      var l, r, s;
+      switch (a.value = [...t], i.value = !0, y.value = o == null ? void 0 : o.extraParams, C.value = o.apTableDataSources || ((l = e.apTableProps) == null ? void 0 : l.dataSource), o.refreshMode || "reset") {
         case "reset":
-          (c = d.value) == null || c.reset();
+          (r = d.value) == null || r.reset();
           break;
         case "submit":
-          (v = d.value) == null || v.submit();
+          (s = d.value) == null || s.submit();
           break;
         case "none":
           break;
       }
-      return new Promise((K, _) => {
-        u = K, a = _;
+      return new Promise((p, f) => {
+        c = p, n = f;
       });
-    }, y = () => {
-      s.value = !1, u = null, a == null || a(f.ModalCancel), a = null;
-    }, h = async (t) => {
-      t = G({
+    }, w = () => {
+      i.value = !1, c = null, n == null || n(x.ModalCancel), n = null;
+    }, I = async (t) => {
+      t = W({
         ...t,
-        ...m.value
+        ...y.value
       });
-      const o = e.api, { records: l, total: c } = await o(t);
-      return {
+      const o = e.api, { records: l, total: r } = await o(t);
+      return console.log("records", l), {
         data: l,
-        total: c
+        total: r
       };
-    }, M = () => {
-      if (n.value.length > e.maxCount) {
-        a == null || a(f.ExceedMaxCount);
+    }, L = () => {
+      if (a.value.length > e.maxCount) {
+        n == null || n(x.ExceedMaxCount);
         return;
       }
       if (e.getRowKey) {
-        const t = F(r(n)), o = t.map(e.getRowKey);
-        T("finish", o, t), u == null || u({ keys: o, rows: t });
+        const t = V(u(a)), o = t.map(e.getRowKey);
+        P("finish", o, t), c == null || c({ keys: o, rows: t });
       } else {
-        a == null || a(f.NotFineGetRowKey);
+        n == null || n(x.NotFineGetRowKey);
         return;
       }
-      s.value = !1;
-    }, P = N(() => {
-      if (e.getRowKey)
-        return {
-          fixed: !0,
-          selectedRowKeys: n.value.map(e.getRowKey),
-          columnWidth: 50,
-          preserveSelectedRowKeys: !0,
-          onChange: (t, o) => {
-            if (o.length > e.maxCount) {
-              U.warning(
-                B("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
+      i.value = !1;
+    }, A = U(() => {
+      if (!e.getRowKey) return;
+      const t = e.getRowKey;
+      return {
+        fixed: !0,
+        selectedRowKeys: a.value.map(t),
+        columnWidth: 50,
+        preserveSelectedRowKeys: !0,
+        onSelectAll(o, l) {
+          var s, p;
+          if (l.length > e.maxCount) {
+            h.warning(
+              g("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
+            );
+            return;
+          }
+          const r = (s = d.value) == null ? void 0 : s.dataSource;
+          if (o) {
+            const f = u(r).filter((v) => !a.value.some((E) => t(E) === t(v)));
+            a.value = a.value.concat(f);
+          } else
+            a.value = (p = a.value) == null ? void 0 : p.filter((f) => !r.some((v) => t(v) === t(f)));
+        },
+        onSelect(o, l) {
+          if (l) {
+            if (a.value.length >= e.maxCount) {
+              h.warning(
+                g("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
               );
               return;
             }
-            n.value = o;
+            a.value.push(o);
+          } else {
+            const r = a.value.findIndex(
+              (s) => t(o) === t(s)
+            );
+            a.value.splice(r, 1);
           }
-        };
-    }), R = () => e.isRenderModalTitleSuffix ? O(
-      V,
+        },
+        getCheckboxProps: (o) => ({
+          disabled: typeof e.disabledCheckbox == "function" ? e.disabledCheckbox(o, a.value) : e.disabledCheckbox
+          // Column configuration not to be checked
+        }),
+        ...e.rowSelection || {}
+      };
+    }), D = () => e.isRenderModalTitleSuffix ? q(
+      Q,
       {
         title: e.title,
-        count: n.value.length || 0,
+        count: a.value.length || 0,
         maxCount: e.maxCount
       },
       {
         default: e.renderModalTitleSuffix ?? void 0
       }
-    ) : e.title;
-    return C({
-      open: S,
-      close: y,
-      getApTableInstance: () => d.value
-    }), (t, o) => (A(), D(r(q), g(
+    ) : e.title, N = () => d.value, O = () => {
+      a.value = [];
+    }, G = (t) => {
+      const o = e.getRowKey;
+      if (!o) return;
+      const l = a.value.findIndex(
+        (r) => o(t) === o(r)
+      );
+      a.value.splice(l, 1);
+    };
+    return R({
+      open: _,
+      close: w,
+      getApTableInstance: N
+    }), (t, o) => ($(), z(u(H), b(
       {
-        onOk: M,
-        onCancel: y,
-        open: s.value,
-        "onUpdate:open": o[0] || (o[0] = (l) => s.value = l)
+        onOk: L,
+        onCancel: w,
+        open: i.value,
+        "onUpdate:open": o[0] || (o[0] = (l) => i.value = l)
       },
-      r(x)(e, [
+      u(S)(e, [
         "api",
         "getRowKey",
         "centered",
@@ -147,32 +189,45 @@ const le = /* @__PURE__ */ I({
         "maxCount",
         "title",
         "renderModalTitleSuffix",
-        "isRenderModalTitleSuffix"
+        "isRenderModalTitleSuffix",
+        "rowSelection",
+        "disabledCheckbox",
+        "tableLayoutConfig"
       ]),
       {
-        title: R(),
+        title: D(),
+        "body-style": { maxHeight: "calc(100vh - 205px)", overflowY: "scroll" },
         centered: e.centered ?? !0
       }
     ), {
-      default: E(() => [
-        L(r(W), g({
-          scroll: { y: "100%" },
-          style: { padding: "0px" },
-          columns: t.columns,
-          request: h,
-          "row-key": t.getRowKey,
-          "row-selection": P.value,
-          bordered: r(k) === "admin"
-        }, r(x)(e.apTableProps, "dataSource"), {
-          ref_key: "apTableRef",
-          ref: d,
-          "data-source": p.value
-        }), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
+      default: k(() => [
+        T(X, b(e.tableLayoutConfig || {}, {
+          onClear: O,
+          "selected-list": a.value,
+          onDeleteItem: G
+        }), {
+          default: k(() => [
+            T(u(Z), b({
+              scroll: { y: "100%" },
+              style: { padding: "0px" },
+              columns: t.columns,
+              request: I,
+              "row-key": t.getRowKey,
+              "row-selection": A.value,
+              bordered: u(K) === "admin"
+            }, u(S)(e.apTableProps, "dataSource"), {
+              ref_key: "apTableRef",
+              ref: d,
+              "data-source": C.value
+            }), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
+          ]),
+          _: 1
+        }, 16, ["selected-list"])
       ]),
       _: 1
     }, 16, ["open", "title", "centered"]));
   }
 });
 export {
-  le as default
+  fe as default
 };

package/es/src/business/ap-title/ApTitle.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as g, openBlock as l, createElementBlock as a, normalizeClass as o, unref as t, createElementVNode as r, renderSlot as n, Fragment as h, toDisplayString as C, createBlock as y, withCtx as k, createVNode as v, normalizeStyle as M, createCommentVNode as $ } from "vue";
-import { Tooltip as I } from "ant-design-vue";
+import { Tooltip as I } from "@aplus-frontend/antdv";
 import { QuestionCircleOutlined as N } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
 import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";

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

@@ -1,7 +1,7 @@
 import { ApTableProps } from '../../';
 import { UseTableRefreshOption } from './useTableRefresh';
 import { Recordable } from '../../type';
-import { TableColumnsType } from 'ant-design-vue';
+import { TableColumnsType } from '@aplus-frontend/antdv';
 export interface UsePageListApTable extends ApTableProps {
     /** 是否显示默认的行选择配置
      * @default true

package/es/src/check-card/index.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as I, computed as d, unref as o, createVNode as m, watch as W, watchEffect as $, openBlock as c, createElementBlock as z, normalizeStyle as j, normalizeClass as S, withModifiers as D, createBlock as f, renderSlot as M, resolveDynamicComponent as B, createCommentVNode as g, createElementVNode as O } from "vue";
-import { Skeleton as U } from "ant-design-vue";
+import { Skeleton as U } from "@aplus-frontend/antdv";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isFunction as N } from "lodash-unified";

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

@@ -2,14 +2,14 @@ import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
 import { CssVarType } from './css-var';
-import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
-import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
-import { CSPConfig } from 'ant-design-vue/es/config-provider';
-import { Locale } from 'ant-design-vue/es/locale';
-import { ButtonSize } from 'ant-design-vue/es/button';
-import { ValidateMessages } from 'ant-design-vue/es/form/interface';
-import { RequiredMark } from 'ant-design-vue/es/form/Form';
-import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
+import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
+import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
+import { Locale } from '@aplus-frontend/antdv/es/locale';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
+import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
+import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
+import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {

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

@@ -1,4 +1,4 @@
-import { configProviderProps as e } from "ant-design-vue/es/config-provider/context";
+import { configProviderProps as e } from "@aplus-frontend/antdv/es/config-provider/context";
 const p = () => ({
   /**
    * @description aplus-ui的locale

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

@@ -1,14 +1,14 @@
 import { Ref, DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { ConfigProviderProps } from './config-provider-props';
 import { CssVarType } from './css-var';
-import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
-import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
-import { CSPConfig } from 'ant-design-vue/es/config-provider';
-import { Locale } from 'ant-design-vue/es/locale';
-import { ButtonSize } from 'ant-design-vue/es/button';
-import { ValidateMessages } from 'ant-design-vue/es/form/interface';
-import { RequiredMark } from 'ant-design-vue/es/form/Form';
-import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
+import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
+import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
+import { Locale } from '@aplus-frontend/antdv/es/locale';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
+import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
+import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
+import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
 import { RecursivePartial } from '../type';
@@ -408,6 +408,7 @@ export declare const ConfigProvider: DefineComponent<{
             color: {
                 font: string;
                 active: string;
+                border: string;
             };
         };
         basic: {

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

@@ -1,5 +1,5 @@
 import { isVNode as s, ref as u, defineComponent as c, computed as m, watch as a, createVNode as p, renderSlot as g } from "vue";
-import { ConfigProvider as C } from "ant-design-vue";
+import { ConfigProvider as C } from "@aplus-frontend/antdv";
 import { provideGlobalConfig as v } from "./hooks/use-global-config.mjs";
 import { configProviderProps as V } from "./config-provider-props.mjs";
 import { mergeAntdProvideConfig as P } from "../utils/config-provider-preset.mjs";

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

@@ -2,7 +2,7 @@ import { ConfigProviderProps } from './config-provider-props';
 import { InjectionKey, Ref, VNode } from 'vue';
 import { Recordable } from '../type';
 import { client } from '@aplus-frontend/oss';
-import { DefaultOptionType } from 'ant-design-vue/es/select';
+import { DefaultOptionType } from '@aplus-frontend/antdv/es/select';
 export type ConfigProviderContext = Partial<ConfigProviderProps>;
 export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;
 type CommonOptionItem = {

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

@@ -59,6 +59,7 @@ declare const aplusCssVarObj: {
         color: {
             font: string;
             active: string;
+            border: string;
         };
     };
     basic: {

package/es/src/config-provider/css-var.mjs

@@ -57,7 +57,8 @@ const F = {
   "ap-batch-action": {
     color: {
       font: "#8896B0",
-      active: "#0070FF"
+      active: "#0070FF",
+      border: "#E9EDF3"
     }
   },
   basic: {
@@ -133,7 +134,8 @@ const F = {
   "ap-batch-action": {
     color: {
       font: "#999999",
-      active: "#34B77C"
+      active: "#34B77C",
+      border: "#E9E9E9"
     }
   },
   basic: {
@@ -162,15 +164,15 @@ function s(e) {
   }
   return t(e, []), o;
 }
-const p = s(F), d = s(b);
+const d = s(F), p = s(b);
 function u(e) {
   Object.entries(e).forEach(([o, t]) => {
     document.documentElement.style.setProperty(o, t);
   });
 }
 export {
-  d as adminCssVar,
-  p as aplusCssVar,
+  p as adminCssVar,
+  d as aplusCssVar,
   s as generateCssVar,
   u as setCSSVariables
 };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -1,14 +1,14 @@
 import { MaybeRef } from '@aplus-frontend/utils';
 import { App, Ref, ComputedRef, ExtractPropTypes, PropType } from 'vue';
 import { ConfigProviderContext } from '../constants';
-import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
-import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
-import { CSPConfig } from 'ant-design-vue/es/config-provider';
-import { Locale } from 'ant-design-vue/es/locale';
-import { ButtonSize } from 'ant-design-vue/es/button';
-import { ValidateMessages } from 'ant-design-vue/es/form/interface';
-import { RequiredMark } from 'ant-design-vue/es/form/Form';
-import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
+import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
+import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
+import { Locale } from '@aplus-frontend/antdv/es/locale';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
+import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
+import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
+import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from '..';
 import { CssVarType } from '../css-var';

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

@@ -1,12 +1,12 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
-import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
-import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
-import { CSPConfig } from 'ant-design-vue/es/config-provider';
-import { Locale } from 'ant-design-vue/es/locale';
-import { ButtonSize } from 'ant-design-vue/es/button';
-import { ValidateMessages } from 'ant-design-vue/es/form/interface';
-import { RequiredMark } from 'ant-design-vue/es/form/Form';
-import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
+import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
+import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
+import { Locale } from '@aplus-frontend/antdv/es/locale';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
+import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
+import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
+import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
 import { RecursivePartial } from '../type';
@@ -223,6 +223,7 @@ export declare const APConfigProvider: {
                     color: {
                         font: string;
                         active: string;
+                        border: string;
                     };
                 };
                 basic: {
@@ -447,6 +448,7 @@ export declare const APConfigProvider: {
                     color: {
                         font: string;
                         active: string;
+                        border: string;
                     };
                 };
                 basic: {
@@ -565,6 +567,7 @@ export declare const APConfigProvider: {
                 color: {
                     font: string;
                     active: string;
+                    border: string;
                 };
             };
             basic: {
@@ -794,6 +797,7 @@ export declare const APConfigProvider: {
                     color: {
                         font: string;
                         active: string;
+                        border: string;
                     };
                 };
                 basic: {
@@ -912,6 +916,7 @@ export declare const APConfigProvider: {
                 color: {
                     font: string;
                     active: string;
+                    border: string;
                 };
             };
             basic: {
@@ -1180,6 +1185,7 @@ export declare const APConfigProvider: {
             color: {
                 font: string;
                 active: string;
+                border: string;
             };
         };
         basic: {

package/es/src/design-token/index.d.ts

@@ -1,3 +1,3 @@
-import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 export declare const aplusToken: ThemeConfig['token'];
 export declare const adminToken: ThemeConfig['token'];

package/es/src/editable-table/form-item.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<type
         addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
         scrollTo: (index: number | "end", options?: StandardBehaviorOptions) => void;
         setTableData: (nextTableData: RecordType[]) => void;
+        clear: () => void;
     }>): void;
     attrs: any;
     slots: Readonly<{