hy-dispatch-ui-v3 0.2.66 → 0.2.68

package/lib/components/hyConfigProvider/configProvider.vue.js

@@ -4,53 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var ElementLocale = require('element-plus/es/locales.mjs');
+var zh_CN = require('element-plus/es/locale/lang/zh-cn');
+var en_US = require('element-plus/es/locale/lang/en');
 require('../../hooks/index.js');
 var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var ElementLocale__namespace = /*#__PURE__*/_interopNamespaceDefault(ElementLocale);
+var useLocale = require('../../hooks/useLocale.js');
 
 const __default__ = vue.defineComponent({
   name: "HyConfigProvider"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
-    locale: {
-      type: String,
-      required: false,
-      default: "zhCn"
-    },
-    api: {
-      type: [Object, Function],
-      required: false
-    },
-    userAvatarMap: {
-      type: Map,
-      required: false,
-      default: () => /* @__PURE__ */ new Map()
-    },
-    permissionMap: {
-      type: Map,
-      required: false,
-      default: () => /* @__PURE__ */ new Map()
-    },
     size: {
       type: String,
       required: false,
@@ -88,22 +52,45 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Object,
       required: false
     },
-    audioPlayer: {
-      type: Object,
-      required: false
-    },
-    videoPlayer: {
+    /**
+     * @param {
+     *    locale: 'zh_CN' | 'en_US'
+     *    api: object | function
+     *    userAvatarMap: Map<string, string>,
+     *    permissionMap: Map<string, boolean>,
+     *    audioPlayer: {
+            type: 'default' | 'analyse',
+            speed: 0.5 | 1.0 | 1.5 | 2.0 | 3.0,
+            playRules: 1 | 2 | 3,
+            showPlayRules: boolean,
+            showPicture: boolean,
+            showDownloadFiles: boolean,
+            downloadFn: () => void,
+          }
+     *    videoPlayer: {
+            type: 'default' | 'analyse',
+            speed: 0.5 | 1.0 | 1.5 | 2.0 | 3.0,
+            playRules: 1 | 2 | 3,
+            showPlayRules: boolean,
+            showDownloadFiles: boolean,
+            showShrink: boolean,
+            vlcProtocol: 'hyvlc',
+            vlcAddress: string,
+            downloadFn: () => void,
+          }
+     *    ensureHyIcon: (icon: string) => void
+     *    tooltip: {
+            isAlways: boolean,
+            overLine: number,
+          }
+     *    mapConfig: object
+     *    baseMainStore: function
+     *    currentBus: object
+     * } hyConfig
+     */
+    hyConfig: {
       type: Object,
-      required: false
-    },
-    ensureHyIcon: Function,
-    tooltip: {
-      type: Object,
-      required: false
-    },
-    mapConfig: {
-      type: Object,
-      required: false
+      default: () => ({})
     }
   },
   setup(__props) {
@@ -111,7 +98,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const globalConfig = useGlobalConfig.provideGlobalConfig(props, null, !vue.unref(useGlobalConfig.useGlobalConfig()));
     const config = vue.computed(() => {
       const {
-        locale,
         size,
         zIndex,
         button,
@@ -123,8 +109,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         valueOnClear,
         table
       } = globalConfig.value;
+      const locale = globalConfig.value.locale || globalConfig.value.hyConfig && globalConfig.value.hyConfig.locale || "zh_CN";
       return {
-        locale: ElementLocale__namespace[locale] || ElementLocale__namespace["zhCn"],
+        locale: locale === "en_US" ? en_US : zh_CN,
         size,
         zIndex,
         button,
@@ -137,6 +124,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         table
       };
     });
+    vue.watch(
+      () => props.hyConfig.locale,
+      (lang) => {
+        useLocale.setLang(lang);
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(
         vue.unref(elementPlus.ElConfigProvider),

package/lib/components/hyConfirmDialog/confirmDialog.vue.js

@@ -6,9 +6,9 @@ var vue = require('vue');
 var elementPlus = require('element-plus');
 require('../../hooks/index.js');
 require('../index.js');
-var useLocale = require('../../hooks/useLocale.js');
 var index = require('../hyIcon/index.js');
 var index$1 = require('../hyButton/index.js');
+var useLocale = require('../../hooks/useLocale.js');
 
 const __default__ = vue.defineComponent({
   name: "HyConfirmDialog"
@@ -61,6 +61,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String,
       default: "rgb(var(--hy-main))"
     },
+    buttonList: {
+      type: Array,
+      default: () => []
+    },
     onClose: Function,
     onCancel: Function,
     onSubmit: Function
@@ -72,47 +76,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const visible = vue.useModel(__props, "modelValue");
     const loading = vue.ref(false);
-    async function onSubmitHandler() {
-      if (loading.value) return;
-      loading.value = true;
-      if (props.onSubmit) {
-        try {
-          await props.onSubmit();
-        } catch (err) {
-          console.error(err);
-          loading.value = false;
-          return;
-        }
-      }
-      visible.value = false;
-      loading.value = false;
-      emits("hide");
-    }
-    async function onCancelHandler() {
-      if (loading.value) return;
-      loading.value = true;
-      if (props.onCancel) {
-        try {
-          await props.onCancel();
-        } catch (err) {
-          console.error(err);
-          loading.value = false;
-          return;
-        }
-      }
-      visible.value = false;
-      loading.value = false;
-      emits("hide");
-    }
-    async function onCloseHandler() {
+    async function onFunHandler(callback) {
       if (loading.value) return;
       loading.value = true;
-      if (props.onClose) {
+      if (callback) {
         try {
-          await props.onClose();
+          await callback();
         } catch (err) {
           console.error(err);
           loading.value = false;
@@ -151,26 +122,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             vue.createElementVNode(
               "span",
               { class: "text-sm text-main font-bold" },
-              vue.toDisplayString(__props.dialogTitle || vue.unref(t)("dialog.prompt")),
+              vue.toDisplayString(__props.dialogTitle || vue.unref(useLocale.$t)("dialog.prompt")),
               1
               /* TEXT */
             ),
-            __props.showClose ? (vue.openBlock(), vue.createElementBlock(
-              "div",
-              {
-                key: 0,
-                class: vue.normalizeClass(["flex items-center clickBox", { "cursor-not-allowed": loading.value }]),
-                onClick: onCloseHandler
-              },
-              [
-                vue.createVNode(vue.unref(index.HyIcon), {
-                  "svg-name": "layout-dialog-close-v2",
-                  "class-name": "!w-[18px] !h-[18px]"
-                })
-              ],
-              2
-              /* CLASS */
-            )) : vue.createCommentVNode("v-if", true)
+            __props.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(["flex items-center clickBox", { "cursor-not-allowed": loading.value }]),
+              onClick: ($event) => onFunHandler(__props.onClose)
+            }, [
+              vue.createVNode(vue.unref(index.HyIcon), {
+                "svg-name": "layout-dialog-close-v2",
+                "class-name": "!w-[18px] !h-[18px]"
+              })
+            ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
           ], 8, ["onClick"])
         ]),
         default: vue.withCtx(() => [
@@ -191,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* TEXT, CLASS */
               ),
               vue.createElementVNode("div", {
-                class: "px-[40px] text-smword-break text-center break-all",
+                class: "px-[40px] text-smword-break text-center break-all box-border",
                 innerHTML: __props.content
               }, null, 8, ["innerHTML"])
             ]),
@@ -204,35 +169,65 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 type: __props.cancelType,
                 disabled: loading.value,
                 class: "min-w-[120px]",
-                onClick: onCancelHandler
+                onClick: ($event) => onFunHandler(__props.onCancel)
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(
-                    vue.toDisplayString(__props.cancelText || vue.unref(t)("dialog.cancel")),
+                    vue.toDisplayString(__props.cancelText || vue.unref(useLocale.$t)("dialog.cancel")),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true),
+              }, 8, ["type", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true),
               __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyButton), {
                 key: 1,
                 type: __props.submitType,
                 loading: loading.value,
                 class: "min-w-[120px]",
-                onClick: onSubmitHandler
+                onClick: ($event) => onFunHandler(__props.onSubmit)
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(
-                    vue.toDisplayString(__props.submitText || vue.unref(t)("dialog.confirm")),
+                    vue.toDisplayString(__props.submitText || vue.unref(useLocale.$t)("dialog.confirm")),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type", "loading"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["type", "loading", "onClick"])) : vue.createCommentVNode("v-if", true)
+            ])) : vue.createCommentVNode("v-if", true),
+            __props.buttonList && __props.buttonList.length ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: "flex flex-wrap justify-center pt-[32px]"
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(__props.buttonList, (item, index) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyButton), {
+                    key: index,
+                    type: item.type,
+                    disabled: loading.value,
+                    class: vue.normalizeClass(["min-w-[120px]", item.class]),
+                    onClick: ($event) => onFunHandler(item.callback)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(item.label),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["type", "disabled", "class", "onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
             ])) : vue.createCommentVNode("v-if", true)
           ])
         ]),

package/lib/components/hyConfirmDialog/confirmMethod.js

@@ -22,11 +22,7 @@ function appConfirmMethod(config) {
   let confirmDialogInstance = null;
   function render(props) {
     const globalConfig = useGlobalConfig.useGlobalConfig();
-    const {
-      locale = "zhCn",
-      api = useApi.defaultAxios,
-      ...args
-    } = vue.unref(globalConfig) || {};
+    const { locale = "zh_CN", api = useApi.defaultAxios, ...args } = vue.unref(globalConfig) || {};
     const vm = vue.createVNode(confirmDialog.default, props);
     const configProvider = vue.createVNode(
       index.HyConfigProvider,
@@ -56,46 +52,52 @@ function appConfirmMethod(config) {
   return destroy;
 }
 confirmDialog.default.tip = (props) => {
-  const { t } = useLocale.useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.prompt"),
-    title: t("dialog.prompt"),
-    content: t("dialog.content"),
+    dialogTitle: useLocale.$t("dialog.prompt"),
+    title: useLocale.$t("dialog.prompt"),
+    content: useLocale.$t("dialog.content"),
     showCancel: false,
     ...props
   });
 };
 confirmDialog.default.confirm = (props) => {
-  const { t } = useLocale.useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.prompt"),
-    title: t("dialog.prompt"),
-    content: t("dialog.content"),
+    dialogTitle: useLocale.$t("dialog.prompt"),
+    title: useLocale.$t("dialog.prompt"),
+    content: useLocale.$t("dialog.content"),
     ...props
   });
 };
 confirmDialog.default.warning = (props) => {
-  const { t } = useLocale.useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.riskWarning"),
-    title: t("dialog.prompt"),
+    dialogTitle: useLocale.$t("dialog.riskWarning"),
+    title: useLocale.$t("dialog.prompt"),
     titleClass: "text-warning",
-    content: t("dialog.content"),
+    content: useLocale.$t("dialog.content"),
     iconColor: "rgb(var(--hy-warning))",
     ...props
   });
 };
 confirmDialog.default.danger = (props) => {
-  const { t } = useLocale.useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.dangerousOperation"),
+    dialogTitle: useLocale.$t("dialog.dangerousOperation"),
     titleClass: "text-danger-2",
-    title: t("dialog.prompt"),
-    content: t("dialog.content"),
+    title: useLocale.$t("dialog.prompt"),
+    content: useLocale.$t("dialog.content"),
     submitType: "danger",
     iconColor: "rgb(var(--hy-danger-2))",
     ...props
   });
 };
+confirmDialog.default.custom = (props) => {
+  return appConfirmMethod({
+    dialogTitle: useLocale.$t("dialog.prompt"),
+    title: useLocale.$t("dialog.prompt"),
+    content: useLocale.$t("dialog.content"),
+    showSubmit: false,
+    showCancel: false,
+    ...props
+  });
+};
 
 exports.default = confirmDialog.default;

package/lib/components/hyCutter/cutter.vue.js

@@ -28,8 +28,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       // 上传文本
       type: String,
       default: () => {
-        const { t } = useLocale.useLocale();
-        return t("cutter.uploadPicture");
+        return useLocale.$t("cutter.uploadPicture");
       }
     },
     showUpload: { type: Boolean, default: true },
@@ -84,7 +83,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const modelValue = vue.useModel(__props, "modelValue");
     const cropperRef = vue.useTemplateRef("cropperRef");
     const uploadRef = vue.useTemplateRef("uploadRef");
@@ -135,9 +133,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     async function beforeAvatarUpload(file$1) {
       const limit = file$1.size < props.maxSize;
       if (!limit) {
-        elementPlus.ElMessage.error(
-          t("cutter.uploadPictureLimit", [file.sizeToTextHandler(props.maxSize)])
-        );
+        elementPlus.ElMessage.error(useLocale.$t("cutter.uploadPictureLimit", [file.sizeToTextHandler(props.maxSize)]));
         return false;
       }
       const result = await file.blobToDataURL(file$1);
@@ -161,12 +157,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return new Promise((resolve, reject) => {
         cropperRef.value.getCropBlob(async (data) => {
           data.name = fileInfo.value.name;
-          const res = await file.fileUpload(data, props.directTransmission).catch(
-            (res2) => {
-              elementPlus.ElMessage.error(res2.msg || res2);
-              reject();
-            }
-          );
+          const res = await file.fileUpload(data, props.directTransmission).catch((res2) => {
+            elementPlus.ElMessage.error(res2.msg || res2);
+            reject();
+          });
           if (res.code === 200) {
             const url = await file.blobToDataURL(data);
             const key = res.data?.key || res.data?.url || res.data;
@@ -202,15 +196,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     __expose({
       open: async (params) => {
-        const {
-          url,
-          fileName = "img.png",
-          options: options2,
-          file: file$1,
-          onSubmit,
-          onCancel,
-          onClose
-        } = params || {};
+        const { url, fileName = "img.png", options: options2, file: file$1, onSubmit, onCancel, onClose } = params || {};
         if (file$1) {
           const result = await file.blobToDataURL(file$1);
           openCutter(result, file$1.name);
@@ -339,7 +325,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         vue.createVNode(vue.unref(index.HyDialog), vue.mergeProps({
           modelValue: visible.value,
           "onUpdate:modelValue": ($event) => visible.value = $event,
-          title: vue.unref(t)("cutter.imageSegmentation")
+          title: vue.unref(useLocale.$t)("cutter.imageSegmentation")
         }, _ctx.$attrs, {
           onClose: onCloseHandler,
           onCancel: onCancelHandler,

package/lib/components/hyDatePicker/datePicker.vue.js

@@ -50,7 +50,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const appDatePicker = vue.useTemplateRef("appDatePicker");
     const dateValue = vue.useModel(__props, "modelValue");
     const startValue = vue.useModel(__props, "start");
@@ -61,13 +60,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       switch (props.type) {
         case "daterange":
-          return t("datePicker.startDate");
+          return useLocale.$t("datePicker.startDate");
         case "datetimerange":
-          return t("datePicker.startDateTime");
+          return useLocale.$t("datePicker.startDateTime");
         case "monthrange":
-          return t("datePicker.startMonth");
+          return useLocale.$t("datePicker.startMonth");
         case "yearrange":
-          return t("datePicker.startYear");
+          return useLocale.$t("datePicker.startYear");
       }
       return null;
     });
@@ -77,22 +76,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       switch (props.type) {
         case "daterange":
-          return t("datePicker.endDate");
+          return useLocale.$t("datePicker.endDate");
         case "datetimerange":
-          return t("datePicker.endDateTime");
+          return useLocale.$t("datePicker.endDateTime");
         case "monthrange":
-          return t("datePicker.endMonth");
+          return useLocale.$t("datePicker.endMonth");
         case "yearrange":
-          return t("datePicker.endYear");
+          return useLocale.$t("datePicker.endYear");
       }
       return null;
     });
     vue.watch(
       () => [startValue.value, endValue.value],
       ([start, end]) => {
-        if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-          props.type
-        ) && props.isRange) {
+        if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(props.type) && props.isRange) {
           if (start && end) {
             dateValue.value = [start, end];
           } else {
@@ -109,9 +106,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     function onChangeHandler(value) {
       const { timeRangeFill } = props;
       const isFill = timeRangeFill && ["daterange"].includes(props.type);
-      if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-        props.type
-      ) && props.isRange) {
+      if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(props.type) && props.isRange) {
         value = is.isArray(value) ? value : [];
         startValue.value = value[0] ? `${value[0]}${isFill ? " 00:00:00" : ""}` : null;
         endValue.value = value[1] ? `${value[1]}${isFill ? " 23:59:59" : ""}` : null;
@@ -149,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         format: dateFormHandler(__props.format),
         valueFormat: dateFormHandler(__props.valueFormat),
         "start-placeholder": startPlaceholder.value,
-        "range-separator": vue.unref(t)("datePicker.to"),
+        "range-separator": vue.unref(useLocale.$t)("datePicker.to"),
         "end-placeholder": endPlaceholder.value,
         onChange: onChangeHandler
       }), vue.createSlots({

package/lib/components/hyDialog/dialog.vue.js

@@ -7,8 +7,8 @@ var elementPlus = require('element-plus');
 require('../index.js');
 require('../../hooks/index.js');
 require('../../utils/index.js');
-var useLocale = require('../../hooks/useLocale.js');
 var index = require('../hyButton/index.js');
+var useLocale = require('../../hooks/useLocale.js');
 var is = require('../../utils/is.js');
 var index$1 = require('../hyIcon/index.js');
 
@@ -101,7 +101,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const visible = vue.useModel(__props, "modelValue");
     const loading = vue.useModel(__props, "loading");
     const dialogTypeRight = vue.computed(() => {
@@ -292,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         vue.createElementVNode(
                                           "div",
                                           { class: "flex-shrink-0 font-bold" },
-                                          vue.toDisplayString(basicInfoItem.label) + "\uFF1A ",
+                                          vue.toDisplayString(basicInfoItem.label) + "\uFF1A",
                                           1
                                           /* TEXT */
                                         ),
@@ -304,10 +303,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           /* TEXT */
                                         )
                                       ])), [
-                                        [
-                                          vue.vShow,
-                                          vue.unref(is.isFunction)(basicInfoItem.show) ? basicInfoItem.show() : true
-                                        ]
+                                        [vue.vShow, vue.unref(is.isFunction)(basicInfoItem.show) ? basicInfoItem.show() : true]
                                       ]);
                                     }),
                                     128
@@ -382,7 +378,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         }, {
                           default: vue.withCtx(() => [
                             vue.createTextVNode(
-                              vue.toDisplayString(__props.cancelText || vue.unref(t)("dialog.cancel")),
+                              vue.toDisplayString(__props.cancelText || vue.unref(useLocale.$t)("dialog.cancel")),
                               1
                               /* TEXT */
                             )
@@ -399,7 +395,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         }, {
                           default: vue.withCtx(() => [
                             vue.createTextVNode(
-                              vue.toDisplayString(__props.submitText || vue.unref(t)("dialog.confirm")),
+                              vue.toDisplayString(__props.submitText || vue.unref(useLocale.$t)("dialog.confirm")),
                               1
                               /* TEXT */
                             )

package/lib/components/hyDialog/style/dialog.scss

@@ -1,13 +1,12 @@
-.hy-dialog-app-shrink {
-  transform-origin: 100% 100%;
-  transition:
-          transform 0.7s cubic-bezier(0.65, 0, 0.35, 1),
-          opacity 0.7s ease;
-  will-change: transform, opacity;
-  &.hy-dialog-is-minimized {
-    transform: translate(calc(50vw - 100%), calc(100vh - 0px - 100%))
-    scale(0.01) !important;
-    opacity: 0.95;
-    pointer-events: none;
-  }
-}
+.hy-dialog-app-shrink {
+  transform-origin: 100% 100%;
+  transition:
+    transform 0.7s cubic-bezier(0.65, 0, 0.35, 1),
+    opacity 0.7s ease;
+  will-change: transform, opacity;
+  &.hy-dialog-is-minimized {
+    transform: translate(calc(50vw - 100%), calc(100vh - 0px - 100%)) scale(0.01) !important;
+    opacity: 0.95;
+    pointer-events: none;
+  }
+}