boke-devops 0.0.30 → 0.0.38

package/packages/boke-docs/docs/components/UserSelect/__test__/__snapshots__/user_select.test.js.snap

@@ -0,0 +1,347 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`user select is normal 1`] = `
+<div>
+  <div
+    style="margin-bottom: 8px;"
+  >
+     已选择用户: 
+    <b>
+      []
+    </b>
+  </div>
+  <div
+    class="ant-select css-dev-only-do-not-override-16pw25h wiki-user-caseder ant-select-multiple ant-select-allow-clear ant-select-show-search"
+    customprops="[object Object]"
+    data-v-37a1b7d7=""
+    style="flex: 1; min-width: 250px;"
+  >
+    <!---->
+    
+    <div
+      class="ant-select-selector"
+    >
+      
+      <div
+        class="ant-select-selection-overflow"
+      >
+        
+        <div
+          class="ant-select-selection-overflow-item"
+          style="opacity: 1;"
+        >
+          <span>
+            
+            
+            <!--v-if-->
+            
+            
+          </span>
+        </div>
+        
+        <!---->
+        <div
+          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
+          style="opacity: 1;"
+        >
+          
+          <div
+            class="ant-select-selection-search"
+            style="width: 0px;"
+          >
+            <input
+              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
+              aria-autocomplete="list"
+              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-haspopup="listbox"
+              aria-owns="rc_select_TEST_OR_SSR_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              id="rc_select_TEST_OR_SSR"
+              lazy="true"
+              readonly=""
+              role="combobox"
+              style="opacity: 0;"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+            <span
+              aria-hidden="true"
+              class="ant-select-selection-search-mirror"
+            >
+              
+               
+            </span>
+          </div>
+          
+        </div>
+        <!---->
+      </div>
+      <!---->
+      
+    </div>
+    <!---->
+    
+    <!---->
+    <span
+      aria-hidden="true"
+      class="ant-select-clear"
+      style="user-select: none;"
+      unselectable="on"
+    >
+      <span
+        aria-label="close-circle"
+        class="anticon anticon-close-circle"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="close-circle"
+          fill="currentColor"
+          fill-rule="evenodd"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
+          />
+        </svg>
+        <!---->
+      </span>
+    </span>
+  </div>
+  <div
+    style="margin-bottom: 8px;"
+  >
+     自定义tagRender: 
+    <b>
+      []
+    </b>
+  </div>
+  <div
+    class="ant-select css-dev-only-do-not-override-16pw25h wiki-user-caseder ant-select-multiple ant-select-allow-clear ant-select-show-search"
+    customprops="[object Object]"
+    data-v-37a1b7d7=""
+    style="flex: 1; min-width: 250px;"
+  >
+    <!---->
+    
+    <div
+      class="ant-select-selector"
+    >
+      
+      <div
+        class="ant-select-selection-overflow"
+      >
+        
+        <div
+          class="ant-select-selection-overflow-item"
+          style="opacity: 1;"
+        >
+          <span>
+            
+            
+            <span
+              style="color: red;"
+            />
+            
+            
+          </span>
+        </div>
+        
+        <!---->
+        <div
+          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
+          style="opacity: 1;"
+        >
+          
+          <div
+            class="ant-select-selection-search"
+            style="width: 0px;"
+          >
+            <input
+              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
+              aria-autocomplete="list"
+              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-haspopup="listbox"
+              aria-owns="rc_select_TEST_OR_SSR_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              id="rc_select_TEST_OR_SSR"
+              lazy="true"
+              readonly=""
+              role="combobox"
+              style="opacity: 0;"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+            <span
+              aria-hidden="true"
+              class="ant-select-selection-search-mirror"
+            >
+              
+               
+            </span>
+          </div>
+          
+        </div>
+        <!---->
+      </div>
+      <!---->
+      
+    </div>
+    <!---->
+    
+    <!---->
+    <span
+      aria-hidden="true"
+      class="ant-select-clear"
+      style="user-select: none;"
+      unselectable="on"
+    >
+      <span
+        aria-label="close-circle"
+        class="anticon anticon-close-circle"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="close-circle"
+          fill="currentColor"
+          fill-rule="evenodd"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
+          />
+        </svg>
+        <!---->
+      </span>
+    </span>
+  </div>
+</div>
+`;
+
+exports[`with provider 1`] = `
+<div>
+  
+  <div
+    style="margin-bottom: 8px;"
+  >
+     已选择用户: 
+    <b>
+      []
+    </b>
+  </div>
+  <div
+    class="ant-select css-dev-only-do-not-override-16pw25h wiki-user-caseder ant-select-multiple ant-select-allow-clear ant-select-show-search"
+    data-v-37a1b7d7=""
+    style="flex: 1; min-width: 250px;"
+  >
+    <!---->
+    
+    <div
+      class="ant-select-selector"
+    >
+      
+      <div
+        class="ant-select-selection-overflow"
+      >
+        
+        <div
+          class="ant-select-selection-overflow-item"
+          style="opacity: 1;"
+        >
+          <span>
+            
+            
+            <!--v-if-->
+            
+            
+          </span>
+        </div>
+        
+        <!---->
+        <div
+          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
+          style="opacity: 1;"
+        >
+          
+          <div
+            class="ant-select-selection-search"
+            style="width: 0px;"
+          >
+            <input
+              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
+              aria-autocomplete="list"
+              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-haspopup="listbox"
+              aria-owns="rc_select_TEST_OR_SSR_list"
+              autocomplete="off"
+              class="ant-select-selection-search-input"
+              id="rc_select_TEST_OR_SSR"
+              lazy="true"
+              readonly=""
+              role="combobox"
+              style="opacity: 0;"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+            <span
+              aria-hidden="true"
+              class="ant-select-selection-search-mirror"
+            >
+              
+               
+            </span>
+          </div>
+          
+        </div>
+        <!---->
+      </div>
+      <!---->
+      
+    </div>
+    <!---->
+    
+    <!---->
+    <span
+      aria-hidden="true"
+      class="ant-select-clear"
+      style="user-select: none;"
+      unselectable="on"
+    >
+      <span
+        aria-label="close-circle"
+        class="anticon anticon-close-circle"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="close-circle"
+          fill="currentColor"
+          fill-rule="evenodd"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
+          />
+        </svg>
+        <!---->
+      </span>
+    </span>
+  </div>
+  
+</div>
+`;

package/packages/boke-docs/docs/components/UserSelect/__test__/user_select.test.js

@@ -0,0 +1,18 @@
+import UserSelect from '../demo/normal.vue'
+import UserSelectWith_provider from '../demo/with_provider.vue'
+import { mount, VueWrapper } from '@vue/test-utils';
+import { describe, expect, it, vi, test, } from 'vitest';
+
+test('user select is normal', async () => {
+    const wrapper = mount(UserSelect, {
+        },
+    );
+    expect(wrapper.element).toMatchSnapshot() // 匹配快照
+})
+
+test('with provider', async () => {
+    const wrapper = mount(UserSelectWith_provider, {
+        }
+    )
+    expect(wrapper.element).toMatchSnapshot() // 匹配快照
+})

package/packages/boke-docs/docs/components/UserSelect/demo/normal.vue

@@ -8,8 +8,22 @@
       v-model="user"
       style="min-width: 250px"
       :customProps="{user_name: 'name', 'user_avatar': 'avatar'}"
+      :tagRenderProps="{size: 28, noID: false}"
   ></BokeUserSelect>
+  <div style="margin-bottom: 8px">
+    自定义tagRender: <b>{{user}}</b>
+  </div>
+  <BokeUserSelect
+      :options="options"
+      v-model="user"
+      style="min-width: 250px"
+      :customProps="{user_name: 'name', 'user_avatar': 'avatar'}"
+  >
+    <template #tagRender="{label}">
+      <span style="color: red">{{ label }}</span>
+    </template>
 
+  </BokeUserSelect>
 </div>
 
 </template>

package/packages/boke-docs/docs/components/UserSelect/index.md

@@ -1,5 +1,5 @@
-
-
+# 用户选择组件
+这个组件是一个基于 Vue 3 和 Ant Design Vue 构建的用户选择下拉框。
 # 用户多选框
 
 ## 正常使用
@@ -10,3 +10,30 @@
 <code src="./demo/with_provider.vue"></code>
 
 ### Props
+
+| 属性名                  | 类型      | 描述                                           |
+|----------------------|---------|----------------------------------------------|
+| `modelValue`         | Any     | 所选模型的值                                       |
+| `options`            | Array   | 下拉选项的数组                                      |
+| `disabled`           | Boolean | 如果为 true，则禁用组件                               |
+| `optionDisabledProp` | String  | 用于检查选项是否禁用的属性                                |
+| `hideValues`         | Array   | 需要从选择选项中隐藏的值                                 |
+| `placeholder`        | String  | 下拉框的占位符文本                                    |
+| `maxTagCount`        | Number  | 最大显示的标签数量                                    |
+| `tagRenderProps`     | Object  | 控制已选中用户的头像显示属性, 比如noID, size属性(参照userAvatar) |
+
+## Emits
+
+| 事件名                 | 描述               |
+|---------------------|------------------|
+| `update:modelValue` | 当模型值更新时触发的事件     |
+| `blur`              | 当组件失去焦点时触发的事件    |
+| `focus`             | 当组件获得焦点时触发的事件    |
+| `change`            | 当选择的选项发生变化时触发的事件 |
+| `search`            | 搜索               |
+
+## Slots
+
+| 插槽名         | 描述                                            |
+|-------------|-----------------------------------------------|
+| `tagRender` | 渲染已选中的组件     label, closable, onClose, option |

package/packages/boke-docs/node_modules/.cache/logger/umi.log

@@ -0,0 +1,14 @@
+{"level":30,"time":1720780730577,"pid":42620,"hostname":"CGPC0310","msg":"\u001b[36m\u001b[1mdumi v2.4.5\u001b[22m\u001b[39m"}
+{"level":30,"time":1720780733980,"pid":42620,"hostname":"CGPC0310","msg":"\u001b[36m\u001b[1mVue v3.4.31\u001b[22m\u001b[39m"}
+{"level":30,"time":1720780734584,"pid":42620,"hostname":"CGPC0310","msg":"\u001b[36m\u001b[1mUmi v4.3.1\u001b[22m\u001b[39m"}
+{"level":60,"time":1720780757944,"pid":42620,"hostname":"CGPC0310","err":{"type":"Error","message":"Path contains invalid characters: C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\.dumi\\tmp-production\\plugin-preset-vue:vue3","stack":"Error: Path contains invalid characters: C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\.dumi\\tmp-production\\plugin-preset-vue:vue3\n    at checkPath (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+utils@4.3.1\\node_modules\\@umijs\\utils\\compiled\\fs-extra\\index.js:1:15482)\n    at Object.e.exports.makeDirSync (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+utils@4.3.1\\node_modules\\@umijs\\utils\\compiled\\fs-extra\\index.js:1:15230)\n    at Proxy.fn (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+preset-umi@4.3.1_sass@1.77.6_typescript@4.7.4_webpack@5.92.1\\node_modules\\@umijs\\preset-umi\\dist\\registerMethods.js:113:28)\n    at Hook.fn (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@dumijs+preset-vue@2.3.0_@vue+compiler-sfc@3.4.31_dumi@2.4.5_typescript@4.7.4_vue@3.4.31_webpack@5.92.1\\node_modules\\@dumijs\\preset-vue\\dist\\vue\\techStack\\index.js:39:9)\n    at C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+core@4.3.1\\node_modules\\@umijs\\core\\dist\\service\\service.js:184:26\n    at _next18 (eval at create (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+bundler-utils@4.3.1\\node_modules\\@umijs\\bundler-utils\\compiled\\tapable\\index.js:1:8410), <anonymous>:51:18)\n    at eval (eval at create (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+bundler-utils@4.3.1\\node_modules\\@umijs\\bundler-utils\\compiled\\tapable\\index.js:1:8410), <anonymous>:76:1)","code":"EINVAL"},"msg":"Path contains invalid characters: C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\.dumi\\tmp-production\\plugin-preset-vue:vue3"}
+{"level":60,"time":1720780758265,"pid":42620,"hostname":"CGPC0310","msg":"A complete log of this run can be found in:"}
+{"level":60,"time":1720780758278,"pid":42620,"hostname":"CGPC0310","msg":"C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\node_modules\\.cache\\logger\\umi.log"}
+{"level":60,"time":1720780758293,"pid":42620,"hostname":"CGPC0310","msg":"Consider reporting a GitHub issue on https://github.com/umijs/dumi/issues"}
+{"level":30,"time":1720780987071,"pid":27980,"hostname":"CGPC0310","msg":"\u001b[36m\u001b[1mdumi v2.4.5\u001b[22m\u001b[39m"}
+{"level":30,"time":1720780990114,"pid":30652,"hostname":"CGPC0310","msg":"\u001b[36m\u001b[1mVue v3.4.31\u001b[22m\u001b[39m"}
+{"level":30,"time":1720780990690,"pid":30652,"hostname":"CGPC0310","msg":"\u001b[36m\u001b[1mUmi v4.3.1\u001b[22m\u001b[39m"}
+{"level":60,"time":1720780991574,"pid":30652,"hostname":"CGPC0310","err":{"type":"Error","message":"Path contains invalid characters: C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\.dumi\\tmp\\plugin-preset-vue:vue3","stack":"Error: Path contains invalid characters: C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\.dumi\\tmp\\plugin-preset-vue:vue3\n    at checkPath (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+utils@4.3.1\\node_modules\\@umijs\\utils\\compiled\\fs-extra\\index.js:1:15482)\n    at Object.e.exports.makeDirSync (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+utils@4.3.1\\node_modules\\@umijs\\utils\\compiled\\fs-extra\\index.js:1:15230)\n    at Proxy.fn (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+preset-umi@4.3.1_sass@1.77.6_typescript@4.7.4_webpack@5.92.1\\node_modules\\@umijs\\preset-umi\\dist\\registerMethods.js:113:28)\n    at Hook.fn (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@dumijs+preset-vue@2.3.0_@vue+compiler-sfc@3.4.31_dumi@2.4.5_typescript@4.7.4_vue@3.4.31_webpack@5.92.1\\node_modules\\@dumijs\\preset-vue\\dist\\vue\\techStack\\index.js:39:9)\n    at C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+core@4.3.1\\node_modules\\@umijs\\core\\dist\\service\\service.js:184:26\n    at _next17 (eval at create (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+bundler-utils@4.3.1\\node_modules\\@umijs\\bundler-utils\\compiled\\tapable\\index.js:1:8410), <anonymous>:51:18)\n    at eval (eval at create (C:\\Users\\lizulong\\Desktop\\devops-components-vue\\node_modules\\.pnpm\\@umijs+bundler-utils@4.3.1\\node_modules\\@umijs\\bundler-utils\\compiled\\tapable\\index.js:1:8410), <anonymous>:76:1)\n    at processTicksAndRejections (node:internal/process/task_queues:96:5)","code":"EINVAL"},"msg":"Path contains invalid characters: C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\.dumi\\tmp\\plugin-preset-vue:vue3"}
+{"level":60,"time":1720780991604,"pid":30652,"hostname":"CGPC0310","msg":"A complete log of this run can be found in:"}
+{"level":60,"time":1720780991619,"pid":30652,"hostname":"CGPC0310","msg":"C:\\Users\\lizulong\\Desktop\\devops-components-vue\\packages\\boke-docs\\node_modules\\.cache\\logger\\umi.log"}
+{"level":60,"time":1720780991635,"pid":30652,"hostname":"CGPC0310","msg":"Consider reporting a GitHub issue on https://github.com/umijs/umi/issues"}

package/packages/boke-docs/package.json

@@ -34,5 +34,5 @@
     "unplugin-vue-components": "^0.25.2"
   },
   "authors": [],
-  "version": "0.0.30"
+  "version": "0.0.38"
 }

package/packages/boke-js-bridge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devops/boke-js-bridge",
-  "version": "0.0.30",
+  "version": "0.0.38",
   "description": "boke-JS-BRIDGE",
   "keywords": [
     "modules",
@@ -32,4 +32,4 @@
     "src",
     "umd"
   ]
-}
+}

package/test-setup-env.js

@@ -0,0 +1,52 @@
+import { config } from '@vue/test-utils';
+const util = require('util');
+
+config.global.stubs = {
+  transition: false,
+  'transition-group': false,
+};
+/* eslint-disable global-require */
+if (typeof window !== 'undefined') {
+  global.window.resizeTo = (width, height) => {
+    global.window.innerWidth = width || global.window.innerWidth;
+    global.window.innerHeight = height || global.window.innerHeight;
+    global.window.dispatchEvent(new Event('resize'));
+  };
+  global.window.scrollTo = () => {};
+  if (!window.matchMedia) {
+    Object.defineProperty(global.window, 'matchMedia', {
+      value: (query => ({
+        matches: query.includes('max-width'),
+        addListener: ()=>{},
+        removeListener: ()=>{},
+      })),
+    });
+  }
+
+  // ref: https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+  // ref: https://github.com/jsdom/jsdom/issues/2524
+  Object.defineProperty(window, 'TextEncoder', {
+    writable: true,
+    value: util.TextEncoder,
+  });
+  Object.defineProperty(window, 'TextDecoder', {
+    writable: true,
+    value: util.TextDecoder,
+  });
+}
+
+global.ResizeObserver = require('resize-observer-polyfill');
+
+// The built-in requestAnimationFrame and cancelAnimationFrame not working with jest.runFakeTimes()
+// https://github.com/facebook/jest/issues/5147
+global.requestAnimationFrame = function (cb) {
+  return setTimeout(cb, 0);
+};
+
+global.cancelAnimationFrame = function (cb) {
+  return clearTimeout(cb, 0);
+};
+
+const mockMath = Object.create(global.Math);
+mockMath.random = () => 0.5;
+global.Math = mockMath;

package/vitest.config.js

@@ -1,6 +1,7 @@
 import { fileURLToPath } from 'node:url'
 import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
 import viteConfig from './vite.config'
+import path from 'node:path'
 
 export default mergeConfig(
   viteConfig,
@@ -12,11 +13,15 @@ export default mergeConfig(
     test: {
       testTransformMode:"web",
       environment: 'jsdom',
+      setupFiles: path.resolve(__dirname, "./test-setup-env.js"),
       // setupFiles: resolve(__dirname, "./test-setup.js"),
       exclude: [...configDefaults.exclude, 'e2e/**'],
       root: fileURLToPath(new URL('./', import.meta.url)),
       globals:true,
-      disableConsoleIntercept:true
+      disableConsoleIntercept:true,
+      alias: {
+        "@devops/boke-devops-vue": path.resolve(__dirname, 'packages/boke-devops-vue/src'),
+      }
     }
   })
 )

package/packages/boke-devops-vue/demo/App.vue

@@ -1,62 +0,0 @@
-<template>
-  <BokeProvider :globalConfig="globalConfig" :globalState="globalState">
-    <div style="display: flex; align-items: center; padding: 12px">
-        <BokeUserAvatar
-          :is_highlight="true"
-          tag
-          :data="{ name: 'Julone', dept_name: '运维部', avatar:'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' }"
-        ></BokeUserAvatar>
-
-        <BokeUserAvatarGroup 
-        :tag="true"
-        :data="options.map(item => item.data)"
-        :is_highlight="v=> {
-          console.log(v);
-          return false
-        }"
-      ></BokeUserAvatarGroup>
-
-      <BokeUserAvatarGroup 
-          :tag="true"
-      :data="options.map(item => item.data).filter((item, index) => index ==0)"
-    ></BokeUserAvatarGroup>
-      <BokeUserAvatarGroup 
-        :data="[]"
-        tag
-        placeholder=""
-      ></BokeUserAvatarGroup>
-      <BokeUserSelect
-        :options="options"
-        v-model="user"
-        style="max-width: 250px"
-        :customProps="{user_name: 'name', 'user_avatar': 'avatar'}"
-
-      ></BokeUserSelect>
-    </div>
-  </BokeProvider>
-</template>
-<script setup lang="ts">
-import { computed, ref, onMounted } from "vue";
-import { BokeProvider, BokeUserAvatar, BokeUserSelect, BokeUserAvatarGroup } from "./../src/index";
-
-const user = ref([]);
-const options = ref([]);
-onMounted(() => {
-  options.value = [{"user_id":1,"name":"聂强龙","fs_open_id":"ou_d062833bcd23179eecaef55419a86379","open_id":"ou_d062833bcd23179eecaef55419a86379","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_006i_70c45b5c-c78b-41a9-adb3-35eb77127d4g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":3,"name":"黄彬彬","fs_open_id":"ou_5b974bd6586d74051e2cb2a9f9684ff7","open_id":"bebe3dd0a6020c86e6938eda42efb9ff","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/90c6ee91-ba4f-4fcc-9a2b-565a43a8982g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":4,"name":"李铎","fs_open_id":"ou_04ccaa26d69b8738a2618bcb9a1a88d0","open_id":"ou_04ccaa26d69b8738a2618bcb9a1a88d0","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_60faa7d1-caa4-4b50-abdf-c20f6538976g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":6,"name":"陈路","fs_open_id":"ou_a3cbf13858699b18f98ce4a98f7af295","open_id":"ou_a3cbf13858699b18f98ce4a98f7af295","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_a4b7d76d-78f7-4c03-a02b-2df0d26c069g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":7,"name":"肖芳强","fs_open_id":"ou_ad94ea704a428f327b9cfe3206bbbd33","open_id":"ou_ad94ea704a428f327b9cfe3206bbbd33","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_a225d0f6-e822-4cb4-86ef-9e7a1ac276cg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":9,"name":"李坚","fs_open_id":"ou_cc35f3da7e1a374c92436266101bff50","open_id":"ou_cc35f3da7e1a374c92436266101bff50","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_f05ccef0-b501-4d29-a274-fe20375757bg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":11,"name":"王浩","fs_open_id":"ou_5bb1d1c3308a38a4eacf82570036de64","open_id":"ou_5bb1d1c3308a38a4eacf82570036de64","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_006j_bf38834b-ba16-4bbd-aa56-a0409ec1bbcg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":12,"name":"韩旭","fs_open_id":"ou_db77e3fa79b4e9dfd6eb2868e91ccf34","open_id":"ou_db77e3fa79b4e9dfd6eb2868e91ccf34","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_00ah_c23471a3-0a0c-4d35-933b-447c78018d4g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":15,"name":"王佳","fs_open_id":"ou_1ef54baae2e6bc3963e51b1881a979af","open_id":"ou_1ef54baae2e6bc3963e51b1881a979af","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_c94685a3-2668-4dc4-885a-655e6e769a5g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":20,"name":"孙好强","fs_open_id":"ou_2b1d824284611e9886fc48c67115211e","open_id":"ou_2b1d824284611e9886fc48c67115211e","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_21f32dbc-3708-4d40-b057-69170ea2f6bg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":187,"name":"张鑫泽","fs_open_id":"ou_84a97b641f012e88b116cd7fcce07811","open_id":"ou_84a97b641f012e88b116cd7fcce07811","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_009b_da2c8565-03e0-40b8-92ad-65eb18d89b5g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":191,"name":"豆士博","fs_open_id":"ou_21b730795b2c15ca3f04fefb50140c6c","open_id":"ou_21b730795b2c15ca3f04fefb50140c6c","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_008s_c9e26c1a-f2d7-4212-855a-8f044d3f98eg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":215,"name":"曾庆亮","fs_open_id":"ou_53698354af5ce4c46ea9a007dde57e28","open_id":"ou_53698354af5ce4c46ea9a007dde57e28","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_fe4224d1-c3b2-4012-914f-b52bf9a6bd1g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":219,"name":"吴浩阳","fs_open_id":"ou_ad2b3e250b3b53b54881f61f4ee070da","open_id":"ou_ad2b3e250b3b53b54881f61f4ee070da","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_02a850f2-75c1-4fcf-8730-ac15bc84e66g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":230,"name":"邹伟诚","fs_open_id":"ou_735cc07f54d57ef38f2f9056e8a02414","open_id":"ou_735cc07f54d57ef38f2f9056e8a02414","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_009g_27afbb84-5aad-43d9-85a5-dd19eca504eg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":271,"name":"张磊","fs_open_id":"ou_54a618646a90d8a10f98595bb4b21b2e","open_id":"ou_54a618646a90d8a10f98595bb4b21b2e","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_3117aa81-7b82-4fc4-aba3-fb7c7cf9bbbg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":307,"name":"吴力","fs_open_id":"ou_01c757965611e7728a4016e619da5776","open_id":"ou_01c757965611e7728a4016e619da5776","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_00ak_1f096aae-758e-4e9e-8b38-9991db1b58bg~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":396,"name":"陈静雯","fs_open_id":"ou_e035b86109bd6956a4298fcf451c82b9","open_id":"ou_e035b86109bd6956a4298fcf451c82b9","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_23bf81ae-1a7f-431e-9fb2-2fa487b30a0g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":465,"name":"周志鹏","fs_open_id":"ou_09e48cc682863431a43f136411a5da9f","open_id":"ou_09e48cc682863431a43f136411a5da9f","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_009n_a0c9ae13-dda1-4d9c-8d12-f0eec8a0307g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":484,"name":"李建恒","fs_open_id":"ou_09505779bcb6a21e9d8a6ed56ae7e27e","open_id":"ou_09505779bcb6a21e9d8a6ed56ae7e27e","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_006i_8fbd2748-a570-40a8-b3de-f248cd770fag~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":502,"name":"高靖松","fs_open_id":"ou_244ed287214fd727f55ef0283a2855f7","open_id":"ou_244ed287214fd727f55ef0283a2855f7","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_006t_bfd84ae9-838f-4b52-ac31-64bbaa29b07g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":506,"name":"支嘉彬","fs_open_id":"ou_37665560cf00b991d6d9da87169f9b1b","open_id":"ou_37665560cf00b991d6d9da87169f9b1b","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_0093_4839b7de-63d9-4b62-99b6-57dc903c1b7g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":511,"name":"宋方域","fs_open_id":"ou_b8c12844881af96b84edff545897204b","open_id":"ou_b8c12844881af96b84edff545897204b","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_006o_3f170624-82ea-42db-b82b-d6f8bd0e924g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":608,"name":"李祖龙","fs_open_id":"ou_1db5e6731088d670983c43b8a5546c23","open_id":"ou_1db5e6731088d670983c43b8a5546c23","dept_name":"运维部","avatar":"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"},{"user_id":617,"name":"项行舟","fs_open_id":"ou_f22b04ae05e7ecf39ebbd681b91ccca8","open_id":"ou_f22b04ae05e7ecf39ebbd681b91ccca8","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_00a7_0376c6cf-0eb3-44f5-809a-9b160f5b646g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":622,"name":"舒常思","fs_open_id":"ou_604edc50311dc25242cfecb6653657b5","open_id":"ou_604edc50311dc25242cfecb6653657b5","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v3_008b_7be9a1ee-6b03-45e7-b4ab-53e3d65bf91g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"},{"user_id":623,"name":"孙雪晴","fs_open_id":"ou_6cf5905c4021555e393c9658c8b484d4","open_id":"ou_6cf5905c4021555e393c9658c8b484d4","dept_name":"运维部","avatar":"https://s1-imfile.feishucdn.com/static-resource/v1/v2_2cca6fde-b584-4f75-8dff-81ca4866774g~?image_size=noop&cut_type=&quality=&format=png&sticker_format=.webp"}].map((item, index) => {
-    return {
-      label: item.name,
-      value: item.user_id,
-      data: { ...item },
-    };
-  });
-});
-const globalConfig = { "avatar": { "user_name": "name", "dept_name": "dept_name", "user_avatar": "avatar" } }
-const globalState={
-  global_always_avatar_is_hihglight(item){
-    return true
-  },
-  // global_always_avatar_is_hihglight: null
-}
-</script>
-<style lang="less" scoped>
-</style>

package/packages/boke-devops-vue/demo/main.ts

@@ -1,7 +0,0 @@
-import { createApp } from 'vue';
-
-import App from './App.vue';
-
-const app = createApp(App);
-
-app.mount('#app');