br-dionysus 1.0.19 → 1.1.1

package/README.md

@@ -51,8 +51,19 @@
       draggable
       title="这是标题"
       resize
+      @resized="test"
+      @opened="opened"
     >
-      <span>这是一条消息</span>
+      <div class="u-box j-box">
+        <p
+          class="u-table j-table"
+          :style="'height: ' + height + 'px'"
+        >
+          这是一条消息{{ height }}
+        </p>
+        <div>这是干扰元素</div>
+        <div class="u-pa">这是绝对<br/>定位元素</div>
+      </div>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible = false">取消</el-button>
@@ -68,12 +79,40 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MDialog } from 'packages/MDialog'
+import { useRemainingSpace } from 'packages/index'
 
 const dialogVisible = ref<boolean>(false)
+
+const test = (size: { width: number, height: number }) => {
+  // console.log('size', size)
+}
+
+const { height, init } = useRemainingSpace('j-box', 'j-table')
+const opened = () => {
+  init()
+}
 </script>
 
 <style scoped lang="scss">
+.u-box {
+  //position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #000;
+  flex-direction: column;
+
+  .u-table {
+    border: 1px solid red;
+    box-sizing: border-box;
+  }
 
+  .u-pa {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+  }
+}
 </style>
 
 
@@ -88,9 +127,10 @@ const dialogVisible = ref<boolean>(false)
 
 ### 2) Events
 
-| 方法名  |      说明       |                       参数                        |
-|------|:-------------:|:-----------------------------------------------:|
-| 其余参数 | 参考el官网的dialog | https://element-plus.org/zh-CN/component/dialog |
+| 方法名     |      说明       |                           参数                           |
+|---------|:-------------:|:------------------------------------------------------:|
+| resized |  窗口大小改变完成事件   | (contentsSize: { width: number, height: number })内容物大小 |
+| 其余参数    | 参考el官网的dialog |    https://element-plus.org/zh-CN/component/dialog     |
 
 
 
@@ -886,11 +926,11 @@ const options: Option[] = [{
 <template>
   <div>
     <MTable :data="tableData" @pasteData="pasteData" sole="date">
-      <el-table-column label="Date" prop="date" />
-      <el-table-column prop="address" label="Address"> </el-table-column>
+      <el-table-column label="Date" prop="date"/>
+      <el-table-column prop="address" label="Address"></el-table-column>
       <el-table-column prop="name" label="name">
         <template #default="scope">
-          <el-input v-model="scope.row.name"> </el-input>
+          <el-input v-model="scope.row.name"></el-input>
         </template>
       </el-table-column>
     </MTable>
@@ -898,43 +938,44 @@ const options: Option[] = [{
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref } from 'vue'
+
 interface User {
   date: string;
   name: string;
   address: string;
   tag: string;
 }
+
 const tableData = ref(<User[]>[
   {
-    date: "2016-05-03",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-    tag: "Home",
+    date: '2016-05-03',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+    tag: 'Home'
   },
   {
-    date: "2016-05-02",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-    tag: "Office",
+    date: '2016-05-02',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+    tag: 'Office'
   },
   {
-    date: "2016-05-04",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-    tag: "Home",
+    date: '2016-05-04',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+    tag: 'Home'
   },
   {
-    date: "2016-05-01",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-    tag: "Office",
-  },
+    date: '2016-05-01',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+    tag: 'Office'
+  }
 ])
 
 const pasteData = (obj: any, data: any) => {
   tableData.value = data
-
 }
 </script>
 
@@ -1941,6 +1982,7 @@ const list = ref<{ name: string, className: string }[]>([
 |--------------|--------------------------------|-------------|
 | height       | 计算之后的高度                        | ref<number> |
 | tableCovered | 重新进行计算高度 (如弹窗表 抽屉表 等默认无DOM时使用) | function    |
+| tableCovered | 重新初始化 (如弹窗表 抽屉表 等默认无DOM时使用)    | function    |
  
 
 

package/attributes.json

@@ -1 +1 @@
-{"m-dialog/modelValue":{"type":"boolean","description":""},"m-dialog/width":{"type":"string | number","description":"对话框的宽度，默认值为 50%"},"m-dialog/resize":{"type":"boolean","description":"是否开启拖拽改变大小"},"m-inline/minWidth":{"type":"number","description":"列最小宽度"},"m-inline/maxWidth":{"type":"number","description":"列最大宽度"},"m-inline/size":{"type":"Size","description":"组件尺寸"},"m-inline/switch":{"type":"[status: boolean]","description":"切换折叠展开事件"},"m-input-number/modelValue":{"type":"string | number","description":""},"m-input-number/placeholder":{"type":"string","description":""},"m-input-number/disabled":{"type":"boolean","description":"是否禁用数值输入框"},"m-input-number/size":{"type":"string","description":"数值输入框尺寸"},"m-input-number/min":{"type":"number","description":"设置数值输入框允许的最小值"},"m-input-number/max":{"type":"number","description":"设置数值输入框允许的最大值"},"m-input-number/step":{"type":"number","description":"数值输入框步长"},"m-input-number/stepStrictly":{"type":"boolean","description":"是否只能输入 step 的倍数"},"m-input-number/thousandthPlace":{"type":"boolean","description":"输入框是否显示千分位"},"m-input-number/noBorder":{"type":"boolean","description":"是否不要边框"},"m-input-number/noSpacing":{"type":"boolean","description":"不要边距"},"m-input-number/update:modelValue":{"type":"any","description":""},"m-input-number/change":{"type":"any","description":""},"m-input-number/focus":{"type":"any","description":""},"m-input-number/blur":{"type":"any","description":""},"m-select/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select/multiple":{"type":"boolean","description":"多选"},"m-select-table/modelValue":{"type":"string | number","description":""},"m-select-table/name":{"type":"string | number | Array<number | string>","description":"显示值"},"m-select-table/placeholder":{"type":"string","description":""},"m-select-table/disabled":{"type":"boolean","description":""},"m-select-table/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table/total":{"type":"number | null","description":""},"m-select-table/filterMethod":{"type":"Function | null","description":"自定义搜索"},"m-select-table/filterable":{"type":"boolean","description":"是否使用搜索"},"m-select-table/remote":{"type":"boolean","description":"是否使用 远程搜索"},"m-select-table/remoteMethod":{"type":"Function","description":""},"m-select-table/options":{"type":"Option[]","description":""},"m-select-table/tableTitle":{"type":"any[]","description":""},"m-select-table/multiple":{"type":"boolean","description":"是否多选"},"m-select-table/keywords":{"type":"Option","description":"定义默认的 label 和value"},"m-select-table/reserveSelection":{"type":"boolean","description":"是否开启翻页多选"},"m-select-table/tableHeight":{"type":"string | number","description":""},"m-select-table/isAffirmBtn":{"type":"boolean","description":"是否有确认按钮"},"m-select-table/scrollbarAlwaysOn":{"type":"boolean","description":""},"m-select-table/allowCreate":{"type":"boolean","description":""},"m-select-table/border":{"type":"boolean","description":"表格边框"},"m-select-table/popupWidth":{"type":"number | string","description":"弹窗的宽度"},"m-select-table/selected":{"type":"any","description":""},"m-select-table/selectMultiple":{"type":"any","description":""},"m-select-table/toPage":{"type":"[page: Page, query?: string]","description":"当没有使用filterMethod时候才会有回调否则没有"},"m-select-table/update:modelValue":{"type":"any","description":""},"m-select-table/clear":{"type":"any","description":""},"m-select-table/removeTag":{"type":"[tag: any]","description":"多选模式下移除tag时触发"},"m-select-table/focusShow":{"type":"boolean","description":""},"m-select-table/isSelect":{"type":"boolean","description":""},"m-select-table/clearable":{"type":"boolean","description":""},"m-select-table/labelKey":{"type":"string","description":""},"m-select-table/change":{"type":"any","description":""},"m-select-v2/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select-v2/multiple":{"type":"boolean","description":"多选"},"m-select-v2/showAll":{"type":"boolean","description":"是否显示全选"},"m-select-v2/options":{"type":"Option[]","description":"选项"},"m-select-v2/update:modelValue":{"type":"[data: any]","description":""},"m-table/sole":{"type":"string","description":""},"m-table/data":{"type":"Array<{\n    [key: string]: string | number\n  }>","description":""},"m-table/filtersValue":{"type":"FilterValue","description":""},"m-table/pasteData":{"type":"[data: {\n    /** 粘贴行的行数据 */\n    editRow: { [key: string]: any },\n    /** 粘贴列的列名 */\n    editColumn: string,\n    /** 粘贴的数据 */\n    arr: Array<string | number>,\n    /** 起始行 */\n    rowIndex: number,\n  },\n    /** 粘贴完成后的表格数据 */\n    tableData: Array<{ [key: string]: any\n  }>]","description":""},"m-table-column/filtersValue":{"type":"FilterValue","description":""},"m-table-column/filters":{"type":"Array<{ text: string | number, value: string | number }>","description":""},"m-table-column/filterMethod":{"type":"Function","description":""},"m-table-column/children":{"type":"Array<PropChildren>","description":""},"m-table-column/update:filtersValue":{"type":"any","description":""},"m-table-column-set/modelValue":{"type":"TableConfig","description":""},"m-table-column-set/foldMode":{"type":"boolean","description":""},"m-table-column-set/link":{"type":"boolean","description":"是否为链接按钮"},"m-table-column-set/update:modelValue":{"type":"any","description":""},"skin-config/change":{"type":"any","description":""},"tab-page/modelValue":{"type":"MenuItem[]","description":""},"tab-page/activeKey":{"type":"string","description":""},"tab-page/showRightClickMenu":{"type":"boolean","description":""},"tab-page/primaryColor":{"type":"string","description":""},"tab-page/primaryBackgroundColor":{"type":"string | null","description":""},"tab-page/close":{"type":"any","description":""},"tab-page/click":{"type":"any","description":""}}
+{"m-dialog/modelValue":{"type":"boolean","description":""},"m-dialog/width":{"type":"string | number","description":"对话框的宽度，默认值为 50%"},"m-dialog/resize":{"type":"boolean","description":"是否开启拖拽改变大小"},"m-dialog/draggable":{"type":"boolean","description":"是否可拖动"},"m-dialog/resized":{"type":"[contentsSize: { width: number, height: number }]","description":"窗口大小改变完成事件"},"m-inline/minWidth":{"type":"number","description":"列最小宽度"},"m-inline/maxWidth":{"type":"number","description":"列最大宽度"},"m-inline/size":{"type":"Size","description":"组件尺寸"},"m-inline/switch":{"type":"[status: boolean]","description":"切换折叠展开事件"},"m-input-number/modelValue":{"type":"string | number","description":""},"m-input-number/placeholder":{"type":"string","description":""},"m-input-number/disabled":{"type":"boolean","description":"是否禁用数值输入框"},"m-input-number/size":{"type":"string","description":"数值输入框尺寸"},"m-input-number/min":{"type":"number","description":"设置数值输入框允许的最小值"},"m-input-number/max":{"type":"number","description":"设置数值输入框允许的最大值"},"m-input-number/step":{"type":"number","description":"数值输入框步长"},"m-input-number/stepStrictly":{"type":"boolean","description":"是否只能输入 step 的倍数"},"m-input-number/thousandthPlace":{"type":"boolean","description":"输入框是否显示千分位"},"m-input-number/noBorder":{"type":"boolean","description":"是否不要边框"},"m-input-number/noSpacing":{"type":"boolean","description":"不要边距"},"m-input-number/update:modelValue":{"type":"any","description":""},"m-input-number/change":{"type":"any","description":""},"m-input-number/focus":{"type":"any","description":""},"m-input-number/blur":{"type":"any","description":""},"m-select/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select/multiple":{"type":"boolean","description":"多选"},"m-select-table/modelValue":{"type":"string | number","description":""},"m-select-table/name":{"type":"string | number | Array<number | string>","description":"显示值"},"m-select-table/placeholder":{"type":"string","description":""},"m-select-table/disabled":{"type":"boolean","description":""},"m-select-table/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table/total":{"type":"number | null","description":""},"m-select-table/filterMethod":{"type":"Function | null","description":"自定义搜索"},"m-select-table/filterable":{"type":"boolean","description":"是否使用搜索"},"m-select-table/remote":{"type":"boolean","description":"是否使用 远程搜索"},"m-select-table/remoteMethod":{"type":"Function","description":""},"m-select-table/options":{"type":"Option[]","description":""},"m-select-table/tableTitle":{"type":"any[]","description":""},"m-select-table/multiple":{"type":"boolean","description":"是否多选"},"m-select-table/keywords":{"type":"Option","description":"定义默认的 label 和value"},"m-select-table/reserveSelection":{"type":"boolean","description":"是否开启翻页多选"},"m-select-table/tableHeight":{"type":"string | number","description":""},"m-select-table/isAffirmBtn":{"type":"boolean","description":"是否有确认按钮"},"m-select-table/scrollbarAlwaysOn":{"type":"boolean","description":""},"m-select-table/allowCreate":{"type":"boolean","description":""},"m-select-table/border":{"type":"boolean","description":"表格边框"},"m-select-table/popupWidth":{"type":"number | string","description":"弹窗的宽度"},"m-select-table/selected":{"type":"any","description":""},"m-select-table/selectMultiple":{"type":"any","description":""},"m-select-table/toPage":{"type":"[page: Page, query?: string]","description":"当没有使用filterMethod时候才会有回调否则没有"},"m-select-table/update:modelValue":{"type":"any","description":""},"m-select-table/clear":{"type":"any","description":""},"m-select-table/removeTag":{"type":"[tag: any]","description":"多选模式下移除tag时触发"},"m-select-table/focusShow":{"type":"boolean","description":""},"m-select-table/isSelect":{"type":"boolean","description":""},"m-select-table/clearable":{"type":"boolean","description":""},"m-select-table/labelKey":{"type":"string","description":""},"m-select-table/change":{"type":"any","description":""},"m-select-v2/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select-v2/multiple":{"type":"boolean","description":"多选"},"m-select-v2/showAll":{"type":"boolean","description":"是否显示全选"},"m-select-v2/options":{"type":"Option[]","description":"选项"},"m-select-v2/update:modelValue":{"type":"[data: any]","description":""},"m-table/sole":{"type":"string","description":""},"m-table/data":{"type":"Array<{\n    [key: string]: string | number\n  }>","description":""},"m-table/filtersValue":{"type":"FilterValue","description":""},"m-table/pasteData":{"type":"[data: {\n    /** 粘贴行的行数据 */\n    editRow: { [key: string]: any },\n    /** 粘贴列的列名 */\n    editColumn: string,\n    /** 粘贴的数据 */\n    arr: Array<string | number>,\n    /** 起始行 */\n    rowIndex: number,\n  },\n    /** 粘贴完成后的表格数据 */\n    tableData: Array<{ [key: string]: any\n  }>]","description":""},"m-table-column/filtersValue":{"type":"FilterValue","description":""},"m-table-column/filters":{"type":"Array<{ text: string | number, value: string | number }>","description":""},"m-table-column/filterMethod":{"type":"Function","description":""},"m-table-column/children":{"type":"Array<PropChildren>","description":""},"m-table-column/update:filtersValue":{"type":"any","description":""},"m-table-column-set/modelValue":{"type":"TableConfig","description":""},"m-table-column-set/foldMode":{"type":"boolean","description":""},"m-table-column-set/link":{"type":"boolean","description":"是否为链接按钮"},"m-table-column-set/update:modelValue":{"type":"any","description":""},"skin-config/change":{"type":"any","description":""},"tab-page/modelValue":{"type":"MenuItem[]","description":""},"tab-page/activeKey":{"type":"string","description":""},"tab-page/showRightClickMenu":{"type":"boolean","description":""},"tab-page/primaryColor":{"type":"string","description":""},"tab-page/primaryBackgroundColor":{"type":"string | null","description":""},"tab-page/close":{"type":"any","description":""},"tab-page/click":{"type":"any","description":""}}