@ditari/bsui 1.1.47 → 5.0.1

package/example/src/views/table/Add.vue

@@ -1,377 +0,0 @@
-<script setup lang="ts">
-import { ref, onDeactivated, onBeforeUnmount } from "vue";
-import { useTable } from "./hooks";
-import AddForm from "./components/AddForm.vue";
-const { data, loading, config, selectedRowKeys } = useTable();
-
-// const formState = ref({
-//   name: "",
-//   to: "",
-//   from: ""
-// });
-//
-// onBeforeUnmount(() => {
-//   console.log("onBeforeUnmount");
-// });
-//
-// onDeactivated(() => {
-//   console.log("222");
-// });
-//
-// const scheme = [
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "姓名",
-//         name: "name"
-//       },
-//       body: {
-//         type: "a-input",
-//         props: {
-//           name: "name",
-//           placeholder: "请输入姓名"
-//         }
-//       }
-//     }
-//   },
-//   {
-//     type: "a-col",
-//     props: {
-//       span: 6
-//     },
-//     body: {
-//       type: "a-form-item",
-//       props: {
-//         label: "申报日期",
-//         name: "date"
-//       },
-//       body: {
-//         type: "d-range-picker",
-//         props: {
-//           value: formState,
-//           field: ["to", "from"]
-//         }
-//       }
-//     }
-//   }
-// ];
-//
-// const onQuery = () => {
-//   console.log("22");
-// };
-//
-// const queryParams = ref({ from: "", to: "" });
-//
-// setTimeout(() => {
-//   queryParams.value.from = "2023-02-04";
-//   queryParams.value.to = "2023-05-06";
-// }, 3000);
-const addFormRef = ref();
-const showLayoutRef = ref();
-const onSubmit = async () => {
-  await addFormRef.value.validate();
-  showLayoutRef.value.closePage();
-};
-</script>
-<script lang="ts">
-export default {
-  name: "TableList"
-};
-</script>
-<template>
-  <d-show-layout ref="showLayoutRef">
-    <add-form ref="addFormRef" />
-    <template #footer>
-      <a-button @click="onSubmit">提交</a-button>
-    </template>
-  </d-show-layout>
-</template>
-<style lang="scss">
-@mixin rowEdit {
-  //content: "";
-  //display: block;
-  //position: absolute;
-  //top: 0;
-  //left: 0;
-  //z-index: 1993;
-  //transition: all 0.3s ease-in-out; /* 或者使用动画实现 */
-  content: "";
-  position: absolute;
-  //top: 0;
-  //left: 0;
-  //right: 0;
-  //bottom: 0;
-  z-index: 1993;
-
-  // border: 1px solid red;
-  //transform: scaleY(0);
-  transition: transform 0.3s ease-in-out;
-}
-.row-edit-class {
-  position: relative;
-
-  &:after {
-    @include rowEdit;
-    //box-shadow: 0 0 0 2px red;
-  }
-
-  //&::before {
-  //  border-top: 1px solid #ccc;
-  //  border-bottom: 1px solid #ccc;
-  //  transform: scaleY(0);
-  //}
-  //
-  //&::after {
-  //  border-left: 1px solid #ccc;
-  //  border-right: 1px solid #ccc;
-  //}
-}
-
-//tr:hover::before,
-//tr:hover::after {
-//  transform: scaleY(1) scaleX(1);
-//}
-
-.row-class {
-  position: relative;
-  z-index: 1993;
-  //box-shadow: 2px 1px 8px 2px #162157;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
-  transform: translate(0px, 1px);
-  transition: box-shadow 0.3s, transform 0.3s, font-weight 0.9s;
-  td {
-    font-weight: bold;
-
-    &:first-child {
-      &::before {
-        position: absolute;
-        left: 0px;
-        top: -2px;
-        bottom: -2px;
-        content: "";
-        width: 4px;
-        background: #017ffe;
-        transition: width 0.3s, background 0.3s;
-      }
-    }
-  }
-}
-//
-//tr {
-//  &:hover {
-//    position: relative;
-//    z-index: 1993;
-//    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-//    transform: translateZ(10px);
-//    transition: box-shadow 0.3s, transform 0.3s;
-//  }
-//}
-tr {
-  cursor: pointer;
-}
-</style>

package/example/src/views/table/Demo.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts"></script>
-<script lang="ts">
-export default {
-  name: "Demo"
-};
-</script>
-<template>
-  <d-show-layout>
-    <div style="height: 10000px"></div>
-    <template #footer>
-      <a-button>ok</a-button>
-    </template>
-  </d-show-layout>
-</template>
-<style scoped></style>

package/example/src/views/table/Demo2.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts"></script>
-<script lang="ts">
-export default {
-  name: "Demo"
-};
-</script>
-<template>
-  <d-show-layout>
-    <a-button>demo2</a-button>
-  </d-show-layout>
-</template>
-<style scoped></style>

package/example/src/views/table/Edit.vue

@@ -1,10 +0,0 @@
-<script setup lang="ts"></script>
-<script lang="ts">
-export default {
-  name: "Edit"
-};
-</script>
-<template>
-  <div>编辑</div>
-</template>
-<style scoped></style>