@dt-frames/ui 2.0.2 → 2.0.3

package/es/components/modal/index.js

@@ -1,17 +1,20 @@
 import { useApp, isFunction, isObject, error, useTimeoutFn, useSlots, useI18n, off, on, windowResizeFn, dispatchResize, isArray, deepMerge } from "@dt-frames/core";
+import { reactive, ref as ref$1, watchEffect, unref, nextTick, onUnmounted, toRefs, useAttrs, createVNode, isVNode, defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, withCtx, createElementVNode, createCommentVNode, getCurrentInstance as getCurrentInstance$1, inject, h as h$1, provide, onMounted as onMounted$1, normalizeStyle, resolveDynamicComponent, renderSlot, mergeProps, watch, resolveDirective, normalizeProps, renderList, withDirectives, createTextVNode, toDisplayString, createSlots, guardReactiveProps } from "vue";
 import { Tooltip, Button, FormItem, Col, Spin } from "ant-design-vue/es";
-import { createVNode, isVNode, defineComponent as defineComponent$1, openBlock, createElementBlock, normalizeClass, unref as unref$1, Fragment, createBlock, withCtx, createElementVNode, createCommentVNode, getCurrentInstance as getCurrentInstance$1, ref as ref$1, inject, computed as computed$1, onUnmounted as onUnmounted$1, h as h$1, normalizeStyle, resolveDynamicComponent, renderSlot, mergeProps, resolveDirective, normalizeProps, renderList, withDirectives, createTextVNode, toDisplayString, createSlots, guardReactiveProps } from "vue";
+import "ant-design-vue/es/spin/style";
 import { omit } from "lodash-es";
-import { Modal as Modal$1 } from "ant-design-vue";
+import { Modal } from "ant-design-vue";
+import "ant-design-vue/es/tooltip/style";
+import "ant-design-vue/es/col/style";
 import "ant-design-vue/es/form/style";
 import "ant-design-vue/es/button/style";
 const orgDialogProp = reactive({});
 const cbTransfer = reactive({});
 const dataTransfer = reactive({});
 function useModalOut() {
-  const modal = ref(null);
-  const loaded = ref(true);
-  const uid = ref(null);
+  const modal = ref$1(null);
+  const loaded = ref$1(true);
+  const uid = ref$1(null);
   const { isProd } = useApp();
   function register(modalMethod, uuid) {
     if (!getCurrentInstance()) {
@@ -69,9 +72,9 @@ function useModalOut() {
   return [register, methods];
 }
 function useModal(props, setModalData) {
-  const modalInstanceRef = ref(null);
+  const modalInstanceRef = ref$1(null);
   const currentInstance = getCurrentInstance();
-  const uidRef = ref(null);
+  const uidRef = ref$1(null);
   const { isProd } = useApp();
   const getInstance = () => {
     const instance = unref(modalInstanceRef);
@@ -119,8 +122,6 @@ function useModal(props, setModalData) {
   };
   return [register, methods];
 }
-const _default = "";
-const index$2 = "";
 const basicProps = {
   t: {
     type: String
@@ -277,7 +278,7 @@ function useDragMove(context) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const Modal = defineComponent({
+const _sfc_main$8 = {
   name: "Modal",
   inheritAttrs: false,
   props: basicProps,
@@ -311,14 +312,13 @@ const Modal = defineComponent({
       };
       if (!propsData?.visible)
         return null;
-      return createVNode(Modal$1, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
+      return createVNode(Modal, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
         default: () => [_slot]
       });
     };
   }
-});
-const index$1 = "";
-const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CloseIcon",
   props: {
     canFullscreen: { type: Boolean, default: true },
@@ -348,12 +348,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
     return (_ctx, _cache) => {
       const _component_ATooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex h-14 items-center justify-center", unref$1(getClass)])
+        class: normalizeClass(["flex h-14 items-center justify-center", unref(getClass)])
       }, [
         __props.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           __props.fullScreen ? (openBlock(), createBlock(_component_ATooltip, {
             key: 0,
-            title: unref$1(t)("EXIT_FULLSCREEN"),
+            title: unref(t)("EXIT_FULLSCREEN"),
             placement: "bottom"
           }, {
             default: withCtx(() => [
@@ -365,7 +365,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
             _: 1
           }, 8, ["title"])) : (openBlock(), createBlock(_component_ATooltip, {
             key: 1,
-            title: unref$1(t)("FULLSCREEN"),
+            title: unref(t)("FULLSCREEN"),
             placement: "bottom"
           }, {
             default: withCtx(() => [
@@ -445,7 +445,7 @@ function removeResizeListener(element, fn) {
     element.__ro__.disconnect();
   }
 }
-const Bar = defineComponent$1({
+const Bar = defineComponent({
   name: "Bar",
   props: {
     vertical: Boolean,
@@ -456,7 +456,7 @@ const Bar = defineComponent$1({
     const instance = getCurrentInstance$1();
     const thumb = ref$1();
     const wrap = inject("scroll-bar-wrap", {});
-    const bar = computed$1(() => {
+    const bar = computed(() => {
       return BAR_MAP[props.vertical ? "vertical" : "horizontal"];
     });
     const barStore = ref$1({});
@@ -501,7 +501,7 @@ const Bar = defineComponent$1({
       off(document, "mousemove", mouseMoveDocumentHandler);
       document.onselectstart = null;
     }
-    onUnmounted$1(() => {
+    onUnmounted(() => {
       off(document, "mouseup", mouseUpDocumentHandler);
     });
     return () => h$1(
@@ -524,7 +524,7 @@ const Bar = defineComponent$1({
   }
 });
 const _hoisted_1$1 = { class: "scrollbar relative h-full overflow-hidden" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -548,12 +548,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   },
   setup(__props) {
     const props = __props;
-    const sizeWidth = ref("0");
-    const sizeHeight = ref("0");
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const wrap = ref();
-    const resize = ref();
+    const sizeWidth = ref$1("0");
+    const sizeHeight = ref$1("0");
+    const moveX = ref$1(0);
+    const moveY = ref$1(0);
+    const wrap = ref$1();
+    const resize = ref$1();
     provide("scroll-bar-wrap", wrap);
     const style = computed(() => {
       let rsStyle = {};
@@ -577,7 +577,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
       sizeHeight.value = heightPercentage < 100 ? heightPercentage + "%" : "";
       sizeWidth.value = widthPercentage < 100 ? widthPercentage + "%" : "";
     };
-    onMounted(() => {
+    onMounted$1(() => {
       nextTick(update);
       if (!props.noresize) {
         addResizeListener(unref(resize), update);
@@ -598,7 +598,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
           ref_key: "wrap",
           ref: wrap,
           class: normalizeClass([[__props.wrapClass, "scrollbar__wrap--hidden-default"], "h-full overflow-auto"]),
-          style: normalizeStyle(unref$1(style)),
+          style: normalizeStyle(unref(style)),
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
@@ -613,20 +613,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
             _: 3
           }, 8, ["class", "style"]))
         ], 38),
-        createVNode(unref$1(Bar), {
-          move: unref$1(moveX),
-          size: unref$1(sizeWidth)
+        createVNode(unref(Bar), {
+          move: moveX.value,
+          size: sizeWidth.value
         }, null, 8, ["move", "size"]),
-        createVNode(unref$1(Bar), {
+        createVNode(unref(Bar), {
           vertical: "",
-          move: unref$1(moveY),
-          size: unref$1(sizeHeight)
+          move: moveY.value,
+          size: sizeHeight.value
         }, null, 8, ["move", "size"])
       ]);
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
     const scrollbarRef = ref(null);
@@ -643,8 +643,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$4 = defineComponent({
-  name: "slot-container",
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "slot-container",
   props: {
     template: {
       type: Function
@@ -653,9 +653,11 @@ const _sfc_main$4 = defineComponent({
       type: Object
     }
   },
-  setup(props) {
-    return () => {
-      return h("div", [props.template(props.data)]);
+  setup(__props) {
+    const props = __props;
+    const Container = h("div", [props.template(props.data)]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Container));
     };
   }
 });
@@ -667,7 +669,7 @@ const withInstall = (comp) => {
 };
 const DtScrollContainer = withInstall(_sfc_main$5);
 withInstall(_sfc_main$4);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ModalWrap",
   props: {
     useWrapper: { type: Boolean, default: true },
@@ -681,10 +683,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
   emits: ["ext-height", "height-change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const wrapperRef = ref(null);
-    const wrapRef = ref(null);
-    const realHeightRef = ref(0);
-    const minRealHeightRef = ref(0);
+    const wrapperRef = ref$1(null);
+    const wrapRef = ref$1(null);
+    const realHeightRef = ref$1(0);
+    const minRealHeightRef = ref$1(0);
     let realHeight = 0;
     const wrapStyle = computed(() => {
       return {
@@ -755,7 +757,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(DtScrollContainer), {
+      return openBlock(), createBlock(unref(DtScrollContainer), {
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, {
@@ -763,7 +765,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
           createElementVNode("div", {
             ref_key: "wrapRef",
             ref: wrapRef,
-            style: normalizeStyle(unref$1(wrapStyle))
+            style: normalizeStyle(unref(wrapStyle))
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 4)
@@ -773,7 +775,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const index = "";
 const _hoisted_1 = {
   key: 0,
   className: "preIcon pr-1"
@@ -787,7 +788,7 @@ const _hoisted_4 = /* @__PURE__ */ createElementVNode("i", { class: "text-2xl i
 const _hoisted_5 = [
   _hoisted_4
 ];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FormButtons",
   props: {
     mode: {
@@ -819,7 +820,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
   setup(__props, { emit: emits }) {
     const props = __props;
     const { t } = useI18n();
-    const advancedRef = ref(props.isAdvanced);
+    const advancedRef = ref$1(props.isAdvanced);
     let key = 0;
     const showAdvanceRef = computed(() => {
       return props.mode === "search" ? props.showAdvancedButton : false;
@@ -874,7 +875,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
       const _component_ACol = Col;
       const _directive_icon = resolveDirective("icon");
       const _directive_auth = resolveDirective("auth");
-      return __props.show ? (openBlock(), createBlock(_component_ACol, normalizeProps(mergeProps({ key: 0 }, unref$1(colOpt))), {
+      return __props.show ? (openBlock(), createBlock(_component_ACol, normalizeProps(mergeProps({ key: 0 }, unref(colOpt))), {
         default: withCtx(() => [
           createVNode(_component_AFormItem, {
             class: "dt-form-btns",
@@ -888,9 +889,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
                   (button.show === void 0 ? true : button.show) ? withDirectives((openBlock(), createBlock(_component_AButton, {
                     type: button.type,
                     class: normalizeClass(button.class),
-                    loading: button.loading,
+                    loading: button.loading?.value,
                     disabled: button.disabled,
-                    key: unref$1(key),
+                    key: unref(key),
                     onClick: ($event) => handleBtnClick(button)
                   }, {
                     icon: withCtx(() => [
@@ -899,7 +900,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
                       ]) : createCommentVNode("", true)
                     ]),
                     default: withCtx(() => [
-                      createTextVNode(" " + toDisplayString(unref$1(t)(button.name)) + " ", 1),
+                      createTextVNode(" " + toDisplayString(unref(t)(button.name)) + " ", 1),
                       button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2, null, 512)), [
                         [_directive_icon, button.postIcon]
                       ]) : createCommentVNode("", true)
@@ -910,16 +911,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
                   ]) : createCommentVNode("", true)
                 ], 64);
               }), 256)),
-              unref$1(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
+              unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
                 key: 0,
                 type: "link",
                 class: "advanced",
                 onClick: toggleAdvanced
               }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_3, toDisplayString(unref$1(advancedRef) ? unref$1(t)("UI.ADVANCED") : unref$1(t)("UI.EXPAND")), 1),
+                  createElementVNode("span", _hoisted_3, toDisplayString(advancedRef.value ? unref(t)("UI.ADVANCED") : unref(t)("UI.EXPAND")), 1),
                   createElementVNode("span", {
-                    class: normalizeClass(unref$1(getAdvanceClass))
+                    class: normalizeClass(unref(getAdvanceClass))
                   }, _hoisted_5, 2)
                 ]),
                 _: 1
@@ -933,7 +934,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ModalFooter",
   props: {
     buttons: Object,
@@ -949,7 +950,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
   setup(__props, { emit: emits }) {
     const props = __props;
     const { t } = useI18n("UI");
-    const buttonList = computed$1(() => {
+    const buttonList = computed(() => {
       if (props.buttons && props.buttons.length)
         return props.buttons;
       let buttonActions = [
@@ -977,7 +978,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
         renderSlot(_ctx.$slots, "appendFooter"),
         createVNode(_sfc_main$2, {
           mode: "dialog",
-          buttonList: unref$1(buttonList),
+          buttonList: unref(buttonList),
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
         }, null, 8, ["buttonList"])
       ], 64);
@@ -985,7 +986,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
   }
 });
 function useFullScreen(wrapClassName) {
-  const fullScreenRef = ref(false);
+  const fullScreenRef = ref$1(false);
   const getWrapClassName = computed(() => {
     const clsName = unref(wrapClassName) || "";
     const cls = unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
@@ -1002,15 +1003,15 @@ function useFullScreen(wrapClassName) {
     toggleFullScreen
   };
 }
-const _sfc_main = /* @__PURE__ */ defineComponent$1({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps,
   emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const visibleRef = ref(false);
-    const propsRef = ref();
-    const modalWrapperRef = ref(null);
+    const visibleRef = ref$1(false);
+    const propsRef = ref$1();
+    const modalWrapperRef = ref$1(null);
     const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref(propsRef)?.wrapClassName));
     const getMergeProps = computed(() => {
       return {
@@ -1102,23 +1103,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     });
     return (_ctx, _cache) => {
       const _component_ASpin = Spin;
-      return openBlock(), createBlock(unref$1(Modal), mergeProps(unref$1(getBindValue), { onCancel: handleCancel }), createSlots({
+      return openBlock(), createBlock(_sfc_main$8, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
           createVNode(_component_ASpin, {
-            spinning: unref$1(getBindValue).loading,
-            tip: unref$1(getBindValue).loadingTip
+            spinning: unref(getBindValue).loading,
+            tip: unref(getBindValue).loadingTip
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$3, mergeProps({
-                useWrapper: unref$1(getBindValue).useWrapper,
-                fullScreen: unref$1(fullScreenRef),
+                useWrapper: unref(getBindValue).useWrapper,
+                fullScreen: unref(fullScreenRef),
                 ref_key: "modalWrapperRef",
                 ref: modalWrapperRef,
-                minHeight: unref$1(getBindValue).minHeight,
-                height: unref$1(getWrapperHeight),
-                visible: unref$1(visibleRef),
-                modalFooterHeight: unref$1(modalFooterHeight)
-              }, unref$1(omit)(unref$1(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
+                minHeight: unref(getBindValue).minHeight,
+                height: unref(getWrapperHeight),
+                visible: visibleRef.value,
+                modalFooterHeight: unref(modalFooterHeight)
+              }, unref(omit)(unref(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
@@ -1134,10 +1135,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
           name: "closeIcon",
           fn: withCtx(() => [
             createVNode(_sfc_main$7, {
-              canFullscreen: unref$1(getBindValue).canFullscreen,
-              fullScreen: unref$1(fullScreenRef),
+              canFullscreen: unref(getBindValue).canFullscreen,
+              fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
-              onFullscreen: unref$1(toggleFullScreen)
+              onFullscreen: unref(toggleFullScreen)
             }, null, 8, ["canFullscreen", "fullScreen", "onFullscreen"])
           ]),
           key: "0"
@@ -1145,7 +1146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
         !_ctx.$slots.title ? {
           name: "title",
           fn: withCtx(() => [
-            createTextVNode(toDisplayString(unref$1(getMergeProps).title), 1)
+            createTextVNode(toDisplayString(unref(getMergeProps).title), 1)
           ]),
           key: "1"
         } : void 0,
@@ -1153,11 +1154,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
           name: "footer",
           fn: withCtx(() => [
             createVNode(_sfc_main$1, {
-              buttons: unref$1(propsRef)?.footer,
-              showSave: unref$1(getBindValue).showOkBtn,
-              showCancel: unref$1(getBindValue).showCancelBtn,
-              okText: unref$1(getBindValue).okText,
-              cancelText: unref$1(getBindValue).cancelText,
+              buttons: propsRef.value?.footer,
+              showSave: unref(getBindValue).showOkBtn,
+              showCancel: unref(getBindValue).showCancelBtn,
+              okText: unref(getBindValue).okText,
+              cancelText: unref(getBindValue).cancelText,
               onHandleSave: handleSave,
               onHandleCancel: handleCancel
             }, createSlots({ _: 2 }, [
@@ -1173,7 +1174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
           ]),
           key: "2"
         } : void 0,
-        renderList(Object.keys(unref$1(omit)(_ctx.$slots, "default")), (item) => {
+        renderList(Object.keys(unref(omit)(_ctx.$slots, "default")), (item) => {
           return {
             name: item,
             fn: withCtx((data) => [