bkui-vue 1.0.3-beta.14 → 1.0.3-beta.16

package/lib/plugin-popover/index.js

@@ -380,10 +380,13 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -398,7 +401,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -411,7 +413,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3628,7 +3630,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();

package/lib/popover/content.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         maxWidth: string | number;
     }>;
     refContent: import("vue").Ref<any>;
-    resolveClassName: (cls: string) => string;
+    contentClassName: import("vue").ComputedRef<string[]>;
     resetPointerEvent: () => void;
     setContentPointerEvent: (val: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/popover/index.js

@@ -383,10 +383,13 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -401,7 +404,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -414,7 +416,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3631,7 +3633,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();

package/lib/popover/popover.css

@@ -1,6 +1,5 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -8,6 +7,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/popover/popover.less

@@ -4,7 +4,10 @@
 .@{bk-prefix}-popover {
   &.@{bk-prefix}-pop2-content {
     position: absolute;
-    display: none;
+
+    &.hidden {
+      display: none;
+    }
 
     padding: 12px;
 

package/lib/popover/popover.variable.css

@@ -129,7 +129,6 @@
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -137,6 +136,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/shared/index.js

@@ -1730,8 +1730,7 @@ var BKZIndexManager = /*#__PURE__*/function () {
         this.storageLayerIndexValue[type] = this.storageLayerIndexValue[type] + 1;
         return this.storageLayerIndexValue[type];
       }
-      this.storageLayerIndexValue[BKLAYERTYPE.MODAL] = this.storageLayerIndexValue[BKLAYERTYPE.MODAL] + 1;
-      return this.storageLayerIndexValue[BKLAYERTYPE.MODAL];
+      this.getNextIndex(BKLAYERTYPE.MODAL);
     }
     /** 获取弹窗类型最新zIndex的值 */
   }, {

package/lib/sideslider/index.d.ts

@@ -92,12 +92,12 @@ declare const BkSideslider: {
             default: string;
         };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         direction: {
             type: StringConstructor;
             default: string;
@@ -190,8 +190,8 @@ declare const BkSideslider: {
             default: string;
         };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
@@ -316,8 +316,8 @@ declare const BkSideslider: {
             default: string;
         };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
@@ -439,12 +439,12 @@ declare const BkSideslider: {
         default: string;
     };
 }>> & {
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
     "onAnimation-end"?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", {
     title: string;
     width: string | number;
     height: string | number;

package/lib/sideslider/sideslider.d.ts

@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: StringConstructor;
         default: string;
@@ -183,8 +183,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
     "onAnimation-end"?: (...args: any[]) => any;

package/lib/table/components/table-column.d.ts

@@ -101,6 +101,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
+    isIndexPropChanged: import("vue").Ref<boolean>;
+    setIsIndexChanged: (val: boolean) => void;
     initColumns: (_col: Column | Column[], _rm?: boolean) => void;
     bkTableCache: {
         queueStack: (_: any, fn: any) => any;

package/lib/table/index.d.ts

@@ -1325,6 +1325,8 @@ declare const BkTable: {
             default: number;
         };
     }, {
+        isIndexPropChanged: import("vue").Ref<boolean>;
+        setIsIndexChanged: (val: boolean) => void;
         initColumns: (_col: import("./props").Column | import("./props").Column[], _rm?: boolean) => void;
         bkTableCache: {
             queueStack: (_: any, fn: any) => any;

package/lib/table/index.js

@@ -122,7 +122,7 @@ function defineProperty_defineProperty(obj, key, value) {
 ;// 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, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -704,12 +704,26 @@ var TableColumnProp = {
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
+    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
+    var setIsIndexChanged = function setIsIndexChanged(val) {
+      isIndexPropChanged.value = val;
+    };
     return {
+      isIndexPropChanged: isIndexPropChanged,
+      setIsIndexChanged: setIsIndexChanged,
       initColumns: initColumns,
       bkTableCache: bkTableCache,
       column: column
     };
   },
+  watch: {
+    index: {
+      handler: function handler() {
+        this.setIsIndexChanged(!this.isIndexPropChanged);
+      },
+      deep: true
+    }
+  },
   unmounted: function unmounted() {
     this.updateColumnDefine(true);
   },
@@ -717,7 +731,10 @@ var TableColumnProp = {
     this.updateColumnDefine();
   },
   updated: function updated() {
-    this.updateColumnDefineByParent();
+    if (this.isIndexPropChanged) {
+      this.updateColumnDefineByParent();
+      this.setIsIndexChanged(!this.isIndexPropChanged);
+    }
   },
   methods: {
     updateColumnDefine: function updateColumnDefine() {
@@ -4469,13 +4486,15 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
     };
     var bkEllipsisIns = null;
     var resolveTooltipOption = function resolveTooltipOption() {
+      var _getEllipsisTarget$cl, _getEllipsisTarget, _getEllipsisTarget$cl2;
       var _resolveSetting = resolveSetting(),
         _resolveSetting$showO = _resolveSetting.showOverflowTooltip,
         showOverflowTooltip = _resolveSetting$showO === void 0 ? false : _resolveSetting$showO;
       var disabled = true;
       var resizerWay = props.resizerWay;
+      var defaultContent = (_getEllipsisTarget$cl = (_getEllipsisTarget = getEllipsisTarget()) === null || _getEllipsisTarget === void 0 || (_getEllipsisTarget$cl2 = _getEllipsisTarget.cloneNode) === null || _getEllipsisTarget$cl2 === void 0 ? void 0 : _getEllipsisTarget$cl2.call(_getEllipsisTarget, true)) !== null && _getEllipsisTarget$cl !== void 0 ? _getEllipsisTarget$cl : '';
       var content = function content() {
-        return refRoot.value.innerText;
+        return defaultContent;
       };
       var popoverOption = {};
       var mode = 'auto';
@@ -4488,7 +4507,7 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
         popoverOption = showOverflowTooltip.popoverOption;
         resizerWay = showOverflowTooltip.resizerWay || 'debounce';
         content = function content() {
-          return showOverflowTooltip.content || refRoot.value.innerText;
+          return showOverflowTooltip.content || defaultContent;
         };
         if (typeof showOverflowTooltip.content === 'function') {
           content = function content() {
@@ -4518,8 +4537,8 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
         disabled = !((_props$column$showOve5 = (_props$column = props.column) === null || _props$column === void 0 || (_props$column = _props$column.showOverflowTooltip) === null || _props$column === void 0 ? void 0 : _props$column.showHead) !== null && _props$column$showOve5 !== void 0 ? _props$column$showOve5 : true);
         mode = 'auto';
         content = function content() {
-          var _getEllipsisTarget;
-          return (_getEllipsisTarget = getEllipsisTarget()) === null || _getEllipsisTarget === void 0 ? void 0 : _getEllipsisTarget.innerHTML;
+          var _getEllipsisTarget$cl3, _getEllipsisTarget2, _getEllipsisTarget2$c;
+          return (_getEllipsisTarget$cl3 = (_getEllipsisTarget2 = getEllipsisTarget()) === null || _getEllipsisTarget2 === void 0 || (_getEllipsisTarget2$c = _getEllipsisTarget2.cloneNode) === null || _getEllipsisTarget2$c === void 0 ? void 0 : _getEllipsisTarget2$c.call(_getEllipsisTarget2, true)) !== null && _getEllipsisTarget$cl3 !== void 0 ? _getEllipsisTarget$cl3 : '';
         };
         if (props.headExplain) {
           mode = 'static';
@@ -5260,8 +5279,10 @@ function head_filter_isSlot(s) {
       resolveClassName = _usePrefix.resolveClassName;
     var t = (0,config_provider_namespaceObject.useLocale)('table');
     var column = props.column;
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props.column),
-      filter = _toRefs.filter;
+    var filter = (0,external_vue_namespaceObject.computed)(function () {
+      var _props$column;
+      return (_props$column = props.column) === null || _props$column === void 0 ? void 0 : _props$column.filter;
+    });
     var checked = (0,external_vue_namespaceObject.computed)(function () {
       var _filter$value$checked, _filter$value;
       return (_filter$value$checked = (_filter$value = filter.value) === null || _filter$value === void 0 ? void 0 : _filter$value.checked) !== null && _filter$value$checked !== void 0 ? _filter$value$checked : [];

package/lib/table/table.css

@@ -736,7 +736,6 @@
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -744,6 +743,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/table/table.variable.css

@@ -865,7 +865,6 @@
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -873,6 +872,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/table-column/index.d.ts

@@ -49,6 +49,8 @@ declare const BkTableColumn: {
             default: number;
         };
     }>>, {
+        isIndexPropChanged: import("vue").Ref<boolean>;
+        setIsIndexChanged: (val: boolean) => void;
         initColumns: (_col: import("../../bkui-vue").TableIColumn | import("../../bkui-vue").TableIColumn[], _rm?: boolean) => void;
         bkTableCache: {
             queueStack: (_: any, fn: any) => any;
@@ -293,6 +295,8 @@ declare const BkTableColumn: {
             default: number;
         };
     }>>, {
+        isIndexPropChanged: import("vue").Ref<boolean>;
+        setIsIndexChanged: (val: boolean) => void;
         initColumns: (_col: import("../../bkui-vue").TableIColumn | import("../../bkui-vue").TableIColumn[], _rm?: boolean) => void;
         bkTableCache: {
             queueStack: (_: any, fn: any) => any;
@@ -485,6 +489,8 @@ declare const BkTableColumn: {
         default: number;
     };
 }>>, {
+    isIndexPropChanged: import("vue").Ref<boolean>;
+    setIsIndexChanged: (val: boolean) => void;
     initColumns: (_col: import("../../bkui-vue").TableIColumn | import("../../bkui-vue").TableIColumn[], _rm?: boolean) => void;
     bkTableCache: {
         queueStack: (_: any, fn: any) => any;

package/lib/table-column/index.js

@@ -83,7 +83,7 @@ function _defineProperty(obj, key, value) {
 ;// 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 });
+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, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -665,12 +665,26 @@ var TableColumnProp = {
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
+    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
+    var setIsIndexChanged = function setIsIndexChanged(val) {
+      isIndexPropChanged.value = val;
+    };
     return {
+      isIndexPropChanged: isIndexPropChanged,
+      setIsIndexChanged: setIsIndexChanged,
       initColumns: initColumns,
       bkTableCache: bkTableCache,
       column: column
     };
   },
+  watch: {
+    index: {
+      handler: function handler() {
+        this.setIsIndexChanged(!this.isIndexPropChanged);
+      },
+      deep: true
+    }
+  },
   unmounted: function unmounted() {
     this.updateColumnDefine(true);
   },
@@ -678,7 +692,10 @@ var TableColumnProp = {
     this.updateColumnDefine();
   },
   updated: function updated() {
-    this.updateColumnDefineByParent();
+    if (this.isIndexPropChanged) {
+      this.updateColumnDefineByParent();
+      this.setIsIndexChanged(!this.isIndexPropChanged);
+    }
   },
   methods: {
     updateColumnDefine: function updateColumnDefine() {

package/lib/virtual-render/index.d.ts

@@ -275,6 +275,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -284,9 +287,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -456,6 +456,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -465,9 +468,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -629,6 +629,9 @@ declare const BkVirtualRender: {
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -638,9 +641,6 @@ declare const BkVirtualRender: {
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.d.ts

@@ -278,6 +278,9 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -287,9 +290,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "1.0.3-beta.14",
+  "version": "1.0.3-beta.16",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",