@aplus-frontend/ui 0.4.9 → 0.4.11

package/lib/src/portal/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=e.defineComponent({name:"Portal",__name:"index",props:{to:{},disabled:{type:Boolean},defer:{type:Boolean}},setup(t){const r=t;return(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,e.mergeProps(r,{to:o.to||"body"}),[e.renderSlot(o.$slots,"default")],16,["to"]))}});exports.default=n;

package/lib/src/portal/index.vue2.js

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

package/lib/src/portal/interface.d.ts

@@ -0,0 +1,2 @@
+import { TeleportProps } from 'vue';
+export type PortalProps = Partial<TeleportProps>;

package/lib/src/portal/interface.js

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

package/lib/src/portal/style/css.cjs

@@ -0,0 +1 @@
+export {};

package/lib/src/portal/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/portal/style/index.cjs

@@ -0,0 +1 @@
+export {};

package/lib/src/portal/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/scroll-view/hooks/use-scroll-back.d.ts

@@ -0,0 +1,26 @@
+import { ScrollBarDirection } from '../../scroll-bar';
+import { Ref } from 'vue';
+type ScrollBackOptions = {
+    scrollOffset: {
+        x: number;
+        y: number;
+    };
+    maxScrollDistance: {
+        x: number;
+        y: number;
+    };
+    timer?: number;
+    onScroll?: (direction: ScrollBarDirection) => void;
+    onScrollEnd?: (direction: ScrollBarDirection) => void;
+};
+/**
+ * 在特定的时间内滚动到0
+ * @param options
+ * @returns
+ */
+declare const useScrollBack: ({ scrollOffset, maxScrollDistance, timer, onScroll, onScrollEnd }: ScrollBackOptions) => {
+    start: (direction: ScrollBarDirection) => void;
+    stop: () => void;
+    isActive: Readonly< Ref<boolean, boolean>>;
+};
+export { useScrollBack };

package/lib/src/scroll-view/hooks/use-scroll-back.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../scroll-bar/index.js");const y=require("@vueuse/core"),u=require("../../scroll-bar/utils/index.js"),l={horizontal:"x",vertical:"y"},d=()=>{},D=e=>1-Math.pow(1-e,3),M=({scrollOffset:e,maxScrollDistance:p,timer:m=500,onScroll:a=d,onScrollEnd:g=d})=>{let o,t,r;const{pause:c,resume:T,isActive:b}=y.useRafFn(()=>{const n=Date.now(),s=l[t],v=n-o,i=u.ensureRangeValue(v/m,0,1),w=D(i);i===1?(e[s]=0,c(),a(t),g(t)):(e[s]=u.ensureRangeValue(r*(1-w),0,p[s]),a(t))},{immediate:!1});function h(n){t=n,o=Date.now(),r=e[l[n]],T()}function q(){c()}return{start:h,stop:q,isActive:b}};exports.useScrollBack=M;

package/lib/src/scroll-view/hooks/use-scroll-smooth.d.ts

@@ -0,0 +1,26 @@
+import { ScrollOffsetType } from '../interface';
+import { Ref } from 'vue';
+type ScrollBackOptions = {
+    scrollOffset: {
+        x: number;
+        y: number;
+    };
+    maxScrollDistance: {
+        x: number;
+        y: number;
+    };
+    timer?: number;
+    onScroll?: (x: boolean, y: boolean) => void;
+    onScrollEnd?: (x: boolean, y: boolean) => void;
+};
+/**
+ * 在特定的时间内滚动到0
+ * @param options
+ * @returns
+ */
+declare const useScrollSmooth: ({ scrollOffset, maxScrollDistance, timer, onScroll, onScrollEnd }: ScrollBackOptions) => {
+    start: (target: Partial<ScrollOffsetType>) => void;
+    stop: () => void;
+    isActive: Readonly< Ref<boolean, boolean>>;
+};
+export { useScrollSmooth };

package/lib/src/scroll-view/hooks/use-scroll-smooth.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../scroll-bar/index.js");const b=require("@vueuse/core"),m=require("../../utils/index.js"),i=require("../../scroll-bar/utils/index.js"),f=()=>{},h=t=>1-Math.pow(1-t,3),v=({scrollOffset:t,maxScrollDistance:y,timer:p=500,onScroll:x=f,onScrollEnd:d=f})=>{let c,e,n,u,s;const{pause:r,resume:R,isActive:l}=b.useRafFn(()=>{const q=Date.now()-c,g=i.ensureRangeValue(q/p,0,1),o=h(g);g===1?(u&&(t.x=n.x),s&&(t.y=n.y),r(),x(u,s),d(u,s)):(u&&(n.x>e.x?t.x=i.ensureRangeValue(e.x+(n.x-e.x)*o,e.x,y.x):t.x=i.ensureRangeValue(n.x+(e.x-n.x)*(1-o),0,e.x)),s&&(n.y>e.y?t.y=i.ensureRangeValue(e.y+(n.y-e.y)*o,e.y,y.y):t.y=i.ensureRangeValue(n.y+(e.y-n.y)*(1-o),0,e.y)),x(u,s))},{immediate:!1});function T(a){l.value&&r(),c=Date.now(),e={x:t.x,y:t.y},n=a,u=m.isDef(a.x),s=m.isDef(a.y),R()}function V(){r()}return{start:T,stop:V,isActive:l}};exports.useScrollSmooth=v;

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

@@ -1,6 +1,9 @@
-import { ScrollViewProps } from './interface';
+import { ScrollOptions, ScrollViewProps } from './interface';
 import { ScrollBarDirection, InternalScrollBarProps } from '../scroll-bar';
-import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent } from 'vue';
+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;
+declare function scrollIntoView(element: HTMLElement, position?: 'start' | 'center' | 'end'): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -89,7 +92,13 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ScrollViewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollViewProps> & Readonly<{}>, {
+declare const __VLS_component: DefineComponent<ScrollViewProps, {
+    scrollTop: ComputedRef<number>;
+    scrollLeft: ComputedRef<number>;
+    scroll: typeof scroll;
+    scrollTo: typeof scrollTo;
+    scrollIntoView: typeof scrollIntoView;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollViewProps> & Readonly<{}>, {
     showXBar: boolean;
     showYBar: boolean;
     xBarProps: {

package/lib/src/scroll-view/index.vue.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("../scroll-bar/index.js");const z=require("../utils/index.js"),l=require("../scroll-bar/utils/index.js"),H=require("./hooks/use-scroll-wrapper.js"),R=require("lodash-unified"),y=require("@vueuse/core"),T=require("@aplus-frontend/utils"),U=require("../config-provider/hooks/use-namespace.js"),k=require("../scroll-bar/internal.vue.js"),G=e.defineComponent({name:"ScrollView",__name:"index",props:{width:{},heigth:{},showXBar:{type:Boolean,default:!0},showYBar:{type:Boolean,default:!0},autoPlay:{type:[Boolean,Object]},xBarProps:{default:()=>({})},yBarProps:{default:()=>({})},onWheel:{}},setup(V){const t=V,N={direction:"vertical",rate:1,repeat:!0},{b:_,e:h,em:v}=U.useNamespace("scroll-view"),c=e.ref(),o=e.reactive({x:30,y:30}),{scrollOffset:n,maxScrollDistance:i,xBarRef:q,yBarRef:W,containerRef:s,scrollYBar:g,scrollXBar:m,updateMaxScrollDistance:C}=H.default(),{width:$,height:E}=y.useElementSize(c),{width:M,height:D}=y.useElementSize(s),{resume:X,pause:f,isActive:Y}=y.useRafFn(()=>{if(!t.autoPlay){f();return}const a=t.autoPlay===!0?{}:t.autoPlay,r={...N,...a};if(r.direction==="horizontal"){if(n.x===i.x){r.repeat?n.x=0:f();return}n.x=l.ensureRangeValue(n.x+r.rate,0,i.x),m()}else{if(n.y===i.y){r.repeat?n.y=0:f();return}n.y=l.ensureRangeValue(n.y+r.rate,0,i.y),g()}},{immediate:!0}),d=e.computed(()=>t.showXBar&&o.x!==100),x=e.computed(()=>t.showYBar&&o.y!==100),A=e.computed(()=>({width:z.isDef(t.width)?R.isString(t.width)?t.width:Number.isNaN(t.width)?void 0:`${t.width}px`:void 0,height:z.isDef(t.heigth)?R.isString(t.heigth)?t.heigth:Number.isNaN(t.heigth)?void 0:`${t.heigth}px`:void 0,padding:`${t.xBarProps.trackWidth||10}px ${t.yBarProps.trackWidth||10}px`}));async function p(){Y.value&&(f(),await T.wait(500),X())}async function O(a){var r;if(e.unref(x))a.preventDefault(),a.stopPropagation();else return;n.y=l.ensureRangeValue(n.y+a.deltaY,0,i.y),g(),(r=t.onWheel)==null||r.call(t,"vertical",n.y),p()}function j(a){var r;if(e.unref(d))a.preventDefault(),a.stopPropagation();else return;n.x=l.ensureRangeValue(n.x+a.deltaX,0,i.x),m(),(r=t.onWheel)==null||r.call(t,"horizontal",n.x),p()}function B(){if(t.showYBar){const{visibleSize:a,totalSize:r}=l.getScrollable(s.value,"vertical");o.y=l.ensureRangeValue(Math.min(a/(r||1)*100))}if(t.showXBar){const{visibleSize:a,totalSize:r}=l.getScrollable(s.value,"horizontal");o.x=l.ensureRangeValue(Math.min(a/(r||1)*100))}}function w(a,r){const u=e.unref(s),L=e.unref(c);if(!u||!L)return;const{visibleSize:S,totalSize:b}=l.getScrollable(u,r);if(b<=S)return;const P=(b-S)*a/100,F=r==="vertical";if(p(),F){n.y=P;return}n.x=P}return e.watchEffect(()=>{e.unref(s.value)&&B()},{flush:"post"}),e.watch(()=>[$.value,E.value,M.value,D.value],()=>{B(),C()}),e.watchEffect(()=>{c.value&&(c.value.style.transform=`translate3d(-${n.x}px, -${n.y}px, 0px)`)}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:s,class:e.normalizeClass(e.unref(_)()),style:e.normalizeStyle(A.value),onWheel:[e.withModifiers(O,["exact"]),e.withModifiers(j,["shift"])]},[e.createElementVNode("div",{ref_key:"contentRef",ref:c,class:e.normalizeClass(e.unref(h)("content"))},[e.renderSlot(a.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("bar-wrapper"),e.unref(v)("bar-wrapper","vertical")]),style:e.normalizeStyle(`height: calc(100% - ${d.value?a.xBarProps.trackWidth||10:0}px)`)},[x.value?(e.openBlock(),e.createBlock(e.unref(k.default),e.mergeProps({key:0,ref_key:"yBarRef",ref:W},a.yBarProps,{"bar-length":o.y,onScroll:r[0]||(r[0]=u=>w(u,"vertical"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("bar-wrapper"),e.unref(v)("bar-wrapper","horizontal")])},[d.value?(e.openBlock(),e.createBlock(e.unref(k.default),e.mergeProps({key:0,ref_key:"xBarRef",ref:q},a.xBarProps,{direction:"horizontal","bar-length":o.x,onScroll:r[1]||(r[1]=u=>w(u,"horizontal"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],2)],38))}});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("../scroll-bar/index.js");const c=require("../utils/index.js"),o=require("../scroll-bar/utils/index.js"),Z=require("./hooks/use-scroll-wrapper.js"),W=require("lodash-unified"),w=require("@vueuse/core"),b=require("@aplus-frontend/utils"),ee=require("./hooks/use-scroll-back.js"),te=require("./hooks/use-scroll-smooth.js"),re=require("./utils/index.js"),ae=require("../config-provider/hooks/use-namespace.js"),D=require("../scroll-bar/internal.vue.js"),ne=e.defineComponent({name:"ScrollView",__name:"index",props:{width:{},heigth:{},showXBar:{type:Boolean,default:!0},showYBar:{type:Boolean,default:!0},autoPlay:{type:[Boolean,Object]},xBarProps:{default:()=>({})},yBarProps:{default:()=>({})},onWheel:{}},setup($,{expose:C}){const n=$,M={direction:"vertical",rate:1,repeat:!0},{b:X,e:g,em:z}=ae.useNamespace("scroll-view"),f=e.ref(),u=e.reactive({x:30,y:30});let m=!1;const{scrollOffset:a,maxScrollDistance:i,xBarRef:Y,yBarRef:O,containerRef:s,scrollYBar:h,scrollXBar:d,updateMaxScrollDistance:A}=Z.default(),{width:L,height:T}=w.useElementSize(f),{width:j,height:F}=w.useElementSize(s),{start:P}=ee.useScrollBack({scrollOffset:a,maxScrollDistance:i,onScroll:r=>{r==="horizontal"?d():h()},async onScrollEnd(){await b.wait(200),S()}}),{start:R}=te.useScrollSmooth({scrollOffset:a,maxScrollDistance:i,onScroll(r,t){V.value&&(y(),m=!0),r&&d(),t&&h()},async onScrollEnd(){m&&(await b.wait(200),S(),m=!1)}}),{resume:S,pause:y,isActive:V}=w.useRafFn(()=>{if(!n.autoPlay){y();return}const r=n.autoPlay===!0?{}:n.autoPlay,t={...M,...r};if(t.direction==="horizontal"){if(a.x===i.x){y(),t.repeat&&P("horizontal");return}a.x=o.ensureRangeValue(a.x+t.rate,0,i.x),d()}else{if(a.y===i.y){y(),t.repeat&&P("vertical");return}a.y=o.ensureRangeValue(a.y+t.rate,0,i.y),h()}},{immediate:!0}),p=e.computed(()=>n.showXBar&&u.x!==100),x=e.computed(()=>n.showYBar&&u.y!==100),H=e.computed(()=>({width:c.isDef(n.width)?W.isString(n.width)?n.width:Number.isNaN(n.width)?void 0:`${n.width}px`:void 0,height:c.isDef(n.heigth)?W.isString(n.heigth)?n.heigth:Number.isNaN(n.heigth)?void 0:`${n.heigth}px`:void 0,padding:`${n.xBarProps.trackWidth||10}px ${n.yBarProps.trackWidth||10}px`}));async function B(){V.value&&(y(),await b.wait(500),S())}async function I(r){var t;if(e.unref(x))r.preventDefault(),r.stopPropagation();else return;a.y=o.ensureRangeValue(a.y+r.deltaY,0,i.y),h(),(t=n.onWheel)==null||t.call(n,"vertical",a.y),B()}function U(r){var t;if(e.unref(p))r.preventDefault(),r.stopPropagation();else return;a.x=o.ensureRangeValue(a.x+r.deltaX,0,i.x),d(),(t=n.onWheel)==null||t.call(n,"horizontal",a.x),B()}function k(){if(n.showYBar){const{visibleSize:r,totalSize:t}=o.getScrollable(s.value,"vertical");u.y=o.ensureRangeValue(Math.min(r/(t||1)*100))}if(n.showXBar){const{visibleSize:r,totalSize:t}=o.getScrollable(s.value,"horizontal");u.x=o.ensureRangeValue(Math.min(r/(t||1)*100))}}function q(r,t){const l=e.unref(s),v=e.unref(f);if(!l||!v)return;const{visibleSize:N,totalSize:_}=o.getScrollable(l,t);if(_<=N)return;const E=(_-N)*r/100,Q=t==="vertical";if(B(),Q){a.y=E;return}a.x=E}e.watchEffect(()=>{e.unref(s.value)&&k()},{flush:"post"}),e.watch(()=>[L.value,T.value,j.value,F.value],()=>{k(),A()}),e.watchEffect(()=>{f.value&&(f.value.style.transform=`translate3d(-${a.x}px, -${a.y}px, 0px)`)});function G(r,t){c.isDef(r)&&p.value&&(a.x=o.ensureRangeValue(r,0,i.x),d()),c.isDef(t)&&x.value&&(a.y=o.ensureRangeValue(t,0,i.y),h())}function J({smooth:r,left:t,top:l}){r?R({x:t,y:l}):(c.isDef(t)&&(a.x=t),c.isDef(l)&&(a.y=l))}function K(r,t="start"){const l=re.getElementScrollOffset(s.value,r,t),v={};p.value&&(v.x=o.ensureRangeValue(a.x+l.x,0,i.x)),x.value&&(v.y=o.ensureRangeValue(a.y+l.y,0,i.y)),R(v)}return C({scrollTop:e.computed(()=>a.y),scrollLeft:e.computed(()=>a.x),scroll:G,scrollTo:J,scrollIntoView:K}),(r,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:s,class:e.normalizeClass(e.unref(X)()),style:e.normalizeStyle(H.value),onWheel:[e.withModifiers(I,["exact"]),e.withModifiers(U,["shift"])]},[e.createElementVNode("div",{ref_key:"contentRef",ref:f,class:e.normalizeClass(e.unref(g)("content"))},[e.renderSlot(r.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("bar-wrapper"),e.unref(z)("bar-wrapper","vertical")]),style:e.normalizeStyle(`height: calc(100% - ${p.value?r.xBarProps.trackWidth||10:0}px)`)},[x.value?(e.openBlock(),e.createBlock(e.unref(D.default),e.mergeProps({key:0,ref_key:"yBarRef",ref:O},r.yBarProps,{"bar-length":u.y,onScroll:t[0]||(t[0]=l=>q(l,"vertical"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],6),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("bar-wrapper"),e.unref(z)("bar-wrapper","horizontal")])},[p.value?(e.openBlock(),e.createBlock(e.unref(D.default),e.mergeProps({key:0,ref_key:"xBarRef",ref:Y},r.xBarProps,{direction:"horizontal","bar-length":u.x,onScroll:t[1]||(t[1]=l=>q(l,"horizontal"))}),null,16,["bar-length"])):e.createCommentVNode("",!0)],2)],38))}});exports.default=ne;

package/lib/src/scroll-view/interface.d.ts

@@ -1,5 +1,10 @@
 import { InternalScrollBarProps, ScrollBarDirection } from '../scroll-bar';
+import { Ref } from 'vue';
 type BarExtraProps = Omit<InternalScrollBarProps, 'direction' | 'scroll' | 'barLength'>;
+export type ScrollOffsetType = {
+    x: number;
+    y: number;
+};
 export type AutoPlayConfig = {
     /**
      * 自动滚动的方向
@@ -49,4 +54,39 @@ export interface ScrollViewProps {
      */
     onWheel?: (direction: ScrollBarDirection, offset: number) => void;
 }
+export type ScrollOptions = {
+    top?: number;
+    left?: number;
+    smooth?: boolean;
+};
+export type ScrollViewExpose = {
+    /**
+     * 当前滚动距离顶部的位置
+     */
+    scrollTop: Ref<number>;
+    /**
+     * 当前滚动距离左侧的位置
+     */
+    scrollLeft: Ref<number>;
+    /**
+     * 滚动到指定位置
+     * @param x
+     * @param y
+     * @returns
+     */
+    scroll: (x?: number, y?: number) => void;
+    /**
+     * 滚动到指定位置(支持指定平滑滚动)
+     * @param options
+     * @returns
+     */
+    scrollTo: (options: ScrollOptions) => void;
+    /**
+     * 将子元素滚动到可视区域
+     * @param element
+     * @param position
+     * @returns
+     */
+    scrollIntoView: (element: Element, position?: 'start' | 'center' | 'end') => void;
+};
 export {};

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

@@ -0,0 +1,11 @@
+/**
+ * 获取某个元素相对滚动容器可见应该滚动的偏移量（绝对值）
+ * @param container
+ * @param element
+ * @param position
+ * @returns
+ */
+export declare function getElementScrollOffset(container: HTMLElement, element: HTMLElement, position: 'start' | 'center' | 'end'): {
+    x: number;
+    y: number;
+};

package/lib/src/scroll-view/utils/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function g(o,c,t){const e=o.getBoundingClientRect(),n=c.getBoundingClientRect(),s=t==="x"?"left":"top",f=t==="x"?"right":"bottom",l=t==="x"?"width":"height";return{start:n[s]-e[s],end:n[f]-e[f],center:n[f]-e[f]+(e[l]-n[l])/2}}function r(o,c,t){const e=g(o,c,"x"),n=g(o,c,"y");return{x:e[t],y:n[t]}}exports.getElementScrollOffset=r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -65,8 +65,8 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.48",
-    "@aplus-frontend/hooks": "1.0.7"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.48"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.0.11",

package/theme/ap-form/ap-form-item.css

@@ -16,6 +16,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }

package/theme/ap-form/ap-form-item.less

@@ -21,6 +21,13 @@
     .ant-picker {
       padding: 0;
     }
+    .ant-input-group {
+      // tip: 针对包含时区切换的日期选择器
+      .ant-select + .ant-picker {
+        padding-inline: 11px;
+        flex: 1;
+      }
+    }
     .ant-space-compact-block {
       .ant-input {
         padding-left: 11px;

package/theme/ap-form/index.css

@@ -25,6 +25,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -141,15 +145,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }

package/theme/ap-form/item-text-group.css

@@ -21,15 +21,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }

package/theme/ap-form/item-text-group.less

@@ -31,18 +31,28 @@
         border-start-end-radius: 0;
         border-end-end-radius: 0;
       }
+      .ant-form-item-control-input-content > .ant-input-group > :last-child, .ant-select-selector {
+        border-start-end-radius: 0;
+        border-end-end-radius: 0;
+      }
     }
     .ant-form-item:last-child {
       .ant-form-item-control-input-content > :first-child, .ant-select-selector {
         border-start-start-radius: 0;
         border-end-start-radius: 0;
       }
-
+      .ant-form-item-control-input-content > .ant-input-group > :first-child, .ant-select-selector {
+        border-start-start-radius: 0;
+        border-end-start-radius: 0;
+      }
     }
     .ant-form-item:not(:first-child):not(:last-child) {
       .ant-form-item-control-input-content > :first-child, .ant-select-selector {
         border-radius: 0;
       }
+      .ant-form-item-control-input-content > .ant-input-group > *, .ant-select-selector {
+        border-radius: 0;
+      }
     }
     .ant-input-group-addon:first-child {
       border-radius: 0;

package/theme/ap-form/item-text.css

@@ -21,15 +21,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }

package/theme/ap-form/search-form.css

@@ -16,6 +16,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }

package/theme/ap-table/ap-table.css

@@ -211,6 +211,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -327,15 +331,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }

package/theme/ap-table-modal/index.css

@@ -211,6 +211,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -327,15 +331,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }

package/theme/editable-table/index.css

@@ -25,6 +25,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -141,15 +145,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }

package/theme/full-screen/index.css

@@ -0,0 +1,6 @@
+.aplus-full-screen-wrapper--full {
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+}

package/theme/full-screen/index.less

@@ -0,0 +1,12 @@
+@import '../mixins/mixins.less';
+
+.b(full-screen, {
+  &-wrapper {
+    &--full {
+      position: fixed;
+      top: 0;
+      width: 100vw;
+      height: 100vh;
+    }
+  }
+});

package/theme/index.css

@@ -375,6 +375,10 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
+.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -491,15 +495,29 @@
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
 .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
   border-radius: 0;
 }
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
 .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
   border-radius: 0;
 }
@@ -2113,3 +2131,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   right: 0;
   height: 100%;
 }
+.aplus-full-screen-wrapper--full {
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+}

package/theme/index.less

@@ -35,3 +35,4 @@
 @import './ap-image/ap-image.less';
 @import './batch-input-group/index.less';
 @import './scroll-view/index.less';
+@import './full-screen/index.less';