@ditari/bsui 1.1.48 → 5.0.2

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

@@ -1,415 +0,0 @@
-<script setup lang="ts">
-import {
-  ref,
-  onDeactivated,
-  onBeforeUnmount,
-  onActivated,
-  watchEffect
-} from "vue";
-import { useTable } from "./hooks";
-
-const { data, loading, config, selectedRowKeys } = useTable();
-
-const formState = ref({
-  name: "",
-  to: "",
-  from: ""
-});
-
-onBeforeUnmount(() => {
-  console.log("onBeforeUnmount");
-});
-
-onDeactivated(() => {
-  console.log("222");
-});
-onActivated(() => {
-  console.log("onActivated");
-});
-
-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<any>({});
-
-setTimeout(() => {
-  queryParams.value = {
-    name: "abc",
-    from: "2023-02-04",
-    to: "2023-05-06"
-  };
-}, 1000);
-
-const customHeaderCell = (columns: any) => {
-  console.log(columns);
-  return "ddd";
-};
-</script>
-<script lang="ts">
-export default {
-  name: "TableList"
-};
-</script>
-<template>
-  <d-list-layout @refresh="onQuery">
-    <template #form>
-      {{ queryParams }}
-      <a-input v-model:value="queryParams.name" />
-      <d-range-picker v-model:value="queryParams" :field="['from', 'to']" />
-    </template>
-    <template #tools>
-      <router-link :to="{ name: 'Add' }">
-        <a-button>添加</a-button>
-      </router-link>
-    </template>
-    <template #table="{ height }">
-      <d-table
-        v-model:keys="selectedRowKeys"
-        row-key="id"
-        :loading="loading"
-        :expanded-row-keys="['1', '2']"
-        :data="data"
-        :config="config"
-        :height="height"
-        :custom-header-cell="customHeaderCell"
-        @change="
-          () => {
-            console.log('change');
-          }
-        "
-      >
-        <template #action>
-          <a-button>ok</a-button>
-        </template>
-      </d-table>
-    </template>
-  </d-list-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/Test.tsx

@@ -1,42 +0,0 @@
-import { defineComponent, ref } from "vue";
-import { Table } from "ant-design-vue";
-import type { ExpandedRowRender } from "ant-design-vue/es/vc-table/interface";
-
-export default defineComponent({
-  setup(props,{ slots }) {
-    const renderExpandedRow: ExpandedRowRender<any> = (
-      record: any,
-      index: number,
-      indent: number,
-      expanded: boolean
-    ) => {
-      // 这里可以根据 record 等参数动态生成展开行的内容
-      return (
-        <a-card>
-          <p>这是一行展开的内容</p>
-        </a-card>
-      );
-    };
-
-    const mySlots:any = {};
-    if (slots.expandedRowRender) {
-      mySlots.expandedRowRender = () => {};
-    }
-    return {
-      mySlots,
-      renderExpandedRow
-    };
-  },
-  render() {
-    return (
-      <Table
-        columns={[{ title: "序号", dataIndex: "index" }]}
-        dataSource={[{ index: 1 }, { index: "2" }]}
-      >
-        {{
-          ...this.mySlots
-        }}
-      </Table>
-    );
-  }
-});

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

@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import { useRequestList } from "../../../src/hooks";
-import { userList } from "../../api/list";
-
-const visible = ref(true);
-const selectedKeys = ref([]);
-const queryParams = ref({
-  page: 1,
-  size: 30
-});
-
-const columns = [
-  {
-    title: "边民姓名",
-    dataIndex: "civilName",
-    align: "center"
-  },
-  {
-    title: "边民身份证号",
-    dataIndex: "idcardNo",
-    align: "center",
-    render: (h: any, params: any) => {
-      if (!params.row.idcardNo) {
-        return "";
-      }
-      return h(
-        "span",
-        params.row.idcardNo.replace(
-          /^(\d{6})\d{6}(.{6}$)/g,
-          `$1${Array(9).join("*")}$2`
-        )
-      );
-    }
-  }
-];
-
-const { data, pagination, loading, run, onPageChange, onQuery } =
-  useRequestList(userList, {
-    params: queryParams,
-    dataKey: "data.data"
-  });
-
-//表格选项
-const config = reactive({
-  columns,
-  selection: "S",
-  bordered: true,
-  pagination,
-  onPageChange,
-  dbClick: (record: unknown) => {}
-});
-</script>
-<template>
-  <d-modal v-model:visible="visible" title="2222">
-    <d-table
-      v-model:keys="selectedKeys"
-      row-key="idcardNo"
-      :data="[{}, {}, {}, {}, {}, {}, {}, {}]"
-      :height="650"
-      :config="config"
-    ></d-table>
-  </d-modal>
-</template>

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

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-defineProps({
-  background: {
-    type: String,
-    default: "red"
-  },
-  text: {
-    type: String,
-    default: "red"
-  }
-});
-</script>
-<script lang="ts">
-export default {
-  name: "WorkStatusRound"
-};
-</script>
-<template>
-  <div>
-    <div class="status" :style="{ background: background }"></div>
-    {{ text }}
-  </div>
-</template>
-<style scoped>
-.status {
-  width: 10px;
-  height: 10px;
-  borderradius: 50%;
-  margin-right: 5px;
-}
-</style>

package/example/src/views/table/components/AddForm.vue

@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-const formState = ref({
-  code: ""
-});
-const rules = {
-  code: [
-    {
-      required: true
-    }
-  ]
-};
-const formRef = ref();
-const validate = () => {
-  return new Promise<void>((resolve, reject) => {
-    formRef.value?.validate().then(() => {
-      resolve();
-    });
-  });
-};
-
-const onSearch = () => {};
-
-defineExpose({
-  validate
-});
-</script>
-
-<template>
-  <div>
-    <a-form ref="formRef" :model="formState" :rules="rules">
-      32432
-      <a-form-item label="商品编码" name="code">
-        <a-input v-model:value="formState.code" allow-clear>
-          <template #suffix>
-            <search-outlined type="user" @click="onSearch" />
-          </template>
-        </a-input>
-      </a-form-item>
-    </a-form>
-  </div>
-</template>
-
-<style scoped></style>

package/example/src/views/table/hooks.ts

@@ -1,106 +0,0 @@
-import { useRequestList } from "../../../../../hooks";
-import { reactive, ref } from "vue";
-import { testService } from "../../api/list";
-
-export const useTable = () => {
-  const queryParams = ref({ limit: 20, page: 1 });
-  const selectedRowKeys = ref<any>([]);
-  const { columns } = _useColumns();
-
-  const { data, loading, onPageChange, pagination, run, onQuery } =
-    useRequestList(testService, {
-      params: queryParams,
-      dataKey: "data.data"
-    });
-
-  const id = ref("");
-
-  //表格选项
-  const config = reactive({
-    columns,
-    // bordered: true,
-    pagination,
-    selection: "M",
-    clickSelectedClassName: "ant-table-row-selected",
-    onPageChange,
-    dbClick: (record: any) => {
-      const index = selectedRowKeys.value.indexOf(record.id);
-      if (index > -1) {
-        selectedRowKeys.value.splice(index, 1);
-      }
-      id.value = id.value === record.id ? "" : record.id;
-    },
-    rowClassName: (record: any) => {
-      if (record.id === id.value) {
-        return "row-class";
-      }
-    },
-    getCheckboxProps: (record: any) => {
-      return {
-        disabled: record.id === "1",
-        name: "id",
-        value: id.value
-      };
-    }
-  });
-
-  return {
-    selectedRowKeys,
-    data,
-    loading,
-    queryParams,
-    config: reactive(config),
-    run,
-    onQuery
-  };
-};
-
-function _useColumns() {
-  const columns = [
-    {
-      title: "dd",
-      customRender: (text, record, index) => {
-        return "dd";
-      },
-      customCell: (_, index) => {
-        if (index === 2) {
-          return { rowSpan: 2 };
-        }
-        // These two are merged into above cell
-        if (index === 3) {
-          return { rowSpan: 0 };
-        }
-        if (index === 4) {
-          return { colSpan: 0 };
-        }
-      }
-    },
-    {
-      dataIndex: "id",
-      title: "job",
-      customCell: (_, index) => {
-        if (index === 2) {
-          return { rowSpan: 2 };
-        }
-        // These two are merged into above cell
-        if (index === 3) {
-          return { rowSpan: 0 };
-        }
-        if (index === 4) {
-          return { colSpan: 0 };
-        }
-      }
-    },
-    {
-      dataIndex: "name",
-      title: "name"
-    },
-    {
-      dataIndex: "job",
-      title: "job"
-    }
-  ];
-  return {
-    columns
-  };
-}

package/example/src/views/task/Todo.vue

@@ -1,6 +0,0 @@
-<script setup lang="ts">
-/**
- * 待办项
- */
-</script>
-<template></template>