boke-devops 0.0.30 → 0.0.38

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

@@ -0,0 +1,207 @@
+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;
+    };
+    noID: {
+        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;
+    };
+    disabledPopover: {
+        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: import("vue").Ref<any>;
+    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 data: any;
+        readonly color: string;
+        readonly closable: boolean;
+        readonly shape: string;
+        readonly disabled: boolean;
+        readonly hidePopover: boolean;
+        readonly onlyIcon: boolean;
+        readonly onlyName: boolean;
+        readonly noID: boolean;
+        readonly linkType: any;
+        readonly disabledPopover: boolean;
+        readonly tag: boolean;
+        readonly suffix: string;
+        readonly is_highlight: Function;
+        readonly onClose?: ((...args: any[]) => any) | undefined;
+    } & {}>;
+    attrs: {
+        [x: string]: unknown;
+    };
+    emit: (event: "close", ...args: any[]) => void;
+    onClose: () => void;
+    global_disabled_avatar_card: boolean;
+    targetRef: import("vue").Ref<any>;
+    avatarRef: import("vue").Ref<any>;
+    popoverVisible: import("vue").Ref<boolean>;
+}, 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;
+    };
+    noID: {
+        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;
+    };
+    disabledPopover: {
+        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;
+    data: any;
+    color: string;
+    closable: boolean;
+    shape: string;
+    disabled: boolean;
+    hidePopover: boolean;
+    onlyIcon: boolean;
+    onlyName: boolean;
+    noID: boolean;
+    linkType: any;
+    disabledPopover: boolean;
+    tag: boolean;
+    suffix: string;
+    is_highlight: Function;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,106 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<Readonly<{
+        disabled?: any;
+        placeholder?: any;
+        modelValue?: any;
+        options?: any;
+        optionDisabledProp?: any;
+        hideValues?: any;
+        maxTagCount?: any;
+        tagRenderProps?: 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, ("focus" | "update:modelValue" | "blur" | "change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<Readonly<{
+        disabled?: any;
+        placeholder?: any;
+        modelValue?: any;
+        options?: any;
+        optionDisabledProp?: any;
+        hideValues?: any;
+        maxTagCount?: any;
+        tagRenderProps?: 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 optionDisabledProp?: any;
+        readonly hideValues?: any;
+        readonly maxTagCount?: any;
+        readonly tagRenderProps?: any;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<Readonly<{
+        disabled?: any;
+        placeholder?: any;
+        modelValue?: any;
+        options?: any;
+        optionDisabledProp?: any;
+        hideValues?: any;
+        maxTagCount?: any;
+        tagRenderProps?: 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 optionDisabledProp?: any;
+        readonly hideValues?: any;
+        readonly maxTagCount?: any;
+        readonly tagRenderProps?: any;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Readonly<{
+    disabled?: any;
+    placeholder?: any;
+    modelValue?: any;
+    options?: any;
+    optionDisabledProp?: any;
+    hideValues?: any;
+    maxTagCount?: any;
+    tagRenderProps?: 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, ("focus" | "update:modelValue" | "blur" | "change")[], "focus" | "update:modelValue" | "blur" | "change", {
+    readonly disabled?: any;
+    readonly placeholder?: any;
+    readonly modelValue?: any;
+    readonly options?: any;
+    readonly optionDisabledProp?: any;
+    readonly hideValues?: any;
+    readonly maxTagCount?: any;
+    readonly tagRenderProps?: any;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        tagRender: (_: {
+            label: any;
+            closable: any;
+            onClose: any;
+            option: any;
+        }) => any;
+    };
+});
+export default _default;

package/packages/boke-devops-vue/types/index.d.ts

@@ -1,12 +1,14 @@
-import BokeUserAvatar from './AegisUser/user-avatar.vue';
-import BokeUserAvatarGroup from './AegisUser/user-avatar-group.vue';
+import BokeUserAvatar from './UserAvatar/user-avatar.vue';
+import BokeUserAvatarGroup from './UserAvatar/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 BokeMicroAppProvider from "./Microapp/MicroAppProvider.vue";
-import "./style/variables.less";
-export { BokeUserAvatar, BokeProvider, BokeUserSelect, BokeTag, BokeButton, BokeUserAvatarGroup, BokeMicroAppProvider, };
+import BokeUserSelect from './UserSelect/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.global.less';
+export * as avatarStore from './UserAvatar/avatar.store';
+export { BokeUserAvatar, BokeProvider, BokeUserSelect, BokeTag, BokeButton, BokeUserAvatarGroup, BokeMicroAppProvider, BokeSegmented };
 declare const _default: {
     install(app: any, customOptions?: {}): void;
 };

package/packages/boke-devops-vue/vite.config.ts

@@ -7,37 +7,37 @@ import vueJsx from "@vitejs/plugin-vue-jsx";
 import { visualizer } from 'rollup-plugin-visualizer';
 import vueTest from '@vitejs/plugin-vue';
 import vueJsxTest from '@vitejs/plugin-vue-jsx';
+import pkg from './package.json';
 const isCustomElement = (tag) => tag.startsWith('td-') || tag.startsWith('tdesign-theme');
+const banner = `/**
+ * @devops/boke-devops-vue v${pkg.version}
+ * (c) ${new Date().getFullYear()} ${pkg.author}
+ * @license ${pkg.license}
+ */
+`;
 // https://vitejs.dev/config/
 export default defineConfig({
-  build:
-    process.argv[2] === "build"
-      ? {
-          lib: {
-            entry: resolve(__dirname, "src/index.ts"),
-            name: "index",
-            formats: ["es", "umd"],
-            fileName: (format) => `index.${format}.js`,
-          },
-          rollupOptions: {
-            external: ["vue", "lodash"],
-            output: {
-              globals: {
-                vue: "Vue",
-                lodash: "Lodash",
-              },
-            },
-            
-          },
-        }
-      : {
-          rollupOptions: {
-            external: ["omi"],
-            input: {
-              index: resolve(__dirname, "index.html"),
-            },
-          },
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      name: "index",
+      formats: ["es", "umd", "cjs"],
+      fileName: (format) => `index.${format}.js`,
+    },
+    rollupOptions: {
+      external: ["vue", "lodash"],
+      output: {
+        name: "BokeDevopsVue",
+        banner: banner,
+        sourcemap: true,
+        globals: {
+          vue: "Vue",
+          lodash: "Lodash",
         },
+      },
+      
+    },
+  },
   plugins: [
     createVuePlugin({
       ssr: false,
@@ -64,7 +64,7 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      "@": resolve(__dirname, "./demo"),
+      "@": resolve(__dirname, "./src"),
       "boke-devops-ui": resolve(__dirname, "./src/index"),
     },
     dedupe: ["vue", "lodash"],
@@ -73,7 +73,7 @@ export default defineConfig({
     preprocessorOptions: {
       less: {
         modifyVars: {
-          hack: `true; @import (reference) "${resolve('src/style/variables.less')}";`,
+          hack: `true; @import (reference) "${resolve('src/utils/style.global.less')}";`,
         },
         math: "strict",
         javascriptEnabled: true,

package/packages/boke-docs/.dumirc.ts

@@ -43,10 +43,11 @@ export default ({
       { title: '组件', link: '/components' },
       { title: '3rd party framework', link: '/framework-test' },
     ],
-    name: "boke-devops"
+    name: "BOKE\rDEVOPS",
+    logo: "/logo.png",
+    footer: "Powered by ❤️"
   },
   chainWebpack(memo: any) {
-
     // memo.resolve.symlinks(false)
     memo.plugin('unplugin-element-plus').use(
       require('unplugin-element-plus/webpack')({

package/packages/boke-docs/docs/components/Avatar/__test__/__snapshots__/user_avatar.test.js.snap

@@ -0,0 +1,255 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`user avatar is normal 1`] = `
+<div>
+  <div
+    data-v-7871c292=""
+    style="display: inline-flex;"
+  >
+    <span
+      class="ant-tag css-dev-only-do-not-override-16pw25h ant-tag-default boke-useravator-wrapper is_tag"
+      data-v-7871c292=""
+      style="padding: 2px 12px 2px 2px; border-radius: 50px;"
+    >
+      
+      <div
+        class="left-icon"
+        data-v-7871c292=""
+      >
+        
+        <span
+          class="avator-icon ant-avatar ant-avatar-circle ant-avatar-image css-dev-only-do-not-override-16pw25h"
+          data-v-7871c292=""
+          style="width: 28px; height: 28px; line-height: 28px; font-size: 18px;"
+        >
+          <img
+            src="https://s1-imfile.feishucdn.com/static-resource/v1/v3_009p_b3b75461-971a-41e0-ac58-f755d34ef05g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"
+          />
+        </span>
+        <!---->
+        
+      </div>
+      
+      
+      <div
+        class="label"
+        data-v-7871c292=""
+      >
+        <span
+          class="realname"
+          data-v-7871c292=""
+        >
+          Julone
+        </span>
+        <span
+          class="id"
+          data-v-7871c292=""
+        >
+          <span
+            data-v-7871c292=""
+          >
+            运维部
+          </span>
+        </span>
+      </div>
+      <!--v-if-->
+      <!--v-if-->
+      
+      
+      
+      <!---->
+    </span>
+  </div>
+   无数据的时候 
+  <div
+    data-v-7871c292=""
+    style="display: inline-flex;"
+  >
+    <span
+      class="ant-tag css-dev-only-do-not-override-16pw25h ant-tag-default boke-useravator-wrapper is_tag"
+      data-v-7871c292=""
+      style="padding: 2px 12px 2px 2px; border-radius: 50px;"
+    >
+      
+      <div
+        class="left-icon"
+        data-v-7871c292=""
+      >
+        
+        <span
+          class="avator-icon ant-avatar ant-avatar-circle css-dev-only-do-not-override-16pw25h"
+          data-v-7871c292=""
+          style="width: 28px; height: 28px; line-height: 28px; font-size: 18px;"
+        >
+          <span
+            class="ant-avatar-string"
+            style="opacity: 0;"
+          >
+            <!---->
+          </span>
+        </span>
+        <!---->
+        
+      </div>
+      
+      
+      <div
+        class="label"
+        data-v-7871c292=""
+      >
+        <span
+          class="realname"
+          data-v-7871c292=""
+        >
+          未知用户
+        </span>
+        <span
+          class="id"
+          data-v-7871c292=""
+        >
+          <span
+            data-v-7871c292=""
+          >
+            未知部门
+          </span>
+        </span>
+      </div>
+      <!--v-if-->
+      <!--v-if-->
+      
+      
+      
+      <!---->
+    </span>
+  </div>
+</div>
+`;
+
+exports[`with provider 1`] = `
+<div>
+  <h4>
+    Inside of Provider
+  </h4>
+  
+  <div
+    data-v-7871c292=""
+    style="display: inline-flex;"
+  >
+    <span
+      class="ant-tag css-dev-only-do-not-override-16pw25h ant-tag-default boke-useravator-wrapper is_tag is_highlight"
+      data-v-7871c292=""
+      style="padding: 2px 12px 2px 2px; border-radius: 50px;"
+    >
+      
+      <div
+        class="left-icon"
+        data-v-7871c292=""
+      >
+        
+        <span
+          class="avator-icon ant-avatar ant-avatar-circle ant-avatar-image css-dev-only-do-not-override-16pw25h"
+          data-v-7871c292=""
+          style="width: 28px; height: 28px; line-height: 28px; font-size: 18px;"
+        >
+          <img
+            src="https://s1-imfile.feishucdn.com/static-resource/v1/v3_009p_b3b75461-971a-41e0-ac58-f755d34ef05g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"
+          />
+        </span>
+        <!---->
+        
+      </div>
+      
+      
+      <div
+        class="label"
+        data-v-7871c292=""
+      >
+        <span
+          class="realname"
+          data-v-7871c292=""
+        >
+          Julone-new
+        </span>
+        <span
+          class="id"
+          data-v-7871c292=""
+        >
+          <span
+            data-v-7871c292=""
+          >
+            运维部
+          </span>
+        </span>
+      </div>
+      <!--v-if-->
+      <!--v-if-->
+      
+      
+      
+      <!---->
+    </span>
+  </div>
+  
+  <h4>
+    Out of Provider
+  </h4>
+  <div
+    data-v-7871c292=""
+    style="display: inline-flex;"
+  >
+    <span
+      class="ant-tag css-dev-only-do-not-override-16pw25h ant-tag-default boke-useravator-wrapper is_tag"
+      data-v-7871c292=""
+      style="padding: 2px 12px 2px 2px; border-radius: 50px;"
+    >
+      
+      <div
+        class="left-icon"
+        data-v-7871c292=""
+      >
+        
+        <span
+          class="avator-icon ant-avatar ant-avatar-circle ant-avatar-image css-dev-only-do-not-override-16pw25h"
+          data-v-7871c292=""
+          style="width: 28px; height: 28px; line-height: 28px; font-size: 18px;"
+        >
+          <img
+            src="https://s1-imfile.feishucdn.com/static-resource/v1/v3_009p_b3b75461-971a-41e0-ac58-f755d34ef05g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"
+          />
+        </span>
+        <!---->
+        
+      </div>
+      
+      
+      <div
+        class="label"
+        data-v-7871c292=""
+      >
+        <span
+          class="realname"
+          data-v-7871c292=""
+        >
+          Julone
+        </span>
+        <span
+          class="id"
+          data-v-7871c292=""
+        >
+          <span
+            data-v-7871c292=""
+          >
+            运维部
+          </span>
+        </span>
+      </div>
+      <!--v-if-->
+      <!--v-if-->
+      
+      
+      
+      <!---->
+    </span>
+  </div>
+</div>
+`;