npm - easy-elplus - Versions diffs - 1.0.1 → 1.2.0 - Mend

easy-elplus 1.0.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (394) hide show

package/packages/utils/vue/install.js DELETED Viewed

@@ -1,36 +0,0 @@
-import { NOOP } from "@vue/shared"
-/**
- * 给组件添加 install 方法，支持主组件 + 附加组件
- * @param {Object} main 主组件
- * @param {Object} [extra] 附加组件集合
- */
-export const withInstall = (main, extra) => {
-  main.install = app => {
-    const components = [main, ...(extra ? Object.values(extra) : [])]
-    for (const comp of components) {
-      if (comp.name) {
-        app.component(comp.name, comp)
-      } else {
-        console.warn("Component missing name:", comp)
-      }
-    }
-  }
-  if (extra) {
-    for (const key in extra) {
-      main[key] = extra[key]
-    }
-  }
-  return main
-}
-/**
- * 给组件添加一个空的 install（用于函数组件 / 指令等）
- * @param {Object} component
- */
-export const withNoopInstall = component => {
-  component.install = NOOP
-  return component
-}

package/play/README.md DELETED Viewed

@@ -1,5 +0,0 @@
-# Vue 3 + Vite
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).

package/play/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>play</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>

package/play/package.json DELETED Viewed

@@ -1,19 +0,0 @@
-{
-  "name": "play",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.4",
-    "vite": "^7.3.1",
-    "@element-plus/icons-vue": "^2.3.2",
-    "element-plus": "^2.13.2",
-    "vue": "^3.5.27",
-    "vue-router": "^5.0.2"
-  }
-}

package/play/public/vite.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/play/src/App.vue DELETED Viewed

@@ -1,151 +0,0 @@
-<script setup>
-import { useRouter } from "vue-router"
-import { Menu, Grid, List, ChatDotSquare, UploadFilled, Document } from "@element-plus/icons-vue"
-const router = useRouter()
-const routes = [
-  { path: "/button", name: "Button", icon: Grid },
-  { path: "/descriptions", name: "Descriptions", icon: List },
-  { path: "/table", name: "Table", icon: Menu },
-  { path: "/dialog", name: "Dialog", icon: ChatDotSquare },
-  { path: "/image-upload", name: "ImageUpload", icon: UploadFilled },
-  { path: "/file-upload", name: "FileUpload", icon: Document }
-]
-</script>
-<template>
-  <el-container class="layout-container">
-    <el-aside width="240px">
-      <div class="logo">
-        <span class="logo-text">easy-elplus</span>
-        <span class="logo-dot">.</span>
-      </div>
-      <el-menu :default-active="$route.path" router class="side-menu">
-        <el-menu-item v-for="route in routes" :key="route.path" :index="route.path">
-          <el-icon><component :is="route.icon" /></el-icon>
-          <span>{{ route.name }}</span>
-        </el-menu-item>
-      </el-menu>
-    </el-aside>
-    <el-container>
-      <el-header>
-        <div class="header-content">
-          <h2>{{ $route.name }} Demo</h2>
-          <div class="header-actions">
-            <el-button size="small" @click="router.push('/')">Reset</el-button>
-          </div>
-        </div>
-      </el-header>
-      <el-main>
-        <router-view v-slot="{ Component }">
-          <transition name="fade" mode="out-in">
-            <component :is="Component" />
-          </transition>
-        </router-view>
-      </el-main>
-    </el-container>
-  </el-container>
-</template>
-<style>
-:root {
-  --sidebar-bg: #f8fafc;
-  --header-bg: #ffffff;
-  --primary-color: #409eff;
-}
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.layout-container {
-  height: 100vh;
-}
-.logo {
-  height: 64px;
-  display: flex;
-  align-items: center;
-  padding: 0 24px;
-  background: var(--sidebar-bg);
-  border-bottom: 1px solid #e2e8f0;
-}
-.logo-text {
-  font-size: 20px;
-  font-weight: 700;
-  color: #1e293b;
-  letter-spacing: -0.5px;
-}
-.logo-dot {
-  color: var(--primary-color);
-  font-size: 24px;
-  line-height: 1;
-}
-.side-menu {
-  height: calc(100vh - 64px);
-  border-right: none !important;
-  background-color: var(--sidebar-bg) !important;
-}
-.el-header {
-  background: var(--header-bg);
-  border-bottom: 1px solid #e2e8f0;
-  height: 64px !important;
-  display: flex;
-  align-items: center;
-}
-.header-content {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-}
-.header-content h2 {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 600;
-  color: #334155;
-}
-.el-main {
-  background: #f1f5f9;
-  padding: 24px !important;
-}
-/* Transitions */
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-/* Menu Customization */
-.el-menu-item {
-  margin: 4px 12px;
-  border-radius: 8px;
-  height: 44px !important;
-  line-height: 44px !important;
-}
-.el-menu-item.is-active {
-  background-color: #eff6ff !important;
-  color: var(--primary-color) !important;
-  font-weight: 600;
-}
-.el-menu-item:hover {
-  background-color: #f1f5f9 !important;
-}
-</style>

package/play/src/main.js DELETED Viewed

@@ -1,13 +0,0 @@
-import { createApp } from "vue"
-import ElementPlus from "element-plus"
-import EasyElementPlus from "easy-elplus"
-import "element-plus/dist/index.css"
-import App from "./App.vue"
-import router from "./router"
-const app = createApp(App)
-app.use(ElementPlus)
-app.use(EasyElementPlus)
-app.use(router)
-app.mount("#app")

package/play/src/router/index.js DELETED Viewed

@@ -1,45 +0,0 @@
-import { createRouter, createWebHashHistory } from "vue-router"
-const routes = [
-  {
-    path: "/",
-    redirect: "/button"
-  },
-  {
-    path: "/button",
-    name: "Button",
-    component: () => import("../views/button.vue")
-  },
-  {
-    path: "/descriptions",
-    name: "Descriptions",
-    component: () => import("../views/descriptions.vue")
-  },
-  {
-    path: "/table",
-    name: "Table",
-    component: () => import("../views/table.vue")
-  },
-  {
-    path: "/dialog",
-    name: "Dialog",
-    component: () => import("../views/dialog.vue")
-  },
-  {
-    path: "/image-upload",
-    name: "ImageUpload",
-    component: () => import("../views/image-upload.vue")
-  },
-  {
-    path: "/file-upload",
-    name: "FileUpload",
-    component: () => import("../views/file-upload.vue")
-  }
-]
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes
-})
-export default router

package/play/src/testComp/AgeComp.vue DELETED Viewed

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import { ElInputNumber } from "element-plus"
-const value = defineModel()
-</script>
-<template>
-  <el-input-number v-model="value" />
-</template>

package/play/src/testComp/AsyncDemo.vue DELETED Viewed

@@ -1,43 +0,0 @@
-<template>
-  <div class="async-demo">
-    <p>This component simulates a slow asynchronous operation.</p>
-    <el-alert
-      title="Note"
-      type="info"
-      description="Clicking 'Confirm' in the dialog will trigger a 2-second delay with a loading state."
-      :closable="false"
-    />
-    <div style="margin-top: 20px">
-      <el-input v-model="userInput" placeholder="Type something to return..." />
-    </div>
-  </div>
-</template>
-<script setup>
-import { ref } from "vue"
-import { ElAlert, ElInput } from "element-plus"
-const userInput = ref("")
-// This method will be called by EasyDialog because methodKey is set to 'submit'
-const submit = async () => {
-  console.log("AsyncDemo: starting submit...")
-  await new Promise(resolve => setTimeout(resolve, 2000))
-  console.log("AsyncDemo: submit complete!")
-  return {
-    value: userInput.value,
-    timestamp: Date.now()
-  }
-}
-defineExpose({
-  submit,
-  userInput
-})
-</script>
-<style scoped>
-.async-demo {
-  padding: 10px 0;
-}
-</style>

package/play/src/testComp/CustomFooter.vue DELETED Viewed

@@ -1,34 +0,0 @@
-<template>
-  <div class="custom-footer">
-    <span class="footer-hint">这是一个完全自定义的页脚 -></span>
-    <div class="footer-btns">
-      <el-button size="small" @click="close">直接关闭</el-button>
-      <el-button type="danger" size="small" :loading="loading" @click="confirm"> 执行确认 </el-button>
-    </div>
-  </div>
-</template>
-<script setup>
-defineProps({
-  close: Function,
-  confirm: Function,
-  loading: Boolean
-})
-</script>
-<style scoped>
-.custom-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-}
-.footer-hint {
-  color: #999;
-  font-size: 13px;
-}
-.footer-btns {
-  display: flex;
-  gap: 8px;
-}
-</style>

package/play/src/testComp/DialogContent.vue DELETED Viewed

@@ -1,172 +0,0 @@
-<script setup>
-import { onMounted, ref } from "vue"
-import { ElMessage, ElPagination } from "element-plus"
-const props = defineProps({
-  row: {
-    type: Object,
-    default: () => null
-  }
-})
-const ruleFormRef = ref()
-const ruleForm = ref({
-  name: "",
-  region: "",
-  date1: "",
-  date2: "",
-  delivery: false,
-  activityType: [],
-  resource: "",
-  desc: ""
-})
-onMounted(() => {
-  if (props.row) {
-    ruleForm.value = props.row
-  }
-})
-const rules = {
-  name: [
-    { required: true, message: "Please input Activity name", trigger: "blur" },
-    { min: 3, max: 5, message: "Length should be 3 to 5", trigger: "blur" }
-  ],
-  region: [
-    {
-      required: true,
-      message: "Please select Activity zone",
-      trigger: "change"
-    }
-  ],
-  date1: [
-    {
-      type: "date",
-      required: true,
-      message: "Please pick a date",
-      trigger: "change"
-    }
-  ],
-  date2: [
-    {
-      type: "date",
-      required: true,
-      message: "Please pick a time",
-      trigger: "change"
-    }
-  ],
-  activityType: [
-    {
-      type: "array",
-      required: true,
-      message: "Please select at least one activity type",
-      trigger: "change"
-    }
-  ],
-  resource: [
-    {
-      required: true,
-      message: "Please select activity resource",
-      trigger: "change"
-    }
-  ],
-  desc: [{ required: true, message: "Please input activity form", trigger: "blur" }]
-}
-const getData = async () => {
-  await new Promise(resolve => setTimeout(resolve, 1000))
-}
-const submitForm = async formEl => {
-  if (!formEl) return
-  await formEl.validate(async valid => {
-    if (valid) {
-      await getData()
-      ElMessage.success("提交成功")
-    } else {
-      return Promise.reject(new Error("验证失败"))
-    }
-  })
-}
-const resetForm = formEl => {
-  if (!formEl) return
-  formEl.resetFields()
-}
-defineExpose({
-  getFormData: () => ruleForm.value,
-  validate: () => ruleFormRef.value?.validate(),
-  reset: () => resetForm(ruleFormRef.value),
-  confirm: () => submitForm(ruleFormRef.value)
-})
-</script>
-<template>
-  <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto">
-    <el-form-item label="Activity name" prop="name">
-      <el-input v-model="ruleForm.name" />
-    </el-form-item>
-    <el-form-item label="Activity zone" prop="region">
-      <el-select v-model="ruleForm.region" placeholder="Activity zone">
-        <el-option label="Zone one" value="shanghai" />
-        <el-option label="Zone two" value="beijing" />
-      </el-select>
-    </el-form-item>
-    <el-form-item label="Activity time" required>
-      <el-col :span="11">
-        <el-form-item prop="date1">
-          <el-date-picker
-            v-model="ruleForm.date1"
-            type="date"
-            aria-label="Pick a date"
-            placeholder="Pick a date"
-            style="width: 100%"
-          />
-        </el-form-item>
-      </el-col>
-      <el-col class="text-center" :span="2">
-        <span class="text-gray-500">-</span>
-      </el-col>
-      <el-col :span="11">
-        <el-form-item prop="date2">
-          <el-time-picker
-            v-model="ruleForm.date2"
-            aria-label="Pick a time"
-            placeholder="Pick a time"
-            style="width: 100%"
-          />
-        </el-form-item>
-      </el-col>
-    </el-form-item>
-    <el-form-item label="Delivery" prop="delivery">
-      <el-switch v-model="ruleForm.delivery" />
-    </el-form-item>
-    <el-form-item label="Activity type" prop="activityType">
-      <el-checkbox-group v-model="ruleForm.activityType">
-        <el-checkbox value="Online activities" name="type"> Online activities </el-checkbox>
-        <el-checkbox value="Promotion activities" name="type"> Promotion activities </el-checkbox>
-        <el-checkbox value="Offline activities" name="type"> Offline activities </el-checkbox>
-        <el-checkbox value="Simple brand exposure" name="type"> Simple brand exposure </el-checkbox>
-      </el-checkbox-group>
-    </el-form-item>
-    <el-form-item label="Resources" prop="resource">
-      <el-radio-group v-model="ruleForm.resource">
-        <el-radio value="Sponsorship">Sponsorship</el-radio>
-        <el-radio value="Venue">Venue</el-radio>
-      </el-radio-group>
-    </el-form-item>
-    <el-form-item label="Activity form" prop="desc">
-      <el-input v-model="ruleForm.desc" type="textarea" />
-    </el-form-item>
-    <ElPagination :total="100" layout="sizes, prev, pager, next, jumper" />
-  </el-form>
-</template>

package/play/src/testComp/HeaderComp.vue DELETED Viewed

	@@ -1 +0,0 @@
1	- <template>自定义表头组件</template>

package/play/src/testComp/HtmlContent.vue DELETED Viewed

@@ -1,8 +0,0 @@
-<template>
-  <div>
-    <h3 :style="{ color: 'var(--el-color-primary)' }">HTML 内容</h3>
-    <p>您可以在这里使用 Vue 的渲染函数或返回组件定义。</p>
-  </div>
-</template>
-<script setup></script>

package/play/src/testComp/NestedDemo.vue DELETED Viewed

@@ -1,15 +0,0 @@
-<template>
-  <div>
-    <p>This is a nested component. You can open another dialog from here.</p>
-    <el-button type="primary" @click="openSub">Open Sub Dialog</el-button>
-  </div>
-</template>
-<script setup>
-import { EasyDialog } from "easy-elplus"
-import { ElButton } from "element-plus"
-const openSub = () => {
-  EasyDialog("This is the second layer dialog")
-}
-</script>

package/play/src/views/button.vue DELETED Viewed

@@ -1,18 +0,0 @@
-<script setup>
-import { EasyButton } from "easy-elplus"
-const onClick = async () => {
-  return new Promise(resolve => setTimeout(resolve, 1000))
-}
-</script>
-<template>
-  <div>
-    <EasyButton @click="onClick">Default</EasyButton>
-    <EasyButton type="primary" @click="onClick">Primary</EasyButton>
-    <EasyButton type="success" @click="onClick">Success</EasyButton>
-    <EasyButton type="info" @click="onClick">Info</EasyButton>
-    <EasyButton type="warning" @click="onClick">Warning</EasyButton>
-    <EasyButton type="danger" @click="onClick">Danger</EasyButton>
-  </div>
-</template>