bkui-vue 0.0.2-beta.82 → 0.0.2-beta.84

package/lib/table-column/index.js

@@ -1 +1,763 @@
-import*as e from"../shared";import*as o from"vue";import*as n from"vue-types";var t={d:(e,o)=>{for(var n in o)t.o(o,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},r={};t.d(r,{Z:()=>z});const p=(i={PropTypes:()=>e.PropTypes,withInstall:()=>e.withInstall},f={},t.d(f,i),f);var i,f;const y=(e=>{var o={};return t.d(o,e),o})({Fragment:()=>o.Fragment,createVNode:()=>o.createVNode,defineComponent:()=>o.defineComponent,inject:()=>o.inject,reactive:()=>o.reactive,unref:()=>o.unref});function s(e){return s="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},s(e)}function u(e,o,n){return(o=function(e){var o=function(e,o){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,"string");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(o)?o:String(o)}(o))in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n,e}var l,T,d;!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer",e.HORIZONTAL="horizontal"}(T||(T={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(d||(d={}));var a,c,P=[d.AUTO,d.HIGHLIGHT];T.NONE,T.ROW,T.COL,T.OUTER,T.HORIZONTAL,function(e){e.DEF1="def1",e.DEF2="def2"}(a||(a={})),u(l={},a.DEF1,"#FAFBFD"),u(l,a.DEF2,"#F0F1F5"),function(e){e.ASC="asc",e.DESC="desc",e.NULL="null",e.CUSTOM="custom"}(c||(c={})),c.ASC,c.DESC,c.NULL,c.CUSTOM;const b=(e=>{var o={};return t.d(o,e),o})({string:()=>n.string,toType:()=>n.toType});var m,O,h,v;!function(e){e.CURRENT="current",e.ALL="all"}(m||(m={})),function(e){e.STATIC="static",e.AUTO="auto"}(O||(O={})),(0,b.toType)("showOverflowTooltipMode",{default:O.AUTO}),function(e){e.SELECTION="selection",e.INDEX="index",e.EXPAND="expand",e.NONE="none"}(h||(h={})),function(e){e.LEFT="left",e.RIGHT="right",e.CENTER="center",e.NONE=""}(v||(v={}));var g,C,S,E=(0,b.toType)("columnType",{default:h.NONE}),I=(0,b.toType)("columnType",{default:v.NONE});!function(e){e.FULL="full",e.FUZZY="fuzzy"}(g||(g={})),(0,b.toType)("full",{default:g.FULL}),function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(C||(C={})),(0,b.toType)("columnSize",{default:C.SMALL}),function(e){e.LEFT="left",e.RIGHT="right"}(S||(S={}));var L,N,F=(0,b.string)(),j=(0,b.toType)("IOverflowTooltipPropType",{default:!1,type:[Boolean,Object]}),D=(0,b.toType)("ISortPropShape",{default:!1,type:[Boolean,String,Object]}),w=(0,b.toType)("IFilterPropShape",{default:!1,type:[Boolean,Object]});!function(e){e.MULTI="multi",e.SINGLE="single",e.DISABLED="disabled"}(L||(L={})),function(e){e.DEBOUNCE="debounce",e.THROTTLE="throttle"}(N||(N={}));var A,U=(0,b.toType)("IColumnType",{default:{width:"100%",label:""},type:[Object]}),R=((0,b.toType)("ITableSettingPropType",{default:!1,type:[Boolean,Object]}),(0,b.toType)("LabelFunctionStringType",{})),B=(0,b.toType)("RenderFunctionStringType",{}),H=(0,b.toType)("SpanFunctionStringType",{}),x=(0,b.toType)("RowClassFunctionStringType",{}),G=(0,b.toType)("RowHeightFunctionNumberType",{}),k=((0,b.toType)("FunctionNumberType",{}),function(e){return(0,b.toType)("StringNumberType",{}).def(e)});(0,b.toType)("IColumnPropType",{default:{label:void 0,minWidth:80},type:[Object]}),function(e){e.interdependent="interdependent",e.independent="independent"}(A||(A={})),p.PropTypes.arrayOf(p.PropTypes.any).def([]),p.PropTypes.arrayOf(U).def([]),p.PropTypes.oneOfType([p.PropTypes.number.def(-1),p.PropTypes.arrayOf(p.PropTypes.number.def(-1))]),(0,b.toType)("columnPick",{}).def(L.DISABLED),k("auto"),p.PropTypes.bool.def(!1),k(84),k("auto"),G.def(42),p.PropTypes.number.def(42),p.PropTypes.bool.def(!0),(0,b.toType)("ITheadType",{}).def({color:a.DEF1,height:42,isShow:!0}),p.PropTypes.bool.def(!1),p.PropTypes.oneOfType([p.PropTypes.arrayOf((0,b.toType)("boderType",{})),p.PropTypes.string]).def([T.ROW]),p.PropTypes.oneOfType([p.PropTypes.bool.def(!1),p.PropTypes.object.def({})]).def(!1),p.PropTypes.number.def(60),p.PropTypes.bool.def(!1),p.PropTypes.bool.def(!1),p.PropTypes.string,p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.func.def((function(){return""}))]).def(""),p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.object,p.PropTypes.func]).def({}),p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.object,p.PropTypes.func]).def({}),p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.object,p.PropTypes.func]).def({}),p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.object,p.PropTypes.func]).def({}),p.PropTypes.oneOfType([p.PropTypes.object,p.PropTypes.bool]).def(void 0),p.PropTypes.bool.def(!1),p.PropTypes.string.def(""),p.PropTypes.array.def([]),p.PropTypes.func.def(void 0),p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.func]).def("row_index"),p.PropTypes.bool.def(!1),p.PropTypes.oneOf(P).def(d.HIGHLIGHT),p.PropTypes.shape({}).def({}),p.PropTypes.oneOfType([p.PropTypes.func.def((function(){return!0})),p.PropTypes.bool.def(!0)]).def(!0),(0,b.toType)("ResizerWay",{default:N.DEBOUNCE}),p.PropTypes.bool.def(!0),p.PropTypes.style().def({}),(0,b.toType)("IColSortBehavior",{default:A.independent}),p.PropTypes.bool.def(!0);var M={label:R,field:R,render:B,width:p.PropTypes.oneOfType([p.PropTypes.number,p.PropTypes.string]),minWidth:k(80),columnKey:p.PropTypes.string.def(""),showOverflowTooltip:j,type:E,resizable:p.PropTypes.bool.def(!0),fixed:p.PropTypes.oneOfType([p.PropTypes.bool,F]).def(!1),sort:D,filter:w,colspan:H.def(1),rowspan:H.def(1),align:I,className:x,prop:R,index:p.PropTypes.number.def(void 0)};const $=(0,y.defineComponent)({name:"TableColumn",props:M,setup:function(e){return{initColumns:(0,y.inject)("InitColumns",(function(e){}),!1),bkTableCache:(0,y.inject)("BKTableCahce",{queueStack:function(e,o){return null==o?void 0:o()}}),column:(0,y.reactive)(Object.assign({},e,{field:e.prop||e.field}))}},unmounted:function(){this.updateColumnDefine(!0)},mounted:function(){this.updateColumnDefine()},methods:{updateColumnDefine:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];void 0===this.$props.index||"number"!=typeof this.$props.index?this.updateColumnDefineByParent():this.updateColumnDefineByIndex(e)},updateColumnDefineByParent:function(){var e=this;"function"==typeof this.bkTableCache.queueStack&&this.bkTableCache.queueStack("Bk_COlumn_Update_Define",(function(){var o=e._.parent.vnode.children.default()||[],n=[];!function e(o){Array.isArray(o)&&o.forEach((function(o){var t,r,p;if(Array.isArray(o))e(o);else{var i=!0;if("TableColumn"===(null===(t=o.type)||void 0===t?void 0:t.name)){i=Object.hasOwnProperty.call(o.props||{},"key");var f=Object.assign({},o.props,{field:o.props.prop||o.props.field,render:null===(r=o.children)||void 0===r?void 0:r.default});n.push((0,y.unref)(f))}(null===(p=o.children)||void 0===p?void 0:p.length)&&i&&e(o.children)}}))}(o),e.initColumns(n)}))},updateColumnDefineByIndex:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],o=Object.assign({},this.$props,{field:this.$props.prop||this.$props.field,render:this.$slots.default});this.initColumns((0,y.unref)(o),e)}},render:function(){var e,o;return(0,y.createVNode)(y.Fragment,null,[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e,{row:{}})])}}),z=(0,p.withInstall)($);var W=r.Z;export{W as default};
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Z: () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+;// CONCATENATED MODULE: ../../packages/table/src/const.ts
+
+var _DEF_COLOR;
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+var BORDER_OPTION;
+(function (BORDER_OPTION) {
+  BORDER_OPTION["NONE"] = "none";
+  BORDER_OPTION["ROW"] = "row";
+  BORDER_OPTION["COL"] = "col";
+  BORDER_OPTION["OUTER"] = "outer";
+  BORDER_OPTION["HORIZONTAL"] = "horizontal";
+})(BORDER_OPTION || (BORDER_OPTION = {}));
+/**
+ * 鼠标划过行样式
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+var ROW_HOVER;
+(function (ROW_HOVER) {
+  ROW_HOVER["HIGHLIGHT"] = "highlight";
+  ROW_HOVER["AUTO"] = "auto";
+})(ROW_HOVER || (ROW_HOVER = {}));
+var ROW_HOVER_OPTIONS = [ROW_HOVER.AUTO, ROW_HOVER.HIGHLIGHT];
+/**
+ * 边框配置可选项
+ */
+var BORDER_OPTIONS = [BORDER_OPTION.NONE, BORDER_OPTION.ROW, BORDER_OPTION.COL, BORDER_OPTION.OUTER, BORDER_OPTION.HORIZONTAL];
+/**
+ * Table Row Attributes
+ */
+var TABLE_ROW_ATTRIBUTE = {
+  ROW_INDEX: 'row_index',
+  ROW_UID: 'row_id',
+  ROW_EXPAND: 'row_expand',
+  ROW_SELECTION: 'row_selection',
+  ROW_SELECTION_INDETERMINATE: 'row_selection_indeterminate',
+  ROW_SOURCE_DATA: 'row_source_data',
+  ROW_SKIP_CFG: 'row_skip_config',
+  ROW_SPAN: 'row_span'
+};
+var COLUMN_ATTRIBUTE = {
+  COL_UID: 'col_$uuid',
+  COL_SOURCE_DATA: 'col_source_data',
+  COL_MIN_WIDTH: 'col_min_width',
+  COL_SORT_ACTIVE: 'col_sort_active',
+  COL_SORT_TYPE: 'col_sort_type',
+  COL_SORT_FN: 'col_sort_fn',
+  COL_SORT_SCOPE: 'col_sort_scope',
+  COL_FILTER_FN: 'col_filter_fn',
+  COL_FILTER_SCOPE: 'col_filter_scope',
+  COL_IS_DRAG: 'col_is_drag',
+  COL_SPAN: 'col_span',
+  WIDTH: 'width',
+  CALC_WIDTH: 'calcWidth',
+  RESIZE_WIDTH: 'resizeWidth',
+  LISTENERS: 'listeners',
+  IS_HIDDEN: 'isHidden'
+};
+/**
+ * Y 轴滚动条宽度
+ */
+var SCROLLY_WIDTH = 6;
+/**
+ * 默认行高
+ */
+var LINE_HEIGHT = 42;
+var IHeadColor;
+(function (IHeadColor) {
+  IHeadColor["DEF1"] = "def1";
+  IHeadColor["DEF2"] = "def2";
+})(IHeadColor || (IHeadColor = {}));
+/**
+ * 根据表格的使用场景，表头支持颜色自定义，默认提供的选项：FAFBFD、F0F1F5，尽量一个项目选用同一种颜色。
+ */
+var DEF_COLOR = (_DEF_COLOR = {}, _defineProperty(_DEF_COLOR, IHeadColor.DEF1, '#FAFBFD'), _defineProperty(_DEF_COLOR, IHeadColor.DEF2, '#F0F1F5'), _DEF_COLOR);
+var SETTING_SIZE = {
+  large: 78,
+  medium: 60,
+  small: 42
+};
+var createDefaultSizeList = function createDefaultSizeList(t) {
+  return [{
+    value: 'small',
+    label: t.value.setting.lineHeight.small,
+    height: SETTING_SIZE.small
+  }, {
+    value: 'medium',
+    label: t.value.setting.lineHeight.medium,
+    height: SETTING_SIZE.medium
+  }, {
+    value: 'large',
+    label: t.value.setting.lineHeight.large,
+    height: SETTING_SIZE.large
+  }];
+};
+/**
+ * Provide key: init column when use <column { ...props }> template
+ */
+var PROVIDE_KEY_INIT_COL = 'InitColumns';
+var PROVIDE_KEY_TB_CACHE = 'BKTableCahce';
+var BK_COLUMN_UPDATE_DEFINE = 'Bk_COlumn_Update_Define';
+/**
+ * 表格底部高度
+ * 分页组件
+ */
+var TB_FOOT_HEIGHT = 60;
+/**
+ * 排序可选择项
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+var SORT_OPTION;
+(function (SORT_OPTION) {
+  SORT_OPTION["ASC"] = "asc";
+  SORT_OPTION["DESC"] = "desc";
+  SORT_OPTION["NULL"] = "null";
+  SORT_OPTION["CUSTOM"] = "custom";
+})(SORT_OPTION || (SORT_OPTION = {}));
+var SORT_OPTIONS = [SORT_OPTION.ASC, SORT_OPTION.DESC, SORT_OPTION.NULL, SORT_OPTION.CUSTOM];
+/**
+ * 列宽最小设置
+ */
+var COL_MIN_WIDTH = 80;
+/**
+ * 全选对象
+ */
+var CHECK_ALL_OBJ = {};
+/**
+ * 是否设置了colspan或者rowspan
+ */
+var NEED_COL_ROW_SPAN = {};
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string, ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: ../../packages/table/src/props.ts
+
+
+
+var SortScope;
+(function (SortScope) {
+  SortScope["CURRENT"] = "current";
+  SortScope["ALL"] = "all";
+})(SortScope || (SortScope = {}));
+var OverflowModeEnum;
+(function (OverflowModeEnum) {
+  OverflowModeEnum["STATIC"] = "static";
+  OverflowModeEnum["AUTO"] = "auto";
+})(OverflowModeEnum || (OverflowModeEnum = {}));
+var EnumOverflowModeType = (0,external_vue_types_namespaceObject.toType)('showOverflowTooltipMode', {
+  "default": OverflowModeEnum.AUTO
+});
+var ColumnTypeEnum;
+(function (ColumnTypeEnum) {
+  ColumnTypeEnum["SELECTION"] = "selection";
+  ColumnTypeEnum["INDEX"] = "index";
+  ColumnTypeEnum["EXPAND"] = "expand";
+  ColumnTypeEnum["NONE"] = "none";
+})(ColumnTypeEnum || (ColumnTypeEnum = {}));
+var TableAlignEnum;
+(function (TableAlignEnum) {
+  TableAlignEnum["LEFT"] = "left";
+  TableAlignEnum["RIGHT"] = "right";
+  TableAlignEnum["CENTER"] = "center";
+  TableAlignEnum["NONE"] = "";
+})(TableAlignEnum || (TableAlignEnum = {}));
+var columnType = (0,external_vue_types_namespaceObject.toType)('columnType', {
+  "default": ColumnTypeEnum.NONE
+});
+var TableAlign = (0,external_vue_types_namespaceObject.toType)('columnType', {
+  "default": TableAlignEnum.NONE
+});
+var FullEnum;
+(function (FullEnum) {
+  FullEnum["FULL"] = "full";
+  FullEnum["FUZZY"] = "fuzzy";
+})(FullEnum || (FullEnum = {}));
+var fullType = (0,external_vue_types_namespaceObject.toType)('full', {
+  "default": FullEnum.FULL
+});
+var SettingSizeEnum;
+(function (SettingSizeEnum) {
+  SettingSizeEnum["SMALL"] = "small";
+  SettingSizeEnum["MEDIUM"] = "medium";
+  SettingSizeEnum["LARGE"] = "large";
+})(SettingSizeEnum || (SettingSizeEnum = {}));
+var settingSizeType = (0,external_vue_types_namespaceObject.toType)('columnSize', {
+  "default": SettingSizeEnum.SMALL
+});
+var FixedEnum;
+(function (FixedEnum) {
+  FixedEnum["LEFT"] = "left";
+  FixedEnum["RIGHT"] = "right";
+})(FixedEnum || (FixedEnum = {}));
+var fixedType = (0,external_vue_types_namespaceObject.string)();
+var IOverflowTooltipPropType = (0,external_vue_types_namespaceObject.toType)('IOverflowTooltipPropType', {
+  "default": false,
+  type: [Boolean, Object]
+});
+var ISortType = (0,external_vue_types_namespaceObject.toType)('ISortPropShape', {
+  "default": false,
+  type: [Boolean, String, Object]
+});
+var IFilterType = (0,external_vue_types_namespaceObject.toType)('IFilterPropShape', {
+  "default": false,
+  type: [Boolean, Object]
+});
+var ColumnPickEnum;
+(function (ColumnPickEnum) {
+  ColumnPickEnum["MULTI"] = "multi";
+  ColumnPickEnum["SINGLE"] = "single";
+  ColumnPickEnum["DISABLED"] = "disabled";
+})(ColumnPickEnum || (ColumnPickEnum = {}));
+var ResizerWay;
+(function (ResizerWay) {
+  ResizerWay["DEBOUNCE"] = "debounce";
+  ResizerWay["THROTTLE"] = "throttle";
+})(ResizerWay || (ResizerWay = {}));
+var IColumnType = (0,external_vue_types_namespaceObject.toType)('IColumnType', {
+  "default": {
+    width: '100%',
+    label: ''
+  },
+  type: [Object]
+});
+var ITableSettings = (0,external_vue_types_namespaceObject.toType)('ITableSettingPropType', {
+  "default": false,
+  type: [Boolean, Object]
+});
+var LabelFunctionStringType = (0,external_vue_types_namespaceObject.toType)('LabelFunctionStringType', {});
+var RenderFunctionStringType = (0,external_vue_types_namespaceObject.toType)('RenderFunctionStringType', {});
+var SpanFunctionStringType = (0,external_vue_types_namespaceObject.toType)('SpanFunctionStringType', {});
+var RowClassFunctionStringType = (0,external_vue_types_namespaceObject.toType)('RowClassFunctionStringType', {});
+var RowHeightFunctionNumberType = (0,external_vue_types_namespaceObject.toType)('RowHeightFunctionNumberType', {});
+var FunctionNumberType = (0,external_vue_types_namespaceObject.toType)('FunctionNumberType', {});
+var StringNumberType = function StringNumberType(val) {
+  return (0,external_vue_types_namespaceObject.toType)('StringNumberType', {}).def(val);
+};
+var IColumnProp = (0,external_vue_types_namespaceObject.toType)('IColumnPropType', {
+  "default": {
+    label: undefined,
+    minWidth: COL_MIN_WIDTH
+  },
+  type: [Object]
+});
+var IColSortBehavior;
+(function (IColSortBehavior) {
+  /**
+   * 列排序是相互依赖的
+   */
+  IColSortBehavior["interdependent"] = "interdependent";
+  /**
+   * 列与列之间的排序是独立的，互斥的
+   */
+  IColSortBehavior["independent"] = "independent";
+})(IColSortBehavior || (IColSortBehavior = {}));
+var tableProps = {
+  /**
+   * 渲染列表
+   */
+  data: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.any).def([]),
+  /**
+   * Table 列渲染
+   */
+  columns: external_shared_namespaceObject.PropTypes.arrayOf(IColumnType).def([]),
+  /**
+   * 当前选中列
+   * 当设置选中多列时（columnPick = multi），配置为数组[index1, index2, index3]，只能选中单列时，可以为数值或者数组[index]
+   */
+  activeColumn: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number.def(-1), external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.number.def(-1))]),
+  /**
+   * 表格列选中方式
+   * 支持：单列（single），多列（multi），禁用（disabled）
+   * 默认：disabled
+   */
+  columnPick: (0,external_vue_types_namespaceObject.toType)('columnPick', {}).def(ColumnPickEnum.DISABLED),
+  /**
+   * 设置表格高度
+   * 默认：auto 根据行数自动填充高度
+   * 100%，依赖初始化时父级容器高度
+   */
+  height: StringNumberType('auto'),
+  /**
+   * 是否为斑马纹 Table
+   */
+  stripe: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 设置表格最小高度
+   * 默认：300
+   */
+  minHeight: StringNumberType(LINE_HEIGHT * 2),
+  /**
+   * 设置表格最d大高度
+   * 默认：auto，依赖外层高度
+   */
+  maxHeight: StringNumberType('auto'),
+  /**
+   * 行高，可以为固定数值类型
+   * 可以是函数，返回当前行的高度，返回值为数值类型
+   */
+  rowHeight: RowHeightFunctionNumberType.def(LINE_HEIGHT),
+  /**
+   * Thead行高，可以为固定数值类型
+   */
+  headHeight: external_shared_namespaceObject.PropTypes.number.def(LINE_HEIGHT),
+  /**
+   * 是否显示Head
+   */
+  showHead: external_shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * table header config
+   */
+  thead: (0,external_vue_types_namespaceObject.toType)('ITheadType', {}).def({
+    color: IHeadColor.DEF1,
+    height: LINE_HEIGHT,
+    isShow: true
+  }),
+  /**
+   * 是否启用虚拟渲染 & 滚动
+   * 当数据量很大时，启用虚拟渲染可以解决压面卡顿问题
+   */
+  virtualEnabled: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 表格边框显示设置，可以是一个组合
+   * 生效规则: 除非单独设置 none,否则会追加每个设置
+   */
+  border: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.arrayOf((0,external_vue_types_namespaceObject.toType)('boderType', {})), external_shared_namespaceObject.PropTypes.string]).def([BORDER_OPTION.ROW]),
+  /**
+   * 分页配置
+   * 默认值为false，不启用分页
+   * 设置为 true，启用分页功能，默认值参考分页组件 Pagination
+   */
+  pagination: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.bool.def(false), external_shared_namespaceObject.PropTypes.object.def({})]).def(false),
+  /**
+   * 分页组件高度
+   * 在设置了分页配置之后才会生效
+   * 用于配置分页组件的高度，在不同项目中，分页组件高度会影响表格高度计算
+   * 这里设置为可配置项，避免自计算导致的性能问题以及不确定性样式问题
+   */
+  paginationHeight: external_shared_namespaceObject.PropTypes.number.def(TB_FOOT_HEIGHT),
+  /**
+   * 是否启用远程分页
+   */
+  remotePagination: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 是否支持跨页全选
+   */
+  acrossAll: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 空数据展示
+   */
+  // emptyText: PropTypes.string.def('暂无数据'),
+  emptyText: external_shared_namespaceObject.PropTypes.string,
+  /**
+   * 单元格数据为空展示
+   */
+  emptyCellText: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.func.def(function () {
+    return '';
+  })]).def(''),
+  /**
+   * bk-table-setting-content
+   */
+  settings: ITableSettings,
+  /**
+   * 行的 class 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style
+   */
+  rowClass: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.func]).def({}),
+  /**
+   * 行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style
+   */
+  rowStyle: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.func]).def({}),
+  /**
+   * 单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style
+   */
+  cellStyle: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.func]).def({}),
+  /**
+   * 单元格的 className 的回调方法，也可以使用字符串为所有单元格设置一个固定的 className
+   */
+  cellClass: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.func]).def({}),
+  /**
+   * 表格底部loading加载效果，可以配合表格scroll-bottom事件使用
+   * 详细配置可参考bk-loading组件
+   */
+  scrollLoading: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.bool]).def(undefined),
+  /**
+   * 仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的展开收起操作（需指定 row-key）
+   */
+  reserveExpand: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 仅对设置了selection的情况下生效
+   * 用于初始化或者更新row已选中状态
+   * 内部使用逻辑为：row[selectionKey]，可以为多级选择，但是多级选择只支持 row.child.child
+   */
+  selectionKey: external_shared_namespaceObject.PropTypes.string.def(''),
+  /**
+   * 默认选中行
+   * 仅对设置了selection的情况下生效
+   * 值可以为 [key1, key2, key3, ...] 或者 [row1, row2, row3, ...]
+   * 如果设置为key，则 selectionKey 必须设置，内部匹配逻辑为：row[selectionKey] === key
+   */
+  checked: external_shared_namespaceObject.PropTypes.array.def([]),
+  /**
+   * 提供自定义判定当前行是否选中
+   * 如果设置了此属性，其他判定均不生效
+   * ({ row, cell, data }) => bool
+   */
+  isSelectedFn: external_shared_namespaceObject.PropTypes.func.def(undefined),
+  /**
+   * 行数据的 Key，用来优化 Table 的渲染
+   * 此key用于渲染table row的key，便于大数据渲染时的性能优化
+   * 在使用 reserve-selection, reserve-expand 功能的情况下，该属性是必填的。
+   * 类型为 String 时，支持多层访问：user.info.id，同时支持 user.info[0].id
+   */
+  rowKey: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.func]).def(TABLE_ROW_ATTRIBUTE.ROW_INDEX),
+  /**
+   * 当内容过长被隐藏时显示 tooltip, 此处为全局配置, 如果只配置此处，整个table都启用
+   * column内部可以单个配置覆盖此配置
+   */
+  showOverflowTooltip: IOverflowTooltipPropType,
+  /**
+   * 为避免不必要的数据修改导致的不可控组件更新
+   * 默认组件不会对传入组件的data进行任何修改
+   * 设置此属性为true则会对源数据进行同步（如：启用selection，勾选时想要自动同步到源数据）
+   * 目前只会对指定了selectionKey的情况下才会对指定的字段数据进行更新，同时需要指定 rowKey，保证匹配到的row是正确的目标对象
+   */
+  asyncData: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 鼠标划过行样式行为
+   * @param { ROW_HOVER.AUTO }
+   * @param { ROW_HOVER.HIGHLIGHT }
+   */
+  rowHover: external_shared_namespaceObject.PropTypes.oneOf(ROW_HOVER_OPTIONS).def(ROW_HOVER.HIGHLIGHT),
+  /**
+   * 默认的排序列的 prop 和顺序。它的 prop 属性指定默认的排序的列，order指定默认排序的顺序
+   */
+  defaultSort: external_shared_namespaceObject.PropTypes.shape({}).def({}),
+  /**
+   * 配合 column selection 使用
+   * 用于配置渲染行数据的勾选框是否可用
+   * 可以直接为 true|false，全部启用或者禁用
+   * 如果是函数，则返回 true|false
+   * ({ row, index, isCheckAll }) => boolean
+   */
+  isRowSelectEnable: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.func.def(function () {
+    return true;
+  }), external_shared_namespaceObject.PropTypes.bool.def(true)]).def(true),
+  /**
+   * 当外层容器尺寸改变时，当前组件用什么方式进行重新计算
+   * 默认为 throttle，按照指定频率重新计算
+   * 可选值：debounce，在指定时间范围内只执行一次重新计算
+   */
+  resizerWay: (0,external_vue_types_namespaceObject.toType)('ResizerWay', {
+    "default": ResizerWay.DEBOUNCE
+  }),
+  /**
+   * 是否监表格尺寸变化而响应式重新计算渲染
+   */
+  observerResize: external_shared_namespaceObject.PropTypes.bool.def(true),
+  // 对齐方式
+  align: TableAlign,
+  headerAlign: TableAlign,
+  /**
+   * 插入至表格第一行之前的内容容器样式
+   * 默认样式为固定在第一行
+   * 需要跟随滚动或者其他样式，可以通过此配置进行覆盖
+   */
+  prependStyle: external_shared_namespaceObject.PropTypes.style().def({}),
+  /**
+   * 列排序行为
+   * independent：列与列之间的排序是独立的，互斥的
+   * interdependent：列排序是相互影响、依赖的
+   *
+   */
+  colSortBehavior: (0,external_vue_types_namespaceObject.toType)('IColSortBehavior', {
+    "default": IColSortBehavior.independent
+  }),
+  /**
+   * 是否采用flex布局表格
+   */
+  isFlex: external_shared_namespaceObject.PropTypes.bool.def(true)
+};
+;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+var TableColumnProp = {
+  label: LabelFunctionStringType,
+  field: LabelFunctionStringType,
+  render: RenderFunctionStringType,
+  width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]),
+  minWidth: StringNumberType(COL_MIN_WIDTH),
+  columnKey: external_shared_namespaceObject.PropTypes.string.def(''),
+  showOverflowTooltip: IOverflowTooltipPropType,
+  type: columnType,
+  resizable: external_shared_namespaceObject.PropTypes.bool.def(true),
+  fixed: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.bool, fixedType]).def(false),
+  sort: ISortType,
+  filter: IFilterType,
+  colspan: SpanFunctionStringType.def(1),
+  rowspan: SpanFunctionStringType.def(1),
+  align: TableAlign,
+  className: RowClassFunctionStringType,
+  prop: LabelFunctionStringType,
+  index: external_shared_namespaceObject.PropTypes.number.def(undefined)
+};
+/* harmony default export */ const table_column = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'TableColumn',
+  props: TableColumnProp,
+  setup: function setup(props) {
+    var initColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function (_col) {
+      var _rm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    }, false);
+    var bkTableCache = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_TB_CACHE, {
+      queueStack: function queueStack(_, fn) {
+        return fn === null || fn === void 0 ? void 0 : fn();
+      }
+    });
+    var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
+      field: props.prop || props.field
+    }));
+    return {
+      initColumns: initColumns,
+      bkTableCache: bkTableCache,
+      column: column
+    };
+  },
+  unmounted: function unmounted() {
+    this.updateColumnDefine(true);
+  },
+  mounted: function mounted() {
+    this.updateColumnDefine();
+  },
+  methods: {
+    updateColumnDefine: function updateColumnDefine() {
+      var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      if (this.$props.index !== undefined && typeof this.$props.index === 'number') {
+        this.updateColumnDefineByIndex(unmounted);
+        return;
+      }
+      this.updateColumnDefineByParent();
+    },
+    updateColumnDefineByParent: function updateColumnDefineByParent() {
+      var _this = this;
+      var fn = function fn() {
+        // @ts-ignore
+        var selfVnode = _this._;
+        var colList = selfVnode.parent.vnode.children["default"]() || [];
+        var sortColumns = [];
+        var reduceColumns = function reduceColumns(nodes) {
+          if (!Array.isArray(nodes)) {
+            return;
+          }
+          nodes.forEach(function (node) {
+            var _node$type, _node$children2;
+            if (Array.isArray(node)) {
+              reduceColumns(node);
+              return;
+            }
+            var skipValidateKey0 = true;
+            if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
+              var _node$children;
+              skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, 'key');
+              var resolveProp = Object.assign({}, node.props, {
+                field: node.props.prop || node.props.field,
+                render: (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"]
+              });
+              sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
+            }
+            if ((_node$children2 = node.children) !== null && _node$children2 !== void 0 && _node$children2.length && skipValidateKey0) {
+              reduceColumns(node.children);
+            }
+          });
+        };
+        reduceColumns(colList);
+        _this.initColumns(sortColumns);
+      };
+      if (typeof this.bkTableCache.queueStack === 'function') {
+        this.bkTableCache.queueStack(BK_COLUMN_UPDATE_DEFINE, fn);
+      }
+    },
+    updateColumnDefineByIndex: function updateColumnDefineByIndex() {
+      var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var resolveProp = Object.assign({}, this.$props, {
+        field: this.$props.prop || this.$props.field,
+        render: this.$slots["default"]
+      });
+      this.initColumns((0,external_vue_namespaceObject.unref)(resolveProp), unmounted);
+    }
+  },
+  render: function render() {
+    var _this$$slots$default, _this$$slots;
+    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
+      row: {}
+    })]);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/table-column/src/index.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var BkTableColumn = (0,external_shared_namespaceObject.withInstall)(table_column);
+/* harmony default export */ const src = (BkTableColumn);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };