shineout 3.0.0-alpha.7 → 3.0.0-alpha.8

package/cjs/button/button.type.d.ts

@@ -2,4 +2,4 @@ import { ButtonProps as UnStyledButtonProps } from '@sheinx/base';
 /**
  * @title Button
  */
-export declare type ButtonProps = Omit<UnStyledButtonProps, 'jssStyle'>;
+export declare type ButtonProps = Omit<UnStyledButtonProps, 'jssStyle' | 'renderButton' | 'buttonRef' | 'onRef'>;

package/cjs/card/body.type.d.ts

@@ -1,5 +1,6 @@
 import { CardBodyProps as UnStyledCardBodyProps } from '@sheinx/base';
 /**
  * @title Card.Body
+ * @sort 3
  */
 export declare type CardBodyProps = Omit<UnStyledCardBodyProps, 'jssStyle'>;

package/cjs/card/card.type.d.ts

@@ -1,5 +1,6 @@
 import { CardProps as UnStyledCardProps } from '@sheinx/base';
 /**
  * @title Card
+ * @sort 1
  */
 export declare type CardProps = Omit<UnStyledCardProps, 'jssStyle'>;

package/cjs/card/footer.type.d.ts

@@ -1,5 +1,6 @@
 import { CardFooterProps as UnStyledCardFooterProps } from '@sheinx/base';
 /**
  * @title Card.Footer
+ * @sort 4
  */
 export declare type CardFooterProps = Omit<UnStyledCardFooterProps, 'jssStyle'>;

package/cjs/card/header.type.d.ts

@@ -1,5 +1,6 @@
 import { CardHeaderProps as UnStyledCardHeaderProps } from '@sheinx/base';
 /**
  * @title Card.Header
+ * @sort 2
  */
 export declare type CardHeaderProps = Omit<UnStyledCardHeaderProps, 'jssStyle'>;

package/cjs/cascader/__example__/02-01-multiple.js

@@ -41,10 +41,9 @@ var data = [{
 var _default = function _default() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      clearable: true,
       multiple: true,
       mode: 0,
-      compressed: true,
-      compressedBound: 2,
       width: 300,
       onChange: function onChange(d) {
         return console.log(d);

package/cjs/cascader/__example__/02-02-multiple.js

@@ -37,10 +37,10 @@ var data = [{
 var _default = function _default() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      clearable: true,
       multiple: true,
       mode: 0,
       compressed: true,
-      compressedBound: 2,
       width: 300,
       placeholder: "Please select city",
       data: data,

package/cjs/cascader/__example__/04-disabled.js

@@ -36,6 +36,9 @@ var _default = function _default() {
   var handleDisabled = function handleDisabled(item) {
     return item.value === 'jiangsu';
   };
+  var renderItem = function renderItem(n) {
+    return "".concat(n.value);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     style: {
       display: 'flex',
@@ -49,18 +52,14 @@ var _default = function _default() {
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      renderItem: function renderItem(n) {
-        return "".concat(n.value);
-      }
+      renderItem: renderItem
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
       width: 300,
       disabled: handleDisabled,
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      renderItem: function renderItem(n) {
-        return "".concat(n.value);
-      }
+      renderItem: renderItem
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
       width: 300,
       disabled: true,
@@ -72,9 +71,7 @@ var _default = function _default() {
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      renderItem: function renderItem(n) {
-        return "".concat(n.value);
-      }
+      renderItem: renderItem
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
       mode: 0,
       onChange: function onChange(v) {
@@ -85,9 +82,7 @@ var _default = function _default() {
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      renderItem: function renderItem(n) {
-        return "".concat(n.value);
-      }
+      renderItem: renderItem
     })]
   });
 };

package/cjs/cascader/__example__/05-loader.js

@@ -56,7 +56,6 @@ var _default = function _default() {
     setValue = _useState4[1];
   var loader = function loader(key) {
     var path = key.toString().split(',');
-    console.log(23333);
     setTimeout(function () {
       var producer = (0, _immer.produce)(function (draft) {
         var _draft = draft,

package/cjs/cascader/__example__/06-01-filter.js

@@ -35,11 +35,14 @@ var data = [{
   }]
 }];
 var _default = function _default() {
-  var onFilter = function onFilter(text) {
+  var handleFilter = function handleFilter(text) {
     return function (d) {
       return d.value.indexOf(text) >= 0;
     };
   };
+  var renderItem = function renderItem(n) {
+    return "".concat(n.value);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     style: {
       display: 'flex',
@@ -50,20 +53,16 @@ var _default = function _default() {
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      onFilter: onFilter,
-      renderItem: function renderItem(n) {
-        return "".concat(n === null || n === void 0 ? void 0 : n.value);
-      }
+      onFilter: handleFilter,
+      renderItem: renderItem
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
       mode: 3,
       width: 300,
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      onFilter: onFilter,
-      renderItem: function renderItem(n) {
-        return "".concat(n === null || n === void 0 ? void 0 : n.value);
-      }
+      onFilter: handleFilter,
+      renderItem: renderItem
     })]
   });
 };

package/cjs/cascader/__example__/06-02-filter.js

@@ -35,11 +35,14 @@ var data = [{
   }]
 }];
 var _default = function _default() {
-  var onFilter = function onFilter(text) {
+  var handleFilter = function handleFilter(text) {
     return function (d) {
       return d.value.indexOf(text) >= 0;
     };
   };
+  var renderItem = function renderItem(n) {
+    return "".concat(n.value);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       display: 'flex',
@@ -51,10 +54,8 @@ var _default = function _default() {
       placeholder: "Please select city",
       data: data,
       keygen: "value",
-      onFilter: onFilter,
-      renderItem: function renderItem(n) {
-        return "".concat(n === null || n === void 0 ? void 0 : n.value);
-      }
+      onFilter: handleFilter,
+      renderItem: renderItem
     })
   });
 };

package/cjs/cascader/__example__/07-inner-title.js

@@ -39,6 +39,7 @@ var _default = function _default() {
       innerTitle: "Inner Title",
       width: 300,
       placeholder: "Please select city",
+      clearable: true,
       data: data,
       keygen: "value",
       renderItem: function renderItem(n) {

package/cjs/cascader/__example__/08-unmatch.js

@@ -36,6 +36,9 @@ var _default = function _default() {
   var renderUnmatched = function renderUnmatched(text) {
     return "Unmatched: ".concat(text);
   };
+  var renderItem = function renderItem(n) {
+    return "".concat(n.value);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
       width: 300,
@@ -45,9 +48,7 @@ var _default = function _default() {
       data: data,
       renderUnmatched: renderUnmatched,
       keygen: "value",
-      renderItem: function renderItem(n) {
-        return "".concat(n === null || n === void 0 ? void 0 : n.value);
-      }
+      renderItem: renderItem
     })
   });
 };

package/cjs/cascader/cascader.js

@@ -39,6 +39,6 @@ var Cascader = function Cascader(props) {
   }));
 };
 var _default = /*#__PURE__*/(0, _react.memo)(function (props) {
-  return (0, _useFieldCommon.default)(props, Cascader);
+  return (0, _useFieldCommon.default)(props, Cascader, 'array');
 });
 exports.default = _default;

package/cjs/collapse/__example__/06-extra.js

@@ -15,6 +15,17 @@ var _jsxRuntime = require("react/jsx-runtime");
  *    -- Customize the extra content of each panel
  */
 var _default = function _default() {
+  var moreIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M14 5C14 6.10457 13.1046 7 12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM14 19C14 20.1046 13.1046 21 12 21C10.8954 21 10 20.1046 10 19C10 17.8954 10.8954 17 12 17C13.1046 17 14 17.8954 14 19Z",
+      fill: "#666C7C"
+    })
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Collapse, {
       defaultActive: ['1'],
@@ -24,6 +35,7 @@ var _default = function _default() {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Collapse.Item, {
         title: "This is panel header 1",
         keygen: "0",
+        extra: moreIcon,
         children: "Joy in living comes from having fine emotions, trusting them, giving them the freedom of a bird in the open. Joy in living can never be assumed as a pose, or put on from the outside as a mask. People who have this joy do not need to talk about it; they radiate it. They just live out their joy and let it splash its sunlight and glow into other lives as naturally as bird sings."
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Collapse.Item, {
         title: "This is panel header 2",
@@ -38,6 +50,10 @@ var _default = function _default() {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Collapse.Item, {
         title: "This is panel header 3",
         keygen: "2",
+        extra: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+          type: "primary",
+          children: "Button"
+        }),
         children: "Joy in living comes from having fine emotions, trusting them, giving them the freedom of a bird in the open. Joy in living can never be assumed as a pose, or put on from the outside as a mask. People who have this joy do not need to talk about it; they radiate it. They just live out their joy and let it splash its sunlight and glow into other lives as naturally as bird sings."
       })]
     })

package/cjs/collapse/__example__/07-icon.js

@@ -26,27 +26,42 @@ var _default = function _default() {
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     region = _React$useState4[0],
     setRegion = _React$useState4[1];
+  var rowStyle = {
+    display: 'flex',
+    marginBottom: 16,
+    alignItems: 'center'
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
-      keygen: true,
-      data: iconPosition,
-      value: position,
-      onChange: function onChange(d) {
-        return setPosition(d);
-      },
-      style: {
-        marginBottom: 24
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
-      keygen: true,
-      data: regions,
-      value: region,
-      onChange: function onChange(d) {
-        return setRegion(d);
-      },
-      style: {
-        marginBottom: 24
-      }
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: rowStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 80
+        },
+        children: "Icon:"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+        keygen: true,
+        data: iconPosition,
+        value: position,
+        onChange: function onChange(d) {
+          return setPosition(d);
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: rowStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 80
+        },
+        children: "Hotspot:"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+        keygen: true,
+        data: regions,
+        value: region,
+        onChange: function onChange(d) {
+          return setRegion(d);
+        }
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Collapse, {
       style: {
         maxWidth: 1180

package/cjs/collapse/collapse-item.type.d.ts

@@ -1,5 +1,6 @@
 import { CollapseItemProps as UnStyledCollapseItemProps } from '@sheinx/base';
 /**
  * @title Collapse.Item
+ * @sort 2
  */
 export declare type CollapseItemProps = Omit<UnStyledCollapseItemProps, 'jssStyle'>;

package/cjs/collapse/collapse.type.d.ts

@@ -1,5 +1,6 @@
 import { CollapseProps as UnStyledCollapseProps } from '@sheinx/base';
 /**
  * @title Collapse
+ * @sort 1
  */
 export declare type CollapseProps = Omit<UnStyledCollapseProps, 'jssStyle'>;

package/cjs/date-picker/__example__/13-absolute.js

@@ -16,7 +16,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 var Now = Date.now();
-// todo formatResult
 var App = function App() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     style: {

package/cjs/date-picker/__example__/15-timezone.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.concat.js");
 var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
+var _2 = require("../..");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -22,21 +24,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *    -- set timeZone
  */
 
-// const offsetList = new Array(26).fill(undefined).map((_, index) => {
-//   const num = index - 12;
-//   const abs = Math.abs(num);
-//   const str = abs < 10 ? `0${abs}` : `${abs}`;
-//   return `${num < 0 ? '-' : '+'}${str}`;
-// });
-
+var offsetList = new Array(26).fill(undefined).map(function (_, index) {
+  var num = index - 12;
+  var abs = Math.abs(num);
+  var str = abs < 10 ? "0".concat(abs) : "".concat(abs);
+  return "".concat(num < 0 ? '-' : '+').concat(str);
+});
 var App = function App() {
   var _useState = (0, _react.useState)('+08'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-    tz
-    // setTz
-    = _useState2[0];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tz = _useState2[0],
+    setTz = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_2.DatePicker, {
       format: "X",
       timeZone: tz,
       type: "datetime",
@@ -46,7 +46,21 @@ var App = function App() {
         return console.log(d);
       },
       formatResult: "YYYY-MM-DD HH:mm:ss"
-    })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.Select, {
+      keygen: true,
+      renderItem: function renderItem(d) {
+        return d;
+      },
+      width: 90,
+      value: tz,
+      data: offsetList,
+      onChange: function onChange(v) {
+        return setTz(v);
+      },
+      style: {
+        marginInlineStart: 12
+      }
+    })]
   });
 };
 var _default = App;

package/cjs/descriptions/descriptions.type.d.ts

@@ -1,5 +1,11 @@
-import { DescriptionsProps as UnStyledDescriptionsProps } from '@sheinx/base';
+import { DescriptionsProps as UnStyledDescriptionsProps, ItemType as DescriptionsItemProps } from '@sheinx/base';
 /**
  * @title Descriptions
  */
 export declare type DescriptionsProps = Omit<UnStyledDescriptionsProps, 'jssStyle'>;
+/**
+ * @title ItemType
+ * @cn 数据项结构
+ * @en Data item structure
+ */
+export declare type ItemType = DescriptionsItemProps;

package/cjs/dropdown/__example__/012-absolute.js

@@ -16,7 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 var data = [{
-  content: 'subMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenusubMenu',
+  content: 'subMenu',
   children: [{
     content: 'Link to Google',
     target: '_blank',

package/cjs/empty/__example__/003-imge.js

@@ -22,7 +22,7 @@ var _default = function _default() {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {
-    imgSrc: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-02.png",
+    imgSrc: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png",
     description: renderDescription()
   });
 };

package/cjs/empty/__example__/004-status.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _icon = require("./static/icon");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 推荐状态
+ *    -- 推荐空状态的类型
+ * en - Status
+ *    -- The recommended status type of Empty
+ */
+var _default = function _default() {
+  var handleCopy = function handleCopy(id) {
+    var _navigator, _navigator$clipboard;
+    var icon = document.getElementById(id).innerHTML;
+    (_navigator = navigator) === null || _navigator === void 0 ? void 0 : (_navigator$clipboard = _navigator.clipboard) === null || _navigator$clipboard === void 0 ? void 0 : _navigator$clipboard.writeText(icon);
+    _.Message.success('svg 复制成功', 1, {
+      hideClose: true
+    });
+  };
+  var renderIcon = function renderIcon(icon, id, name) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        width: 100,
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleCopy(id);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        id: id,
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          fontSize: 14,
+          color: '#999DA8',
+          lineHeight: '20px',
+          textAlign: 'center',
+          marginTop: 8
+        },
+        children: name
+      })]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        marginBottom: 32,
+        display: 'flex',
+        gap: 32,
+        justifyContent: 'space-between',
+        flexWrap: 'nowrap',
+        overflow: 'auto'
+      },
+      children: [renderIcon(_icon.noData, 'noData', '暂无数据'), renderIcon(_icon.noResult, 'noResult', '搜索结果为空'), renderIcon(_icon.noAuth, 'noAuth', '暂无权限'), renderIcon(_icon.noInternet, 'noInternet', '无网络'), renderIcon(_icon.web404, 'web404', '404'), renderIcon(_icon.error, 'error', '加载失败')]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        gap: 32,
+        justifyContent: 'space-between',
+        flexWrap: 'nowrap',
+        overflow: 'auto'
+      },
+      children: [renderIcon(_icon.noDataColorful, 'noDataColorful', '暂无数据'), renderIcon(_icon.noResultColorful, 'noResultColorful', '搜索结果为空'), renderIcon(_icon.noAuthColorful, 'noAuthColorful', '暂无权限'), renderIcon(_icon.noInternetColorful, 'noInternetColorful', '无网络'), renderIcon(_icon.web404Colorful, 'web404Colorful', '404'), renderIcon(_icon.errorColorful, 'errorColorful', '加载失败')]
+    })]
+  });
+};
+exports.default = _default;

package/cjs/empty/__example__/static/icon.d.ts

@@ -1,2 +1,14 @@
 /// <reference types="react" />
 export declare const customIcon: JSX.Element;
+export declare const noData: JSX.Element;
+export declare const noResult: JSX.Element;
+export declare const noAuth: JSX.Element;
+export declare const noInternet: JSX.Element;
+export declare const web404: JSX.Element;
+export declare const error: JSX.Element;
+export declare const noDataColorful: JSX.Element;
+export declare const noResultColorful: JSX.Element;
+export declare const noAuthColorful: JSX.Element;
+export declare const noInternetColorful: JSX.Element;
+export declare const web404Colorful: JSX.Element;
+export declare const errorColorful: JSX.Element;