@aplus-frontend/ui 0.0.32 → 0.0.34

package/lib/src/ap-tag/ap-tag-group.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("ant-design-vue"),y=require("@ant-design/icons-vue");require("./ap-tag.vue2.js");require("../config-provider/index.js");require("./style/ap-tag-group.css");const w=require("../config-provider/hooks/use-namespace.js"),x=require("./ap-tag.vue.js"),E=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:"none",version:"1.1",width:"16",height:"16",viewBox:"0 0 16 16"},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"master_svg0_1133_24991"},[e.createElementVNode("rect",{x:"0",y:"0",width:"16",height:"16",rx:"0"})])]),e.createElementVNode("g",{"clip-path":"url(#master_svg0_1133_24991)"},[e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"8",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"3.25",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"12.75",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})])])],-1),k=e.defineComponent({__name:"ap-tag-group",props:{list:{default:()=>[]},space:{default:4},ellipsisColor:{default:"#34B77C"}},setup(p){const l=p,{b:m}=w.useNamespace("tag-group"),s=e.ref(),d=e.computed(()=>e.unref(r)<l.list.length),f=e.computed(()=>l.list.slice(0,e.unref(r))),r=e.ref(0),c=e.ref(0),a=e.ref(l.list.length),g=e.computed(()=>l.list.map(t=>t.text).join("、")),v=e.computed(()=>[m()].filter(Boolean)),n=()=>{if(!s.value)return;const t=s.value.scrollWidth,o=s.value.clientWidth;if(e.unref(c)<=e.unref(a)){const i=Math.floor((e.unref(c)+e.unref(a))/2);t<=o?(r.value=i,c.value=i+1):a.value=i-1,e.nextTick(()=>{requestAnimationFrame(n)})}else t>o&&(r.value=r.value-1,e.nextTick(()=>{requestAnimationFrame(n)}))},u=()=>{c.value=0,a.value=l.list.length,r.value=0};return e.watch(()=>l.list,(t,o)=>{t!==o&&(u(),e.nextTick(()=>n()))},{immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",()=>{u(),n()})}),e.onUnmounted(()=>{window.removeEventListener("resize",()=>{u(),n()})}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(_.Tooltip),{title:g.value,trigger:"hover"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(v.value),ref_key:"container",ref:s,style:e.normalizeStyle({pointerEvents:d.value?"auto":"none"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(i,h)=>(e.openBlock(),e.createBlock(x.default,e.mergeProps({ref_for:!0},i,{key:h,style:{marginRight:`${t.space}px`}}),null,16,["style"]))),128)),d.value?(e.openBlock(),e.createBlock(e.unref(y),{key:0,style:e.normalizeStyle({color:t.ellipsisColor})},{component:e.withCtx(()=>[E]),_:1},8,["style"])):e.createCommentVNode("",!0)],6)]),_:1},8,["title"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("ant-design-vue"),N=require("@ant-design/icons-vue");require("./ap-tag.vue2.js");require("../config-provider/index.js");const q=require("lodash-unified");require("./style/ap-tag-group.css");const B=require("../config-provider/hooks/use-locale.js"),b=require("../config-provider/hooks/use-global-config.js"),T=require("../config-provider/hooks/use-namespace.js"),z=require("./ap-tag.vue.js"),M=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:"none",version:"1.1",width:"16",height:"16",viewBox:"0 0 16 16"},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"master_svg0_1133_24991"},[e.createElementVNode("rect",{x:"0",y:"0",width:"16",height:"16",rx:"0"})])]),e.createElementVNode("g",{"clip-path":"url(#master_svg0_1133_24991)"},[e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"8",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"3.25",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"12.75",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})])])],-1),S=e.defineComponent({__name:"ap-tag-group",props:{list:{default:()=>[]},space:{default:4},ellipsisColor:{},ellipsis:{default:()=>({})}},setup(v){const{t:g}=B.useLocale(),l=v,h=b.useGlobalConfig("uiMode"),{b:y,bm:m}=T.useNamespace("tag-group"),i=e.ref(),o=e.computed(()=>({...{iconColor:"#34B77C",symbol:"icon",text:g("ap.common.more")},...l.ellipsis})),x=e.computed(()=>o.value.tooltip&&typeof o.value.tooltip=="object"?q.omit(o.value.tooltip,["trigger","title"]):{}),p=e.computed(()=>e.unref(n)<l.list.length),_=e.computed(()=>l.list.slice(0,e.unref(n))),n=e.ref(0),a=e.ref(0),u=e.ref(l.list.length),C=e.computed(()=>l.list.map(t=>t.text).join("、")),w=e.computed(()=>[y()].filter(Boolean)),k=e.computed(()=>h.value==="aplus"?[m("ellipsis-text","aplus")]:[m("ellipsis-text","admin")]),c=()=>{if(!i.value)return;const t=i.value.scrollWidth,r=i.value.clientWidth;if(e.unref(a)<=e.unref(u)){const s=Math.floor((e.unref(a)+e.unref(u))/2);t<=r?(n.value=s,a.value=s+1):u.value=s-1,e.nextTick(()=>{requestAnimationFrame(c)})}else t>r&&(n.value=n.value-1,e.nextTick(()=>{requestAnimationFrame(c)}))},d=()=>{a.value=0,u.value=l.list.length,n.value=0};e.watch(()=>l.list,(t,r)=>{t!==r&&(d(),e.nextTick(()=>c()))},{immediate:!0});const f=()=>{d(),c()};return e.onMounted(()=>{[["ellipsisColor","ellipse.color"]].forEach(([t,r])=>{l[t]&&console.error(`[ApTagGroup]: \`${t}\` is deprecated, please use \`${r}\` instead.`)}),window.addEventListener("resize",f)}),e.onUnmounted(()=>{window.removeEventListener("resize",f)}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(V.Tooltip),e.mergeProps({trigger:"hover"},x.value),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{tags:t.list},()=>[e.createTextVNode(e.toDisplayString(C.value),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(w.value),ref_key:"container",ref:i,style:e.normalizeStyle({pointerEvents:p.value?"auto":"none"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(s,E)=>(e.openBlock(),e.createBlock(z.default,e.mergeProps({ref_for:!0},s,{key:E,style:{marginRight:`${t.space}px`}}),null,16,["style"]))),128)),p.value&&o.value.symbol==="icon"?(e.openBlock(),e.createBlock(e.unref(N),{key:0,style:e.normalizeStyle({color:t.ellipsisColor||o.value.iconColor})},{component:e.withCtx(()=>[M]),_:1},8,["style"])):p.value&&o.value.symbol==="text"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(k.value)},e.toDisplayString(o.value.text),3)):e.createCommentVNode("",!0)],6)]),_:3},16))}});exports.default=S;

package/lib/src/ap-tag/interface.d.ts

@@ -1,3 +1,5 @@
+import { TooltipProps } from 'ant-design-vue/es/tooltip';
+
 export interface ApTagProps {
     /**
      * 标签内容
@@ -17,6 +19,27 @@ export interface ApTagProps {
      */
     disabled?: boolean;
 }
+export type EllipsisProps = {
+    /**
+     * 省略号标志
+     * @default 'icon' - 内置图标不能自定义
+     * @type 'icon' | 'text'
+     */
+    symbol?: 'icon' | 'text';
+    /**
+     * 省略号文本 - symbol为text时生效
+     */
+    text?: string;
+    /**
+     * 省略号颜色 - symbol为icon时生效
+     * @default #34B77C
+     */
+    iconColor?: string;
+    /**
+     * 省略号气泡内容
+     */
+    tooltip?: Omit<TooltipProps, 'trigger' | 'title'>;
+};
 export interface ApTagGroupProps {
     /**
      * 标签组内容
@@ -32,4 +55,5 @@ export interface ApTagGroupProps {
      * @default #34B77C
      */
     ellipsisColor?: string;
+    ellipsis?: EllipsisProps;
 }

package/lib/src/ap-tag/style/ap-tag-group.css

@@ -5,3 +5,11 @@
   white-space: nowrap;
   align-items: center;
 }
+.aplus-tag-group-ellipsis-text--admin {
+  font-size: 12px;
+  color: #1890FF;
+}
+.aplus-tag-group-ellipsis-text--aplus {
+  font-size: 12px;
+  color: #0070FF;
+}

package/lib/src/ap-upload/apUpload.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType, VNode, DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, RendererNode, RendererElement } from 'vue';
 import { FileUploadType, BeforeUpload, CustomRequest } from './apUploadTypes';
-import { accessCreate } from '@aplus-frontend/oss';
+import { GetOssAccess } from './hooks/useOss';
 
 declare function clear(): void;
 declare const _default: DefineComponent<{
@@ -42,7 +42,7 @@ declare const _default: DefineComponent<{
         type: PropType<CustomRequest>;
     };
     getOssAccess: {
-        type: PropType<() => Promise< accessCreate>>;
+        type: PropType<GetOssAccess>;
     };
 }, {
     done: ComputedRef<boolean>;
@@ -88,7 +88,7 @@ declare const _default: DefineComponent<{
         type: PropType<CustomRequest>;
     };
     getOssAccess: {
-        type: PropType<() => Promise< accessCreate>>;
+        type: PropType<GetOssAccess>;
     };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;

package/lib/src/ap-upload/hooks/useOss.d.ts

@@ -1,9 +1,9 @@
-import { client, Oss } from '@aplus-frontend/oss';
+import { accessCreate, Oss } from '@aplus-frontend/oss';
 import { Translator } from '../../config-provider';
 import { Ref } from 'vue';
 
 export type { Oss } from '@aplus-frontend/oss';
-export type GetOssAccess = Parameters<typeof client.initOssClient>[0]['getOssAccess'];
+export type GetOssAccess = () => Promise<accessCreate>;
 export declare function injectLocaleToOss(tValue: Translator, langValue: Ref<string>): void;
 declare function put({ file, dirName, oss, successCallBack, errorCallBack, progressCallBack }: {
     file: File;
@@ -21,4 +21,4 @@ export declare function useOssInit(getOssAccess: GetOssAccess): Promise<{
     client: Oss;
     put: typeof put;
 }>;
-export declare function getOssInstance(getOssAccess: Parameters<typeof client.initOssClient>[0]['getOssAccess']): Promise<Oss>;
+export declare function getOssInstance(getOssAccess: GetOssAccess): Promise<Oss>;

package/lib/src/business/ap-select-layout/index.css

@@ -0,0 +1,117 @@
+.aplus-ap-select-layout {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+.aplus-ap-select-layout .v-enter-active,
+.aplus-ap-select-layout .v-leave-active {
+  transition: all 0.2s, background 0s;
+}
+.aplus-ap-select-layout .v-enter-from,
+.aplus-ap-select-layout .v-leave-to {
+  width: 0;
+  min-width: 0;
+  max-width: 0;
+  margin-right: 0;
+}
+.aplus-ap-select-layout-side {
+  display: flex;
+  flex-direction: column;
+  width: 214px;
+  min-width: 214px;
+  max-width: 214px;
+  margin-right: 16px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.aplus-ap-select-layout-side__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #e9e9e9;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.aplus-ap-select-layout-side__header > h3 {
+  margin: 0;
+  color: #333;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 18px;
+}
+.aplus-ap-select-layout-side__header--imgWrap {
+  border-radius: 2px;
+  cursor: pointer;
+  font-size: 24px;
+}
+.aplus-ap-select-layout-side__header--imgWrap:hover {
+  background: #f5f5f5;
+}
+.aplus-ap-select-layout-side__header--imgWrap > img {
+  width: 24px;
+  height: 24px;
+}
+.aplus-ap-select-layout-side__body {
+  position: relative;
+  flex: 1;
+}
+.aplus-ap-select-layout-side__body--search {
+  margin: 10px 0;
+  padding: 0 16px;
+}
+.aplus-ap-select-layout-side__body--scroll {
+  position: absolute;
+  inset: 52px 0 0;
+  overflow-y: auto;
+  padding: 0 16px;
+}
+.aplus-ap-select-layout-side__body--scroll-item {
+  margin-bottom: 8px;
+  padding: 8px 12px;
+  overflow: hidden;
+  color: #333;
+  line-height: 22px;
+  width: calc(214px - 32px);
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+  cursor: pointer;
+  border-radius: 4px;
+}
+.aplus-ap-select-layout-side__body--scroll-item:hover {
+  background: #f5f5f5;
+}
+.aplus-ap-select-layout-side__body--scroll-item.active {
+  background-color: #e4faf1;
+  color: #34b77c;
+  font-weight: bold;
+}
+.aplus-ap-select-layout-content {
+  flex: 1;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-select-layout-content__header {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 16px 16px 0;
+  box-sizing: content-box;
+  background: #fff;
+}
+.aplus-ap-select-layout-content__header--imgWrap {
+  margin-right: 10px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-size: 24px;
+}
+.aplus-ap-select-layout-content__header--imgWrap:hover {
+  background: #f5f5f5;
+}
+.aplus-ap-select-layout-content__header--title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 32px;
+}

package/lib/src/business/ap-select-layout/index.d.ts

@@ -0,0 +1,4 @@
+import { default as SelectLayout } from './select-layout.vue';
+
+export * from './interface';
+export { SelectLayout };

package/lib/src/business/ap-select-layout/interface.d.ts

@@ -0,0 +1,9 @@
+export interface ApSelectItem {
+    name: string;
+    value: string;
+}
+export interface ApSelectLayoutProps<T extends ApSelectItem> {
+    title: string;
+    request: () => Promise<T[]>;
+    defaultFold?: boolean;
+}

package/lib/src/business/ap-select-layout/select-layout.vue.d.ts

@@ -0,0 +1,76 @@
+import { ApSelectItem } from './interface';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+
+declare const _default: <T extends ApSelectItem>(__VLS_props: {
+    onAfterEnter?: ((el: Element) => any) | undefined;
+    onAfterLeave?: ((el: Element) => any) | undefined;
+    title: string;
+    request: () => Promise<T[]>;
+    onOnSelect?: ((value: T) => any) | undefined;
+    defaultFold?: boolean | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        itemRender?(_: {
+            item: T;
+        }): any;
+        default?(_: {}): any;
+    };
+    emit: {
+        (event: 'onSelect', value: T): void;
+        (event: 'afterEnter', el: Element): void;
+        (event: 'afterLeave', el: Element): void;
+    };
+} | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        onAfterEnter?: ((el: Element) => any) | undefined;
+        onAfterLeave?: ((el: Element) => any) | undefined;
+        title: string;
+        request: () => Promise<T[]>;
+        onOnSelect?: ((value: T) => any) | undefined;
+        defaultFold?: boolean | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        itemRender?(_: {
+            item: T;
+        }): any;
+        default?(_: {}): any;
+    };
+    emit: {
+        (event: 'onSelect', value: T): void;
+        (event: 'afterEnter', el: Element): void;
+        (event: 'afterLeave', el: Element): void;
+    };
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            onAfterEnter?: ((el: Element) => any) | undefined;
+            onAfterLeave?: ((el: Element) => any) | undefined;
+            title: string;
+            request: () => Promise<T[]>;
+            onOnSelect?: ((value: T) => any) | undefined;
+            defaultFold?: boolean | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        expose(exposed: ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            itemRender?(_: {
+                item: T;
+            }): any;
+            default?(_: {}): any;
+        };
+        emit: {
+            (event: 'onSelect', value: T): void;
+            (event: 'afterEnter', el: Element): void;
+            (event: 'afterLeave', el: Element): void;
+        };
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/src/business/ap-select-layout/select-layout.vue.js

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

package/lib/src/business/ap-select-layout/select-layout.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const E=require("@aplus-frontend/icon");require("../../config-provider/index.js");const p=require("ant-design-vue"),S=require("lodash-unified");require("./index.css");const b=require("../../config-provider/hooks/use-namespace.js"),w=require("../../ap-field/text/index.js"),x=["onClick"],B=e.defineComponent({__name:"select-layout",props:{title:{},request:{},defaultFold:{type:Boolean,default:!1}},emits:["onSelect","afterEnter","afterLeave"],setup(k,{emit:y}){const{b:s,be:c,bem:a}=b.useNamespace("ap-select-layout"),o=k,i=y,u=e.ref(),r=e.ref(o.defaultFold),d=e.ref(!o.defaultFold),f=e.ref(),v=e.ref(),m=e.ref(),h=e.ref(""),C=()=>{r.value=!r.value,f.value=!1,v.value=!1},N=t=>{m.value=t,i("onSelect",t)},g=S.debounce(t=>{var n;h.value=(n=t.target)==null?void 0:n.value},500),z=e.computed(()=>{var t;return(t=u.value)==null?void 0:t.filter(n=>n.name.includes(h.value))}),T=t=>{d.value=!0,i("afterEnter",t)},q=t=>{d.value=!1,i("afterLeave",t)};return e.onMounted(()=>{o.request().then(t=>{var n;u.value=t,N((n=u.value)==null?void 0:n[0])})}),(t,n)=>{var V;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s)())},[e.createVNode(e.Transition,{mode:"out-in",onAfterEnter:T,onAfterLeave:q},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("side"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("side","header"))},[e.createElementVNode("h3",null,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("side","header","imgWrap"))},[e.createVNode(e.unref(p.Tooltip),{open:f.value,"onUpdate:open":n[0]||(n[0]=l=>f.value=l)},{title:e.withCtx(()=>[e.createTextVNode("收起")]),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApLeftarrow),{onClick:C})]),_:1},8,["open"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("side","body"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("side","body","search"))},[e.createVNode(e.unref(w.ApFieldText),{placeholder:"请输入",onChange:e.unref(g)},null,8,["onChange"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("side","body","scroll"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,l=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:l.value,class:e.normalizeClass(`${e.unref(a)("side","body","scroll-item")} ${m.value===l?"active":""}`),onClick:L=>N(l)},[e.renderSlot(t.$slots,"itemRender",{item:l},()=>[e.createVNode(e.unref(p.TypographyText),{ellipsis:{tooltip:l.name},content:`${l.name}`},null,8,["ellipsis","content"])])],10,x)),[[e.vShow,d.value]])),128))],2)],2)],2),[[e.vShow,!r.value]])]),_:3}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("content","header"))},[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a)("content","header","imgWrap"))},[e.createVNode(e.unref(p.Tooltip),{open:v.value,"onUpdate:open":n[1]||(n[1]=l=>v.value=l)},{title:e.withCtx(()=>[e.createTextVNode("展开")]),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApMenu),{onClick:C})]),_:1},8,["open"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("content","header","title"))},e.toDisplayString((V=m.value)==null?void 0:V.name),3)],2),e.renderSlot(t.$slots,"default")],2)],2)}}});exports.default=B;

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

@@ -1,11 +1,13 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, CSSProperties } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, CSSProperties, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
 import { LiteralUnion } from 'ant-design-vue/es/_util/type';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 import { ApStatusProps } from './ap-status/interface';
+import { ApSelectItem } from './ap-select-layout/interface';
 export type { ApTitleProps } from './title/interface';
 export type { ApExpandAlertProps } from './expandAlert/interface';
 export type { ApLabelProps } from './ap-label/interface';
 export type { ApStatusProps, ApStatusGroupProps, ApStatusGroupItemProps } from './ap-status/interface';
+export type { ApSelectItem, ApSelectLayoutProps } from './ap-select-layout/interface';
 export declare const ApTitle: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         trigger: {
@@ -839,3 +841,76 @@ export declare const ApStatusGroup: {
         onClick?: (() => void) | undefined;
     };
 });
+export declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: {
+    onAfterEnter?: ((el: Element) => any) | undefined;
+    onAfterLeave?: ((el: Element) => any) | undefined;
+    title: string;
+    request: () => Promise<T[]>;
+    onOnSelect?: ((value: T) => any) | undefined;
+    defaultFold?: boolean | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        itemRender?(_: {
+            item: T;
+        }): any;
+        default?(_: {}): any;
+    };
+    emit: {
+        (event: "onSelect", value: T): void;
+        (event: "afterEnter", el: Element): void;
+        (event: "afterLeave", el: Element): void;
+    };
+} | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        onAfterEnter?: ((el: Element) => any) | undefined;
+        onAfterLeave?: ((el: Element) => any) | undefined;
+        title: string;
+        request: () => Promise<T[]>;
+        onOnSelect?: ((value: T) => any) | undefined;
+        defaultFold?: boolean | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        itemRender?(_: {
+            item: T;
+        }): any;
+        default?(_: {}): any;
+    };
+    emit: {
+        (event: "onSelect", value: T): void;
+        (event: "afterEnter", el: Element): void;
+        (event: "afterLeave", el: Element): void;
+    };
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            onAfterEnter?: ((el: Element) => any) | undefined;
+            onAfterLeave?: ((el: Element) => any) | undefined;
+            title: string;
+            request: () => Promise<T[]>;
+            onOnSelect?: ((value: T) => any) | undefined;
+            defaultFold?: boolean | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        expose(exposed: ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            itemRender?(_: {
+                item: T;
+            }): any;
+            default?(_: {}): any;
+        };
+        emit: {
+            (event: "onSelect", value: T): void;
+            (event: "afterEnter", el: Element): void;
+            (event: "afterLeave", el: Element): void;
+        };
+    } | undefined;
+}) & Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});

package/lib/src/business/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@aplus-frontend/utils");require("./title/ApTitle.vue.js");require("./expandAlert/ApExpandAlert.vue.js");require("./ap-label/ApLabel.vue.js");require("./ap-status/ApStatus.vue.js");require("./ap-status/ApStatusGroup.vue.js");const e=require("./title/ApTitle.vue2.js"),u=require("./expandAlert/ApExpandAlert.vue2.js"),r=require("./ap-label/ApLabel.vue2.js"),p=require("./ap-status/ApStatus.vue2.js"),_=require("./ap-status/ApStatusGroup.vue2.js"),s=t.withInstall(e.default),l=u.default,a=t.withInstall(r.default),i=t.withInstall(p.default),n=t.withInstall(_.default);exports.ApExpandAlert=l;exports.ApLabel=a;exports.ApStatus=i;exports.ApStatusGroup=n;exports.ApTitle=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils");require("./title/ApTitle.vue.js");require("./expandAlert/ApExpandAlert.vue.js");require("./ap-label/ApLabel.vue.js");require("./ap-status/ApStatus.vue.js");require("./ap-status/ApStatusGroup.vue.js");require("./ap-select-layout/select-layout.vue.js");const t=require("./title/ApTitle.vue2.js"),u=require("./expandAlert/ApExpandAlert.vue2.js"),r=require("./ap-label/ApLabel.vue2.js"),p=require("./ap-status/ApStatus.vue2.js"),_=require("./ap-status/ApStatusGroup.vue2.js"),s=require("./ap-select-layout/select-layout.vue2.js"),l=e.withInstall(t.default),a=u.default,i=e.withInstall(r.default),n=e.withInstall(p.default),c=e.withInstall(_.default),o=e.withInstall(s.default);exports.ApExpandAlert=a;exports.ApLabel=i;exports.ApSelectLayout=o;exports.ApStatus=n;exports.ApStatusGroup=c;exports.ApTitle=l;

package/lib/src/config-provider/config-provider.d.ts

@@ -1,4 +1,4 @@
-import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { Ref, ExtractPropTypes, PropType, DefineComponent, ComponentOptionsMixin, PublicProps } from 'vue';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
@@ -9,6 +9,149 @@ import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from 'src';
 import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig } from './constants';
+
+export declare const globalConfigCached: Ref<Partial< ExtractPropTypes<{
+    iconPrefixCls: StringConstructor;
+    getTargetContainer: {
+        type: PropType<() => Window | HTMLElement>;
+    };
+    getPopupContainer: {
+        type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
+    };
+    prefixCls: StringConstructor;
+    getPrefixCls: {
+        type: PropType<(suffixCls?: string | undefined, customizePrefixCls?: string | undefined) => string>;
+    };
+    renderEmpty: {
+        type: PropType<__DTS_DEFAULT_0__>;
+    };
+    transformCellText: {
+        type: PropType<(tableProps: TransformCellTextProps) => any>;
+    };
+    csp: {
+        type: PropType<CSPConfig>;
+        default: CSPConfig;
+    };
+    input: {
+        type: PropType<{
+            autocomplete?: string | undefined;
+        }>;
+        default: {
+            autocomplete?: string | undefined;
+        };
+    };
+    autoInsertSpaceInButton: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    locale: {
+        type: PropType<Locale>;
+        default: Locale;
+    };
+    pageHeader: {
+        type: PropType<{
+            ghost?: boolean | undefined;
+        }>;
+        default: {
+            ghost?: boolean | undefined;
+        };
+    };
+    componentSize: {
+        type: PropType<ButtonSize>;
+    };
+    componentDisabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    direction: {
+        type: PropType<"ltr" | "rtl">;
+        default: string;
+    };
+    space: {
+        type: PropType<{
+            size?: number | ButtonSize;
+        }>;
+        default: {
+            size?: number | ButtonSize;
+        };
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    dropdownMatchSelectWidth: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    form: {
+        type: PropType<{
+            validateMessages?: ValidateMessages | undefined;
+            requiredMark?: RequiredMark | undefined;
+            colon?: boolean | undefined;
+        }>;
+        default: {
+            validateMessages?: ValidateMessages | undefined;
+            requiredMark?: RequiredMark | undefined;
+            colon?: boolean | undefined;
+        };
+    };
+    pagination: {
+        type: PropType<{
+            showSizeChanger?: boolean | undefined;
+        }>;
+        default: {
+            showSizeChanger?: boolean | undefined;
+        };
+    };
+    theme: {
+        type: PropType<ThemeConfig>;
+        default: ThemeConfig;
+    };
+    select: {
+        type: PropType<{
+            showSearch?: boolean | undefined;
+        }>;
+        default: {
+            showSearch?: boolean | undefined;
+        };
+    };
+    wave: {
+        type: PropType<{
+            disabled?: boolean | undefined;
+        }>;
+        default: {
+            disabled?: boolean | undefined;
+        };
+    };
+    aplusLocale: {
+        type: PropType<LocaleType>;
+    };
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+    api: {
+        type: PropType<ApiType>;
+        default: () => {};
+    };
+    table: {
+        type: PropType<TableDefaultConfig>;
+    };
+    scrollbar: {
+        type: PropType<ScrollbarGlobalConfig>;
+        default: () => {
+            native: boolean;
+        };
+    };
+    uiMode: {
+        type: PropType<"aplus" | "admin">;
+        default: string;
+    };
+    apUpload: {
+        type: PropType<ApUploadConfig>;
+        default: () => {};
+    };
+}>>>;
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {

package/lib/src/config-provider/config-provider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),a=require("ant-design-vue"),l=require("./hooks/use-global-config.js"),c=require("./config-provider-props.js"),u=require("./constants.js"),d=require("../utils/config-provider-preset.js");function s(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const f=o.defineComponent({name:"AplusConfigProvider",props:c.configProviderProps(),setup(e,{slots:n}){const i=o.computed(()=>({namespace:e.namespace,aplusLocale:e.aplusLocale,api:e.api,table:{...u.tableDefaultConfig,...e.table||{}},scrollbar:e.scrollbar,uiMode:e.uiMode,apUpload:e.apUpload})),t=l.provideGlobalConfig(i);return()=>{let r;return o.createVNode(a.ConfigProvider,d.mergeAntdProvideConfig(e),s(r=o.renderSlot(n,"default",{config:t==null?void 0:t.value}))?r:{default:()=>[r]})}}});exports.ConfigProvider=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),l=require("ant-design-vue"),c=require("./hooks/use-global-config.js"),u=require("./config-provider-props.js"),d=require("./constants.js"),f=require("../utils/config-provider-preset.js");function s(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const n=o.ref({}),g=o.defineComponent({name:"AplusConfigProvider",props:u.configProviderProps(),setup(e,{slots:i}){const a=o.computed(()=>({namespace:e.namespace,aplusLocale:e.aplusLocale,api:e.api,table:{...d.tableDefaultConfig,...e.table||{}},scrollbar:e.scrollbar,uiMode:e.uiMode,apUpload:e.apUpload})),r=c.provideGlobalConfig(a);return o.watch(()=>e,t=>{n.value=f.mergeAntdProvideConfig(t)},{deep:!0,immediate:!0}),()=>{let t;return o.createVNode(l.ConfigProvider,n.value,s(t=o.renderSlot(i,"default",{config:r==null?void 0:r.value}))?t:{default:()=>[t]})}}});exports.ConfigProvider=g;exports.globalConfigCached=n;

package/lib/src/config-provider/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@aplus-frontend/utils"),t=require("./config-provider.js"),s=require("./config-provider-props.js"),a=require("./constants.js"),r=require("./hooks/use-global-config.js"),e=require("./hooks/use-locale.js"),o=require("./hooks/use-namespace.js"),i=n.withInstall(t.ConfigProvider);exports.ConfigProvider=t.ConfigProvider;exports.configProviderProps=s.configProviderProps;exports.configProviderContextKey=a.configProviderContextKey;exports.tableDefaultConfig=a.tableDefaultConfig;exports.keysOf=r.keysOf;exports.provideGlobalConfig=r.provideGlobalConfig;exports.useGlobalConfig=r.useGlobalConfig;exports.buildLocaleContext=e.buildLocaleContext;exports.buildTranslator=e.buildTranslator;exports.localeContextKey=e.localeContextKey;exports.translate=e.translate;exports.useLocale=e.useLocale;exports.defaultNamespace=o.defaultNamespace;exports.namespaceContextKey=o.namespaceContextKey;exports.useGetDerivedNamespace=o.useGetDerivedNamespace;exports.useNamespace=o.useNamespace;exports.APConfigProvider=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@aplus-frontend/utils"),a=require("./config-provider.js"),l=require("./config-provider-props.js"),i=require("./constants.js"),r=require("./hooks/use-global-config.js"),e=require("./hooks/use-locale.js"),o=require("./hooks/use-namespace.js"),t=n.withInstall(a.ConfigProvider);exports.ConfigProvider=a.ConfigProvider;exports.globalConfigCached=a.globalConfigCached;exports.configProviderProps=l.configProviderProps;exports.configProviderContextKey=i.configProviderContextKey;exports.tableDefaultConfig=i.tableDefaultConfig;exports.keysOf=r.keysOf;exports.provideGlobalConfig=r.provideGlobalConfig;exports.useGlobalConfig=r.useGlobalConfig;exports.buildLocaleContext=e.buildLocaleContext;exports.buildTranslator=e.buildTranslator;exports.localeContextKey=e.localeContextKey;exports.translate=e.translate;exports.useLocale=e.useLocale;exports.defaultNamespace=o.defaultNamespace;exports.namespaceContextKey=o.namespaceContextKey;exports.useGetDerivedNamespace=o.useGetDerivedNamespace;exports.useNamespace=o.useNamespace;exports.APConfigProvider=t;exports.default=t;

package/lib/src/design-token/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderRadius:4},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorTextPlaceholder:"#BFBFBF",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F9F9FA",wireframe:!1,colorBgLayout:"#F2F6F9",colorBgSpotlight:"#000000cc"},c={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorTextPlaceholder:"#ABB7CC",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#52C41A",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA",colorBgSpotlight:"#000000cc"};exports.adminToken=c;exports.aplusToken=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderRadius:4},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorTextPlaceholder:"#BFBFBF",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F9F9FA",wireframe:!1,colorBgLayout:"#F2F6F9",colorBgSpotlight:"#000000cc",controlItemBgActive:"#F5F9FF",controlItemBgActiveHover:"#EAF2FF"},c={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorTextPlaceholder:"#ABB7CC",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#52C41A",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA",colorBgSpotlight:"#000000cc",controlItemBgActive:"#f3fbf7",controlItemBgActiveHover:"#e6f6ef"};exports.adminToken=c;exports.aplusToken=r;