@deot/vc-components 1.0.56 → 1.0.58

package/dist/index.umd.cjs

@@ -10,7 +10,6 @@
 	    if (!message || !target) return;
 	    message = `[@deot/vc - ${target}]: ${message}`;
 	    this.message = message;
-	    /* istanbul ignore next -- @preserve */
 	  }
 	}
 
@@ -610,7 +609,6 @@
 	          const key = `${prefix}${url}`;
 	          const cache = window.localStorage.getItem(key);
 	          let icons = JSON.parse(cache || '""');
-	          /* istanbul ignore next -- @preserve */
 	          if (!icons) {
 	            const data = await new Promise((resolve$) => {
 	              const request = new XMLHttpRequest();
@@ -645,7 +643,6 @@
 	          });
 	          resolve();
 	        } catch (e) {
-	          /* istanbul ignore next -- @preserve */
 	          reject(new VcError("icon", e));
 	        }
 	      })();
@@ -657,7 +654,6 @@
 	      const icons = {};
 	      setTimeout(() => {
 	        try {
-	          /* istanbul ignore next -- @preserve */
 	          IS_DEV && console.time(url);
 	          svgStr.replace(svgReg, "$1")?.match(symbolReg)?.forEach(
 	            (i) => i.replace(basicReg, (_, ...args) => {
@@ -672,23 +668,19 @@
 	              return "";
 	            })
 	          );
-	          /* istanbul ignore next -- @preserve */
 	          IS_DEV && console.timeEnd(url);
 	          resolve(icons);
 	        } catch (e) {
-	          /* istanbul ignore next -- @preserve */
 	          reject(new VcError("icon", e));
 	        }
 	      }, 0);
 	    });
 	  }
 	  on(type, fn) {
-	    /* istanbul ignore next -- @preserve */
 	    if (typeof type !== "string" || typeof fn !== "function") return this;
 	    this.events[type] = this.events[type] || [];
 	    if (this.events[type].length >= 100) {
 	      delete this.events[type];
-	      /* istanbul ignore else -- @preserve */
 	      if (!IS_SERVER$2) {
 	        throw new VcError("icon", `${type} nonexistent`);
 	      }
@@ -697,7 +689,6 @@
 	    return this;
 	  }
 	  off(type, fn) {
-	    /* istanbul ignore next -- @preserve */
 	    if (typeof type !== "string" || typeof fn !== "function") return this;
 	    this.events[type] = this.events[type]?.filter((i) => i != fn);
 	    return this;
@@ -961,7 +952,6 @@
 	    const handleBeforeEnter = (el) => {
 	      const duration = props.duration.enter || props.duration;
 	      el.style.transition = getTransitionStyle(duration);
-	      /* istanbul ignore next -- @preserve */
 	      if (!el.dataset) {
 	        el.dataset = {};
 	      }
@@ -978,7 +968,6 @@
 	      const next = createNext(done, duration);
 	      try {
 	        el.dataset.oldOverflow = el.style.overflow;
-	        /* istanbul ignore next -- @preserve */
 	        if (el.scrollHeight !== 0) {
 	          el.style.height = el.scrollHeight + "px";
 	          el.style.paddingTop = el.dataset.oldPaddingTop + "px";
@@ -1001,7 +990,6 @@
 	      attrs.onAfterEnter?.(el);
 	    };
 	    const handleBeforeLeave = (el) => {
-	      /* istanbul ignore next -- @preserve */
 	      if (!el.dataset) {
 	        el.dataset = {};
 	      }
@@ -1018,7 +1006,6 @@
 	      const next = createNext(done, duration);
 	      try {
 	        const leaveDuration = props.duration.leave || props.duration;
-	        /* istanbul ignore next -- @preserve */
 	        if (el.scrollHeight !== 0) {
 	          el.style.transition = getTransitionStyle(leaveDuration);
 	          el.style.height = "0px";
@@ -6808,7 +6795,6 @@
 	      () => {
 	        const { wait, exclude, include } = props;
 	        const ons = Object.entries(attrs).reduce((pre, [key, callback]) => {
-	          /* istanbul ignore else -- @preserve */
 	          if ((!exclude || !exclude.test(key)) && (!include || include.test(key)) && typeof callback === "function") {
 	            pre[key] = debounce(callback, wait, {
 	              leading: true,
@@ -7140,7 +7126,6 @@
 	  const instance = vue.getCurrentInstance();
 	  const regex = new RegExp(`${componentName}$`);
 	  let parent = instance.parent;
-	  /* istanbul ignore next -- @preserve */
 	  while (parent && !(parent?.type?.name && regex.test(parent.type.name)) && (!privateKey || !parent?.[privateKey] || !parent?.proxy?.[privateKey])) {
 	    parent = parent.parent || parent?.type?.parent;
 	  }
@@ -8454,7 +8439,6 @@
 	        }
 	      }
 	    } catch (e) {
-	      /* istanbul ignore next -- @preserve */
 	      throw new VcError("instance", e);
 	    }
 	  }
@@ -8465,7 +8449,6 @@
 	    try {
 	      Portal.leafs.forEach((leaf) => leaf.destroy());
 	    } catch (e) {
-	      /* istanbul ignore next -- @preserve */
 	      throw new VcError("instance", e);
 	    }
 	  }
@@ -8538,7 +8521,6 @@
 	    return (...args) => {
 	      const done = () => {
 	        const leaf = getLeaf();
-	        /* istanbul ignore next -- @preserve */
 	        if (!leaf) {
 	          throw new VcError("portal", "实例不存在或已卸载");
 	        }
@@ -8589,7 +8571,6 @@
 	      if (isDestroyed()) return;
 	      onDestroyed?.(...args);
 	      leaf.app?.unmount();
-	      /* istanbul ignore else -- @preserve */
 	      if (useAllNodes) {
 	        root?.contains(container) && root.removeChild(container);
 	      } else if (container && container._children) {
@@ -8617,16 +8598,13 @@
 	            const handleExtra = (e) => {
 	              try {
 	                const path = e.path || composedPath(e);
-	                /* istanbul ignore else -- @preserve */
 	                if (container && e.target && !container.contains(e.target) && !path?.some((item) => utils.eleInRegExp(item, aliveRegExp))) {
-	                  /* istanbul ignore else -- @preserve */
 	                  if (leaf.wrapper && leaf.wrapper?.[aliveVisibleKey]) {
 	                    typeof leaf.wrapper[aliveVisibleKey] === "function" ? leaf.wrapper[aliveVisibleKey](false) : leaf.wrapper[aliveVisibleKey] = false;
 	                  }
 	                  leaveDelay ? setTimeout($onDestroyed, leaveDelay) : $onDestroyed();
 	                }
 	              } catch (error) {
-	                /* istanbul ignore next -- @preserve */
 	                throw new VcError("portal", error);
 	              }
 	            };
@@ -9728,7 +9706,8 @@
 	  emits: [...EVENTS$1, 'ready'],
 	  setup(props, {
 	    emit,
-	    slots
+	    slots,
+	    expose
 	  }) {
 	    const instance = vue.getCurrentInstance();
 	    const chart = vue.shallowRef(null);
@@ -9827,6 +9806,10 @@
 	        }
 	      });
 	    });
+	    expose({
+	      chart,
+	      refresh
+	    });
 	    vue.onUnmounted(destroy);
 	    return () => {
 	      return vue.createVNode("div", {
@@ -16473,7 +16456,7 @@
 	  }) {
 	    const owner = getInstance$1('dropdown', 'dropdownId');
 	    const currentValue = vue.computed(() => {
-	      const v = typeof props.value === 'undefined' || props.value === '' ? props.label : props.value;
+	      const v = typeof props.value === 'undefined' ? props.label : props.value;
 	      return v;
 	    });
 	    const classes = vue.computed(() => {
@@ -16783,6 +16766,7 @@
 	        }
 	      });
 	    };
+	    const handlePrevent = e => e.preventDefault();
 	    vue.onMounted(() => {
 	      insertStyle(buttons.value);
 	    });
@@ -16793,7 +16777,8 @@
 	    });
 	    return () => {
 	      return vue.createVNode("div", {
-	        "id": props.elementId
+	        "id": props.elementId,
+	        "onClick": handlePrevent
 	      }, [renderButtonGroup(buttons.value), slots?.extend?.()]);
 	    };
 	  }
@@ -21935,7 +21920,7 @@
 	    default: "div"
 	  },
 	  fill: {
-	    type: Boolean,
+	    type: [Boolean, Array],
 	    default: true
 	  }
 	};
@@ -21949,6 +21934,13 @@
 	    const width = vue.ref(0);
 	    const height = vue.ref(0);
 	    const current = vue.ref();
+	    const classes = vue.computed(() => {
+	      const v = Array.isArray(props.fill) ? props.fill : [props.fill, props.fill];
+	      return {
+	        "is-fill-width": v[0],
+	        "is-fill-height": v[1]
+	      };
+	    });
 	    const currentExposed = vue.computed(() => {
 	      return {
 	        height: height.value,
@@ -21999,7 +21991,7 @@
 	        props.tag,
 	        {
 	          ref: current,
-	          class: ["vc-resizer", { "is-fill": props.fill }]
+	          class: ["vc-resizer", classes.value]
 	        },
 	        slots.default?.(currentExposed.value)
 	      );
@@ -25430,26 +25422,22 @@
 	      const index$ = rebuildDataIndexMap.value[index];
 	      typeof index$ === 'undefined' ? rebuildData.value.unshift(node) : rebuildData.value[index$] = node;
 	    };
-	    // 更新item.size
 	    const refreshItemSize = index => {
 	      const current = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
-	      if (!current) return; // 受到`removeUnusedPlaceholders`影响，无效的会被回收
 
-	      const oldSize = current.size;
+	      // 受到`removeUnusedPlaceholders`影响,无效的会被回收
+	      if (!current) return;
+	      const original = Object.assign({}, current);
 	      const dom = preloads.value[index] || curloads.value[props.inverted ? index : index - firstItemIndex.value];
 	      if (dom) {
 	        current.size = dom[K.offsetSize] || placeholderSize.value;
 	      } else if (current) {
 	        current.size = placeholderSize.value;
 	      }
-
-	      // 这样的考虑欠佳，待优化
-	      if (oldSize !== current.size) {
-	        emit('row-resize', {
-	          index: current.id,
-	          size: current.size
-	        });
-	      }
+	      return {
+	        original,
+	        changed: current
+	      };
 	    };
 	    const refreshItemPosition = () => {
 	      const sizes = Array.from({
@@ -25519,18 +25507,24 @@
 	    const refreshLayout = async (start, end) => {
 	      isRefreshLayout = 1;
 	      const promiseTasks = [];
+	      const resizeChanges = [];
 	      let item;
 	      for (let i = start; i < end; i++) {
 	        item = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[i]] : rebuildData.value[i];
-	        if (item && item.loaded) {
-	          continue;
-	        }
+	        if (item && item.loaded) continue;
 	        setItemData(i, originalData[i]);
-	        promiseTasks.push(vue.nextTick(() => refreshItemSize(i)));
+	        promiseTasks.push(vue.nextTick(() => {
+	          const e = refreshItemSize(i);
+	          e && resizeChanges.push(e.changed);
+	        }));
 	      }
 	      await Promise.all(promiseTasks);
 	      refreshItemPosition();
 	      setFirstItemIndex();
+	      resizeChanges.length > 0 && emit('row-resize', resizeChanges.map(i => ({
+	        size: i.size,
+	        index: i.id
+	      })));
 	      interrupter.next();
 	      isRefreshLayout = 0;
 	    };
@@ -27245,11 +27239,19 @@
 	    emit,
 	    slots
 	  }) {
+	    let resizeChanges = [];
+	    const emitChanges = () => {
+	      if (resizeChanges.length > 0) {
+	        emit('row-resize', resizeChanges);
+	        resizeChanges = [];
+	      }
+	    };
 	    const handleResize = (e, index) => {
-	      emit('row-resize', {
+	      resizeChanges.push({
 	        index,
 	        size: e.height
 	      });
+	      vue.nextTick(emitChanges);
 	    };
 	    return () => {
 	      return props.data.map((mergeData, index) => {
@@ -27608,22 +27610,25 @@
 	        return renderRow(row, row.index);
 	      })]);
 	    };
-	    const handleMergeRowResize = v => {
+	    const handleMergeRowResize = changes => {
 	      if (table.props.rowHeight) return;
-	      states.list[v.index].rows.forEach(row => {
-	        const old = row.heightMap[props.fixed || 'main'];
-	        if (old === v.size) return;
-	        row.heightMap[props.fixed || 'main'] = v.size;
-	        const heights = [row.heightMap.main];
-	        if (states.leftFixedCount) {
-	          heights.push(row.heightMap.left);
-	        }
-	        if (states.rightFixedCount) {
-	          heights.push(row.heightMap.right);
-	        }
-	        if (heights.every(i => !!i)) {
-	          row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || '';
-	        }
+	      // 批量处理所有尺寸变化
+	      changes.forEach(v => {
+	        states.list[v.index].rows.forEach(row => {
+	          const old = row.heightMap[props.fixed || 'main'];
+	          if (old === v.size) return;
+	          row.heightMap[props.fixed || 'main'] = v.size;
+	          const heights = [row.heightMap.main];
+	          if (states.leftFixedCount) {
+	            heights.push(row.heightMap.left);
+	          }
+	          if (states.rightFixedCount) {
+	            heights.push(row.heightMap.right);
+	          }
+	          if (heights.every(i => !!i)) {
+	            row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || '';
+	          }
+	        });
 	      });
 	    };
 	    expose({
@@ -30569,7 +30574,6 @@
 	  setup(props, { slots }) {
 	    const themeId = getUid("vc-theme");
 	    const setVar = (name) => {
-	      /* istanbul ignore next -- @preserve */
 	      if (!name) return "";
 	      const globals = VcInstance.options.Theme?.variables;
 	      return props.variables?.[name] || globals?.[name] || `var(--${name})`;
@@ -30605,7 +30609,6 @@
 	      }
 	    });
 	    const setCss = (attrs) => {
-	      /* istanbul ignore next -- @preserve */
 	      if (!attrs || typeof attrs === "string") return attrs;
 	      let content = "";
 	      Object.entries(attrs).forEach(([key, val]) => {
@@ -30614,7 +30617,6 @@
 	      return content;
 	    };
 	    const resetPseudo = () => {
-	      /* istanbul ignore next -- @preserve */
 	      if (typeof document === "undefined") return;
 	      const { pseudo } = props;
 	      if (!pseudo) return removeStyle(themeId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc-components",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",