@king-one/antdv 2.0.0 → 2.0.2

package/dist/es/components/cover-scroll-bar/src/cover-scroll-bar.mjs

@@ -1,221 +1,146 @@
-import { defineComponent, createVNode, ref, computed, onMounted, unref, onBeforeUnmount } from "vue";
-import { off, on } from "evtd";
-import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
-import { useHasScroll } from "../hooks/use-has-scroll.mjs";
-import { CoverScrollbarProps } from "./types.mjs";
-const CoverScrollBar = /* @__PURE__ */ defineComponent({
-  props: CoverScrollbarProps,
-  setup(props) {
-    const contentRef = ref(null);
-    const yRailRef = ref(null);
-    const yRailSizeRef = ref(null);
-    const containerHeightRef = ref(null);
-    const contentHeightRef = ref(null);
-    const containerScrollTopRef = ref(0);
-    const {
-      hasVerticalScroll
-    } = useHasScroll(contentRef);
-    const {
-      b
-    } = useNamespace("cover");
-    const be = b("scrollbar");
-    function syncScrollState() {
-      if (contentRef.value) {
-        containerScrollTopRef.value = contentRef.value.scrollTop;
-      }
+import { defineComponent as j, createVNode as d, ref as l, computed as c, onMounted as q, unref as A, onBeforeUnmount as F } from "vue";
+import { off as P, on as z } from "evtd";
+import { useNamespace as G } from "../../../hooks/use-namespace/index.mjs";
+import { useHasScroll as J } from "../hooks/use-has-scroll.mjs";
+import { CoverScrollbarProps as K } from "./types.mjs";
+const ne = /* @__PURE__ */ j({
+  props: K,
+  setup(r) {
+    const o = l(null), s = l(null), p = l(null), i = l(null), u = l(null), m = l(0), {
+      hasVerticalScroll: D
+    } = J(o), {
+      b: $
+    } = G("cover"), V = $("scrollbar");
+    function w() {
+      o.value && (m.value = o.value.scrollTop);
     }
-    const syncPositionState = () => {
-      if (contentRef.value) {
-        containerHeightRef.value = contentRef.value.clientHeight;
-        contentHeightRef.value = contentRef.value.scrollHeight;
-      }
+    const C = () => {
+      o.value && (i.value = o.value.clientHeight, u.value = o.value.scrollHeight);
       const {
-        value: yRailEl
-      } = yRailRef;
-      if (yRailEl) {
-        yRailSizeRef.value = yRailEl.offsetHeight;
-      }
+        value: e
+      } = s;
+      e && (p.value = e.offsetHeight);
     };
-    function sync() {
-      syncPositionState();
-      syncScrollState();
+    function S() {
+      C(), w();
     }
-    const isShowYBarRef = ref(false);
-    const yBarSizeRef = computed(() => {
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      const {
-        value: yRailSize
-      } = yRailSizeRef;
-      if (!containerHeight || !contentHeight || !yRailSize) {
-        return 0;
-      }
-      return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + 5 * 1.5);
-    });
-    const yBarSizePxRef = computed(() => {
-      return `${yBarSizeRef.value}px`;
-    });
-    const yBarTopRef = computed(() => {
+    const f = l(!1), M = c(() => {
       const {
-        value: containerHeight
-      } = containerHeightRef;
+        value: e
+      } = i, {
+        value: t
+      } = u, {
+        value: n
+      } = p;
+      return !e || !t || !n ? 0 : Math.min(e, n * e / t + 5 * 1.5);
+    }), E = c(() => `${M.value}px`), L = c(() => {
       const {
-        value: containerScrollTop
-      } = containerScrollTopRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      const {
-        value: yRailSize
-      } = yRailSizeRef;
-      if (containerHeight === null || contentHeight === null || yRailSize === null) {
+        value: e
+      } = i, {
+        value: t
+      } = m, {
+        value: n
+      } = u, {
+        value: v
+      } = p;
+      if (e === null || n === null || v === null)
         return 0;
-      } else {
-        const heightDiff = contentHeight - containerHeight;
-        if (!heightDiff) return 0;
-        return containerScrollTop / heightDiff * (yRailSize - yBarSizeRef.value);
+      {
+        const R = n - e;
+        return R ? t / R * (v - M.value) : 0;
       }
-    });
-    const yBarTopPxRef = computed(() => {
-      return `${yBarTopRef.value}px`;
-    });
-    const showYBarRef = computed(() => {
+    }), O = c(() => `${L.value}px`), U = c(() => {
       const {
-        trigger
-      } = props;
-      return trigger !== "none" && (trigger === "always" || isShowYBarRef.value);
+        trigger: e
+      } = r;
+      return e !== "none" && (e === "always" || f.value);
     });
-    let yBarPressed = false;
-    let memoYTop = 0;
-    let memoMouseY = 0;
-    let yBarVanishTimerId;
-    let xBarVanishTimerId;
-    const handleYScrollMouseMove = (e) => {
-      if (!yBarPressed) return;
-      if (xBarVanishTimerId !== void 0) {
-        window.clearTimeout(xBarVanishTimerId);
-      }
-      if (yBarVanishTimerId !== void 0) {
-        window.clearTimeout(yBarVanishTimerId);
-      }
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
+    let h = !1, y = 0, g = 0, B, b;
+    const T = (e) => {
+      if (!h) return;
+      b !== void 0 && window.clearTimeout(b), B !== void 0 && window.clearTimeout(B);
       const {
-        value: yBarSize
-      } = yBarSizeRef;
-      if (containerHeight === null || contentHeight === null) return;
-      const dY = e.clientY - memoMouseY;
-      const dScrollTop = dY * (contentHeight - containerHeight) / (containerHeight - yBarSize);
-      const toScrollTopUpperBound = contentHeight - containerHeight;
-      let toScrollTop = memoYTop + dScrollTop;
-      toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop);
-      toScrollTop = Math.max(toScrollTop, 0);
+        value: t
+      } = i, {
+        value: n
+      } = u, {
+        value: v
+      } = M;
+      if (t === null || n === null) return;
+      const _ = (e.clientY - g) * (n - t) / (t - v), k = n - t;
+      let a = y + _;
+      a = Math.min(k, a), a = Math.max(a, 0);
       const {
-        value: container
-      } = contentRef;
-      if (container) {
-        container.scrollTop = toScrollTop;
-      }
-    };
-    const handleYScrollMouseUp = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      off("mousemove", window, handleYScrollMouseMove, true);
-      off("mouseup", window, handleYScrollMouseUp, true);
-      yBarPressed = false;
-      sync();
-    };
-    const handleYScrollMouseDown = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      on("mousemove", window, handleYScrollMouseMove, true);
-      on("mouseup", window, handleYScrollMouseUp, true);
-      memoYTop = containerScrollTopRef.value;
-      memoMouseY = e.clientY;
-      yBarPressed = true;
-      isShowYBarRef.value = true;
-    };
-    const mutationObserver = new MutationObserver(sync);
-    onMounted(() => {
-      sync();
-      const el = unref(contentRef);
-      if (el) {
-        mutationObserver.observe(el, {
-          childList: true,
-          subtree: true,
-          characterData: true
-        });
-      }
-    });
-    onBeforeUnmount(() => {
-      mutationObserver.disconnect();
+        value: x
+      } = o;
+      x && (x.scrollTop = a);
+    }, Y = (e) => {
+      e.preventDefault(), e.stopPropagation(), P("mousemove", window, T, !0), P("mouseup", window, Y, !0), h = !1, S();
+    }, I = (e) => {
+      e.preventDefault(), e.stopPropagation(), z("mousemove", window, T, !0), z("mouseup", window, Y, !0), y = m.value, g = e.clientY, h = !0, f.value = !0;
+    }, H = new MutationObserver(S);
+    q(() => {
+      S();
+      const e = A(o);
+      e && H.observe(e, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      });
+    }), F(() => {
+      H.disconnect();
     });
-    function handleScroll(e) {
-      syncScrollState();
+    function N(e) {
+      w();
     }
-    const handleMouseEnter = () => {
-      isShowYBarRef.value = true;
-    };
-    const handleMouseLeave = () => {
-      if (!yBarPressed) {
-        isShowYBarRef.value = false;
-      }
-    };
     return {
-      be,
-      contentRef,
-      hasVerticalScroll,
-      showYBarRef,
-      yRailRef,
-      yBarSizePxRef,
-      yBarTopPxRef,
-      handleScroll,
-      handleYScrollMouseDown,
-      handleMouseLeave,
-      handleMouseEnter
+      be: V,
+      contentRef: o,
+      hasVerticalScroll: D,
+      showYBarRef: U,
+      yRailRef: s,
+      yBarSizePxRef: E,
+      yBarTopPxRef: O,
+      handleScroll: N,
+      handleYScrollMouseDown: I,
+      handleMouseLeave: () => {
+        h || (f.value = !1);
+      },
+      handleMouseEnter: () => {
+        f.value = !0;
+      }
     };
   },
   render() {
-    var _a;
+    var s;
     const {
-      $slots
-    } = this;
-    const createYBar = () => {
-      return createVNode("div", {
-        "class": `${this.be}-rail`,
-        "ref": "yRailRef",
-        "style": {
-          right: `${this.scrollbarOffset}px`
-        }
-      }, [this.hasVerticalScroll && this.showYBarRef && createVNode("div", {
-        "class": `${this.be}-rail__scrollbar--vertical`,
-        "style": {
-          height: this.yBarSizePxRef,
-          top: this.yBarTopPxRef,
-          background: this.scrollbarColor
-        },
-        "onMousedown": this.handleYScrollMouseDown
-      }, null, 46, ["onMousedown"])], 6);
-    };
-    return createVNode("div", {
-      "class": `${this.be}`,
-      "onMouseenter": this.handleMouseEnter,
-      "onMouseleave": this.handleMouseLeave
-    }, [createVNode("div", {
-      "ref": "contentRef",
-      "class": `${this.be}-container`,
-      "onScroll": this.handleScroll
-    }, [(_a = $slots.default) == null ? void 0 : _a.call($slots)], 42, ["onScroll"]), createYBar()], 42, ["onMouseenter", "onMouseleave"]);
+      $slots: r
+    } = this, o = () => d("div", {
+      class: `${this.be}-rail`,
+      ref: "yRailRef",
+      style: {
+        right: `${this.scrollbarOffset}px`
+      }
+    }, [this.hasVerticalScroll && this.showYBarRef && d("div", {
+      class: `${this.be}-rail__scrollbar--vertical`,
+      style: {
+        height: this.yBarSizePxRef,
+        top: this.yBarTopPxRef,
+        background: this.scrollbarColor
+      },
+      onMousedown: this.handleYScrollMouseDown
+    }, null, 46, ["onMousedown"])], 6);
+    return d("div", {
+      class: `${this.be}`,
+      onMouseenter: this.handleMouseEnter,
+      onMouseleave: this.handleMouseLeave
+    }, [d("div", {
+      ref: "contentRef",
+      class: `${this.be}-container`,
+      onScroll: this.handleScroll
+    }, [(s = r.default) == null ? void 0 : s.call(r)], 42, ["onScroll"]), o()], 42, ["onMouseenter", "onMouseleave"]);
   }
 });
 export {
-  CoverScrollBar as default
+  ne as default
 };

package/dist/es/components/cover-scroll-bar/src/types.mjs

@@ -1,4 +1,4 @@
-const CoverScrollbarProps = {
+const r = {
   trigger: {
     type: String,
     default: "hover"
@@ -13,5 +13,5 @@ const CoverScrollbarProps = {
   }
 };
 export {
-  CoverScrollbarProps
+  r as CoverScrollbarProps
 };

package/dist/es/components/dept-selector/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../utils/install.mjs";
+import e from "./src/dept.mjs";
+import "./src/style/index.mjs";
+import { GET_DEPT_TREE_URL as s, deptSelectorEmits as E, deptSelectorProps as c } from "./src/types.mjs";
+const m = t(e);
+export {
+  s as GET_DEPT_TREE_URL,
+  m as KDeptSelector,
+  m as default,
+  E as deptSelectorEmits,
+  c as deptSelectorProps
+};

package/dist/es/components/dept-selector/src/dept.mjs

@@ -0,0 +1,268 @@
+import { defineComponent as H, ref as s, watch as p, createVNode as n, Fragment as J } from "vue";
+import { useNamespace as Q } from "../../../hooks/use-namespace/index.mjs";
+import "../../index.mjs";
+import { message as W, FormItemRest as X, InputSearch as Y, Tree as Z, Empty as C, Input as ee } from "ant-design-vue";
+import { GET_DEPT_TREE_URL as le, deptSelectorEmits as te, deptSelectorProps as ae } from "./types.mjs";
+import { KProModal as ne } from "../../pro-modal/index.mjs";
+import { KIcon as P } from "../../icon/index.mjs";
+const f = Q("dept-selector"), ve = /* @__PURE__ */ H({
+  name: "KDeptSelector",
+  props: ae,
+  emits: te,
+  setup(t, {
+    emit: h,
+    attrs: V,
+    slots: g
+  }) {
+    const x = s(!0), w = s(!0), y = s([]), m = s([]), d = s([]), A = s(!1), u = s(t.isBuiltInRequest ? {
+      children: "children",
+      title: "deptName",
+      key: "id"
+    } : t.fieldNames), S = s(""), r = s([]), v = s(t.treeData), E = s(!1), k = s("");
+    if (t.isBuiltInRequest) {
+      if (!t.http)
+        throw new Error("请传入http实例");
+      t.http.get(`${t.prefix}${le}`).then((e) => {
+        e.status === 0 && (v.value = e.data);
+      });
+    }
+    const N = () => {
+      if (t.type === "checkbox") {
+        if (!Array.isArray(t.modelValue)) return;
+        const e = t.modelValue.map((l) => l[u.value.key]);
+        x.value ? d.value = {
+          checked: e,
+          halfChecked: []
+        } : d.value = e, y.value = e;
+      } else {
+        if (Array.isArray(t.modelValue)) return;
+        const e = t.modelValue[u.value.key];
+        m.value = [e], y.value = [e];
+      }
+    }, I = (e) => {
+      if (E.value)
+        return E.value = !1;
+      t.type === "radio" ? r.value.length > 0 && (S.value = r.value[0][u.value.title] || "") : S.value = r.value.map((l) => l[u.value.title]).join(",");
+    };
+    p(() => t.visible, () => {
+      t.visible && N();
+    }, {
+      immediate: !0
+    }), p(() => t.modelValue, () => {
+      v.value.length > 0 && N();
+    }, {
+      immediate: !0,
+      deep: !0
+    }), p(v, () => {
+      v.value.length > 0 && N();
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    function R(e) {
+      const l = (i, o) => {
+        for (const a of i) {
+          if (a[u.value.key] === o)
+            return a;
+          if (a.children && a.children.length) {
+            const c = l(a.children, o);
+            if (c) return c;
+          }
+        }
+        return null;
+      };
+      return l(v.value, e);
+    }
+    function D(e) {
+      return e ? e.map((l) => R(l)).filter(Boolean) : [];
+    }
+    p(d, () => {
+      t.type === "checkbox" && (x.value ? r.value = D(d.value.checked) : r.value = D(d.value), I("watch checkedKeys..."));
+    }, {
+      immediate: !0,
+      deep: !0
+    }), p(m, () => {
+      t.type === "radio" && (r.value = D(m.value), I("watch selectedKeys..."));
+    }, {
+      immediate: !0,
+      deep: !0
+    }), p(() => t.treeData, () => {
+      t.isBuiltInRequest || (v.value = t.treeData);
+    });
+    const _ = () => {
+      E.value = !0;
+    }, B = () => {
+      E.value = !0;
+    }, O = () => {
+      h("update:visible", !1), h("cancel");
+    }, F = () => {
+      if (!r.value.length) {
+        W.warn("请选择部门");
+        return;
+      }
+      t.type === "radio" ? h("update:modelValue", {
+        [u.value.key]: m.value[0],
+        [u.value.title]: r.value[0][u.value.title]
+      }) : h("update:modelValue", r.value.map((e) => ({
+        [u.value.key]: e[u.value.key],
+        [u.value.title]: e[u.value.title]
+      }))), h("update:visible", !1), h("confirm", r.value), I("handleConfirm ...");
+    }, M = (e) => {
+      if (E.value = !0, t.type === "radio")
+        return r.value = [], m.value = [], !1;
+      if (x.value)
+        d.value.checked = d.value.checked.filter((l) => l !== e[u.value.key]);
+      else {
+        const l = e.parentId, i = d.value.indexOf(l);
+        i !== -1 && d.value.splice(i, 1), d.value = d.value.filter((a) => a !== e[u.value.key]), L(e.children).forEach((a) => {
+          const c = d.value.indexOf(a);
+          c !== -1 && d.value.splice(c, 1);
+        });
+      }
+    }, L = (e) => {
+      const l = [], i = (o) => {
+        for (const a of o)
+          l.push(a[u.value.key]), a.children && a.children.length && i(a.children);
+      };
+      return i(e), l;
+    }, q = () => n(J, null, [n(ne, {
+      modelValue: t.visible,
+      modalProps: {
+        cancelText: "取消",
+        okText: "确定",
+        width: "700px",
+        ...V
+      },
+      title: "选择部门",
+      onOnCancel: O,
+      onOnConfirm: F
+    }, {
+      default: () => [n("div", {
+        class: f.e("modal-content")
+      }, [$(), j()], 2)]
+    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"])]), b = (e, l) => {
+      let i;
+      for (let o = 0; o < l.length; o++) {
+        const a = l[o];
+        if (a.children)
+          if (a.children.some((c) => c[u.value.key] === e)) {
+            i = a[u.value.key];
+            break;
+          } else b(e, a.children) && (i = b(e, a.children));
+      }
+      return i;
+    }, z = (e) => {
+      if (!e.trim()) {
+        y.value = [], k.value = "", w.value = !0;
+        return;
+      }
+      const l = /* @__PURE__ */ new Set(), i = (o, a) => {
+        o.forEach((c) => {
+          var U;
+          if ((U = c[u.value.title]) != null && U.includes(a)) {
+            let K = b(c[u.value.key], v.value);
+            for (; K; )
+              l.add(K), K = b(K, v.value);
+            l.add(c[u.value.key]);
+          }
+          c.children && c.children.length > 0 && i(c.children, a);
+        });
+      };
+      i(v.value, e), y.value = Array.from(l), k.value = e, w.value = !0;
+    }, G = (e) => {
+      const l = e[u.value.title] || "";
+      if (!k.value)
+        return n("span", null, [l]);
+      const i = l.indexOf(k.value);
+      if (i === -1)
+        return n("span", null, [l]);
+      const o = l.substring(0, i), a = l.substring(i, i + k.value.length), c = l.substring(i + k.value.length);
+      return n("span", null, [o, n("span", {
+        style: "color: #f50; font-weight: bold"
+      }, [a]), c]);
+    }, $ = () => n("div", {
+      class: f.e("modal-content-left")
+    }, [n(X, null, {
+      default: () => [n(Y, {
+        placeholder: "请输入部门名称",
+        onSearch: z,
+        style: {
+          marginBottom: "10px"
+        },
+        allowClear: !0
+      }, null, 8, ["onSearch", "allowClear"])]
+    }), v.value.length > 0 ? n(Z, {
+      expandedKeys: y.value,
+      "onUpdate:expandedKeys": (e) => y.value = e,
+      selectedKeys: m.value,
+      "onUpdate:selectedKeys": (e) => m.value = e,
+      checkedKeys: d.value,
+      "onUpdate:checkedKeys": (e) => d.value = e,
+      checkable: t.type === "checkbox",
+      checkStrictly: x.value,
+      "show-icon": !0,
+      autoExpandParent: w.value,
+      blockNode: !0,
+      defaultExpandAll: !0,
+      fieldNames: u.value,
+      "show-line": A.value,
+      "tree-data": v.value,
+      onCheck: _,
+      onSelect: B,
+      class: f.e("modal-content-left-tree")
+    }, {
+      icon: (e) => T(e),
+      title: G,
+      _: 1
+    }, 8, ["expandedKeys", "onUpdate:expandedKeys", "selectedKeys", "onUpdate:selectedKeys", "checkedKeys", "onUpdate:checkedKeys", "checkable", "checkStrictly", "show-icon", "autoExpandParent", "blockNode", "defaultExpandAll", "fieldNames", "show-line", "tree-data", "onCheck", "onSelect", "class"]) : n(C, {
+      description: "暂无数据",
+      image: C.PRESENTED_IMAGE_SIMPLE
+    }, null, 8, ["image"])], 2), T = (e) => n(P, {
+      name: e.parentId === "0" ? "qiye" : "bumen",
+      size: 16
+    }, null, 8, ["name"]), j = () => n("div", {
+      class: f.e("modal-content-right")
+    }, [r.value.length > 0 ? r.value.map((e) => n("div", {
+      class: f.e("modal-content-right-item")
+    }, [n("div", {
+      class: f.e("modal-content-right-item-label")
+    }, [T(e), n("span", null, [e[u.value.title]])], 2), n("div", {
+      class: f.e("modal-content-right-item-del"),
+      onClick: () => M(e)
+    }, [n(P, {
+      name: "shanchu",
+      size: 16
+    }, null)], 10, ["onClick"])], 2)) : n(C, {
+      description: "暂无数据",
+      image: C.PRESENTED_IMAGE_SIMPLE
+    }, null, 8, ["image"])], 2);
+    return () => {
+      var e;
+      return n("div", {
+        class: f.b()
+      }, [t.hideSlot ? null : (e = g.default) != null && e.call(g) ? g.default() : n("div", null, [n(ee, {
+        style: "width: 100%;",
+        readonly: !0,
+        value: S.value,
+        "onUpdate:value": (l) => S.value = l,
+        onClick: () => h("update:visible", !0),
+        placeholder: "请选择部门"
+      }, {
+        suffix: () => n("div", {
+          onClick: () => h("update:visible", !0)
+        }, [n(P, {
+          style: {
+            cursor: "pointer"
+          },
+          name: "bumen",
+          size: 18,
+          color: "#606266"
+        }, null)], 8, ["onClick"]),
+        _: 1
+      }, 8, ["readonly", "value", "onUpdate:value", "onClick"])]), q()], 2);
+    };
+  }
+});
+export {
+  ve as default
+};

package/dist/es/components/dept-selector/src/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/dept-selector.css";