@yibozhang/pro-table 0.1.2 → 0.1.4

package/lib/pro-table.component.less.shim.ngstyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pro-table.component.less.shim.ngstyle.d.ts","sourceRoot":"D:/projects/vps-front/Front/DasPMSWeb/lib/pro-table/src/","sources":["lib/pro-table.component.less.shim.ngstyle.ts"],"names":[],"mappings":""}

package/lib/utils/modal-width-detector.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=modal-width-detector.d.ts.map

package/lib/utils/modal-width-detector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-width-detector.d.ts","sourceRoot":"D:/projects/vps-front/Front/DasPMSWeb/lib/pro-table/src/","sources":["lib/utils/modal-width-detector.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yibozhang/pro-table",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "基于 Angular 和 ng-zorro-antd 的高级表格组件库",
   "publishConfig": {
     "access": "public"

package/public-api.d.ts

@@ -12,4 +12,5 @@ export { AntdFormService } from "./lib/page-public/antd-form";
 export type { FieldErrorMessage, FieldErrorMessages, FieldConfig, FormModifyType, FormConfig, WatchOptions, AddFieldsConfigOptions, AddFieldsConfigResult, RemoveFieldsConfigOptions, RemoveFieldsConfigResult, } from "./lib/page-public/antd-form";
 export { ArrayFormService } from "./lib/page-public/array-form";
 export type { ValidationResult, FieldValidator, FieldConfig as ArrayFieldConfig, ArrayFormRow, ArrayFormConfig, ArrayFormStoreItem, ArrayFormStore, } from "./lib/page-public/array-form";
+import "./lib/utils/modal-width-detector";
 //# sourceMappingURL=public-api.d.ts.map

package/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"D:/projects/vps-front/Front/DasPMSWeb/lib/pro-table/src/","sources":["public-api.ts"],"names":[],"mappings":"AAIA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,IAAI,gBAAgB,EAC/B,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,cAAc,GACf,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"D:/projects/vps-front/Front/DasPMSWeb/lib/pro-table/src/","sources":["public-api.ts"],"names":[],"mappings":"AAIA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,IAAI,gBAAgB,EAC/B,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,cAAc,GACf,MAAM,8BAA8B,CAAC;AAGtC,OAAO,kCAAkC,CAAC"}

package/src/lib/styles/custom-antd.less

@@ -4,11 +4,19 @@
   &.ant-btn-primary:not([disabled]):hover,
   &.ant-btn-primary:not([disabled]):focus {
     background: @primary-color !important;
+  }
+  &.ant-btn:not([disabled]):hover,
+  &.ant-btn:not([disabled]):focus {
     border-color: @primary-color !important;
   }
+  &.ant-btn-primary[disabled] {
+    background: @custom-primary-disabled-bg !important;
+    color: @custom-primary-disabled-color !important;
+    border-color: transparent !important;
+  }
 }
 
-// 输入框相关设置
+// 选择框相关设置
 .ant-select {
   &.ant-select-disabled .ant-select-selection-item {
     color: @form-item-disabled-color;
@@ -18,17 +26,17 @@
 // 表格相关设置
 .ant-table {
   .ant-table-thead th {
-    font-weight: bold;
+    font-weight: 700;
   }
 
   .ant-table-row {
-    height: 38px !important;
+    height: 36px !important;
   }
   .ant-table-tbody > .ant-table-custom-row-even {
-    background-color: #fff;
+    background-color: @custom-table-row-even-bg;
   }
   .ant-table-tbody > .ant-table-custom-row-odd {
-    background-color: #fafafa;
+    background-color: @custom-table-row-odd-bg;
   }
   .ant-table-tbody > .ant-table-custom-row-selected {
     background-color: @table-row-hover-bg;
@@ -37,7 +45,7 @@
   .ant-table-tbody > .ant-table-row:nth-child(even) {
     .ant-table-cell-fix-left,
     .ant-table-cell-fix-right {
-      background-color: #fafafa;
+      background-color: @custom-table-row-odd-bg;
     }
   }
   // 偶数行 hover 时同步覆盖固定列背景色，保持与行 hover 一致
@@ -48,9 +56,9 @@
     }
   }
   .ant-table-tbody > tr > td:not([class*="nz-disable-td"]) {
-    padding: 0 12px !important;
+    padding: @custom-table-padding-vertical @custom-table-padding-horizontal !important;
   }
-  .ant-table-tbody > tr > td.nz-disable-td{
+  .ant-table-tbody > tr > td.nz-disable-td {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
@@ -60,6 +68,9 @@
 .ant-table-pagination,
 .ant-pagination {
   position: relative;
+  margin: @custom-table-pagination-margin-vertical
+    @custom-table-pagination-margin-horizontal !important;
+
   .ant-pagination-item-active > a {
     color: @pagination-item-color-active;
   }
@@ -79,18 +90,49 @@
   .ant-pagination-prev {
     margin-right: 8px !important;
   }
-  .ant-pagination-next {
-    margin-left: 8px !important;
-  }
   .ant-pagination-total-text {
     position: absolute;
     left: 0;
     color: #7c7c7c;
   }
+  .ant-pagination-disabled {
+    background-color: @custom-pagination-disabled-bg !important;
+    border: 1px solid @custom-pagination-disabled-border-color !important;
+    .ant-pagination-item-link > .anticon {
+      color: @custom-pagination-disabled-border-color !important;
+    }
+  }
+  .ant-pagination-options {
+    margin-left: 8px !important;
+  }
+  .ant-pagination-item {
+    margin: 0 8px 0 0 !important;
+    &:not(.ant-pagination-item-active) {
+      background: #fff !important;
+      border: 1px solid @border-color-base !important;
+      a {
+        color: @custom-label-color !important;
+      }
+    }
+    &:not(.ant-pagination-item-active):hover {
+      background-color: @disabled-bg !important;
+    }
+    &:not(.ant-pagination-item-active):active {
+      background-color: @custom-pagination-active-bg !important;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
 }
 
+// InputNumber相关设置
 .ant-input-number {
   width: 100%;
+  .ant-input-number-input {
+    padding-left: @custom-input-number-padding-horizontal-base;
+    padding-right: @custom-input-number-padding-horizontal-base;
+  }
 }
 
 .ant-dropdown-menu {
@@ -110,6 +152,114 @@
   }
 }
 
+// Switch相关设置
+.ant-switch {
+  background-color: @primary-color;
+  &.ant-switch-checked {
+    background-color: #bfbfbf;
+  }
+}
+
+// Radio相关设置
+.ant-radio-group {
+  & > label > span:last-child {
+    padding-left: @custom-radio-padding-horizontal;
+    padding-right: @custom-radio-padding-horizontal;
+  }
+  & > label:not([class*="ant-radio-wrapper-disabled"]) > span:last-child {
+    color: @custom-text-color2;
+  }
+  & > label[class*="ant-radio-wrapper-disabled"] > span:last-child {
+    color: @custom-text-color5;
+  }
+}
+
+// Form相关设置
+[nz-form] {
+  .ant-form-item-explain-error {
+    font-size: @custom-form-item-error-font-size;
+    color: @label-required-color;
+    height: 23px;
+    line-height: 23px;
+  }
+}
+
+// Checkbox相关设置
+[nz-checkbox] {
+  & > span:last-child {
+    padding-left: @custom-checkbox-padding-horizontal;
+    padding-right: @custom-checkbox-padding-horizontal;
+  }
+}
+
+// Modal相关设置
+.ant-modal:not([class*="ant-modal-confirm"]) {
+  .ant-modal-body {
+    padding: 16px 32px 24px 32px;
+
+    // 当宽度小于 500px 时应用特殊 padding
+    &.narrow-width {
+      padding: 16px 0px 24px 0px;
+    }
+  }
+}
+
+// Modal Confirm相关设置
+.ant-modal:has([class*="ant-modal-confirm"]) {
+  .ant-modal-confirm-body {
+    .anticon {
+      font-size: @custom-modal-confirm-icon-size;
+      margin-right: 8px;
+    }
+    .ant-modal-confirm-title {
+      color: @custom-modal-confirm-title-color;
+      font-weight: bold;
+      font-size: @custom-modal-confirm-title-font-size;
+    }
+  }
+  .ant-modal-confirm-btns {
+    margin: @custom-modal-confirm-btns-margin;
+  }
+}
+
+// Message相关设置
+.ant-message {
+  .ant-message-notice-content {
+    color: @custom-text-color2;
+    i {
+      font-size: @custom-modal-confirm-icon-size;
+      margin-right: 8px;
+    }
+    span {
+      position: relative;
+      top: -2px;
+    }
+  }
+}
+
+// Step相关设置
+.ant-steps {
+  .ant-steps-item-active {
+    .ant-steps-item-title,
+    .ant-steps-item-description {
+      color: @custom-step-color !important;
+    }
+  }
+  .ant-steps-item-wait {
+    .ant-steps-item-icon {
+      border: none;
+      background: @custom-step-wait-icon-background;
+    }
+    .ant-steps-item-title,
+    .ant-steps-item-description {
+      color: @custom-step-wait-color !important;
+    }
+  }
+  .ant-steps-icon {
+    top: 0 !important;
+  }
+}
+
 /* 使用 CSS 变量，避免 JS 动态修改样式 */
 [class^="ant-form-custom"] .ant-form-item-label:not([custom-width]) {
   width: var(--label-width, 120px) !important;
@@ -126,4 +276,4 @@
 
 [class^="ant-form-custom"] .ant-form-item-label[custom-align] {
   text-align: attr(custom-align) !important;
-}
+}

package/src/lib/styles/theme.less

@@ -1,45 +1,106 @@
 // 注意：此文件只包含变量定义和样式覆盖
 // 使用者项目需要先导入 ng-zorro-antd 的样式，然后再导入此文件
 // 例如：@import "~ng-zorro-antd/ng-zorro-antd.less"; @import "~@yibozhang/pro-table/src/lib/styles/theme.less";
+// 自定义变量
+@custom-table-pagination-margin-vertical: 8px;
+@custom-table-pagination-margin-horizontal: 0px;
+@custom-table-padding-horizontal: 8px;
+@custom-table-padding-vertical: 0px;
+@custom-table-row-even-bg: #fff;
+@custom-table-row-odd-bg: #fafafa;
+@custom-scrollbar-thumb-bg: rgba(0, 0, 0, 0.45);
+@custom-scrollbar-width: 5px;
+@custom-scrollbar-height: 5px;
+@custom-scrollbar-border-radius: 2.5px;
+@custom-label-color: @custom-text-color3;
+@custom-primary-disabled-bg: rgba(9, 109, 217, 0.5);
+@custom-primary-disabled-color: rgba(255, 255, 255, 0.5);
+@custom-pagination-disabled-bg: #fff;
+@custom-pagination-disabled-border-color: @border-color-base;
+@custom-pagination-active-bg: rgba(9, 109, 217, 0.1);
+@custom-aside-subnav-bg: #fafafa;
+@custom-aside-subnav-active-bg: rgba(9, 109, 217, 0.1);
+@custom-text-color1: #fff;
+@custom-text-color2: #1d1d1d;
+@custom-text-color3: #5a5a5a;
+@custom-text-color4: #7c7c7c;
+@custom-text-color5: #9d9d9d;
+@custom-text-color6: @primary-color;
+@custom-form-item-error-font-size: 12px;
+@custom-input-number-padding-horizontal-base: 8px;
+@custom-checkbox-padding-horizontal: 4px;
+@custom-radio-padding-horizontal: 4px;
+@custom-modal-confirm-title-color: @custom-text-color2;
+@custom-modal-confirm-header-margin: 0px 0px 16px 0px;
+@custom-modal-confirm-title-font-size: 14px;
+@custom-modal-confirm-icon-size: 20px;
+@custom-modal-confirm-btns-margin: 16px 0px 0px 0px;
+@custom-step-color: @custom-text-color2;
+@custom-step-wait-color: #A3A3A3;
+@custom-step-wait-icon-background: @border-color-base;
 
 @primary-color: #096dd9;
 @primary-5: @primary-color;
 @font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica Neue, Helvetica,
   Arial, Lantinghei SC, Hiragino Sans GB, sans-serif;
-@disabled-color: #8d8d8d;
+@disabled-color: @custom-text-color4;
 @disabled-bg: #f5f5f5;
 @border-radius-base: 4px;
 @border-color-base: #d9d9d9;
 @form-item-disabled-color: #484848;
 @border-color-split: #e8e8e8;
 
-
 // Input
-@input-placeholder-color: #c0c0c0;
+@input-placeholder-color: @custom-text-color5;
 @input-padding-horizontal-base: 8px;
-@input-disabled-bg: #0000000a;
-@input-disabled-color: @form-item-disabled-color;
+@input-disabled-bg: @disabled-bg;
+@input-disabled-color: @custom-text-color4;
+@input-color: @custom-text-color2;
 
 //  Select
-@select-item-selected-bg: @primary-color;
-@select-item-active-bg: #eaeaea;
-@select-item-selected-color: #fff;
-
-// Radio
-@radio-dot-disabled-color: #00000040;
+@select-item-selected-bg: rgba(9, 109, 217, 0.1);
+@select-item-active-bg: #f5f5f5;
+@select-item-selected-color: @custom-text-color2;
 
 // Form
-@form-item-margin-bottom: 24px;
-@label-required-color: #f4222d;
+@form-item-margin-bottom: 16px;
+@label-required-color: #f25d5d;
+@label-color: @custom-text-color3;
 
 // Table
 @table-header-bg: #f0f0f0;
-@table-header-color:#5A5A5A;
-@table-row-hover-bg: #e1ebf5;
-@table-padding-horizontal-sm:12px;
+@table-header-color: #5a5a5a;
+@table-row-hover-bg: rgba(9, 109, 217, 0.1);
+@table-padding-horizontal-sm: 8px;
 @table-border-color: @border-color-split;
 
 // Pagination
-@pagination-item-bg-active:@primary-color;
-@pagination-item-color-active:#fff;
+@pagination-item-bg-active: @primary-color;
+@pagination-item-color-active: #fff;
+
+// Button
+@btn-padding-horizontal-base: 16px;
+@btn-padding-horizontal-lg: 16px;
+@btn-padding-horizontal-sm: 8px;
+
+// Tabs
+@tabs-horizontal-padding: 14px 0;
+@tabs-horizontal-margin: 0 24px 0 0;
+
+// Checkbox
+@checkbox-size: 14px;
+
+//Modal
+@modal-header-padding-vertical: 0px;
+@modal-header-title-line-height: 40px;
+@modal-header-close-size: 40px;
+@modal-confirm-body-padding: 16px 24px 16px 24px;
+
+// Message
+@message-notice-content-padding: 8px 32px 8px 16px;
+
+// Step
+@steps-icon-font-size: 14px;
 
+// DropDown
+@dropdown-selected-color: rgba(9, 109, 217, 0.1);