@yibozhang/pro-table 0.1.3 → 0.1.4

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.3",
+  "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,6 +4,9 @@
   &.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] {
@@ -118,6 +121,9 @@
       background-color: @custom-pagination-active-bg !important;
     }
   }
+  a {
+    text-decoration: none;
+  }
 }
 
 // InputNumber相关设置
@@ -186,6 +192,74 @@
   }
 }
 
+// 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;

package/src/lib/styles/theme.less

@@ -30,6 +30,14 @@
 @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;
@@ -80,4 +88,19 @@
 @tabs-horizontal-margin: 0 24px 0 0;
 
 // Checkbox
-@checkbox-size: 14px;
+@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);