cnhis-design-vue 3.1.8-beta.2 → 3.1.8-beta.3

package/es/packages/select-label/style/index.less

@@ -1,151 +1,151 @@
-.c-select-label {
-  .label-disable-wrap {
-    width: 100%;
-    font-size: 14px;
-    line-height: 20px;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-
-    .label-disable-img {
-      width: 320px;
-      height: 248px;
-    }
-  }
-  .common-label {
-    padding: 4px 12px;
-    margin-top: 8px !important;
-    border-radius: 4px;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    > span {
-      margin-right: 16px;
-      color: rgba(0, 0, 0, 0.9);
-    }
-  }
-  .form-add-icon-label {
-    margin-bottom: 4px;
-    color: #2d7aff;
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-  }
-  .anticon + .anticon {
-    margin-left: 16px;
-  }
-  .label-disable-wrap {
-    text-align: center;
-  }
-  .n-tag {
-    max-width: 108px;
-    margin: 0 8px 0 0;
-    border: 1px solid rgb(224, 224, 230);
-    .n-base-icon {
-      color: #fff;
-    }
-    .n-tag__content {
-      display: inline-block;
-      align-items: center;
-      max-width: 80px;
-      height: 100%;
-      line-height: 20px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}
-
-.c-label-form-content {
-  width: 100%;
-  height: 100%;
-  border-top: 1px solid #e8e8e8;
-  border-bottom: 1px solid #e8e8e8;
-  .label-wrap {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    .left-label-wrap {
-      width: 140px;
-      height: 404px;
-      max-height: 404px;
-      border-right: 1px solid #e8e8e8;
-      &.total-left-label-wrap {
-        height: calc(100vh - 109px);
-        max-height: calc(100vh - 109px);
-      }
-      &.explicit-label-wrap {
-        width: 100%;
-        height: auto;
-        overflow: hidden;
-        overflow-y: auto;
-      }
-      .n-anchor.n-anchor--block .n-anchor-link {
-        padding: 10px 8px;
-        font-size: 14px;
-        &.n-anchor-link--active {
-          background-color: #f2f2f2;
-        }
-      }
-    }
-    .right-label-wrap {
-      flex: 1;
-      height: 404px;
-      max-height: 404px;
-      overflow-y: auto;
-      &.total-right-label-wrap {
-        max-height: calc(100vh - 109px);
-      }
-      .label-add {
-        position: relative;
-        top: 2px;
-        height: 30px;
-        line-height: 30px;
-        width: 108px;
-        text-align: center;
-        display: inline-flex;
-        justify-content: center;
-      }
-      .add-input {
-        width: 108px;
-        .n-input__suffix {
-          cursor: pointer;
-        }
-      }
-    }
-    .explicit-continer {
-      width: 100%;
-      border: 1px solid #d5d5d5;
-    }
-  }
-  .edit-label-type {
-    font-size: 12px;
-    margin-left: 4px;
-  }
-  .edit-label-content {
-    padding: 0 14px;
-    .edit-content {
-      width: 100%;
-      margin-top: 8px;
-      margin-bottom: 10px;
-      .n-tag {
-        max-width: 108px;
-        margin: 0 8px 8px 0;
-        text-align: center;
-        border: 1px solid rgb(224, 224, 230);
-        .n-tag__content {
-          display: inline-flex;
-          align-items: center;
-          span {
-            display: inline-block;
-            width: 80px;
-            height: 100%;
-            line-height: 30px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-        }
-      }
-    }
-  }
-}
+.c-select-label {
+  .label-disable-wrap {
+    width: 100%;
+    font-size: 14px;
+    line-height: 20px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    .label-disable-img {
+      width: 320px;
+      height: 248px;
+    }
+  }
+  .common-label {
+    padding: 4px 12px;
+    margin-top: 8px !important;
+    border-radius: 4px;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    > span {
+      margin-right: 16px;
+      color: rgba(0, 0, 0, 0.9);
+    }
+  }
+  .form-add-icon-label {
+    margin-bottom: 4px;
+    color: #2d7aff;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+  }
+  .anticon + .anticon {
+    margin-left: 16px;
+  }
+  .label-disable-wrap {
+    text-align: center;
+  }
+  .n-tag {
+    max-width: 108px;
+    margin: 0 8px 0 0;
+    border: 1px solid rgb(224, 224, 230);
+    .n-base-icon {
+      color: #fff;
+    }
+    .n-tag__content {
+      display: inline-block;
+      align-items: center;
+      max-width: 80px;
+      height: 100%;
+      line-height: 20px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+
+.c-label-form-content {
+  width: 100%;
+  height: 100%;
+  border-top: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
+  .label-wrap {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    .left-label-wrap {
+      width: 140px;
+      height: 404px;
+      max-height: 404px;
+      border-right: 1px solid #e8e8e8;
+      &.total-left-label-wrap {
+        height: calc(100vh - 109px);
+        max-height: calc(100vh - 109px);
+      }
+      &.explicit-label-wrap {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+        overflow-y: auto;
+      }
+      .n-anchor.n-anchor--block .n-anchor-link {
+        padding: 10px 8px;
+        font-size: 14px;
+        &.n-anchor-link--active {
+          background-color: #f2f2f2;
+        }
+      }
+    }
+    .right-label-wrap {
+      flex: 1;
+      height: 404px;
+      max-height: 404px;
+      overflow-y: auto;
+      &.total-right-label-wrap {
+        max-height: calc(100vh - 109px);
+      }
+      .label-add {
+        position: relative;
+        top: 2px;
+        height: 30px;
+        line-height: 30px;
+        width: 108px;
+        text-align: center;
+        display: inline-flex;
+        justify-content: center;
+      }
+      .add-input {
+        width: 108px;
+        .n-input__suffix {
+          cursor: pointer;
+        }
+      }
+    }
+    .explicit-continer {
+      width: 100%;
+      border: 1px solid #d5d5d5;
+    }
+  }
+  .edit-label-type {
+    font-size: 12px;
+    margin-left: 4px;
+  }
+  .edit-label-content {
+    padding: 0 14px;
+    .edit-content {
+      width: 100%;
+      margin-top: 8px;
+      margin-bottom: 10px;
+      .n-tag {
+        max-width: 108px;
+        margin: 0 8px 8px 0;
+        text-align: center;
+        border: 1px solid rgb(224, 224, 230);
+        .n-tag__content {
+          display: inline-flex;
+          align-items: center;
+          span {
+            display: inline-block;
+            width: 80px;
+            height: 100%;
+            line-height: 30px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+  }
+}

package/es/packages/select-person/index.d.ts

@@ -1583,26 +1583,26 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
     NInput: import("vue").DefineComponent<{
         bordered: {
@@ -1882,8 +1882,8 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             contentRef: HTMLElement | null;
             containerScrollTop: number;
             syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
+            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
             sync: () => void;
             handleMouseEnterWrapper: () => void;
             handleMouseLeaveWrapper: () => void;
@@ -1972,10 +1972,11 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -2754,10 +2755,11 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -3007,8 +3009,8 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     }>>, {
         disabled: boolean | undefined;
         checked: string | number | boolean | undefined;
-        focusable: boolean;
         indeterminate: boolean;
+        focusable: boolean;
         defaultChecked: string | number | boolean;
         checkedValue: string | number | boolean;
         uncheckedValue: string | number | boolean;

package/es/packages/select-person/src/SearchTree.vue_vue_type_script_setup_true_lang.mjs

@@ -15,6 +15,7 @@ const _hoisted_3 = {
   class: "load-more-btn-wrap"
 };
 var script = /* @__PURE__ */ defineComponent({
+  name: "SearchTree",
   props: {
     visible: {
       type: Boolean,
@@ -212,8 +213,8 @@ var script = /* @__PURE__ */ defineComponent({
         cascade: "",
         "check-strategy": "all",
         selectable: false,
-        "checked-keys": unref(state).checkedKeys,
-        "expanded-keys": unref(state).expandedKeys,
+        "checked-keys": state.checkedKeys,
+        "expanded-keys": state.expandedKeys,
         data: __props.formatTreeData,
         "render-label": renderLabel
       }), null, 16, ["checked-keys", "expanded-keys", "data"]), withDirectives(createElementVNode("div", _hoisted_2, [createCommentVNode(" loadMorenLoadinng "), __props.loadMorenLoadinng ? (openBlock(), createBlock(unref(NSpin), {

package/es/packages/select-person/src/SelectPerson.vue.d.ts

@@ -329,7 +329,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorGhostFocusPrimary: string;
             textColorGhostDisabledPrimary: string;
             borderPrimary: string;
-            borderHoverPrimary: string; /** 提交映射 */
+            borderHoverPrimary: string;
             borderPressedPrimary: string;
             borderFocusPrimary: string;
             borderDisabledPrimary: string;
@@ -1582,26 +1582,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
     NInput: import("vue").DefineComponent<{
         bordered: {
@@ -1881,8 +1881,8 @@ declare const _default: import("vue").DefineComponent<{
             contentRef: HTMLElement | null;
             containerScrollTop: number;
             syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
+            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
             sync: () => void;
             handleMouseEnterWrapper: () => void;
             handleMouseLeaveWrapper: () => void;
@@ -1971,10 +1971,11 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -2148,7 +2149,9 @@ declare const _default: import("vue").DefineComponent<{
             '--n-icon-color-pressed': string;
             '--n-icon-color-disabled': string;
             '--n-suffix-text-color': string;
-        }> | undefined;
+        }> | undefined; /**
+         * 拼接key
+         */
         themeClass: import("vue").Ref<string> | undefined;
         onRender: (() => void) | undefined;
         isCompositing: import("vue").Ref<boolean>;
@@ -2755,10 +2758,11 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -2785,7 +2789,9 @@ declare const _default: import("vue").DefineComponent<{
                 hoverColor: string;
                 tableColorHover: string;
                 tableColorStriped: string;
-                pressedColor: string;
+                pressedColor: string; /**
+                 * 过滤默认值的右边展示
+                 */
                 opacityDisabled: string;
                 inputColorDisabled: string;
                 buttonColor2: string;
@@ -2794,9 +2800,7 @@ declare const _default: import("vue").DefineComponent<{
                 boxShadow1: string;
                 boxShadow2: string;
                 boxShadow3: string;
-                fontFamily: string; /**
-                 * 检索
-                 */
+                fontFamily: string;
                 fontFamilyMono: string;
                 fontWeight: string;
                 fontWeightStrong: string;
@@ -3010,8 +3014,8 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         disabled: boolean | undefined;
         checked: string | number | boolean | undefined;
-        focusable: boolean;
         indeterminate: boolean;
+        focusable: boolean;
         defaultChecked: string | number | boolean;
         checkedValue: string | number | boolean;
         uncheckedValue: string | number | boolean;