boke-devops 0.0.30

package/packages/boke-devops-vue/src/Microapp/MicroAppProvider.vue

@@ -0,0 +1,50 @@
+<template>
+    <slot name="default"></slot>
+</template>
+<script setup lang="jsx">
+import { onMounted } from 'vue';
+import {isEmpty,cloneDeep } from "lodash-es"
+
+const props = defineProps({
+    'appName': {
+        type: String,
+        default: 'sub',
+        require: true,
+    },
+    'runtime_mode': {
+        type: String,
+        default: 'alive'
+    },
+    "mapRoutes": {
+        type: Array,
+        default: []
+    },
+    "router": {
+        type: Object,
+    },
+})
+
+const isWujieEnv = !!window.$wujie;
+
+onMounted(() => {
+    if (isWujieEnv) {
+        if (!isEmpty(props.mapRoutes)) {
+            const namespace = props.appName;
+        }
+
+        props.router.beforeEach((to, from, next)=> {
+            if(window.$wujie?.bus) {
+                window.$wujie?.bus.$emit("sub-route-change", props.appName, to.fullPath);// child to parent
+                next()
+            }else {
+                next()
+            }
+        })
+
+        window.$wujie.bus.$on(props.appName + '-router-change', (path) => {
+            props.router.push(path)
+        })
+    }
+})
+
+</script>

package/packages/boke-devops-vue/src/Provider/Provider.vue

@@ -0,0 +1,22 @@
+<template>
+  <slot name="default"></slot>
+</template>
+<script setup lang="tsx">
+import {provide} from "vue"
+import {mergeConfig} from "./store"
+
+const props = defineProps({
+  "globalConfig": {
+    type: Object,
+    default: () => ({})
+  },
+  "globalState": {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const {gc, gs} = mergeConfig(props)
+provide("globalConfig", gc)
+provide("globalState", gs)
+</script>

package/packages/boke-devops-vue/src/Provider/store.ts

@@ -0,0 +1,23 @@
+import {reactive} from "vue"
+import {mergeWith} from "lodash-es"
+
+export const globalConfig = {
+    avatar: {
+        user_name: "name",
+        dept_name: "dept_name",
+        user_avatar: "avatar",
+        user_id: "user_id"
+    }
+}
+
+
+export const globalState = reactive({
+    global_always_avatar_is_hihglight: null, //如果设置这个, 自带的头像高亮将失效
+})
+
+export const mergeConfig = (props: any) => {
+    return {
+        gc: mergeWith({}, globalConfig, props.globalConfig),
+        gs: mergeWith({}, globalState, props.globalState), // TIP: 为什么需要合并到{}, 因为要避免污染全局的属性
+    }
+}

package/packages/boke-devops-vue/src/global.d.ts

@@ -0,0 +1,43 @@
+import { HTMLAttributes } from 'vue';
+
+// eslint-disable-next-line no-unused-vars
+declare const PKG_VERSION: string;
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+
+
+//以下是jsx - ts 类型申明
+declare global {
+  namespace JSX {
+    interface IntrinsicAttributes {
+      [emit: string]: any;
+    }
+  }
+  interface Window {
+    $wujie: {
+      [key: string]: any
+    }
+  }
+}
+
+declare module '@vue/runtime-dom' {
+  interface HTMLAttributes {
+    [attr: string]: any;
+  }
+
+  interface CSSProperties {
+    [attr: string]: any;
+  }
+}
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    // todo
+    [x: string]: any;
+  }
+}

package/packages/boke-devops-vue/src/index.ts

@@ -0,0 +1,39 @@
+
+import BokeUserAvatar from './AegisUser/user-avatar.vue'
+import BokeUserAvatarGroup from './AegisUser/user-avatar-group.vue'
+
+import BokeProvider from './Provider/Provider.vue'
+import BokeUserSelect from './AegisUser/multiple-user-select.vue'
+import { Tag as BokeTag } from "ant-design-vue/es"
+import { Button as BokeButton } from "ant-design-vue/es"
+import { Segmented as BokeSegmented } from "ant-design-vue/es"
+import BokeMicroAppProvider from "./Microapp/MicroAppProvider.vue"
+import "./style/variables.less"
+
+export {
+  BokeUserAvatar,
+  BokeProvider,
+  BokeUserSelect,
+  BokeTag,
+  BokeButton,
+  BokeUserAvatarGroup,
+  BokeMicroAppProvider,
+}
+
+export default {
+  install(app: any, customOptions = {
+  }) {
+ 
+    app.component('boke-provider', BokeProvider);
+    app.component('boke-micro-app-provider', BokeMicroAppProvider);
+
+    app.component('boke-user-avatar', BokeUserAvatar);
+    app.component('boke-user-avatar-group', BokeUserAvatarGroup);
+    app.component("boke-user-select", BokeUserSelect);
+    
+    app.component("boke-tag", BokeTag);
+    app.component("boke-button", BokeButton);
+    app.component("boke-segmented", BokeSegmented);
+    
+  },
+}

package/packages/boke-devops-vue/src/style/variables.less

@@ -0,0 +1,79 @@
+:root {
+    --boke-color-primary: #409eff;
+    --boke-color-primary-light-3: #79bbff;
+    --boke-color-primary-light-5: #a0cfff;
+    --boke-color-primary-light-7: #c6e2ff;
+    --boke-color-primary-light-8: #d9ecff;
+    --boke-color-primary-light-9: #ecf5ff;
+    --boke-color-primary-dark-2: #337ecc;
+    --boke-color-success: #67c23a;
+    --boke-color-success-light-3: #95d475;
+    --boke-color-success-light-5: #b3e19d;
+    --boke-color-success-light-7: #d1edc4;
+    --boke-color-success-light-8: #e1f3d8;
+    --boke-color-success-light-9: #f0f9eb;
+    --boke-color-success-dark-2: #529b2e;
+    --boke-color-warning: #e6a23c;
+    --boke-color-warning-light-3: #eebe77;
+    --boke-color-warning-light-5: #f3d19e;
+    --boke-color-warning-light-7: #f8e3c5;
+    --boke-color-warning-light-8: #faecd8;
+    --boke-color-warning-light-9: #fdf6ec;
+    --boke-color-warning-dark-2: #b88230;
+    --boke-color-danger: #f56c6c;
+    --boke-color-danger-light-3: #f89898;
+    --boke-color-danger-light-5: #fab6b6;
+    --boke-color-danger-light-7: #fcd3d3;
+    --boke-color-danger-light-8: #fde2e2;
+    --boke-color-danger-light-9: #fef0f0;
+    --boke-color-danger-dark-2: #c45656;
+    --boke-color-error: #f56c6c;
+    --boke-color-error-light-3: #f89898;
+    --boke-color-error-light-5: #fab6b6;
+    --boke-color-error-light-7: #fcd3d3;
+    --boke-color-error-light-8: #fde2e2;
+    --boke-color-error-light-9: #fef0f0;
+    --boke-color-error-dark-2: #c45656;
+    --boke-color-info: #909399;
+    --boke-color-info-light-3: #b1b3b8;
+    --boke-color-info-light-5: #c8c9cc;
+    --boke-color-info-light-7: #dedfe0;
+    --boke-color-info-light-8: #e9e9eb;
+    --boke-color-info-light-9: #f4f4f5;
+    --boke-color-info-dark-2: #73767a;
+    --boke-bg-color: #ffffff;
+    --boke-bg-color-page: #f2f3f5;
+    --boke-bg-color-overlay: #ffffff;
+    --boke-text-color-primary: #303133;
+    --boke-text-color-regular: #606266;
+    --boke-text-color-secondary: #909399;
+    --boke-text-color-placeholder: #a8abb2;
+    --boke-text-color-disabled: #c0c4cc;
+    --boke-border-color: #dcdfe6;
+    --boke-border-color-light: #e4e7ed;
+    --boke-border-color-lighter: #ebeef5;
+    --boke-border-color-extra-light: #f2f6fc;
+    --boke-border-color-dark: #d4d7de;
+    --boke-border-color-darker: #cdd0d6;
+    --boke-fill-color: #f0f2f5;
+    --boke-fill-color-light: #f5f7fa;
+    --boke-fill-color-lighter: #fafafa;
+    --boke-fill-color-extra-light: #fafcff;
+    --boke-fill-color-dark: #ebedf0;
+    --boke-fill-color-darker: #e6e8eb;
+    --boke-fill-color-blank: #ffffff;
+    --boke-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
+    --boke-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
+    --boke-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
+    --boke-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
+    --boke-disabled-bg-color: var(--boke-fill-color-light);
+    --boke-disabled-text-color: var(--boke-text-color-placeholder);
+    --boke-disabled-border-color: var(--boke-border-color-light);
+    --boke-overlay-color: rgba(0, 0, 0, .8);
+    --boke-overlay-color-light: rgba(0, 0, 0, .7);
+    --boke-overlay-color-lighter: rgba(0, 0, 0, .5);
+    --boke-mask-color: rgba(255, 255, 255, .9);
+    --boke-mask-color-extra-light: rgba(255, 255, 255, .3);
+    --boke-border-width: 1px;
+    --boke-border-style: solid;
+}

package/packages/boke-devops-vue/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "lib": [
+      "es2017",
+      "dom",
+      "dom.iterable"
+    ],
+    "declaration": true,
+    "outDir": "./types",
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noImplicitReturns": false,
+    "noFallthroughCasesInSwitch": false,
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+      "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "preserve",
+    "allowJs": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.vue",
+    "src/**/*.d.ts",
+    "src/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/packages/boke-devops-vue/tsconfig.web.json

@@ -0,0 +1,20 @@
+{
+        "extends": "./tsconfig.json",
+        "compilerOptions": {
+        "composite": true,
+            "jsx": "preserve",
+            "lib": ["ES2018", "DOM", "DOM.Iterable"],
+            "types": ["unplugin-vue-macros/macros-global"],
+            "skipLibCheck": true
+    },
+        "include": ["packages", "typings/components.d.ts", "typings/env.d.ts"],
+        "exclude": [
+        "node_modules",
+        "**/dist",
+        "**/__tests__/**/*",
+        "**/gulpfile.ts",
+        "**/test-helper",
+        "packages/test-utils",
+        "**/*.md"
+    ]
+}

package/packages/boke-devops-vue/types/AegisUser/multiple-user-select.vue.d.ts

@@ -0,0 +1,97 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<Readonly<{
+        disabled?: any;
+        placeholder?: any;
+        modelValue?: any;
+        options?: any;
+        userSource?: any;
+        optionDisabledProp?: any;
+        hideValues?: any;
+        maxTagCount?: any;
+    }>>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<Readonly<{
+        disabled?: any;
+        placeholder?: any;
+        modelValue?: any;
+        options?: any;
+        userSource?: any;
+        optionDisabledProp?: any;
+        hideValues?: any;
+        maxTagCount?: any;
+    }>>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        readonly disabled?: any;
+        readonly placeholder?: any;
+        readonly modelValue?: any;
+        readonly options?: any;
+        readonly userSource?: any;
+        readonly optionDisabledProp?: any;
+        readonly hideValues?: any;
+        readonly maxTagCount?: any;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<Readonly<{
+        disabled?: any;
+        placeholder?: any;
+        modelValue?: any;
+        options?: any;
+        userSource?: any;
+        optionDisabledProp?: any;
+        hideValues?: any;
+        maxTagCount?: any;
+    }>>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        readonly disabled?: any;
+        readonly placeholder?: any;
+        readonly modelValue?: any;
+        readonly options?: any;
+        readonly userSource?: any;
+        readonly optionDisabledProp?: any;
+        readonly hideValues?: any;
+        readonly maxTagCount?: any;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Readonly<{
+    disabled?: any;
+    placeholder?: any;
+    modelValue?: any;
+    options?: any;
+    userSource?: any;
+    optionDisabledProp?: any;
+    hideValues?: any;
+    maxTagCount?: any;
+}>>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "change")[], "update:modelValue" | "blur" | "focus" | "change", {
+    readonly disabled?: any;
+    readonly placeholder?: any;
+    readonly modelValue?: any;
+    readonly options?: any;
+    readonly userSource?: any;
+    readonly optionDisabledProp?: any;
+    readonly hideValues?: any;
+    readonly maxTagCount?: any;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;

package/packages/boke-devops-vue/types/AegisUser/store.d.ts

@@ -0,0 +1,7 @@
+export declare const useCustomProps: () => {
+    NAME_KEY: import("vue").Ref<any>;
+    AVATAR_KEY: import("vue").Ref<any>;
+    DEPT_KEY: import("vue").Ref<any>;
+    USERID_KEY: import("vue").Ref<any>;
+    global_always_avatar_is_hihglight: any;
+};

package/packages/boke-devops-vue/types/AegisUser/user-avatar-group.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly size?: string | undefined;
+            readonly data?: unknown[] | undefined;
+            readonly placeholder?: string | undefined;
+            readonly tag?: boolean | undefined;
+            readonly is_highlight?: Function | undefined;
+            readonly showText?: boolean | undefined;
+            readonly max?: number | undefined;
+        };
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {
+        $props: {
+            readonly size?: string | undefined;
+            readonly data?: unknown[] | undefined;
+            readonly placeholder?: string | undefined;
+            readonly tag?: boolean | undefined;
+            readonly is_highlight?: Function | undefined;
+            readonly showText?: boolean | undefined;
+            readonly max?: number | undefined;
+        };
+    }, {}, {}, {}, {}>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+    $props: {
+        readonly size?: string | undefined;
+        readonly data?: unknown[] | undefined;
+        readonly placeholder?: string | undefined;
+        readonly tag?: boolean | undefined;
+        readonly is_highlight?: Function | undefined;
+        readonly showText?: boolean | undefined;
+        readonly max?: number | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;

package/packages/boke-devops-vue/types/AegisUser/user-avatar.vue.d.ts

@@ -0,0 +1,217 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    hidePopover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    onlyName: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linkType: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    data: {
+        type: null;
+        required: false;
+        default: null;
+    };
+    shape: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    insidePopover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    noID: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    noDialogDetail: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    tag: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    suffix: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    is_highlight: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+}, {
+    user_name: import("vue").ComputedRef<any>;
+    dept_name: import("vue").ComputedRef<any>;
+    user_id: import("vue").ComputedRef<any>;
+    data: boolean;
+    user_icon: import("vue").Ref<any>;
+    isLoading: import("vue").Ref<boolean>;
+    isHigh: () => any;
+    props: import(".pnpm/@vue+shared@3.4.31/node_modules/@vue/shared").LooseRequired<{
+        readonly size: string | number;
+        readonly shape: string;
+        readonly disabled: boolean;
+        readonly color: string;
+        readonly closable: boolean;
+        readonly data: any;
+        readonly hidePopover: boolean;
+        readonly onlyIcon: boolean;
+        readonly onlyName: boolean;
+        readonly linkType: any;
+        readonly insidePopover: boolean;
+        readonly noID: boolean;
+        readonly noDialogDetail: boolean;
+        readonly tag: boolean;
+        readonly suffix: string;
+        readonly is_highlight: Function;
+        readonly onClose?: ((...args: any[]) => any) | undefined;
+    } & {}>;
+    onShowPopover: () => void;
+    onClosePopover: () => void;
+    attrs: {
+        [x: string]: unknown;
+    };
+    emit: (event: "close", ...args: any[]) => void;
+    onClose: () => void;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+    hidePopover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    onlyName: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linkType: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    data: {
+        type: null;
+        required: false;
+        default: null;
+    };
+    shape: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    insidePopover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    noID: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    noDialogDetail: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    tag: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    suffix: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    is_highlight: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string | number;
+    shape: string;
+    disabled: boolean;
+    color: string;
+    closable: boolean;
+    data: any;
+    hidePopover: boolean;
+    onlyIcon: boolean;
+    onlyName: boolean;
+    linkType: any;
+    insidePopover: boolean;
+    noID: boolean;
+    noDialogDetail: boolean;
+    tag: boolean;
+    suffix: string;
+    is_highlight: Function;
+}, {}>;
+export default _default;