@aplus-frontend/ui 0.1.23 → 0.1.25

package/lib/src/business/ap-attachment/ApAttachment.d.ts

@@ -0,0 +1,97 @@
+import { AttachmentItemProps, ApAttachmentProps } from './interface';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
+declare const _default: DefineComponent<{
+    attachmentList: {
+        type: PropType<Array<AttachmentItemProps>>;
+        default: never[];
+        required: boolean;
+    };
+    textToolTipPlacement: {
+        type: PropType< ApAttachmentProps["textToolTipPlacement"]>;
+        default: string;
+    };
+    fileMorePopoverPlacement: {
+        type: PropType< ApAttachmentProps["fileMorePopoverPlacement"]>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    needName: {
+        type: PropType<{
+            nameKey?: string;
+            pathKey?: string;
+        }>;
+        default: () => {
+            nameKey: string;
+            pathKey: string;
+        };
+    };
+    getOssAccess: {
+        type: PropType< ApAttachmentProps["getOssAccess"]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: StringConstructor;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    attachmentList: {
+        type: PropType<Array<AttachmentItemProps>>;
+        default: never[];
+        required: boolean;
+    };
+    textToolTipPlacement: {
+        type: PropType< ApAttachmentProps["textToolTipPlacement"]>;
+        default: string;
+    };
+    fileMorePopoverPlacement: {
+        type: PropType< ApAttachmentProps["fileMorePopoverPlacement"]>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    needName: {
+        type: PropType<{
+            nameKey?: string;
+            pathKey?: string;
+        }>;
+        default: () => {
+            nameKey: string;
+            pathKey: string;
+        };
+    };
+    getOssAccess: {
+        type: PropType< ApAttachmentProps["getOssAccess"]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: StringConstructor;
+    };
+}>>, {
+    size: string;
+    disabled: boolean;
+    needName: {
+        nameKey?: string;
+        pathKey?: string;
+    };
+    textToolTipPlacement: TooltipPlacement;
+    attachmentList: AttachmentItemProps[];
+    fileMorePopoverPlacement: TooltipPlacement;
+}, {}>;
+export default _default;

package/lib/src/business/ap-attachment/ApAttachment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("ant-design-vue");require("../../config-provider/index.js");const L=require("./constans.js"),v=require("../../ap-download/utils/getFileInfo.js");require("./style.css");const x=require("../../ap-download/hooks/index.js"),O=require("lodash-unified"),T=require("../../config-provider/hooks/use-namespace.js"),h=require("../../config-provider/hooks/use-global-config.js"),b=require("../../config-provider/hooks/use-locale.js"),P=e.defineComponent({name:"ApAttachment",props:L.ApAttachmentProps(),setup(t){const{b:g,e:o}=T.useNamespace("ap-attachment"),N=h.useGlobalConfig("uiMode"),p=h.useGlobalConfig("apUpload"),{lang:A,t:c}=b.useLocale(),s=e.useSlots(),V=e.computed(()=>A.value==="zh-cn"?"zh_CN":"en_US"),l=e.computed(()=>t.attachmentList.length===1),r=e.computed(()=>t.attachmentList.length>0?t.attachmentList[0].fileName:""),w=e.computed(()=>l.value?r.value:c("ap.apAttachment.downloadall")),d=e.computed(()=>t.color?t.color:N.value==="aplus"?"#0070FF":"#1890FF"),C=e.computed(()=>({width:l.value?"auto":"266px"})),m=e.computed(()=>({"--download-main-color":d.value,"--download-main-color-opacity":v.getHexWithOpacity(d.value,.6)})),q=e.computed(()=>{var a;return t.getOssAccess||((a=p.value)==null?void 0:a.getOssAccess)}),y=e.computed(()=>{const a=s.default?s.default()[0]:null;return a?e.cloneVNode(a,{style:{"font-size":"16px"}}):null}),u=async a=>{if(!t.disabled){const n=await x.useOssInit(q.value,e.unref(V)),i=O.isArray(e.toRaw(a))?e.toRaw(a):[e.toRaw(a)];await n.downloadFile(v.getFileInfo(t.needName,i))}},F=a=>a&&a.length>0?e.createVNode("ul",{class:[o("file-list")],style:m.value},[a.map((n,i)=>e.createVNode("li",{key:i,class:[o("file-item")],onClick:()=>u(n)},[n.fileName])),e.createVNode("li",{class:[o("down-load-all")],onClick:()=>u(t.attachmentList)},[c("ap.apAttachment.downloadall")])]):null;return()=>e.createVNode("div",{class:[g()],style:[C.value,m.value]},[e.createVNode(f.Tooltip,{title:w.value,placement:t.textToolTipPlacement,color:t.toolTipBgColor},{default:()=>[e.createVNode("div",{class:[o("content")],onClick:()=>u(l.value?t.attachmentList[0]:t.attachmentList)},[s.default?e.createVNode("div",{class:[o("text-render")]},[y.value,e.createTextVNode(" ")]):null,e.createVNode("div",{class:[o("text-inner")]},[r.value])])]}),e.createVNode(f.Popover,{content:F(t.attachmentList),placement:t.fileMorePopoverPlacement,color:"#fff"},{default:()=>[!l.value&&e.createVNode("div",{class:[o("more")]},[c("ap.apAttachment.more")])]})])}});exports.default=P;

package/lib/src/business/ap-attachment/constans.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { ApAttachmentProps as _ApAttachmentProps, AttachmentItemProps } from './interface';
+export declare const ApAttachmentProps: () => {
+    attachmentList: {
+        type: PropType<Array<AttachmentItemProps>>;
+        default: never[];
+        required: boolean;
+    };
+    textToolTipPlacement: {
+        type: PropType<_ApAttachmentProps["textToolTipPlacement"]>;
+        default: string;
+    };
+    fileMorePopoverPlacement: {
+        type: PropType<_ApAttachmentProps["fileMorePopoverPlacement"]>;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    needName: {
+        type: PropType<{
+            nameKey?: string;
+            pathKey?: string;
+        }>;
+        default: () => {
+            nameKey: string;
+            pathKey: string;
+        };
+    };
+    getOssAccess: {
+        type: PropType<_ApAttachmentProps["getOssAccess"]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: StringConstructor;
+    };
+};

package/lib/src/business/ap-attachment/constans.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({attachmentList:{type:Array,default:[],required:!0},textToolTipPlacement:{type:String,default:"topLeft"},fileMorePopoverPlacement:{type:String,default:"bottom"},color:{type:String},size:{type:String,default:"middle"},needName:{type:Object,default:()=>({nameKey:"fileName",pathKey:"filePath"})},getOssAccess:{type:Function},disabled:{type:Boolean,default:!1},toolTipBgColor:{type:String}});exports.ApAttachmentProps=e;

package/lib/src/business/ap-attachment/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ApAttachment } from './ApAttachment';
+export * from './interface';
+export { ApAttachment };

package/lib/src/business/ap-attachment/interface.d.ts

@@ -0,0 +1,13 @@
+import { ApDownLoadProps } from '../../ap-download/interface';
+import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
+export type AttachmentItemProps = {
+    fileName: string;
+    filePath: string;
+    [key: string]: any;
+};
+export type ApAttachmentProps = Required<{
+    attachmentList: Array<AttachmentItemProps> | [];
+    textToolTipPlacement?: TooltipPlacement;
+    fileMorePopoverPlacement?: TooltipPlacement;
+    toolTipBgColor?: string;
+} & Pick<ApDownLoadProps, 'color' | 'size' | 'needName' | 'disabled'>> & Pick<ApDownLoadProps, 'getOssAccess'>;

package/lib/src/business/ap-attachment/style.css

@@ -0,0 +1,62 @@
+.aplus-ap-attachment {
+  display: inline-flex;
+  justify-content: space-between;
+}
+.aplus-ap-attachment__content {
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-attachment__text-render {
+  color: var(--download-main-color);
+  margin-right: 5px;
+}
+.aplus-ap-attachment__text-render:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__text-inner {
+  max-width: 190px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__text-inner:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__more {
+  display: inline-block;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__more:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__file-list {
+  max-width: 312px;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-attachment__file-item {
+  flex: 1;
+  flex-wrap: wrap;
+  margin-bottom: 16px;
+  font-size: 14px;
+  color: #000;
+  cursor: pointer;
+}
+.aplus-ap-attachment__file-item:hover {
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__down-load-all {
+  font-size: 14px;
+  color: var(--download-main-color);
+  cursor: pointer;
+  margin-bottom: 0;
+}
+.aplus-ap-attachment__down-load-all:hover {
+  color: var(--download-main-color-opacity);
+}

package/lib/src/business/ap-input-radio/ApInputRadio.vue.d.ts

@@ -6,12 +6,14 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOpti
     stringMode: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
+    InputRadioChange: (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApInputRadioProps>, {
     bordered: boolean;
     controls: boolean;
     stringMode: boolean;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onInputRadioChange?: ((...args: never) => any) | undefined;
 }, {
     bordered: boolean;
     stringMode: boolean;

package/lib/src/business/ap-input-radio/ApInputRadio.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const t=require("ant-design-vue"),f=require("lodash-unified");require("./style.css");const g=require("../../config-provider/hooks/use-namespace.js"),C=e.defineComponent({name:"ApInputRadio",__name:"ApInputRadio",props:{disabled:{type:Boolean},stringMode:{type:Boolean,default:!0},precision:{},max:{},min:{},step:{},bordered:{type:Boolean,default:!0},autofocus:{type:Boolean},decimalSeparator:{},controls:{type:Boolean,default:!0},formatter:{},onInput:{},onChange:{},onPressEnter:{},onStep:{},onBlur:{},onFocus:{},value:{},options:{}},emits:["update:value"],setup(s,{emit:l}){const i=t.Form.useInjectFormItemContext(),o=s,{b:p,e:c}=g.useNamespace("ap-input-radio"),d=l,a=n=>{d("update:value",{...o.value,...n}),i.onFieldChange()},m=n=>{a({inputval:n})},v=n=>{a({radioVal:n.target.value})};return(n,h)=>{var u,r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(p)()])},[e.createVNode(e.unref(t.InputNumber),e.mergeProps({class:e.unref(c)("input-number")},e.unref(f.omit)(o,["value","options"]),{value:o.value?(u=o.value)==null?void 0:u.inputval:"",onChange:m}),null,16,["class","value"]),e.createVNode(e.unref(t.RadioGroup),{value:o.value?(r=o.value)==null?void 0:r.radioVal:"",options:o.options,onChange:v},null,8,["value","options"])],2)}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const l=require("ant-design-vue"),f=require("lodash-unified");require("./style.css");const g=require("../../config-provider/hooks/use-namespace.js"),V=e.defineComponent({name:"ApInputRadio",__name:"ApInputRadio",props:{disabled:{type:Boolean},stringMode:{type:Boolean,default:!0},precision:{},max:{},min:{},step:{},bordered:{type:Boolean,default:!0},autofocus:{type:Boolean},decimalSeparator:{},controls:{type:Boolean,default:!0},formatter:{},onInput:{},onChange:{},onPressEnter:{},onStep:{},onBlur:{},onFocus:{},value:{},options:{},onInputRadioChange:{},setRadioValCallback:{}},emits:["update:value","InputRadioChange"],setup(s,{emit:p}){const d=l.Form.useInjectFormItemContext(),a=s,{b:c,e:m}=g.useNamespace("ap-input-radio"),r=p,n=o=>{let t={...a.value,...o};r("update:value",t),r("InputRadioChange",t),d.onFieldChange()},v=o=>{n({inputVal:o})},C=o=>{const t=o.target.value;if(a.setRadioValCallback){let u=a.setRadioValCallback(t);n({inputVal:u,radioVal:t})}else n({radioVal:t})};return e.onMounted(()=>{if(a.setRadioValCallback){let o=a.setRadioValCallback(a.value.radioVal);n({inputVal:o})}}),(o,t)=>{var u,i;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(c)()])},[e.createVNode(e.unref(l.InputNumber),e.mergeProps({class:e.unref(m)("input-number")},e.unref(f.omit)(a,["value","options"]),{value:a.value?(u=a.value)==null?void 0:u.inputVal:"",onChange:v}),null,16,["class","value"]),e.createVNode(e.unref(l.RadioGroup),{value:a.value?(i=a.value)==null?void 0:i.radioVal:"",options:a.options,onChange:C},null,8,["value","options"])],2)}}});exports.default=V;

package/lib/src/business/ap-input-radio/interface.d.ts

@@ -1,8 +1,10 @@
 import { InputNumberProps } from 'ant-design-vue/es/input-number';
 type ApInputProps = Pick<InputNumberProps, 'disabled' | 'stringMode' | 'precision' | 'max' | 'min' | 'step' | 'bordered' | 'autofocus' | 'decimalSeparator' | 'controls' | 'formatter' | 'onInput' | 'onChange' | 'onPressEnter' | 'onStep' | 'onBlur' | 'onFocus'>;
-type ApInputValyeName = 'inputval' | 'radioVal';
 export type ApInputValType = {
-    value?: Record<ApInputValyeName, string | number>;
+    value: {
+        inputVal: string | number;
+        radioVal: string | number;
+    };
 };
 export type ApInputRadioOptions = Array<{
     value: string | number;
@@ -10,5 +12,10 @@ export type ApInputRadioOptions = Array<{
 }>;
 export type ApInputRadioProps = ApInputProps & ApInputValType & {
     options: ApInputRadioOptions;
+    onInputRadioChange?: (value: {
+        inputVal: string | number;
+        radioVal: string | number;
+    }) => void;
+    setRadioValCallback?: (radioVal: string | number) => string | number;
 };
 export {};

package/lib/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/lib/src/business/ap-ladder/ApLadder.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ApLadder.vue2.js");exports.default=e.default;

package/lib/src/business/ap-ladder/ApLadder.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("ant-design-vue");require("../../config-provider/index.js");require("./style.css");const h=require("../../config-provider/hooks/use-namespace.js"),V=require("../../config-provider/hooks/use-global-config.js"),b={key:0},D={key:1},N=["onClick"],P={key:0},j={key:1},_=e.defineComponent({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:.1,mouseLeaveDelay:.1,overlayClassName:"",overlayStyle:{},overlayInnerStyle:{},placement:"top",trigger:"hover"})}},setup(y){const n=e.useSlots(),t=y,{b:k,e:r,m:f}=h.useNamespace("ap-ladder"),C=V.useGlobalConfig("uiMode","aplus"),s=`ap-ladder-${Math.floor(Math.random()*1e7)}`,B=r("ellipsis"),c=e.ref(!1),S=e.computed(()=>t.major||t.minor),g=e.computed(()=>t.labelValues.length>0),u=e.computed(()=>t.majorColor?{color:`${t.majorColor}`}:{}),m=e.computed(()=>t.minorColor?{color:`${t.minorColor}`}:{}),a=o=>o==null?"--":typeof o=="string"?o||"--":typeof o=="number"?o.toFixed(2):"--",E=()=>{const o=document.getElementById(s);if(!o)return;o.querySelectorAll(`.${B}`).forEach(l=>{l.clientWidth<l.scrollWidth&&(c.value=!0)})},p=e.computed(()=>n.title?!0:t.tooltip&&e.unref(c)),v=o=>{o&&window.open(o,"_blank")};return e.onMounted(()=>{E()}),(o,z)=>(e.openBlock(),e.createElementBlock("div",{id:s,class:e.normalizeClass([e.unref(k)(),`${e.unref(f)(e.unref(C))}`])},[S.value?(e.openBlock(),e.createBlock(e.unref(d.Tooltip),e.normalizeProps(e.mergeProps({key:0},{...t.tooltipProps})),e.createSlots({default:e.withCtx(()=>[t.layout==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("major"),e.unref(r)("ellipsis")]),style:e.normalizeStyle(u.value)},e.toDisplayString(o.major||"--"),7),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("minor"),e.unref(r)("ellipsis")]),style:e.normalizeStyle(m.value)},e.toDisplayString(o.minor||"--"),7)],64)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r)("ellipsis"))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r)("major")]),style:e.normalizeStyle(u.value)},e.toDisplayString(o.major||"--"),7),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r)("minor")]),style:e.normalizeStyle(m.value)},e.toDisplayString(o.minor||"--"),7)],2))]),_:2},[p.value?{name:"title",fn:e.withCtx(()=>[n.title?e.renderSlot(o.$slots,"title",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.tooltipProps.title?(e.openBlock(),e.createElementBlock("div",b,e.toDisplayString(t.tooltipProps.title),1)):(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("div",null,e.toDisplayString(o.major||"--"),1),e.createElementVNode("div",null,e.toDisplayString(o.minor||"--"),1)]))],64))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createBlock(e.unref(d.Tooltip),e.normalizeProps(e.mergeProps({key:1},{...t.tooltipProps})),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.labelValues,(l,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:e.normalizeClass([e.unref(r)("ellipsis")])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("label")),style:e.normalizeStyle(l.labelColor?{color:l.labelColor}:void 0)},e.toDisplayString(l.label)+"：",7),l.link?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r)("link")),style:e.normalizeStyle(l.linkColor?{color:l.linkColor}:void 0),onClick:w=>v(l.link)},e.toDisplayString(a(l.value)),15,N)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r)("value")),style:e.normalizeStyle(l.valueColor?{color:l.valueColor}:void 0)},e.toDisplayString(a(l.value)),7)),l.unit?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(r)("unit")),style:e.normalizeStyle(l.unitColor?{color:l.unitColor}:void 0)},e.toDisplayString(l.unit),7)):e.createCommentVNode("",!0)],2))),128))]),_:2},[p.value?{name:"title",fn:e.withCtx(()=>[n.title?e.renderSlot(o.$slots,"title",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.tooltipProps.title?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(t.tooltipProps.title),1)):(e.openBlock(),e.createElementBlock("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.labelValues,(l,i)=>(e.openBlock(),e.createElementBlock("div",{key:i},[e.createElementVNode("span",null,e.toDisplayString(l.label),1),e.createElementVNode("span",null,e.toDisplayString(a(l.value)),1)]))),128))]))],64))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],2))}});exports.default=_;

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

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

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

@@ -0,0 +1 @@
+"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

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

@@ -0,0 +1 @@
+"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;