@hb-hellotech/hb-ui 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,234 @@
+export declare const location: {
+    en_US: {
+        hbLibComp: {
+            HbFileUploadModal: {
+                cancel: string;
+                clickUpload: string;
+                confirmImport: string;
+                dataImport: string;
+                downloadTemplate: string;
+                dragFile: string;
+                file: string;
+                fileUpload: string;
+                maxSupport: string;
+                onlySupport: string;
+                placeSelect: string;
+                selectFile: string;
+            };
+            HbLogModal: {
+                close: string;
+                operateContent: string;
+                operateLogs: string;
+                operateTime: string;
+                operator: string;
+            };
+            hbFormItemFilterModal: {
+                add: string;
+                cancel: string;
+                confirm: string;
+                moreConditionSearch: string;
+                mostMore: string;
+                mostMoreTip: string;
+                noData: string;
+                notShowTip: string;
+                titleTip: string;
+            };
+            hbFormSelectFilter: {
+                allSelect: string;
+                close: string;
+            };
+            hbLibListForm: {
+                queryCase: string;
+            };
+            hbLibListTableColumsSet: {
+                allSelect: string;
+                cancelFix: string;
+                confirm: string;
+                errorTip: string;
+                fix: string;
+                popoverTitle: string;
+                title: string;
+            };
+            hbListBtnsAct: {
+                close: string;
+                open: string;
+                reload: string;
+            };
+            hbListPageAct: {
+                close: string;
+                exitFullScreen: string;
+                fullScreen: string;
+                open: string;
+                query: string;
+                reset: string;
+                selfDefine: string;
+            };
+            hbListTable: {
+                noData: string;
+            };
+            hbMultiSelectModal: {
+                pleaseSelect: string;
+            };
+            hbTableAct: {
+                confirmContent: string;
+                more: string;
+                secendConfirm: string;
+            };
+        };
+    };
+    ja_JP: {
+        hbLibComp: {
+            HbFileUploadModal: {
+                cancel: string;
+                clickUpload: string;
+                confirmImport: string;
+                dataImport: string;
+                downloadTemplate: string;
+                dragFile: string;
+                file: string;
+                fileUpload: string;
+                maxSupport: string;
+                onlySupport: string;
+                placeSelect: string;
+                selectFile: string;
+            };
+            HbLogModal: {
+                close: string;
+                operateContent: string;
+                operateLogs: string;
+                operateTime: string;
+                operator: string;
+            };
+            hbFormItemFilterModal: {
+                add: string;
+                cancel: string;
+                confirm: string;
+                moreConditionSearch: string;
+                mostMore: string;
+                mostMoreTip: string;
+                noData: string;
+                notShowTip: string;
+                titleTip: string;
+            };
+            hbFormSelectFilter: {
+                allSelect: string;
+                close: string;
+            };
+            hbLibListForm: {
+                queryCase: string;
+            };
+            hbLibListTableColumsSet: {
+                allSelect: string;
+                cancelFix: string;
+                confirm: string;
+                errorTip: string;
+                fix: string;
+                popoverTitle: string;
+                title: string;
+            };
+            hbListBtnsAct: {
+                close: string;
+                open: string;
+                reload: string;
+            };
+            hbListPageAct: {
+                close: string;
+                exitFullScreen: string;
+                fullScreen: string;
+                open: string;
+                query: string;
+                reset: string;
+                selfDefine: string;
+            };
+            hbListTable: {
+                noData: string;
+            };
+            hbMultiSelectModal: {
+                pleaseSelect: string;
+            };
+            hbTableAct: {
+                confirmContent: string;
+                more: string;
+                secendConfirm: string;
+            };
+        };
+    };
+    zh_CN: {
+        hbLibComp: {
+            hbFormItemFilterModal: {
+                titleTip: string;
+                mostMore: string;
+                mostMoreTip: string;
+                notShowTip: string;
+                add: string;
+                noData: string;
+                cancel: string;
+                confirm: string;
+                moreConditionSearch: string;
+            };
+            hbFormSelectFilter: {
+                allSelect: string;
+                close: string;
+            };
+            hbListPageAct: {
+                query: string;
+                reset: string;
+                selfDefine: string;
+                open: string;
+                close: string;
+                fullScreen: string;
+                exitFullScreen: string;
+            };
+            hbListBtnsAct: {
+                reload: string;
+                open: string;
+                close: string;
+            };
+            hbTableAct: {
+                more: string;
+                secendConfirm: string;
+                confirmContent: string;
+            };
+            hbMultiSelectModal: {
+                pleaseSelect: string;
+            };
+            hbListTable: {
+                noData: string;
+            };
+            hbLibListTableColumsSet: {
+                popoverTitle: string;
+                title: string;
+                fix: string;
+                cancelFix: string;
+                allSelect: string;
+                confirm: string;
+                errorTip: string;
+            };
+            hbLibListForm: {
+                queryCase: string;
+            };
+            HbFileUploadModal: {
+                fileUpload: string;
+                confirmImport: string;
+                cancel: string;
+                maxSupport: string;
+                dataImport: string;
+                placeSelect: string;
+                file: string;
+                selectFile: string;
+                dragFile: string;
+                clickUpload: string;
+                onlySupport: string;
+                downloadTemplate: string;
+            };
+            HbLogModal: {
+                close: string;
+                operateLogs: string;
+                operator: string;
+                operateTime: string;
+                operateContent: string;
+            };
+        };
+    };
+};
+export declare const install: (app: any) => void;

package/dist/style.css

@@ -0,0 +1 @@
+[data-v-a5dec087]:root{--hb-theme-color: #ff5000;--hb-title-color: #333;--hb-space: 10px;--hb-h1-font-size: 20px;--hb-h2-font-size: 16px;--hb-text-font-size: 14px;--hb-subtext-font-size: 13px;--hb-subtext-color: #cccc;--hb-f-item-height: 34px;--hb-f-item-content-height: 30px;--hb-tip-font-size: 13px;--hb-border-radius: 6px;--hb-border-color: #d1d5db;--hb-list-button-height: 26px}.hb-sfcm[data-v-a5dec087] .ant-modal-header{border-bottom:1px solid var(--hb-border-color);margin-bottom:var(--hb-space)}.hb-sfcm__title[data-v-a5dec087]{font-size:var(--hb-h1-font-size);font-weight:700;color:var(--hb-title-color)}.hb-sfcm__title__tip[data-v-a5dec087]{margin-right:var(--hb-space);padding-left:var(--hb-space);color:#080808;font-size:16px;font-weight:500;position:relative}.hb-sfcm__title__tip[data-v-a5dec087]:before{content:"";width:6px;height:14px;background:var(--hb-theme-color);position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:var(--hb-border-radius)}.hb-sfcm__show__tag[data-v-a5dec087]{padding-top:var(--hb-space);overflow:hidden}.hb-sfcm__show__tag__item[data-v-a5dec087]{float:left;margin-right:var(--hb-space);padding:2px 9px;background:var(--hb-theme-color);color:#fff;border:1px solid var(--hb-theme-color);border-radius:var(--hb-border-radius);margin-bottom:var(--hb-space);cursor:move;user-select:none;display:flex;align-items:center}.hb-sfcm__show__tag__item.is-linked[data-v-a5dec087]{background:#ff7875;border-color:#ff7875;cursor:not-allowed}.hb-sfcm__show__tag .is-fixed[data-v-a5dec087]{background:none;color:#9ca3af;border:1px solid var(--hb-border-color);cursor:not-allowed}.hb-sfcm__show__tag .is-linked[data-v-a5dec087]{background:#ff7875;border-color:#ff7875;cursor:not-allowed}.hb-sfcm__show__tag .is-linked[data-v-a5dec087]:hover{background:#ff7875;border-color:#ff7875}.hb-sfcm__unshow__tag[data-v-a5dec087]{padding-top:var(--hb-space);overflow:hidden}.hb-sfcm__unshow__tag__item[data-v-a5dec087]{position:relative;float:left;margin-right:var(--hb-space);padding:2px 9px;color:#9ca3af;border:1px solid var(--hb-border-color);border-radius:var(--hb-border-radius);margin-bottom:var(--hb-space);cursor:pointer;user-select:none}.hb-sfcm__unshow__tag__item.is-linked[data-v-a5dec087]{color:#ff7875;border-color:#ff7875}.hb-sfcm__show__tag__item-close[data-v-a5dec087]{margin-left:6px;cursor:pointer}.hb-sfcm__show__tag__item-close[data-v-a5dec087]:hover{transform:scale(1.3)}.hb-sfcm__unshow__tag__item-add[data-v-a5dec087]{position:absolute;width:100%;height:100%;top:0;left:0;background:#1a1818;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:var(--hb-border-radius)}.hb-sfcm__unshow__tag__empty[data-v-a5dec087]{text-align:center;color:var(--hb-border-color)}[data-v-80c9fbab]:root{--hb-theme-color: #ff5000;--hb-title-color: #333;--hb-space: 10px;--hb-h1-font-size: 20px;--hb-h2-font-size: 16px;--hb-text-font-size: 14px;--hb-subtext-font-size: 13px;--hb-subtext-color: #cccc;--hb-f-item-height: 34px;--hb-f-item-content-height: 30px;--hb-tip-font-size: 13px;--hb-border-radius: 6px;--hb-border-color: #d1d5db;--hb-list-button-height: 26px}.hb-form[data-v-80c9fbab] .ant-form-item{margin-bottom:var(--hb-space)}.hb-form .hb-form__footer[data-v-80c9fbab]{display:flex;justify-content:space-between}.hb-lib-form--container[data-v-80c9fbab]{overflow:hidden;margin:6px}.hide[data-v-80c9fbab]{height:0}.hb-form__form-item-col[data-v-80c9fbab]{flex:0 0 auto;min-width:200px;width:auto;padding-right:var(--hb-space);margin-bottom:16px}.form-footer[data-v-80c9fbab]{display:flex;align-items:center;margin-bottom:10px}.form-collapse-enter-active,.form-collapse-leave-active{transition:height .2s ease;overflow:hidden}.form-collapse-enter-from,.form-collapse-leave-to{height:0}.hb-lib-form-svg{width:16px;height:34px;margin-right:13px;cursor:pointer}.hb-lib-form-svg .icon{width:100%;height:100%}.hb-form-item-ui .ant-form-item.hb-lib-form-item-border--unneed{border:none!important}[data-v-83b1d605]:root{--hb-theme-color: #ff5000;--hb-title-color: #333;--hb-space: 10px;--hb-h1-font-size: 20px;--hb-h2-font-size: 16px;--hb-text-font-size: 14px;--hb-subtext-font-size: 13px;--hb-subtext-color: #cccc;--hb-f-item-height: 34px;--hb-f-item-content-height: 30px;--hb-tip-font-size: 13px;--hb-border-radius: 6px;--hb-border-color: #d1d5db;--hb-list-button-height: 26px}.hb-lib-list-page-act-item[data-v-83b1d605]{margin-right:var(--hb-space)}[data-v-a5c80d61]:root{--hb-theme-color: #ff5000;--hb-title-color: #333;--hb-space: 10px;--hb-h1-font-size: 20px;--hb-h2-font-size: 16px;--hb-text-font-size: 14px;--hb-subtext-font-size: 13px;--hb-subtext-color: #cccc;--hb-f-item-height: 34px;--hb-f-item-content-height: 30px;--hb-tip-font-size: 13px;--hb-border-radius: 6px;--hb-border-color: #d1d5db;--hb-list-button-height: 26px}.hb-lib-list-btns-box[data-v-a5c80d61]{display:flex;justify-content:space-between;align-items:center;background:white;padding:5px 5px 0;margin-top:5px;border-radius:6px 6px 0 0}.hb-lib-list-btns-box .hb-lib-list-btns-right[data-v-a5c80d61]{display:flex;align-items:center}.hb-lib-list-btns-act-svg[data-v-a5c80d61]{cursor:pointer;width:21px;height:21px;display:inline-block}.hb-lib-list-btns-act-svg .icon[data-v-a5c80d61]{width:100%;height:100%}.hb-lib-list-btns-act-open[data-v-a5c80d61]{cursor:pointer;width:21px;height:21px;display:flex;justify-content:center;align-items:center}.hb-lib-list-btns-act-open .icon[data-v-a5c80d61]{width:100%;height:100%}.hb-lib-list-btns-item[data-v-a5c80d61]:not(:last-child){margin-right:10px}.hb-lib-list-btns-left[data-v-a5c80d61]{display:flex;align-items:center}.flex-between[data-v-2307d348]{display:flex;justify-content:space-between;align-items:center}.flex-center[data-v-2307d348]{display:flex;align-items:center}.hb-lib-selector-wrapper[data-v-2307d348]{position:relative}.hb-lib-selector-wrapper .ant-input[data-v-2307d348]{cursor:pointer}.has-prefix[data-v-2307d348]:before{content:attr(data-prefix);position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#262626;font-size:14px;white-space:nowrap;pointer-events:none;z-index:1}.has-prefix[data-v-2307d348] .ant-select-selector{padding-left:calc(12px + var(--prefix-width, 0px))}.has-prefix[data-v-2307d348] .ant-select-selection-placeholder{padding-left:var(--prefix-width, 0px)}.hb-lib-selector-dropdown[data-v-2307d348]{padding:8px;min-width:200px}.hb-lib-selector-search[data-v-2307d348]{margin-bottom:8px}.hb-lib-selector-list[data-v-2307d348]{max-height:200px;overflow-y:auto}.hb-lib-selector-list[data-v-2307d348]::-webkit-scrollbar{width:6px}.hb-lib-selector-list[data-v-2307d348]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.hb-lib-selector-list[data-v-2307d348]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.hb-lib-selector-list[data-v-2307d348]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.hb-lib-selector-option[data-v-2307d348]{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:4px;transition:all .2s ease;gap:8px}.hb-lib-selector-option[data-v-2307d348]:hover{background-color:#f5f5f5}.hb-lib-selector-option.selected[data-v-2307d348]{background-color:#e6f7ff}.hb-lib-option-content[data-v-2307d348]{flex:1}.hb-lib-option-label[data-v-2307d348]{font-weight:500;color:#262626}.hb-lib-selector-empty[data-v-2307d348]{text-align:center;color:#bfbfbf;padding:20px 0;font-size:14px}.hb-lib-selector-footer[data-v-2307d348]{border-top:1px solid #f0f0f0;padding-top:8px;margin-top:8px;display:flex;justify-content:space-between;align-items:center}.hb-lib-footer-buttons[data-v-2307d348]{display:flex;gap:8px}.selector-tag[data-v-2307d348]{margin-right:3px;border-radius:4px;border-color:#ff5000;color:#ff5000}.selector-tag .tag-label[data-v-2307d348]{font-weight:500}.selector-tag .tag-description[data-v-2307d348]{margin-left:4px;font-size:12px;opacity:.8}.rotate-180[data-v-2307d348]{transform:rotate(180deg)}.transition-transform[data-v-2307d348]{transition:transform .2s}.hb-lib-search-tag[data-v-2307d348]{margin-right:3px;border-radius:4px;border-color:#ff5000;color:#ff5000}.hb-lib-search-tag__description[data-v-2307d348]{margin-left:4px;font-size:12px;opacity:.8}.hb-lib-multipleSelectModal-modal .ant-table-filter-trigger{font-size:18px!important}.hb-lib-multipleSelectModal-modal .ant-input-group-addon{border:none!important;cursor:pointer}.hb-lib-multipleSelectModal-modal .ant-modal-body{padding:calc(var(--hb-space) / 2)}.hb-lib-multipleSelectModal-modal .ant-table-thead .ant-table-column-title{color:#000;font-weight:bolder;font-size:18px}.hb-lib-multipleSelectModal-modal .ant-table-thead .ant-table-cell{color:#000;font-weight:bolder;font-size:18px;padding:calc(var(--hb-space) / 2)!important}.hb-lib-multipleSelectModal-modal .ant-table-row .ant-table-cell{padding:calc(var(--hb-space) / 2)!important}.hb-lib-multipleSelectModal-modal .ant-table-pagination.ant-pagination{margin:calc(var(--hb-space) / 2) 0!important}.hb-lib-form-item-filter-modal-search{padding:8px}.hb-lib-form-item-filter-modal-search-input{width:188px;margin-bottom:8px;display:block}.hb-lib-form-item-filter-modal-buttons{display:flex;justify-content:space-between;margin-top:10px}.hb-lib-table-act-box[data-v-773f4443]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.hb-lib-table-act-box .hb-lib-table-main-action[data-v-773f4443],.hb-lib-table-act-box .hb-lib-table-more-action[data-v-773f4443]{text-decoration:none}.hb-lib-table-act-box .hb-lib-table-more-action[data-v-773f4443]{display:inline-flex;align-items:center}.hb-lib-table-confirm-modal-content[data-v-773f4443]{font-size:16px}.hb-lib-table-act-box .ant-divider-vertical{margin:0}.ant-dropdown-menu-title-content>a:hover{color:var(--hb-theme-color)!important}.hb-lib-list-table[data-v-f27e967a]{background:white;padding:0 5px;border-radius:0 0 6px 6px}.hb-lib-list-table[data-v-f27e967a] .copy-text-eyevue.ab{position:relative!important;right:0!important;top:0!important}.hb-lib-list-table-act[data-v-f27e967a]{display:flex;justify-content:space-between;align-items:center}.nowrap-table[data-v-f27e967a] .ant-table-tbody>.ant-table-row>td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:var(--hb-lib-table-td-height)!important;box-sizing:content-box}[data-v-5220f215]:root{--hb-theme-color: #ff5000;--hb-title-color: #333;--hb-space: 10px;--hb-h1-font-size: 20px;--hb-h2-font-size: 16px;--hb-text-font-size: 14px;--hb-subtext-font-size: 13px;--hb-subtext-color: #cccc;--hb-f-item-height: 34px;--hb-f-item-content-height: 30px;--hb-tip-font-size: 13px;--hb-border-radius: 6px;--hb-border-color: #d1d5db;--hb-list-button-height: 26px}.ant-alert[data-v-5220f215]{box-sizing:border-box;margin:0;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";position:relative;padding:8px 15px 8px 37px;word-wrap:break-word;border-radius:var(--hb-border-radius);border:1px solid #ffb27a;background-color:#fff2e6}.ant-alert .com-alert[data-v-5220f215]{display:flex;justify-content:space-between;width:100%;align-items:center}.ant-alert .com-alert a[data-v-5220f215]{color:#ff5000}.select-all-container[data-v-5220f215]{padding:8px 0}.hb-lib-table-setting-box[data-v-5220f215]{display:flex}.hb-lib-table-set-drag[data-v-5220f215]{max-height:300px;overflow-y:auto}.hb-lib-table-drag-item[data-v-5220f215]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #f0f0f0;margin-bottom:4px;background-color:#fff;border-radius:var(--hb-border-radius);width:280px}.hb-lib-table-drag-item[data-v-5220f215]:hover{background-color:#f5f5f5}.hb-lib-table-drag-item .drag-handle[data-v-5220f215]{cursor:move;color:#999;padding:4px;user-select:none}.ghost[data-v-5220f215]{opacity:.5;background:#c8ebfb}.table-setting-checkbox-group[data-v-5220f215]{display:flex;flex-wrap:wrap}.table-setting-checkbox-group[data-v-5220f215] .ant-checkbox-group-item{margin-right:0;width:33.33%}.hb-lib-table-set-btn-group[data-v-5220f215]{margin-top:10px;display:flex;justify-content:end;align-items:center;border-top:1px solid #f0f0f0;padding-top:8px}.drag-hide[data-v-5220f215]{visibility:hidden}.hb-lib-table-drag-item-act-btn[data-v-5220f215]{display:inline-block;cursor:pointer;width:14px;height:20px}.hb-lib-table-drag-item-act-btn .icon[data-v-5220f215]{width:100%;height:100%}.hb-lib-table-col-set[data-v-5220f215]{display:inline-block;cursor:pointer;width:22px;height:23px}.hb-lib-table-col-set .icon[data-v-5220f215]{width:100%;height:100%}.hb-lib-table-drag-item-act[data-v-5220f215]{display:flex;align-items:center;width:40px;justify-content:space-between}.alertInfoContent{width:auto!important}.hb-lib-copy-text-eyevue[data-v-69b8d557]{font-size:17px;cursor:pointer}.hb-lib-copy-text-eyevue.ab[data-v-69b8d557]{position:absolute;right:34px;top:50%;transform:translateY(-50%);background:white}.hb-lib-copy-text-eyevue.normal[data-v-69b8d557]{position:relative}.drag-slot-wrapper[data-v-027fef58]{cursor:move;padding:8px;background-color:#f9f9f9;border:1px solid #eee;margin-bottom:10px}:root{--hb-theme-color: #ff5000;--hb-title-color: #333;--hb-space: 10px;--hb-h1-font-size: 20px;--hb-h2-font-size: 16px;--hb-text-font-size: 14px;--hb-subtext-font-size: 13px;--hb-subtext-color: #cccc;--hb-f-item-height: 34px;--hb-f-item-content-height: 30px;--hb-tip-font-size: 13px;--hb-border-radius: 6px;--hb-border-color: #d1d5db;--hb-list-button-height: 26px}.hb-lib-list-page-container{background:white}.hb-lib-list-page-container .newButton{height:var(--hb-small-button-height)!important;padding:0 var(--hb-space)!important}.hb-lib-list-page-container .newButton .buttonText{line-height:var(--hb-small-button-height)!important}.hb-lib-list-page-container .ant-table-pagination.ant-pagination{margin:calc(var(--hb-space) / 2) 0}.list-page-box{padding:var(--hb-space)}.list-page-box .ant-table-row .ant-table-cell,.list-page-box .ant-table-thead .ant-table-cell{padding:calc(var(--hb-space) / 2)!important}.list-page-box .ant-tabs-top>.ant-tabs-nav{margin-bottom:calc(var(--hb-space) / 2)!important}.list-page-box .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{padding:calc(var(--hb-space) / 2) 0!important}.list-page-box .ant-table-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.hb-lib-hb-lib-list-page-act-box{display:flex;justify-content:space-between;box-shadow:0 4px 3px #f0f0f0cf;padding:calc(var(--hb-space) / 2) var(--hb-space)}.hb-lib-list-page-act{display:flex}.hb-lib-list-page-breadcrumb{font-size:var(--hb-text-font-size);color:#3e3e3e;display:flex;align-items:center}.hb-lib-list-page-form-box{display:flex;justify-content:space-between}.hb-form-item-ui{flex:1}.hb-form-item-ui .ant-form-item{border:1px solid #d1d5db!important;border-radius:var(--hb-border-radius)!important;margin-bottom:var(--hb-space)!important;margin-right:var(--hb-space)!important;height:34px;min-width:250px!important}.hb-form-item-ui .ant-input{border:none!important;border-radius:var(--hb-border-radius)!important;padding:4px var(--hb-space) 4px 0px!important}.hb-form-item-ui .ant-input:focus{outline:none!important;box-shadow:none!important}.hb-form-item-ui .ant-form-item-label>label{padding:0 0 0 var(--hb-space)}.hb-form-item-ui .ant-select-selector{border:none!important;border-radius:var(--hb-border-radius)!important;padding:0px var(--hb-space) 0px var(--hb-space)!important;outline:none!important;box-shadow:none!important}.hb-form-item-ui .ant-select-selector:focus{outline:none!important;box-shadow:none!important}.hb-form-item-ui .ant-select:focus{outline:none!important;box-shadow:none!important}.hb-form-item-ui .ant-select-focused{outline:none!important;box-shadow:none!important}.hb-form-item-ui .ant-input-affix-wrapper{height:32px!important;border:none!important;border-radius:var(--hb-border-radius)!important}.hb-form-item-ui .ant-input-affix-wrapper:focus{outline:none!important;box-shadow:none!important}.hb-form-item-ui .ant-picker,.hb-form-item-ui .ant-picker-range{border:none!important;border-radius:var(--hb-border-radius)!important}.hb-form-item-ui .ant-picker-focused{box-shadow:none!important}.hb-form-item-ui .ant-input-affix-wrapper:focus,.hb-form-item-ui .ant-input-affix-wrapper-focused{box-shadow:none!important}.hb-form-item-ui .ant-form-item-control-input-content{display:flex}.hb-form-item-ui .ant-select-selection-item{display:flex;align-items:center}.hb-form-item-ui .ant-select-selection-placeholder{padding-left:var(--hb-space)!important}.hb-form-item-ui .ant-select-selection-overflow{flex-wrap:nowrap;overflow:hidden}.hb-form-item-ui .ant-input-group-addon{border:none!important}.hb-lib-detail-box .ant-card{margin-bottom:var(--hb-space)!important}.hb-lib-detail-box .ant-card-head{min-height:var(--hb-card-head)!important}.hb-lib-detail-box .ant-card-head .ant-card-head-title{padding:calc(var(--hb-space) / 2) 0!important}.hb-lib-detail-box .ant-card-body{padding:var(--hb-space)!important}.hb-lib-detail-box .ant-table-row .ant-table-cell,.hb-lib-detail-box .ant-table-thead .ant-table-cell{padding:calc(var(--hb-space) / 2)!important}.hb-lib-detail-box .ant-table-pagination.ant-pagination{margin:calc(var(--hb-space) / 2) 0!important}.hb-lib-detail-box .ant-descriptions-row,.hb-lib-detail-box .ant-descriptions-item{padding-bottom:calc(var(--hb-space) / 2)!important}

package/dist/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/hooks/useCalTableHeight.ts

@@ -0,0 +1,199 @@
+// src/hooks/useCalTableHeight.ts
+import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue';
+
+interface TableHeightOptions {
+  formRef?: any; // 表单引用，用于监听表单变化
+  offsetBottom?: number; // 底部预留空间，默认为50
+  minHeight?: number; // 最小高度，默认为300
+}
+
+const useCalTableHeight = (options: TableHeightOptions = {}) => {
+  const { formRef, offsetBottom = 50, minHeight = 300 } = options;
+
+  const tableHeight = ref(0);
+  let formBoxObserver: ResizeObserver | null = null;
+  let paginationObserver: MutationObserver | null = null;
+  let formContentObserver: MutationObserver | null = null;
+
+  // 防抖处理窗口大小变化
+  let resizeTimer: any = null;
+  let calHeightTimer: any = null;
+
+  // 计算表格高度的主要函数
+  const calTableHeight = () => {
+    // 清除之前的定时器
+    if (calHeightTimer) {
+      clearTimeout(calHeightTimer);
+    }
+
+    // 使用防抖确保不会频繁计算
+    calHeightTimer = setTimeout(() => {
+      requestAnimationFrame(() => {
+        nextTick(() => {
+          const tableElement = document.querySelector('.ant-table') as HTMLElement;
+          const paginationElement = document.querySelector('.ant-pagination') as HTMLElement;
+
+          if (tableElement) {
+            const tableOffsetTop = tableElement.getBoundingClientRect().top;
+            const windowHeight = window.innerHeight;
+
+            // 计算分页器高度，如果不存在则为0
+            const paginationHeight = paginationElement
+              ? paginationElement.offsetHeight + 20 // 20是分页器上下间距
+              : 40; // 默认分页器高度+间距
+
+            // 为底部留出更多空间，确保分页器可见
+            const reservedSpace = paginationHeight + offsetBottom;
+
+            let calculatedHeight = windowHeight - tableOffsetTop - reservedSpace;
+
+            // 确保表格高度不会过小
+            if (calculatedHeight < minHeight) {
+              calculatedHeight = minHeight;
+            }
+
+            tableHeight.value = calculatedHeight;
+          }
+        });
+      });
+    }, 100);
+  };
+
+  // 监听分页器变化
+  const observePagination = () => {
+    const paginationWrapper = document.querySelector('.ant-pagination');
+    if (paginationWrapper) {
+      const observer = new MutationObserver(() => {
+        calTableHeight();
+      });
+
+      observer.observe(paginationWrapper, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ['style', 'class'],
+      });
+
+      return observer;
+    }
+    return null;
+  };
+
+  // 监听 page-form-box 尺寸变化
+  const observeFormBox = () => {
+    const formBox = document.querySelector('.hb-lib-list-page-form-box');
+    if (formBox) {
+      // 使用 ResizeObserver 监听元素尺寸变化
+      formBoxObserver = new ResizeObserver(() => {
+        const tooltips = document.querySelectorAll('.ant-tooltip');
+        tooltips.forEach((tooltip) => {
+          tooltip.style.display = 'none';
+        });
+        calTableHeight();
+      });
+      // 通过ResizeObserver可以指定监听某个盒子的尺寸变化
+      formBoxObserver.observe(formBox);
+    }
+  };
+
+  // 监听表单内容变化
+  const observeFormContent = () => {
+    const formBox = document.querySelector('.hb-lib-list-page-form-box');
+    if (formBox) {
+      formContentObserver = new MutationObserver(() => {
+        // 延迟执行以确保 DOM 更新完成
+        setTimeout(() => {
+          calTableHeight();
+        }, 100);
+      });
+
+      formContentObserver.observe(formBox, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ['style', 'class'],
+      });
+    }
+  };
+
+  const handleResize = () => {
+    if (resizeTimer) {
+      clearTimeout(resizeTimer);
+    }
+    resizeTimer = setTimeout(() => {
+      calTableHeight();
+    }, 100);
+  };
+
+  // 初始化监听
+  const initObserver = () => {
+    // 监听窗口大小变化
+    window.addEventListener('resize', handleResize);
+
+    // 监听 page-form-box 尺寸变化
+    nextTick(() => {
+      observeFormBox();
+      observeFormContent();
+
+      // 观察分页器变化
+      paginationObserver = observePagination();
+    });
+  };
+
+  // 清理事件监听
+  const cleanup = () => {
+    window.removeEventListener('resize', handleResize);
+
+    if (formBoxObserver) {
+      formBoxObserver.disconnect();
+    }
+
+    if (formContentObserver) {
+      formContentObserver.disconnect();
+    }
+
+    if (paginationObserver) {
+      paginationObserver.disconnect();
+    }
+
+    if (resizeTimer) {
+      clearTimeout(resizeTimer);
+    }
+
+    if (calHeightTimer) {
+      clearTimeout(calHeightTimer);
+    }
+  };
+
+  // 如果提供了formRef，则监听其变化
+  if (formRef) {
+    watch(
+      () => formRef,
+      () => {
+        // 表单数据变化时延迟计算高度
+        setTimeout(() => {
+          calTableHeight();
+        }, 200);
+      },
+      { deep: true }
+    );
+  }
+
+  // 组件挂载时初始化
+  onMounted(() => {
+    calTableHeight();
+    initObserver();
+  });
+
+  // 组件卸载时清理
+  onUnmounted(() => {
+    cleanup();
+  });
+
+  return {
+    tableHeight,
+    calTableHeight,
+  };
+};
+
+export default useCalTableHeight;

package/hooks/useCalTableWidth.ts

@@ -0,0 +1,18 @@
+import { computed, type ComputedRef } from 'vue';
+
+const useCalTableWidth = (columns: ComputedRef<any[]> | any[]) => {
+  const tableWidth = computed(() => {
+    const cols = Array.isArray(columns) ? columns : columns.value;
+    if (!cols || cols.length === 0) return 0;
+    return cols
+      .map((item: any) => {
+        if (!item.width) return 0;
+        return Number(item.width.toString().replace('px', '')) || 0;
+      })
+      .reduce((a: number, b: number) => a + b, 0);
+  });
+
+  return { tableWidth };
+};
+
+export default useCalTableWidth;

package/hooks/useListFormItem.ts

@@ -0,0 +1,38 @@
+export interface LocalShowList_intf {
+  label?: string;
+  key: string;
+  isFixed?: boolean;
+  isActive?: boolean;
+  isLinked?: boolean;
+  // 用于多语言 设置 对应locales对象
+  labelLanguage?: string;
+  [key: string]: any;
+}
+import { ref } from 'vue';
+
+// 用于处理搜索条件
+const useListFormItem = (props: LocalShowList_intf[]) => {
+  const formItems = ref<LocalShowList_intf[]>();
+  formItems.value = props.slice();
+
+  const DeepCloneFromItem = JSON.parse(JSON.stringify(formItems.value));
+  //   queryParam是搜索方案点击后存储的搜索条件
+  const handleSearchCase = (queryParam: any) => {
+    let showFormItems: any = [];
+    let queryParamKeys = Object.keys(queryParam);
+    DeepCloneFromItem.forEach((item: LocalShowList_intf) => {
+      if (queryParamKeys.includes(item.key)) {
+        showFormItems.push(item);
+      }
+    });
+    formItems.value = showFormItems;
+  };
+
+  return {
+    formItems,
+    DeepCloneFromItem,
+    handleSearchCase,
+  };
+};
+
+export default useListFormItem;

package/hooks/useModalDrag.ts

@@ -0,0 +1,73 @@
+import { nextTick } from 'vue';
+
+const useModalDrag = (container: string) => {
+  let canMove = true;
+  const start = () => {
+    nextTick(() => {
+      const modalWrap: any = document.querySelector(`.${container} .ant-modal`);
+
+      if (modalWrap) {
+        let isDragging = false;
+        let offset = { x: 0, y: 0 };
+        const modalHeader: any = modalWrap.querySelector('.ant-modal-header');
+        const modalFooter: any = modalWrap.querySelector('.ant-modal-footer');
+        if (modalHeader) {
+          modalHeader.style.cursor = 'move';
+          modalFooter.style.cursor = 'move';
+
+          modalHeader.addEventListener('mousedown', (e) => {
+            isDragging = true;
+            offset.x = e.clientX - modalWrap.offsetLeft;
+            offset.y = e.clientY - modalWrap.offsetTop;
+            document.body.style.userSelect = 'none';
+          });
+          modalFooter.addEventListener('mousedown', (e) => {
+            isDragging = true;
+            offset.x = e.clientX - modalWrap.offsetLeft;
+            offset.y = e.clientY - modalWrap.offsetTop;
+            document.body.style.userSelect = 'none';
+          });
+
+          document.addEventListener('mousemove', (e) => {
+            if (!isDragging || !canMove) return;
+            const left = e.clientX - offset.x;
+            const top = e.clientY - offset.y;
+            modalWrap.style.left = `${left}px`;
+            modalWrap.style.top = `${top}px`;
+          });
+
+          document.addEventListener('mouseup', () => {
+            isDragging = false;
+            document.body.style.userSelect = '';
+          });
+        }
+      }
+    });
+  };
+
+  const stop = () => {
+    canMove = false;
+  };
+
+  // 新增：重置模态框位置为居中
+  const resetPosition = () => {
+    nextTick(() => {
+      const modalWrap: any = document.querySelector(`.${container} .ant-modal`);
+      if (modalWrap) {
+        const windowWidth = window.innerWidth;
+        const windowHeight = window.innerHeight;
+        const modalWidth = modalWrap.offsetWidth;
+        const modalHeight = modalWrap.offsetHeight;
+
+        const left = (windowWidth - modalWidth) / 2;
+        const top = (windowHeight - modalHeight) / 2;
+
+        modalWrap.style.left = `${left}px`;
+        modalWrap.style.top = `${top}px`;
+      }
+    });
+  };
+  return { start, stop, resetPosition };
+};
+
+export default useModalDrag;

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@hb-hellotech/hb-ui",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/componentLib.umd.cjs",
+  "module": "./dist/componentLib.js",
+  "types": "./dist/src/index.d.ts",
+  "author": "hello-tech",
+  "exports": {
+    ".": {
+      "import": "./dist/componentLib.js",
+      "require": "./dist/componentLib.umd.cjs"
+    },
+    "./dist/style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    }
+  },
+  "files": [
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "dist",
+    "hooks"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "pub": "npm publish --tag latest --access public",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@ant-design/icons-vue": "^6.1.0",
+    "@rollup/plugin-alias": "^4.0.2",
+    "@types/node": "^18.11.7",
+    "@types/throttle-debounce": "^5.0.0",
+    "@vueuse/core": "^10.9.0",
+    "ant-design-vue": "^3.2.15",
+    "child_process": "^1.0.2",
+    "dayjs": "^1.11.18",
+    "less": "^4.1.3",
+    "lodash": "^4.17.21",
+    "path": "^0.12.7",
+    "rollup-plugin-external-globals": "^0.8.0",
+    "sass": "^1.55.0",
+    "throttle-debounce": "^5.0.0",
+    "vite-plugin-dts": "^1.6.6",
+    "vite-plugin-libcss": "^1.0.5",
+    "vue": "^3.5.22",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.1.6",
+    "vuedraggable": "4.1.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.2.0",
+    "typescript": "^4.6.4",
+    "vite": "^3.2.0",
+    "vue-tsc": "^1.0.9"
+  }
+}