@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/tree/TreeNode.vue.js

@@ -1,272 +0,0 @@
-import { defineComponent as O, inject as de, ref as ce, computed as d, openBlock as E, createElementBlock as B, normalizeClass as h, createElementVNode as P, unref as u, toDisplayString as ue, normalizeStyle as pe, createVNode as y, withModifiers as fe, createCommentVNode as me, h as c } from "vue";
-import $ from "classnames";
-import { cssClasses as ge } from "@douyinfe/semi-foundation/tree/constants";
-import ve from "@douyinfe/semi-foundation/utils/isEnterPress";
-import { debounce as he, get as ye, isString as S, isFunction as F } from "lodash";
-import be from "../checkbox/index.js";
-import $e from "../spin/Spin.vue.js";
-import "../spin/spin.css";
-import ke from "../highlight/Highlight.vue.js";
-import "../highlight/highlight.css";
-import Ce from "./Indent.vue.js";
-import { TreeContextKey as Ne } from "./treeContext.js";
-import De from "../icons/icons/IconTreeTriangleDown.vue.js";
-import Ee from "../icons/icons/IconFile.vue.js";
-import Be from "../icons/icons/IconFolderOpen.vue.js";
-import Pe from "../icons/icons/IconFolder.vue.js";
-const Le = ["aria-disabled", "aria-checked", "aria-selected", "aria-setsize", "aria-posinset", "aria-expanded", "aria-level", "data-key", "draggable"], qe = /* @__PURE__ */ O({
-  name: "SemiTreeNode",
-  __name: "TreeNode",
-  props: {
-    children: {},
-    icon: {},
-    isEnd: {},
-    expandIcon: {},
-    level: { default: 0 },
-    empty: { type: Boolean, default: !1 },
-    style: { default: () => ({}) },
-    data: {},
-    emptyContent: {},
-    label: {},
-    value: {},
-    filtered: { type: Boolean },
-    keyword: {},
-    treeNodeFilterProp: {},
-    expanded: { type: Boolean },
-    selected: { type: Boolean },
-    checked: { type: Boolean },
-    halfChecked: { type: Boolean },
-    active: { type: Boolean },
-    disabled: { type: Boolean },
-    loaded: { type: Boolean },
-    loading: { type: Boolean },
-    isLeaf: { type: Boolean },
-    pos: {},
-    directory: { type: Boolean },
-    selectedKey: {},
-    motionKey: {},
-    eventKey: {},
-    showLine: { type: Boolean }
-  },
-  setup(s) {
-    const k = O({
-      props: {
-        renderFn: {
-          type: Function,
-          default: null
-        }
-      },
-      render() {
-        if (!this.renderFn)
-          return null;
-        const e = this.renderFn();
-        return e == null ? null : typeof e == "string" || typeof e == "number" ? String(e) : e;
-      }
-    }), l = s, o = ge.PREFIX_OPTION, n = de(Ne), p = ce(), T = d(() => n == null ? void 0 : n.multiple), z = he(L, 500, {
-      leading: !0,
-      trailing: !1
-    });
-    function L(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeSelect) == null || a.call(n, e, l);
-    }
-    function b(e) {
-      var a, r, t, i;
-      (a = e == null ? void 0 : e.stopPropagation) == null || a.call(e), (t = (r = e.nativeEvent) == null ? void 0 : r.stopImmediatePropagation) == null || t.call(r), (i = n == null ? void 0 : n.onNodeExpand) == null || i.call(n, e, l);
-    }
-    function G(e) {
-      var a, r, t;
-      f.value || (e.stopPropagation(), (r = (a = e.nativeEvent) == null ? void 0 : a.stopImmediatePropagation) == null || r.call(a), (t = n == null ? void 0 : n.onNodeCheck) == null || t.call(n, e, l));
-    }
-    function A(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeRightClick) == null || a.call(n, e, l);
-    }
-    function I(e) {
-      const { expandAction: a } = n || {};
-      if (a === "doubleClick") {
-        z(e);
-        return;
-      }
-      L(e), a === "click" && b(e);
-    }
-    function V(e) {
-      ve(e) && I(e);
-    }
-    function R(e) {
-      var t, i;
-      const { expandAction: a, onNodeDoubleClick: r } = n || {};
-      e.stopPropagation(), (i = (t = e.nativeEvent) == null ? void 0 : t.stopImmediatePropagation) == null || i.call(t), F(r) && r(e, l), a === "doubleClick" && b(e);
-    }
-    function M(e) {
-      var a, r;
-      (a = n == null ? void 0 : n.onNodeDragStart) == null || a.call(n, e, { ...l, nodeInstance: p.value }), e.stopPropagation();
-      try {
-        (r = e.dataTransfer) == null || r.setData("text/plain", "");
-      } catch {
-      }
-    }
-    function W(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeDragEnter) == null || a.call(n, e, { ...l, nodeInstance: p.value }), e.preventDefault(), e.stopPropagation();
-    }
-    function j(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeDragOver) == null || a.call(n, e, { ...l, nodeInstance: p.value }), e.preventDefault(), e.stopPropagation();
-    }
-    function X(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeDragLeave) == null || a.call(n, e, { ...l, nodeInstance: p.value }), e.stopPropagation();
-    }
-    function q(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeDragEnd) == null || a.call(n, e, { ...l, nodeInstance: p.value }), e.stopPropagation();
-    }
-    function H(e) {
-      var a;
-      (a = n == null ? void 0 : n.onNodeDrop) == null || a.call(n, e, { ...l, nodeInstance: p.value }), e.preventDefault(), e.stopPropagation();
-    }
-    function J() {
-      const { children: e } = l;
-      return e || [];
-    }
-    const C = d(() => {
-      const { isLeaf: e, loaded: a } = l, { loadData: r } = n || {}, i = J().length !== 0;
-      return e === !0 ? !0 : e === !1 ? !(r || i) : r && !a && !i ? !1 : !r && !i || r && a && !i;
-    }), f = d(() => {
-      const { disabled: e } = l, { treeDisabled: a } = n || {};
-      return e === !1 ? !1 : !!(a || e);
-    });
-    function Q() {
-      const e = !C.value, { loading: a, expanded: r, showLine: t, expandIcon: i } = l;
-      return a ? c($e, { wrapperClassName: `${o}-spin-icon` }) : e ? i ? typeof i == "function" ? i({
-        onClick: b,
-        className: `${o}-expand-icon`,
-        expanded: r
-      }) : i : c(De, {
-        role: "button",
-        "aria-label": `${r ? "Expand" : "Collapse"} the tree item`,
-        class: `${o}-expand-icon`,
-        size: "small",
-        onClick: b
-      }) : t ? C.value ? c("span", { class: $(`${o}-switcher`) }, [
-        c("span", { class: `${o}-switcher-leaf-line` })
-      ]) : null : c("span", { class: `${o}-empty-icon` });
-    }
-    function U() {
-      const { directory: e, treeIcon: a } = n || {}, { expanded: r, icon: t, data: i } = l;
-      return t || (a ? typeof a == "function" ? a(l) : a : e ? C.value ? c(Ee, { class: `${o}-item-icon` }) : r ? c(Be, { class: `${o}-item-icon` }) : c(Pe, { class: `${o}-item-icon` }) : null);
-    }
-    function Y() {
-      const { renderLabel: e } = n || {}, { label: a, keyword: r, data: t, filtered: i, treeNodeFilterProp: g } = l;
-      return F(e) ? e(a, t, r) : S(a) && i && r ? c(ke, {
-        highlightClassName: `${o}-highlight`,
-        component: "span",
-        sourceString: a,
-        searchWords: [r]
-      }) : a;
-    }
-    const Z = d(
-      () => $(o, {
-        [`${o}-empty`]: !0
-      })
-    ), _ = d(() => {
-      var K;
-      const { eventKey: e, expanded: a, selected: r, checked: t, level: i, active: g } = l, { multiple: oe, draggable: w, renderFullLabel: v, dragOverNodeKey: N, dropPosition: D, labelEllipsis: re } = n || {}, le = ((K = l.isEnd) == null ? void 0 : K.length) > 0 ? l.isEnd[l.isEnd.length - 1] : !1, m = f.value, te = N === e && D === 0, ie = N === e && D === -1, se = N === e && D === 1;
-      return $(o, {
-        [`${o}-level-${i + 1}`]: !0,
-        [`${o}-fullLabel-level-${i + 1}`]: v,
-        [`${o}-collapsed`]: !a,
-        [`${o}-disabled`]: !!m,
-        // Both -selected and -active can be set (same as React version)
-        [`${o}-selected`]: r,
-        [`${o}-active`]: !oe && g,
-        [`${o}-ellipsis`]: re,
-        [`${o}-drag-over`]: !m && te,
-        [`${o}-draggable`]: !m && w && !v,
-        [`${o}-fullLabel-draggable`]: !m && w && v,
-        [`${o}-fullLabel-drag-over-gap-top`]: !m && ie && v,
-        [`${o}-fullLabel-drag-over-gap-bottom`]: !m && se && v,
-        [`${o}-tree-node-last-leaf`]: le
-      });
-    }), x = d(() => {
-      const { eventKey: e } = l, { dragOverNodeKey: a, dropPosition: r } = n || {}, t = f.value, i = a === e && r === -1, g = a === e && r === 1;
-      return $(`${o}-label`, {
-        [`${o}-drag-over-gap-top`]: !t && i,
-        [`${o}-drag-over-gap-bottom`]: !t && g
-      });
-    }), ee = d(() => ye(l, ["data", "children", "length"])), ne = d(() => S(l.pos) ? Number(l.pos.split("-")[l.level + 1]) + 1 : 1), ae = d(() => {
-      const { draggable: e } = n || {};
-      return !f.value && e || void 0;
-    });
-    return (e, a) => s.empty ? (E(), B("ul", {
-      key: 0,
-      class: h(Z.value)
-    }, [
-      P("li", {
-        class: h(`${u(o)}-label ${u(o)}-label-empty`),
-        "x-semi-prop": "emptyContent"
-      }, ue(s.emptyContent), 3)
-    ], 2)) : (E(), B("li", {
-      key: 1,
-      ref_key: "refNode",
-      ref: p,
-      class: h(_.value),
-      role: "treeitem",
-      "aria-disabled": f.value,
-      "aria-checked": s.checked,
-      "aria-selected": s.selected,
-      "aria-setsize": ee.value,
-      "aria-posinset": ne.value,
-      "aria-expanded": s.expanded,
-      "aria-level": s.level + 1,
-      "data-key": s.eventKey,
-      style: pe(s.style),
-      draggable: ae.value,
-      onClick: I,
-      onKeypress: V,
-      onContextmenu: A,
-      onDblclick: R,
-      onDragstart: M,
-      onDragenter: W,
-      onDragover: j,
-      onDragleave: X,
-      onDrop: H,
-      onDragend: q
-    }, [
-      y(Ce, {
-        showLine: s.showLine,
-        prefixcls: u(o),
-        level: s.level,
-        isEnd: s.isEnd
-      }, null, 8, ["showLine", "prefixcls", "level", "isEnd"]),
-      y(u(k), { "render-fn": Q }),
-      P("span", {
-        class: h(x.value)
-      }, [
-        T.value ? (E(), B("div", {
-          key: 0,
-          role: "none",
-          onClick: fe(G, ["stop"])
-        }, [
-          y(u(be), {
-            "aria-label": "Toggle the checked state of checkbox",
-            value: s.eventKey,
-            checked: s.checked,
-            indeterminate: s.halfChecked,
-            disabled: !!f.value
-          }, null, 8, ["value", "checked", "indeterminate", "disabled"])
-        ])) : me("", !0),
-        y(u(k), { "render-fn": U }),
-        P("span", {
-          class: h(`${u(o)}-label-text`)
-        }, [
-          y(u(k), { "render-fn": Y })
-        ], 2)
-      ], 2)
-    ], 46, Le));
-  }
-});
-export {
-  qe as default
-};

package/lib/es/components/tree/treeContext.js

@@ -1,4 +0,0 @@
-const e = Symbol("TreeContext");
-export {
-  e as TreeContextKey
-};

package/lib/es/components/tree/treeUtil.js

@@ -1,11 +0,0 @@
-import { cloneDeepWith as i, isPlainObject as n } from "lodash";
-import { isVNode as t } from "vue";
-function p(r) {
-  return i(r, (e) => {
-    if (n(e) && !e._innerDataTag || t(e))
-      return e;
-  });
-}
-export {
-  p as cloneDeep
-};