knt-shared 1.4.6 → 1.4.8

package/dist/index.esm.js

@@ -6432,8 +6432,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     "row-index": slotProps.rowIndex,
                     value: unref(getEditValue)(slotProps.record, col),
                     error: unref(getValidationError)(slotProps.record, col),
+                    "edit-config": props.editConfig,
                     onChange: (val) => unref(setEditValue)(slotProps.record, col, val)
-                  }, null, 8, ["column", "record", "row-index", "value", "error", "onChange"])) : _ctx.$slots[col.dataIndex] ? renderSlot(_ctx.$slots, col.dataIndex, normalizeProps(mergeProps({ key: 3 }, slotProps)), void 0, true) : col.customRender ? (openBlock(), createBlock(resolveDynamicComponent(renderCustomCell(col, slotProps)), { key: 4 })) : col.format ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                  }, null, 8, ["column", "record", "row-index", "value", "error", "edit-config", "onChange"])) : _ctx.$slots[col.dataIndex] ? renderSlot(_ctx.$slots, col.dataIndex, normalizeProps(mergeProps({ key: 3 }, slotProps)), void 0, true) : col.customRender ? (openBlock(), createBlock(resolveDynamicComponent(renderCustomCell(col, slotProps)), { key: 4 })) : col.format ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                     createTextVNode(toDisplayString(col.format(
                       slotProps.record[col.dataIndex],
                       slotProps.record,
@@ -6458,7 +6459,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-efd7cfc7"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-eebe4c3c"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);
@@ -6813,7 +6814,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     visible: { type: Boolean, default: false },
     defaultVisible: { type: Boolean, default: false },
     title: {},
-    alignCenter: { type: Boolean },
+    alignCenter: { type: Boolean, default: true },
     unmountOnClose: { type: Boolean },
     maskClosable: { type: Boolean, default: true },
     hideTitle: { type: Boolean },
@@ -6828,19 +6829,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     fullscreen: { type: Boolean },
     width: { default: 520 },
     top: {},
-    renderToBody: { type: Boolean },
+    renderToBody: { type: Boolean, default: true },
     popupContainer: {},
     maskStyle: {},
     modalStyle: {},
     modalClass: {},
-    popupAnimationName: {},
     mask: { type: Boolean, default: true },
     onBeforeOk: {},
     onBeforeCancel: {},
-    escToClose: { type: Boolean },
+    escToClose: { type: Boolean, default: true },
     draggable: { type: Boolean, default: false },
     footer: { type: Boolean, default: true },
     titleAlign: { default: "center" },
+    maskAnimationName: {},
+    modalAnimationName: {},
+    bodyClass: {},
+    bodyStyle: { type: [Boolean, null, String, Object, Array] },
     height: {},
     minHeight: { default: 46 },
     useWrapper: { type: Boolean, default: true },
@@ -6854,9 +6858,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     helpMessage: {},
     centered: { type: Boolean, default: false },
     closeFunc: {},
-    showFooter: { type: Boolean, default: true }
+    showFooter: { type: Boolean, default: true },
+    clearDataOnClose: { type: Boolean },
+    _data: {}
   },
-  emits: ["register", "update:visible", "ok", "cancel", "visible-change"],
+  emits: ["register", "update:visible", "ok", "cancel", "open", "close", "before-open", "before-close", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -6868,28 +6874,65 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const getProps = computed(() => {
       return { ...props, ...unref(propsRef) };
     });
+    const isValidClass = (value) => {
+      if (value === void 0 || value === null) return false;
+      return typeof value === "string" || Array.isArray(value);
+    };
+    const isValidStyle = (value) => {
+      if (value === void 0 || value === null) return false;
+      if (typeof value === "string") return true;
+      if (Array.isArray(value)) return true;
+      if (typeof value === "object" && !Array.isArray(value)) return true;
+      return false;
+    };
+    const isValidButtonProps = (value) => {
+      if (value === void 0 || value === null) return false;
+      return typeof value === "object" && !Array.isArray(value);
+    };
+    const isValidPopupContainer = (value) => {
+      if (value === void 0 || value === null) return false;
+      return typeof value === "string" || value instanceof HTMLElement;
+    };
     const getBindValue = computed(() => {
       const propsData = unref(getProps);
       return {
+        // Arco 原生属性完全透传
+        defaultVisible: propsData.defaultVisible,
+        title: propsData.title,
         width: fullscreenRef.value ? "100%" : propsData.width,
-        fullscreen: fullscreenRef.value,
+        top: propsData.top,
+        mask: propsData.mask,
         maskClosable: propsData.maskClosable,
         closable: propsData.closable,
-        unmountOnClose: propsData.unmountOnClose,
+        okText: propsData.okText,
+        cancelText: propsData.cancelText,
+        okLoading: propsData.okLoading,
+        // 按钮属性需要类型检查
+        okButtonProps: isValidButtonProps(propsData.okButtonProps) ? propsData.okButtonProps : void 0,
+        cancelButtonProps: isValidButtonProps(propsData.cancelButtonProps) ? propsData.cancelButtonProps : void 0,
+        fullscreen: fullscreenRef.value || propsData.fullscreen,
         alignCenter: propsData.alignCenter || propsData.centered,
+        unmountOnClose: propsData.unmountOnClose,
+        hideCancel: propsData.hideCancel,
         simple: propsData.simple,
         hideTitle: propsData.hideTitle,
         renderToBody: propsData.renderToBody,
-        popupContainer: propsData.popupContainer,
-        maskStyle: propsData.maskStyle,
+        // popupContainer 需要类型检查
+        popupContainer: isValidPopupContainer(propsData.popupContainer) ? propsData.popupContainer : void 0,
+        // 样式属性需要类型检查
+        maskStyle: isValidStyle(propsData.maskStyle) ? propsData.maskStyle : void 0,
         modalStyle: getModalStyle.value,
-        modalClass: propsData.modalClass,
+        modalClass: isValidClass(propsData.modalClass) ? propsData.modalClass : void 0,
         escToClose: propsData.escToClose,
         draggable: propsData.draggable,
-        mask: propsData.mask,
-        top: propsData.top,
         footer: propsData.footer === false ? false : void 0,
-        titleAlign: propsData.titleAlign
+        titleAlign: propsData.titleAlign,
+        // v2.24.0+ 新增属性
+        maskAnimationName: propsData.maskAnimationName,
+        modalAnimationName: propsData.modalAnimationName,
+        // v2.31.0+ 新增属性
+        bodyClass: isValidClass(propsData.bodyClass) ? propsData.bodyClass : void 0,
+        bodyStyle: isValidStyle(propsData.bodyStyle) ? propsData.bodyStyle : void 0
       };
     });
     const getModalStyle = computed(() => {
@@ -6945,7 +6988,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("update:visible", visible);
       emit("visible-change", visible);
     };
-    const handleOkInternal = async () => {
+    const handleOkInternal = async (ev) => {
       const propsData = unref(getProps);
       if (confirmLoading.value || propsData.loading) {
         return;
@@ -6962,7 +7005,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }
             });
           });
-          emit("ok");
+          emit("ok", ev);
           handleVisibleChange(false);
         } catch (e) {
         } finally {
@@ -6975,7 +7018,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         try {
           const canClose = await propsData.closeFunc();
           if (canClose) {
-            emit("ok");
+            emit("ok", ev);
             handleVisibleChange(false);
           }
         } finally {
@@ -6983,30 +7026,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
         return;
       }
-      emit("ok");
+      emit("ok", ev);
       handleVisibleChange(false);
     };
     const handleOk = handleOkInternal;
-    const handleCancel = async () => {
+    const handleCancel = async (ev) => {
       const propsData = unref(getProps);
       if (propsData.onBeforeCancel) {
         try {
-          await new Promise((resolve, reject) => {
-            propsData.onBeforeCancel((closed) => {
-              if (closed) {
-                resolve(true);
-              } else {
-                reject(false);
-              }
-            });
-          });
-          emit("cancel");
+          const result = propsData.onBeforeCancel();
+          if (result === false) {
+            return;
+          }
+          emit("cancel", ev);
           handleVisibleChange(false);
         } catch (e) {
         }
         return;
       }
-      emit("cancel");
+      emit("cancel", ev);
       handleVisibleChange(false);
     };
     const handleFullscreen = () => {
@@ -7020,6 +7058,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const closeModal = () => {
       handleVisibleChange(false);
+      const propsData = unref(getProps);
+      if (propsData.clearDataOnClose) {
+        setTimeout(() => {
+          clearData();
+        }, 300);
+      }
     };
     const changeOkLoading = (loading) => {
       confirmLoading.value = loading;
@@ -7031,13 +7075,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const getModalProps = () => {
       return { ...unref(getProps), visible: visibleRef.value };
     };
+    const clearData = () => {
+      propsRef.value = {};
+      confirmLoading.value = false;
+      modalLoading.value = false;
+    };
     const modalMethods = {
       setModalProps,
       openModal,
       closeModal,
       changeOkLoading,
       changeLoading,
-      getModalProps
+      getModalProps,
+      clearData
     };
     __expose(modalMethods);
     watch(
@@ -7069,7 +7119,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         visible: visibleRef.value,
         "onUpdate:visible": handleVisibleChange,
         onOk: unref(handleOk),
-        onCancel: handleCancel
+        onCancel: handleCancel,
+        onOpen: _cache[0] || (_cache[0] = ($event) => emit("open")),
+        onClose: _cache[1] || (_cache[1] = ($event) => emit("close")),
+        onBeforeOpen: _cache[2] || (_cache[2] = ($event) => emit("before-open")),
+        onBeforeClose: _cache[3] || (_cache[3] = ($event) => emit("before-close"))
       }), createSlots({
         default: withCtx(() => [
           createVNode(_component_a_spin, {
@@ -7202,7 +7256,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-68fed17a"]]);
+const BasicModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ce432825"]]);
 function useModal(props) {
   const modalRef = ref(null);
   const loadedRef = ref(false);
@@ -7249,13 +7303,37 @@ function useModal(props) {
     if (!modal) return false;
     return modal.getModalProps().visible || false;
   };
+  const changeOkLoading = (loading) => {
+    const modal = getModal();
+    if (!modal) return;
+    modal.changeOkLoading(loading);
+  };
+  const changeLoading = (loading) => {
+    const modal = getModal();
+    if (!modal) return;
+    modal.changeLoading(loading);
+  };
+  const getModalProps = () => {
+    const modal = getModal();
+    if (!modal) return {};
+    return modal.getModalProps();
+  };
+  const clearData = () => {
+    const modal = getModal();
+    if (!modal) return;
+    modal.clearData();
+  };
   return [
     register,
     {
       openModal,
       closeModal,
       setModalProps,
-      getVisible
+      getVisible,
+      changeOkLoading,
+      changeLoading,
+      getModalProps,
+      clearData
     }
   ];
 }
@@ -7315,6 +7393,11 @@ function useModalInner(callbackFn) {
     if (!modal) return {};
     return modal.getModalProps();
   };
+  const clearData = () => {
+    const modal = getModal();
+    if (!modal) return;
+    modal.clearData();
+  };
   onUnmounted(() => {
     modalRef.value = null;
     loadedRef.value = false;
@@ -7326,7 +7409,8 @@ function useModalInner(callbackFn) {
       changeOkLoading,
       changeLoading,
       setModalProps,
-      getModalProps
+      getModalProps,
+      clearData
     }
   ];
 }