@aplus-frontend/ui 0.6.0-beta.10 → 0.6.0-beta.11

package/es/src/ap-form/item/index.vue.mjs

@@ -55,7 +55,7 @@ const Ce = /* @__PURE__ */ D({
     description: {}
   },
   setup(N, { expose: k }) {
-    const o = N, a = $(), { model: s, updateModel: u, internalInstance: m } = ie(), { m: c, b: P } = de("ap-form-item"), d = f(!1), n = f(), [, x] = le();
+    const o = N, a = $(), { model: s, updateModel: u, internalInstance: m } = ie(), { m: c, b: x } = de("ap-form-item"), d = f(!1), n = f(), [, P] = le();
     j(async () => {
       let e = B(o.initialValue) ? o.initialValue() : o.initialValue;
       se(e) && (e = await e), m == null || m.registerField({
@@ -80,7 +80,7 @@ const Ce = /* @__PURE__ */ D({
     function S() {
       d.value = !0;
     }
-    function I() {
+    function T() {
       d.value = !1;
     }
     const V = F(() => {
@@ -93,10 +93,10 @@ const Ce = /* @__PURE__ */ D({
         [`onUpdate:${o.valuePropName}`]: w,
         bordered: o.bordered ? !1 : (r = e == null ? void 0 : e.props) == null ? void 0 : r.bordered,
         onFocus: S,
-        onBlur: I
+        onBlur: T
       }) : null;
     });
-    function T() {
+    function I() {
       var e;
       (e = n.value) == null || e.onFieldBlur();
     }
@@ -120,7 +120,7 @@ const Ce = /* @__PURE__ */ D({
       return o.transform ? r(t) : t;
     }
     return k({
-      onFieldBlur: T,
+      onFieldBlur: I,
       onFieldChange: z,
       clearValidate: A,
       resetField: L,
@@ -135,7 +135,7 @@ const Ce = /* @__PURE__ */ D({
         class: {
           [l(c)("bordered")]: e.bordered,
           [l(c)("focused")]: e.bordered && d.value,
-          [l(P)()]: !0
+          [l(x)()]: !0
         },
         colon: e.bordered ? !1 : o.colon
       }
@@ -156,7 +156,7 @@ const Ce = /* @__PURE__ */ D({
             }, {
               default: i(() => [
                 p(l(ne), {
-                  style: M({ color: l(x).colorPrimary })
+                  style: M({ color: l(P).colorTextTertiary })
                 }, null, 8, ["style"])
               ]),
               _: 1

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

@@ -262,7 +262,7 @@ const Or = /* @__PURE__ */ Le({
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(n),
           fixed: d ? d.fixed : n.fixed,
-          title: Qe(n, A("table-header", "title"), c.headerCell, l(pe).colorPrimary),
+          title: Qe(n, A("table-header", "title"), c.headerCell, l(pe).colorTextTertiary),
           customRender({
             value: p,
             ...h

package/es/src/business/ap-radio-group/ap-radio-group.vue.d.ts

@@ -0,0 +1,17 @@
+import { RadioOptionType, RadioOptionStyleType } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    value: string | number;
+    options: RadioOptionType[];
+    optionStyle?: RadioOptionStyleType;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:value": (value: string | number) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+}>, {
+    value: string | number;
+    options: RadioOptionType[];
+    optionStyle: RadioOptionStyleType;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/business/ap-radio-group/ap-radio-group.vue.mjs

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

package/es/src/business/ap-radio-group/ap-radio-group.vue2.mjs

@@ -0,0 +1,60 @@
+import { defineComponent as k, isVNode as S, h as a, createElementBlock as l, openBlock as r, normalizeClass as m, unref as o, createVNode as b, withCtx as V, Fragment as _, renderList as w, normalizeStyle as B, createBlock as N, resolveDynamicComponent as z } from "vue";
+import { Flex as F } from "@aplus-frontend/antdv";
+import "../../config-provider/index.mjs";
+import "../../hooks/index.mjs";
+import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as x } from "../../hooks/useControllableValue.mjs";
+const D = ["onClick"], J = /* @__PURE__ */ k({
+  __name: "ap-radio-group",
+  props: {
+    value: { default: "" },
+    options: { default: () => [] },
+    optionStyle: { default: () => ({
+      height: 28,
+      gap: 8
+    }) }
+  },
+  emits: ["update:value"],
+  setup(c, { emit: f }) {
+    const d = c, h = (e) => S(e) ? a(e) : typeof e == "function" ? a("span", e()) : a("span", e), g = f, { b: y, e: i } = L("ap-radio-group"), { value: v, updateValue: C } = x(
+      d,
+      g,
+      {
+        defaultValue: ""
+      }
+    );
+    return (e, E) => {
+      var n;
+      return r(), l("div", {
+        class: m([o(y)()])
+      }, [
+        b(o(F), {
+          gap: (n = e.optionStyle) == null ? void 0 : n.gap,
+          wrap: "wrap"
+        }, {
+          default: V(() => [
+            (r(!0), l(_, null, w(e.options.filter((t) => t.visible !== !1), (t) => {
+              var p, s, u;
+              return r(), l("div", {
+                key: t.value,
+                class: m([o(i)("item"), o(v) === t.value ? o(i)("item--active") : ""]),
+                style: B({
+                  height: ((p = e.optionStyle) == null ? void 0 : p.height) + "px",
+                  lineHeight: ((s = e.optionStyle) == null ? void 0 : s.height) + "px",
+                  color: (u = e.optionStyle) == null ? void 0 : u.color
+                }),
+                onClick: (H) => o(C)(t.value)
+              }, [
+                (r(), N(z(h(t.label))))
+              ], 14, D);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["gap"])
+      ], 2);
+    };
+  }
+});
+export {
+  J as default
+};

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

@@ -0,0 +1,55 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { RadioOptionType, RadioOptionStyleType } from './interface';
+export * from './interface';
+declare const ApRadioGroup: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
+        value: string | number;
+        options: RadioOptionType[];
+        optionStyle?: RadioOptionStyleType;
+    }> & Readonly<{
+        "onUpdate:value"?: ((value: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+        "update:value": (value: string | number) => any;
+    }, PublicProps, {
+        value: string | number;
+        options: RadioOptionType[];
+        optionStyle: RadioOptionStyleType;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        value: string | number;
+        options: RadioOptionType[];
+        optionStyle?: RadioOptionStyleType;
+    }> & Readonly<{
+        "onUpdate:value"?: ((value: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        value: string | number;
+        options: RadioOptionType[];
+        optionStyle: RadioOptionStyleType;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly<{
+    value: string | number;
+    options: RadioOptionType[];
+    optionStyle?: RadioOptionStyleType;
+}> & Readonly<{
+    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:value": (value: string | number) => any;
+}, string, {
+    value: string | number;
+    options: RadioOptionType[];
+    optionStyle: RadioOptionStyleType;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
+export { ApRadioGroup };

package/es/src/business/ap-radio-group/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as o } from "@aplus-frontend/utils";
+import "./ap-radio-group.vue.mjs";
+import "./interface.mjs";
+import r from "./ap-radio-group.vue2.mjs";
+const a = o(r);
+export {
+  a as ApRadioGroup
+};

package/es/src/business/ap-radio-group/interface.d.ts

@@ -0,0 +1,11 @@
+import { VNode } from 'vue';
+export interface RadioOptionType {
+    label: string | number | (() => any) | VNode;
+    value: string | number;
+    visible?: boolean;
+}
+export type RadioOptionStyleType = {
+    gap?: number;
+    height?: number;
+    color?: string;
+};

package/es/src/business/ap-radio-group/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/business/ap-radio-group/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ap-radio-group/ap-radio-group.css';

package/es/src/business/ap-radio-group/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ap-radio-group/ap-radio-group.less';

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

@@ -19,6 +19,8 @@ export interface UsePageListApGrid extends ApGridProps {
      * 表格刷新相关
      */
     tableRefresh?: boolean | Omit<UseTableRefreshOption, 'apTableRef'>;
+    /** 是否在deactivated的时候清空数据, 需要在setup中使用才会生效 */
+    clearDataSourceOnDeactivated?: boolean;
 }
 /**
  * 集成了列表页面的ApGrid的默认配置

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

@@ -1,61 +1,79 @@
 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 i, cloneDeep as F } from "lodash-unified";
+import { ref as d, hasInjectionContext as V, onActivated as G, nextTick as x, onDeactivated as q, computed as y, unref as D } from "vue";
+import { useGlobalConfig as I } from "../../config-provider/hooks/use-global-config.mjs";
+import { useTableRefresh as T } from "./useTableRefresh.mjs";
+function H(n) {
+  const o = d(null), {
+    isShowRowSelection: f = !0,
+    clearSelectionOnRequest: m = !0,
     transformSearchFormValues: a,
-    api: n,
-    tableRefresh: d = !0,
-    ...f
-  } = s || {};
+    api: s,
+    tableRefresh: p = !0,
+    virtual: v,
+    clearDataSourceOnDeactivated: S = !0,
+    ...h
+  } = n || {};
   let l = null;
-  const m = v("uiMode", "aplus"), u = () => {
+  const g = I("uiMode", "aplus"), c = () => {
     var e, r;
     (r = (e = o.value) == null ? void 0 : e.rowSelection) == null || r.clearAll();
   };
-  return b({
-    ...R(d),
+  T({
+    ...B(p),
     apTableRef: o
-  }), [h(
+  });
+  const b = async (e) => {
+    l = e.sort;
+    const r = a ? a(e) : e;
+    try {
+      if (!s) throw new Error("api is not defined");
+      const { records: t, total: w } = await s(r);
+      return m && c(), {
+        data: t,
+        total: w
+      };
+    } catch (t) {
+      return console.error(t), {
+        data: [],
+        total: 0
+      };
+    }
+  }, u = d();
+  S && V() && (G(() => {
+    x(() => {
+      u.value = void 0;
+    });
+  }), q(() => {
+    u.value = [];
+  }));
+  const A = i(
     {
       // scroll，tableLayout，columnResizable设置表格可拖动
       scroll: { x: "100%", y: "100%" },
       columnResizable: !0,
-      request: n ? async (e) => {
-        l = 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(), {
-            data: t,
-            total: p
-          };
-        } catch (t) {
-          return console.error(t), {
-            data: [],
-            total: 0
-          };
-        }
-      } : void 0,
-      rowSelection: c ? {
+      request: s ? b : void 0,
+      rowSelection: f ? {
         fixed: "left",
         columnWidth: 34
       } : void 0,
       ref(e) {
         o.value = e;
       },
+      virtual: i(
+        {
+          oSize: 20,
+          y: 20
+        },
+        v
+      ),
       // 新UI规范，需要都添加分割线
       card: !0,
-      bordered: m.value === "admin"
+      bordered: g.value === "admin"
     },
-    f
-  ), {
+    h
+  ), R = {
     reload: () => {
       var e;
       (e = o.value) == null || e.submit();
@@ -73,16 +91,23 @@ 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 = l && F(l), a ? a(r) : r;
     },
-    clearSelection: u
-  }];
+    clearSelection: c
+  };
+  return [
+    y(() => ({
+      ...A,
+      dataSource: D(u)
+    })),
+    R
+  ];
 }
-function R(s) {
-  return s === !0 ? {} : s === !1 ? {
+function B(n) {
+  return n === !0 ? {} : n === !1 ? {
     refreshBefore: () => !1
-  } : s;
+  } : n;
 }
 export {
-  z as usePageListApGrid
+  H as usePageListApGrid
 };

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

@@ -22,4 +22,5 @@ export * from './batch-input-group';
 export * from './ap-size-input';
 export * from './ap-product-info';
 export * from './ap-view';
+export * from './ap-radio-group';
 export { ApTransformDataHelper } from '../utils/ap-trans-data';

package/es/src/business/index.mjs

@@ -1,7 +1,7 @@
 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 { ApBatchActionGroup as i } from "./ap-batch-action-group/index.mjs";
 import { ApButtonGroup as l } 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";
@@ -9,10 +9,10 @@ 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 { ApLadder as R } from "./ap-ladder/index.mjs";
+import { ApSelectLayout as v } from "./ap-select-layout/index.mjs";
+import { ApStatus as z, ApStatusGroup as C } 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";
@@ -22,12 +22,13 @@ 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 { ApRadioGroup as Z } from "./ap-radio-group/index.mjs";
+import { ApTransformDataHelper as $ } from "../utils/ap-trans-data/index.mjs";
 export {
   k as ApAppendix,
   x as ApAttachment,
   a as ApBatchAction,
-  n as ApBatchActionGroup,
+  i as ApBatchActionGroup,
   l as ApButtonGroup,
   d as ApCard,
   G as ApExpandAlert,
@@ -38,16 +39,17 @@ export {
   B as ApInputRadio,
   T as ApLabel,
   y as ApLabelGroup,
-  g as ApLadder,
+  R as ApLadder,
   K as ApPopoverSelect,
   U as ApProductInfo,
-  w as ApSelectLayout,
+  Z as ApRadioGroup,
+  v as ApSelectLayout,
   O as ApSizeInput,
-  C as ApStatus,
-  D as ApStatusGroup,
+  z as ApStatus,
+  C as ApStatusGroup,
   V as ApSummary,
   A as ApTableModal,
-  M as ApTitle,
-  Z as ApTransformDataHelper,
+  H as ApTitle,
+  $ as ApTransformDataHelper,
   X as ApView
 };