yootd 0.2.18 → 0.2.20

package/dist/aside/components/SortableItem.js

@@ -34,7 +34,11 @@ var SortableItem = function SortableItem(_ref) {
     subId = _ref.subId,
     isSubNode = _ref.isSubNode,
     subNode = _ref.subNode,
-    onSubClick = _ref.onSubClick;
+    onSubClick = _ref.onSubClick,
+    _ref$showEditBtn = _ref.showEditBtn,
+    showEditBtn = _ref$showEditBtn === void 0 ? true : _ref$showEditBtn,
+    _ref$showDelBtn = _ref.showDelBtn,
+    showDelBtn = _ref$showDelBtn === void 0 ? true : _ref$showDelBtn;
   var _useSortable = useSortable({
       id: id
     }),
@@ -44,7 +48,6 @@ var SortableItem = function SortableItem(_ref) {
     transform = _useSortable.transform,
     transition = _useSortable.transition,
     isDragging = _useSortable.isDragging;
-  console.log(statusColor[status !== null && status !== void 0 ? status : '']);
   var style = _objectSpread({
     transform: CSS.Transform.toString(transform),
     transition: transition
@@ -92,11 +95,13 @@ var SortableItem = function SortableItem(_ref) {
       marginLeft: dragBtnIcon ? '6px' : '0'
     }
   }, title))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(top.b('top-right'))
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle')),
     style: {
       marginLeft: editBtnIcon || delBtnIcon ? '12px' : 0
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, showEditBtn ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle').b('top-edit-btn-icon')),
     style: {
       opacity: id === activeKey ? 1 : 0,
@@ -117,7 +122,7 @@ var SortableItem = function SortableItem(_ref) {
     }
   }, /*#__PURE__*/React.createElement(EditBtnIcon, {
     className: "".concat(top.b('top-middle').b('top-edit-btn-icon').e('edit-btn-icon-svg'))
-  })), /*#__PURE__*/React.createElement("div", {
+  })) : null, showDelBtn ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle').b('top-del-btn-icon')),
     style: {
       opacity: id === activeKey ? 1 : 0,
@@ -138,7 +143,7 @@ var SortableItem = function SortableItem(_ref) {
     }
   }, /*#__PURE__*/React.createElement(DelBtnIcon, {
     className: "".concat(top.b('top-middle').b('top-del-btn-icon').e('del-btn-icon-svg'))
-  }))), /*#__PURE__*/React.createElement("div", {
+  })) : null), /*#__PURE__*/React.createElement("div", {
     style: {
       display: switchBtnIcon ? 'block' : 'none',
       marginLeft: switchBtnIcon ? '12px' : '0'
@@ -152,7 +157,7 @@ var SortableItem = function SortableItem(_ref) {
     onChange: function onChange(e) {
       onSwitch === null || onSwitch === void 0 || onSwitch(id, e);
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(mb.b('content').b('bottom')),
     style: {
       marginLeft: dragBtnIcon ? '22px' : '0'

package/dist/aside/components/SortableItem.scss

@@ -54,6 +54,9 @@
           }
         }
       }
+      &-top-right {
+        display: flex;
+      }
     }
     &-bottom {
       text-overflow: ellipsis;
@@ -100,11 +103,12 @@
             -webkit-line-clamp: 2; //超出2行隐藏，并显示省略号
             line-clamp: 2;
           }
-          &__top-title-active{
+          &__top-title-active {
             font-weight: bold;
           }
         }
       }
+
       &-top-middle {
         display: flex;
         align-items: center;
@@ -150,7 +154,7 @@
     background-color: #e5e5e5;
     z-index: 100;
   }
-  &-content-no-bg::before{
+  &-content-no-bg::before {
     content: '';
     position: absolute;
     bottom: -0.5px;
@@ -194,7 +198,7 @@
     box-sizing: border-box;
     cursor: pointer;
     background-color: #fff;
-    border-bottom:1 px solid ;
+    border-bottom: 1 px solid;
     &-top {
       display: flex;
       justify-content: space-between;

package/dist/aside/index.js

@@ -231,7 +231,9 @@ export var Aside = function Aside(_ref) {
       status: item.status,
       subId: subKey !== null && subKey !== void 0 ? subKey : (_item$children = item.children) === null || _item$children === void 0 || (_item$children = _item$children[0]) === null || _item$children === void 0 ? void 0 : _item$children.key,
       isSubNode: isSubNode,
-      subNode: item.children
+      subNode: item.children,
+      showDelBtn: item.showDelBtn,
+      showEditBtn: item.showEditBtn
     });
   })))));
 };

package/dist/aside/types/types.d.ts

@@ -6,6 +6,8 @@ type IdataItem = {
   checked?: boolean;
   status?: string;
   data?: any;
+  showEditBtn?: boolean;
+  showDelBtn?: boolean;
   children?: Array<{
     key: string;
     title: string;
@@ -13,6 +15,8 @@ type IdataItem = {
     checked?: boolean;
     status?: string;
     data?: any;
+    showEditBtn?: boolean;
+    showDelBtn?: boolean;
   }>;
 };
 export type AsideProps = {
@@ -56,6 +60,8 @@ export type AsideItemProps = {
   extra?: string;
   status?: string;
   data?: any;
+  showEditBtn?: boolean;
+  showDelBtn?: boolean;
   onClick?: (key: string | undefined, e: IdataItem) => void;
   onEdit?: (key: string, e: IdataItem) => void;
   onDel?: (key: string, e: IdataItem) => void;
@@ -69,6 +75,8 @@ export type AsideItemProps = {
     checked?: boolean;
     status?: string;
     data?: any;
+    showEditBtn?: boolean;
+    showDelBtn?: boolean;
   }>;
   onSubClick?: (key, subKey: string | undefined, e: IdataItem) => void;
 };

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.18",
+  "version": "0.2.20",
   "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;
-      }
-    }
-  }
-}