@aplus-frontend/ui 6.23.0 → 6.24.1

package/lib/src/ap-pro-card/components/statistic-card/index.vue.d.ts

@@ -1,14 +1,24 @@
 import { ApStatisticCardProps, ApProCardSolts } from '../../interface';
-import { VNodeChild, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { VNodeChild, VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly< ApProCardSolts & {
         chart?: () => VNodeChild;
         footer?: () => VNodeChild;
+        statisticTitle?: () => VNode[];
+        prefix?: () => VNode[];
+        suffix?: () => VNode[];
+        icon?: () => VNode[];
+        tip?: () => VNode[];
         description?: () => VNodeChild;
     }> & ApProCardSolts & {
         chart?: () => VNodeChild;
         footer?: () => VNodeChild;
+        statisticTitle?: () => VNode[];
+        prefix?: () => VNode[];
+        suffix?: () => VNode[];
+        icon?: () => VNode[];
+        tip?: () => VNode[];
         description?: () => VNodeChild;
     };
     refs: {};

package/lib/src/ap-pro-card/components/statistic-card/index.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");require("../card/index.vue.js");require("../statistic/index.vue.js");const d=require("../../../editable-table/utils.js"),h=require("lodash-unified"),B=require("../../../config-provider/hooks/use-namespace.js"),_=require("../statistic/index.vue2.js"),b=require("../card/index.vue2.js"),g=e.defineComponent({name:"ApStatisticCard",__name:"index",props:{headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean},title:{type:[Object,String,Number,Boolean,null,Array]},tooltip:{type:[Object,String,Number,Boolean,null,Array]},extra:{type:[Object,String,Number,Boolean,null,Array]},layout:{},type:{},direction:{},wrap:{type:Boolean},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean},hoverable:{type:Boolean},ghost:{type:Boolean},boxShadow:{type:Boolean},chart:{type:[Object,String,Number,Boolean,null,Array]},statistic:{},chartPlacement:{},footer:{type:[Object,String,Number,Boolean,null,Array]}},setup(p){const r=p,o=e.useSlots(),{b:n}=B.useNamespace("statistic-card"),m=e.computed(()=>n()),f=e.computed(()=>{const t=n("chart");return d.mergeClass(`${t}`,[r.chartPlacement==="left"?`${t}-left`:void 0,r.chartPlacement==="right"?`${t}-right`:void 0].filter(Boolean))}),i=e.computed(()=>{const t=n("content");return d.mergeClass(`${t}`,[r.chartPlacement==="left"||r.chartPlacement==="right"?`${t}-horizontal`:void 0].filter(Boolean))}),y=e.computed(()=>n("footer")),a=e.computed(()=>{var t,u;return r.statistic?e.createVNode(_.default,e.mergeProps({layout:"vertical"},r.statistic,{description:((t=r.statistic)==null?void 0:t.description)||((u=o.description)==null?void 0:u.call(o))}),null):void 0}),l=e.computed(()=>{var t;return r.chart||o.chart?e.createVNode("div",{class:f.value},[r.chart||((t=o.chart)==null?void 0:t.call(o))]):void 0}),c=e.computed(()=>l.value||a.value?r.chartPlacement==="left"?e.createVNode("div",{class:i.value},[l.value,a.value]):e.createVNode("div",{class:i.value},[a.value,l.value]):void 0),v=e.computed(()=>{var t;return r.footer||o.footer?e.createVNode("div",{class:y.value},[r.footer||((t=o.footer)==null?void 0:t.call(o))]):void 0});return(t,u)=>(e.openBlock(),e.createBlock(b.default,e.mergeProps({class:m.value},{...r}),e.createSlots({default:e.withCtx(()=>[c.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),{key:0})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),c.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(h.omit)(o,["chart","footer","description","default"]),(S,s)=>({name:s,fn:e.withCtx(()=>[e.renderSlot(t.$slots,s)])}))]),1040,["class"]))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../card/index.vue.js");require("../statistic/index.vue.js");const _=require("../../../editable-table/utils.js"),O=require("lodash-unified"),q=require("../../../config-provider/hooks/use-namespace.js"),P=require("../statistic/index.vue2.js"),j=require("../card/index.vue2.js"),k=e.defineComponent({name:"ApStatisticCard",__name:"index",props:{headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean},title:{type:[Object,String,Number,Boolean,null,Array]},tooltip:{type:[Object,String,Number,Boolean,null,Array]},extra:{type:[Object,String,Number,Boolean,null,Array]},layout:{},type:{},direction:{},wrap:{type:Boolean},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean},hoverable:{type:Boolean},ghost:{type:Boolean},collapsible:{type:Boolean},defaultCollapsed:{type:Boolean},collapsed:{type:Boolean},collapsibleIconRender:{type:Function},boxShadow:{type:Boolean},chart:{type:[Object,String,Number,Boolean,null,Array]},statistic:{},chartPlacement:{},footer:{type:[Object,String,Number,Boolean,null,Array]}},setup(g){const r=g,t=e.useSlots(),{b:n}=q.useNamespace("statistic-card"),S=e.computed(()=>n()),C=e.computed(()=>{const o=n("chart");return _.mergeClass(`${o}`,[r.chartPlacement==="left"?`${o}-left`:void 0,r.chartPlacement==="right"?`${o}-right`:void 0].filter(Boolean))}),d=e.computed(()=>{const o=n("content");return _.mergeClass(`${o}`,[r.chartPlacement==="left"||r.chartPlacement==="right"?`${o}-horizontal`:void 0].filter(Boolean))}),N=e.computed(()=>n("footer")),c=e.computed(()=>{var o,u,s,a,p,f,m,y,v,h,B,b;return r.statistic?e.createVNode(P.default,e.mergeProps({layout:"vertical"},r.statistic,{title:((o=r.statistic)==null?void 0:o.title)||((u=t.statisticTitle)==null?void 0:u.call(t)),prefix:((s=r.statistic)==null?void 0:s.prefix)||((a=t.prefix)==null?void 0:a.call(t)),suffix:((p=r.statistic)==null?void 0:p.suffix)||((f=t.suffix)==null?void 0:f.call(t)),icon:((m=r.statistic)==null?void 0:m.icon)||((y=t.icon)==null?void 0:y.call(t)),tip:((v=r.statistic)==null?void 0:v.tip)||((h=t.tip)==null?void 0:h.call(t)),description:((B=r.statistic)==null?void 0:B.description)||((b=t.description)==null?void 0:b.call(t))}),null):void 0}),l=e.computed(()=>{var o;return r.chart||t.chart?e.createVNode("div",{class:C.value},[r.chart||((o=t.chart)==null?void 0:o.call(t))]):void 0}),i=e.computed(()=>l.value||c.value?r.chartPlacement==="left"?e.createVNode("div",{class:d.value},[l.value,c.value]):e.createVNode("div",{class:d.value},[c.value,l.value]):void 0),x=e.computed(()=>{var o;return r.footer||t.footer?e.createVNode("div",{class:N.value},[r.footer||((o=t.footer)==null?void 0:o.call(t))]):void 0});return(o,u)=>(e.openBlock(),e.createBlock(j.default,e.mergeProps({class:S.value},{...r}),e.createSlots({default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(O.omit)(t,["chart","footer","description","default"]),(s,a)=>({name:a,fn:e.withCtx(()=>[e.renderSlot(o.$slots,a)])}))]),1040,["class"]))}});exports.default=k;

package/lib/src/ap-pro-card/interface.d.ts

@@ -47,6 +47,16 @@ export interface ApProCardProps {
     hoverable?: boolean;
     /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
     ghost?: boolean;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 配置默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 受控 collapsed 属性 */
+    collapsed?: boolean;
+    /** 折叠按钮自定义节点 */
+    collapsibleIconRender?: ({ collapsed }: {
+        collapsed: boolean;
+    }) => VNodeChild;
     /** card的阴影 */
     boxShadow?: boolean;
 }
@@ -118,6 +128,26 @@ export type ApStatisticCardSolts = ApProCardSolts & {
      * 额外指标展示
      */
     footer?: () => VNodeChild;
+    /**
+     * 数值的标题
+     */
+    statisticTitle?: () => VNode[];
+    /**
+     * 设置数值的前缀
+     */
+    prefix?: () => VNode[];
+    /**
+     * 设置数值的后缀
+     */
+    suffix?: () => VNode[];
+    /**
+     * 图标
+     */
+    icon?: () => VNode[];
+    /**
+     * 标题提示
+     */
+    tip?: () => VNode[];
     /**
      * 描述性标签
      */

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.23.0";
+declare const _default: "6.24.1";
 export default _default;

package/lib/src/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.23.0",
+  "version": "6.24.1",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -37,8 +37,8 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.61",
-    "@aplus-frontend/hooks": "1.0.7"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.61"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.2.1",

package/theme/ag-grid/index.css

@@ -672,3 +672,12 @@
 .aplus-ag-grid-size-medium .ag-cell > div {
   width: 100%;
 }
+.aplus-ag-grid .ag-cell-value {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--ag-grid-line-clamp);
+  word-break: break-all;
+}
+.aplus-ag-grid .ag-tooltip {
+  max-width: 300px;
+}

package/theme/ag-grid/index.less

@@ -142,4 +142,13 @@
       }
     }
   }
+  .ag-cell-value {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: var(--ag-grid-line-clamp);
+    word-break: break-all;
+  }
+  .ag-tooltip {
+    max-width: 300px;
+  }
 });

package/theme/ap-pro-card/index.css

@@ -93,6 +93,23 @@
   padding-block-end: var(--ap-pro-card-header-padding-bottom);
   border-block-end: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
 }
+.aplus-pro-card-header-collapsible {
+  cursor: pointer;
+}
+.aplus-pro-card-collapsible-icon {
+  margin-inline-end: 4px;
+  color: var(--ap-pro-card-header-title-font-color);
+  font-size: 14px;
+  transition: transform 0.3s;
+}
+.aplus-pro-card-collapsible-icon:hover {
+  color: var(--ap-hover-color-base);
+}
+.aplus-pro-card-collapsible-icon.aplus-frontend-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .aplus-pro-card-type-inner > .aplus-pro-card-header {
   background: var(--ap-pro-card-area-color);
 }
@@ -257,6 +274,13 @@
   background: var(--ap-pro-card-colo-bg-container);
   padding: var(--ap-pro-card-actions-padding);
 }
+.aplus-pro-card-collapsed > .aplus-pro-card-header {
+  padding-block-end: var(--ap-pro-card-header-padding-bottom);
+  border-block-end: 0;
+}
+.aplus-pro-card-collapsed > .aplus-pro-card-body {
+  display: none;
+}
 .aplus-pro-card-title-default {
   position: relative;
   font-weight: bold;
@@ -359,19 +383,22 @@
   width: 100%;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content-value-int {
-  font-size: 24px;
+  font-size: 22px;
+  font-weight: bold;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content-value {
-  font-size: 24px;
+  font-size: 22px;
+  font-weight: bold;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content-value-decimal {
-  font-size: 24px;
+  font-size: 22px;
+  font-weight: bold;
 }
 .aplus-pro-card-statistic-description {
   width: 100%;
 }
 .aplus-pro-card-statistic .ant-statistic-title {
-  color: var(--ap-text-color-2);
+  color: var(--ap-text-color-3);
   line-height: 18px;
 }
 .aplus-pro-card-statistic-trend-up .ant-statistic-content {
@@ -424,6 +451,7 @@
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
   font-size: 12px;
+  font-weight: 500;
 }
 .aplus-statistic-card-chart {
   display: flex;

package/theme/ap-pro-card/index.less

@@ -47,6 +47,23 @@
       padding-block-end: var(--ap-pro-card-header-padding-bottom);
       border-block-end: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
     }
+    &-collapsible {
+      cursor: pointer;
+    }
+  }
+  &-collapsible-icon {
+    margin-inline-end: 4px;
+    color: var(--ap-pro-card-header-title-font-color);
+    font-size: 14px;
+    transition: transform 0.3s;
+    &:hover {
+      color: var(--ap-hover-color-base);
+    }
+    &.aplus-frontend-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
   &-type-inner > &-header {
     background: var(--ap-pro-card-area-color);
@@ -126,6 +143,13 @@
     background: var(--ap-pro-card-colo-bg-container);
     padding: var(--ap-pro-card-actions-padding);
   }
+  &-collapsed > &-header {
+    padding-block-end: var(--ap-pro-card-header-padding-bottom);
+    border-block-end: 0;
+  }
+  &-collapsed > &-body {
+    display: none;
+  }
 });
 
 .b(pro-card-title, {
@@ -234,13 +258,16 @@
     width: 100%;
     .ant-statistic-content {
       &-value-int {
-        font-size: 24px;
+        font-size: 22px;
+        font-weight: bold;
       }
       &-value {
-        font-size: 24px;
+        font-size: 22px;
+        font-weight: bold;
       }
       &-value-decimal {
-        font-size: 24px;
+        font-size: 22px;
+        font-weight: bold;
       }
     }
   }
@@ -248,7 +275,7 @@
     width: 100%;
   }
   .ant-statistic-title {
-    color: var(--ap-text-color-2);
+    color: var(--ap-text-color-3);
     line-height: 18px;
   }
   &-trend-up {
@@ -293,6 +320,7 @@
     }
     .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
       font-size: 12px;
+      font-weight: 500;
     }
   }
 });

package/theme/ap-tag/ap-tag.css

@@ -90,12 +90,14 @@
   background-color: rgba(51, 51, 51, 0.15);
 }
 .aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled {
-  border: 1px solid #DEE4ED;
+  outline: 1px solid #DEE4ED;
+  outline-offset: -1px;
   background-color: #526a900f;
   color: #8896b0;
 }
 .aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled-admin {
-  border: 1px solid #d9d9d9;
+  outline: 1px solid #d9d9d9;
+  outline-offset: -1px;
   background-color: #9999990f;
   color: #999;
 }

package/theme/ap-tag/ap-tag.less

@@ -52,12 +52,14 @@
       background-color: rgba(#333,0.15);
     }
     &-wrapper-border &-inner-wrapper--disabled {
-      border: 1px solid #DEE4ED;
+      outline: 1px solid #DEE4ED;
+      outline-offset: -1px;
       background-color: #526a900f;
       color: #8896b0;
     }
     &-wrapper-border &-inner-wrapper--disabled-admin {
-      border: 1px solid #d9d9d9;
+      outline: 1px solid #d9d9d9;
+      outline-offset: -1px;
       background-color: #9999990f;
       color: #999;
     }

package/theme/index.css

@@ -2382,12 +2382,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background-color: rgba(51, 51, 51, 0.15);
 }
 .aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled {
-  border: 1px solid #DEE4ED;
+  outline: 1px solid #DEE4ED;
+  outline-offset: -1px;
   background-color: #526a900f;
   color: #8896b0;
 }
 .aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled-admin {
-  border: 1px solid #d9d9d9;
+  outline: 1px solid #d9d9d9;
+  outline-offset: -1px;
   background-color: #9999990f;
   color: #999;
 }
@@ -4326,6 +4328,15 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ag-grid-size-medium .ag-cell > div {
   width: 100%;
 }
+.aplus-ag-grid .ag-cell-value {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--ag-grid-line-clamp);
+  word-break: break-all;
+}
+.aplus-ag-grid .ag-tooltip {
+  max-width: 300px;
+}
 .aplus-ap-value-select-card {
   position: relative;
   margin-top: 8px;
@@ -4492,6 +4503,23 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   padding-block-end: var(--ap-pro-card-header-padding-bottom);
   border-block-end: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
 }
+.aplus-pro-card-header-collapsible {
+  cursor: pointer;
+}
+.aplus-pro-card-collapsible-icon {
+  margin-inline-end: 4px;
+  color: var(--ap-pro-card-header-title-font-color);
+  font-size: 14px;
+  transition: transform 0.3s;
+}
+.aplus-pro-card-collapsible-icon:hover {
+  color: var(--ap-hover-color-base);
+}
+.aplus-pro-card-collapsible-icon.aplus-frontend-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .aplus-pro-card-type-inner > .aplus-pro-card-header {
   background: var(--ap-pro-card-area-color);
 }
@@ -4656,6 +4684,13 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background: var(--ap-pro-card-colo-bg-container);
   padding: var(--ap-pro-card-actions-padding);
 }
+.aplus-pro-card-collapsed > .aplus-pro-card-header {
+  padding-block-end: var(--ap-pro-card-header-padding-bottom);
+  border-block-end: 0;
+}
+.aplus-pro-card-collapsed > .aplus-pro-card-body {
+  display: none;
+}
 .aplus-pro-card-title-default {
   position: relative;
   font-weight: bold;
@@ -4758,19 +4793,22 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   width: 100%;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content-value-int {
-  font-size: 24px;
+  font-size: 22px;
+  font-weight: bold;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content-value {
-  font-size: 24px;
+  font-size: 22px;
+  font-weight: bold;
 }
 .aplus-pro-card-statistic-content .ant-statistic-content-value-decimal {
-  font-size: 24px;
+  font-size: 22px;
+  font-weight: bold;
 }
 .aplus-pro-card-statistic-description {
   width: 100%;
 }
 .aplus-pro-card-statistic .ant-statistic-title {
-  color: var(--ap-text-color-2);
+  color: var(--ap-text-color-3);
   line-height: 18px;
 }
 .aplus-pro-card-statistic-trend-up .ant-statistic-content {
@@ -4823,6 +4861,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
 .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
   font-size: 12px;
+  font-weight: 500;
 }
 .aplus-statistic-card-chart {
   display: flex;