@aplus-frontend/ui 7.15.0 → 7.15.2

package/lib/src/business/ap-descriptions/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../utils/cssinjs/index.js"),n=t=>{const{componentCls:i}=t;return{[i]:{".ant-descriptions":{".ant-descriptions-view table":{tableLayout:"fixed"},"td.ant-descriptions-item":{paddingBlockEnd:"var(--ap-descriptions-item-padding-bottom, 16px)"},"th.ant-descriptions-item":{paddingBlockEnd:t.spaceXS},".ant-descriptions-row:last-child":{".ant-descriptions-item":{paddingBottom:"var(--ap-descriptions-last-row-item-padding-bottom, 0px)"}},".ant-descriptions-item-label::after":{marginInlineStart:t.spaceXS,marginInlineEnd:t.spaceLG}},[`${i}-item__ellipsis`]:{".ant-descriptions-item-label":{flexShrink:0},".ant-descriptions-item-content":{flexShrink:1,minWidth:0,".ant-typography":{marginBlockEnd:0,flex:1},".ant-typography-ellipsis":{maxWidth:"100%"}}},[`${i}--item-label`]:{".ant-typography-single-line":{whiteSpace:"normal"}},".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:t.textColor3,".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:t.spaceXS,color:t.textColor3},".ant-typography":{color:"inherit"}},".ant-descriptions-item-content":{color:t.textColor1,".ap-descriptions-item-content__link":{color:t.colorLink,cursor:"pointer"}}}}}},o=e.genComponentStyleHook("ApDescriptions",t=>[n(t)]);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../utils/cssinjs/index.js"),n=t=>{const{componentCls:i}=t;return{[i]:{".ant-descriptions":{".ant-descriptions-view table":{tableLayout:"fixed"},"td.ant-descriptions-item":{paddingBlockEnd:"var(--ap-descriptions-item-padding-bottom, 16px)"},"th.ant-descriptions-item":{paddingBlockEnd:t.spaceXS},".ant-descriptions-row:last-child":{".ant-descriptions-item":{paddingBottom:"var(--ap-descriptions-last-row-item-padding-bottom, 0px)"}},".ant-descriptions-item-label::after":{marginInlineStart:t.spaceXS,marginInlineEnd:t.spaceLG}},[`${i}-item__ellipsis`]:{".ant-descriptions-item-label":{flexShrink:0},".ant-descriptions-item-content":{flexShrink:1,minWidth:0,".ant-typography":{marginBlockEnd:0,flex:1},".ant-typography-ellipsis":{maxWidth:"100%"}}},[`${i}--item-label`]:{".ant-typography-single-line":{whiteSpace:"normal"}},".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:t.textColor3,".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:t.spaceXS,color:t.textColor3},".ant-typography":{color:"inherit"}},".ant-descriptions-item-content":{color:t.textColor1,[`${i}-content__suffix`]:{whiteSpace:"pre-wrap"},".ap-descriptions-item-content__link":{color:t.colorLink,cursor:"pointer"}}}}}},o=e.genComponentStyleHook("ApDescriptions",t=>[n(t)]);exports.default=o;

package/lib/src/time-ago/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("dayjs");require("../config-provider/index.js");const f=require("./style/index.js"),d=require("./useTimeAgo.js"),p=require("./utils.js"),g=require("../config-provider/hooks/use-locale.js"),v=require("../config-provider/hooks/use-namespace.js"),_=["title"],q=e.defineComponent({name:"TimeAgo",__name:"index",props:{value:{default:Date.now()},title:{type:[String,Object,Boolean],default:!0},interval:{type:[Boolean,Number],default:1e4}},setup(n){const o=n,{locale:s}=g.useLocale(),{b:u}=v.useNamespace("time-ago"),a=f.default("time-ago"),l=d.default(e.toRef(o,"value"),Date.now(),e.toRef(o,"interval")),i=e.computed(()=>p.getTimeAgoStr(l.value,s.value)),c=e.computed(()=>{const t=o.title;if(t===!1)return;if(typeof t=="string")return t;const r=t===!0?"YYYY-MM-DD HH:mm:ss":t.format;return m(o.value).format(r)});return(t,r)=>(e.openBlock(),e.createElementBlock("span",{title:c.value,class:e.normalizeClass([e.unref(u)(),e.unref(a)])},e.toDisplayString(i.value),11,_))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("dayjs");require("../config-provider/index.js");const f=require("./style/index.js"),d=require("./useTimeAgo.js"),p=require("./utils.js"),g=require("../config-provider/hooks/use-locale.js"),v=require("../config-provider/hooks/use-namespace.js"),_=["title"],q=e.defineComponent({name:"TimeAgo",__name:"index",props:{value:{default:Date.now()},title:{type:[String,Object,Boolean],default:!0},interval:{type:[Boolean,Number],default:1e4},customFormat:{}},setup(s){const o=s,{locale:u}=g.useLocale(),{b:a}=v.useNamespace("time-ago"),n=f.default("time-ago"),l=d.default(e.toRef(o,"value"),Date.now(),e.toRef(o,"interval")),c=e.computed(()=>{const t=l.value;return o.customFormat?o.customFormat(t):p.getTimeAgoStr(t,u.value)}),i=e.computed(()=>{const t=o.title;if(t===!1)return;if(typeof t=="string")return t;const r=t===!0?"YYYY-MM-DD HH:mm:ss":t.format;return m(o.value).format(r)});return(t,r)=>(e.openBlock(),e.createElementBlock("span",{title:i.value,class:e.normalizeClass([e.unref(a)(),e.unref(n)])},e.toDisplayString(c.value),11,_))}});exports.default=q;

package/lib/src/time-ago/interface.d.ts

@@ -1,3 +1,4 @@
+import { TimeAgoResultType } from './useTimeAgo';
 export type TimeAgoProps = {
     /**
      * 相对时间参考值
@@ -13,4 +14,11 @@ export type TimeAgoProps = {
      * 刷新的时间间隔(ms)
      */
     interval?: false | number;
+    /**
+     * 自定义相对事件格式化
+     * @param diff 相对事件间隔(ms)
+     * @param diffFormatted 格式化后的相对事件间隔
+     * @returns
+     */
+    customFormat?: (params: TimeAgoResultType) => void;
 };

package/lib/src/time-ago/useTimeAgo.d.ts

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { DurationResultType } from './utils';
 export type TimeAgoResultType = {
     /**
      * 差值（绝对值ms）
@@ -16,6 +17,10 @@ export type TimeAgoResultType = {
      * 差值数量（向下取整）
      */
     count: number;
+    /**
+     * 差值，格式化后
+     */
+    diffFormatted: DurationResultType;
 };
 type DateType = Date | number | string;
 export declare function getTimeAgo(ts: number, baseline: number): TimeAgoResultType;
@@ -33,10 +38,26 @@ declare const useTimeGo: (target: Ref<DateType>, base: DateType, interval: Ref<f
     type: "ago" | "late";
     unit: "s" | "m" | "h" | "d" | "M" | "y";
     count: number;
+    diffFormatted: {
+        year: number;
+        month: number;
+        day: number;
+        hour: number;
+        min: number;
+        sec: number;
+    };
 }, TimeAgoResultType | {
     diffMs: number;
     type: "ago" | "late";
     unit: "s" | "m" | "h" | "d" | "M" | "y";
     count: number;
+    diffFormatted: {
+        year: number;
+        month: number;
+        day: number;
+        hour: number;
+        min: number;
+        sec: number;
+    };
 }>;
 export default useTimeGo;

package/lib/src/time-ago/useTimeAgo.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("dayjs"),r=require("vue");function o(n,u){const t=Math.abs(n-u),e={diffMs:t,type:n<u?"ago":"late"};return t<60*1e3?(e.unit="s",e.count=Math.round(t/1e3)):t<3600*1e3?(e.unit="m",e.count=Math.round(t/(60*1e3))):t<1440*60*1e3?(e.unit="h",e.count=Math.round(t/(3600*1e3))):t<720*60*60*1e3?(e.unit="d",e.count=Math.round(t/(1440*60*1e3))):t<365*24*60*60*1e3?(e.unit="M",e.count=Math.round(t/(720*60*60*1e3))):(e.unit="y",e.count=Math.round(t/365/(1440*60*1e3))),e}function i(n){return m(n).valueOf()}let b=1;function v(){return b++}const s=new Map;let l,c;function M(n,u){s.set(n,u),s.size&&!c&&(clearInterval(l),l=setInterval(()=>{c=!0;const t=Date.now();s.forEach(e=>{e.interval&&Math.abs(t-e.updated-e.interval)<50&&(e.timeAgo.value=o(e.ts,t),e.updated=t)})},5e3))}function g(n){s.delete(n),s.size||(clearInterval(l),c=!1)}const p=(n,u,t)=>{const e=v(),a=r.ref(o(i(n.value),i(u))),f={ts:i(n.value),timeAgo:a,interval:t.value,updated:Date.now()};return r.watch(()=>n.value,h=>{const d=i(h);f.ts=d,a.value=o(d,i(u))}),M(e,f),r.onBeforeUnmount(()=>{g(e)}),a};exports.default=p;exports.getId=v;exports.getTimeAgo=o;exports.subscribe=M;exports.unsubscribe=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("dayjs"),r=require("vue"),b=require("./utils.js");function s(n,u){const t=Math.abs(n-u),e={diffMs:t,type:n<u?"ago":"late",diffFormatted:b.formatDuration(t)};return t<60*1e3?(e.unit="s",e.count=Math.round(t/1e3)):t<3600*1e3?(e.unit="m",e.count=Math.round(t/(60*1e3))):t<1440*60*1e3?(e.unit="h",e.count=Math.round(t/(3600*1e3))):t<720*60*60*1e3?(e.unit="d",e.count=Math.round(t/(1440*60*1e3))):t<365*24*60*60*1e3?(e.unit="M",e.count=Math.round(t/(720*60*60*1e3))):(e.unit="y",e.count=Math.round(t/365/(1440*60*1e3))),e}function i(n){return h(n).valueOf()}let p=1;function v(){return p++}const o=new Map;let l,c;function M(n,u){o.set(n,u),o.size&&!c&&(clearInterval(l),l=setInterval(()=>{c=!0;const t=Date.now();o.forEach(e=>{e.interval&&Math.abs(t-e.updated-e.interval)<50&&(e.timeAgo.value=s(e.ts,t),e.updated=t)})},5e3))}function m(n){o.delete(n),o.size||(clearInterval(l),c=!1)}const T=(n,u,t)=>{const e=v(),a=r.ref(s(i(n.value),i(u))),f={ts:i(n.value),timeAgo:a,interval:t.value,updated:Date.now()};return r.watch(()=>n.value,g=>{const d=i(g);f.ts=d,a.value=s(d,i(u))}),M(e,f),r.onBeforeUnmount(()=>{m(e)}),a};exports.default=T;exports.getId=v;exports.getTimeAgo=s;exports.subscribe=M;exports.unsubscribe=m;

package/lib/src/time-ago/utils.d.ts

@@ -1,4 +1,15 @@
 import { LocaleType } from '../locale';
 import { TimeAgoResultType } from './useTimeAgo';
+export type DurationResultType = {
+    year: number;
+    month: number;
+    day: number;
+    hour: number;
+    min: number;
+    sec: number;
+};
+type DurationUnitType = keyof DurationResultType;
+export declare function formatDuration(ms: number, maxUnit?: DurationUnitType): DurationResultType;
 export declare function getCountWord(wordTemplate: string, count: number): string;
 export declare function getTimeAgoStr(config: TimeAgoResultType, locale: LocaleType): string;
+export {};

package/lib/src/time-ago/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(o,r){const t=o.split("|");return t.length===1?`${r} ${o}`:`${r} ${r>1?t[1].trim():t[0].trim()}`}function f(o,r){const t=r.ap.timeAgo,u={s:t.second,m:t.minute,h:t.hour,d:t.days,M:t.months,y:t.years},{unit:s,count:a,type:l}=o;let e=u[o.unit],n=!0;if(s==="s"&&o.count<10?(e=t.justNow,n=!1):s==="d"&&a===1?(e=l==="ago"?t.yesterday:t.tomorrow,n=!1):s==="M"&&a===1?(e=l==="ago"?t.lastMonth:t.nextMonth,n=!1):s==="y"&&a===1&&(e=l==="ago"?t.lastYear:t.nextYear,n=!1),!n)return e;const g=l==="ago"?t.ago:t.late;return e=`${i(e,a)} ${g}`,r.name==="zh-cn"&&(e=e.replace(/\s+/g,"")),e}exports.getCountWord=i;exports.getTimeAgoStr=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c={sec:1e3,min:1e3*60,hour:1e3*60*60,day:1e3*60*60*24,month:1e3*60*60*24*30,year:1e3*60*60*24*30*12},u=["year","month","day","hour","min","sec"];function y(o,n="year"){let t=o;const l={year:0,month:0,day:0,hour:0,min:0,sec:0},s=u.indexOf(n);for(let r=s;r<u.length;r++){const a=u[r],e=Math.floor(t/c[a]);l[a]=e,t%=c[a]}return l}function m(o,n){const t=o.split("|");return t.length===1?`${n} ${o}`:`${n} ${n>1?t[1].trim():t[0].trim()}`}function d(o,n){const t=n.ap.timeAgo,l={s:t.second,m:t.minute,h:t.hour,d:t.days,M:t.months,y:t.years},{unit:s,count:r,type:a}=o;let e=l[o.unit],i=!0;if(s==="s"&&o.count<10?(e=t.justNow,i=!1):s==="d"&&r===1?(e=a==="ago"?t.yesterday:t.tomorrow,i=!1):s==="M"&&r===1?(e=a==="ago"?t.lastMonth:t.nextMonth,i=!1):s==="y"&&r===1&&(e=a==="ago"?t.lastYear:t.nextYear,i=!1),!i)return e;const f=a==="ago"?t.ago:t.late;return e=`${m(e,r)} ${f}`,n.name==="zh-cn"&&(e=e.replace(/\s+/g,"")),e}exports.formatDuration=y;exports.getCountWord=m;exports.getTimeAgoStr=d;

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

@@ -43,3 +43,4 @@ export declare function getRouteType(): "history" | "hash";
 export declare function getScrollbarSize(): number;
 export declare function getTopWindow(): Window;
 export declare function randomStr(size?: number, dict?: string): string;
+export declare function getNumberPx(size: string | number | undefined): number | undefined;

package/lib/src/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vueuse/core"),d=require("lodash-unified"),s=require("vue"),a=require("./is.js");function f(e){return e?.parentNode??document.body}function p(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function y(e,t=[],n){const o=Object.assign({},e),i=Object.keys(o);for(let c=0;c<i.length;c+=1){const r=i[c];(t.includes(r)||n?.(r,o[r]))&&delete o[r]}return o}function w(e){return/^[A-Z][A-Za-z]*$/.test(e)}function u(e){if(Array.isArray(e))return e.map(t=>u(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=u(e[n]);return s.markRaw(t)}return e}function g(e){const t={...e};for(const n of Object.keys(t))d.isUndefined(t[n])&&delete t[n];return t}function h(e,...t){return typeof e=="function"?e(...t):e}function m(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}function v(){if(!l.isClient)return 15;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);const t=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),t}function b(){return(window.top!==window?window.top:window)??window}const R="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";function C(e=16,t=R){let n="",o=e;const i=t.length;for(;o--;)n+=t[Math.random()*i|0];return n}exports.isDef=a.isDef;exports.convertReactiveToRaw=u;exports.getDynamicProps=p;exports.getPopupContainer=f;exports.getRouteType=m;exports.getScrollbarSize=v;exports.getTopWindow=b;exports.isPascalCase=w;exports.omitUndefined=g;exports.omitWhen=y;exports.randomStr=C;exports.runFunction=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vueuse/core"),d=require("lodash-unified"),s=require("vue"),f=require("./is.js");function a(e){return e?.parentNode??document.body}function p(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function y(e,t=[],n){const o=Object.assign({},e),r=Object.keys(o);for(let u=0;u<r.length;u+=1){const i=r[u];(t.includes(i)||n?.(i,o[i]))&&delete o[i]}return o}function g(e){return/^[A-Z][A-Za-z]*$/.test(e)}function c(e){if(Array.isArray(e))return e.map(t=>c(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=c(e[n]);return s.markRaw(t)}return e}function m(e){const t={...e};for(const n of Object.keys(t))d.isUndefined(t[n])&&delete t[n];return t}function w(e,...t){return typeof e=="function"?e(...t):e}function h(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}function b(){if(!l.isClient)return 15;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);const t=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),t}function v(){return(window.top!==window?window.top:window)??window}const P="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";function R(e=16,t=P){let n="",o=e;const r=t.length;for(;o--;)n+=t[Math.random()*r|0];return n}function x(e){return e===void 0||typeof e=="number"?e:Number(e.replace(/px/g,""))}exports.isDef=f.isDef;exports.convertReactiveToRaw=c;exports.getDynamicProps=p;exports.getNumberPx=x;exports.getPopupContainer=a;exports.getRouteType=h;exports.getScrollbarSize=b;exports.getTopWindow=v;exports.isPascalCase=g;exports.omitUndefined=m;exports.omitWhen=y;exports.randomStr=R;exports.runFunction=w;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.15.0";
+declare const _default: "7.15.2";
 export default _default;

package/lib/src/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.15.0",
+  "version": "7.15.2",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -40,18 +40,18 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.65"
+    "@aplus-frontend/utils": "1.0.65",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^2.1.2",
+    "@aplus-frontend/antdv": "^2.1.4",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "vue": "^3.5.21",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^2.1.2",
+    "@aplus-frontend/antdv": "^2.1.4",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "@emotion/serialize": "^1.3.3",