@ditari/bsui 1.1.48 → 5.0.1

package/example/src/router/table/index.route.ts

@@ -1,39 +0,0 @@
-import { RouteRecordRaw } from "vue-router";
-
-const route: RouteRecordRaw[] = [
-  {
-    path: "/table",
-    redirect: "/table",
-    meta: {
-      title: "列表2（层级模式）"
-    },
-    children: [
-      {
-        path: "",
-        name: "TableList",
-        component: () => import("../../views/table/List.vue"),
-        meta: {
-          title: "列表2（层级模式）"
-        }
-      },
-      {
-        path: "add",
-        name: "Add",
-        component: () => import("../../views/table/Add.vue"),
-        meta: {
-          title: "新增"
-        }
-      },
-      {
-        path: "edit",
-        name: "Edit",
-        component: () => import("../../views/table/Edit.vue"),
-        meta: {
-          title: "编辑"
-        }
-      }
-    ]
-  }
-];
-
-export default route;

package/example/src/views/Demo.vue

@@ -1,49 +0,0 @@
-<template>
-  <a-row>
-    <a-col
-      v-for="(item, index) in cols"
-      :key="index"
-      :span="6"
-      :class="{ hidden: shouldHide(index) }"
-    >
-      {{ item }}
-    </a-col>
-    <a-col :span="buttonColSpan">
-      <a-button @click="toggleVisibility">{{ buttonText }}</a-button>
-    </a-col>
-  </a-row>
-</template>
-
-<script setup>
-import { ref, computed } from "vue";
-
-const cols = ref(Array.from({ length: 20 }).map((_, index) => index + 1));
-const maxVisibleRows = 2;
-const colsPerRow = 4;
-const buttonColSpan = computed(
-  () => colsPerRow - (cols.value.length % colsPerRow)
-);
-
-function shouldHide(index) {
-  const totalVisibleCols = maxVisibleRows * colsPerRow;
-  return cols.value.length > totalVisibleCols && index >= totalVisibleCols;
-}
-
-function toggleVisibility() {
-  if (cols.value.length > maxVisibleRows * colsPerRow) {
-    cols.value = cols.value.slice(0, maxVisibleRows * colsPerRow);
-  } else {
-    cols.value = cols.value.concat(Array.from({ length: colsPerRow }));
-  }
-}
-
-const buttonText = computed(() =>
-  cols.value.length > maxVisibleRows * colsPerRow ? "显示" : "隐藏"
-);
-</script>
-
-<style>
-.hidden {
-  display: none;
-}
-</style>

package/example/src/views/DemoBk.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import { ref, h } from "vue";
-
-import { confirm } from "../utils/confirm/confirm";
-
-import DModal from "../components/Modal.vue";
-import AddForm from "../components/AddForm.vue";
-
-const formRef = ref();
-
-confirm({
-  wrapper: DModal,
-  content: () => h(AddForm, { ref: formRef }),
-  async onOk() {
-    formRef.value?.validate();
-    try {
-      return await new Promise((resolve, reject) => {
-        setTimeout(Math.random() > 0.5 ? resolve : reject, 3000);
-      });
-    } catch {
-      return console.log("Oops errors!");
-    }
-  }
-});
-</script>
-<script lang="ts">
-export default {
-  name: "Demo"
-};
-</script>
-<template>
-  <div></div>
-</template>
-<style scoped></style>

package/example/src/views/Login.vue

@@ -1,79 +0,0 @@
-<script setup lang="ts">
-/**
- * 登录
- */
-import { ref } from "vue";
-import { getImgCode, doLogin } from "../api/user";
-const formState = ref({
-  username: "",
-  password: "",
-  verifyCode: "",
-  verifyCodeKey: ""
-});
-const src = ref("");
-const onCode = () => {
-  getImgCode().then((res) => {
-    src.value = res.verifyCode;
-    formState.value.verifyCodeKey = res.verifyCodeKey
-  });
-};
-
-const onLogin = () => {
-  doLogin(formState.value).then((res) => {
-    console.log(res);
-  });
-};
-onCode();
-</script>
-<template>
-  <div class="login-main">
-    <div class="login-box">
-      <a-form>
-        <a-form-item>
-          <a-input
-            v-model:value="formState.username"
-            placeholder="请输入账号"
-          />
-        </a-form-item>
-        <a-form-item>
-          <a-input
-            v-model:value="formState.password"
-            type="password"
-            placeholder="请输入密码"
-          />
-        </a-form-item>
-        <a-form-item>
-          <a-input
-            v-model:value="formState.verifyCode"
-            placeholder="请输入密码"
-          />
-          <img
-            style="width: 120px; height: 40px"
-            :src="'data:image/jpg;base64,' + src"
-            @click="onCode"
-          />
-        </a-form-item>
-        <a-form-item>
-          <a-button type="primary" block @click="onLogin">登录</a-button>
-        </a-form-item>
-      </a-form>
-    </div>
-  </div>
-</template>
-<style lang="scss">
-.login-main {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  .login-box {
-    width: 400px;
-    height: 400px;
-    padding: 20px;
-    background-color: #fff;
-    &:after {
-      content: "";
-    }
-  }
-}
-</style>

package/example/src/views/form/List.vue

@@ -1,16 +0,0 @@
-<script setup lang="ts">
-
-const onQuery = ()=>{
-  console.log("formQuery")
-}
-</script>
-<template>
-  <div>
-    <d-list-layout>
-      <template #form>
-        <d-query-form @query="onQuery">
-        </d-query-form>
-      </template>
-    </d-list-layout>
-  </div>
-</template>

package/example/src/views/form/List2.vue

@@ -1,74 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import { useRequestList } from "../../../src/hooks";
-const formState = ref({
-  userInfo: [
-    {
-      name: ""
-    },
-    {
-      name: ""
-    }
-  ]
-});
-
-const onFinish = () => {};
-</script>
-<template>
-  <div class="demo">
-    <a-form :model="formState" @finish="onFinish">
-      <div class="grid-demo1">
-        <a-form-item
-          class="item"
-          v-for="(user, index) in formState.userInfo"
-          :key="index"
-          label="标题"
-          :name="['userInfo', index, 'name']"
-          :rules="[{ required: true, message: 'Please input your password!' }]"
-        >
-          <a-input v-model:value="user.name" />
-        </a-form-item>
-      </div>
-      <a-form-item>
-        <a-button type="primary" html-type="submit">Submit</a-button>
-      </a-form-item>
-    </a-form>
-    {{ formState }}
-  </div>
-</template>
-<style lang="scss">
-.demo {
-  margin: 20px;
-  padding: 20px;
-  background-color: #fff;
-  .item {
-    display: grid;
-    grid-template-columns: 120px auto;
-    margin-bottom: 0;
-    .ant-col {
-      border: 1px solid #d9d9d9;
-      margin-left: -1px;
-      margin-top: -1px;
-      .ant-input {
-        border: 0;
-      }
-      &:last-child {
-        border-left: 0;
-      }
-    }
-  }
-  //.grid-demo1 {
-  //  display: grid;
-  //  grid-template-columns: repeat(10);
-  //  grid-template-rows: auto auto;
-  //  .item {
-  //    border: 1px solid #d9d9d9;
-  //    margin-left: -1px;
-  //    margin-top: -1px;
-  //    .ant-input {
-  //      border: 0;
-  //    }
-  //  }
-  //}
-}
-</style>

package/example/src/views/form/QueryFormDemo.vue

@@ -1,49 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-
-const queryParams = ref({
-  name: "",
-  age: ""
-});
-const loading = ref(false);
-const onQuery = () => {
-  console.log("query");
-  loading.value = true;
-  setTimeout(() => {
-    loading.value = false;
-  }, 3000);
-};
-
-const onReset = () => {
-  console.log("reset");
-};
-</script>
-<script lang="ts">
-/**
- * 表单查询条件组件demo
- */
-export default {
-  name: "QueryFormDemo"
-};
-</script>
-<template>
-  <d-query-form
-    :loading="loading"
-    :model="queryParams"
-    label-width="90px"
-    @query="onQuery"
-    @reset="onReset"
-  >
-    <a-col :span="6">
-      <a-form-item label="年龄" name="age">
-        <a-input v-model:value="queryParams.age" />
-      </a-form-item>
-    </a-col>
-    <a-col v-for="item in 8" :key="item" :span="6">
-      <a-form-item label="标题" name="name">
-        <a-input v-model:value="queryParams.name" />
-      </a-form-item>
-    </a-col>
-  </d-query-form>
-</template>
-<style scoped></style>

package/example/src/views/form/dyn/List.vue

@@ -1,121 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-
-import DyCom from "../../../components/DyCom";
-
-const formState = ref({
-  name: "4324",
-  age: "4324324",
-  age: ""
-});
-
-const layoutJson = {
-  type: "a-card",
-  props: {
-    title: "基本信息"
-  },
-  body: {
-    type: "a-form",
-    model: formState,
-    body: [
-      {
-        type: "a-form-item",
-        props: {
-          name: "name",
-          label: "姓名",
-          rules: [{ required: true, message: "Please input your username!" }]
-        },
-        body: {
-          type: "a-input",
-          model: formState,
-          props: {
-            name: "name",
-            placeholder: "请输入姓名"
-          }
-        }
-      },
-      {
-        type: "a-form-item",
-        props: {
-          name: "age",
-          label: "年龄",
-          rules: [{ required: true, message: "Please input your username!" }]
-        },
-        body: {
-          type: "a-input",
-          model: formState,
-          props: {
-            name: "age",
-            placeholder: "请输入年龄"
-          }
-        }
-      },
-      {
-        type: "a-form-item",
-        props: {
-          name: "sex",
-          label: "性别"
-        },
-        body: {
-          type: "a-radio",
-          model: formState,
-          props: {
-            name: "sex"
-          }
-        }
-      }
-    ]
-  }
-};
-
-const span = ref(6);
-
-setTimeout(() => {
-  span.value = 4;
-  console.log("aaa");
-}, 3000);
-const queryLayoutForm = ref({
-  type: "a-form",
-  props: {
-    labelCol: { style: { width: "80px" } }
-  },
-  body: {
-    type: "a-row",
-    body: [
-      {
-        type: "a-col",
-        props: {
-          span: span
-        },
-        body: {
-          type: "a-form-item",
-          props: {
-            name: "age",
-            label: "年龄"
-          },
-          body: {
-            type: "a-input",
-            props: {
-              name: "age",
-              placeholder: "请输入年龄"
-            }
-          }
-        }
-      }
-    ]
-  }
-});
-</script>
-<script lang="ts">
-export default {
-  name: "List"
-};
-</script>
-<template>
-  <div>
-    {{ formState }}
-    <!--    <dy-com :layout="layoutJson" />-->
-    <dy-com :layout="queryLayoutForm" />
-  </div>
-</template>
-<style scoped></style>