cnhis-design-vue 3.1.9-beta.3 → 3.1.9-beta.6

package/es/packages/drag-layout/index.d.ts

@@ -466,7 +466,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1180,7 +1183,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -16960,6 +16966,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             componentData: Record<string, any>;
         }>;
         NPopover: import("vue").DefineComponent<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -17022,6 +17029,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17103,6 +17111,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             handleBlur: () => void;
             syncPosition: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -17165,6 +17174,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17300,7 +17310,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -18014,7 +18027,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;

package/es/packages/drag-layout/src/DragFormRightItem.vue.d.ts

@@ -101,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
         componentData: Record<string, any>;
     }>;
     NPopover: import("vue").DefineComponent<{
+        internalOnAfterLeave: import("vue").PropType<() => void>;
         internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
         show: {
             type: import("vue").PropType<boolean | undefined>;
@@ -163,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -244,6 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         handleBlur: () => void;
         syncPosition: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        internalOnAfterLeave: import("vue").PropType<() => void>;
         internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
         show: {
             type: import("vue").PropType<boolean | undefined>;
@@ -306,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -441,7 +445,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1155,7 +1162,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;

package/es/packages/drag-layout/src/DragLayout.vue.d.ts

@@ -106,6 +106,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: NumberConstructor;
             readonly default: 1;
         };
+        /** line 类型 */
         readonly itemStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly xGap: {
             readonly type: import("vue").PropType<string | number>;
@@ -466,7 +467,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1180,7 +1184,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -16960,6 +16967,7 @@ declare const _default: import("vue").DefineComponent<{
             componentData: Record<string, any>;
         }>;
         NPopover: import("vue").DefineComponent<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -16987,9 +16995,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("naive-ui").PopoverPlacement>;
                 default: string;
             };
-            x: NumberConstructor; /**
-             * 更新配置
-             */
+            x: NumberConstructor;
             y: NumberConstructor;
             arrowPointToCenter: BooleanConstructor;
             disabled: BooleanConstructor;
@@ -17024,6 +17030,7 @@ declare const _default: import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17105,6 +17112,7 @@ declare const _default: import("vue").DefineComponent<{
             handleBlur: () => void;
             syncPosition: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -17167,6 +17175,7 @@ declare const _default: import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17302,7 +17311,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -18016,7 +18028,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;

package/es/packages/drag-layout/style/index.less

@@ -1,208 +1,208 @@
-.drag-layout-container {
-  width: 100%;
-  height: 100%;
-  flex: 1;
-  overflow: hidden;
-  overflow-y: auto;
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  border: 1px solid #d2d9e8;
-  text-align: left;
-
-  .min-height {
-    height: calc(100% - 60px);
-    overflow: hidden;
-    overflow-y: auto;
-
-    li {
-      list-style: none;
-    }
-  }
-
-  .border-box {
-    position: absolute;
-    top: 0;
-    left: 30%;
-    border-left: 1px solid #d2d9e8;
-    height: 100%;
-  }
-
-  .text-area {
-    width: 30%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 0 !important;
-
-    .info-header {
-      display: flex;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 10px;
-      margin-bottom: 10px;
-      color: #2e2e2e;
-      font-size: 18px;
-      font-weight: bold;
-      background: #e6eaef;
-    }
-
-    .text-draggable {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: flex-start;
-      padding: 0 12px 12px;
-      box-sizing: border-box;
-      align-content: flex-start;
-
-      li {
-        width: 49%;
-        text-align: center;
-      }
-    }
-  }
-
-  .form-area {
-    position: relative;
-    width: 70%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 4px;
-    box-sizing: border-box;
-
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-
-    .info-header {
-      height: 50px;
-      margin-bottom: 10px;
-      background: unset;
-
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-
-    .combination-col {
-      border: 1px solid #cdc5d3;
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.dragForm-select-drop {
-  z-index: 2001;
-}
-
-.DragFormRightItem {
-  position: relative;
-
-  .is-edit-class {
-    background-color: #f5f5f5 !important;
-    border-color: #d9d9d9 !important;
-  }
-
-  .combination-item {
-    padding: 0px 8px 8px;
-
-    > div {
-      line-height: 35px;
-
-      &:hover > .form-btn {
-        display: flex;
-      }
-    }
-  }
-
-  .form-btn {
-    display: none;
-    align-items: center;
-    position: absolute;
-    top: -1px;
-    right: 0px;
-    height: 100%;
-    white-space: nowrap;
-
-    .quick-reply {
-      display: inline-block;
-      border: 1px dashed rgb(205, 197, 211);
-      font-size: 12px;
-      height: 22px;
-      line-height: 1.499;
-    }
-
-    &:deep(.n-input),
-    &:deep(.n-select) {
-      margin-left: 5px;
-    }
-
-    &:deep(.n-select) {
-      top: -3px;
-    }
-  }
-
-  .right-content {
-    border: 1px dashed rgb(205, 197, 211);
-    background: #fdfdfd;
-    height: 35px;
-    line-height: 35px;
-    padding: 0 10px;
-    position: relative;
-    margin-bottom: 10px;
-    cursor: pointer;
-
-    &:hover .form-btn {
-      display: flex;
-    }
-  }
-
-  .blue-border {
-    border: 1px solid #5585f5 !important;
-  }
-
-  .item-opacity {
-    opacity: 0.5;
-  }
-
-  .red {
-    color: red;
-  }
-}
-
-.DragFormLeftItem {
-  .left-content {
-    width: 100%;
-    margin-bottom: 16px;
-    overflow: hidden;
-    cursor: pointer;
-    color: #2e2e2e;
-
-    .style-box {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 60px;
-      padding: 0 8px;
-      box-sizing: border-box;
-      margin-bottom: 8px;
-      background: #f3f5f8;
-
-      &-input {
-        width: 85%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer !important;
-      }
-
-      input[type="radio"][disabled],
-      input[type="checkbox"][disabled],
-      input[type="radio"].disabled,
-      input[type="checkbox"].disabled {
-        cursor: pointer !important;
-      }
-    }
-  }
-}
+.drag-layout-container {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  border: 1px solid #d2d9e8;
+  text-align: left;
+
+  .min-height {
+    height: calc(100% - 60px);
+    overflow: hidden;
+    overflow-y: auto;
+
+    li {
+      list-style: none;
+    }
+  }
+
+  .border-box {
+    position: absolute;
+    top: 0;
+    left: 30%;
+    border-left: 1px solid #d2d9e8;
+    height: 100%;
+  }
+
+  .text-area {
+    width: 30%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 !important;
+
+    .info-header {
+      display: flex;
+      height: 50px;
+      line-height: 50px;
+      padding: 0 10px;
+      margin-bottom: 10px;
+      color: #2e2e2e;
+      font-size: 18px;
+      font-weight: bold;
+      background: #e6eaef;
+    }
+
+    .text-draggable {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: flex-start;
+      padding: 0 12px 12px;
+      box-sizing: border-box;
+      align-content: flex-start;
+
+      li {
+        width: 49%;
+        text-align: center;
+      }
+    }
+  }
+
+  .form-area {
+    position: relative;
+    width: 70%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 4px;
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    .info-header {
+      height: 50px;
+      margin-bottom: 10px;
+      background: unset;
+
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    .combination-col {
+      border: 1px solid #cdc5d3;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.dragForm-select-drop {
+  z-index: 2001;
+}
+
+.DragFormRightItem {
+  position: relative;
+
+  .is-edit-class {
+    background-color: #f5f5f5 !important;
+    border-color: #d9d9d9 !important;
+  }
+
+  .combination-item {
+    padding: 0px 8px 8px;
+
+    > div {
+      line-height: 35px;
+
+      &:hover > .form-btn {
+        display: flex;
+      }
+    }
+  }
+
+  .form-btn {
+    display: none;
+    align-items: center;
+    position: absolute;
+    top: -1px;
+    right: 0px;
+    height: 100%;
+    white-space: nowrap;
+
+    .quick-reply {
+      display: inline-block;
+      border: 1px dashed rgb(205, 197, 211);
+      font-size: 12px;
+      height: 22px;
+      line-height: 1.499;
+    }
+
+    &:deep(.n-input),
+    &:deep(.n-select) {
+      margin-left: 5px;
+    }
+
+    &:deep(.n-select) {
+      top: -3px;
+    }
+  }
+
+  .right-content {
+    border: 1px dashed rgb(205, 197, 211);
+    background: #fdfdfd;
+    height: 35px;
+    line-height: 35px;
+    padding: 0 10px;
+    position: relative;
+    margin-bottom: 10px;
+    cursor: pointer;
+
+    &:hover .form-btn {
+      display: flex;
+    }
+  }
+
+  .blue-border {
+    border: 1px solid #5585f5 !important;
+  }
+
+  .item-opacity {
+    opacity: 0.5;
+  }
+
+  .red {
+    color: red;
+  }
+}
+
+.DragFormLeftItem {
+  .left-content {
+    width: 100%;
+    margin-bottom: 16px;
+    overflow: hidden;
+    cursor: pointer;
+    color: #2e2e2e;
+
+    .style-box {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 60px;
+      padding: 0 8px;
+      box-sizing: border-box;
+      margin-bottom: 8px;
+      background: #f3f5f8;
+
+      &-input {
+        width: 85%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer !important;
+      }
+
+      input[type="radio"][disabled],
+      input[type="checkbox"][disabled],
+      input[type="radio"].disabled,
+      input[type="checkbox"].disabled {
+        cursor: pointer !important;
+      }
+    }
+  }
+}