bkui-vue 0.0.1-beta.413 → 0.0.1-beta.415

package/dist/index.esm.js

@@ -55,7 +55,6 @@ var loading = "";
 var modal = "";
 var progress = "";
 var radio = "";
-var radioButton = "";
 var rate = "";
 var star$1 = "";
 var swiper = "";
@@ -7404,7 +7403,7 @@ class BkMaskManager {
     this.zIndexStore = /* @__PURE__ */ new Map();
     this.lastUUID = null;
     this.maskStyle = {
-      position: "absolute",
+      position: "fixed",
       left: 0,
       top: 0,
       bottom: 0,
@@ -11254,6 +11253,7 @@ const PopoverProps = __spreadValues({
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
+  allowHTML: PropTypes.bool.def(false),
   placement: PropTypes.oneOfType([placementType().def(PlacementEnum.TOP), PropTypes.string]).def(PlacementEnum.TOP),
   theme: PropTypes.string.def("dark"),
   trigger: PropTypes.oneOfType([triggerType(), PropTypes.string]).def("hover"),
@@ -13208,6 +13208,14 @@ var Component$q = defineComponent({
       }
       return localIsShow.value;
     });
+    const renderContent2 = () => {
+      if (props2.allowHTML) {
+        return h$1("div", {
+          innerHTML: props2.content
+        });
+      }
+      return content;
+    };
     return {
       boundary,
       arrow: props2.arrow,
@@ -13222,7 +13230,8 @@ var Component$q = defineComponent({
       hide: hide2,
       show: show2,
       stopHide,
-      contentIsShow
+      contentIsShow,
+      renderContent: renderContent2
     };
   },
   render() {
@@ -13249,7 +13258,7 @@ var Component$q = defineComponent({
         }, {
           default: () => {
             var _a, _b, _c;
-            return [this.contentIsShow ? (_c = (_b = (_a = this.$slots).content) == null ? void 0 : _b.call(_a)) != null ? _c : this.content : ""];
+            return [this.contentIsShow ? (_c = (_b = (_a = this.$slots).content) == null ? void 0 : _b.call(_a)) != null ? _c : this.renderContent() : ""];
           },
           arrow: () => this.arrow ? createVNode(Arrow, {
             "ref": "refArrow"
@@ -13815,7 +13824,7 @@ var RadioButton = defineComponent({
   },
   render() {
     const radioClass = classes({
-      "bk-radio-item": true,
+      "bk-radio-button": true,
       "is-focused": this.isFocused,
       "is-disabled": this.isDisabled,
       "is-checked": this.isChecked
@@ -13825,14 +13834,14 @@ var RadioButton = defineComponent({
         return null;
       }
       return createVNode("div", {
-        "class": "bk-radio-item-label"
+        "class": "bk-radio-button-label"
       }, [this.$slots.default ? this.$slots.default() : this.label]);
     };
     return createVNode("label", {
       "class": radioClass,
       "tabindex": "0"
     }, [createVNode("input", {
-      "class": "bk-radio-item-input",
+      "class": "bk-radio-button-input",
       "type": "radio",
       "tabindex": "0",
       "value": this.label,
@@ -13849,7 +13858,7 @@ const radioGroupProps = {
   modelValue: PropTypes.oneOfType([String, Number, Boolean]),
   disabled: PropTypes.bool,
   withValidate: PropTypes.bool.def(true),
-  type: PropTypes.oneOf(["button", "capsule"]).def("button")
+  type: PropTypes.oneOf(["tab", "capsule"]).def("tab")
 };
 var RadioGroup = defineComponent({
   name: "RadioGroup",
@@ -15040,6 +15049,7 @@ const createInstance = (el, binding) => {
       const targetOptions = resolveOptions(el, binding);
       targetOptions.isShow = true;
       targetOptions.content = targetOptions.content || el.innerHTML;
+      targetOptions.allowHTML = true;
       Object.assign(targetOptions, {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
@@ -16971,27 +16981,48 @@ var Column = defineComponent({
   props: __spreadProps(__spreadValues({}, IColumnType), {
     prop: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")])
   }),
-  setup(props2, {
-    slots
-  }) {
-    const initColumns = inject(PROVIDE_KEY_INIT_COL, (_column) => {
+  setup(props2) {
+    const initColumns = inject(PROVIDE_KEY_INIT_COL, (_column, _remove = false) => {
     }, false);
-    onBeforeMount(() => {
-      const column = reactive(__spreadProps(__spreadValues({}, props2), {
-        field: props2.prop || props2.field
-      }));
-      initColumns(column);
-      column.render = slots.default ? (args) => {
-        var _a;
-        return (_a = slots.default) == null ? void 0 : _a.call(slots, args);
-      } : void 0;
+    const column = reactive(__spreadProps(__spreadValues({}, props2), {
+      field: props2.prop || props2.field
+    }));
+    onUnmounted(() => {
+      initColumns(column, true);
     });
-    return () => {
-      var _a;
-      return createVNode(Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
-        row: {}
-      })]);
+    return {
+      initColumns,
+      column
     };
+  },
+  mounted() {
+    const selfVnode = this._;
+    const colList = selfVnode.parent.vnode.children.default() || [];
+    const sortColumns = [];
+    const reduceColumns = (nodes) => {
+      this.column.render = this.$slots.default ? (args) => {
+        var _a, _b;
+        return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, args);
+      } : void 0;
+      nodes.forEach((node) => {
+        var _a, _b;
+        if (((_a = node.type) == null ? void 0 : _a.name) === "TableColumn") {
+          const resolveProp = __spreadProps(__spreadValues({}, node.props), {
+            field: node.props.prop || node.props.field
+          });
+          if (resolveProp.label === this.column.label && resolveProp.field === this.column.field) {
+            sortColumns.push(unref(this.column));
+          } else {
+            sortColumns.push(unref(resolveProp));
+          }
+        }
+        if (Object.hasOwnProperty.call(node.props || {}, "key") && ((_b = node.children) == null ? void 0 : _b.length)) {
+          reduceColumns(node.children);
+        }
+      });
+    };
+    reduceColumns(colList);
+    this.initColumns(sortColumns);
   }
 });
 const resolvePaginationOption = (propPagination, defVal) => {
@@ -19549,20 +19580,34 @@ class TableRender {
   }
 }
 var useColumn = (props2, targetColumns) => {
-  const initColumns = (column) => {
+  const initColumns = (column, remove = false) => {
     let resolveColumns = [];
     if (!Array.isArray(column)) {
       resolveColumns = [column];
     } else {
       resolveColumns = column;
     }
-    resolveColumns.forEach((col) => {
-      const matchCol = targetColumns.find((c2) => c2.label === col.label && c2.field === col.field);
-      if (!matchCol) {
-        const unrefCol = unref(col);
-        targetColumns.push(unrefCol);
-      }
-    });
+    if (!remove) {
+      const resetColumns = resolveColumns.map((col) => {
+        const exist = targetColumns.find((tc) => tc.label === col.label && tc.field === col.field);
+        if (exist) {
+          return exist;
+        }
+        return unref(col);
+      });
+      targetColumns.length = 0;
+      targetColumns.push(...resetColumns);
+    } else {
+      resolveColumns.forEach((col) => {
+        const matchColIndex = targetColumns.findIndex((c2) => c2.label === col.label && c2.field === col.field);
+        if (remove) {
+          if (matchColIndex >= 0) {
+            targetColumns.splice(matchColIndex, 1);
+          }
+          return;
+        }
+      });
+    }
   };
   const getColumns = () => {
     var _a;
@@ -19766,6 +19811,7 @@ const useClass = (props2, targetColumns, root, reactiveProp, pageData) => {
     [resolveClassName("table-head")]: true,
     "has-settings": !!props2.settings
   });
+  const resolvedColumns = computed(() => getColumns());
   const config = resolveHeadConfig(props2);
   const headStyle = computed(() => ({
     "--row-height": `${resolvePropVal(config, "height", ["thead"])}px`,
@@ -19780,9 +19826,8 @@ const useClass = (props2, targetColumns, root, reactiveProp, pageData) => {
     ["is-hidden"]: !props2.pagination || !props2.data.length
   }));
   const resolveWidth2 = () => {
-    const columns = getColumns();
-    if (columns.every((col) => /^\d+\.?\d*(px)?$/ig.test(`${col.width}`))) {
-      const rectWidth = columns.reduce((width, col) => width + Number(`${col.width}`.replace(/px/ig, "")), 0);
+    if (resolvedColumns.value.every((col) => /^\d+\.?\d*(px)?$/ig.test(`${col.width}`))) {
+      const rectWidth = resolvedColumns.value.reduce((width, col) => width + Number(`${col.width}`.replace(/px/ig, "")), 0);
       const offset2 = hasScrollY.value ? SCROLLY_WIDTH : 0;
       return `${rectWidth + offset2}px`;
     }
@@ -19893,12 +19938,13 @@ const useInit = (props2, targetColumns) => {
     }
     return minWidth;
   };
+  const resolvedColumns = computed(() => getColumns());
   const updateColGroups = (settings) => {
     var _a2, _b2;
     const checked = (settings == null ? void 0 : settings.checked) || ((_a2 = props2.settings) == null ? void 0 : _a2.checked) || [];
     const settingFields = (settings == null ? void 0 : settings.fields) || ((_b2 = props2.settings) == null ? void 0 : _b2.fields) || [];
     colgroups.length = 0;
-    colgroups.push(...getColumns().map((col) => __spreadProps(__spreadValues({}, col), {
+    colgroups.push(...resolvedColumns.value.map((col) => __spreadProps(__spreadValues({}, col), {
       calcWidth: null,
       resizeWidth: null,
       minWidth: resolveMinWidth(col),
@@ -19924,7 +19970,7 @@ const useInit = (props2, targetColumns) => {
     resetResizeEvents();
     registerResizeEvent();
   }, 120);
-  watch(() => [props2.columns, targetColumns], () => {
+  watch(() => resolvedColumns, () => {
     debounceColUpdate();
   }, { immediate: true, deep: true });
   const defSort = props2.columns.reduce((out, col, index2) => {
@@ -20479,6 +20525,7 @@ var Component$e = defineComponent({
     onBeforeUnmount(() => {
       tableRender.destroy();
     });
+    const getRoot = () => root.value;
     ctx.expose({
       setRowExpand,
       clearSelection,
@@ -20486,7 +20533,8 @@ var Component$e = defineComponent({
       toggleRowSelection,
       getSelection,
       clearSort,
-      scrollTo
+      scrollTo,
+      getRoot
     });
     const tableBodyClass = computed(() => __spreadProps(__spreadValues({}, contentClass), {
       "__is-empty": !pageData.length