@aplus-frontend/ui 7.11.2 → 7.11.3
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.
- package/es/src/ag-grid/editable/utils.mjs +28 -22
- package/es/src/business/ap-copy/constans.mjs +1 -1
- package/es/src/business/ap-copy/style/index.mjs +1 -1
- package/es/src/business/ap-product-info/ApProductInfo.d.ts +9 -0
- package/es/src/business/ap-product-info/ApProductInfo.mjs +5 -5
- package/es/src/business/ap-product-info/constans.d.ts +4 -0
- package/es/src/business/ap-product-info/constans.mjs +4 -0
- package/es/src/business/ap-product-info/index.d.ts +15 -0
- package/es/src/business/ap-product-info/interface.d.ts +1 -0
- package/es/src/business/ap-product-info/style/index.mjs +2 -1
- package/es/src/business/batch-input-group/form-item.vue.mjs +24 -22
- package/es/src/business/batch-input-group/index.vue.mjs +1 -1
- package/es/src/splitter/SplitBar.vue2.mjs +152 -112
- package/es/src/splitter/Splitter.vue2.mjs +67 -61
- package/es/src/splitter/hooks/useItems.d.ts +1 -0
- package/es/src/splitter/hooks/useItems.mjs +20 -16
- package/es/src/splitter/hooks/useResizable.d.ts +3 -0
- package/es/src/splitter/hooks/useResizable.mjs +50 -27
- package/es/src/splitter/interface.d.ts +12 -1
- package/es/src/splitter/style/index.mjs +51 -15
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/editable/utils.js +1 -1
- package/lib/src/business/ap-copy/constans.js +1 -1
- package/lib/src/business/ap-copy/style/index.js +1 -1
- package/lib/src/business/ap-product-info/ApProductInfo.d.ts +9 -0
- package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
- package/lib/src/business/ap-product-info/constans.d.ts +4 -0
- package/lib/src/business/ap-product-info/constans.js +1 -1
- package/lib/src/business/ap-product-info/index.d.ts +15 -0
- package/lib/src/business/ap-product-info/interface.d.ts +1 -0
- package/lib/src/business/ap-product-info/style/index.js +1 -1
- package/lib/src/business/batch-input-group/form-item.vue.js +1 -1
- package/lib/src/business/batch-input-group/index.vue.js +1 -1
- package/lib/src/splitter/SplitBar.vue2.js +1 -1
- package/lib/src/splitter/Splitter.vue2.js +1 -1
- package/lib/src/splitter/hooks/useItems.d.ts +1 -0
- package/lib/src/splitter/hooks/useItems.js +1 -1
- package/lib/src/splitter/hooks/useResizable.d.ts +3 -0
- package/lib/src/splitter/hooks/useResizable.js +1 -1
- package/lib/src/splitter/interface.d.ts +12 -1
- package/lib/src/splitter/style/index.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- 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;
|
|
@@ -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.
|
|
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
|
|
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"),
|
|
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 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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
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=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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
|
|
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
|
|
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;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.11.
|
|
1
|
+
declare const _default: "7.11.3";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.11.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.11.3";exports.default=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "7.11.
|
|
3
|
+
"version": "7.11.3",
|
|
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.
|
|
49
|
-
"@aplus-frontend/oss": "^
|
|
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.
|
|
56
|
-
"@aplus-frontend/oss": "^
|
|
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",
|