@wx-design/components 0.1.6 → 0.1.8

package/es/core/Table/components/Toolbar/index.vue.d.ts

@@ -1,5 +1,5 @@
 import type { ToolbarProps } from "../../../../types/table";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table").VxeTableDataRow>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table").VxeTableDataRow>>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table/types/table").VxeTableDataRow>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table/types/table").VxeTableDataRow>>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/es/index.mjs

@@ -358,7 +358,7 @@ const p = /* @__PURE__ */ L(jt), kt = {
     "custom"
   ].map((o) => {
     r[o] = (...c) => {
-      e("event", ...c), typeof n[o] == "function" && n[o](...c);
+      e(o, ...c), typeof n[o] == "function" && n[o](...c);
     };
   }), r;
 };

package/lib/core/Table/components/Toolbar/index.vue.d.ts

@@ -1,5 +1,5 @@
 import type { ToolbarProps } from "../../../../types/table";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table").VxeTableDataRow>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table").VxeTableDataRow>>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table/types/table").VxeTableDataRow>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ToolbarProps<import("vxe-table/types/table").VxeTableDataRow>>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("vxe-table"),t=require("vue"),f=require("element-plus");var C=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function N(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function F(e,l){for(var r=-1,n=l.length,o=e.length;++r<n;)e[o+r]=l[r];return e}var M=F,z=typeof C=="object"&&C&&C.Object===Object&&C,D=z,q=D,H=typeof self=="object"&&self&&self.Object===Object&&self,K=q||H||Function("return this")(),U=K,Y=U,L=Y.Symbol,k=L,_=k,$=Object.prototype,G=$.hasOwnProperty,X=$.toString,y=_?_.toStringTag:void 0;function J(e){var l=G.call(e,y),r=e[y];try{e[y]=void 0;var n=!0}catch{}var o=X.call(e);return n&&(l?e[y]=r:delete e[y]),o}var Q=J,W=Object.prototype,Z=W.toString;function ee(e){return Z.call(e)}var te=ee,V=k,le=Q,re=te,oe="[object Null]",ne="[object Undefined]",O=V?V.toStringTag:void 0;function ae(e){return e==null?e===void 0?ne:oe:O&&O in Object(e)?le(e):re(e)}var ce=ae;function ie(e){return e!=null&&typeof e=="object"}var R=ie,se=ce,ue=R,de="[object Arguments]";function fe(e){return ue(e)&&se(e)==de}var be=fe,j=be,ge=R,P=Object.prototype,me=P.hasOwnProperty,pe=P.propertyIsEnumerable,ye=j(function(){return arguments}())?j:function(e){return ge(e)&&me.call(e,"callee")&&!pe.call(e,"callee")},he=ye,Ce=Array.isArray,ve=Ce,B=k,Se=he,we=ve,T=B?B.isConcatSpreadable:void 0;function ke(e){return we(e)||Se(e)||!!(T&&e&&e[T])}var _e=ke,Ve=M,Oe=_e;function I(e,l,r,n,o){var a=-1,s=e.length;for(r||(r=Oe),o||(o=[]);++a<s;){var c=e[a];l>0&&r(c)?l>1?I(c,l-1,r,n,o):Ve(o,c):n||(o[o.length]=c)}return o}var je=I,Be=je;function Te(e){var l=e==null?0:e.length;return l?Be(e,1):[]}var Ee=Te;const xe=N(Ee),Ne=e=>{const l=e.tableRef;return{clearCheckboxRow:()=>{var o;(o=l.value)==null||o.clearCheckboxRow()},getCheckboxRecords:()=>{var o;return(o=l.value)==null?void 0:o.getCheckboxRecords()}}},$e=t.defineComponent({name:"SabTableToolbar",__name:"index",props:{class:{},tableRef:{},features:{},columns:{},saveSelectRecords:{type:Function}},setup(e){const l=e,r=t.computed(()=>l.tableRef),{clearCheckboxRow:n,getCheckboxRecords:o}=Ne({tableRef:r}),a=t.ref(!1),s=async()=>{var c;a.value=!0;try{const d=o();await((c=l.saveSelectRecords)==null?void 0:c.call(l,d)),d.forEach(i=>{var b;return(b=r.value)==null?void 0:b.reloadRow(i,{})}),n()}finally{a.value=!1}};return(c,d)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["sab-table-toolbar",l.class]},c.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.features,i=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[i==="clearSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:0,onClick:t.unref(n)},{default:t.withCtx(()=>[t.createTextVNode("清空选择")]),_:1},8,["onClick"])):i==="saveSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:1,onClick:s,loading:a.value},{default:t.withCtx(()=>[t.createTextVNode("保存")]),_:1},8,["loading"])):t.createCommentVNode("",!0)],64))),256)),t.renderSlot(c.$slots,"default")],16))}}),Re=t.defineComponent({setup(e,{attrs:l,slots:r}){const{slots:n,editorProps:o,...a}=l,s=t.computed(()=>{const c={};return Object.keys(n||{}).forEach(d=>{c[d]=i=>typeof n[d]=="string"?r[n[d]](i):typeof n[d]=="function"?n[d](i,o):null}),c});return()=>t.createVNode(w.Column,a,{...s.value})}});var Pe=function(l){return Ie(l)&&!Ae(l)};function Ie(e){return!!e&&typeof e=="object"}function Ae(e){var l=Object.prototype.toString.call(e);return l==="[object RegExp]"||l==="[object Date]"||ze(e)}var Fe=typeof Symbol=="function"&&Symbol.for,Me=Fe?Symbol.for("react.element"):60103;function ze(e){return e.$$typeof===Me}function De(e){return Array.isArray(e)?[]:{}}function h(e,l){return l.clone!==!1&&l.isMergeableObject(e)?m(De(e),e,l):e}function qe(e,l,r){return e.concat(l).map(function(n){return h(n,r)})}function He(e,l){if(!l.customMerge)return m;var r=l.customMerge(e);return typeof r=="function"?r:m}function Ke(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(l){return Object.propertyIsEnumerable.call(e,l)}):[]}function E(e){return Object.keys(e).concat(Ke(e))}function A(e,l){try{return l in e}catch{return!1}}function Ue(e,l){return A(e,l)&&!(Object.hasOwnProperty.call(e,l)&&Object.propertyIsEnumerable.call(e,l))}function Ye(e,l,r){var n={};return r.isMergeableObject(e)&&E(e).forEach(function(o){n[o]=h(e[o],r)}),E(l).forEach(function(o){Ue(e,o)||(A(e,o)&&r.isMergeableObject(l[o])?n[o]=He(o,r)(e[o],l[o],r):n[o]=h(l[o],r))}),n}function m(e,l,r){r=r||{},r.arrayMerge=r.arrayMerge||qe,r.isMergeableObject=r.isMergeableObject||Pe,r.cloneUnlessOtherwiseSpecified=h;var n=Array.isArray(l),o=Array.isArray(e),a=n===o;return a?n?r.arrayMerge(e,l,r):Ye(e,l,r):h(l,r)}m.all=function(l,r){if(!Array.isArray(l))throw new Error("first argument should be an array");return l.reduce(function(n,o){return m(n,o,r)},{})};var Le=m,Ge=Le;const g=N(Ge),Xe={border:!0,showHeader:!0,size:"mini",showOverflow:!0,height:"auto",withSeq:!0,mouseConfig:{selected:!0},autoClearSelected:!0,keepSource:!1,checkboxConfig:{range:!0,highlight:!0},editable:!0,editConfig:{trigger:"click",mode:"cell",autoClear:!1,showStatus:!0,showIcon:!1},rowConfig:{useKey:!0,isCurrent:!0,isHover:!0},keyboardConfig:{isArrow:!0,isEsc:!0,isTab:!0,isEnter:!0,isEdit:!0},columnConfig:{resizable:!0},sortConfig:{trigger:"cell",orders:["desc","asc",null]},scrollY:{enabled:!0,gt:100}},Je=(e,l={})=>{var n,o,a,s;const r=g(e,l);return r.editable===!1?delete r.editConfig:r.editable===!0&&(r.editConfig=g({},r.editConfig||{})),r.withCheckbox===!0&&!((n=r.columns)!=null&&n.some(c=>c.field==="sab-table-checkbox"))&&((o=r.columns)==null||o.unshift({type:"checkbox",fixed:"left",field:"sab-table-checkbox"})),r.withSeq===!0&&!((a=r.columns)!=null&&a.some(c=>c.field==="sab-table-seq"))&&((s=r.columns)==null||s.unshift({type:"checkbox",fixed:"left",field:"sab-table-seq",slots:{header:()=>null,checkbox:({rowIndex:c})=>c+1}})),r},Qe=(e,l,r)=>{const n={"cell-click":({row:a,column:s})=>{var c,d,i;l.value.autoClearSelected&&((c=r.value)!=null&&c.isCheckedByCheckboxRow(a)||(d=r.value)==null||d.clearCheckboxRow()),s.type==="checkbox"&&s.field==="sab-table-seq"&&((i=r.value)==null||i.toggleCheckboxRow(a))}},o={};return["keydown-start","keydown","keydown-end","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","cell-selected","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom"].map(a=>{o[a]=(...s)=>{e("event",...s),typeof n[a]=="function"&&n[a](...s)}}),o};var u=(e=>(e.Input="input",e.InputNumber="input-number",e.Select="select",e.DatePciker="date-picker",e.Image="image",e.Color="color",e.Boolean="boolean",e))(u||{});const We=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElInput,t.mergeProps({size:"small",modelValue:e.modelValue,onInput:n},l),null)}}),Ze={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(We,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},et=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=(o,a)=>{r("update:modelValue",o,a)};return()=>t.createVNode(f.ElInputNumber,t.mergeProps({size:"small",modelValue:e.modelValue,controlsPosition:"right",onChange:n},l),null)}}),tt={cellType:"number",sabCellType:u.InputNumber,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(et,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},lt=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElDatePicker,t.mergeProps({size:"small",format:"YYYY-MM-DD",valueFormat:"YYYY-MM-DD",modelValue:e.modelValue,"onUpdate:modelValue":n},l),null)}}),rt={sabCellType:u.DatePciker,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(lt,t.mergeProps({modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}},ot=t.defineComponent({props:{options:Array,modelValue:{type:String||Number||Array,default:""},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},disabledKey:{type:String,default:"disabled"}},name:"SabCellEditSelect",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElSelect,t.mergeProps({size:"small",filterable:!0,modelValue:e.modelValue,onChange:n},l),{default:()=>{var o;return[(o=e.options)==null?void 0:o.map(a=>t.createVNode(f.ElOption,{key:a[e.valueKey],value:a[e.valueKey],label:a[e.labelKey],disabled:a[e.disabledKey]},null))]}})}}),nt={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(ot,t.mergeProps({automaticDropdown:!0,modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}};/*! Element Plus Icons Vue v2.3.1 */var at=t.defineComponent({name:"Picture",__name:"picture",setup(e){return(l,r)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[t.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),t.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),x=at;const ct=t.defineComponent({name:"SabCellImage",props:{src:String,preview:Boolean},setup(e,{attrs:l}){return e.src?e.preview?()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,fit:"contain",src:e.src,style:{verticalAlign:"middle",height:"40px",width:"40px"},"preview-src-list":[e.src]},l),null):()=>t.createVNode(f.ElPopover,{transition:"el-zoom-in-top",trigger:"click",persistent:!1},{reference:()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"pointer",verticalAlign:"middle"}},{default:()=>[t.createVNode(x,null,null)]}),default:()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,src:e.src,style:{verticalAlign:"middle"},"preview-src-list":[e.src]},l),null)}):()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"not-allowed",verticalAlign:"middle",opacity:"0.5"}},{default:()=>[t.createVNode(x,null,null)]})}}),it={sabCellType:u.Image,showOverflow:!1,align:"center",slots:{default:({row:e,column:l})=>t.createVNode(ct,{src:e[l.field]},null)}},st=t.defineComponent({props:{color:String},name:"SabCellColor",setup(e){const l=t.computed(()=>{var r,n;return((r=e.color)==null?void 0:r.length)===6?`#${e.color}`:((n=e.color)==null?void 0:n.length)===9?`rgb(${e.color.substring(0,3)},${e.color.substring(3,6)},${e.color.substring(6,9)})`:e.color});return()=>t.createVNode("div",{class:"sab-cell-color__inner",style:{background:l.value}},null)}}),ut={sabCellType:u.Color,className:"sab-cell-color",slots:{default:({row:e,column:l})=>t.createVNode(st,{color:e[l.field]},null)}},dt=t.defineComponent({props:{modelValue:String||Number||Boolean},name:"SabCellBoolean",emits:["update:modelValue"],setup(e,{emit:l}){const r=n=>{l("update:modelValue",n)};return()=>t.createVNode(f.ElCheckbox,{style:{lineHieght:1},modelValue:e.modelValue,onChange:r},null)}}),ft={sabCellType:u.Color,className:"sab-cell-boolean",align:"center",showOverflow:!1,slots:{default:({row:e,column:l})=>t.createVNode(dt,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},bt=e=>(e.editable===!1&&delete e.editRender,e.sabCellType===u.Input?g(Ze,e):e.sabCellType===u.InputNumber?g(tt,e):e.sabCellType===u.DatePciker?g(rt,e):e.sabCellType===u.Select?g(nt,e):e.sabCellType===u.Image?g(it,e):e.sabCellType===u.Color?g(ut,e):e.sabCellType===u.Boolean?g(ft,e):e),gt=e=>e.map(l=>bt(l)).filter(l=>!l.hidden),v=t.defineComponent({name:"SabTable",__name:"index",props:t.mergeDefaults({size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String]},loading:{type:Boolean},align:{},headerAlign:{},footerAlign:{},showHeader:{type:Boolean},showFooter:{type:Boolean},footerMethod:{type:Function},rowClassName:{type:[String,Function]},cellClassName:{type:[String,Function]},headerRowClassName:{type:[String,Function]},headerCellClassName:{type:[String,Function]},footerRowClassName:{type:[String,Function]},footerCellClassName:{type:[String,Function]},cellStyle:{type:[Object,Function]},rowStyle:{type:[Object,Function]},headerCellStyle:{type:[Object,Function]},headerRowStyle:{type:[Object,Function]},footerRowStyle:{type:[Object,Function]},footerCellStyle:{type:[Object,Function]},mergeCells:{},mergeFooterItems:{},spanMethod:{type:Function},footerSpanMethod:{type:Function},showOverflow:{type:[Boolean,String,null]},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean},syncResize:{type:[Boolean,String,Number]},columnConfig:{},rowConfig:{},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean},animat:{type:Boolean},delayHover:{},class:{},columns:{},editable:{type:Boolean},withSeq:{type:Boolean},withCheckbox:{type:Boolean},showToolbar:{type:Boolean},autoClearSelected:{type:Boolean}},Xe),setup(e,{expose:l,emit:r}){const n=e,o=r,a=t.ref(),s=t.computed(()=>{const i=Je({keyboardConfig:{editMethod({row:b,column:p}){return a.value.setEditCell(b,p),!0}}},n);return i.columns=gt(i.columns||[]),i}),c=t.computed(()=>{var i;return xe((i=s.value.columns)==null?void 0:i.map(b=>b.slots?Object.values(b.slots).filter(p=>typeof p=="string"):[]))});l({xTable:a.value,...a.value});const d=Qe(o,s,a);return(i,b)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[i.showToolbar?(t.openBlock(),t.createBlock($e,{key:0,style:{"margin-bottom":"10px"},"table-ref":a.value},{default:t.withCtx(()=>[t.renderSlot(i.$slots,"sab-toolbar")]),_:3},8,["table-ref"])):t.createCommentVNode("",!0),t.createVNode(t.unref(w.Table),t.mergeProps({ref_key:"xTable",ref:a},s.value,t.toHandlers(t.unref(d)),{class:["sab-table",s.value.class]}),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value.columns,p=>(t.openBlock(),t.createBlock(t.unref(Re),t.normalizeProps(t.guardReactiveProps(p)),t.createSlots({_:2},[t.renderList(c.value,S=>({name:S,fn:t.withCtx(()=>[t.renderSlot(i.$slots,S)])}))]),1040))),256))]),_:3},16,["class"])],64))}});v.install=e=>{e.component(v.name,v),e.use(w)};exports.SabCellType=u;exports.SabTable=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("vxe-table"),t=require("vue"),f=require("element-plus");var C=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function N(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function F(e,l){for(var r=-1,n=l.length,o=e.length;++r<n;)e[o+r]=l[r];return e}var M=F,z=typeof C=="object"&&C&&C.Object===Object&&C,D=z,q=D,H=typeof self=="object"&&self&&self.Object===Object&&self,K=q||H||Function("return this")(),U=K,Y=U,L=Y.Symbol,k=L,_=k,$=Object.prototype,G=$.hasOwnProperty,X=$.toString,y=_?_.toStringTag:void 0;function J(e){var l=G.call(e,y),r=e[y];try{e[y]=void 0;var n=!0}catch{}var o=X.call(e);return n&&(l?e[y]=r:delete e[y]),o}var Q=J,W=Object.prototype,Z=W.toString;function ee(e){return Z.call(e)}var te=ee,V=k,le=Q,re=te,oe="[object Null]",ne="[object Undefined]",O=V?V.toStringTag:void 0;function ae(e){return e==null?e===void 0?ne:oe:O&&O in Object(e)?le(e):re(e)}var ce=ae;function ie(e){return e!=null&&typeof e=="object"}var R=ie,se=ce,ue=R,de="[object Arguments]";function fe(e){return ue(e)&&se(e)==de}var be=fe,j=be,ge=R,P=Object.prototype,me=P.hasOwnProperty,pe=P.propertyIsEnumerable,ye=j(function(){return arguments}())?j:function(e){return ge(e)&&me.call(e,"callee")&&!pe.call(e,"callee")},he=ye,Ce=Array.isArray,ve=Ce,B=k,Se=he,we=ve,T=B?B.isConcatSpreadable:void 0;function ke(e){return we(e)||Se(e)||!!(T&&e&&e[T])}var _e=ke,Ve=M,Oe=_e;function I(e,l,r,n,o){var a=-1,s=e.length;for(r||(r=Oe),o||(o=[]);++a<s;){var c=e[a];l>0&&r(c)?l>1?I(c,l-1,r,n,o):Ve(o,c):n||(o[o.length]=c)}return o}var je=I,Be=je;function Te(e){var l=e==null?0:e.length;return l?Be(e,1):[]}var Ee=Te;const xe=N(Ee),Ne=e=>{const l=e.tableRef;return{clearCheckboxRow:()=>{var o;(o=l.value)==null||o.clearCheckboxRow()},getCheckboxRecords:()=>{var o;return(o=l.value)==null?void 0:o.getCheckboxRecords()}}},$e=t.defineComponent({name:"SabTableToolbar",__name:"index",props:{class:{},tableRef:{},features:{},columns:{},saveSelectRecords:{type:Function}},setup(e){const l=e,r=t.computed(()=>l.tableRef),{clearCheckboxRow:n,getCheckboxRecords:o}=Ne({tableRef:r}),a=t.ref(!1),s=async()=>{var c;a.value=!0;try{const d=o();await((c=l.saveSelectRecords)==null?void 0:c.call(l,d)),d.forEach(i=>{var b;return(b=r.value)==null?void 0:b.reloadRow(i,{})}),n()}finally{a.value=!1}};return(c,d)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["sab-table-toolbar",l.class]},c.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.features,i=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[i==="clearSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:0,onClick:t.unref(n)},{default:t.withCtx(()=>[t.createTextVNode("清空选择")]),_:1},8,["onClick"])):i==="saveSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:1,onClick:s,loading:a.value},{default:t.withCtx(()=>[t.createTextVNode("保存")]),_:1},8,["loading"])):t.createCommentVNode("",!0)],64))),256)),t.renderSlot(c.$slots,"default")],16))}}),Re=t.defineComponent({setup(e,{attrs:l,slots:r}){const{slots:n,editorProps:o,...a}=l,s=t.computed(()=>{const c={};return Object.keys(n||{}).forEach(d=>{c[d]=i=>typeof n[d]=="string"?r[n[d]](i):typeof n[d]=="function"?n[d](i,o):null}),c});return()=>t.createVNode(w.Column,a,{...s.value})}});var Pe=function(l){return Ie(l)&&!Ae(l)};function Ie(e){return!!e&&typeof e=="object"}function Ae(e){var l=Object.prototype.toString.call(e);return l==="[object RegExp]"||l==="[object Date]"||ze(e)}var Fe=typeof Symbol=="function"&&Symbol.for,Me=Fe?Symbol.for("react.element"):60103;function ze(e){return e.$$typeof===Me}function De(e){return Array.isArray(e)?[]:{}}function h(e,l){return l.clone!==!1&&l.isMergeableObject(e)?m(De(e),e,l):e}function qe(e,l,r){return e.concat(l).map(function(n){return h(n,r)})}function He(e,l){if(!l.customMerge)return m;var r=l.customMerge(e);return typeof r=="function"?r:m}function Ke(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(l){return Object.propertyIsEnumerable.call(e,l)}):[]}function E(e){return Object.keys(e).concat(Ke(e))}function A(e,l){try{return l in e}catch{return!1}}function Ue(e,l){return A(e,l)&&!(Object.hasOwnProperty.call(e,l)&&Object.propertyIsEnumerable.call(e,l))}function Ye(e,l,r){var n={};return r.isMergeableObject(e)&&E(e).forEach(function(o){n[o]=h(e[o],r)}),E(l).forEach(function(o){Ue(e,o)||(A(e,o)&&r.isMergeableObject(l[o])?n[o]=He(o,r)(e[o],l[o],r):n[o]=h(l[o],r))}),n}function m(e,l,r){r=r||{},r.arrayMerge=r.arrayMerge||qe,r.isMergeableObject=r.isMergeableObject||Pe,r.cloneUnlessOtherwiseSpecified=h;var n=Array.isArray(l),o=Array.isArray(e),a=n===o;return a?n?r.arrayMerge(e,l,r):Ye(e,l,r):h(l,r)}m.all=function(l,r){if(!Array.isArray(l))throw new Error("first argument should be an array");return l.reduce(function(n,o){return m(n,o,r)},{})};var Le=m,Ge=Le;const g=N(Ge),Xe={border:!0,showHeader:!0,size:"mini",showOverflow:!0,height:"auto",withSeq:!0,mouseConfig:{selected:!0},autoClearSelected:!0,keepSource:!1,checkboxConfig:{range:!0,highlight:!0},editable:!0,editConfig:{trigger:"click",mode:"cell",autoClear:!1,showStatus:!0,showIcon:!1},rowConfig:{useKey:!0,isCurrent:!0,isHover:!0},keyboardConfig:{isArrow:!0,isEsc:!0,isTab:!0,isEnter:!0,isEdit:!0},columnConfig:{resizable:!0},sortConfig:{trigger:"cell",orders:["desc","asc",null]},scrollY:{enabled:!0,gt:100}},Je=(e,l={})=>{var n,o,a,s;const r=g(e,l);return r.editable===!1?delete r.editConfig:r.editable===!0&&(r.editConfig=g({},r.editConfig||{})),r.withCheckbox===!0&&!((n=r.columns)!=null&&n.some(c=>c.field==="sab-table-checkbox"))&&((o=r.columns)==null||o.unshift({type:"checkbox",fixed:"left",field:"sab-table-checkbox"})),r.withSeq===!0&&!((a=r.columns)!=null&&a.some(c=>c.field==="sab-table-seq"))&&((s=r.columns)==null||s.unshift({type:"checkbox",fixed:"left",field:"sab-table-seq",slots:{header:()=>null,checkbox:({rowIndex:c})=>c+1}})),r},Qe=(e,l,r)=>{const n={"cell-click":({row:a,column:s})=>{var c,d,i;l.value.autoClearSelected&&((c=r.value)!=null&&c.isCheckedByCheckboxRow(a)||(d=r.value)==null||d.clearCheckboxRow()),s.type==="checkbox"&&s.field==="sab-table-seq"&&((i=r.value)==null||i.toggleCheckboxRow(a))}},o={};return["keydown-start","keydown","keydown-end","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","cell-selected","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom"].map(a=>{o[a]=(...s)=>{e(a,...s),typeof n[a]=="function"&&n[a](...s)}}),o};var u=(e=>(e.Input="input",e.InputNumber="input-number",e.Select="select",e.DatePciker="date-picker",e.Image="image",e.Color="color",e.Boolean="boolean",e))(u||{});const We=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElInput,t.mergeProps({size:"small",modelValue:e.modelValue,onInput:n},l),null)}}),Ze={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(We,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},et=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=(o,a)=>{r("update:modelValue",o,a)};return()=>t.createVNode(f.ElInputNumber,t.mergeProps({size:"small",modelValue:e.modelValue,controlsPosition:"right",onChange:n},l),null)}}),tt={cellType:"number",sabCellType:u.InputNumber,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(et,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},lt=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElDatePicker,t.mergeProps({size:"small",format:"YYYY-MM-DD",valueFormat:"YYYY-MM-DD",modelValue:e.modelValue,"onUpdate:modelValue":n},l),null)}}),rt={sabCellType:u.DatePciker,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(lt,t.mergeProps({modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}},ot=t.defineComponent({props:{options:Array,modelValue:{type:String||Number||Array,default:""},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},disabledKey:{type:String,default:"disabled"}},name:"SabCellEditSelect",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElSelect,t.mergeProps({size:"small",filterable:!0,modelValue:e.modelValue,onChange:n},l),{default:()=>{var o;return[(o=e.options)==null?void 0:o.map(a=>t.createVNode(f.ElOption,{key:a[e.valueKey],value:a[e.valueKey],label:a[e.labelKey],disabled:a[e.disabledKey]},null))]}})}}),nt={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(ot,t.mergeProps({automaticDropdown:!0,modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}};/*! Element Plus Icons Vue v2.3.1 */var at=t.defineComponent({name:"Picture",__name:"picture",setup(e){return(l,r)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[t.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),t.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),x=at;const ct=t.defineComponent({name:"SabCellImage",props:{src:String,preview:Boolean},setup(e,{attrs:l}){return e.src?e.preview?()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,fit:"contain",src:e.src,style:{verticalAlign:"middle",height:"40px",width:"40px"},"preview-src-list":[e.src]},l),null):()=>t.createVNode(f.ElPopover,{transition:"el-zoom-in-top",trigger:"click",persistent:!1},{reference:()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"pointer",verticalAlign:"middle"}},{default:()=>[t.createVNode(x,null,null)]}),default:()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,src:e.src,style:{verticalAlign:"middle"},"preview-src-list":[e.src]},l),null)}):()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"not-allowed",verticalAlign:"middle",opacity:"0.5"}},{default:()=>[t.createVNode(x,null,null)]})}}),it={sabCellType:u.Image,showOverflow:!1,align:"center",slots:{default:({row:e,column:l})=>t.createVNode(ct,{src:e[l.field]},null)}},st=t.defineComponent({props:{color:String},name:"SabCellColor",setup(e){const l=t.computed(()=>{var r,n;return((r=e.color)==null?void 0:r.length)===6?`#${e.color}`:((n=e.color)==null?void 0:n.length)===9?`rgb(${e.color.substring(0,3)},${e.color.substring(3,6)},${e.color.substring(6,9)})`:e.color});return()=>t.createVNode("div",{class:"sab-cell-color__inner",style:{background:l.value}},null)}}),ut={sabCellType:u.Color,className:"sab-cell-color",slots:{default:({row:e,column:l})=>t.createVNode(st,{color:e[l.field]},null)}},dt=t.defineComponent({props:{modelValue:String||Number||Boolean},name:"SabCellBoolean",emits:["update:modelValue"],setup(e,{emit:l}){const r=n=>{l("update:modelValue",n)};return()=>t.createVNode(f.ElCheckbox,{style:{lineHieght:1},modelValue:e.modelValue,onChange:r},null)}}),ft={sabCellType:u.Color,className:"sab-cell-boolean",align:"center",showOverflow:!1,slots:{default:({row:e,column:l})=>t.createVNode(dt,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},bt=e=>(e.editable===!1&&delete e.editRender,e.sabCellType===u.Input?g(Ze,e):e.sabCellType===u.InputNumber?g(tt,e):e.sabCellType===u.DatePciker?g(rt,e):e.sabCellType===u.Select?g(nt,e):e.sabCellType===u.Image?g(it,e):e.sabCellType===u.Color?g(ut,e):e.sabCellType===u.Boolean?g(ft,e):e),gt=e=>e.map(l=>bt(l)).filter(l=>!l.hidden),v=t.defineComponent({name:"SabTable",__name:"index",props:t.mergeDefaults({size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String]},loading:{type:Boolean},align:{},headerAlign:{},footerAlign:{},showHeader:{type:Boolean},showFooter:{type:Boolean},footerMethod:{type:Function},rowClassName:{type:[String,Function]},cellClassName:{type:[String,Function]},headerRowClassName:{type:[String,Function]},headerCellClassName:{type:[String,Function]},footerRowClassName:{type:[String,Function]},footerCellClassName:{type:[String,Function]},cellStyle:{type:[Object,Function]},rowStyle:{type:[Object,Function]},headerCellStyle:{type:[Object,Function]},headerRowStyle:{type:[Object,Function]},footerRowStyle:{type:[Object,Function]},footerCellStyle:{type:[Object,Function]},mergeCells:{},mergeFooterItems:{},spanMethod:{type:Function},footerSpanMethod:{type:Function},showOverflow:{type:[Boolean,String,null]},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean},syncResize:{type:[Boolean,String,Number]},columnConfig:{},rowConfig:{},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean},animat:{type:Boolean},delayHover:{},class:{},columns:{},editable:{type:Boolean},withSeq:{type:Boolean},withCheckbox:{type:Boolean},showToolbar:{type:Boolean},autoClearSelected:{type:Boolean}},Xe),setup(e,{expose:l,emit:r}){const n=e,o=r,a=t.ref(),s=t.computed(()=>{const i=Je({keyboardConfig:{editMethod({row:b,column:p}){return a.value.setEditCell(b,p),!0}}},n);return i.columns=gt(i.columns||[]),i}),c=t.computed(()=>{var i;return xe((i=s.value.columns)==null?void 0:i.map(b=>b.slots?Object.values(b.slots).filter(p=>typeof p=="string"):[]))});l({xTable:a.value,...a.value});const d=Qe(o,s,a);return(i,b)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[i.showToolbar?(t.openBlock(),t.createBlock($e,{key:0,style:{"margin-bottom":"10px"},"table-ref":a.value},{default:t.withCtx(()=>[t.renderSlot(i.$slots,"sab-toolbar")]),_:3},8,["table-ref"])):t.createCommentVNode("",!0),t.createVNode(t.unref(w.Table),t.mergeProps({ref_key:"xTable",ref:a},s.value,t.toHandlers(t.unref(d)),{class:["sab-table",s.value.class]}),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value.columns,p=>(t.openBlock(),t.createBlock(t.unref(Re),t.normalizeProps(t.guardReactiveProps(p)),t.createSlots({_:2},[t.renderList(c.value,S=>({name:S,fn:t.withCtx(()=>[t.renderSlot(i.$slots,S)])}))]),1040))),256))]),_:3},16,["class"])],64))}});v.install=e=>{e.component(v.name,v),e.use(w)};exports.SabCellType=u;exports.SabTable=v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wx-design/components",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "",
   "type": "module",
   "main": "./lib/index.js",

package/types/index.d.ts

@@ -1,8 +1,11 @@
-export * from './table'
 import { SabTable } from './table'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     SabTable: typeof SabTable
   }
+}
+
+export namespace SABTable {
+  export * from './table'
 }

package/types/table/column.d.ts

@@ -81,7 +81,7 @@ export type SabCellEditorParams =
 // 表格列设置
 export type SabColumnProps<D = VxeTableDataRow> = VxeColumnProps<D> & {
   // 单元格类型
-  sabCellType?: SabCellType;
+  sabCellType?: 'input' | 'input-number' | 'select' | 'date-picker' | 'image' | 'color' | 'boolean';
   // 附加的单元格编辑器参数
   editorProps?: Partial<SabCellEditorParams>;
   // 单元格是否可编辑

package/types/table/index.d.ts

@@ -1,10 +1,11 @@
 
-import { VXEComponent, VxeTableEventProps } from 'vxe-table'
-import { SabTableProps } from './table'
-import { SabColumnSlots } from './column'
+import type { VXEComponent, VxeTableEventProps } from 'vxe-table'
+import type { SabTableProps } from './table'
+import type { SabColumnSlots } from './column'
 
 export const SabTable: VXEComponent<SabTableProps<any>, VxeTableEventProps<any>, SabColumnSlots<any>>
 
 export * from './column'
 export * from './table'
 export * from './toolbar'
+export type * from 'vxe-table'