@aplus-frontend/ui 7.15.8 → 7.17.0

package/es/src/ap-table/style/setting.mjs

@@ -1,7 +1,7 @@
-import { singleRow as a, resetComponent as r } from "../../style/index.mjs";
-import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
-import { defaultValue as n } from "./index.mjs";
-const o = (e) => {
+import { singleRow as a, resetComponent as t } from "../../style/index.mjs";
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+import { defaultValue as o } from "./index.mjs";
+const p = (e) => {
   const { componentCls: l, namespace: i } = e;
   return {
     [l]: {
@@ -90,7 +90,7 @@ const o = (e) => {
       }
     }
   };
-}, p = (e) => {
+}, c = (e) => {
   const { componentCls: l } = e;
   return {
     [l]: {
@@ -107,8 +107,8 @@ const o = (e) => {
       }
     }
   };
-}, c = (e) => {
-  const { componentCls: l } = e, i = `${l}-sortable-item-meta`;
+}, d = (e) => {
+  const { componentCls: l } = e, i = `${l}-sortable-item-meta`, r = `${i}-action-icon`;
   return {
     [l]: {
       [i]: {
@@ -158,15 +158,18 @@ const o = (e) => {
         ".is-level2": {
           marginInlineStart: e.spaceXL
         },
-        "&-action-item": {
-          "&:hover": {
+        [r]: {
+          [`&:not(${r}-disabled):hover`]: {
             color: e.colorPrimary
           }
+        },
+        [`${r}-disabled`]: {
+          color: e.antdv.colorTextDisabled
         }
       }
     }
   };
-}, d = (e) => {
+}, s = (e) => {
   const { componentCls: l } = e;
   return {
     [l]: {
@@ -177,7 +180,7 @@ const o = (e) => {
       }
     }
   };
-}, s = (e) => {
+}, g = (e) => {
   const { componentCls: l } = e;
   return {
     [l]: {
@@ -197,7 +200,7 @@ const o = (e) => {
           paddingInline: "20px",
           paddingBlock: e.spaceXL,
           "&-title": {
-            ...r(e),
+            ...t(e),
             fontWeight: "bold",
             color: e.textColor1
           }
@@ -213,7 +216,7 @@ const o = (e) => {
       }
     }
   };
-}, g = (e) => {
+}, m = (e) => {
   const { componentCls: l } = e;
   return {
     [l]: {
@@ -233,7 +236,7 @@ const o = (e) => {
       }
     }
   };
-}, m = (e) => {
+}, f = (e) => {
   const { componentCls: l } = e, i = `${e.componentCls}-template-item`;
   return {
     [l]: {
@@ -279,26 +282,26 @@ const o = (e) => {
       }
     }
   };
-}, S = t(
+}, S = n(
   "ApTable.Setting",
   (e) => [
-    o(e),
     p(e),
-    d(e),
     c(e),
     s(e),
-    m(e),
-    g(e)
+    d(e),
+    g(e),
+    f(e),
+    m(e)
   ],
-  n
+  o
 );
 export {
   S as default,
-  p as genTableSettingSelectGroupStyle,
-  c as genTableSettingSortableItemMetaStyle,
-  d as genTableSettingSortableItemStyle,
-  s as genTableSettingSorterStyle,
-  o as genTableSettingStyle,
-  m as genTableSettingTemplateItemStyle,
-  g as genTableSettingTemplateListStyle
+  c as genTableSettingSelectGroupStyle,
+  d as genTableSettingSortableItemMetaStyle,
+  s as genTableSettingSortableItemStyle,
+  g as genTableSettingSorterStyle,
+  p as genTableSettingStyle,
+  f as genTableSettingTemplateItemStyle,
+  m as genTableSettingTemplateListStyle
 };

package/es/src/ap-table/utils.d.ts

@@ -60,7 +60,7 @@ export declare function getFieldProps<RecordType = any>(fieldProps: ApColumnType
  * @param item
  * @returns
  */
-export declare function getTableRenderType(item: ApColumnType | EditableColumnType): "number" | "select" | "date" | "checkbox" | "radio" | "text" | "treeSelect" | "textArea" | "status" | "password" | "switch" | "index" | "action" | "dateRange";
+export declare function getTableRenderType(item: ApColumnType | EditableColumnType): "number" | "select" | "date" | "checkbox" | "radio" | "text" | "cascader" | "treeSelect" | "textArea" | "status" | "password" | "switch" | "index" | "action" | "dateRange";
 export declare function getTableCellRenderNode(renderType: keyof typeof apTableRenderItemMap, renderProps: any, record: any, extraRenderMap?: Record<string, ValueTypeRenderConfig>): any;
 /**
  * 获取查询表单最终渲染的节点

package/es/src/business/ag-grid-modal/interface.d.ts

@@ -123,6 +123,10 @@ export interface ModalLayoutProps {
     dividerOffset?: number;
     /** 是否有边框 */
     bordered?: boolean;
+    /** 选择数据顺序是否反转
+     * @default true
+     */
+    isReverse?: boolean;
 }
 /** modal-layout配置 */
 export interface ModalLayoutConfig<T = any> extends ModalLayoutProps {

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

@@ -34,6 +34,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
         [key: string]: any;
     }> | null;
     layoutType: "two-column";
+    isReverse: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/src/business/ag-grid-modal/modal-layout/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as O, createElementBlock as m, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as s, createBlock as v, createCommentVNode as h, withCtx as i, resolveDynamicComponent as V, h as w, Fragment as b, createVNode as p, createTextVNode as S, toDisplayString as T, renderList as L } from "vue";
+import { defineComponent as L, computed as M, createElementBlock as p, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as s, createBlock as v, createCommentVNode as h, withCtx as i, resolveDynamicComponent as O, h as V, Fragment as b, createVNode as f, createTextVNode as S, toDisplayString as T, renderList as R } from "vue";
 import { Button as j, Empty as k } from "@aplus-frontend/antdv";
 import { ApTitle as C } from "../../ap-title/index.mjs";
 import "../../../config-provider/index.mjs";
@@ -6,29 +6,33 @@ import { useAgGridModalInject as x } from "../hooks/use-ag-grid-instance.mjs";
 import D from "../style/index.mjs";
 import { useLocale as z } from "../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as G } from "../../../config-provider/hooks/use-namespace.mjs";
-const U = /* @__PURE__ */ M({
+const U = /* @__PURE__ */ L({
   __name: "index",
   props: {
     leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
     rightContentStyle: { type: [Boolean, null, String, Object, Array] },
     dividerOffset: {},
     bordered: { type: Boolean },
+    isReverse: { type: Boolean, default: !0 },
     layoutType: { default: void 0 }
   },
   setup(B) {
-    const { t: f } = z(), d = x(), r = O(() => d?.selectedRows?.value || []), y = B, E = () => {
-      if (y.dividerOffset != null)
+    const { t: y } = z(), d = x(), u = B, r = M(() => {
+      const t = d?.selectedRows?.value || [];
+      return u.isReverse ? [...t].reverse() : t;
+    }), E = () => {
+      if (u.dividerOffset != null)
         return {
-          "--ag-grid-modal-layout-divider-offset": `${y.dividerOffset}px`
+          "--ag-grid-modal-layout-divider-offset": `${u.dividerOffset}px`
         };
     }, $ = () => {
       d?.clearAllSelected();
-    }, u = (t) => {
+    }, c = (t) => {
       d?.removeSelected(t);
-    }, { e: A, m: l, b: N } = G("ag-grid-modal"), I = D("ag-grid-modal");
-    return (t, P) => t.layoutType === "two-column" ? (n(), m("div", {
+    }, { e: A, m: l, b: N } = G("ag-grid-modal"), w = D("ag-grid-modal");
+    return (t, I) => t.layoutType === "two-column" ? (n(), p("div", {
       key: 0,
-      class: o([e(N)(), e(l)("table-layout"), t.bordered ? e(l)("bordered") : "", e(I)]),
+      class: o([e(N)(), e(l)("table-layout"), t.bordered ? e(l)("bordered") : "", e(w)]),
       style: g(E())
     }, [
       s("div", {
@@ -39,7 +43,7 @@ const U = /* @__PURE__ */ M({
           style: { "margin-bottom": "16px" }
         }, {
           prefix: i(() => [
-            (n(), v(V(w(b, [t.leftTitle]))))
+            (n(), v(O(V(b, [t.leftTitle]))))
           ]),
           _: 1
         })) : h("", !0),
@@ -53,22 +57,22 @@ const U = /* @__PURE__ */ M({
         class: o(e(l)("table-layout-right")),
         style: g(t.rightContentStyle)
       }, [
-        p(e(C), null, {
+        f(e(C), null, {
           prefix: i(() => [
             a(t.$slots, "rightTitle", {
               count: r.value.length
             }, () => [
-              S(T(`${e(f)("ap.apTableModal.selected")} (${r.value.length})`), 1)
+              S(T(`${e(y)("ap.apTableModal.selected")} (${r.value.length})`), 1)
             ])
           ]),
           suffix: i(() => [
-            p(e(j), {
+            f(e(j), {
               type: "link",
               style: { padding: "0px", height: "22px", "border-width": "0px" },
               onClick: $
             }, {
               default: i(() => [
-                S(T(e(f)("ap.apTableModal.clear")), 1)
+                S(T(e(y)("ap.apTableModal.clear")), 1)
               ]),
               _: 1
             })
@@ -78,16 +82,16 @@ const U = /* @__PURE__ */ M({
         s("div", {
           class: o(e(l)("table-layout-right-content"))
         }, [
-          (n(!0), m(b, null, L(r.value, (c) => a(t.$slots, "renderSelectedItem", {
-            key: c,
-            record: c,
-            actions: { deleteItem: u, deleteCurrent: () => u(c) }
+          (n(!0), p(b, null, R(r.value, (m) => a(t.$slots, "renderSelectedItem", {
+            key: m,
+            record: m,
+            actions: { deleteItem: c, deleteCurrent: () => c(m) }
           })), 128)),
-          r.value.length === 0 ? (n(), m("div", {
+          r.value.length === 0 ? (n(), p("div", {
             key: 0,
             class: o(e(A)("empty"))
           }, [
-            p(e(k), {
+            f(e(k), {
               image: e(k).PRESENTED_IMAGE_SIMPLE
             }, null, 8, ["image"])
           ], 2)) : h("", !0)
@@ -95,7 +99,7 @@ const U = /* @__PURE__ */ M({
         s("div", null, [
           a(t.$slots, "rightBottom", {
             records: r.value,
-            actions: { deleteItem: u }
+            actions: { deleteItem: c }
           })
         ])
       ], 6)

package/es/src/business/ag-grid-modal/style/index.mjs

@@ -35,7 +35,7 @@ const l = (e) => {
         "&-content": {
           flexGrow: 1,
           height: 0,
-          overflowY: "hidden",
+          overflowY: "auto",
           paddingTop: e.space,
           "&:hover": {
             overflowY: "auto"

package/es/src/business/ag-grid-modal/utils.d.ts

@@ -18,6 +18,7 @@ export declare function getModalLayoutConfig(props?: ModalLayoutConfig): {
         readonly rightContentStyle?: StyleValue;
         readonly dividerOffset?: number;
         readonly bordered?: boolean;
+        readonly isReverse?: boolean;
     };
     slots: {
         renderSelectedItem: ((props: {