bkui-vue 0.0.1-beta.193 → 0.0.1-beta.195

package/lib/tag-input/tag-input.less

@@ -119,133 +119,133 @@
       }
     }
   }
-
-  .bk-popover-content {
-    padding: 0;
-  }
 }
 
-.bk-selector-list {
-  min-width: 150px;
-
-  .outside-ul {
-    max-height: 160px;
-    padding: 0;
-    padding: 6px 0;
-    margin: 0;
-    overflow-y: auto;
-    list-style: none;
-    background-color: @white-color;
-    border: 1px solid #dcdee5;
-    border-radius: 2px;
+.bk-tag-input-popover-content {
+  padding: 0;
+  
+  .bk-selector-list {
+    min-width: 150px;
 
-    &::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
+    .outside-ul {
+      max-height: 160px;
+      padding: 0;
+      padding: 6px 0;
+      margin: 0;
+      overflow-y: auto;
+      list-style: none;
+      background-color: @white-color;
+      border: 1px solid #dcdee5;
+      border-radius: 2px;
+
+      &::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+      }
 
-    &::-webkit-scrollbar-thumb {
-      min-height: 24px;
-      background-color: #dcdee5;
-      border-radius: 3px;
+      &::-webkit-scrollbar-thumb {
+        min-height: 24px;
+        background-color: #dcdee5;
+        border-radius: 3px;
+      }
     }
-  }
 
-  .bk-selector-group-item {
-    list-style: none;
+    .bk-selector-group-item {
+      list-style: none;
 
-    .group-name {
-      padding-left: 11px;
-      font-size: 12px;
-      line-height: 32px;
-      color: #979ba5;
+      .group-name {
+        padding-left: 11px;
+        font-size: 12px;
+        line-height: 32px;
+        color: #979ba5;
+      }
     }
-  }
 
-  .bk-selector-group-list-item {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
+    .bk-selector-group-list-item {
+      padding: 0;
+      margin: 0;
+      list-style: none;
+    }
 
-  .bk-selector-list-item {
-    position: relative;
-    width: 100%;
-    cursor: pointer;
-    background-color: @white-color;
-    border-right: @light-gray;
-    border-left: @light-gray;
+    .bk-selector-list-item {
+      position: relative;
+      width: 100%;
+      cursor: pointer;
+      background-color: @white-color;
+      border-right: @light-gray;
+      border-left: @light-gray;
 
-    &:first-child {
-      border-top: @light-gray;
-    }
+      &:first-child {
+        border-top: @light-gray;
+      }
 
-    &:last-child {
-      border-bottom: @light-gray;
-    }
+      &:last-child {
+        border-bottom: @light-gray;
+      }
 
-    &.bk-selector-selected {
-      background-color: #f4f6fa;
+      &.bk-selector-selected {
+        background-color: #f4f6fa;
 
-      .selected-icon {
-        display: inline-block;
+        .selected-icon {
+          display: inline-block;
+        }
       }
-    }
 
-    &.bk-selector-actived {
-      background-color: #f4f6fa;
-    }
+      &.bk-selector-actived {
+        background-color: #f4f6fa;
+      }
 
-    &:hover {
-      background-color: #eaf3ff;
-    }
+      &:hover {
+        background-color: #eaf3ff;
+      }
 
-    &.disabled {
-      cursor: not-allowed;
-      background: @white-color;
+      &.disabled {
+        cursor: not-allowed;
+        background: @white-color;
 
-      .text {
-        color: @light-gray;
+        .text {
+          color: @light-gray;
+        }
       }
-    }
 
-    &.loading {
-      padding: 5px 0 3px;
-      text-align: center;
-    }
+      &.loading {
+        padding: 5px 0 3px;
+        text-align: center;
+      }
 
-    .loading {
-      position: relative;
-      width: 100%;
-      height: 40px;
-      font-size: 14px;
-      cursor: default;
-    }
+      .loading {
+        position: relative;
+        width: 100%;
+        height: 40px;
+        font-size: 14px;
+        cursor: default;
+      }
 
-    .text {
-      padding: 0 10px;
-      overflow: hidden;
-      font-size: 12px;
-      line-height: 32px;
-      color: @default-color;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
+      .text {
+        padding: 0 10px;
+        overflow: hidden;
+        font-size: 12px;
+        line-height: 32px;
+        color: @default-color;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
 
-    .bk-selector-tools {
-      position: absolute;
-      top: 10px;
-      right: 0;
-      display: none;
-      font-size: 12px;
+      .bk-selector-tools {
+        position: absolute;
+        top: 10px;
+        right: 0;
+        display: none;
+        font-size: 12px;
 
-      .bk-selector-list-icon {
-        margin-right: 14px;
+        .bk-selector-list-icon {
+          margin-right: 14px;
+        }
       }
-    }
 
-    .highlight-text {
-      color: @primary-color;
+      .highlight-text {
+        color: @primary-color;
+      }
     }
   }
-}
+}

package/lib/tag-input/tag-input.variable.css

@@ -214,13 +214,13 @@
 .bk-tag-input .bk-tag-input-trigger .clear-icon:hover {
   color: var(--gray-color);
 }
-.bk-tag-input .bk-popover-content {
+.bk-tag-input-popover-content {
   padding: 0;
 }
-.bk-selector-list {
+.bk-tag-input-popover-content .bk-selector-list {
   min-width: 150px;
 }
-.bk-selector-list .outside-ul {
+.bk-tag-input-popover-content .bk-selector-list .outside-ul {
   max-height: 160px;
   padding: 0;
   padding: 6px 0;
@@ -231,30 +231,30 @@
   border: 1px solid #dcdee5;
   border-radius: 2px;
 }
-.bk-selector-list .outside-ul::-webkit-scrollbar {
+.bk-tag-input-popover-content .bk-selector-list .outside-ul::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.bk-selector-list .outside-ul::-webkit-scrollbar-thumb {
+.bk-tag-input-popover-content .bk-selector-list .outside-ul::-webkit-scrollbar-thumb {
   min-height: 24px;
   background-color: #dcdee5;
   border-radius: 3px;
 }
-.bk-selector-list .bk-selector-group-item {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-group-item {
   list-style: none;
 }
-.bk-selector-list .bk-selector-group-item .group-name {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-group-item .group-name {
   padding-left: 11px;
   font-size: 12px;
   line-height: 32px;
   color: #979ba5;
 }
-.bk-selector-list .bk-selector-group-list-item {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-group-list-item {
   padding: 0;
   margin: 0;
   list-style: none;
 }
-.bk-selector-list .bk-selector-list-item {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item {
   position: relative;
   width: 100%;
   cursor: pointer;
@@ -262,43 +262,43 @@
   border-right: var(--light-gray);
   border-left: var(--light-gray);
 }
-.bk-selector-list .bk-selector-list-item:first-child {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:first-child {
   border-top: var(--light-gray);
 }
-.bk-selector-list .bk-selector-list-item:last-child {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:last-child {
   border-bottom: var(--light-gray);
 }
-.bk-selector-list .bk-selector-list-item.bk-selector-selected {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-selected {
   background-color: #f4f6fa;
 }
-.bk-selector-list .bk-selector-list-item.bk-selector-selected .selected-icon {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-selected .selected-icon {
   display: inline-block;
 }
-.bk-selector-list .bk-selector-list-item.bk-selector-actived {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-actived {
   background-color: #f4f6fa;
 }
-.bk-selector-list .bk-selector-list-item:hover {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:hover {
   background-color: #eaf3ff;
 }
-.bk-selector-list .bk-selector-list-item.disabled {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.disabled {
   cursor: not-allowed;
   background: var(--white-color);
 }
-.bk-selector-list .bk-selector-list-item.disabled .text {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.disabled .text {
   color: var(--light-gray);
 }
-.bk-selector-list .bk-selector-list-item.loading {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.loading {
   padding: 5px 0 3px;
   text-align: center;
 }
-.bk-selector-list .bk-selector-list-item .loading {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .loading {
   position: relative;
   width: 100%;
   height: 40px;
   font-size: 14px;
   cursor: default;
 }
-.bk-selector-list .bk-selector-list-item .text {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .text {
   padding: 0 10px;
   overflow: hidden;
   font-size: 12px;
@@ -307,16 +307,16 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-selector-list .bk-selector-list-item .bk-selector-tools {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .bk-selector-tools {
   position: absolute;
   top: 10px;
   right: 0;
   display: none;
   font-size: 12px;
 }
-.bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon {
   margin-right: 14px;
 }
-.bk-selector-list .bk-selector-list-item .highlight-text {
+.bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .highlight-text {
   color: var(--primary-color);
 }

package/lib/tag-input/tag-props.d.ts

@@ -130,6 +130,85 @@ declare const tagProps: () => {
         type: BooleanConstructor;
         default: boolean;
     };
+    popoverProps: PropType<Readonly<ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
+        contentCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        transition: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        placement: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        handleFirstUpdate: {
+            type: PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
+            default: () => void;
+        };
+        trigger: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+            default: string | (() => string[]);
+        };
+    }>>>;
 };
 export default tagProps;
 export declare type TagProps = Partial<ExtractPropTypes<ReturnType<typeof tagProps>>>;