iglooform 3.0.5 → 3.0.7

package/.dumi/tmp/dumi/theme/ContextWrapper.tsx

@@ -30,7 +30,7 @@ export default function DumiContextWrapper() {
 
   return (
     <SiteContext.Provider value={{
-      pkg: {"name":"iglooform","version":"3.0.4","license":"MIT"},
+      pkg: {"name":"iglooform","version":"3.0.6","license":"MIT"},
       historyType: "browser",
       entryExports,
       demos,
@@ -39,7 +39,7 @@ export default function DumiContextWrapper() {
       loading,
       setLoading,
       hostname: undefined,
-      themeConfig: {"footer":"Copyright © 2023 | Powered by <a href=\"https://d.umijs.org\" target=\"_blank\" rel=\"noreferrer\">dumi</a>","prefersColor":{"default":"light","switch":true},"nprogress":true,"lastUpdated":true,"mode":"site","title":"iglooform","logo":"/logo.png","name":"iglooform","nav":{"mode":"append","value":[{"title":"2.x","link":"https://iglooform.dev.axinan.com"}]}},
+      themeConfig: {"footer":"Copyright © 2024 | Powered by <a href=\"https://d.umijs.org\" target=\"_blank\" rel=\"noreferrer\">dumi</a>","prefersColor":{"default":"light","switch":true},"nprogress":true,"lastUpdated":true,"mode":"site","title":"iglooform","logo":"/logo.png","name":"iglooform","nav":{"mode":"append","value":[{"title":"2.x","link":"https://iglooform.dev.axinan.com"}]}},
       _2_level_nav_available: false,
     }}>
       {outlet}

package/es/alert-message/style/index.less

@@ -5,9 +5,9 @@
   padding: 12px 16px;
   border-width: 0px;
 
-  &-message {
+  & &-message {
     font-size: 14px;
-    color:  @text-color;
+    color: @text-color;
     margin-left: 8px;
     white-space: pre-wrap;
     word-break: keep-all;
@@ -18,7 +18,7 @@
     }
   }
 
-  &-icon {
+  & &-icon {
     font-size: 24px;
     position: absolute;
     top: 10px;

package/es/filter/index.js

@@ -964,9 +964,9 @@ var FilterComponent = function FilterComponent(props) {
       }),
       placement: 'bottomLeft',
       overlayClassName: "igloo-form-filter-drop-down-container",
-      visible: dropVisible,
-      onOpenChange: function onOpenChange(visible) {
-        setDropVisible(visible);
+      open: dropVisible,
+      onOpenChange: function onOpenChange(visible, info) {
+        info.source !== 'menu' && setDropVisible(visible);
         if (visible) {
           typeof beforeOpenFilter === 'function' && beforeOpenFilter(_objectSpread({}, confirmed));
         }

package/es/input/expiry-date.js

@@ -234,6 +234,11 @@ function checkTime(value, check) {
   if (!value) {
     return Promise.resolve();
   }
+  if (value === 'error type') {
+    return Promise.reject(staticFormatMessage({
+      id: 'Please enter a valid date.'
+    }));
+  }
   var _ref = value || {},
     year = _ref.year,
     month = _ref.month;

package/es/input/input-date.js

@@ -239,6 +239,11 @@ function checkTime(value, format) {
   if (!value) {
     return Promise.resolve();
   }
+  if (value === 'error type') {
+    return Promise.reject(staticFormatMessage({
+      id: 'Please enter a valid date.'
+    }));
+  }
   return moment(value, format, true).isValid() ? Promise.resolve() : Promise.reject(staticFormatMessage({
     id: 'Please enter a valid date.'
   }));

package/es/input/style/otp/index.less

@@ -17,7 +17,7 @@
     font-size: 12px;
     line-height: 16px;
 
-    &-inner {
+    .igloo-otp-count-down-inner {
       color: @icon-color;
       font-weight: bold;
       font-size: 12px;

package/es/login-page/style/index.less

@@ -8,7 +8,7 @@
   background-position-x: 100%;
   background-size: contain;
 
-  &-logo {
+  .igloo-login-page-logo {
     position: absolute;
     width: 108px;
     height: 60px;
@@ -18,27 +18,27 @@
     background-size: contain;
   }
 
-  &-child-box {
+  .igloo-login-page-child-box {
     position: absolute;
     top: 200px;
     left: 166px;
   }
 
-  &-text-box {
+  .igloo-login-page-text-box {
     position: absolute;
     right: 103px;
     bottom: 128px;
 
-    &-text {
+    .igloo-login-page-text-box-text {
       font-family: Semplicita Pro;
       font-weight: bold;
       color: #fff;
     }
 
-    &-buttons {
+    .igloo-login-page-text-box-buttons {
       margin-top: 40px;
 
-      &-button {
+      .igloo-login-page-text-box-buttons-button {
         display: inline-block;
         cursor: pointer;
         width: 140px;
@@ -47,11 +47,11 @@
         background-repeat: no-repeat;
       }
 
-      &-apple {
+      .igloo-login-page-text-box-buttons-apple {
         background-image: url(./apple.svg);
       }
 
-      &-google {
+      .igloo-login-page-text-box-buttons-google {
         background-image: url(./google.svg);
         margin-left: 16px;
       }
@@ -64,14 +64,14 @@
   width: 100vw;
   height: 100vh;
 
-  &-logo {
+  .igloo-login-page-mobile-logo {
     width: 108px;
     height: 60px;
     background: url(./logo.svg) no-repeat;
     background-size: contain;
   }
 
-  &-child-box {
+  .igloo-login-page-mobile-child-box {
     margin-top: 40px;
   }
 }

package/es/upload-photo/style/index.less

@@ -1,5 +1,5 @@
 .igloo-upload-photo {
-  &-sample {
+  .igloo-upload-photo-sample {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -8,7 +8,7 @@
     margin-bottom: 16px;
     border-radius: 3px;
 
-    &-photos {
+    .igloo-upload-photo-sample-photos {
       &-photo {
         width: 100%;
       }
@@ -39,28 +39,28 @@
       }
     }
 
-    &-descriptions {
-      color:  @icon-color;
+    .igloo-upload-photo-sample-descriptions {
+      color: @icon-color;
       word-break: break-word;
       white-space: pre-wrap;
       font-style: italic;
       font-size: 14px;
     }
 
-    &-descriptions-center {
+    .igloo-upload-photo-sample-descriptions-center {
       display: flex;
       align-items: center;
     }
   }
 
-  &-content {
+  .igloo-upload-photo-content {
     margin-bottom: 0 !important;
 
     .ant-space-item {
       height: 98px;
     }
 
-    &-container {
+    .igloo-upload-photo-content-container {
       position: relative;
       border: 1px solid #eeeeee;
       border-radius: 3px;
@@ -73,7 +73,7 @@
       }
     }
 
-    &-mask {
+    .igloo-upload-photo-content-mask {
       display: flex;
       position: absolute;
       top: 0;
@@ -89,7 +89,7 @@
       z-index: 1;
     }
 
-    &-preview {
+    .igloo-upload-photo-content-preview {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -100,11 +100,11 @@
       overflow: hidden;
     }
 
-    &-error {
+    .igloo-upload-photo-content-error {
       border: 1px solid #de3618;
     }
 
-    &-button {
+    .igloo-upload-photo-content-button {
       display: flex;
       width: 98px;
       height: 98px;
@@ -119,38 +119,38 @@
   }
 
   @media screen and (max-width: 768px) {
-    &-sample {
+    .igloo-upload-photo-sample {
       display: block;
       padding: 16px;
 
-      &-photos {
+      .igloo-upload-photo-sample-photos {
         width: 100%;
       }
 
-      &-descriptions {
+      .igloo-upload-photo-sample-descriptions {
         width: 100%;
-        color:  @icon-color;
+        color: @icon-color;
         word-break: break-word;
         white-space: pre-wrap;
       }
     }
 
-    &-content {
+    .igloo-upload-photo-content {
       .ant-space-item {
         height: 86px;
       }
 
-      &-preview {
+      .igloo-upload-photo-content-preview {
         width: 86px;
         height: 86px;
       }
 
-      &-container {
+      .igloo-upload-photo-content-container {
         width: 86px;
         height: 86px;
       }
 
-      &-button {
+      .igloo-upload-photo-content-button {
         display: flex;
         width: 86px;
         height: 86px;
@@ -164,7 +164,7 @@
 }
 
 .ant-form-item-has-error .dont-show-error-status {
-  border-color:  @border-color;
+  border-color: @border-color;
 }
 
 .igloo-upload-photo-preview-modal {

package/es/upload-preview/style/index.less

@@ -13,7 +13,7 @@
 .igloo-upload-preview-modal {
   position: relative;
 
-  &-button {
+  & &-button {
     position: absolute;
     width: 24px;
     height: 44px;

package/es/utils/form-utils.js

@@ -268,6 +268,7 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
     if (type === 'InputDate') {
       rules.push({
         validator: function validator(_, date) {
+          if (!date) return Promise.resolve();
           var trimedDate = date.replaceAll(/\s/g, '');
           var format = elementProps.format ? elementProps.format.replaceAll(/\s/g, '') : 'DD/MM/YYYY';
           if (rangeStart && moment(trimedDate, format) < rangeStart) {

package/lib/alert-message/style/index.less

@@ -5,9 +5,9 @@
   padding: 12px 16px;
   border-width: 0px;
 
-  &-message {
+  & &-message {
     font-size: 14px;
-    color:  @text-color;
+    color: @text-color;
     margin-left: 8px;
     white-space: pre-wrap;
     word-break: keep-all;
@@ -18,7 +18,7 @@
     }
   }
 
-  &-icon {
+  & &-icon {
     font-size: 24px;
     position: absolute;
     top: 10px;

package/lib/filter/index.js

@@ -970,9 +970,9 @@ var FilterComponent = function FilterComponent(props) {
       }),
       placement: 'bottomLeft',
       overlayClassName: "igloo-form-filter-drop-down-container",
-      visible: dropVisible,
-      onOpenChange: function onOpenChange(visible) {
-        setDropVisible(visible);
+      open: dropVisible,
+      onOpenChange: function onOpenChange(visible, info) {
+        info.source !== 'menu' && setDropVisible(visible);
         if (visible) {
           typeof beforeOpenFilter === 'function' && beforeOpenFilter(_objectSpread({}, confirmed));
         }

package/lib/input/expiry-date.js

@@ -239,6 +239,11 @@ function checkTime(value, check) {
   if (!value) {
     return Promise.resolve();
   }
+  if (value === 'error type') {
+    return Promise.reject((0, _locale.staticFormatMessage)({
+      id: 'Please enter a valid date.'
+    }));
+  }
   var _ref = value || {},
     year = _ref.year,
     month = _ref.month;

package/lib/input/input-date.js

@@ -244,6 +244,11 @@ function checkTime(value, format) {
   if (!value) {
     return Promise.resolve();
   }
+  if (value === 'error type') {
+    return Promise.reject((0, _locale.staticFormatMessage)({
+      id: 'Please enter a valid date.'
+    }));
+  }
   return (0, _dayjs.default)(value, format, true).isValid() ? Promise.resolve() : Promise.reject((0, _locale.staticFormatMessage)({
     id: 'Please enter a valid date.'
   }));

package/lib/input/style/otp/index.less

@@ -17,7 +17,7 @@
     font-size: 12px;
     line-height: 16px;
 
-    &-inner {
+    .igloo-otp-count-down-inner {
       color: @icon-color;
       font-weight: bold;
       font-size: 12px;

package/lib/login-page/style/index.less

@@ -8,7 +8,7 @@
   background-position-x: 100%;
   background-size: contain;
 
-  &-logo {
+  .igloo-login-page-logo {
     position: absolute;
     width: 108px;
     height: 60px;
@@ -18,27 +18,27 @@
     background-size: contain;
   }
 
-  &-child-box {
+  .igloo-login-page-child-box {
     position: absolute;
     top: 200px;
     left: 166px;
   }
 
-  &-text-box {
+  .igloo-login-page-text-box {
     position: absolute;
     right: 103px;
     bottom: 128px;
 
-    &-text {
+    .igloo-login-page-text-box-text {
       font-family: Semplicita Pro;
       font-weight: bold;
       color: #fff;
     }
 
-    &-buttons {
+    .igloo-login-page-text-box-buttons {
       margin-top: 40px;
 
-      &-button {
+      .igloo-login-page-text-box-buttons-button {
         display: inline-block;
         cursor: pointer;
         width: 140px;
@@ -47,11 +47,11 @@
         background-repeat: no-repeat;
       }
 
-      &-apple {
+      .igloo-login-page-text-box-buttons-apple {
         background-image: url(./apple.svg);
       }
 
-      &-google {
+      .igloo-login-page-text-box-buttons-google {
         background-image: url(./google.svg);
         margin-left: 16px;
       }
@@ -64,14 +64,14 @@
   width: 100vw;
   height: 100vh;
 
-  &-logo {
+  .igloo-login-page-mobile-logo {
     width: 108px;
     height: 60px;
     background: url(./logo.svg) no-repeat;
     background-size: contain;
   }
 
-  &-child-box {
+  .igloo-login-page-mobile-child-box {
     margin-top: 40px;
   }
 }

package/lib/upload-photo/style/index.less

@@ -1,5 +1,5 @@
 .igloo-upload-photo {
-  &-sample {
+  .igloo-upload-photo-sample {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -8,7 +8,7 @@
     margin-bottom: 16px;
     border-radius: 3px;
 
-    &-photos {
+    .igloo-upload-photo-sample-photos {
       &-photo {
         width: 100%;
       }
@@ -39,28 +39,28 @@
       }
     }
 
-    &-descriptions {
-      color:  @icon-color;
+    .igloo-upload-photo-sample-descriptions {
+      color: @icon-color;
       word-break: break-word;
       white-space: pre-wrap;
       font-style: italic;
       font-size: 14px;
     }
 
-    &-descriptions-center {
+    .igloo-upload-photo-sample-descriptions-center {
       display: flex;
       align-items: center;
     }
   }
 
-  &-content {
+  .igloo-upload-photo-content {
     margin-bottom: 0 !important;
 
     .ant-space-item {
       height: 98px;
     }
 
-    &-container {
+    .igloo-upload-photo-content-container {
       position: relative;
       border: 1px solid #eeeeee;
       border-radius: 3px;
@@ -73,7 +73,7 @@
       }
     }
 
-    &-mask {
+    .igloo-upload-photo-content-mask {
       display: flex;
       position: absolute;
       top: 0;
@@ -89,7 +89,7 @@
       z-index: 1;
     }
 
-    &-preview {
+    .igloo-upload-photo-content-preview {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -100,11 +100,11 @@
       overflow: hidden;
     }
 
-    &-error {
+    .igloo-upload-photo-content-error {
       border: 1px solid #de3618;
     }
 
-    &-button {
+    .igloo-upload-photo-content-button {
       display: flex;
       width: 98px;
       height: 98px;
@@ -119,38 +119,38 @@
   }
 
   @media screen and (max-width: 768px) {
-    &-sample {
+    .igloo-upload-photo-sample {
       display: block;
       padding: 16px;
 
-      &-photos {
+      .igloo-upload-photo-sample-photos {
         width: 100%;
       }
 
-      &-descriptions {
+      .igloo-upload-photo-sample-descriptions {
         width: 100%;
-        color:  @icon-color;
+        color: @icon-color;
         word-break: break-word;
         white-space: pre-wrap;
       }
     }
 
-    &-content {
+    .igloo-upload-photo-content {
       .ant-space-item {
         height: 86px;
       }
 
-      &-preview {
+      .igloo-upload-photo-content-preview {
         width: 86px;
         height: 86px;
       }
 
-      &-container {
+      .igloo-upload-photo-content-container {
         width: 86px;
         height: 86px;
       }
 
-      &-button {
+      .igloo-upload-photo-content-button {
         display: flex;
         width: 86px;
         height: 86px;
@@ -164,7 +164,7 @@
 }
 
 .ant-form-item-has-error .dont-show-error-status {
-  border-color:  @border-color;
+  border-color: @border-color;
 }
 
 .igloo-upload-photo-preview-modal {

package/lib/upload-preview/style/index.less

@@ -13,7 +13,7 @@
 .igloo-upload-preview-modal {
   position: relative;
 
-  &-button {
+  & &-button {
     position: absolute;
     width: 24px;
     height: 44px;

package/lib/utils/form-utils.js

@@ -276,6 +276,7 @@ var calcFormItemProps = function calcFormItemProps(config, extraProps, form, par
     if (type === 'InputDate') {
       rules.push({
         validator: function validator(_, date) {
+          if (!date) return Promise.resolve();
           var trimedDate = date.replaceAll(/\s/g, '');
           var format = elementProps.format ? elementProps.format.replaceAll(/\s/g, '') : 'DD/MM/YYYY';
           if (rangeStart && (0, _dayjs.default)(trimedDate, format) < rangeStart) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",

package/es/admin-amount/index.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { IglooTypographyProps } from '../typography';
-import { StatisticProps } from 'antd';
-interface Props extends StatisticProps {
-    amount: number;
-    level?: IglooTypographyProps['level'];
-}
-declare const Amount: FC<Props>;
-export default Amount;

package/es/admin-upload/float.d.ts

@@ -1,16 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export interface FloatProps {
-    title?: string;
-    visible: boolean;
-    uploadingNumber: number;
-    processingNumber: number;
-    doneNumber: number;
-    formatTips?: (props: {
-        uploading: number;
-        processing: number;
-        done: number;
-    }) => string;
-    onClose: (props: any) => any;
-}
-declare const Float: FC<PropsWithChildren<FloatProps>>;
-export default Float;