@aplus-frontend/ui 0.1.23 → 0.1.25

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { ApTableProps } from '../../';
+import { Recordable } from '../../type';
+export interface UsePageListApTable extends ApTableProps {
+    /** 是否显示默认的行选择配置
+     * @default true
+     */
+    isShowRowSelection?: boolean;
+    /** 转化ApTable查询参数 */
+    transformSearchFormValues?: (values: any) => any;
+    /** ApTable数据接口 */
+    api?(record: any): Promise<any>;
+    /** 发起请求的时候情况行选中
+     * @default true
+     */
+    clearSelectionOnRequest?: boolean;
+    /** 用于覆盖默认的class */
+    class?: string;
+}
+/**
+ * 集成了列表页面的ApTable的默认配置
+ * 表格header吸顶效果，表格可拖动，表格行选择
+ * @version 1.0.0
+ */
+export declare function usePageListApTable(props?: UsePageListApTable): [ApTableProps, {
+    reload: () => void;
+    reset: () => void;
+    getSearchFormValues: () => any;
+    getApTableInstance: () => {
+        submit: () => void;
+        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

@@ -0,0 +1,68 @@
+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,
+    ...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%" },
+      tableLayout: "fixed",
+      columnResizable: !0,
+      // 表格header吸顶效果
+      class: "ap-table--sticky",
+      request: a ? async (e) => {
+        const t = o ? o(e) : e;
+        try {
+          if (!a) throw new Error("api is not defined");
+          const { records: s, total: p } = await a(t);
+          return u && l(), {
+            data: s,
+            total: p
+          };
+        } catch (s) {
+          return console.error(s), {
+            data: [],
+            total: 0
+          };
+        }
+      } : void 0,
+      rowSelection: c ? {
+        mode: "internal",
+        fixed: "left",
+        columnWidth: 50
+      } : void 0,
+      ref(e) {
+        r.value = e;
+      }
+    },
+    i
+  ), {
+    reload: () => {
+      var e;
+      (e = r.value) == null || e.submit();
+    },
+    reset: () => {
+      var e;
+      (e = r.value) == null || e.reset();
+    },
+    getSearchFormValues: () => {
+      var t;
+      const e = ((t = r.value) == null ? void 0 : t.getSearchFormValues()) || {};
+      return o ? o(e) : e;
+    },
+    getApTableInstance: () => r.value,
+    clearSelection: l
+  }];
+}
+export {
+  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
+};