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

package/esm/rate/__example__/06-level.js

@@ -15,40 +15,78 @@ var _jsxRuntime = require("react/jsx-runtime");
  *    -- You can use arrays to display items with different scores when creating components. In this case, values with decimals are not supported.
  */
 
-var FaceIcon = (0, _.Icon)('https://at.alicdn.com/t/font_662584_hfkafvbgwurkvs4i.css', 'facefont');
-var background = /*#__PURE__*/(0, _jsxRuntime.jsx)(FaceIcon, {
-  name: "question"
+var defaultIcon = /*#__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: "M12 1C18.07 1 23 5.93 23 12C23 18.07 18.07 23 12 23C5.93 23 1 18.07 1 12C1 5.93 5.93 1 12 1ZM15.675 14.658H8.508C8.24281 14.658 7.9885 14.7634 7.80099 14.9509C7.61349 15.1385 7.50815 15.3928 7.50815 15.658C7.50815 15.9232 7.61349 16.1775 7.80099 16.3651C7.9885 16.5526 8.24281 16.658 8.508 16.658H15.675C15.8063 16.658 15.9364 16.6322 16.0577 16.5819C16.1791 16.5317 16.2893 16.458 16.3822 16.3652C16.4751 16.2723 16.5488 16.1621 16.599 16.0407C16.6493 15.9194 16.6752 15.7893 16.6752 15.658C16.6752 15.5267 16.6493 15.3966 16.599 15.2753C16.5488 15.1539 16.4751 15.0437 16.3822 14.9508C16.2893 14.858 16.1791 14.7843 16.0577 14.7341C15.9364 14.6838 15.8063 14.658 15.675 14.658ZM7.5 8C6.675 8 6 8.675 6 9.5C6 10.325 6.675 11 7.5 11C8.325 11 9 10.325 9 9.5C9 8.675 8.325 8 7.5 8ZM16.5 8C15.675 8 15 8.656 15 9.5C15 10.325 15.675 11 16.5 11C17.325 11 18 10.325 18 9.5C18 8.675 17.325 8 16.5 8Z",
+    fill: "#E8EBF0"
+  })
 });
-var front = [/*#__PURE__*/(0, _jsxRuntime.jsx)(FaceIcon, {
-  name: "cry",
-  style: {
-    color: '#003a8c'
-  }
-}, 'cry'), /*#__PURE__*/(0, _jsxRuntime.jsx)(FaceIcon, {
-  name: "sad",
-  style: {
-    color: '#222222'
-  }
-}, 'sad'), /*#__PURE__*/(0, _jsxRuntime.jsx)(FaceIcon, {
-  name: "sleeping",
-  style: {
-    color: '#ffa940'
-  }
-}, 'sleeping'), /*#__PURE__*/(0, _jsxRuntime.jsx)(FaceIcon, {
-  name: "happy",
-  style: {
-    color: '#fa541c'
-  }
-}, 'happy'), /*#__PURE__*/(0, _jsxRuntime.jsx)(FaceIcon, {
-  name: "lol",
-  style: {
-    color: '#fa541c'
-  }
-}, 'lol')];
+var cryIcon = /*#__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: "M11.9995 1.02002C18.0645 1.02002 22.9795 5.93502 22.9795 12C22.9795 18.065 18.0655 22.98 11.9995 22.98C5.93353 22.98 1.01953 18.066 1.01953 12C1.01953 5.93402 5.93353 1.02002 11.9995 1.02002ZM12.1195 12.34C9.16953 12.34 6.51753 13.673 5.36253 15.91C5.27799 16.0915 5.26685 16.2986 5.33144 16.4881C5.39603 16.6776 5.53135 16.8348 5.70913 16.9268C5.88691 17.0189 6.09338 17.0387 6.2854 16.982C6.47742 16.9254 6.64013 16.7968 6.73953 16.623C7.63253 14.895 9.74353 13.903 12.1195 13.903C14.5495 13.903 16.7065 14.909 17.4845 16.593C17.5716 16.7791 17.7288 16.9233 17.9217 16.9941C18.1146 17.0649 18.3277 17.0566 18.5145 16.971C18.7008 16.8841 18.8451 16.727 18.9158 16.5339C18.9865 16.3408 18.9777 16.1277 18.8915 15.941C17.8655 13.72 15.1435 12.34 12.1195 12.34ZM8.97553 8.63502C8.84854 8.63115 8.72234 8.65635 8.60657 8.70869C8.4908 8.76103 8.38852 8.83913 8.30753 8.93702C8.13853 9.15402 7.93053 9.41702 7.46353 9.41702C6.99353 9.41702 6.78753 9.15502 6.62153 8.93902C6.54049 8.84055 6.43796 8.76194 6.32182 8.70925C6.20568 8.65655 6.07901 8.63116 5.95153 8.63502C5.77999 8.62837 5.61049 8.67406 5.46553 8.76602C5.37883 8.82199 5.3047 8.89537 5.24784 8.9815C5.19099 9.06763 5.15265 9.16464 5.13525 9.26637C5.11786 9.36809 5.12179 9.47232 5.1468 9.57245C5.17181 9.67258 5.21735 9.76642 5.28053 9.84802C5.79253 10.512 6.44253 10.981 7.46353 10.981C8.48353 10.981 9.12853 10.513 9.64353 9.85102C9.91353 9.50602 9.86553 9.03802 9.46053 8.76602C9.31571 8.6746 9.14669 8.62895 8.97553 8.63502ZM18.2755 8.63502C18.1484 8.631 18.022 8.65612 17.906 8.70847C17.7901 8.76081 17.6876 8.83899 17.6065 8.93702C17.4375 9.15402 17.2295 9.41702 16.7625 9.41702C16.2925 9.41702 16.0865 9.15502 15.9205 8.93902C15.8395 8.84055 15.737 8.76194 15.6208 8.70925C15.5047 8.65655 15.378 8.63116 15.2505 8.63502C15.079 8.62837 14.9095 8.67406 14.7645 8.76602C14.6778 8.82199 14.6037 8.89537 14.5468 8.9815C14.49 9.06763 14.4516 9.16464 14.4343 9.26637C14.4169 9.36809 14.4208 9.47232 14.4458 9.57245C14.4708 9.67258 14.5163 9.76642 14.5795 9.84802C15.0925 10.512 15.7415 10.981 16.7625 10.981C17.7825 10.981 18.4275 10.513 18.9425 9.85102C19.2125 9.50602 19.1645 9.03802 18.7595 8.76602C18.6147 8.6746 18.4457 8.62895 18.2745 8.63502H18.2755Z",
+    fill: "#F78C35"
+  })
+});
+var normallyIcon = /*#__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: "M12 1C18.07 1 23 5.93 23 12C23 18.07 18.07 23 12 23C5.93 23 1 18.07 1 12C1 5.93 5.93 1 12 1ZM15.675 14.658H8.508C8.24281 14.658 7.9885 14.7634 7.80099 14.9509C7.61349 15.1385 7.50815 15.3928 7.50815 15.658C7.50815 15.9232 7.61349 16.1775 7.80099 16.3651C7.9885 16.5526 8.24281 16.658 8.508 16.658H15.675C15.8063 16.658 15.9364 16.6322 16.0577 16.5819C16.1791 16.5317 16.2893 16.458 16.3822 16.3652C16.4751 16.2723 16.5488 16.1621 16.599 16.0407C16.6493 15.9194 16.6752 15.7893 16.6752 15.658C16.6752 15.5267 16.6493 15.3966 16.599 15.2753C16.5488 15.1539 16.4751 15.0437 16.3822 14.9508C16.2893 14.858 16.1791 14.7843 16.0577 14.7341C15.9364 14.6838 15.8063 14.658 15.675 14.658ZM7.5 8C6.675 8 6 8.675 6 9.5C6 10.325 6.675 11 7.5 11C8.325 11 9 10.325 9 9.5C9 8.675 8.325 8 7.5 8ZM16.5 8C15.675 8 15 8.656 15 9.5C15 10.325 15.675 11 16.5 11C17.325 11 18 10.325 18 9.5C18 8.675 17.325 8 16.5 8Z",
+    fill: "#F78C35"
+  })
+});
+var happyIcon = /*#__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: "M12 1C18.075 1 23 5.925 23 12C23 18.075 18.075 23 12 23C5.925 23 1 18.075 1 12C1 5.925 5.925 1 12 1ZM17.204 12.355H6.796C6.71831 12.3549 6.64135 12.3701 6.56953 12.3997C6.49771 12.4293 6.43244 12.4729 6.37745 12.5277C6.32247 12.5826 6.27885 12.6478 6.24908 12.7196C6.21932 12.7914 6.204 12.8683 6.204 12.946C6.204 13.7071 6.35392 14.4608 6.64519 15.164C6.93647 15.8672 7.3634 16.5062 7.90161 17.0444C8.43982 17.5826 9.07876 18.0095 9.78197 18.3008C10.4852 18.5921 11.2389 18.742 12 18.742C12.7611 18.742 13.5148 18.5921 14.218 18.3008C14.9212 18.0095 15.5602 17.5826 16.0984 17.0444C16.6366 16.5062 17.0635 15.8672 17.3548 15.164C17.6461 14.4608 17.796 13.7071 17.796 12.946C17.796 12.8683 17.7807 12.7914 17.7509 12.7196C17.7212 12.6478 17.6775 12.5826 17.6225 12.5277C17.5676 12.4729 17.5023 12.4293 17.4305 12.3997C17.3587 12.3701 17.2817 12.3549 17.204 12.355ZM7.42 7.269C7.23042 7.26397 7.04175 7.29696 6.86513 7.36604C6.68851 7.43511 6.52751 7.53886 6.39164 7.67117C6.25577 7.80348 6.14778 7.96167 6.07405 8.1364C6.00031 8.31113 5.96232 8.49885 5.96232 8.6885C5.96232 8.87815 6.00031 9.06588 6.07405 9.2406C6.14778 9.41533 6.25577 9.57352 6.39164 9.70583C6.52751 9.83814 6.68851 9.94189 6.86513 10.011C7.04175 10.08 7.23042 10.113 7.42 10.108C7.79661 10.108 8.15779 9.95839 8.42409 9.69209C8.69039 9.42579 8.84 9.06461 8.84 8.688C8.84 8.31139 8.69039 7.95021 8.42409 7.68391C8.15779 7.41761 7.79661 7.268 7.42 7.268V7.269ZM16.42 7.269C16.2304 7.26397 16.0417 7.29696 15.8651 7.36604C15.6885 7.43511 15.5275 7.53886 15.3916 7.67117C15.2558 7.80348 15.1478 7.96167 15.074 8.1364C15.0003 8.31113 14.9623 8.49885 14.9623 8.6885C14.9623 8.87815 15.0003 9.06588 15.074 9.2406C15.1478 9.41533 15.2558 9.57352 15.3916 9.70583C15.5275 9.83814 15.6885 9.94189 15.8651 10.011C16.0417 10.08 16.2304 10.113 16.42 10.108C16.7966 10.108 17.1578 9.95839 17.4241 9.69209C17.6904 9.42579 17.84 9.06461 17.84 8.688C17.84 8.31139 17.6904 7.95021 17.4241 7.68391C17.1578 7.41761 16.7966 7.268 16.42 7.268V7.269Z",
+    fill: "#F78C35"
+  })
+});
+var background = defaultIcon;
+var front = [cryIcon, cryIcon, normallyIcon, happyIcon, happyIcon];
 var TextRate = (0, _.Rate)(background, front);
 function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
-    size: 40,
-    defaultValue: 3
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 12
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
+      size: 24,
+      defaultValue: 5
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
+      size: 24,
+      defaultValue: 4
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
+      size: 24,
+      defaultValue: 3
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
+      size: 24,
+      defaultValue: 2
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
+      size: 24,
+      defaultValue: 1
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextRate, {
+      size: 24,
+      defaultValue: 0
+    })]
   });
 }

package/esm/select/__example__/01-01-base.d.ts

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

package/esm/select/__example__/01-01-base.js

@@ -0,0 +1,31 @@
+"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 - 基本用法
+ *    -- Select 通过`data`属性设置数据源，通过`keygen`属性设置key生成器，通过`renderItem`属性设置渲染函数
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  var data = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet', 'pink'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/01-02-multiple.d.ts

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

package/esm/select/__example__/01-02-multiple.js

@@ -0,0 +1,36 @@
+"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`属性允许开启多选功能
+ * en - Multiple
+ *    -- Set `multiple` to enable multiple selection
+ */
+var _default = function _default() {
+  var data = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet', 'pink'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      multiple: true,
+      onChange: function onChange(v) {
+        return console.log(v);
+      },
+      separator: "~",
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/02-auto-adapt.d.ts

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

package/esm/select/__example__/02-auto-adapt.js

@@ -0,0 +1,32 @@
+"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 - 自动撑开列表
+ *    -- 设置`autoAdapt`属性，列表会随内容宽度自动撑开
+ * en - autoAdapt
+ *    -- Set the `autoAdapt` property, the list will automatically expand with the content width
+ */
+var _default = function _default() {
+  var data = ['red', 'loooooooooooooooooooooooooooooooooooooooooooong', 'yellow', 'green', 'cyan', 'blue', 'violet', 'pink'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      autoAdapt: true,
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/03-format.d.ts

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

package/esm/select/__example__/03-format.js

@@ -0,0 +1,44 @@
+"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 - 数据格式化
+ *    -- 设置`format`属性，可以对数据进行格式化，format为字符串时，会从数据中取对应的值；为函数时，会使用函数返回值
+ *    -- 注意，复杂数据格式化时，需要配置`prediction`辅助比对函数用于比较复杂类型的数据
+ * en - Format
+ *    -- Set the format property to format the data. When the format is a string, the corresponding value will be taken from the data. When the format is a function, the return value of the function will be used.
+ *    -- Note that when formatting complex data, you need to configure the prediction auxiliary comparison function to compare complex types of data.
+ */
+
+var data = [];
+for (var i = 0; i < 15; i++) {
+  data.push({
+    id: "id-".concat(i),
+    name: "\u6807\u7B7E ".concat(i)
+  });
+}
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      data: data,
+      keygen: "id",
+      format: "id",
+      prediction: function prediction(v, d) {
+        return v === d.id;
+      },
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d.name;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/04-bigdata.d.ts

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

package/esm/select/__example__/04-bigdata.js

@@ -0,0 +1,38 @@
+"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 - 大数据性能
+ *    -- 内置虚拟列表，支持大数据渲染，本例展示10万条数据
+ * en - Big data
+ *    -- Select has built-in virtual list to support big data rendering, this example shows 100,000 pieces of data
+ */
+
+var data = [];
+for (var i = 0; i < 100000; i++) {
+  data.push({
+    id: "id-".concat(i),
+    name: "\u6807\u7B7E ".concat(i)
+  });
+}
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      data: data,
+      keygen: "id",
+      placeholder: "Select Tag",
+      renderItem: function renderItem(d) {
+        return d.name;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/05-size.d.ts

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

package/esm/select/__example__/05-size.js

@@ -0,0 +1,55 @@
+"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 - 尺寸
+ *    -- 有 small, medium, large 三种尺寸，默认为 small
+ * en - Size
+ *    -- There are three sizes: small, medium, and large. The default value is small.
+ */
+
+var data = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 32,
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 240,
+      size: "small",
+      placeholder: "Select Color",
+      data: data,
+      keygen: true,
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 240,
+      placeholder: "Select Color",
+      data: data,
+      keygen: true,
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 240,
+      placeholder: "Select Color",
+      size: "large",
+      data: data,
+      keygen: true,
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    })]
+  });
+};
+exports.default = _default;

package/esm/select/__example__/06-group.d.ts

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

package/esm/select/__example__/06-group.js

@@ -0,0 +1,52 @@
+"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 - 数据分组
+ *    -- 设置`groupBy`分组函数，对数据进行分组
+ * en - Group
+ *    -- Set the `groupBy` function to group the data
+ */
+var _default = function _default() {
+  var data = [{
+    value: 'Mars',
+    group: '3'
+  }, {
+    value: 'China',
+    group: '2'
+  }, {
+    value: 'Beijing',
+    group: '1'
+  }, {
+    value: 'Shanghai',
+    group: '1'
+  }];
+  var groupBy = function groupBy(d) {
+    if (d.group === '1') return 'City';
+    if (d.group === '2') return 'Country';
+    return 'Other';
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+    width: 300,
+    data: data,
+    placeholder: "Select a city",
+    keygen: "value",
+    format: "value",
+    prediction: function prediction(v, d) {
+      return v === d.value;
+    },
+    renderItem: "value",
+    style: {
+      width: 240
+    },
+    groupBy: groupBy
+  });
+};
+exports.default = _default;

package/esm/select/__example__/07-disabled.d.ts

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

package/esm/select/__example__/07-disabled.js

@@ -0,0 +1,75 @@
+"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 _default = function _default() {
+  var data = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet', 'pink'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: 32,
+      width: 632
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      disabled: true,
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 300,
+      disabled: function disabled(d) {
+        return d === 'orange';
+      },
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      compressed: true,
+      multiple: true,
+      value: ['red', 'orange'],
+      width: 300,
+      disabled: true,
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      multiple: true,
+      compressed: true,
+      defaultValue: ['red', 'orange'],
+      width: 300,
+      disabled: function disabled(d) {
+        return d === 'orange';
+      },
+      data: data,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    })]
+  });
+};
+exports.default = _default;

package/esm/select/__example__/08-tree.d.ts

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

package/esm/select/__example__/08-tree.js

@@ -0,0 +1,66 @@
+"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 - Tree Data
+ *    --
+ */
+var _default = function _default() {
+  var treeData = [{
+    id: '1',
+    title: 'node 1',
+    children: [{
+      id: '1-1',
+      title: 'node 1-1',
+      children: [{
+        id: '1-1-1',
+        title: 'node 1-1-1'
+      }, {
+        id: '1-1-2',
+        title: 'node 1-1-2'
+      }]
+    }, {
+      id: '1-2',
+      title: 'node 1-2'
+    }]
+  }, {
+    id: '2',
+    title: 'node 2'
+  }, {
+    id: '3',
+    title: 'node 3',
+    children: [{
+      id: '3-1',
+      title: 'node 3-1'
+    }]
+  }, {
+    id: '4',
+    title: 'node 4'
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      width: 260,
+      childrenKey: "children",
+      treeData: treeData,
+      keygen: "id",
+      format: "id",
+      placeholder: "Select Color",
+      prediction: function prediction(v, d) {
+        return v === d.id;
+      },
+      renderItem: function renderItem(d) {
+        return d.title;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/09-create.d.ts

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

package/esm/select/__example__/09-create.js

@@ -0,0 +1,46 @@
+"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 - Create option
+ *    --
+ */
+
+var data = [];
+for (var i = 0; i < 15; i++) {
+  data.push({
+    id: "id-".concat(i),
+    name: "\u6807\u7B7E ".concat(i)
+  });
+}
+var _default = function _default() {
+  var data = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet', 'pink'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      multiple: true,
+      hideCreateOption: true,
+      width: 300,
+      data: data,
+      onCreate: true,
+      onChange: function onChange(v) {
+        return console.log(v);
+      },
+      height: 250,
+      keygen: true,
+      placeholder: "Select Color",
+      renderItem: function renderItem(d) {
+        return d;
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/select/__example__/10-01-filter.d.ts

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