yootd 0.2.17 → 0.2.19

package/dist/modal/index.scss

@@ -28,7 +28,12 @@
     max-height: 529px;
     overflow-y: auto;
   }
-
+  @media (max-width: 1366px) {
+    .ant-modal-body {
+      max-height: 400px;
+      overflow-y: auto;
+    }
+  }
   .ant-modal-footer {
     margin-top: 40px;
   }

package/dist/zones/index.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+import './index.scss';
 import { ZoneProps } from './types/types';
 export declare const Zone: React.FC<ZoneProps>;

package/dist/zones/index.js

@@ -5,7 +5,8 @@ import { useQuery } from '@tanstack/react-query';
 import React, { useEffect, useState } from 'react';
 import { Select } from "./..";
 import { useRequest } from "../hooks/useRequest";
-import styles from "./index.module.scss";
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
 export var Zone = function Zone(_ref) {
   var _allProvinceData$cont, _cityData$content, _districtData$content;
   var _ref$zoneLevel = _ref.zoneLevel,
@@ -19,6 +20,7 @@ export var Zone = function Zone(_ref) {
     allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
     _ref$showSearch = _ref.showSearch,
     showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch;
+  var mb = useBem('Zones');
   var request = useRequest();
   // 用户所选择的省市区的id数组
   var _useState = useState([]),
@@ -129,12 +131,12 @@ export var Zone = function Zone(_ref) {
     }
   }, [value]);
   return /*#__PURE__*/React.createElement("div", {
-    className: zoneLevel === 'province' ? '' : "".concat(styles === null || styles === void 0 ? void 0 : styles.content),
+    className: zoneLevel === 'province' ? '' : "".concat(mb),
     style: zoneLevel === 'province' ? {} : style
   }, /*#__PURE__*/React.createElement(Select, {
     allowClear: allowClear,
     showSearch: showSearch,
-    className: "zone-select",
+    className: "".concat(mb.b('zone-select')),
     value: zoneIds === null || zoneIds === void 0 ? void 0 : zoneIds[0],
     onChange: changeProvince,
     options: provinceOptions,
@@ -147,7 +149,7 @@ export var Zone = function Zone(_ref) {
   }), zoneLevel !== 'province' ? /*#__PURE__*/React.createElement(Select, {
     allowClear: allowClear,
     showSearch: showSearch,
-    className: zoneLevel === 'city' ? '' : 'zone-select',
+    className: zoneLevel === 'city' ? '' : "".concat(mb.b('zone-select')),
     value: zoneIds === null || zoneIds === void 0 ? void 0 : zoneIds[1],
     onChange: changeCity,
     options: cityOptions,

package/dist/zones/index.scss

@@ -0,0 +1,21 @@
+.yot-Zones {
+  border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
+  border-radius: var(--ant-border-radius);
+  &-zone-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-show-arrow {
+    .ant-select-selector {
+      padding-left: var(--ant-padding);
+      padding-right: var(--ant-padding);
+      border: 0;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "description": "基于 Antd 二次开发的组件库",
   "license": "MIT",
   "module": "dist/index.js",

package/dist/zones/index.module.scss

@@ -1,23 +0,0 @@
-.content {
-  border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
-  border-radius: var(--ant-border-radius);
-  :global {
-    .zone-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-show-arrow {
-      .ant-select-selector {
-        padding-left: var(--ant-padding);
-        padding-right: var(--ant-padding);
-        border: 0;
-      }
-    }
-  }
-}