bkui-vue 1.0.3-beta.24 → 1.0.3-beta.25

package/lib/date-picker/date-picker.d.ts

@@ -133,6 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     localReadonly: import("vue").ComputedRef<boolean>;
     allowCrossDayProp: import("vue").ComputedRef<boolean>;
     ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+    teleportTo: import("vue").Ref<any>;
     pickerDropdownRef: import("vue").Ref<any>;
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;

package/lib/date-picker/index.d.ts

@@ -142,6 +142,7 @@ declare const BkDatePicker: {
         localReadonly: import("vue").ComputedRef<boolean>;
         allowCrossDayProp: import("vue").ComputedRef<boolean>;
         ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+        teleportTo: import("vue").Ref<any>;
         pickerDropdownRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
@@ -491,6 +492,7 @@ declare const BkDatePicker: {
         localReadonly: import("vue").ComputedRef<boolean>;
         allowCrossDayProp: import("vue").ComputedRef<boolean>;
         ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+        teleportTo: import("vue").Ref<any>;
         pickerDropdownRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
@@ -703,6 +705,7 @@ declare const BkDatePicker: {
     localReadonly: import("vue").ComputedRef<boolean>;
     allowCrossDayProp: import("vue").ComputedRef<boolean>;
     ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+    teleportTo: import("vue").Ref<any>;
     pickerDropdownRef: import("vue").Ref<any>;
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;

package/lib/date-picker/index.js

@@ -4260,6 +4260,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       emit = _ref.emit;
     var formItem = (0,shared_namespaceObject.useFormItem)();
     var isRange = props.type.includes('range');
+    var teleportTo = (0,external_vue_namespaceObject.ref)((0,shared_namespaceObject.getFullscreenRoot)());
     var emptyArray = isRange ? [null, null] : [null];
     var initialArr = isRange ? props.value || props.modelValue : [props.value || props.modelValue];
     var initialValue = isAllEmptyArr(initialArr) ? emptyArray : parseDate(props.value || props.modelValue, props.type, props.multiple, props.format);
@@ -4575,6 +4576,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (props.readonly) {
         return;
       }
+      teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
       if (e && e.type === 'focus') {
         return;
@@ -4760,6 +4762,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       localReadonly: localReadonly,
       allowCrossDayProp: allowCrossDayProp,
       ownPickerProps: ownPickerProps,
+      teleportTo: teleportTo,
       pickerDropdownRef: pickerDropdownRef,
       inputRef: inputRef,
       triggerRef: triggerRef,
@@ -4827,9 +4830,6 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       confirm: this.$slots.confirm
     } : {};
     var slots = date_picker_objectSpread(date_picker_objectSpread({}, shortcutsSlot), confirmSlot);
-    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,shared_namespaceObject.getFullscreenRoot)();
-    });
     return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": [this.resolveClassName('date-picker'), this.type === 'datetimerange' ? 'long' : '', this.longWidthCls]
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -4838,7 +4838,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "onMouseenter": this.handleInputMouseenter,
       "onMouseleave": this.handleInputMouseleave
     }, [(_this$$slots$trigger = (_this$$slots$trigger2 = (_this$$slots2 = this.$slots).trigger) === null || _this$$slots$trigger2 === void 0 ? void 0 : _this$$slots$trigger2.call(_this$$slots2, this.displayValue)) !== null && _this$$slots$trigger !== void 0 ? _this$$slots$trigger : defaultTrigger]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-      "to": teleportTo.value,
+      "to": this.teleportTo,
       "disabled": !this.appendToBody
     }, {
       "default": function _default() {
@@ -4963,6 +4963,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       emit = _ref.emit;
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var teleportTo = (0,external_vue_namespaceObject.ref)((0,shared_namespaceObject.getFullscreenRoot)());
     var formItem = (0,shared_namespaceObject.useFormItem)();
     var isRange = props.type.includes('range');
     var emptyArray = isRange ? [null, null] : [null];
@@ -5275,6 +5276,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (props.readonly) {
         return;
       }
+      teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
       if (e && e.type === 'focus') {
         return;
@@ -5462,6 +5464,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       inputRef: inputRef,
       triggerRef: triggerRef,
       pickerPanelRef: pickerPanelRef,
+      teleportTo: teleportTo,
       handleClose: handleClose,
       handleIconClick: handleIconClick,
       handleInputMouseenter: handleInputMouseenter,
@@ -5517,9 +5520,6 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         return ((_this$$slots$shortcut = (_this$$slots = _this.$slots).shortcuts) === null || _this$$slots$shortcut === void 0 ? void 0 : _this$$slots$shortcut.call(_this$$slots)) || null;
       }
     } : {};
-    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,shared_namespaceObject.getFullscreenRoot)();
-    });
     return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": [this.resolveClassName('date-picker'), this.type === 'datetimerange' ? 'long' : '', this.longWidthCls]
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -5528,7 +5528,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "onMouseenter": this.handleInputMouseenter,
       "onMouseleave": this.handleInputMouseleave
     }, [(_this$$slots$trigger = (_this$$slots$trigger2 = (_this$$slots2 = this.$slots).trigger) === null || _this$$slots$trigger2 === void 0 ? void 0 : _this$$slots$trigger2.call(_this$$slots2, this.displayValue)) !== null && _this$$slots$trigger !== void 0 ? _this$$slots$trigger : defaultTrigger]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-      "to": teleportTo.value,
+      "to": this.teleportTo,
       "disabled": !this.appendToBody
     }, {
       "default": function _default() {

package/lib/date-picker/time-picker.d.ts

@@ -165,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;
     pickerPanelRef: import("vue").Ref<any>;
+    teleportTo: import("vue").Ref<any>;
     handleClose: (e?: Event) => boolean;
     handleIconClick: () => void;
     handleInputMouseenter: () => void;

package/lib/shared/index.js

@@ -1336,8 +1336,6 @@ var isFullScreenContainsElement = function isFullScreenContainsElement(target) {
  * @returns
  */
 var getFullscreenRoot = function getFullscreenRoot(selector) {
-  var _document$fullscreenE3;
-  console.log('getFullscreenRoot', (_document$fullscreenE3 = document.fullscreenElement) !== null && _document$fullscreenE3 !== void 0 ? _document$fullscreenE3 : document.body);
   if (helper_isElement(selector)) {
     if (isFullScreenContainsElement(selector)) {
       return selector;
@@ -1348,10 +1346,10 @@ var getFullscreenRoot = function getFullscreenRoot(selector) {
     return getFullscreenRoot(target);
   }
   if (document.fullscreenElement) {
-    var _document$fullscreenE4;
-    if ((_document$fullscreenE4 = document.fullscreenElement) !== null && _document$fullscreenE4 !== void 0 && _document$fullscreenE4.shadowRoot) {
-      var _document$fullscreenE5;
-      return (_document$fullscreenE5 = document.fullscreenElement) === null || _document$fullscreenE5 === void 0 ? void 0 : _document$fullscreenE5.shadowRoot;
+    var _document$fullscreenE3;
+    if ((_document$fullscreenE3 = document.fullscreenElement) !== null && _document$fullscreenE3 !== void 0 && _document$fullscreenE3.shadowRoot) {
+      var _document$fullscreenE4;
+      return (_document$fullscreenE4 = document.fullscreenElement) === null || _document$fullscreenE4 === void 0 ? void 0 : _document$fullscreenE4.shadowRoot;
     }
     return document.fullscreenElement;
   }

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

@@ -182,6 +182,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {
     updateColumnDefine(unmounted?: boolean): void;
     copyProps(props: ITableColumn): {};
+    rsolveIndexedColumn(): boolean;
     updateColumnDefineByParent(): void;
     unmountColumn(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{

package/lib/table/index.d.ts

@@ -1455,6 +1455,7 @@ declare const BkTable: {
                 default: number;
             };
         }>>): {};
+        rsolveIndexedColumn(): boolean;
         updateColumnDefineByParent(): void;
         unmountColumn(): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{

package/lib/table/index.js

@@ -753,8 +753,23 @@ var TableColumnProp = {
         return Object.assign(result, defineProperty_defineProperty({}, target, props[key]));
       }, {});
     },
+    rsolveIndexedColumn: function rsolveIndexedColumn() {
+      // 如果是设置了Index，则先添加Index列，不做自动递归读取Column
+      if (/\d+\.?\d*/.test("".concat(this.$props.index))) {
+        var resolveProp = Object.assign({}, this.copyProps(this.$props), {
+          field: this.$props.prop || this.$props.field,
+          render: this.$slots["default"]
+        });
+        this.initColumns(resolveProp);
+        return false;
+      }
+      return true;
+    },
     updateColumnDefineByParent: function updateColumnDefineByParent() {
       var _this = this;
+      if (!this.rsolveIndexedColumn()) {
+        return;
+      }
       var fn = function fn() {
         // @ts-ignore
         var selfVnode = _this._;
@@ -4070,6 +4085,11 @@ var tableSchemaResponse = function tableSchemaResponse(props) {
 /* harmony default export */ const use_column = (function (props, targetColumns) {
   var _props$columns;
   var resolvedColumns = (0,external_vue_namespaceObject.reactive)((_props$columns = props.columns) !== null && _props$columns !== void 0 ? _props$columns : []);
+  /**
+   * 初始化Column配置
+   * @param column 传入
+   * @param remove 是否移除当前列
+   */
   var initColumns = function initColumns(column) {
     var remove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var resolveColumns = [];

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

@@ -179,6 +179,7 @@ declare const BkTableColumn: {
                 default: number;
             };
         }>>): {};
+        rsolveIndexedColumn(): boolean;
         updateColumnDefineByParent(): void;
         unmountColumn(): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -425,6 +426,7 @@ declare const BkTableColumn: {
                 default: number;
             };
         }>>): {};
+        rsolveIndexedColumn(): boolean;
         updateColumnDefineByParent(): void;
         unmountColumn(): void;
     }, {
@@ -619,6 +621,7 @@ declare const BkTableColumn: {
             default: number;
         };
     }>>): {};
+    rsolveIndexedColumn(): boolean;
     updateColumnDefineByParent(): void;
     unmountColumn(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {

package/lib/table-column/index.js

@@ -714,8 +714,23 @@ var TableColumnProp = {
         return Object.assign(result, _defineProperty({}, target, props[key]));
       }, {});
     },
+    rsolveIndexedColumn: function rsolveIndexedColumn() {
+      // 如果是设置了Index，则先添加Index列，不做自动递归读取Column
+      if (/\d+\.?\d*/.test("".concat(this.$props.index))) {
+        var resolveProp = Object.assign({}, this.copyProps(this.$props), {
+          field: this.$props.prop || this.$props.field,
+          render: this.$slots["default"]
+        });
+        this.initColumns(resolveProp);
+        return false;
+      }
+      return true;
+    },
     updateColumnDefineByParent: function updateColumnDefineByParent() {
       var _this = this;
+      if (!this.rsolveIndexedColumn()) {
+        return;
+      }
       var fn = function fn() {
         // @ts-ignore
         var selfVnode = _this._;

package/lib/time-picker/index.d.ts

@@ -172,6 +172,7 @@ declare const BkTimePicker: {
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
         pickerPanelRef: import("vue").Ref<any>;
+        teleportTo: import("vue").Ref<any>;
         handleClose: (e?: Event) => boolean;
         handleIconClick: () => void;
         handleInputMouseenter: () => void;
@@ -576,6 +577,7 @@ declare const BkTimePicker: {
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
         pickerPanelRef: import("vue").Ref<any>;
+        teleportTo: import("vue").Ref<any>;
         handleClose: (e?: Event) => boolean;
         handleIconClick: () => void;
         handleInputMouseenter: () => void;
@@ -820,6 +822,7 @@ declare const BkTimePicker: {
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;
     pickerPanelRef: import("vue").Ref<any>;
+    teleportTo: import("vue").Ref<any>;
     handleClose: (e?: Event) => boolean;
     handleIconClick: () => void;
     handleInputMouseenter: () => void;

package/package.json

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