@king-one/antdv 1.0.61 → 1.0.63

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.0.63
+
+### Patch Changes
+
+- fix：增加 ProMoldal 的 props 类型声明
+
+## 1.0.62
+
+### Patch Changes
+
+- feat：增加 modal 组件的 slot 插槽
+
 ## 1.0.61
 
 ### Patch Changes

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

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

package/dist/lib/components/pro-modal/src/ProModal.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("ant-design-vue"),B=require("../../../hooks/use-namespace/index.js"),P=require("@vueuse/core"),S=require("./types.js"),q=e.defineComponent({name:"ProModal",__name:"ProModal",props:e.mergeModels(S.ProModalProps,{modelValue:{required:!0,type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["onConfirm","onCancel"],["update:modelValue"]),setup(C,{emit:M}){const d=M,l=e.ref(null),m=e.useModel(C,"modelValue"),{b:y}=B.useNamespace("pro-modal"),w=e.computed(()=>y());function b(){d("onConfirm")}function R(){d("onCancel")}const{x:n,y:u,isDragging:f}=P.useDraggable(l),v=e.ref(0),p=e.ref(0),r=e.ref(!1),s=e.ref(0),i=e.ref(0),g=e.ref(0),h=e.ref(0),o=e.ref({left:0,right:0,top:0,bottom:0});e.watch([n,u],()=>{if(!r.value&&l.value){v.value=n.value,p.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,g.value=s.value,h.value=i.value}r.value=!0}),e.watch(f,()=>{f||(r.value=!1)}),e.watchEffect(()=>{r.value&&(s.value=g.value+Math.min(Math.max(o.value.left,n.value),o.value.right)-v.value,i.value=h.value+Math.min(Math.max(o.value.top,u.value),o.value.bottom)-p.value)});const k=e.computed(()=>({transform:`translate(${s.value}px, ${i.value}px)`}));return(t,a)=>(e.openBlock(),e.createBlock(e.unref(x.Modal),e.mergeProps({open:m.value,"onUpdate:open":a[0]||(a[0]=c=>m.value=c)},t.modalProps,{"wrap-class-name":w.value,onOk:b,onCancel:R}),{title:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"modalTitleRef",ref:l,class:"pro-modal-title"},e.toDisplayString(t.title),513)]),modalRender:e.withCtx(({originVNode:c})=>[e.createElementVNode("div",{style:e.normalizeStyle(k.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c)))],4)]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["open","wrap-class-name"]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("ant-design-vue"),B=require("../../../hooks/use-namespace/index.js"),P=require("@vueuse/core"),q=require("./types.js"),x=e.defineComponent({name:"ProModal",__name:"ProModal",props:e.mergeModels(q.ProModalProps,{modelValue:{required:!0,type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["onConfirm","onCancel"],["update:modelValue"]),setup(C,{emit:M}){const d=M,l=e.ref(null),m=e.useModel(C,"modelValue"),{b:y}=B.useNamespace("pro-modal"),w=e.computed(()=>y());function b(){d("onConfirm")}function k(){d("onCancel")}const{x:n,y:u,isDragging:f}=P.useDraggable(l),v=e.ref(0),p=e.ref(0),r=e.ref(!1),s=e.ref(0),i=e.ref(0),g=e.ref(0),h=e.ref(0),o=e.ref({left:0,right:0,top:0,bottom:0});e.watch([n,u],()=>{if(!r.value&&l.value){v.value=n.value,p.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,g.value=s.value,h.value=i.value}r.value=!0}),e.watch(f,()=>{f||(r.value=!1)}),e.watchEffect(()=>{r.value&&(s.value=g.value+Math.min(Math.max(o.value.left,n.value),o.value.right)-v.value,i.value=h.value+Math.min(Math.max(o.value.top,u.value),o.value.bottom)-p.value)});const R=e.computed(()=>({transform:`translate(${s.value}px, ${i.value}px)`}));return(t,a)=>(e.openBlock(),e.createBlock(e.unref(S.Modal),e.mergeProps({open:m.value,"onUpdate:open":a[0]||(a[0]=c=>m.value=c)},t.modalProps,{"wrap-class-name":w.value,onOk:b,onCancel:k}),e.createSlots({title:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"modalTitleRef",ref:l,class:"pro-modal-title"},e.toDisplayString(t.title),513)]),modalRender:e.withCtx(({originVNode:c})=>[e.createElementVNode("div",{style:e.normalizeStyle(R.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c)))],4)]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),key:"0"}:void 0]),1040,["open","wrap-class-name"]))}});exports.default=x;

package/dist/theme-chalk/icon.css

@@ -1 +1 @@
-@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=24573) format("woff2"),url(fonts/iconfont.woff?t=8773) format("woff"),url(fonts/iconfont.ttf?t=36985) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}
+@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=56889) format("woff2"),url(fonts/iconfont.woff?t=63860) format("woff"),url(fonts/iconfont.ttf?t=38137) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}

package/dist/theme-chalk/index.css

@@ -1 +1 @@
-:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-content{width:-moz-fit-content;width:fit-content}.king-scrollbar .king-scrollbar-rail{position:absolute}.king-scrollbar .king-scrollbar-rail--vertical{right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail--horizontal{bottom:2px;height:5px;left:2px;right:2px}.king-scrollbar .king-scrollbar-rail__scrollbar--vertical{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-scrollbar .king-scrollbar-rail__scrollbar--horizontal{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;height:100%;cursor:pointer}.v-vl-items{width:-moz-fit-content;width:fit-content}.king-scale-virtual-list{width:100%;height:100%}.king-scale-virtual-list .king-scale-virtual-list-container{margin:0 auto;position:relative}.king-scale-virtual-list .king-scale-vittual-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto;position:absolute;left:50%}.king-pro-title{border-bottom:1px solid #ccc;font-weight:500}.king-pro-title .icon{margin-right:10px}.king-pro-title--unborder{border:none}.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:65vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-modal .ant-modal-title{flex:1}.king-pro-modal .pro-modal-title{cursor:move;width:100%}.king-pro-area-select{width:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=20039) format("woff2"),url(fonts/iconfont.woff?t=5997) format("woff"),url(fonts/iconfont.ttf?t=50265) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}
+:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-content{width:-moz-fit-content;width:fit-content}.king-scrollbar .king-scrollbar-rail{position:absolute}.king-scrollbar .king-scrollbar-rail--vertical{right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail--horizontal{bottom:2px;height:5px;left:2px;right:2px}.king-scrollbar .king-scrollbar-rail__scrollbar--vertical{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-scrollbar .king-scrollbar-rail__scrollbar--horizontal{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;height:100%;cursor:pointer}.v-vl-items{width:-moz-fit-content;width:fit-content}.king-scale-virtual-list{width:100%;height:100%}.king-scale-virtual-list .king-scale-virtual-list-container{margin:0 auto;position:relative}.king-scale-virtual-list .king-scale-vittual-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto;position:absolute;left:50%}.king-pro-title{border-bottom:1px solid #ccc;font-weight:500}.king-pro-title .icon{margin-right:10px}.king-pro-title--unborder{border:none}.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:65vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-modal .ant-modal-title{flex:1}.king-pro-modal .pro-modal-title{cursor:move;width:100%}.king-pro-area-select{width:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=95418) format("woff2"),url(fonts/iconfont.woff?t=24592) format("woff"),url(fonts/iconfont.ttf?t=71403) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}

package/dist/types/components/pro-modal/index.d.ts

@@ -6,7 +6,9 @@ export * from './hooks/useProModal';
 export declare const KProModal: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         modalProps: {
-            readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+            readonly type: PropType<Omit< ModalFuncProps & {
+                confirmLoading?: boolean;
+            }, "open" | "title">>;
         };
         modelValue: {
             readonly type: BooleanConstructor;
@@ -26,7 +28,9 @@ export declare const KProModal: SFCWithInstall<{
         "update:modelValue": (modelValue: boolean) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         modalProps: {
-            readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+            readonly type: PropType<Omit< ModalFuncProps & {
+                confirmLoading?: boolean;
+            }, "open" | "title">>;
         };
         modelValue: {
             readonly type: BooleanConstructor;
@@ -49,7 +53,9 @@ export declare const KProModal: SFCWithInstall<{
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
         modalProps: {
-            readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+            readonly type: PropType<Omit< ModalFuncProps & {
+                confirmLoading?: boolean;
+            }, "open" | "title">>;
         };
         modelValue: {
             readonly type: BooleanConstructor;
@@ -69,7 +75,9 @@ export declare const KProModal: SFCWithInstall<{
     __isSuspense?: never;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        readonly type: PropType<Omit< ModalFuncProps & {
+            confirmLoading?: boolean;
+        }, "open" | "title">>;
     };
     modelValue: {
         readonly type: BooleanConstructor;

package/dist/types/components/pro-modal/src/Modal.d.ts

@@ -2,7 +2,9 @@ import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractP
 import { ModalFuncProps } from 'ant-design-vue';
 declare const _default: DefineComponent<{
     readonly modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        readonly type: PropType<Omit< ModalFuncProps & {
+            confirmLoading?: boolean;
+        }, "open" | "title">>;
     };
     readonly modelValue: {
         readonly type: BooleanConstructor;
@@ -14,7 +16,9 @@ declare const _default: DefineComponent<{
     };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("onCancel" | "onConfirm" | "update:modelValue")[], "onCancel" | "onConfirm" | "update:modelValue", PublicProps, Readonly< ExtractPropTypes<{
     readonly modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        readonly type: PropType<Omit< ModalFuncProps & {
+            confirmLoading?: boolean;
+        }, "open" | "title">>;
     };
     readonly modelValue: {
         readonly type: BooleanConstructor;

package/dist/types/components/pro-modal/src/ProModal.vue.d.ts

@@ -11,7 +11,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<{
     modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        readonly type: PropType<Omit< ModalFuncProps & {
+            confirmLoading?: boolean;
+        }, "open" | "title">>;
     };
     modelValue: {
         readonly type: BooleanConstructor;
@@ -27,7 +29,9 @@ declare const __VLS_component: DefineComponent<{
     "update:modelValue": (modelValue: boolean) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
     modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        readonly type: PropType<Omit< ModalFuncProps & {
+            confirmLoading?: boolean;
+        }, "open" | "title">>;
     };
     modelValue: {
         readonly type: BooleanConstructor;

package/dist/types/components/pro-modal/src/types.d.ts

@@ -1,6 +1,8 @@
 import { ModalFuncProps } from 'ant-design-vue';
 import { PropType } from 'vue';
-type ModalType = ModalFuncProps;
+type ModalType = ModalFuncProps & {
+    confirmLoading?: boolean;
+};
 export declare const ProModalProps: {
     readonly modalProps: {
         readonly type: PropType<Omit<ModalType, "open" | "title">>;
@@ -19,5 +21,13 @@ export interface ProModalSlots {
      * 自定义标题
      */
     title?: () => any;
+    /**
+     * 自定义页脚
+     */
+    footer?: () => any;
+    /**
+     * 默认插槽
+     */
+    default?: () => any;
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/antdv",
   "type": "module",
-  "version": "1.0.61",
+  "version": "1.0.63",
   "description": "",
   "author": "",
   "license": "ISC",