hy-app 0.2.10 → 0.2.12

package/components/dialog/TheDialog.vue

@@ -1,128 +0,0 @@
-<template>
-  <view class="dialog dialog-shade">
-    <view class="dialog-container">
-      <u-image
-        class="dialog-container__icon"
-        bgColor="transparent"
-        :src="icon"
-        :width="140"
-        :height="140"
-      ></u-image>
-      <view class="dialog-container__title">{{ title }}</view>
-      <view class="dialog-container__content">{{ content }}</view>
-
-      <view class="dialog-container__btn">
-        <u-button
-          v-if="showCancel"
-          :text="cancelText"
-          :color="cancelColor"
-          :shape="shape"
-          size="large"
-          @click="result(false)"
-        ></u-button>
-        <u-button
-          :text="confirmText"
-          :color="confirmColor"
-          :shape="shape"
-          size="large"
-          @click="result(true)"
-        ></u-button>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script lang="ts" setup>
-/**
- * @用途
- * @author Pino
- * @创建时间 2023-01-11 15:19
- **/
-import dialog from "./index";
-
-export interface DialogParam {
-  icon?: string;
-  title?: string;
-  content?: string;
-  confirmText?: string;
-  cancelText?: string;
-  shape?: "circle" | "square";
-  confirmColor?: string;
-  cancelColor?: string;
-  showCancel?: boolean;
-  result?: Function; // 回调用户操作结果
-}
-const props = withDefaults(defineProps<DialogParam>(), {
-  icon: "https://pic1.imgdb.cn/item/67a74cbdd0e0a243d4fd160b.png",
-  title: "提示",
-  content: "",
-  confirmText: "确认",
-  cancelText: "取消",
-  shape: "circle",
-  confirmColor: "#906FFE",
-  cancelColor: "",
-  showCancel: false,
-  result: () => {}
-});
-
-const close = () => dialog.close();
-
-const result = (isSure: boolean) => {
-  console.log(props);
-  console.log(props.result);
-  if (props.result)
-    props.result({
-      confirm: isSure,
-      cancel: isSure
-    });
-  close();
-};
-</script>
-
-<style lang="scss" scoped>
-.dialog {
-  position: fixed;
-  z-index: 999999;
-  &-shade {
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.5);
-  }
-  &-container {
-    position: absolute;
-    transform: translate(-50%, -50%);
-    left: 50%;
-    top: 50%;
-    border-radius: 40px;
-    background: #ffffff;
-    width: 90%;
-    //height: 300px;
-    padding: 40px 20px;
-    text-align: center;
-
-    &__icon {
-      position: absolute;
-      top: -100px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-
-    &__title {
-      margin: 20px 0;
-      font-size: 50rpx;
-    }
-    &__content {
-      margin: 20px 0;
-      font-size: 30rpx;
-      color: #c3d8db;
-    }
-    &__btn {
-      display: flex;
-      .u-button {
-        margin: 30px 10px 20px;
-      }
-    }
-  }
-}
-</style>

package/components/dialog/index.ts

@@ -1,38 +0,0 @@
-import { createApp } from "vue";
-import AlertDialogCom, { type DialogParam } from "./TheDialog.vue";
-import type { ResultParam } from "../../typing";
-
-export default class Dialog {
-  private static mountNode: HTMLElement | null = null;
-
-  public static show(param: DialogParam) {
-    let app = createApp(AlertDialogCom, { ...param });
-    this.mountNode = document.createElement("div");
-    app.mount(this.mountNode);
-    document.body.appendChild(this.mountNode);
-  }
-
-  // await用法
-  // let res = await DialogAialog.showByAwait({
-  //     title: '提示',
-  //     content: '确定要作废该条订单吗?',
-  // })
-  // if (res.confirm) {
-  //
-  // } else if (res.cancle) {
-  //     console.log('web', '用户取消')
-  // }
-  public static showByAwait(param: DialogParam): Promise<ResultParam> {
-    return new Promise((resolve, reject) => {
-      param.result = (res: ResultParam) => resolve(res);
-      this.show(param);
-    });
-  }
-
-  public static close() {
-    if (!this.mountNode) return;
-    document.body.removeChild(this.mountNode);
-    this.mountNode = null;
-    // console.log('close', 'DialogAialog已销毁')
-  }
-}