bkui-vue 0.0.1-beta.81 → 0.0.1-beta.84
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/dist/index.cjs.js +29 -29
- package/dist/index.esm.js +518 -255
- package/dist/index.umd.js +29 -29
- package/dist/style.css +1 -1
- package/lib/button/button.css +16 -11
- package/lib/button/button.d.ts +0 -10
- package/lib/button/button.less +28 -13
- package/lib/button/button.variable.css +16 -11
- package/lib/button/index.d.ts +1 -16
- package/lib/button/index.js +1 -1
- package/lib/cascader/cascader.d.ts +1 -1
- package/lib/cascader/index.d.ts +4 -4
- package/lib/input/input.css +4 -1
- package/lib/input/input.less +4 -1
- package/lib/input/input.variable.css +4 -1
- package/lib/loading/loading.css +4 -3
- package/lib/loading/loading.less +4 -3
- package/lib/loading/loading.variable.css +4 -3
- package/lib/pagination/index.js +1 -1
- package/lib/select/common.d.ts +4 -4
- package/lib/select/index.d.ts +563 -212
- package/lib/select/index.js +1 -1
- package/lib/select/option.d.ts +11 -4
- package/lib/select/select.css +31 -59
- package/lib/select/select.d.ts +168 -62
- package/lib/select/select.less +43 -51
- package/lib/select/select.variable.css +31 -59
- package/lib/select/selectTagInput.d.ts +71 -0
- package/lib/select/type.d.ts +9 -5
- package/lib/shared/index.js +1 -1
- package/lib/tab/index.d.ts +7 -7
- package/lib/tab/tab.d.ts +2 -2
- package/lib/table/index.d.ts +16 -5
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +4 -1
- package/lib/table/render.d.ts +1 -1
- package/lib/table/table.css +26 -7
- package/lib/table/table.d.ts +7 -2
- package/lib/table/table.less +29 -6
- package/lib/table/table.variable.css +26 -7
- package/lib/table/use-common.d.ts +4 -2
- package/lib/tag-input/index.d.ts +4 -4
- package/lib/tag-input/index.js +1 -1
- package/lib/tag-input/tag-input.d.ts +1 -1
- package/lib/transfer/index.js +1 -1
- package/lib/transfer/transfer.css +41 -60
- package/lib/transfer/transfer.less +55 -82
- package/lib/transfer/transfer.variable.css +41 -60
- package/lib/tree/index.js +1 -1
- package/package.json +1 -1
package/lib/table/index.d.ts
CHANGED
@@ -8,6 +8,7 @@ declare const BkTable: {
|
|
8
8
|
maxHeight: string | number;
|
9
9
|
minHeight: string | number;
|
10
10
|
border: string[];
|
11
|
+
columns: import("./props").Column[];
|
11
12
|
headHeight: number;
|
12
13
|
pagination: boolean | {
|
13
14
|
[key: string]: any;
|
@@ -23,7 +24,9 @@ declare const BkTable: {
|
|
23
24
|
data: import("vue-types").VueTypeDef<any[]> & {
|
24
25
|
default: () => any[];
|
25
26
|
};
|
26
|
-
columns: import("vue-types").VueTypeDef<import("./props").Column[]
|
27
|
+
columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
|
28
|
+
default: () => import("./props").Column[];
|
29
|
+
};
|
27
30
|
activeColumn: import("vue-types").VueTypeDef<number | number[]>;
|
28
31
|
columnPick: import("vue-types").VueTypeDef<string> & {
|
29
32
|
default: string;
|
@@ -88,7 +91,7 @@ declare const BkTable: {
|
|
88
91
|
onPageLimitChange?: (...args: any[]) => any;
|
89
92
|
onPageValueChange?: (...args: any[]) => any;
|
90
93
|
onSettingChange?: (...args: any[]) => any;
|
91
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "maxHeight" | "minHeight" | "border" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings">;
|
94
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "maxHeight" | "minHeight" | "border" | "columns" | "headHeight" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings">;
|
92
95
|
$attrs: {
|
93
96
|
[x: string]: unknown;
|
94
97
|
};
|
@@ -106,7 +109,9 @@ declare const BkTable: {
|
|
106
109
|
data: import("vue-types").VueTypeDef<any[]> & {
|
107
110
|
default: () => any[];
|
108
111
|
};
|
109
|
-
columns: import("vue-types").VueTypeDef<import("./props").Column[]
|
112
|
+
columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
|
113
|
+
default: () => import("./props").Column[];
|
114
|
+
};
|
110
115
|
activeColumn: import("vue-types").VueTypeDef<number | number[]>;
|
111
116
|
columnPick: import("vue-types").VueTypeDef<string> & {
|
112
117
|
default: string;
|
@@ -186,6 +191,7 @@ declare const BkTable: {
|
|
186
191
|
maxHeight: string | number;
|
187
192
|
minHeight: string | number;
|
188
193
|
border: string[];
|
194
|
+
columns: import("./props").Column[];
|
189
195
|
headHeight: number;
|
190
196
|
pagination: boolean | {
|
191
197
|
[key: string]: any;
|
@@ -221,7 +227,9 @@ declare const BkTable: {
|
|
221
227
|
data: import("vue-types").VueTypeDef<any[]> & {
|
222
228
|
default: () => any[];
|
223
229
|
};
|
224
|
-
columns: import("vue-types").VueTypeDef<import("./props").Column[]
|
230
|
+
columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
|
231
|
+
default: () => import("./props").Column[];
|
232
|
+
};
|
225
233
|
activeColumn: import("vue-types").VueTypeDef<number | number[]>;
|
226
234
|
columnPick: import("vue-types").VueTypeDef<string> & {
|
227
235
|
default: string;
|
@@ -294,7 +302,9 @@ declare const BkTable: {
|
|
294
302
|
data: import("vue-types").VueTypeDef<any[]> & {
|
295
303
|
default: () => any[];
|
296
304
|
};
|
297
|
-
columns: import("vue-types").VueTypeDef<import("./props").Column[]
|
305
|
+
columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
|
306
|
+
default: () => import("./props").Column[];
|
307
|
+
};
|
298
308
|
activeColumn: import("vue-types").VueTypeDef<number | number[]>;
|
299
309
|
columnPick: import("vue-types").VueTypeDef<string> & {
|
300
310
|
default: string;
|
@@ -374,6 +384,7 @@ declare const BkTable: {
|
|
374
384
|
maxHeight: string | number;
|
375
385
|
minHeight: string | number;
|
376
386
|
border: string[];
|
387
|
+
columns: import("./props").Column[];
|
377
388
|
headHeight: number;
|
378
389
|
pagination: boolean | {
|
379
390
|
[key: string]: any;
|
package/lib/table/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{f.r(h),f.d(h,{default:()=>te});var e,t=f(4212),n=f(748),o=f(3511),r=f.n(o);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a,l,c=["none","row","col","outer"];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(a||(a={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange"}(l||(l={}));var s=function(){return!0},u=(i(e={},l.COLUMN_PICK,s),i(e,l.COLUMN_FILTER,s),i(e,l.COLUMN_SORT,s),i(e,l.ROW_CLICK,s),i(e,l.ROW_DBL_CLICK,s),i(e,l.PAGE_LIMIT_CHANGE,s),i(e,l.PAGE_VALUE_CHANGE,s),i(e,l.SETTING_CHANGE,s),e);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function p(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var v=f(467),g=void 0,y=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[g].concat(p(n))):e[t]},m=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},C=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},T=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(C(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var c=Number(o.replace("px",""));l(e,c),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}l(e,s),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},P=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},x=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},N=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:m(e.activeColumn):Array.isArray(e.activeColumn)?m(e.activeColumn[0]):m(e.activeColumn):[]};const O=function(e,o){var r=(0,n.computed)((function(){return e.pagination&&e.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)}},c=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(o){var r,i=a(o),l=t[i];return t[i]=!0,l?"":(0,n.createVNode)("div",{class:(r=o,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,t.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:c(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=a(e),o="right"===n?-1:1,r="".concat(t[n],"px");return t[n]=t[n]+C(e)*o,i({},n,r)}}}}};function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}var V=function(e,t){if(e){if("object"===k(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const S=function(e){var t=(0,n.ref)(0),o=(0,n.ref)(0),r=(0,n.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),i=(0,n.reactive)({count:0,limit:10,current:1});i=V(e.pagination,i);var a=(0,n.ref)(null),l=(0,n.reactive)([]),c=function(n,i){l.splice.apply(l,[0,l.length].concat(p(r.value.slice(t.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(p(n)))}}(n),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(n,r){i=V(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return t.value=0,void(o.value=e.data.length);t.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),c(n,r)}}};var _;!function(e){e.CURRENT="current",e.ALL="all"}(_||(_={}));var w={data:t.PropTypes.arrayOf(t.PropTypes.any).def([]),columns:t.PropTypes.arrayOf(t.PropTypes.shape({label:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),field:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),render:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),width:t.PropTypes.oneOfType([t.PropTypes.number.def(void 0),t.PropTypes.string.def("auto")]),type:t.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:t.PropTypes.bool.def(!0),fixed:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:t.PropTypes.oneOfType([t.PropTypes.shape({sortFn:t.PropTypes.func.def(void 0),sortScope:t.PropTypes.commonType(Object.values(_)).def(_.CURRENT)}),t.PropTypes.bool,t.PropTypes.string]).def(!1),filter:t.PropTypes.oneOfType([t.PropTypes.shape({list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),filterFn:t.PropTypes.func.def(void 0)}),t.PropTypes.bool,t.PropTypes.string]).def(!1)})),activeColumn:t.PropTypes.oneOfType([t.PropTypes.number.def(-1),t.PropTypes.arrayOf(t.PropTypes.number.def(-1))]),columnPick:t.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),minHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def(200),maxHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),rowHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.func]).def(40),headHeight:t.PropTypes.number.def(40),showHead:t.PropTypes.bool.def(!0),thead:t.PropTypes.shape({height:t.PropTypes.number.def(40),isShow:t.PropTypes.bool.def(!0),cellFn:t.PropTypes.func.def(void 0)}),virtualEnabled:t.PropTypes.bool.def(!1),border:t.PropTypes.arrayOf(t.PropTypes.commonType(c,"border")).def(["row"]),pagination:t.PropTypes.oneOfType([t.PropTypes.bool.def(!1),t.PropTypes.object.def({})]).def(!1),remotePagination:t.PropTypes.bool.def(!1),emptyText:t.PropTypes.string.def("暂无数据"),settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.size(["small","default","large"]).def("default"),sizeList:t.PropTypes.shape([]).def(void 0)})]).def(!1)};function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function H(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function j(e,t,n){return t&&H(e.prototype,t),n&&H(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var A=f(5801),L=f.n(A),R=f(9911),F=f.n(R);const I=(0,n.defineComponent)({name:"BodyEmpty",props:{list:t.PropTypes.array.def([]),filterList:t.PropTypes.array.def([]),emptyText:t.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var o=t.slots,r=(0,n.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,n.createVNode)(F(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(t=o.default)||void 0===t?void 0:t.call(o))&&void 0!==i?i:e.emptyText]}})}}});var M=f(5800),z=f.n(M),G=f(6870),U=f(5537),q=f.n(U);const B=(0,n.defineComponent)({name:"HeadFilter",props:{column:t.PropTypes.any.def({}),height:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r=o.emit,a=e.column,l=(0,n.ref)(!1),c=(0,n.reactive)({isOpen:!1,checked:[]}),s=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-head-action"),!0),i(n,"column-filter",!0),i(n,"--row-height","".concat(e.height,"px")),i(n,"active",c.checked.length),i(n,"opened",c.isOpen),n))})),u=(0,t.classes)(i({},(0,t.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,t.resolveClassName)("table-head-filter")),v=(0,n.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(t,n,o,r){return a.filter.filterFn(t,n,e.column,o,r)}:function(e,t){return!e.length||e.includes(x(t,y(a,"field",[a,t]),a))},m=function(){if("custom"===e.column.filter)return r("change",p(c.checked),null),void(l.value=!1);r("change",p(c.checked),g),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,n.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:h},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,n.createVNode)(G.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,n.createVNode)("div",{class:u},[(0,n.createVNode)(M.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(t=e=v.value.map((function(e){return(0,n.createVNode)("div",{class:"list-item"},[(0,n.createVNode)(z(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,n.isVNode)(t)?e:{default:function(){return[e]}})),(0,n.createVNode)("div",{class:"content-footer"},[(0,n.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,n.createTextVNode)("确定")]),(0,n.createVNode)("span",{class:"btn-filter-split"},null),(0,n.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,n.createTextVNode)("重置")])])])}})}}});var D,W=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(D||(D={}));const K=(0,n.defineComponent)({name:"HeadSort",props:{column:t.PropTypes.any.def({})},emits:["change"],setup:function(e,o){var r=o.emit,i=(0,n.ref)(""),a=function(t,n){var o,a;if(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),i.value=n,"custom"!==e.column.sort){var l=e.column.field,c=function(t){return x(t,l,e.column)},s="function"==typeof(null===(o=e.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=e.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,t){return s(e,t)*(n===D.DESC?-1:1)}),n)}else r("change",null,n)};return function(){return(0,n.createVNode)("span",{class:(0,t.resolveClassName)("head-cell-sort")},[(0,n.createVNode)(W.AngleDownFill,{class:["sort-action","sort-asc",i.value===D.ASC?"active":""],onClick:function(e){return a(e,D.ASC)}},null),(0,n.createVNode)(W.AngleUpFill,{class:["sort-action","sort-desc",i.value===D.DESC?"active":""],onClick:function(e){return a(e,D.DESC)}},null)])}}});var X=j((function e(t,n){E(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),$=f(4976),Y=f.n($);function J(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,n.isVNode)(e)}const Q=(0,n.defineComponent)({name:"Settings",props:{settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.string.def(void 0)})]).def(!1),columns:t.PropTypes.array.def([]),rowHeight:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:e.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],u=(0,n.ref)(!1),d=e.settings,p=(0,n.ref)(null!==(r=d.size)&&void 0!==r?r:"default"),f=(0,n.ref)(e.rowHeight),h=(0,n.ref)(null!==(i=d.checked)&&void 0!==i?i:[]),v=(0,t.resolveClassName)("table-settings"),g="light ".concat(v),m=function(){l("change",{checked:h.value,size:p.value,height:f.value}),u.value=!1},b=function(){var t;p.value="default",f.value=e.rowHeight,h.value=null!==(t=d.checked)&&void 0!==t?t:[],u.value=!1},C=function(){u.value=!0},T=function(){var t,n;h.value=(null!==(n=null!==(t=d.fields)&&void 0!==t?t:e.columns)&&void 0!==n?n:[]).map((function(e,t){return y(e,"field",[e,t])}))},P=(0,n.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:c,N=(0,n.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=h.value.length})),O=function(e,t){return N.value&&!h.value.includes(y(e,"field",[e,t]))},k=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:g},{boundary:document.body}),{default:function(){return(0,n.createVNode)(W.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:C},null)},content:function(){var t,o,r;return(0,n.createVNode)("div",{class:"setting-content"},[(0,n.createVNode)("div",{class:"setting-head"},[(0,n.createVNode)("h2",null,[(0,n.createTextVNode)("表格设置")]),(0,n.createVNode)(W.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,n.createVNode)("div",{class:"setting-body"},[(0,n.createVNode)("div",{class:"setting-body-title"},[(0,n.createVNode)("div",null,[(0,n.createVNode)("span",null,[(0,n.createTextVNode)("字段显示设置")]),P.value?(0,n.createVNode)("span",{class:"limit"},[(0,n.createTextVNode)("(最多"),d.limit,(0,n.createTextVNode)("项)")]):""]),P.value?"":(0,n.createVNode)("span",{class:"check-all",onClick:T},[(0,n.createTextVNode)("全选")])]),(0,n.createVNode)(M.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},J(t=(null!==(r=null!==(o=d.fields)&&void 0!==o?o:e.columns)&&void 0!==r?r:[]).map((function(e,t){var o;return(0,n.createVNode)("div",{class:"field-item"},[(0,n.createVNode)(z(),{label:y(e,"field",[e,t]),disabled:O(e,t)},J(o=y(e,"label",[e,t]))?o:{default:function(){return[o]}})])})))?t:{default:function(){return[t]}}),(0,n.createVNode)("div",{class:"setting-body-line-height"},[(0,n.createTextVNode)("表格行高:"),x.map((function(e){return(0,n.createVNode)("span",{class:k(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,n.createVNode)("div",{class:"setting-footer"},[(0,n.createVNode)(Y(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,n.createTextVNode)("确定")]}}),(0,n.createVNode)(Y(),{style:V,onClick:b},{default:function(){return[(0,n.createTextVNode)("取消")]}})])])}})}}});var Z=function(){function e(n,o,r,a){var l=this;E(this,e),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?y(l.setting,"height",["tbody",e,t,o]):y(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return i(n={},"".concat(l.uuid,"-column-").concat(t),!0),i(n,"column_fixed",!!e.fixed),i(n,"column_fixed_left",!!e.fixed),i(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=n,this.context=o,this.reactiveProp=r,this.colgroups=a,this.plugins=new X(n,o),this.uuid=(0,t.random)(8),this.events=new Map}return j(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=P(this.props).isShow;return void 0===t||t?[this.props.settings?(0,n.createVNode)(Q,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(y(e,"field",[e]))})),e.emitEvent(a.ON_SETTING_CHANGE,[t])}},null):"",(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,n.createVNode)(L(),(0,n.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var o=this;return(0,n.createVNode)(K,{column:e,onChange:function(n,r){o.emitEvent(a.ON_SORT_BY_CLICK,[{sortFn:n,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var o=this;return(0,n.createVNode)(B,{column:e,height:this.props.headHeight,onChange:function(n,r){o.emitEvent(a.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(n,e,t)},checked:n,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,t=P(this.props),o=t.cellFn,r={"--row-height":"".concat(y(t,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(y(t,"label",[t,n])),r)},l=(0,O(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("thead",{style:r},[(0,n.createVNode)("tr",null,[this.filterColgroups.map((function(t,o){return(0,n.createVNode)("th",(0,n.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(t,o),style:c(t,s),onClick:function(){return e.handleColumnHeadClick(o)}},(r=t,Array.from(r.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,i({},o,(function(t){r.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,n.createVNode)("div",{class:"cell"},[a(t,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t,o,r,i=this,a=O(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,n.createVNode)("tbody",null,[e.length?e.map((function(t,o){var r={"--row-height":"".concat(i.getRowHeight(t,o),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("tr",{style:r,onClick:function(n){return i.handleRowClick(n,t,o,e)},onDblclick:function(n){return i.handleRowDblClick(n,t,o,e)}},[i.filterColgroups.map((function(r,a){return(0,n.createVNode)("td",{class:i.getColumnClass(r,a),style:c(r,s),colspan:1,rowspan:1},[(0,n.createVNode)("div",{class:"cell"},[i.renderCell(t,r,o,e)])])}))])})):(0,n.createVNode)("tr",null,[(0,n.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(t=this.context.slots).empty)||void 0===o?void 0:o.call(t))&&void 0!==r?r:(0,n.createVNode)(I,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=x(e,y(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var e=this;return(0,n.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,t.classes)({active:e.isColActive(r)}),l="".concat((i=C(o),b(i,"auto"))).replace(/px$/i,"");return(0,n.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),e}();const ee=(0,n.defineComponent)({name:"Table",props:w,emits:u,setup:function(e,o){var s=(0,n.reactive)(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,d=null,f=null,h=(0,n.ref)(),g=(0,n.ref)(),m=function(e){var t,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,n.ref)(-1e3),h=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},g=(i(t={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",h),document.addEventListener("mousemove",v)}})),i(t,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):l=!1}})),i(t,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),t),y=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=y(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},b=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=y(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var C=(0,n.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:C}}(s,!0),C=m.dragOffsetXStyle,x=function(e){var t=(0,n.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var o=(0,n.reactive)(N(e));return(0,n.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var n=N(e);t.forEach((function(e,t){Object.assign(e,{active:n.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,k=(0,n.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:x,setting:{size:null,height:null}}),V=S(e),_=V.pageData,w=V.localPagination,E=V.resolvePageData,H=V.watchEffectFn,j=function(e,o,r){var a=(0,n.ref)(200),l=(0,n.ref)(!1),s=(0,n.computed)((function(){return e.pagination&&e.data.length})),u=(0,n.computed)((function(){var n,o,a;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table"),!0),i(n,"has-footer",s.value),i(n,"has-scroll-y",l.value||e.virtualEnabled),i(n,"is-scroll-bottom",r.pos.bottom<2),n),(a=["row"],"string"==typeof(o=e.border)&&a.push(o),Array.isArray(o)&&a.push.apply(a,p(o.filter((function(e){return c.includes(e)})))),p(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),d=(0,t.classes)(i({},(0,t.resolveClassName)("table-head"),!0)),f=P(e),h=(0,n.computed)((function(){return{"--row-height":"".concat(y(f,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),v=(0,t.classes)(i({},(0,t.resolveClassName)("table-body"),!0)),g=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-footer"),!0),i(n,"is-hidden",!e.pagination||!e.data.length),n))})),m=(0,n.computed)((function(){return{minHeight:b(e.minHeight,"auto")}})),C=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},T=(0,n.reactive)({});(0,n.onMounted)((function(){x(null==o?void 0:o.value)}));var x=function(t){if(t){var n=t.parentElement.getBoundingClientRect().height;a.value=n,function(){var t=C(e.height,a.value),n=e.showHead?C(e.headHeight,40)+2:0,o=C(e.maxHeight,a.value),r=C(e.minHeight,a.value),i=e.pagination&&e.data.length?40:0,l=t-n-i,c="auto"!==e.height&&"".concat(l,"px"),s=o-n-i,u=r-n-i;Object.assign(T,{display:"block","max-height":"".concat(s,"px"),"min-height":"".concat(u,"px"),height:c})}()}};return{tableClass:u,headClass:d,contentClass:v,footerClass:g,wrapperStyle:m,contentStyle:T,headStyle:h,resetTableHeight:x,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");l.value=t.offsetHeight>e.offsetHeight}},hasFooter:s}}(e,h,k),A=j.tableClass,L=j.headClass,R=j.contentClass,F=j.footerClass,I=j.wrapperStyle,M=j.contentStyle,z=j.headStyle,G=j.updateBorderClass,U=j.resetTableHeight,q=j.hasFooter,B=O(e,s),D=B.renderFixedColumns,W=B.fixedWrapperClass,K=new Z(e,o,k,s);(0,n.watch)((function(){return[e.data,e.pagination]}),(function(){H(d,u),(0,n.nextTick)((function(){U(h.value),G(h.value)}))}),{immediate:!0,deep:!0}),K.on(a.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,r=e.index,i=e.type;"function"==typeof t&&(u=t,_.sort(u)),o.emit(l.COLUMN_SORT,{column:n,index:r,type:i})})).on(a.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,r=e.column,i=e.index;"function"==typeof t&&E(d=t,u),o.emit(l.COLUMN_FILTER,{checked:n,column:r,index:i})})).on(a.ON_SETTING_CHANGE,(function(e){var t,n,r=e.checked,i=void 0===r?[]:r,a=e.size,c=e.height;i.length&&T(h.value,s,20),null===(n=null===(t=g.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),o.emit(l.SETTING_CHANGE,{checked:i,size:a,height:c})}));var X=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;k.scrollTranslateY=o,k.scrollTranslateX=n,k.pos=i};return(0,n.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,v.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(h.value,(function(){T(h.value,s,20)}),60,!0),f.start()})),(0,n.onBeforeUnmount)((function(){f.stop(),f=null,K.destroy()})),o.expose({plugins:K.plugins}),function(){return(0,n.createVNode)("div",{class:A.value,style:I.value,ref:h},[(0,n.createVNode)("div",{class:L,style:z.value},[K.renderTableHeadSchema()]),(0,n.createVNode)(r(),{ref:g,lineHeight:K.getRowHeight,class:R,style:M,list:_,onContentScroll:X,throttleDelay:0,scrollEvent:!0,enabled:e.virtualEnabled},{default:function(t){return K.renderTableBodySchema(t.data||e.data)}}),(0,n.createVNode)("div",{class:W},[D(),(0,n.createVNode)("div",{class:"bk-drag-column offset-x",style:C.value},null)]),(0,n.createVNode)("div",{class:F.value},[q.value&&K.renderTableFooter(w.value)])])}}}),te=(0,t.withInstall)(ee)})(),h})()));
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return(()=>{f.r(v),f.d(v,{default:()=>te});var e=f(4212);function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var n,o,r,i=f(748),a=f(3511),l=f.n(a),c=["none","row","col","outer"];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(o||(o={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange"}(r||(r={}));var s=function(){return!0},u=(t(n={},r.COLUMN_PICK,s),t(n,r.COLUMN_FILTER,s),t(n,r.COLUMN_SORT,s),t(n,r.ROW_CLICK,s),t(n,r.ROW_DBL_CLICK,s),t(n,r.PAGE_LIMIT_CHANGE,s),t(n,r.PAGE_VALUE_CHANGE,s),t(n,r.SETTING_CHANGE,s),n);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function p(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=f(467),g=void 0,y=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[g].concat(p(n))):e[t]},m=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},C=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},T=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var i=t;return/^\d+\.?\d*$/.test("".concat(o))&&(i=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(i=Number(o)*r/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(i=Number("".concat(o).replace(/px/i,""))),i},c=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=l(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(i-=r)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(C(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var l=Number(o.replace("px",""));c(e,l),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}c(e,s),r=!1}r&&a.push(t)}})),a.length>0){var s=n;i>0&&(s=i/a.length,a.forEach((function(e){return c(t[e],s,!1)})))}},P=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},x=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},N=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:m(e.activeColumn):Array.isArray(e.activeColumn)?m(e.activeColumn[0]):m(e.activeColumn):[]};const O=function(n,o){var r=(0,i.computed)((function(){return n.pagination&&n.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)}},c=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(n){var o,r=a(n),l=t[r];return t[r]=!0,l?"":(0,i.createVNode)("div",{class:(o=n,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(r)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:c(!0)},resolveFixedColumnStyle:function(e,n){if(!e.fixed)return{};var o=a(e),r="right"===o?-1:1,i="".concat(n[o],"px");return n[o]=n[o]+C(e)*r,t({},o,i)}}}}};function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}var S=function(e,t){if(e){if("object"===k(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const V=function(e){var t=(0,i.ref)(0),n=(0,i.ref)(0),o=(0,i.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),r=(0,i.reactive)({count:0,limit:10,current:1});r=S(e.pagination,r);var a=(0,i.ref)(null),l=(0,i.reactive)([]),c=function(r,i){l.splice.apply(l,[0,l.length].concat(p(o.value.slice(t.value,n.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(p(n)))}}(r),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(o,i){r=S(e.pagination,r),e.pagination&&(a.value=e.remotePagination?r:Object.assign(Object.assign({},r),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return t.value=0,void(n.value=e.data.length);t.value=(r.current-1)*r.limit,n.value=r.current*r.limit}(),c(o,i)}}};var _;!function(e){e.CURRENT="current",e.ALL="all"}(_||(_={}));var w={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),minWidth:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]).def(),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:e.PropTypes.bool.def(!0),fixed:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(void 0),sortScope:e.PropTypes.commonType(Object.values(_)).def(_.CURRENT)}),e.PropTypes.bool,e.PropTypes.string]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(void 0)}),e.PropTypes.bool,e.PropTypes.string]).def(!1)})).def([]),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(200),maxHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(40),headHeight:e.PropTypes.number.def(40),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(40),isShow:e.PropTypes.bool.def(!0),cellFn:e.PropTypes.func.def(void 0)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(c,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),emptyText:e.PropTypes.string.def("暂无数据"),settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.size(["small","default","large"]).def("default"),sizeList:e.PropTypes.shape([]).def(void 0)})]).def(!1)};function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function H(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function j(e,t,n){return t&&H(e.prototype,t),n&&H(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var A=f(5801),L=f.n(A),R=f(9911),F=f.n(R);const I=(0,i.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var n=t.slots,o=(0,i.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,r;return(0,i.createVNode)(F(),{scene:"part",type:o.value},{default:function(){return[null!==(r=null===(t=n.default)||void 0===t?void 0:t.call(n))&&void 0!==r?r:e.emptyText]}})}}});var M=f(5800),z=f.n(M),G=f(6870),U=f(5537),q=f.n(U);const B=(0,i.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r=o.emit,a=n.column,l=(0,i.ref)(!1),c=(0,i.reactive)({isOpen:!1,checked:[]}),s=(0,i.computed)((function(){var o;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table-head-action"),!0),t(o,"column-filter",!0),t(o,"--row-height","".concat(n.height,"px")),t(o,"active",c.checked.length),t(o,"opened",c.isOpen),o))})),u=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],v="light ".concat((0,e.resolveClassName)("table-head-filter")),h=(0,i.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(e,t,o,r){return a.filter.filterFn(e,t,n.column,o,r)}:function(e,t){return!e.length||e.includes(x(t,y(a,"field",[a,t]),a))},m=function(){if("custom"===n.column.filter)return r("change",p(c.checked),null),void(l.value=!1);r("change",p(c.checked),g),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,i.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,i.createVNode)(q(),(0,i.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:v},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,i.createVNode)(G.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,i.createVNode)("div",{class:u},[(0,i.createVNode)(M.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(t=e=h.value.map((function(e){return(0,i.createVNode)("div",{class:"list-item"},[(0,i.createVNode)(z(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,i.isVNode)(t)?e:{default:function(){return[e]}})),(0,i.createVNode)("div",{class:"content-footer"},[(0,i.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,i.createTextVNode)("确定")]),(0,i.createVNode)("span",{class:"btn-filter-split"},null),(0,i.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,i.createTextVNode)("重置")])])])}})}}});var D,W=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(D||(D={}));const $=(0,i.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var o=n.emit,r=(0,i.ref)(""),a=function(e,n){var i,a;if(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),r.value=n,"custom"!==t.column.sort){var l=t.column.field,c=function(e){return x(e,l,t.column)},s="function"==typeof(null===(i=t.column.sort)||void 0===i?void 0:i.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};o("change",(function(e,t){return s(e,t)*(n===D.DESC?-1:1)}),n)}else o("change",null,n)};return function(){return(0,i.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,i.createVNode)(W.AngleDownFill,{class:["sort-action","sort-asc",r.value===D.ASC?"active":""],onClick:function(e){return a(e,D.ASC)}},null),(0,i.createVNode)(W.AngleUpFill,{class:["sort-action","sort-desc",r.value===D.DESC?"active":""],onClick:function(e){return a(e,D.DESC)}},null)])}}});var K=j((function e(t,n){E(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),X=f(4976),Y=f.n(X);function J(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,i.isVNode)(e)}const Q=(0,i.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.string.def(void 0)})]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(40)},emits:["change"],setup:function(t,n){var o,r,a,l=n.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:t.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],u=(0,i.ref)(!1),d=t.settings,p=(0,i.ref)(null!==(o=d.size)&&void 0!==o?o:"default"),f=(0,i.ref)(t.rowHeight),v=(0,i.ref)(null!==(r=d.checked)&&void 0!==r?r:[]),h=(0,e.resolveClassName)("table-settings"),g="light ".concat(h),m=function(){l("change",{checked:v.value,size:p.value,height:f.value}),u.value=!1},b=function(){var e;p.value="default",f.value=t.rowHeight,v.value=null!==(e=d.checked)&&void 0!==e?e:[],u.value=!1},C=function(){u.value=!0},T=function(){var e,n;v.value=(null!==(n=null!==(e=d.fields)&&void 0!==e?e:t.columns)&&void 0!==n?n:[]).map((function(e,t){return y(e,"field",[e,t])}))},P=(0,i.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:c,N=(0,i.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=v.value.length})),O=function(e,t){return N.value&&!v.value.includes(y(e,"field",[e,t]))},k=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},S={width:"85px",marginRight:"5px"};return function(){return(0,i.createVNode)(q(),(0,i.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:g},{boundary:document.body}),{default:function(){return(0,i.createVNode)(W.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:C},null)},content:function(){var e,n,o;return(0,i.createVNode)("div",{class:"setting-content"},[(0,i.createVNode)("div",{class:"setting-head"},[(0,i.createVNode)("h2",null,[(0,i.createTextVNode)("表格设置")]),(0,i.createVNode)(W.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,i.createVNode)("div",{class:"setting-body"},[(0,i.createVNode)("div",{class:"setting-body-title"},[(0,i.createVNode)("div",null,[(0,i.createVNode)("span",null,[(0,i.createTextVNode)("字段显示设置")]),P.value?(0,i.createVNode)("span",{class:"limit"},[(0,i.createTextVNode)("(最多"),d.limit,(0,i.createTextVNode)("项)")]):""]),P.value?"":(0,i.createVNode)("span",{class:"check-all",onClick:T},[(0,i.createTextVNode)("全选")])]),(0,i.createVNode)(M.BkCheckboxGroup,{class:"setting-body-fields",modelValue:v.value,"onUpdate:modelValue":function(e){return v.value=e}},J(e=(null!==(o=null!==(n=d.fields)&&void 0!==n?n:t.columns)&&void 0!==o?o:[]).map((function(e,t){var n;return(0,i.createVNode)("div",{class:"field-item"},[(0,i.createVNode)(z(),{label:y(e,"field",[e,t]),disabled:O(e,t)},J(n=y(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),(0,i.createVNode)("div",{class:"setting-body-line-height"},[(0,i.createTextVNode)("表格行高:"),x.map((function(e){return(0,i.createVNode)("span",{class:k(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,i.createVNode)("div",{class:"setting-footer"},[(0,i.createVNode)(Y(),{theme:"primary",style:S,onClick:m},{default:function(){return[(0,i.createTextVNode)("确定")]}}),(0,i.createVNode)(Y(),{style:S,onClick:b},{default:function(){return[(0,i.createTextVNode)("取消")]}})])])}})}}});var Z=function(){function n(o,r,i,a){var l=this;E(this,n),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?y(l.setting,"height",["tbody",e,t,o]):y(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,n){var o;return t(o={},"".concat(l.uuid,"-column-").concat(n),!0),t(o,"column_fixed",!!e.fixed),t(o,"column_fixed_left",!!e.fixed),t(o,"column_fixed_right","right"===e.fixed),o},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=o,this.context=r,this.reactiveProp=i,this.colgroups=a,this.plugins=new K(o,r),this.uuid=(0,e.random)(8),this.events=new Map}return j(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=P(this.props).isShow;return void 0===t||t?[this.props.settings?(0,i.createVNode)(Q,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,r=void 0===n?[]:n,i=t.size,a=t.height;e.reactiveProp.setting.size=i,e.reactiveProp.setting.height=a,r.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=r?r:[]).includes(y(e,"field",[e]))})),e.emitEvent(o.ON_SETTING_CHANGE,[t])}},null):"",(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,o;return e.length?(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)]):null!==(o=null===(n=(t=this.context.slots).empty)||void 0===n?void 0:n.call(t))&&void 0!==o?o:(0,i.createVNode)(I,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,i.createVNode)(L(),(0,i.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var n=this;return(0,i.createVNode)($,{column:e,onChange:function(r,i){n.emitEvent(o.ON_SORT_BY_CLICK,[{sortFn:r,column:e,index:t,type:i}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,i.createVNode)(B,{column:e,height:this.props.headHeight,onChange:function(r,i){n.emitEvent(o.ON_FILTER_CLICK,[{filterFn:function(e,t){return i(r,e,t)},checked:r,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=P(this.props),o=n.cellFn,r={"--row-height":"".concat(y(n,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(y(t,"label",[t,n])),r)},l=(0,O(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,i.createVNode)("thead",{style:r},[(0,i.createVNode)("tr",null,[this.filterColgroups.map((function(n,o){return(0,i.createVNode)("th",(0,i.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:c(n,s),onClick:function(){return e.handleColumnHeadClick(o)}},(r=n,Array.from(r.listeners.keys()).reduce((function(n,o){var i=o.split("_").slice(-1)[0];return Object.assign(n,t({},i,(function(t){r.listeners.get(o).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,i.createVNode)("div",{class:"cell"},[a(n,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t=this,n=O(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,i.createVNode)("tbody",null,[e.map((function(o,r){var a={"--row-height":"".concat(t.getRowHeight(o,r),"px")},l=n(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,i.createVNode)("tr",{style:a,onClick:function(n){return t.handleRowClick(n,o,r,e)},onDblclick:function(n){return t.handleRowDblClick(n,o,r,e)}},[t.filterColgroups.map((function(n,a){return(0,i.createVNode)("td",{class:t.getColumnClass(n,a),style:c(n,s),colspan:1,rowspan:1},[(0,i.createVNode)("div",{class:"cell"},[t.renderCell(o,n,r,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=x(e,y(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var t=this;return(0,i.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(n,o){var r,a=(0,e.classes)({active:t.isColActive(o)}),l="".concat((r=C(n),b(r,"auto"))).replace(/px$/i,"");return(0,i.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),n}();const ee=(0,i.defineComponent)({name:"Table",props:w,emits:u,setup:function(n,a){var s,u,d=(0,i.reactive)((null!==(u=n.columns)&&void 0!==u?u:[]).map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),f=null,v=null,g=null,m=(0,i.ref)(),C=(0,i.ref)(),x=function(e){var n,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,i.ref)(-1e3),v=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",h),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},h=function(e){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},g=(t(n={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",v),document.addEventListener("mousemove",h)}})),t(n,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):l=!1}})),t(n,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),n),y=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=y(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},b=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=y(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var C=(0,i.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:C}}(d,!0),k=x.dragOffsetXStyle,S=function(e){var t=(0,i.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var n=(0,i.reactive)(N(e));return(0,i.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}));var o=N(e);t.forEach((function(e,t){Object.assign(e,{active:o.some((function(e){return e===t}))})}))})),{activeColumns:t}}(n).activeColumns,_=(0,i.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:S,setting:{size:null,height:null}}),w=V(n),E=w.pageData,H=w.localPagination,j=w.resolvePageData,A=w.watchEffectFn,L=function(n,o,r,a){var l=(0,i.ref)(200),s=(0,i.ref)(!1),u=(0,i.computed)((function(){return n.pagination&&n.data.length})),d=(0,i.computed)((function(){var o,i,a;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table"),!0),t(o,"has-footer",u.value),t(o,"has-scroll-y",s.value||n.virtualEnabled),t(o,"is-scroll-bottom",r.pos.bottom<2),o),(a=["row"],"string"==typeof(i=n.border)&&a.push(i),Array.isArray(i)&&a.push.apply(a,p(i.filter((function(e){return c.includes(e)})))),p(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),f=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),v=P(n),h=(0,i.computed)((function(){return{"--row-height":"".concat(y(v,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),g=t({},(0,e.resolveClassName)("table-body"),!0),m=(0,i.computed)((function(){var o;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table-footer"),!0),t(o,"is-hidden",!n.pagination||!n.data.length),o))})),C=(0,i.computed)((function(){return{minHeight:b(n.minHeight,"auto")}})),T=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},x=(0,i.reactive)({});(0,i.onMounted)((function(){N(null==o?void 0:o.value)}));var N=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;l.value=t,function(){var e=T(n.height,l.value),t=n.showHead?T(n.headHeight,40)+2:0,o=T(n.maxHeight,l.value),r=T(n.minHeight,l.value),i=n.pagination&&n.data.length?40:0,c=e-t-i,s="auto"!==n.height&&"".concat(c,"px"),u=o-t-i,d=r-t-i;Object.assign(x,{display:!!(null==a?void 0:a.length)&&"block","max-height":"".concat(u,"px"),"min-height":"".concat(d,"px"),height:s})}()}};return{tableClass:d,headClass:f,contentClass:g,footerClass:m,wrapperStyle:C,contentStyle:x,headStyle:h,resetTableHeight:N,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");s.value=t.offsetHeight>e.offsetHeight}},hasFooter:u}}(n,m,_,E),R=L.tableClass,F=L.headClass,I=L.contentClass,M=L.footerClass,z=L.wrapperStyle,G=L.contentStyle,U=L.headStyle,q=L.updateBorderClass,B=L.resetTableHeight,D=L.hasFooter,W=O(n,d),$=W.renderFixedColumns,K=W.fixedWrapperClass,X=new Z(n,a,_,d);(0,i.watch)((function(){return[n.data,n.pagination]}),(function(){A(v,f),(0,i.nextTick)((function(){B(m.value),q(m.value)}))}),{immediate:!0,deep:!0}),X.on(o.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,o=e.index,i=e.type;"function"==typeof t&&(f=t,E.sort(f)),a.emit(r.COLUMN_SORT,{column:n,index:o,type:i})})).on(o.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,o=e.column,i=e.index;"function"==typeof t&&j(v=t,f),a.emit(r.COLUMN_FILTER,{checked:n,column:o,index:i})})).on(o.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked,i=void 0===o?[]:o,l=e.size,c=e.height;i.length&&T(m.value,d,20),null===(n=null===(t=C.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),a.emit(r.SETTING_CHANGE,{checked:i,size:l,height:c})}));var Y=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;_.scrollTranslateY=o,_.scrollTranslateX=n,_.pos=i};(0,i.onMounted)((function(){g=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,h.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(m.value,(function(){T(m.value,d,20),"100%"===n.height&&B(m.value)}),60,!0),g.start()})),(0,i.onBeforeUnmount)((function(){g.stop(),g=null,X.destroy()})),a.expose({plugins:X.plugins});var J=Object.assign(Object.assign({},I),{"__is-empty":!E.length}),Q=(t(s={},(0,e.resolveClassName)("table-body-content"),!0),t(s,"with-virtual-render",n.virtualEnabled),s);return function(){return(0,i.createVNode)("div",{class:R.value,style:z.value,ref:m},[(0,i.createVNode)("div",{class:F,style:U.value},[X.renderTableHeadSchema()]),(0,i.createVNode)(l(),{ref:C,lineHeight:X.getRowHeight,class:J,style:G,list:E,contentClassName:Q,onContentScroll:Y,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return X.renderTableBodySchema(e.data||n.data)}}),(0,i.createVNode)("div",{class:K},[$(),(0,i.createVNode)("div",{class:"bk-drag-column offset-x",style:k.value},null)]),(0,i.createVNode)("div",{class:M.value},[D.value&&X.renderTableFooter(H.value)])])}}}),te=(0,e.withInstall)(ee)})(),v})()));
|
package/lib/table/props.d.ts
CHANGED
@@ -17,7 +17,9 @@ export declare const tableProps: {
|
|
17
17
|
/**
|
18
18
|
* Table 列渲染
|
19
19
|
*/
|
20
|
-
columns: import("vue-types").VueTypeDef<Column[]
|
20
|
+
columns: import("vue-types").VueTypeDef<Column[]> & {
|
21
|
+
default: () => Column[];
|
22
|
+
};
|
21
23
|
/**
|
22
24
|
* 当前选中列
|
23
25
|
* 当设置选中多列时(columnPick = multi),配置为数组[index1, index2, index3],只能选中单列时,可以为数值或者数组[index]
|
@@ -155,6 +157,7 @@ export declare type Column = {
|
|
155
157
|
field?: Function | string;
|
156
158
|
render?: Function | string;
|
157
159
|
width?: number | string;
|
160
|
+
minWidth?: number | string;
|
158
161
|
type?: string;
|
159
162
|
fixed?: string | boolean;
|
160
163
|
resizable?: boolean;
|
package/lib/table/render.d.ts
CHANGED
@@ -21,7 +21,7 @@ export default class TableRender {
|
|
21
21
|
* @param activeColumns 当前选中的列
|
22
22
|
* @returns
|
23
23
|
*/
|
24
|
-
renderTableBodySchema(rows: any[]):
|
24
|
+
renderTableBodySchema(rows: any[]): any;
|
25
25
|
renderTableFooter(options: any): JSX.Element;
|
26
26
|
getRowHeight: (row?: any, rowIndex?: number) => any;
|
27
27
|
/**
|
package/lib/table/table.css
CHANGED
@@ -221,6 +221,18 @@
|
|
221
221
|
.bk-table .bk-table-body {
|
222
222
|
background: white;
|
223
223
|
}
|
224
|
+
.bk-table .bk-table-head.__is-empty,
|
225
|
+
.bk-table .bk-table-body.__is-empty {
|
226
|
+
display: flex;
|
227
|
+
height: 100%;
|
228
|
+
justify-content: center;
|
229
|
+
align-items: center;
|
230
|
+
}
|
231
|
+
.bk-table .bk-table-head.__is-empty .bk-table-body-content,
|
232
|
+
.bk-table .bk-table-body.__is-empty .bk-table-body-content {
|
233
|
+
display: flex;
|
234
|
+
height: 100%;
|
235
|
+
}
|
224
236
|
.bk-table .bk-table-head table,
|
225
237
|
.bk-table .bk-table-body table {
|
226
238
|
width: 100%;
|
@@ -232,15 +244,14 @@
|
|
232
244
|
.bk-table .bk-table-head table td,
|
233
245
|
.bk-table .bk-table-body table td {
|
234
246
|
min-width: 80px;
|
235
|
-
padding: 0 15px;
|
236
247
|
clear: both;
|
237
248
|
}
|
238
249
|
.bk-table .bk-table-head table th .cell,
|
239
250
|
.bk-table .bk-table-body table th .cell,
|
240
251
|
.bk-table .bk-table-head table td .cell,
|
241
252
|
.bk-table .bk-table-body table td .cell {
|
242
|
-
|
243
|
-
|
253
|
+
height: var(--row-height);
|
254
|
+
padding: 0 15px;
|
244
255
|
overflow: hidden;
|
245
256
|
line-height: var(--row-height);
|
246
257
|
color: #575961;
|
@@ -273,6 +284,11 @@
|
|
273
284
|
color: #313238;
|
274
285
|
background-color: #fafbfd;
|
275
286
|
}
|
287
|
+
.bk-table .bk-table-head table thead th .cell,
|
288
|
+
.bk-table .bk-table-body table thead th .cell {
|
289
|
+
display: flex;
|
290
|
+
align-items: center;
|
291
|
+
}
|
276
292
|
.bk-table .bk-table-head table thead th.active,
|
277
293
|
.bk-table .bk-table-body table thead th.active,
|
278
294
|
.bk-table .bk-table-head table thead th:hover,
|
@@ -327,14 +343,14 @@
|
|
327
343
|
.bk-table .bk-table-footer.is-hidden {
|
328
344
|
display: none;
|
329
345
|
}
|
330
|
-
.bk-table.bordered-row td,
|
331
|
-
.bk-table.bordered-row th {
|
346
|
+
.bk-table.bordered-row td .cell,
|
347
|
+
.bk-table.bordered-row th .cell {
|
332
348
|
border-bottom: 1px solid #dcdee5;
|
333
349
|
}
|
334
350
|
.bk-table.bordered-row.has-footer {
|
335
351
|
border-bottom: none;
|
336
352
|
}
|
337
|
-
.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td {
|
353
|
+
.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td .cell {
|
338
354
|
border-bottom: none;
|
339
355
|
}
|
340
356
|
.bk-table.bordered-outer {
|
@@ -353,9 +369,12 @@
|
|
353
369
|
.bk-table.bordered-none td {
|
354
370
|
border-top: none;
|
355
371
|
border-right: none;
|
356
|
-
border-bottom: none;
|
357
372
|
border-left: none;
|
358
373
|
}
|
374
|
+
.bk-table.bordered-none th .cell,
|
375
|
+
.bk-table.bordered-none td .cell {
|
376
|
+
border-bottom: none;
|
377
|
+
}
|
359
378
|
.bk-table .bk-table-fixed {
|
360
379
|
position: absolute;
|
361
380
|
top: 0;
|
package/lib/table/table.d.ts
CHANGED
@@ -2,7 +2,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
2
2
|
data: import("vue-types").VueTypeDef<any[]> & {
|
3
3
|
default: () => any[];
|
4
4
|
};
|
5
|
-
columns: import("vue-types").VueTypeDef<import("./props").Column[]
|
5
|
+
columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
|
6
|
+
default: () => import("./props").Column[];
|
7
|
+
};
|
6
8
|
activeColumn: import("vue-types").VueTypeDef<number | number[]>;
|
7
9
|
columnPick: import("vue-types").VueTypeDef<string> & {
|
8
10
|
default: string;
|
@@ -71,7 +73,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
71
73
|
data: import("vue-types").VueTypeDef<any[]> & {
|
72
74
|
default: () => any[];
|
73
75
|
};
|
74
|
-
columns: import("vue-types").VueTypeDef<import("./props").Column[]
|
76
|
+
columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
|
77
|
+
default: () => import("./props").Column[];
|
78
|
+
};
|
75
79
|
activeColumn: import("vue-types").VueTypeDef<number | number[]>;
|
76
80
|
columnPick: import("vue-types").VueTypeDef<string> & {
|
77
81
|
default: string;
|
@@ -142,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
142
146
|
maxHeight: string | number;
|
143
147
|
minHeight: string | number;
|
144
148
|
border: string[];
|
149
|
+
columns: import("./props").Column[];
|
145
150
|
headHeight: number;
|
146
151
|
pagination: boolean | {
|
147
152
|
[key: string]: any;
|
package/lib/table/table.less
CHANGED
@@ -30,6 +30,18 @@
|
|
30
30
|
.@{bk-prefix}-table-body {
|
31
31
|
background: @table-bg-color;
|
32
32
|
|
33
|
+
&.__is-empty {
|
34
|
+
display: flex;
|
35
|
+
height: 100%;
|
36
|
+
justify-content: center;
|
37
|
+
align-items: center;
|
38
|
+
|
39
|
+
.@{bk-prefix}-table-body-content {
|
40
|
+
display: flex;
|
41
|
+
height: 100%;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
33
45
|
table {
|
34
46
|
width: 100%;
|
35
47
|
border-collapse: collapse;
|
@@ -38,12 +50,11 @@
|
|
38
50
|
th,
|
39
51
|
td {
|
40
52
|
min-width: 80px;
|
41
|
-
padding: 0 15px;
|
42
53
|
clear: both;
|
43
54
|
|
44
55
|
.cell {
|
45
|
-
|
46
|
-
|
56
|
+
height: var(--row-height);
|
57
|
+
padding: 0 15px;
|
47
58
|
overflow: hidden;
|
48
59
|
line-height: var(--row-height);
|
49
60
|
color: @table-body-font-color;
|
@@ -72,6 +83,11 @@
|
|
72
83
|
color: @table-head-font-color;
|
73
84
|
background-color: @table-head-bg-color;
|
74
85
|
|
86
|
+
.cell {
|
87
|
+
display: flex;
|
88
|
+
align-items: center;
|
89
|
+
}
|
90
|
+
|
75
91
|
&.active,
|
76
92
|
&:hover {
|
77
93
|
background: @table-row-active-bg-color;
|
@@ -149,7 +165,9 @@
|
|
149
165
|
&.bordered-row {
|
150
166
|
td,
|
151
167
|
th {
|
152
|
-
|
168
|
+
.cell {
|
169
|
+
border-bottom: 1px solid @table-border-color;
|
170
|
+
}
|
153
171
|
}
|
154
172
|
|
155
173
|
&.has-footer {
|
@@ -159,7 +177,9 @@
|
|
159
177
|
tr {
|
160
178
|
&:last-child {
|
161
179
|
td {
|
162
|
-
|
180
|
+
.cell {
|
181
|
+
border-bottom: none;
|
182
|
+
}
|
163
183
|
}
|
164
184
|
}
|
165
185
|
}
|
@@ -189,8 +209,11 @@
|
|
189
209
|
td {
|
190
210
|
border-top: none;
|
191
211
|
border-right: none;
|
192
|
-
border-bottom: none;
|
193
212
|
border-left: none;
|
213
|
+
|
214
|
+
.cell {
|
215
|
+
border-bottom: none;
|
216
|
+
}
|
194
217
|
}
|
195
218
|
}
|
196
219
|
|
@@ -320,6 +320,18 @@
|
|
320
320
|
.bk-table .bk-table-body {
|
321
321
|
background: white;
|
322
322
|
}
|
323
|
+
.bk-table .bk-table-head.__is-empty,
|
324
|
+
.bk-table .bk-table-body.__is-empty {
|
325
|
+
display: flex;
|
326
|
+
height: 100%;
|
327
|
+
justify-content: center;
|
328
|
+
align-items: center;
|
329
|
+
}
|
330
|
+
.bk-table .bk-table-head.__is-empty .bk-table-body-content,
|
331
|
+
.bk-table .bk-table-body.__is-empty .bk-table-body-content {
|
332
|
+
display: flex;
|
333
|
+
height: 100%;
|
334
|
+
}
|
323
335
|
.bk-table .bk-table-head table,
|
324
336
|
.bk-table .bk-table-body table {
|
325
337
|
width: 100%;
|
@@ -331,15 +343,14 @@
|
|
331
343
|
.bk-table .bk-table-head table td,
|
332
344
|
.bk-table .bk-table-body table td {
|
333
345
|
min-width: 80px;
|
334
|
-
padding: 0 15px;
|
335
346
|
clear: both;
|
336
347
|
}
|
337
348
|
.bk-table .bk-table-head table th .cell,
|
338
349
|
.bk-table .bk-table-body table th .cell,
|
339
350
|
.bk-table .bk-table-head table td .cell,
|
340
351
|
.bk-table .bk-table-body table td .cell {
|
341
|
-
|
342
|
-
|
352
|
+
height: var(--row-height);
|
353
|
+
padding: 0 15px;
|
343
354
|
overflow: hidden;
|
344
355
|
line-height: var(--row-height);
|
345
356
|
color: #575961;
|
@@ -372,6 +383,11 @@
|
|
372
383
|
color: #313238;
|
373
384
|
background-color: #fafbfd;
|
374
385
|
}
|
386
|
+
.bk-table .bk-table-head table thead th .cell,
|
387
|
+
.bk-table .bk-table-body table thead th .cell {
|
388
|
+
display: flex;
|
389
|
+
align-items: center;
|
390
|
+
}
|
375
391
|
.bk-table .bk-table-head table thead th.active,
|
376
392
|
.bk-table .bk-table-body table thead th.active,
|
377
393
|
.bk-table .bk-table-head table thead th:hover,
|
@@ -426,14 +442,14 @@
|
|
426
442
|
.bk-table .bk-table-footer.is-hidden {
|
427
443
|
display: none;
|
428
444
|
}
|
429
|
-
.bk-table.bordered-row td,
|
430
|
-
.bk-table.bordered-row th {
|
445
|
+
.bk-table.bordered-row td .cell,
|
446
|
+
.bk-table.bordered-row th .cell {
|
431
447
|
border-bottom: 1px solid #dcdee5;
|
432
448
|
}
|
433
449
|
.bk-table.bordered-row.has-footer {
|
434
450
|
border-bottom: none;
|
435
451
|
}
|
436
|
-
.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td {
|
452
|
+
.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td .cell {
|
437
453
|
border-bottom: none;
|
438
454
|
}
|
439
455
|
.bk-table.bordered-outer {
|
@@ -452,9 +468,12 @@
|
|
452
468
|
.bk-table.bordered-none td {
|
453
469
|
border-top: none;
|
454
470
|
border-right: none;
|
455
|
-
border-bottom: none;
|
456
471
|
border-left: none;
|
457
472
|
}
|
473
|
+
.bk-table.bordered-none th .cell,
|
474
|
+
.bk-table.bordered-none td .cell {
|
475
|
+
border-bottom: none;
|
476
|
+
}
|
458
477
|
.bk-table .bk-table-fixed {
|
459
478
|
position: absolute;
|
460
479
|
top: 0;
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import { TablePropTypes } from './props';
|
2
|
-
export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?: any) => {
|
2
|
+
export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?: any, pageData?: any) => {
|
3
3
|
tableClass: import("vue").ComputedRef<string>;
|
4
4
|
headClass: string;
|
5
|
-
contentClass:
|
5
|
+
contentClass: {
|
6
|
+
[x: string]: boolean;
|
7
|
+
};
|
6
8
|
footerClass: import("vue").ComputedRef<string>;
|
7
9
|
wrapperStyle: import("vue").ComputedRef<{
|
8
10
|
minHeight: string | number;
|
package/lib/tag-input/index.d.ts
CHANGED
@@ -13,13 +13,13 @@ declare const TagInput: {
|
|
13
13
|
showClearOnlyHover: boolean;
|
14
14
|
modelValue: string[];
|
15
15
|
trigger: string;
|
16
|
+
allowCreate: boolean;
|
16
17
|
searchKey: string | string[];
|
17
18
|
displayKey: string;
|
18
19
|
tooltipKey: string;
|
19
20
|
saveKey: string;
|
20
21
|
hasDeleteIcon: boolean;
|
21
22
|
useGroup: boolean;
|
22
|
-
allowCreate: boolean;
|
23
23
|
maxData: number;
|
24
24
|
maxResult: number;
|
25
25
|
contentMaxHeight: number;
|
@@ -182,7 +182,7 @@ declare const TagInput: {
|
|
182
182
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
183
183
|
onRemove?: (...args: any[]) => any;
|
184
184
|
onRemoveAll?: (...args: any[]) => any;
|
185
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "list" | "separator" | "disabled" | "clearable" | "showClearOnlyHover" | "modelValue" | "trigger" | "searchKey" | "displayKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "
|
185
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "list" | "separator" | "disabled" | "clearable" | "showClearOnlyHover" | "modelValue" | "trigger" | "allowCreate" | "searchKey" | "displayKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "maxData" | "maxResult" | "contentMaxHeight" | "contentWidth" | "allowNextFocus" | "allowAutoMatch" | "leftSpace" | "createTagValidator" | "filterCallback" | "tagTpl" | "tpl" | "pasteFn">;
|
186
186
|
$attrs: {
|
187
187
|
[x: string]: unknown;
|
188
188
|
};
|
@@ -405,13 +405,13 @@ declare const TagInput: {
|
|
405
405
|
showClearOnlyHover: boolean;
|
406
406
|
modelValue: string[];
|
407
407
|
trigger: string;
|
408
|
+
allowCreate: boolean;
|
408
409
|
searchKey: string | string[];
|
409
410
|
displayKey: string;
|
410
411
|
tooltipKey: string;
|
411
412
|
saveKey: string;
|
412
413
|
hasDeleteIcon: boolean;
|
413
414
|
useGroup: boolean;
|
414
|
-
allowCreate: boolean;
|
415
415
|
maxData: number;
|
416
416
|
maxResult: number;
|
417
417
|
contentMaxHeight: number;
|
@@ -863,13 +863,13 @@ declare const TagInput: {
|
|
863
863
|
showClearOnlyHover: boolean;
|
864
864
|
modelValue: string[];
|
865
865
|
trigger: string;
|
866
|
+
allowCreate: boolean;
|
866
867
|
searchKey: string | string[];
|
867
868
|
displayKey: string;
|
868
869
|
tooltipKey: string;
|
869
870
|
saveKey: string;
|
870
871
|
hasDeleteIcon: boolean;
|
871
872
|
useGroup: boolean;
|
872
|
-
allowCreate: boolean;
|
873
873
|
maxData: number;
|
874
874
|
maxResult: number;
|
875
875
|
contentMaxHeight: number;
|