@aplus-frontend/ui 0.1.24 → 0.1.25

package/lib/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/lib/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/lib/src/business/hooks/index.d.ts

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

package/lib/src/business/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./usePageListApTable.js");exports.usePageListApTable=e.usePageListApTable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./usePageListApTable.js"),s=require("./useTableRefresh.js");exports.usePageListApTable=e.usePageListApTable;exports.useTableRefresh=s.useTableRefresh;

package/lib/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/lib/src/business/hooks/usePageListApTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../index.js");const p=require("lodash-unified"),b=require("vue"),f=require("../../config-provider/hooks/use-global-config.js");function g(l){const t=b.ref(null),n=f.useGlobalConfig("uiMode","aplus");console.log("mode",n.value);const{isShowRowSelection:u=!0,transformSearchFormValues:o,api:a,...c}=l||{},i=async e=>{const r=o?o(e):e;try{if(!a)throw new Error("api is not defined");const{records:s,total:d}=await a(r);return{data:s,total:d}}catch(s){return console.error(s),{data:[],total:0}}};return[p.merge({scroll:{x:"100%",y:"100%"},tableLayout:"fixed",columnResizable:!0,class:"ap-table--sticky",request:a?i:void 0,rowSelection:u?{mode:"internal",fixed:"left",columnWidth:50}:void 0,ref(e){t.value=e}},c),{reload:()=>{var e;(e=t.value)==null||e.submit()},reset:()=>{var e;(e=t.value)==null||e.reset()},getSearchFormValues:()=>{var r;const e=((r=t.value)==null?void 0:r.getSearchFormValues())||{};return o?o(e):e},getApTableInstance:()=>t.value}]}exports.usePageListApTable=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("lodash-unified"),f=require("vue");function S(n){const r=f.ref(null),{isShowRowSelection:c=!0,clearSelectionOnRequest:u=!0,transformSearchFormValues:a,api:o,...i}=n||{},l=()=>{var e,t;(t=(e=r.value)==null?void 0:e.rowSelection)==null||t.clearAll()},d=async e=>{const t=a?a(e):e;try{if(!o)throw new Error("api is not defined");const{records:s,total:p}=await o(t);return u&&l(),{data:s,total:p}}catch(s){return console.error(s),{data:[],total:0}}};return[b.merge({scroll:{x:"100%",y:"100%"},tableLayout:"fixed",columnResizable:!0,class:"ap-table--sticky",request:o?d: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 a?a(e):e},getApTableInstance:()=>r.value,clearSelection:l}]}exports.usePageListApTable=S;

package/lib/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/lib/src/business/hooks/useTableRefresh.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue");function b(e){const l=(["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;a.onActivated(()=>{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[l]())})}exports.useTableRefresh=b;