@king-one/antdv 1.2.21 → 2.0.0

package/dist/es/components/pro-modal/src/ProModal.vue2.mjs

@@ -1,90 +1,122 @@
-import { defineComponent as X, ref as e, useModel as Y, computed as y, watch as M, watchEffect as E, createBlock as R, openBlock as b, unref as N, mergeProps as q, createSlots as z, withCtx as r, renderSlot as w, createElementVNode as k, normalizeStyle as O, resolveDynamicComponent as U, toDisplayString as _, mergeModels as P } from "vue";
-import { Modal as j } from "ant-design-vue";
-import { useNamespace as A } from "../../../hooks/use-namespace/index.mjs";
-import { useDraggable as F } from "@vueuse/core";
-import { ProModalProps as G } from "./types.mjs";
-const Q = /* @__PURE__ */ X({
-  name: "ProModal",
+import { defineComponent, ref, useModel, computed, watch, watchEffect, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, normalizeStyle, resolveDynamicComponent, toDisplayString, mergeModels } from "vue";
+import { Modal } from "ant-design-vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { useDraggable } from "@vueuse/core";
+import { ProModalProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProModal"
+  },
   __name: "ProModal",
-  props: /* @__PURE__ */ P(G, {
-    modelValue: { required: !0, type: Boolean },
-    modelModifiers: {}
+  props: /* @__PURE__ */ mergeModels(ProModalProps, {
+    "modelValue": { required: true, type: Boolean },
+    "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ P(["onConfirm", "onCancel"], ["update:modelValue"]),
-  setup(B, { emit: D }) {
-    const c = D, l = e(null), f = Y(B, "modelValue"), { b: S } = A("pro-modal"), $ = y(() => S());
-    function T() {
-      c("onConfirm");
+  emits: /* @__PURE__ */ mergeModels(["onConfirm", "onCancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const modalTitleRef = ref(null);
+    const open = useModel(__props, "modelValue");
+    const { b } = useNamespace("pro-modal");
+    const c = computed(() => {
+      return b();
+    });
+    function handleClick() {
+      emit("onConfirm");
     }
-    function V() {
-      c("onCancel");
+    function handleCancel() {
+      emit("onCancel");
     }
-    const { x: s, y: u, isDragging: v } = F(l), p = e(0), g = e(0), n = e(!1), m = e(0), i = e(0), h = e(0), C = e(0), o = e({ left: 0, right: 0, top: 0, bottom: 0 });
-    M([s, u], () => {
-      if (!n.value && l.value) {
-        p.value = s.value, g.value = u.value;
-        const t = document.body.getBoundingClientRect(), a = l.value.getBoundingClientRect();
-        o.value.right = t.width - a.width, o.value.bottom = t.height - a.height, h.value = m.value, C.value = i.value;
+    const { x, y, isDragging } = useDraggable(modalTitleRef);
+    const startX = ref(0);
+    const startY = ref(0);
+    const startedDrag = ref(false);
+    const transformX = ref(0);
+    const transformY = ref(0);
+    const preTransformX = ref(0);
+    const preTransformY = ref(0);
+    const dragRect = ref({ left: 0, right: 0, top: 0, bottom: 0 });
+    watch([x, y], () => {
+      if (!startedDrag.value && modalTitleRef.value) {
+        startX.value = x.value;
+        startY.value = y.value;
+        const bodyRect = document.body.getBoundingClientRect();
+        const titleRect = modalTitleRef.value.getBoundingClientRect();
+        dragRect.value.right = bodyRect.width - titleRect.width;
+        dragRect.value.bottom = bodyRect.height - titleRect.height;
+        preTransformX.value = transformX.value;
+        preTransformY.value = transformY.value;
+      }
+      startedDrag.value = true;
+    });
+    watch(isDragging, () => {
+      if (!isDragging) {
+        startedDrag.value = false;
+      }
+    });
+    watchEffect(() => {
+      if (startedDrag.value) {
+        transformX.value = preTransformX.value + Math.min(Math.max(dragRect.value.left, x.value), dragRect.value.right) - startX.value;
+        transformY.value = preTransformY.value + Math.min(Math.max(dragRect.value.top, y.value), dragRect.value.bottom) - startY.value;
       }
-      n.value = !0;
-    }), M(v, () => {
-      v || (n.value = !1);
-    }), E(() => {
-      n.value && (m.value = h.value + Math.min(Math.max(o.value.left, s.value), o.value.right) - p.value, i.value = C.value + Math.min(Math.max(o.value.top, u.value), o.value.bottom) - g.value);
     });
-    const x = y(() => ({
-      transform: `translate(${m.value}px, ${i.value}px)`
-    }));
-    return (t, a) => (b(), R(N(j), q({
-      open: f.value,
-      "onUpdate:open": a[0] || (a[0] = (d) => f.value = d)
-    }, t.modalProps, {
-      "wrap-class-name": $.value,
-      onOk: T,
-      onCancel: V
-    }), z({
-      title: r(() => [
-        k(
-          "div",
-          {
-            ref_key: "modalTitleRef",
-            ref: l,
-            class: "pro-modal-title"
-          },
-          _(t.title),
-          513
-          /* TEXT, NEED_PATCH */
-        )
-      ]),
-      modalRender: r(({ originVNode: d }) => [
-        k(
-          "div",
-          {
-            style: O(x.value)
-          },
-          [
-            (b(), R(U(d)))
-          ],
-          4
-          /* STYLE */
-        )
-      ]),
-      default: r(() => [
-        w(t.$slots, "default")
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      t.$slots.footer ? {
-        name: "footer",
-        fn: r(() => [
-          w(t.$slots, "footer")
+    const transformStyle = computed(() => {
+      return {
+        transform: `translate(${transformX.value}px, ${transformY.value}px)`
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Modal), mergeProps({
+        open: open.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+      }, _ctx.modalProps, {
+        "wrap-class-name": c.value,
+        onOk: handleClick,
+        onCancel: handleCancel
+      }), createSlots({
+        title: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              ref_key: "modalTitleRef",
+              ref: modalTitleRef,
+              class: "pro-modal-title"
+            },
+            toDisplayString(_ctx.title),
+            513
+            /* TEXT, NEED_PATCH */
+          )
+        ]),
+        modalRender: withCtx(({ originVNode }) => [
+          createElementVNode(
+            "div",
+            {
+              style: normalizeStyle(transformStyle.value)
+            },
+            [
+              (openBlock(), createBlock(resolveDynamicComponent(originVNode)))
+            ],
+            4
+            /* STYLE */
+          )
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
         ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["open", "wrap-class-name"]));
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["open", "wrap-class-name"]);
+    };
   }
 });
 export {
-  Q as default
+  _sfc_main as default
 };

package/dist/es/components/pro-modal/src/types.mjs

@@ -1,16 +1,16 @@
-const e = {
+const ProModalProps = {
   modalProps: {
     type: Object
   },
   modelValue: {
     type: Boolean,
-    required: !0
+    required: true
   },
   title: {
     type: String,
-    required: !0
+    required: true
   }
 };
 export {
-  e as ProModalProps
+  ProModalProps
 };

package/dist/es/components/pro-overlay/index.mjs

@@ -1,9 +1,9 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/pro-overlay.vue.mjs";
 import "./style/index.mjs";
-import r from "./src/pro-overlay.vue2.mjs";
-const p = o(r);
+import _sfc_main from "./src/pro-overlay.vue2.mjs";
+const KProOverlay = withInstall(_sfc_main);
 export {
-  p as KProOverlay,
-  p as default
+  KProOverlay,
+  KProOverlay as default
 };

package/dist/es/components/pro-overlay/src/pro-overlay.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./pro-overlay.vue2.mjs";
+import _sfc_main from "./pro-overlay.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/components/pro-overlay/src/pro-overlay.vue2.mjs

@@ -1,34 +1,41 @@
-import { defineComponent as s, computed as l, createElementBlock as c, openBlock as m, normalizeClass as o, renderSlot as r, createElementVNode as p, unref as u } from "vue";
-import { useNamespace as d } from "../../../hooks/use-namespace/index.mjs";
-const y = /* @__PURE__ */ s({
-  name: "ProOverlay",
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot, createElementVNode, unref } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProOverlay"
+  },
   __name: "pro-overlay",
-  setup(i) {
-    const { b: t, e: n } = d("pro-overlay"), a = l(() => [t()]);
-    return (e, f) => (m(), c(
-      "div",
-      {
-        class: o(a.value)
-      },
-      [
-        r(e.$slots, "default"),
-        p(
-          "div",
-          {
-            class: o(u(n)("content"))
-          },
-          [
-            r(e.$slots, "action")
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      2
-      /* CLASS */
-    ));
+  setup(__props) {
+    const { b, e } = useNamespace("pro-overlay");
+    const c = computed(() => {
+      return [b()];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(c.value)
+        },
+        [
+          renderSlot(_ctx.$slots, "default"),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(e)("content"))
+            },
+            [
+              renderSlot(_ctx.$slots, "action")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
   }
 });
 export {
-  y as default
+  _sfc_main as default
 };

package/dist/es/components/pro-picker/apis/pro-picker.api.mjs

@@ -1,9 +1,9 @@
-const o = {
-  company: (t) => globalThis.$http.get("/security/company/options", t),
-  flowApplication: (t) => globalThis.$http.get("/flow/application/options", t),
-  user: (t) => globalThis.$http.get("/security/user/options", t),
-  getOps: (t) => globalThis.$http.get(t.url, t)
+const proPickerApi = {
+  company: (config) => globalThis.$http.get(`/security/company/options`, config),
+  flowApplication: (config) => globalThis.$http.get(`/flow/application/options`, config),
+  user: (config) => globalThis.$http.get(`/security/user/options`, config),
+  getOps: (config) => globalThis.$http.get(config.url, config)
 };
 export {
-  o as proPickerApi
+  proPickerApi
 };

package/dist/es/components/pro-picker/index.mjs

@@ -1,11 +1,11 @@
-import { withInstall as r } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/ProPicker.vue.mjs";
-import { PickerApiEnum as c, ProPickerProps as f } from "./src/types.mjs";
-import o from "./src/ProPicker.vue2.mjs";
-const p = r(o);
+import { PickerApiEnum, ProPickerProps } from "./src/types.mjs";
+import _sfc_main from "./src/ProPicker.vue2.mjs";
+const KProPicker = withInstall(_sfc_main);
 export {
-  p as KProPicker,
-  c as PickerApiEnum,
-  f as ProPickerProps,
-  p as default
+  KProPicker,
+  PickerApiEnum,
+  ProPickerProps,
+  KProPicker as default
 };

package/dist/es/components/pro-picker/src/ProPicker.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./ProPicker.vue2.mjs";
+import _sfc_main from "./ProPicker.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/components/pro-picker/src/ProPicker.vue2.mjs

@@ -1,90 +1,106 @@
-import { defineComponent as g, useModel as y, reactive as b, watch as P, createBlock as k, openBlock as S, unref as s, createSlots as C, withCtx as w, createVNode as A, mergeModels as d } from "vue";
-import { debounce as M } from "lodash-es";
-import { Select as O, Spin as B } from "ant-design-vue";
-import { proPickerApi as p } from "../apis/pro-picker.api.mjs";
-import { PickerApiEnum as u, ProPickerProps as _ } from "./types.mjs";
-const N = /* @__PURE__ */ g({
-  name: "ProPicker",
+import { defineComponent, useModel, reactive, watch, createBlock, openBlock, unref, createSlots, withCtx, createVNode, mergeModels } from "vue";
+import { debounce } from "lodash-es";
+import { Select, Spin } from "ant-design-vue";
+import { proPickerApi } from "../apis/pro-picker.api.mjs";
+import { PickerApiEnum, ProPickerProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProPicker"
+  },
   __name: "ProPicker",
-  props: /* @__PURE__ */ d(_, {
-    value: {},
-    valueModifiers: {}
+  props: /* @__PURE__ */ mergeModels(ProPickerProps, {
+    "value": {},
+    "valueModifiers": {}
   }),
-  emits: /* @__PURE__ */ d(["change"], ["update:value"]),
-  setup(c, { emit: f }) {
-    const l = c, m = f, i = y(c, "value"), t = b({
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = useModel(__props, "value");
+    const state = reactive({
       data: [],
-      fetching: !1
+      fetching: false
     });
-    P(
-      i,
-      (e) => {
-        if (!e || t.data.some((a) => a.value === e))
+    watch(
+      value,
+      (value2) => {
+        if (!value2)
           return;
-        const n = u[l.type];
-        typeof e == "string" || typeof e == "number" ? p.getOps({
-          url: n,
-          params: { value: e }
-        }).then((a) => {
-          t.data = a.data.options.map((r) => ({
-            label: r.label,
-            value: r.value
-          }));
-        }) : Array.isArray(e) && p.getOps({
-          url: n,
-          params: { value: e.join(",") }
-        }).then((a) => {
-          t.data = a.data.options.map((r) => ({
-            label: r.label,
-            value: r.value
-          })), t.fetching = !1;
-        });
+        const type = state.data.some((item) => item.value === value2);
+        if (type)
+          return;
+        const url = PickerApiEnum[props.type];
+        if (typeof value2 === "string" || typeof value2 === "number") {
+          proPickerApi.getOps({
+            url,
+            params: { value: value2 }
+          }).then((res) => {
+            state.data = res.data.options.map((item) => ({
+              label: item.label,
+              value: item.value
+            }));
+          });
+        } else if (Array.isArray(value2)) {
+          proPickerApi.getOps({
+            url,
+            params: { value: value2.join(",") }
+          }).then((res) => {
+            state.data = res.data.options.map((item) => ({
+              label: item.label,
+              value: item.value
+            }));
+            state.fetching = false;
+          });
+        }
       },
       {
-        immediate: !0
+        immediate: true
       }
     );
-    const h = M((e) => {
-      if (e) {
-        t.fetching = !0;
-        const o = u[l.type];
-        p.getOps({ url: o, params: { label: e } }).then((n) => {
-          t.data = n.data.options.map((a) => ({
-            label: a.label,
-            value: a.value
-          })), t.fetching = !1;
+    const handleSearch = debounce((value2) => {
+      if (value2) {
+        state.fetching = true;
+        const url = PickerApiEnum[props.type];
+        proPickerApi.getOps({ url, params: { label: value2 } }).then((res) => {
+          state.data = res.data.options.map((item) => ({
+            label: item.label,
+            value: item.value
+          }));
+          state.fetching = false;
         });
       }
-    }, l.delay);
-    function v(e, o) {
-      m("change", o);
+    }, props.delay);
+    function handleChange(_value, options) {
+      emit("change", options);
     }
-    return (e, o) => (S(), k(s(O), {
-      value: i.value,
-      "onUpdate:value": o[0] || (o[0] = (n) => i.value = n),
-      mode: e.mode,
-      "show-search": "",
-      placeholder: e.placeholder,
-      style: { width: "100%" },
-      "filter-option": !1,
-      "not-found-content": t.fetching ? void 0 : null,
-      options: t.data,
-      onChange: v,
-      onSearch: s(h)
-    }, C({
-      _: 2
-      /* DYNAMIC */
-    }, [
-      t.fetching ? {
-        name: "notFoundContent",
-        fn: w(() => [
-          A(s(B), { size: "small" })
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["value", "mode", "placeholder", "not-found-content", "options", "onSearch"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Select), {
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        mode: _ctx.mode,
+        "show-search": "",
+        placeholder: _ctx.placeholder,
+        style: { "width": "100%" },
+        "filter-option": false,
+        "not-found-content": state.fetching ? void 0 : null,
+        options: state.data,
+        onChange: handleChange,
+        onSearch: unref(handleSearch)
+      }, createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        state.fetching ? {
+          name: "notFoundContent",
+          fn: withCtx(() => [
+            createVNode(unref(Spin), { size: "small" })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["value", "mode", "placeholder", "not-found-content", "options", "onSearch"]);
+    };
   }
 });
 export {
-  N as default
+  _sfc_main as default
 };

package/dist/es/components/pro-picker/src/types.mjs

@@ -1,5 +1,11 @@
-var e = /* @__PURE__ */ ((t) => (t.company = "/security/company/options", t.user = "/security/user/options", t.department = "/security/department/options", t.flowApplication = "/flow/application/options", t))(e || {});
-const o = {
+var PickerApiEnum = /* @__PURE__ */ ((PickerApiEnum2) => {
+  PickerApiEnum2["company"] = "/security/company/options";
+  PickerApiEnum2["user"] = "/security/user/options";
+  PickerApiEnum2["department"] = "/security/department/options";
+  PickerApiEnum2["flowApplication"] = "/flow/application/options";
+  return PickerApiEnum2;
+})(PickerApiEnum || {});
+const ProPickerProps = {
   type: {
     type: String,
     default: "company"
@@ -17,6 +23,6 @@ const o = {
   }
 };
 export {
-  e as PickerApiEnum,
-  o as ProPickerProps
+  PickerApiEnum,
+  ProPickerProps
 };

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

@@ -1,14 +1,8 @@
-import { withInstall as r } from "../utils/install.mjs";
-import e from "./src/pro-user.mjs";
+import ProUserSelector from "./src/pro-user.mjs";
 import "./style/index.mjs";
-import { GTE_ORGTREE_URL as l, UserSelectorProps as E, selectUserContextKey as R } from "./src/types.mjs";
+import "./src/types.mjs";
 import "./src/hooks/index.mjs";
-e.GTE_ORGTREE_URL = "/security/dept/user/tree";
-const m = r(e);
+ProUserSelector.GTE_ORGTREE_URL = "/security/dept/user/tree";
 export {
-  l as GTE_ORGTREE_URL,
-  m as KUserSelector,
-  e as ProUserSelector,
-  E as UserSelectorProps,
-  R as selectUserContextKey
+  ProUserSelector
 };