yootd 0.0.48 → 0.0.49

package/dist/dropdown-select/assets/ArrowDown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISvgIconProps } from "../../utils/types";
+export declare const ArrowDown: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/dropdown-select/assets/ArrowDown.js

@@ -0,0 +1,29 @@
+var _excluded = ["style", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { forwardRef } from 'react';
+export var ArrowDown = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref
+  }, rest, {
+    style: style,
+    className: className,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/React.createElement("g", {
+    id: "chevron-left"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "union",
+    d: "M12.46 6.4603L11.5407 5.54106L8.00034 9.08144L4.45996 5.54106L3.54072 6.4603L8.00034 10.9199L12.46 6.4603Z",
+    fill: "black",
+    "fill-opacity": "0.45"
+  })));
+});
+ArrowDown.displayName = 'ArrowDown';

package/dist/dropdown-select/index.js

@@ -11,7 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Dropdown } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { useBem } from "../hooks/useBem";
-import { ReactComponent as DownIcon } from "./assets/down-arrow.svg";
+import { ArrowDown } from "./assets/ArrowDown";
 import "./index.scss";
 export var DropdownSelect = function DropdownSelect(_ref) {
   var _rest$overlayClassNam, _items$find$label, _items$find;
@@ -52,9 +52,8 @@ export var DropdownSelect = function DropdownSelect(_ref) {
     },
     arrow: arrow,
     overlayClassName: "".concat(mb, " ").concat((_rest$overlayClassNam = rest === null || rest === void 0 ? void 0 : rest.overlayClassName) !== null && _rest$overlayClassNam !== void 0 ? _rest$overlayClassNam : ''),
-    children: (_items$find$label = items === null || items === void 0 || (_items$find = items.find(function (item) {
-      return (item === null || item === void 0 ? void 0 : item.key) === selected;
-    })) === null || _items$find === void 0 ? void 0 : _items$find.label) !== null && _items$find$label !== void 0 ? _items$find$label : '',
-    icon: /*#__PURE__*/React.createElement(DownIcon, null)
-  }, rest));
+    icon: /*#__PURE__*/React.createElement(ArrowDown, null)
+  }, rest), (_items$find$label = items === null || items === void 0 || (_items$find = items.find(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.key) === selected;
+  })) === null || _items$find === void 0 ? void 0 : _items$find.label) !== null && _items$find$label !== void 0 ? _items$find$label : '');
 };

package/dist/dropdown-select/types/type.d.ts

@@ -1,19 +1,18 @@
-
 export interface DropdownSelectProps {
   defaultValue?: string; // 默认选中的key值
-  items: MenuItemType[] // 下拉菜单
+  items: MenuItemType[]; // 下拉菜单
   onChange?: (value: string) => void; // 选中值改变时触发
-  arrow?:boolean // 下拉箭头是否显示
+  arrow?: boolean; // 下拉箭头是否显示
   overlayClassName?: string; // 下拉菜单的样式
   autoAdjustOverflow?: boolean; // 下拉框被遮挡时自动调整位置
   autoFocus?: boolean; // 打开后自动聚焦下拉框
   disabled?: boolean; // 菜单是否禁用
   destroyPopupOnHide?: boolean; // 关闭后是否销毁 Dropdown
-  dropdownRender?: 	(menus: ReactNode) => ReactNode	; // 自定义下拉菜单
+  dropdownRender?: (menus: ReactNode) => ReactNode; // 自定义下拉菜单
   getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement; // 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位
   overlayClassName?: string; // 下拉菜单的样式
   overlayStyle?: React.CSSProperties; // 下拉菜单的样式
   placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight'; // 菜单弹出位置
-  trigger?: Array<click|hover|contextMenu> // 触发下拉的行为
+  trigger?: Array<click | hover | contextMenu>; // 触发下拉的行为
   open?: boolean; // 菜单是否显示
-};
+}

package/package.json

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

package/dist/dropdown-select/assets/down-arrow.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="chevron-left">
-<path id="union" d="M12.46 6.4603L11.5407 5.54106L8.00034 9.08144L4.45996 5.54106L3.54072 6.4603L8.00034 10.9199L12.46 6.4603Z" fill="black" fill-opacity="0.45"/>
-</g>
-</svg>