yootd 0.0.65 → 0.0.67

package/dist/aside/components/SortableItem.js

@@ -14,6 +14,12 @@ import { useBem } from "../../hooks/useBem";
 import { DelBtnIcon } from "./DelBtnIcon";
 import { DragBtnIcon } from "./DragBtnIcon";
 import { EditBtnIcon } from "./EditBtnIcon";
+var statusColor = {
+  primary: 'primary',
+  success: 'success',
+  warning: 'warning',
+  error: 'error'
+};
 var SortableItem = function SortableItem(_ref) {
   var activeKey = _ref.activeKey,
     id = _ref.id,
@@ -24,6 +30,7 @@ var SortableItem = function SortableItem(_ref) {
     title = _ref.title,
     checked = _ref.checked,
     extra = _ref.extra,
+    status = _ref.status,
     data = _ref.data,
     _onClick = _ref.onClick,
     onEdit = _ref.onEdit,
@@ -38,6 +45,7 @@ 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
@@ -51,7 +59,7 @@ var SortableItem = function SortableItem(_ref) {
     style: style,
     className: "".concat(mb)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(mb.b('content'), " ").concat(id === activeKey ? "".concat(mb.e('content-active')) : ''),
+    className: "".concat(mb.b('content'), " ").concat(id === activeKey ? "".concat(mb.e('content-active')) : '', " ").concat(mb.b(statusColor[status !== null && status !== void 0 ? status : ''])),
     key: id,
     onClick: function onClick() {
       _onClick === null || _onClick === void 0 || _onClick(id, {

package/dist/aside/components/SortableItem.scss

@@ -67,7 +67,7 @@
     }
   }
   &-content:hover {
-    background-color: #d1eaff;
+    background-color: var(--ant-color-primary-border);
     transition: all 0.05s ease;
   }
   &-content::before {
@@ -81,7 +81,7 @@
     z-index: 100;
   }
   &__content-active {
-    background-color: #d1eaff;
+    background-color: var(--ant-color-primary-border);
   }
   &__content-active::after {
     content: '';
@@ -90,7 +90,22 @@
     left: 0;
     width: 4px;
     height: 100%;
-    background-color: #4d8de2;
-
+    background-color: var(--ant-color-primary);
+  }
+  &-primary {
+    border: 4px solid var(--ant-color-primary);
+    z-index: 999;
+  }
+  &-success {
+    border: 4px solid var(--ant-color-success);
+    z-index: 999;
+  }
+  &-warning {
+    border: 4px solid var(--ant-color-warning);
+    z-index: 999;
+  }
+  &-error {
+    border: 4px solid var(--ant-color-error);
+    z-index: 999;
   }
 }

package/dist/aside/index.js

@@ -162,6 +162,8 @@ export var Aside = function Aside(_ref) {
   useEffect(function () {
     if (data != null && (data === null || data === void 0 ? void 0 : data.length) > 0) {
       setDataValue(data);
+    } else {
+      setDataValue([]);
     }
   }, [data]);
   return /*#__PURE__*/React.createElement("div", {
@@ -212,7 +214,8 @@ export var Aside = function Aside(_ref) {
       onEdit: handleEdit,
       onDel: handleDel,
       onSwitch: handleSwitch,
-      data: item.data
+      data: item.data,
+      status: item.status
     });
   })))));
 };

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

@@ -3,6 +3,7 @@ type IdataItem = {
   title: string;
   extra?: string;
   checked?: boolean;
+  status?: string;
   data?: any;
 };
 export type AsideProps = {
@@ -41,6 +42,7 @@ export type AsideItemProps = {
   dragBtnIcon?: boolean;
   checked?: boolean;
   extra?: string;
+  status?: string;
   data?: any;
   onClick?: (key: string, e: IdataItem) => void;
   onEdit?: (key: string, e: IdataItem) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",