br-dionysus 1.7.2 → 1.7.3

package/.eslintrc.cjs

@@ -88,7 +88,7 @@ module.exports = {
     'vue/use-v-on-exact': 'error',
     // 强制执行有效的nextTick函数调用
     'vue/valid-next-tick': 'error',
-    'vue/valid-attribute-name': 'error',
+    'vue/valid-attribute-name': 'warn',
     'vue/return-in-emits-validator': 'warn',
     // template必须有内容
     'vue/valid-template-root': 'error',
@@ -105,7 +105,8 @@ module.exports = {
     'vue/valid-v-once': 'error',
     'vue/valid-v-pre': 'error',
     'vue/valid-v-show': 'error',
-    'vue/valid-v-slot': 'error',
+    // 执行有效v-slot指令 标记，关闭此规则，组件需允许非法操作
+    'vue/valid-v-slot': 'off',
     'vue/valid-v-text': 'error',
     'vue/no-parsing-error': [
       2, {

package/README.md

@@ -48,7 +48,7 @@
   <div>
     <p>弹窗</p>
     <el-button @click="open">默认</el-button>
-    <m-dialog
+    <MDialog
       v-model="dialogVisible"
       draggable
       title="这是标题"
@@ -67,14 +67,19 @@
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible = false">确认</el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible = false"
+          >
+            确认
+          </el-button>
         </div>
       </template>
-    </m-dialog>
+    </MDialog>
 
     <p>设置弹窗高(弹框高度为{{ insideHeight }})</p>
     <el-button @click="open2">设置容器高度为300px</el-button>
-    <m-dialog
+    <MDialog
       v-model="dialogVisible2"
       draggable
       title="这是标题"
@@ -91,19 +96,24 @@
           useRemainingSpace计算高度{{ height }}
         </p>
         <div>这是干扰元素</div>
-        <div class="u-pa">这是绝对<br/>定位元素</div>
+        <div class="u-pa">这是绝对<br />定位元素</div>
       </div>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible2 = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible2 = false">确认</el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible2 = false"
+          >
+            确认
+          </el-button>
         </div>
       </template>
-    </m-dialog>
+    </MDialog>
 
     <p>设置弹窗高对话框的最小高度(弹框高度为{{ insideHeight3 }})</p>
     <el-button @click="open3">对话框的最小高度为100px</el-button>
-    <m-dialog
+    <MDialog
       v-model="dialogVisible3"
       draggable
       title="这是标题"
@@ -116,10 +126,15 @@
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible3 = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible3 = false">确认</el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible3 = false"
+          >
+            确认
+          </el-button>
         </div>
       </template>
-    </m-dialog>
+    </MDialog>
   </div>
 </template>
 
@@ -139,7 +154,7 @@ const showText = ref<boolean>(false)
 
 const dialogVisible2 = ref<boolean>(false)
 const test = (size: { width: number, height: number }) => {
-  // console.log('size', size)
+  console.log('size', size)
 }
 const { height, init } = useRemainingSpace('j-box', 'j-table')
 const opened = () => {
@@ -153,7 +168,7 @@ const open2 = () => {
 
 const dialogVisible3 = ref<boolean>(false)
 const insideHeight3 = ref<number>(0)
-const minHeight = ref<number>(0)
+// const minHeight = ref<number>(0)
 const minInsideHeight = ref<number>(0)
 const open3 = () => {
   minInsideHeight.value = 100
@@ -655,7 +670,7 @@ setTimeout(() => {
 }, 1000)
 
 const selected = (value: string | number | Array<number | string>) => {
-  // console.log(value)
+  console.log(value)
   // code.value = value
   // console.log('selected',value)
   // // console.log('selected', row)
@@ -851,6 +866,7 @@ const clearCall = (e: any) => {
   console.log('!@#@#')
 }
 const remoteMethod = async (query: string = '', page: Page) => {
+  console.log('query', query)
   console.log('page', page)
   options.value = mockData.map(item => ({
     label: item.fileName,
@@ -1015,7 +1031,9 @@ const options: Option[] = [{
         type="expand"
         width="1"
       >
-        <template #default>
+        <template #default="props">
+          <h1>index{{ props.index }}</h1>
+          <h1>$index{{ props.$index }}</h1>
           <h1>测试</h1>
         </template>
       </MTableColumn>
@@ -1090,9 +1108,9 @@ const privateExpandChange = (row: any, expandedRows: any[]) => {
   console.log('expandedRows', expandedRows)
 }
 
-const test = (data: any) => {
-  console.log('data', data)
-}
+// const test = (data: any) => {
+//   console.log('data', data)
+// }
 
 const tableData = ref<any[]>([])
 const { tableTitle, headerDragend, tableConfig, filtersValue } = useTableConfig('MTableDemo', [{
@@ -1114,24 +1132,24 @@ const { tableTitle, headerDragend, tableConfig, filtersValue } = useTableConfig(
   minWidth: 200
 }], tableData)
 
-const childTableTitle: TableTitle[] = [{
-  label: '序号',
-  prop: 'sn',
-  minWidth: 200,
-  fixed: 'left'
-}, {
-  label: '时间',
-  prop: 'date',
-  minWidth: 200
-}, {
-  label: '地址',
-  prop: 'address',
-  minWidth: 200
-}, {
-  label: '名称',
-  prop: 'name',
-  minWidth: 200
-}]
+// const childTableTitle: TableTitle[] = [{
+//   label: '序号',
+//   prop: 'sn',
+//   minWidth: 200,
+//   fixed: 'left'
+// }, {
+//   label: '时间',
+//   prop: 'date',
+//   minWidth: 200
+// }, {
+//   label: '地址',
+//   prop: 'address',
+//   minWidth: 200
+// }, {
+//   label: '名称',
+//   prop: 'name',
+//   minWidth: 200
+// }]
 
 tableData.value = [{
   id: 1,
@@ -1155,14 +1173,14 @@ tableData.value = [{
     date: '2016-05-02',
     name: 'Tom21',
     address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Office',
+    tag: 'Office'
   }, {
     id: 22,
     sn: 2,
     date: '2016-05-02',
     name: 'Tom22',
     address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Office',
+    tag: 'Office'
   }]
 }, {
   id: 3,
@@ -1242,9 +1260,7 @@ sole 必须传递在表格数据内为唯一的值  如id key 等不会发生重
 
 <template>
   <div class="g-box">
-    <el-table
-      :data="tableData"
-    >
+    <el-table :data="tableData">
       <MTableColumn
         v-for="item in tableTitle"
         :key="item.prop"
@@ -1470,7 +1486,8 @@ const tableConfig = ref({
         <ul>
           <li
             class="u-li"
-            v-for="item in list"
+            v-for="(item, index) in list"
+            :key="index"
             :class="item.className"
           >
             {{ item.name }}
@@ -2332,7 +2349,7 @@ const list = ref<{ name: string, className: string }[]>([
   <div>
     <p>弹窗</p>
     <el-button @click="open">默认</el-button>
-    <m-dialog
+    <MDialog
       v-model="dialogVisible"
       draggable
       title="这是标题"
@@ -2351,14 +2368,19 @@ const list = ref<{ name: string, className: string }[]>([
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible = false">确认</el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible = false"
+          >
+            确认
+          </el-button>
         </div>
       </template>
-    </m-dialog>
+    </MDialog>
 
     <p>设置弹窗高(弹框高度为{{ insideHeight }})</p>
     <el-button @click="open2">设置容器高度为300px</el-button>
-    <m-dialog
+    <MDialog
       v-model="dialogVisible2"
       draggable
       title="这是标题"
@@ -2375,19 +2397,24 @@ const list = ref<{ name: string, className: string }[]>([
           useRemainingSpace计算高度{{ height }}
         </p>
         <div>这是干扰元素</div>
-        <div class="u-pa">这是绝对<br/>定位元素</div>
+        <div class="u-pa">这是绝对<br />定位元素</div>
       </div>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible2 = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible2 = false">确认</el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible2 = false"
+          >
+            确认
+          </el-button>
         </div>
       </template>
-    </m-dialog>
+    </MDialog>
 
     <p>设置弹窗高对话框的最小高度(弹框高度为{{ insideHeight3 }})</p>
     <el-button @click="open3">对话框的最小高度为100px</el-button>
-    <m-dialog
+    <MDialog
       v-model="dialogVisible3"
       draggable
       title="这是标题"
@@ -2400,10 +2427,15 @@ const list = ref<{ name: string, className: string }[]>([
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible3 = false">取消</el-button>
-          <el-button type="primary" @click="dialogVisible3 = false">确认</el-button>
+          <el-button
+            type="primary"
+            @click="dialogVisible3 = false"
+          >
+            确认
+          </el-button>
         </div>
       </template>
-    </m-dialog>
+    </MDialog>
   </div>
 </template>
 
@@ -2423,7 +2455,7 @@ const showText = ref<boolean>(false)
 
 const dialogVisible2 = ref<boolean>(false)
 const test = (size: { width: number, height: number }) => {
-  // console.log('size', size)
+  console.log('size', size)
 }
 const { height, init } = useRemainingSpace('j-box', 'j-table')
 const opened = () => {
@@ -2437,7 +2469,7 @@ const open2 = () => {
 
 const dialogVisible3 = ref<boolean>(false)
 const insideHeight3 = ref<number>(0)
-const minHeight = ref<number>(0)
+// const minHeight = ref<number>(0)
 const minInsideHeight = ref<number>(0)
 const open3 = () => {
   minInsideHeight.value = 100
@@ -2939,7 +2971,7 @@ setTimeout(() => {
 }, 1000)
 
 const selected = (value: string | number | Array<number | string>) => {
-  // console.log(value)
+  console.log(value)
   // code.value = value
   // console.log('selected',value)
   // // console.log('selected', row)
@@ -3135,6 +3167,7 @@ const clearCall = (e: any) => {
   console.log('!@#@#')
 }
 const remoteMethod = async (query: string = '', page: Page) => {
+  console.log('query', query)
   console.log('page', page)
   options.value = mockData.map(item => ({
     label: item.fileName,
@@ -3299,7 +3332,9 @@ const options: Option[] = [{
         type="expand"
         width="1"
       >
-        <template #default>
+        <template #default="props">
+          <h1>index{{ props.index }}</h1>
+          <h1>$index{{ props.$index }}</h1>
           <h1>测试</h1>
         </template>
       </MTableColumn>
@@ -3374,9 +3409,9 @@ const privateExpandChange = (row: any, expandedRows: any[]) => {
   console.log('expandedRows', expandedRows)
 }
 
-const test = (data: any) => {
-  console.log('data', data)
-}
+// const test = (data: any) => {
+//   console.log('data', data)
+// }
 
 const tableData = ref<any[]>([])
 const { tableTitle, headerDragend, tableConfig, filtersValue } = useTableConfig('MTableDemo', [{
@@ -3398,24 +3433,24 @@ const { tableTitle, headerDragend, tableConfig, filtersValue } = useTableConfig(
   minWidth: 200
 }], tableData)
 
-const childTableTitle: TableTitle[] = [{
-  label: '序号',
-  prop: 'sn',
-  minWidth: 200,
-  fixed: 'left'
-}, {
-  label: '时间',
-  prop: 'date',
-  minWidth: 200
-}, {
-  label: '地址',
-  prop: 'address',
-  minWidth: 200
-}, {
-  label: '名称',
-  prop: 'name',
-  minWidth: 200
-}]
+// const childTableTitle: TableTitle[] = [{
+//   label: '序号',
+//   prop: 'sn',
+//   minWidth: 200,
+//   fixed: 'left'
+// }, {
+//   label: '时间',
+//   prop: 'date',
+//   minWidth: 200
+// }, {
+//   label: '地址',
+//   prop: 'address',
+//   minWidth: 200
+// }, {
+//   label: '名称',
+//   prop: 'name',
+//   minWidth: 200
+// }]
 
 tableData.value = [{
   id: 1,
@@ -3439,14 +3474,14 @@ tableData.value = [{
     date: '2016-05-02',
     name: 'Tom21',
     address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Office',
+    tag: 'Office'
   }, {
     id: 22,
     sn: 2,
     date: '2016-05-02',
     name: 'Tom22',
     address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Office',
+    tag: 'Office'
   }]
 }, {
   id: 3,
@@ -3526,9 +3561,7 @@ sole 必须传递在表格数据内为唯一的值  如id key 等不会发生重
 
 <template>
   <div class="g-box">
-    <el-table
-      :data="tableData"
-    >
+    <el-table :data="tableData">
       <MTableColumn
         v-for="item in tableTitle"
         :key="item.prop"
@@ -3754,7 +3787,8 @@ const tableConfig = ref({
         <ul>
           <li
             class="u-li"
-            v-for="item in list"
+            v-for="(item, index) in list"
+            :key="index"
             :class="item.className"
           >
             {{ item.name }}

package/build/base.config.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'path'
 import { defineConfig } from 'vite'
-// import eslint from 'vite-plugin-eslint'
+import eslint from 'vite-plugin-eslint'
 import vue from '@vitejs/plugin-vue'
 import Markdown from 'vite-plugin-md'
 import VueDevTools from 'vite-plugin-vue-devtools'
@@ -17,7 +17,7 @@ export default defineConfig({
     vue({
       include: [/\.vue$/, /\.md$/]
     }),
-    // eslint(),
+    eslint(),
     Markdown(),
     VueDevTools(),
     {

package/createWebTypes.mjs

@@ -138,7 +138,7 @@ const createWebTypes = (vueComponents = []) => {
     contributions: {
       html: {
         'vue-components': vueComponents,
-        attributes: attributes
+        attributes
       }
     }
   }
@@ -178,11 +178,11 @@ const main = () => {
         symbol: fileName
       },
       description: `这是一个${fileName}`,
-      docUrl: docUrl,
+      docUrl,
       props: props.map(node => ({
         name: node.name,
         description: node.jsDoc,
-        docUrl: docUrl,
+        docUrl,
         type: [
           `${node.type}`
         ]
@@ -191,7 +191,7 @@ const main = () => {
         events: events.map(node => ({
           name: node.name,
           description: node.jsDoc,
-          docUrl: docUrl,
+          docUrl,
           type: [
             `${node.type}`
           ]
@@ -213,7 +213,7 @@ const main = () => {
 
     const filePath = item.fullPath
     const fileContent = fs.readFileSync(filePath, 'utf-8')
-    const {descriptor} = parse(fileContent)
+    const { descriptor } = parse(fileContent)
     const fileName = item.name.substring(0, item.name.lastIndexOf('.vue'))
     if (!descriptor.scriptSetup) continue
     const { props, events } = analyzeScriptPart(descriptor.scriptSetup.content)
@@ -235,7 +235,7 @@ const main = () => {
 
     const filePath = item.fullPath
     const fileContent = fs.readFileSync(filePath, 'utf-8')
-    const {descriptor} = parse(fileContent)
+    const { descriptor } = parse(fileContent)
     const fileName = item.name.substring(0, item.name.lastIndexOf('.vue'))
     if (!descriptor.scriptSetup) continue
     const { props, events } = analyzeScriptPart(descriptor.scriptSetup.content)