@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

package/packages/components/input-dialog-select/style.css

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-dafac7ab]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-dafac7ab]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-dafac7ab]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-dafac7ab]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-dafac7ab]{width:230px}.das-ui-input-dialog-select.auto-size[data-v-dafac7ab]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-dafac7ab]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab],.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-dafac7ab]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-dafac7ab]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-dafac7ab]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-dafac7ab]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-dafac7ab]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-dafac7ab],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-dafac7ab]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-dafac7ab],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-dafac7ab]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-dafac7ab]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-dafac7ab]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-dafac7ab]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-dafac7ab]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-dafac7ab]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-dafac7ab]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-dafac7ab]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-dafac7ab]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-dafac7ab]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-dafac7ab]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word;word-break:break-all}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-dafac7ab]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word;word-break:break-all}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-dafac7ab]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-f6defb6e]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f6defb6e]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f6defb6e]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f6defb6e]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-f6defb6e]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-f6defb6e]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-f6defb6e]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-f6defb6e]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-f6defb6e]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f6defb6e]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-f6defb6e]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f6defb6e]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-f6defb6e]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-f6defb6e]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-f6defb6e]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f6defb6e],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-f6defb6e]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f6defb6e],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-f6defb6e]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-f6defb6e]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-f6defb6e]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-f6defb6e]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-f6defb6e]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-f6defb6e]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-f6defb6e]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-f6defb6e]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-f6defb6e]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-f6defb6e]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-f6defb6e]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-f6defb6e]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-f6defb6e]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}

package/packages/components/input-dialog-select/theme/index.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
     '--das-ui-input-dialog-select-disabled-text': string;
     '--das-ui-input-dialog-select-border-active': string;
     '--das-ui-input-dialog-select-error-color': string;
-    '--das-ui-input-number-overlay-error-bg-color': string;
+    '--das-ui-color-overlay-error': string;
     '--das-ui-input-error-color': string;
 };
 export default _default;

package/packages/components/input-number/index.d.ts

@@ -0,0 +1,131 @@
+declare const DasInputNumber: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props & {
+    modelValue?: number;
+}, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+} & {
+    input: (curValue: number | null | undefined) => any;
+    "update:modelValue": (value: number | null) => any;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props & {
+    modelValue?: number;
+}> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    error: boolean;
+    isView: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    errorLabel: string;
+    controlsPosition: "" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props & {
+    modelValue?: number;
+}> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+} & {
+    input: (curValue: number | null | undefined) => any;
+    "update:modelValue": (value: number | null) => any;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
+}, import("vue").PublicProps, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    error: boolean;
+    isView: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    errorLabel: string;
+    controlsPosition: "" | "right";
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props & {
+    modelValue?: number;
+}> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    error: boolean;
+    isView: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    errorLabel: string;
+    controlsPosition: "" | "right";
+}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props & {
+    modelValue?: number;
+}> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+} & {
+    input: (curValue: number | null | undefined) => any;
+    "update:modelValue": (value: number | null) => any;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
+}, import("vue").PublicProps, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    error: boolean;
+    isView: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    errorLabel: string;
+    controlsPosition: "" | "right";
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props & {
+    modelValue?: number;
+}> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    error: boolean;
+    isView: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    errorLabel: string;
+    controlsPosition: "" | "right";
+}> | null>;
+export { DasInputNumber, DasInputNumberRef };
+declare const _default: {
+    name: string;
+};
+export default _default;

package/packages/components/input-number/index.js

@@ -1,18 +1,21 @@
 import '@das-fed/ui/packages/components/input-number/style.css';
-import { defineComponent as re, mergeModels as A, useCssVars as te, ref as i, computed as c, useModel as oe, watch as R, onMounted as ne, onBeforeUnmount as le, openBlock as v, createElementBlock as f, normalizeClass as se, createVNode as ae, unref as ue, mergeProps as ie, Fragment as H, createElementVNode as g, normalizeStyle as b, toDisplayString as V, createBlock as de, Teleport as ce, createCommentVNode as K, nextTick as ve } from "vue";
-import { withInstall as pe } from "@das-fed/utils/with-install/index";
-import { getVarValue as U, setThemeRule as me } from "@das-fed/web/packages/theme/index";
-import { ElInputNumber as fe } from "element-plus";
+import { defineComponent as oe, mergeModels as F, useCssVars as re, computed as c, ref as u, useModel as ne, watch as M, onMounted as le, onBeforeUnmount as ue, createElementBlock as _, openBlock as I, normalizeClass as ae, createCommentVNode as g, createVNode as H, unref as k, withCtx as se, mergeProps as ie, Fragment as ve, createBlock as de, createElementVNode as ce, normalizeStyle as fe, toDisplayString as pe, nextTick as K } from "vue";
+import { withInstall as me } from "@das-fed/utils/with-install/index";
+import { getVarValue as be, setThemeRule as he } from "@das-fed/web/packages/theme/index";
+import { ElInputNumber as Le } from "element-plus";
 import "element-plus/es/components/input-number/style/css";
-const be = {
+import { DasTooltip as ye } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as Ee } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as Be } from "@das-fed/utils/common-tools";
+const Me = {
   key: 0,
   class: "das-input-number-error-label-content"
-}, ye = {
+}, Ie = {
   inheritAttrs: !1
-}, he = /* @__PURE__ */ re({
-  ...ye,
+}, ge = /* @__PURE__ */ oe({
+  ...Ie,
   __name: "App",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ F({
     modelValue: { default: 0 },
     placeholder: {},
     size: { default: "default" },
@@ -24,189 +27,220 @@ const be = {
     errorMode: { default: "default" },
     error: { type: Boolean, default: !1 },
     errorLabel: { default: "" },
-    teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
-    noSetDefaultVal: { type: Boolean }
+    noSetDefaultVal: { type: Boolean },
+    disabledTooltip: { type: Boolean }
   }, {
     modelValue: { type: Number, default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["update:modelValue", "input", "change"], ["update:modelValue"]),
-  setup(p, { expose: M, emit: y }) {
-    te((e) => ({
-      "5cb9861a": j.value,
-      e8e92e48: Z.value,
-      "67da8e5e": O.value
+  emits: /* @__PURE__ */ F(["update:modelValue", "input", "change"], ["update:modelValue"]),
+  setup(f, { expose: V, emit: L }) {
+    re((e) => ({
+      "1b8e8582": O.value,
+      "3c7330eb": U.value
     }));
-    const r = p, m = y, o = i(null), l = i(null), h = c(() => r.isView || r.disabled), d = oe(p, "modelValue"), W = c(() => h.value ? r.noSetDefaultVal ? "" : "-" : r.placeholder ?? ""), Z = c(() => r.width ? r.width : r.controlsPosition ? r.baseLine ? "230px" : "80px" : "100px"), O = c(() => {
-      if (r.size === "default")
-        return r.controlsPosition === "right" && r.baseLine ? "25px" : "28px";
-      if (r.size === "table") return "30px";
-    }), j = c(() => {
-      if (r.size === "default") return "14px";
-      if (r.size === "table") return "12px";
-    }), G = (e) => {
+    const o = f, p = L, r = u(null), a = u(null), w = u(null), y = c(() => o.isView || o.disabled), n = ne(f, "modelValue"), E = c(() => y.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), O = c(() => o.width ? o.width : o.controlsPosition ? o.baseLine ? "230px" : "80px" : "100px"), U = c(() => {
+      if (o.size === "default")
+        return o.controlsPosition === "right" && o.baseLine ? "25px" : "28px";
+      if (o.size === "table") return "30px";
+    }), s = u(!1), j = c(
+      () => !n.value && typeof n.value != "number" ? E.value : n.value
+    ), B = c(() => {
+      var e;
+      return a.value ? (e = a.value.$el) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+    }), $ = () => {
+      const e = o.size === "table" ? 12 : 14;
+      return Be(E.value, e);
+    }, i = u(0), v = u(0);
+    M(
+      () => B.value,
+      (e) => {
+        setTimeout(() => {
+          const t = e;
+          t && (i.value = (t == null ? void 0 : t.offsetWidth) ?? 0, v.value = !n.value && typeof n.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
+        }, 200);
+      }
+    );
+    const N = () => {
+      K(() => {
+        var e, t;
+        B.value && (i.value = ((e = B.value) == null ? void 0 : e.offsetWidth) ?? 0, v.value = !n.value && typeof n.value != "number" ? $() : (t = B.value) == null ? void 0 : t.scrollWidth, (i.value === v.value || v.value - i.value < 1) && (s.value = !1));
+      });
+    };
+    M(() => [n.value, E.value], N), M(
+      () => {
+        var e;
+        return (e = w.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          s.value = !0, d.value && clearTimeout(d.value);
+        }), e.addEventListener("mouseleave", function() {
+          d.value = setTimeout(() => {
+            s.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const G = (e) => {
       const t = e.code;
       return ["KeyE", "Equal", "Minus"].includes(t) ? (e.returnValue = !1, !1) : !0;
     }, J = (e) => {
-      !e && e !== 0 && (d.value = e), m("input", e);
+      !e && e !== 0 && (n.value = e), p("input", e);
     }, Q = (e, t) => {
-      m("change", e, t);
-    }, B = i(d.value), X = () => {
-      B.value !== d.value && (m("change", d.value, B.value), B.value = d.value);
-    }, I = () => {
-      r.error || o.value.classList.add("input-inner-hover");
-    }, k = () => {
-      o.value.classList.contains("input-inner-hover") && o.value.classList.remove("input-inner-hover");
-    }, w = () => {
-      r.error || o.value.classList.add("decrease-btn-hover");
-    }, S = () => {
-      o.value.classList.contains("decrease-btn-hover") && o.value.classList.remove("decrease-btn-hover");
-    }, _ = () => {
-      r.error || o.value.classList.add("increase-btn-hover");
+      p("change", e, t);
+    }, S = u(n.value), X = () => {
+      S.value !== n.value && (p("change", n.value, S.value), S.value = n.value);
     }, P = () => {
-      o.value.classList.contains("increase-btn-hover") && o.value.classList.remove("increase-btn-hover");
-    }, L = i(!1), E = i({
-      x: 0,
-      y: 0
-    }), N = i(0), $ = c(() => ({
-      "font-size": "12px",
-      "background-color": U("--das-ui-input-number-overlay-error-bg-color").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "2px 8px",
-      "box-sizing": "border-box",
-      "z-index": r.errorModelZIndex,
-      "word-break": "break-all"
-    })), Y = c(() => ({
-      ...$.value,
-      width: N.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: E.value.y + "px",
-      left: E.value.x + "px"
-    })), x = i({
-      display: "block",
-      color: U("--das-ui-input-error-color").value,
-      "white-space": "break-spaces"
-    }), ee = () => {
-      var s, a, u;
-      N.value = (s = l.value) == null ? void 0 : s.$el.clientWidth;
-      const { top: e, left: t } = (a = l.value) == null ? void 0 : a.$el.getBoundingClientRect(), n = (u = l.value) == null ? void 0 : u.$el.clientHeight;
-      E.value.x = t, E.value.y = e + n;
-    }, z = () => {
-      ee(), L.value = !0;
+      o.error || r.value.classList.add("input-inner-hover");
     }, D = () => {
-      L.value = !1;
+      r.value.classList.contains("input-inner-hover") && r.value.classList.remove("input-inner-hover");
+    }, z = () => {
+      o.error || r.value.classList.add("decrease-btn-hover");
     }, q = () => {
-      var e, t;
-      (e = l.value) == null || e.$el.addEventListener("mouseenter", z), (t = l.value) == null || t.$el.addEventListener("mouseleave", D);
+      r.value.classList.contains("decrease-btn-hover") && r.value.classList.remove("decrease-btn-hover");
+    }, W = () => {
+      o.error || r.value.classList.add("increase-btn-hover");
     }, C = () => {
+      r.value.classList.contains("increase-btn-hover") && r.value.classList.remove("increase-btn-hover");
+    }, T = u(!1), Y = u({
+      display: "block",
+      color: be("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+    }), d = u(), R = () => {
+      N(), i.value === v.value || v.value - i.value < 1 ? s.value = !1 : (s.value = !0, d.value && clearTimeout(d.value)), o.errorMode === "overlay" && (T.value = !0);
+    }, A = () => {
+      d.value = setTimeout(() => {
+        o.errorMode === "overlay" ? T.value = !1 : s.value = !1;
+      }, 200);
+    }, ee = () => {
+      var e, t;
+      (e = a.value) == null || e.$el.addEventListener("mouseenter", R), (t = a.value) == null || t.$el.addEventListener("mouseleave", A);
+    }, te = () => {
       var e, t;
-      (e = l.value) == null || e.$el.removeEventListener("mouseenter", z), (t = l.value) == null || t.$el.removeEventListener("mouseleave", D);
-    }, F = () => {
-      h.value || ve(() => {
-        var s, a, u;
-        const e = (s = o.value) == null ? void 0 : s.querySelector(".el-input__inner");
-        e && (e.addEventListener("mouseenter", I), e.addEventListener("mouseleave", k));
-        const t = (a = o.value) == null ? void 0 : a.querySelector(".el-input-number__decrease");
-        t && (t.addEventListener("mouseenter", w), t.addEventListener("mouseleave", S));
-        const n = (u = o.value) == null ? void 0 : u.querySelector(".el-input-number__increase");
-        n && (n.addEventListener("mouseenter", _), n.addEventListener("mouseleave", P));
+      (e = a.value) == null || e.$el.removeEventListener("mouseenter", R), (t = a.value) == null || t.$el.removeEventListener("mouseleave", A);
+    }, Z = () => {
+      y.value || K(() => {
+        var m, b, h;
+        const e = (m = r.value) == null ? void 0 : m.querySelector(".el-input__inner");
+        e && (e.addEventListener("mouseenter", P), e.addEventListener("mouseleave", D));
+        const t = (b = r.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+        t && (t.addEventListener("mouseenter", z), t.addEventListener("mouseleave", q));
+        const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+        l && (l.addEventListener("mouseenter", W), l.addEventListener("mouseleave", C));
       });
-    }, T = () => {
-      var s, a, u;
-      const e = (s = o.value) == null ? void 0 : s.querySelector(".el-input__inner");
-      e && (e.removeEventListener("mouseenter", I), e.removeEventListener("mouseleave", k));
-      const t = (a = o.value) == null ? void 0 : a.querySelector(".el-input-number__decrease");
-      t && (t.removeEventListener("mouseenter", w), t.removeEventListener("mouseleave", S));
-      const n = (u = o.value) == null ? void 0 : u.querySelector(".el-input-number__increase");
-      n && (n.removeEventListener("mouseenter", _), n.removeEventListener("mouseleave", P));
+    }, x = () => {
+      var m, b, h;
+      const e = (m = r.value) == null ? void 0 : m.querySelector(".el-input__inner");
+      e && (e.removeEventListener("mouseenter", P), e.removeEventListener("mouseleave", D));
+      const t = (b = r.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+      t && (t.removeEventListener("mouseenter", z), t.removeEventListener("mouseleave", q));
+      const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+      l && (l.removeEventListener("mouseenter", W), l.removeEventListener("mouseleave", C));
     };
-    return R(
-      () => h.value,
+    return M(
+      () => y.value,
       (e) => {
         if (e) {
-          if (r.controlsPosition === "right") return;
-          T();
+          if (o.controlsPosition === "right") return;
+          x();
         } else {
-          if (r.controlsPosition === "right") return;
-          F();
+          if (o.controlsPosition === "right") return;
+          Z();
         }
       }
-    ), R(
-      () => r.errorMode,
-      (e) => {
-        e === "overlay" && q(), e === "default" && C();
-      }
-    ), ne(() => {
-      r.errorMode === "overlay" && q(), r.controlsPosition !== "right" && F();
-    }), le(() => {
-      r.errorMode === "overlay" && C(), r.controlsPosition !== "right" && T();
-    }), M({
-      $elInputNumber: l
-    }), (e, t) => (v(), f("div", {
-      ref_key: "$inputNumber",
-      ref: o,
-      class: se([
-        "das-ui-input-number",
-        e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
-        e.isView ? "is-view" : "",
-        e.disabled ? "is-disabled" : "",
-        e.noSetDefaultVal ? "nodefault" : ""
-      ])
-    }, [
-      ae(ue(fe), ie({
-        ref_key: "$elInputNumber",
-        ref: l,
-        class: { "das-input-number-error": e.error },
-        modelValue: d.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (n) => d.value = n),
-        readonly: h.value,
-        "controls-position": e.controlsPosition,
-        placeholder: W.value
-      }, e.$attrs, {
-        onKeydown: G,
-        onInput: J,
-        onBlur: X,
-        onChange: Q
-      }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"]),
-      e.error && e.errorLabel ? (v(), f(H, { key: 0 }, [
-        e.errorMode === "default" ? (v(), f("div", be, [
-          g("span", {
-            style: b(x.value)
-          }, V(e.errorLabel), 5)
-        ])) : L.value ? (v(), f(H, { key: 1 }, [
-          L.value ? (v(), de(ce, {
-            key: 0,
-            to: "body"
-          }, [
-            g("div", {
-              style: b(Y.value)
-            }, [
-              g("span", {
-                style: b(x.value)
-              }, V(e.errorLabel), 5)
-            ], 4)
-          ])) : (v(), f("div", {
-            key: 1,
-            style: b($.value),
-            class: "das-input-number-overlay-error-label-content"
-          }, [
-            g("span", {
-              style: b(x.value)
-            }, V(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : K("", !0)
-      ], 64)) : K("", !0)
-    ], 2));
+    ), le(() => {
+      ee(), o.controlsPosition !== "right" && Z();
+    }), ue(() => {
+      te(), o.controlsPosition !== "right" && x();
+    }), V({
+      $elInputNumber: a
+    }), (e, t) => (I(), _(
+      "div",
+      {
+        ref_key: "$inputNumber",
+        ref: r,
+        class: ae([
+          "das-ui-input-number",
+          e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
+          e.isView ? "is-view" : "",
+          e.disabled ? "is-disabled" : "",
+          e.noSetDefaultVal ? "nodefault" : "",
+          `size-${e.size}`
+        ])
+      },
+      [
+        g(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        H(k(ye), {
+          ref_key: "inputTooltipRef",
+          ref: w,
+          effect: "light",
+          placement: "top",
+          manual: !0,
+          visible: s.value,
+          disabled: e.disabledTooltip,
+          content: j.value
+        }, {
+          default: se(() => [
+            H(k(Le), ie({
+              ref_key: "$elInputNumber",
+              ref: a,
+              class: { "das-input-number-error": e.error },
+              modelValue: n.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => n.value = l),
+              readonly: y.value,
+              "controls-position": e.controlsPosition,
+              placeholder: E.value
+            }, e.$attrs, {
+              onKeydown: G,
+              onInput: J,
+              onBlur: X,
+              onChange: Q
+            }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["visible", "disabled", "content"]),
+        e.error && e.errorLabel ? (I(), _(
+          ve,
+          { key: 0 },
+          [
+            e.errorMode === "default" ? (I(), _("div", Me, [
+              ce(
+                "span",
+                {
+                  style: fe(Y.value)
+                },
+                pe(e.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : g("v-if", !0),
+            e.errorMode === "overlay" && T.value ? (I(), de(k(Ee), {
+              key: 1,
+              errorLabel: e.errorLabel,
+              getEl: () => {
+                var l;
+                return (l = a.value) == null ? void 0 : l.$el;
+              },
+              errorModelZIndex: e.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : g("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
   }
-}), Le = (p, M) => {
-  const y = p.__vccOpts || p;
-  for (const [r, m] of M)
-    y[r] = m;
-  return y;
-}, Ee = /* @__PURE__ */ Le(he, [["__scopeId", "data-v-93c7c7c5"]]), ge = {
+}), Ve = (f, V) => {
+  const L = f.__vccOpts || f;
+  for (const [o, p] of V)
+    L[o] = p;
+  return L;
+}, Se = /* @__PURE__ */ Ve(ge, [["__scopeId", "data-v-97241aec"]]), Te = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",
   "--das-ui-input-number-color": "#212121",
   "--das-ui-input-number-border-color": "#D9D9D9",
@@ -215,12 +249,12 @@ const be = {
   "--das-ui-input-number-active-color": "#5582F3",
   "--das-ui-input-number-disabled-color": "#B2B2B2",
   "--das-ui-input-number-overlay-error-color": "#FB2323",
-  "--das-ui-input-number-overlay-error-bg-color": "#FFDBE0"
+  "--das-ui-input-number-default-placeholder-color": "#B2B2B2"
 };
-me(ge);
-const ke = pe(Ee), we = () => i(null), Se = { name: "input-number 步进器" };
+he(Te);
+const qe = me(Se), We = () => u(null), Ce = { name: "input-number 步进器" };
 export {
-  ke as DasInputNumber,
-  we as DasInputNumberRef,
-  Se as default
+  qe as DasInputNumber,
+  We as DasInputNumberRef,
+  Ce as default
 };