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

package/es/src/business/ap-copy/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as o } from "@aplus-frontend/utils";
+import p from "./ApCopy.mjs";
+import "./interface.mjs";
+const i = o(p);
+export {
+  i as ApCopy
+};

package/es/src/business/ap-copy/interface.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'vue';
+export interface ApCopy {
+    text?: string;
+    size?: number;
+    textStyle?: 'major' | 'minor' | 'link' | CSSProperties;
+    link?: string;
+    disableCopy?: boolean;
+}

package/es/src/business/ap-copy/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/business/ap-copy/style/css.js

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

package/es/src/business/ap-copy/style/index.js

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

package/es/src/business/ap-product-info/ApProductInfo.d.ts

@@ -17,6 +17,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: PropType< ApProductInfoValue[]>;
         default: () => never[];
     };
+    disableCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     title: {
         type: StringConstructor;
@@ -34,10 +38,15 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: PropType< ApProductInfoValue[]>;
         default: () => never[];
     };
+    disableCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     values: ApProductInfoValue[];
     title: string;
     preview: boolean;
+    disableCopy: boolean;
     imgSrc: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/src/business/ap-product-info/ApProductInfo.mjs

@@ -1,65 +1,65 @@
-import { defineComponent as d, createVNode as e, createTextVNode as s, Fragment as f } from "vue";
-import { ApProductInfoProps as v } from "./constans.mjs";
+import { defineComponent as v, h as f, createVNode as l, createTextVNode as p } from "vue";
+import { ApProductInfoProps as y } from "./constans.mjs";
 import "../../config-provider/index.mjs";
-import { Tooltip as p } from "@aplus-frontend/antdv";
 import { ApImage as m } from "../ap-image/index.mjs";
-import { useNamespace as g } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as k } from "../../config-provider/hooks/use-global-config.mjs";
-const C = /* @__PURE__ */ d({
+import { ApCopy as n } from "../ap-copy/index.mjs";
+import { useNamespace as b } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as h } from "../../config-provider/hooks/use-global-config.mjs";
+const N = /* @__PURE__ */ v({
   name: "ApProductInfo",
-  props: v(),
-  setup(o) {
+  props: y(),
+  setup(a) {
     const {
-      b: u,
-      e: t,
-      m: i
-    } = g("ap-product-info"), a = (l) => typeof l == "function" ? l() : l || "--", r = {
-      aplus: "#182948",
-      admin: "#333333"
-    }, c = k("uiMode");
-    return () => e("div", {
-      class: [u(), `${i(c.value)}`]
-    }, [e("div", {
-      class: t("img")
-    }, [e(m, {
-      src: o.imgSrc,
+      b: s,
+      e: o,
+      m: r
+    } = b("ap-product-info"), u = (e) => typeof e.value == "function" ? e.value() : f(n, {
+      text: e.value,
+      textStyle: e.link ? "link" : "minor",
+      link: e.link,
+      disableCopy: a.disableCopy
+    }, e.value), c = h("uiMode");
+    return () => l("div", {
+      class: [s(), `${r(c.value)}`]
+    }, [l("div", {
+      class: o("img")
+    }, [l(m, {
+      src: a.imgSrc,
       width: 44,
       height: 44,
-      preview: o.preview
-    }, null)]), e("div", {
-      class: [t("content")]
-    }, [o.title ? e(p, null, {
-      default: () => [e("div", {
-        class: t("title"),
+      preview: a.preview
+    }, null)]), l("div", {
+      class: [o("content")]
+    }, [l(n, {
+      disableCopy: a.disableCopy
+    }, {
+      default: () => [a.title]
+    }), l("div", {
+      class: o("row-container")
+    }, [a.values.map((e, t) => {
+      const i = e.col === 2, d = e.col !== 2 && t % 2 === 0;
+      return l("div", {
+        key: t,
+        class: [o("row-item"), r(i ? "full" : "half")]
+      }, [l("div", {
+        key: t,
+        class: [o("item")]
+      }, [e.label && l("div", {
+        class: o("label")
+      }, [e.label, l("span", null, [p(":")])]), l("div", {
+        class: [o("value"), !i && r("overflow")],
+        title: typeof e.value != "function" ? String(e.value || "") : ""
+      }, [typeof e.value == "function" ? e.value() : u(e)])]), d && l("div", {
+        class: o("divider"),
         style: {
-          color: r[c.value] || r.aplus
+          right: 0
         }
-      }, [o.title])],
-      title: () => e("div", {
-        class: t("title-tip")
-      }, [o.title])
-    }) : e("div", {
-      class: t("title")
-    }, [s("--")]), o.values && e("div", {
-      class: t("row-divider")
-    }, [o.values.map((l, n) => e(f, null, [e("div", {
-      key: n,
-      class: [t("item"), l.col === 2 && i("full-width"), n % 2 === 0 || l.col == 2 ? i("left") : i("right")]
-    }, [l.label && e("div", {
-      class: t("label")
-    }, [l.label, e("span", null, [s(":")])]), e("div", {
-      class: [t("value"), l.link && i("link")],
-      title: typeof l.value != "function" ? a(l.value) : "",
-      onClick: () => {
-        l.link && window.open(l.link, "_blank");
-      }
-    }, [typeof l.value == "function" ? l.value() : a(l.value)])]), l.col == 1 && n % 2 == 0 ? e("div", {
-      class: t("divider")
-    }, [e("div", {
-      class: t("divider-vertical")
-    }, null)]) : null]))])])]);
+      }, [l("div", {
+        class: o("divider-vertical")
+      }, null)])]);
+    })])])]);
   }
 });
 export {
-  C as default
+  N as default
 };

package/es/src/business/ap-product-info/constans.d.ts

@@ -17,4 +17,8 @@ export declare const ApProductInfoProps: () => {
         type: PropType<ApProductInfoValue[]>;
         default: () => never[];
     };
+    disableCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/es/src/business/ap-product-info/constans.mjs

@@ -14,6 +14,10 @@ const e = () => ({
   values: {
     type: Array,
     default: () => []
+  },
+  disableCopy: {
+    type: Boolean,
+    default: !1
   }
 });
 export {

package/es/src/business/ap-product-info/index.d.ts

@@ -19,10 +19,15 @@ declare const ApProductInfo: {
             type: PropType< ApProductInfoValue[]>;
             default: () => never[];
         };
+        disableCopy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         values: ApProductInfoValue[];
         title: string;
         preview: boolean;
+        disableCopy: boolean;
         imgSrc: string;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
@@ -48,10 +53,15 @@ declare const ApProductInfo: {
             type: PropType< ApProductInfoValue[]>;
             default: () => never[];
         };
+        disableCopy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         values: ApProductInfoValue[];
         title: string;
         preview: boolean;
+        disableCopy: boolean;
         imgSrc: string;
     }>;
     __isFragment?: never;
@@ -74,10 +84,15 @@ declare const ApProductInfo: {
         type: PropType< ApProductInfoValue[]>;
         default: () => never[];
     };
+    disableCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     values: ApProductInfoValue[];
     title: string;
     preview: boolean;
+    disableCopy: boolean;
     imgSrc: string;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {

package/es/src/business/ap-product-info/interface.d.ts

@@ -4,6 +4,7 @@ export interface ApProductInfoProps {
     preview?: boolean;
     title?: string;
     values?: ApProductInfoValue[];
+    disableCopy?: boolean;
 }
 export interface ApProductInfoValue {
     label?: string;

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

@@ -6,8 +6,10 @@ type __VLS_Props = {
     optionStyle?: RadioOptionStyleType;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    change: (value: string | number) => any;
     "update:value": (value: string | number) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string | number) => any) | undefined;
     "onUpdate:value"?: ((value: string | number) => any) | undefined;
 }>, {
     value: string | number;

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

@@ -1,10 +1,10 @@
-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 { defineComponent as b, isVNode as k, h as a, createElementBlock as n, openBlock as r, normalizeClass as c, unref as o, createVNode as S, 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({
+const D = ["onClick"], I = /* @__PURE__ */ b({
   __name: "ap-radio-group",
   props: {
     value: { default: "" },
@@ -14,38 +14,38 @@ const D = ["onClick"], J = /* @__PURE__ */ k({
       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,
+  emits: ["update:value", "change"],
+  setup(f, { emit: d }) {
+    const { b: h, e: l } = L("ap-radio-group"), g = f, i = d, { value: y, updateValue: v } = x(
       g,
+      i,
       {
-        defaultValue: ""
+        beforeUpdateValue: (e) => (i("change", e), !0)
       }
-    );
+    ), C = (e) => k(e) ? a(e) : typeof e == "function" ? a("span", e()) : a("span", e);
     return (e, E) => {
-      var n;
-      return r(), l("div", {
-        class: m([o(y)()])
+      var p;
+      return r(), n("div", {
+        class: c([o(h)()])
       }, [
-        b(o(F), {
-          gap: (n = e.optionStyle) == null ? void 0 : n.gap,
+        S(o(F), {
+          gap: (p = e.optionStyle) == null ? void 0 : p.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", {
+            (r(!0), n(_, null, w(e.options.filter((t) => t.visible !== !1), (t) => {
+              var s, u, m;
+              return r(), n("div", {
                 key: t.value,
-                class: m([o(i)("item"), o(v) === t.value ? o(i)("item--active") : ""]),
+                class: c([o(l)("item"), o(y) === t.value ? o(l)("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
+                  height: ((s = e.optionStyle) == null ? void 0 : s.height) + "px",
+                  lineHeight: ((u = e.optionStyle) == null ? void 0 : u.height) + "px",
+                  color: (m = e.optionStyle) == null ? void 0 : m.color
                 }),
-                onClick: (H) => o(C)(t.value)
+                onClick: (H) => o(v)(t.value)
               }, [
-                (r(), N(z(h(t.label))))
+                (r(), N(z(C(t.label))))
               ], 14, D);
             }), 128))
           ]),
@@ -56,5 +56,5 @@ const D = ["onClick"], J = /* @__PURE__ */ k({
   }
 });
 export {
-  J as default
+  I as default
 };

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

@@ -7,8 +7,10 @@ declare const ApRadioGroup: {
         options: RadioOptionType[];
         optionStyle?: RadioOptionStyleType;
     }> & Readonly<{
+        onChange?: ((value: string | number) => any) | undefined;
         "onUpdate:value"?: ((value: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+        change: (value: string | number) => any;
         "update:value": (value: string | number) => any;
     }, PublicProps, {
         value: string | number;
@@ -26,6 +28,7 @@ declare const ApRadioGroup: {
         options: RadioOptionType[];
         optionStyle?: RadioOptionStyleType;
     }> & Readonly<{
+        onChange?: ((value: string | number) => any) | undefined;
         "onUpdate:value"?: ((value: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, {
         value: string | number;
@@ -40,8 +43,10 @@ declare const ApRadioGroup: {
     options: RadioOptionType[];
     optionStyle?: RadioOptionStyleType;
 }> & Readonly<{
+    onChange?: ((value: string | number) => any) | undefined;
     "onUpdate:value"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    change: (value: string | number) => any;
     "update:value": (value: string | number) => any;
 }, string, {
     value: string | number;

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

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

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

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

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

@@ -21,6 +21,7 @@ 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 { ApTransformDataHelper } from '../utils/ap-trans-data';

package/es/src/business/index.mjs

@@ -7,11 +7,11 @@ 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 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 { ApInputRadio as y } from "./ap-input-radio/index.mjs";
+import { ApLabel as E, ApLabelGroup as T } from "./ap-label/index.mjs";
+import { ApLadder as P } from "./ap-ladder/index.mjs";
+import { ApSelectLayout as g } 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";
@@ -21,9 +21,10 @@ 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 { ApRadioGroup as Z } from "./ap-radio-group/index.mjs";
-import { ApTransformDataHelper as $ } 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 { ApTransformDataHelper as po } from "../utils/ap-trans-data/index.mjs";
 export {
   k as ApAppendix,
   x as ApAttachment,
@@ -31,25 +32,26 @@ export {
   i as ApBatchActionGroup,
   l as ApButtonGroup,
   d as ApCard,
+  X as ApCopy,
   G as ApExpandAlert,
   h as ApExportGroup,
   F as ApExtensionSelect,
   J as ApGroupSearch,
   L as ApImage,
-  B as ApInputRadio,
-  T as ApLabel,
-  y as ApLabelGroup,
-  R as ApLadder,
+  y as ApInputRadio,
+  E as ApLabel,
+  T as ApLabelGroup,
+  P as ApLadder,
   K as ApPopoverSelect,
   U as ApProductInfo,
-  Z as ApRadioGroup,
-  v as ApSelectLayout,
+  $ as ApRadioGroup,
+  g as ApSelectLayout,
   O as ApSizeInput,
-  z as ApStatus,
-  C as ApStatusGroup,
+  w as ApStatus,
+  z as ApStatusGroup,
   V as ApSummary,
   A as ApTableModal,
   H as ApTitle,
-  $ as ApTransformDataHelper,
-  X as ApView
+  po 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;