yootd 0.2.5 → 0.2.7

package/dist/tabs/index.scss

@@ -1,86 +1,86 @@
-.yot-tabs {
-  // 覆盖 ant 默认样式
-  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
-  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
-    bottom: 1px;
-  }
-  &-large {
-    .ant-tabs-tab.ant-tabs-tab-active {
-      color: var(--ant-color-primary);
-    }
-    .ant-tabs-tab-btn {
-      font-size: var(--ant-font-size-lg);
-    }
-    .ant-tabs-nav-wrap {
-      background-color: white;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-    .ant-tabs-nav::before {
-      content: '';
-      position: absolute;
-      right: 1.5rem;
-      left: 1.5rem;
-      z-index: 10;
-      border-bottom-width: var(--ant-line-width);
-      border-bottom-style: solid;
-      border-bottom-color: #e5e5e5;
-    }
-  }
-  &-small {
-    .ant-tabs-tab.ant-tabs-tab-active {
-      color: var(--ant-color-primary);
-    }
-    .ant-tabs-tab-btn {
-      font-size: var(--ant-font-size);
-    }
-    .ant-tabs-nav-wrap {
-      background-color: white;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-    .ant-tabs-nav::before {
-      content: '';
-      position: absolute;
-      right: 1.5rem;
-      left: 1.5rem;
-      z-index: 10;
-      border-bottom-width: var(--ant-line-width);
-      border-bottom-style: solid;
-      border-bottom-color: #e5e5e5;
-    }
-  }
-  &-capsule {
-    &__content {
-      padding-top: var(--ant-margin);
-      padding-bottom: var(--ant-margin);
-      box-sizing: border-box;
-      background-color: white;
-      padding-left: var(--ant-padding-lg);
-      padding-right: var(--ant-padding-lg);
-    }
-    .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
-      padding-left: var(--ant-padding);
-      padding-right: var(--ant-padding);
-      box-sizing: border-box;
-      font-size: var(--ant-font-size);
-      color: var(--ant-color-primary);
-    }
-    .ant-radio-button.ant-radio-button-checked {
-      font-size: var(--ant-font-size);
-      color: var(--ant-color-primary);
-    }
-    &__value {
-      font-size: 14px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-      color: #000000e0;
-    }
-  }
-  &-istabmargin {
-    .ant-tabs-nav {
-      margin-bottom: 0;
-    }
-  }
-}
+.yot-tabs {
+  // 覆盖 ant 默认样式
+  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
+  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
+    bottom: 1px;
+  }
+  &-large {
+    .ant-tabs-tab.ant-tabs-tab-active {
+      color: var(--ant-color-primary);
+    }
+    .ant-tabs-tab-btn {
+      font-size: var(--ant-font-size-lg);
+    }
+    .ant-tabs-nav-wrap {
+      background-color: white;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+    .ant-tabs-nav::before {
+      content: '';
+      position: absolute;
+      right: 1.5rem;
+      left: 1.5rem;
+      z-index: 10;
+      border-bottom-width: var(--ant-line-width);
+      border-bottom-style: solid;
+      border-bottom-color: #e5e5e5;
+    }
+  }
+  &-small {
+    .ant-tabs-tab.ant-tabs-tab-active {
+      color: var(--ant-color-primary);
+    }
+    .ant-tabs-tab-btn {
+      font-size: var(--ant-font-size);
+    }
+    .ant-tabs-nav-wrap {
+      background-color: white;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+    .ant-tabs-nav::before {
+      content: '';
+      position: absolute;
+      right: 1.5rem;
+      left: 1.5rem;
+      z-index: 10;
+      border-bottom-width: var(--ant-line-width);
+      border-bottom-style: solid;
+      border-bottom-color: #e5e5e5;
+    }
+  }
+  &-capsule {
+    &__content {
+      padding-top: var(--ant-margin);
+      padding-bottom: var(--ant-margin);
+      box-sizing: border-box;
+      background-color: white;
+      padding-left: var(--ant-padding-lg);
+      padding-right: var(--ant-padding-lg);
+    }
+    .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
+      padding-left: var(--ant-padding);
+      padding-right: var(--ant-padding);
+      box-sizing: border-box;
+      font-size: var(--ant-font-size);
+      color: var(--ant-color-primary);
+    }
+    .ant-radio-button.ant-radio-button-checked {
+      font-size: var(--ant-font-size);
+      color: var(--ant-color-primary);
+    }
+    &__value {
+      font-size: 14px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+      color: #000000e0;
+    }
+  }
+  &-istabmargin {
+    .ant-tabs-nav {
+      margin-bottom: 0;
+    }
+  }
+}

package/dist/tag/index.scss

@@ -1,5 +1,5 @@
-.yot-tag {
-    &__text {
-        font-weight: bold;
-    }
+.yot-tag {
+    &__text {
+        font-weight: bold;
+    }
 }

package/dist/teacher/types/types.d.ts

@@ -1,33 +1,33 @@
-import { SelectProps } from 'yootd';
-
-export interface PageData<T> {
-  content: T[];
-  page: {
-    number: number;
-    size: number;
-    totalElements: number;
-    totalPages: number;
-  };
-}
-// 查询老师返回的数据类型
-export interface IteacherItem {
-  [key: string]: string | number;
-  userId: number; // 老师ID
-  personalName: string; // 老师姓名
-  personalMobile?: string; // 手机号
-  uniqueNumber?: string; // 工号
-  nationName?: string; // 民族
-  gender?: number; // 性别
-  personalEmail?: string; // 邮箱
-}
-type LabelOptions =
-  | 'personalName'
-  | 'uniqueNumber'
-  | 'personalMobile'
-  | 'nationName'
-  | 'genderName'
-  | 'personalEmail';
-export type TeacherProps = SelectProps & {
-  label?: LabelOptions[];
-  connectors?: string;
-};
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询老师返回的数据类型
+export interface IteacherItem {
+  [key: string]: string | number;
+  userId: number; // 老师ID
+  personalName: string; // 老师姓名
+  personalMobile?: string; // 手机号
+  uniqueNumber?: string; // 工号
+  nationName?: string; // 民族
+  gender?: number; // 性别
+  personalEmail?: string; // 邮箱
+}
+type LabelOptions =
+  | 'personalName'
+  | 'uniqueNumber'
+  | 'personalMobile'
+  | 'nationName'
+  | 'genderName'
+  | 'personalEmail';
+export type TeacherProps = SelectProps & {
+  label?: LabelOptions[];
+  connectors?: string;
+};

package/dist/tree/index.scss

@@ -1,34 +1,34 @@
-.yot-tree {
-  position: relative;
-  overflow: auto;
-  height: 100%;
-  .ant-tree-node-content-wrapper.ant-tree-node-selected {
-    background-color: var(--ant-color-primary-bg);
-    .ant-tree-title {
-      color: var(--ant-color-primary);
-    }
-  }
-  .ant-tree-node-content-wrapper {
-    .ant-tree-title {
-      color: var(--ant-color-text-secondary);
-    }
-  }
-  &__icon {
-    margin-top: 2px;
-    &.yot-is-selected {
-      .path-1 {
-        stroke: var(--ant-color-primary);
-      }
-      .path-2,
-      .rect-1 {
-        fill: var(--ant-color-primary);
-      }
-    }
-  }
-  &__search {
-    position: sticky;
-    top: 0px;
-    z-index: 1;
-    margin-bottom: 10px;
-  }
-}
+.yot-tree {
+  position: relative;
+  overflow: auto;
+  height: 100%;
+  .ant-tree-node-content-wrapper.ant-tree-node-selected {
+    background-color: var(--ant-color-primary-bg);
+    .ant-tree-title {
+      color: var(--ant-color-primary);
+    }
+  }
+  .ant-tree-node-content-wrapper {
+    .ant-tree-title {
+      color: var(--ant-color-text-secondary);
+    }
+  }
+  &__icon {
+    margin-top: 2px;
+    &.yot-is-selected {
+      .path-1 {
+        stroke: var(--ant-color-primary);
+      }
+      .path-2,
+      .rect-1 {
+        fill: var(--ant-color-primary);
+      }
+    }
+  }
+  &__search {
+    position: sticky;
+    top: 0px;
+    z-index: 1;
+    margin-bottom: 10px;
+  }
+}

package/dist/upload/components/fileUpload.d.ts

@@ -9,6 +9,7 @@ declare const FileUpload: React.ForwardRefExoticComponent<import("antd").UploadP
     value?: UploadFile<any>[] | undefined;
     widthPixels?: number | undefined;
     heightPixels?: number | undefined;
+    proportio?: [number, number] | undefined;
     fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile<any>[] | undefined) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;

package/dist/upload/components/imageUpload.d.ts

@@ -9,6 +9,7 @@ declare const ImageUpload: React.ForwardRefExoticComponent<import("antd").Upload
     value?: UploadFile<any>[] | undefined;
     widthPixels?: number | undefined;
     heightPixels?: number | undefined;
+    proportio?: [number, number] | undefined;
     fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile<any>[] | undefined) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;

package/dist/upload/components/imageUpload.js

@@ -22,7 +22,8 @@ var InternalUpload = function InternalUpload(props, ref) {
     value = props.value,
     onChange = props.onChange,
     widthPixels = props.widthPixels,
-    heightPixels = props.heightPixels;
+    heightPixels = props.heightPixels,
+    proportio = props.proportio;
   var mb = useBem('upload');
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -39,6 +40,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
     messageApi = _message$useMessage2[0],
     contextHolder = _message$useMessage2[1];
+  console.log('比例值', proportio);
   function getBase64(_x) {
     return _getBase.apply(this, arguments);
   }
@@ -108,6 +110,15 @@ var InternalUpload = function InternalUpload(props, ref) {
               return;
             }
           }
+          if ((proportio === null || proportio === void 0 ? void 0 : proportio[0]) != null && (proportio === null || proportio === void 0 ? void 0 : proportio[1]) != null) {
+            var imageRatio = image.width / image.height;
+            var expectedRatio = proportio[0] / proportio[1];
+            if (Math.abs(imageRatio - expectedRatio) > 0.01) {
+              void messageApi.warning("\u8BF7\u4E0A\u4F20\u6BD4\u4F8B\u4E3A".concat(proportio[0], ":").concat(proportio[1], "\u7684\u56FE\u7247"));
+              return;
+            }
+          }
+
           // 图片尺寸符合要求，上传图片
           var formData = new FormData();
           if (folder != null) {

package/dist/upload/index.d.ts

@@ -10,6 +10,7 @@ export type UploadProps = AntUploadProps & {
     value?: UploadFile[];
     widthPixels?: number;
     heightPixels?: number;
+    proportio?: [number, number];
     fileType?: 'file' | 'image';
     onChange?: (value?: UploadFile[]) => void;
 };
@@ -20,6 +21,7 @@ declare const UploadInternal: React.ForwardRefExoticComponent<AntUploadProps<any
     value?: UploadFile<any>[] | undefined;
     widthPixels?: number | undefined;
     heightPixels?: number | undefined;
+    proportio?: [number, number] | undefined;
     fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile[]) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;

package/dist/upload/index.scss

@@ -1,115 +1,115 @@
-.yot-upload {
-  .ant-upload-list-item {
-    padding: 0;
-  }
-  .ant-upload-list-item.ant-upload-list-item-done {
-    .ant-upload-icon {
-      .anticon.anticon-paper-clip {
-        color: var(--ant-color-primary);
-      }
-    }
-  }
-  .ant-upload-list-item-name {
-    display: flex;
-    align-items: center;
-  }
-
-  &-file {
-    &-btn {
-      &__icon {
-        width: 16px;
-        height: 16px;
-      }
-      &:hover &{
-        &__icon {
-          .path-1 {
-            fill: var(--ant-color-primary);
-            width: 20px;
-          }
-        }
-      }
-    }
-  }
-  &__icon {
-    &--success {
-      width: 16px;
-      height: 16px;
-      position: absolute;
-      top: 0px;
-      right: 24px;
-    }
-    &--again {
-      width: 16px;
-      height: 16px;
-      position: absolute;
-      top: 0px;
-      right: 24px;
-    }
-    &--delete {
-      width: 16px;
-      height: 16px;
-      position: absolute;
-      top: 0px;
-      right: 2px;
-    }
-  }
-
-  &-image {
-    &-btn {
-      width: 100px;
-      height: 100px;
-      border-radius: 8px;
-      background-color: var(--ant-color-border-secondary);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      &__text {
-        font-size: 12px;
-        color: var(--ant-color-text-quaternary);
-        margin-top: 8px;
-      }
-    }
-  }
-  &-video {
-    &-content {
-      position: relative;
-      width: 102px;
-      height: 102px;
-      border-radius: 4px;
-      cursor: pointer;
-      padding: 8px;
-      box-sizing: border-box;
-      border: 1px solid var(--ant-color-border-secondary);
-      &__video {
-        width: 100%;
-        height: 100%;
-      }
-      &:hover &{
-        &-icon {
-          z-index: 10;
-          transition: all;
-          box-sizing: border-box;
-          position: absolute;
-          top: 8px;
-          left: 8px;
-          height: 86px;
-          width: 86px;
-          /* 这里的背景色根据需求设置 */
-          background: rgba(0, 0, 0, 0.6) !important;
-          background-color: #000;
-          filter: Alpha(Opacity=60);
-          opacity: 0.6;
-          &--delete {
-            width: 16px;
-            height: 16px;
-            position: absolute;
-            top: 36px;
-            left: 40%;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-}
+.yot-upload {
+  .ant-upload-list-item {
+    padding: 0;
+  }
+  .ant-upload-list-item.ant-upload-list-item-done {
+    .ant-upload-icon {
+      .anticon.anticon-paper-clip {
+        color: var(--ant-color-primary);
+      }
+    }
+  }
+  .ant-upload-list-item-name {
+    display: flex;
+    align-items: center;
+  }
+
+  &-file {
+    &-btn {
+      &__icon {
+        width: 16px;
+        height: 16px;
+      }
+      &:hover &{
+        &__icon {
+          .path-1 {
+            fill: var(--ant-color-primary);
+            width: 20px;
+          }
+        }
+      }
+    }
+  }
+  &__icon {
+    &--success {
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      top: 0px;
+      right: 24px;
+    }
+    &--again {
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      top: 0px;
+      right: 24px;
+    }
+    &--delete {
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      top: 0px;
+      right: 2px;
+    }
+  }
+
+  &-image {
+    &-btn {
+      width: 100px;
+      height: 100px;
+      border-radius: 8px;
+      background-color: var(--ant-color-border-secondary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      &__text {
+        font-size: 12px;
+        color: var(--ant-color-text-quaternary);
+        margin-top: 8px;
+      }
+    }
+  }
+  &-video {
+    &-content {
+      position: relative;
+      width: 102px;
+      height: 102px;
+      border-radius: 4px;
+      cursor: pointer;
+      padding: 8px;
+      box-sizing: border-box;
+      border: 1px solid var(--ant-color-border-secondary);
+      &__video {
+        width: 100%;
+        height: 100%;
+      }
+      &:hover &{
+        &-icon {
+          z-index: 10;
+          transition: all;
+          box-sizing: border-box;
+          position: absolute;
+          top: 8px;
+          left: 8px;
+          height: 86px;
+          width: 86px;
+          /* 这里的背景色根据需求设置 */
+          background: rgba(0, 0, 0, 0.6) !important;
+          background-color: #000;
+          filter: Alpha(Opacity=60);
+          opacity: 0.6;
+          &--delete {
+            width: 16px;
+            height: 16px;
+            position: absolute;
+            top: 36px;
+            left: 40%;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+}