@aplus-frontend/ui 7.11.1 → 7.11.3

package/es/src/splitter/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface SplitterProps {
     prefixCls?: string;
     className?: string;
@@ -9,6 +9,11 @@ export interface SplitterProps {
     onResize?: (sizes: number[]) => void;
     onResizeEnd?: (sizes: number[]) => void;
     lazy?: boolean;
+    draggerIcon?: VNode;
+    collapsibleIcon?: {
+        start?: VNode;
+        end?: VNode;
+    };
 }
 export interface PanelProps {
     className?: string;
@@ -19,6 +24,7 @@ export interface PanelProps {
     collapsible?: boolean | {
         start?: boolean;
         end?: boolean;
+        showCollapsibleIcon?: boolean | 'auto';
     };
     resizable?: boolean;
     defaultSize?: number | string;
@@ -51,6 +57,7 @@ export interface UseCollapsible {
     onFold: (type: 'previous' | 'next') => void;
     setOldBasics: () => void;
 }
+export type ShowCollapsibleIconMode = boolean | 'auto';
 export interface SplitBarProps {
     index: number;
     active: boolean;
@@ -67,4 +74,8 @@ export interface SplitBarProps {
     ariaMax?: number;
     lazy?: boolean;
     containerSize: number;
+    draggerIcon?: SplitterProps['draggerIcon'];
+    collapsibleIcon?: SplitterProps['collapsibleIcon'];
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
 }

package/es/src/splitter/style/index.mjs

@@ -1,10 +1,10 @@
-import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as s } from "../../utils/cssinjs/index.mjs";
 const i = () => ({
   position: "absolute",
   top: "50%",
   left: "50%",
   transform: "translate(-50%, -50%)"
-}), a = (r) => ({
+}), l = (r) => ({
   position: "absolute",
   zIndex: 1,
   display: "none",
@@ -12,8 +12,8 @@ const i = () => ({
   opacity: 0.2,
   transition: "none",
   pointerEvents: "none"
-}), s = (r) => {
-  const { componentCls: e, namespace: l } = r, t = `--${l}-splitter-bar-preview-offset`;
+}), n = (r) => {
+  const { componentCls: e, namespace: o } = r, t = `--${o}-splitter-bar-preview-offset`, a = `${e}-bar`;
   return {
     [e]: {
       boxSizing: "border-box",
@@ -60,6 +60,11 @@ const i = () => ({
               background: "#bae0ff"
             }
           },
+          [`&-active${a}-dragger-customize`]: {
+            [`${a}-dragger-icon`]: {
+              color: r.colorPrimary
+            }
+          },
           [`&-disabled${e}-bar-dragger`]: {
             zIndex: 0,
             "&, &:hover, &-active": {
@@ -71,6 +76,17 @@ const i = () => ({
             "&::after": {
               display: "none"
             }
+          },
+          "&-customize": {
+            [`${a}-dragger-icon`]: {
+              ...i(r),
+              display: "flex",
+              alignItems: "center",
+              color: r.antdv.colorFill
+            },
+            "&::after": {
+              display: "none"
+            }
           }
         },
         [`${e}-bar-collapse-bar`]: {
@@ -85,17 +101,37 @@ const i = () => ({
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          "&:hover": {
-            backgroundColor: "rgba(0, 0, 0, 0.15)"
+          // Hover
+          [`&:hover:not(${a}-collapse-bar-customize)`]: {
+            background: r.antdv.controlItemBgActive
           },
-          "&:active": {
-            backgroundColor: "#e6f4ff"
+          // Active
+          [`&:active:not(${a}-collapse-bar-customize)`]: {
+            background: r.antdv.controlItemBgActiveHover
+          },
+          [`${a}-collapse-icon`]: {
+            display: "flex",
+            alignItems: "center"
           }
         },
+        [`${a}-collapse-bar-customize`]: {
+          background: "transparent"
+        },
         "&:hover, &:active": {
-          [`${e}-bar-collapse-bar`]: {
+          [`${e}-bar-collapse-bar-hover-only`]: {
+            opacity: 1
+          }
+        },
+        [`${e}-bar-collapse-bar-hover-only`]: {
+          "@media(hover:none)": {
             opacity: 1
           }
+        },
+        [`${e}-bar-collapse-bar-always-hidden`]: {
+          display: "none"
+        },
+        [`${e}-bar-collapse-bar-always-visible`]: {
+          opacity: 1
         }
       },
       [`${e}-mask`]: {
@@ -116,7 +152,7 @@ const i = () => ({
           [`${e}-bar-preview`]: {
             height: "100%",
             width: r.splitterBarSize,
-            ...a(r),
+            ...l(r),
             "&-active": {
               display: "block",
               transform: `translateX(var(${t}))`
@@ -158,7 +194,7 @@ const i = () => ({
           [`${e}-bar-preview`]: {
             height: r.splitterBarSize,
             width: "100%",
-            ...a(r),
+            ...l(r),
             [`&${e}-bar-preview-active`]: {
               display: "block",
               transform: `translateY(var(${t}))`
@@ -208,9 +244,9 @@ const i = () => ({
       }
     }
   };
-}, g = o(
+}, d = s(
   "Splitter",
-  (r) => [s(r)],
+  (r) => [n(r)],
   {
     splitterBarSize: 2,
     splitterTriggerSize: 6,
@@ -218,6 +254,6 @@ const i = () => ({
   }
 );
 export {
-  g as default,
-  s as genSplitterStyle
+  d as default,
+  n as genSplitterStyle
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.11.1";
+declare const _default: "7.11.3";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.11.1";
+const e = "7.11.3";
 export {
   e as default
 };

package/lib/src/ag-grid/editable/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),s=require("../../ap-form/utils/set.js");function f(n,r,t){if(t)return i.isString(t)?n[t]:t(n,r)}function a(n,r){const t={};return n.forEach((o,e)=>{const u=f(o,e,r);t[u]=o}),t}function c(n,r,t){return n.map((o,e)=>{const u=f(o,e,r);return t[u]??o})}function l(n){let r={};function t(o){for(const e of o)e.children?.length?t(e.children):e.fieldProps?.transform&&(r=s.default(r,[e.dataIndex].flat(1),e.fieldProps.transform,!0))}return t(n),r}exports.arrayToObject=a;exports.getColumnTransformOptions=l;exports.getRowKey=f;exports.updateArrItem=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),a=require("../../ap-form/utils/set.js"),c=require("../../ap-table/utils.js");function u(e,r,t){if(t)return i.isString(t)?e[t]:t(e,r)}function f(e,r){const t={};return e.forEach((o,n)=>{const s=u(o,n,r);t[s]=o}),t}function l(e,r,t){return e.map((o,n)=>{const s=u(o,n,r);return t[s]??o})}function d(e){let r={};function t(o){for(const n of o)if(n.children?.length)t(n.children);else{const s=c.getFieldProps(n.fieldProps,{});s?.transform&&(r=a.default(r,[n.dataIndex].flat(1),s.transform,!0))}}return t(e),r}exports.arrayToObject=f;exports.getColumnTransformOptions=d;exports.getRowKey=u;exports.updateArrItem=l;

package/lib/src/business/ap-copy/constans.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({text:{type:String,default:""},size:{type:Number,default:14},textStyle:{type:[String,Object],default:"major"},link:{type:String,default:""},disableCopy:{type:Boolean,default:!1},onClick:{type:Function,default:()=>{}},tipMessageSuccess:{type:String,default:""},tipMessageError:{type:String,default:""}});exports.ApCopyProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({text:{type:String,default:""},size:{type:Number,default:12},textStyle:{type:[String,Object],default:"major"},link:{type:String,default:""},disableCopy:{type:Boolean,default:!1},onClick:{type:Function,default:()=>{}},tipMessageSuccess:{type:String,default:""},tipMessageError:{type:String,default:""}});exports.ApCopyProps=e;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../utils/cssinjs/index.js"),r=o=>{const{componentCls:e}=o;return{[e]:{display:"flex",alignItems:"center",width:"100%",".copy-btn":{opacity:0,transition:`opacity ${o.motionDurationMid} ease`},"&:hover":{".copy-btn":{opacity:1}},[`${e}__text`]:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:o.lineHeight},[`${e}--text-major`]:{color:o.textColor1},[`${e}--text-minor`]:{color:o.textColor3},[`${e}--text-link`]:{color:o.colorLink,cursor:"pointer","&:hover":{color:o.colorLinkHover}},[`${e}__copy-btn`]:{flexShrink:0,marginInlineStart:o.spaceXS,display:"flex",alignItems:"center",fontSize:o.fontSizeLG,color:o.textColor4,cursor:"pointer","&:hover":{".user-frontend-icon":{color:o.colorLink}}}}}},i=t.genComponentStyleHook("ApCopy",o=>[r(o)]);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../utils/cssinjs/index.js"),r=o=>{const{componentCls:e}=o;return{[e]:{display:"flex",alignItems:"center",width:"100%",".copy-btn":{opacity:0,transition:`opacity ${o.motionDurationMid} ease`},"&:hover":{".copy-btn":{opacity:1}},[`${e}__text`]:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:o.lineHeight},[`${e}--text-major`]:{color:o.textColor1},[`${e}--text-minor`]:{color:o.textColor3},[`${e}--text-link`]:{color:o.colorLink,cursor:"pointer","&:hover":{color:o.colorLinkHover}},[`${e}__copy-btn`]:{flexShrink:0,marginInlineStart:o.spaceXS,display:"flex",alignItems:"center",fontSize:o.fontSize,color:o.textColor4,cursor:"pointer","&:hover":{".user-frontend-icon":{color:o.colorLink}}}}}},i=t.genComponentStyleHook("ApCopy",o=>[r(o)]);exports.default=i;

package/lib/src/business/ap-product-info/ApProductInfo.d.ts

@@ -21,6 +21,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     title: {
         type: StringConstructor;
@@ -42,11 +46,16 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     values: ApProductInfoValue[];
     title: string;
     preview: boolean;
     disableCopy: boolean;
     imgSrc: string;
+    showImg: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/business/ap-product-info/ApProductInfo.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),s=require("@aplus-frontend/antdv"),v=require("@aplus-frontend/icon");require("../../config-provider/index.js");const a=require("../ap-copy/index.js"),f=require("../ap-image/index.js"),h=require("./constans.js"),y=require("./style/index.js"),N=require("../../config-provider/hooks/use-namespace.js"),g=l.defineComponent({name:"ApProductInfo",props:h.ApProductInfoProps(),setup(r){const{b:c,e:o,m:t}=N.useNamespace("ap-product-info"),i=y.default("ap-product-info"),d=e=>typeof e.value=="function"?e.value():e.helpMessage?l.h(s.Space.Compact,{},[l.h(a.ApCopy,{text:e.value,link:e.link,textStyle:e.link?"link":"minor"}),l.h(s.Tooltip,{placement:"top",color:e.toolTipBgColor,title:typeof e.helpMessage=="string"?e.helpMessage:l.h(e.helpMessage)},()=>l.h(v.IconApAdFillWarn,{color:"#FFA940",style:{cursor:"pointer"}}))]):l.h(a.ApCopy,{text:e.value,textStyle:e.link?"link":"minor",link:e.link,disableCopy:r.disableCopy},e.value);return()=>l.createVNode("div",{class:[c(),i.value]},[l.createVNode("div",{class:o("img")},[l.createVNode(f.ApImage,{src:r.imgSrc,width:44,height:44,preview:r.preview},null)]),l.createVNode("div",{class:[o("content")]},[l.createVNode(a.ApCopy,{disableCopy:r.disableCopy},{default:()=>[r.title]}),l.createVNode("div",{class:o("row-container")},[r.values.map((e,u)=>{const n=e.col===2,p=e.col!==2&&u%2===0;return l.createVNode("div",{key:JSON.stringify(e),class:[o("row-item"),t(n?"full":"half")]},[l.createVNode("div",{class:[o("item")]},[e.label&&l.createVNode("div",{class:o("label")},[e.label,l.createVNode("span",null,[l.createTextVNode(":")])]),l.createVNode("div",{class:[o("value"),!n&&t("overflow")],title:typeof e.value!="function"?String(e.value||""):""},[d(e)])]),p&&l.createVNode("div",{class:o("divider"),style:{right:0}},[l.createVNode("div",{class:o("divider-vertical")},null)])])})])])])}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),s=require("@aplus-frontend/antdv"),v=require("@aplus-frontend/icon");require("../../config-provider/index.js");const a=require("../ap-copy/index.js"),f=require("../ap-image/index.js"),h=require("./constans.js"),y=require("./style/index.js"),N=require("../../config-provider/hooks/use-namespace.js"),g=l.defineComponent({name:"ApProductInfo",props:h.ApProductInfoProps(),setup(r){const{b:c,e:o,m:t}=N.useNamespace("ap-product-info"),i=y.default("ap-product-info"),d=e=>typeof e.value=="function"?e.value():e.helpMessage?l.h(s.Space.Compact,{},[l.h(a.ApCopy,{text:e.value,link:e.link,textStyle:e.link?"link":"minor"}),l.h(s.Tooltip,{placement:"top",color:e.toolTipBgColor,title:typeof e.helpMessage=="string"?e.helpMessage:l.h(e.helpMessage)},()=>l.h(v.IconApAdFillWarn,{color:"#FFA940",style:{cursor:"pointer"}}))]):l.h(a.ApCopy,{text:e.value,textStyle:e.link?"link":"minor",link:e.link,disableCopy:r.disableCopy},e.value);return()=>l.createVNode("div",{class:[c(),i.value]},[r.showImg&&l.createVNode("div",{class:o("img")},[l.createVNode(f.ApImage,{src:r.imgSrc,width:44,height:44,preview:r.preview},null)]),l.createVNode("div",{class:[o("content")]},[l.createVNode(a.ApCopy,{disableCopy:r.disableCopy},{default:()=>[r.title]}),l.createVNode("div",{class:o("row-container")},[r.values.map((e,u)=>{const n=e.col===2,p=e.col!==2&&u%2===0;return l.createVNode("div",{key:JSON.stringify(e),class:[o("row-item"),t(n?"full":"half")]},[l.createVNode("div",{class:[o("item")]},[e.label&&l.createVNode("div",{class:o("label")},[e.label,l.createVNode("span",null,[l.createTextVNode(":")])]),l.createVNode("div",{class:[o("value"),!n&&t("overflow")],title:typeof e.value!="function"?String(e.value||""):""},[d(e)])]),p&&l.createVNode("div",{class:o("divider"),style:{right:0}},[l.createVNode("div",{class:o("divider-vertical")},null)])])})])])])}});exports.default=g;

package/lib/src/business/ap-product-info/constans.d.ts

@@ -21,4 +21,8 @@ export declare const ApProductInfoProps: () => {
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/lib/src/business/ap-product-info/constans.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({title:{type:String,default:""},imgSrc:{type:String,default:""},preview:{type:Boolean,default:!1},values:{type:Array,default:()=>[]},disableCopy:{type:Boolean,default:!1}});exports.ApProductInfoProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({title:{type:String,default:""},imgSrc:{type:String,default:""},preview:{type:Boolean,default:!1},values:{type:Array,default:()=>[]},disableCopy:{type:Boolean,default:!1},showImg:{type:Boolean,default:!0}});exports.ApProductInfoProps=e;

package/lib/src/business/ap-product-info/index.d.ts

@@ -23,12 +23,17 @@ declare const ApProductInfo: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showImg: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         values: ApProductInfoValue[];
         title: string;
         preview: boolean;
         disableCopy: boolean;
         imgSrc: string;
+        showImg: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -57,12 +62,17 @@ declare const ApProductInfo: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showImg: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         values: ApProductInfoValue[];
         title: string;
         preview: boolean;
         disableCopy: boolean;
         imgSrc: string;
+        showImg: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -88,12 +98,17 @@ declare const ApProductInfo: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     values: ApProductInfoValue[];
     title: string;
     preview: boolean;
     disableCopy: boolean;
     imgSrc: string;
+    showImg: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

package/lib/src/business/ap-product-info/interface.d.ts

@@ -5,6 +5,7 @@ export interface ApProductInfoProps {
     title?: string;
     values?: ApProductInfoValue[];
     disableCopy?: boolean;
+    showImg?: boolean;
 }
 export interface ApProductInfoValue {
     label?: string;

package/lib/src/business/ap-product-info/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../../utils/cssinjs/index.js"),o=e=>{const{componentCls:i}=e;return{[i]:{display:"flex",[`${i}__img`]:{width:e.apProductInfoImageSize,height:e.apProductInfoImageSize,marginInlineEnd:e.space,flexShrink:0},[`${i}__content`]:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden"},[`${i}__row-container `]:{display:"flex",flexWrap:"wrap"},[`${i}__row-item`]:{position:"relative",display:"flex"},[`${i}__divider`]:{width:e.lineWidth,position:"relative",height:"12px",top:"50%",marginBlockStart:e.calc(e.spaceSM).mul(-1).equal(),marginInlineEnd:e.spaceXL,zIndex:1},[`${i}__divider-vertical`]:{width:e.lineWidth,height:"100%",backgroundColor:e.colorBg1,position:"absolute",transform:"translateX(-50%)"},[`${i}__item`]:{display:"flex",alignItems:"baseline"},[`${i}--full`]:{width:"100%"},[`${i}__label`]:{color:e.textColor3,flexShrink:0,span:{display:"inline-block",paddingInline:e.spaceXXS,paddingBlock:0}},[`${i}__value`]:{maxWidth:e.apProductInfoMaxWidth,color:e.textColor3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},[`${i}--link`]:{color:e.colorLink,cursor:"pointer"}}}},r=l.genComponentStyleHook("ApProductInfo",e=>[o(e)],{apProductInfoImageSize:44,apProductInfoMaxWidth:300});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../../utils/cssinjs/index.js"),o=e=>{const{componentCls:i}=e;return{[i]:{display:"flex",[`${i}__img`]:{width:e.apProductInfoImageSize,height:e.apProductInfoImageSize,marginInlineEnd:e.space,flexShrink:0},[`${i}__content`]:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden"},[`${i}__row-container `]:{display:"flex",flexWrap:"wrap"},[`${i}__row-item`]:{position:"relative",display:"flex"},[`${i}__divider`]:{width:e.lineWidth,position:"relative",height:"12px",top:"50%",marginBlockStart:e.calc(e.spaceSM).mul(-1).equal(),marginInlineEnd:e.spaceLG,marginInlineStart:e.spaceSM,zIndex:1},[`${i}__divider-vertical`]:{width:e.lineWidth,height:"100%",backgroundColor:e.colorBg1,position:"absolute",transform:"translateX(-50%)"},[`${i}__item`]:{display:"flex",alignItems:"baseline"},[`${i}--full`]:{width:"100%"},[`${i}__label`]:{color:e.textColor3,flexShrink:0,span:{display:"inline-block",paddingInline:e.spaceXXS,paddingBlock:0}},[`${i}__value`]:{maxWidth:e.apProductInfoMaxWidth,color:e.textColor3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},[`${i}--link`]:{color:e.colorLink,cursor:"pointer"}}}},a=l.genComponentStyleHook("ApProductInfo",e=>[o(e)],{apProductInfoImageSize:44,apProductInfoMaxWidth:300});exports.default=a;

package/lib/src/business/ap-view/ap-view.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),P=require("@aplus-frontend/utils"),j=require("../../ap-table/context.js");require("../../config-provider/index.js");const k=require("../ap-batch-action-group/index.js");require("./components/main-button-content.vue.js");require("./components/menu-list-content.vue.js");const A=require("./hooks/use-view-provide.js"),G=require("./icons/line-down.vue.js"),U=require("./style/index.js"),m=require("./utils/enum.js"),$=require("../../config-provider/hooks/use-global-config.js"),z=require("../../config-provider/hooks/use-namespace.js"),R=require("../../config-provider/hooks/use-locale.js"),H=require("./components/main-button-content.vue2.js"),J=require("./components/menu-list-content.vue2.js"),Q=e.defineComponent({name:"ApView",__name:"ap-view",props:{tableKey:{},saveDataSource:{},viewCacheOption:{},maxViewNum:{default:20},isDefaultSystemView:{type:Boolean,default:!1},isFirstDefaultSystemView:{type:Boolean,default:!1},manual:{type:Boolean,default:!1},emptyData:{}},setup(g,{expose:C}){const r=g,D=$.useGlobalConfig("viewCacheOption"),{b:y}=z.useNamespace("ap-view"),{t:E}=R.useLocale(),_=U.default("ap-view"),d=e.computed(()=>({viewKey:m.SYSTEM_VIEW_KEY,viewName:E("ap.apView.systemView")})),{getSearchFormValues:q,setSearchFormValues:F,submit:I,reset:N,submitWith:Y,getSearchFormSorterItems:O,setSearchFormSorterItems:T,resetSearchFormSorterItems:L}=j.useInjectApTable(),W=e.ref(!1),V=e.ref(!1),w=e.ref("");let f=!1,K=!1;const x={dropdownType:"dropdown",content:e.createVNode(H.default,{maxViewNum:r.maxViewNum},null)},s=e.ref([d.value]),M=e.computed(()=>s.value.map(a=>({id:a.viewKey,content:e.createVNode(J.default,{view:a},null)}))),o={getSearchFormValues:q,setSearchFormValues:F,submit:I,reset:N,submitWith:Y,getSearchFormSorterItems:O,setSearchFormSorterItems:T,resetSearchFormSorterItems:L,...r.saveDataSource},p={...D.value,...r.viewCacheOption},h=()=>r.isDefaultSystemView||(r.isFirstDefaultSystemView||K)&&f?m.SYSTEM_VIEW_KEY:s.value.find(i=>i.isDefault)?.viewKey??m.SYSTEM_VIEW_KEY,l=a=>{w.value=a;const i=s.value.find(t=>t.viewKey===w.value);i&&setTimeout(()=>{i.viewKey===m.SYSTEM_VIEW_KEY?f?r.manual||o?.submitWith?.():r.manual||(o?.resetSearchFormSorterItems?.(),o?.reset?.()):(o?.setSearchFormValues?.({...Object.fromEntries(Object.keys(o?.getSearchFormValues?.()??{}).map(t=>[t,void 0]))??{},...r?.emptyData??{},...o?.getSearchFormSorterItems?.()?.reduce((t,n)=>(i.viewConfig?.searchForm?.[n.name]&&(t[n.name]=i.viewConfig?.searchForm?.[n.name]),t),{})??{}}),o?.setSearchFormSorterItems?.(i.viewConfig?.sorterItems??[]),f?r.manual||o?.submitWith?.():o?.submit?.()),f=!1})},b={getViewList:async a=>{try{const{tableKey:i}=a,t=await p?.getViewList?.({tableKey:i});return s.value=[d.value,...t??[]],l(h()),s.value}catch{return s.value=[d.value],l(m.SYSTEM_VIEW_KEY),s.value}},addView:async a=>{const{tableKey:i,viewKey:t,viewName:n,isDefault:u,viewConfig:v}=a;await p?.addView?.({tableKey:i,viewKey:t,viewName:n,isDefault:u,viewConfig:v}),u&&(s.value=s.value.map(c=>({...c,isDefault:!1}))),s.value=[...s.value,{viewKey:t,viewName:n,isDefault:u,viewConfig:v}],l(t)},changeView:async a=>{const{tableKey:i,viewKey:t,viewName:n,isDefault:u,viewConfig:v}=a;await p?.changeView?.({tableKey:i,viewKey:t,viewName:n,isDefault:u,viewConfig:v}),u&&(s.value=s.value.map(S=>({...S,isDefault:!1})));const c=s.value.find(S=>S.viewKey===t);c&&(c.viewName=n,c.isDefault=u,c.viewConfig=v),l(t)},removeView:async a=>{const{tableKey:i,viewKey:t}=a;await p?.removeView?.({tableKey:i,viewKey:t}),s.value=s.value.filter(n=>n.viewKey!==t),t===w.value&&l(h())}},B={tableKey:r.tableKey,currentViewKey:w,changeCurrentViewKey:l,popoverOpen:W,menuOpen:V,viewList:s,viewListCRUD:b,saveDataSource:o};return A.useViewProvide(B),e.watch(()=>r.tableKey,a=>{P.isValid(a)&&(f=!0,b?.getViewList?.({tableKey:a}))},{immediate:!0}),C({setFirstDefaultSystemView:a=>{K=a}}),(a,i)=>(e.openBlock(),e.createBlock(e.unref(k.ApBatchActionGroup),e.mergeProps({...a.$attrs},{open:V.value,"onUpdate:open":i[0]||(i[0]=t=>V.value=t),class:[e.unref(y)(),e.unref(_)],"button-props":x,"menu-list":M.value,"overlay-class-name":[e.unref(y)("overlay"),e.unref(_)],trigger:"click",placement:"bottom"}),{icon:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("icon")])},[e.createVNode(G.default)],2)]),_:1},16,["open","class","menu-list","overlay-class-name"]))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),B=require("@aplus-frontend/utils"),j=require("../../ap-table/context.js");require("../../config-provider/index.js");const k=require("../ap-batch-action-group/index.js");require("./components/main-button-content.vue.js");require("./components/menu-list-content.vue.js");const A=require("./hooks/use-view-provide.js"),G=require("./icons/line-down.vue.js"),U=require("./style/index.js"),m=require("./utils/enum.js"),$=require("../../config-provider/hooks/use-global-config.js"),z=require("../../config-provider/hooks/use-namespace.js"),R=require("../../config-provider/hooks/use-locale.js"),H=require("./components/main-button-content.vue2.js"),J=require("./components/menu-list-content.vue2.js"),Q=t.defineComponent({name:"ApView",__name:"ap-view",props:{tableKey:{},saveDataSource:{},viewCacheOption:{},maxViewNum:{default:20},isDefaultSystemView:{type:Boolean,default:!1},isFirstDefaultSystemView:{type:Boolean,default:!1},manual:{type:Boolean,default:!1},emptyData:{},extraParams:{}},setup(g,{expose:C}){const r=g,D=$.useGlobalConfig("viewCacheOption"),{b:y}=z.useNamespace("ap-view"),{t:E}=R.useLocale(),_=U.default("ap-view"),d=t.computed(()=>({viewKey:m.SYSTEM_VIEW_KEY,viewName:E("ap.apView.systemView")})),{getSearchFormValues:q,setSearchFormValues:F,submit:I,reset:N,submitWith:Y,getSearchFormSorterItems:x,setSearchFormSorterItems:O,resetSearchFormSorterItems:T}=j.useInjectApTable(),L=t.ref(!1),V=t.ref(!1),w=t.ref("");let f=!1,K=!1;const W={dropdownType:"dropdown",content:t.createVNode(H.default,{maxViewNum:r.maxViewNum},null)},s=t.ref([d.value]),M=t.computed(()=>s.value.map(a=>({id:a.viewKey,content:t.createVNode(J.default,{view:a},null)}))),o={getSearchFormValues:q,setSearchFormValues:F,submit:I,reset:N,submitWith:Y,getSearchFormSorterItems:x,setSearchFormSorterItems:O,resetSearchFormSorterItems:T,...r.saveDataSource},p={...D.value,...r.viewCacheOption},h=()=>r.isDefaultSystemView||(r.isFirstDefaultSystemView||K)&&f?m.SYSTEM_VIEW_KEY:s.value.find(i=>i.isDefault)?.viewKey??m.SYSTEM_VIEW_KEY,l=a=>{w.value=a;const i=s.value.find(e=>e.viewKey===w.value);i&&setTimeout(()=>{i.viewKey===m.SYSTEM_VIEW_KEY?f?r.manual||o?.submitWith?.():r.manual||(o?.resetSearchFormSorterItems?.(),o?.reset?.()):(o?.setSearchFormValues?.({...Object.fromEntries(Object.keys(o?.getSearchFormValues?.()??{}).map(e=>[e,void 0]))??{},...r?.emptyData??{},...[...o?.getSearchFormSorterItems?.()??[],...r?.extraParams?.map(e=>({name:e}))??[]].reduce((e,n)=>(i.viewConfig?.searchForm?.[n.name]&&(e[n.name]=i.viewConfig?.searchForm?.[n.name]),e),{})??{}}),o?.setSearchFormSorterItems?.(i.viewConfig?.sorterItems??[]),f?r.manual||o?.submitWith?.():o?.submit?.()),f=!1})},b={getViewList:async a=>{try{const{tableKey:i}=a,e=await p?.getViewList?.({tableKey:i});return s.value=[d.value,...e??[]],l(h()),s.value}catch{return s.value=[d.value],l(m.SYSTEM_VIEW_KEY),s.value}},addView:async a=>{const{tableKey:i,viewKey:e,viewName:n,isDefault:u,viewConfig:v}=a;await p?.addView?.({tableKey:i,viewKey:e,viewName:n,isDefault:u,viewConfig:v}),u&&(s.value=s.value.map(c=>({...c,isDefault:!1}))),s.value=[...s.value,{viewKey:e,viewName:n,isDefault:u,viewConfig:v}],l(e)},changeView:async a=>{const{tableKey:i,viewKey:e,viewName:n,isDefault:u,viewConfig:v}=a;await p?.changeView?.({tableKey:i,viewKey:e,viewName:n,isDefault:u,viewConfig:v}),u&&(s.value=s.value.map(S=>({...S,isDefault:!1})));const c=s.value.find(S=>S.viewKey===e);c&&(c.viewName=n,c.isDefault=u,c.viewConfig=v),l(e)},removeView:async a=>{const{tableKey:i,viewKey:e}=a;await p?.removeView?.({tableKey:i,viewKey:e}),s.value=s.value.filter(n=>n.viewKey!==e),e===w.value&&l(h())}},P={tableKey:r.tableKey,currentViewKey:w,changeCurrentViewKey:l,popoverOpen:L,menuOpen:V,viewList:s,viewListCRUD:b,saveDataSource:o};return A.useViewProvide(P),t.watch(()=>r.tableKey,a=>{B.isValid(a)&&(f=!0,b?.getViewList?.({tableKey:a}))},{immediate:!0}),C({setFirstDefaultSystemView:a=>{K=a}}),(a,i)=>(t.openBlock(),t.createBlock(t.unref(k.ApBatchActionGroup),t.mergeProps({...a.$attrs},{open:V.value,"onUpdate:open":i[0]||(i[0]=e=>V.value=e),class:[t.unref(y)(),t.unref(_)],"button-props":W,"menu-list":M.value,"overlay-class-name":[t.unref(y)("overlay"),t.unref(_)],trigger:"click",placement:"bottom"}),{icon:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass([t.unref(y)("icon")])},[t.createVNode(G.default)],2)]),_:1},16,["open","class","menu-list","overlay-class-name"]))}});exports.default=Q;

package/lib/src/business/ap-view/interface.d.ts

@@ -86,6 +86,10 @@ export interface ApViewProps {
      * 表单项为空时的状态数据,适用于为空时其值不为undefined的情况
      */
     emptyData?: Recordable;
+    /**
+     * 视图额外需要被设置的参数Key
+     */
+    extraParams?: string[];
 }
 export interface ApViewExpose {
     setFirstDefaultSystemView: (value: boolean) => void;

package/lib/src/business/batch-input-group/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),r=require("@aplus-frontend/utils"),i=require("lodash-unified"),p=require("../../ap-form/context.js"),f=require("../../ap-form/utils/get.js");require("../../ap-form/item/index.vue2.js");require("./index.vue2.js");const m=require("../../ap-form/item/index.vue.js"),c=require("./index.vue.js"),v=l.defineComponent({name:"ApFormItemBatchInputGroup",__name:"form-item",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{},initialValue:{},_signal:{},transform:{},description:{},customFilled:{},disabled:{type:Boolean,default:void 0},field:{default:()=>({})},placeholer:{},trim:{type:Boolean,default:!0},defaultSelectedAllKey:{type:Boolean}},setup(o){const a=o,{internalInstance:n}=p.useInjectForm(),u=l.computed(()=>a?.transform||{flat:!1,transformer:e=>{if(e)return!e?.value||e?.value?.length<1?void 0:a?.field?.options?{...e,value:e?.value?.filter(t=>r.isValid(t?.trim()))?.map(t=>a.trim?t?.trim():t)}:e?.value?.filter(t=>r.isValid(t?.trim()))?.map(t=>a.trim?t?.trim():t)}}),s=l.computed(()=>a.field?.style||"width:auto"),d=l.computed(()=>{if(a.initialValue)return a.initialValue;const e=n?.getInitialValues();if(!f.getModelValue(e,a.name))return{key:a?.field?.options?.map(t=>t.value)}});return(e,t)=>(l.openBlock(),l.createBlock(m.default,l.mergeProps(l.unref(i.omit)(a,["field","initialValue","transform","placeholder","disabled"]),{"initial-value":d.value,transform:u.value,bordered:e.field?.options?.length?!1:e.bordered}),{default:l.withCtx(()=>[l.createVNode(c.default,l.mergeProps(l.unref(i.omit)(a.field,["style"]),{style:s.value,disabled:e.disabled,placeholer:e.placeholer}),null,16,["style","disabled","placeholer"])]),_:1},16,["initial-value","transform","bordered"]))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),r=require("@aplus-frontend/utils"),i=require("lodash-unified"),p=require("../../ap-form/context.js"),f=require("../../ap-form/utils/get.js");require("../../ap-form/item/index.vue2.js");require("./index.vue2.js");const m=require("../../ap-form/item/index.vue.js"),c=require("./index.vue.js"),v=a.defineComponent({name:"ApFormItemBatchInputGroup",__name:"form-item",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{},initialValue:{},_signal:{},transform:{},description:{},customFilled:{},disabled:{type:Boolean,default:void 0},field:{default:()=>({})},placeholer:{},trim:{type:Boolean,default:!0},defaultSelectedAllKey:{type:Boolean}},setup(o){const e=o,{internalInstance:n}=p.useInjectForm(),u=a.computed(()=>e?.transform||{flat:!1,transformer:l=>{if(l)return!l?.value||l?.value?.length<1?void 0:e?.field?.options?{...l,value:l?.value?.filter(t=>r.isValid(t?.trim()))?.map(t=>e.trim?t?.trim():t)}:l?.value?.filter(t=>r.isValid(t?.trim()))?.map(t=>e.trim?t?.trim():t)}}),s=a.computed(()=>e.field?.style||"width:auto"),d=a.computed(()=>{if(e.initialValue)return e.initialValue;const l=n?.getInitialValues();if(!f.getModelValue(l,e.name))return e.field.hasAll===!1?{key:[e?.field?.options?.[0]?.value]}:{key:e?.field?.options?.map(t=>t.value)}});return(l,t)=>(a.openBlock(),a.createBlock(m.default,a.mergeProps(a.unref(i.omit)(e,["field","initialValue","transform","placeholder","disabled"]),{"initial-value":d.value,transform:u.value,bordered:l.field?.options?.length?!1:l.bordered}),{default:a.withCtx(()=>[a.createVNode(c.default,a.mergeProps(a.unref(i.omit)(e.field,["style"]),{style:s.value,disabled:l.disabled,placeholer:l.placeholer}),null,16,["style","disabled","placeholer"])]),_:1},16,["initial-value","transform","bordered"]))}});exports.default=v;

package/lib/src/business/batch-input-group/index.vue.js

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@aplus-frontend/antdv"),h=require("lodash-unified");require("../../ap-field/index.js");const R=require("../../ap-field/hooks/use-default-placeholder.js");require("../../config-provider/index.js");require("../../hooks/index.js");require("../../utils/index.js");require("./popover-input/index.vue.js");const z=require("./style/index.js"),L=require("./utils.js"),O=require("../../hooks/useControllableValue.js"),E=require("../../config-provider/hooks/use-locale.js"),T=require("../../config-provider/hooks/use-namespace.js"),M=require("../../utils/is.js"),$=require("../../ap-field/select/index.vue.js"),D=require("../../ap-field/text/index.js"),K=require("./popover-input/index.vue2.js"),c="GROUP_SEARCH_ALL",G=e.defineComponent({name:"BatchInputGroup",__name:"index",props:{style:{type:[Boolean,null,String,Object,Array]},inputStyle:{type:[Boolean,null,String,Object,Array]},options:{},hasAll:{type:Boolean,default:!0},value:{},"onUpdate:value":{},popoverPlacement:{default:"left"},maxNum:{default:200},mode:{default:"edit"},class:{},variant:{},size:{},name:{},type:{default:"text"},onCompositionend:{},onCompositionstart:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},valueModifiers:{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(g,{emit:B}){const n=g,C=R.useDefaultPlaceholder("Text",n),b=B,{value:u,updateValue:a}=O.useControllableValue(n,b),i=e.ref(),d=e.ref(),{t:x}=E.useLocale(),{b:V,cssVar:q}=T.useNamespace("batch-input-group"),f=z.default("batch-input-group"),r=y.Form.useInjectFormItemContext(),A=e.computed(()=>{const t=n.popoverPlacement;return{"popover-left":h.isNumber(t)?`${t}px`:t==="left"?"0px":"unset","popover-right":t==="right"?"0px":"unset"}}),_=e.computed(()=>n.options?n.options.length>1&&n.hasAll?[{value:c,label:x("ap.common.all")},...n.options]:n.options:[]),I=e.computed(()=>n.options?n.options.map(t=>t.value):[]),S=e.computed(()=>e.unref(u)?.value?.length?e.unref(u).value.join(","):""),k=e.computed(()=>e.unref(u)?.value?.length?e.unref(u).value.join(`
-`):""),F=e.computed(()=>{const t=e.unref(u)?.key;if(t?.length)return t.length===1||!n.hasAll?t[0]:c}),P=e.computed(()=>{const t=e.unref(u)?.key;return!t||t?.length<=1?e.unref(C):(n.options||[]).filter(o=>t.includes(o.value)).map(o=>o.label).join("/")});function U(t){const l=e.unref(u)||{},o=t===c?e.unref(I):M.isDef(t)?[t]:[];a({...l,key:o}),r.onFieldChange()}function w(t){const l=e.unref(u)||{},o=t.target.value||"";let p=L.splitValue(o,",",",",n.maxNum);if(o!==p){const v=d.value?.$el?.querySelector("input");v&&(v.value=p)}let s=p.split(",");s.length===1&&s[0]===""&&(s=[]),a({...l,value:s}),r.onFieldChange()}function N(t){const l=e.unref(u)||{};let o=t.split(/,|\n/);a({...l,value:o}),r.onFieldChange()}function m(){const t=e.unref(u)||{},l=t.value?.filter(Boolean);a({...t,value:l}),r.onFieldChange()}function j(t){m(),n.onBlur?.(t)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:i,class:e.normalizeClass([e.unref(V)(),e.unref(f)]),style:e.normalizeStyle(e.unref(q)(A.value)),onFocus:l[0]||(l[0]=(...o)=>t.onFocus&&t.onFocus(...o)),onBlur:l[1]||(l[1]=(...o)=>t.onBlur&&t.onBlur(...o))},[e.createVNode(e.unref(y.Space).Compact,{block:""},{default:e.withCtx(()=>[t.options?.length?(e.openBlock(),e.createBlock(e.unref($.default),{key:0,style:e.normalizeStyle(t.style),options:_.value,value:F.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:t.disabled,"get-popup-container":()=>i.value,"onUpdate:value":U},null,8,["style","options","value","disabled","get-popup-container"])):e.createCommentVNode("",!0),e.createVNode(e.unref(D.ApFieldText),e.mergeProps(e.unref(h.omit)(n,["style","value","onUpdate:value","inputStyle","hasAll","options","onBlur"]),{ref_key:"inputRef",ref:d,style:t.inputStyle,value:S.value,placeholder:P.value,onInput:w,onBlur:j}),{suffix:e.withCtx(()=>[e.createVNode(K.default,{_parent:i.value,value:k.value,disabled:t.disabled,placement:n.popoverPlacement,"max-num":t.maxNum,class:e.normalizeClass(e.unref(f)),"onUpdate:value":N,onClose:m},null,8,["_parent","value","disabled","placement","max-num","class"])]),_:1},16,["style","value","placeholder"])]),_:1})],38))}});exports.default=G;
+`):""),F=e.computed(()=>{const t=e.unref(u)?.key;if(t?.length)return t.length===1||!n.hasAll?t[0]:c}),P=e.computed(()=>{const t=e.unref(u)?.key;return!t||t?.length<=1||n.hasAll===!1?e.unref(C):(n.options||[]).filter(o=>t.includes(o.value)).map(o=>o.label).join("/")});function U(t){const l=e.unref(u)||{},o=t===c?e.unref(I):M.isDef(t)?[t]:[];a({...l,key:o}),r.onFieldChange()}function w(t){const l=e.unref(u)||{},o=t.target.value||"";let p=L.splitValue(o,",",",",n.maxNum);if(o!==p){const v=d.value?.$el?.querySelector("input");v&&(v.value=p)}let s=p.split(",");s.length===1&&s[0]===""&&(s=[]),a({...l,value:s}),r.onFieldChange()}function N(t){const l=e.unref(u)||{};let o=t.split(/,|\n/);a({...l,value:o}),r.onFieldChange()}function m(){const t=e.unref(u)||{},l=t.value?.filter(Boolean);a({...t,value:l}),r.onFieldChange()}function j(t){m(),n.onBlur?.(t)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:i,class:e.normalizeClass([e.unref(V)(),e.unref(f)]),style:e.normalizeStyle(e.unref(q)(A.value)),onFocus:l[0]||(l[0]=(...o)=>t.onFocus&&t.onFocus(...o)),onBlur:l[1]||(l[1]=(...o)=>t.onBlur&&t.onBlur(...o))},[e.createVNode(e.unref(y.Space).Compact,{block:""},{default:e.withCtx(()=>[t.options?.length?(e.openBlock(),e.createBlock(e.unref($.default),{key:0,style:e.normalizeStyle(t.style),options:_.value,value:F.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:t.disabled,"get-popup-container":()=>i.value,"onUpdate:value":U},null,8,["style","options","value","disabled","get-popup-container"])):e.createCommentVNode("",!0),e.createVNode(e.unref(D.ApFieldText),e.mergeProps(e.unref(h.omit)(n,["style","value","onUpdate:value","inputStyle","hasAll","options","onBlur"]),{ref_key:"inputRef",ref:d,style:t.inputStyle,value:S.value,placeholder:P.value,onInput:w,onBlur:j}),{suffix:e.withCtx(()=>[e.createVNode(K.default,{_parent:i.value,value:k.value,disabled:t.disabled,placement:n.popoverPlacement,"max-num":t.maxNum,class:e.normalizeClass(e.unref(f)),"onUpdate:value":N,onClose:m},null,8,["_parent","value","disabled","placement","max-num","class"])]),_:1},16,["style","value","placeholder"])]),_:1})],38))}});exports.default=G;

package/lib/src/splitter/SplitBar.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@ant-design/icons-vue");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-namespace.js"),x=["aria-valuenow","aria-valuemin","aria-valuemax"],L=e.defineComponent({name:"SplitBar",__name:"SplitBar",props:{index:{},active:{type:Boolean},resizable:{type:Boolean},startCollapsible:{type:Boolean},endCollapsible:{type:Boolean},onOffsetStart:{type:Function},onOffsetUpdate:{type:Function},onOffsetEnd:{},onCollapse:{type:Function},vertical:{type:Boolean},ariaNow:{},ariaMin:{},ariaMax:{},lazy:{type:Boolean},containerSize:{}},setup(z){function w(o){return typeof o=="number"&&!Number.isNaN(o)?Math.round(o):0}const n=z,{b:t,cssVar:C}=S.useNamespace("splitter-bar"),d=e.ref(null),s=e.ref(0),b=e.computed(()=>n.vertical?0:e.unref(s)),E=e.computed(()=>n.vertical?e.unref(s):0),M=o=>{n.resizable&&o.currentTarget&&(d.value=[o.pageX,o.pageY],n.onOffsetStart(n.index))},O=o=>{if(n.resizable&&o.touches.length===1){const a=o.touches[0];d.value=[a.pageX,a.pageY],n.onOffsetStart(n.index)}},B=o=>{const{containerSize:a,ariaMax:l,ariaMin:p,ariaNow:m}=n,f=a*m/100,r=f+o,i=Math.max(0,a*p/100),c=Math.max(a,a*l/100);return Math.max(i,Math.min(c,r))-f},h=(o,a)=>{const l=B(n.vertical?a:o);s.value=l},y=()=>{n.onOffsetUpdate(n.index,e.unref(b),e.unref(E)),s.value=0};e.watchEffect(o=>{const a=e.unref(d);if(a){const l=r=>{const{pageX:i,pageY:c}=r,u=i-a[0],g=c-a[1];n.lazy?h(u,g):n.onOffsetUpdate(n.index,u,g)},p=()=>{n.lazy&&y(),d.value=null,n.onOffsetEnd()},m=r=>{if(r.touches.length===1){const i=r.touches[0],c=i.pageX-a[0],u=i.pageY-a[1];n.lazy?h(c,u):n.onOffsetUpdate(n.index,c,u)}},f=()=>{n.lazy&&y(),d.value=null,n.onOffsetEnd()};window.addEventListener("touchmove",m),window.addEventListener("touchend",f),window.addEventListener("mousemove",l),window.addEventListener("mouseup",p),o(()=>{window.removeEventListener("touchmove",m),window.removeEventListener("touchend",f),window.removeEventListener("mousemove",l),window.removeEventListener("mouseup",p)})}},{flush:"post"});const N=e.computed(()=>n.vertical?v.UpOutlined:v.LeftOutlined),k=e.computed(()=>n.vertical?v.DownOutlined:v.RightOutlined);return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t)()),role:"separator","aria-valuenow":w(n.ariaNow),"aria-valuemin":w(n.ariaMin),"aria-valuemax":w(n.ariaMax)},[n.lazy?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t)("preview"),{[e.unref(t)("preview-active")]:!!s.value}]),style:e.normalizeStyle(e.unref(C)({"preview-offset":`${s.value}px`}))},null,6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("dragger"),{[e.unref(t)("dragger-disabled")]:!o.resizable,[e.unref(t)("dragger-active")]:o.active}]),onMousedown:M,onTouchstart:O},null,34),o.startCollapsible?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t)("collapse-bar"),e.unref(t)("collapse-bar-start")]),onClick:a[0]||(a[0]=()=>o.onCollapse(o.index,"start"))},[e.createVNode(e.unref(N),{class:e.normalizeClass([e.unref(t)("collapse-icon"),e.unref(t)("collapse-start")])},null,8,["class"])],2)):e.createCommentVNode("",!0),o.endCollapsible?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(t)("collapse-bar"),e.unref(t)("collapse-bar-end")]),onClick:a[1]||(a[1]=()=>o.onCollapse(o.index,"end"))},[e.createVNode(e.unref(k),{class:e.normalizeClass([e.unref(t)("collapse-icon"),e.unref(t)("collapse-end")])},null,8,["class"])],2)):e.createCommentVNode("",!0)],10,x))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("@ant-design/icons-vue");require("../config-provider/index.js");const I=require("../config-provider/hooks/use-namespace.js"),S=["aria-valuenow","aria-valuemin","aria-valuemax"],V=e.defineComponent({name:"SplitBar",__name:"SplitBar",props:{index:{},active:{type:Boolean},resizable:{type:Boolean},startCollapsible:{type:Boolean},endCollapsible:{type:Boolean},onOffsetStart:{type:Function},onOffsetUpdate:{type:Function},onOffsetEnd:{},onCollapse:{type:Function},vertical:{type:Boolean},ariaNow:{},ariaMin:{},ariaMax:{},lazy:{type:Boolean},containerSize:{},draggerIcon:{},collapsibleIcon:{},showStartCollapsibleIcon:{type:[Boolean,String]},showEndCollapsibleIcon:{type:[Boolean,String]}},setup(z){function g(n){return typeof n=="number"&&!Number.isNaN(n)?Math.round(n):0}const o=z,{b:t,cssVar:B}=I.useNamespace("splitter-bar"),m=e.ref(null),c=e.ref(0),E=e.computed(()=>o.vertical?0:e.unref(c)),k=e.computed(()=>o.vertical?e.unref(c):0),M=n=>{o.resizable&&n.currentTarget&&(m.value=[n.pageX,n.pageY],o.onOffsetStart(o.index))},N=n=>{if(o.resizable&&n.touches.length===1){const a=n.touches[0];m.value=[a.pageX,a.pageY],o.onOffsetStart(o.index)}},O=n=>{const{containerSize:a,ariaMax:l,ariaMin:r,ariaNow:i}=o,s=a*i/100,u=s+n,d=Math.max(0,a*r/100),f=Math.max(a,a*l/100);return Math.max(d,Math.min(f,u))-s},C=(n,a)=>{const l=O(o.vertical?a:n);c.value=l},y=()=>{o.onOffsetUpdate(o.index,e.unref(E),e.unref(k)),c.value=0},b=n=>{switch(n){case!0:return t("collapse-bar-always-visible");case!1:return t("collapse-bar-always-hidden");case"auto":return t("collapse-bar-hover-only")}};e.watchEffect(n=>{const a=e.unref(m);if(a){const l=u=>{const{pageX:d,pageY:f}=u,p=d-a[0],h=f-a[1];o.lazy?C(p,h):o.onOffsetUpdate(o.index,p,h)},r=()=>{o.lazy&&y(),m.value=null,o.onOffsetEnd()},i=u=>{if(u.touches.length===1){const d=u.touches[0],f=d.pageX-a[0],p=d.pageY-a[1];o.lazy?C(f,p):o.onOffsetUpdate(o.index,f,p)}},s=()=>{o.lazy&&y(),m.value=null,o.onOffsetEnd()};window.addEventListener("touchmove",i),window.addEventListener("touchend",s),window.addEventListener("mousemove",l),window.addEventListener("mouseup",r),n(()=>{window.removeEventListener("touchmove",i),window.removeEventListener("touchend",s),window.removeEventListener("mousemove",l),window.removeEventListener("mouseup",r)})}},{flush:"post"});const v=e.computed(()=>{const{collapsibleIcon:n,vertical:a}=o;let l=null,r=null;const i=n?.start!==void 0,s=n?.end!==void 0;return a?(l=i?n.start:e.createVNode(w.UpOutlined,null,null),r=s?n.end:e.createVNode(w.DownOutlined,null,null)):(l=i?n.start:e.createVNode(w.LeftOutlined,null,null),r=s?n.end:e.createVNode(w.RightOutlined,null,null)),{startIcon:()=>l,endIcon:()=>r,startCustomize:i,endCustomize:s}});return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t)()),role:"separator","aria-valuenow":g(o.ariaNow),"aria-valuemin":g(o.ariaMin),"aria-valuemax":g(o.ariaMax)},[o.lazy?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t)("preview"),{[e.unref(t)("preview-active")]:!!c.value}]),style:e.normalizeStyle(e.unref(B)({"preview-offset":`${c.value}px`}))},null,6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t)("dragger"),{[e.unref(t)("dragger-disabled")]:!n.resizable,[e.unref(t)("dragger-active")]:n.active,[e.unref(t)("dragger-customize")]:n.draggerIcon!==void 0}]),onMousedown:M,onTouchstart:N},[n.draggerIcon!==void 0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t)("dragger-icon"))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.draggerIcon)))],2)):e.createCommentVNode("",!0)],34),n.startCollapsible?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t)("collapse-bar"),e.unref(t)("collapse-bar-start"),v.value.startCustomize?e.unref(t)("collapse-bar-customize"):"",b(n.showStartCollapsibleIcon)]),onClick:a[0]||(a[0]=()=>n.onCollapse(n.index,"start"))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(t)("collapse-icon"),e.unref(t)("collapse-start")])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value.startIcon)))],2)],2)):e.createCommentVNode("",!0),n.endCollapsible?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(t)("collapse-bar"),e.unref(t)("collapse-bar-end"),v.value.endCustomize?e.unref(t)("collapse-bar-customize"):"",b(n.showEndCollapsibleIcon)]),onClick:a[1]||(a[1]=()=>n.onCollapse(n.index,"end"))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(t)("collapse-icon"),e.unref(t)("collapse-end")])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value.endIcon)))],2)],2)):e.createCommentVNode("",!0)],10,S))}});exports.default=V;

package/lib/src/splitter/Splitter.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("lodash-unified");require("../config-provider/index.js");require("../resize-observer/index.js");const V=require("./hooks/useItems.js"),F=require("./hooks/useResizable.js"),L=require("./hooks/useResize.js"),j=require("./hooks/useSizes.js");require("./Panel.vue.js");require("./SplitBar.vue.js");const A=require("./style/index.js"),D=require("../config-provider/hooks/use-namespace.js"),H=require("../resize-observer/index.vue.js"),T=require("./Panel.vue2.js"),W=require("./SplitBar.vue2.js"),$=e.defineComponent({name:"Splitter",__name:"Splitter",props:{prefixCls:{},className:{},style:{},rootClassName:{},layout:{default:"horizontal"},onResizeStart:{},onResize:{},onResizeEnd:{},lazy:{type:Boolean}},setup(_){const a=_,{b:u}=D.useNamespace("splitter"),v=A.default("splitter"),o=V.useItems(),l=e.ref(),y=t=>{const{offsetWidth:r,offsetHeight:s}=t.target,n=a.layout==="vertical"?s:r;l.value!==0&&(l.value=n)},[k,f,z,g,C,R]=j.useSizes(o,l),i=F.useResizable(o,f,!1),[b,h,B,q,d]=L.useResize(o,i,z,l,R,!1),E=t=>{b(t),a.onResizeStart?.(e.unref(f))},N=(t,r)=>{const s=h(t,r);a.onResize?.(s)},I=()=>{B(),a.onResizeEnd?.(e.unref(f))},P=(t,r)=>{const s=q(t,r);a.onResize?.(s),a.onResizeEnd?.(s)},M=e.computed(()=>[u(),a.className,u(a.layout),v.value]),S=e.computed(()=>{const t=[];let r=0;for(let s=0;s<o.value.length;s+=1)r+=e.unref(z)[s],t.push(r);return t}),c=t=>{const r=e.unref(S),s=e.unref(g),n=e.unref(C);return{minStart:(r[t-1]||0)+s[t],minEnd:(r[t+1]||100)-n[t+1],maxStart:(r[t-1]||0)+n[t],maxEnd:(r[t+1]||100)-s[t+1]}};return(t,r)=>(e.openBlock(),e.createBlock(e.unref(H.default),{onResize:y},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(t.style),class:e.normalizeClass(M.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(s,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createVNode(T.default,e.mergeProps({ref_for:!0},e.unref(w.omit)(s,"_child"),{size:e.unref(k)[n]}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s._child,(m,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m),{key:p}))),128))]),_:2},1040,["size"]),e.unref(i)[n]?(e.openBlock(),e.createBlock(W.default,{key:0,lazy:t.lazy,index:n,active:e.unref(d)===n,vertical:t.layout==="vertical",resizable:e.unref(i)[n].resizable,"aria-now":S.value[n]*100,"aria-min":Math.max(c(n).minStart,c(n).minEnd)*100,"aria-max":Math.min(c(n).maxStart,c(n).maxEnd)*100,"start-collapsible":e.unref(i)[n].startCollapsible,"end-collapsible":e.unref(i)[n].endCollapsible,"container-size":l.value||0,onOffsetStart:E,onOffsetUpdate:(m,p,O)=>{let U=t.layout==="vertical"?O:p;N(m,U)},onOffsetEnd:I,onCollapse:P},null,8,["lazy","index","active","vertical","resizable","aria-now","aria-min","aria-max","start-collapsible","end-collapsible","container-size","onOffsetUpdate"])):e.createCommentVNode("",!0)],64))),128)),typeof e.unref(d)=="number"?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-hidden":"",class:e.normalizeClass([e.unref(u)("mask"),e.unref(u)(`mask-${t.layout}`)])},null,2)):e.createCommentVNode("",!0)],6)]),_:1}))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("lodash-unified");require("../config-provider/index.js");require("../resize-observer/index.js");const V=require("./hooks/useItems.js"),F=require("./hooks/useResizable.js"),L=require("./hooks/useResize.js"),j=require("./hooks/useSizes.js");require("./Panel.vue.js");require("./SplitBar.vue.js");const A=require("./style/index.js"),D=require("../config-provider/hooks/use-namespace.js"),H=require("../resize-observer/index.vue.js"),T=require("./Panel.vue2.js"),W=require("./SplitBar.vue2.js"),$=e.defineComponent({name:"Splitter",__name:"Splitter",props:{prefixCls:{},className:{},style:{},rootClassName:{},layout:{default:"horizontal"},onResizeStart:{},onResize:{},onResizeEnd:{},lazy:{type:Boolean},draggerIcon:{},collapsibleIcon:{}},setup(_){const o=_,{b:c}=D.useNamespace("splitter"),g=A.default("splitter"),l=V.useItems(),i=e.ref(),v=t=>{const{offsetWidth:a,offsetHeight:s}=t.target,n=o.layout==="vertical"?s:a;i.value!==0&&(i.value=n)},[b,f,z,y,k,h]=j.useSizes(l,i),r=F.useResizable(l,f,!1),[C,R,B,E,d]=L.useResize(l,r,z,i,h,!1),q=t=>{C(t),o.onResizeStart?.(e.unref(f))},I=(t,a)=>{const s=R(t,a);o.onResize?.(s)},w=()=>{B(),o.onResizeEnd?.(e.unref(f))},N=(t,a)=>{const s=E(t,a);o.onResize?.(s),o.onResizeEnd?.(s)},P=e.computed(()=>[c(),o.className,c(o.layout),g.value]),S=e.computed(()=>{const t=[];let a=0;for(let s=0;s<l.value.length;s+=1)a+=e.unref(z)[s],t.push(a);return t}),u=t=>{const a=e.unref(S),s=e.unref(y),n=e.unref(k);return{minStart:(a[t-1]||0)+s[t],minEnd:(a[t+1]||100)-n[t+1],maxStart:(a[t-1]||0)+n[t],maxEnd:(a[t+1]||100)-s[t+1]}};return(t,a)=>(e.openBlock(),e.createBlock(e.unref(H.default),{onResize:v},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(t.style),class:e.normalizeClass(P.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(s,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createVNode(T.default,e.mergeProps({ref_for:!0},e.unref(U.omit)(s,"_child"),{size:e.unref(b)[n]}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s._child,(p,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p),{key:m}))),128))]),_:2},1040,["size"]),e.unref(r)[n]?(e.openBlock(),e.createBlock(W.default,{key:0,lazy:t.lazy,index:n,active:e.unref(d)===n,vertical:t.layout==="vertical",resizable:e.unref(r)[n].resizable,"aria-now":S.value[n]*100,"aria-min":Math.max(u(n).minStart,u(n).minEnd)*100,"aria-max":Math.min(u(n).maxStart,u(n).maxEnd)*100,"start-collapsible":e.unref(r)[n].startCollapsible,"end-collapsible":e.unref(r)[n].endCollapsible,"show-start-collapsible-icon":e.unref(r)[n].showStartCollapsibleIcon,"show-end-collapsible-icon":e.unref(r)[n].showEndCollapsibleIcon,"container-size":i.value||0,"dragger-icon":t.draggerIcon,"collapsible-icon":t.collapsibleIcon,onOffsetStart:q,onOffsetUpdate:(p,m,M)=>{let O=t.layout==="vertical"?M:m;I(p,O)},onOffsetEnd:w,onCollapse:N},null,8,["lazy","index","active","vertical","resizable","aria-now","aria-min","aria-max","start-collapsible","end-collapsible","show-start-collapsible-icon","show-end-collapsible-icon","container-size","dragger-icon","collapsible-icon","onOffsetUpdate"])):e.createCommentVNode("",!0)],64))),128)),typeof e.unref(d)=="number"?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-hidden":"",class:e.normalizeClass([e.unref(c)("mask"),e.unref(c)(`mask-${t.layout}`)])},null,2)):e.createCommentVNode("",!0)],6)]),_:1}))}});exports.default=$;

package/lib/src/splitter/hooks/useItems.d.ts

@@ -4,6 +4,7 @@ export type ItemType = Omit<PanelProps, 'collapsible'> & {
     collapsible: {
         start?: boolean;
         end?: boolean;
+        showCollapsibleIcon: 'auto' | boolean;
     };
     _child: VNode[];
 };

package/lib/src/splitter/hooks/useItems.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),s=require("../../ap-form/item-group/helper.js");function o(e){if(e&&typeof e=="object")return e;const t=!!e||e==="";return{start:t,end:t}}const l=()=>{const e=u.useSlots();return u.computed(()=>e.default?s.genRealChildren(e.default()).map(r=>{const{props:n}=r;return{...n,collapsible:o(n?.collapsible),_child:r.children.default?.()}}):[])};exports.useItems=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),s=require("../../ap-form/item-group/helper.js");function u(e){if(e&&typeof e=="object")return{...e,showCollapsibleIcon:e.showCollapsibleIcon===void 0?"auto":e.showCollapsibleIcon};const t=!!e||e==="";return{start:t,end:t,showCollapsibleIcon:"auto"}}const l=()=>{const e=n.useSlots();return n.computed(()=>e.default?s.genRealChildren(e.default()).map(o=>{const{props:r}=o;return{...r,collapsible:u(r?.collapsible),_child:o.children.default?.()}}):[])};exports.useItems=l;

package/lib/src/splitter/hooks/useResizable.d.ts

@@ -1,8 +1,11 @@
 import { Ref, ComputedRef } from 'vue';
+import { ShowCollapsibleIconMode } from '../interface';
 import { ItemType } from './useItems';
 export type ResizableInfo = {
     resizable: boolean;
     startCollapsible: boolean;
     endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
 };
 export declare const useResizable: (items: Ref<ItemType[]>, pxSizes: Ref<number[]>, isRTL: boolean) => ComputedRef<ResizableInfo[]>;

package/lib/src/splitter/hooks/useResizable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),g=(u,z,i)=>n.computed(()=>{const o=[],l=n.unref(u),r=n.unref(z);for(let e=0;e<l.length-1;e+=1){const d=l[e],m=l[e+1],t=r[e],s=r[e+1],{resizable:v=!0,min:x,collapsible:a}=d,{resizable:C=!0,min:f,collapsible:c}=m,S=v&&C&&(t!==0||!x)&&(s!==0||!f),b=a.end&&t>0||c.start&&s===0&&t>0,p=c.start&&s>0||a.end&&t===0&&s>0;o[e]={resizable:S,startCollapsible:!!(i?p:b),endCollapsible:!!(i?b:p)}}return o});exports.useResizable=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("vue");function w(l,e){return l.collapsible&&e.collapsible?l.showCollapsibleIcon===!0||e.showCollapsibleIcon===!0?!0:l.showCollapsibleIcon==="auto"||e.showCollapsibleIcon==="auto"?"auto":!1:l.collapsible?l.showCollapsibleIcon:e.collapsible?e.showCollapsibleIcon:!1}const R=(l,e,i)=>b.computed(()=>{const r=[],c=b.unref(l),p=b.unref(e);for(let o=0;o<c.length-1;o+=1){const d=c[o],f=c[o+1],s=p[o],n=p[o+1],{resizable:z=!0,min:S,collapsible:t}=d,{resizable:m=!0,min:x,collapsible:a}=f,E=z&&m&&(s!==0||!S)&&(n!==0||!x),g=!!t.end&&s>0,v=!!a.start&&n===0&&s>0,u=t.end&&s>0||a.start&&n===0&&s>0,M=!!a.start&&n>0,y=!!t.end&&s===0&&n>0,C=a.start&&n>0||t.end&&s===0&&n>0,I=w({collapsible:g,showCollapsibleIcon:t.showCollapsibleIcon},{collapsible:v,showCollapsibleIcon:a.showCollapsibleIcon}),h=w({collapsible:M,showCollapsibleIcon:a.showCollapsibleIcon},{collapsible:y,showCollapsibleIcon:t.showCollapsibleIcon});r[o]={resizable:E,startCollapsible:!!(i?C:u),endCollapsible:!!(i?u:C),showStartCollapsibleIcon:i?h:I,showEndCollapsibleIcon:i?I:h}}return r});exports.useResizable=R;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface SplitterProps {
     prefixCls?: string;
     className?: string;
@@ -9,6 +9,11 @@ export interface SplitterProps {
     onResize?: (sizes: number[]) => void;
     onResizeEnd?: (sizes: number[]) => void;
     lazy?: boolean;
+    draggerIcon?: VNode;
+    collapsibleIcon?: {
+        start?: VNode;
+        end?: VNode;
+    };
 }
 export interface PanelProps {
     className?: string;
@@ -19,6 +24,7 @@ export interface PanelProps {
     collapsible?: boolean | {
         start?: boolean;
         end?: boolean;
+        showCollapsibleIcon?: boolean | 'auto';
     };
     resizable?: boolean;
     defaultSize?: number | string;
@@ -51,6 +57,7 @@ export interface UseCollapsible {
     onFold: (type: 'previous' | 'next') => void;
     setOldBasics: () => void;
 }
+export type ShowCollapsibleIconMode = boolean | 'auto';
 export interface SplitBarProps {
     index: number;
     active: boolean;
@@ -67,4 +74,8 @@ export interface SplitBarProps {
     ariaMax?: number;
     lazy?: boolean;
     containerSize: number;
+    draggerIcon?: SplitterProps['draggerIcon'];
+    collapsibleIcon?: SplitterProps['collapsibleIcon'];
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
 }

package/lib/src/splitter/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../utils/cssinjs/index.js"),t=()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}),a=e=>({position:"absolute",zIndex:1,display:"none",background:e.colorPrimary,opacity:.2,transition:"none",pointerEvents:"none"}),l=e=>{const{componentCls:r,namespace:o}=e,i=`--${o}-splitter-bar-preview-offset`;return{[r]:{boxSizing:"border-box",margin:0,padding:0,color:e.textColor1,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:"inherit",display:"flex",width:"100%",height:"100%",alignItems:"stretch",[`${r}-bar`]:{flex:"none",position:"relative",userSelect:"none",[`${r}-bar-dragger`]:{zIndex:1,...t(e),"&::before":{content:'""',background:"rgba(0, 0, 0, 0.04)",...t(e)},"&::after":{content:'""',background:"rgba(0, 0, 0, 0.15)",...t(e)},[`&:hover:not(${r}-bar-dragger-active)`]:{"&::before":{background:"#e6f4ff"}},"&-active":{zIndex:2,"&::before":{background:"#bae0ff"}},[`&-disabled${r}-bar-dragger`]:{zIndex:0,"&, &:hover, &-active":{cursor:"default","&::before":{background:"rgba(0,0,0,0.04)"}},"&::after":{display:"none"}}},[`${r}-bar-collapse-bar`]:{...t(e),zIndex:1e3,background:"rgba(0,0,0,0.04)",fontSize:e.fontSizeSM,borderRadius:e.calc(e.borderRadius).div(2).equal(),color:e.textColor1,cursor:"pointer",opacity:0,display:"flex",justifyContent:"center",alignItems:"center","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.15)"},"&:active":{backgroundColor:"#e6f4ff"}},"&:hover, &:active":{[`${r}-bar-collapse-bar`]:{opacity:1}}},[`${r}-mask`]:{position:"fixed",zIndex:1e3,inset:0,"&-horizontal":{cursor:"col-resize"},"&-vertical":{cursor:"row-resize"}},"&-horizontal":{flexDirection:"row",[`& > ${r}-bar`]:{width:0,[`${r}-bar-preview`]:{height:"100%",width:e.splitterBarSize,...a(e),"&-active":{display:"block",transform:`translateX(var(${i}))`}},[`${r}-bar-dragger`]:{cursor:"col-resize",height:"100%",width:e.splitterTriggerSize,"&::before":{height:"100%",width:e.splitterBarSize},"&::after":{height:e.splitterSplitBarDraggableSize,width:e.splitterBarSize}},[`${r}-bar-collapse-bar`]:{width:e.fontSizeSM,height:"24px","&-start":{left:"auto",right:e.calc(e.splitterTriggerSize).div(2).equal(),transform:"translateY(-50%)"},"&-end":{left:e.calc(e.splitterTriggerSize).div(2).equal(),right:"auto",transform:"translateY(-50%)"}}}},"&-vertical":{flexDirection:"column",[`& > ${r}-bar`]:{height:0,[`${r}-bar-preview`]:{height:e.splitterBarSize,width:"100%",...a(e),[`&${r}-bar-preview-active`]:{display:"block",transform:`translateY(var(${i}))`}},[`${r}-bar-dragger`]:{cursor:"row-resize",width:"100%",height:e.splitterTriggerSize,"&::before":{width:"100%",height:e.splitterBarSize},"&::after":{width:e.splitterSplitBarDraggableSize,height:e.splitterBarSize}},[`${r}-bar-collapse-bar`]:{height:e.fontSizeSM,width:"24px","&-start":{top:"auto",bottom:e.calc(e.splitterTriggerSize).div(2).equal(),transform:"translateX(-50%)"},"&-end":{top:e.calc(e.splitterTriggerSize).div(2).equal(),bottom:"auto",transform:"translateX(-50%)"}}}},[`${r}-panel`]:{overflow:"auto",padding:"0 1px",scrollbarWidth:"thin",boxSizing:"border-box","&-hidden":{padding:0,overflow:"hidden"},[`&:has(${r}:only-child)`]:{overflow:"hidden"}}}}},n=s.genComponentStyleHook("Splitter",e=>[l(e)],{splitterBarSize:2,splitterTriggerSize:6,splitterSplitBarDraggableSize:20});exports.default=n;exports.genSplitterStyle=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../utils/cssinjs/index.js"),t=()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}),l=e=>({position:"absolute",zIndex:1,display:"none",background:e.colorPrimary,opacity:.2,transition:"none",pointerEvents:"none"}),o=e=>{const{componentCls:r,namespace:s}=e,a=`--${s}-splitter-bar-preview-offset`,i=`${r}-bar`;return{[r]:{boxSizing:"border-box",margin:0,padding:0,color:e.textColor1,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:"inherit",display:"flex",width:"100%",height:"100%",alignItems:"stretch",[`${r}-bar`]:{flex:"none",position:"relative",userSelect:"none",[`${r}-bar-dragger`]:{zIndex:1,...t(e),"&::before":{content:'""',background:"rgba(0, 0, 0, 0.04)",...t(e)},"&::after":{content:'""',background:"rgba(0, 0, 0, 0.15)",...t(e)},[`&:hover:not(${r}-bar-dragger-active)`]:{"&::before":{background:"#e6f4ff"}},"&-active":{zIndex:2,"&::before":{background:"#bae0ff"}},[`&-active${i}-dragger-customize`]:{[`${i}-dragger-icon`]:{color:e.colorPrimary}},[`&-disabled${r}-bar-dragger`]:{zIndex:0,"&, &:hover, &-active":{cursor:"default","&::before":{background:"rgba(0,0,0,0.04)"}},"&::after":{display:"none"}},"&-customize":{[`${i}-dragger-icon`]:{...t(e),display:"flex",alignItems:"center",color:e.antdv.colorFill},"&::after":{display:"none"}}},[`${r}-bar-collapse-bar`]:{...t(e),zIndex:1e3,background:"rgba(0,0,0,0.04)",fontSize:e.fontSizeSM,borderRadius:e.calc(e.borderRadius).div(2).equal(),color:e.textColor1,cursor:"pointer",opacity:0,display:"flex",justifyContent:"center",alignItems:"center",[`&:hover:not(${i}-collapse-bar-customize)`]:{background:e.antdv.controlItemBgActive},[`&:active:not(${i}-collapse-bar-customize)`]:{background:e.antdv.controlItemBgActiveHover},[`${i}-collapse-icon`]:{display:"flex",alignItems:"center"}},[`${i}-collapse-bar-customize`]:{background:"transparent"},"&:hover, &:active":{[`${r}-bar-collapse-bar-hover-only`]:{opacity:1}},[`${r}-bar-collapse-bar-hover-only`]:{"@media(hover:none)":{opacity:1}},[`${r}-bar-collapse-bar-always-hidden`]:{display:"none"},[`${r}-bar-collapse-bar-always-visible`]:{opacity:1}},[`${r}-mask`]:{position:"fixed",zIndex:1e3,inset:0,"&-horizontal":{cursor:"col-resize"},"&-vertical":{cursor:"row-resize"}},"&-horizontal":{flexDirection:"row",[`& > ${r}-bar`]:{width:0,[`${r}-bar-preview`]:{height:"100%",width:e.splitterBarSize,...l(e),"&-active":{display:"block",transform:`translateX(var(${a}))`}},[`${r}-bar-dragger`]:{cursor:"col-resize",height:"100%",width:e.splitterTriggerSize,"&::before":{height:"100%",width:e.splitterBarSize},"&::after":{height:e.splitterSplitBarDraggableSize,width:e.splitterBarSize}},[`${r}-bar-collapse-bar`]:{width:e.fontSizeSM,height:"24px","&-start":{left:"auto",right:e.calc(e.splitterTriggerSize).div(2).equal(),transform:"translateY(-50%)"},"&-end":{left:e.calc(e.splitterTriggerSize).div(2).equal(),right:"auto",transform:"translateY(-50%)"}}}},"&-vertical":{flexDirection:"column",[`& > ${r}-bar`]:{height:0,[`${r}-bar-preview`]:{height:e.splitterBarSize,width:"100%",...l(e),[`&${r}-bar-preview-active`]:{display:"block",transform:`translateY(var(${a}))`}},[`${r}-bar-dragger`]:{cursor:"row-resize",width:"100%",height:e.splitterTriggerSize,"&::before":{width:"100%",height:e.splitterBarSize},"&::after":{width:e.splitterSplitBarDraggableSize,height:e.splitterBarSize}},[`${r}-bar-collapse-bar`]:{height:e.fontSizeSM,width:"24px","&-start":{top:"auto",bottom:e.calc(e.splitterTriggerSize).div(2).equal(),transform:"translateX(-50%)"},"&-end":{top:e.calc(e.splitterTriggerSize).div(2).equal(),bottom:"auto",transform:"translateX(-50%)"}}}},[`${r}-panel`]:{overflow:"auto",padding:"0 1px",scrollbarWidth:"thin",boxSizing:"border-box","&-hidden":{padding:0,overflow:"hidden"},[`&:has(${r}:only-child)`]:{overflow:"hidden"}}}}},c=n.genComponentStyleHook("Splitter",e=>[o(e)],{splitterBarSize:2,splitterTriggerSize:6,splitterSplitBarDraggableSize:20});exports.default=c;exports.genSplitterStyle=o;

package/lib/src/version.d.ts

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