@opentiny/vue-renderless 3.6.8 → 3.8.2

package/river/river.js

@@ -0,0 +1,352 @@
+import "../chunk-PKUHTIDK.js";
+import { omitText } from "../common/string";
+const isArr = Array.isArray;
+const some = (arr, predicate) => arr.some(predicate);
+const filter = (arr, predicate) => arr.filter(predicate);
+const lower = (string) => string.toLowerCase();
+const layout = (data, config, el) => {
+  const { nodes, links } = data;
+  const { iconSpacing, iconRadius, iconPadding, labelOffset, nameField, cols, rows } = config;
+  const { heightStart, heightStep, nodeAnchor, posOffsetX, posOffsetY, riverColor, riverSpacing } = config;
+  const { statusColor, statusName, endOpacity, backOpacity, nameSplit, legend, showLegend, legendPosY } = config;
+  const riverNodes = initRiverNodes(nodes);
+  calcRiverNodeWidth({ iconSpacing, riverNodes });
+  calcRiverNodeHeight({ links, riverNodes });
+  const heightMap = calcHeightMap({ riverNodes, links, heightStart, heightStep });
+  calcRiverNodePos({ cols, el, riverNodes, rows, posOffsetX, posOffsetY });
+  const nameInfo = calcRiverPath({ links, nodes, nameField, nameSplit });
+  const { dataLinkRiverLinkMap, riverLinks } = initRiverLinks(links);
+  calcRiverLinkPos({ dataLinkRiverLinkMap, links, riverNodes, heightMap, nodeAnchor, riverSpacing });
+  calcRiverLinkPath(riverLinks);
+  const riverIcons = calcRiverIcons({ iconRadius, iconSpacing, riverNodes });
+  riverNodes.forEach((riverNode) => riverNode.lp = [riverNode.x, riverNode.y - labelOffset, riverNode.width]);
+  riverIcons.forEach((riverIcon) => {
+    riverIcon.lp = [
+      riverIcon.x - iconSpacing / 2 + iconPadding,
+      riverIcon.y + labelOffset,
+      iconSpacing - iconPadding * 2
+    ];
+  });
+  calcGradient({ riverNodes, riverLinks, riverColor, statusColor, endOpacity, backOpacity });
+  const leges = showLegend ? calcLegend({ statusColor, statusName, cols, rows, legend, posOffsetX, el, iconPadding, legendPosY }) : [];
+  return riverNodes.concat(riverLinks).concat(riverIcons).concat(nameInfo).concat(leges);
+};
+const calcHeightMap = ({ riverNodes, links, heightStart, heightStep }) => {
+  const set = /* @__PURE__ */ new Set();
+  riverNodes.forEach((riverNode) => set.add(riverNode.height));
+  links.forEach((dataLink) => set.add(dataLink.value));
+  const arr = [...set].sort();
+  const map = /* @__PURE__ */ new Map();
+  const start = heightStart;
+  const step = heightStep;
+  arr.forEach((v, i) => map.set(v, start + step * i));
+  return map;
+};
+const initRiverNodes = (nodes) => nodes.map((dataNode) => {
+  return { type: "node", x: 0, y: 0, width: 0, height: 0, level: 0, data: dataNode };
+});
+const calcRiverNodeWidth = ({ iconSpacing, riverNodes }) => riverNodes.forEach((riverNode) => {
+  const { data: dataNode } = riverNode;
+  const { nodes: icons } = dataNode;
+  riverNode.width = isArr(icons) && icons.length > 1 ? iconSpacing * icons.length : iconSpacing;
+});
+const calcRiverNodeHeight = ({ links, riverNodes }) => {
+  riverNodes.forEach((riverNode) => {
+    let heightRatio = 0;
+    const { data: dataNode } = riverNode;
+    const prdc = (type) => (dataLink) => dataLink[type] === dataNode.name;
+    const targetPrdc = prdc("target");
+    const sourcePrdc = prdc("source");
+    const accumulator = (dataLink) => heightRatio += dataLink.value;
+    if (some(links, targetPrdc)) {
+      filter(links, targetPrdc).forEach(accumulator);
+    } else if (some(links, sourcePrdc)) {
+      filter(links, sourcePrdc).forEach(accumulator);
+    }
+    if (heightRatio > 0) {
+      riverNode.height = heightRatio;
+    }
+  });
+};
+const calcRiverNodePos = ({ cols, el, riverNodes, rows, posOffsetX, posOffsetY }) => {
+  if (cols && rows) {
+    calcRiverNodePosUser({ cols, el, riverNodes, rows, posOffsetX, posOffsetY });
+  }
+};
+const calcRiverPath = ({ links, nodes, nameField = "$$name", nameSplit = ";" }) => {
+  const names = [];
+  const iconNames = [];
+  nodes.forEach((dataNode) => {
+    names.push(dataNode[nameField] = lower(`n${dataNode.name}`));
+    const { nodes: icons } = dataNode;
+    icons.forEach((icon, i) => iconNames.push(icon[nameField] = `${dataNode[nameField]}/${i}`));
+  });
+  links.forEach((dataLink) => names.push(dataLink[nameField] = lower(`l${dataLink.source}t${dataLink.target}`)));
+  const nodesCopy = JSON.parse(JSON.stringify(nodes));
+  links.forEach(({ source, target }) => {
+    let sourceDataNode, targetDataNode;
+    nodesCopy.forEach((dataNode) => {
+      if (dataNode.name === source)
+        sourceDataNode = dataNode;
+      if (dataNode.name === target)
+        targetDataNode = dataNode;
+    });
+    if (sourceDataNode._children) {
+      sourceDataNode._children.push(targetDataNode);
+    } else {
+      sourceDataNode._children = [targetDataNode];
+    }
+    if (targetDataNode._parent) {
+      targetDataNode._parent.push(sourceDataNode);
+    } else {
+      targetDataNode._parent = [sourceDataNode];
+    }
+  });
+  let parent = nodesCopy[0];
+  while (parent._parent)
+    parent = parent._parent;
+  const paths = [];
+  const travel = (node, str = "") => {
+    if (str)
+      str += nameSplit;
+    str += node[nameField];
+    if (node._children) {
+      node._children.forEach((child) => {
+        const dataLink = links.find(({ source, target }) => source === node.name && target === child.name);
+        travel(child, str + nameSplit + dataLink[nameField]);
+      });
+    } else {
+      paths.push(str);
+    }
+  };
+  travel(parent);
+  return { type: "name", names, iconNames, paths, nameField, nameSplit };
+};
+const calcRiverNodePosUser = ({ cols, el, riverNodes, rows, posOffsetX, posOffsetY }) => {
+  const { clientWidth, clientHeight } = el;
+  const areaWidth = clientWidth / cols;
+  const areaHeight = clientHeight / rows;
+  riverNodes.forEach((riverNode) => {
+    const { data: dataNode } = riverNode;
+    const { col, row } = dataNode;
+    const areaPosX = areaWidth * col;
+    const areaPosY = areaHeight * row;
+    riverNode.x = areaPosX + posOffsetX;
+    riverNode.y = areaPosY + posOffsetY;
+  });
+};
+const initRiverLinks = (links) => {
+  const dataLinkRiverLinkMap = /* @__PURE__ */ new WeakMap();
+  const riverLinks = links.map((dataLink) => {
+    const value = { type: "link", lt: [0, 0], lb: [0, 0], rt: [0, 0], rb: [0, 0], data: dataLink };
+    dataLinkRiverLinkMap.set(dataLink, value);
+    return value;
+  });
+  return { dataLinkRiverLinkMap, riverLinks };
+};
+const calcRiverLinkPos1 = ({ links, riverNodes, heightMap, nodeAnchor }) => {
+  riverNodes.forEach((riverNode) => {
+    const { data: dataNode } = riverNode;
+    const prdc = (type) => (dataLink) => dataLink[type] === dataNode.name;
+    const targetPrdc = prdc("target");
+    const sourcePrdc = prdc("source");
+    let offset1 = 0;
+    let offset2 = 0;
+    if (some(links, targetPrdc)) {
+      filter(links, targetPrdc).forEach((dataLink) => {
+        offset1 += heightMap.get(dataLink.value);
+      });
+    }
+    if (some(links, sourcePrdc)) {
+      filter(links, sourcePrdc).forEach((dataLink) => {
+        offset2 += heightMap.get(dataLink.value);
+      });
+    }
+    riverNode.height = offset1 > offset2 ? offset1 : offset2;
+    if (nodeAnchor === "left-middle") {
+      riverNode.y = riverNode.y - riverNode.height / 2;
+    }
+  });
+};
+const adjustRiverPos = ({ riverNodes, nodeAnchor, riverSpacing }) => {
+  if (riverSpacing > 0) {
+    let posx = /* @__PURE__ */ new Set();
+    riverNodes.forEach((riverNode) => posx.add(riverNode.x));
+    posx = [...posx].sort();
+    posx.forEach((x) => {
+      const group = riverNodes.filter((riverNode) => riverNode.x === x);
+      if (group.length > 1) {
+        group.sort((riverNode1, riverNode2) => riverNode1.y - riverNode2.y);
+        for (let i = 0; i < group.length - 1; i++) {
+          const riverNode0 = group[i];
+          const riverNode1 = group[i + 1];
+          const nodePart = nodeAnchor === "left-top" ? riverNode0.height : (riverNode0.height + riverNode1.height) / 2;
+          riverNode1.y = riverNode0.y + nodePart + (riverNode1.data.row - riverNode0.data.row) * riverSpacing;
+        }
+      }
+    });
+  }
+};
+const calcRiverLinkPos2 = ({ dataLinkRiverLinkMap, links, riverNodes, heightMap }) => {
+  riverNodes.forEach((riverNode) => {
+    const { data: dataNode, x, width } = riverNode;
+    const prdc = (type) => (dataLink) => dataLink[type] === dataNode.name;
+    const targetPrdc = prdc("target");
+    const sourcePrdc = prdc("source");
+    const { y } = riverNode;
+    let offset1 = 0;
+    let offset2 = 0;
+    if (some(links, targetPrdc)) {
+      filter(links, targetPrdc).forEach((dataLink) => {
+        const riverLink = dataLinkRiverLinkMap.get(dataLink);
+        riverLink.rt[0] = x;
+        riverLink.rt[1] = y + offset1;
+        offset1 += heightMap.get(dataLink.value);
+        riverLink.rb[0] = x;
+        riverLink.rb[1] = y + offset1;
+      });
+    }
+    if (some(links, sourcePrdc)) {
+      filter(links, sourcePrdc).forEach((dataLink) => {
+        const riverLink = dataLinkRiverLinkMap.get(dataLink);
+        riverLink.lt[0] = x + width;
+        riverLink.lt[1] = y + offset2;
+        offset2 += heightMap.get(dataLink.value);
+        riverLink.lb[0] = x + width;
+        riverLink.lb[1] = y + offset2;
+      });
+    }
+  });
+};
+const calcRiverLinkPos = ({ dataLinkRiverLinkMap, links, riverNodes, heightMap, nodeAnchor, riverSpacing }) => {
+  calcRiverLinkPos1({ links, riverNodes, heightMap, nodeAnchor });
+  adjustRiverPos({ riverNodes, nodeAnchor, riverSpacing });
+  calcRiverLinkPos2({ dataLinkRiverLinkMap, links, riverNodes, heightMap });
+};
+const calcRiverLinkPath = (riverLinks) => {
+  riverLinks.forEach((riverLink) => {
+    riverLink.p = [];
+  });
+};
+const parse = (hexStr) => parseInt(hexStr, 16);
+const hexToRgba = (hexStr, opcity = 1) => {
+  const twice = (str) => str + str;
+  if (hexStr.length === 7) {
+    return `rgba(${parse(hexStr.slice(1, 3))},${parse(hexStr.slice(3, 5))},${parse(hexStr.slice(5, 7))},${opcity})`;
+  } else if (hexStr.length === 4) {
+    const r = parse(twice(hexStr.slice(1, 2)));
+    const g = parse(twice(hexStr.slice(2, 3)));
+    const b = parse(twice(hexStr.slice(3, 4)));
+    return `rgba(${r},${g},${b},${opcity})`;
+  }
+};
+const calcGradient = ({ riverNodes, riverLinks, riverColor, statusColor, endOpacity, backOpacity }) => {
+  riverNodes.forEach((riverNode) => {
+    const { data: dataNode } = riverNode;
+    const { nodes: icons } = dataNode;
+    const g = [];
+    if (!icons || !icons.length) {
+      const endColor = hexToRgba(riverColor, endOpacity);
+      g.push([0, 1]);
+      g.push([endColor, endColor]);
+    } else {
+      const seg = 1 / (icons.length + 1);
+      const segs = [];
+      const colors = [];
+      icons.forEach((icon, i) => {
+        const { skip } = icon;
+        const color = statusColor[String(icon.status)];
+        if (i === 0) {
+          segs.push(0);
+          colors.push(hexToRgba(color, endOpacity));
+        }
+        !skip && segs.push(seg * (i + 1));
+        !skip && colors.push(hexToRgba(color, backOpacity));
+        if (i === icons.length - 1) {
+          segs.push(1);
+          colors.push(hexToRgba(color, endOpacity));
+        }
+      });
+      g.push(segs);
+      g.push(colors);
+    }
+    riverNode.g = g;
+  });
+  riverLinks.forEach((riverLink) => {
+    const { data: dataLink } = riverLink;
+    const { source, target } = dataLink;
+    const sourceRiverNode = riverNodes.find((riverNode) => riverNode.data.name === source);
+    const targetRiverNode = riverNodes.find((riverNode) => riverNode.data.name === target);
+    const last = (arr) => arr[arr.length - 1];
+    const first = (arr) => arr[0];
+    riverLink.g = [
+      [0, 1],
+      [last(sourceRiverNode.g[1]), first(targetRiverNode.g[1])]
+    ];
+  });
+};
+const calcLegend = ({ statusColor, statusName, cols, rows, legend = {}, posOffsetX, el, iconPadding, legendPosY }) => {
+  const { dotRadius = 8, itemWidth = 80, itemHeight = 30, col = 0, row = rows - 1, offsetY = 100 } = legend;
+  const { clientWidth, clientHeight } = el;
+  const areaWidth = clientWidth / cols;
+  const areaHeight = clientHeight / rows;
+  const posx = col * areaWidth + posOffsetX;
+  const posy = typeof legendPosY === "number" ? legendPosY : (row + 0.5) * areaHeight - itemHeight / 2 + offsetY;
+  const legends = [];
+  Object.keys(statusColor).forEach((statusKey, i) => {
+    const cx = posx + itemWidth * i + dotRadius;
+    const cy = posy;
+    const color = statusColor[statusKey];
+    const x = cx + dotRadius + iconPadding;
+    const y = posy;
+    const t = statusName[statusKey];
+    const tw = itemWidth - 2 * (dotRadius + iconPadding);
+    legends.push({ type: "lege", cx, cy, radius: dotRadius, color, x, y, t, tw });
+  });
+  return legends;
+};
+const calcRiverIcons = ({ iconRadius, iconSpacing, riverNodes }) => {
+  const riverIcons = [];
+  riverNodes.forEach((riverNode) => {
+    const { x, y, height, data: dataNode } = riverNode;
+    const { nodes: icons } = dataNode;
+    const iconPosY = y + height / 2;
+    icons.forEach((icon, i) => {
+      const iconPosX = (i + 0.5) * iconSpacing + x;
+      riverIcons.push({ type: "icon", x: iconPosX, y: iconPosY, radius: iconRadius, data: icon });
+    });
+  });
+  return riverIcons;
+};
+const bpath = ({ lt, lb, rt, rb }) => {
+  const w = (rt[0] - lt[0]) * 0.42;
+  const tune = 0.1;
+  const [offsetX, offsetY] = lb;
+  const _lb = [0 - tune, 0];
+  const _lt = [lt[0] - offsetX - tune, lt[1] - offsetY];
+  const _rt = [rt[0] - offsetX + tune, rt[1] - offsetY];
+  const _rb = [rb[0] - offsetX + tune, rb[1] - offsetY];
+  let path = `M${_lb[0]},${_lb[1]} `;
+  path += `C${_lb[0] + w},${_lb[1]} ${_rb[0] - w},${_rb[1]} ${_rb[0]},${_rb[1]} `;
+  path += `L${_rt[0]},${_rt[1]} `;
+  path += `C${_rt[0] - w},${_rt[1]} ${_lt[0] + w},${_lt[1]} ${_lt[0]},${_lt[1]} `;
+  path += `L${_lb[0]},${_lb[1]} z`;
+  return path;
+};
+const bc = (p0, p1, p2, p3) => (t) => {
+  const ip = (t2, p12, p22) => [(1 - t2) * p12[0] + t2 * p22[0], (1 - t2) * p12[1] + t2 * p22[1]];
+  const tmp0 = ip(t, p0, p1);
+  const tmp1 = ip(t, p1, p2);
+  const tmp2 = ip(t, p2, p3);
+  const tmp3 = ip(t, tmp0, tmp1);
+  const tmp4 = ip(t, tmp1, tmp2);
+  return ip(t, tmp3, tmp4);
+};
+const txt = omitText;
+export {
+  bc,
+  bpath,
+  hexToRgba,
+  layout,
+  txt
+};

package/river/vue.js

@@ -0,0 +1,77 @@
+import "../chunk-PKUHTIDK.js";
+import {
+  buildOption,
+  getRenderNode,
+  getRenderLink,
+  getRenderIcon,
+  getRenderLege,
+  getTooltip,
+  getMarkLine,
+  setChartOption,
+  setListeners,
+  setRiverRgbaOpacity,
+  lightUp,
+  setRiverIconStyle,
+  style,
+  computeCanvasStyle,
+  getContainerWidth,
+  resizeListener
+} from "./index";
+import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+const api = ["state", "lightUp", "style"];
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive }, { vm, emit, parent }, { echarts }) => {
+  const state = reactive({
+    myChart: null,
+    markLineShow: false,
+    lighting: [],
+    nameInfo: null,
+    styling: [],
+    option: null,
+    canvasStyle: computed(() => api2.computeCanvasStyle()),
+    canvasWidth: null,
+    canvasTransformOrigin: "left top",
+    canvasTransform: null
+  });
+  const api2 = {
+    state,
+    getRenderLege: getRenderLege(),
+    getTooltip: getTooltip(),
+    getMarkLine: getMarkLine(),
+    setChartOption: setChartOption(state),
+    setRiverRgbaOpacity: setRiverRgbaOpacity({ props, state }),
+    setRiverIconStyle: setRiverIconStyle(state),
+    computeCanvasStyle: computeCanvasStyle({ props, state }),
+    getContainerWidth: getContainerWidth(state),
+    resizeListener: resizeListener({ props, state })
+  };
+  Object.assign(api2, {
+    buildOption: buildOption({ api: api2, emit, props, state, vm }),
+    getRenderNode: getRenderNode({ api: api2, echarts }),
+    getRenderLink: getRenderLink({ api: api2, echarts }),
+    getRenderIcon: getRenderIcon({ api: api2 }),
+    setListeners: setListeners({ api: api2, emit, state }),
+    lightUp: lightUp({ api: api2, state }),
+    style: style({ api: api2, state })
+  });
+  onMounted(() => {
+    state.myChart = echarts.init(vm.$el);
+    state.containerEl = parent.$parent.$el;
+    const option = state.option = api2.buildOption();
+    api2.setChartOption(option);
+    api2.setListeners(option);
+    state.containerEl && addResizeListener(state.containerEl, api2.resizeListener);
+  });
+  onBeforeUnmount(() => {
+    state.myChart.off("mousemove");
+    state.myChart.getZr().off("mousemove");
+    state.myChart.off("click");
+    state.myChart = null;
+    state.containerEl && removeResizeListener(state.containerEl, api2.resizeListener);
+    state.containerEl = null;
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/roles/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { xss } from "@opentiny/vue-renderless/common";
+import { xss } from "../common";
 const showList = (state) => () => state.showPopover = true;
 const show = (state) => () => state.showIcon = false;
 const hide = (state) => () => state.showIcon = true;

package/scrollbar/vue-bar.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
 import { BAR_MAP, renderThumbStyle, clickThumbHandler, clickTrackHandler, startDrag, mouseMoveDocumentHandler, mouseUpDocumentHandler } from "./index";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { on, off } from "../common/deps/dom";
 const api = ["state", "startDrag", "renderThumbStyle", "clickTrackHandler", "clickThumbHandler", "mouseUpDocumentHandler", "mouseMoveDocumentHandler"];
 const renderless = (props, { computed, onUnmounted, reactive }, { refs, parent }) => {
   const state = reactive({

package/scrollbar/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
 import { handleScroll, update } from "./index";
-import { addResizeListener, removeResizeListener } from "@opentiny/vue-renderless/common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 const api = ["state", "update", "handleScroll"];
 const renderless = (props, { onBeforeUnmount, onMounted, reactive }, { refs, nextTick, emit }) => {
   const state = reactive({

package/search/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
-import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
-import { isObject, typeOf } from "@opentiny/vue-renderless/common/type";
+import { on, off } from "../common/deps/dom";
+import PopupManager from "../common/deps/popup-manager";
+import { isObject, typeOf } from "../common/type";
 const handleChange = ({ emit, state }) => (event) => {
   const value = event.target.value;
   emit("change", state.searchValue, value);

package/select/index.js

@@ -2,17 +2,17 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { find } from "@opentiny/vue-renderless/common/array";
-import { getObj, isEqual } from "@opentiny/vue-renderless/common/object";
-import { isKorean } from "@opentiny/vue-renderless/common/string";
-import scrollIntoView from "@opentiny/vue-renderless/common/deps/scroll-into-view";
-import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
-import debounce from "@opentiny/vue-renderless/common/deps/debounce";
-import { getDataset } from "@opentiny/vue-renderless/common/dataset";
-import Memorize from "@opentiny/vue-renderless/common/deps/memorize";
-import { isEmptyObject } from "@opentiny/vue-renderless/common/type";
-import { addResizeListener, removeResizeListener } from "@opentiny/vue-renderless/common/deps/resize-event";
-import { extend } from "@opentiny/vue-renderless/common/object";
+import { find } from "../common/array";
+import { getObj, isEqual } from "../common/object";
+import { isKorean } from "../common/string";
+import scrollIntoView from "../common/deps/scroll-into-view";
+import PopupManager from "../common/deps/popup-manager";
+import debounce from "../common/deps/debounce";
+import { getDataset } from "../common/dataset";
+import Memorize from "../common/deps/memorize";
+import { isEmptyObject } from "../common/type";
+import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { extend } from "../common/object";
 const handleComposition = ({ api, nextTick, state }) => (event) => {
   const text = event.target.value;
   if (event.type === "compositionend") {
@@ -418,7 +418,8 @@ const resetInputHeight = ({ constants, nextTick, props, refs, state }) => () =>
     }
     const sizeInMap = state.initialInputHeight || 30;
     const noSelected = state.selected.length === 0;
-    input.style.height = noSelected ? sizeInMap + "px" : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + "px";
+    const borderHeight = 2;
+    input.style.height = noSelected ? sizeInMap + "px" : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? borderHeight : 0) : 0, sizeInMap) + "px";
     if (state.visible && state.emptyText !== false) {
       state.selectEmitter.emit(constants.EVENT_NAME.updatePopper, true);
     }
@@ -754,7 +755,7 @@ const optmzApis = {
     return sliced;
   },
   queryWrap: (refs) => refs.scrollbar.$el.querySelector(".tiny-scrollbar__wrap.virtual"),
-  queryItems: (refs) => refs.scrollbar.$el.querySelectorAll(".tiny-select-dropdown__item.virtual"),
+  queryItems: (refs) => refs.scrollbar.$el.querySelectorAll(".tiny-option.virtual"),
   createMacro: (cb) => setTimeout(cb),
   setScrollTop: ({ refs, state }) => {
     const { optimizeOpts, optimizeStore } = state;
@@ -983,7 +984,9 @@ const selectChange = ({ emit, props, state }) => ({ $table, selection, checked,
   if (row) {
     checked ? state.selected.push(__spreadProps(__spreadValues({}, row), { value: row[valueField], currentLabel: row[textField] })) : remoteItem(row);
   } else {
-    checked ? state.selected = state.selected.concat(selection.filter((row2) => !~props.modelValue.indexOf(row2[valueField]))) : $table.tableData.forEach((row2) => remoteItem(row2));
+    checked ? state.selected = state.selected.concat(
+      selection.filter((row2) => !~props.modelValue.indexOf(row2[valueField]))
+    ) : $table.tableData.forEach((row2) => remoteItem(row2));
   }
   const keys = state.selected.map((item) => item[valueField]);
   emit("update:modelValue", keys);
@@ -1224,6 +1227,9 @@ const computeMultipleLimit = ({ props, state }) => () => {
   const { optimizeOpts, optimizeStore } = state;
   return optmzApis.natural(multiple && optimizeStore.flag ? multipleLimit || optimizeOpts.limit : multipleLimit);
 };
+const computedGetIcon = ({ constants, designConfig }) => (name = "downWard") => {
+  return (designConfig == null ? void 0 : designConfig.icons[name]) || (constants == null ? void 0 : constants.ICON_MAP[name]);
+};
 export {
   blur,
   buildRadioConfig,
@@ -1233,6 +1239,7 @@ export {
   computeCollapseTags,
   computeMultipleLimit,
   computeOptimizeOpts,
+  computedGetIcon,
   debouncRquest,
   defaultOnQueryChange,
   deletePrevTag,

package/select/vue.js

@@ -74,12 +74,13 @@ import {
   getScrollListener,
   computeCollapseTags,
   computeMultipleLimit,
-  resetFilter
+  resetFilter,
+  computedGetIcon
 } from "./index";
-import { BROWSER_NAME } from "@opentiny/vue-renderless/common";
-import browserInfo from "@opentiny/vue-renderless/common/browser";
-import debounce from "@opentiny/vue-renderless/common/deps/debounce";
-import { isNumber, isNull } from "@opentiny/vue-renderless/common/type";
+import { BROWSER_NAME } from "../common";
+import browserInfo from "../common/browser";
+import debounce from "../common/deps/debounce";
+import { isNumber, isNull } from "../common/type";
 const api = [
   "state",
   "nodeCollapse",
@@ -174,7 +175,9 @@ const initStateAdd = ({ computed, props, api: api2, parent, emitter }) => ({
   formItemSize: computed(() => (parent.formItem || {}).formItemSize),
   selectDisabled: computed(() => props.disabled || (parent.form || {}).disabled),
   gridCheckedData: computed(() => api2.getcheckedData()),
-  isExpandAll: computed(() => props.treeOp && props.treeOp.defaultExpandAll !== void 0 ? props.treeOp.defaultExpandAll : true),
+  isExpandAll: computed(
+    () => props.treeOp && props.treeOp.defaultExpandAll !== void 0 ? props.treeOp.defaultExpandAll : true
+  ),
   searchSingleCopy: computed(() => props.allowCopy && !props.multiple && props.filterable),
   filterOrSearch: computed(() => props.filterable || props.searchable)
 });
@@ -200,8 +203,10 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     showClose: computed(
       () => props.clearable && !state.selectDisabled && state.inputHovering && (props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : !isNull(props.modelValue) && props.modelValue !== "")
     ),
-    optionsAllDisabled: computed(() => state.options.filter((option) => option.visible).every((option) => option.disabled)),
-    collapseTagSize: computed(() => ~["small", "mini"].indexOf(state.selectSize) ? "mini" : "small"),
+    optionsAllDisabled: computed(
+      () => state.options.filter((option) => option.visible).every((option) => option.disabled)
+    ),
+    collapseTagSize: computed(() => state.selectSize),
     showNewOption: computed(
       () => props.filterable && props.allowCreate && state.query !== "" && !state.options.filter((option) => !option.created).some((option) => option.state.currentLabel === state.query)
     ),
@@ -209,11 +214,14 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     optimizeOpts: computed(() => api2.computeOptimizeOpts()),
     optimizeStore: { flag: false, valueIndex: 0, startIndex: 0, viewStyle: "", datas: [] },
     collapseTags: computed(() => api2.computeCollapseTags()),
-    multipleLimit: computed(() => api2.computeMultipleLimit())
+    multipleLimit: computed(() => api2.computeMultipleLimit()),
+    isSelectAll: computed(() => state.selectCls === "checked-sur"),
+    isHalfSelect: computed(() => state.selectCls === "halfselect"),
+    getIcon: computed(() => api2.computedGetIcon())
   }));
   return state;
 };
-const addApi = ({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm }) => {
+const addApi = ({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm, designConfig }) => {
   Object.assign(api2, {
     resetInputHeight: resetInputHeight({ api: api2, constants, nextTick, props, refs, state }),
     calcOverFlow: calcOverFlow({ refs, props, state }),
@@ -250,10 +258,25 @@ const addApi = ({ api: api2, props, state, refs, emit, constants, parent, nextTi
     mounted: mounted({ api: api2, parent, state, props, refs }),
     unMount: unMount({ api: api2, parent, refs, state }),
     watchOptimizeOpts: watchOptimizeOpts({ api: api2, props, refs, state }),
-    resetFilter: resetFilter({ state, api: api2 })
+    resetFilter: resetFilter({ state, api: api2 }),
+    computedGetIcon: computedGetIcon({ constants, designConfig })
   });
 };
-const initApi = ({ api: api2, props, state, refs, emit, maskState, constants, parent, nextTick, dispatch, t, vm }) => {
+const initApi = ({
+  api: api2,
+  props,
+  state,
+  refs,
+  emit,
+  maskState,
+  constants,
+  parent,
+  nextTick,
+  dispatch,
+  t,
+  vm,
+  designConfig
+}) => {
   Object.assign(api2, {
     state,
     maskState,
@@ -300,7 +323,7 @@ const initApi = ({ api: api2, props, state, refs, emit, maskState, constants, pa
     computeCollapseTags: computeCollapseTags(props),
     computeMultipleLimit: computeMultipleLimit({ props, state })
   });
-  addApi({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm });
+  addApi({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm, designConfig });
 };
 const addWatch = ({ watch, props, api: api2, state }) => {
   watch(() => [...state.options], api2.watchOptions);
@@ -348,13 +371,13 @@ const initWatch = ({ watch, props, api: api2, state, nextTick, refs }) => {
   );
   addWatch({ watch, props, api: api2, state });
 };
-const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, watch, provide }, { vm, refs, parent, emit, constants, nextTick, dispatch, t, emitter }) => {
+const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, watch, provide }, { vm, refs, parent, emit, constants, nextTick, dispatch, t, emitter, designConfig }) => {
   const api2 = {};
   const state = initState({ reactive, computed, props, api: api2, emitter, parent, constants });
   provide("selectEmitter", state.selectEmitter);
   provide("selectVm", vm);
   const maskState = reactive({ width: "", height: "", top: "" });
-  initApi({ api: api2, props, state, refs, emit, maskState, constants, parent, nextTick, dispatch, t, vm });
+  initApi({ api: api2, props, state, refs, emit, maskState, constants, parent, nextTick, dispatch, t, vm, designConfig });
   initWatch({ watch, props, api: api2, state, nextTick, refs });
   onMounted(api2.mounted);
   onBeforeUnmount(api2.unMount);

package/select-dropdown/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
 import { mounted } from "./index";
-import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
+import userPopper from "../common/deps/vue-popper";
 const api = ["state", "doDestroy"];
 const initState = ({ reactive, computed, popper, selectVm }) => {
   const { showPopper, currentPlacement, popperElm, referenceElm } = popper;