bkui-vue 0.0.1-beta.94 → 0.0.1-beta.97

package/dist/index.esm.js

@@ -11900,7 +11900,8 @@ var Component$h = defineComponent({
     placeholder: PropTypes.string.def("\u8BF7\u9009\u62E9"),
     selectAllText: PropTypes.string.def("\u5168\u90E8"),
     scrollLoading: PropTypes.bool.def(false),
-    allowCreate: PropTypes.bool.def(false)
+    allowCreate: PropTypes.bool.def(false),
+    popoverOptions: PropTypes.object.def({})
   },
   emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end"],
   setup(props, {
@@ -12266,12 +12267,21 @@ var Component$h = defineComponent({
       [this.size]: true,
       [this.behavior]: true
     });
-    const modifiers = [{
-      name: "offset",
-      options: {
-        offset: [0, 4]
-      }
-    }];
+    const popoverOptions = Object.assign({
+      theme: "light bk-select-popover",
+      trigger: "manual",
+      width: this.popperWidth,
+      arrow: false,
+      placement: "bottom",
+      isShow: this.isPopoverShow,
+      modifiers: [{
+        name: "offset",
+        options: {
+          offset: [0, 4]
+        }
+      }],
+      handleFirstUpdate: this.onPopoverFirstUpdate
+    }, this.popoverOptions);
     const suffixIcon = () => {
       if (this.loading) {
         return createVNode(BkLoading, {
@@ -12375,17 +12385,9 @@ var Component$h = defineComponent({
     };
     return withDirectives(createVNode("div", {
       "class": selectClass
-    }, [createVNode(BkPopover, {
-      "ref": "popoverRef",
-      "theme": "light",
-      "trigger": "manual",
-      "width": this.popperWidth,
-      "arrow": false,
-      "placement": "bottom",
-      "isShow": this.isPopoverShow,
-      "modifiers": modifiers,
-      "handleFirstUpdate": this.onPopoverFirstUpdate
-    }, {
+    }, [createVNode(BkPopover, mergeProps({
+      "ref": "popoverRef"
+    }, popoverOptions), {
       default: () => renderSelectTrigger(),
       content: () => renderSelectContent()
     })]), [[resolveDirective("clickoutside"), this.handleClickOutside]]);
@@ -12534,6 +12536,9 @@ var Component$f = defineComponent({
       });
       defaultSteps.value.splice(0, defaultSteps.value.length, ...defaults);
     };
+    const updateCurStep = (curStep) => {
+      stepsProps.curStep = curStep;
+    };
     const init = () => {
       var _a;
       defaultSteps.value.splice(0, defaultSteps.value.length, ...[{
@@ -12567,6 +12572,16 @@ var Component$f = defineComponent({
       }
     };
     onMounted(init);
+    watch(() => props.steps, () => {
+      updateSteps(props.steps);
+    }, {
+      deep: true
+    });
+    watch(() => props.curStep, () => {
+      updateCurStep(props.curStep);
+    }, {
+      deep: true
+    });
     return {
       defaultSteps,
       jumpTo
@@ -12592,7 +12607,12 @@ var Component$f = defineComponent({
       }
       return typeof step === "string";
     };
-    const isIcon = (index, step) => step.icon ? step.icon : index + 1;
+    const isNumberIcon = (index, step) => {
+      if (!step.icon) {
+        step.icon = index;
+      }
+      return !isNaN(step.icon);
+    };
     const isLoadingStatus = (step) => step.status === "loading";
     const isErrorStatus = (step) => step.status === "error";
     const renderIcon = (index, step) => {
@@ -12611,7 +12631,7 @@ var Component$f = defineComponent({
           "class": "bk-steps-icon"
         }, null);
       }
-      return createVNode("span", null, [isIcon(index, step)]);
+      return createVNode("span", null, [isNumberIcon(index, step) ? index + 1 : createVNode(step.icon, null, null)]);
     };
     return createVNode("div", {
       "class": stepsCls
@@ -12620,7 +12640,7 @@ var Component$f = defineComponent({
       return createVNode("div", {
         "class": ["bk-step", !step.title ? "bk-step-no-content" : "", isDone(index) ? "done" : "", isCurrent(index) ? "current" : "", isCurrent(index) && this.status === "error" ? "isError" : "", step.status && isCurrent(index) ? [`bk-step-${step.status}`] : ""]
       }, [createVNode("span", {
-        "class": ["bk-step-indicator", `bk-step-${iconType(step) ? "icon" : "number"}`],
+        "class": ["bk-step-indicator", `bk-step-${iconType(step) ? "icon" : "number"}`, `bk-step-icon${step.status}`],
         "style": {
           cursor: this.controllable ? "pointer" : ""
         },
@@ -13256,7 +13276,7 @@ const tableProps = {
   rowKey: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.func
-  ]).def(void 0)
+  ]).def(TABLE_ROW_ATTRIBUTE.ROW_INDEX)
 };
 function _isSlot$2(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
@@ -14002,7 +14022,7 @@ const resolveHeadConfig = (props) => {
 };
 const getRowText = (row, key, column) => {
   if (column.type === "index") {
-    return row[TABLE_ROW_ATTRIBUTE.ROW_INDEX];
+    return row[TABLE_ROW_ATTRIBUTE.ROW_INDEX] + 1;
   }
   return row[key];
 };
@@ -14018,8 +14038,11 @@ const formatPropAsArray = (prop, args) => {
   }
   return [];
 };
-const getRowKey = (item, props) => {
+const getRowKey = (item, props, index) => {
   if (typeof props.rowKey === "string") {
+    if (props.rowKey === TABLE_ROW_ATTRIBUTE.ROW_INDEX) {
+      return `__ROW_INDEX_${index}`;
+    }
     const keys = props.rowKey.split(".");
     return keys.reduce((pre, cur) => {
       if (Object.prototype.hasOwnProperty.call(pre, cur)) {
@@ -14685,7 +14708,9 @@ class TableRender {
           cell: true,
           "expand-cell": column.type === "expand"
         };
+        const cellKey = `__CELL_${rowIndex}_${index}`;
         return createVNode("td", {
+          "key": cellKey,
           "class": cellClass,
           "style": cellStyle,
           "colspan": 1,
@@ -14753,7 +14778,7 @@ class TableRender {
     }
     const cell = getRowText(row, resolvePropVal(column, "field", [column, row]), column);
     if (typeof column.render === "function") {
-      return column.render(cell, row, index, rows);
+      return column.render(cell, this.props.data[row[TABLE_ROW_ATTRIBUTE.ROW_INDEX]], row, column, index, rows);
     }
     return cell;
   }
@@ -15067,9 +15092,9 @@ const useInit = (props) => {
   const indexData = reactive([]);
   const initIndexData = (keepLocalAction = false) => {
     indexData.splice(0, indexData.length, ...props.data.map((item, index) => {
-      const rowId = getRowKey(item, props);
+      const rowId = getRowKey(item, props, index);
       return __spreadProps(__spreadValues({}, item), {
-        [TABLE_ROW_ATTRIBUTE.ROW_INDEX]: index + 1,
+        [TABLE_ROW_ATTRIBUTE.ROW_INDEX]: index,
         [TABLE_ROW_ATTRIBUTE.ROW_UID]: rowId,
         [TABLE_ROW_ATTRIBUTE.ROW_EXPAND]: keepLocalAction ? isRowExpand(rowId) : false
       });
@@ -24690,7 +24715,6 @@ var Component$1 = defineComponent({
   }) {
     const defaultTimelines = ref([]);
     const updateTimelines = (timelines) => {
-      console.log("timelines", timelines);
       const defaults = [];
       timelines.forEach((timeline2) => {
         var _a;
@@ -24731,6 +24755,11 @@ var Component$1 = defineComponent({
       }
     };
     onMounted(init);
+    watch(() => props.list, () => {
+      updateTimelines(props.list);
+    }, {
+      deep: true
+    });
     return {
       defaultTimelines,
       titleSelect