hoc element table

@hoc-element/table

table استنادًا إلى Webpack 5، <el-xxx> إلى Vue 3. ويهدف تحقيق درجة أعلى من الحرية إلى تقليل العمليات المتكررة وجعل التطوير أكثر كفاءة.

يمكن استخدام مكتبة المكونات هذه للتعلم والمراجع والتطوير الثانوي

العرض المباشر

إصدار

• إصدار Vue 3.x | إصدار Vue 2.x

لقطة الشاشة

دعم البيئة

• فيو 3.2.x

ثَبَّتَ

npm install @hoc-element/table

# or

pnpm add @hoc-element/table

بداية سريعة

• الرجاء تثبيت element-plus قبل الاستخدام

 import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'

createApp ( App )
  . use ( ElementPlus )
  . use ( HocElTable )
  . mount ( '#app' ) 

سجل التغيير

تم توثيق التغييرات التفصيلية لكل إصدار في ملاحظات الإصدار

ميزة

• مبني على Webpack 5
• الدعم الكامل لVue 3
• يدعم التكوين السريع للجداول المتسلسلة JSON
• تم بناء Pagination
• دعم أسماء أعمدة prop المخصصة
• يدعم العرض المخصص لمحتوى الخلية [راجع تعليمات تكوين عرض الخلية]
• دعم style الخلية المخصصة
• دعم directives المخصصة الملزمة
• دعم Events Methods المرتبطة Table الأصلي element-plus
• دعم العرض والتحكم في إخفاء Header Pagination

تعليمات تكوين عرض الخلية

طريقة	يوضح	مشهد
---	قم بعرض القيمة الأساسية المقابلة لـ attrs.prop الخاص بالخلية	مناسبة لعرض قيمة الدعامة مباشرة
يجعل	تقديم سلسلة	مناسب للسيناريوهات التي يتم فيها إجراء بعض المعالجة الدقيقة على قيمة الدعامة الافتراضية.
renderHTML	قم بعرض عنصر DOM المحدد	مناسب لعرض الإجراء، ويستخدم بشكل عام في العمود الأخير (يدعم حاليًا عرض الزر el فقط، راجع المثال للحصول على التفاصيل)
renderComponent	تقديم المكون	مناسب للسيناريوهات التي يلزم فيها عرض المحتوى المعقد في الخلايا، راجع المثال للحصول على التفاصيل

مثال

هذا مثال كامل نسبيًا، ويغطي جميع استخدامات واجهة برمجة التطبيقات (API) تقريبًا. الكود المصدري موجود هنا: Code

نشر

انظر المستودع؟