hy-app 0.2.11 → 0.2.13

package/global.d.ts

@@ -0,0 +1,101 @@
+declare module 'vue' {
+  // Helper for Volar
+  export interface GlobalComponents {
+    HyActionSheet: (typeof import('./components/hy-action-sheet/hy-action-sheet.vue'))['default']
+    HyBadge: (typeof import('./components/hy-badge/hy-badge.vue'))['default']
+    HyButton: (typeof import('./components/hy-button/hy-button.vue'))['default']
+    HyCalendar: (typeof import('./components/hy-calendar/hy-calendar.vue'))['default']
+    HyCalendarView: (typeof import('./components/hy-calendar-view/hy-calendar-view.vue'))['default']
+    HyCard: (typeof import('./components/hy-card/hy-card.vue'))['default']
+    HyCell: (typeof import('./components/hy-cell/hy-cell.vue'))['default']
+    HyCellGroup: (typeof import('./components/hy-cell-group/hy-cell-group.vue'))['default']
+    HyCheckbox: (typeof import('./components/hy-checkbox/hy-checkbox.vue'))['default']
+    HyCheckboxGroup: (typeof import('./components/hy-checkbox-group/hy-checkbox-group.vue'))['default']
+    HyCol: (typeof import('./components/hy-col/hy-col.vue'))['default']
+    HyColPicker: (typeof import('./components/hy-col-picker/hy-col-picker.vue'))['default']
+    HyCollapse: (typeof import('./components/hy-collapse/hy-collapse.vue'))['default']
+    HyCollapseItem: (typeof import('./components/hy-collapse-item/hy-collapse-item.vue'))['default']
+    HyConfigProvider: (typeof import('./components/hy-config-provider/hy-config-provider.vue'))['default']
+    HyCurtain: (typeof import('./components/hy-curtain/hy-curtain.vue'))['default']
+    HyDatetimePicker: (typeof import('./components/hy-datetime-picker/hy-datetime-picker.vue'))['default']
+    HyDatetimePickerView: (typeof import('./components/hy-datetime-picker-view/hy-datetime-picker-view.vue'))['default']
+    HyDivider: (typeof import('./components/hy-divider/hy-divider.vue'))['default']
+    HyDropMenu: (typeof import('./components/hy-drop-menu/hy-drop-menu.vue'))['default']
+    HyDropMenuItem: (typeof import('./components/hy-drop-menu-item/hy-drop-menu-item.vue'))['default']
+    HyGrid: (typeof import('./components/hy-grid/hy-grid.vue'))['default']
+    HyGridItem: (typeof import('./components/hy-grid-item/hy-grid-item.vue'))['default']
+    HyIcon: (typeof import('./components/hy-icon/hy-icon.vue'))['default']
+    HyImg: (typeof import('./components/hy-img/hy-img.vue'))['default']
+    HyImgCropper: (typeof import('./components/hy-img-cropper/hy-img-cropper.vue'))['default']
+    HyInput: (typeof import('./components/hy-input/hy-input.vue'))['default']
+    HyInputNumber: (typeof import('./components/hy-input-number/hy-input-number.vue'))['default']
+    HyLoading: (typeof import('./components/hy-loading/hy-loading.vue'))['default']
+    HyLoadmore: (typeof import('./components/hy-loadmore/hy-loadmore.vue'))['default']
+    HyMessageBox: (typeof import('./components/hy-message-box/hy-message-box.vue'))['default']
+    HyOverlay: (typeof import('./components/hy-overlay/hy-overlay.vue'))['default']
+    HyNoticeBar: (typeof import('./components/hy-notice-bar/hy-notice-bar.vue'))['default']
+    HyPagination: (typeof import('./components/hy-pagination/hy-pagination.vue'))['default']
+    HyPicker: (typeof import('./components/hy-picker/hy-picker.vue'))['default']
+    HyPickerView: (typeof import('./components/hy-picker-view/hy-picker-view.vue'))['default']
+    HyPopover: (typeof import('./components/hy-popover/hy-popover.vue'))['default']
+    HyPopup: (typeof import('./components/hy-popup/hy-popup.vue'))['default']
+    HyProgress: (typeof import('./components/hy-progress/hy-progress.vue'))['default']
+    HyRadio: (typeof import('./components/hy-radio/hy-radio.vue'))['default']
+    HyRadioGroup: (typeof import('./components/hy-radio-group/hy-radio-group.vue'))['default']
+    HyRate: (typeof import('./components/hy-rate/hy-rate.vue'))['default']
+    HyResize: (typeof import('./components/hy-resize/hy-resize.vue'))['default']
+    HyRow: (typeof import('./components/hy-row/hy-row.vue'))['default']
+    HySearch: (typeof import('./components/hy-search/hy-search.vue'))['default']
+    HySelectPicker: (typeof import('./components/hy-select-picker/hy-select-picker.vue'))['default']
+    HySlider: (typeof import('./components/hy-slider/hy-slider.vue'))['default']
+    HySortButton: (typeof import('./components/hy-sort-button/hy-sort-button.vue'))['default']
+    HyStatusTip: (typeof import('./components/hy-status-tip/hy-status-tip.vue'))['default']
+    HyStep: (typeof import('./components/hy-step/hy-step.vue'))['default']
+    HySteps: (typeof import('./components/hy-steps/hy-steps.vue'))['default']
+    HySticky: (typeof import('./components/hy-sticky/hy-sticky.vue'))['default']
+    HyStickyBox: (typeof import('./components/hy-sticky-box/hy-sticky-box.vue'))['default']
+    HySwipeAction: (typeof import('./components/hy-swipe-action/hy-swipe-action.vue'))['default']
+    HySwitch: (typeof import('./components/hy-switch/hy-switch.vue'))['default']
+    HyTab: (typeof import('./components/hy-tab/hy-tab.vue'))['default']
+    HyTabs: (typeof import('./components/hy-tabs/hy-tabs.vue'))['default']
+    HyTag: (typeof import('./components/hy-tag/hy-tag.vue'))['default']
+    HyToast: (typeof import('./components/hy-toast/hy-toast.vue'))['default']
+    HyTooltip: (typeof import('./components/hy-tooltip/hy-tooltip.vue'))['default']
+    HyTransition: (typeof import('./components/hy-transition/hy-transition.vue'))['default']
+    HyUpload: (typeof import('./components/hy-upload/hy-upload.vue'))['default']
+    HyNotify: (typeof import('./components/hy-notify/hy-notify.vue'))['default']
+    HyWatermark: (typeof import('./components/hy-watermark/hy-watermark.vue'))['default']
+    HyCircle: (typeof import('./components/hy-circle/hy-circle.vue'))['default']
+    HySwiper: (typeof import('./components/hy-swiper/hy-swiper.vue'))['default']
+    HySwiperNav: (typeof import('./components/hy-swiper-nav/hy-swiper-nav.vue'))['default']
+    HySegmented: (typeof import('./components/hy-segmented/hy-segmented.vue'))['default']
+    HyTabbar: (typeof import('./components/hy-tabbar/hy-tabbar.vue'))['default']
+    HyTabbarItem: (typeof import('./components/hy-tabbar-item/hy-tabbar-item.vue'))['default']
+    HyNavbar: (typeof import('./components/hy-navbar/hy-navbar.vue'))['default']
+    HyNavbarCapsule: (typeof import('./components/hy-navbar-capsule/hy-navbar-capsule.vue'))['default']
+    HyTable: (typeof import('./components/hy-table/hy-table.vue'))['default']
+    HyTableCol: (typeof import('./components/hy-table-col/hy-table-col.vue'))['default']
+    HySidebar: (typeof import('./components/hy-sidebar/hy-sidebar.vue'))['default']
+    HySidebarItem: (typeof import('./components/hy-sidebar-item/hy-sidebar-item.vue'))['default']
+    HyFab: (typeof import('./components/hy-fab/hy-fab.vue'))['default']
+    HyCountDown: (typeof import('./components/hy-count-down/hy-count-down.vue'))['default']
+    HyNumberKeyboard: (typeof import('./components/hy-number-keyboard/hy-number-keyboard.vue'))['default']
+    HyKeyboard: (typeof import('./components/hy-keyboard/hy-keyboard.vue'))['default']
+    HyGap: (typeof import('./components/hy-gap/hy-gap.vue'))['default']
+    HyPasswordInput: (typeof import('./components/hy-password-input/hy-password-input.vue'))['default']
+    HyForm: (typeof import('./components/hy-form/hy-form.vue'))['default']
+    HyTextarea: (typeof import('./components/hy-textarea/hy-textarea.vue'))['default']
+    HyVideoPreview: (typeof import('./components/hy-video-preview/hy-video-preview.vue'))['default']
+    HyBacktop: (typeof import('./components/hy-backtop/hy-backtop.vue'))['default']
+    HySkeleton: (typeof import('./components/hy-skeleton/hy-skeleton.vue'))['default']
+    HyIndexBar: (typeof import('./components/hy-index-bar/hy-index-bar.vue'))['default']
+    HyIndexAnchor: (typeof import('./components/hy-index-anchor/hy-index-anchor.vue'))['default']
+    HyText: (typeof import('./components/hy-text/hy-text.vue'))['default']
+    HyCountTo: (typeof import('./components/hy-count-to/hy-count-to.vue'))['default']
+    HyFloatingPanel: (typeof import('./components/hy-floating-panel/hy-floating-panel.vue'))['default']
+    HySignature: (typeof import('./components/hy-signature/hy-signature.vue'))['default']
+    HyRootPortal: (typeof import('./components/hy-root-portal/hy-root-portal.vue'))['default']
+  }
+}
+
+export {}

package/package.json

@@ -1,33 +1,29 @@
-{
-  "name": "hy-app",
-  "version": "0.2.11",
-  "description": "增加修改组件提示",
-  "main": "./index.ts",
-  "private": false,
-  "scripts": {},
-  "files": [
-    "common/",
-    "components/",
-    "composables/",
-    "global/",
-    "public/",
-    "store/",
-    "typing/",
-    "utils/",
-    "api/",
-    "config/",
-    "libs/",
-    "index.ts",
-    "index.scss",
-    "theme.scss",
-    "README.md"
-  ],
-  "keywords": [
-    "华玥组件库",
-    "ui组件库",
-    "暗黑模式"
-  ],
-  "web-types": "web-types.json",
-  "author": "gaoxianhua",
-  "license": "MIT"
-}
+{
+  "name": "hy-app",
+  "version": "0.2.13",
+  "description": "测试组件提示",
+  "main": "./index.ts",
+  "private": false,
+  "scripts": {
+    "web-types": "vue-docgen-web-types  --configFile web-types.config.js",
+    "web": "npx web-types-generator --name hy-app --src ./components --out ./web-types.json",
+    "doc": "npx vue-docgen -c docgen.config.js",
+    "gen:web-types": "tsx ./component-helper.ts"
+  },
+  "keywords": [
+    "华玥组件库",
+    "ui组件库",
+    "暗黑模式"
+  ],
+  "web-types": "./web-types.json",
+  "author": "gaoxianhua",
+  "license": "MIT",
+  "devDependencies": {
+    "component-helper": "1.3.1-rc.1",
+    "components-helper": "^2.2.0",
+    "tsx": "^4.20.3",
+    "vue-docgen-api": "^4.79.2",
+    "vue-docgen-cli": "^4.79.0",
+    "vue-docgen-web-types": "^0.1.8"
+  }
+}

package/web-types.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  // 1. 告诉扫描器去哪里找组件
+  components: './components/**/*.vue',
+
+  // 2. 输出生成的文件
+  outFile: './web-types.json',
+}

package/web-types.json

@@ -0,0 +1 @@
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"hy-app","version":"0.2.13","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"hy-button","source":{"symbol":"hy-button"},"description":"我是 按钮啊啊啊","props":[{"name":"hairline","description":"","type":["boolean"],"default":"false","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"type","description":"","type":["string"],"default":"'primary'","attribute-value":{"type":"enum"},"values":[{"name":"`info`"},{"name":"`primary`"},{"name":"`error`"},{"name":"`warning`"},{"name":"`success`"}]},{"name":"size","description":"","type":["string"],"default":"'medium'","attribute-value":{"type":"enum"},"values":[{"name":"`large`"},{"name":"`medium`"},{"name":"`small`"},{"name":"`mini`"}]},{"name":"shape","description":"","type":["string"],"default":"'square'","attribute-value":{"type":"enum"},"values":[{"name":"`circle`"},{"name":"`square`"}]},{"name":"plain","description":"","type":["boolean"],"default":"false","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"disabled","description":"","type":["boolean"],"default":"false","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"loading","description":"","type":["boolean"],"default":"false","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"loadingText","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"loadingMode","description":"","type":["string"],"default":"'spinner'","attribute-value":{"type":"enum"},"values":[{"name":"`spinner`"},{"name":"`circle`"},{"name":"`semicircle`"}]},{"name":"loadingSize","description":"","type":["number"],"default":"13","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"openType","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"formType","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"appParameter","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"hoverStopPropagation","description":"","type":["boolean"],"default":"true","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"lang","description":"","type":["string"],"default":"'en'","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"sessionFrom","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"sendMessageTitle","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"sendMessagePath","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"sendMessageImg","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"showMessageCard","description":"","type":["boolean"],"default":"false","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"dataName","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"throttleTime","description":"","type":["number"],"default":"0","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"hoverStartTime","description":"","type":["number"],"default":"0","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"hoverStayTime","description":"","type":["number"],"default":"200","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"text","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"icon","description":"","type":["object"],"default":"{}","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"color","description":"","type":["string"],"default":"''","attribute-value":{"type":"enum"},"values":[{"name":"-"}]},{"name":"stop","description":"","type":["boolean"],"default":"true","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"customStyle","description":"","type":[{"name":"CSSProperties","source":{"symbol":"CSSProperties"}}],"default":"","attribute-value":{"type":"of-match"},"values":[{"name":"-"}]},{"name":"customClass","description":"","type":["string"],"default":"","attribute-value":{"type":"enum"},"values":[{"name":"-"}]}],"slots":[{"name":"default","description":"插入默认的值"}],"js":{"events":[{"name":"click","description":"点击按钮事件"},{"name":"error","description":"仅限微信小程序，当使用开放能力时，发生错误的回调"},{"name":"getphonenumber","description":"微信小程序获取手机号"},{"name":"getuserinfo","description":"微信小程序用户点击该按钮时，会返回获取到的用户信息，从返回参数的 detail 中获取到的值同 uni.getUserInfo"},{"name":"opensetting","description":"仅限微信小程序，在打开授权设置页并关闭后回调"},{"name":"launchapp","description":"仅限微信小程序，打开 APP 成功的回调"},{"name":"agreeprivacyauthorization","description":"仅限微信小程序，用户同意隐私协议事件回调，open-type=\"agreePrivacyAuthorization\"时有效"}]}}]}}}

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已销毁')
-  }
-}

package/components/hy-safe-bottom/hy-safe-bottom.vue

@@ -1,60 +0,0 @@
-<template>
-  <view
-    class="u-safe-bottom"
-    :style="[style]"
-    :class="[!isNvue && 'u-safe-area-inset-bottom']"
-  >
-  </view>
-</template>
-
-<script>
-import { props } from "./props.js";
-import { mpMixin } from "../../libs/mixin/mpMixin";
-import { mixin } from "../../libs/mixin/mixin";
-import {
-  addStyle,
-  deepMerge,
-  addUnit,
-  getWindowInfo,
-} from "../../libs/function/index";
-/**
- * SafeBottom 底部安全区
- * @description 这个适配，主要是针对IPhone X等一些底部带指示条的机型，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行底部安全区适配。
- * @tutorial https://ijry.github.io/uview-plus/components/safeAreaInset.html
- * @property {type}		prop_name
- * @property {Object}	customStyle	定义需要用到的外部样式
- *
- * @event {Function()}
- * @example <u-status-bar></u-status-bar>
- */
-export default {
-  name: "u-safe-bottom",
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      safeAreaBottomHeight: 0,
-      isNvue: false,
-    };
-  },
-  computed: {
-    style() {
-      const style = {};
-      // #ifdef APP-NVUE || MP-TOUTIAO
-      // nvue下，高度使用js计算填充
-      style.height = addUnit(getWindowInfo().safeAreaInsets.bottom, "px");
-      // #endif
-      return deepMerge(style, addStyle(this.customStyle));
-    },
-  },
-  mounted() {
-    // #ifdef APP-NVUE
-    // 标识为是否nvue
-    this.isNvue = true;
-    // #endif
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/components/hy-safe-bottom/index.scss

@@ -1,5 +0,0 @@
-.u-safe-bottom {
-  /* #ifndef APP-NVUE */
-  width: 100%;
-  /* #endif */
-}

package/components/message/TheMessage.vue

@@ -1,169 +0,0 @@
-<template>
-  <Transition name="fade">
-    <view class="dialog dialog-shade" v-if="show">
-      <view class="dialog-container" v-if="show">
-        <image class="dialog-container__icon" :src="param.icon"></image>
-        <view class="dialog-container__title">{{ param.title }}</view>
-        <view class="dialog-container__content">{{ param.content }}</view>
-
-        <view class="dialog-container__btn">
-          <u-button
-            v-if="param.showCancel"
-            :text="param.cancelText"
-            :color="param.cancelColor"
-            :shape="param.shape"
-            size="large"
-            @click="result(false)"
-          ></u-button>
-          <u-button
-            :text="param.confirmText"
-            :color="param.confirmColor"
-            :shape="param.shape"
-            size="large"
-            @click="result(true)"
-          ></u-button>
-        </view>
-      </view>
-    </view>
-  </Transition>
-</template>
-
-<script lang="ts" setup>
-import { ref, toRefs } from "vue";
-import DialogService from "./index";
-/**
- * @用途
- * @author Pino
- * @创建时间 2023-01-11 15:19
- **/
-
-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 show = ref(false);
-const param = ref<DialogParam>({
-  icon: "https://pic1.imgdb.cn/item/67a74cbdd0e0a243d4fd160b.png",
-  title: "提示",
-  content: "",
-  confirmText: "确认",
-  cancelText: "取消",
-  shape: "circle",
-  confirmColor: "#906FFE",
-  cancelColor: "",
-  showCancel: false,
-  result: () => {}
-});
-
-const open = (options: DialogParam) => {
-  show.value = true;
-  param.value = Object.assign(param.value, options);
-};
-
-const close = () => {
-  show.value = false;
-  DialogService.close();
-};
-
-const result = (isSure: boolean) => {
-  if (param.value.result) {
-    param.value.result({
-      confirm: isSure,
-      cancel: !isSure
-    });
-  }
-  close();
-};
-
-defineExpose({ open, close }); // 暴露方法供外部调用
-</script>
-
-<style lang="scss" scoped>
-/* Vue Transition */
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-.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%;
-    padding: 40px 20px;
-    text-align: center;
-    animation: slideIn 0.4s ease;
-    @keyframes slideIn {
-      from {
-        transform: translate(-50%, 50%);
-        opacity: 0;
-      }
-      to {
-        transform: translate(-50%, -50%);
-        opacity: 1;
-      }
-    }
-
-    &__icon {
-      width: 140px;
-      height: 140px;
-      position: absolute;
-      top: -110px;
-      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/message/index.ts

@@ -1,54 +0,0 @@
-import { createVNode, render } from "vue";
-import Dialog, { type DialogParam } from "./TheMessage.vue";
-
-let instance: any = null;
-
-const successIcon = "https://pic1.imgdb.cn/item/67a74cbdd0e0a243d4fd160b.png";
-const errorIcon = "https://pic1.imgdb.cn/item/67b03ba3d0e0a243d4ff9078.png";
-const warningIcon = "https://pic1.imgdb.cn/item/67b03ba3d0e0a243d4ff9079.png";
-/**
- * @description 创建div添加dialog组件
- * */
-const mountDialog = () => {
-  if (!instance) {
-    const container = document.createElement("div");
-    document.body.appendChild(container); // 先添加到 body
-    instance = createVNode(Dialog);
-    render(instance, container);
-  }
-};
-/**
- * @description 打开传参
- * */
-const openParams = (options: DialogParam, icon: string) => {
-  instance.component.exposed.open(
-    Object.assign(
-      {
-        icon,
-      },
-      options,
-    ),
-  );
-};
-
-const DialogService = {
-  success(options: DialogParam) {
-    mountDialog();
-    openParams(options, successIcon);
-  },
-  error(options: DialogParam) {
-    mountDialog();
-    openParams(options, errorIcon);
-  },
-  warning(options: DialogParam) {
-    mountDialog();
-    openParams(options, warningIcon);
-  },
-  close() {
-    if (instance) {
-      instance.component.exposed.close();
-    }
-  },
-};
-
-export default DialogService;