@aplus-frontend/ui 0.1.24 → 0.1.25

package/es/src/business/ap-ladder/ApLadder.vue.d.ts

@@ -0,0 +1,159 @@
+import { ApLadderProps, ApLadderSlots, ApLadderLabelValue } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+declare function __VLS_template(): {
+    slots: Readonly<ApLadderSlots> & ApLadderSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApLadderProps>, {
+    major: string;
+    minor: string;
+    majorColor: string;
+    minorColor: string;
+    layout: string;
+    tooltip: boolean;
+    labelValues: () => never[];
+    tooltipProps: () => {
+        title: undefined;
+        align: {};
+        arrowPointAtCenter: boolean;
+        arrow: boolean;
+        autoAdjustOverflow: boolean;
+        color: string;
+        destroyTooltipOnHide: boolean;
+        getPopupContainer: () => HTMLElement;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        overlayClassName: string;
+        overlayStyle: {};
+        overlayInnerStyle: {};
+        placement: string;
+        trigger: string;
+    };
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApLadderProps>, {
+    major: string;
+    minor: string;
+    majorColor: string;
+    minorColor: string;
+    layout: string;
+    tooltip: boolean;
+    labelValues: () => never[];
+    tooltipProps: () => {
+        title: undefined;
+        align: {};
+        arrowPointAtCenter: boolean;
+        arrow: boolean;
+        autoAdjustOverflow: boolean;
+        color: string;
+        destroyTooltipOnHide: boolean;
+        getPopupContainer: () => HTMLElement;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        overlayClassName: string;
+        overlayStyle: {};
+        overlayInnerStyle: {};
+        placement: string;
+        trigger: string;
+    };
+}>>>, {
+    layout: "vertical" | "horizontal";
+    tooltip: boolean;
+    tooltipProps: Required<Pick<Partial< ExtractPropTypes<{
+        title: VueTypeValidableDef<any>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        prefixCls: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "getPopupContainer" | "trigger" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide" | "align">>;
+    major: string;
+    minor: string;
+    majorColor: string;
+    minorColor: string;
+    labelValues: Array< ApLadderLabelValue>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/ap-ladder/ApLadder.vue.mjs

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

package/es/src/business/ap-ladder/ApLadder.vue2.mjs

@@ -0,0 +1,146 @@
+import { defineComponent as O, useSlots as T, ref as W, computed as d, unref as l, onMounted as q, openBlock as t, createElementBlock as s, normalizeClass as a, createBlock as P, normalizeProps as S, mergeProps as _, createSlots as V, withCtx as m, Fragment as c, createElementVNode as u, normalizeStyle as p, toDisplayString as i, renderSlot as $, createCommentVNode as C, renderList as E } from "vue";
+import { Tooltip as M } from "ant-design-vue";
+import "../../config-provider/index.mjs";
+import "./style.css";
+import { useNamespace as H } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as J } from "../../config-provider/hooks/use-global-config.mjs";
+const K = { key: 0 }, Q = { key: 1 }, R = ["onClick"], U = { key: 0 }, X = { key: 1 }, re = /* @__PURE__ */ O({
+  name: "ApLadder",
+  __name: "ApLadder",
+  props: {
+    major: { default: "" },
+    minor: { default: "" },
+    majorColor: { default: "" },
+    minorColor: { default: "" },
+    layout: { default: "vertical" },
+    tooltip: { type: Boolean, default: !0 },
+    labelValues: { default: () => [] },
+    tooltipProps: { default: () => ({
+      title: void 0,
+      align: {},
+      arrowPointAtCenter: !1,
+      arrow: !0,
+      autoAdjustOverflow: !0,
+      color: "",
+      destroyTooltipOnHide: !1,
+      getPopupContainer: () => document.body,
+      mouseEnterDelay: 0.1,
+      mouseLeaveDelay: 0.1,
+      overlayClassName: "",
+      overlayStyle: {},
+      overlayInnerStyle: {},
+      placement: "top",
+      trigger: "hover"
+    }) }
+  },
+  setup(w) {
+    const y = T(), r = w, { b: A, e: n, m: B } = H("ap-ladder"), N = J("uiMode", "aplus"), v = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, L = n("ellipsis"), h = W(!1), z = d(() => r.major || r.minor), D = d(() => r.labelValues.length > 0), b = d(() => r.majorColor ? {
+      color: `${r.majorColor}`
+    } : {}), j = d(() => r.minorColor ? {
+      color: `${r.minorColor}`
+    } : {}), f = (e) => e == null ? "--" : typeof e == "string" ? e || "--" : typeof e == "number" ? e.toFixed(2) : "--", F = () => {
+      const e = document.getElementById(v);
+      if (!e)
+        return;
+      e.querySelectorAll(`.${L}`).forEach((o) => {
+        o.clientWidth < o.scrollWidth && (h.value = !0);
+      });
+    }, g = d(() => y.title ? !0 : r.tooltip && l(h)), G = (e) => {
+      e && window.open(e, "_blank");
+    };
+    return q(() => {
+      F();
+    }), (e, I) => (t(), s("div", {
+      id: v,
+      class: a([l(A)(), `${l(B)(l(N))}`])
+    }, [
+      z.value ? (t(), P(l(M), S(_({ key: 0 }, { ...r.tooltipProps })), V({
+        default: m(() => [
+          r.layout === "vertical" ? (t(), s(c, { key: 0 }, [
+            u("div", {
+              class: a([l(n)("major"), l(n)("ellipsis")]),
+              style: p(b.value)
+            }, i(e.major || "--"), 7),
+            u("div", {
+              class: a([l(n)("minor"), l(n)("ellipsis")]),
+              style: p(j.value)
+            }, i(e.minor || "--"), 7)
+          ], 64)) : (t(), s("div", {
+            key: 1,
+            class: a(l(n)("ellipsis"))
+          }, [
+            u("span", {
+              class: a([l(n)("major")]),
+              style: p(b.value)
+            }, i(e.major || "--"), 7),
+            u("span", {
+              class: a([l(n)("minor")]),
+              style: p(j.value)
+            }, i(e.minor || "--"), 7)
+          ], 2))
+        ]),
+        _: 2
+      }, [
+        g.value ? {
+          name: "title",
+          fn: m(() => [
+            y.title ? $(e.$slots, "title", { key: 0 }) : (t(), s(c, { key: 1 }, [
+              r.tooltipProps.title ? (t(), s("div", K, i(r.tooltipProps.title), 1)) : (t(), s("div", Q, [
+                u("div", null, i(e.major || "--"), 1),
+                u("div", null, i(e.minor || "--"), 1)
+              ]))
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040)) : C("", !0),
+      D.value ? (t(), P(l(M), S(_({ key: 1 }, { ...r.tooltipProps })), V({
+        default: m(() => [
+          (t(!0), s(c, null, E(r.labelValues, (o, k) => (t(), s("div", {
+            key: k,
+            class: a([l(n)("ellipsis")])
+          }, [
+            u("span", {
+              class: a(l(n)("label")),
+              style: p(o.labelColor ? { color: o.labelColor } : void 0)
+            }, i(o.label) + "：", 7),
+            o.link ? (t(), s("span", {
+              key: 0,
+              class: a(l(n)("link")),
+              style: p(o.linkColor ? { color: o.linkColor } : void 0),
+              onClick: (Y) => G(o.link)
+            }, i(f(o.value)), 15, R)) : (t(), s("span", {
+              key: 1,
+              class: a(l(n)("value")),
+              style: p(o.valueColor ? { color: o.valueColor } : void 0)
+            }, i(f(o.value)), 7)),
+            o.unit ? (t(), s("span", {
+              key: 2,
+              class: a(l(n)("unit")),
+              style: p(o.unitColor ? { color: o.unitColor } : void 0)
+            }, i(o.unit), 7)) : C("", !0)
+          ], 2))), 128))
+        ]),
+        _: 2
+      }, [
+        g.value ? {
+          name: "title",
+          fn: m(() => [
+            y.title ? $(e.$slots, "title", { key: 0 }) : (t(), s(c, { key: 1 }, [
+              r.tooltipProps.title ? (t(), s("div", U, i(r.tooltipProps.title), 1)) : (t(), s("div", X, [
+                (t(!0), s(c, null, E(r.labelValues, (o, k) => (t(), s("div", { key: k }, [
+                  u("span", null, i(o.label), 1),
+                  u("span", null, i(f(o.value)), 1)
+                ]))), 128))
+              ]))
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040)) : C("", !0)
+    ], 2));
+  }
+});
+export {
+  re as default
+};

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

@@ -0,0 +1,92 @@
+import { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip';
+import { VNode } from 'vue';
+/**
+ * Tooltip 需要的属性
+ */
+export type TooltipNeedProps = Required<Pick<TooltipProps, 'title' | 'align' | 'arrowPointAtCenter' | 'arrow' | 'autoAdjustOverflow' | 'color' | 'destroyTooltipOnHide' | 'getPopupContainer' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle' | 'placement' | 'trigger'>>;
+/**
+ * 健值对
+ */
+export interface ApLadderLabelValue {
+    /**
+     * 健名称
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string | number | undefined | null;
+    /**
+     * 自定义单位
+     */
+    unit?: string;
+    /**
+     * 自定义单位颜色
+     */
+    unitColor?: string;
+    /**
+     * 自定义健颜色
+     */
+    labelColor?: string;
+    /**
+     * 自定义值颜色
+     */
+    valueColor?: string;
+    /**
+     * 跳转第三方链接
+     */
+    link?: string;
+    /**
+     * 自定义链接颜色
+     */
+    linkColor?: string;
+}
+/**
+ * ApLadder Props 属性类型声明
+ */
+export interface ApLadderProps {
+    /**
+     * 重要信息
+     * @description 如 操作人名称、供应商名称...
+     */
+    major: string;
+    /**
+     * 次要信息
+     * @description 如 操作人邮箱、供应商编码...
+     */
+    minor: string;
+    /**
+     * 自定义重要信息颜色
+     */
+    majorColor: string;
+    /**
+     * 自定义次要信息颜色
+     */
+    minorColor: string;
+    /**
+     * 布局方式
+     * - `vertical` 垂直布局
+     * - `horizontal` 水平布局
+     * @default `vertical`
+     */
+    layout: 'vertical' | 'horizontal';
+    /**
+     * 是否展示气泡
+     * @description 默认展示
+     */
+    tooltip: boolean;
+    /**
+     * 健值对 - 数组展示
+     */
+    labelValues: Array<ApLadderLabelValue>;
+    /**
+     * 扩展 Tooltip
+     */
+    tooltipProps: TooltipNeedProps;
+}
+/**
+ * ApLadder Slots 类型声明
+ */
+export interface ApLadderSlots {
+    title?: VNode;
+}

package/es/src/business/ap-ladder/style.css

@@ -0,0 +1,56 @@
+.aplus-ap-ladder {
+  position: relative;
+  width: inherit;
+  font-size: 14px;
+  /** 自动溢出省略 */
+  /** Aplus端样式  */
+  /** Admin端样式  */
+}
+.aplus-ap-ladder__ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: break-all;
+}
+.aplus-ap-ladder__major {
+  line-height: 22px;
+  color: #182948;
+}
+.aplus-ap-ladder__minor {
+  line-height: 22px;
+  color: #8896B0;
+}
+.aplus-ap-ladder__label {
+  color: #8896B0;
+  word-break: break-all;
+}
+.aplus-ap-ladder__value {
+  color: #182948;
+  word-break: break-all;
+}
+.aplus-ap-ladder__unit {
+  margin-left: 5px;
+  color: #182948;
+}
+.aplus-ap-ladder__link {
+  cursor: pointer;
+  color: #0070ff;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__major {
+  color: #333333;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__minor {
+  color: #999999;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__label {
+  color: #999999;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__value {
+  color: #333333;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__unit {
+  color: #333333;
+}
+.aplus-ap-ladder--admin .aplus-ap-ladder__link {
+  color: #34b77c;
+}

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

@@ -1 +1,2 @@
 export * from './usePageListApTable';
+export * from './useTableRefresh';

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

@@ -1,4 +1,6 @@
 import { usePageListApTable as o } from "./usePageListApTable.mjs";
+import { useTableRefresh as a } from "./useTableRefresh.mjs";
 export {
-  o as usePageListApTable
+  o as usePageListApTable,
+  a as useTableRefresh
 };

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

@@ -9,6 +9,12 @@ export interface UsePageListApTable extends ApTableProps {
     transformSearchFormValues?: (values: any) => any;
     /** ApTable数据接口 */
     api?(record: any): Promise<any>;
+    /** 发起请求的时候情况行选中
+     * @default true
+     */
+    clearSelectionOnRequest?: boolean;
+    /** 用于覆盖默认的class */
+    class?: string;
 }
 /**
  * 集成了列表页面的ApTable的默认配置
@@ -20,10 +26,21 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
     reset: () => void;
     getSearchFormValues: () => any;
     getApTableInstance: () => {
-        reset: () => void;
         submit: () => void;
-        dataSource: any;
+        reset: () => void;
         setSearchFormValues: (fields: Partial< Recordable>) => void;
         getSearchFormValues: () => Partial< Recordable>;
+        dataSource: any;
+        rowSelection?: {
+            select: (item: any) => void;
+            selectedRows: any[];
+            unSelect: (item: any) => void;
+            isSelected: (item: any) => boolean;
+            selectAll: () => void;
+            unSelectAll: () => void;
+            clearAll: () => void;
+            toggleSelect: (item: any) => void;
+        } | undefined;
     } | null;
+    clearSelection: () => void;
 }];

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

@@ -1,17 +1,17 @@
-import "../../index.mjs";
-import { merge as p } from "lodash-unified";
-import { ref as m } from "vue";
-import { useGlobalConfig as d } from "../../config-provider/hooks/use-global-config.mjs";
-function A(l) {
-  const t = m(null), n = d("uiMode", "aplus");
-  console.log("mode", n.value);
-  const {
+import { merge as m } from "lodash-unified";
+import { ref as d } from "vue";
+function y(n) {
+  const r = d(null), {
     isShowRowSelection: c = !0,
+    clearSelectionOnRequest: u = !0,
     transformSearchFormValues: o,
     api: a,
-    ...u
-  } = l || {};
-  return [p(
+    ...i
+  } = n || {}, l = () => {
+    var e, t;
+    (t = (e = r.value) == null ? void 0 : e.rowSelection) == null || t.clearAll();
+  };
+  return [m(
     {
       // scroll，tableLayout，columnResizable设置表格可拖动
       scroll: { x: "100%", y: "100%" },
@@ -20,13 +20,13 @@ function A(l) {
       // 表格header吸顶效果
       class: "ap-table--sticky",
       request: a ? async (e) => {
-        const r = o ? o(e) : e;
+        const t = o ? o(e) : e;
         try {
           if (!a) throw new Error("api is not defined");
-          const { records: s, total: i } = await a(r);
-          return {
+          const { records: s, total: p } = await a(t);
+          return u && l(), {
             data: s,
-            total: i
+            total: p
           };
         } catch (s) {
           return console.error(s), {
@@ -41,27 +41,28 @@ function A(l) {
         columnWidth: 50
       } : void 0,
       ref(e) {
-        t.value = e;
+        r.value = e;
       }
     },
-    u
+    i
   ), {
     reload: () => {
       var e;
-      (e = t.value) == null || e.submit();
+      (e = r.value) == null || e.submit();
     },
     reset: () => {
       var e;
-      (e = t.value) == null || e.reset();
+      (e = r.value) == null || e.reset();
     },
     getSearchFormValues: () => {
-      var r;
-      const e = ((r = t.value) == null ? void 0 : r.getSearchFormValues()) || {};
+      var t;
+      const e = ((t = r.value) == null ? void 0 : t.getSearchFormValues()) || {};
       return o ? o(e) : e;
     },
-    getApTableInstance: () => t.value
+    getApTableInstance: () => r.value,
+    clearSelection: l
   }];
 }
 export {
-  A as usePageListApTable
+  y as usePageListApTable
 };

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

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { ApTableExpose } from '../..';
+interface UseTableRefreshOption {
+    /**
+     * apTable实例
+     */
+    apTableRef?: Ref<ApTableExpose | undefined>;
+    /**
+     * 刷新类型，reset：重置，submit：提交
+     */
+    refreskType?: 'reset' | 'submit';
+    /**
+     * 刷新前执行，返回false则不执行
+     */
+    refreshBefore?: () => boolean;
+}
+export declare function useTableRefresh(option?: UseTableRefreshOption): void;
+export {};

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

@@ -0,0 +1,16 @@
+import { onActivated as l } from "vue";
+function c(e) {
+  const a = (["reset", "submit", void 0].includes(e == null ? void 0 : e.refreskType) ? e == null ? void 0 : e.refreskType : "submit") ?? "submit", r = (e == null ? void 0 : e.refreshBefore) ?? (() => !0);
+  let s = !0;
+  l(() => {
+    var u, f;
+    if (s) {
+      s = !1;
+      return;
+    }
+    r != null && r() && ((f = (u = e == null ? void 0 : e.apTableRef) == null ? void 0 : u.value) == null || f[a]());
+  });
+}
+export {
+  c as useTableRefresh
+};