@aplus-frontend/ui 0.1.28 → 0.1.29
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/ap-field/date-range/index.vue.mjs +154 -109
- package/es/src/ap-field/interface.d.ts +4 -0
- package/es/src/ap-field/select/index.vue.mjs +4 -2
- package/es/src/ap-form/style/ap-form-item.css +2 -0
- package/es/src/ap-table/components/setting/modal/index.vue2.mjs +72 -97
- package/es/src/ap-table/components/setting/select-group/index.vue2.mjs +37 -33
- package/es/src/ap-table/components/setting/sorter/index.vue2.mjs +91 -87
- package/es/src/ap-table/components/setting/utils.d.ts +7 -1
- package/es/src/ap-table/components/setting/utils.mjs +37 -22
- package/es/src/ap-table/constants.d.ts +12 -0
- package/es/src/ap-table/hooks/use-table-column-state.d.ts +6 -2
- package/es/src/ap-table/hooks/use-table-column-state.mjs +101 -33
- package/es/src/ap-table/interface.d.ts +8 -1
- package/es/src/editable-table/form-item.vue.d.ts +1 -0
- package/es/src/editable-table/form-item.vue.mjs +63 -59
- package/es/src/editable-table/index.vue.d.ts +1 -0
- package/es/src/editable-table/index.vue.mjs +77 -72
- package/es/src/editable-table/interface.d.ts +6 -0
- package/es/src/theme/ap-form/ap-form-item.css +2 -0
- package/lib/src/ap-field/date-range/index.vue.js +1 -1
- package/lib/src/ap-field/interface.d.ts +4 -0
- package/lib/src/ap-field/select/index.vue.js +1 -1
- package/lib/src/ap-form/style/ap-form-item.css +2 -0
- package/lib/src/ap-table/components/setting/modal/index.vue2.js +1 -1
- package/lib/src/ap-table/components/setting/select-group/index.vue2.js +1 -1
- package/lib/src/ap-table/components/setting/sorter/index.vue2.js +1 -1
- package/lib/src/ap-table/components/setting/utils.d.ts +7 -1
- package/lib/src/ap-table/components/setting/utils.js +1 -1
- package/lib/src/ap-table/constants.d.ts +12 -0
- package/lib/src/ap-table/hooks/use-table-column-state.d.ts +6 -2
- package/lib/src/ap-table/hooks/use-table-column-state.js +1 -1
- package/lib/src/ap-table/interface.d.ts +8 -1
- package/lib/src/editable-table/form-item.vue.d.ts +1 -0
- package/lib/src/editable-table/form-item.vue.js +1 -1
- package/lib/src/editable-table/index.vue.d.ts +1 -0
- package/lib/src/editable-table/index.vue.js +1 -1
- package/lib/src/editable-table/interface.d.ts +6 -0
- package/lib/src/theme/ap-form/ap-form-item.css +2 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../date/constant.js");require("../../hooks/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../date/constant.js");require("../../hooks/index.js");const r=require("lodash-unified"),d=require("dayjs"),V=require("ant-design-vue"),k=require("../date/helper.js"),w=require("@ant-design/icons-vue"),N=require("../../utils/index.js"),B=require("@aplus-frontend/utils"),q=require("../hooks/use-default-placeholder.js"),A=require("../../hooks/useControllableValue.js"),x=e.defineComponent({__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},defaultPickerValue:{},placeholder:{},disabled:{type:[Boolean,Array],default:void 0},disabledTime:{},presets:{},ranges:{},separator:{type:[Object,String,Number,Boolean,null,Array],default:void 0},allowEmpty:{},onCalendarChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},direction:{},autocomplete:{},activePickerIndex:{},dateRender:{},panelRender:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},inputRender:{},onOpenChange:{},onContextmenu:{},onKeydown:{},role:{},name:{},picker:{},prefixCls:{},disabledDate:{},monthCellRender:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},order:{type:Boolean,default:void 0},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"--"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"},timezone:{},readModeSeparator:{}},emits:["update:value"],setup(P,{emit:T}){const t=P,D=T,S=e.useSlots(),i=e.computed(()=>y.ApFieldDatePresetFormats.indexOf(t.format)>-1),l=e.computed(()=>i.value?y.PRESET_FORMAT_MAP[t.format]:t.format),{value:p,updateValue:h}=A.useControllableValue(t,D),O=q.useDefaultPlaceholder("DateRange",t),c=k.formatDayWithTimezone(t.timezone),m=e.computed(()=>{var u,s;const n=e.unref(p);if(r.isNil(n)||!(n!=null&&n.length))return n;const a=t.timezone?B.getTimeFormatToZone(e.unref(p)[0],t.timezone):(u=e.unref(p))==null?void 0:u[0],o=t.timezone?B.getTimeFormatToZone(e.unref(p)[1],t.timezone):(s=e.unref(p))==null?void 0:s[1];return[d(a),d(o)]}),C=e.computed(()=>e.unref(i)?t.picker??y.PRESET_FORMAT_PICK_MAP[t.format]:t.picker),M=e.computed(()=>{const n=e.unref(i)?y.PRESET_FORMAT_TIME_MAP[t.format]:{};return{...N.omitUndefined(r.omit(t,["value","onUpdate:value","onChange","onOk","format","mode"])),placeholder:e.unref(O),...n}});function b(n){if(!n){h(n);return}let a=r.isString(n[0])?d(n[0]):n[0],o=r.isString(n[1])?d(n[1]):n[1];e.unref(i)?h([c(a,e.unref(l)),c(o,e.unref(l),!1)]):h([k.formatValue(a),k.formatValue(o)])}function F(n){var f;const a=r.isString(n[0])?d(n[0]):n[0],o=r.isString(n[1])?d(n[1]):n[1],u=n[0]?e.unref(i)?c(a,e.unref(l)):a.valueOf():null,s=n[1]?e.unref(i)?c(o,e.unref(l),!1):o.valueOf():null;(f=t.onOk)==null||f.call(t,[u,s])}function R(n,a){var g,v;if(r.isNil(n)){(g=t.onChange)==null||g.call(t,n,a);return}const o=r.isString(n[0])?d(n[0]):n[0],u=r.isString(n[1])?d(n[1]):n[1],s=n[0]?e.unref(i)?c(o,e.unref(l)):o.valueOf():null,f=n[1]?e.unref(i)?c(u,e.unref(l),!1):u.valueOf():null;(v=t.onChange)==null||v.call(t,[s,f],a)}const _=e.computed(()=>{var o;const n=t.readModeSeparator;if(n)return e.isVNode(n)||r.isFunction(n)?t.readModeSeparator:e.createVNode(e.Fragment,null,[t.readModeSeparator]);const a=(o=S.readModeSeparator)==null?void 0:o.call(S);return a?e.createVNode(e.Fragment,null,[a]):w.SwapRightOutlined});return(n,a)=>{var o,u;return n.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((o=m.value[0])==null?void 0:o.format(l.value))+" ",1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.value))),e.createTextVNode(" "+e.toDisplayString((u=m.value[1])==null?void 0:u.format(l.value)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(n.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(V.DatePicker).RangePicker,e.mergeProps({key:1},M.value,{value:m.value,"onUpdate:value":b,onChange:R,picker:C.value,format:l.value,onOk:F}),e.createSlots({_:2},[e.renderList(e.unref(r.omit)(n.$slots,"readModeSeparator"),(s,f)=>({name:f,fn:e.withCtx(g=>[e.renderSlot(n.$slots,f,e.normalizeProps(e.guardReactiveProps(g||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=x;
|
|
@@ -94,6 +94,10 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
|
|
|
94
94
|
* 指定时区,指定后value会变为特定时区下的timestamp
|
|
95
95
|
*/
|
|
96
96
|
timezone?: ZoneAlias;
|
|
97
|
+
/**
|
|
98
|
+
* 只读模式下的分隔符(比插槽优先级更高)
|
|
99
|
+
*/
|
|
100
|
+
readModeSeparator?: any;
|
|
97
101
|
};
|
|
98
102
|
export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
|
|
99
103
|
emptyText?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("lodash-unified"),y=require("ant-design-vue");require("../../hooks/index.js");const M=require("../../utils/index.js"),k=require("../hooks/use-default-placeholder.js"),T=require("../../hooks/useControllableValue.js"),_={key:0},A=t.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},options:{},showAction:{},onDeselect:{},loading:{type:Boolean,default:void 0},placeholder:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1}},emits:["update:value"],setup(g,{expose:w,emit:S}){let u=0;const B=s.debounce(o=>{if(!s.isFunction(e.request))return;u+=1;const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("lodash-unified"),y=require("ant-design-vue");require("../../hooks/index.js");const M=require("../../utils/index.js"),k=require("../hooks/use-default-placeholder.js"),T=require("../../hooks/useControllableValue.js"),_={key:0},A=t.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},options:{},showAction:{},onDeselect:{},loading:{type:Boolean,default:void 0},placeholder:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1}},emits:["update:value"],setup(g,{expose:w,emit:S}){let u=0;const B=s.debounce(o=>{if(!s.isFunction(e.request))return;u+=1;const n=u;i.value=[],r.value=!0,e.request(o).then(l=>{u===n&&(i.value=l)}).finally(()=>{r.value=!1})},300),e=g,b=(o,n)=>{var a;const l=((a=e.fieldNames)==null?void 0:a.label)||"label";return typeof(n==null?void 0:n[l])=="string"&&n[l].indexOf(o)>-1},i=t.ref((e==null?void 0:e.options)||[]),c=t.ref(),r=t.ref((e==null?void 0:e.loading)||!1),F=S;async function f(o=!0){if(!s.isFunction(e.request))return;r.value=!0,u+=1;const n=u;try{o&&(i.value=[]);const l=await e.request();if(n!==u)return;i.value=l}finally{r.value=!1}}function C(o){var n;(n=e.onFocus)==null||n.call(e,o),e.refetchOnFocus&&u>0&&!r.value&&f(!0)}t.onMounted(()=>{if(e.lazy){u+=1;return}f()});const{value:v,updateValue:q}=T.useControllableValue(e,F),x=k.useDefaultPlaceholder("Select",e),N=t.computed(()=>{var d,m;const o=t.unref(v);if(!o)return e.emptyText;const n=((d=e.fieldNames)==null?void 0:d.label)||"label",l=((m=e.fieldNames)==null?void 0:m.value)||"value";if(s.isArray(o))return o.map(p=>{var h;return(h=t.unref(i).find(O=>O[l]===p))==null?void 0:h[n]}).filter(Boolean).join("、")||e.emptyText;const a=t.unref(i).find(p=>p[l]===o);return(a==null?void 0:a[n])||e.emptyText}),I=t.computed(()=>{const o=!!(e!=null&&e.showSearch),n=e.searchMode;let l={};return o&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:B,notFoundContent:r.value?void 0:null}:{showArrow:!0,filterOption:s.isNil(e==null?void 0:e.filterOption)?b:e==null?void 0:e.filterOption}),{...M.omitUndefined(s.omit(e,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus"])),placeholder:t.unref(x),...l}});function P(){var o;(o=c.value)==null||o.focus()}function V(){var o;(o=c.value)==null||o.blur()}return w({focus:P,blur:V,request:f}),(o,n)=>o.mode==="read"?(t.openBlock(),t.createElementBlock("span",_,t.toDisplayString(N.value),1)):(t.openBlock(),t.createBlock(t.unref(y.Select),t.mergeProps({key:1,"allow-clear":"",ref_key:"selectRef",ref:c},I.value,{mode:o.multiple?"multiple":void 0,value:t.unref(v),"onUpdate:value":t.unref(q),options:i.value,loading:r.value,onFocus:C}),t.createSlots({_:2},[t.renderList(o.$slots,(l,a)=>({name:a,fn:t.withCtx(d=>[t.renderSlot(o.$slots,a,t.normalizeProps(t.guardReactiveProps(d||{})))])})),r.value?{name:"notFoundContent",fn:t.withCtx(()=>[t.createVNode(t.unref(y.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","onUpdate:value","options","loading"]))}});exports.default=A;
|
|
@@ -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"),l=require("ant-design-vue"),B=require("../../../../utils/slot.js"),z=require("../../../context.js");require("../tree-select/index.vue.js");const D=require("../../../hooks/use-table-column-state.js");require("../../../../config-provider/index.js");require("../sorter/index.vue.js");require("../../style/setting/modal.css");const p=require("../utils.js"),w=require("../../../../config-provider/hooks/use-locale.js"),E=require("../../../../config-provider/hooks/use-namespace.js"),A=require("../tree-select/index.vue2.js"),R=require("../sorter/index.vue2.js"),M={style:{lineHeight:"22px",color:"#8896B0"}},O=e.defineComponent({__name:"index",props:{config:{}},setup(C){const f=C,{columnsBackup:N,size:_,updateSize:s,updateColumns:i}=z.useInjectApTable(),c=e.ref(e.unref(_)),{columnState:a,setColumnState:S,isAllSelected:V,toggleSelectAll:x,columnStateBackup:y,setColumnStateBackup:b,cacheColumnStateIfNeeded:h}=D.useTableColumnState(f.config,[]),{t:o}=w.useLocale(),{b:d,be:m}=E.useNamespace("ap-column-setting"),r=e.ref(!1),k=e.useSlots(),g=B.getSingleVNode(k.trigger),v=g?e.cloneVNode(g,{onClick:()=>{r.value=!0}}):null;function q(){S(p.customCloneColumnStates(y))}function T(){var t,n;i==null||i(p.default(e.unref(N),e.unref(a))),s==null||s(e.unref(c)),r.value=!1;const u=p.customCloneColumnStates(a.value);b(u),h(u),(n=(t=f.config)==null?void 0:t.onChange)==null||n.call(t,u)}return(u,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{title:e.unref(o)("ap.apTable.setting.title"),open:r.value,"onUpdate:open":t[2]||(t[2]=n=>r.value=n),width:900,onOk:T,"body-style":{padding:"0px !important",height:"450px"}},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(m)("left","header"))},[e.createElementVNode("div",null,[e.createElementVNode("span",M,e.toDisplayString(e.unref(o)("ap.apTable.setting.selectAllTip")),1),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref(x)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)?e.unref(o)("ap.apTable.setting.unSelectAll"):e.unref(o)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])]),e.createVNode(e.unref(l.RadioGroup),{value:c.value,"onUpdate:value":t[0]||(t[0]=n=>c.value=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}}),e.createVNode(A.default,{class:e.normalizeClass(e.unref(m)("left","content")),value:e.unref(a)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("right"))},[e.createVNode(R.default,{value:e.unref(a),"onUpdate:value":t[1]||(t[1]=n=>e.isRef(a)?a.value=n:null),onReset:q},null,8,["value"])],2)],2)]),_:1},8,["title","open"])],64))}});exports.default=O;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("ant-design-vue");require("../../style/setting/select-group.css");require("../../../../config-provider/index.js");const C=require("../../../context.js"),i=require("../utils.js"),y=require("../../../../config-provider/hooks/use-namespace.js"),_=e.defineComponent({__name:"index",props:{value:{}},setup(h){const r=h,{b:f}=y.useNamespace("select-group"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("ant-design-vue");require("../../style/setting/select-group.css");require("../../../../config-provider/index.js");const C=require("../../../context.js"),i=require("../utils.js"),y=require("../../../../config-provider/hooks/use-namespace.js"),_=e.defineComponent({__name:"index",props:{value:{}},setup(h){const r=h,{b:f}=y.useNamespace("select-group"),s=e.ref(!1),{columnsBackup:m}=C.useInjectApTable(),d=e.computed(()=>{var n;return(n=e.unref(m))==null?void 0:n.find(t=>{var l;return t.key===((l=r.value)==null?void 0:l.key)})});function k(o){const n=r.value.children.find(t=>t.key===o.key);return{checked:n==null?void 0:n.show,disabled:r.value.disabled||(n==null?void 0:n.disabled)}}function p(o){const n=r.value;n.children.forEach(t=>t.show=o),n.show=o,s.value=!1}function v(o,n){const t=r.value,l=t.children.find(c=>c.key===o);if(!l)return;l.show=n;const a=t.children.every(c=>c.show),b=t.children.some(c=>c.show);t.show=a,s.value=b&&!a}const w=e.computed(()=>r.value.disabled||r.value.children.every(o=>o.disabled));return e.watch(()=>r.value,o=>{const n=o.children.every(l=>l.show),t=o.children.some(l=>l.show);s.value=t&&!n,o.show!==n&&(o.show=n)},{deep:!0,immediate:!0}),(o,n)=>{var t;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("header"))},[e.createVNode(e.unref(u.Checkbox),{indeterminate:s.value,checked:(t=o.value)==null?void 0:t.show,"onUpdate:checked":p,disabled:w.value},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i.cloneLabelNode)(d.value.title))))]),_:1},8,["indeterminate","checked","disabled"])],2),e.createElementVNode("div",null,[e.createVNode(e.unref(u.Row),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.children,l=>(e.openBlock(),e.createBlock(e.unref(u.Col),{key:l.key,span:8},{default:e.withCtx(()=>[e.createVNode(e.unref(u.Checkbox),e.mergeProps({ref_for:!0},k(l),{"onUpdate:checked":a=>v(l.key,a)}),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i.cloneLabelNode)(l.title))))]),_:2},1040,["onUpdate:checked"])]),_:2},1024))),128))]),_:1})])])}}});exports.default=_;
|
|
@@ -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"),k=require("ant-design-vue"),C=require("vuedraggable");require("../sortable/index.vue.js");require("../../../../config-provider/index.js");require("../../style/setting/sorter.css");const E=require("./context.js"),z=require("../../../../config-provider/hooks/use-namespace.js"),M=require("../../../../config-provider/hooks/use-locale.js"),y=require("../sortable/index.vue2.js"),D={key:0},R={key:1},F={key:2},I=e.defineComponent({__name:"index",props:{value:{},onReset:{type:Function}},emits:["update:value"],setup(_,{emit:x}){const r=e.ref([]),u=e.ref([]),i=e.ref([]),d=e.ref(!1),{b:c}=z.useNamespace("column-setting-sorter"),{t:f}=M.useLocale(),m=_,B=x;E.useProvideSorterMethods({fixedToLeft:V,fixedToRight:w,unFixed:T});function N(t,n){const o=n[0].findIndex(l=>l.key===t.key);if(~o)n[0].splice(o,1);else{const l=n[1].findIndex(a=>a.key===t.key);n[1].splice(l,1)}}function p(t,n){const o=[...e.unref(r.value)],l=[...e.unref(i.value)],a=[...e.unref(u.value)],h={left:{target:o,search:[a,l]},right:{target:l,search:[a,o]},normal:{target:a,search:[o,l]}}[n];return n==="right"?h.target.unshift(t):h.target.push(t),N(t,h.search),[...o,...a,...l]}function V(t){const n=p(t,"left");s(n)}function w(t){const n=p(t,"right");s(n)}function T(t){const n=p(t,"normal");s(n)}function v(t){var n;return(n=t.children)!=null&&n.length?t.children.some(o=>o.show):t.show}function g(t,n){t.value?t.value.push(n):t.value=[n]}const L=e.computed(()=>{let t=0;function n(o){var l;for(const a of o)(l=a.children)!=null&&l.length?n(a.children):a.show&&(t+=1)}return n(m.value),t});function S(t){s([...t,...e.unref(u),...e.unref(i)])}function b(t){s([...e.unref(r),...t,...e.unref(i)])}function q(t){s([...e.unref(r),...e.unref(u),...t])}function s(t){B("update:value",t)}return e.watch(()=>m.value,t=>{if(t){r.value=[],u.value=[],i.value=[];for(const n of t)n.fixed==="left"?g(r,n):n.fixed==="right"?g(i,n):g(u,n)}},{immediate:!0}),e.onMounted(()=>{d.value=!0}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c)())},[e.createVNode(e.unref(k.Flex),{class:e.normalizeClass(e.unref(c)("header")),align:"center",justify:"space-between"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(c)("header-title"))},e.toDisplayString(e.unref(f)("ap.apTable.setting.selectCount",{count:L.value})),3),e.createVNode(e.unref(k.Button),{type:"link",size:"small",style:{padding:"0"},onClick:m.onReset},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(f)("ap.apTable.setting.reset")),1)]),_:1},8,["onClick"])]),_:1},8,["class"]),e.createVNode(e.unref(k.Divider),{style:{margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("content"))},[r.value.length?(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("span",{class:e.normalizeClass(e.unref(c)("section-title"))},e.toDisplayString(e.unref(f)("ap.apTable.setting.fixToLeft")),3),d.value?(e.openBlock(),e.createBlock(e.unref(C),{key:0,"model-value":r.value,"onUpdate:modelValue":S,"item-key":"key"},{item:e.withCtx(({element:o})=>[v(o)?(e.openBlock(),e.createBlock(y.default,{key:0,value:o},null,8,["value"])):e.createCommentVNode("",!0)]),_:1},8,["model-value"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),u.value.length?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",{class:e.normalizeClass(e.unref(c)("section-title"))},e.toDisplayString(e.unref(f)("ap.apTable.setting.unFixed")),3),d.value?(e.openBlock(),e.createBlock(e.unref(C),{key:0,"model-value":u.value,"onUpdate:modelValue":b,"item-key":"key"},{item:e.withCtx(({element:o})=>[v(o)?(e.openBlock(),e.createBlock(y.default,{key:0,value:o},null,8,["value"])):e.createCommentVNode("",!0)]),_:1},8,["model-value"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),i.value.length?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("span",{class:e.normalizeClass(e.unref(c)("section-title"))},e.toDisplayString(e.unref(f)("ap.apTable.setting.fixToRight")),3),d.value?(e.openBlock(),e.createBlock(e.unref(C),{key:0,"model-value":i.value,"onUpdate:modelValue":q,"item-key":"key"},{item:e.withCtx(({element:o})=>[v(o)?(e.openBlock(),e.createBlock(y.default,{key:0,value:o},null,8,["value"])):e.createCommentVNode("",!0)]),_:1},8,["model-value"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],2))}});exports.default=I;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColumnsType } from 'ant-design-vue/es/table';
|
|
2
|
-
import { ApColumnState } from '../../interface';
|
|
2
|
+
import { ApColumnState, ApTableSettingDefaultValueType } from '../../interface';
|
|
3
3
|
/**
|
|
4
4
|
* 根据列状态重新生成表格列配置
|
|
5
5
|
* @param columns 表格列数组
|
|
@@ -15,3 +15,9 @@ export declare function customCloneColumnStates<T extends ApColumnState | ApColu
|
|
|
15
15
|
* @returns
|
|
16
16
|
*/
|
|
17
17
|
export declare function cloneLabelNode(node: any): any;
|
|
18
|
+
/**
|
|
19
|
+
* 生成可用于缓存的列状态对象
|
|
20
|
+
* @param columnStates
|
|
21
|
+
* @returns
|
|
22
|
+
*/
|
|
23
|
+
export declare function getColumnStateString(columnStates: ApColumnState[]): ApTableSettingDefaultValueType;
|
|
@@ -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 s=require("lodash-unified"),u=require("vue");function c(t,r){var i;const n=[];for(const e of r){const l=t.find(o=>o.key===e.key);if((i=e.children)!=null&&i.length){const o=c(l.children,e.children);o.length&&n.push({...l,fixed:e.fixed,children:o})}else{if(!e.show)continue;n.push({...l,fixed:e.fixed})}}return n}function d(t){return s.cloneDeepWith(t,(r,n)=>{if(n==="label")return r})}const a={display:"inline","-webkit-line-clamp":"unset","-webkit-box-orient":"unset",overflow:"unset","text-overflow":"unset","white-space":"unset",wordBreak:"unset"};function f(t){return u.isVNode(t)?u.cloneVNode(t,{style:a}):t}function h(t){function r(n){const i={};return n.forEach((e,l)=>{var o;i[e.key]={...s.omit(e,["label","key","children"]),order:l,children:(o=e.children)!=null&&o.length?r(e.children):void 0}}),i}return r(t)}exports.cloneLabelNode=f;exports.customCloneColumnStates=d;exports.default=c;exports.getColumnStateString=h;
|
|
@@ -9528,6 +9528,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9528
9528
|
timezone: {
|
|
9529
9529
|
type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
|
|
9530
9530
|
};
|
|
9531
|
+
readModeSeparator: {
|
|
9532
|
+
type: PropType<any>;
|
|
9533
|
+
};
|
|
9531
9534
|
}>> & {
|
|
9532
9535
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9533
9536
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -9741,6 +9744,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9741
9744
|
timezone: {
|
|
9742
9745
|
type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
|
|
9743
9746
|
};
|
|
9747
|
+
readModeSeparator: {
|
|
9748
|
+
type: PropType<any>;
|
|
9749
|
+
};
|
|
9744
9750
|
}>> & {
|
|
9745
9751
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9746
9752
|
}, {
|
|
@@ -9991,6 +9997,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9991
9997
|
timezone: {
|
|
9992
9998
|
type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
|
|
9993
9999
|
};
|
|
10000
|
+
readModeSeparator: {
|
|
10001
|
+
type: PropType<any>;
|
|
10002
|
+
};
|
|
9994
10003
|
}>> & {
|
|
9995
10004
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9996
10005
|
}, {}, {}, {}, {}, {
|
|
@@ -10238,6 +10247,9 @@ export declare const apTableRenderItemMap: {
|
|
|
10238
10247
|
timezone: {
|
|
10239
10248
|
type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
|
|
10240
10249
|
};
|
|
10250
|
+
readModeSeparator: {
|
|
10251
|
+
type: PropType<any>;
|
|
10252
|
+
};
|
|
10241
10253
|
}>> & {
|
|
10242
10254
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
10243
10255
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ApColumnState } from '../interface';
|
|
1
|
+
import { ApColumnState, ApTableSettingType } from '../interface';
|
|
2
2
|
import { Ref, ComputedRef } from 'vue';
|
|
3
|
-
export declare const useTableColumnState: (initialColumnState: ApColumnState[]) => {
|
|
3
|
+
export declare const useTableColumnState: (columnSetting: ApTableSettingType, initialColumnState: ApColumnState[]) => {
|
|
4
4
|
columnState: Ref<{
|
|
5
5
|
key: string | number;
|
|
6
6
|
show?: boolean | undefined;
|
|
@@ -8,6 +8,7 @@ export declare const useTableColumnState: (initialColumnState: ApColumnState[])
|
|
|
8
8
|
disabled?: boolean | undefined;
|
|
9
9
|
label?: any;
|
|
10
10
|
children?: any[] | undefined;
|
|
11
|
+
order?: number | undefined;
|
|
11
12
|
}[]>;
|
|
12
13
|
selectAll: () => void;
|
|
13
14
|
unSelectAll: () => void;
|
|
@@ -15,4 +16,7 @@ export declare const useTableColumnState: (initialColumnState: ApColumnState[])
|
|
|
15
16
|
setColumnState: (nextColumnState: ApColumnState[]) => void;
|
|
16
17
|
isAllSelected: ComputedRef<boolean>;
|
|
17
18
|
toggleSelectAll: () => void;
|
|
19
|
+
columnStateBackup: ApColumnState[];
|
|
20
|
+
setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
|
|
21
|
+
cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
|
|
18
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),j=require("../../utils/index.js"),f=require("../components/setting/utils.js"),K=require("../context.js"),i=require("lodash-unified");function d(r,o){r.forEach(t=>{var c;o(t),(c=t.children)!=null&&c.length&&d(t.children,o)})}function M(r,o){if(!o)return{};const t=r.getItem(o);return t?JSON.parse(t):{}}function k(r,o){if(i.isObject(r)&&i.isObject(o))return i.mergeWith({},r,o,k)}const T=Number.MAX_SAFE_INTEGER,J=(r,o)=>{const t=u.ref(o);let c=f.customCloneColumnStates(o);const{columnsBackup:C,updateColumns:S}=K.useInjectApTable(),O=r.persistenceType||"localStorage",m=window[O];function q(){const e=M(m,r.persistenceKey),n=i.mergeWith({},r.defaultValue||{},e,k),l=u.unref(C);function x(F,h,A){return F.map(s=>{var N;const a=(h==null?void 0:h[s.key])||{},g={key:s.key,label:s.title,show:!0,fixed:A?A.fixed:i.isBoolean(s.fixed)?s.fixed?"left":void 0:s.fixed,disabled:!1,...i.omit(a,"children")};return g.children=(N=s.children)!=null&&N.length?x(s.children,a.children,g):void 0,g}).sort((s,a)=>(i.isNumber(s.order)?s.order:T)-(i.isNumber(a.order)?a.order:T))}return x(l||[],n)}const b=u.computed(()=>u.unref(t).every(e=>e.show));function p(){const e=u.unref(t);d(e,n=>{!n.disabled&&(n.show=!0)})}function y(){const e=u.unref(t);d(e,n=>{!n.disabled&&(n.show=!1)})}function E(){u.unref(b)?y():p()}function I(e,n){d(u.unref(t),l=>{l.key===e&&(l.show=j.isDef(n)?n:!l.show)})}function w(e){t.value=e}function B(e){c=e}function v(e){if(r.persistenceKey){const n=f.getColumnStateString(e);m.setItem(r.persistenceKey,JSON.stringify(n))}}return u.watchEffect(()=>{const e=q();w(e),S==null||S(f.default(u.unref(C),u.unref(e))),c=f.customCloneColumnStates(e),v(e)}),{columnState:t,selectAll:p,unSelectAll:y,toggleSelect:I,setColumnState:w,isAllSelected:b,toggleSelectAll:E,columnStateBackup:c,setColumnStateBackup:B,cacheColumnStateIfNeeded:v}};exports.useTableColumnState=J;
|
|
@@ -84,7 +84,7 @@ export type ApTableSettingType = {
|
|
|
84
84
|
/**
|
|
85
85
|
* 列的默认状态
|
|
86
86
|
*/
|
|
87
|
-
defaultValue?:
|
|
87
|
+
defaultValue?: ApTableSettingDefaultValueType;
|
|
88
88
|
/**
|
|
89
89
|
* 列状态变更时的回调(注意,返回的是全量状态)
|
|
90
90
|
* @param val
|
|
@@ -92,6 +92,9 @@ export type ApTableSettingType = {
|
|
|
92
92
|
*/
|
|
93
93
|
onChange?: (val: ApColumnState[]) => void;
|
|
94
94
|
};
|
|
95
|
+
export type ApTableSettingDefaultValueType = Recordable<Omit<ApColumnState, 'label' | 'key' | 'children'> & {
|
|
96
|
+
children?: ApTableSettingDefaultValueType;
|
|
97
|
+
}>;
|
|
95
98
|
export type ApColumnState = {
|
|
96
99
|
/**
|
|
97
100
|
* 列的唯一标识
|
|
@@ -117,6 +120,10 @@ export type ApColumnState = {
|
|
|
117
120
|
* 子节点状态
|
|
118
121
|
*/
|
|
119
122
|
children?: ApColumnState[];
|
|
123
|
+
/**
|
|
124
|
+
* 字段排序(和其同级的表头排序)
|
|
125
|
+
*/
|
|
126
|
+
order?: number;
|
|
120
127
|
};
|
|
121
128
|
export type FieldPropsType<ReturnType, RecordType, ExtraValueType, ValueType extends ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType> = ReturnType | ((opt: Partial<{
|
|
122
129
|
value: any;
|
|
@@ -12,6 +12,7 @@ declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<type
|
|
|
12
12
|
setRowData: (index: number, payload: any) => void;
|
|
13
13
|
addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
|
|
14
14
|
scrollTo: (index: number | "end", options?: StandardBehaviorOptions) => void;
|
|
15
|
+
setTableData: (nextTableData: RecordType[]) => void;
|
|
15
16
|
}>): void;
|
|
16
17
|
attrs: any;
|
|
17
18
|
slots: Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("ant-design-vue"),g=require("../ap-form/index.js"),i=require("lodash-unified");require("../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("ant-design-vue"),g=require("../ap-form/index.js"),i=require("lodash-unified");require("../config-provider/index.js");const P=require("../ap-form/context.js");require("./style/index.css");const d=require("../utils/index.js"),j=require("./hooks/use-get-columns.js"),h=require("./utils.js"),z=require("@ant-design/icons-vue"),A=require("ant-design-vue/es/theme/internal"),O=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),G=e.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(x,{expose:C}){const a=x;function b(t,o){return i.isArray(o)?o.reduce((n,r)=>n==null?void 0:n[r],t):t==null?void 0:t[o]}const{internalInstance:l,model:y}=P.useInjectForm(),u=e.ref(b(e.unref(y),a.name)||[]),w=e.useSlots(),R=g.ApForm.useWatch(a.name);e.watch(()=>R.value,t=>{var o;u.value=t,(o=a.onChange)==null||o.call(a,t)},{deep:!0});const{b:B,em:D}=O.useNamespace("editable-table"),c=e.ref(),q=M.useGlobalConfig("valueTypeMap"),[,k]=A.useToken(),N=j.default(a,q);function T(t,o){var s;const n=((s=e.unref(u))==null?void 0:s.length)||0;if(d.isDef(a.maxLength)&&n>=a.maxLength)return;const r=[...e.unref(u)||[]];d.isDef(o)?r.splice(o,0,{...t||{}}):r.push({...t||{}}),l==null||l.setFieldValue(a.name,r)}function V(t,o="suffix"){var m;const n=((m=e.unref(u))==null?void 0:m.length)||0,r=i.isNumber(t)?t:t.length;if(d.isDef(a.maxLength)&&n+r>a.maxLength)return;const s=[...e.unref(u)||[]],f=i.isNumber(t)?new Array(t).fill({}):i.cloneDeep(t);o==="suffix"?s.push(...f):s.unshift(...f),l==null||l.setFieldValue(a.name,s)}function F(t){let o=i.cloneDeep(e.unref(u)||[]);const n=i.isNumber(t)?[t]:t;o=o.filter((r,s)=>!n.includes(s)),l==null||l.setFieldValue(a.name,o)}function S(){return e.unref(u)}function v(t){var o;return(o=e.unref(u))==null?void 0:o[t]}function L(t,o){const n=i.cloneDeep(e.unref(u));n[t]&&(n[t]={...n[t],...o},l==null||l.setFieldValue(a.name,[...n]))}function _(t){l==null||l.setFieldValue(a.name,t)}function E(t,o){var r;const n=t==="end"?u.value.length-1:t;h.scrollToRowIndex(n,(r=c.value)==null?void 0:r.$el,o)}return C({add:T,remove:F,getRowData:v,getRowsData:S,setRowData:L,addMultiple:V,scrollTo:E,setTableData:_}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(g.ApForm).FormItem,e.mergeProps(t.formItem,{name:t.name,label:t.label}),{default:e.withCtx(()=>[e.createVNode(e.unref(p.Table),e.mergeProps(e.unref(i.omit)(a,["name","maxLength","onChange"]),{class:e.unref(B)(),columns:e.unref(N),"data-source":u.value,ref_key:"tableRef",ref:c}),e.createSlots({headerCell:e.withCtx(({column:n})=>[e.unref(h.getColumnIsRequired)(n)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(D)("header-cell","required"))},"*",2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.title),1),n.tooltip?(e.openBlock(),e.createBlock(e.unref(p.Tooltip),{key:1,title:n.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(z.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(k).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])):e.createCommentVNode("",!0)]),_:2},[e.renderList(w,(n,r)=>({name:r,fn:e.withCtx(s=>[e.renderSlot(t.$slots,r,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=G;
|
|
@@ -20,6 +20,7 @@ declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNu
|
|
|
20
20
|
addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
|
|
21
21
|
scrollTo: (index: number | "end", options?: StandardBehaviorOptions) => void;
|
|
22
22
|
clear: () => void;
|
|
23
|
+
setTableData: (nextTableData: RecordType[]) => void;
|
|
23
24
|
}>): void;
|
|
24
25
|
attrs: any;
|
|
25
26
|
slots: Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("ant-design-vue"),p=require("../ap-form/index.js"),i=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const x=require("../utils/index.js"),y=require("./utils.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("ant-design-vue"),p=require("../ap-form/index.js"),i=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const x=require("../utils/index.js"),y=require("./utils.js"),G=require("./hooks/use-get-columns.js");require("./style/index.css");const K=require("ant-design-vue/es/theme/internal"),U=require("@ant-design/icons-vue"),$=require("../config-provider/hooks/use-namespace.js"),H=require("../hooks/useControllableValue.js"),W=require("../config-provider/hooks/use-global-config.js"),Q=e.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(v,{expose:w,emit:b}){const l=v,{b:R,em:q}=$.useNamespace("editable-table"),B=e.useSlots(),F=b,h=e.ref(),{value:u,updateValue:V}=H.useControllableValue(l,F),s=e.ref(),[,N]=K.useToken(),k=W.useGlobalConfig("valueTypeMap"),m=p.ApForm.useWatch(l.name,s);e.watch(()=>m.value,t=>{var n;V(t),(n=l.onChange)==null||n.call(l,t)},{deep:!0}),e.watch(u,t=>{var n;t!==e.unref(m)&&(i.isEqual(t,e.unref(m))||(n=s.value)==null||n.setFieldValue(l.name,t))},{deep:!0});const D=G.default(l,k);function T(){var t;(t=s.value)==null||t.resetFields()}function _(t){return t?(i.isArray(t)?t:[t]).map(a=>i.isArray(a)?[l.name,...a]:[l.name,a]):void 0}async function S(t,n){var o;const a=await((o=s.value)==null?void 0:o.validateFields(_(t),n));return a==null?void 0:a[l.name]}function A(t,n){var r,d,c;const a=((r=e.unref(u))==null?void 0:r.length)||0;if(x.isDef(l.maxLength)&&a>=l.maxLength)return;const o=[...e.unref(u)||[]];x.isDef(n)?o.splice(n,0,{...t||{}}):o.push({...t||{}}),(c=(d=s.value)==null?void 0:d.setFieldValue)==null||c.call(d,l.name,o)}function E(t,n="suffix"){var c,f,C;const a=((c=e.unref(u))==null?void 0:c.length)||0,o=i.isNumber(t)?t:t.length;if(x.isDef(l.maxLength)&&a+o>l.maxLength)return;const r=[...e.unref(u)||[]],d=i.isNumber(t)?new Array(t).fill({}):i.cloneDeep(t);n==="suffix"?r.push(...d):r.unshift(...d),(C=(f=s.value)==null?void 0:f.setFieldValue)==null||C.call(f,l.name,r)}function L(t){var o,r;let n=i.cloneDeep(e.unref(u)||[]);const a=i.isNumber(t)?[t]:t;n=n.filter((d,c)=>!a.includes(c)),(r=(o=s.value)==null?void 0:o.setFieldValue)==null||r.call(o,l.name,n)}function P(){return e.unref(u)}function z(t){var n;(n=s.value)==null||n.setFieldValue(l.name,t)}function I(t){var n;return(n=e.unref(u))==null?void 0:n[t]}function O(t,n){var o,r;const a=i.cloneDeep(e.unref(u));a[t]&&(a[t]={...a[t],...n},(r=(o=s.value)==null?void 0:o.setFieldValue)==null||r.call(o,l.name,[...a]))}function j(t,n){var o;const a=t==="end"?u.value.length-1:t;y.scrollToRowIndex(a,(o=h.value)==null?void 0:o.$el,n)}function M(){var t,n;(n=(t=s.value)==null?void 0:t.setFieldValue)==null||n.call(t,l.name,[])}return w({resetFields:T,validateFields:S,add:A,remove:L,getRowData:I,getRowsData:P,setRowData:O,addMultiple:E,scrollTo:j,clear:M,setTableData:z}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(p.ApForm),{"initial-values":{[l.name]:e.unref(u)},ref_key:"formRef",ref:s},{default:e.withCtx(()=>[e.createVNode(e.unref(p.ApForm).FormItem,{name:t.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Table),e.mergeProps(e.unref(i.omit)(l,["name","value","onUpdate:value","maxLength","onChange"]),{class:e.unref(R)(),columns:e.unref(D),"data-source":e.unref(u),ref_key:"tableRef",ref:h}),e.createSlots({headerCell:e.withCtx(({column:a})=>[e.unref(y.getColumnIsRequired)(a)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(q)("header-cell","required"))},"*",2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.title),1),a.tooltip?(e.openBlock(),e.createBlock(e.unref(g.Tooltip),{key:1,title:a.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(U.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(N).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])):e.createCommentVNode("",!0)]),_:2},[e.renderList(B,(a,o)=>({name:o,fn:e.withCtx(r=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(r||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=Q;
|
|
@@ -163,6 +163,12 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
|
|
|
163
163
|
* @returns
|
|
164
164
|
*/
|
|
165
165
|
scrollTo: (index: number | 'end', options?: StandardBehaviorOptions) => void;
|
|
166
|
+
/**
|
|
167
|
+
* 设置表格数据
|
|
168
|
+
* @param nextTableData
|
|
169
|
+
* @returns
|
|
170
|
+
*/
|
|
171
|
+
setTableData: (nextTableData: RecordType[]) => void;
|
|
166
172
|
};
|
|
167
173
|
/**
|
|
168
174
|
* 可编辑表格作为表单项暴露的实例
|