bm-admin-ui 1.0.13-alpha → 1.0.14-alpha

package/es/components/input-tags-display/index.d.ts

@@ -22,10 +22,6 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
         type: StringConstructor;
         default: string;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
 }, {
     containId: string;
     clear: () => void;
@@ -55,16 +51,11 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
         type: StringConstructor;
         default: string;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
 }>> & {
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:list"?: ((...args: any[]) => any) | undefined;
     onAddClick?: ((...args: any[]) => any) | undefined;
 }, {
-    width: string;
     placement: string;
     list: unknown[];
     showEmpty: boolean;

package/es/components/input-tags-display/index.js

@@ -1,7 +1,7 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
 import Popover from 'ant-design-vue/lib/popover';
 import Button from 'ant-design-vue/lib/button';
-import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock, normalizeStyle, withCtx, createElementVNode, toDisplayString, withModifiers, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from 'vue';
+import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock, withCtx, createElementVNode, toDisplayString, withModifiers, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from 'vue';
 
 /**
  * Take input from [0, n] and return it as [0, 1]
@@ -1145,10 +1145,6 @@ const _sfc_main = defineComponent({
     placement: {
       type: String,
       default: "bottom"
-    },
-    width: {
-      type: String,
-      default: "395px"
     }
   },
   emits: ["clear", "update:list", "addClick"],
@@ -1177,7 +1173,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "item-input-selector" };
+const _hoisted_1 = { class: "bm-tags-display" };
 const _hoisted_2 = ["id"];
 const _hoisted_3 = { class: "pop-seleted" };
 const _hoisted_4 = { class: "pop-seleted-title" };
@@ -1185,7 +1181,8 @@ const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5DF2\u9009\u62E9");
 const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u9879 ");
 const _hoisted_7 = { class: "select-input-wrapper" };
 const _hoisted_8 = { key: 1 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_9 = { key: 2 };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_tag = resolveComponent("a-tag");
   const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
@@ -1195,11 +1192,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.list && _ctx.list.length ? (openBlock(), createElementBlock("div", {
       key: 0,
       id: _ctx.containId,
-      class: "testname",
-      style: normalizeStyle({ width: _ctx.width })
+      class: "bm-tags-display-wrapper"
     }, [
       createVNode(_component_Popover, {
-        color: "#fff",
         "get-popup-container": _ctx.getPopupContainer,
         placement: _ctx.placement,
         "overlay-class-name": "__list-filter-popover"
@@ -1210,26 +1205,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _hoisted_5,
               createElementVNode("span", null, toDisplayString(_ctx.list.length), 1),
               _hoisted_6
-            ]),
-            createElementVNode("div", {
-              class: "pop-seleted-list",
-              onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
-                return openBlock(), createBlock(_component_a_tag, {
-                  key: item.key,
-                  class: "pop-seleted-item"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(item.title), 1)
-                  ]),
-                  _: 2
-                }, 1024);
-              }), 128))
-            ], 32)
+            ])
           ])
         ]),
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: "pop-seleted-list",
+            onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
+              return openBlock(), createBlock(_component_a_tag, {
+                key: item.key,
+                class: "pop-seleted-item"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.title), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ], 32)
+        ]),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
@@ -1256,7 +1253,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["get-popup-container", "placement"])
-    ], 12, _hoisted_2)) : createCommentVNode("v-if", true),
+    ], 8, _hoisted_2)) : createCommentVNode("v-if", true),
     _ctx.showEmptyBtn && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
       createVNode(_component_Button, {
         onClick: withModifiers(_ctx.toAddTags, ["stop"])
@@ -1267,16 +1264,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["onClick"])
     ])) : createCommentVNode("v-if", true),
-    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      style: normalizeStyle({ width: _ctx.width })
-    }, [
+    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
       createElementVNode("div", {
         class: "selector-empty-input",
         onClick: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
       }, "\xA0")
-    ], 4)) : createCommentVNode("v-if", true),
-    _hoisted_9
+    ])) : createCommentVNode("v-if", true),
+    _hoisted_10
   ]);
 }
 var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);

package/es/components/input-tags-display/src/input-tags-display.vue.d.ts

@@ -23,10 +23,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
 }, {
     containId: string;
     clear: () => void;
@@ -53,16 +49,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
 }>> & {
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:list"?: ((...args: any[]) => any) | undefined;
     onAddClick?: ((...args: any[]) => any) | undefined;
 }, {
-    width: string;
     placement: string;
     list: unknown[];
     showEmpty: boolean;

package/index.esm.js

@@ -63806,7 +63806,7 @@ const _hoisted_9$5 = {
   key: 1,
   class: "bm-multi-cascader-placeholder"
 };
-const _hoisted_10$4 = { class: "bm-multi-cascader-action" };
+const _hoisted_10$5 = { class: "bm-multi-cascader-action" };
 const _hoisted_11$4 = {
   key: 0,
   class: "bm-multi-cascader-popover"
@@ -64255,7 +64255,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("v-if", true)
                 ])) : (openBlock(), createElementBlock("div", _hoisted_9$5, toDisplayString(props.placeholder), 1))
               ]),
-              createElementVNode("div", _hoisted_10$4, [
+              createElementVNode("div", _hoisted_10$5, [
                 props.allowClear && props.modelValue.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   createVNode(unref(DownOutlined$1), { class: "bm-multi-cascader-icon bm-multi-cascader-caret" }),
                   createVNode(unref(CloseCircleFilled$1), {
@@ -73193,7 +73193,7 @@ const _hoisted_7$4 = {
 };
 const _hoisted_8$4 = { class: "label" };
 const _hoisted_9$4 = { class: "__shops-filter-areas" };
-const _hoisted_10$3 = ["onClick"];
+const _hoisted_10$4 = ["onClick"];
 const _hoisted_11$3 = ["onClick"];
 const _hoisted_12$3 = { class: "__shops-filter-selecting" };
 const _hoisted_13$3 = /* @__PURE__ */ createTextVNode(" \u5DF2\u9009\u62E9");
@@ -73326,7 +73326,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                   active: !(item.multiple ? _ctx.filterSelects[index].length : !!_ctx.filterSelects[index])
                 }),
                 onClick: withModifiers(($event) => _ctx.changeFilterSelect(index, ""), ["self"])
-              }, "\u5168\u90E8", 10, _hoisted_10$3),
+              }, "\u5168\u90E8", 10, _hoisted_10$4),
               (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (element) => {
                 return openBlock(), createElementBlock("span", {
                   key: element.code,
@@ -80572,7 +80572,7 @@ const _hoisted_9$3 = {
   class: "noData",
   style: { "height": "280px" }
 };
-const _hoisted_10$2 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+const _hoisted_10$3 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
 const _hoisted_11$2 = { class: "__selector-chosen-panel" };
 const _hoisted_12$2 = {
   key: 0,
@@ -80658,7 +80658,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.list && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
             createVNode(_component_Empty, { image: _ctx.emptyPic }, {
               description: withCtx(() => [
-                createElementVNode("span", _hoisted_10$2, toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+                createElementVNode("span", _hoisted_10$3, toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
               ]),
               _: 1
             }, 8, ["image"])
@@ -81425,7 +81425,7 @@ const _hoisted_9$2 = {
   key: 1,
   class: "__selector-modal-options"
 };
-const _hoisted_10$1 = { class: "department-option-item" };
+const _hoisted_10$2 = { class: "department-option-item" };
 const _hoisted_11$1 = {
   key: 0,
   class: "department-desc"
@@ -81506,7 +81506,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               "tree-data": _ctx.list
             }, {
               title: withCtx(({ title, description }) => [
-                createElementVNode("div", _hoisted_10$1, [
+                createElementVNode("div", _hoisted_10$2, [
                   createElementVNode("span", null, toDisplayString(title), 1),
                   description ? (openBlock(), createElementBlock("p", _hoisted_11$1, toDisplayString(description), 1)) : createCommentVNode("v-if", true)
                 ])
@@ -82635,7 +82635,7 @@ const _hoisted_6$1 = ["src"];
 const _hoisted_7$1 = ["src"];
 const _hoisted_8$1 = ["src"];
 const _hoisted_9$1 = ["src"];
-const _hoisted_10 = {
+const _hoisted_10$1 = {
   key: 6,
   class: "bm-upload__picture-result__cover"
 };
@@ -82752,7 +82752,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               src: $setup.icons.others,
               alt: "avatar"
             }, null, 8, _hoisted_9$1)),
-            _ctx.onepViewImageHover[item.uid] ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            _ctx.onepViewImageHover[item.uid] ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
               !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--view",
@@ -83063,10 +83063,6 @@ const _sfc_main = defineComponent({
     placement: {
       type: String,
       default: "bottom"
-    },
-    width: {
-      type: String,
-      default: "395px"
     }
   },
   emits: ["clear", "update:list", "addClick"],
@@ -83095,7 +83091,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "item-input-selector" };
+const _hoisted_1 = { class: "bm-tags-display" };
 const _hoisted_2 = ["id"];
 const _hoisted_3 = { class: "pop-seleted" };
 const _hoisted_4 = { class: "pop-seleted-title" };
@@ -83103,7 +83099,8 @@ const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5DF2\u9009\u62E9");
 const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u9879 ");
 const _hoisted_7 = { class: "select-input-wrapper" };
 const _hoisted_8 = { key: 1 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_9 = { key: 2 };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_tag = resolveComponent("a-tag");
   const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
@@ -83113,11 +83110,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.list && _ctx.list.length ? (openBlock(), createElementBlock("div", {
       key: 0,
       id: _ctx.containId,
-      class: "testname",
-      style: normalizeStyle({ width: _ctx.width })
+      class: "bm-tags-display-wrapper"
     }, [
       createVNode(_component_Popover, {
-        color: "#fff",
         "get-popup-container": _ctx.getPopupContainer,
         placement: _ctx.placement,
         "overlay-class-name": "__list-filter-popover"
@@ -83128,26 +83123,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _hoisted_5,
               createElementVNode("span", null, toDisplayString(_ctx.list.length), 1),
               _hoisted_6
-            ]),
-            createElementVNode("div", {
-              class: "pop-seleted-list",
-              onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
-                return openBlock(), createBlock(_component_a_tag, {
-                  key: item.key,
-                  class: "pop-seleted-item"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(item.title), 1)
-                  ]),
-                  _: 2
-                }, 1024);
-              }), 128))
-            ], 32)
+            ])
           ])
         ]),
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: "pop-seleted-list",
+            onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
+              return openBlock(), createBlock(_component_a_tag, {
+                key: item.key,
+                class: "pop-seleted-item"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.title), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ], 32)
+        ]),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
@@ -83174,7 +83171,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["get-popup-container", "placement"])
-    ], 12, _hoisted_2)) : createCommentVNode("v-if", true),
+    ], 8, _hoisted_2)) : createCommentVNode("v-if", true),
     _ctx.showEmptyBtn && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
       createVNode(_component_Button, {
         onClick: withModifiers(_ctx.toAddTags, ["stop"])
@@ -83185,16 +83182,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["onClick"])
     ])) : createCommentVNode("v-if", true),
-    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      style: normalizeStyle({ width: _ctx.width })
-    }, [
+    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
       createElementVNode("div", {
         class: "selector-empty-input",
         onClick: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
       }, "\xA0")
-    ], 4)) : createCommentVNode("v-if", true),
-    _hoisted_9
+    ])) : createCommentVNode("v-if", true),
+    _hoisted_10
   ]);
 }
 var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);

package/index.js

@@ -63814,7 +63814,7 @@ var process = {
     key: 1,
     class: "bm-multi-cascader-placeholder"
   };
-  const _hoisted_10$4 = { class: "bm-multi-cascader-action" };
+  const _hoisted_10$5 = { class: "bm-multi-cascader-action" };
   const _hoisted_11$4 = {
     key: 0,
     class: "bm-multi-cascader-popover"
@@ -64263,7 +64263,7 @@ var process = {
                     ])) : require$$1$1.createCommentVNode("v-if", true)
                   ])) : (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", _hoisted_9$5, require$$1$1.toDisplayString(props.placeholder), 1))
                 ]),
-                require$$1$1.createElementVNode("div", _hoisted_10$4, [
+                require$$1$1.createElementVNode("div", _hoisted_10$5, [
                   props.allowClear && props.modelValue.length > 0 ? (require$$1$1.openBlock(), require$$1$1.createElementBlock(require$$1$1.Fragment, { key: 0 }, [
                     require$$1$1.createVNode(require$$1$1.unref(DownOutlined$1), { class: "bm-multi-cascader-icon bm-multi-cascader-caret" }),
                     require$$1$1.createVNode(require$$1$1.unref(CloseCircleFilled$1), {
@@ -73201,7 +73201,7 @@ var process = {
   };
   const _hoisted_8$4 = { class: "label" };
   const _hoisted_9$4 = { class: "__shops-filter-areas" };
-  const _hoisted_10$3 = ["onClick"];
+  const _hoisted_10$4 = ["onClick"];
   const _hoisted_11$3 = ["onClick"];
   const _hoisted_12$3 = { class: "__shops-filter-selecting" };
   const _hoisted_13$3 = /* @__PURE__ */ require$$1$1.createTextVNode(" \u5DF2\u9009\u62E9");
@@ -73334,7 +73334,7 @@ var process = {
                     active: !(item.multiple ? _ctx.filterSelects[index].length : !!_ctx.filterSelects[index])
                   }),
                   onClick: require$$1$1.withModifiers(($event) => _ctx.changeFilterSelect(index, ""), ["self"])
-                }, "\u5168\u90E8", 10, _hoisted_10$3),
+                }, "\u5168\u90E8", 10, _hoisted_10$4),
                 (require$$1$1.openBlock(true), require$$1$1.createElementBlock(require$$1$1.Fragment, null, require$$1$1.renderList(item.list, (element) => {
                   return require$$1$1.openBlock(), require$$1$1.createElementBlock("span", {
                     key: element.code,
@@ -80580,7 +80580,7 @@ var process = {
     class: "noData",
     style: { "height": "280px" }
   };
-  const _hoisted_10$2 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+  const _hoisted_10$3 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
   const _hoisted_11$2 = { class: "__selector-chosen-panel" };
   const _hoisted_12$2 = {
     key: 0,
@@ -80666,7 +80666,7 @@ var process = {
             _ctx.list && !_ctx.list.length ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", _hoisted_9$3, [
               require$$1$1.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
                 description: require$$1$1.withCtx(() => [
-                  require$$1$1.createElementVNode("span", _hoisted_10$2, require$$1$1.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+                  require$$1$1.createElementVNode("span", _hoisted_10$3, require$$1$1.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
                 ]),
                 _: 1
               }, 8, ["image"])
@@ -81433,7 +81433,7 @@ var process = {
     key: 1,
     class: "__selector-modal-options"
   };
-  const _hoisted_10$1 = { class: "department-option-item" };
+  const _hoisted_10$2 = { class: "department-option-item" };
   const _hoisted_11$1 = {
     key: 0,
     class: "department-desc"
@@ -81514,7 +81514,7 @@ var process = {
                 "tree-data": _ctx.list
               }, {
                 title: require$$1$1.withCtx(({ title, description }) => [
-                  require$$1$1.createElementVNode("div", _hoisted_10$1, [
+                  require$$1$1.createElementVNode("div", _hoisted_10$2, [
                     require$$1$1.createElementVNode("span", null, require$$1$1.toDisplayString(title), 1),
                     description ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("p", _hoisted_11$1, require$$1$1.toDisplayString(description), 1)) : require$$1$1.createCommentVNode("v-if", true)
                   ])
@@ -82643,7 +82643,7 @@ var process = {
   const _hoisted_7$1 = ["src"];
   const _hoisted_8$1 = ["src"];
   const _hoisted_9$1 = ["src"];
-  const _hoisted_10 = {
+  const _hoisted_10$1 = {
     key: 6,
     class: "bm-upload__picture-result__cover"
   };
@@ -82760,7 +82760,7 @@ var process = {
                 src: $setup.icons.others,
                 alt: "avatar"
               }, null, 8, _hoisted_9$1)),
-              _ctx.onepViewImageHover[item.uid] ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", _hoisted_10, [
+              _ctx.onepViewImageHover[item.uid] ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", _hoisted_10$1, [
                 !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", {
                   key: 0,
                   class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--view",
@@ -83071,10 +83071,6 @@ var process = {
       placement: {
         type: String,
         default: "bottom"
-      },
-      width: {
-        type: String,
-        default: "395px"
       }
     },
     emits: ["clear", "update:list", "addClick"],
@@ -83103,7 +83099,7 @@ var process = {
       };
     }
   });
-  const _hoisted_1 = { class: "item-input-selector" };
+  const _hoisted_1 = { class: "bm-tags-display" };
   const _hoisted_2 = ["id"];
   const _hoisted_3 = { class: "pop-seleted" };
   const _hoisted_4 = { class: "pop-seleted-title" };
@@ -83111,7 +83107,8 @@ var process = {
   const _hoisted_6 = /* @__PURE__ */ require$$1$1.createTextVNode("\u9879 ");
   const _hoisted_7 = { class: "select-input-wrapper" };
   const _hoisted_8 = { key: 1 };
-  const _hoisted_9 = /* @__PURE__ */ require$$1$1.createElementVNode("div", null, null, -1);
+  const _hoisted_9 = { key: 2 };
+  const _hoisted_10 = /* @__PURE__ */ require$$1$1.createElementVNode("div", null, null, -1);
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_tag = require$$1$1.resolveComponent("a-tag");
     const _component_CloseCircleFilled = require$$1$1.resolveComponent("CloseCircleFilled");
@@ -83121,11 +83118,9 @@ var process = {
       _ctx.list && _ctx.list.length ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", {
         key: 0,
         id: _ctx.containId,
-        class: "testname",
-        style: require$$1$1.normalizeStyle({ width: _ctx.width })
+        class: "bm-tags-display-wrapper"
       }, [
         require$$1$1.createVNode(_component_Popover, {
-          color: "#fff",
           "get-popup-container": _ctx.getPopupContainer,
           placement: _ctx.placement,
           "overlay-class-name": "__list-filter-popover"
@@ -83136,26 +83131,28 @@ var process = {
                 _hoisted_5,
                 require$$1$1.createElementVNode("span", null, require$$1$1.toDisplayString(_ctx.list.length), 1),
                 _hoisted_6
-              ]),
-              require$$1$1.createElementVNode("div", {
-                class: "pop-seleted-list",
-                onWheel: _cache[0] || (_cache[0] = require$$1$1.withModifiers(() => {
-                }, ["stop"]))
-              }, [
-                (require$$1$1.openBlock(true), require$$1$1.createElementBlock(require$$1$1.Fragment, null, require$$1$1.renderList(_ctx.list, (item) => {
-                  return require$$1$1.openBlock(), require$$1$1.createBlock(_component_a_tag, {
-                    key: item.key,
-                    class: "pop-seleted-item"
-                  }, {
-                    default: require$$1$1.withCtx(() => [
-                      require$$1$1.createTextVNode(require$$1$1.toDisplayString(item.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024);
-                }), 128))
-              ], 32)
+              ])
             ])
           ]),
+          content: require$$1$1.withCtx(() => [
+            require$$1$1.createElementVNode("div", {
+              class: "pop-seleted-list",
+              onWheel: _cache[0] || (_cache[0] = require$$1$1.withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              (require$$1$1.openBlock(true), require$$1$1.createElementBlock(require$$1$1.Fragment, null, require$$1$1.renderList(_ctx.list, (item) => {
+                return require$$1$1.openBlock(), require$$1$1.createBlock(_component_a_tag, {
+                  key: item.key,
+                  class: "pop-seleted-item"
+                }, {
+                  default: require$$1$1.withCtx(() => [
+                    require$$1$1.createTextVNode(require$$1$1.toDisplayString(item.title), 1)
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128))
+            ], 32)
+          ]),
           default: require$$1$1.withCtx(() => [
             require$$1$1.createElementVNode("div", _hoisted_7, [
               (require$$1$1.openBlock(true), require$$1$1.createElementBlock(require$$1$1.Fragment, null, require$$1$1.renderList(_ctx.list, (item) => {
@@ -83182,7 +83179,7 @@ var process = {
           ]),
           _: 1
         }, 8, ["get-popup-container", "placement"])
-      ], 12, _hoisted_2)) : require$$1$1.createCommentVNode("v-if", true),
+      ], 8, _hoisted_2)) : require$$1$1.createCommentVNode("v-if", true),
       _ctx.showEmptyBtn && !_ctx.list.length ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", _hoisted_8, [
         require$$1$1.createVNode(_component_Button, {
           onClick: require$$1$1.withModifiers(_ctx.toAddTags, ["stop"])
@@ -83193,16 +83190,13 @@ var process = {
           _: 1
         }, 8, ["onClick"])
       ])) : require$$1$1.createCommentVNode("v-if", true),
-      _ctx.showEmpty && !_ctx.list.length ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", {
-        key: 2,
-        style: require$$1$1.normalizeStyle({ width: _ctx.width })
-      }, [
+      _ctx.showEmpty && !_ctx.list.length ? (require$$1$1.openBlock(), require$$1$1.createElementBlock("div", _hoisted_9, [
         require$$1$1.createElementVNode("div", {
           class: "selector-empty-input",
           onClick: _cache[4] || (_cache[4] = require$$1$1.withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
         }, "\xA0")
-      ], 4)) : require$$1$1.createCommentVNode("v-if", true),
-      _hoisted_9
+      ])) : require$$1$1.createCommentVNode("v-if", true),
+      _hoisted_10
     ]);
   }
   var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);

package/lib/components/input-tags-display/index.d.ts

@@ -22,10 +22,6 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
         type: StringConstructor;
         default: string;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
 }, {
     containId: string;
     clear: () => void;
@@ -55,16 +51,11 @@ declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWith
         type: StringConstructor;
         default: string;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
 }>> & {
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:list"?: ((...args: any[]) => any) | undefined;
     onAddClick?: ((...args: any[]) => any) | undefined;
 }, {
-    width: string;
     placement: string;
     list: unknown[];
     showEmpty: boolean;