shineout 3.0.0-alpha.2 → 3.0.0-alpha.3

package/cjs/card-group/__example__/05-disabled.js

@@ -0,0 +1,155 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = 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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Icon = function Icon(_props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: "i"
+  });
+};
+var data = [{
+  title: 'Tags',
+  icon: 'star',
+  color: '#197AFA'
+}, {
+  title: 'Set Owner',
+  icon: 'phone-fill',
+  color: '#7A5AF7'
+}, {
+  title: 'Set Property',
+  icon: 'email-fill',
+  color: '#FFA940'
+}, {
+  title: 'Score',
+  icon: 'jubaoyichang',
+  color: '#74D13D'
+}, {
+  title: 'Add Deal',
+  icon: 'selection',
+  color: '#16B2EB'
+}, {
+  title: 'Add Task',
+  icon: 'charge',
+  color: '#FF4D50'
+}, {
+  title: 'Send',
+  icon: 'send',
+  color: '#27AE60'
+}, {
+  title: 'Info',
+  icon: 'warning',
+  color: '#2980B9'
+}, {
+  title: 'Success',
+  icon: 'check-circle',
+  color: '#A569BD'
+}, {
+  title: 'Filter',
+  icon: 'filter',
+  color: '#99A3A4'
+}];
+function Item(_ref) {
+  var title = _ref.title,
+    icon = _ref.icon,
+    color = _ref.color;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      padding: 20
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 40,
+          height: 40,
+          display: 'inline-flex',
+          borderRadius: '50%',
+          background: "".concat(color, "20")
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+          name: icon,
+          fontSize: 14,
+          style: {
+            margin: 'auto',
+            color: color
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          marginInlineStart: 12,
+          fontSize: 16,
+          fontWeight: 500,
+          color: 'rgba(51,62,89,1)'
+        },
+        children: title
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      style: {
+        margin: '20px 0',
+        fontSize: 14,
+        color: 'rgba(153,157,168,1)'
+      },
+      children: "Add or delete tag for your customer. You can sort your customer..."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        color: 'rgba(102,108,124,1)'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        name: "plus",
+        style: {
+          marginInlineEnd: 6
+        }
+      }), "Add This"]
+    })]
+  });
+}
+var App = function App() {
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    values = _useState2[0],
+    setValues = _useState2[1];
+  var handleChange = function handleChange(checked, v) {
+    console.log(checked, v);
+    setValues(checked ? values.concat(v) : values.filter(function (item) {
+      return item !== v;
+    }));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.CardGroup, {
+      height: 300,
+      children: data.map(function (v, idx) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.CardGroup.Item, {
+          disabled: idx % 2 === 0,
+          value: v.title,
+          checked: values.includes(v.title),
+          onChange: handleChange,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, _objectSpread({}, v))
+        }, v.title);
+      })
+    })
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/card-group/card-group.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CardGroupProps } from './card-group.type';
+declare const _default: (props: CardGroupProps) => JSX.Element;
+export default _default;

package/cjs/card-group/card-group.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var jssStyle = {
+  cardGroup: _shineoutStyle.useCardGroupStyle,
+  checkbox: _shineoutStyle.useCheckboxStyle
+};
+var _default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.CardGroup, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+exports.default = _default;

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

@@ -0,0 +1,2 @@
+import { CardGroupProps as UnStyledCardGroupProps } from '@sheinx/base';
+export declare type CardGroupProps = Omit<UnStyledCardGroupProps, 'jssStyle'>;

package/cjs/card-group/card-group.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/card-group/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import CardGroup from './card-group';
+declare type RefCardGroup = typeof CardGroup;
+declare const Item: (<V>(props: import("./item.type").CardGroupItemProps<V>) => JSX.Element) & {
+    displayName: string;
+};
+export interface CardGroupComponent extends RefCardGroup {
+    displayName: string;
+    Item: typeof Item;
+}
+declare const CardGroupComp: CardGroupComponent;
+export default CardGroupComp;

package/cjs/card-group/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _cardGroup = _interopRequireDefault(require("./card-group"));
+var _item = _interopRequireDefault(require("./item"));
+var Item = _item.default;
+Item.displayName = 'ShineoutCardGroupItem';
+var CardGroupComp = _cardGroup.default;
+CardGroupComp.displayName = 'ShineoutCardGroup';
+CardGroupComp.Item = Item;
+var _default = CardGroupComp;
+exports.default = _default;

package/cjs/card-group/interface.d.ts

@@ -0,0 +1,2 @@
+export type { CardGroupProps as Props } from './card-group.type';
+export type { CardGroupItemProps as ItemProps } from './item.type';

package/cjs/card-group/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/card-group/item.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { CardGroupItemProps } from './item.type';
+declare const _default: <V>(props: CardGroupItemProps<V>) => JSX.Element;
+export default _default;

package/cjs/card-group/item.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var jssStyle = {
+  cardGroup: _shineoutStyle.useCardGroupStyle,
+  checkbox: _shineoutStyle.useCheckboxStyle
+};
+var _default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.CardGroupItem, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+exports.default = _default;

package/cjs/card-group/item.type.d.ts

@@ -0,0 +1,2 @@
+import { CardGroupItemProps as UnStyledCardGroupItemProps } from '@sheinx/base';
+export declare type CardGroupItemProps<V> = Omit<UnStyledCardGroupItemProps<V>, 'jssStyle'>;

package/cjs/card-group/item.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/carousel/__example__/03-animation.d.ts

@@ -1,8 +1,8 @@
 /**
- * cn - 指示器
+ * cn - 切换方向
  *    -- 轮播组件提供了三种动画过渡方式，可以切换选项查看效果
- * en - Indicator
- *    -- You can set indicator type and position.
+ * en - Animation
+ *    -- The carousel component provides three animation transition modes, you can switch options to see the effect
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/carousel/__example__/03-animation.js

@@ -17,10 +17,10 @@ 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; }
 /**
- * cn - 指示器
+ * cn - 切换方向
  *    -- 轮播组件提供了三种动画过渡方式，可以切换选项查看效果
- * en - Indicator
- *    -- You can set indicator type and position.
+ * en - Animation
+ *    -- The carousel component provides three animation transition modes, you can switch options to see the effect
  */
 
 var images = ['https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-02.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-03.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-04.png'];

package/cjs/carousel/__example__/04-custom.js

@@ -113,7 +113,8 @@ div.indicator .indicator-progress > div {
   bottom: 0;
   left: 0;
   right: 0;
-  height: 2px;
+  height: 4px;
+  border-radius: 1000px;
 }
 div.indicator .indicator-progress .bg {
   width: 100%;

package/cjs/carousel/__example__/style-2-custom-indicator.css

@@ -23,7 +23,8 @@
   bottom: 0;
   left: 0;
   right: 0;
-  height: 2px;
+  height: 4px;
+  border-radius: 1000px;
 }
 
 .indicator-progress .bg {

package/cjs/cascader/__example__/01-base.js

@@ -0,0 +1,48 @@
+"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 _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 基础级联选择器的用法
+ * en - Basic
+ *    -- Basic usage of cascader
+ */
+
+var data = [{
+  value: 'jiangsu',
+  children: [{
+    value: 'nanjing',
+    children: [{
+      value: 'jiangning'
+    }]
+  }]
+}, {
+  value: 'anhui',
+  children: [{
+    value: 'hefei',
+    children: [{
+      value: 'feidong'
+    }]
+  }]
+}];
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      width: 300,
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n === null || n === void 0 ? void 0 : n.value);
+      }
+    })
+  });
+};
+exports.default = _default;

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

@@ -0,0 +1,58 @@
+"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 _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 多选
+ *    -- 开启 `multiple` 属性或者设置 `mode` 属性可以选择多个值
+ *    -- 模式为 0 时，返回完全选中的节点，包含父节点
+ *    -- 模式为 1 时，返回选中、半选中的节点
+ *    -- 模式为 2 时，只返回叶子节点
+ *    -- 模式为 3 时，只返回完全选中的父节点
+ * en - Basic
+ *    --
+ */
+
+var data = [{
+  value: 'jiangsu',
+  children: [{
+    value: 'nanjing',
+    children: [{
+      value: 'jiangning'
+    }, {
+      value: 'yuhuatai'
+    }]
+  }]
+}, {
+  value: 'anhui',
+  children: [{
+    value: 'hefei',
+    children: [{
+      value: 'feidong'
+    }]
+  }]
+}];
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      multiple: true,
+      mode: 0,
+      compressed: true,
+      compressedBound: 2,
+      width: 300,
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n === null || n === void 0 ? void 0 : n.value);
+      }
+    })
+  });
+};
+exports.default = _default;

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

@@ -0,0 +1,54 @@
+"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 _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn -
+ *    -- 设置`compressed`属性，当选项超长的时候会合并选项
+ * en -
+ *    -- Set the `compressed` property, when the option is too long, the option will be merged
+ */
+
+var data = [{
+  value: 'jiangsu',
+  children: [{
+    value: 'nanjing',
+    children: [{
+      value: 'jiangning'
+    }, {
+      value: 'yuhuatai'
+    }]
+  }]
+}, {
+  value: 'anhui',
+  children: [{
+    value: 'hefei',
+    children: [{
+      value: 'feidong'
+    }]
+  }]
+}];
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      multiple: true,
+      mode: 0,
+      compressed: true,
+      compressedBound: 2,
+      width: 300,
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n === null || n === void 0 ? void 0 : n.value);
+      }
+    })
+  });
+};
+exports.default = _default;

package/cjs/cascader/__example__/03-trigger.js

@@ -0,0 +1,49 @@
+"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 _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 移入展开
+ *    -- 更改`expandTrigger`属性可以设置鼠标移入节点时展开下一层级，默认为点击展开
+ * en - Trigger
+ *    -- Set `expandTrigger` property to change the trigger event of expanding next level, default is click
+ */
+
+var data = [{
+  value: 'jiangsu',
+  children: [{
+    value: 'nanjing',
+    children: [{
+      value: 'jiangning'
+    }]
+  }]
+}, {
+  value: 'anhui',
+  children: [{
+    value: 'hefei',
+    children: [{
+      value: 'feidong'
+    }]
+  }]
+}];
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      width: 300,
+      expandTrigger: "hover",
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n === null || n === void 0 ? void 0 : n.value);
+      }
+    })
+  });
+};
+exports.default = _default;

package/cjs/cascader/__example__/04-disabled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

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

@@ -0,0 +1,94 @@
+"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 _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 禁用/禁用选项
+ *    -- 通过设置`disabled`属性可以禁用组件。disabled为函数时，支持禁用单个选项
+ * en - Disabled
+ *    -- Set the `disabled` property to disable the component. When `disabled` is a function, support disabling a single option
+ */
+
+var data = [{
+  value: 'jiangsu',
+  children: [{
+    value: 'nanjing',
+    children: [{
+      value: 'jiangning'
+    }]
+  }]
+}, {
+  value: 'anhui',
+  children: [{
+    value: 'hefei',
+    children: [{
+      value: 'feidong'
+    }]
+  }]
+}];
+var _default = function _default() {
+  var handleDisabled = function handleDisabled(item) {
+    return item.value === 'jiangsu';
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: 32,
+      width: 632
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      width: 300,
+      disabled: true,
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n.value);
+      }
+    }), /*#__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);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      width: 300,
+      disabled: true,
+      mode: 0,
+      onChange: function onChange(v) {
+        return console.log(v);
+      },
+      defaultValue: ['jiangsu', 'nanjing'],
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n.value);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      mode: 0,
+      onChange: function onChange(v) {
+        return console.log(v);
+      },
+      width: 300,
+      disabled: handleDisabled,
+      placeholder: "Please select city",
+      data: data,
+      keygen: "value",
+      renderItem: function renderItem(n) {
+        return "".concat(n.value);
+      }
+    })]
+  });
+};
+exports.default = _default;

package/cjs/cascader/__example__/05-loader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;