feat : ws-message

packages/aux-admin/aux-ui/styles/global.scss

@@ -1,5 +1,8 @@
-@import './font.scss';
-@import './icon.scss';
+@use './font.scss';
+@use './icon.scss';
+@use './wise-ui.scss';
+
+
 $globa-prefix: aux;
 
 :root {
@@ -57,6 +60,7 @@ $globa-prefix: aux;
   --aux-transition-duration:.3s;
 
 
+
   // Colors
   --dark: #000000;
   --grey: #666666;

packages/aux-admin/aux-ui/styles/wise-ui.scss

@@ -0,0 +1,5 @@
+:root{
+
+
+
+}

packages/aux-admin/aux-ui/wise-message/__tests__/wise-message.spec.tsx

@@ -0,0 +1,19 @@
+import { ComponentPublicInstance } from 'vue';
+import { DOMWrapper, mount, VueWrapper } from '@vue/test-utils';
+import { WiseMessage } from '..';
+
+describe('wise-message', () => {
+  let wrapper: VueWrapper<ComponentPublicInstance>;
+
+  it('wise-message init render', async () => {
+    wrapper = mount({
+      setup() {
+        return () => {
+          return <WiseMessage />;
+        };
+      },
+    });
+
+    // todo
+  })
+})

packages/aux-admin/aux-ui/wise-message/index.ts

@@ -0,0 +1,15 @@
+import type { App } from 'vue';
+import WiseMessage from './src/wise-message';
+
+export * from './src/wise-message-types';
+
+export { WiseMessage };
+
+export default {
+  title: 'WiseMessage 万设消息弹出框',
+  category: '通用',
+  status: '1%', // TODO 组件完成状态，开发完组件新特性请及时更新该状态值；若组件开发完成则填入'100%'，并删除该注释
+  install(app: App): void {
+    app.component(WiseMessage.name, WiseMessage);
+  }
+};

packages/aux-admin/aux-ui/wise-message/src/wise-message-types.ts

@@ -0,0 +1,10 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const wiseMessageProps = {
+  // data: {
+  //   type: type,
+  //   default: defaultValue
+  // },
+} as const;
+
+export type WiseMessageProps = ExtractPropTypes<typeof wiseMessageProps>;

packages/aux-admin/aux-ui/wise-message/src/wise-message.scss

@@ -0,0 +1,4 @@
+// 引入主题变量
+@import '../../styles/global.scss';
+.#{$globa-prefix}-wise-message {
+}

packages/aux-admin/aux-ui/wise-message/src/wise-message.tsx

@@ -0,0 +1,21 @@
+import { defineComponent, toRefs } from 'vue';
+import type { SetupContext } from 'vue';
+import { wiseMessageProps, WiseMessageProps } from './wise-message-types';
+import './wise-message.scss';
+
+export default defineComponent({
+  name: 'AuxWiseMessage',
+  props: wiseMessageProps,
+  emits: [],
+  setup(props: WiseMessageProps, ctx: SetupContext) {
+    // 直接解构 props 会导致响应式失效，需要使用 toRefs 进行包裹
+    // const { data } = toRefs(props);
+    // console.log(data.value);
+
+    return () => {
+      return (
+        <div class="aux-wise-message"></div>
+      );
+    };
+  }
+});

packages/aux-admin/aux-ui/wise-notification/__tests__/wise-notification.spec.tsx

@@ -0,0 +1,19 @@
+import { ComponentPublicInstance } from 'vue';
+import { DOMWrapper, mount, VueWrapper } from '@vue/test-utils';
+import { WiseNotification } from '..';
+
+describe('wise-notification', () => {
+  let wrapper: VueWrapper<ComponentPublicInstance>;
+
+  it('wise-notification init render', async () => {
+    wrapper = mount({
+      setup() {
+        return () => {
+          return <WiseNotification />;
+        };
+      },
+    });
+
+    // todo
+  })
+})

packages/aux-admin/aux-ui/wise-notification/index.ts

@@ -0,0 +1,15 @@
+import type { App } from 'vue';
+import WiseNotification from './src/wise-notification';
+
+export * from './src/wise-notification-types';
+
+export { WiseNotification };
+
+export default {
+  title: 'WiseNotification 通知',
+  category: '通用',
+  status: '1%', // TODO 组件完成状态，开发完组件新特性请及时更新该状态值；若组件开发完成则填入'100%'，并删除该注释
+  install(app: App): void {
+    app.component(WiseNotification.name, WiseNotification);
+  }
+};

packages/aux-admin/aux-ui/wise-notification/src/wise-notification-types.ts

@@ -0,0 +1,10 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const wiseNotificationProps = {
+  // data: {
+  //   type: type,
+  //   default: defaultValue
+  // },
+} as const;
+
+export type WiseNotificationProps = ExtractPropTypes<typeof wiseNotificationProps>;

packages/aux-admin/aux-ui/wise-notification/src/wise-notification.scss

@@ -0,0 +1,4 @@
+// 引入主题变量
+@import '../../styles/global.scss';
+.#{$globa-prefix}-wise-notification {
+}

packages/aux-admin/aux-ui/wise-notification/src/wise-notification.tsx

@@ -0,0 +1,21 @@
+import { defineComponent, toRefs } from 'vue';
+import type { SetupContext } from 'vue';
+import { wiseNotificationProps, WiseNotificationProps } from './wise-notification-types';
+import './wise-notification.scss';
+
+export default defineComponent({
+  name: 'AuxWiseNotification',
+  props: wiseNotificationProps,
+  emits: [],
+  setup(props: WiseNotificationProps, ctx: SetupContext) {
+    // 直接解构 props 会导致响应式失效，需要使用 toRefs 进行包裹
+    // const { data } = toRefs(props);
+    // console.log(data.value);
+
+    return () => {
+      return (
+        <div class="aux-wise-notification"></div>
+      );
+    };
+  }
+});

packages/aux-admin/docs/components/noble/button/index.md

@@ -33,7 +33,7 @@
 | :---- | :---- | :--------- |
 |   default   |  任意内容  | [基本用法](#基本用法)   |
 
-## Swiper Bug&update
+## Button Bug&update
 
 ::: tip 功能更新
     参数: