@aplus-frontend/ui 0.0.37 → 0.0.39

package/lib/src/business/ap-label/ApLabel.vue.d.ts

@@ -2,22 +2,28 @@ import { ApLabelProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
     status: string;
     placement: string;
     iconColor: string;
+    iconType: string;
+    iconSize: number;
     text: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
     status: string;
     placement: string;
     iconColor: string;
+    iconType: string;
+    iconSize: number;
     text: string;
 }>>>, {
     text: any;
     placement: TooltipPlacement;
+    iconType: "ellipsis" | "warning" | "question";
     status: "success" | "error" | "default" | "warning" | "processing";
+    iconSize: number;
     iconColor: string;
-}, {}>;
+}, {}>, Partial<Record<string, (_: {}) => any>>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -36,3 +42,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/business/ap-label/ApLabel.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("ant-design-vue"),n=require("@ant-design/icons-vue");require("../../config-provider/index.js");const a=require("lodash-unified");require("./style.css");const s=require("../../config-provider/hooks/use-namespace.js"),u=e.defineComponent({name:"ApLabel",__name:"ApLabel",props:{count:{},showZero:{type:Boolean},overflowCount:{},dot:{type:Boolean},prefixCls:{},scrollNumberPrefixCls:{},status:{default:"default"},size:{},color:{},text:{default:""},offset:{},numberStyle:{},title:{},helpMessage:{},placement:{default:"top"},iconColor:{default:"#FF4D4F"}},setup(l){const t=l,{b:r}=s.useNamespace("ap-label");return(c,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)()])},[e.createVNode(e.unref(o.Badge),e.normalizeProps(e.guardReactiveProps(e.unref(a.omit)(t,["helpMessage","placement","iconColor"]))),null,16),t.helpMessage?(e.openBlock(),e.createBlock(e.unref(o.Tooltip),{key:0,placement:t.placement,title:t.helpMessage},{default:e.withCtx(()=>[e.createVNode(e.unref(n.QuestionCircleOutlined),{style:e.normalizeStyle({color:t.iconColor,marginLeft:"6px"})},null,8,["style"])]),_:1},8,["placement","title"])):e.createCommentVNode("",!0)],2))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("ant-design-vue"),l=require("@aplus-frontend/icon");require("../../config-provider/index.js");const s=require("lodash-unified");require("./style.css");const u=require("../../config-provider/hooks/use-namespace.js"),i=e.defineComponent({name:"ApLabel",__name:"ApLabel",props:{count:{},showZero:{type:Boolean},overflowCount:{},dot:{type:Boolean},prefixCls:{},scrollNumberPrefixCls:{},status:{default:"default"},size:{},color:{},text:{default:""},offset:{},numberStyle:{},title:{},helpMessage:{},placement:{default:"top"},iconColor:{default:"#FF4D4F"},iconType:{default:"question"},iconSize:{default:16},slotName:{}},setup(r){const t=e.computed(()=>({color:o.iconColor,"font-size":o.iconSize+"px","margin-left":"6px"})),o=r,{b:a}=u.useNamespace("ap-label");return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)()])},[e.createVNode(e.unref(n.Badge),e.normalizeProps(e.guardReactiveProps(e.unref(s.omit)(o,["helpMessage","placement","iconColor"]))),null,16),o.slotName?e.renderSlot(c.$slots,o.slotName,{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.helpMessage?(e.openBlock(),e.createBlock(e.unref(n.Tooltip),{key:0,placement:o.placement,title:o.helpMessage},{default:e.withCtx(()=>[o.iconType==="question"?(e.openBlock(),e.createBlock(e.unref(l.IconApAdLineAnnotation),{key:0,style:e.normalizeStyle(t.value)},null,8,["style"])):e.createCommentVNode("",!0),o.iconType==="warning"?(e.openBlock(),e.createBlock(e.unref(l.IconApAdFillWarn),{key:1,style:e.normalizeStyle(t.value)},null,8,["style"])):e.createCommentVNode("",!0),o.iconType==="ellipsis"?(e.openBlock(),e.createBlock(e.unref(l.IconApAdFillExecution),{key:2,style:e.normalizeStyle(t.value)},null,8,["style"])):e.createCommentVNode("",!0)]),_:1},8,["placement","title"])):e.createCommentVNode("",!0)],64))],2))}});exports.default=i;

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

@@ -1,8 +1,11 @@
 import { BadgeProps } from 'ant-design-vue';
 import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
 
-export type ApLabelProps = BadgeProps & {
-    helpMessage?: string;
+export type ApLabelProps = BadgeProps & Partial<{
+    helpMessage: string;
     placement: TooltipPlacement;
     iconColor: string;
-};
+    iconType: 'question' | 'warning' | 'ellipsis';
+    iconSize: number;
+    slotName: string;
+}>;

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

@@ -1,4 +1,5 @@
 .aplus-ap-label {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   font-size: 14px;
 }

package/lib/src/business/expandAlert/ApExpandAlert.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@ant-design/icons-vue"),c=require("ant-design-vue"),B=require("../../ap-action/index.js");require("../../config-provider/index.js");require("./style.css");const E=require("../../config-provider/hooks/use-namespace.js"),N=require("../../config-provider/hooks/use-global-config.js"),z={key:0},V=["onClick"],S=e.defineComponent({__name:"ApExpandAlert",props:{type:{default:"warning"},data:{default:()=>[]},prefix:{default:""},tipTitle:{default:"查看详情"},mapLabel:{},separator:{default:"|"},rows:{default:1}},emits:["choose","expand"],setup(p,{expose:d,emit:f}){const m=f,i=p,a=e.ref(""),o=e.ref(null),v=e.computed(()=>({fontWeight:"400",wordBreak:"break-all",overflow:"hidden",display:"-webkit-box",webkitLineClamp:a.value,webkitBoxOrient:"vertical",lineHeight:"22px"}));function k(){a.value==="1"?a.value="":a.value="1",m("expand")}const g=e.computed(()=>a.value==="1"?"展开":"收起"),r=e.ref(!0),u=e.computed(()=>a.value!=="1");function y(t){t?a.value="":a.value="1"}e.watch(()=>i.data,()=>{a.value="",e.nextTick(()=>{if(o.value){const t=Number(o.value.clientHeight),s=Number(parseInt(o.value.style.lineHeight));t<s*Number(i.rows)&&u.value?r.value=!1:r.value=!0}})},{immediate:!0});const{b:C,e:l,m:h}=E.useNamespace("ap-expand-alert"),w=N.useGlobalConfig("uiMode","aplus");return d({setExpand:y}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(C)(),`${e.unref(h)(e.unref(w))}`])},[e.createVNode(e.unref(c.Alert),{type:t.type,"show-icon":"",class:e.normalizeClass(e.unref(l)("antAlert"))},{action:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(e.unref(B.ApActionItem),{key:0,size:"small",onClick:s[0]||(s[0]=n=>k()),style:{"font-size":"12px","padding-left":"16px"}},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("expandText"))},e.toDisplayString(g.value),3),e.createVNode(e.unref(b.DownOutlined),{class:e.normalizeClass(u.value?e.unref(l)("expandIcon"):e.unref(l)("collapseIcon"))},null,8,["class"])]),_:1})):e.createCommentVNode("",!0)]),message:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(v.value),class:e.normalizeClass(e.unref(l)("alertContent")),ref_key:"ellipsisBoxRef",ref:o},[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("prefix"))},e.toDisplayString(t.prefix),3),typeof t.data=="string"?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(t.data),1)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.data,(n,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createVNode(e.unref(c.Tooltip),{title:t.tipTitle},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("showItem")),onClick:q=>t.$emit("choose",n)},e.toDisplayString(t.mapLabel?n[t.mapLabel]:n),11,V)]),_:2},1032,["title"]),x!==t.data.length-1?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("spliter"))},e.toDisplayString(t.separator),3)):e.createCommentVNode("",!0)],64))),128))])],6)]),_:3},8,["type","class"])],2))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@ant-design/icons-vue"),c=require("ant-design-vue"),B=require("../../ap-action/index.js");require("../../config-provider/index.js");require("./style.css");const E=require("../../config-provider/hooks/use-namespace.js"),N=require("../../config-provider/hooks/use-global-config.js"),z={key:0},V=["onClick"],S=e.defineComponent({__name:"ApExpandAlert",props:{type:{default:"warning"},data:{default:()=>[]},prefix:{default:""},tipTitle:{default:"查看详情"},mapLabel:{},separator:{default:"|"},rows:{default:2}},emits:["choose","expand"],setup(p,{expose:d,emit:f}){const m=f,i=p,a=e.ref(""),o=e.ref(null),v=e.computed(()=>({fontWeight:"400",wordBreak:"break-all",overflow:"hidden",display:"-webkit-box",webkitLineClamp:a.value,webkitBoxOrient:"vertical",lineHeight:"22px"}));function k(){a.value==="1"?a.value="":a.value="1",m("expand")}const g=e.computed(()=>a.value==="1"?"展开":"收起"),r=e.ref(!0),u=e.computed(()=>a.value!=="1");function y(t){t?a.value="":a.value="1"}e.watch(()=>i.data,()=>{a.value="",e.nextTick(()=>{if(o.value){const t=Number(o.value.clientHeight),s=Number(parseInt(o.value.style.lineHeight));t<s*Number(i.rows)&&u.value?r.value=!1:r.value=!0}})},{immediate:!0});const{b:C,e:l,m:h}=E.useNamespace("ap-expand-alert"),w=N.useGlobalConfig("uiMode","aplus");return d({setExpand:y}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(C)(),`${e.unref(h)(e.unref(w))}`])},[e.createVNode(e.unref(c.Alert),{type:t.type,"show-icon":"",class:e.normalizeClass(e.unref(l)("antAlert"))},{action:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(e.unref(B.ApActionItem),{key:0,size:"small",onClick:s[0]||(s[0]=n=>k()),style:{"font-size":"12px","padding-left":"16px"}},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("expandText"))},e.toDisplayString(g.value),3),e.createVNode(e.unref(b.DownOutlined),{class:e.normalizeClass(u.value?e.unref(l)("expandIcon"):e.unref(l)("collapseIcon"))},null,8,["class"])]),_:1})):e.createCommentVNode("",!0)]),message:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(v.value),class:e.normalizeClass(e.unref(l)("alertContent")),ref_key:"ellipsisBoxRef",ref:o},[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("prefix"))},e.toDisplayString(t.prefix),3),typeof t.data=="string"?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(t.data),1)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.data,(n,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createVNode(e.unref(c.Tooltip),{title:t.tipTitle},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("showItem")),onClick:q=>t.$emit("choose",n)},e.toDisplayString(t.mapLabel?n[t.mapLabel]:n),11,V)]),_:2},1032,["title"]),x!==t.data.length-1?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("spliter"))},e.toDisplayString(t.separator),3)):e.createCommentVNode("",!0)],64))),128))])],6)]),_:3},8,["type","class"])],2))}});exports.default=S;

package/lib/src/business/expandAlert/interface.d.ts

@@ -24,7 +24,7 @@ export interface ApExpandAlertProps {
      */
     separator: string;
     /**
-     * 内容达到几行显示展开收起,默认是一行
+     * 内容达到几行显示展开收起,默认是两行
      */
     rows: string | number;
 }

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

@@ -356,12 +356,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -390,14 +393,20 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         text: {
             type: PropType<any>;
@@ -411,12 +420,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -445,18 +457,26 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {
         text: any;
         placement: TooltipPlacement;
+        iconType: "ellipsis" | "warning" | "question";
         status: "success" | "error" | "default" | "warning" | "processing";
+        iconSize: number;
         iconColor: string;
     }, true, {}, {}, {
         P: {};
@@ -478,12 +498,15 @@ export declare const ApLabel: {
         };
         placement: {
             type: PropType<TooltipPlacement>;
-            required: true;
             default: string;
         };
         title: {
             type: PropType<string>;
         };
+        iconType: {
+            type: PropType<"ellipsis" | "warning" | "question">;
+            default: string;
+        };
         size: {
             type: PropType<"default" | "small">;
         };
@@ -512,18 +535,26 @@ export declare const ApLabel: {
         numberStyle: {
             type: PropType<CSSProperties>;
         };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
         helpMessage: {
             type: PropType<string>;
         };
         iconColor: {
             type: PropType<string>;
-            required: true;
             default: string;
         };
+        slotName: {
+            type: PropType<string>;
+        };
     }>>, {}, {}, {}, {}, {
         text: any;
         placement: TooltipPlacement;
+        iconType: "ellipsis" | "warning" | "question";
         status: "success" | "error" | "default" | "warning" | "processing";
+        iconSize: number;
         iconColor: string;
     }>;
     __isFragment?: undefined;
@@ -542,12 +573,15 @@ export declare const ApLabel: {
     };
     placement: {
         type: PropType<TooltipPlacement>;
-        required: true;
         default: string;
     };
     title: {
         type: PropType<string>;
     };
+    iconType: {
+        type: PropType<"ellipsis" | "warning" | "question">;
+        default: string;
+    };
     size: {
         type: PropType<"default" | "small">;
     };
@@ -576,20 +610,30 @@ export declare const ApLabel: {
     numberStyle: {
         type: PropType<CSSProperties>;
     };
+    iconSize: {
+        type: PropType<number>;
+        default: number;
+    };
     helpMessage: {
         type: PropType<string>;
     };
     iconColor: {
         type: PropType<string>;
-        required: true;
         default: string;
     };
+    slotName: {
+        type: PropType<string>;
+    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     text: any;
     placement: TooltipPlacement;
+    iconType: "ellipsis" | "warning" | "question";
     status: "success" | "error" | "default" | "warning" | "processing";
+    iconSize: number;
     iconColor: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+}) & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;
     };

package/lib/src/theme/ap-download/ap-download.css

@@ -1,51 +1,51 @@
-.aplus-download-wrapper {
+.aplus-ap-download-wrapper {
   text-wrap: nowrap;
   display: inline-block;
   display: flex;
 }
-.aplus-download-inner-wrapper {
+.aplus-ap-download-inner-wrapper {
   display: inline-block;
   color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
 }
-.aplus-download-inner-wrapper .icon {
+.aplus-ap-download-inner-wrapper .icon {
   position: relative;
   font-size: 18px;
 }
-.aplus-download-inner-wrapper .text {
+.aplus-ap-download-inner-wrapper .text {
   margin-left: 5px;
 }
-.aplus-download-inner-wrapper:hover {
+.aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }
-.aplus-download-inner-wrapper--large {
+.aplus-ap-download-inner-wrapper--large {
   line-height: 26px;
   height: 28px;
   font-size: 16px;
 }
-.aplus-download-inner-wrapper--middle {
+.aplus-ap-download-inner-wrapper--middle {
   line-height: 22px;
   height: 24px;
   font-size: 14px;
 }
-.aplus-download-inner-wrapper--small {
+.aplus-ap-download-inner-wrapper--small {
   line-height: 19px;
   height: 20px;
   font-size: 12px;
 }
-.aplus-download-inner-wrapper--disabled {
+.aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;
   cursor: not-allowed;
 }
-.aplus-download-inner-wrapper--disabled:hover {
+.aplus-ap-download-inner-wrapper--disabled:hover {
   color: #8896b0;
 }
-.aplus-download-inner-wrapper--disabled-admin {
+.aplus-ap-download-inner-wrapper--disabled-admin {
   cursor: not-allowed;
   color: #999;
 }
-.aplus-download-inner-wrapper--disabled-admin:hover {
+.aplus-ap-download-inner-wrapper--disabled-admin:hover {
   color: #999;
 }

package/lib/src/theme/ap-label/ap-label.css

@@ -1,4 +1,5 @@
 .aplus-ap-label {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   font-size: 14px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
@@ -60,13 +60,13 @@
     "sortablejs": "^1.15.2",
     "mime": "^4.0.3",
     "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.25"
+    "@aplus-frontend/utils": "1.0.26"
   },
   "peerDependencies": {
     "ant-design-vue": "^4.2.1",
     "vue": "^3.4.29",
-    "@aplus-frontend/oss": "1.0.18",
-    "@aplus-frontend/icon": "^1.0.17"
+    "@aplus-frontend/oss": "^1.0.19",
+    "@aplus-frontend/icon": "^1.0.20"
   },
   "scripts": {
     "pub:cb": "pnpm publish --access public",