@opentinyvue/vue-dialog-box 3.21.0 → 3.22.1

package/lib/index.js

@@ -7,9 +7,8 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
 import PcTemplate from "./pc.js";
-import MobileTemplate from "./mobile.js";
 import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
   var _process$env;
@@ -17,9 +16,6 @@ var template = function template2(mode) {
   if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("mobile" === (tinyMode || mode)) {
-    return MobileTemplate;
-  }
   if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
   }
@@ -204,7 +200,7 @@ var DialogBox = defineComponent({
     });
   }
 });
-var version = "3.21.0";
+var version = "3.undefined";
 DialogBox.install = function(Vue) {
   Vue.component(DialogBox.name, DialogBox);
 };

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@opentinyvue/vue-dialog-box",
-  "version": "3.21.0",
+  "version": "3.22.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-action-sheet": "~3.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-theme-mobile": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0"
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-action-sheet": "~3.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/index.d.ts

@@ -385,19 +385,19 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
-    title: string;
+    width: string;
     resize: boolean;
+    title: string;
+    fullscreen: boolean;
+    visible: boolean;
     center: boolean;
+    appendToBody: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
-    width: string;
     maxHeight: string;
-    appendToBody: boolean;
-    visible: boolean;
     showClose: boolean;
     showHeader: boolean;
     lockScroll: boolean;
-    fullscreen: boolean;
     draggable: boolean;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;

package/src/mobile-first.vue.d.ts

@@ -1,8 +1,12 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    title?: any;
+    top?: any;
+    width?: any;
     resize?: any;
+    title?: any;
+    fullscreen?: any;
+    visible?: any;
     center?: any;
-    top?: any;
+    appendToBody?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,15 +14,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    width?: any;
     maxHeight?: any;
-    appendToBody?: any;
-    visible?: any;
     showClose?: any;
     showHeader?: any;
     lockScroll?: any;
     beforeClose?: any;
-    fullscreen?: any;
     draggable?: any;
     closeOnClickModal?: any;
     closeOnPressEscape?: any;
@@ -39,11 +39,15 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("cancel" | "change" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "cancel" | "change" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    title?: any;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "cancel" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "change" | "cancel" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    top?: any;
+    width?: any;
     resize?: any;
+    title?: any;
+    fullscreen?: any;
+    visible?: any;
     center?: any;
-    top?: any;
+    appendToBody?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -51,15 +55,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    width?: any;
     maxHeight?: any;
-    appendToBody?: any;
-    visible?: any;
     showClose?: any;
     showHeader?: any;
     lockScroll?: any;
     beforeClose?: any;
-    fullscreen?: any;
     draggable?: any;
     closeOnClickModal?: any;
     closeOnPressEscape?: any;
@@ -72,8 +72,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     noAnimation?: any;
     customStyle?: any;
 }>>> & {
-    onCancel?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
@@ -85,10 +85,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "onDrag-move"?: ((...args: any[]) => any) | undefined;
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly title?: any;
+    readonly top?: any;
+    readonly width?: any;
     readonly resize?: any;
+    readonly title?: any;
+    readonly fullscreen?: any;
+    readonly visible?: any;
     readonly center?: any;
-    readonly top?: any;
+    readonly appendToBody?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -96,15 +100,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
-    readonly width?: any;
     readonly maxHeight?: any;
-    readonly appendToBody?: any;
-    readonly visible?: any;
     readonly showClose?: any;
     readonly showHeader?: any;
     readonly lockScroll?: any;
     readonly beforeClose?: any;
-    readonly fullscreen?: any;
     readonly draggable?: any;
     readonly closeOnClickModal?: any;
     readonly closeOnPressEscape?: any;

package/src/pc.vue.d.ts

@@ -1,9 +1,13 @@
 import type { IDialogBoxApi } from '@opentinyvue/vue-renderless/types/dialog-box.type';
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    title?: any;
+    top?: any;
+    width?: any;
     resize?: any;
+    title?: any;
+    fullscreen?: any;
+    visible?: any;
     center?: any;
-    top?: any;
+    appendToBody?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -11,15 +15,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    width?: any;
     maxHeight?: any;
-    appendToBody?: any;
-    visible?: any;
     showClose?: any;
     showHeader?: any;
     lockScroll?: any;
     beforeClose?: any;
-    fullscreen?: any;
     draggable?: any;
     closeOnClickModal?: any;
     closeOnPressEscape?: any;
@@ -33,11 +33,15 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dialogTransition?: any;
     noAnimation?: any;
     customStyle?: any;
-}>, IDialogBoxApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("cancel" | "change" | "close" | "resize" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "cancel" | "change" | "close" | "resize" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    title?: any;
+}>, IDialogBoxApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("resize" | "change" | "cancel" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "resize" | "change" | "cancel" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    top?: any;
+    width?: any;
     resize?: any;
+    title?: any;
+    fullscreen?: any;
+    visible?: any;
     center?: any;
-    top?: any;
+    appendToBody?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -45,15 +49,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    width?: any;
     maxHeight?: any;
-    appendToBody?: any;
-    visible?: any;
     showClose?: any;
     showHeader?: any;
     lockScroll?: any;
     beforeClose?: any;
-    fullscreen?: any;
     draggable?: any;
     closeOnClickModal?: any;
     closeOnPressEscape?: any;
@@ -68,10 +68,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     noAnimation?: any;
     customStyle?: any;
 }>>> & {
-    onCancel?: ((...args: any[]) => any) | undefined;
+    onResize?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onResize?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
@@ -82,10 +82,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "onDrag-move"?: ((...args: any[]) => any) | undefined;
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly title?: any;
+    readonly top?: any;
+    readonly width?: any;
     readonly resize?: any;
+    readonly title?: any;
+    readonly fullscreen?: any;
+    readonly visible?: any;
     readonly center?: any;
-    readonly top?: any;
+    readonly appendToBody?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -93,15 +97,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
-    readonly width?: any;
     readonly maxHeight?: any;
-    readonly appendToBody?: any;
-    readonly visible?: any;
     readonly showClose?: any;
     readonly showHeader?: any;
     readonly lockScroll?: any;
     readonly beforeClose?: any;
-    readonly fullscreen?: any;
     readonly draggable?: any;
     readonly closeOnClickModal?: any;
     readonly closeOnPressEscape?: any;

package/lib/mobile.js

@@ -1,139 +0,0 @@
-import { renderless, api } from '@opentinyvue/vue-renderless/dialog-box/vue';
-import { defineComponent, props, setup } from '@opentinyvue/vue-common';
-import '@opentinyvue/vue-theme-mobile/dialog-box/index.css';
-import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, vShow } from 'vue';
-
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
-    t && (r = t);
-    var o = 0;
-    return function() {
-      return o >= r.length ? { done: true } : { done: false, value: r[o++] };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-var _export_sfc = function _export_sfc2(sfc, props) {
-  var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
-    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
-    target[key] = val;
-  }
-  return target;
-};
-
-var _sfc_main = defineComponent({
-  emits: ["update:visible", "change", "before-close", "open", "close", "opened", "confirm", "cancel", "closed"],
-  props: [].concat(props, ["visible", "title", "modal", "closeOnClickModal", "modalAppendToBody", "appendToBody", "width", "top", "showHeader", "destroyOnClose"]),
-  model: {
-    prop: "visible",
-    event: "update:visible"
-  },
-  setup: function setup$1(props2, context) {
-    return setup({
-      props: props2,
-      context,
-      renderless,
-      api
-    });
-  }
-});
-var _hoisted_1 = {
-  key: 0,
-  class: "tiny-mobile-dialog-box__header"
-};
-var _hoisted_2 = {
-  class: "tiny-mobile-dialog-box__title"
-};
-var _hoisted_3 = {
-  class: "tiny-mobile-dialog-box__body"
-};
-var _hoisted_4 = {
-  class: "tiny-mobile-dialog-box__footer"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, {
-    name: "dialog-fade",
-    persisted: ""
-  }, {
-    default: withCtx(function() {
-      return [withDirectives(createElementVNode(
-        "div",
-        {
-          class: "tiny-mobile-dialog-box__wrapper",
-          onClick: _cache[2] || (_cache[2] = withModifiers(function() {
-            return _ctx.handleWrapperClick && _ctx.handleWrapperClick.apply(_ctx, arguments);
-          }, ["self"]))
-        },
-        [(openBlock(), createElementBlock(
-          "div",
-          {
-            ref: "dialog",
-            class: normalizeClass([{
-              "is-hide-header": !_ctx.showHeader
-            }, "tiny-mobile-dialog-box"]),
-            key: _ctx.state.key
-          },
-          [_ctx.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, function() {
-            return [createElementVNode(
-              "span",
-              _hoisted_2,
-              toDisplayString(_ctx.title),
-              1
-              /* TEXT */
-            )];
-          })])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer", {}, function() {
-            return [createElementVNode(
-              "button",
-              {
-                type: "button",
-                onClick: _cache[0] || (_cache[0] = function() {
-                  return _ctx.handleCancel && _ctx.handleCancel.apply(_ctx, arguments);
-                }),
-                class: "tiny-mobile-dialog-box__button cancel-button"
-              },
-              toDisplayString(_ctx.t("ui.dialogBox.cancel")),
-              1
-              /* TEXT */
-            ), createElementVNode(
-              "button",
-              {
-                type: "button",
-                onClick: _cache[1] || (_cache[1] = function() {
-                  return _ctx.handleConfirm && _ctx.handleConfirm.apply(_ctx, arguments);
-                }),
-                class: "tiny-mobile-dialog-box__button confirm-button"
-              },
-              toDisplayString(_ctx.t("ui.dialogBox.confirm")),
-              1
-              /* TEXT */
-            )];
-          })])],
-          2
-          /* CLASS */
-        ))],
-        512
-        /* NEED_PATCH */
-      ), [[vShow, _ctx.visible]])];
-    }),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-export { mobile as default };

package/src/mobile.vue.d.ts

@@ -1,75 +0,0 @@
-declare const _default: import("@vue/runtime-core").DefineComponent<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;
-}>, {
-    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, ("cancel" | "change" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close")[], "cancel" | "change" | "close" | "update:visible" | "confirm" | "open" | "closed" | "opened" | "before-close", import("@vue/runtime-core").PublicProps, 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;
-}>>> & {
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    "onBefore-close"?: ((...args: any[]) => any) | undefined;
-}, {
-    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;