@aplus-frontend/ui 7.11.2 → 7.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/es/src/ag-grid/editable/utils.mjs +28 -22
  2. package/es/src/business/ap-copy/constans.mjs +1 -1
  3. package/es/src/business/ap-copy/style/index.mjs +1 -1
  4. package/es/src/business/ap-product-info/ApProductInfo.d.ts +9 -0
  5. package/es/src/business/ap-product-info/ApProductInfo.mjs +5 -5
  6. package/es/src/business/ap-product-info/constans.d.ts +4 -0
  7. package/es/src/business/ap-product-info/constans.mjs +4 -0
  8. package/es/src/business/ap-product-info/index.d.ts +15 -0
  9. package/es/src/business/ap-product-info/interface.d.ts +1 -0
  10. package/es/src/business/ap-product-info/style/index.mjs +2 -1
  11. package/es/src/business/batch-input-group/form-item.vue.mjs +24 -22
  12. package/es/src/business/batch-input-group/index.vue.mjs +1 -1
  13. package/es/src/splitter/SplitBar.vue2.mjs +152 -112
  14. package/es/src/splitter/Splitter.vue2.mjs +67 -61
  15. package/es/src/splitter/hooks/useItems.d.ts +1 -0
  16. package/es/src/splitter/hooks/useItems.mjs +20 -16
  17. package/es/src/splitter/hooks/useResizable.d.ts +3 -0
  18. package/es/src/splitter/hooks/useResizable.mjs +50 -27
  19. package/es/src/splitter/interface.d.ts +12 -1
  20. package/es/src/splitter/style/index.mjs +51 -15
  21. package/es/src/version.d.ts +1 -1
  22. package/es/src/version.mjs +1 -1
  23. package/lib/src/ag-grid/editable/utils.js +1 -1
  24. package/lib/src/business/ap-copy/constans.js +1 -1
  25. package/lib/src/business/ap-copy/style/index.js +1 -1
  26. package/lib/src/business/ap-product-info/ApProductInfo.d.ts +9 -0
  27. package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
  28. package/lib/src/business/ap-product-info/constans.d.ts +4 -0
  29. package/lib/src/business/ap-product-info/constans.js +1 -1
  30. package/lib/src/business/ap-product-info/index.d.ts +15 -0
  31. package/lib/src/business/ap-product-info/interface.d.ts +1 -0
  32. package/lib/src/business/ap-product-info/style/index.js +1 -1
  33. package/lib/src/business/batch-input-group/form-item.vue.js +1 -1
  34. package/lib/src/business/batch-input-group/index.vue.js +1 -1
  35. package/lib/src/splitter/SplitBar.vue2.js +1 -1
  36. package/lib/src/splitter/Splitter.vue2.js +1 -1
  37. package/lib/src/splitter/hooks/useItems.d.ts +1 -0
  38. package/lib/src/splitter/hooks/useItems.js +1 -1
  39. package/lib/src/splitter/hooks/useResizable.d.ts +3 -0
  40. package/lib/src/splitter/hooks/useResizable.js +1 -1
  41. package/lib/src/splitter/interface.d.ts +12 -1
  42. package/lib/src/splitter/style/index.js +1 -1
  43. package/lib/src/version.d.ts +1 -1
  44. package/lib/src/version.js +1 -1
  45. package/package.json +5 -5
@@ -23,12 +23,17 @@ declare const ApProductInfo: {
23
23
  type: BooleanConstructor;
24
24
  default: boolean;
25
25
  };
26
+ showImg: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
26
30
  }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
27
31
  values: ApProductInfoValue[];
28
32
  title: string;
29
33
  preview: boolean;
30
34
  disableCopy: boolean;
31
35
  imgSrc: string;
36
+ showImg: boolean;
32
37
  }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
33
38
  P: {};
34
39
  B: {};
@@ -57,12 +62,17 @@ declare const ApProductInfo: {
57
62
  type: BooleanConstructor;
58
63
  default: boolean;
59
64
  };
65
+ showImg: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
60
69
  }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
61
70
  values: ApProductInfoValue[];
62
71
  title: string;
63
72
  preview: boolean;
64
73
  disableCopy: boolean;
65
74
  imgSrc: string;
75
+ showImg: boolean;
66
76
  }>;
67
77
  __isFragment?: never;
68
78
  __isTeleport?: never;
@@ -88,12 +98,17 @@ declare const ApProductInfo: {
88
98
  type: BooleanConstructor;
89
99
  default: boolean;
90
100
  };
101
+ showImg: {
102
+ type: BooleanConstructor;
103
+ default: boolean;
104
+ };
91
105
  }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
92
106
  values: ApProductInfoValue[];
93
107
  title: string;
94
108
  preview: boolean;
95
109
  disableCopy: boolean;
96
110
  imgSrc: string;
111
+ showImg: boolean;
97
112
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
98
113
  $props: {
99
114
  onClick?: () => void;
@@ -5,6 +5,7 @@ export interface ApProductInfoProps {
5
5
  title?: string;
6
6
  values?: ApProductInfoValue[];
7
7
  disableCopy?: boolean;
8
+ showImg?: boolean;
8
9
  }
9
10
  export interface ApProductInfoValue {
10
11
  label?: string;
@@ -1 +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;
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.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;
@@ -1 +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;
1
+ "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;
@@ -1,2 +1,2 @@
1
1
  "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(`
2
- `):""),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;
2
+ `):""),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;
@@ -1 +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;
1
+ "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 S=require("../config-provider/hooks/use-namespace.js"),I=["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:E}=S.useNamespace("splitter-bar"),m=e.ref(null),c=e.ref(0),B=e.computed(()=>o.vertical?0:e.unref(c)),M=e.computed(()=>o.vertical?e.unref(c):0),O=n=>{o.resizable&&n.currentTarget&&(m.value=[n.pageX,n.pageY],o.onOffsetStart(o.index))},k=n=>{if(o.resizable&&n.touches.length===1){const a=n.touches[0];m.value=[a.pageX,a.pageY],o.onOffsetStart(o.index)}},N=n=>{const{containerSize:a,ariaMax:s,ariaMin:r,ariaNow:i}=o,l=a*i/100,u=l+n,d=Math.max(0,a*r/100),f=Math.max(a,a*s/100);return Math.max(d,Math.min(f,u))-l},C=(n,a)=>{const s=N(o.vertical?a:n);c.value=s},b=()=>{o.onOffsetUpdate(o.index,e.unref(B),e.unref(M)),c.value=0},h=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 s=u=>{const{pageX:d,pageY:f}=u,p=d-a[0],y=f-a[1];o.lazy?C(p,y):o.onOffsetUpdate(o.index,p,y)},r=()=>{o.lazy&&b(),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)}},l=()=>{o.lazy&&b(),m.value=null,o.onOffsetEnd()};window.addEventListener("touchmove",i),window.addEventListener("touchend",l),window.addEventListener("mousemove",s),window.addEventListener("mouseup",r),n(()=>{window.removeEventListener("touchmove",i),window.removeEventListener("touchend",l),window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",r)})}},{flush:"post"});const v=e.computed(()=>{const{collapsibleIcon:n,vertical:a}=o;let s=null,r=null;const i=n?.start!==void 0,l=n?.end!==void 0;return a?(s=i?()=>n.start:w.UpOutlined,r=l?()=>n.end:w.DownOutlined):(s=i?()=>n.start:w.LeftOutlined,r=l?()=>n.end:w.RightOutlined),{startIcon:s,endIcon:r,startCustomize:i,endCustomize:l}});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(E)({"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:O,onTouchstart:k},[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"):"",h(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.createVNode(e.unref(v).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"):"",h(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.createVNode(e.unref(v).endIcon)],2)],2)):e.createCommentVNode("",!0)],10,I))}});exports.default=V;
@@ -1 +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=$;
1
+ "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=$;
@@ -4,6 +4,7 @@ export type ItemType = Omit<PanelProps, 'collapsible'> & {
4
4
  collapsible: {
5
5
  start?: boolean;
6
6
  end?: boolean;
7
+ showCollapsibleIcon: 'auto' | boolean;
7
8
  };
8
9
  _child: VNode[];
9
10
  };
@@ -1 +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;
1
+ "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;
@@ -1,8 +1,11 @@
1
1
  import { Ref, ComputedRef } from 'vue';
2
+ import { ShowCollapsibleIconMode } from '../interface';
2
3
  import { ItemType } from './useItems';
3
4
  export type ResizableInfo = {
4
5
  resizable: boolean;
5
6
  startCollapsible: boolean;
6
7
  endCollapsible: boolean;
8
+ showStartCollapsibleIcon: ShowCollapsibleIconMode;
9
+ showEndCollapsibleIcon: ShowCollapsibleIconMode;
7
10
  };
8
11
  export declare const useResizable: (items: Ref<ItemType[]>, pxSizes: Ref<number[]>, isRTL: boolean) => ComputedRef<ResizableInfo[]>;
@@ -1 +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;
1
+ "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;
@@ -1,4 +1,4 @@
1
- import { CSSProperties } from 'vue';
1
+ import { CSSProperties, VNode } from 'vue';
2
2
  export interface SplitterProps {
3
3
  prefixCls?: string;
4
4
  className?: string;
@@ -9,6 +9,11 @@ export interface SplitterProps {
9
9
  onResize?: (sizes: number[]) => void;
10
10
  onResizeEnd?: (sizes: number[]) => void;
11
11
  lazy?: boolean;
12
+ draggerIcon?: VNode;
13
+ collapsibleIcon?: {
14
+ start?: VNode;
15
+ end?: VNode;
16
+ };
12
17
  }
13
18
  export interface PanelProps {
14
19
  className?: string;
@@ -19,6 +24,7 @@ export interface PanelProps {
19
24
  collapsible?: boolean | {
20
25
  start?: boolean;
21
26
  end?: boolean;
27
+ showCollapsibleIcon?: boolean | 'auto';
22
28
  };
23
29
  resizable?: boolean;
24
30
  defaultSize?: number | string;
@@ -51,6 +57,7 @@ export interface UseCollapsible {
51
57
  onFold: (type: 'previous' | 'next') => void;
52
58
  setOldBasics: () => void;
53
59
  }
60
+ export type ShowCollapsibleIconMode = boolean | 'auto';
54
61
  export interface SplitBarProps {
55
62
  index: number;
56
63
  active: boolean;
@@ -67,4 +74,8 @@ export interface SplitBarProps {
67
74
  ariaMax?: number;
68
75
  lazy?: boolean;
69
76
  containerSize: number;
77
+ draggerIcon?: SplitterProps['draggerIcon'];
78
+ collapsibleIcon?: SplitterProps['collapsibleIcon'];
79
+ showStartCollapsibleIcon: ShowCollapsibleIconMode;
80
+ showEndCollapsibleIcon: ShowCollapsibleIconMode;
70
81
  }
@@ -1 +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;
1
+ "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;
@@ -1,2 +1,2 @@
1
- declare const _default: "7.11.2";
1
+ declare const _default: "7.11.4";
2
2
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.11.2";exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.11.4";exports.default=e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "7.11.2",
3
+ "version": "7.11.4",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -45,15 +45,15 @@
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@aplus-frontend/antdv": "^1.4.0",
48
- "@aplus-frontend/icon": "^2.0.4",
49
- "@aplus-frontend/oss": "^1.1.10",
48
+ "@aplus-frontend/icon": "^2.0.6",
49
+ "@aplus-frontend/oss": "^2.0.1",
50
50
  "vue": "^3.5.21",
51
51
  "vxe-table": "^4.13.37"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@aplus-frontend/antdv": "^1.4.0",
55
- "@aplus-frontend/icon": "^2.0.4",
56
- "@aplus-frontend/oss": "^1.1.10",
55
+ "@aplus-frontend/icon": "^2.0.6",
56
+ "@aplus-frontend/oss": "^2.0.1",
57
57
  "@emotion/serialize": "^1.3.3",
58
58
  "@types/sortablejs": "^1.15.8",
59
59
  "axios": "^1.7.2",