@sheinx/base 3.4.0-beta.1 → 3.4.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/absolute-list/absolute-list.d.ts.map +1 -1
- package/cjs/absolute-list/absolute-list.js +25 -14
- package/cjs/absolute-list/absolute-list.type.d.ts +4 -0
- package/cjs/absolute-list/absolute-list.type.d.ts.map +1 -1
- package/cjs/animation-list/animation-list.d.ts.map +1 -1
- package/cjs/animation-list/animation-list.js +4 -2
- package/cjs/animation-list/animation-list.type.d.ts +1 -0
- package/cjs/animation-list/animation-list.type.d.ts.map +1 -1
- package/cjs/badge/badge.d.ts +5 -0
- package/cjs/badge/badge.d.ts.map +1 -0
- package/cjs/badge/badge.js +100 -0
- package/cjs/badge/badge.type.d.ts +81 -0
- package/cjs/badge/badge.type.d.ts.map +1 -0
- package/cjs/badge/badge.type.js +5 -0
- package/cjs/badge/index.d.ts +3 -0
- package/cjs/badge/index.d.ts.map +1 -0
- package/cjs/badge/index.js +20 -0
- package/cjs/cascader/cascader.js +2 -2
- package/cjs/cascader/cascader.type.d.ts +3 -2
- package/cjs/cascader/cascader.type.d.ts.map +1 -1
- package/cjs/checkbox/checkbox-group.d.ts.map +1 -1
- package/cjs/checkbox/checkbox-group.js +4 -0
- package/cjs/checkbox/simple-checkbox.js +1 -0
- package/cjs/date-picker/confirm.d.ts +5 -0
- package/cjs/date-picker/confirm.d.ts.map +1 -0
- package/cjs/date-picker/confirm.js +31 -0
- package/cjs/date-picker/confirm.type.d.ts +5 -0
- package/cjs/date-picker/confirm.type.d.ts.map +1 -0
- package/cjs/date-picker/confirm.type.js +5 -0
- package/cjs/date-picker/date-picker.d.ts.map +1 -1
- package/cjs/date-picker/date-picker.js +47 -7
- package/cjs/date-picker/date-picker.type.d.ts +23 -2
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/date-picker/day.d.ts.map +1 -1
- package/cjs/date-picker/day.js +37 -13
- package/cjs/date-picker/month.d.ts.map +1 -1
- package/cjs/date-picker/month.js +5 -1
- package/cjs/date-picker/picker.d.ts.map +1 -1
- package/cjs/date-picker/picker.js +27 -4
- package/cjs/date-picker/picker.type.d.ts +6 -2
- package/cjs/date-picker/picker.type.d.ts.map +1 -1
- package/cjs/date-picker/quarter.d.ts.map +1 -1
- package/cjs/date-picker/quarter.js +5 -1
- package/cjs/date-picker/quick.d.ts.map +1 -1
- package/cjs/date-picker/quick.js +23 -5
- package/cjs/date-picker/quick.type.d.ts +1 -0
- package/cjs/date-picker/quick.type.d.ts.map +1 -1
- package/cjs/date-picker/result.d.ts +6 -0
- package/cjs/date-picker/result.d.ts.map +1 -1
- package/cjs/date-picker/result.js +14 -1
- package/cjs/date-picker/time.d.ts.map +1 -1
- package/cjs/date-picker/time.js +14 -6
- package/cjs/date-picker/year.d.ts.map +1 -1
- package/cjs/date-picker/year.js +5 -1
- package/cjs/dropdown/Item.d.ts.map +1 -1
- package/cjs/dropdown/Item.js +7 -2
- package/cjs/dropdown/dropdown.type.d.ts +6 -0
- package/cjs/dropdown/dropdown.type.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.js +3 -1
- package/cjs/form/form-footer-context.d.ts.map +1 -1
- package/cjs/form/form-footer-context.js +6 -2
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +3 -1
- package/cjs/icons/config.d.ts +3 -0
- package/cjs/icons/config.d.ts.map +1 -1
- package/cjs/icons/config.js +3 -0
- package/cjs/icons/icons.d.ts +1 -0
- package/cjs/icons/icons.d.ts.map +1 -1
- package/cjs/icons/icons.js +3 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +24 -0
- package/cjs/link/index.d.ts +3 -0
- package/cjs/link/index.d.ts.map +1 -0
- package/cjs/link/index.js +20 -0
- package/cjs/link/link.d.ts +5 -0
- package/cjs/link/link.d.ts.map +1 -0
- package/cjs/link/link.js +52 -0
- package/cjs/link/link.type.d.ts +50 -0
- package/cjs/link/link.type.d.ts.map +1 -0
- package/cjs/link/link.type.js +5 -0
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +4 -0
- package/cjs/select/list-columns.js +1 -1
- package/cjs/select/list-option.d.ts.map +1 -1
- package/cjs/select/list-option.js +27 -3
- package/cjs/select/list-option.type.d.ts +3 -0
- package/cjs/select/list-option.type.d.ts.map +1 -1
- package/cjs/select/list.d.ts.map +1 -1
- package/cjs/select/list.js +11 -18
- package/cjs/select/result-input.d.ts.map +1 -1
- package/cjs/select/result-input.js +9 -2
- package/cjs/select/result-input.type.d.ts +1 -0
- package/cjs/select/result-input.type.d.ts.map +1 -1
- package/cjs/select/result-more.d.ts +2 -2
- package/cjs/select/result-more.d.ts.map +1 -1
- package/cjs/select/result-more.js +2 -2
- package/cjs/select/result-more.type.d.ts +1 -1
- package/cjs/select/result-more.type.d.ts.map +1 -1
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +7 -9
- package/cjs/select/result.type.d.ts +1 -0
- package/cjs/select/result.type.d.ts.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +24 -3
- package/cjs/select/select.type.d.ts +14 -8
- package/cjs/select/select.type.d.ts.map +1 -1
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +13 -5
- package/cjs/table/table.type.d.ts +7 -5
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +1 -0
- package/cjs/table/tr.d.ts +1 -0
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +21 -8
- package/cjs/tabs/tab.d.ts.map +1 -1
- package/cjs/tabs/tab.js +27 -16
- package/cjs/tabs/tabs-header.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.js +27 -6
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tabs/tabs.js +18 -14
- package/cjs/tabs/tabs.type.d.ts +1 -0
- package/cjs/tabs/tabs.type.d.ts.map +1 -1
- package/cjs/tag/tag.js +2 -2
- package/cjs/tag/use-tag.js +2 -2
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +18 -6
- package/cjs/tooltip/tooltip.type.d.ts +4 -0
- package/cjs/tooltip/tooltip.type.d.ts.map +1 -1
- package/cjs/transfer/transfer-list-item.d.ts.map +1 -1
- package/cjs/transfer/transfer-list.type.d.ts +1 -1
- package/cjs/transfer/transfer-list.type.d.ts.map +1 -1
- package/cjs/transfer/transfer.d.ts.map +1 -1
- package/cjs/transfer/transfer.js +2 -1
- package/cjs/transfer/transfer.type.d.ts +7 -1
- package/cjs/transfer/transfer.type.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.type.d.ts +3 -2
- package/cjs/tree-select/tree-select.type.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.js +11 -1
- package/cjs/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/cjs/virtual-scroll/virtual-scroll-list.js +148 -21
- package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts +2 -0
- package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts.map +1 -1
- package/esm/absolute-list/absolute-list.d.ts.map +1 -1
- package/esm/absolute-list/absolute-list.js +25 -14
- package/esm/absolute-list/absolute-list.type.d.ts +4 -0
- package/esm/absolute-list/absolute-list.type.d.ts.map +1 -1
- package/esm/animation-list/animation-list.d.ts.map +1 -1
- package/esm/animation-list/animation-list.js +4 -2
- package/esm/animation-list/animation-list.type.d.ts +1 -0
- package/esm/animation-list/animation-list.type.d.ts.map +1 -1
- package/esm/badge/badge.d.ts +5 -0
- package/esm/badge/badge.d.ts.map +1 -0
- package/esm/badge/badge.js +95 -0
- package/esm/badge/badge.type.d.ts +81 -0
- package/esm/badge/badge.type.d.ts.map +1 -0
- package/esm/badge/badge.type.js +1 -0
- package/esm/badge/index.d.ts +3 -0
- package/esm/badge/index.d.ts.map +1 -0
- package/esm/badge/index.js +2 -0
- package/esm/cascader/cascader.js +2 -2
- package/esm/cascader/cascader.type.d.ts +3 -2
- package/esm/cascader/cascader.type.d.ts.map +1 -1
- package/esm/checkbox/checkbox-group.d.ts.map +1 -1
- package/esm/checkbox/checkbox-group.js +6 -2
- package/esm/checkbox/simple-checkbox.js +1 -0
- package/esm/date-picker/confirm.d.ts +5 -0
- package/esm/date-picker/confirm.d.ts.map +1 -0
- package/esm/date-picker/confirm.js +24 -0
- package/esm/date-picker/confirm.type.d.ts +5 -0
- package/esm/date-picker/confirm.type.d.ts.map +1 -0
- package/esm/date-picker/confirm.type.js +1 -0
- package/esm/date-picker/date-picker.d.ts.map +1 -1
- package/esm/date-picker/date-picker.js +48 -8
- package/esm/date-picker/date-picker.type.d.ts +23 -2
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/date-picker/day.d.ts.map +1 -1
- package/esm/date-picker/day.js +37 -13
- package/esm/date-picker/month.d.ts.map +1 -1
- package/esm/date-picker/month.js +5 -1
- package/esm/date-picker/picker.d.ts.map +1 -1
- package/esm/date-picker/picker.js +27 -4
- package/esm/date-picker/picker.type.d.ts +6 -2
- package/esm/date-picker/picker.type.d.ts.map +1 -1
- package/esm/date-picker/quarter.d.ts.map +1 -1
- package/esm/date-picker/quarter.js +5 -1
- package/esm/date-picker/quick.d.ts.map +1 -1
- package/esm/date-picker/quick.js +20 -5
- package/esm/date-picker/quick.type.d.ts +1 -0
- package/esm/date-picker/quick.type.d.ts.map +1 -1
- package/esm/date-picker/result.d.ts +6 -0
- package/esm/date-picker/result.d.ts.map +1 -1
- package/esm/date-picker/result.js +14 -1
- package/esm/date-picker/time.d.ts.map +1 -1
- package/esm/date-picker/time.js +14 -6
- package/esm/date-picker/year.d.ts.map +1 -1
- package/esm/date-picker/year.js +5 -1
- package/esm/dropdown/Item.d.ts.map +1 -1
- package/esm/dropdown/Item.js +7 -2
- package/esm/dropdown/dropdown.type.d.ts +6 -0
- package/esm/dropdown/dropdown.type.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.js +3 -1
- package/esm/form/form-footer-context.d.ts.map +1 -1
- package/esm/form/form-footer-context.js +6 -2
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +3 -1
- package/esm/icons/config.d.ts +3 -0
- package/esm/icons/config.d.ts.map +1 -1
- package/esm/icons/config.js +3 -0
- package/esm/icons/icons.d.ts +1 -0
- package/esm/icons/icons.d.ts.map +1 -1
- package/esm/icons/icons.js +3 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -0
- package/esm/link/index.d.ts +3 -0
- package/esm/link/index.d.ts.map +1 -0
- package/esm/link/index.js +2 -0
- package/esm/link/link.d.ts +5 -0
- package/esm/link/link.d.ts.map +1 -0
- package/esm/link/link.js +47 -0
- package/esm/link/link.type.d.ts +50 -0
- package/esm/link/link.type.d.ts.map +1 -0
- package/esm/link/link.type.js +1 -0
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +4 -0
- package/esm/select/list-columns.js +1 -1
- package/esm/select/list-option.d.ts.map +1 -1
- package/esm/select/list-option.js +27 -3
- package/esm/select/list-option.type.d.ts +3 -0
- package/esm/select/list-option.type.d.ts.map +1 -1
- package/esm/select/list.d.ts.map +1 -1
- package/esm/select/list.js +11 -19
- package/esm/select/result-input.d.ts.map +1 -1
- package/esm/select/result-input.js +9 -2
- package/esm/select/result-input.type.d.ts +1 -0
- package/esm/select/result-input.type.d.ts.map +1 -1
- package/esm/select/result-more.d.ts +2 -2
- package/esm/select/result-more.d.ts.map +1 -1
- package/esm/select/result-more.js +2 -2
- package/esm/select/result-more.type.d.ts +1 -1
- package/esm/select/result-more.type.d.ts.map +1 -1
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +9 -11
- package/esm/select/result.type.d.ts +1 -0
- package/esm/select/result.type.d.ts.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +24 -3
- package/esm/select/select.type.d.ts +14 -8
- package/esm/select/select.type.d.ts.map +1 -1
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +14 -6
- package/esm/table/table.type.d.ts +7 -5
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +1 -0
- package/esm/table/tr.d.ts +1 -0
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +22 -8
- package/esm/tabs/tab.d.ts.map +1 -1
- package/esm/tabs/tab.js +28 -16
- package/esm/tabs/tabs-header.d.ts.map +1 -1
- package/esm/tabs/tabs-header.js +27 -6
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tabs/tabs.js +18 -14
- package/esm/tabs/tabs.type.d.ts +1 -0
- package/esm/tabs/tabs.type.d.ts.map +1 -1
- package/esm/tag/tag.js +2 -2
- package/esm/tag/use-tag.js +2 -2
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +20 -8
- package/esm/tooltip/tooltip.type.d.ts +4 -0
- package/esm/tooltip/tooltip.type.d.ts.map +1 -1
- package/esm/transfer/transfer-list-item.d.ts.map +1 -1
- package/esm/transfer/transfer-list.type.d.ts +1 -1
- package/esm/transfer/transfer-list.type.d.ts.map +1 -1
- package/esm/transfer/transfer.d.ts.map +1 -1
- package/esm/transfer/transfer.js +2 -1
- package/esm/transfer/transfer.type.d.ts +7 -1
- package/esm/transfer/transfer.type.d.ts.map +1 -1
- package/esm/tree-select/tree-select.type.d.ts +3 -2
- package/esm/tree-select/tree-select.type.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.js +12 -2
- package/esm/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/esm/virtual-scroll/virtual-scroll-list.js +149 -22
- package/esm/virtual-scroll/virtual-scroll-list.type.d.ts +2 -0
- package/esm/virtual-scroll/virtual-scroll-list.type.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["link.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAe,MAAM,aAAa,CAAC;AAKrD,QAAA,MAAM,IAAI,UAAW,SAAS,gBA8C7B,CAAA;AAED,eAAe,IAAI,CAAC"}
|
package/esm/link/link.js
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
var _excluded = ["jssStyle", "className", "type", "underline", "disabled", "size", "icon", "href", "target", "children"];
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
|
+
// import { } from '@sheinx/hooks';
|
|
11
|
+
import classNames from 'classnames';
|
|
12
|
+
import React from 'react';
|
|
13
|
+
// import from icons
|
|
14
|
+
import Icons from "../icons";
|
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
+
var Link = function Link(props) {
|
|
18
|
+
var _jssStyle$link;
|
|
19
|
+
var jssStyle = props.jssStyle,
|
|
20
|
+
className = props.className,
|
|
21
|
+
_props$type = props.type,
|
|
22
|
+
type = _props$type === void 0 ? 'primary' : _props$type,
|
|
23
|
+
underline = props.underline,
|
|
24
|
+
disabled = props.disabled,
|
|
25
|
+
size = props.size,
|
|
26
|
+
icon = props.icon,
|
|
27
|
+
href = props.href,
|
|
28
|
+
target = props.target,
|
|
29
|
+
children = props.children,
|
|
30
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
31
|
+
var linkClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$link = jssStyle.link) === null || _jssStyle$link === void 0 ? void 0 : _jssStyle$link.call(jssStyle)) || {};
|
|
32
|
+
var rootClass = classNames(className, linkClasses.wrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, linkClasses.underline, underline === true), linkClasses.underlineHover, underline === 'hover'), linkClasses.disabled, disabled), linkClasses.sizeSmall, size === 'small'), linkClasses.sizeLarge, size === 'large'), linkClasses.primary, type === 'primary'), linkClasses.secondary, type === 'secondary'), linkClasses.danger, type === 'danger'), linkClasses.warning, type === 'warning'), linkClasses.success, type === 'success'));
|
|
33
|
+
return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
|
|
34
|
+
href: disabled ? undefined : href,
|
|
35
|
+
target: target,
|
|
36
|
+
className: rootClass
|
|
37
|
+
}, restProps), {}, {
|
|
38
|
+
children: [typeof icon === 'boolean' && icon && /*#__PURE__*/_jsx("span", {
|
|
39
|
+
className: linkClasses.icon,
|
|
40
|
+
children: Icons.link.prefixIcon
|
|
41
|
+
}), /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/_jsx("span", {
|
|
42
|
+
className: linkClasses.icon,
|
|
43
|
+
children: icon
|
|
44
|
+
}), children]
|
|
45
|
+
}));
|
|
46
|
+
};
|
|
47
|
+
export default Link;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CommonType } from '../common/type';
|
|
3
|
+
export type LinkType = 'primary' | 'secondary' | 'danger' | 'warning' | 'success';
|
|
4
|
+
export interface LinkClasses {
|
|
5
|
+
wrapper: string;
|
|
6
|
+
underline: string;
|
|
7
|
+
underlineHover: string;
|
|
8
|
+
sizeSmall: string;
|
|
9
|
+
sizeLarge: string;
|
|
10
|
+
disabled: string;
|
|
11
|
+
icon: string;
|
|
12
|
+
primary: string;
|
|
13
|
+
secondary: string;
|
|
14
|
+
danger: string;
|
|
15
|
+
warning: string;
|
|
16
|
+
success: string;
|
|
17
|
+
}
|
|
18
|
+
export interface LinkProps extends Pick<CommonType, 'className' | 'style'>, React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
19
|
+
jssStyle?: {
|
|
20
|
+
link?: () => LinkClasses;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* @cn 是否禁用
|
|
24
|
+
* @en Whether the link is disabled
|
|
25
|
+
*/
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* @cn 是否常驻显示下划线, 设置为 'hover' 时鼠标悬浮时显示下划线
|
|
29
|
+
* @en Whether to always show the underline, set to 'hover' to show the underline when the mouse is hovered
|
|
30
|
+
*/
|
|
31
|
+
underline?: boolean | 'hover';
|
|
32
|
+
/**
|
|
33
|
+
* @cn 链接类型
|
|
34
|
+
* @en Link type
|
|
35
|
+
* @default primary
|
|
36
|
+
*/
|
|
37
|
+
type?: LinkType;
|
|
38
|
+
/**
|
|
39
|
+
* @cn 链接图标大小
|
|
40
|
+
* @en Link icon size
|
|
41
|
+
* @default default
|
|
42
|
+
*/
|
|
43
|
+
size?: 'small' | 'default' | 'large';
|
|
44
|
+
/**
|
|
45
|
+
* @cn 显示图标,设置为 true 时展示默认图标
|
|
46
|
+
* @en Show icon, set to true to show default icon
|
|
47
|
+
*/
|
|
48
|
+
icon?: boolean | React.ReactNode;
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=link.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.type.d.ts","sourceRoot":"","sources":["link.type.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,MAAM,QAAQ,GAAI,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAElF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IAEvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC/C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC5B,CAAC;IAEF;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAErC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;CACpC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,gBAiKnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/esm/popover/popover.js
CHANGED
|
@@ -11,6 +11,9 @@ import { useConfig } from "../config";
|
|
|
11
11
|
import classNames from 'classnames';
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
var emptyEvent = function emptyEvent(e) {
|
|
15
|
+
return e.stopPropagation();
|
|
16
|
+
};
|
|
14
17
|
var Popover = function Popover(props) {
|
|
15
18
|
var _jssStyle$popover;
|
|
16
19
|
var children = props.children,
|
|
@@ -152,6 +155,7 @@ var Popover = function Popover(props) {
|
|
|
152
155
|
dir: config.direction
|
|
153
156
|
}), /*#__PURE__*/_jsx("div", {
|
|
154
157
|
style: style,
|
|
158
|
+
onClick: emptyEvent,
|
|
155
159
|
className: classNames(popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.content, (typeof childrened === 'string' || props.useTextStyle) && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.text)),
|
|
156
160
|
children: /*#__PURE__*/_jsx(Provider, {
|
|
157
161
|
value: providerValue,
|
|
@@ -31,7 +31,7 @@ var ColumnsList = function ColumnsList(props) {
|
|
|
31
31
|
|
|
32
32
|
// columns 模式无上下边距,故而 lineHeight 需要调整
|
|
33
33
|
var getLineHeight = function getLineHeight() {
|
|
34
|
-
if (lineHeightProp) return lineHeightProp;
|
|
34
|
+
if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
|
|
35
35
|
if (size === 'small') return 24;
|
|
36
36
|
if (size === 'default') return 32;
|
|
37
37
|
if (size === 'large') return 40;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-option.d.ts","sourceRoot":"","sources":["list-option.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"list-option.d.ts","sourceRoot":"","sources":["list-option.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,QAAA,MAAM,UAAU,2EA6Ff,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -2,7 +2,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
2
2
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
3
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
4
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5
|
+
import { useEffect, useRef } from 'react';
|
|
5
6
|
import classNames from 'classnames';
|
|
7
|
+
import { addResizeObserver, usePersistFn } from '@sheinx/hooks';
|
|
6
8
|
import Icons from "../icons";
|
|
7
9
|
import { useConfig } from "../config";
|
|
8
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -17,8 +19,11 @@ var ListOption = function ListOption(props) {
|
|
|
17
19
|
multiple = props.multiple,
|
|
18
20
|
isHover = props.isHover,
|
|
19
21
|
renderItem = props.renderItem,
|
|
22
|
+
dynamicVirtual = props.dynamicVirtual,
|
|
23
|
+
isAnimationFinish = props.isAnimationFinish,
|
|
20
24
|
onHover = props.onHover,
|
|
21
25
|
onOptionClick = props.onOptionClick;
|
|
26
|
+
var optionRef = useRef(null);
|
|
22
27
|
var config = useConfig();
|
|
23
28
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
|
|
24
29
|
var isChecked = datum.check(data);
|
|
@@ -37,6 +42,13 @@ var ListOption = function ListOption(props) {
|
|
|
37
42
|
}
|
|
38
43
|
onOptionClick(data, index);
|
|
39
44
|
};
|
|
45
|
+
var setVirtualRowHeight = usePersistFn(function () {
|
|
46
|
+
if (!props.setRowHeight || !optionRef.current) return;
|
|
47
|
+
var optionHeight = optionRef.current.getBoundingClientRect().height;
|
|
48
|
+
if (optionHeight !== 0) {
|
|
49
|
+
props.setRowHeight(index, optionHeight);
|
|
50
|
+
}
|
|
51
|
+
});
|
|
40
52
|
var renderCheckedIcon = function renderCheckedIcon() {
|
|
41
53
|
return /*#__PURE__*/_jsx("span", {
|
|
42
54
|
className: styles.checkedIcon,
|
|
@@ -46,13 +58,25 @@ var ListOption = function ListOption(props) {
|
|
|
46
58
|
};
|
|
47
59
|
var result = renderItem(data);
|
|
48
60
|
var title = typeof result === 'string' ? result : '';
|
|
61
|
+
useEffect(function () {
|
|
62
|
+
if (!isAnimationFinish) return;
|
|
63
|
+
setVirtualRowHeight();
|
|
64
|
+
}, [isAnimationFinish]);
|
|
65
|
+
useEffect(function () {
|
|
66
|
+
if (!optionRef.current) return;
|
|
67
|
+
var cancelObserver = addResizeObserver(optionRef.current, setVirtualRowHeight, {
|
|
68
|
+
direction: 'y'
|
|
69
|
+
});
|
|
70
|
+
return function () {
|
|
71
|
+
cancelObserver();
|
|
72
|
+
};
|
|
73
|
+
}, []);
|
|
49
74
|
return /*#__PURE__*/_jsx("li", {
|
|
75
|
+
ref: optionRef,
|
|
50
76
|
tabIndex: -1,
|
|
51
77
|
className: rootClass,
|
|
52
78
|
title: title,
|
|
53
|
-
style: {
|
|
54
|
-
height: lineHeight
|
|
55
|
-
},
|
|
79
|
+
style: _defineProperty({}, dynamicVirtual ? 'minHeight' : 'height', lineHeight),
|
|
56
80
|
onClick: handleClick,
|
|
57
81
|
onMouseEnter: handleEnter,
|
|
58
82
|
children: /*#__PURE__*/_jsxs("div", {
|
|
@@ -8,8 +8,11 @@ export interface ListOptionProps<DataItem, Value> extends Pick<SelectProps<DataI
|
|
|
8
8
|
isHover: boolean;
|
|
9
9
|
lineHeight: number;
|
|
10
10
|
closePop: () => void;
|
|
11
|
+
dynamicVirtual?: boolean;
|
|
11
12
|
renderItem: (data: DataItem, index?: number) => React.ReactNode;
|
|
12
13
|
onHover: (index: number, force?: boolean) => void;
|
|
13
14
|
onOptionClick: (data: DataItem, index: number) => void;
|
|
15
|
+
setRowHeight?: (index: number, height: number) => void;
|
|
16
|
+
isAnimationFinish: boolean;
|
|
14
17
|
}
|
|
15
18
|
//# sourceMappingURL=list-option.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,UAAU,CAAC;IACtD,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;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
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,UAAU,CAAC;IACtD,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;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,iBAAiB,EAAE,OAAO,CAAC;CAC5B"}
|
package/esm/select/list.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAiB,aAAa,EAAE,MAAM,eAAe,CAAC;AAK7D,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAiB,aAAa,EAAE,MAAM,eAAe,CAAC;AAK7D,QAAA,MAAM,IAAI,yEAgNT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/select/list.js
CHANGED
|
@@ -17,13 +17,11 @@ import { usePersistFn } from '@sheinx/hooks';
|
|
|
17
17
|
import { VirtualScrollList } from "../virtual-scroll";
|
|
18
18
|
import ListOption from "./list-option";
|
|
19
19
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
21
20
|
var List = function List(props) {
|
|
22
21
|
var _jssStyle$select;
|
|
23
22
|
var jssStyle = props.jssStyle,
|
|
24
23
|
data = props.data,
|
|
25
24
|
size = props.size,
|
|
26
|
-
header = props.header,
|
|
27
25
|
keygen = props.keygen,
|
|
28
26
|
datum = props.datum,
|
|
29
27
|
multiple = props.multiple,
|
|
@@ -31,11 +29,11 @@ var List = function List(props) {
|
|
|
31
29
|
_props$itemsInView = props.itemsInView,
|
|
32
30
|
itemsInView = _props$itemsInView === void 0 ? 10 : _props$itemsInView,
|
|
33
31
|
lineHeightProp = props.lineHeight,
|
|
34
|
-
loading = props.loading,
|
|
35
32
|
threshold = props.threshold,
|
|
36
33
|
controlType = props.controlType,
|
|
37
34
|
hideCreateOption = props.hideCreateOption,
|
|
38
35
|
optionListRef = props.optionListRef,
|
|
36
|
+
isAnimationFinish = props.isAnimationFinish,
|
|
39
37
|
_props$renderItem = props.renderItem,
|
|
40
38
|
renderItemProp = _props$renderItem === void 0 ? function (d) {
|
|
41
39
|
return d;
|
|
@@ -43,8 +41,9 @@ var List = function List(props) {
|
|
|
43
41
|
closePop = props.closePop,
|
|
44
42
|
onControlTypeChange = props.onControlTypeChange,
|
|
45
43
|
onOptionClick = props.onOptionClick;
|
|
44
|
+
var dynamicVirtual = lineHeightProp === 'auto';
|
|
46
45
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
|
|
47
|
-
var rootClass = classNames(styles.list, _defineProperty(_defineProperty({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'));
|
|
46
|
+
var rootClass = classNames(styles.list, _defineProperty(_defineProperty(_defineProperty({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'), styles.dynamicList, dynamicVirtual));
|
|
48
47
|
var _useState = useState(hideCreateOption ? -1 : 0),
|
|
49
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
50
49
|
hoverIndex = _useState2[0],
|
|
@@ -58,7 +57,7 @@ var List = function List(props) {
|
|
|
58
57
|
return hoverIndex;
|
|
59
58
|
});
|
|
60
59
|
var getLineHeight = function getLineHeight() {
|
|
61
|
-
if (lineHeightProp) return lineHeightProp;
|
|
60
|
+
if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
|
|
62
61
|
if (size === 'small') return 26;
|
|
63
62
|
if (size === 'default') return 34;
|
|
64
63
|
if (size === 'large') return 42;
|
|
@@ -169,17 +168,7 @@ var List = function List(props) {
|
|
|
169
168
|
return _ref.apply(this, arguments);
|
|
170
169
|
};
|
|
171
170
|
}());
|
|
172
|
-
var
|
|
173
|
-
return /*#__PURE__*/_jsx("div", {
|
|
174
|
-
children: "loading"
|
|
175
|
-
});
|
|
176
|
-
};
|
|
177
|
-
var renderHeader = function renderHeader() {
|
|
178
|
-
return /*#__PURE__*/_jsx("div", {
|
|
179
|
-
children: "header"
|
|
180
|
-
});
|
|
181
|
-
};
|
|
182
|
-
var renderItem = function renderItem(item, index, key) {
|
|
171
|
+
var renderItem = function renderItem(item, index, key, setRowHeight) {
|
|
183
172
|
return /*#__PURE__*/_jsx(React.Fragment, {
|
|
184
173
|
children: /*#__PURE__*/_jsx(ListOption, {
|
|
185
174
|
datum: datum,
|
|
@@ -187,9 +176,12 @@ var List = function List(props) {
|
|
|
187
176
|
jssStyle: jssStyle,
|
|
188
177
|
index: index,
|
|
189
178
|
data: item,
|
|
179
|
+
isAnimationFinish: isAnimationFinish,
|
|
180
|
+
setRowHeight: setRowHeight,
|
|
190
181
|
lineHeight: lineHeight,
|
|
191
182
|
isHover: hoverIndex === index,
|
|
192
183
|
multiple: multiple,
|
|
184
|
+
dynamicVirtual: dynamicVirtual,
|
|
193
185
|
renderItem: renderItemProp,
|
|
194
186
|
onHover: handleHover,
|
|
195
187
|
onOptionClick: onOptionClick
|
|
@@ -205,13 +197,13 @@ var List = function List(props) {
|
|
|
205
197
|
});
|
|
206
198
|
};
|
|
207
199
|
var renderList = function renderList() {
|
|
208
|
-
if (loading) return renderLoading();
|
|
209
200
|
return /*#__PURE__*/_jsx(VirtualScrollList, {
|
|
210
201
|
virtualRef: virtualRef,
|
|
211
202
|
data: data,
|
|
212
203
|
keygen: keygen,
|
|
213
204
|
tag: 'ul',
|
|
214
205
|
groupKey: groupKey,
|
|
206
|
+
dynamicVirtual: dynamicVirtual,
|
|
215
207
|
tagClassName: styles.virtualList,
|
|
216
208
|
height: height,
|
|
217
209
|
onScroll: handleVirtualScroll,
|
|
@@ -231,9 +223,9 @@ var List = function List(props) {
|
|
|
231
223
|
};
|
|
232
224
|
}
|
|
233
225
|
}, []);
|
|
234
|
-
return /*#__PURE__*/
|
|
226
|
+
return /*#__PURE__*/_jsx("div", {
|
|
235
227
|
className: rootClass,
|
|
236
|
-
children:
|
|
228
|
+
children: renderList()
|
|
237
229
|
});
|
|
238
230
|
};
|
|
239
231
|
export default List;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-input.d.ts","sourceRoot":"","sources":["result-input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,QAAA,MAAM,WAAW,UAAW,gBAAgB,
|
|
1
|
+
{"version":3,"file":"result-input.d.ts","sourceRoot":"","sources":["result-input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBA0G3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -58,6 +58,13 @@ var ResultInput = function ResultInput(props) {
|
|
|
58
58
|
onRef.current = inputRef.current;
|
|
59
59
|
onBindInput === null || onBindInput === void 0 || onBindInput(inputRef.current);
|
|
60
60
|
}, []);
|
|
61
|
+
var renderResultPlaceholder = function renderResultPlaceholder() {
|
|
62
|
+
if (inputText || !focus || typeof props.placeholder === 'string') return null;
|
|
63
|
+
return /*#__PURE__*/_jsx("div", {
|
|
64
|
+
className: styles.inputPlaceholder,
|
|
65
|
+
children: props.placeholder
|
|
66
|
+
});
|
|
67
|
+
};
|
|
61
68
|
var style = {};
|
|
62
69
|
if (!multiple) {
|
|
63
70
|
style.width = '100%';
|
|
@@ -71,7 +78,7 @@ var ResultInput = function ResultInput(props) {
|
|
|
71
78
|
children: [/*#__PURE__*/_jsx(Input, {
|
|
72
79
|
onRef: bindInputRef,
|
|
73
80
|
style: style,
|
|
74
|
-
placeholder: props.placeholder,
|
|
81
|
+
placeholder: typeof props.placeholder === 'string' ? props.placeholder : undefined,
|
|
75
82
|
value: inputText,
|
|
76
83
|
maxLength: maxLength,
|
|
77
84
|
onChange: onChange,
|
|
@@ -83,7 +90,7 @@ var ResultInput = function ResultInput(props) {
|
|
|
83
90
|
className: styles.inputMirror,
|
|
84
91
|
ref: mirrorRef,
|
|
85
92
|
children: inputText || value
|
|
86
|
-
})]
|
|
93
|
+
}), renderResultPlaceholder()]
|
|
87
94
|
});
|
|
88
95
|
};
|
|
89
96
|
export default ResultInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-input.type.d.ts","sourceRoot":"","sources":["result-input.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE;QAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"result-input.type.d.ts","sourceRoot":"","sources":["result-input.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,gBAAgB,EAAE,MAAM,CAAC;KAAE,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { ResultMoreProps } from './result-more.type';
|
|
3
3
|
export declare function getResetMore(onFilter: boolean, container: HTMLElement, doms: NodeListOf<HTMLElement>): number;
|
|
4
|
-
declare const _default: <DataItem, Value>(props:
|
|
4
|
+
declare const _default: <DataItem, Value>(props: ResultMoreProps<DataItem, Value>) => JSX.Element;
|
|
5
5
|
export default _default;
|
|
6
6
|
//# sourceMappingURL=result-more.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA6D9B;;AA4FD,wBAAyC"}
|
|
@@ -81,7 +81,7 @@ var More = function More(props) {
|
|
|
81
81
|
var before = [];
|
|
82
82
|
var after = [];
|
|
83
83
|
var itemsLength = 0;
|
|
84
|
-
var
|
|
84
|
+
var tagStyle = shouldShowMore ? {
|
|
85
85
|
position: 'absolute',
|
|
86
86
|
zIndex: -100,
|
|
87
87
|
userSelect: 'none',
|
|
@@ -129,7 +129,7 @@ var More = function More(props) {
|
|
|
129
129
|
className: styles.tag,
|
|
130
130
|
jssStyle: jssStyle,
|
|
131
131
|
size: size,
|
|
132
|
-
style:
|
|
132
|
+
style: tagStyle,
|
|
133
133
|
mode: visible ? 'fill' : 'bright',
|
|
134
134
|
color: visible ? 'info' : 'default',
|
|
135
135
|
children: shouldShowMore ? '+' : "+".concat(itemsLength)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SelectProps } from './select.type';
|
|
3
|
-
export interface
|
|
3
|
+
export interface ResultMoreProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'jssStyle' | 'size' | 'multiple' | 'placeholder' | 'keygen' | 'value' | 'compressed' | 'compressedBound' | 'compressedClassName' | 'disabled' | 'onFilter'> {
|
|
4
4
|
data: React.ReactNode[];
|
|
5
5
|
more?: number;
|
|
6
6
|
showNum?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEAsXX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/esm/select/result.js
CHANGED
|
@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
13
13
|
import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { util, addResizeObserver, useRender } from '@sheinx/hooks';
|
|
16
|
-
import
|
|
16
|
+
import ResultInput from "./result-input";
|
|
17
17
|
import { getResetMore } from "./result-more";
|
|
18
18
|
import More from "./result-more";
|
|
19
19
|
import Tag from "../tag";
|
|
@@ -57,7 +57,7 @@ var Result = function Result(props) {
|
|
|
57
57
|
onRemove = props.onRemove,
|
|
58
58
|
onResultItemClick = props.onResultItemClick,
|
|
59
59
|
data = props.data;
|
|
60
|
-
var value = isArray(valueProp) ? valueProp : [valueProp];
|
|
60
|
+
var value = [null, undefined].includes(valueProp) ? [] : Array.isArray(valueProp) ? valueProp : [valueProp];
|
|
61
61
|
var _useState = useState(-1),
|
|
62
62
|
_useState2 = _slicedToArray(_useState, 2),
|
|
63
63
|
more = _useState2[0],
|
|
@@ -105,17 +105,13 @@ var Result = function Result(props) {
|
|
|
105
105
|
onResultItemClick === null || onResultItemClick === void 0 || onResultItemClick(e, item);
|
|
106
106
|
};
|
|
107
107
|
var renderInput = function renderInput() {
|
|
108
|
-
var
|
|
108
|
+
var _placeholder = empty ? placeholder : '';
|
|
109
109
|
if (!multiple && valueProp && valueProp !== 0) {
|
|
110
110
|
var _result = getDataByValues(value);
|
|
111
|
-
|
|
112
|
-
var content = renderResultContent(_result[0]);
|
|
113
|
-
if (typeof content === 'string') {
|
|
114
|
-
placeholder2 = content;
|
|
115
|
-
}
|
|
111
|
+
_placeholder = renderResultContent(_result[0]);
|
|
116
112
|
}
|
|
117
113
|
return /*#__PURE__*/_jsx(React.Fragment, {
|
|
118
|
-
children: /*#__PURE__*/_jsx(
|
|
114
|
+
children: /*#__PURE__*/_jsx(ResultInput, {
|
|
119
115
|
isEmpty: empty,
|
|
120
116
|
classes: props.classes,
|
|
121
117
|
value: filterText,
|
|
@@ -130,7 +126,7 @@ var Result = function Result(props) {
|
|
|
130
126
|
convertBr: convertBr,
|
|
131
127
|
onInputBlur: onInputBlur,
|
|
132
128
|
onClearCreatedData: onClearCreatedData,
|
|
133
|
-
placeholder:
|
|
129
|
+
placeholder: _placeholder,
|
|
134
130
|
disabled: util.isFunc(disabled) ? false : !!disabled
|
|
135
131
|
})
|
|
136
132
|
}, 'input');
|
|
@@ -214,7 +210,9 @@ var Result = function Result(props) {
|
|
|
214
210
|
}, 'single');
|
|
215
211
|
};
|
|
216
212
|
var getValueArr = function getValueArr(v) {
|
|
217
|
-
return isArray(v) ? v : [v]
|
|
213
|
+
return (isArray(v) ? v : [v]).filter(function (v) {
|
|
214
|
+
return v !== undefined && v !== null;
|
|
215
|
+
});
|
|
218
216
|
};
|
|
219
217
|
var renderMultipleResult = function renderMultipleResult() {
|
|
220
218
|
if (isEmptyResult()) return renderNbsp();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.type.d.ts","sourceRoot":"","sources":["result.type.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"result.type.d.ts","sourceRoot":"","sources":["result.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eAyuBxE;AAED,eAAe,MAAM,CAAC"}
|
package/esm/select/select.js
CHANGED
|
@@ -139,6 +139,10 @@ function Select(props0) {
|
|
|
139
139
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
140
140
|
focused = _useState4[0],
|
|
141
141
|
setFocused = _useState4[1];
|
|
142
|
+
var _useState5 = useState(false),
|
|
143
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
144
|
+
isAnimationFinish = _useState6[0],
|
|
145
|
+
setIsAnimationFinish = _useState6[1];
|
|
142
146
|
var inputRef = useRef();
|
|
143
147
|
var optionListRef = useRef();
|
|
144
148
|
var _useFilter = useFilter({
|
|
@@ -443,6 +447,9 @@ function Select(props0) {
|
|
|
443
447
|
var handleRemove = function handleRemove(item) {
|
|
444
448
|
return datum.remove(item);
|
|
445
449
|
};
|
|
450
|
+
var onAnimationAfterEnter = function onAnimationAfterEnter() {
|
|
451
|
+
setIsAnimationFinish(true);
|
|
452
|
+
};
|
|
446
453
|
|
|
447
454
|
// innerTitle 模式
|
|
448
455
|
var renderInnerTitle = useInnerTitle({
|
|
@@ -556,6 +563,7 @@ function Select(props0) {
|
|
|
556
563
|
renderItem: renderItem,
|
|
557
564
|
controlType: controlType,
|
|
558
565
|
onLoadMore: onLoadMore,
|
|
566
|
+
isAnimationFinish: isAnimationFinish,
|
|
559
567
|
threshold: threshold,
|
|
560
568
|
onControlTypeChange: setControlType,
|
|
561
569
|
closePop: closePop,
|
|
@@ -571,6 +579,15 @@ function Select(props0) {
|
|
|
571
579
|
}
|
|
572
580
|
return /*#__PURE__*/_jsx(List, _objectSpread({}, listProps));
|
|
573
581
|
};
|
|
582
|
+
var _useState7 = useState(''),
|
|
583
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
584
|
+
absoluteListUpdateKey = _useState8[0],
|
|
585
|
+
setAbsoluteListUpdateKey = _useState8[1];
|
|
586
|
+
// 当树形数据展开时,需要更新 AbsoluteList 的位置
|
|
587
|
+
var onExpandWrap = usePersistFn(function (value) {
|
|
588
|
+
onExpand === null || onExpand === void 0 || onExpand(value);
|
|
589
|
+
setAbsoluteListUpdateKey(value === null || value === void 0 ? void 0 : value.join(','));
|
|
590
|
+
});
|
|
574
591
|
var renderTreeList = function renderTreeList() {
|
|
575
592
|
return /*#__PURE__*/_jsx(TreeList, {
|
|
576
593
|
jssStyle: jssStyle,
|
|
@@ -582,7 +599,7 @@ function Select(props0) {
|
|
|
582
599
|
height: height,
|
|
583
600
|
defaultExpandAll: defaultExpandAll,
|
|
584
601
|
defaultExpanded: defaultExpanded,
|
|
585
|
-
onExpand:
|
|
602
|
+
onExpand: onExpandWrap,
|
|
586
603
|
childrenKey: childrenKey,
|
|
587
604
|
closePop: closePop,
|
|
588
605
|
renderItem: renderItem,
|
|
@@ -617,7 +634,7 @@ function Select(props0) {
|
|
|
617
634
|
var renderOptions = function renderOptions() {
|
|
618
635
|
if (loading) return renderLoading();
|
|
619
636
|
var isEmpty = !(filterData !== null && filterData !== void 0 && filterData.length);
|
|
620
|
-
if (isEmpty) return renderEmpty();
|
|
637
|
+
if (isEmpty && props.emptyText !== false) return renderEmpty();
|
|
621
638
|
var options = 'treeData' in props ? renderTreeList() : renderList();
|
|
622
639
|
if (renderOptionList) {
|
|
623
640
|
return renderOptionList(options, {
|
|
@@ -675,13 +692,17 @@ function Select(props0) {
|
|
|
675
692
|
popupGap: 4,
|
|
676
693
|
popupElRef: popupRef,
|
|
677
694
|
parentElRef: targetRef,
|
|
695
|
+
updateKey: absoluteListUpdateKey,
|
|
678
696
|
children: /*#__PURE__*/_jsxs(AnimationList, {
|
|
679
697
|
onRef: popupRef,
|
|
680
698
|
show: open,
|
|
681
699
|
className: classNames(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
|
|
700
|
+
onAnimationAfterEnter: onAnimationAfterEnter,
|
|
682
701
|
onMouseDown: preventDefault,
|
|
683
702
|
display: 'block',
|
|
684
|
-
type: "scale-y"
|
|
703
|
+
type: "scale-y"
|
|
704
|
+
// type='fade'
|
|
705
|
+
,
|
|
685
706
|
duration: 'fast',
|
|
686
707
|
style: getListStyle(),
|
|
687
708
|
children: [renderHeader(), renderOptions(), renderFooter()]
|