@king-one/antdv 1.0.60 → 1.0.62

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.0.62
+
+### Patch Changes
+
+- feat：增加 modal 组件的 slot 插槽
+
+## 1.0.61
+
+### Patch Changes
+
+- feat:增加 footer 的插槽
+
 ## 1.0.60
 
 ### Patch Changes

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

@@ -1,82 +1,90 @@
-import { defineComponent as X, mergeModels as M, ref as e, useModel as Y, computed as y, watch as R, watchEffect as _, openBlock as b, createBlock as w, unref as $, mergeProps as E, withCtx as c, createElementVNode as P, toDisplayString as N, normalizeStyle as q, resolveDynamicComponent as z, renderSlot as O } 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"]),
-  setup(k, { emit: x }) {
-    const d = x, l = e(null), v = Y(k, "modelValue"), { b: B } = j("pro-modal"), D = y(() => B());
-    function S() {
-      d("onConfirm");
-    }
+  emits: /* @__PURE__ */ y(["onConfirm", "onCancel"], ["update:modelValue"]),
+  setup(B, { emit: D }) {
+    const c = D, l = e(null), f = Y(B, "modelValue"), { b: S } = A("pro-modal"), $ = M(() => S());
     function T() {
-      d("onCancel");
+      c("onConfirm");
+    }
+    function V() {
+      c("onCancel");
     }
-    const { x: r, y: u, isDragging: f } = A(l), p = e(0), g = e(0), n = e(!1), s = e(0), m = e(0), h = e(0), C = e(0), t = e({ left: 0, right: 0, top: 0, bottom: 0 });
-    R([r, u], () => {
+    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 = r.value, g.value = u.value;
-        const o = document.body.getBoundingClientRect(), a = l.value.getBoundingClientRect();
-        t.value.right = o.width - a.width, t.value.bottom = o.height - a.height, h.value = s.value, C.value = m.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;
       }
       n.value = !0;
-    }), R(f, () => {
-      f || (n.value = !1);
-    }), _(() => {
-      n.value && (s.value = h.value + Math.min(Math.max(t.value.left, r.value), t.value.right) - p.value, m.value = C.value + Math.min(Math.max(t.value.top, u.value), t.value.bottom) - g.value);
+    }), R(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 V = y(() => ({
-      transform: `translate(${s.value}px, ${m.value}px)`
+    const x = M(() => ({
+      transform: `translate(${m.value}px, ${i.value}px)`
     }));
-    return (o, a) => (b(), w($(U), E({
-      open: v.value,
-      "onUpdate:open": a[0] || (a[0] = (i) => v.value = i)
-    }, o.modalProps, {
-      "wrap-class-name": D.value,
-      onOk: S,
-      onCancel: T
-    }), {
-      title: c(() => [
-        P(
+    return (t, a) => (b(), w(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"
           },
-          N(o.title),
+          O(t.title),
           513
           /* TEXT, NEED_PATCH */
         )
       ]),
-      modalRender: c(({ originVNode: i }) => [
-        P(
+      modalRender: r(({ originVNode: d }) => [
+        k(
           "div",
           {
-            style: q(V.value)
+            style: U(x.value)
           },
           [
-            (b(), w(z(i)))
+            (b(), w(_(d)))
           ],
           4
           /* STYLE */
         )
       ]),
-      default: c(() => [
-        O(o.$slots, "default")
+      default: r(() => [
+        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"),q=require("./types.js"),D=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 R(){d("onCancel")}const{x:r,y:u,isDragging:f}=P.useDraggable(l),v=e.ref(0),p=e.ref(0),n=e.ref(!1),s=e.ref(0),i=e.ref(0),g=e.ref(0),h=e.ref(0),t=e.ref({left:0,right:0,top:0,bottom:0});e.watch([r,u],()=>{if(!n.value&&l.value){v.value=r.value,p.value=u.value;const o=document.body.getBoundingClientRect(),a=l.value.getBoundingClientRect();t.value.right=o.width-a.width,t.value.bottom=o.height-a.height,g.value=s.value,h.value=i.value}n.value=!0}),e.watch(f,()=>{f||(n.value=!1)}),e.watchEffect(()=>{n.value&&(s.value=g.value+Math.min(Math.max(t.value.left,r.value),t.value.right)-v.value,i.value=h.value+Math.min(Math.max(t.value.top,u.value),t.value.bottom)-p.value)});const k=e.computed(()=>({transform:`translate(${s.value}px, ${i.value}px)`}));return(o,a)=>(e.openBlock(),e.createBlock(e.unref(x.Modal),e.mergeProps({open:m.value,"onUpdate:open":a[0]||(a[0]=c=>m.value=c)},o.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(o.title),513)]),modalRender:e.withCtx(({originVNode:c})=>[e.createElementVNode("div",{style:e.normalizeStyle(k.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c)))],4)]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["open","wrap-class-name"]))}});exports.default=D;
+"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=42261) format("woff2"),url(fonts/iconfont.woff?t=4700) format("woff"),url(fonts/iconfont.ttf?t=36186) 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=43461) format("woff2"),url(fonts/iconfont.woff?t=45574) format("woff"),url(fonts/iconfont.ttf?t=39650) 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=32287) format("woff2"),url(fonts/iconfont.woff?t=37042) format("woff"),url(fonts/iconfont.ttf?t=86645) 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=47676) format("woff2"),url(fonts/iconfont.woff?t=74872) format("woff"),url(fonts/iconfont.ttf?t=67547) 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

@@ -1,6 +1,7 @@
 import { SFCWithInstall } from '../utils/install';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 import { ModalFuncProps } from 'ant-design-vue';
+import { ProModalSlots } from './src/types';
 export * from './hooks/useProModal';
 export declare const KProModal: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
@@ -87,8 +88,6 @@ export declare const KProModal: SFCWithInstall<{
     onConfirm: (...args: any[]) => void;
     "update:modelValue": (modelValue: boolean) => void;
 }, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
+    $slots: Readonly< ProModalSlots> & ProModalSlots;
 })>;
 export default KProModal;

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

@@ -1,9 +1,8 @@
+import { ProModalSlots } from './types';
 import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { ModalFuncProps } from 'ant-design-vue';
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
+    slots: Readonly<ProModalSlots> & ProModalSlots;
     refs: {
         modalTitleRef: HTMLDivElement;
     };

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

@@ -14,4 +14,18 @@ export declare const ProModalProps: {
         readonly required: true;
     };
 };
+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.60",
+  "version": "1.0.62",
   "description": "",
   "author": "",
   "license": "ISC",