@aplus-frontend/ui 7.3.3 → 7.4.1

package/lib/src/loading-bar/index.d.ts

@@ -0,0 +1,9 @@
+import { default as LoadingBarComp } from './index.vue';
+import { LoadingBar as LoadingBarGlobal } from './global';
+declare const globalIns: LoadingBarGlobal;
+type LoadingBarMix = typeof LoadingBarComp & {
+    open: typeof globalIns.open;
+};
+declare const LoadingBar: LoadingBarMix;
+export * from './interface';
+export { LoadingBar };

package/lib/src/loading-bar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index.vue.js");const n=require("./global.js");require("./interface.js");const o=require("./index.vue2.js"),e=new n.LoadingBar,r=o.default;r.open=e.open.bind(e);exports.LoadingBar=r;

package/lib/src/loading-bar/index.vue.d.ts

@@ -0,0 +1,14 @@
+import { LoadingBarOptions, LoadingBarProps, LoadingStatus } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<LoadingBarProps, {
+    start: (option?: LoadingBarOptions) => void;
+    done: (status?: LoadingStatus) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoadingBarProps> & Readonly<{}>, {
+    position: "top" | "bottom";
+    status: LoadingStatus;
+    stopProgress: number;
+    barSize: number;
+    defaultProgress: number;
+    manul: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/src/loading-bar/index.vue.js

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

package/lib/src/loading-bar/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/index.js");const A=require("./style/index.js"),h=require("../utils/index.js"),F=require("../config-provider/hooks/use-token.js"),B=require("../config-provider/hooks/use-namespace.js"),D=["aria-valuenow"],C=.05,I=e.defineComponent({__name:"index",props:{defaultProgress:{default:0},barSize:{default:2},status:{default:"default"},position:{default:"top"},stopProgress:{default:90},manul:{type:Boolean,default:!1}},setup(S,{expose:x}){const t=S,{token:_}=F.useToken(),u=e.computed(()=>_.value?.components?.LoadingBar?.loadingBarAnimateDuration??250),o=e.ref(!1),{b:f,m:z,e:w}=B.useNamespace("loading-bar"),P=A.default("loading-bar"),n=e.ref(t.position),s=e.ref(t.defaultProgress),l=e.ref(t.status),i=e.ref(t.stopProgress),c=e.ref(t.barSize),d=e.ref(!1);e.watch(()=>t.status,a=>{l.value=a}),e.watch(()=>t.stopProgress,a=>{i.value=a}),e.watch(()=>t.position,a=>n.value=a),e.watch(()=>t.barSize,a=>c.value=a);const q=e.computed(()=>[f(),z(l.value),P.value]),T=e.computed(()=>({[n.value]:0,height:`${c.value}px`,...d.value?{position:"fixed",zIndex:99}:{}})),k=e.computed(()=>({transform:`translateX(${(s.value-100)/2}%) scaleX(${s.value/100})`}));let r;const v=()=>{const a=i.value-s.value;if(a<=0){r&&cancelAnimationFrame(r);return}s.value+=a*C,r=requestAnimationFrame(v)};let p;const y=a=>{d.value=a?._globalMark??!1,a?.position&&(n.value=a?.position),a?.barSize&&(c.value=a.barSize),r&&cancelAnimationFrame(r),clearTimeout(p),o.value=!0,setTimeout(()=>{const{progress:m,stopProgress:g,status:b}=a||{};h.isDef(m)&&(s.value=m),h.isDef(g)&&(i.value=g),b&&(l.value=b),p=setTimeout(()=>{o.value=!0,r=requestAnimationFrame(v)},u.value)})};return e.onMounted(()=>{t.manul||(o.value=!0,requestAnimationFrame(v))}),e.onBeforeUnmount(()=>{o.value=!1,r&&cancelAnimationFrame(r)}),e.watch(()=>s.value,a=>{a===100&&setTimeout(()=>{o.value=!1,setTimeout(()=>{s.value=0,l.value="default"},u.value)},u.value)}),x({start:y,done(a){s.value=100,a&&(l.value=a)}}),(a,m)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(f)("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(q.value),style:e.normalizeStyle(T.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(w)("bar")),style:e.normalizeStyle(k.value),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.value},null,14,D)],6),[[e.vShow,o.value]])]),_:1},8,["name"]))}});exports.default=I;

package/lib/src/loading-bar/interface.d.ts

@@ -0,0 +1,48 @@
+export type LoadingStatus = 'default' | 'success' | 'warning' | 'error';
+export type LoadingBarProps = {
+    /**
+     * 默认加载进度
+     */
+    defaultProgress?: number;
+    /**
+     * 加载条尺寸
+     */
+    barSize?: number;
+    /**
+     * 加载状态
+     */
+    status?: LoadingStatus;
+    /**
+     * 放置的位置
+     */
+    position?: 'top' | 'bottom';
+    /**
+     * 停止进度
+     */
+    stopProgress?: number;
+    /**
+     * 是否手动触发进度开始
+     */
+    manul?: boolean;
+};
+export type LoadingBarOptions = Pick<LoadingBarProps, 'status' | 'stopProgress' | 'position' | 'barSize'> & {
+    progress?: number;
+    /**
+     * 全局使用标记，请勿传入
+     */
+    _globalMark?: boolean;
+};
+export type LoadingBarExpose = {
+    /**
+     * 执行进度loading
+     * @param progress 初始进度
+     * @returns
+     */
+    start: (option?: LoadingBarOptions) => void;
+    /**
+     * 完成进度条加载中
+     * @param status
+     * @returns
+     */
+    done: (status?: LoadingStatus) => void;
+};

package/lib/src/loading-bar/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/loading-bar/style/index.d.ts

@@ -0,0 +1,12 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { ComputedRef } from 'vue';
+export type LoadingBarToken = {
+    /**
+     * 动画持续时间
+     */
+    loadingBarAnimateDuration: number;
+};
+export declare function genFadeKeyFrames(): string[];
+export declare const genLoadingBarStyle: GenStyleFunc<LoadingBarToken>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
+export default _default;

package/lib/src/loading-bar/style/index.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@emotion/css"),c=require("../../utils/cssinjs/index.js"),l={loadingBarAnimateDuration:250};function t(){const e=r.keyframes`
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  `,a=r.keyframes`
+    0% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 0;
+    }
+  `;return[e,a]}const i=e=>{const[a,s]=t(),{componentCls:n,loadingBarAnimateDuration:o}=e;return{[n]:{position:"absolute",insetInlineStart:0,width:"100%",zIndex:1,[`${n}__bar`]:{width:"100%",height:"100%",pointerEvents:"none",transition:"background-color .25s ease, transform .25s ease",willChange:"transform"},"&--default":{[`${e.componentCls}__bar`]:{background:e.colorPrimary}},"&--success":{[`${e.componentCls}__bar`]:{background:e.colorSuccess}},"&--warning":{[`${e.componentCls}__bar`]:{background:e.colorWarn}},"&--error":{[`${e.componentCls}__bar`]:{background:e.colorError}},"&-fade":{"&-enter-active":{animationName:a,animationDuration:`${o}ms`},"&-leave-active":{animationName:s,animationDuration:`${o}ms`}}}}},u=c.genComponentStyleHook("LoadingBar",e=>[i(e)],l,{skipUnit:["loadingBarAnimateDuration"]});exports.default=u;exports.genFadeKeyFrames=t;exports.genLoadingBarStyle=i;

package/lib/src/scroll-view/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { ScrollOptions, ScrollViewProps } from './interface';
-import { ScrollBarDirection, InternalScrollBarProps, ColorType } from '../scroll-bar';
+import { ScrollBarDirection, InternalScrollBarProps } from '../scroll-bar';
 import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, ComputedRef } from 'vue';
 declare function scroll(x?: number, y?: number): void;
 declare function scrollTo({ smooth, left, top }: ScrollOptions): void;
@@ -106,8 +106,8 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScroll?: ((percent: number) => void) | undefined;
         disabled?: boolean | undefined;
         trackSpeed?: number | undefined;
-        barColor?: ColorType;
-        trackColor?: ColorType;
+        barColor?: import("csstype").Property.BackgroundColor | undefined;
+        trackColor?: import("csstype").Property.BackgroundColor | undefined;
         trackWidth?: number | undefined;
         showTrack?: boolean | undefined;
         onScrollStart?: ((percent: number) => void) | undefined;
@@ -118,8 +118,8 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScroll?: ((percent: number) => void) | undefined;
         disabled?: boolean | undefined;
         trackSpeed?: number | undefined;
-        barColor?: ColorType;
-        trackColor?: ColorType;
+        barColor?: import("csstype").Property.BackgroundColor | undefined;
+        trackColor?: import("csstype").Property.BackgroundColor | undefined;
         trackWidth?: number | undefined;
         showTrack?: boolean | undefined;
         onScrollStart?: ((percent: number) => void) | undefined;

package/lib/src/tests/wrapper.d.ts

@@ -1,8 +1,8 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const Wrapper: DefineComponent<{
-    uiMode?: ("admin" | "aplus") | undefined;
-    lang?: ("en" | "zh-cn") | undefined;
+    uiMode?: "admin" | "aplus" | undefined;
+    lang?: "en" | "zh-cn" | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-    uiMode?: ("admin" | "aplus") | undefined;
-    lang?: ("en" | "zh-cn") | undefined;
+    uiMode?: "admin" | "aplus" | undefined;
+    lang?: "en" | "zh-cn" | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/lib/src/utils/cssinjs/TokenUtil.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(t){this.result="",this.result=t}add(t){return t instanceof s?this.result=`${this.result} + ${t.getResult()}`:this.result=`${this.result} + ${t}`,this.lowPriority=!0,this}sub(t){return console.log("cssVar",t),t instanceof s?this.result=`${this.result} - ${t.getResult()}`:this.result=`${this.result} - ${t}`,this.lowPriority=!0,this}mul(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof s?this.result=`${this.result} * ${t.getResult()}`:this.result=`${this.result} * ${t}`,this.lowPriority=!1,this}div(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof s?this.result=`${this.result} / ${t.getResult()}`:this.result=`${this.result} / ${t}`,this.lowPriority=!1,this}getResult(){return this.lowPriority?`(${this.result})`:this.result}equal(){return typeof this.lowPriority<"u"?`calc(${this.result})`:this.result}}exports.TokenUtil=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(t){this.result="",this.result=t}add(t){return t instanceof s?this.result=`${this.result} + ${t.getResult()}`:this.result=`${this.result} + ${t}`,this.lowPriority=!0,this}sub(t){return t instanceof s?this.result=`${this.result} - ${t.getResult()}`:this.result=`${this.result} - ${t}`,this.lowPriority=!0,this}mul(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof s?this.result=`${this.result} * ${t.getResult()}`:this.result=`${this.result} * ${t}`,this.lowPriority=!1,this}div(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof s?this.result=`${this.result} / ${t.getResult()}`:this.result=`${this.result} / ${t}`,this.lowPriority=!1,this}getResult(){return this.lowPriority?`(${this.result})`:this.result}equal(){return typeof this.lowPriority<"u"?`calc(${this.result})`:this.result}}exports.TokenUtil=s;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.3.3";
+declare const _default: "7.4.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="7.3.3";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.4.1";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.3.3",
+  "version": "7.4.1",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -39,18 +39,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.61"
+    "@aplus-frontend/utils": "1.0.61",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.2.17",
+    "@aplus-frontend/antdv": "^1.2.19",
     "@aplus-frontend/icon": "^1.3.2",
     "@aplus-frontend/oss": "^1.1.2",
     "vue": "^3.5.17",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.2.17",
+    "@aplus-frontend/antdv": "^1.2.19",
     "@aplus-frontend/icon": "^1.3.2",
     "@aplus-frontend/oss": "^1.1.2",
     "@emotion/serialize": "^1.3.3",