@ditari/bsui 1.1.47 → 5.0.1

package/src/select/Select.vue

@@ -1,177 +0,0 @@
-<script setup lang="ts">
-import { ref, watch } from "vue";
-import { useDataDicStore } from "@ditari/store";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-// import DicWorker from "./dic.worker?worker&inline";
-
-const props = withDefaults(
-  defineProps<{
-    value: any;
-    name: string; //字典名字
-    disabled?: boolean;
-    placeholder?: string;
-    include?: Array<string | number>;
-  }>(),
-  {
-    value: null,
-    name: "",
-    disabled: false,
-    placeholder: "请填写默认占位符啊！老铁",
-    include: [] as any
-  }
-);
-
-interface Emits {
-  (e: "update:value", value: any): void;
-  (e: "change", value: any): void;
-  (e: "select", value: any): void;
-}
-const emits = defineEmits<Emits>();
-
-const { getDicByKey } = useDataDicStore();
-
-const { modelValue, data, onSelect, onChange } = useSelect();
-
-function useSelect() {
-  // 字典数据
-  const dicData: any[] = [...getDicByKey(props.name)];
-  const data = ref<any>(dicData);
-  // 取值
-  const modelValue = ref(props.value);
-
-  // 监听value值的变化
-  watch(
-    () => props.value,
-    (val) => {
-      modelValue.value = val;
-      //initSearch(val);
-    }
-  );
-
-  //监听用户搜索事件
-  const onSearch = (keywords: string) => {
-    sendWorkerSearch(keywords);
-  };
-
-  // 发送搜索到webworker
-  function sendWorkerSearch(keywords: string) {
-    keywords = keywords ?? "";
-    data.value = dicData
-      .filter((item: any) => {
-        return (
-          item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||
-          item.label.toLowerCase().includes(keywords.toLowerCase())
-        );
-      })
-      .splice(0, 10);
-    if (data.value.length === 0) {
-      data.value = [...dicData].splice(0, 10);
-    }
-  }
-
-  /**
-   * 初始化value的时候进行搜索
-   * @param val
-   */
-  // function initSearch(val: any) {
-  //   val = val || "";
-  //   const index = dicData.findIndex((item: any) => {
-  //     return (
-  //       item.value.toLowerCase().indexOf(val.toLowerCase()) !== -1 ||
-  //       item.label.toLowerCase().includes(val)
-  //     );
-  //   });
-  //   if (index === -1) {
-  //     data.value = [...dicData].splice(0, 10);
-  //   } else {
-  //     data.value = sliceArrayByIndex(dicData, index);
-  //   }
-  // }
-  //
-  // function sliceArrayByIndex(arr: any, currentIndex: any) {
-  //   const start = Math.max(0, currentIndex - 5);
-  //   const end = Math.min(arr.length, currentIndex + 6);
-  //
-  //   return arr.slice(start, end);
-  // }
-
-  //监听下拉选择事件
-  const onSelect = (value: any) => {
-    // 发射选择的数据
-    emits("update:value", value);
-    // 处理下拉后返回数据的
-    onSelectHandler();
-  };
-
-  // 监听数据改变
-  const onChange = () => {
-    //TODO 变化的时候 需要发送字典的所有数据
-    emits("update:value", modelValue.value);
-    emits("change", modelValue.value);
-  };
-
-  /**
-   * 根据当前选中的value匹配对应的整条数据
-   * 然后返回给父组件
-   */
-  function onSelectHandler() {
-    const dicList = getDicByKey(props.name);
-    const rs = dicList.find((obj: any) => obj.value === modelValue.value);
-    emits("select", rs);
-  }
-
-  watch(
-    () => props.include,
-    (val: any) => {
-      if (val.length > 0) {
-        // 只过滤出来include包含的数据
-        data.value = dicData.filter((item: any) => {
-          return val.some((i: any) => i === item.value);
-        });
-      } else {
-        data.value = dicData;
-      }
-    },
-    {
-      immediate: true
-    }
-  );
-
-  return {
-    data,
-    modelValue,
-    onSearch,
-    onSelect,
-    onChange
-  };
-}
-
-/**
- * 过滤筛选
- * @param inputValue
- * @param options
- */
-const onFilterOption = (inputValue: any, options: any) => {
-  return (
-    options.value.toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 ||
-    options.label.toLowerCase().includes(inputValue.toLowerCase())
-  );
-};
-</script>
-<template>
-  <a-select
-    v-model:value="modelValue"
-    style="width: 100%"
-    allow-clear
-    show-search
-    :options="data"
-    :placeholder="placeholder"
-    :disabled="disabled"
-    :filter-option="onFilterOption"
-    @select="onSelect"
-    @change="onChange"
-  >
-  </a-select>
-</template>
-<style scoped></style>

package/src/select/dic.worker.ts

@@ -1,32 +0,0 @@
-/**
- * 字典匹配worker
- * 根据 关键字 删选对应的字典列表内容
- */
-
-self.addEventListener(
-  "message",
-  function (e) {
-    const keyword = (e.data.keywords ?? "").trim();
-    let dicList = JSON.parse(e.data?.list || []) ?? [];
-    const include = JSON.parse(e.data.include);
-    if (include.length > 0) {
-      // 只过滤出来include包含的数据
-      dicList = dicList.filter((item: any) => {
-        return include.some((i: any) => i === item.value);
-      });
-    }
-
-    const filterRs = dicList.filter((item: any) => {
-      return (
-        item.value.toLowerCase().indexOf(keyword.toLowerCase()) !== -1 ||
-        item.label.toLowerCase().includes(keyword.toLowerCase())
-      );
-    });
-    if (filterRs.length === 0) {
-      self.postMessage(dicList.splice(0, 10));
-    } else {
-      self.postMessage(filterRs.splice(0, 10));
-    }
-  },
-  false
-);

package/src/select/index.ts

@@ -1,9 +0,0 @@
-import type { App } from "vue";
-import Select from "./Select.vue";
-
-Select.install = function (app: App) {
-  app.component("DSelect", Select);
-  return app;
-};
-
-export default Select;

package/src/table/Field.vue

@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { h } from "vue";
-import { Badge } from "ant-design-vue";
-import dayjs from "dayjs";
-
-const props = withDefaults(defineProps<{ text: string; config: any }>(), {
-  text: "",
-  config: {}
-});
-
-// const { getText } = useDic();
-const getText = (name: string, text: string): string => {
-  return name + text;
-};
-
-const render = () => {
-  const {
-    text,
-    config: { type }
-  } = props;
-
-  if (type === "dic") {
-    const { name, style } = props.config;
-    return h("div", [
-      h(Badge, {
-        color: style[text] || "#f50"
-      }),
-      h(
-        "span",
-        { style: { color: style[text] || "#f50" } },
-        getText(name, text)
-      )
-    ]);
-  } else if (type === "date") {
-    const { formatter } = props.config;
-    const rs =
-      text !== "" ? "" : dayjs(text).format(formatter || "YYYY-MM-DD HH:mm:ss");
-    return h("span", rs);
-  }
-};
-</script>
-<template>
-  <render />
-</template>