yootd 0.2.0 → 0.2.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,43 +1,43 @@
-# yootd
-
-[![NPM version](https://img.shields.io/npm/v/yootd.svg?style=flat)](https://npmjs.org/package/yootd)
-[![NPM downloads](http://img.shields.io/npm/dm/yootd.svg?style=flat)](https://npmjs.org/package/yootd)
-
-A react library developed with dumi
-
-## Usage
-
-TODO
-
-## Options
-
-TODO
-
-## Development
-
-```bash
-# install dependencies
-$ pnpm install
-
-# develop library by docs demo
-$ pnpm start
-
-# build library source code
-$ pnpm run build
-
-# build library source code in watch mode
-$ pnpm run build:watch
-
-# build docs
-$ pnpm run docs:build
-
-# Locally preview the production build.
-$ pnpm run docs:preview
-
-# check your project for potential problems
-$ pnpm run doctor
-```
-
-## LICENSE
-
-MIT
+# yootd
+
+[![NPM version](https://img.shields.io/npm/v/yootd.svg?style=flat)](https://npmjs.org/package/yootd)
+[![NPM downloads](http://img.shields.io/npm/dm/yootd.svg?style=flat)](https://npmjs.org/package/yootd)
+
+A react library developed with dumi
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ pnpm install
+
+# develop library by docs demo
+$ pnpm start
+
+# build library source code
+$ pnpm run build
+
+# build library source code in watch mode
+$ pnpm run build:watch
+
+# build docs
+$ pnpm run docs:build
+
+# Locally preview the production build.
+$ pnpm run docs:preview
+
+# check your project for potential problems
+$ pnpm run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/Preview/components/preview/phone.scss

@@ -1,8 +1,8 @@
-.yot-preview-phone {
-  width: 398px;
-  height: 829px;
-  background-image: url('../../assets/phonebg.png');
-  background-size: 100% 100%;
-  padding: 96px 36px 20px 36px;
-  box-sizing: border-box;
-}
+.yot-preview-phone {
+  width: 398px;
+  height: 829px;
+  background-image: url('../../assets/phonebg.png');
+  background-size: 100% 100%;
+  padding: 96px 36px 20px 36px;
+  box-sizing: border-box;
+}

package/dist/Preview/index.scss

@@ -1,35 +1,35 @@
-.yot-preview {
-  &-controls {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 100;
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-    background-color: #ffffff;
-    border-radius: 8px;
-    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
-    .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
-      background-color: transparent;
-      border: none;
-      &:hover .ant-btn-icon svg path {
-        fill: var(--ant-color-primary);
-      }
-      &:hover .ant-btn-icon svg #rect-stroke {
-        stroke: var(--ant-color-primary);
-      }
-      &:hover .ant-btn-icon svg #reset-icon-rect {
-        fill: var(--ant-color-primary);
-      }
-    }
-    &--zoom {
-      width: 64px;
-      background-color: transparent;
-      border: none;
-    }
-  }
-  .react-flow__panel.center {
-    transform: translateX(-63%);
-  }
-}
+.yot-preview {
+  &-controls {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 100;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    background-color: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
+    .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
+      background-color: transparent;
+      border: none;
+      &:hover .ant-btn-icon svg path {
+        fill: var(--ant-color-primary);
+      }
+      &:hover .ant-btn-icon svg #rect-stroke {
+        stroke: var(--ant-color-primary);
+      }
+      &:hover .ant-btn-icon svg #reset-icon-rect {
+        fill: var(--ant-color-primary);
+      }
+    }
+    &--zoom {
+      width: 64px;
+      background-color: transparent;
+      border: none;
+    }
+  }
+  .react-flow__panel.center {
+    transform: translateX(-63%);
+  }
+}

package/dist/Preview/types/type.d.ts

@@ -1,22 +1,22 @@
-export interface PrevewProps {
-  controls?: boolean; // 是否显示右下角的放大缩小组件
-  defaultZoom?: number; // 初始化放大倍数
-  maxZoom?: number; // 最大放大倍数
-  minZoom?: number; // 最小放大倍数
-  panOnDrag?: boolean; // 是否可以拖拽
-  zoomOnScroll?: boolean; // 是否可以滚动
-  modes?: ['phone', 'web'] | ['phone'] | ['web']; // 预览模式
-  fitView?: boolean; // 是否自动适应视图
-  content?: ReactNode; // 数据
-  width?: number | string; // 宽度
-  height?: number | string; // 高度
-  style?: React.CSSProperties; // 样式
-}
-
-export interface TopPreviewProps {
-  mode: string;
-  onChange: (value: string) => void;
-}
-export interface ControlsProps {
-  defaultZoom?: number; // 初始化放大倍数
-}
+export interface PrevewProps {
+  controls?: boolean; // 是否显示右下角的放大缩小组件
+  defaultZoom?: number; // 初始化放大倍数
+  maxZoom?: number; // 最大放大倍数
+  minZoom?: number; // 最小放大倍数
+  panOnDrag?: boolean; // 是否可以拖拽
+  zoomOnScroll?: boolean; // 是否可以滚动
+  modes?: ['phone', 'web'] | ['phone'] | ['web']; // 预览模式
+  fitView?: boolean; // 是否自动适应视图
+  content?: ReactNode; // 数据
+  width?: number | string; // 宽度
+  height?: number | string; // 高度
+  style?: React.CSSProperties; // 样式
+}
+
+export interface TopPreviewProps {
+  mode: string;
+  onChange: (value: string) => void;
+}
+export interface ControlsProps {
+  defaultZoom?: number; // 初始化放大倍数
+}

package/dist/anchor/index.scss

@@ -1,23 +1,23 @@
-.yot-anchor {
-  .ant-anchor .ant-anchor-link {
-    padding-top: var(--ant-padding);
-    padding-bottom: var(--ant-padding);
-    box-sizing: border-box;
-    font-size: var(--ant-font-size);
-  }
-  .ant-anchor .ant-anchor-link:nth-of-type(1) {
-    padding-top: 5px;
-    padding-bottom: var(--ant-padding);
-    box-sizing: border-box;
-    font-size: var(--ant-font-size);
-  }
-  .ant-anchor .ant-anchor-link:last-child {
-    padding-top: var(--ant-padding);
-    padding-bottom: 5px;
-    box-sizing: border-box;
-    font-size: var(--ant-font-size);
-  }
-  .ant-anchor .ant-anchor-link.ant-anchor-link-active {
-    color: var(--ant-color-primary);
-  }
-}
+.yot-anchor {
+  .ant-anchor .ant-anchor-link {
+    padding-top: var(--ant-padding);
+    padding-bottom: var(--ant-padding);
+    box-sizing: border-box;
+    font-size: var(--ant-font-size);
+  }
+  .ant-anchor .ant-anchor-link:nth-of-type(1) {
+    padding-top: 5px;
+    padding-bottom: var(--ant-padding);
+    box-sizing: border-box;
+    font-size: var(--ant-font-size);
+  }
+  .ant-anchor .ant-anchor-link:last-child {
+    padding-top: var(--ant-padding);
+    padding-bottom: 5px;
+    box-sizing: border-box;
+    font-size: var(--ant-font-size);
+  }
+  .ant-anchor .ant-anchor-link.ant-anchor-link-active {
+    color: var(--ant-color-primary);
+  }
+}

package/dist/approval-process/index.scss

@@ -1,95 +1,95 @@
-.yot-approval-process {
-  &-steps {
-    padding: 0px 40px;
-    &-info {
-      display: flex;
-      &-avatar {
-        position: relative;
-        width: fit-content;
-        height: fit-content;
-        &-img {
-          width: 40px;
-          height: 40px;
-          border-radius: 50%;
-          background-size: 100% 100%;
-        }
-        &-status {
-          &-icon {
-            position: absolute;
-            bottom: 3.5px;
-            right: -0.5px;
-            width: 18px;
-            height: 18px;
-            display: block;
-          }
-        }
-      }
-      &-person {
-        margin-left: 16px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        padding: 2px 0;
-        &-name {
-          font-size: 16px;
-          font-weight: 500;
-          color: var(--ant-color-text);
-        }
-        &-time {
-          font-size: 12px;
-          font-weight: 500;
-          color: var(--ant-color-text-tertiary);
-        }
-      }
-    }
-
-    &-content {
-      display: flex;
-      padding-left: 20px;
-      padding-top: 8px;
-      padding-bottom: 8px;
-      &-line {
-        width: 1px;
-        border-left: 1px dashed var(--ant-color-border);
-        &--block {
-          display: block;
-          border-color: var(--ant-color-border);
-          min-height: 106px;
-        }
-        &--none {
-          display: none;
-          border-color: var(--ant-color-border);
-          min-height: 106px;
-        }
-      }
-      &-item {
-        margin-left: 40px;
-        &-status {
-          display: flex;
-          align-items: center;
-          width: fit-content;
-          height: 22px;
-          padding: 0 8px;
-          border-radius: 4px;
-          font-size: 12px;
-          &--visible {
-            visibility: visible;
-          }
-          &--invisible {
-            visibility: hidden;
-          }
-        }
-        &-comment {
-          margin-top: 4px;
-          padding: 0 8px;
-          font-size: 14px;
-          background-color: var(--ant-color-bg-layout);
-          height: 32px;
-          display: flex;
-          align-items: center;
-          border-radius: 4px;
-        }
-      }
-    }
-  }
-}
+.yot-approval-process {
+  &-steps {
+    padding: 0px 40px;
+    &-info {
+      display: flex;
+      &-avatar {
+        position: relative;
+        width: fit-content;
+        height: fit-content;
+        &-img {
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+          background-size: 100% 100%;
+        }
+        &-status {
+          &-icon {
+            position: absolute;
+            bottom: 3.5px;
+            right: -0.5px;
+            width: 18px;
+            height: 18px;
+            display: block;
+          }
+        }
+      }
+      &-person {
+        margin-left: 16px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        padding: 2px 0;
+        &-name {
+          font-size: 16px;
+          font-weight: 500;
+          color: var(--ant-color-text);
+        }
+        &-time {
+          font-size: 12px;
+          font-weight: 500;
+          color: var(--ant-color-text-tertiary);
+        }
+      }
+    }
+
+    &-content {
+      display: flex;
+      padding-left: 20px;
+      padding-top: 8px;
+      padding-bottom: 8px;
+      &-line {
+        width: 1px;
+        border-left: 1px dashed var(--ant-color-border);
+        &--block {
+          display: block;
+          border-color: var(--ant-color-border);
+          min-height: 106px;
+        }
+        &--none {
+          display: none;
+          border-color: var(--ant-color-border);
+          min-height: 106px;
+        }
+      }
+      &-item {
+        margin-left: 40px;
+        &-status {
+          display: flex;
+          align-items: center;
+          width: fit-content;
+          height: 22px;
+          padding: 0 8px;
+          border-radius: 4px;
+          font-size: 12px;
+          &--visible {
+            visibility: visible;
+          }
+          &--invisible {
+            visibility: hidden;
+          }
+        }
+        &-comment {
+          margin-top: 4px;
+          padding: 0 8px;
+          font-size: 14px;
+          background-color: var(--ant-color-bg-layout);
+          height: 32px;
+          display: flex;
+          align-items: center;
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+}

package/dist/areas/index.js

@@ -17,6 +17,8 @@ export var Areas = function Areas(_ref) {
     placeholder = _ref$placeholder === void 0 ? ['请选择学校', '请选择校区', '请选择楼栋', '请选择楼层', '请选择房间'] : _ref$placeholder,
     _ref$level = _ref.level1,
     level1 = _ref$level === void 0 ? true : _ref$level,
+    _ref$level2 = _ref.level5,
+    level5 = _ref$level2 === void 0 ? true : _ref$level2,
     areaType = _ref.areaType,
     areaSubType = _ref.areaSubType,
     _ref$disabled = _ref.disabled,
@@ -117,7 +119,7 @@ export var Areas = function Areas(_ref) {
           }
         });
       },
-      enabled: level4Value != null
+      enabled: level4Value != null && level5
     }),
     level5AreaData = _useQuery5.data;
   // 将level1位置树处理成下拉框
@@ -170,6 +172,18 @@ export var Areas = function Areas(_ref) {
       };
     });
   }, [level5AreaData]);
+  // 搜索框宽度
+  var searchWidth = useMemo(function () {
+    if (level1 && level5) {
+      return '20%';
+    } else if (level1 && !level5) {
+      return '25%';
+    } else if (!level1 && level5) {
+      return '25%';
+    } else {
+      return '33.3%';
+    }
+  }, [level1, level5]);
   // level1选择事件
   var changeLevel1Select = function changeLevel1Select(value) {
     setLevel1Value(value);
@@ -253,7 +267,7 @@ export var Areas = function Areas(_ref) {
     showSearch: showSearch,
     optionFilterProp: "label",
     style: {
-      width: level1 ? '20%' : '25%',
+      width: searchWidth,
       height: style === null || style === void 0 ? void 0 : style.height
     },
     options: level1AreaOptions,
@@ -267,7 +281,7 @@ export var Areas = function Areas(_ref) {
     showSearch: showSearch,
     optionFilterProp: "label",
     style: {
-      width: level1 ? '20%' : '25%',
+      width: searchWidth,
       height: style === null || style === void 0 ? void 0 : style.height
     },
     options: level2AreaOptions,
@@ -281,7 +295,7 @@ export var Areas = function Areas(_ref) {
     showSearch: showSearch,
     optionFilterProp: "label",
     style: {
-      width: level1 ? '20%' : '25%',
+      width: searchWidth,
       height: style === null || style === void 0 ? void 0 : style.height
     },
     options: level3AreaOptions,
@@ -291,24 +305,24 @@ export var Areas = function Areas(_ref) {
   }), /*#__PURE__*/React.createElement(Select, {
     value: level4Value,
     allowClear: allowClear,
-    className: "".concat(mb.b('areas-select')),
+    className: "".concat(level5 ? mb.b('areas-select') : ''),
     showSearch: showSearch,
     optionFilterProp: "label",
     style: {
-      width: level1 ? '20%' : '25%',
+      width: searchWidth,
       height: style === null || style === void 0 ? void 0 : style.height
     },
     options: level4AreaOptions,
     onChange: changeLevel4Select,
     placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder[3],
     disabled: disabled
-  }), /*#__PURE__*/React.createElement(Select, {
+  }), level5 && /*#__PURE__*/React.createElement(Select, {
     value: level5Value,
     allowClear: allowClear,
     showSearch: showSearch,
     optionFilterProp: "label",
     style: {
-      width: level1 ? '20%' : '25%',
+      width: searchWidth,
       height: style === null || style === void 0 ? void 0 : style.height
     },
     options: level5AreaOptions,

package/dist/areas/index.scss

@@ -1,21 +1,21 @@
-.yot-Areas {
-  border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
-  border-radius: var(--ant-border-radius);
-  &-areas-select::after {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 50%; /* 从中间开始 */
-    width: 1px; /* 边框宽度 */
-    height: 50%; /* 设为盒子高度的百分之五十 */
-    background-color: var(--ant-color-border); /* 边框颜色 */
-    transform: translateY(-50%);
-  }
-  .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-allow-clear.ant-select-show-arrow {
-    .ant-select-selector {
-      padding-left: var(--ant-padding);
-      padding-right: var(--ant-padding);
-      border: 0;
-    }
-  }
-}
+.yot-Areas {
+  border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
+  border-radius: var(--ant-border-radius);
+  &-areas-select::after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 50%; /* 从中间开始 */
+    width: 1px; /* 边框宽度 */
+    height: 50%; /* 设为盒子高度的百分之五十 */
+    background-color: var(--ant-color-border); /* 边框颜色 */
+    transform: translateY(-50%);
+  }
+  .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-allow-clear.ant-select-show-arrow {
+    .ant-select-selector {
+      padding-left: var(--ant-padding);
+      padding-right: var(--ant-padding);
+      border: 0;
+    }
+  }
+}