@opentiny/vue-dialog-box - npm Package Compare versions

Comparing version 3.10.0 to 3.11.0-alpha.0

lib/index.js

@@ -15,3 +15,3 @@ function _extends() {
 }
-import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
+import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
 import PcTemplate from "./pc.js";
@@ -41,2 +41,132 @@ import MobileTemplate from "./mobile.js";
 };
+var dialogBoxProps = _extends({}, $props, {
+  _constants: {
+    type: Object,
+    default: function _default() {
+      return $constants;
+    }
+  },
+  appendToBody: {
+    type: Boolean,
+    default: function _default2() {
+      return false;
+    }
+  },
+  beforeClose: Function,
+  center: {
+    type: Boolean,
+    default: function _default3() {
+      return false;
+    }
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: function _default4() {
+      return true;
+    }
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: function _default5() {
+      return true;
+    }
+  },
+  destroyOnClose: {
+    Boolean,
+    default: function _default6() {
+      return false;
+    }
+  },
+  dialogClass: {
+    type: String,
+    default: function _default7() {
+      return "";
+    }
+  },
+  draggable: {
+    type: Boolean,
+    default: function _default8() {
+      return false;
+    }
+  },
+  fullscreen: {
+    type: Boolean,
+    default: function _default9() {
+      return false;
+    }
+  },
+  isFormReset: {
+    type: Boolean,
+    default: function _default10() {
+      return true;
+    }
+  },
+  lockScroll: {
+    type: Boolean,
+    default: function _default11() {
+      return true;
+    }
+  },
+  modal: {
+    type: Boolean,
+    default: function _default12() {
+      return true;
+    }
+  },
+  modalAppendToBody: {
+    type: Boolean,
+    default: function _default13() {
+      return true;
+    }
+  },
+  resize: {
+    type: Boolean,
+    default: function _default14() {
+      return false;
+    }
+  },
+  rightSlide: {
+    type: Boolean,
+    default: function _default15() {
+      return false;
+    }
+  },
+  showClose: {
+    type: Boolean,
+    default: function _default16() {
+      return true;
+    }
+  },
+  showHeader: {
+    type: Boolean,
+    default: function _default17() {
+      return true;
+    }
+  },
+  title: {
+    type: String,
+    default: function _default18() {
+      return "";
+    }
+  },
+  top: String,
+  visible: {
+    type: Boolean,
+    default: function _default19() {
+      return false;
+    }
+  },
+  width: {
+    type: String,
+    default: function _default20() {
+      return "500px";
+    }
+  },
+  maxHeight: {
+    type: String,
+    default: function _default21() {
+      return "";
+    }
+  }
+});
 var DialogBox = defineComponent({
@@ -48,132 +178,3 @@ name: $prefix + "DialogBox",
   },
-  props: _extends({}, $props, {
-    _constants: {
-      type: Object,
-      default: function _default() {
-        return $constants;
-      }
-    },
-    appendToBody: {
-      type: Boolean,
-      default: function _default2() {
-        return false;
-      }
-    },
-    beforeClose: Function,
-    center: {
-      type: Boolean,
-      default: function _default3() {
-        return false;
-      }
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: function _default4() {
-        return true;
-      }
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: function _default5() {
-        return true;
-      }
-    },
-    destroyOnClose: {
-      Boolean,
-      default: function _default6() {
-        return false;
-      }
-    },
-    dialogClass: {
-      type: String,
-      default: function _default7() {
-        return "";
-      }
-    },
-    draggable: {
-      type: Boolean,
-      default: function _default8() {
-        return false;
-      }
-    },
-    fullscreen: {
-      type: Boolean,
-      default: function _default9() {
-        return false;
-      }
-    },
-    isFormReset: {
-      type: Boolean,
-      default: function _default10() {
-        return true;
-      }
-    },
-    lockScroll: {
-      type: Boolean,
-      default: function _default11() {
-        return true;
-      }
-    },
-    modal: {
-      type: Boolean,
-      default: function _default12() {
-        return true;
-      }
-    },
-    modalAppendToBody: {
-      type: Boolean,
-      default: function _default13() {
-        return true;
-      }
-    },
-    resize: {
-      type: Boolean,
-      default: function _default14() {
-        return false;
-      }
-    },
-    rightSlide: {
-      type: Boolean,
-      default: function _default15() {
-        return false;
-      }
-    },
-    showClose: {
-      type: Boolean,
-      default: function _default16() {
-        return true;
-      }
-    },
-    showHeader: {
-      type: Boolean,
-      default: function _default17() {
-        return true;
-      }
-    },
-    title: {
-      type: String,
-      default: function _default18() {
-        return "";
-      }
-    },
-    top: String,
-    visible: {
-      type: Boolean,
-      default: function _default19() {
-        return false;
-      }
-    },
-    width: {
-      type: String,
-      default: function _default20() {
-        return "500px";
-      }
-    },
-    maxHeight: {
-      type: String,
-      default: function _default21() {
-        return "";
-      }
-    }
-  }),
+  props: dialogBoxProps,
   setup: function setup(props, context) {
@@ -187,3 +188,3 @@ return $setup({
 });
-var version = "3.10.0";
+var version = "3.11.0-alpha.0";
 DialogBox.install = function(Vue) {
@@ -190,0 +191,0 @@ Vue.component(DialogBox.name, DialogBox);

lib/mobile.js

@@ -5,3 +5,3 @@ import { renderless, api } from "@opentiny/vue-renderless/dialog-box/vue";
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, vShow } from "vue";
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -44,3 +44,3 @@ if (it)
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
@@ -47,0 +47,0 @@ target[key] = val;

lib/pc.js

@@ -6,3 +6,3 @@ import { renderless, api } from "@opentiny/vue-renderless/dialog-box/vue";
 import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, createElementBlock, normalizeStyle, renderSlot, toDisplayString, createVNode, createCommentVNode, vShow } from "vue";
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -45,3 +45,3 @@ if (it)
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
@@ -48,0 +48,0 @@ target[key] = val;

package.json

 {
   "name": "@opentiny/vue-dialog-box",
-  "version": "3.10.0",
+  "version": "3.11.0-alpha.0",
   "description": "",
@@ -10,5 +10,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.10.0",
-    "@opentiny/vue-icon": "~3.10.0",
-    "@opentiny/vue-renderless": "~3.10.0"
+    "@opentiny/vue-common": "~3.11.0-alpha.0",
+    "@opentiny/vue-icon": "~3.11.0-alpha.0",
+    "@opentiny/vue-renderless": "~3.11.0-alpha.0"
   },
@@ -15,0 +15,0 @@ "license": "MIT",

src/index.d.ts

@@ -0,1 +1,127 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+export declare const $constants: {
+    DIALOG_SLIDER_RIGHT: string;
+    DIALOG_FADE: string;
+    SELECT_DROPDOWN: string;
+    DROPDOWN_MENU: string;
+    DIALOG_BOX_CLASS: string;
+    PC_SCROLL_LOCK_CLASS: string;
+    MOBILE_SCROLL_LOCK_CLASS: string;
+    Mode: string;
+    scrollLockClass(mode: any): string;
+};
+export declare const dialogBoxProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            DIALOG_SLIDER_RIGHT: string;
+            DIALOG_FADE: string;
+            SELECT_DROPDOWN: string;
+            DROPDOWN_MENU: string;
+            DIALOG_BOX_CLASS: string;
+            PC_SCROLL_LOCK_CLASS: string;
+            MOBILE_SCROLL_LOCK_CLASS: string;
+            Mode: string;
+            scrollLockClass(mode: any): string;
+        };
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    beforeClose: FunctionConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    destroyOnClose: {
+        Boolean: BooleanConstructor;
+        default: () => boolean;
+    };
+    dialogClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    isFormReset: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    modalAppendToBody: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    rightSlide: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    top: StringConstructor;
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
 declare const _default: import("@vue/runtime-core").DefineComponent<{
@@ -210,13 +336,14 @@ _constants: {
 }>>, {
+    title: string;
     center: boolean;
-    title: string;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
     width: string;
+    maxHeight: string;
+    appendToBody: boolean;
+    draggable: boolean;
     visible: boolean;
-    draggable: boolean;
     showHeader: boolean;
     resize: boolean;
-    maxHeight: string;
-    appendToBody: boolean;
+    fullscreen: boolean;
     showClose: boolean;
@@ -228,3 +355,2 @@ lockScroll: boolean;
     dialogClass: string;
-    fullscreen: boolean;
     isFormReset: boolean;
@@ -231,0 +357,0 @@ modal: boolean;

src/mobile.vue.d.ts

 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    [x: string]: any;
+    title?: any;
+    top?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    appendToBody?: any;
+    visible?: any;
+    showHeader?: any;
+    closeOnClickModal?: any;
+    destroyOnClose?: any;
+    modal?: any;
+    modalAppendToBody?: any;
 }>, {
@@ -12,4 +28,20 @@ t: (this: any, path: any, options?: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close")[], "update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    [x: string]: any;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("cancel" | "confirm" | "update:visible" | "close" | "change" | "open" | "closed" | "opened" | "before-close")[], "cancel" | "confirm" | "update:visible" | "close" | "change" | "open" | "closed" | "opened" | "before-close", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    title?: any;
+    top?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    appendToBody?: any;
+    visible?: any;
+    showHeader?: any;
+    closeOnClickModal?: any;
+    destroyOnClose?: any;
+    modal?: any;
+    modalAppendToBody?: any;
 }>>> & {
@@ -26,4 +58,20 @@ onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    [x: string]: any;
+    readonly title?: any;
+    readonly top?: any;
+    readonly tiny_mode?: any;
+    readonly tiny_mode_root?: any;
+    readonly tiny_template?: any;
+    readonly tiny_renderless?: any;
+    readonly _constants?: any;
+    readonly tiny_theme?: any;
+    readonly tiny_chart_theme?: any;
+    readonly width?: any;
+    readonly appendToBody?: any;
+    readonly visible?: any;
+    readonly showHeader?: any;
+    readonly closeOnClickModal?: any;
+    readonly destroyOnClose?: any;
+    readonly modal?: any;
+    readonly modalAppendToBody?: any;
 }, {}>;
 export default _default;

src/pc.vue.d.ts

@@ -0,14 +1,62 @@
+import type { IDialogBoxApi } from '@opentiny/vue-renderless/types/dialog-box.type';
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    [x: string]: any;
-}>, {
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-    gcls: (key: any) => any;
-    m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    [x: string]: any;
+    title?: any;
+    center?: any;
+    top?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    maxHeight?: any;
+    appendToBody?: any;
+    draggable?: any;
+    visible?: any;
+    showHeader?: any;
+    resize?: any;
+    fullscreen?: any;
+    showClose?: any;
+    beforeClose?: any;
+    lockScroll?: any;
+    closeOnClickModal?: any;
+    closeOnPressEscape?: any;
+    destroyOnClose?: any;
+    dialogClass?: any;
+    isFormReset?: any;
+    modal?: any;
+    modalAppendToBody?: any;
+    rightSlide?: any;
+}>, IDialogBoxApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("cancel" | "confirm" | "update:visible" | "close" | "change" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "cancel" | "confirm" | "update:visible" | "close" | "change" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    title?: any;
+    center?: any;
+    top?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    maxHeight?: any;
+    appendToBody?: any;
+    draggable?: any;
+    visible?: any;
+    showHeader?: any;
+    resize?: any;
+    fullscreen?: any;
+    showClose?: any;
+    beforeClose?: any;
+    lockScroll?: any;
+    closeOnClickModal?: any;
+    closeOnPressEscape?: any;
+    destroyOnClose?: any;
+    dialogClass?: any;
+    isFormReset?: any;
+    modal?: any;
+    modalAppendToBody?: any;
+    rightSlide?: any;
 }>>> & {
@@ -28,4 +76,32 @@ onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    [x: string]: any;
+    readonly title?: any;
+    readonly center?: any;
+    readonly top?: any;
+    readonly tiny_mode?: any;
+    readonly tiny_mode_root?: any;
+    readonly tiny_template?: any;
+    readonly tiny_renderless?: any;
+    readonly _constants?: any;
+    readonly tiny_theme?: any;
+    readonly tiny_chart_theme?: any;
+    readonly width?: any;
+    readonly maxHeight?: any;
+    readonly appendToBody?: any;
+    readonly draggable?: any;
+    readonly visible?: any;
+    readonly showHeader?: any;
+    readonly resize?: any;
+    readonly fullscreen?: any;
+    readonly showClose?: any;
+    readonly beforeClose?: any;
+    readonly lockScroll?: any;
+    readonly closeOnClickModal?: any;
+    readonly closeOnPressEscape?: any;
+    readonly destroyOnClose?: any;
+    readonly dialogClass?: any;
+    readonly isFormReset?: any;
+    readonly modal?: any;
+    readonly modalAppendToBody?: any;
+    readonly rightSlide?: any;
 }, {}>;
 export default _default;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35519

increased by22.14%

Lines of code

1091

increased by29.88%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@opentiny/vue-common@3.11.0(transitive)

• + Added@opentiny/vue-icon@3.11.0(transitive)

• + Added@opentiny/vue-locale@3.11.0(transitive)

• + Added@opentiny/vue-renderless@3.11.8(transitive)

• + Added@opentiny/vue-theme@3.11.6(transitive)

• + Added@opentiny/vue-theme-mobile@3.11.1(transitive)

• + Addedcolor@4.2.3(transitive)

• + Addedcolor-convert@2.0.1(transitive)

• + Addedcolor-name@1.1.4(transitive)

• + Addedcolor-string@1.9.1(transitive)

• + Addedis-arrayish@0.3.2(transitive)

• + Addedsimple-swizzle@0.2.2(transitive)

• - Removed@opentiny/vue-common@3.10.0(transitive)

• - Removed@opentiny/vue-icon@3.10.1(transitive)

• - Removed@opentiny/vue-locale@3.10.0(transitive)

• - Removed@opentiny/vue-renderless@3.10.7(transitive)

• - Removed@opentiny/vue-theme@3.10.4(transitive)

• - Removed@opentiny/vue-theme-mobile@3.10.1(transitive)

• Updated@opentiny/vue-common@~3.11.0-alpha.0

• Updated@opentiny/vue-icon@~3.11.0-alpha.0

• Updated@opentiny/vue-renderless@~3.11.0-alpha.0