@sheinx/base 3.0.0-alpha.1

package/esm/select/list-columns.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+// import { BaseListProps } from './select.type';
+
+var ColumnsList = function ColumnsList() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "ColumnsList"
+  });
+};
+var _default = ColumnsList;
+exports.default = _default;

package/esm/select/list-option.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ListOptionProps } from './list-option.type';
+declare const ListOption: <DataItem, Value>(props: ListOptionProps<DataItem, Value>) => JSX.Element;
+export default ListOption;
+//# sourceMappingURL=list-option.d.ts.map

package/esm/select/list-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-option.d.ts","sourceRoot":"","sources":["list-option.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,QAAA,MAAM,UAAU,2EAiCf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/select/list-option.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var ListOption = function ListOption(props) {
+  var _jssStyle$select, _classNames;
+  var jssStyle = props.jssStyle,
+    datum = props.datum,
+    index = props.index,
+    data = props.data,
+    multiple = props.multiple,
+    renderItem = props.renderItem;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var isChecked = datum.check(data);
+  var isDisabled = datum.disabledCheck(data);
+  var rootClass = (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.option, "option-".concat(index), {});
+  var innerClass = (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.optionInner, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles === null || styles === void 0 ? void 0 : styles.optionActive, isChecked), (0, _defineProperty2.default)(_classNames, styles === null || styles === void 0 ? void 0 : styles.optionDisabled, isDisabled), _classNames));
+  var handleClick = function handleClick() {
+    if (isChecked) {
+      datum.remove(data);
+    } else {
+      datum.add(data);
+    }
+  };
+  var renderCheckedIcon = function renderCheckedIcon() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: styles.checkedIcon,
+      children: _icons.default.Check
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    className: rootClass,
+    onClick: handleClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: innerClass,
+      children: [renderItem(data), multiple && isChecked && renderCheckedIcon()]
+    })
+  });
+};
+var _default = ListOption;
+exports.default = _default;

package/esm/select/list-option.type.d.ts

@@ -0,0 +1,8 @@
+import { JssStyleType, SelectProps, DatumType } from './select.type';
+export interface ListOptionProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'renderItem' | 'multiple'> {
+    jssStyle?: JssStyleType;
+    index: number;
+    data: DataItem;
+    datum: DatumType<DataItem, Value>;
+}
+//# sourceMappingURL=list-option.type.d.ts.map

package/esm/select/list-option.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-option.type.d.ts","sourceRoot":"","sources":["list-option.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CACnC"}

package/esm/select/list-option.type.js

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

package/esm/select/list-tree-option.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-tree-option.d.ts.map

package/esm/select/list-tree-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-tree-option.d.ts","sourceRoot":"","sources":["list-tree-option.tsx"],"names":[],"mappings":""}

package/esm/select/list-tree-option.js

@@ -0,0 +1 @@
+"use strict";

package/esm/select/list-tree.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const TreeList: () => JSX.Element;
+export default TreeList;
+//# sourceMappingURL=list-tree.d.ts.map

package/esm/select/list-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-tree.d.ts","sourceRoot":"","sources":["list-tree.tsx"],"names":[],"mappings":";AAAA,QAAA,MAAM,QAAQ,mBAEb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/select/list-tree.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var TreeList = function TreeList() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "treeList"
+  });
+};
+var _default = TreeList;
+exports.default = _default;

package/esm/select/list.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseListProps } from './select.type';
+declare const List: <DataItem, Value>(props: BaseListProps<DataItem, Value>) => JSX.Element;
+export default List;
+//# sourceMappingURL=list.d.ts.map

package/esm/select/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,QAAA,MAAM,IAAI,yEAoET,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/select/list.js

@@ -0,0 +1,78 @@
+"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 _virtualScroll = require("../virtual-scroll");
+var _listOption = _interopRequireDefault(require("./list-option"));
+var _jsxRuntime = require("react/jsx-runtime");
+var List = function List(props) {
+  var _jssStyle$select;
+  var jssStyle = props.jssStyle,
+    data = props.data,
+    height = props.height,
+    optionWidth = props.optionWidth,
+    header = props.header,
+    keygen = props.keygen,
+    datum = props.datum,
+    multiple = props.multiple,
+    _props$itemsInView = props.itemsInView,
+    itemsInView = _props$itemsInView === void 0 ? 10 : _props$itemsInView,
+    _props$lineHeight = props.lineHeight,
+    lineHeight = _props$lineHeight === void 0 ? 34 : _props$lineHeight,
+    loading = props.loading,
+    _props$renderItem = props.renderItem,
+    renderItemProp = _props$renderItem === void 0 ? function (d) {
+      return d;
+    } : _props$renderItem;
+  var style = {
+    width: optionWidth,
+    height: height
+  };
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var renderLoading = function renderLoading() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "loading"
+    });
+  };
+  var renderHeader = function renderHeader() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "header"
+    });
+  };
+  var renderItem = function renderItem(item, index, key) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_listOption.default, {
+        datum: datum,
+        jssStyle: jssStyle,
+        index: index,
+        data: item,
+        multiple: multiple,
+        renderItem: renderItemProp
+      })
+    }, key);
+  };
+  var renderList = function renderList() {
+    if (loading) return renderLoading();
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualScroll.VirtualScrollList, {
+      data: data,
+      keygen: keygen,
+      tag: 'ul',
+      tagClassName: styles.virtualList,
+      height: height,
+      lineHeight: lineHeight,
+      rowsInView: itemsInView,
+      renderItem: renderItem
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: styles.list,
+    style: style,
+    children: [header && renderHeader(), renderList()]
+  });
+};
+var _default = List;
+exports.default = _default;

package/esm/select/result-more.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const More: () => JSX.Element;
+export default More;
+//# sourceMappingURL=result-more.d.ts.map

package/esm/select/result-more.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":";AAAA,QAAA,MAAM,IAAI,mBAET,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/select/result-more.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var More = function More() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "More"
+  });
+};
+var _default = More;
+exports.default = _default;

package/esm/select/result.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ResultProps } from './result.type';
+declare const Result: <DataItem, Value>(props: ResultProps<DataItem, Value extends (infer U)[] ? U : Value>) => JSX.Element;
+export default Result;
+//# sourceMappingURL=result.d.ts.map

package/esm/select/result.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAc,MAAM,eAAe,CAAC;AAQxD,QAAA,MAAM,MAAM,uGA2HX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _resultMore = _interopRequireDefault(require("./result-more"));
+var _jsxRuntime = require("react/jsx-runtime");
+// import { Input } from '../date-picker/result';
+
+// import Tag from '../tag';
+
+var isObject = _hooks.util.isObject;
+var Result = function Result(props) {
+  var _jssStyle$select;
+  var jssStyle = props.jssStyle,
+    multiple = props.multiple,
+    compressed = props.compressed,
+    datum = props.datum,
+    data = props.data,
+    value = props.value,
+    noCache = props.noCache,
+    renderUnmatched = props.renderUnmatched,
+    renderResultProp = props.renderResult,
+    onCreate = props.onCreate;
+  var _useRef = (0, _react.useRef)(new Map()),
+    resultCache = _useRef.current;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var rootClass = (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.resultTextWrapper);
+
+  // const renderItem = () => {
+  //   return <Tag jssStyle={jssStyle}>test</Tag>;
+  // };
+
+  var handleCreate = function handleCreate(text) {
+    var createFn = typeof onCreate === 'boolean' ? function (t) {
+      return t;
+    } : onCreate;
+    return createFn === null || createFn === void 0 ? void 0 : createFn(text);
+  };
+  var getResult = function getResult(value) {
+    var prediction = props.prediction || function (v, d) {
+      return v === datum.format(d);
+    };
+    // if (treeData) return this.getTreeResult(value, prediction)
+
+    for (var i = 0, count = data.length; i < count; i++) {
+      var d = data[i];
+      if (prediction(value, d)) return d;
+    }
+    if (onCreate) return handleCreate(value);
+    return undefined;
+  };
+  var getResultByValue = function getResultByValue(value) {
+    var result = noCache ? undefined : resultCache.get(value);
+    if (!result) {
+      result = getResult(value);
+      if (result !== undefined && !noCache) resultCache.set(value, result);else if (result === undefined) result = {
+        IS_NOT_MATCHED_VALUE: true,
+        value: value
+      };
+    }
+    return result;
+  };
+
+  // const renderInput = () => {};
+
+  var renderResultContent = function renderResultContent(data) {
+    if (datum.isUnMatchedData(data)) {
+      if (typeof renderUnmatched === 'function') return renderUnmatched(data.value);
+      return isObject(data.value) ? renderResultProp(data.value) : data.value;
+    }
+    return renderResultProp(data);
+  };
+
+  // const isEmptyResult = () => {
+  //   if (!value) return true;
+  //   const values = multiple ? value : [value];
+
+  //   if (values.length <= 0) return true;
+  //   const hasValue =
+  //     values.findIndex((item: Value) => {
+  //       const cur = getResultByValue(item);
+  //       const r = renderResultContent(cur);
+  //       return !isEmpty(r);
+  //     }) >= 0;
+  //   return !hasValue;
+  // };
+
+  // const renderPlaceholder = () => {
+  //   // if (focus && onFilter && empty) {
+  //   //   return this.renderInput(multiple ? filterText : '');
+  //   // }
+  // };
+
+  var renderSingleResult = function renderSingleResult() {
+    console.log(value);
+    if (!value) return null;
+    // const data = datum.getDataByValues([value]);
+    var result = getResultByValue(value);
+    var content = renderResultContent(result);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: styles.ellipsis,
+      children: content
+    });
+  };
+  var renderMultipleResult = function renderMultipleResult() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.resultText, styles === null || styles === void 0 ? void 0 : styles.placeholder),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
+        children: "result multiple"
+      })
+    });
+  };
+  var renderMultipleResultMore = function renderMultipleResultMore() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultMore.default, {});
+  };
+  var renderResult = function renderResult() {
+    if (multiple) {
+      if (compressed) return renderMultipleResultMore();
+      return renderMultipleResult();
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.resultText, styles === null || styles === void 0 ? void 0 : styles.placeholder),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
+        children: renderSingleResult()
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: rootClass,
+    children: renderResult()
+  });
+};
+var _default = Result;
+exports.default = _default;

package/esm/select/result.type.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { UnMatchedData } from '@sheinx/hooks';
+import { SelectProps, DatumType } from './select.type';
+export declare type ResultType<Value> = UnMatchedData | Value;
+export interface ResultProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'jssStyle' | 'multiple' | 'trim' | 'placeholder' | 'innerTitle' | 'keygen' | 'data' | 'value' | 'noCache' | 'compressed' | 'compressedBound' | 'disabled' | 'prediction' | 'resultClassName' | 'renderItem' | 'renderUnmatched' | 'onCreate' | 'onFilter'> {
+    datum: DatumType<DataItem, Value>;
+    focus: boolean;
+    renderResult: (data: DataItem, index?: number) => React.ReactNode;
+}
+//# sourceMappingURL=result.type.d.ts.map

package/esm/select/result.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.type.d.ts","sourceRoot":"","sources":["result.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEvD,oBAAY,UAAU,CAAC,KAAK,IAAI,aAAa,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,WAAW,CAAC,QAAQ,EAAE,KAAK,CAC1C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,UAAU,GACV,MAAM,GACN,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,UAAU,GACV,YAAY,GACZ,iBAAiB,GACjB,YAAY,GACZ,iBAAiB,GACjB,UAAU,GACV,UAAU,CACb;IACD,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACnE"}

package/esm/select/result.type.js

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

package/esm/select/select.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectProps } from './select.type';
+declare const Select: <DataItem, Value>(props: SelectProps<DataItem, Value>) => JSX.Element;
+export default Select;
+//# sourceMappingURL=select.d.ts.map

package/esm/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,uEAgMX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/select.js

@@ -0,0 +1,193 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _absoluteList = require("../absolute-list");
+var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
+var _animationList = _interopRequireDefault(require("../animation-list"));
+var _result = _interopRequireDefault(require("./result"));
+var _list = _interopRequireDefault(require("./list"));
+var _listTree = _interopRequireDefault(require("./list-tree"));
+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; }
+// import ColumnsList from './list-columns';
+
+var Select = function Select(props) {
+  var _jssStyle$select;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    size = props.size,
+    data = props.data,
+    format = props.format,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    prediction = props.prediction,
+    innerTitle = props.innerTitle,
+    underline = props.underline,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border,
+    status = props.status,
+    width = props.width,
+    multiple = props.multiple,
+    keygen = props.keygen,
+    _props$optionWidth = props.optionWidth,
+    optionWidth = _props$optionWidth === void 0 ? '100%' : _props$optionWidth,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 250 : _props$height,
+    openProp = props.open,
+    _props$position = props.position,
+    positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
+    lineHeight = props.lineHeight,
+    itemsInView = props.itemsInView,
+    disabled = props.disabled,
+    beforeChange = props.beforeChange,
+    compressed = props.compressed,
+    compressedBound = props.compressedBound,
+    renderItem = props.renderItem,
+    renderResultProp = props.renderResult,
+    renderUnmatched = props.renderUnmatched,
+    resultClassName = props.resultClassName,
+    onChange = props.onChange;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var rootClass = (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.wrapper, innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), status === 'error' && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), (0, _defineProperty2.default)({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
+  var _useSelect = (0, _hooks.useSelect)({
+      value: valueProp,
+      data: data,
+      multiple: multiple,
+      defaultValue: defaultValue,
+      control: 'value' in props,
+      format: format,
+      disabled: disabled,
+      prediction: prediction,
+      beforeChange: beforeChange,
+      onChange: onChange
+    }),
+    datum = _useSelect.datum,
+    value = _useSelect.value;
+  var onCollapse = (0, _hooks.usePersistFn)(function (isOpen) {
+    console.log(isOpen);
+  });
+  var _usePopup = (0, _hooks.usePopup)({
+      open: openProp,
+      onCollapse: onCollapse,
+      disabled: false,
+      trigger: 'click',
+      position: positionProp
+    }),
+    open = _usePopup.open,
+    position = _usePopup.position,
+    targetRef = _usePopup.targetRef,
+    popupRef = _usePopup.popupRef,
+    openPop = _usePopup.openPop;
+  var handleResultClick = (0, _hooks.usePersistFn)(function () {
+    openPop();
+  });
+  var renderInnerTitle = (0, _useInnerTitle.default)({
+    open: open,
+    size: size,
+    jssStyle: jssStyle,
+    innerTitle: innerTitle
+  });
+  var getRenderResult = function getRenderResult(data, index) {
+    if (!renderResultProp) return renderItem(data, index);
+    return typeof renderResultProp === 'function' ? renderResultProp(data, index) : data[renderResultProp];
+  };
+  var renderResult = function renderResult() {
+    var result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.result),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_result.default, {
+        jssStyle: jssStyle,
+        datum: datum,
+        value: value,
+        data: data,
+        focus: open,
+        keygen: keygen,
+        disabled: disabled,
+        compressed: compressed,
+        compressedBound: compressedBound,
+        multiple: multiple,
+        prediction: prediction,
+        renderItem: renderItem,
+        renderResult: getRenderResult,
+        resultClassName: resultClassName,
+        renderUnmatched: renderUnmatched
+      })
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: targetRef,
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.resultWrapper, styles === null || styles === void 0 ? void 0 : styles.wrapperPaddingBox, styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitleTop, styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitleBottom),
+      onClick: handleResultClick,
+      children: renderInnerTitle(result)
+    });
+  };
+  var renderList = function renderList() {
+    var listProps = {
+      data: data,
+      datum: datum,
+      keygen: keygen,
+      width: width,
+      height: height,
+      jssStyle: jssStyle,
+      multiple: multiple,
+      optionWidth: optionWidth,
+      lineHeight: lineHeight,
+      itemsInView: itemsInView,
+      renderItem: renderItem
+    };
+    // 自定义列
+    // if ((typeof columns === 'number' && columns! >= 1) || columns === -1) {
+    //   return <ColumnsList {...listProps}></ColumnsList>;
+    // }
+
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, _objectSpread({}, listProps));
+  };
+  var renderTreeList = function renderTreeList() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_listTree.default, {});
+  };
+  var renderOptions = function renderOptions() {
+    if ('treeData' in props) {
+      return renderTreeList();
+    }
+    return renderList();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-soui-type": 'input',
+    className: rootClass,
+    children: [renderResult(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
+      adjust: true,
+      focus: open,
+      fixedWidth: false,
+      absolute: props.absolute,
+      zIndex: props.zIndex,
+      position: position,
+      popupGap: 4,
+      popupEl: popupRef.current,
+      parentElement: targetRef.current,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
+        onRef: popupRef,
+        show: open,
+        className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
+        display: 'block',
+        type: 'fade',
+        duration: 'fast',
+        style: {
+          width: '100%'
+        },
+        children: renderOptions()
+      })
+    })]
+  });
+};
+var _default = Select;
+exports.default = _default;