npmapps 1.0.24 → 1.0.26

package/app/wujie-vue3-child/src/directives/aiLoading.js

@@ -1,182 +0,0 @@
-/**
- * v-aiLoading 全局自定义指令
- *
- * 支持两种使用方式：
- * 1) 基础用法（布尔或变量）：
- *    v-aiLoading="loading"
- *    - loading 为 true 时显示遮罩
- *    - loading 为 false 时移除遮罩
- *
- * 2) 对象用法（可配置文案和自定义样式类）：
- *    v-aiLoading="{ loading: loading, text: 'AI生成中...', class: 'custom-class' }"
- *    - loading：必填，布尔值，控制显示/隐藏
- *    - text：选填，提示文案，默认 'AI生成中'
- *    - class：选填，附加到遮罩元素上的 class 名，用于自定义样式
- */
-
-export const createAiLoadingOptions = (binding) => {
-  const value = binding.value
-  if (value && typeof value === 'object') {
-    return {
-      loading: !!value.loading,
-      text: value.text || 'AI生成中',
-      className: value.class || '',
-      loaderType: value.loaderType || 'bars',
-      gradient: value.gradient ?? true,
-      borderColor: value.borderColor || '#409eff'
-    }
-  }
-  return {
-    loading: !!value,
-    text: 'AI生成中',
-    className: '',
-    loaderType: 'bars',
-    gradient: true,
-    borderColor: '#409eff'
-  }
-}
-
-/**
- * 根据配置在元素上挂载 / 更新 / 移除遮罩层
- * @param {HTMLElement} el 指令绑定的 DOM 元素
- * @param {import('vue').DirectiveBinding} binding 指令绑定对象
- */
-export const toggleAiLoading = (el, binding) => {
-  const options = createAiLoadingOptions(binding)
-  let mask = el.__aiLoadingMask__
-
-  // loading 为 false 时移除遮罩
-  if (!options.loading) {
-    if (mask && mask.parentNode) {
-      mask.parentNode.removeChild(mask)
-    }
-    el.__aiLoadingMask__ = null
-    el.classList.remove('ai-loading-parent')
-    return
-  }
-
-  if (!mask) {
-    mask = document.createElement('div')
-    mask.className = 'ai-loading-mask'
-    if (options.className) {
-      mask.classList.add(options.className)
-    }
-
-    const content = document.createElement('div')
-    content.className = 'ai-loading-content'
-
-    const spinner = document.createElement('div')
-    spinner.className = options.loaderType === 'ring' ? 'ai-loading-spinner' : 'ai-loading-bars'
-
-    const textNode = document.createElement('div')
-    textNode.className = 'ai-loading-text'
-    textNode.textContent = options.text
-
-    content.appendChild(spinner)
-    content.appendChild(textNode)
-    mask.appendChild(content)
-
-    el.__aiLoadingMask__ = mask
-  } else {
-    const textNode = mask.querySelector('.ai-loading-text')
-    if (textNode) {
-      textNode.textContent = options.text
-    }
-    mask.className = 'ai-loading-mask'
-    if (options.className) {
-      mask.classList.add(options.className)
-    }
-  }
-
-  const spinnerEl = el.__aiLoadingMask__ && el.__aiLoadingMask__.querySelector('.ai-loading-spinner, .ai-loading-bars')
-  if (spinnerEl) {
-    if (options.loaderType === 'ring') {
-      spinnerEl.className = 'ai-loading-spinner'
-      spinnerEl.style.borderTopColor = options.borderColor || '#409eff'
-    } else {
-      spinnerEl.className = 'ai-loading-bars'
-      spinnerEl.style.borderTopColor = ''
-    }
-  }
-
-  if (options.gradient === true) {
-    mask.classList.add('ai-loading-mask-gradient')
-    mask.style.background = ''
-  } else if (typeof options.gradient === 'string') {
-    mask.classList.remove('ai-loading-mask-gradient')
-    mask.style.background = options.gradient
-  } else {
-    mask.classList.remove('ai-loading-mask-gradient')
-    mask.style.background = 'rgba(255, 255, 255, 0.7)'
-  }
-
-  // 保证宿主元素为定位容器
-  const computedStyle = window.getComputedStyle(el)
-  if (computedStyle.position === 'static' || !computedStyle.position) {
-    el.style.position = 'relative'
-  }
-
-  // 挂载遮罩
-  if (!mask.parentNode) {
-    el.appendChild(mask)
-  }
-  el.classList.add('ai-loading-parent')
-}
-
-const resolveAiLoadingTargetElement = (target) => {
-  if (!target) return null
-  if (typeof target === 'string') {
-    return document.querySelector(target)
-  }
-  if (target instanceof HTMLElement) {
-    return target
-  }
-  if (typeof target === 'object') {
-    if (target.value instanceof HTMLElement) {
-      return target.value
-    }
-    if (target.$el instanceof HTMLElement) {
-      return target.$el
-    }
-  }
-  return null
-}
-
-export const aiLoading = (target, options = {}) => {
-  const el = resolveAiLoadingTargetElement(target)
-  if (!el) {
-    return {
-      stop() {}
-    }
-  }
-  const binding = { value: { ...options, loading: true } }
-  toggleAiLoading(el, binding)
-  return {
-    stop() {
-      const stopBinding = { value: { ...options, loading: false } }
-      toggleAiLoading(el, stopBinding)
-    }
-  }
-}
-
-/**
- * v-aiLoading 指令实现
- * - 在组件全局注册后即可在任意模板中直接使用
- */
-export const aiLoadingDirective = {
-  mounted(el, binding) {
-    toggleAiLoading(el, binding)
-  },
-  updated(el, binding) {
-    toggleAiLoading(el, binding)
-  },
-  unmounted(el) {
-    const mask = el.__aiLoadingMask__
-    if (mask && mask.parentNode) {
-      mask.parentNode.removeChild(mask)
-    }
-    el.__aiLoadingMask__ = null
-    el.classList.remove('ai-loading-parent')
-  }
-}
-

package/app/wujie-vue3-child/src/hooks/useClickOutside.js

@@ -1,11 +0,0 @@
-import { ref, onMounted, onBeforeUnmount } from 'vue'
-
-export function useClickOutside(elRef, handler) {
-  const listener = (e) => {
-    if (!elRef.value || elRef.value.contains(e.target)) return
-    handler(e)
-  }
-
-  onMounted (() => document.addEventListener('click', listener))
-  onBeforeUnmount(() => document.removeEventListener('click', listener))
-}

package/app/wujie-vue3-child/src/hooks/useTableDragSort.js

@@ -1,28 +0,0 @@
-// hooks/useTableDragSort.js
-import Sortable from 'sortablejs'
-import { nextTick, watch, onUnmounted } from 'vue'
-
-export function useTableDragSort(tableRef, list, options = {}) {
-  let sortable = null
-
-  const init = async () => {
-    await nextTick()
-    const tbody = tableRef.value?.$el.querySelector('.el-table__body-wrapper tbody')
-    if (!tbody) return
-    sortable?.destroy()
-    sortable = Sortable.create(tbody, {
-      animation: 150,
-      handle: '.drag-cell',          // 只有手柄能拖
-      onEnd: evt => {
-        const { oldIndex, newIndex } = evt
-        if (oldIndex === undefined || newIndex === undefined) return
-        const [removed] = list.value.splice(oldIndex, 1)
-        list.value.splice(newIndex, 0, removed)
-      },
-      ...options
-    })
-  }
-
-  watch(list, init, { deep: true, immediate: true })
-  onUnmounted(() => sortable?.destroy())
-}

package/app/wujie-vue3-child/src/main.js

@@ -1,18 +0,0 @@
-import { createApp } from 'vue'
-import router from './router'
-import './style.css'
-import App from './App.vue'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import { createPinia } from 'pinia'
-import { aiLoadingDirective } from './directives/aiLoading'
-
-const app = createApp(App)
-const pinia = createPinia()
-
-app.directive('aiLoading', aiLoadingDirective)
-
-app.use(ElementPlus)
-app.use(router)
-app.use(pinia)
-app.mount('#app')

package/app/wujie-vue3-child/src/router/index.js

@@ -1,104 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/home.vue'
-import Test from '../views/test.vue'
-import PhoneCode from '../views/phone-code.vue'
-import ChildToParent from '../views/child-to-parent.vue'
-import ParentToChild from '../views/parent-to-child.vue'
-import RouterJump from '../views/router-jump.vue'
-// 定义路由配置
-const router = createRouter({
-  history: createWebHistory(),
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: Home,
-      meta: {
-        title: '首页'
-      }
-    },
-
-
-    // 通讯
-    {
-      path: '/contact',
-      name: 'contact',
-      meta: {
-        title: '通讯'
-      },
-      children: [
-        // 子通知父
-        {
-          path: '/contact/child-to-parent',
-          name: 'child-to-parent',
-          component: ChildToParent,
-          meta: {
-            title: '子通知父'
-          }
-        },
-        // 父通知子
-        {
-          path: '/contact/parent-to-child',
-          name: 'parent-to-child',
-          component: ParentToChild,
-          meta: {
-            title: '父通知子'
-          }
-        }
-      ]
-    },
-
-    // 手机验证码
-    {
-      path: '/phone-code',
-      name: 'phone-code',
-      component: PhoneCode,
-      meta: {
-        title: '手机验证码'
-      }
-    },
-
-
-    // 路由跳转
-    {
-      path: '/router-jump',
-      name: 'router-jump',
-      component: RouterJump,
-      meta: {
-        title: '路由跳转'
-      }
-    },
-    // jsx
-    {
-      path: '/jsx',
-      name: 'jsx',
-      component: () => import('../views/jsx/index.vue'),
-      meta: {
-        title: 'jsx'
-      }
-    },
-  
-
-    // 智能教练
-    {
-      path: '/ai-coach',
-      name: 'ai-coach',
-      component: () => import('../views/aiCoach/index.jsx'),
-      meta: {
-        title: '智能教练'
-      }
-    },
-
-    // 测试
-    {
-      path: '/test',
-      name: 'test',
-      component: Test,
-      meta: {
-        title: '测试'
-      }
-    }
-  ]
-})
-
-export default router

package/app/wujie-vue3-child/src/store/tagsViewStroe.js

@@ -1,34 +0,0 @@
-import { defineStore } from 'pinia'
-
-export const useTagsViewStore = defineStore('tagsView', {
-  state: () => ({
-    tagsViewList: [],
-  }),
-  actions: {
-    addTagsView(tag) {
-
-        // 判断是否已经存在
-        const isExist = this.tagsViewList.some(item => item.path === tag.path)
-        if(isExist){
-            return
-        }
-
-      this.tagsViewList.push(tag)
-    },
-    removeTagsView(tag) {
-        this.tagsViewList = this.tagsViewList.filter(item => item.path !== tag.path)
-    },
-    removeOtherTagsView(tag) {
-        this.tagsViewList = this.tagsViewList.filter(item => item.path === tag.path)
-    },
-    clearTagsView() {
-        this.tagsViewList = []
-    },
-    getTagsViewList() {
-        return this.tagsViewList
-    },
-    setTagsViewList(tagsList) {
-        this.tagsViewList = tagsList
-    }
-  }
-})

package/app/wujie-vue3-child/src/style.css

@@ -1,171 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-}
-
-.ai-loading-parent {
-  position: relative;
-}
-
-.ai-loading-mask {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(255, 255, 255, 0.7);
-  z-index: 99;
-}
-
-.ai-loading-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 8px 16px;
-  border-radius: 4px;
-  background-color: rgba(255, 255, 255, 0.9);
-  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
-  font-size: 12px;
-  color: #606266;
-}
-
-.ai-loading-spinner {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  border: 2px solid #dcdfe6;
-  border-top-color: #606266;
-  animation: ai-loading-spin 1s linear infinite;
-  margin-bottom: 4px;
-}
-
-.ai-loading-bars {
-  width: 20px;
-  aspect-ratio: 1;
-  --c: linear-gradient(#606266 0 0);
-  --r1: radial-gradient(farthest-side at bottom,#606266 93%,#0000);
-  --r2: radial-gradient(farthest-side at top,#606266 93%,#0000);
-  background:
-    var(--c),var(--r1),var(--r2),
-    var(--c),var(--r1),var(--r2),
-    var(--c),var(--r1),var(--r2);
-  background-repeat: no-repeat;
-  animation: ai-loading-bars 1s infinite alternate;
-  margin-bottom: 4px;
-}
-
-.ai-loading-text {
-  white-space: nowrap;
-  animation: ai-loading-text-pulse 1.4s ease-in-out infinite;
-}
-
-/* v-aiLoading 演示用自定义遮罩样式示例
- * 在 AiCoach 页面「AI Loading 用例」Tab 中使用 class: 'ai-loading-demo-mask'
- * 你可以参考这里的写法，按需覆盖背景色、文字颜色等
- */
-.ai-loading-demo-mask {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-
-.ai-loading-mask-gradient {
-  background-image: linear-gradient(135deg, #f5f7ff 0%, #f0f9ff 50%, #fff7f7 100%);
-  background-size: 200% 200%;
-  animation: ai-loading-gradient 4s ease infinite;
-}
-
-.ai-loading-demo-card {
-  position: relative;
-  overflow: hidden;
-}
-
-.ai-loading-demo-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: 4px;
-  padding: 1px;
-  background: conic-gradient(
-    from 0deg,
-    #ff7e67,
-    #ffb967,
-    #67c1ff,
-    #ff7e67
-  );
-  -webkit-mask:
-    linear-gradient(#000 0 0) content-box,
-    linear-gradient(#000 0 0);
-  -webkit-mask-composite: xor;
-          mask-composite: exclude;
-  opacity: 0;
-  animation: none;
-  pointer-events: none;
-}
-
-.ai-loading-demo-card--active::before {
-  opacity: 1;
-  animation: ai-loading-border-rotate 3s linear infinite;
-}
-
-@keyframes ai-loading-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes ai-loading-bars {
-  0%,25% {
-    background-size: 5px 0,5px 4px,5px 4px,5px 0,5px 4px,5px 4px,5px 0,5px 4px,5px 4px;
-    background-position: 0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
-  }
-  50% {
-    background-size: 5px 100%,5px 4px,5px 4px,5px 0,5px 4px,5px 4px,5px 0,5px 4px,5px 4px;
-    background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
-  }
-  75% {
-    background-size: 5px 100%,5px 4px,5px 4px,5px 100%,5px 4px,5px 4px,5px 0,5px 4px,5px 4px;
-    background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
-  }
-  95%,100% {
-    background-size: 5px 100%,5px 4px, 5px 4px,5px 100%,5px 4px,5px 4px,5px 100%,5px 4px,5px 4px;
-    background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px);
-  }
-}
-
-@keyframes ai-loading-gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-
-@keyframes ai-loading-text-pulse {
-  0% {
-    opacity: 0.6;
-    transform: translateY(0);
-  }
-  50% {
-    opacity: 1;
-    transform: translateY(-1px);
-  }
-  100% {
-    opacity: 0.6;
-    transform: translateY(0);
-  }
-}
-
-@keyframes ai-loading-border-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/app/wujie-vue3-child/src/views/aiCoach/collapseExpand/index.jsx

@@ -1,108 +0,0 @@
-
-import { defineComponent, ref, h } from 'vue'
-import styles from './index.module.scss'
-import { Expand, DeleteFilled } from '@element-plus/icons-vue'
-import draggable from 'vuedraggable'
-import _ from 'lodash'
-export default defineComponent({
-    // 折叠展开组件 - 列表展示
-    name: 'CollapseExpand',
-    props: {
-        collapseList: {
-            type: Array,
-            default: () => [],
-        },
-        draggableDisabled: {
-            type: Boolean,
-            default: false,
-        },
-    },
-    emits: ['update:collapseList'],
-    setup(props, { emit, attrs, slots }) {
-
-        const newCollapseList = ref(_.cloneDeep(props.collapseList))
-        const dragEnd = (e) => {
-            console.log(e)
-            attrs.dragEnd && attrs.dragEnd(e, newCollapseList.value)
-            emit('update:collapseList', newCollapseList.value)
-        }
-        const handleDelete = (item) => {
-            newCollapseList.value = newCollapseList.value.filter((i) => i.id !== item.id)
-            emit('update:collapseList', newCollapseList.value)
-        }
-        return () => (
-            <div class={styles.collapseExpand}>
-                <el-collapse
-                    {...attrs}
-                >
-                    <draggable
-                        v-model={newCollapseList.value}
-                        item-key="id"
-                        class="list"
-                        ghost-class="ghost"
-                        disabled={props.draggableDisabled}
-                        onEnd={dragEnd}
-                        animation={attrs.animation || 100}
-                        handle=".drag-icon"
-                    >
-                        {{
-                            item: (({ element: item, index }) => (
-                                <el-collapse-item class={[styles.item,
-                                index === 0 ?
-                                    styles.firstItem : '',
-                                index === props.collapseList.length - 1 ?
-                                    styles.lastItem : '']}
-                                    key={item.id}
-                                    name={item.id}>
-                                    {{
-                                        // 自定义标题栏
-                                        title: () => (
-                                            attrs.title ? attrs.title(item) :
-                                                <div class={[styles.header]}>
-                                                    <div class={[styles.headerLeft]}>
-                                                        <div>
-                                                            <el-icon style={{ cursor: 'grab' }} class={'drag-icon'} size={20}><Expand /></el-icon>
-                                                        </div>
-                                                        <div class={[styles.headerContent]}>
-                                                            <div class={[styles.title]}>{item.title}</div>
-                                                            {/* 目标描述 */}
-                                                            <div class={[styles.goal]}>
-                                                                {item.goal}
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    {/* 阻止冒泡避免触发折叠 */}
-                                                    <el-popconfirm
-                                                        title="确认删除吗？"
-                                                        confirm-button-text="确定"
-                                                        cancel-button-text="取消"
-                                                        onConfirm={(e) => {
-                                                            handleDelete(item)
-                                                            e.stopPropagation()
-                                                        }}
-                                                    >
-                                                        {{
-                                                            reference: () => (
-                                                                <el-icon onClick={(e) => e.stopPropagation()} style={{ marginRight: '8px' }}><DeleteFilled /></el-icon>
-                                                            )
-                                                        }}
-                                                      
-                                                    </el-popconfirm>
-                                                </div>
-                                        ),
-                                        // 展开的内容区域
-                                        default: () => (
-                                            <div>
-                                                {item.item ? item.item(item) : null}
-                                            </div>
-                                        )
-                                    }}
-                                </el-collapse-item>
-                            ))
-                        }}
-                    </draggable>
-                </el-collapse>
-            </div>
-        )
-    },
-})