@ditari/bsui 1.1.47 → 5.0.1

package/example/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "assumeChangesOnlyAffectDirectDependencies": true,
-    "baseUrl": ".",
-    "jsx": "preserve",
-    "strict": true,
-    "target": "ES2015",
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "moduleResolution": "Node",
-    "allowJs": true,
-    "lib": ["esnext", "dom"],
-    "paths": {}
-  }
-}

package/example/utils/http.ts

@@ -1,107 +0,0 @@
-import axios from "axios";
-import { message as Message, Modal } from "ant-design-vue";
-import type {
-  AxiosInstance,
-  InternalAxiosRequestConfig,
-  AxiosResponse
-} from "axios";
-
-const cancelSource = axios.CancelToken.source();
-const http: AxiosInstance = axios.create({
-  baseURL: "http://172.16.10.34:1243/",
-  timeout: 1000 * 10 * 60,
-  cancelToken: cancelSource.token,
-  withCredentials: true
-});
-
-// 因为现在的后台接口状态码真是TMD没统一
-const SUCCESS_CODE = ["200", "0"];
-// 登录失效状态码
-const EXPIRED_STATUS_CODE = ["401", "403"];
-// 超额状态码
-const OVER_AMOUNT_CODE = ["1056"];
-const BLACK_URL = ["/login"];
-
-http.interceptors.request.use((config: InternalAxiosRequestConfig) => {
-  if (!BLACK_URL.includes(config.url as any)) {
-    // 没有包含login的url 才添加token
-    // config.headers["Authorization"] = getToken;
-  }
-  return config;
-});
-
-http.interceptors.response.use(
-  async ({ data }: AxiosResponse) => {
-    const { code, data: content, message } = data;
-    const successStatus = SUCCESS_CODE.includes(code);
-
-    // 状态码在SUCCESS_CODE 里面表示成功
-    if (successStatus) {
-      // 返回响应内容
-      return content;
-    }
-
-    switch (code) {
-      case EXPIRED_STATUS_CODE[0]:
-      case EXPIRED_STATUS_CODE[1]:
-        handleExpiredToken();
-        break;
-      case OVER_AMOUNT_CODE[0]:
-        handleOverAmount(message);
-        break;
-      default:
-        handleDefaultError(message);
-        break;
-    }
-    return Promise.reject(data);
-  },
-  (error) => {
-    // 网络超时异常处理
-    if (
-      error.code === "ECONNABORTED" ||
-      error.message === "Network Error" ||
-      error.message.includes("timeout")
-    ) {
-      handleTimeoutError();
-    }
-    return Promise.reject(error);
-  }
-);
-
-function handleExpiredToken() {
-  cancelSource.cancel("token失效，取消后续请求");
-  sessionStorage.clear();
-  Message.warn({ content: "登录失效，请重新登录", duration: 5 });
-  setTimeout(() => {
-    location.href = (import.meta.env.VITE_APP_BASE_URL || "") + "/login";
-  }, 2000);
-}
-
-function handleOverAmount(message: string) {
-  Modal.confirm({
-    title: "超额提示",
-    content: message,
-    centered: true,
-    okText: "明白",
-    cancelText: "关闭",
-    onCancel() {
-      Modal.destroyAll();
-    }
-  });
-}
-
-function handleDefaultError(message: string) {
-  Message.warn({
-    content: message || "未知错误，请联系后台开发人员！！！",
-    duration: 6
-  });
-}
-
-function handleTimeoutError() {
-  Message.error({
-    content: "请求超时，请稍后重试",
-    duration: 6
-  });
-}
-
-export default http;

package/example/vite-env.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vue/macros-global" />
-declare module "*.vue" {
-  import type { DefineComponent } from "vue";
-  // eslint-disable-next-line
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

package/example/vite.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-
-export default defineConfig(({ command, mode }) => ({
-  server: {
-    port: 8080
-  },
-  plugins: [vue(), vueJsx()]
-}));

package/src/_utils/html.ts

@@ -1,17 +0,0 @@
-export const useEleHeight = (node: Element) => {
-  const list = [
-    "margin-top",
-    "margin-bottom",
-    "border-top",
-    "border-bottom",
-    "padding-top",
-    "padding-bottom",
-    "height"
-  ];
-  const style = getComputedStyle(node);
-  return list
-    .map((k) => parseInt(style.getPropertyValue(k), 10))
-    .reduce((prev, cur) => {
-      return prev + cur;
-    });
-};

package/src/_utils/install.ts

@@ -1,12 +0,0 @@
-import type { App, Plugin } from "vue";
-export type SFCWithInstall<T> = T & Plugin;
-export default <T>(comp: T) => {
-  (comp as SFCWithInstall<T>).install = (app: App) => {
-    // 当组件是 script setup 的形式时，会自动以为文件名注册，会挂载到组件的__name 属性上
-    // 所以要加上这个条件
-    const name = (comp as any).name || (comp as any).__name;
-    //注册组件
-    app.component(name, comp as SFCWithInstall<T>);
-  };
-  return comp as SFCWithInstall<T>;
-};

package/src/components.ts

@@ -1,10 +0,0 @@
-export { default as DQueryForm } from "./form";
-export * from "./layout";
-export { default as DTable } from "./table";
-export { default as grid } from "./grid";
-export { default as Select } from "./select";
-export { default as Desensitize } from "./desensitize";
-export { default as DicReplace } from "./dic";
-export { default as DModal } from "./modal";
-export { default as DJsonSchemeRender } from "./json-scheme-render";
-export { default as DRangePicker } from "./date";

package/src/config/Config.vue

@@ -1,8 +0,0 @@
-<script setup lang="ts"></script>
-<script lang="ts">
-export default {
-  name: "Config"
-};
-</script>
-<template></template>
-<style scoped></style>

package/src/date/RangePicker.tsx

@@ -1,93 +0,0 @@
-import { defineComponent, ref, watch } from "vue";
-import type { PropType } from "vue";
-import { RangePicker } from "ant-design-vue";
-
-/**
- * 日期范围控件
- */
-export default defineComponent({
-  name: "DRangePicker",
-  props: {
-    value: {
-      type: Object as PropType<{ [name: string]: unknown }>
-    },
-    field: {
-      required: true,
-      default: [] as string[]
-    },
-    format: {
-      default: "YYYY-MM-DD"
-    },
-    valueFormat: {
-      default: "YYYY-MM-DD"
-    }
-  },
-  emits: ["update:value"],
-  setup(props, { emit, attrs }) {
-    const dates = ref<string[]>([]);
-
-    //内部model
-    const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});
-
-    watch(
-      () => props.value,
-      (val: any) => {
-        // 要监听val 进行赋值，因为如果父组件直接改变val的整个对象，那么internalModel就会失去对value的依赖追踪
-        // 导致数据不同步
-        internalModel.value = val ? { ...val } : {};
-      },
-      {
-        deep: true
-      }
-    );
-
-    // 监听日期变化
-    const onChange = (dates: [any, any]) => {
-      if (!dates) {
-        props.field.forEach((key) => {
-          internalModel.value[key] = "";
-        });
-      } else {
-        props.field.forEach((key, index) => {
-          internalModel.value[key] = dates[index];
-        });
-      }
-      emit("update:value", internalModel.value);
-    };
-
-    //循环字段
-    // eslint-disable-next-line vue/no-setup-props-destructure
-    const watchExpressions = props.field.map((key) => () => {
-      return props.value?.[key];
-    });
-
-    const watchHandler = (newValues: any) => {
-      // 判断是否被置空只有这两个字段同时为空，才是表明被置空
-      const isClear = props.field.every((key, index) => {
-        return newValues[index] === "" || newValues[index] === undefined;
-      });
-      if (isClear) {
-        dates.value = [];
-      } else {
-        props.field.forEach((key, index) => {
-          dates.value && (dates.value[index] = newValues[index]);
-        });
-      }
-    };
-    //监听多个字段变化
-    watch(watchExpressions, watchHandler, { immediate: true });
-
-    return () => (
-      <div>
-        <RangePicker
-          {...attrs}
-          v-model:value={dates.value}
-          onChange={onChange}
-          format={props.format}
-          valueFormat={props.valueFormat}
-          style={{ width: "100%" }}
-        ></RangePicker>
-      </div>
-    );
-  }
-});

package/src/date/index.ts

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

package/src/desensitize/Desensitize.tsx

@@ -1,97 +0,0 @@
-/**
- * 脱敏
- * @author 余春林
- */
-import { defineComponent, computed, ref } from "vue";
-import { EyeOutlined, EyeInvisibleOutlined } from "@ant-design/icons-vue";
-import { prefixName } from "../theme";
-
-//class名称
-const baseClassName = `${prefixName}-desensitize`;
-export default defineComponent({
-  name: "DDesensitize",
-  components: {
-    EyeOutlined,
-    EyeInvisibleOutlined
-  },
-  props: {
-    value: {
-      // type: [string,number] 可以使用PropType 来声明对象类型
-      // type: String as () => string | number,
-      type: String as () => string | undefined,
-      required: true
-    },
-    // 替换样式
-    style: {
-      type: String,
-      default: "*"
-    },
-    // 替换规则 id 和mobile
-    rule: {
-      type: String,
-      required: true
-    },
-    // 正则表达式
-    regex: {
-      type: String,
-      default: ""
-    },
-    // 替换方式
-    regexValue: {
-      type: String,
-      default: ""
-    },
-    eye: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    // 控制显示隐藏脱敏或者不脱敏
-    const invisible = ref(true);
-    const desensitizedString = computed(() => {
-      const value = props.value;
-      const rule = props.rule;
-      const regex = props.regex;
-      const regexValue = props.regexValue;
-      let str = "";
-      if (!value) {
-        return "";
-      }
-      if (rule) {
-        switch (rule) {
-          case "mobile":
-            str = value.replace(/(\d{3})\d{4}(\d{4})/, "$1*****$2");
-            break;
-          case "id":
-            str = value.replace(/(\d{4})\d{10}(\w{4})/, "$1*****$2");
-            break;
-        }
-      } else {
-        str = value.replace(regex, regexValue);
-      }
-      return str;
-    });
-    return () => (
-      <>
-        <div class={baseClassName}>
-          <span class={"value"}>
-            {invisible.value ? desensitizedString.value : props.value}
-          </span>
-          {props.eye ? (
-            <span>
-              <eye-outlined
-                onClick={() => (invisible.value = !invisible.value)}
-                v-show={!invisible.value}
-              />
-              <eye-invisible-outlined
-                onClick={() => (invisible.value = !invisible.value)}
-                v-show={invisible.value}
-              />
-            </span>
-          ) : undefined}
-        </div>
-      </>
-    );
-  }
-});

package/src/desensitize/index.ts

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

package/src/desensitize/style/index.scss

@@ -1,8 +0,0 @@
-@import "../../theme/variable.scss";
-
-.#{$prefix-name}-desensitize {
-  display: inline-block;
-  .value {
-    padding: 0 4px;
-  }
-}

package/src/dic/DicReplace.tsx

@@ -1,63 +0,0 @@
-/**
- * 字典替换
- * 根据字典名字及对应的value替换成中文或者人能看懂的文字
- * @author 余春林
- */
-import { defineComponent, ref, watch } from "vue";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-// import DicWorker from "./replace.worker?worker&inline";
-import { useDataDicStore } from "@ditari/store";
-
-export default defineComponent({
-  name: "DicReplace",
-  props: {
-    // 字典名称
-    name: {
-      type: String,
-      default: ""
-    },
-    // 值
-    value: {
-      type: String as any,
-      default: ""
-    }
-  },
-  setup(props) {
-    const { getDicTextByValue } = useDataDicStore();
-    //TODO 使用webworker存在一定的问题
-    //const workerStatus = ref(true);
-    const dicValueTxt = ref<any>("");
-    // const repWorkerPool: any = inject("repWorkerPool");
-    // // 获取worker
-    // const workerInstance: any = repWorkerPool.getWorker();
-    /**
-     * web worker 启动失败
-     */
-    // workerInstance.onerror = () => {
-    //   workerStatus.value = false;
-    // };
-    /**
-     * 监听web worker发送的数据
-     * @param e
-     */
-    // workerInstance.onmessage = (e: any) => {
-    //   // 赋值给下拉选择数据变量
-    //   dicValueTxt.value = e.data;
-    // };
-
-    watch(
-      () => props.value,
-      (val: any) => {
-        const value = val;
-        const name = props.name;
-        dicValueTxt.value = getDicTextByValue(name, value);
-      },
-      {
-        immediate: true
-      }
-    );
-
-    return () => <>{dicValueTxt.value}</>;
-  }
-});

package/src/dic/index.ts

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

package/src/dic/replace.worker.ts

@@ -1,25 +0,0 @@
-/**
- * 字典匹配worker
- * 根据字典名称和value 替换对应的中文
- */
-
-self.addEventListener(
-  "message",
-  function (e) {
-    // 字典名字
-    const name = e.data.name ?? "";
-    // 字典值
-    const value = e.data.value ?? "";
-    // 字典列表
-    const parseData = JSON.parse(e.data.list) ?? [];
-    const rs = parseData[name] || [];
-
-    const str = rs
-      .filter((item: any) => item.value === value)
-      .map((item: any) => item.label)
-      .join("");
-
-    self.postMessage(str);
-  },
-  false
-);